npm - @skbkontur/colors - Versions diffs - 1.1.2-b2742.0 → 1.1.2-bdb5e.0 - Mend

@skbkontur/colors 1.1.2-b2742.0 → 1.1.2-bdb5e.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/dist/cjs/get-base-tokens.d.ts +9 -7
package/dist/cjs/get-base-tokens.js +69 -101
package/dist/cjs/get-default-tokens.d.ts +130 -92
package/dist/cjs/get-default-tokens.js +257 -219
package/dist/cjs/helpers/get-palette.js +59 -65
package/dist/cjs/helpers/get-promo.js +21 -27
package/dist/cjs/types/base-tokens.d.ts +5 -4
package/dist/cjs/utils/format-variable.d.ts +2 -0
package/dist/cjs/utils/format-variable.js +11 -0
package/dist/esm/get-base-tokens.d.ts +9 -7
package/dist/esm/get-base-tokens.js +67 -95
package/dist/esm/get-default-tokens.d.ts +130 -92
package/dist/esm/get-default-tokens.js +257 -219
package/dist/esm/helpers/get-palette.js +59 -65
package/dist/esm/helpers/get-promo.js +21 -27
package/dist/esm/types/base-tokens.d.ts +5 -4
package/dist/esm/utils/format-variable.d.ts +2 -0
package/dist/esm/utils/format-variable.js +6 -0
package/dist/tokens/base/css/brand-green_accent-brand.css +444 -0
package/dist/tokens/base/css/brand-green_accent-gray.css +354 -0
package/dist/tokens/base/css/brand-orange_accent-brand.css +444 -0
package/dist/tokens/base/css/brand-orange_accent-gray.css +354 -0
package/dist/tokens/base/css/brand-red_accent-brand.css +444 -0
package/dist/tokens/base/css/brand-red_accent-gray.css +354 -0
package/dist/tokens/base/js/brand-green_accent-brand.js +444 -0
package/dist/tokens/base/js/brand-green_accent-gray.js +352 -0
package/dist/tokens/base/js/brand-orange_accent-brand.js +444 -0
package/dist/tokens/base/js/brand-orange_accent-gray.js +352 -0
package/dist/tokens/base/js/brand-red_accent-brand.js +444 -0
package/dist/tokens/base/js/brand-red_accent-gray.js +352 -0
package/dist/tokens/base/js-tree/brand-green_accent-brand.tree.js +515 -0
package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js +403 -0
package/dist/tokens/base/js-tree/brand-orange_accent-brand.tree.js +515 -0
package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js +403 -0
package/dist/tokens/base/js-tree/brand-red_accent-brand.tree.js +515 -0
package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js +403 -0
package/dist/tokens/base/json/brand-green_accent-brand.json +444 -0
package/dist/tokens/base/json/brand-green_accent-gray.json +352 -0
package/dist/tokens/base/json/brand-orange_accent-brand.json +444 -0
package/dist/tokens/base/json/brand-orange_accent-gray.json +352 -0
package/dist/tokens/base/json/brand-red_accent-brand.json +444 -0
package/dist/tokens/base/json/brand-red_accent-gray.json +352 -0
package/dist/tokens/base/json-tree/brand-green_accent-brand.tree.json +515 -0
package/dist/tokens/base/json-tree/brand-green_accent-gray.tree.json +403 -0
package/dist/tokens/base/json-tree/brand-orange_accent-brand.tree.json +515 -0
package/dist/tokens/base/json-tree/brand-orange_accent-gray.tree.json +403 -0
package/dist/tokens/base/json-tree/brand-red_accent-brand.tree.json +515 -0
package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json +403 -0
package/dist/tokens/base/less/brand-green_accent-brand.less +442 -0
package/dist/tokens/base/less/brand-green_accent-gray.less +352 -0
package/dist/tokens/base/less/brand-orange_accent-brand.less +442 -0
package/dist/tokens/base/less/brand-orange_accent-gray.less +352 -0
package/dist/tokens/base/less/brand-red_accent-brand.less +442 -0
package/dist/tokens/base/less/brand-red_accent-gray.less +352 -0
package/dist/tokens/base/scss/brand-green_accent-brand.scss +442 -0
package/dist/tokens/base/scss/brand-green_accent-gray.scss +352 -0
package/dist/tokens/base/scss/brand-orange_accent-brand.scss +442 -0
package/dist/tokens/base/scss/brand-orange_accent-gray.scss +352 -0
package/dist/tokens/base/scss/brand-red_accent-brand.scss +442 -0
package/dist/tokens/base/scss/brand-red_accent-gray.scss +352 -0
package/package.json +4 -4

package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json ADDED Viewed

