@devtea2027/laborum-fugiat-consectetur-perferendis


Keywords
once, toStringTag, ArrayBuffer#slice, sequence, install, mkdirp, Set, dependency manager, readablestream, fastclone, toolkit, Uint16Array, idle, batch, phone, Microsoft, classes, es7, configurable, link, [[Prototype]], arktype, rapid, WebSockets, css-in-js, css variable, error, watch, karma, pipe, style, korean, rds, RFC-6455, deep-clone, has-own, wrap, typedarrays, route53, extra, wget, ts, serialization, promise, estree, framework, real-time, mobile, diff, hasOwn, random, ava, process, promises, stringify, cache, status, isConcatSpreadable, require, querystring, mkdir, elm, child, arrays, time, dir, pnpm9, performant, l10n, es2015, sinatra, variables in css, globals, await, string, argparse, middleware, walk, Iterator, safe, findLast, ES3, code points, moment, sorted, windows, Array.prototype.findLastIndex, bootstrap less, limited, import, accessibility, type, data, Underscore, name, Array.prototype.flatMap, look-up, inference, toSorted, consume, classnames, fs, match, robust, -0, exit-code, CSS, Uint8ClampedArray, _.extend, jsx, color, rm -rf, recursive, eslint-plugin, test, bdd, fixed-width, get, regex, has, rgb, syntaxerror, eslintconfig, output, figlet, redux, collection, launch, validation, operating-system, Reflect.getPrototypeOf, find, xhr, search, ES2017, some, Uint32Array, utility, mkdirs, electron, mixins, circular, eslint, Array.prototype.contains, commander, autoprefixer, tester, Float32Array, getter, glob, class-validator, app, immutable, positive, typescript, contains, trimStart, busy, ansi, typesafe, delete, urls, keys, group, yaml, packages, deepclone, wordwrap, touch, id, regular expression, duplex, waf, bcrypt, call-bound, ECMAScript 2023, ECMAScript 5, aws, unicode, gdpr, styling, bundling, validate, prefix, Array.prototype.flat, key, json, regexp, invariant, restful, react-testing-library, dataview, streams2, es2016, stateless, react, dayjs, Uint8Array, form-validation, take, censor, assert, query, listeners, jwt, ECMAScript 6, ES5, preserve-symlinks, a11y, Int16Array, protobuf, postcss-plugin, ponyfill, eslintplugin, rest, queue, WeakMap, fsevents, js, linux, ender, getPrototypeOf, clone, fetch, minimal, BigUint64Array, sigint, jasmine, columns, macos, Object.assign, multi-package, ES2019, chai, uninstall, 256, equal, vpc, fast-clone, ses, ECMAScript 2016, lru, iam, logger, negative, copy, colour, remove, testing, efficient, predictable, ascii, classname, worker, iteration, description, preprocessor, concatMap, symlinks, amazon, collection.es6, spinners, queueMicrotask, auth, guid, trimEnd, ES2021, request, optimizer, callbound, flatMap, rate, fast-deep-copy, getOwnPropertyDescriptor, internal, modules, es-shim API, native, break, forms, datastructure, redux-toolkit, sham, loading, flux, watcher, BigInt64Array, whatwg, package, gradients css3, mime-db, cloudtrail, superagent, trim, performance, find-up, ECMAScript 2021, $.extend, args, fastcopy, less.js, shell, emr, input, vars, trimLeft, inspect, signal, flags, URL, Array.prototype.filter, scheme-validation, hookform, deep-copy, awesomesauce, jsdiff, extension, dom-testing-library, pretty, 0, folder, react-hook-form, shrinkwrap, website, Object.entries, Object, omit, browser, deterministic, http, environments, resolve, ES2023, metadata, up, ECMAScript 2018, glacier, functions, crypto, zod, setImmediate, router, ES8, watchFile, irq, descriptors, full, descriptor, Array.prototype.flatten, streams, setter, dynamodb, reuse, cors, nodejs, cjk, argv, character, https, nested css, getintrinsic, debugger, api, weakset, loadbalancing, live, push, picomatch, xterm, prop, javascript, byteOffset, entries, authentication, limit, map, fullwidth, typeof, coercible, valid, properties, dom, check, sqs, less css, wordbreak, proto, identifiers, styled-components, argument, TypeBox, sameValueZero, option, in, ArrayBuffer.prototype.slice, spec, password, superstruct, which, groupBy, reduce, defineProperty, default, __proto__, opens, ESnext, byteLength, tdd, config, speed, banner, assign, forEach, es-abstract, exe, less mixins, ajax, warning, Array, Object.defineProperty, importexport, optimist, dotenv, polyfill, mimetypes, concurrency, mapreduce, libphonenumber, tap, connect, events, functional, compile less, log, bound, buffers, parsing, ebs, runtime, browserslist, spawn, date, package.json, eventEmitter, less, ReactiveX, qs, JSON-Schema, Float64Array, stream, make dir, Object.getPrototypeOf, deepcopy, cloudwatch, logging, util, value, deep, es, typed array, String.prototype.trim, tty, types, URLSearchParams, schema, findup, callbind, installer, ratelimit, open, editor, offset, telephone, typed, less compiler, cloudformation, zero, file, protocol-buffers, Int8Array, sns, syntax, ECMAScript 2022, handlers, toobject, crypt, es-shims, fastify, parent, bluebird, art, hasOwnProperty, swf, sharedarraybuffer, patch, fast-copy, toArray, eventDispatcher, buffer, characters, ReactiveExtensions, cli, command, Object.keys, shared, fps, global, Int32Array, browserlist, setPrototypeOf, agent, tape, term, package manager, Object.is, Symbol, util.inspect, ECMAScript 2020, call-bind, includes, from, symlink, throttle, shim, dependencies, storagegateway, chromium, computed-types, concat, readable, typanion, write, internal slot, stringifier, stable, side, ast, vest, pyyaml, private, curl, throat, mocha, fast-deep-clone, AsyncIterator, directory, state, Object.values, ie, elasticache, hot, ajv, walking, opener, monorepo, npm, spinner, sort, signals, rfc4122, width, file system, rm, RegExp#flags, Function.prototype.name, task, helpers, regular, flatten, serializer, es2018, terminal, names, cloudfront, postcss, TypedArray, kinesis, utilities, hardlinks, is, form, replay, ES2022, emoji, yup, lazy, cmd, byte, emit, error-handling, lockfile, callback, ECMAScript 3, flag, exec, indicator, hash, codes, intrinsic, jshint, command-line, column, drop, endpoint, formatting, writable, slice, cloudsearch, String.prototype.matchAll, core-js, parser, mime, view, workspace:*, shebang, autoscaling, full-width, typeerror, own, settings, asserts, text
License
MIT
Install
npm install @devtea2027/laborum-fugiat-consectetur-perferendis@1.3.19

