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

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

@@ -557,11 +557,11 @@ declare const _exports: Readonly<{
             value: "#1c1c1cff";
         }>;
         "color-text-inverse": Readonly<{
-            value: "#fffc";
-            ref: "color-white-80";
+            value: "#ffff";
+            ref: "color-white-100";
         }>;
         "color-text-inverse-hovered": Readonly<{
-            value: "#edededcc";
+            value: "#edededff";
         }>;
         "color-icon-action": Readonly<{
             value: "#6157eaff";
@@ -711,11 +711,11 @@ declare const _exports: Readonly<{
             value: "#1c1c1cff";
         }>;
         "color-icon-inverse-heavier": Readonly<{
-            value: "#fffc";
-            ref: "color-white-80";
+            value: "#ffff";
+            ref: "color-white-100";
         }>;
         "color-icon-inverse-heavier-hovered": Readonly<{
-            value: "#edededcc";
+            value: "#edededff";
         }>;
         "color-fill-neutral-heaviest": Readonly<{
             value: "#000000d9";
@@ -1277,6 +1277,13 @@ declare const _exports: Readonly<{
         "color-fill-absolute-black-transparent-hovered": Readonly<{
             value: "#0000000d";
         }>;
+        "color-fill-bright": Readonly<{
+            value: "#fdfdffff";
+            ref: "color-grey-25";
+        }>;
+        "color-fill-bright-hovered": Readonly<{
+            value: "#d9d9ffff";
+        }>;
         "color-border-neutral": Readonly<{
             value: "#00000014";
             ref: "color-black-8";
@@ -1403,83 +1410,6 @@ declare const _exports: Readonly<{
         "color-surface-glass-high-hovered": Readonly<{
             value: "#ededede6";
         }>;
-        "color-surface-accent-blue": Readonly<{
-            value: "#6157eaff";
-            ref: "color-blue-400";
-        }>;
-        "color-surface-accent-blue-hovered": Readonly<{
-            value: "#5146e4ff";
-        }>;
-        "color-surface-accent-cobalt": Readonly<{
-            value: "#3292e3ff";
-            ref: "color-cobalt-400";
-        }>;
-        "color-surface-accent-cobalt-hovered": Readonly<{
-            value: "#2589ddff";
-        }>;
-        "color-surface-accent-green": Readonly<{
-            value: "#20ab55ff";
-            ref: "color-green-400";
-        }>;
-        "color-surface-accent-green-hovered": Readonly<{
-            value: "#219c50ff";
-        }>;
-        "color-surface-accent-red": Readonly<{
-            value: "#e1535dff";
-            ref: "color-red-400";
-        }>;
-        "color-surface-accent-red-hovered": Readonly<{
-            value: "#da444fff";
-        }>;
-        "color-surface-accent-orange": Readonly<{
-            value: "#e67f2bff";
-            ref: "color-orange-400";
-        }>;
-        "color-surface-accent-orange-hovered": Readonly<{
-            value: "#df751fff";
-        }>;
-        "color-surface-accent-yellow": Readonly<{
-            value: "#edae0dff";
-            ref: "color-yellow-400";
-        }>;
-        "color-surface-accent-yellow-hovered": Readonly<{
-            value: "#d9a010ff";
-        }>;
-        "color-surface-accent-olive": Readonly<{
-            value: "#a9b110ff";
-            ref: "color-olive-400";
-        }>;
-        "color-surface-accent-olive-hovered": Readonly<{
-            value: "#9ba212ff";
-        }>;
-        "color-surface-accent-teal": Readonly<{
-            value: "#09b2acff";
-            ref: "color-teal-400";
-        }>;
-        "color-surface-accent-teal-hovered": Readonly<{
-            value: "#08a5a0ff";
-        }>;
-        "color-surface-accent-navy": Readonly<{
-            value: "#424fabff";
-            ref: "color-navy-400";
-        }>;
-        "color-surface-accent-navy-hovered": Readonly<{
-            value: "#414c9cff";
-        }>;
-        "color-surface-accent-purple": Readonly<{
-            value: "#8e57e7ff";
-            ref: "color-purple-400";
-        }>;
-        "color-surface-accent-purple-hovered": Readonly<{
-            value: "#8247e1ff";
-        }>;
-        "color-surface-accent-pink": Readonly<{
-            value: "#d64bb5ff";
-            ref: "color-pink-400";
-        }>;
-        "color-surface-accent-pink-hovered": Readonly<{
-            value: "#cf3eacff";
-        }>;
         "color-dim-absolute-black": Readonly<{
             value: "#0006";
             ref: "color-black-40";
@@ -1516,11 +1446,11 @@ declare const _exports: Readonly<{
             value: "#219c50ff";
         }>;
         "color-gradient-green-heavy": Readonly<{
-            value: "#4bc16cff";
+            value: "#51c371ff";
             ref: "color-green-300";
         }>;
         "color-gradient-green-heavy-hovered": Readonly<{
-            value: "#44b663ff";
+            value: "#46ba67ff";
         }>;
         "color-state-default": Readonly<{
             value: "#00000026";

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

@@ -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";
@@ -564,18 +564,18 @@ declare const _default: 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";
@@ -592,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";
@@ -620,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";
@@ -634,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";
@@ -676,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";
@@ -718,11 +718,11 @@ declare const _default: 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";
@@ -767,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";
@@ -795,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";
@@ -879,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";
@@ -942,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";
@@ -998,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";
@@ -1026,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";
@@ -1166,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";
@@ -1277,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";
@@ -1403,83 +1410,6 @@ declare const _default: Readonly<{
         "color-surface-glass-high-hovered": Readonly<{
             value: "#2e2e31e6";
         }>;
-        "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";
-        }>;
         "color-dim-absolute-black": Readonly<{
             value: "#0006";
             ref: "color-black-40";
@@ -1516,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";
@@ -1530,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";

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

@@ -7,7 +7,7 @@ declare const _default: Readonly<{
             value: "#8d93ffff";
         }>;
         "color-blue-300": Readonly<{
-            value: "#6b6effff";
+            value: "#8082ffff";
         }>;
         "color-blue-400": Readonly<{
             value: "#6157eaff";
@@ -103,7 +103,7 @@ declare const _default: Readonly<{
             value: "#7cd985ff";
         }>;
         "color-green-300": Readonly<{
-            value: "#4bc16cff";
+            value: "#51c371ff";
         }>;
         "color-green-400": Readonly<{
             value: "#20ab55ff";
@@ -151,7 +151,7 @@ declare const _default: Readonly<{
             value: "#ff8683ff";
         }>;
         "color-red-300": Readonly<{
-            value: "#f26060ff";
+            value: "#f36868ff";
         }>;
         "color-red-400": Readonly<{
             value: "#e1535dff";
@@ -391,7 +391,7 @@ declare const _default: Readonly<{
             value: "#8b99d9ff";
         }>;
         "color-navy-300": Readonly<{
-            value: "#6f7bc8ff";
+            value: "#7e89cdff";
         }>;
         "color-navy-400": Readonly<{
             value: "#424fabff";
@@ -528,6 +528,9 @@ declare const _default: Readonly<{
         "color-pink-400-30": Readonly<{
             value: "#d64bb54d";
         }>;
+        "color-grey-25": Readonly<{
+            value: "#fdfdffff";
+        }>;
         "color-grey-50": Readonly<{
             value: "#fbfbfbff";
         }>;
@@ -549,6 +552,9 @@ declare const _default: Readonly<{
         "color-grey-600": Readonly<{
             value: "#79797eff";
         }>;
+        "color-grey-650": Readonly<{
+            value: "#5a5a5fff";
+        }>;
         "color-grey-700": Readonly<{
             value: "#3b3b3fff";
         }>;