@channel.io/bezier-tokens 0.3.3-beta.6 → 0.3.3-beta.8

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";
         }>;
     }>;
@@ -179,7 +179,7 @@ declare const _default: Readonly<{
             ref: "0 0 0 dimension-1 color-state-warning";
         }>;
         "state-active": Readonly<{
-            value: "0 0 0 1px #6b6effff";
+            value: "0 0 0 1px #8082ffff";
             ref: "0 0 0 dimension-1 color-state-action";
         }>;
         "state-input-default": Readonly<{
@@ -187,11 +187,11 @@ declare const _default: Readonly<{
             ref: "0 dimension-1 dimension-2 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-default";
         }>;
         "state-input-hovered": Readonly<{
-            value: "0 2px 6px 0 #0000000d, inset 0 0 0 1px #6b6effff";
+            value: "0 2px 6px 0 #0000000d, inset 0 0 0 1px #8082ffff";
             ref: "0 dimension-2 dimension-6 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-action";
         }>;
         "state-input-active": Readonly<{
-            value: "0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #6b6effff";
+            value: "0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #8082ffff";
             ref: "0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-action-light, inset 0 0 0 dimension-1 color-state-action";
         }>;
         "state-input-error": Readonly<{
@@ -403,18 +403,18 @@ declare const _default: Readonly<{
     }>;
     color: Readonly<{
         "color-text-action": Readonly<{
-            value: "#6b6effff";
+            value: "#8082ffff";
             ref: "color-blue-300";
         }>;
         "color-text-action-hovered": Readonly<{
-            value: "#8184ffff";
+            value: "#9698ffff";
         }>;
         "color-text-success": Readonly<{
-            value: "#4bc16cff";
+            value: "#51c371ff";
             ref: "color-green-300";
         }>;
         "color-text-success-hovered": Readonly<{
-            value: "#56cc77ff";
+            value: "#5cce7cff";
         }>;
         "color-text-highlight": Readonly<{
             value: "#5cadefff";
@@ -431,11 +431,11 @@ declare const _default: Readonly<{
             value: "#f8a45cff";
         }>;
         "color-text-critical": Readonly<{
-            value: "#f26060ff";
+            value: "#f36868ff";
             ref: "color-red-300";
         }>;
         "color-text-critical-hovered": Readonly<{
-            value: "#f77171ff";
+            value: "#f87979ff";
         }>;
         "color-text-neutral-heaviest": Readonly<{
             value: "#ffff";
@@ -466,11 +466,11 @@ declare const _default: Readonly<{
             value: "#ededed66";
         }>;
         "color-text-accent-blue": Readonly<{
-            value: "#6b6effff";
+            value: "#8082ffff";
             ref: "color-blue-300";
         }>;
         "color-text-accent-blue-hovered": Readonly<{
-            value: "#8184ffff";
+            value: "#9698ffff";
         }>;
         "color-text-accent-cobalt": Readonly<{
             value: "#5cadefff";
@@ -480,18 +480,18 @@ declare const _default: Readonly<{
             value: "#6cb8f5ff";
         }>;
         "color-text-accent-green": Readonly<{
-            value: "#4bc16cff";
+            value: "#51c371ff";
             ref: "color-green-300";
         }>;
         "color-text-accent-green-hovered": Readonly<{
-            value: "#56cc77ff";
+            value: "#5cce7cff";
         }>;
         "color-text-accent-red": Readonly<{
-            value: "#f26060ff";
+            value: "#f36868ff";
             ref: "color-red-300";
         }>;
         "color-text-accent-red-hovered": Readonly<{
-            value: "#f77171ff";
+            value: "#f87979ff";
         }>;
         "color-text-accent-orange": Readonly<{
             value: "#f79847ff";
@@ -522,11 +522,11 @@ declare const _default: Readonly<{
             value: "#4cdccfff";
         }>;
         "color-text-accent-navy": Readonly<{
-            value: "#6f7bc8ff";
+            value: "#7e89cdff";
             ref: "color-navy-300";
         }>;
         "color-text-accent-navy-hovered": Readonly<{
-            value: "#7b86d3ff";
+            value: "#8a95d7ff";
         }>;
         "color-text-accent-purple": Readonly<{
             value: "#a970ffff";
@@ -556,19 +556,26 @@ 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";
+            value: "#8082ffff";
             ref: "color-blue-300";
         }>;
         "color-icon-action-hovered": Readonly<{
-            value: "#8184ffff";
+            value: "#9698ffff";
         }>;
         "color-icon-success": Readonly<{
-            value: "#4bc16cff";
+            value: "#51c371ff";
             ref: "color-green-300";
         }>;
         "color-icon-success-hovered": Readonly<{
-            value: "#56cc77ff";
+            value: "#5cce7cff";
         }>;
         "color-icon-highlight": Readonly<{
             value: "#5cadefff";
@@ -585,11 +592,11 @@ declare const _default: Readonly<{
             value: "#f8a45cff";
         }>;
         "color-icon-critical": Readonly<{
-            value: "#f26060ff";
+            value: "#f36868ff";
             ref: "color-red-300";
         }>;
         "color-icon-critical-hovered": Readonly<{
-            value: "#f77171ff";
+            value: "#f87979ff";
         }>;
         "color-icon-neutral": Readonly<{
             value: "#fff6";
@@ -613,11 +620,11 @@ declare const _default: Readonly<{
             value: "#edededcc";
         }>;
         "color-icon-accent-blue": Readonly<{
-            value: "#6b6effff";
+            value: "#8082ffff";
             ref: "color-blue-300";
         }>;
         "color-icon-accent-blue-hovered": Readonly<{
-            value: "#8184ffff";
+            value: "#9698ffff";
         }>;
         "color-icon-accent-cobalt": Readonly<{
             value: "#5cadefff";
@@ -627,18 +634,18 @@ declare const _default: Readonly<{
             value: "#6cb8f5ff";
         }>;
         "color-icon-accent-green": Readonly<{
-            value: "#4bc16cff";
+            value: "#51c371ff";
             ref: "color-green-300";
         }>;
         "color-icon-accent-green-hovered": Readonly<{
-            value: "#56cc77ff";
+            value: "#5cce7cff";
         }>;
         "color-icon-accent-red": Readonly<{
-            value: "#f26060ff";
+            value: "#f36868ff";
             ref: "color-red-300";
         }>;
         "color-icon-accent-red-hovered": Readonly<{
-            value: "#f77171ff";
+            value: "#f87979ff";
         }>;
         "color-icon-accent-orange": Readonly<{
             value: "#f79847ff";
@@ -669,11 +676,11 @@ declare const _default: Readonly<{
             value: "#4cdccfff";
         }>;
         "color-icon-accent-navy": Readonly<{
-            value: "#6f7bc8ff";
+            value: "#7e89cdff";
             ref: "color-navy-300";
         }>;
         "color-icon-accent-navy-hovered": Readonly<{
-            value: "#7b86d3ff";
+            value: "#8a95d7ff";
         }>;
         "color-icon-accent-purple": Readonly<{
             value: "#a970ffff";
@@ -703,12 +710,19 @@ 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";
+            value: "#ffff";
+            ref: "color-white-100";
         }>;
         "color-fill-neutral-heaviest-hovered": Readonly<{
-            value: "#ededede6";
+            value: "#edededff";
         }>;
         "color-fill-neutral-heavier": Readonly<{
             value: "#fff6";
@@ -753,11 +767,11 @@ declare const _default: Readonly<{
             value: "#ffffff0d";
         }>;
         "color-fill-action": Readonly<{
-            value: "#6b6effff";
+            value: "#8082ffff";
             ref: "color-blue-300";
         }>;
         "color-fill-action-hovered": Readonly<{
-            value: "#8184ffff";
+            value: "#9698ffff";
         }>;
         "color-fill-action-light": Readonly<{
             value: "#6b6eff4d";
@@ -781,11 +795,11 @@ declare const _default: Readonly<{
             value: "#6b6eff1a";
         }>;
         "color-fill-success": Readonly<{
-            value: "#4bc16cff";
+            value: "#51c371ff";
             ref: "color-green-300";
         }>;
         "color-fill-success-hovered": Readonly<{
-            value: "#56cc77ff";
+            value: "#5cce7cff";
         }>;
         "color-fill-success-light": Readonly<{
             value: "#4bc16c4d";
@@ -865,11 +879,11 @@ declare const _default: Readonly<{
             value: "#f798471a";
         }>;
         "color-fill-critical": Readonly<{
-            value: "#f26060ff";
+            value: "#f36868ff";
             ref: "color-red-300";
         }>;
         "color-fill-critical-hovered": Readonly<{
-            value: "#f77171ff";
+            value: "#f87979ff";
         }>;
         "color-fill-critical-light": Readonly<{
             value: "#f260604d";
@@ -893,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";
@@ -928,11 +942,11 @@ declare const _default: Readonly<{
             value: "#8184ff4d";
         }>;
         "color-fill-accent-blue-heavier": Readonly<{
-            value: "#6b6effff";
+            value: "#8082ffff";
             ref: "color-blue-300";
         }>;
         "color-fill-accent-blue-heavier-hovered": Readonly<{
-            value: "#8184ffff";
+            value: "#9698ffff";
         }>;
         "color-fill-accent-blue-transparent": Readonly<{
             value: "#6b6eff00";
@@ -984,11 +998,11 @@ declare const _default: Readonly<{
             value: "#56cc774d";
         }>;
         "color-fill-accent-green-heavier": Readonly<{
-            value: "#4bc16cff";
+            value: "#51c371ff";
             ref: "color-green-300";
         }>;
         "color-fill-accent-green-heavier-hovered": Readonly<{
-            value: "#56cc77ff";
+            value: "#5cce7cff";
         }>;
         "color-fill-accent-green-transparent": Readonly<{
             value: "#4bc16c00";
@@ -1012,11 +1026,11 @@ declare const _default: Readonly<{
             value: "#f771714d";
         }>;
         "color-fill-accent-red-heavier": Readonly<{
-            value: "#f26060ff";
+            value: "#f36868ff";
             ref: "color-red-300";
         }>;
         "color-fill-accent-red-heavier-hovered": Readonly<{
-            value: "#f77171ff";
+            value: "#f87979ff";
         }>;
         "color-fill-accent-red-transparent": Readonly<{
             value: "#f2606000";
@@ -1152,11 +1166,11 @@ declare const _default: Readonly<{
             value: "#7b86d34d";
         }>;
         "color-fill-accent-navy-heavier": Readonly<{
-            value: "#6f7bc8ff";
+            value: "#7e89cdff";
             ref: "color-navy-300";
         }>;
         "color-fill-accent-navy-heavier-hovered": Readonly<{
-            value: "#7b86d3ff";
+            value: "#8a95d7ff";
         }>;
         "color-fill-accent-navy-transparent": Readonly<{
             value: "#6f7bc800";
@@ -1263,6 +1277,13 @@ declare const _default: Readonly<{
         "color-fill-absolute-black-transparent-hovered": Readonly<{
             value: "#0000000d";
         }>;
+        "color-fill-bright": Readonly<{
+            value: "#5a5a5fff";
+            ref: "color-grey-650";
+        }>;
+        "color-fill-bright-hovered": Readonly<{
+            value: "#64646aff";
+        }>;
         "color-border-neutral": Readonly<{
             value: "#ffffff1f";
             ref: "color-white-12";
@@ -1285,32 +1306,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";
@@ -1327,32 +1348,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";
@@ -1362,109 +1383,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";
-        }>;
-        "color-surface-accent-blue": Readonly<{
-            value: "#6b6effff";
-            ref: "color-blue-300";
-        }>;
-        "color-surface-accent-blue-hovered": Readonly<{
-            value: "#8184ffff";
-        }>;
-        "color-surface-accent-cobalt": Readonly<{
-            value: "#5cadefff";
-            ref: "color-cobalt-300";
-        }>;
-        "color-surface-accent-cobalt-hovered": Readonly<{
-            value: "#6cb8f5ff";
-        }>;
-        "color-surface-accent-green": Readonly<{
-            value: "#4bc16cff";
-            ref: "color-green-300";
-        }>;
-        "color-surface-accent-green-hovered": Readonly<{
-            value: "#56cc77ff";
-        }>;
-        "color-surface-accent-red": Readonly<{
-            value: "#f26060ff";
-            ref: "color-red-300";
-        }>;
-        "color-surface-accent-red-hovered": Readonly<{
-            value: "#f77171ff";
-        }>;
-        "color-surface-accent-orange": Readonly<{
-            value: "#f79847ff";
-            ref: "color-orange-300";
-        }>;
-        "color-surface-accent-orange-hovered": Readonly<{
-            value: "#f8a45cff";
-        }>;
-        "color-surface-accent-yellow": Readonly<{
-            value: "#f0be27ff";
-            ref: "color-yellow-300";
-        }>;
-        "color-surface-accent-yellow-hovered": Readonly<{
-            value: "#f7c736ff";
-        }>;
-        "color-surface-accent-olive": Readonly<{
-            value: "#b7c427ff";
-            ref: "color-olive-300";
-        }>;
-        "color-surface-accent-olive-hovered": Readonly<{
-            value: "#ccdb25ff";
-        }>;
-        "color-surface-accent-teal": Readonly<{
-            value: "#40d3c5ff";
-            ref: "color-teal-300";
-        }>;
-        "color-surface-accent-teal-hovered": Readonly<{
-            value: "#4cdccfff";
-        }>;
-        "color-surface-accent-navy": Readonly<{
-            value: "#6f7bc8ff";
-            ref: "color-navy-300";
-        }>;
-        "color-surface-accent-navy-hovered": Readonly<{
-            value: "#7b86d3ff";
-        }>;
-        "color-surface-accent-purple": Readonly<{
-            value: "#a970ffff";
-            ref: "color-purple-300";
-        }>;
-        "color-surface-accent-purple-hovered": Readonly<{
-            value: "#b686ffff";
-        }>;
-        "color-surface-accent-pink": Readonly<{
-            value: "#ec6fd3ff";
-            ref: "color-pink-300";
-        }>;
-        "color-surface-accent-pink-hovered": Readonly<{
-            value: "#f27fdbff";
+            value: "#2e2e31e6";
         }>;
         "color-dim-absolute-black": Readonly<{
             value: "#0006";
@@ -1502,11 +1446,11 @@ declare const _default: Readonly<{
             value: "#1ec35dff";
         }>;
         "color-gradient-green-heavy": Readonly<{
-            value: "#4bc16cff";
+            value: "#51c371ff";
             ref: "color-green-300";
         }>;
         "color-gradient-green-heavy-hovered": Readonly<{
-            value: "#56cc77ff";
+            value: "#5cce7cff";
         }>;
         "color-state-default": Readonly<{
             value: "#fff3";
@@ -1516,11 +1460,11 @@ declare const _default: Readonly<{
             value: "#ededed4d";
         }>;
         "color-state-action": Readonly<{
-            value: "#6b6effff";
+            value: "#8082ffff";
             ref: "color-blue-300";
         }>;
         "color-state-action-hovered": Readonly<{
-            value: "#8184ffff";
+            value: "#9698ffff";
         }>;
         "color-state-action-light": Readonly<{
             value: "#6b6eff73";