New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@fylgja/colors
Advanced tools
@fylgja/colors - npm Package Compare versions
Comparing version 1.1.1 to 2.0.0-beta.0
| // Fylgja (https://fylgja.dev) | ||
| // Licensed under MIT Open Source | ||
| import fs from "fs"; | ||
| import { propsBuilder } from "@fylgja/props-builder"; | ||
| import props from "./index.js"; | ||
| import propsHSL from "./hsl.js"; | ||
| import propsHsl from "./hsl.js"; | ||
| import propsOklchHues from "./oklch-hues.js"; | ||
| import propsOklch from "./oklch.js"; | ||
| const hslOptions = { | ||
| props: propsHSL, | ||
| props: propsHsl, | ||
| suffix: "-hsl", | ||
| }; | ||
| // For CommonJs export support | ||
| const file = fs.createWriteStream("index.cjs"); | ||
| file.write(`// Fylgja (https://fylgja.dev)\n// Licensed under MIT Open Source\n | ||
| module.exports = ${JSON.stringify(props, null, 4)};\n`); | ||
| file.end(); | ||
| // All colors, scss | ||
| propsBuilder({ filename: "_index.scss", props }); | ||
| propsBuilder({ filename: "_props.scss", props, generationSyntax: "css" }); | ||
| propsBuilder({ filename: "_hsl.scss", ...hslOptions, generationSyntax: "css" }); | ||
| propsBuilder({ | ||
| filename: "_props.hsl.scss", | ||
| ...hslOptions, | ||
| generationSyntax: "css", | ||
| }); | ||
| propsBuilder({ | ||
| filename: "_props.oklch.scss", | ||
| props: propsOklch, | ||
| suffix: "-oklch", | ||
| selector: ":where(*)", | ||
| generationSyntax: "css", | ||
| }); | ||
| propsBuilder({ | ||
| filename: "_props.oklch-hues.scss", | ||
| props: propsOklchHues, | ||
| selector: ":where(*)", | ||
| generationSyntax: "css", | ||
| }); | ||
@@ -28,2 +40,12 @@ // All colors, css | ||
| propsBuilder({ filename: "hsl.css", ...hslOptions }); | ||
| propsBuilder({ | ||
| filename: "oklch.css", | ||
| props: propsOklch, | ||
| selector: ":where(*)", | ||
| }); | ||
| propsBuilder({ | ||
| filename: "oklch-hues.css", | ||
| props: propsOklchHues, | ||
| selector: ":where(*)", | ||
| }); | ||
@@ -33,8 +55,22 @@ // All colors, Shadow dom | ||
| propsBuilder({ filename: "hsl.host.css", ...hslOptions, selector: ":host" }); | ||
| propsBuilder({ | ||
| filename: "oklch.host.css", | ||
| props: propsOklch, | ||
| selector: "*", | ||
| }); | ||
| propsBuilder({ | ||
| filename: "oklch-hues.host.css", | ||
| props: propsOklchHues, | ||
| selector: "*", | ||
| }); | ||
| // All colors, jit-props, e.g. the open-props syntax | ||
| propsBuilder({ filename: "jit-props.js", props }); | ||
| propsBuilder({ filename: "jit-props.cjs", props }); | ||
| propsBuilder({ filename: "jit-props.hsl.js", ...hslOptions }); | ||
| propsBuilder({ filename: "jit-props.cjs", props }); | ||
| propsBuilder({ filename: "jit-props.hsl.cjs", ...hslOptions }); | ||
| propsBuilder({ filename: "jit-props.oklch.js", props: propsOklch }); | ||
| propsBuilder({ filename: "jit-props.oklch.cjs", props: propsOklch }); | ||
| propsBuilder({ filename: "jit-props.oklch-hues.js", props: propsOklchHues }); | ||
| propsBuilder({ filename: "jit-props.oklch-hues.cjs", props: propsOklchHues }); | ||
@@ -55,3 +91,3 @@ // Only one color set, hex syntax | ||
| // Only one color set, hsl syntax | ||
| Object.entries(propsHSL).map(([key, value]) => { | ||
| Object.entries(propsHsl).map(([key, value]) => { | ||
| propsBuilder({ | ||
@@ -58,0 +94,0 @@ filename: `hsl/${key}.css`, |
@@ -9,2 +9,14 @@ # Changelog | ||
| ## [2.0.0-beta.1] - 2023-05-24 | ||
| ### Added | ||
| - Add oklch props support | ||
| - Add new colors Green Gray and Red Gray | ||
| ### Changed | ||
| - Replaced [Open color](https://yeun.github.io/open-color/) with our own build colors, power by oklch color syntax | ||
| - Rebuild the generation tools for the building the colors | ||
| ### Fixed | ||
| - Incorrect render of the color Indigo | ||
| ## [1.1.1] - 2023-04-30 | ||
@@ -11,0 +23,0 @@ ### Changed |
308
hsl.js
@@ -5,170 +5,194 @@ // Fylgja (https://fylgja.dev) | ||
| export default { | ||
| "gray": { | ||
| "0": "210 17% 98%", | ||
| "1": "210 17% 95%", | ||
| "2": "210 16% 93%", | ||
| "3": "210 14% 89%", | ||
| "4": "210 14% 83%", | ||
| "5": "210 11% 71%", | ||
| "6": "210 7% 56%", | ||
| "7": "210 9% 31%", | ||
| "8": "210 10% 23%", | ||
| "9": "210 11% 15%" | ||
| "redGray": { | ||
| "0": "0.7288 100% 97.867%", | ||
| "1": "0.2407 49.993% 89.4%", | ||
| "2": "0.1779 21.957% 76.649%", | ||
| "3": "0.114 14.953% 66.72%", | ||
| "4": "0.0655 12.388% 60.646%", | ||
| "5": "359.82 11.001% 40.825%", | ||
| "6": "359.37 16.528% 24.587%", | ||
| "7": "358.7 25.386% 14.568%", | ||
| "8": "357.35 67.487% 4.0179%", | ||
| "9": "359.59 100% 0.4615%" | ||
| }, | ||
| "greenGray": { | ||
| "0": "135.08 100% 96.607%", | ||
| "1": "132.86 27.095% 85.541%", | ||
| "2": "132.97 14.068% 72.906%", | ||
| "3": "133.09 10.076% 63.078%", | ||
| "4": "133.18 8.5255% 57.071%", | ||
| "5": "133.63 9.1429% 37.522%", | ||
| "6": "134.45 14.779% 21.59%", | ||
| "7": "135.72 25.523% 11.819%", | ||
| "8": "133.8 84.966% 2.1974%", | ||
| "9": "120 100% 0.1638%" | ||
| }, | ||
| "blueGray": { | ||
| "0": "204 15% 94%", | ||
| "1": "198 16% 84%", | ||
| "2": "200 15% 73%", | ||
| "3": "200 16% 62%", | ||
| "4": "200 15% 54%", | ||
| "5": "200 18% 46%", | ||
| "6": "199 18% 40%", | ||
| "7": "199 18% 33%", | ||
| "8": "200 18% 26%", | ||
| "9": "200 19% 18%" | ||
| "0": "187.81 100% 96.982%", | ||
| "1": "215.77 56.216% 88.713%", | ||
| "2": "215.77 25.649% 75.99%", | ||
| "3": "215.77 17.679% 66.086%", | ||
| "4": "215.76 14.728% 60.029%", | ||
| "5": "215.76 13.567% 40.288%", | ||
| "6": "215.77 20.682% 24.156%", | ||
| "7": "215.78 32.285% 14.24%", | ||
| "8": "222.1 79.437% 4.1552%", | ||
| "9": "237.03 100% 0.6974%" | ||
| }, | ||
| "red": { | ||
| "0": "0 100% 98%", | ||
| "1": "0 100% 95%", | ||
| "2": "0 100% 89%", | ||
| "3": "0 100% 83%", | ||
| "4": "0 100% 76%", | ||
| "5": "0 100% 71%", | ||
| "6": "0 94% 65%", | ||
| "7": "0 86% 59%", | ||
| "8": "0 74% 54%", | ||
| "9": "0 65% 48%" | ||
| "gray": { | ||
| "0": "180 100% 95.97%", | ||
| "1": "205.6 54.647% 87.311%", | ||
| "2": "205.57 26.564% 74.62%", | ||
| "3": "205.54 18.65% 64.743%", | ||
| "4": "205.51 15.656% 58.703%", | ||
| "5": "205.38 15.488% 39.024%", | ||
| "6": "205.12 24.397% 22.94%", | ||
| "7": "204.67 40.406% 13.022%", | ||
| "8": "211.94 100% 3.5019%", | ||
| "9": "232.78 100% 0.6062%" | ||
| }, | ||
| "pink": { | ||
| "0": "336 100% 97%", | ||
| "1": "336 100% 94%", | ||
| "2": "338 91% 87%", | ||
| "3": "339 90% 81%", | ||
| "4": "339 88% 74%", | ||
| "5": "339 82% 67%", | ||
| "6": "339 76% 59%", | ||
| "7": "339 67% 52%", | ||
| "8": "339 68% 45%", | ||
| "9": "339 69% 38%" | ||
| "0": "300 100% 96.811%", | ||
| "1": "323.7 100% 88.249%", | ||
| "2": "322.35 100% 75.06%", | ||
| "3": "322.72 100% 64.342%", | ||
| "4": "318.79 100% 50%", | ||
| "5": "322.94 100% 38.096%", | ||
| "6": "326.23 100% 26.391%", | ||
| "7": "328.61 100% 17.309%", | ||
| "8": "338.54 100% 9.3529%", | ||
| "9": "350.12 100% 1.5278%" | ||
| }, | ||
| "purple": { | ||
| "0": "280 67% 96%", | ||
| "1": "287 77% 92%", | ||
| "2": "288 86% 86%", | ||
| "3": "289 85% 78%", | ||
| "4": "288 83% 71%", | ||
| "5": "288 75% 64%", | ||
| "6": "288 67% 58%", | ||
| "7": "288 56% 52%", | ||
| "8": "288 54% 46%", | ||
| "9": "288 54% 40%" | ||
| "0": "300 100% 97.117%", | ||
| "1": "301.21 100% 88.891%", | ||
| "2": "302.55 100% 76.667%", | ||
| "3": "303.17 88.864% 65.276%", | ||
| "4": "301.76 100% 47.661%", | ||
| "5": "301.52 100% 33.968%", | ||
| "6": "300.76 100% 23.163%", | ||
| "7": "300.33 100% 15.01%", | ||
| "8": "295.6 100% 8.3069%", | ||
| "9": "288.12 100% 1.3048%" | ||
| }, | ||
| "violet": { | ||
| "0": "252 100% 97%", | ||
| "1": "257 100% 93%", | ||
| "2": "256 100% 87%", | ||
| "3": "255 94% 79%", | ||
| "4": "255 93% 72%", | ||
| "5": "255 91% 67%", | ||
| "6": "255 86% 63%", | ||
| "7": "255 78% 60%", | ||
| "8": "255 67% 55%", | ||
| "9": "255 53% 50%" | ||
| "0": "300 100% 97.671%", | ||
| "1": "285.23 100% 89.993%", | ||
| "2": "285.36 100% 79.003%", | ||
| "3": "282.76 100% 70.548%", | ||
| "4": "285.71 100% 59.936%", | ||
| "5": "281.65 100% 41.024%", | ||
| "6": "278.65 100% 29.593%", | ||
| "7": "276.69 100% 19.888%", | ||
| "8": "268.86 100% 12.718%", | ||
| "9": "254.7 100% 3.0181%" | ||
| }, | ||
| "indigo": { | ||
| "0": "223 100% 96%", | ||
| "1": "225 100% 93%", | ||
| "2": "228 100% 86%", | ||
| "3": "228 100% 78%", | ||
| "4": "228 96% 72%", | ||
| "5": "228 94% 67%", | ||
| "6": "228 89% 63%", | ||
| "7": "228 81% 59%", | ||
| "8": "228 69% 55%", | ||
| "9": "230 57% 50%" | ||
| "0": "267.47 100% 98.406%", | ||
| "1": "252.64 100% 91.423%", | ||
| "2": "258.14 100% 81.827%", | ||
| "3": "260.52 100% 74.214%", | ||
| "4": "266.58 100% 66.037%", | ||
| "5": "263.93 85.594% 51.259%", | ||
| "6": "264.51 100% 34.286%", | ||
| "7": "262.48 100% 23.368%", | ||
| "8": "258.52 100% 15.894%", | ||
| "9": "248.58 100% 4.3194%" | ||
| }, | ||
| "blue": { | ||
| "0": "205 100% 95%", | ||
| "1": "206 100% 91%", | ||
| "2": "206 100% 82%", | ||
| "3": "206 96% 72%", | ||
| "4": "207 91% 64%", | ||
| "5": "207 86% 57%", | ||
| "6": "208 80% 52%", | ||
| "7": "208 77% 47%", | ||
| "8": "209 77% 43%", | ||
| "9": "209 75% 38%" | ||
| "0": "184.68 100% 95.591%", | ||
| "1": "206.35 100% 85.97%", | ||
| "2": "208.06 100% 71.273%", | ||
| "3": "210.04 100% 60.608%", | ||
| "4": "210.35 100% 50%", | ||
| "5": "222.36 100% 48.646%", | ||
| "6": "238.65 100% 36.17%", | ||
| "7": "240 100% 24.773%", | ||
| "8": "250.16 100% 17.217%", | ||
| "9": "245.67 100% 4.8664%" | ||
| }, | ||
| "cyan": { | ||
| "0": "185 81% 94%", | ||
| "1": "185 84% 88%", | ||
| "2": "186 77% 77%", | ||
| "3": "187 74% 65%", | ||
| "4": "187 69% 55%", | ||
| "5": "188 72% 47%", | ||
| "6": "187 80% 42%", | ||
| "7": "188 83% 37%", | ||
| "8": "189 85% 32%", | ||
| "9": "189 85% 28%" | ||
| "0": "180 100% 92.261%", | ||
| "1": "188.99 100% 77.74%", | ||
| "2": "189.26 100% 50%", | ||
| "3": "194.78 100% 50%", | ||
| "4": "198.25 100% 50%", | ||
| "5": "204.64 100% 39.671%", | ||
| "6": "211.06 100% 28.529%", | ||
| "7": "215.23 100% 19.128%", | ||
| "8": "240 100% 12.155%", | ||
| "9": "240 100% 2.8031%" | ||
| }, | ||
| "teal": { | ||
| "0": "161 79% 95%", | ||
| "1": "160 85% 87%", | ||
| "2": "162 78% 77%", | ||
| "3": "162 72% 65%", | ||
| "4": "162 68% 54%", | ||
| "5": "162 73% 46%", | ||
| "6": "162 82% 40%", | ||
| "7": "162 87% 35%", | ||
| "8": "162 88% 30%", | ||
| "9": "162 88% 26%" | ||
| "0": "165.82 100% 93.055%", | ||
| "1": "159.29 80.758% 77.464%", | ||
| "2": "164.52 100% 44.854%", | ||
| "3": "160.02 100% 41.087%", | ||
| "4": "155.32 100% 39.366%", | ||
| "5": "151.66 100% 27.332%", | ||
| "6": "143.68 100% 17.639%", | ||
| "7": "137.28 100% 10.967%", | ||
| "8": "120 100% 4.2766%", | ||
| "9": "120 100% 0.3381%" | ||
| }, | ||
| "green": { | ||
| "0": "131 67% 95%", | ||
| "1": "128 76% 90%", | ||
| "2": "128 71% 82%", | ||
| "3": "129 68% 73%", | ||
| "4": "130 61% 64%", | ||
| "5": "130 57% 56%", | ||
| "6": "131 50% 50%", | ||
| "7": "131 53% 46%", | ||
| "8": "131 54% 40%", | ||
| "9": "132 52% 35%" | ||
| "0": "106.67 100% 94.872%", | ||
| "1": "109.19 66.24% 81.284%", | ||
| "2": "108.6 65.363% 59.706%", | ||
| "3": "107.43 100% 38.914%", | ||
| "4": "120 100% 36.786%", | ||
| "5": "120 100% 25.274%", | ||
| "6": "120 100% 15.948%", | ||
| "7": "120 100% 9.7415%", | ||
| "8": "120 100% 3.3753%", | ||
| "9": "120 100% 0.2383%" | ||
| }, | ||
| "lime": { | ||
| "0": "79 81% 94%", | ||
| "1": "80 83% 88%", | ||
| "2": "81 81% 80%", | ||
| "3": "82 75% 69%", | ||
| "4": "83 73% 59%", | ||
| "5": "84 69% 51%", | ||
| "6": "85 74% 45%", | ||
| "7": "85 79% 40%", | ||
| "8": "86 84% 36%", | ||
| "9": "85 84% 32%" | ||
| "0": "80.143 100% 93.502%", | ||
| "1": "82.411 63.83% 77.427%", | ||
| "2": "74.603 94.016% 42.494%", | ||
| "3": "78.503 100% 36.717%", | ||
| "4": "83.162 100% 34.105%", | ||
| "5": "86.946 100% 23.105%", | ||
| "6": "95.689 100% 14.123%", | ||
| "7": "103.56 100% 8.4085%", | ||
| "8": "120 100% 2.4758%", | ||
| "9": "120 100% 0.1756%" | ||
| }, | ||
| "yellow": { | ||
| "0": "50 100% 93%", | ||
| "1": "49 100% 87%", | ||
| "2": "49 100% 80%", | ||
| "3": "48 100% 70%", | ||
| "4": "47 100% 62%", | ||
| "5": "45 97% 54%", | ||
| "6": "42 96% 50%", | ||
| "7": "39 100% 48%", | ||
| "8": "35 100% 47%", | ||
| "9": "31 100% 45%" | ||
| "0": "62.744 100% 92.529%", | ||
| "1": "62.153 59.637% 74.142%", | ||
| "2": "59.829 100% 39.054%", | ||
| "3": "58.29 100% 34.868%", | ||
| "4": "55.841 100% 32.82%", | ||
| "5": "53.762 100% 22.512%", | ||
| "6": "48.442 100% 14.307%", | ||
| "7": "44.583 100% 8.7357%", | ||
| "8": "21.904 100% 3.1738%", | ||
| "9": "30.409 100% 0.2025%" | ||
| }, | ||
| "orange": { | ||
| "0": "34 100% 95%", | ||
| "1": "33 100% 90%", | ||
| "2": "33 100% 83%", | ||
| "3": "32 100% 74%", | ||
| "4": "31 100% 65%", | ||
| "5": "29 100% 58%", | ||
| "6": "27 98% 54%", | ||
| "7": "24 94% 50%", | ||
| "8": "21 90% 48%", | ||
| "9": "17 87% 45%" | ||
| "0": "47.308 100% 92.357%", | ||
| "1": "35.186 100% 79.045%", | ||
| "2": "37.885 100% 50%", | ||
| "3": "28.785 100% 50%", | ||
| "4": "19.559 100% 50%", | ||
| "5": "10.214 100% 36.493%", | ||
| "6": "0 100% 25.322%", | ||
| "7": "360 100% 16.595%", | ||
| "8": "0 100% 8.8896%", | ||
| "9": "0 100% 1.3494%" | ||
| }, | ||
| "red": { | ||
| "0": "20.974 100% 95.508%", | ||
| "1": "12.114 100% 85.853%", | ||
| "2": "9.2322 100% 71.167%", | ||
| "3": "6.3012 100% 60.302%", | ||
| "4": "0 100% 50%", | ||
| "5": "0 100% 41.345%", | ||
| "6": "0 100% 29.087%", | ||
| "7": "0 100% 19.279%", | ||
| "8": "0 100% 10.999%", | ||
| "9": "360 100% 2.1459%" | ||
| } | ||
| }; |
360
index.js
@@ -5,170 +5,194 @@ // Fylgja (https://fylgja.dev) | ||
| export default { | ||
| gray: { | ||
| 0: "#f8f9fa", | ||
| 1: "#f1f3f5", | ||
| 2: "#e9ecef", | ||
| 3: "#dee2e6", | ||
| 4: "#ced4da", | ||
| 5: "#adb5bd", | ||
| 6: "#868e96", | ||
| 7: "#495057", | ||
| 8: "#343a40", | ||
| 9: "#212529", | ||
| }, | ||
| blueGray: { | ||
| 0: "#eceff1", | ||
| 1: "#cfd8dc", | ||
| 2: "#b0bec5", | ||
| 3: "#90a4ae", | ||
| 4: "#78909c", | ||
| 5: "#607d8b", | ||
| 6: "#546e7a", | ||
| 7: "#455a64", | ||
| 8: "#37474f", | ||
| 9: "#263238", | ||
| }, | ||
| red: { | ||
| 0: "#fff5f5", | ||
| 1: "#ffe3e3", | ||
| 2: "#ffc9c9", | ||
| 3: "#ffa8a8", | ||
| 4: "#ff8787", | ||
| 5: "#ff6b6b", | ||
| 6: "#fa5252", | ||
| 7: "#f03e3e", | ||
| 8: "#e03131", | ||
| 9: "#c92a2a", | ||
| }, | ||
| pink: { | ||
| 0: "#fff0f6", | ||
| 1: "#ffdeeb", | ||
| 2: "#fcc2d7", | ||
| 3: "#faa2c1", | ||
| 4: "#f783ac", | ||
| 5: "#f06595", | ||
| 6: "#e64980", | ||
| 7: "#d6336c", | ||
| 8: "#c2255c", | ||
| 9: "#a61e4d", | ||
| }, | ||
| purple: { | ||
| 0: "#f8f0fc", | ||
| 1: "#f3d9fa", | ||
| 2: "#eebefa", | ||
| 3: "#e599f7", | ||
| 4: "#da77f2", | ||
| 5: "#cc5de8", | ||
| 6: "#be4bdb", | ||
| 7: "#ae3ec9", | ||
| 8: "#9c36b5", | ||
| 9: "#862e9c", | ||
| }, | ||
| violet: { | ||
| 0: "#f3f0ff", | ||
| 1: "#e5dbff", | ||
| 2: "#d0bfff", | ||
| 3: "#b197fc", | ||
| 4: "#9775fa", | ||
| 5: "#845ef7", | ||
| 6: "#7950f2", | ||
| 7: "#7048e8", | ||
| 8: "#6741d9", | ||
| 9: "#5f3dc4", | ||
| }, | ||
| indigo: { | ||
| 0: "#edf2ff", | ||
| 1: "#dbe4ff", | ||
| 2: "#bac8ff", | ||
| 3: "#91a7ff", | ||
| 4: "#748ffc", | ||
| 5: "#5c7cfa", | ||
| 6: "#4c6ef5", | ||
| 7: "#4263eb", | ||
| 8: "#3b5bdb", | ||
| 9: "#364fc7", | ||
| }, | ||
| blue: { | ||
| 0: "#e7f5ff", | ||
| 1: "#d0ebff", | ||
| 2: "#a5d8ff", | ||
| 3: "#74c0fc", | ||
| 4: "#4dabf7", | ||
| 5: "#339af0", | ||
| 6: "#228be6", | ||
| 7: "#1c7ed6", | ||
| 8: "#1971c2", | ||
| 9: "#1864ab", | ||
| }, | ||
| cyan: { | ||
| 0: "#e3fafc", | ||
| 1: "#c5f6fa", | ||
| 2: "#99e9f2", | ||
| 3: "#66d9e8", | ||
| 4: "#3bc9db", | ||
| 5: "#22b8cf", | ||
| 6: "#15aabf", | ||
| 7: "#1098ad", | ||
| 8: "#0c8599", | ||
| 9: "#0b7285", | ||
| }, | ||
| teal: { | ||
| 0: "#e6fcf5", | ||
| 1: "#c3fae8", | ||
| 2: "#96f2d7", | ||
| 3: "#63e6be", | ||
| 4: "#38d9a9", | ||
| 5: "#20c997", | ||
| 6: "#12b886", | ||
| 7: "#0ca678", | ||
| 8: "#099268", | ||
| 9: "#087f5b", | ||
| }, | ||
| green: { | ||
| 0: "#ebfbee", | ||
| 1: "#d3f9d8", | ||
| 2: "#b2f2bb", | ||
| 3: "#8ce99a", | ||
| 4: "#69db7c", | ||
| 5: "#51cf66", | ||
| 6: "#40c057", | ||
| 7: "#37b24d", | ||
| 8: "#2f9e44", | ||
| 9: "#2b8a3e", | ||
| }, | ||
| lime: { | ||
| 0: "#f4fce3", | ||
| 1: "#e9fac8", | ||
| 2: "#d8f5a2", | ||
| 3: "#c0eb75", | ||
| 4: "#a9e34b", | ||
| 5: "#94d82d", | ||
| 6: "#82c91e", | ||
| 7: "#74b816", | ||
| 8: "#66a80f", | ||
| 9: "#5c940d", | ||
| }, | ||
| yellow: { | ||
| 0: "#fff9db", | ||
| 1: "#fff3bf", | ||
| 2: "#ffec99", | ||
| 3: "#ffe066", | ||
| 4: "#ffd43b", | ||
| 5: "#fcc419", | ||
| 6: "#fab005", | ||
| 7: "#f59f00", | ||
| 8: "#f08c00", | ||
| 9: "#e67700", | ||
| }, | ||
| orange: { | ||
| 0: "#fff4e6", | ||
| 1: "#ffe8cc", | ||
| 2: "#ffd8a8", | ||
| 3: "#ffc078", | ||
| 4: "#ffa94d", | ||
| 5: "#ff922b", | ||
| 6: "#fd7e14", | ||
| 7: "#f76707", | ||
| 8: "#e8590c", | ||
| 9: "#d9480f", | ||
| }, | ||
| "redGray": { | ||
| "0": "#fff4f4", | ||
| "1": "#f1d7d6", | ||
| "2": "#d1b6b6", | ||
| "3": "#b79d9d", | ||
| "4": "#a78e8e", | ||
| "5": "#745d5d", | ||
| "6": "#493435", | ||
| "7": "#2f1c1c", | ||
| "8": "#110304", | ||
| "9": "#020000" | ||
| }, | ||
| "greenGray": { | ||
| "0": "#eefff2", | ||
| "1": "#d0e4d4", | ||
| "2": "#b0c4b4", | ||
| "3": "#97aa9c", | ||
| "4": "#889b8c", | ||
| "5": "#57685b", | ||
| "6": "#2f3f33", | ||
| "7": "#16261a", | ||
| "8": "#010a03", | ||
| "9": "#000100" | ||
| }, | ||
| "blueGray": { | ||
| "0": "#f0fdff", | ||
| "1": "#d2dff2", | ||
| "2": "#b2bfd1", | ||
| "3": "#99a6b8", | ||
| "4": "#8a96a8", | ||
| "5": "#596475", | ||
| "6": "#313b4a", | ||
| "7": "#192230", | ||
| "8": "#020713", | ||
| "9": "#000004" | ||
| }, | ||
| "gray": { | ||
| "0": "#eaffff", | ||
| "1": "#cde1f0", | ||
| "2": "#adc1cf", | ||
| "3": "#94a8b6", | ||
| "4": "#8598a6", | ||
| "5": "#546673", | ||
| "6": "#2c3d49", | ||
| "7": "#14242f", | ||
| "8": "#000812", | ||
| "9": "#000003" | ||
| }, | ||
| "pink": { | ||
| "0": "#ffefff", | ||
| "1": "#ffc3e7", | ||
| "2": "#ff80d0", | ||
| "3": "#ff49ba", | ||
| "4": "#ff00af", | ||
| "5": "#c20078", | ||
| "6": "#87004c", | ||
| "7": "#58002e", | ||
| "8": "#300011", | ||
| "9": "#080001" | ||
| }, | ||
| "purple": { | ||
| "0": "#fff0ff", | ||
| "1": "#ffc6fe", | ||
| "2": "#ff88fa", | ||
| "3": "#f558ed", | ||
| "4": "#f300ec", | ||
| "5": "#ad00a9", | ||
| "6": "#760075", | ||
| "7": "#4d004c", | ||
| "8": "#27002a", | ||
| "9": "#050007" | ||
| }, | ||
| "violet": { | ||
| "0": "#fff3ff", | ||
| "1": "#f2ccff", | ||
| "2": "#e594ff", | ||
| "3": "#d469ff", | ||
| "4": "#ce33ff", | ||
| "5": "#9100d1", | ||
| "6": "#610097", | ||
| "7": "#3e0065", | ||
| "8": "#1f0041", | ||
| "9": "#04000f" | ||
| }, | ||
| "indigo": { | ||
| "0": "#fbf7ff", | ||
| "1": "#dcd3ff", | ||
| "2": "#bea2ff", | ||
| "3": "#a87bff", | ||
| "4": "#9f52ff", | ||
| "5": "#6d18ed", | ||
| "6": "#4700af", | ||
| "7": "#2d0077", | ||
| "8": "#190051", | ||
| "9": "#030016" | ||
| }, | ||
| "blue": { | ||
| "0": "#e9fdff", | ||
| "1": "#b7e0ff", | ||
| "2": "#6cbaff", | ||
| "3": "#369aff", | ||
| "4": "#007eff", | ||
| "5": "#0049f8", | ||
| "6": "#0004b8", | ||
| "7": "#00007e", | ||
| "8": "#0f0058", | ||
| "9": "#020019" | ||
| }, | ||
| "cyan": { | ||
| "0": "#d8ffff", | ||
| "1": "#8deeff", | ||
| "2": "#00d8ff", | ||
| "3": "#00c0ff", | ||
| "4": "#00b1ff", | ||
| "5": "#0077ca", | ||
| "6": "#004691", | ||
| "7": "#002862", | ||
| "8": "#00003e", | ||
| "9": "#00000e" | ||
| }, | ||
| "teal": { | ||
| "0": "#dcfff7", | ||
| "1": "#97f4d4", | ||
| "2": "#00e5aa", | ||
| "3": "#00d28c", | ||
| "4": "#00c976", | ||
| "5": "#008b4a", | ||
| "6": "#005a24", | ||
| "7": "#003810", | ||
| "8": "#001600", | ||
| "9": "#000200" | ||
| }, | ||
| "green": { | ||
| "0": "#ebffe5", | ||
| "1": "#bbefb0", | ||
| "2": "#6fdb55", | ||
| "3": "#2ac600", | ||
| "4": "#00bc00", | ||
| "5": "#008100", | ||
| "6": "#005100", | ||
| "7": "#003200", | ||
| "8": "#010", | ||
| "9": "#000100" | ||
| }, | ||
| "lime": { | ||
| "0": "#f4ffde", | ||
| "1": "#cfeaa1", | ||
| "2": "#a1d206", | ||
| "3": "#82bb00", | ||
| "4": "#6bae00", | ||
| "5": "#417600", | ||
| "6": "#1d4800", | ||
| "7": "#0c2b00", | ||
| "8": "#000d00", | ||
| "9": "#000100" | ||
| }, | ||
| "yellow": { | ||
| "0": "#fdffd9", | ||
| "1": "#e2e496", | ||
| "2": "#c7c700", | ||
| "3": "#b2ad00", | ||
| "4": "#a79c00", | ||
| "5": "#736700", | ||
| "6": "#493b00", | ||
| "7": "#2d2100", | ||
| "8": "#100600", | ||
| "9": "#010100" | ||
| }, | ||
| "orange": { | ||
| "0": "#fff7d8", | ||
| "1": "#ffd394", | ||
| "2": "#ffa100", | ||
| "3": "#ff7a00", | ||
| "4": "#ff5300", | ||
| "5": "#ba2000", | ||
| "6": "#810000", | ||
| "7": "#500", | ||
| "8": "#2d0000", | ||
| "9": "#070000" | ||
| }, | ||
| "red": { | ||
| "0": "#fff0e8", | ||
| "1": "#ffc5b7", | ||
| "2": "#ff836c", | ||
| "3": "#ff4a35", | ||
| "4": "#f00", | ||
| "5": "#d30000", | ||
| "6": "#940000", | ||
| "7": "#620000", | ||
| "8": "#380000", | ||
| "9": "#0b0000" | ||
| } | ||
| }; |
| export default { | ||
| "--gray-0-hsl": "210 17% 98%", | ||
| "--gray-1-hsl": "210 17% 95%", | ||
| "--gray-2-hsl": "210 16% 93%", | ||
| "--gray-3-hsl": "210 14% 89%", | ||
| "--gray-4-hsl": "210 14% 83%", | ||
| "--gray-5-hsl": "210 11% 71%", | ||
| "--gray-6-hsl": "210 7% 56%", | ||
| "--gray-7-hsl": "210 9% 31%", | ||
| "--gray-8-hsl": "210 10% 23%", | ||
| "--gray-9-hsl": "210 11% 15%", | ||
| "--blue-gray-0-hsl": "204 15% 94%", | ||
| "--blue-gray-1-hsl": "198 16% 84%", | ||
| "--blue-gray-2-hsl": "200 15% 73%", | ||
| "--blue-gray-3-hsl": "200 16% 62%", | ||
| "--blue-gray-4-hsl": "200 15% 54%", | ||
| "--blue-gray-5-hsl": "200 18% 46%", | ||
| "--blue-gray-6-hsl": "199 18% 40%", | ||
| "--blue-gray-7-hsl": "199 18% 33%", | ||
| "--blue-gray-8-hsl": "200 18% 26%", | ||
| "--blue-gray-9-hsl": "200 19% 18%", | ||
| "--red-0-hsl": "0 100% 98%", | ||
| "--red-1-hsl": "0 100% 95%", | ||
| "--red-2-hsl": "0 100% 89%", | ||
| "--red-3-hsl": "0 100% 83%", | ||
| "--red-4-hsl": "0 100% 76%", | ||
| "--red-5-hsl": "0 100% 71%", | ||
| "--red-6-hsl": "0 94% 65%", | ||
| "--red-7-hsl": "0 86% 59%", | ||
| "--red-8-hsl": "0 74% 54%", | ||
| "--red-9-hsl": "0 65% 48%", | ||
| "--pink-0-hsl": "336 100% 97%", | ||
| "--pink-1-hsl": "336 100% 94%", | ||
| "--pink-2-hsl": "338 91% 87%", | ||
| "--pink-3-hsl": "339 90% 81%", | ||
| "--pink-4-hsl": "339 88% 74%", | ||
| "--pink-5-hsl": "339 82% 67%", | ||
| "--pink-6-hsl": "339 76% 59%", | ||
| "--pink-7-hsl": "339 67% 52%", | ||
| "--pink-8-hsl": "339 68% 45%", | ||
| "--pink-9-hsl": "339 69% 38%", | ||
| "--purple-0-hsl": "280 67% 96%", | ||
| "--purple-1-hsl": "287 77% 92%", | ||
| "--purple-2-hsl": "288 86% 86%", | ||
| "--purple-3-hsl": "289 85% 78%", | ||
| "--purple-4-hsl": "288 83% 71%", | ||
| "--purple-5-hsl": "288 75% 64%", | ||
| "--purple-6-hsl": "288 67% 58%", | ||
| "--purple-7-hsl": "288 56% 52%", | ||
| "--purple-8-hsl": "288 54% 46%", | ||
| "--purple-9-hsl": "288 54% 40%", | ||
| "--violet-0-hsl": "252 100% 97%", | ||
| "--violet-1-hsl": "257 100% 93%", | ||
| "--violet-2-hsl": "256 100% 87%", | ||
| "--violet-3-hsl": "255 94% 79%", | ||
| "--violet-4-hsl": "255 93% 72%", | ||
| "--violet-5-hsl": "255 91% 67%", | ||
| "--violet-6-hsl": "255 86% 63%", | ||
| "--violet-7-hsl": "255 78% 60%", | ||
| "--violet-8-hsl": "255 67% 55%", | ||
| "--violet-9-hsl": "255 53% 50%", | ||
| "--indigo-0-hsl": "223 100% 96%", | ||
| "--indigo-1-hsl": "225 100% 93%", | ||
| "--indigo-2-hsl": "228 100% 86%", | ||
| "--indigo-3-hsl": "228 100% 78%", | ||
| "--indigo-4-hsl": "228 96% 72%", | ||
| "--indigo-5-hsl": "228 94% 67%", | ||
| "--indigo-6-hsl": "228 89% 63%", | ||
| "--indigo-7-hsl": "228 81% 59%", | ||
| "--indigo-8-hsl": "228 69% 55%", | ||
| "--indigo-9-hsl": "230 57% 50%", | ||
| "--blue-0-hsl": "205 100% 95%", | ||
| "--blue-1-hsl": "206 100% 91%", | ||
| "--blue-2-hsl": "206 100% 82%", | ||
| "--blue-3-hsl": "206 96% 72%", | ||
| "--blue-4-hsl": "207 91% 64%", | ||
| "--blue-5-hsl": "207 86% 57%", | ||
| "--blue-6-hsl": "208 80% 52%", | ||
| "--blue-7-hsl": "208 77% 47%", | ||
| "--blue-8-hsl": "209 77% 43%", | ||
| "--blue-9-hsl": "209 75% 38%", | ||
| "--cyan-0-hsl": "185 81% 94%", | ||
| "--cyan-1-hsl": "185 84% 88%", | ||
| "--cyan-2-hsl": "186 77% 77%", | ||
| "--cyan-3-hsl": "187 74% 65%", | ||
| "--cyan-4-hsl": "187 69% 55%", | ||
| "--cyan-5-hsl": "188 72% 47%", | ||
| "--cyan-6-hsl": "187 80% 42%", | ||
| "--cyan-7-hsl": "188 83% 37%", | ||
| "--cyan-8-hsl": "189 85% 32%", | ||
| "--cyan-9-hsl": "189 85% 28%", | ||
| "--teal-0-hsl": "161 79% 95%", | ||
| "--teal-1-hsl": "160 85% 87%", | ||
| "--teal-2-hsl": "162 78% 77%", | ||
| "--teal-3-hsl": "162 72% 65%", | ||
| "--teal-4-hsl": "162 68% 54%", | ||
| "--teal-5-hsl": "162 73% 46%", | ||
| "--teal-6-hsl": "162 82% 40%", | ||
| "--teal-7-hsl": "162 87% 35%", | ||
| "--teal-8-hsl": "162 88% 30%", | ||
| "--teal-9-hsl": "162 88% 26%", | ||
| "--green-0-hsl": "131 67% 95%", | ||
| "--green-1-hsl": "128 76% 90%", | ||
| "--green-2-hsl": "128 71% 82%", | ||
| "--green-3-hsl": "129 68% 73%", | ||
| "--green-4-hsl": "130 61% 64%", | ||
| "--green-5-hsl": "130 57% 56%", | ||
| "--green-6-hsl": "131 50% 50%", | ||
| "--green-7-hsl": "131 53% 46%", | ||
| "--green-8-hsl": "131 54% 40%", | ||
| "--green-9-hsl": "132 52% 35%", | ||
| "--lime-0-hsl": "79 81% 94%", | ||
| "--lime-1-hsl": "80 83% 88%", | ||
| "--lime-2-hsl": "81 81% 80%", | ||
| "--lime-3-hsl": "82 75% 69%", | ||
| "--lime-4-hsl": "83 73% 59%", | ||
| "--lime-5-hsl": "84 69% 51%", | ||
| "--lime-6-hsl": "85 74% 45%", | ||
| "--lime-7-hsl": "85 79% 40%", | ||
| "--lime-8-hsl": "86 84% 36%", | ||
| "--lime-9-hsl": "85 84% 32%", | ||
| "--yellow-0-hsl": "50 100% 93%", | ||
| "--yellow-1-hsl": "49 100% 87%", | ||
| "--yellow-2-hsl": "49 100% 80%", | ||
| "--yellow-3-hsl": "48 100% 70%", | ||
| "--yellow-4-hsl": "47 100% 62%", | ||
| "--yellow-5-hsl": "45 97% 54%", | ||
| "--yellow-6-hsl": "42 96% 50%", | ||
| "--yellow-7-hsl": "39 100% 48%", | ||
| "--yellow-8-hsl": "35 100% 47%", | ||
| "--yellow-9-hsl": "31 100% 45%", | ||
| "--orange-0-hsl": "34 100% 95%", | ||
| "--orange-1-hsl": "33 100% 90%", | ||
| "--orange-2-hsl": "33 100% 83%", | ||
| "--orange-3-hsl": "32 100% 74%", | ||
| "--orange-4-hsl": "31 100% 65%", | ||
| "--orange-5-hsl": "29 100% 58%", | ||
| "--orange-6-hsl": "27 98% 54%", | ||
| "--orange-7-hsl": "24 94% 50%", | ||
| "--orange-8-hsl": "21 90% 48%", | ||
| "--orange-9-hsl": "17 87% 45%" | ||
| "--red-gray-0-hsl": "0.7288 100% 97.867%", | ||
| "--red-gray-1-hsl": "0.2407 49.993% 89.4%", | ||
| "--red-gray-2-hsl": "0.1779 21.957% 76.649%", | ||
| "--red-gray-3-hsl": "0.114 14.953% 66.72%", | ||
| "--red-gray-4-hsl": "0.0655 12.388% 60.646%", | ||
| "--red-gray-5-hsl": "359.82 11.001% 40.825%", | ||
| "--red-gray-6-hsl": "359.37 16.528% 24.587%", | ||
| "--red-gray-7-hsl": "358.7 25.386% 14.568%", | ||
| "--red-gray-8-hsl": "357.35 67.487% 4.0179%", | ||
| "--red-gray-9-hsl": "359.59 100% 0.4615%", | ||
| "--green-gray-0-hsl": "135.08 100% 96.607%", | ||
| "--green-gray-1-hsl": "132.86 27.095% 85.541%", | ||
| "--green-gray-2-hsl": "132.97 14.068% 72.906%", | ||
| "--green-gray-3-hsl": "133.09 10.076% 63.078%", | ||
| "--green-gray-4-hsl": "133.18 8.5255% 57.071%", | ||
| "--green-gray-5-hsl": "133.63 9.1429% 37.522%", | ||
| "--green-gray-6-hsl": "134.45 14.779% 21.59%", | ||
| "--green-gray-7-hsl": "135.72 25.523% 11.819%", | ||
| "--green-gray-8-hsl": "133.8 84.966% 2.1974%", | ||
| "--green-gray-9-hsl": "120 100% 0.1638%", | ||
| "--blue-gray-0-hsl": "187.81 100% 96.982%", | ||
| "--blue-gray-1-hsl": "215.77 56.216% 88.713%", | ||
| "--blue-gray-2-hsl": "215.77 25.649% 75.99%", | ||
| "--blue-gray-3-hsl": "215.77 17.679% 66.086%", | ||
| "--blue-gray-4-hsl": "215.76 14.728% 60.029%", | ||
| "--blue-gray-5-hsl": "215.76 13.567% 40.288%", | ||
| "--blue-gray-6-hsl": "215.77 20.682% 24.156%", | ||
| "--blue-gray-7-hsl": "215.78 32.285% 14.24%", | ||
| "--blue-gray-8-hsl": "222.1 79.437% 4.1552%", | ||
| "--blue-gray-9-hsl": "237.03 100% 0.6974%", | ||
| "--gray-0-hsl": "180 100% 95.97%", | ||
| "--gray-1-hsl": "205.6 54.647% 87.311%", | ||
| "--gray-2-hsl": "205.57 26.564% 74.62%", | ||
| "--gray-3-hsl": "205.54 18.65% 64.743%", | ||
| "--gray-4-hsl": "205.51 15.656% 58.703%", | ||
| "--gray-5-hsl": "205.38 15.488% 39.024%", | ||
| "--gray-6-hsl": "205.12 24.397% 22.94%", | ||
| "--gray-7-hsl": "204.67 40.406% 13.022%", | ||
| "--gray-8-hsl": "211.94 100% 3.5019%", | ||
| "--gray-9-hsl": "232.78 100% 0.6062%", | ||
| "--pink-0-hsl": "300 100% 96.811%", | ||
| "--pink-1-hsl": "323.7 100% 88.249%", | ||
| "--pink-2-hsl": "322.35 100% 75.06%", | ||
| "--pink-3-hsl": "322.72 100% 64.342%", | ||
| "--pink-4-hsl": "318.79 100% 50%", | ||
| "--pink-5-hsl": "322.94 100% 38.096%", | ||
| "--pink-6-hsl": "326.23 100% 26.391%", | ||
| "--pink-7-hsl": "328.61 100% 17.309%", | ||
| "--pink-8-hsl": "338.54 100% 9.3529%", | ||
| "--pink-9-hsl": "350.12 100% 1.5278%", | ||
| "--purple-0-hsl": "300 100% 97.117%", | ||
| "--purple-1-hsl": "301.21 100% 88.891%", | ||
| "--purple-2-hsl": "302.55 100% 76.667%", | ||
| "--purple-3-hsl": "303.17 88.864% 65.276%", | ||
| "--purple-4-hsl": "301.76 100% 47.661%", | ||
| "--purple-5-hsl": "301.52 100% 33.968%", | ||
| "--purple-6-hsl": "300.76 100% 23.163%", | ||
| "--purple-7-hsl": "300.33 100% 15.01%", | ||
| "--purple-8-hsl": "295.6 100% 8.3069%", | ||
| "--purple-9-hsl": "288.12 100% 1.3048%", | ||
| "--violet-0-hsl": "300 100% 97.671%", | ||
| "--violet-1-hsl": "285.23 100% 89.993%", | ||
| "--violet-2-hsl": "285.36 100% 79.003%", | ||
| "--violet-3-hsl": "282.76 100% 70.548%", | ||
| "--violet-4-hsl": "285.71 100% 59.936%", | ||
| "--violet-5-hsl": "281.65 100% 41.024%", | ||
| "--violet-6-hsl": "278.65 100% 29.593%", | ||
| "--violet-7-hsl": "276.69 100% 19.888%", | ||
| "--violet-8-hsl": "268.86 100% 12.718%", | ||
| "--violet-9-hsl": "254.7 100% 3.0181%", | ||
| "--indigo-0-hsl": "267.47 100% 98.406%", | ||
| "--indigo-1-hsl": "252.64 100% 91.423%", | ||
| "--indigo-2-hsl": "258.14 100% 81.827%", | ||
| "--indigo-3-hsl": "260.52 100% 74.214%", | ||
| "--indigo-4-hsl": "266.58 100% 66.037%", | ||
| "--indigo-5-hsl": "263.93 85.594% 51.259%", | ||
| "--indigo-6-hsl": "264.51 100% 34.286%", | ||
| "--indigo-7-hsl": "262.48 100% 23.368%", | ||
| "--indigo-8-hsl": "258.52 100% 15.894%", | ||
| "--indigo-9-hsl": "248.58 100% 4.3194%", | ||
| "--blue-0-hsl": "184.68 100% 95.591%", | ||
| "--blue-1-hsl": "206.35 100% 85.97%", | ||
| "--blue-2-hsl": "208.06 100% 71.273%", | ||
| "--blue-3-hsl": "210.04 100% 60.608%", | ||
| "--blue-4-hsl": "210.35 100% 50%", | ||
| "--blue-5-hsl": "222.36 100% 48.646%", | ||
| "--blue-6-hsl": "238.65 100% 36.17%", | ||
| "--blue-7-hsl": "240 100% 24.773%", | ||
| "--blue-8-hsl": "250.16 100% 17.217%", | ||
| "--blue-9-hsl": "245.67 100% 4.8664%", | ||
| "--cyan-0-hsl": "180 100% 92.261%", | ||
| "--cyan-1-hsl": "188.99 100% 77.74%", | ||
| "--cyan-2-hsl": "189.26 100% 50%", | ||
| "--cyan-3-hsl": "194.78 100% 50%", | ||
| "--cyan-4-hsl": "198.25 100% 50%", | ||
| "--cyan-5-hsl": "204.64 100% 39.671%", | ||
| "--cyan-6-hsl": "211.06 100% 28.529%", | ||
| "--cyan-7-hsl": "215.23 100% 19.128%", | ||
| "--cyan-8-hsl": "240 100% 12.155%", | ||
| "--cyan-9-hsl": "240 100% 2.8031%", | ||
| "--teal-0-hsl": "165.82 100% 93.055%", | ||
| "--teal-1-hsl": "159.29 80.758% 77.464%", | ||
| "--teal-2-hsl": "164.52 100% 44.854%", | ||
| "--teal-3-hsl": "160.02 100% 41.087%", | ||
| "--teal-4-hsl": "155.32 100% 39.366%", | ||
| "--teal-5-hsl": "151.66 100% 27.332%", | ||
| "--teal-6-hsl": "143.68 100% 17.639%", | ||
| "--teal-7-hsl": "137.28 100% 10.967%", | ||
| "--teal-8-hsl": "120 100% 4.2766%", | ||
| "--teal-9-hsl": "120 100% 0.3381%", | ||
| "--green-0-hsl": "106.67 100% 94.872%", | ||
| "--green-1-hsl": "109.19 66.24% 81.284%", | ||
| "--green-2-hsl": "108.6 65.363% 59.706%", | ||
| "--green-3-hsl": "107.43 100% 38.914%", | ||
| "--green-4-hsl": "120 100% 36.786%", | ||
| "--green-5-hsl": "120 100% 25.274%", | ||
| "--green-6-hsl": "120 100% 15.948%", | ||
| "--green-7-hsl": "120 100% 9.7415%", | ||
| "--green-8-hsl": "120 100% 3.3753%", | ||
| "--green-9-hsl": "120 100% 0.2383%", | ||
| "--lime-0-hsl": "80.143 100% 93.502%", | ||
| "--lime-1-hsl": "82.411 63.83% 77.427%", | ||
| "--lime-2-hsl": "74.603 94.016% 42.494%", | ||
| "--lime-3-hsl": "78.503 100% 36.717%", | ||
| "--lime-4-hsl": "83.162 100% 34.105%", | ||
| "--lime-5-hsl": "86.946 100% 23.105%", | ||
| "--lime-6-hsl": "95.689 100% 14.123%", | ||
| "--lime-7-hsl": "103.56 100% 8.4085%", | ||
| "--lime-8-hsl": "120 100% 2.4758%", | ||
| "--lime-9-hsl": "120 100% 0.1756%", | ||
| "--yellow-0-hsl": "62.744 100% 92.529%", | ||
| "--yellow-1-hsl": "62.153 59.637% 74.142%", | ||
| "--yellow-2-hsl": "59.829 100% 39.054%", | ||
| "--yellow-3-hsl": "58.29 100% 34.868%", | ||
| "--yellow-4-hsl": "55.841 100% 32.82%", | ||
| "--yellow-5-hsl": "53.762 100% 22.512%", | ||
| "--yellow-6-hsl": "48.442 100% 14.307%", | ||
| "--yellow-7-hsl": "44.583 100% 8.7357%", | ||
| "--yellow-8-hsl": "21.904 100% 3.1738%", | ||
| "--yellow-9-hsl": "30.409 100% 0.2025%", | ||
| "--orange-0-hsl": "47.308 100% 92.357%", | ||
| "--orange-1-hsl": "35.186 100% 79.045%", | ||
| "--orange-2-hsl": "37.885 100% 50%", | ||
| "--orange-3-hsl": "28.785 100% 50%", | ||
| "--orange-4-hsl": "19.559 100% 50%", | ||
| "--orange-5-hsl": "10.214 100% 36.493%", | ||
| "--orange-6-hsl": "0 100% 25.322%", | ||
| "--orange-7-hsl": "360 100% 16.595%", | ||
| "--orange-8-hsl": "0 100% 8.8896%", | ||
| "--orange-9-hsl": "0 100% 1.3494%", | ||
| "--red-0-hsl": "20.974 100% 95.508%", | ||
| "--red-1-hsl": "12.114 100% 85.853%", | ||
| "--red-2-hsl": "9.2322 100% 71.167%", | ||
| "--red-3-hsl": "6.3012 100% 60.302%", | ||
| "--red-4-hsl": "0 100% 50%", | ||
| "--red-5-hsl": "0 100% 41.345%", | ||
| "--red-6-hsl": "0 100% 29.087%", | ||
| "--red-7-hsl": "0 100% 19.279%", | ||
| "--red-8-hsl": "0 100% 10.999%", | ||
| "--red-9-hsl": "360 100% 2.1459%" | ||
| } |
300
jit-props.js
| export default { | ||
| "--gray-0": "#f8f9fa", | ||
| "--gray-1": "#f1f3f5", | ||
| "--gray-2": "#e9ecef", | ||
| "--gray-3": "#dee2e6", | ||
| "--gray-4": "#ced4da", | ||
| "--gray-5": "#adb5bd", | ||
| "--gray-6": "#868e96", | ||
| "--gray-7": "#495057", | ||
| "--gray-8": "#343a40", | ||
| "--gray-9": "#212529", | ||
| "--blue-gray-0": "#eceff1", | ||
| "--blue-gray-1": "#cfd8dc", | ||
| "--blue-gray-2": "#b0bec5", | ||
| "--blue-gray-3": "#90a4ae", | ||
| "--blue-gray-4": "#78909c", | ||
| "--blue-gray-5": "#607d8b", | ||
| "--blue-gray-6": "#546e7a", | ||
| "--blue-gray-7": "#455a64", | ||
| "--blue-gray-8": "#37474f", | ||
| "--blue-gray-9": "#263238", | ||
| "--red-0": "#fff5f5", | ||
| "--red-1": "#ffe3e3", | ||
| "--red-2": "#ffc9c9", | ||
| "--red-3": "#ffa8a8", | ||
| "--red-4": "#ff8787", | ||
| "--red-5": "#ff6b6b", | ||
| "--red-6": "#fa5252", | ||
| "--red-7": "#f03e3e", | ||
| "--red-8": "#e03131", | ||
| "--red-9": "#c92a2a", | ||
| "--pink-0": "#fff0f6", | ||
| "--pink-1": "#ffdeeb", | ||
| "--pink-2": "#fcc2d7", | ||
| "--pink-3": "#faa2c1", | ||
| "--pink-4": "#f783ac", | ||
| "--pink-5": "#f06595", | ||
| "--pink-6": "#e64980", | ||
| "--pink-7": "#d6336c", | ||
| "--pink-8": "#c2255c", | ||
| "--pink-9": "#a61e4d", | ||
| "--purple-0": "#f8f0fc", | ||
| "--purple-1": "#f3d9fa", | ||
| "--purple-2": "#eebefa", | ||
| "--purple-3": "#e599f7", | ||
| "--purple-4": "#da77f2", | ||
| "--purple-5": "#cc5de8", | ||
| "--purple-6": "#be4bdb", | ||
| "--purple-7": "#ae3ec9", | ||
| "--purple-8": "#9c36b5", | ||
| "--purple-9": "#862e9c", | ||
| "--violet-0": "#f3f0ff", | ||
| "--violet-1": "#e5dbff", | ||
| "--violet-2": "#d0bfff", | ||
| "--violet-3": "#b197fc", | ||
| "--violet-4": "#9775fa", | ||
| "--violet-5": "#845ef7", | ||
| "--violet-6": "#7950f2", | ||
| "--violet-7": "#7048e8", | ||
| "--violet-8": "#6741d9", | ||
| "--violet-9": "#5f3dc4", | ||
| "--indigo-0": "#edf2ff", | ||
| "--indigo-1": "#dbe4ff", | ||
| "--indigo-2": "#bac8ff", | ||
| "--indigo-3": "#91a7ff", | ||
| "--indigo-4": "#748ffc", | ||
| "--indigo-5": "#5c7cfa", | ||
| "--indigo-6": "#4c6ef5", | ||
| "--indigo-7": "#4263eb", | ||
| "--indigo-8": "#3b5bdb", | ||
| "--indigo-9": "#364fc7", | ||
| "--blue-0": "#e7f5ff", | ||
| "--blue-1": "#d0ebff", | ||
| "--blue-2": "#a5d8ff", | ||
| "--blue-3": "#74c0fc", | ||
| "--blue-4": "#4dabf7", | ||
| "--blue-5": "#339af0", | ||
| "--blue-6": "#228be6", | ||
| "--blue-7": "#1c7ed6", | ||
| "--blue-8": "#1971c2", | ||
| "--blue-9": "#1864ab", | ||
| "--cyan-0": "#e3fafc", | ||
| "--cyan-1": "#c5f6fa", | ||
| "--cyan-2": "#99e9f2", | ||
| "--cyan-3": "#66d9e8", | ||
| "--cyan-4": "#3bc9db", | ||
| "--cyan-5": "#22b8cf", | ||
| "--cyan-6": "#15aabf", | ||
| "--cyan-7": "#1098ad", | ||
| "--cyan-8": "#0c8599", | ||
| "--cyan-9": "#0b7285", | ||
| "--teal-0": "#e6fcf5", | ||
| "--teal-1": "#c3fae8", | ||
| "--teal-2": "#96f2d7", | ||
| "--teal-3": "#63e6be", | ||
| "--teal-4": "#38d9a9", | ||
| "--teal-5": "#20c997", | ||
| "--teal-6": "#12b886", | ||
| "--teal-7": "#0ca678", | ||
| "--teal-8": "#099268", | ||
| "--teal-9": "#087f5b", | ||
| "--green-0": "#ebfbee", | ||
| "--green-1": "#d3f9d8", | ||
| "--green-2": "#b2f2bb", | ||
| "--green-3": "#8ce99a", | ||
| "--green-4": "#69db7c", | ||
| "--green-5": "#51cf66", | ||
| "--green-6": "#40c057", | ||
| "--green-7": "#37b24d", | ||
| "--green-8": "#2f9e44", | ||
| "--green-9": "#2b8a3e", | ||
| "--lime-0": "#f4fce3", | ||
| "--lime-1": "#e9fac8", | ||
| "--lime-2": "#d8f5a2", | ||
| "--lime-3": "#c0eb75", | ||
| "--lime-4": "#a9e34b", | ||
| "--lime-5": "#94d82d", | ||
| "--lime-6": "#82c91e", | ||
| "--lime-7": "#74b816", | ||
| "--lime-8": "#66a80f", | ||
| "--lime-9": "#5c940d", | ||
| "--yellow-0": "#fff9db", | ||
| "--yellow-1": "#fff3bf", | ||
| "--yellow-2": "#ffec99", | ||
| "--yellow-3": "#ffe066", | ||
| "--yellow-4": "#ffd43b", | ||
| "--yellow-5": "#fcc419", | ||
| "--yellow-6": "#fab005", | ||
| "--yellow-7": "#f59f00", | ||
| "--yellow-8": "#f08c00", | ||
| "--yellow-9": "#e67700", | ||
| "--orange-0": "#fff4e6", | ||
| "--orange-1": "#ffe8cc", | ||
| "--orange-2": "#ffd8a8", | ||
| "--orange-3": "#ffc078", | ||
| "--orange-4": "#ffa94d", | ||
| "--orange-5": "#ff922b", | ||
| "--orange-6": "#fd7e14", | ||
| "--orange-7": "#f76707", | ||
| "--orange-8": "#e8590c", | ||
| "--orange-9": "#d9480f" | ||
| "--red-gray-0": "#fff4f4", | ||
| "--red-gray-1": "#f1d7d6", | ||
| "--red-gray-2": "#d1b6b6", | ||
| "--red-gray-3": "#b79d9d", | ||
| "--red-gray-4": "#a78e8e", | ||
| "--red-gray-5": "#745d5d", | ||
| "--red-gray-6": "#493435", | ||
| "--red-gray-7": "#2f1c1c", | ||
| "--red-gray-8": "#110304", | ||
| "--red-gray-9": "#020000", | ||
| "--green-gray-0": "#eefff2", | ||
| "--green-gray-1": "#d0e4d4", | ||
| "--green-gray-2": "#b0c4b4", | ||
| "--green-gray-3": "#97aa9c", | ||
| "--green-gray-4": "#889b8c", | ||
| "--green-gray-5": "#57685b", | ||
| "--green-gray-6": "#2f3f33", | ||
| "--green-gray-7": "#16261a", | ||
| "--green-gray-8": "#010a03", | ||
| "--green-gray-9": "#000100", | ||
| "--blue-gray-0": "#f0fdff", | ||
| "--blue-gray-1": "#d2dff2", | ||
| "--blue-gray-2": "#b2bfd1", | ||
| "--blue-gray-3": "#99a6b8", | ||
| "--blue-gray-4": "#8a96a8", | ||
| "--blue-gray-5": "#596475", | ||
| "--blue-gray-6": "#313b4a", | ||
| "--blue-gray-7": "#192230", | ||
| "--blue-gray-8": "#020713", | ||
| "--blue-gray-9": "#000004", | ||
| "--gray-0": "#eaffff", | ||
| "--gray-1": "#cde1f0", | ||
| "--gray-2": "#adc1cf", | ||
| "--gray-3": "#94a8b6", | ||
| "--gray-4": "#8598a6", | ||
| "--gray-5": "#546673", | ||
| "--gray-6": "#2c3d49", | ||
| "--gray-7": "#14242f", | ||
| "--gray-8": "#000812", | ||
| "--gray-9": "#000003", | ||
| "--pink-0": "#ffefff", | ||
| "--pink-1": "#ffc3e7", | ||
| "--pink-2": "#ff80d0", | ||
| "--pink-3": "#ff49ba", | ||
| "--pink-4": "#ff00af", | ||
| "--pink-5": "#c20078", | ||
| "--pink-6": "#87004c", | ||
| "--pink-7": "#58002e", | ||
| "--pink-8": "#300011", | ||
| "--pink-9": "#080001", | ||
| "--purple-0": "#fff0ff", | ||
| "--purple-1": "#ffc6fe", | ||
| "--purple-2": "#ff88fa", | ||
| "--purple-3": "#f558ed", | ||
| "--purple-4": "#f300ec", | ||
| "--purple-5": "#ad00a9", | ||
| "--purple-6": "#760075", | ||
| "--purple-7": "#4d004c", | ||
| "--purple-8": "#27002a", | ||
| "--purple-9": "#050007", | ||
| "--violet-0": "#fff3ff", | ||
| "--violet-1": "#f2ccff", | ||
| "--violet-2": "#e594ff", | ||
| "--violet-3": "#d469ff", | ||
| "--violet-4": "#ce33ff", | ||
| "--violet-5": "#9100d1", | ||
| "--violet-6": "#610097", | ||
| "--violet-7": "#3e0065", | ||
| "--violet-8": "#1f0041", | ||
| "--violet-9": "#04000f", | ||
| "--indigo-0": "#fbf7ff", | ||
| "--indigo-1": "#dcd3ff", | ||
| "--indigo-2": "#bea2ff", | ||
| "--indigo-3": "#a87bff", | ||
| "--indigo-4": "#9f52ff", | ||
| "--indigo-5": "#6d18ed", | ||
| "--indigo-6": "#4700af", | ||
| "--indigo-7": "#2d0077", | ||
| "--indigo-8": "#190051", | ||
| "--indigo-9": "#030016", | ||
| "--blue-0": "#e9fdff", | ||
| "--blue-1": "#b7e0ff", | ||
| "--blue-2": "#6cbaff", | ||
| "--blue-3": "#369aff", | ||
| "--blue-4": "#007eff", | ||
| "--blue-5": "#0049f8", | ||
| "--blue-6": "#0004b8", | ||
| "--blue-7": "#00007e", | ||
| "--blue-8": "#0f0058", | ||
| "--blue-9": "#020019", | ||
| "--cyan-0": "#d8ffff", | ||
| "--cyan-1": "#8deeff", | ||
| "--cyan-2": "#00d8ff", | ||
| "--cyan-3": "#00c0ff", | ||
| "--cyan-4": "#00b1ff", | ||
| "--cyan-5": "#0077ca", | ||
| "--cyan-6": "#004691", | ||
| "--cyan-7": "#002862", | ||
| "--cyan-8": "#00003e", | ||
| "--cyan-9": "#00000e", | ||
| "--teal-0": "#dcfff7", | ||
| "--teal-1": "#97f4d4", | ||
| "--teal-2": "#00e5aa", | ||
| "--teal-3": "#00d28c", | ||
| "--teal-4": "#00c976", | ||
| "--teal-5": "#008b4a", | ||
| "--teal-6": "#005a24", | ||
| "--teal-7": "#003810", | ||
| "--teal-8": "#001600", | ||
| "--teal-9": "#000200", | ||
| "--green-0": "#ebffe5", | ||
| "--green-1": "#bbefb0", | ||
| "--green-2": "#6fdb55", | ||
| "--green-3": "#2ac600", | ||
| "--green-4": "#00bc00", | ||
| "--green-5": "#008100", | ||
| "--green-6": "#005100", | ||
| "--green-7": "#003200", | ||
| "--green-8": "#010", | ||
| "--green-9": "#000100", | ||
| "--lime-0": "#f4ffde", | ||
| "--lime-1": "#cfeaa1", | ||
| "--lime-2": "#a1d206", | ||
| "--lime-3": "#82bb00", | ||
| "--lime-4": "#6bae00", | ||
| "--lime-5": "#417600", | ||
| "--lime-6": "#1d4800", | ||
| "--lime-7": "#0c2b00", | ||
| "--lime-8": "#000d00", | ||
| "--lime-9": "#000100", | ||
| "--yellow-0": "#fdffd9", | ||
| "--yellow-1": "#e2e496", | ||
| "--yellow-2": "#c7c700", | ||
| "--yellow-3": "#b2ad00", | ||
| "--yellow-4": "#a79c00", | ||
| "--yellow-5": "#736700", | ||
| "--yellow-6": "#493b00", | ||
| "--yellow-7": "#2d2100", | ||
| "--yellow-8": "#100600", | ||
| "--yellow-9": "#010100", | ||
| "--orange-0": "#fff7d8", | ||
| "--orange-1": "#ffd394", | ||
| "--orange-2": "#ffa100", | ||
| "--orange-3": "#ff7a00", | ||
| "--orange-4": "#ff5300", | ||
| "--orange-5": "#ba2000", | ||
| "--orange-6": "#810000", | ||
| "--orange-7": "#500", | ||
| "--orange-8": "#2d0000", | ||
| "--orange-9": "#070000", | ||
| "--red-0": "#fff0e8", | ||
| "--red-1": "#ffc5b7", | ||
| "--red-2": "#ff836c", | ||
| "--red-3": "#ff4a35", | ||
| "--red-4": "#f00", | ||
| "--red-5": "#d30000", | ||
| "--red-6": "#940000", | ||
| "--red-7": "#620000", | ||
| "--red-8": "#380000", | ||
| "--red-9": "#0b0000" | ||
| } |
| { | ||
| "name": "@fylgja/colors", | ||
| "version": "1.1.1", | ||
| "version": "2.0.0-beta.0", | ||
| "description": "Add a collection of prebuild colors to any project with ease, using Fylgja Colors", | ||
@@ -25,2 +25,17 @@ "homepage": "https://fylgja.dev/", | ||
| }, | ||
| "./oklch": { | ||
| "import": "./oklch.js", | ||
| "require": "./oklch.cjs", | ||
| "default": "./oklch.cjs" | ||
| }, | ||
| "./oklch-hues": { | ||
| "import": "./oklch-hues.js", | ||
| "require": "./oklch-hues.cjs", | ||
| "default": "./oklch-hues.cjs" | ||
| }, | ||
| "./oklch-static": { | ||
| "import": "./oklch-static.js", | ||
| "require": "./oklch-static.cjs", | ||
| "default": "./oklch-static.cjs" | ||
| }, | ||
| "./jit": { | ||
@@ -35,2 +50,12 @@ "import": "./jit-props.js", | ||
| "default": "./jit-props.hsl.cjs" | ||
| }, | ||
| "./jit-oklch": { | ||
| "import": "./jit-props.oklch.js", | ||
| "require": "./jit-props.oklch.cjs", | ||
| "default": "./jit-props.oklch.cjs" | ||
| }, | ||
| "./jit-oklch-hues": { | ||
| "import": "./jit-props.oklch-hues.js", | ||
| "require": "./jit-props.oklch-hues.cjs", | ||
| "default": "./jit-props.oklch-hues.cjs" | ||
| } | ||
@@ -49,12 +74,17 @@ }, | ||
| "colors", | ||
| "color-tokens" | ||
| "color-tokens", | ||
| "hex", | ||
| "hsl", | ||
| "oklch" | ||
| ], | ||
| "scripts": { | ||
| "prebuild": "node src/create-hsl.js", | ||
| "create:oklch": "node src/create-oklch.js", | ||
| "create:srgb": "node src/create-srgb.js", | ||
| "prebuild": "npm run create:oklch && npm run create:srgb", | ||
| "build": "node _build.js" | ||
| }, | ||
| "devDependencies": { | ||
| "@fylgja/props-builder": "^1.0.5", | ||
| "@fylgja/props-builder": "^1.1.0", | ||
| "colorjs.io": "^0.4.3" | ||
| } | ||
| } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by64.91%
132701
- Number of package files
- increased by36.36%
105
- Lines of code
- increased by60.95%
4183
- Number of low supply chain risk alerts
- decreased by-50%
1
Worsened metrics
- Number of low quality alerts
- increased byInfinity%
1
No dependency changes