@channel.io/bezier-tokens 0.3.3-beta.5 → 0.3.3-beta.7

package/dist/types/beta/cjs/index.d.ts

@@ -32,15 +32,15 @@ export const tokens: Readonly<{
                 ref: "0 dimension-1 0 0 color-border-neutral";
             }>;
             "border-white-high": Readonly<{
-                value: "0 0 0 1px #2a2a2dff";
+                value: "0 0 0 1px #242426ff";
                 ref: "0 0 0 dimension-1 color-surface-high";
             }>;
             "border-white-higher": Readonly<{
-                value: "0 0 0 1px #303035ff";
+                value: "0 0 0 1px #29292dff";
                 ref: "0 0 0 dimension-1 color-surface-higher";
             }>;
             "border-white-highest": Readonly<{
-                value: "0 0 0 1px #37373cff";
+                value: "0 0 0 1px #313135ff";
                 ref: "0 0 0 dimension-1 color-surface-highest";
             }>;
         }>;
@@ -508,6 +508,13 @@ export const tokens: Readonly<{
             "color-text-accent-yellow-hovered": Readonly<{
                 value: "#f7c736ff";
             }>;
+            "color-text-accent-olive": Readonly<{
+                value: "#b7c427ff";
+                ref: "color-olive-300";
+            }>;
+            "color-text-accent-olive-hovered": Readonly<{
+                value: "#ccdb25ff";
+            }>;
             "color-text-accent-teal": Readonly<{
                 value: "#40d3c5ff";
                 ref: "color-teal-300";
@@ -550,6 +557,13 @@ export const tokens: Readonly<{
             "color-text-absolute-black-hovered": Readonly<{
                 value: "#0a0a0aff";
             }>;
+            "color-text-inverse": Readonly<{
+                value: "#000000d9";
+                ref: "color-black-85";
+            }>;
+            "color-text-inverse-hovered": Readonly<{
+                value: "#0a0a0ad9";
+            }>;
             "color-icon-action": Readonly<{
                 value: "#6b6effff";
                 ref: "color-blue-300";
@@ -697,6 +711,13 @@ export const tokens: Readonly<{
             "color-icon-absolute-black-hovered": Readonly<{
                 value: "#0a0a0aff";
             }>;
+            "color-icon-inverse-heavier": Readonly<{
+                value: "#000000d9";
+                ref: "color-black-85";
+            }>;
+            "color-icon-inverse-heavier-hovered": Readonly<{
+                value: "#0a0a0ad9";
+            }>;
             "color-fill-neutral-heaviest": Readonly<{
                 value: "#ffffffe6";
                 ref: "color-white-90";
@@ -887,25 +908,25 @@ export const tokens: Readonly<{
                 value: "#f260601a";
             }>;
             "color-fill-grey": Readonly<{
-                value: "#2a2a2dff";
+                value: "#242426ff";
                 ref: "color-grey-850";
             }>;
             "color-fill-grey-hovered": Readonly<{
-                value: "#343438ff";
+                value: "#2e2e31ff";
             }>;
             "color-fill-grey-heavy": Readonly<{
-                value: "#303035ff";
+                value: "#29292dff";
                 ref: "color-grey-800";
             }>;
             "color-fill-grey-heavy-hovered": Readonly<{
-                value: "#3a3a40ff";
+                value: "#333338ff";
             }>;
             "color-fill-grey-heavier": Readonly<{
-                value: "#37373cff";
+                value: "#313135ff";
                 ref: "color-grey-750";
             }>;
             "color-fill-grey-heavier-hovered": Readonly<{
-                value: "#414147ff";
+                value: "#3b3b40ff";
             }>;
             "color-fill-accent-blue": Readonly<{
                 value: "#6b6eff2e";
@@ -1279,32 +1300,32 @@ export const tokens: Readonly<{
                 value: "#ededed66";
             }>;
             "color-border-detach": Readonly<{
-                value: "#242428ff";
+                value: "#1d1d20ff";
                 ref: "color-grey-900";
             }>;
             "color-border-detach-hovered": Readonly<{
-                value: "#2e2e33ff";
+                value: "#27272bff";
             }>;
             "color-border-detach-highest": Readonly<{
-                value: "#454549ff";
-                ref: "color-grey-700";
+                value: "#313135ff";
+                ref: "color-grey-750";
             }>;
             "color-border-detach-highest-hovered": Readonly<{
-                value: "#4f4f54ff";
+                value: "#3b3b40ff";
             }>;
             "color-border-detach-higher": Readonly<{
-                value: "#303035ff";
+                value: "#29292dff";
                 ref: "color-grey-800";
             }>;
             "color-border-detach-higher-hovered": Readonly<{
-                value: "#3a3a40ff";
+                value: "#333338ff";
             }>;
             "color-border-detach-high": Readonly<{
-                value: "#2a2a2dff";
+                value: "#242426ff";
                 ref: "color-grey-850";
             }>;
             "color-border-detach-high-hovered": Readonly<{
-                value: "#343438ff";
+                value: "#2e2e31ff";
             }>;
             "color-border-detach-low": Readonly<{
                 value: "#1a1a1cff";
@@ -1321,32 +1342,32 @@ export const tokens: Readonly<{
                 value: "#edededff";
             }>;
             "color-surface": Readonly<{
-                value: "#242428ff";
+                value: "#1d1d20ff";
                 ref: "color-grey-900";
             }>;
             "color-surface-hovered": Readonly<{
-                value: "#2e2e33ff";
+                value: "#27272bff";
             }>;
             "color-surface-highest": Readonly<{
-                value: "#37373cff";
+                value: "#313135ff";
                 ref: "color-grey-750";
             }>;
             "color-surface-highest-hovered": Readonly<{
-                value: "#414147ff";
+                value: "#3b3b40ff";
             }>;
             "color-surface-higher": Readonly<{
-                value: "#303035ff";
+                value: "#29292dff";
                 ref: "color-grey-800";
             }>;
             "color-surface-higher-hovered": Readonly<{
-                value: "#3a3a40ff";
+                value: "#333338ff";
             }>;
             "color-surface-high": Readonly<{
-                value: "#2a2a2dff";
+                value: "#242426ff";
                 ref: "color-grey-850";
             }>;
             "color-surface-high-hovered": Readonly<{
-                value: "#343438ff";
+                value: "#2e2e31ff";
             }>;
             "color-surface-low": Readonly<{
                 value: "#1a1a1cff";
@@ -1356,32 +1377,32 @@ export const tokens: Readonly<{
                 value: "#242427ff";
             }>;
             "color-surface-glass": Readonly<{
-                value: "#303035e6";
+                value: "#29292de6";
                 ref: "color-grey-800-90";
             }>;
             "color-surface-glass-hovered": Readonly<{
-                value: "#3a3a40e6";
+                value: "#333338e6";
             }>;
             "color-surface-glass-highest": Readonly<{
-                value: "#454549e6";
-                ref: "color-grey-700-90";
+                value: "#313135e6";
+                ref: "color-grey-750-90";
             }>;
             "color-surface-glass-highest-hovered": Readonly<{
-                value: "#4f4f54e6";
+                value: "#3b3b40e6";
             }>;
             "color-surface-glass-higher": Readonly<{
-                value: "#303035e6";
+                value: "#29292de6";
                 ref: "color-grey-800-90";
             }>;
             "color-surface-glass-higher-hovered": Readonly<{
-                value: "#3a3a40e6";
+                value: "#333338e6";
             }>;
             "color-surface-glass-high": Readonly<{
-                value: "#2a2a2de6";
+                value: "#242426e6";
                 ref: "color-grey-850-90";
             }>;
             "color-surface-glass-high-hovered": Readonly<{
-                value: "#343438e6";
+                value: "#2e2e31e6";
             }>;
             "color-surface-accent-blue": Readonly<{
                 value: "#6b6effff";
@@ -2133,19 +2154,19 @@ export const tokens: Readonly<{
                 value: "#79797eff";
             }>;
             "color-grey-700": Readonly<{
-                value: "#454549ff";
+                value: "#3b3b3fff";
             }>;
             "color-grey-750": Readonly<{
-                value: "#37373cff";
+                value: "#313135ff";
             }>;
             "color-grey-800": Readonly<{
-                value: "#303035ff";
+                value: "#29292dff";
             }>;
             "color-grey-850": Readonly<{
-                value: "#2a2a2dff";
+                value: "#242426ff";
             }>;
             "color-grey-900": Readonly<{
-                value: "#242428ff";
+                value: "#1d1d20ff";
             }>;
             "color-grey-950": Readonly<{
                 value: "#1a1a1cff";
@@ -2166,28 +2187,31 @@ export const tokens: Readonly<{
                 value: "#efeff0e6";
             }>;
             "color-grey-700-80": Readonly<{
-                value: "#454549cc";
+                value: "#3b3b3fcc";
             }>;
             "color-grey-700-90": Readonly<{
-                value: "#454549e6";
+                value: "#3b3b3fe6";
+            }>;
+            "color-grey-750-90": Readonly<{
+                value: "#313135e6";
             }>;
             "color-grey-800-80": Readonly<{
-                value: "#303035cc";
+                value: "#29292dcc";
             }>;
             "color-grey-800-90": Readonly<{
-                value: "#303035e6";
+                value: "#29292de6";
             }>;
             "color-grey-850-80": Readonly<{
-                value: "#2a2a2dcc";
+                value: "#242426cc";
             }>;
             "color-grey-850-90": Readonly<{
-                value: "#2a2a2de6";
+                value: "#242426e6";
             }>;
             "color-grey-900-0": Readonly<{
                 value: "#24242800";
             }>;
             "color-grey-900-90": Readonly<{
-                value: "#242428e6";
+                value: "#1d1d2000";
             }>;
             "color-white-0": Readonly<{
                 value: "#fff0";
@@ -3035,6 +3059,13 @@ export const tokens: Readonly<{
             "color-text-accent-yellow-hovered": Readonly<{
                 value: "#d9a010ff";
             }>;
+            "color-text-accent-olive": Readonly<{
+                value: "#b7c427ff";
+                ref: "color-olive-300";
+            }>;
+            "color-text-accent-olive-hovered": Readonly<{
+                value: "#a7b328ff";
+            }>;
             "color-text-accent-teal": Readonly<{
                 value: "#09b2acff";
                 ref: "color-teal-400";
@@ -3077,6 +3108,13 @@ export const tokens: Readonly<{
             "color-text-absolute-black-hovered": Readonly<{
                 value: "#1c1c1cff";
             }>;
+            "color-text-inverse": Readonly<{
+                value: "#fffc";
+                ref: "color-white-80";
+            }>;
+            "color-text-inverse-hovered": Readonly<{
+                value: "#edededcc";
+            }>;
             "color-icon-action": Readonly<{
                 value: "#6157eaff";
                 ref: "color-blue-400";
@@ -3224,6 +3262,13 @@ export const tokens: Readonly<{
             "color-icon-absolute-black-hovered": Readonly<{
                 value: "#1c1c1cff";
             }>;
+            "color-icon-inverse-heavier": Readonly<{
+                value: "#fffc";
+                ref: "color-white-80";
+            }>;
+            "color-icon-inverse-heavier-hovered": Readonly<{
+                value: "#edededcc";
+            }>;
             "color-fill-neutral-heaviest": Readonly<{
                 value: "#000000d9";
                 ref: "color-black-85";

package/dist/types/beta/cjs/lightTheme.d.ts

@@ -507,6 +507,13 @@ declare const _exports: Readonly<{
         "color-text-accent-yellow-hovered": Readonly<{
             value: "#d9a010ff";
         }>;
+        "color-text-accent-olive": Readonly<{
+            value: "#b7c427ff";
+            ref: "color-olive-300";
+        }>;
+        "color-text-accent-olive-hovered": Readonly<{
+            value: "#a7b328ff";
+        }>;
         "color-text-accent-teal": Readonly<{
             value: "#09b2acff";
             ref: "color-teal-400";
@@ -549,6 +556,13 @@ declare const _exports: Readonly<{
         "color-text-absolute-black-hovered": Readonly<{
             value: "#1c1c1cff";
         }>;
+        "color-text-inverse": Readonly<{
+            value: "#fffc";
+            ref: "color-white-80";
+        }>;
+        "color-text-inverse-hovered": Readonly<{
+            value: "#edededcc";
+        }>;
         "color-icon-action": Readonly<{
             value: "#6157eaff";
             ref: "color-blue-400";
@@ -696,6 +710,13 @@ declare const _exports: Readonly<{
         "color-icon-absolute-black-hovered": Readonly<{
             value: "#1c1c1cff";
         }>;
+        "color-icon-inverse-heavier": Readonly<{
+            value: "#fffc";
+            ref: "color-white-80";
+        }>;
+        "color-icon-inverse-heavier-hovered": Readonly<{
+            value: "#edededcc";
+        }>;
         "color-fill-neutral-heaviest": Readonly<{
             value: "#000000d9";
             ref: "color-black-85";

package/dist/types/beta/esm/darkTheme.d.mts

@@ -31,15 +31,15 @@ declare const _default: Readonly<{
             ref: "0 dimension-1 0 0 color-border-neutral";
         }>;
         "border-white-high": Readonly<{
-            value: "0 0 0 1px #2a2a2dff";
+            value: "0 0 0 1px #242426ff";
             ref: "0 0 0 dimension-1 color-surface-high";
         }>;
         "border-white-higher": Readonly<{
-            value: "0 0 0 1px #303035ff";
+            value: "0 0 0 1px #29292dff";
             ref: "0 0 0 dimension-1 color-surface-higher";
         }>;
         "border-white-highest": Readonly<{
-            value: "0 0 0 1px #37373cff";
+            value: "0 0 0 1px #313135ff";
             ref: "0 0 0 dimension-1 color-surface-highest";
         }>;
     }>;
@@ -507,6 +507,13 @@ declare const _default: Readonly<{
         "color-text-accent-yellow-hovered": Readonly<{
             value: "#f7c736ff";
         }>;
+        "color-text-accent-olive": Readonly<{
+            value: "#b7c427ff";
+            ref: "color-olive-300";
+        }>;
+        "color-text-accent-olive-hovered": Readonly<{
+            value: "#ccdb25ff";
+        }>;
         "color-text-accent-teal": Readonly<{
             value: "#40d3c5ff";
             ref: "color-teal-300";
@@ -549,6 +556,13 @@ declare const _default: Readonly<{
         "color-text-absolute-black-hovered": Readonly<{
             value: "#0a0a0aff";
         }>;
+        "color-text-inverse": Readonly<{
+            value: "#000000d9";
+            ref: "color-black-85";
+        }>;
+        "color-text-inverse-hovered": Readonly<{
+            value: "#0a0a0ad9";
+        }>;
         "color-icon-action": Readonly<{
             value: "#6b6effff";
             ref: "color-blue-300";
@@ -696,6 +710,13 @@ declare const _default: Readonly<{
         "color-icon-absolute-black-hovered": Readonly<{
             value: "#0a0a0aff";
         }>;
+        "color-icon-inverse-heavier": Readonly<{
+            value: "#000000d9";
+            ref: "color-black-85";
+        }>;
+        "color-icon-inverse-heavier-hovered": Readonly<{
+            value: "#0a0a0ad9";
+        }>;
         "color-fill-neutral-heaviest": Readonly<{
             value: "#ffffffe6";
             ref: "color-white-90";
@@ -886,25 +907,25 @@ declare const _default: Readonly<{
             value: "#f260601a";
         }>;
         "color-fill-grey": Readonly<{
-            value: "#2a2a2dff";
+            value: "#242426ff";
             ref: "color-grey-850";
         }>;
         "color-fill-grey-hovered": Readonly<{
-            value: "#343438ff";
+            value: "#2e2e31ff";
         }>;
         "color-fill-grey-heavy": Readonly<{
-            value: "#303035ff";
+            value: "#29292dff";
             ref: "color-grey-800";
         }>;
         "color-fill-grey-heavy-hovered": Readonly<{
-            value: "#3a3a40ff";
+            value: "#333338ff";
         }>;
         "color-fill-grey-heavier": Readonly<{
-            value: "#37373cff";
+            value: "#313135ff";
             ref: "color-grey-750";
         }>;
         "color-fill-grey-heavier-hovered": Readonly<{
-            value: "#414147ff";
+            value: "#3b3b40ff";
         }>;
         "color-fill-accent-blue": Readonly<{
             value: "#6b6eff2e";
@@ -1278,32 +1299,32 @@ declare const _default: Readonly<{
             value: "#ededed66";
         }>;
         "color-border-detach": Readonly<{
-            value: "#242428ff";
+            value: "#1d1d20ff";
             ref: "color-grey-900";
         }>;
         "color-border-detach-hovered": Readonly<{
-            value: "#2e2e33ff";
+            value: "#27272bff";
         }>;
         "color-border-detach-highest": Readonly<{
-            value: "#454549ff";
-            ref: "color-grey-700";
+            value: "#313135ff";
+            ref: "color-grey-750";
         }>;
         "color-border-detach-highest-hovered": Readonly<{
-            value: "#4f4f54ff";
+            value: "#3b3b40ff";
         }>;
         "color-border-detach-higher": Readonly<{
-            value: "#303035ff";
+            value: "#29292dff";
             ref: "color-grey-800";
         }>;
         "color-border-detach-higher-hovered": Readonly<{
-            value: "#3a3a40ff";
+            value: "#333338ff";
         }>;
         "color-border-detach-high": Readonly<{
-            value: "#2a2a2dff";
+            value: "#242426ff";
             ref: "color-grey-850";
         }>;
         "color-border-detach-high-hovered": Readonly<{
-            value: "#343438ff";
+            value: "#2e2e31ff";
         }>;
         "color-border-detach-low": Readonly<{
             value: "#1a1a1cff";
@@ -1320,32 +1341,32 @@ declare const _default: Readonly<{
             value: "#edededff";
         }>;
         "color-surface": Readonly<{
-            value: "#242428ff";
+            value: "#1d1d20ff";
             ref: "color-grey-900";
         }>;
         "color-surface-hovered": Readonly<{
-            value: "#2e2e33ff";
+            value: "#27272bff";
         }>;
         "color-surface-highest": Readonly<{
-            value: "#37373cff";
+            value: "#313135ff";
             ref: "color-grey-750";
         }>;
         "color-surface-highest-hovered": Readonly<{
-            value: "#414147ff";
+            value: "#3b3b40ff";
         }>;
         "color-surface-higher": Readonly<{
-            value: "#303035ff";
+            value: "#29292dff";
             ref: "color-grey-800";
         }>;
         "color-surface-higher-hovered": Readonly<{
-            value: "#3a3a40ff";
+            value: "#333338ff";
         }>;
         "color-surface-high": Readonly<{
-            value: "#2a2a2dff";
+            value: "#242426ff";
             ref: "color-grey-850";
         }>;
         "color-surface-high-hovered": Readonly<{
-            value: "#343438ff";
+            value: "#2e2e31ff";
         }>;
         "color-surface-low": Readonly<{
             value: "#1a1a1cff";
@@ -1355,32 +1376,32 @@ declare const _default: Readonly<{
             value: "#242427ff";
         }>;
         "color-surface-glass": Readonly<{
-            value: "#303035e6";
+            value: "#29292de6";
             ref: "color-grey-800-90";
         }>;
         "color-surface-glass-hovered": Readonly<{
-            value: "#3a3a40e6";
+            value: "#333338e6";
         }>;
         "color-surface-glass-highest": Readonly<{
-            value: "#454549e6";
-            ref: "color-grey-700-90";
+            value: "#313135e6";
+            ref: "color-grey-750-90";
         }>;
         "color-surface-glass-highest-hovered": Readonly<{
-            value: "#4f4f54e6";
+            value: "#3b3b40e6";
         }>;
         "color-surface-glass-higher": Readonly<{
-            value: "#303035e6";
+            value: "#29292de6";
             ref: "color-grey-800-90";
         }>;
         "color-surface-glass-higher-hovered": Readonly<{
-            value: "#3a3a40e6";
+            value: "#333338e6";
         }>;
         "color-surface-glass-high": Readonly<{
-            value: "#2a2a2de6";
+            value: "#242426e6";
             ref: "color-grey-850-90";
         }>;
         "color-surface-glass-high-hovered": Readonly<{
-            value: "#343438e6";
+            value: "#2e2e31e6";
         }>;
         "color-surface-accent-blue": Readonly<{
             value: "#6b6effff";

package/dist/types/beta/esm/global.d.mts

@@ -550,19 +550,19 @@ declare const _default: Readonly<{
             value: "#79797eff";
         }>;
         "color-grey-700": Readonly<{
-            value: "#454549ff";
+            value: "#3b3b3fff";
         }>;
         "color-grey-750": Readonly<{
-            value: "#37373cff";
+            value: "#313135ff";
         }>;
         "color-grey-800": Readonly<{
-            value: "#303035ff";
+            value: "#29292dff";
         }>;
         "color-grey-850": Readonly<{
-            value: "#2a2a2dff";
+            value: "#242426ff";
         }>;
         "color-grey-900": Readonly<{
-            value: "#242428ff";
+            value: "#1d1d20ff";
         }>;
         "color-grey-950": Readonly<{
             value: "#1a1a1cff";
@@ -583,28 +583,31 @@ declare const _default: Readonly<{
             value: "#efeff0e6";
         }>;
         "color-grey-700-80": Readonly<{
-            value: "#454549cc";
+            value: "#3b3b3fcc";
         }>;
         "color-grey-700-90": Readonly<{
-            value: "#454549e6";
+            value: "#3b3b3fe6";
+        }>;
+        "color-grey-750-90": Readonly<{
+            value: "#313135e6";
         }>;
         "color-grey-800-80": Readonly<{
-            value: "#303035cc";
+            value: "#29292dcc";
         }>;
         "color-grey-800-90": Readonly<{
-            value: "#303035e6";
+            value: "#29292de6";
         }>;
         "color-grey-850-80": Readonly<{
-            value: "#2a2a2dcc";
+            value: "#242426cc";
         }>;
         "color-grey-850-90": Readonly<{
-            value: "#2a2a2de6";
+            value: "#242426e6";
         }>;
         "color-grey-900-0": Readonly<{
             value: "#24242800";
         }>;
         "color-grey-900-90": Readonly<{
-            value: "#242428e6";
+            value: "#1d1d2000";
         }>;
         "color-white-0": Readonly<{
             value: "#fff0";