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

@skbkontur/colors 1.1.2-97dd9.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 (253) hide show

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

@@ -0,0 +1,515 @@
+export const BASE_TOKENS = {
+  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',
+      },
+    },
+  },
+  accent: {
+    original: {
+      light: 'red',
+      dark: '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)',
+  },
+  onAccent: {
+    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: {},
+};