@skbkontur/colors 1.1.2-34230.0 → 1.1.2-6463e.0

package/dist/esm/helpers/get-palette.js

@@ -130,75 +130,69 @@ function findClosestLightnessStep(targetL, availableLightnessSteps) {
     return closestStep;
 }
 export function calculateBaseHueAndCorrectionRange(inputColorString, abneyData) {
-    try {
-        var toOklch = converter('oklch');
-        var oklch = toOklch(inputColorString);
-        if (!oklch) {
-            console.warn("Could not parse color string: ".concat(inputColorString));
-            return null;
-        }
-        var targetLightness = Math.round(oklch.l * 100);
-        var targetHue_1 = oklch.h;
-        if (isNaN(targetHue_1)) {
-            console.warn("Achromatic color detected (".concat(inputColorString, "). Defaulting hue to 0."));
-            targetHue_1 = 0;
-        }
-        var availableLightnessSteps = Object.keys(abneyData).map(Number);
-        if (availableLightnessSteps.length === 0) {
-            console.warn('Abney correction data is empty, cannot calculate base hue.');
-            return null;
-        }
-        var closestLightness = findClosestLightnessStep(targetLightness, availableLightnessSteps);
-        var lightnessCorrectionData = abneyData[closestLightness];
-        if (!lightnessCorrectionData) {
-            console.warn("No Abney correction data for lightness ".concat(closestLightness, "."));
-            return null;
-        }
-        var correctedHueMap_1 = Object.entries(lightnessCorrectionData).map(function (_a) {
-            var rawHueStr = _a[0], shift = _a[1];
-            var rawHue = Number(rawHueStr);
-            return {
-                rawHue: rawHue,
-                shift: shift,
-                correctedHue: (rawHue + shift + 360) % 360,
-            };
-        });
-        correctedHueMap_1.sort(function (a, b) {
-            if (a.correctedHue !== b.correctedHue) {
-                return a.correctedHue - b.correctedHue;
-            }
-            return a.rawHue - b.rawHue;
-        });
-        if (correctedHueMap_1.length === 0) {
-            console.warn("No hue ranges defined for lightness ".concat(closestLightness, "."));
-            return null;
-        }
-        var findCorrectRange = function () {
-            var nextRangeIndex = correctedHueMap_1.findIndex(function (range) { return range.correctedHue > targetHue_1; });
-            if (nextRangeIndex === 0) {
-                return correctedHueMap_1[correctedHueMap_1.length - 1];
-            }
-            if (nextRangeIndex > 0) {
-                return correctedHueMap_1[nextRangeIndex - 1];
-            }
-            return correctedHueMap_1[correctedHueMap_1.length - 1];
-        };
-        var selectedRange = findCorrectRange();
-        if (!selectedRange) {
-            console.error('Could not determine the correct hue range.');
-            return null;
-        }
-        var baseHue = (targetHue_1 - selectedRange.shift + 360) % 360;
+    var toOklch = converter('oklch');
+    var oklch = toOklch(inputColorString);
+    if (!oklch) {
+        console.warn("Could not parse color string: ".concat(inputColorString));
+        return null;
+    }
+    var targetLightness = Math.round(oklch.l * 100);
+    var targetHue = oklch.h;
+    if (isNaN(targetHue)) {
+        console.warn("Achromatic color detected (".concat(inputColorString, "). Defaulting hue to 0."));
+        targetHue = 0;
+    }
+    var availableLightnessSteps = Object.keys(abneyData).map(Number);
+    if (availableLightnessSteps.length === 0) {
+        console.warn('Abney correction data is empty, cannot calculate base hue.');
+        return null;
+    }
+    var closestLightness = findClosestLightnessStep(targetLightness, availableLightnessSteps);
+    var lightnessCorrectionData = abneyData[closestLightness];
+    if (!lightnessCorrectionData) {
+        console.warn("No Abney correction data for lightness ".concat(closestLightness, "."));
+        return null;
+    }
+    var correctedHueMap = Object.entries(lightnessCorrectionData).map(function (_a) {
+        var rawHueStr = _a[0], shift = _a[1];
+        var rawHue = Number(rawHueStr);
         return {
-            baseHue: baseHue,
-            correctionLightness: closestLightness,
-            correctionHueRange: selectedRange.rawHue,
+            rawHue: rawHue,
+            shift: shift,
+            correctedHue: (rawHue + shift + 360) % 360,
         };
+    });
+    correctedHueMap.sort(function (a, b) {
+        if (a.correctedHue !== b.correctedHue) {
+            return a.correctedHue - b.correctedHue;
+        }
+        return a.rawHue - b.rawHue;
+    });
+    if (correctedHueMap.length === 0) {
+        console.warn("No hue ranges defined for lightness ".concat(closestLightness, "."));
+        return null;
     }
-    catch (error) {
-        console.error('Error calculating base hue:', error);
+    var findCorrectRange = function () {
+        var nextRangeIndex = correctedHueMap.findIndex(function (range) { return range.correctedHue > targetHue; });
+        if (nextRangeIndex === 0) {
+            return correctedHueMap[correctedHueMap.length - 1];
+        }
+        if (nextRangeIndex > 0) {
+            return correctedHueMap[nextRangeIndex - 1];
+        }
+        return correctedHueMap[correctedHueMap.length - 1];
+    };
+    var selectedRange = findCorrectRange();
+    if (!selectedRange) {
+        console.error('Could not determine the correct hue range.');
         return null;
     }
+    var baseHue = (targetHue - selectedRange.shift + 360) % 360;
+    return {
+        baseHue: baseHue,
+        correctionLightness: closestLightness,
+        correctionHueRange: selectedRange.rawHue,
+    };
 }
 export function calcOnBrand(hex) {
     var whiteContrast = Number(calcAPCA('#fff', hex));

package/dist/esm/helpers/get-promo.js

@@ -2,35 +2,29 @@ import { clampChroma, converter, formatHex } from 'culori';
 import { PROMO_HUE_SHIFTS } from '../constants/promo-hue-shift';
 export function getPromo(color, hueShifts) {
     if (hueShifts === void 0) { hueShifts = PROMO_HUE_SHIFTS; }
-    try {
-        var toOklch = converter('oklch');
-        var oklchColor = toOklch(color);
-        if (!oklchColor) {
-            throw new Error("Invalid color string: ".concat(color));
-        }
-        var currentHue = oklchColor.h;
-        var promoHueShift = getPromoHueShift(currentHue, hueShifts);
-        var correctedHue = (currentHue + promoHueShift + 360) % 360;
-        var promoLightness = oklchColor.l * 100;
-        if (promoLightness >= 50) {
-            promoLightness = promoLightness - 32;
-        }
-        promoLightness = Math.min(Math.max(promoLightness, 30), 34);
-        var promoChroma = 0.1;
-        var finalLightness = Math.round(promoLightness) / 100;
-        var finalChroma = Math.round(promoChroma * 100) / 100;
-        var promoOklch = {
-            mode: 'oklch',
-            l: finalLightness,
-            c: finalChroma,
-            h: correctedHue,
-        };
-        return formatHex(clampChroma(promoOklch, 'oklch'));
+    var toOklch = converter('oklch');
+    var oklchColor = toOklch(color);
+    if (!oklchColor) {
+        throw new Error("Invalid color string: ".concat(color));
     }
-    catch (error) {
-        console.error('Error generating promo palette:', error);
-        return '';
+    var currentHue = oklchColor.h;
+    var promoHueShift = getPromoHueShift(currentHue, hueShifts);
+    var correctedHue = (currentHue + promoHueShift + 360) % 360;
+    var promoLightness = oklchColor.l * 100;
+    if (promoLightness >= 50) {
+        promoLightness = promoLightness - 32;
     }
+    promoLightness = Math.min(Math.max(promoLightness, 30), 34);
+    var promoChroma = 0.1;
+    var finalLightness = Math.round(promoLightness) / 100;
+    var finalChroma = Math.round(promoChroma * 100) / 100;
+    var promoOklch = {
+        mode: 'oklch',
+        l: finalLightness,
+        c: finalChroma,
+        h: correctedHue,
+    };
+    return formatHex(clampChroma(promoOklch, 'oklch'));
 }
 export function getPromoHueShift(currentHue, promoHueShifts) {
     var hueRanges = Object.keys(promoHueShifts)

package/dist/esm/types/base-tokens.d.ts

@@ -9,7 +9,7 @@ export interface BaseTokens {
         };
         palette: ColorPalette;
     };
-    accent: {
+    accent?: {
         original: ThemedValue;
         interactions: {
             hover: ThemedValue;
@@ -42,13 +42,13 @@ export interface ColorPalette {
     normal: ColorWithScale<ChromaScale>;
     dim: ColorWithScale<ChromaScale>;
 }
-type ChromaScale = 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96;
+export type ChromaScale = 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96;
 type AlphaScale = 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96 | 100;
-type GrayScale = 0 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96 | 98 | 100;
+export type GrayScale = 0 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96 | 98 | 100;
 type ColorWithScale<T extends string | number> = {
     [K in T]: string;
 };
-interface ThemedValue {
+export interface ThemedValue {
     light: string;
     dark: string;
 }

package/dist/esm/utils/format-variable.d.ts

@@ -0,0 +1,2 @@
+export declare const camelCaseToKebabCase: (str: string) => string;
+export declare const kebabCaseToCamelCase: (str: string) => string;

package/dist/esm/utils/format-variable.js

@@ -0,0 +1,6 @@
+export var camelCaseToKebabCase = function (str) {
+    return str.replace(/[A-Z]/g, function (match) { return "-".concat(match.toLowerCase()); });
+};
+export var kebabCaseToCamelCase = function (str) {
+    return str.replace(/-(\w)/g, function (_, c) { return c.toUpperCase(); });
+};

package/dist/tokens/base/css/brand-blue-deep_accent-gray.css

@@ -67,13 +67,7 @@
   --k-brand-palette-dim-88: #c8d9f1;
   --k-brand-palette-dim-92: #d9e6f5;
   --k-brand-palette-dim-96: #eaf3fc;
-  --k-accent-original-light: #3d3d3d;
-  --k-accent-original-dark: #f2f2f2;
-  --k-accent-interactions-hover-light: #333;
-  --k-accent-interactions-hover-dark: #484848;
-  --k-accent-interactions-pressed-light: #292929;
-  --k-accent-interactions-pressed-dark: #333;
-  --k-accent-palette: undefined;
+  --k-accent: undefined;
   --k-warning-vivid-20: #211300;
   --k-warning-vivid-24: #2d1b00;
   --k-warning-vivid-28: #3a2400;

package/dist/tokens/base/css/brand-blue_accent-gray.css

@@ -67,13 +67,7 @@
   --k-brand-palette-dim-88: #bedcf1;
   --k-brand-palette-dim-92: #d3e8f5;
   --k-brand-palette-dim-96: #e8f4fa;
-  --k-accent-original-light: #3d3d3d;
-  --k-accent-original-dark: #f2f2f2;
-  --k-accent-interactions-hover-light: #333;
-  --k-accent-interactions-hover-dark: #484848;
-  --k-accent-interactions-pressed-light: #292929;
-  --k-accent-interactions-pressed-dark: #333;
-  --k-accent-palette: undefined;
+  --k-accent: undefined;
   --k-warning-vivid-20: #211300;
   --k-warning-vivid-24: #2d1b00;
   --k-warning-vivid-28: #3a2400;

package/dist/tokens/base/css/brand-green_accent-gray.css

@@ -67,13 +67,7 @@
   --k-brand-palette-dim-88: #bae4c0;
   --k-brand-palette-dim-92: #d1edd5;
   --k-brand-palette-dim-96: #e6f7e8;
-  --k-accent-original-light: #3d3d3d;
-  --k-accent-original-dark: #f2f2f2;
-  --k-accent-interactions-hover-light: #333;
-  --k-accent-interactions-hover-dark: #484848;
-  --k-accent-interactions-pressed-light: #292929;
-  --k-accent-interactions-pressed-dark: #333;
-  --k-accent-palette: undefined;
+  --k-accent: undefined;
   --k-warning-vivid-20: #211300;
   --k-warning-vivid-24: #2d1b00;
   --k-warning-vivid-28: #3a2400;

package/dist/tokens/base/css/brand-mint_accent-gray.css

@@ -67,13 +67,7 @@
   --k-brand-palette-dim-88: #a7e7da;
   --k-brand-palette-dim-92: #c5efe7;
   --k-brand-palette-dim-96: #e0f8f4;
-  --k-accent-original-light: #3d3d3d;
-  --k-accent-original-dark: #f2f2f2;
-  --k-accent-interactions-hover-light: #333;
-  --k-accent-interactions-hover-dark: #484848;
-  --k-accent-interactions-pressed-light: #292929;
-  --k-accent-interactions-pressed-dark: #333;
-  --k-accent-palette: undefined;
+  --k-accent: undefined;
   --k-warning-vivid-20: #211300;
   --k-warning-vivid-24: #2d1b00;
   --k-warning-vivid-28: #3a2400;

package/dist/tokens/base/css/brand-orange_accent-gray.css

@@ -67,13 +67,7 @@
   --k-brand-palette-dim-88: #f1d0ba;
   --k-brand-palette-dim-92: #f5e0d2;
   --k-brand-palette-dim-96: #faf0e8;
-  --k-accent-original-light: #3d3d3d;
-  --k-accent-original-dark: #f2f2f2;
-  --k-accent-interactions-hover-light: #333;
-  --k-accent-interactions-hover-dark: #484848;
-  --k-accent-interactions-pressed-light: #292929;
-  --k-accent-interactions-pressed-dark: #333;
-  --k-accent-palette: undefined;
+  --k-accent: undefined;
   --k-warning-vivid-20: #211300;
   --k-warning-vivid-24: #2d1b00;
   --k-warning-vivid-28: #3a2400;

package/dist/tokens/base/css/brand-purple_accent-gray.css

@@ -67,13 +67,7 @@
   --k-brand-palette-dim-88: #ebcbf1;
   --k-brand-palette-dim-92: #f3dcf5;
   --k-brand-palette-dim-96: #f9edfa;
-  --k-accent-original-light: #3d3d3d;
-  --k-accent-original-dark: #f2f2f2;
-  --k-accent-interactions-hover-light: #333;
-  --k-accent-interactions-hover-dark: #484848;
-  --k-accent-interactions-pressed-light: #292929;
-  --k-accent-interactions-pressed-dark: #333;
-  --k-accent-palette: undefined;
+  --k-accent: undefined;
   --k-warning-vivid-20: #211300;
   --k-warning-vivid-24: #2d1b00;
   --k-warning-vivid-28: #3a2400;

package/dist/tokens/base/css/brand-red_accent-gray.css

@@ -67,13 +67,7 @@
   --k-brand-palette-dim-88: #f2cdcd;
   --k-brand-palette-dim-92: #f5dee0;
   --k-brand-palette-dim-96: #fceef0;
-  --k-accent-original-light: #3d3d3d;
-  --k-accent-original-dark: #f2f2f2;
-  --k-accent-interactions-hover-light: #333;
-  --k-accent-interactions-hover-dark: #484848;
-  --k-accent-interactions-pressed-light: #292929;
-  --k-accent-interactions-pressed-dark: #333;
-  --k-accent-palette: undefined;
+  --k-accent: undefined;
   --k-warning-vivid-20: #211300;
   --k-warning-vivid-24: #2d1b00;
   --k-warning-vivid-28: #3a2400;

package/dist/tokens/base/css/brand-violet_accent-gray.css

@@ -67,13 +67,7 @@
   --k-brand-palette-dim-88: #d8d3f1;
   --k-brand-palette-dim-92: #e4e2f5;
   --k-brand-palette-dim-96: #f1f0fc;
-  --k-accent-original-light: #3d3d3d;
-  --k-accent-original-dark: #f2f2f2;
-  --k-accent-interactions-hover-light: #333;
-  --k-accent-interactions-hover-dark: #484848;
-  --k-accent-interactions-pressed-light: #292929;
-  --k-accent-interactions-pressed-dark: #333;
-  --k-accent-palette: undefined;
+  --k-accent: undefined;
   --k-warning-vivid-20: #211300;
   --k-warning-vivid-24: #2d1b00;
   --k-warning-vivid-28: #3a2400;

package/dist/tokens/base/js/brand-blue-deep_accent-gray.js

@@ -67,12 +67,6 @@ export const BASE_TOKENS = {
   brandPaletteDim88: '#c8d9f1',
   brandPaletteDim92: '#d9e6f5',
   brandPaletteDim96: '#eaf3fc',
-  accentOriginalLight: '#3d3d3d',
-  accentOriginalDark: '#f2f2f2',
-  accentInteractionsHoverLight: '#333333',
-  accentInteractionsHoverDark: '#484848',
-  accentInteractionsPressedLight: '#292929',
-  accentInteractionsPressedDark: '#333333',
   warningVivid20: '#211300',
   warningVivid24: '#2d1b00',
   warningVivid28: '#3a2400',

package/dist/tokens/base/js/brand-blue_accent-gray.js

@@ -67,12 +67,6 @@ export const BASE_TOKENS = {
   brandPaletteDim88: '#bedcf1',
   brandPaletteDim92: '#d3e8f5',
   brandPaletteDim96: '#e8f4fa',
-  accentOriginalLight: '#3d3d3d',
-  accentOriginalDark: '#f2f2f2',
-  accentInteractionsHoverLight: '#333333',
-  accentInteractionsHoverDark: '#484848',
-  accentInteractionsPressedLight: '#292929',
-  accentInteractionsPressedDark: '#333333',
   warningVivid20: '#211300',
   warningVivid24: '#2d1b00',
   warningVivid28: '#3a2400',

package/dist/tokens/base/js/brand-green_accent-gray.js

@@ -67,12 +67,6 @@ export const BASE_TOKENS = {
   brandPaletteDim88: '#bae4c0',
   brandPaletteDim92: '#d1edd5',
   brandPaletteDim96: '#e6f7e8',
-  accentOriginalLight: '#3d3d3d',
-  accentOriginalDark: '#f2f2f2',
-  accentInteractionsHoverLight: '#333333',
-  accentInteractionsHoverDark: '#484848',
-  accentInteractionsPressedLight: '#292929',
-  accentInteractionsPressedDark: '#333333',
   warningVivid20: '#211300',
   warningVivid24: '#2d1b00',
   warningVivid28: '#3a2400',

package/dist/tokens/base/js/brand-mint_accent-gray.js

@@ -67,12 +67,6 @@ export const BASE_TOKENS = {
   brandPaletteDim88: '#a7e7da',
   brandPaletteDim92: '#c5efe7',
   brandPaletteDim96: '#e0f8f4',
-  accentOriginalLight: '#3d3d3d',
-  accentOriginalDark: '#f2f2f2',
-  accentInteractionsHoverLight: '#333333',
-  accentInteractionsHoverDark: '#484848',
-  accentInteractionsPressedLight: '#292929',
-  accentInteractionsPressedDark: '#333333',
   warningVivid20: '#211300',
   warningVivid24: '#2d1b00',
   warningVivid28: '#3a2400',

package/dist/tokens/base/js/brand-orange_accent-gray.js

@@ -67,12 +67,6 @@ export const BASE_TOKENS = {
   brandPaletteDim88: '#f1d0ba',
   brandPaletteDim92: '#f5e0d2',
   brandPaletteDim96: '#faf0e8',
-  accentOriginalLight: '#3d3d3d',
-  accentOriginalDark: '#f2f2f2',
-  accentInteractionsHoverLight: '#333333',
-  accentInteractionsHoverDark: '#484848',
-  accentInteractionsPressedLight: '#292929',
-  accentInteractionsPressedDark: '#333333',
   warningVivid20: '#211300',
   warningVivid24: '#2d1b00',
   warningVivid28: '#3a2400',

package/dist/tokens/base/js/brand-purple_accent-gray.js

@@ -67,12 +67,6 @@ export const BASE_TOKENS = {
   brandPaletteDim88: '#ebcbf1',
   brandPaletteDim92: '#f3dcf5',
   brandPaletteDim96: '#f9edfa',
-  accentOriginalLight: '#3d3d3d',
-  accentOriginalDark: '#f2f2f2',
-  accentInteractionsHoverLight: '#333333',
-  accentInteractionsHoverDark: '#484848',
-  accentInteractionsPressedLight: '#292929',
-  accentInteractionsPressedDark: '#333333',
   warningVivid20: '#211300',
   warningVivid24: '#2d1b00',
   warningVivid28: '#3a2400',

package/dist/tokens/base/js/brand-red_accent-gray.js

@@ -67,12 +67,6 @@ export const BASE_TOKENS = {
   brandPaletteDim88: '#f2cdcd',
   brandPaletteDim92: '#f5dee0',
   brandPaletteDim96: '#fceef0',
-  accentOriginalLight: '#3d3d3d',
-  accentOriginalDark: '#f2f2f2',
-  accentInteractionsHoverLight: '#333333',
-  accentInteractionsHoverDark: '#484848',
-  accentInteractionsPressedLight: '#292929',
-  accentInteractionsPressedDark: '#333333',
   warningVivid20: '#211300',
   warningVivid24: '#2d1b00',
   warningVivid28: '#3a2400',

package/dist/tokens/base/js/brand-violet_accent-gray.js

@@ -67,12 +67,6 @@ export const BASE_TOKENS = {
   brandPaletteDim88: '#d8d3f1',
   brandPaletteDim92: '#e4e2f5',
   brandPaletteDim96: '#f1f0fc',
-  accentOriginalLight: '#3d3d3d',
-  accentOriginalDark: '#f2f2f2',
-  accentInteractionsHoverLight: '#333333',
-  accentInteractionsHoverDark: '#484848',
-  accentInteractionsPressedLight: '#292929',
-  accentInteractionsPressedDark: '#333333',
   warningVivid20: '#211300',
   warningVivid24: '#2d1b00',
   warningVivid28: '#3a2400',

package/dist/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js

@@ -85,22 +85,6 @@ export const BASE_TOKENS = {
       },
     },
   },
-  accent: {
-    original: {
-      light: '#3d3d3d',
-      dark: '#f2f2f2',
-    },
-    interactions: {
-      hover: {
-        light: '#333333',
-        dark: '#484848',
-      },
-      pressed: {
-        light: '#292929',
-        dark: '#333333',
-      },
-    },
-  },
   warning: {
     vivid: {
       20: '#211300',

package/dist/tokens/base/js-tree/brand-blue_accent-gray.tree.js

@@ -85,22 +85,6 @@ export const BASE_TOKENS = {
       },
     },
   },
-  accent: {
-    original: {
-      light: '#3d3d3d',
-      dark: '#f2f2f2',
-    },
-    interactions: {
-      hover: {
-        light: '#333333',
-        dark: '#484848',
-      },
-      pressed: {
-        light: '#292929',
-        dark: '#333333',
-      },
-    },
-  },
   warning: {
     vivid: {
       20: '#211300',

package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js

@@ -85,22 +85,6 @@ export const BASE_TOKENS = {
       },
     },
   },
-  accent: {
-    original: {
-      light: '#3d3d3d',
-      dark: '#f2f2f2',
-    },
-    interactions: {
-      hover: {
-        light: '#333333',
-        dark: '#484848',
-      },
-      pressed: {
-        light: '#292929',
-        dark: '#333333',
-      },
-    },
-  },
   warning: {
     vivid: {
       20: '#211300',

package/dist/tokens/base/js-tree/brand-mint_accent-gray.tree.js

@@ -85,22 +85,6 @@ export const BASE_TOKENS = {
       },
     },
   },
-  accent: {
-    original: {
-      light: '#3d3d3d',
-      dark: '#f2f2f2',
-    },
-    interactions: {
-      hover: {
-        light: '#333333',
-        dark: '#484848',
-      },
-      pressed: {
-        light: '#292929',
-        dark: '#333333',
-      },
-    },
-  },
   warning: {
     vivid: {
       20: '#211300',

package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js

@@ -85,22 +85,6 @@ export const BASE_TOKENS = {
       },
     },
   },
-  accent: {
-    original: {
-      light: '#3d3d3d',
-      dark: '#f2f2f2',
-    },
-    interactions: {
-      hover: {
-        light: '#333333',
-        dark: '#484848',
-      },
-      pressed: {
-        light: '#292929',
-        dark: '#333333',
-      },
-    },
-  },
   warning: {
     vivid: {
       20: '#211300',

package/dist/tokens/base/js-tree/brand-purple_accent-gray.tree.js

@@ -85,22 +85,6 @@ export const BASE_TOKENS = {
       },
     },
   },
-  accent: {
-    original: {
-      light: '#3d3d3d',
-      dark: '#f2f2f2',
-    },
-    interactions: {
-      hover: {
-        light: '#333333',
-        dark: '#484848',
-      },
-      pressed: {
-        light: '#292929',
-        dark: '#333333',
-      },
-    },
-  },
   warning: {
     vivid: {
       20: '#211300',

package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js

@@ -85,22 +85,6 @@ export const BASE_TOKENS = {
       },
     },
   },
-  accent: {
-    original: {
-      light: '#3d3d3d',
-      dark: '#f2f2f2',
-    },
-    interactions: {
-      hover: {
-        light: '#333333',
-        dark: '#484848',
-      },
-      pressed: {
-        light: '#292929',
-        dark: '#333333',
-      },
-    },
-  },
   warning: {
     vivid: {
       20: '#211300',

package/dist/tokens/base/js-tree/brand-violet_accent-gray.tree.js

@@ -85,22 +85,6 @@ export const BASE_TOKENS = {
       },
     },
   },
-  accent: {
-    original: {
-      light: '#3d3d3d',
-      dark: '#f2f2f2',
-    },
-    interactions: {
-      hover: {
-        light: '#333333',
-        dark: '#484848',
-      },
-      pressed: {
-        light: '#292929',
-        dark: '#333333',
-      },
-    },
-  },
   warning: {
     vivid: {
       20: '#211300',