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

package/dist/beta/cjs/darkTheme.js

@@ -9,9 +9,9 @@ module.exports = Object.freeze({
     "border-right": Object.freeze({"value":"-1px 0 0 0 #ffffff1f","ref":"dimension-1-m 0 0 0 color-border-neutral"}),
     "border-left": Object.freeze({"value":"1px 0 0 0 #ffffff1f","ref":"dimension-1 0 0 0 color-border-neutral"}),
     "border-top": Object.freeze({"value":"0 1px 0 0 #ffffff1f","ref":"0 dimension-1 0 0 color-border-neutral"}),
-    "border-white-high": Object.freeze({"value":"0 0 0 1px #2a2a2dff","ref":"0 0 0 dimension-1 color-surface-high"}),
-    "border-white-higher": Object.freeze({"value":"0 0 0 1px #303035ff","ref":"0 0 0 dimension-1 color-surface-higher"}),
-    "border-white-highest": Object.freeze({"value":"0 0 0 1px #37373cff","ref":"0 0 0 dimension-1 color-surface-highest"}),
+    "border-white-high": Object.freeze({"value":"0 0 0 1px #242426ff","ref":"0 0 0 dimension-1 color-surface-high"}),
+    "border-white-higher": Object.freeze({"value":"0 0 0 1px #29292dff","ref":"0 0 0 dimension-1 color-surface-higher"}),
+    "border-white-highest": Object.freeze({"value":"0 0 0 1px #313135ff","ref":"0 0 0 dimension-1 color-surface-highest"}),
   }),
   "elevation": Object.freeze({
     "elevation-1": Object.freeze({"value":"0 1px 2px 0 #00000014, 0 0 2px 1px #0000000d, inset 0 0 2px 0 #ffffff1f","ref":"0 dimension-1 dimension-2 0 color-elevation-small, 0 0 dimension-2 dimension-1 color-elevation-base, inset 0 0 dimension-2 0 color-elevation-base-inner"}),
@@ -55,10 +55,10 @@ module.exports = Object.freeze({
   }),
   "state": Object.freeze({
     "state-error": Object.freeze({"value":"0 0 0 1px #f79847ff","ref":"0 0 0 dimension-1 color-state-warning"}),
-    "state-active": Object.freeze({"value":"0 0 0 1px #6b6effff","ref":"0 0 0 dimension-1 color-state-action"}),
+    "state-active": Object.freeze({"value":"0 0 0 1px #8082ffff","ref":"0 0 0 dimension-1 color-state-action"}),
     "state-input-default": Object.freeze({"value":"0 1px 2px 0 #0000000d, inset 0 0 0 1px #fff3","ref":"0 dimension-1 dimension-2 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-default"}),
-    "state-input-hovered": Object.freeze({"value":"0 2px 6px 0 #0000000d, inset 0 0 0 1px #6b6effff","ref":"0 dimension-2 dimension-6 0 color-elevation-base, inset 0 0 0 dimension-1 color-state-action"}),
-    "state-input-active": Object.freeze({"value":"0 2px 6px 0 #0000000d, 0 0 0 3px #6b6eff73, inset 0 0 0 1px #6b6effff","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-hovered": Object.freeze({"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": Object.freeze({"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": Object.freeze({"value":"0 2px 6px 0 #0000000d, 0 0 0 3px #f798474d, inset 0 0 0 1px #f79847ff","ref":"0 dimension-2 dimension-6 0 color-elevation-base, 0 0 0 dimension-3 color-state-warning-light, inset 0 0 0 dimension-1 color-state-warning"}),
   }),
   "typography": Object.freeze({
@@ -114,16 +114,16 @@ module.exports = Object.freeze({
     "typography-code-line-height-small": Object.freeze({"value":"18px","ref":"typography-line-height-18"}),
   }),
   "color": Object.freeze({
-    "color-text-action": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
-    "color-text-action-hovered": Object.freeze({"value":"#8184ffff"}),
-    "color-text-success": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
-    "color-text-success-hovered": Object.freeze({"value":"#56cc77ff"}),
+    "color-text-action": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
+    "color-text-action-hovered": Object.freeze({"value":"#9698ffff"}),
+    "color-text-success": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
+    "color-text-success-hovered": Object.freeze({"value":"#5cce7cff"}),
     "color-text-highlight": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
     "color-text-highlight-hovered": Object.freeze({"value":"#6cb8f5ff"}),
     "color-text-warning": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
     "color-text-warning-hovered": Object.freeze({"value":"#f8a45cff"}),
-    "color-text-critical": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
-    "color-text-critical-hovered": Object.freeze({"value":"#f77171ff"}),
+    "color-text-critical": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
+    "color-text-critical-hovered": Object.freeze({"value":"#f87979ff"}),
     "color-text-neutral-heaviest": Object.freeze({"value":"#ffff","ref":"color-white-100"}),
     "color-text-neutral-heaviest-hovered": Object.freeze({"value":"#edededff"}),
     "color-text-neutral": Object.freeze({"value":"#fffc","ref":"color-white-80"}),
@@ -132,14 +132,14 @@ module.exports = Object.freeze({
     "color-text-neutral-light-hovered": Object.freeze({"value":"#ededed99"}),
     "color-text-neutral-lighter": Object.freeze({"value":"#fff6","ref":"color-white-40"}),
     "color-text-neutral-lighter-hovered": Object.freeze({"value":"#ededed66"}),
-    "color-text-accent-blue": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
-    "color-text-accent-blue-hovered": Object.freeze({"value":"#8184ffff"}),
+    "color-text-accent-blue": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
+    "color-text-accent-blue-hovered": Object.freeze({"value":"#9698ffff"}),
     "color-text-accent-cobalt": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
     "color-text-accent-cobalt-hovered": Object.freeze({"value":"#6cb8f5ff"}),
-    "color-text-accent-green": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
-    "color-text-accent-green-hovered": Object.freeze({"value":"#56cc77ff"}),
-    "color-text-accent-red": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
-    "color-text-accent-red-hovered": Object.freeze({"value":"#f77171ff"}),
+    "color-text-accent-green": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
+    "color-text-accent-green-hovered": Object.freeze({"value":"#5cce7cff"}),
+    "color-text-accent-red": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
+    "color-text-accent-red-hovered": Object.freeze({"value":"#f87979ff"}),
     "color-text-accent-orange": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
     "color-text-accent-orange-hovered": Object.freeze({"value":"#f8a45cff"}),
     "color-text-accent-yellow": Object.freeze({"value":"#f0be27ff","ref":"color-yellow-300"}),
@@ -148,8 +148,8 @@ module.exports = Object.freeze({
     "color-text-accent-olive-hovered": Object.freeze({"value":"#ccdb25ff"}),
     "color-text-accent-teal": Object.freeze({"value":"#40d3c5ff","ref":"color-teal-300"}),
     "color-text-accent-teal-hovered": Object.freeze({"value":"#4cdccfff"}),
-    "color-text-accent-navy": Object.freeze({"value":"#6f7bc8ff","ref":"color-navy-300"}),
-    "color-text-accent-navy-hovered": Object.freeze({"value":"#7b86d3ff"}),
+    "color-text-accent-navy": Object.freeze({"value":"#7e89cdff","ref":"color-navy-300"}),
+    "color-text-accent-navy-hovered": Object.freeze({"value":"#8a95d7ff"}),
     "color-text-accent-purple": Object.freeze({"value":"#a970ffff","ref":"color-purple-300"}),
     "color-text-accent-purple-hovered": Object.freeze({"value":"#b686ffff"}),
     "color-text-accent-pink": Object.freeze({"value":"#ec6fd3ff","ref":"color-pink-300"}),
@@ -158,30 +158,32 @@ module.exports = Object.freeze({
     "color-text-absolute-white-hovered": Object.freeze({"value":"#edededff"}),
     "color-text-absolute-black": Object.freeze({"value":"#000f","ref":"color-black-100"}),
     "color-text-absolute-black-hovered": Object.freeze({"value":"#0a0a0aff"}),
-    "color-icon-action": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
-    "color-icon-action-hovered": Object.freeze({"value":"#8184ffff"}),
-    "color-icon-success": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
-    "color-icon-success-hovered": Object.freeze({"value":"#56cc77ff"}),
+    "color-text-inverse": Object.freeze({"value":"#000000d9","ref":"color-black-85"}),
+    "color-text-inverse-hovered": Object.freeze({"value":"#0a0a0ad9"}),
+    "color-icon-action": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
+    "color-icon-action-hovered": Object.freeze({"value":"#9698ffff"}),
+    "color-icon-success": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
+    "color-icon-success-hovered": Object.freeze({"value":"#5cce7cff"}),
     "color-icon-highlight": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
     "color-icon-highlight-hovered": Object.freeze({"value":"#6cb8f5ff"}),
     "color-icon-warning": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
     "color-icon-warning-hovered": Object.freeze({"value":"#f8a45cff"}),
-    "color-icon-critical": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
-    "color-icon-critical-hovered": Object.freeze({"value":"#f77171ff"}),
+    "color-icon-critical": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
+    "color-icon-critical-hovered": Object.freeze({"value":"#f87979ff"}),
     "color-icon-neutral": Object.freeze({"value":"#fff6","ref":"color-white-40"}),
     "color-icon-neutral-hovered": Object.freeze({"value":"#ededed66"}),
     "color-icon-neutral-heavy": Object.freeze({"value":"#fff9","ref":"color-white-60"}),
     "color-icon-neutral-heavy-hovered": Object.freeze({"value":"#ededed99"}),
     "color-icon-neutral-heavier": Object.freeze({"value":"#fffc","ref":"color-white-80"}),
     "color-icon-neutral-heavier-hovered": Object.freeze({"value":"#edededcc"}),
-    "color-icon-accent-blue": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
-    "color-icon-accent-blue-hovered": Object.freeze({"value":"#8184ffff"}),
+    "color-icon-accent-blue": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
+    "color-icon-accent-blue-hovered": Object.freeze({"value":"#9698ffff"}),
     "color-icon-accent-cobalt": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
     "color-icon-accent-cobalt-hovered": Object.freeze({"value":"#6cb8f5ff"}),
-    "color-icon-accent-green": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
-    "color-icon-accent-green-hovered": Object.freeze({"value":"#56cc77ff"}),
-    "color-icon-accent-red": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
-    "color-icon-accent-red-hovered": Object.freeze({"value":"#f77171ff"}),
+    "color-icon-accent-green": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
+    "color-icon-accent-green-hovered": Object.freeze({"value":"#5cce7cff"}),
+    "color-icon-accent-red": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
+    "color-icon-accent-red-hovered": Object.freeze({"value":"#f87979ff"}),
     "color-icon-accent-orange": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
     "color-icon-accent-orange-hovered": Object.freeze({"value":"#f8a45cff"}),
     "color-icon-accent-yellow": Object.freeze({"value":"#f0be27ff","ref":"color-yellow-300"}),
@@ -190,8 +192,8 @@ module.exports = Object.freeze({
     "color-icon-accent-olive-hovered": Object.freeze({"value":"#ccdb25ff"}),
     "color-icon-accent-teal": Object.freeze({"value":"#40d3c5ff","ref":"color-teal-300"}),
     "color-icon-accent-teal-hovered": Object.freeze({"value":"#4cdccfff"}),
-    "color-icon-accent-navy": Object.freeze({"value":"#6f7bc8ff","ref":"color-navy-300"}),
-    "color-icon-accent-navy-hovered": Object.freeze({"value":"#7b86d3ff"}),
+    "color-icon-accent-navy": Object.freeze({"value":"#7e89cdff","ref":"color-navy-300"}),
+    "color-icon-accent-navy-hovered": Object.freeze({"value":"#8a95d7ff"}),
     "color-icon-accent-purple": Object.freeze({"value":"#a970ffff","ref":"color-purple-300"}),
     "color-icon-accent-purple-hovered": Object.freeze({"value":"#b686ffff"}),
     "color-icon-accent-pink": Object.freeze({"value":"#ec6fd3ff","ref":"color-pink-300"}),
@@ -200,8 +202,10 @@ module.exports = Object.freeze({
     "color-icon-absolute-white-hovered": Object.freeze({"value":"#edededff"}),
     "color-icon-absolute-black": Object.freeze({"value":"#000f","ref":"color-black-100"}),
     "color-icon-absolute-black-hovered": Object.freeze({"value":"#0a0a0aff"}),
-    "color-fill-neutral-heaviest": Object.freeze({"value":"#ffffffe6","ref":"color-white-90"}),
-    "color-fill-neutral-heaviest-hovered": Object.freeze({"value":"#ededede6"}),
+    "color-icon-inverse-heavier": Object.freeze({"value":"#000000d9","ref":"color-black-85"}),
+    "color-icon-inverse-heavier-hovered": Object.freeze({"value":"#0a0a0ad9"}),
+    "color-fill-neutral-heaviest": Object.freeze({"value":"#ffff","ref":"color-white-100"}),
+    "color-fill-neutral-heaviest-hovered": Object.freeze({"value":"#edededff"}),
     "color-fill-neutral-heavier": Object.freeze({"value":"#fff6","ref":"color-white-40"}),
     "color-fill-neutral-heavier-hovered": Object.freeze({"value":"#ededed66"}),
     "color-fill-neutral-heavy": Object.freeze({"value":"#fff3","ref":"color-white-20"}),
@@ -214,16 +218,16 @@ module.exports = Object.freeze({
     "color-fill-neutral-lightest-hovered": Object.freeze({"value":"#ededed0c"}),
     "color-fill-neutral-transparent": Object.freeze({"value":"#fff0","ref":"color-white-0"}),
     "color-fill-neutral-transparent-hovered": Object.freeze({"value":"#ffffff0d"}),
-    "color-fill-action": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
-    "color-fill-action-hovered": Object.freeze({"value":"#8184ffff"}),
+    "color-fill-action": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
+    "color-fill-action-hovered": Object.freeze({"value":"#9698ffff"}),
     "color-fill-action-light": Object.freeze({"value":"#6b6eff4d","ref":"color-blue-300-30"}),
     "color-fill-action-light-hovered": Object.freeze({"value":"#8184ff4d"}),
     "color-fill-action-lighter": Object.freeze({"value":"#6b6eff2e","ref":"color-blue-300-18"}),
     "color-fill-action-lighter-hovered": Object.freeze({"value":"#8184ff45"}),
     "color-fill-action-transparent": Object.freeze({"value":"#6b6eff00","ref":"color-blue-300-0"}),
     "color-fill-action-transparent-hovered": Object.freeze({"value":"#6b6eff1a"}),
-    "color-fill-success": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
-    "color-fill-success-hovered": Object.freeze({"value":"#56cc77ff"}),
+    "color-fill-success": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
+    "color-fill-success-hovered": Object.freeze({"value":"#5cce7cff"}),
     "color-fill-success-light": Object.freeze({"value":"#4bc16c4d","ref":"color-green-300-30"}),
     "color-fill-success-light-hovered": Object.freeze({"value":"#56cc774d"}),
     "color-fill-success-lighter": Object.freeze({"value":"#4bc16c2e","ref":"color-green-300-18"}),
@@ -246,26 +250,26 @@ module.exports = Object.freeze({
     "color-fill-warning-lighter-hovered": Object.freeze({"value":"#f8a45c45"}),
     "color-fill-warning-transparent": Object.freeze({"value":"#f7984700","ref":"color-orange-300-0"}),
     "color-fill-warning-transparent-hovered": Object.freeze({"value":"#f798471a"}),
-    "color-fill-critical": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
-    "color-fill-critical-hovered": Object.freeze({"value":"#f77171ff"}),
+    "color-fill-critical": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
+    "color-fill-critical-hovered": Object.freeze({"value":"#f87979ff"}),
     "color-fill-critical-light": Object.freeze({"value":"#f260604d","ref":"color-red-300-30"}),
     "color-fill-critical-light-hovered": Object.freeze({"value":"#f771714d"}),
     "color-fill-critical-lighter": Object.freeze({"value":"#f260602e","ref":"color-red-300-18"}),
     "color-fill-critical-lighter-hovered": Object.freeze({"value":"#f7717145"}),
     "color-fill-critical-transparent": Object.freeze({"value":"#f2606000","ref":"color-red-300-0"}),
     "color-fill-critical-transparent-hovered": Object.freeze({"value":"#f260601a"}),
-    "color-fill-grey": Object.freeze({"value":"#2a2a2dff","ref":"color-grey-850"}),
-    "color-fill-grey-hovered": Object.freeze({"value":"#343438ff"}),
-    "color-fill-grey-heavy": Object.freeze({"value":"#303035ff","ref":"color-grey-800"}),
-    "color-fill-grey-heavy-hovered": Object.freeze({"value":"#3a3a40ff"}),
-    "color-fill-grey-heavier": Object.freeze({"value":"#37373cff","ref":"color-grey-750"}),
-    "color-fill-grey-heavier-hovered": Object.freeze({"value":"#414147ff"}),
+    "color-fill-grey": Object.freeze({"value":"#242426ff","ref":"color-grey-850"}),
+    "color-fill-grey-hovered": Object.freeze({"value":"#2e2e31ff"}),
+    "color-fill-grey-heavy": Object.freeze({"value":"#29292dff","ref":"color-grey-800"}),
+    "color-fill-grey-heavy-hovered": Object.freeze({"value":"#333338ff"}),
+    "color-fill-grey-heavier": Object.freeze({"value":"#313135ff","ref":"color-grey-750"}),
+    "color-fill-grey-heavier-hovered": Object.freeze({"value":"#3b3b40ff"}),
     "color-fill-accent-blue": Object.freeze({"value":"#6b6eff2e","ref":"color-blue-300-18"}),
     "color-fill-accent-blue-hovered": Object.freeze({"value":"#8184ff45"}),
     "color-fill-accent-blue-heavy": Object.freeze({"value":"#6b6eff4d","ref":"color-blue-300-30"}),
     "color-fill-accent-blue-heavy-hovered": Object.freeze({"value":"#8184ff4d"}),
-    "color-fill-accent-blue-heavier": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
-    "color-fill-accent-blue-heavier-hovered": Object.freeze({"value":"#8184ffff"}),
+    "color-fill-accent-blue-heavier": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
+    "color-fill-accent-blue-heavier-hovered": Object.freeze({"value":"#9698ffff"}),
     "color-fill-accent-blue-transparent": Object.freeze({"value":"#6b6eff00","ref":"color-blue-300-0"}),
     "color-fill-accent-blue-transparent-hovered": Object.freeze({"value":"#6b6eff1a"}),
     "color-fill-accent-cobalt": Object.freeze({"value":"#5cadef2e","ref":"color-cobalt-300-18"}),
@@ -280,16 +284,16 @@ module.exports = Object.freeze({
     "color-fill-accent-green-hovered": Object.freeze({"value":"#56cc7745"}),
     "color-fill-accent-green-heavy": Object.freeze({"value":"#4bc16c4d","ref":"color-green-300-30"}),
     "color-fill-accent-green-heavy-hovered": Object.freeze({"value":"#56cc774d"}),
-    "color-fill-accent-green-heavier": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
-    "color-fill-accent-green-heavier-hovered": Object.freeze({"value":"#56cc77ff"}),
+    "color-fill-accent-green-heavier": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
+    "color-fill-accent-green-heavier-hovered": Object.freeze({"value":"#5cce7cff"}),
     "color-fill-accent-green-transparent": Object.freeze({"value":"#4bc16c00","ref":"color-green-300-0"}),
     "color-fill-accent-green-transparent-hovered": Object.freeze({"value":"#4bc16c1a"}),
     "color-fill-accent-red": Object.freeze({"value":"#f260602e","ref":"color-red-300-18"}),
     "color-fill-accent-red-hovered": Object.freeze({"value":"#f7717145"}),
     "color-fill-accent-red-heavy": Object.freeze({"value":"#f260604d","ref":"color-red-300-30"}),
     "color-fill-accent-red-heavy-hovered": Object.freeze({"value":"#f771714d"}),
-    "color-fill-accent-red-heavier": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
-    "color-fill-accent-red-heavier-hovered": Object.freeze({"value":"#f77171ff"}),
+    "color-fill-accent-red-heavier": Object.freeze({"value":"#f36868ff","ref":"color-red-300"}),
+    "color-fill-accent-red-heavier-hovered": Object.freeze({"value":"#f87979ff"}),
     "color-fill-accent-red-transparent": Object.freeze({"value":"#f2606000","ref":"color-red-300-0"}),
     "color-fill-accent-red-transparent-hovered": Object.freeze({"value":"#f260601a"}),
     "color-fill-accent-orange": Object.freeze({"value":"#f798472e","ref":"color-orange-300-18"}),
@@ -328,8 +332,8 @@ module.exports = Object.freeze({
     "color-fill-accent-navy-hovered": Object.freeze({"value":"#7b86d345"}),
     "color-fill-accent-navy-heavy": Object.freeze({"value":"#6f7bc84d","ref":"color-navy-300-30"}),
     "color-fill-accent-navy-heavy-hovered": Object.freeze({"value":"#7b86d34d"}),
-    "color-fill-accent-navy-heavier": Object.freeze({"value":"#6f7bc8ff","ref":"color-navy-300"}),
-    "color-fill-accent-navy-heavier-hovered": Object.freeze({"value":"#7b86d3ff"}),
+    "color-fill-accent-navy-heavier": Object.freeze({"value":"#7e89cdff","ref":"color-navy-300"}),
+    "color-fill-accent-navy-heavier-hovered": Object.freeze({"value":"#8a95d7ff"}),
     "color-fill-accent-navy-transparent": Object.freeze({"value":"#6f7bc800","ref":"color-navy-300-0"}),
     "color-fill-accent-navy-transparent-hovered": Object.freeze({"value":"#6f7bc81a"}),
     "color-fill-accent-purple": Object.freeze({"value":"#a970ff2e","ref":"color-purple-300-18"}),
@@ -360,64 +364,44 @@ module.exports = Object.freeze({
     "color-fill-absolute-black-light-hovered": Object.freeze({"value":"#0a0a0a4d"}),
     "color-fill-absolute-black-transparent": Object.freeze({"value":"#0000","ref":"color-black-0"}),
     "color-fill-absolute-black-transparent-hovered": Object.freeze({"value":"#0000000d"}),
+    "color-fill-bright": Object.freeze({"value":"#5a5a5fff","ref":"color-grey-650"}),
+    "color-fill-bright-hovered": Object.freeze({"value":"#64646aff"}),
     "color-border-neutral": Object.freeze({"value":"#ffffff1f","ref":"color-white-12"}),
     "color-border-neutral-hovered": Object.freeze({"value":"#ededed2f"}),
     "color-border-neutral-heavy": Object.freeze({"value":"#fff3","ref":"color-white-20"}),
     "color-border-neutral-heavy-hovered": Object.freeze({"value":"#ededed4d"}),
     "color-border-neutral-heavier": Object.freeze({"value":"#fff6","ref":"color-white-40"}),
     "color-border-neutral-heavier-hovered": Object.freeze({"value":"#ededed66"}),
-    "color-border-detach": Object.freeze({"value":"#242428ff","ref":"color-grey-900"}),
-    "color-border-detach-hovered": Object.freeze({"value":"#2e2e33ff"}),
-    "color-border-detach-highest": Object.freeze({"value":"#454549ff","ref":"color-grey-700"}),
-    "color-border-detach-highest-hovered": Object.freeze({"value":"#4f4f54ff"}),
-    "color-border-detach-higher": Object.freeze({"value":"#303035ff","ref":"color-grey-800"}),
-    "color-border-detach-higher-hovered": Object.freeze({"value":"#3a3a40ff"}),
-    "color-border-detach-high": Object.freeze({"value":"#2a2a2dff","ref":"color-grey-850"}),
-    "color-border-detach-high-hovered": Object.freeze({"value":"#343438ff"}),
+    "color-border-detach": Object.freeze({"value":"#1d1d20ff","ref":"color-grey-900"}),
+    "color-border-detach-hovered": Object.freeze({"value":"#27272bff"}),
+    "color-border-detach-highest": Object.freeze({"value":"#313135ff","ref":"color-grey-750"}),
+    "color-border-detach-highest-hovered": Object.freeze({"value":"#3b3b40ff"}),
+    "color-border-detach-higher": Object.freeze({"value":"#29292dff","ref":"color-grey-800"}),
+    "color-border-detach-higher-hovered": Object.freeze({"value":"#333338ff"}),
+    "color-border-detach-high": Object.freeze({"value":"#242426ff","ref":"color-grey-850"}),
+    "color-border-detach-high-hovered": Object.freeze({"value":"#2e2e31ff"}),
     "color-border-detach-low": Object.freeze({"value":"#1a1a1cff","ref":"color-grey-950"}),
     "color-border-detach-low-hovered": Object.freeze({"value":"#242427ff"}),
     "color-border-absolute-white": Object.freeze({"value":"#ffff","ref":"color-white-100"}),
     "color-border-absolute-white-hovered": Object.freeze({"value":"#edededff"}),
-    "color-surface": Object.freeze({"value":"#242428ff","ref":"color-grey-900"}),
-    "color-surface-hovered": Object.freeze({"value":"#2e2e33ff"}),
-    "color-surface-highest": Object.freeze({"value":"#37373cff","ref":"color-grey-750"}),
-    "color-surface-highest-hovered": Object.freeze({"value":"#414147ff"}),
-    "color-surface-higher": Object.freeze({"value":"#303035ff","ref":"color-grey-800"}),
-    "color-surface-higher-hovered": Object.freeze({"value":"#3a3a40ff"}),
-    "color-surface-high": Object.freeze({"value":"#2a2a2dff","ref":"color-grey-850"}),
-    "color-surface-high-hovered": Object.freeze({"value":"#343438ff"}),
+    "color-surface": Object.freeze({"value":"#1d1d20ff","ref":"color-grey-900"}),
+    "color-surface-hovered": Object.freeze({"value":"#27272bff"}),
+    "color-surface-highest": Object.freeze({"value":"#313135ff","ref":"color-grey-750"}),
+    "color-surface-highest-hovered": Object.freeze({"value":"#3b3b40ff"}),
+    "color-surface-higher": Object.freeze({"value":"#29292dff","ref":"color-grey-800"}),
+    "color-surface-higher-hovered": Object.freeze({"value":"#333338ff"}),
+    "color-surface-high": Object.freeze({"value":"#242426ff","ref":"color-grey-850"}),
+    "color-surface-high-hovered": Object.freeze({"value":"#2e2e31ff"}),
     "color-surface-low": Object.freeze({"value":"#1a1a1cff","ref":"color-grey-950"}),
     "color-surface-low-hovered": Object.freeze({"value":"#242427ff"}),
-    "color-surface-glass": Object.freeze({"value":"#303035e6","ref":"color-grey-800-90"}),
-    "color-surface-glass-hovered": Object.freeze({"value":"#3a3a40e6"}),
-    "color-surface-glass-highest": Object.freeze({"value":"#454549e6","ref":"color-grey-700-90"}),
-    "color-surface-glass-highest-hovered": Object.freeze({"value":"#4f4f54e6"}),
-    "color-surface-glass-higher": Object.freeze({"value":"#303035e6","ref":"color-grey-800-90"}),
-    "color-surface-glass-higher-hovered": Object.freeze({"value":"#3a3a40e6"}),
-    "color-surface-glass-high": Object.freeze({"value":"#2a2a2de6","ref":"color-grey-850-90"}),
-    "color-surface-glass-high-hovered": Object.freeze({"value":"#343438e6"}),
-    "color-surface-accent-blue": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
-    "color-surface-accent-blue-hovered": Object.freeze({"value":"#8184ffff"}),
-    "color-surface-accent-cobalt": Object.freeze({"value":"#5cadefff","ref":"color-cobalt-300"}),
-    "color-surface-accent-cobalt-hovered": Object.freeze({"value":"#6cb8f5ff"}),
-    "color-surface-accent-green": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
-    "color-surface-accent-green-hovered": Object.freeze({"value":"#56cc77ff"}),
-    "color-surface-accent-red": Object.freeze({"value":"#f26060ff","ref":"color-red-300"}),
-    "color-surface-accent-red-hovered": Object.freeze({"value":"#f77171ff"}),
-    "color-surface-accent-orange": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),
-    "color-surface-accent-orange-hovered": Object.freeze({"value":"#f8a45cff"}),
-    "color-surface-accent-yellow": Object.freeze({"value":"#f0be27ff","ref":"color-yellow-300"}),
-    "color-surface-accent-yellow-hovered": Object.freeze({"value":"#f7c736ff"}),
-    "color-surface-accent-olive": Object.freeze({"value":"#b7c427ff","ref":"color-olive-300"}),
-    "color-surface-accent-olive-hovered": Object.freeze({"value":"#ccdb25ff"}),
-    "color-surface-accent-teal": Object.freeze({"value":"#40d3c5ff","ref":"color-teal-300"}),
-    "color-surface-accent-teal-hovered": Object.freeze({"value":"#4cdccfff"}),
-    "color-surface-accent-navy": Object.freeze({"value":"#6f7bc8ff","ref":"color-navy-300"}),
-    "color-surface-accent-navy-hovered": Object.freeze({"value":"#7b86d3ff"}),
-    "color-surface-accent-purple": Object.freeze({"value":"#a970ffff","ref":"color-purple-300"}),
-    "color-surface-accent-purple-hovered": Object.freeze({"value":"#b686ffff"}),
-    "color-surface-accent-pink": Object.freeze({"value":"#ec6fd3ff","ref":"color-pink-300"}),
-    "color-surface-accent-pink-hovered": Object.freeze({"value":"#f27fdbff"}),
+    "color-surface-glass": Object.freeze({"value":"#29292de6","ref":"color-grey-800-90"}),
+    "color-surface-glass-hovered": Object.freeze({"value":"#333338e6"}),
+    "color-surface-glass-highest": Object.freeze({"value":"#313135e6","ref":"color-grey-750-90"}),
+    "color-surface-glass-highest-hovered": Object.freeze({"value":"#3b3b40e6"}),
+    "color-surface-glass-higher": Object.freeze({"value":"#29292de6","ref":"color-grey-800-90"}),
+    "color-surface-glass-higher-hovered": Object.freeze({"value":"#333338e6"}),
+    "color-surface-glass-high": Object.freeze({"value":"#242426e6","ref":"color-grey-850-90"}),
+    "color-surface-glass-high-hovered": Object.freeze({"value":"#2e2e31e6"}),
     "color-dim-absolute-black": Object.freeze({"value":"#0006","ref":"color-black-40"}),
     "color-dim-absolute-black-hovered": Object.freeze({"value":"#0a0a0a66"}),
     "color-dim-absolute-black-heavy": Object.freeze({"value":"#0009","ref":"color-black-60"}),
@@ -428,12 +412,12 @@ module.exports = Object.freeze({
     "color-dim-absolute-white-heavy-hovered": Object.freeze({"value":"#ededed99"}),
     "color-gradient-green": Object.freeze({"value":"#20ab55ff","ref":"color-green-400"}),
     "color-gradient-green-hovered": Object.freeze({"value":"#1ec35dff"}),
-    "color-gradient-green-heavy": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
-    "color-gradient-green-heavy-hovered": Object.freeze({"value":"#56cc77ff"}),
+    "color-gradient-green-heavy": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
+    "color-gradient-green-heavy-hovered": Object.freeze({"value":"#5cce7cff"}),
     "color-state-default": Object.freeze({"value":"#fff3","ref":"color-white-20"}),
     "color-state-default-hovered": Object.freeze({"value":"#ededed4d"}),
-    "color-state-action": Object.freeze({"value":"#6b6effff","ref":"color-blue-300"}),
-    "color-state-action-hovered": Object.freeze({"value":"#8184ffff"}),
+    "color-state-action": Object.freeze({"value":"#8082ffff","ref":"color-blue-300"}),
+    "color-state-action-hovered": Object.freeze({"value":"#9698ffff"}),
     "color-state-action-light": Object.freeze({"value":"#6b6eff73","ref":"color-blue-300-45"}),
     "color-state-action-light-hovered": Object.freeze({"value":"#8184ff73"}),
     "color-state-warning": Object.freeze({"value":"#f79847ff","ref":"color-orange-300"}),

package/dist/beta/cjs/global.js

@@ -2,7 +2,7 @@ module.exports = Object.freeze({
   "color": Object.freeze({
     "color-blue-100": Object.freeze({"value":"#b2b7ffff"}),
     "color-blue-200": Object.freeze({"value":"#8d93ffff"}),
-    "color-blue-300": Object.freeze({"value":"#6b6effff"}),
+    "color-blue-300": Object.freeze({"value":"#8082ffff"}),
     "color-blue-400": Object.freeze({"value":"#6157eaff"}),
     "color-blue-500": Object.freeze({"value":"#5139d9ff"}),
     "color-blue-600": Object.freeze({"value":"#4134bbff"}),
@@ -34,7 +34,7 @@ module.exports = Object.freeze({
     "color-cobalt-400-30": Object.freeze({"value":"#3292e34d"}),
     "color-green-100": Object.freeze({"value":"#a4ecb3ff"}),
     "color-green-200": Object.freeze({"value":"#7cd985ff"}),
-    "color-green-300": Object.freeze({"value":"#4bc16cff"}),
+    "color-green-300": Object.freeze({"value":"#51c371ff"}),
     "color-green-400": Object.freeze({"value":"#20ab55ff"}),
     "color-green-500": Object.freeze({"value":"#358761ff"}),
     "color-green-600": Object.freeze({"value":"#327055ff"}),
@@ -50,7 +50,7 @@ module.exports = Object.freeze({
     "color-green-400-30": Object.freeze({"value":"#20ab554d"}),
     "color-red-100": Object.freeze({"value":"#ffb8b8ff"}),
     "color-red-200": Object.freeze({"value":"#ff8683ff"}),
-    "color-red-300": Object.freeze({"value":"#f26060ff"}),
+    "color-red-300": Object.freeze({"value":"#f36868ff"}),
     "color-red-400": Object.freeze({"value":"#e1535dff"}),
     "color-red-500": Object.freeze({"value":"#bc3a42ff"}),
     "color-red-600": Object.freeze({"value":"#992c34ff"}),
@@ -130,7 +130,7 @@ module.exports = Object.freeze({
     "color-teal-400-30": Object.freeze({"value":"#09b2ac4d"}),
     "color-navy-100": Object.freeze({"value":"#a5b2eeff"}),
     "color-navy-200": Object.freeze({"value":"#8b99d9ff"}),
-    "color-navy-300": Object.freeze({"value":"#6f7bc8ff"}),
+    "color-navy-300": Object.freeze({"value":"#7e89cdff"}),
     "color-navy-400": Object.freeze({"value":"#424fabff"}),
     "color-navy-500": Object.freeze({"value":"#353888ff"}),
     "color-navy-600": Object.freeze({"value":"#22245bff"}),
@@ -176,6 +176,7 @@ module.exports = Object.freeze({
     "color-pink-400-10": Object.freeze({"value":"#d64bb51a"}),
     "color-pink-400-20": Object.freeze({"value":"#d64bb533"}),
     "color-pink-400-30": Object.freeze({"value":"#d64bb54d"}),
+    "color-grey-25": Object.freeze({"value":"#fdfdffff"}),
     "color-grey-50": Object.freeze({"value":"#fbfbfbff"}),
     "color-grey-100": Object.freeze({"value":"#f7f7f8ff"}),
     "color-grey-200": Object.freeze({"value":"#efeff0ff"}),
@@ -183,25 +184,27 @@ module.exports = Object.freeze({
     "color-grey-400": Object.freeze({"value":"#cfcfd1ff"}),
     "color-grey-500": Object.freeze({"value":"#a7a7aaff"}),
     "color-grey-600": Object.freeze({"value":"#79797eff"}),
-    "color-grey-700": Object.freeze({"value":"#454549ff"}),
-    "color-grey-750": Object.freeze({"value":"#37373cff"}),
-    "color-grey-800": Object.freeze({"value":"#303035ff"}),
-    "color-grey-850": Object.freeze({"value":"#2a2a2dff"}),
-    "color-grey-900": Object.freeze({"value":"#242428ff"}),
+    "color-grey-650": Object.freeze({"value":"#5a5a5fff"}),
+    "color-grey-700": Object.freeze({"value":"#3b3b3fff"}),
+    "color-grey-750": Object.freeze({"value":"#313135ff"}),
+    "color-grey-800": Object.freeze({"value":"#29292dff"}),
+    "color-grey-850": Object.freeze({"value":"#242426ff"}),
+    "color-grey-900": Object.freeze({"value":"#1d1d20ff"}),
     "color-grey-950": Object.freeze({"value":"#1a1a1cff"}),
     "color-grey-50-80": Object.freeze({"value":"#fbfbfbcc"}),
     "color-grey-100-80": Object.freeze({"value":"#f7f7f8cc"}),
     "color-grey-100-90": Object.freeze({"value":"#f7f7f8e6"}),
     "color-grey-200-80": Object.freeze({"value":"#efeff0cc"}),
     "color-grey-200-90": Object.freeze({"value":"#efeff0e6"}),
-    "color-grey-700-80": Object.freeze({"value":"#454549cc"}),
-    "color-grey-700-90": Object.freeze({"value":"#454549e6"}),
-    "color-grey-800-80": Object.freeze({"value":"#303035cc"}),
-    "color-grey-800-90": Object.freeze({"value":"#303035e6"}),
-    "color-grey-850-80": Object.freeze({"value":"#2a2a2dcc"}),
-    "color-grey-850-90": Object.freeze({"value":"#2a2a2de6"}),
+    "color-grey-700-80": Object.freeze({"value":"#3b3b3fcc"}),
+    "color-grey-700-90": Object.freeze({"value":"#3b3b3fe6"}),
+    "color-grey-750-90": Object.freeze({"value":"#313135e6"}),
+    "color-grey-800-80": Object.freeze({"value":"#29292dcc"}),
+    "color-grey-800-90": Object.freeze({"value":"#29292de6"}),
+    "color-grey-850-80": Object.freeze({"value":"#242426cc"}),
+    "color-grey-850-90": Object.freeze({"value":"#242426e6"}),
     "color-grey-900-0": Object.freeze({"value":"#24242800"}),
-    "color-grey-900-90": Object.freeze({"value":"#242428e6"}),
+    "color-grey-900-90": Object.freeze({"value":"#1d1d2000"}),
     "color-white-0": Object.freeze({"value":"#fff0"}),
     "color-white-3": Object.freeze({"value":"#ffffff08"}),
     "color-white-5": Object.freeze({"value":"#ffffff0d"}),

package/dist/beta/cjs/lightTheme.js

@@ -158,6 +158,8 @@ module.exports = Object.freeze({
     "color-text-absolute-white-hovered": Object.freeze({"value":"#edededff"}),
     "color-text-absolute-black": Object.freeze({"value":"#000f","ref":"color-black-100"}),
     "color-text-absolute-black-hovered": Object.freeze({"value":"#1c1c1cff"}),
+    "color-text-inverse": Object.freeze({"value":"#ffff","ref":"color-white-100"}),
+    "color-text-inverse-hovered": Object.freeze({"value":"#edededff"}),
     "color-icon-action": Object.freeze({"value":"#6157eaff","ref":"color-blue-400"}),
     "color-icon-action-hovered": Object.freeze({"value":"#5146e4ff"}),
     "color-icon-success": Object.freeze({"value":"#20ab55ff","ref":"color-green-400"}),
@@ -200,6 +202,8 @@ module.exports = Object.freeze({
     "color-icon-absolute-white-hovered": Object.freeze({"value":"#edededff"}),
     "color-icon-absolute-black": Object.freeze({"value":"#000f","ref":"color-black-100"}),
     "color-icon-absolute-black-hovered": Object.freeze({"value":"#1c1c1cff"}),
+    "color-icon-inverse-heavier": Object.freeze({"value":"#ffff","ref":"color-white-100"}),
+    "color-icon-inverse-heavier-hovered": Object.freeze({"value":"#edededff"}),
     "color-fill-neutral-heaviest": Object.freeze({"value":"#000000d9","ref":"color-black-85"}),
     "color-fill-neutral-heaviest-hovered": Object.freeze({"value":"#1c1c1cd9"}),
     "color-fill-neutral-heavier": Object.freeze({"value":"#0006","ref":"color-black-40"}),
@@ -360,6 +364,8 @@ module.exports = Object.freeze({
     "color-fill-absolute-black-light-hovered": Object.freeze({"value":"#1c1c1c4d"}),
     "color-fill-absolute-black-transparent": Object.freeze({"value":"#0000","ref":"color-black-0"}),
     "color-fill-absolute-black-transparent-hovered": Object.freeze({"value":"#0000000d"}),
+    "color-fill-bright": Object.freeze({"value":"#fdfdffff","ref":"color-grey-25"}),
+    "color-fill-bright-hovered": Object.freeze({"value":"#d9d9ffff"}),
     "color-border-neutral": Object.freeze({"value":"#00000014","ref":"color-black-8"}),
     "color-border-neutral-hovered": Object.freeze({"value":"#1c1c1c1e"}),
     "color-border-neutral-heavy": Object.freeze({"value":"#00000026","ref":"color-black-15"}),
@@ -396,28 +402,6 @@ module.exports = Object.freeze({
     "color-surface-glass-higher-hovered": Object.freeze({"value":"#e5e5e8e6"}),
     "color-surface-glass-high": Object.freeze({"value":"#ffffffe6","ref":"color-white-90"}),
     "color-surface-glass-high-hovered": Object.freeze({"value":"#ededede6"}),
-    "color-surface-accent-blue": Object.freeze({"value":"#6157eaff","ref":"color-blue-400"}),
-    "color-surface-accent-blue-hovered": Object.freeze({"value":"#5146e4ff"}),
-    "color-surface-accent-cobalt": Object.freeze({"value":"#3292e3ff","ref":"color-cobalt-400"}),
-    "color-surface-accent-cobalt-hovered": Object.freeze({"value":"#2589ddff"}),
-    "color-surface-accent-green": Object.freeze({"value":"#20ab55ff","ref":"color-green-400"}),
-    "color-surface-accent-green-hovered": Object.freeze({"value":"#219c50ff"}),
-    "color-surface-accent-red": Object.freeze({"value":"#e1535dff","ref":"color-red-400"}),
-    "color-surface-accent-red-hovered": Object.freeze({"value":"#da444fff"}),
-    "color-surface-accent-orange": Object.freeze({"value":"#e67f2bff","ref":"color-orange-400"}),
-    "color-surface-accent-orange-hovered": Object.freeze({"value":"#df751fff"}),
-    "color-surface-accent-yellow": Object.freeze({"value":"#edae0dff","ref":"color-yellow-400"}),
-    "color-surface-accent-yellow-hovered": Object.freeze({"value":"#d9a010ff"}),
-    "color-surface-accent-olive": Object.freeze({"value":"#a9b110ff","ref":"color-olive-400"}),
-    "color-surface-accent-olive-hovered": Object.freeze({"value":"#9ba212ff"}),
-    "color-surface-accent-teal": Object.freeze({"value":"#09b2acff","ref":"color-teal-400"}),
-    "color-surface-accent-teal-hovered": Object.freeze({"value":"#08a5a0ff"}),
-    "color-surface-accent-navy": Object.freeze({"value":"#424fabff","ref":"color-navy-400"}),
-    "color-surface-accent-navy-hovered": Object.freeze({"value":"#414c9cff"}),
-    "color-surface-accent-purple": Object.freeze({"value":"#8e57e7ff","ref":"color-purple-400"}),
-    "color-surface-accent-purple-hovered": Object.freeze({"value":"#8247e1ff"}),
-    "color-surface-accent-pink": Object.freeze({"value":"#d64bb5ff","ref":"color-pink-400"}),
-    "color-surface-accent-pink-hovered": Object.freeze({"value":"#cf3eacff"}),
     "color-dim-absolute-black": Object.freeze({"value":"#0006","ref":"color-black-40"}),
     "color-dim-absolute-black-hovered": Object.freeze({"value":"#1c1c1c66"}),
     "color-dim-absolute-black-heavy": Object.freeze({"value":"#0009","ref":"color-black-60"}),
@@ -428,8 +412,8 @@ module.exports = Object.freeze({
     "color-dim-absolute-white-heavy-hovered": Object.freeze({"value":"#ededed99"}),
     "color-gradient-green": Object.freeze({"value":"#20ab55ff","ref":"color-green-400"}),
     "color-gradient-green-hovered": Object.freeze({"value":"#219c50ff"}),
-    "color-gradient-green-heavy": Object.freeze({"value":"#4bc16cff","ref":"color-green-300"}),
-    "color-gradient-green-heavy-hovered": Object.freeze({"value":"#44b663ff"}),
+    "color-gradient-green-heavy": Object.freeze({"value":"#51c371ff","ref":"color-green-300"}),
+    "color-gradient-green-heavy-hovered": Object.freeze({"value":"#46ba67ff"}),
     "color-state-default": Object.freeze({"value":"#00000026","ref":"color-black-15"}),
     "color-state-default-hovered": Object.freeze({"value":"#1c1c1c39"}),
     "color-state-action": Object.freeze({"value":"#6157eaff","ref":"color-blue-400"}),