@@ -0,0 +1,403 @@
+{
+  "brand": {
+    "logo": {
+      "light": "red",
+      "dark": "#ff100e"
+    },
+    "promo": "#551331",
+    "original": "red",
+    "interactions": {
+      "hover": {
+        "light": "#f00000",
+        "dark": "#ff271e"
+      },
+      "pressed": {
+        "light": "#d60000",
+        "dark": "#e51e17"
+      }
+    },
+    "palette": {
+      "vivid": {
+        "20": "#320000",
+        "24": "#430000",
+        "28": "#540000",
+        "32": "#660001",
+        "36": "#780001",
+        "40": "#8b0001",
+        "44": "#9f0001",
+        "48": "#b20002",
+        "52": "#c50807",
+        "56": "#d61d16",
+        "60": "#e62e23",
+        "64": "#f63d30",
+        "68": "#ff5545",
+        "72": "#ff7262",
+        "76": "#ff8b7d",
+        "80": "#ffa196",
+        "84": "#ffb5ae",
+        "88": "#ffc8c4",
+        "92": "#ffdadb",
+        "96": "#ffedee"
+      },
+      "normal": {
+        "20": "#2a0a07",
+        "24": "#39100b",
+        "28": "#491510",
+        "32": "#5a1a14",
+        "36": "#6b1f18",
+        "40": "#7d241c",
+        "44": "#90281f",
+        "48": "#a42c22",
+        "52": "#b83025",
+        "56": "#cd3328",
+        "60": "#de3e31",
+        "64": "#ee4b3c",
+        "68": "#f6604f",
+        "72": "#f97868",
+        "76": "#f98f82",
+        "80": "#fea197",
+        "84": "#ffb5ae",
+        "88": "#ffc8c4",
+        "92": "#ffdadb",
+        "96": "#ffedee"
+      },
+      "dim": {
+        "20": "#250f0c",
+        "24": "#321612",
+        "28": "#411d18",
+        "32": "#50241e",
+        "36": "#602a24",
+        "40": "#713129",
+        "44": "#83382f",
+        "48": "#953f35",
+        "52": "#a7453a",
+        "56": "#bb4b3f",
+        "60": "#ce5345",
+        "64": "#dd5e4f",
+        "68": "#e47162",
+        "72": "#e98476",
+        "76": "#ea988d",
+        "80": "#ecaba3",
+        "84": "#eebdb8",
+        "88": "#f2cecb",
+        "92": "#f5dedf",
+        "96": "#fceeef"
+      }
+    }
+  },
+  "warning": {
+    "vivid": {
+      "20": "#211300",
+      "24": "#2d1b00",
+      "28": "#3a2400",
+      "32": "#472d00",
+      "36": "#543600",
+      "40": "#623f00",
+      "44": "#714901",
+      "48": "#7f5300",
+      "52": "#8e5e01",
+      "56": "#9d6800",
+      "60": "#ac7301",
+      "64": "#bc7d00",
+      "68": "#cc8801",
+      "72": "#db9400",
+      "76": "#eaa000",
+      "80": "#f8ae00",
+      "84": "#ffbf0b",
+      "88": "#fcd35d",
+      "92": "#fbe48d",
+      "96": "#fff3bd"
+    },
+    "normal": {
+      "20": "#211300",
+      "24": "#2d1b00",
+      "28": "#3a2400",
+      "32": "#472d00",
+      "36": "#543600",
+      "40": "#623f00",
+      "44": "#714901",
+      "48": "#7f5300",
+      "52": "#8e5e01",
+      "56": "#9d6800",
+      "60": "#ac7301",
+      "64": "#bc7d00",
+      "68": "#cc8801",
+      "72": "#da9513",
+      "76": "#e5a331",
+      "80": "#f1b03b",
+      "84": "#f4c359",
+      "88": "#f2d585",
+      "92": "#f4e5ad",
+      "96": "#faf3d1"
+    },
+    "dim": {
+      "20": "#1c150c",
+      "24": "#271d10",
+      "28": "#342614",
+      "32": "#402f18",
+      "36": "#4d391c",
+      "40": "#5b4320",
+      "44": "#694d24",
+      "48": "#775728",
+      "52": "#86612c",
+      "56": "#956c30",
+      "60": "#a37736",
+      "64": "#b1823f",
+      "68": "#bd8f4d",
+      "72": "#cc9a51",
+      "76": "#daa75a",
+      "80": "#e5b566",
+      "84": "#e6c686",
+      "88": "#e9d6a5",
+      "92": "#ede5c4",
+      "96": "#f6f2df"
+    }
+  },
+  "error": {
+    "vivid": {
+      "20": "#320003",
+      "24": "#420005",
+      "28": "#540007",
+      "32": "#65000a",
+      "36": "#78000e",
+      "40": "#8a0013",
+      "44": "#9e0117",
+      "48": "#b2001b",
+      "52": "#c50220",
+      "56": "#d6192a",
+      "60": "#e62b34",
+      "64": "#f63b40",
+      "68": "#ff5352",
+      "72": "#ff726b",
+      "76": "#ff8a84",
+      "80": "#ffa09b",
+      "84": "#ffb4b2",
+      "88": "#ffc7c7",
+      "92": "#ffdadd",
+      "96": "#ffedef"
+    },
+    "normal": {
+      "20": "#2a0a09",
+      "24": "#39100e",
+      "28": "#481514",
+      "32": "#591a19",
+      "36": "#6b1f1e",
+      "40": "#7d2423",
+      "44": "#902828",
+      "48": "#a32c2d",
+      "52": "#b82f31",
+      "56": "#cd3235",
+      "60": "#de3c3e",
+      "64": "#ee4948",
+      "68": "#f65f5a",
+      "72": "#f97770",
+      "76": "#f98e88",
+      "80": "#fea09c",
+      "84": "#ffb4b2",
+      "88": "#ffc7c7",
+      "92": "#ffdadd",
+      "96": "#ffedef"
+    },
+    "dim": {
+      "20": "#240f0d",
+      "24": "#321514",
+      "28": "#411c1a",
+      "32": "#502421",
+      "36": "#602a27",
+      "40": "#71312e",
+      "44": "#823835",
+      "48": "#943e3b",
+      "52": "#a74541",
+      "56": "#ba4b47",
+      "60": "#ce524d",
+      "64": "#dd5d58",
+      "68": "#e47069",
+      "72": "#e8847c",
+      "76": "#ea9892",
+      "80": "#ecaaa6",
+      "84": "#eebcba",
+      "88": "#f2cdcd",
+      "92": "#f5dee0",
+      "96": "#fceef0"
+    }
+  },
+  "success": {
+    "vivid": {
+      "20": "#001d06",
+      "24": "#00280b",
+      "28": "#003310",
+      "32": "#003f16",
+      "36": "#004b1c",
+      "40": "#005821",
+      "44": "#006428",
+      "48": "#00712e",
+      "52": "#007f34",
+      "56": "#008d3a",
+      "60": "#009b41",
+      "64": "#00a948",
+      "68": "#00b74e",
+      "72": "#00c655",
+      "76": "#29d363",
+      "80": "#4ede76",
+      "84": "#6fe98b",
+      "88": "#91f2a3",
+      "92": "#b0fabd",
+      "96": "#d4ffda"
+    },
+    "normal": {
+      "20": "#061b0a",
+      "24": "#07260f",
+      "28": "#083214",
+      "32": "#093e1a",
+      "36": "#0b4a1f",
+      "40": "#0c5725",
+      "44": "#0f632b",
+      "48": "#117032",
+      "52": "#147e38",
+      "56": "#178b3f",
+      "60": "#1d9946",
+      "64": "#2ca651",
+      "68": "#2eb458",
+      "72": "#2dc35d",
+      "76": "#4ecf70",
+      "80": "#6cd984",
+      "84": "#89e39a",
+      "88": "#a7ebb2",
+      "92": "#c3f3ca",
+      "96": "#defbe2"
+    },
+    "dim": {
+      "20": "#0d190f",
+      "24": "#142417",
+      "28": "#1a2e1e",
+      "32": "#213a25",
+      "36": "#27452d",
+      "40": "#2d5134",
+      "44": "#345e3c",
+      "48": "#3a6a43",
+      "52": "#3f784b",
+      "56": "#458552",
+      "60": "#4a935a",
+      "64": "#4fa161",
+      "68": "#54af69",
+      "72": "#58bd70",
+      "76": "#71c882",
+      "80": "#89d296",
+      "84": "#a1dbab",
+      "88": "#bae4c0",
+      "92": "#d1edd5",
+      "96": "#e6f7e8"
+    }
+  },
+  "gray": {
+    "0": "#000000",
+    "16": "#0d0d0d",
+    "20": "#161616",
+    "24": "#1f1f1f",
+    "28": "#292929",
+    "32": "#333333",
+    "36": "#3d3d3d",
+    "40": "#484848",
+    "44": "#525252",
+    "48": "#5d5d5d",
+    "52": "#696969",
+    "56": "#747474",
+    "60": "#808080",
+    "64": "#8c8c8c",
+    "68": "#989898",
+    "72": "#a4a4a4",
+    "76": "#b1b1b1",
+    "80": "#bebebe",
+    "84": "#cacaca",
+    "88": "#d7d7d7",
+    "92": "#e4e4e4",
+    "96": "#f2f2f2",
+    "98": "#f8f8f8",
+    "100": "#ffffff"
+  },
+  "whiteAlpha": {
+    "4": "rgba(255, 255, 255, 0.04)",
+    "6": "rgba(255, 255, 255, 0.06)",
+    "8": "rgba(255, 255, 255, 0.08)",
+    "12": "rgba(255, 255, 255, 0.12)",
+    "16": "rgba(255, 255, 255, 0.16)",
+    "20": "rgba(255, 255, 255, 0.2)",
+    "24": "rgba(255, 255, 255, 0.24)",
+    "28": "rgba(255, 255, 255, 0.28)",
+    "32": "rgba(255, 255, 255, 0.32)",
+    "36": "rgba(255, 255, 255, 0.36)",
+    "40": "rgba(255, 255, 255, 0.4)",
+    "44": "rgba(255, 255, 255, 0.44)",
+    "48": "rgba(255, 255, 255, 0.48)",
+    "52": "rgba(255, 255, 255, 0.52)",
+    "56": "rgba(255, 255, 255, 0.56)",
+    "60": "rgba(255, 255, 255, 0.6)",
+    "64": "rgba(255, 255, 255, 0.64)",
+    "68": "rgba(255, 255, 255, 0.68)",
+    "72": "rgba(255, 255, 255, 0.72)",
+    "76": "rgba(255, 255, 255, 0.76)",
+    "80": "rgba(255, 255, 255, 0.8)",
+    "84": "rgba(255, 255, 255, 0.84)",
+    "88": "rgba(255, 255, 255, 0.88)",
+    "92": "rgba(255, 255, 255, 0.92)",
+    "96": "rgba(255, 255, 255, 0.96)",
+    "100": "rgba(255, 255, 255, 1)"
+  },
+  "blackAlpha": {
+    "4": "rgba(0, 0, 0, 0.04)",
+    "6": "rgba(0, 0, 0, 0.06)",
+    "8": "rgba(0, 0, 0, 0.08)",
+    "12": "rgba(0, 0, 0, 0.12)",
+    "16": "rgba(0, 0, 0, 0.16)",
+    "20": "rgba(0, 0, 0, 0.2)",
+    "24": "rgba(0, 0, 0, 0.24)",
+    "28": "rgba(0, 0, 0, 0.28)",
+    "32": "rgba(0, 0, 0, 0.32)",
+    "36": "rgba(0, 0, 0, 0.36)",
+    "40": "rgba(0, 0, 0, 0.4)",
+    "44": "rgba(0, 0, 0, 0.44)",
+    "48": "rgba(0, 0, 0, 0.48)",
+    "52": "rgba(0, 0, 0, 0.52)",
+    "56": "rgba(0, 0, 0, 0.56)",
+    "60": "rgba(0, 0, 0, 0.6)",
+    "64": "rgba(0, 0, 0, 0.64)",
+    "68": "rgba(0, 0, 0, 0.68)",
+    "72": "rgba(0, 0, 0, 0.72)",
+    "76": "rgba(0, 0, 0, 0.76)",
+    "80": "rgba(0, 0, 0, 0.8)",
+    "84": "rgba(0, 0, 0, 0.84)",
+    "88": "rgba(0, 0, 0, 0.88)",
+    "92": "rgba(0, 0, 0, 0.92)",
+    "96": "rgba(0, 0, 0, 0.96)",
+    "100": "rgba(0, 0, 0, 1)"
+  },
+  "onBrand": {
+    "4": "rgba(255, 255, 255, 0.04)",
+    "6": "rgba(255, 255, 255, 0.06)",
+    "8": "rgba(255, 255, 255, 0.08)",
+    "12": "rgba(255, 255, 255, 0.12)",
+    "16": "rgba(255, 255, 255, 0.16)",
+    "20": "rgba(255, 255, 255, 0.2)",
+    "24": "rgba(255, 255, 255, 0.24)",
+    "28": "rgba(255, 255, 255, 0.28)",
+    "32": "rgba(255, 255, 255, 0.32)",
+    "36": "rgba(255, 255, 255, 0.36)",
+    "40": "rgba(255, 255, 255, 0.4)",
+    "44": "rgba(255, 255, 255, 0.44)",
+    "48": "rgba(255, 255, 255, 0.48)",
+    "52": "rgba(255, 255, 255, 0.52)",
+    "56": "rgba(255, 255, 255, 0.56)",
+    "60": "rgba(255, 255, 255, 0.6)",
+    "64": "rgba(255, 255, 255, 0.64)",
+    "68": "rgba(255, 255, 255, 0.68)",
+    "72": "rgba(255, 255, 255, 0.72)",
+    "76": "rgba(255, 255, 255, 0.76)",
+    "80": "rgba(255, 255, 255, 0.8)",
+    "84": "rgba(255, 255, 255, 0.84)",
+    "88": "rgba(255, 255, 255, 0.88)",
+    "92": "rgba(255, 255, 255, 0.92)",
+    "96": "rgba(255, 255, 255, 0.96)",
+    "100": "rgba(255, 255, 255, 1)"
+  },
+  "customizable": {}
+}