@teamteanpm2024/architecto-alias-quod

v1.1.5

Published

13 days ago

![npm](https://img.shields.io/npm/v/@teamteanpm2024/architecto-alias-quod?style=flat-square) [![Build](https://img.shields.io/github/actions/workflow/status/darekkay/@teamteanpm2024/architecto-alias-quod/ci.yml?branch=master&style=flat-square)](https://gi

Downloads

12,296

0High
0Medium
0Low

shivamkalsi2024

fast-deep-copy react-hooks a11y es2015 WeakSet status task BigUint64Array group jsonpath last es equality spinners jsdiff hooks styled-components extra patch negative zero colors number description jsonschema cloudsearch util side readable asserts ECMAScript 2018 -0 bound command-line regular deepcopy less mixins joi ECMAScript 2015 prefix symlink iterate zod ECMAScript 2016 mocha argument tap tslib Object.entries chinese every ES3 lru toolkit ECMAScript 2021 babel functional protocol-buffers 0 tacit function request eslintconfig censor structuredClone format url react animation gestures browser idle scheme-validation autoprefixer URL utility shrinkwrap includes slice types react pose sanitize schema ES8 width pnpm9 [[Prototype]]WeakMap tape character invariant fullwidth matches jsx fsevents macos sigterm concatMap is safe unicode bind String.prototype.matchAll handlers byteLength stringify promises transpile nested css full acorn beanstalk encryption mkdir enumerable parse Object.getPrototypeOf column require authentication ECMAScript 5 defineProperty stringifier mime ES2018 characters formatting Array.prototype.findLastIndex connect minimal Object.fromEntries ArrayBuffer.prototype.slice Int32Array workspace:*http css nesting dir fast-clone glacier Microsoft string Object.defineProperty serialization eventEmitter hasOwn stable reuse merge watching npm sqs styling flat find-up web String.prototype.trim commander bluebird ES7 fast-deep-clone jasmine browserslist queueMicrotask validator ES2022 regular expression rfc4122 diff syntax curried electron zero proto ES2023 preprocessor redact optimist readablestream nope installer view await sham deep-clone collection.es6 worker extend URLSearchParams find toArray delete date ascii RxJS pipe reducer fast promise concat fps test contains xss wrap mobile real-time private data obj dependencies getOwnPropertyDescriptor vpc ender symbols rm -fr utils Object write es2016 elb interrupts es5 wordwrap spinner intrinsic buffers Iterator mime-db mapreduce console guid transpiler shebang Push getintrinsic xterm aws trimRight Float64Array wget Observable framework bootstrap less crypto getopt Array.prototype.flatMap Symbol autoscaling descriptor move throat take quote runtime install parser es7 callback properties parsing remove offset balanced ast fastclone util.inspect full-width windows events rapid toStringTag limit look performant ES2020 Object.keys chrome break ava agent TypeScript bundler sorted toobject folder watch parents assign irq east-asian-width polyfill rm -rf postcss-plugin es6 sns symlinks call-bind estree javascript mixins route53 lazy callbind deep-copy search password jsdom stylesheet flag extension testing get jwt ES open keys rgb from picomatch auth scheme regexp classname reduce airbnb check mimetypes trimLeft variables jQuery pyyaml cli amazon accessibility iterator ec2 .env korean middleware ES2015 xhr rmdir regular expressions Stream helpers ECMAScript 2022 HyBi animation hardlinks Object.assign compiler libphonenumber findup classnames toSorted prototype setImmediate native dom create gradients css inspect RegExp#flags pose omit _.extend Array.prototype.includes persistent ES2016 json-schema-validation chromium Array.prototype.filter speed Set typeof ie collection ebs Int16Array trim proxy bootstrap css directory flatten regex spec JSON superagent arrays tostringtag importexport vest negative express channel node dayjs computed-types forEach tools sigint 256 assertion consume tty es2018 config css-in-js typedarrays package manager whatwg filter redux progress language name fixed-width browserlist ES2021 ESnext preserve-symlinks 3d rangeerror pretty escape signal listeners popmotion Underscore jest rate art byte writable async code points option command weakset sort argparse json-schema property stream styleguide arraybuffer fetch CSS https linewrap Array.prototype.flatten BigInt64Array shim chai ECMAScript 6 color streams2 protobuf private performance typedarray validation lesscss starter TypedArray weakmap eslintplugin eslint-plugin ES6 StyleSheet typeerror less.js react eventDispatcher es8 define fastify args touch three cors link ECMAScript 3 ses ratelimit path debugger ReactiveExtensions operating-system __proto__ECMAScript 2019 package.json log point-free pure match package efficient exit curl deep fastcopy react-testing-library terminal utilities map postcss exit-code TypeBox YAML ECMAScript 2023 cjk gradients css3 styles simpledb call-bound assert inference environment less compiler value which Reflect.getPrototypeOf JSON-Schema harmony WebSockets bundling dependency manager swf WebSocket ts eslint mkdirp json-schema-validator setPrototypeOf framer uninstall io-ts values rm awesomesauce module wordbreak CSSStyleDeclaration ajv figlet gdpr buffer ramda l10n has queue Function.prototype.name emit iam Observables drop validate karma entries ArrayBuffer#slice configurable input deterministic ES2017 byteOffset monorepo spring internal limited flatMap cache optimizer mkdirs getter typanion push getPrototypeOf trimStart cloudfront debug ReactiveX bcrypt phone Int8Array findLast sharedarraybuffer fs telephone hash form-validation robust storagegateway Object.values signals api type style Symbol.toStringTag crypt Uint16Array array 6to5 cloudformation es-shims term stateless query busy multi-package plugin superstruct codes Array loading typescript elasticache yaml matchAll isConcatSpreadable Uint8Array shared nodejs css less banner japanese redux-toolkit positive once compile less var iteration higher-order forms workflow tester es2017 core descriptors trimEnd mru waapi yup expression circular clone file system variables in css ES5 rds callbound metadata env make warning classes ECMAScript 7 Map json indicator ponyfill symbol coercible throttle fast-copy lockfile const make dir immer Object.is object setter concurrency moment typed array cloudtrail columns linux error Array.prototype.flat batch internal slot serialize names less streams ES2019 shell kinesis text compare generics s3 bdd process error-handling tdd exec css walking waf visual resolve Array.prototype.findLast drag Promise watchFile less css glob dynamodb sequence prune ajax fantasy-land slot up settings endpoint RFC-6455 class-validator data emoji react-hook-form AsyncIterator watcher typesafe typed RegExp.prototype.flags tc39 Uint8ClampedArray prop traverse css variable es-abstract ecmascript logger parent i18n loadbalancing Array.prototype.contains sameValueZero copy qs Rx syntaxerror let

A11y Contrast

npm

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 @teamteanpm2024/architecto-alias-quod  # Npm
$ yarn add -g @teamteanpm2024/architecto-alias-quod     # Yarn

Or install as a local dependency:

$ npm install --save @teamteanpm2024/architecto-alias-quod  # Npm
$ yarn add @teamteanpm2024/architecto-alias-quod            # Yarn

Or use without installing:

$ npx @teamteanpm2024/architecto-alias-quod <file>

Usage

View program help:

$ @teamteanpm2024/architecto-alias-quod --help
Usage: @teamteanpm2024/architecto-alias-quod <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:

$ @teamteanpm2024/architecto-alias-quod <file>

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

$ @teamteanpm2024/architecto-alias-quod <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.

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

A11y Contrast

Installation

Usage

Color palette format

License