Documentation

A11y Contrast

npm Build license

A CLI utility to calculate/verify accessible magic numbers for a color palette. Read my blog post for some more information.

Installation

This tool requires Node.js version 18+.

Install globally:

$ npm install -g @devtea2027/laborum-fugiat-consectetur-perferendis  # Npm
$ yarn add -g @devtea2027/laborum-fugiat-consectetur-perferendis     # Yarn

Or install as a local dependency:

$ npm install --save @devtea2027/laborum-fugiat-consectetur-perferendis  # Npm
$ yarn add @devtea2027/laborum-fugiat-consectetur-perferendis            # Yarn

Or use without installing:

$ npx @devtea2027/laborum-fugiat-consectetur-perferendis <file>

Usage

View program help:

$ @devtea2027/laborum-fugiat-consectetur-perferendis --help
Usage: @devtea2027/laborum-fugiat-consectetur-perferendis <file> [options]

Arguments:
  <file>  Color palette file                              [required] [file]

Options:
  --min-ratio-3    Verify magic number for ratio 3                 [number]
  --min-ratio-4.5  Verify magic number for ratio 4.5               [number]
  --min-ratio-7    Verify magic number for ratio 7                 [number]
  -h, --help       Show help                     [commands: help] [boolean]
  -v, --version    Show version number        [commands: version] [boolean]

Run a full report for a color palette file:

$ @devtea2027/laborum-fugiat-consectetur-perferendis <file>

Verify that the color palette fulfills certain magic numbers per contrast ratio:

$ @devtea2027/laborum-fugiat-consectetur-perferendis <file> --min-ratio-3=40 --min-ratio-4.5=50 --min-ratio-7=70

Color palette format

This tool handles flat or nested JSON files. Any consistent grading system is supported.

  • Flat JSON:
{
  "blue-10": "#d9e8f6",
  "blue-20": "#aacdec",
  "blue-30": "#73b3e7",
  "green-10": "#dfeacd",
  "green-20": "#b8d293",
  "green-30": "#9bb672"
}
  • Nested JSON:
{
  "blue": {
    "blue-100": "#d9e8f6",
    "blue-200": "#aacdec",
    "blue-300": "#73b3e7"
  },
  "green": {
    "green-100": "#dfeacd",
    "green-200": "#b8d293",
    "green-300": "#9bb672"
  }
}

Check out some example color palettes under /examples.

License

This project and its contents are open source under the MIT license.