banhaten 0.2.0 → 0.3.0

package/tokens/banhaten.tokens.json

@@ -263,6 +263,11 @@
           "value": "#3276FF",
           "alias": "blue/500"
         },
+        "bg/accent/blue/bold": {
+          "type": "color",
+          "value": "#245DED",
+          "alias": "blue/600"
+        },
         "bg/accent/golden/subtle": {
           "type": "color",
           "value": "#FFF5D1",
@@ -388,6 +393,11 @@
           "value": "#F01071",
           "alias": "rose/500"
         },
+        "bg/accent/rose/bold": {
+          "type": "color",
+          "value": "#D10A60",
+          "alias": "rose/600"
+        },
         "bg/danger/subtle": {
           "type": "color",
           "value": "#FFEDEF",
@@ -783,6 +793,21 @@
           "value": "#FFFFFF",
           "alias": "colors/brand/color-on-brand-light"
         },
+        "content/on-success": {
+          "type": "color",
+          "value": "#FFFFFF",
+          "alias": "base/white"
+        },
+        "content/on-warning": {
+          "type": "color",
+          "value": "#FFFFFF",
+          "alias": "base/white"
+        },
+        "content/on-neutral": {
+          "type": "color",
+          "value": "#FFFFFF",
+          "alias": "base/white"
+        },
         "content/brand/default": {
           "type": "color",
           "value": "#245DED",
@@ -963,6 +988,36 @@
           "value": "rgb(0 0 0 / 0.06)",
           "alias": "colors/neutral alpha/100"
         },
+        "interactive/success/default": {
+          "type": "color",
+          "value": "#07712C",
+          "alias": "green/700"
+        },
+        "interactive/success/hover": {
+          "type": "color",
+          "value": "#075622",
+          "alias": "green/800"
+        },
+        "interactive/success/pressed": {
+          "type": "color",
+          "value": "#043F18",
+          "alias": "green/900"
+        },
+        "interactive/warning/default": {
+          "type": "color",
+          "value": "#AC4C03",
+          "alias": "amber/700"
+        },
+        "interactive/warning/hover": {
+          "type": "color",
+          "value": "#863E07",
+          "alias": "amber/800"
+        },
+        "interactive/warning/pressed": {
+          "type": "color",
+          "value": "#652C07",
+          "alias": "amber/900"
+        },
         "interactive/secondary/default": {
           "type": "color",
           "value": "#FAFAFA",
@@ -1390,6 +1445,11 @@
           "value": "#3276FF",
           "alias": "blue/500"
         },
+        "bg/accent/blue/bold": {
+          "type": "color",
+          "value": "#245DED",
+          "alias": "blue/600"
+        },
         "bg/accent/golden/subtle": {
           "type": "color",
           "value": "rgb(229 171 8 / 0.1)",
@@ -1515,6 +1575,11 @@
           "value": "#F01071",
           "alias": "rose/500"
         },
+        "bg/accent/rose/bold": {
+          "type": "color",
+          "value": "#D10A60",
+          "alias": "rose/600"
+        },
         "bg/danger/subtle": {
           "type": "color",
           "value": "rgb(232 23 44 / 0.1)",
@@ -1872,8 +1937,8 @@
         },
         "content/muted": {
           "type": "color",
-          "value": "#7A7A7A",
-          "alias": "colors/neutral dark/700"
+          "value": "#808080",
+          "alias": null
         },
         "content/disabled": {
           "type": "color",
@@ -1910,6 +1975,21 @@
           "value": "#FFFFFF",
           "alias": "colors/brand/color-on-brand-dark"
         },
+        "content/on-success": {
+          "type": "color",
+          "value": "#0E0E0F",
+          "alias": "colors/neutral dark/50"
+        },
+        "content/on-warning": {
+          "type": "color",
+          "value": "#0E0E0F",
+          "alias": "colors/neutral dark/50"
+        },
+        "content/on-neutral": {
+          "type": "color",
+          "value": "#0E0E0F",
+          "alias": "colors/neutral dark/50"
+        },
         "content/brand/default": {
           "type": "color",
           "value": "#3276FF",
@@ -2090,6 +2170,36 @@
           "value": "rgb(255 255 255 / 0.08)",
           "alias": "colors/neutral alpha dark/100"
         },
+        "interactive/success/default": {
+          "type": "color",
+          "value": "#2CC863",
+          "alias": "green/400"
+        },
+        "interactive/success/hover": {
+          "type": "color",
+          "value": "#51E585",
+          "alias": "green/300"
+        },
+        "interactive/success/pressed": {
+          "type": "color",
+          "value": "#0BAE45",
+          "alias": "green/500"
+        },
+        "interactive/warning/default": {
+          "type": "color",
+          "value": "#FFA136",
+          "alias": "amber/400"
+        },
+        "interactive/warning/hover": {
+          "type": "color",
+          "value": "#FFC369",
+          "alias": "amber/300"
+        },
+        "interactive/warning/pressed": {
+          "type": "color",
+          "value": "#EE7300",
+          "alias": "amber/500"
+        },
         "interactive/secondary/default": {
           "type": "color",
           "value": "rgb(255 255 255 / 0.05)",
@@ -3310,8 +3420,8 @@
         },
         "colors/brand/link-light": {
           "type": "color",
-          "value": "#CD6103",
-          "alias": "amber/600"
+          "value": "#AC4C03",
+          "alias": "amber/700"
         },
         "colors/brand/link-hover-light": {
           "type": "color",
@@ -3330,8 +3440,8 @@
         },
         "colors/brand/content-light": {
           "type": "color",
-          "value": "#CD6103",
-          "alias": "amber/600"
+          "value": "#AC4C03",
+          "alias": "amber/700"
         },
         "colors/brand/content-dark": {
           "type": "color",
@@ -3340,8 +3450,8 @@
         },
         "colors/brand/content-strong-light": {
           "type": "color",
-          "value": "#AC4C03",
-          "alias": "amber/700"
+          "value": "#863E07",
+          "alias": "amber/800"
         },
         "colors/brand/content-strong-dark": {
           "type": "color",
@@ -3350,8 +3460,8 @@
         },
         "colors/brand/focused-light": {
           "type": "color",
-          "value": "#EE7300",
-          "alias": "amber/500"
+          "value": "#AC4C03",
+          "alias": "amber/700"
         },
         "colors/brand/focused-dark": {
           "type": "color",
@@ -3450,33 +3560,33 @@
         },
         "colors/brand/interactive/default": {
           "type": "color",
-          "value": "#CD6103",
-          "alias": "amber/600"
+          "value": "#AC4C03",
+          "alias": "amber/700"
         },
         "colors/brand/interactive/hover": {
           "type": "color",
-          "value": "#AC4C03",
-          "alias": "amber/700"
+          "value": "#863E07",
+          "alias": "amber/800"
         },
         "colors/brand/interactive/pressed": {
           "type": "color",
-          "value": "#CD6103",
-          "alias": "amber/600"
+          "value": "#863E07",
+          "alias": "amber/800"
         },
         "colors/brand/interactive/default-dark": {
           "type": "color",
-          "value": "#CD6103",
-          "alias": "amber/600"
+          "value": "#AC4C03",
+          "alias": "amber/700"
         },
         "colors/brand/interactive/hover-dark": {
           "type": "color",
-          "value": "#AC4C03",
-          "alias": "amber/700"
+          "value": "#863E07",
+          "alias": "amber/800"
         },
         "colors/brand/interactive/pressed-dark": {
           "type": "color",
-          "value": "#CD6103",
-          "alias": "amber/600"
+          "value": "#863E07",
+          "alias": "amber/800"
         },
         "colors/brand/checkbox/bg-default": {
           "type": "color",
@@ -6431,11 +6541,11 @@
       },
       "--shadow-component-danger-focus-ring": {
         "type": "shadow",
-        "value": "0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent)"
+        "value": "0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus-danger)"
       },
       "--shadow-component-danger-focus-stroke": {
         "type": "shadow",
-        "value": "0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus-danger), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent)"
+        "value": "0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus-danger)"
       },
       "--shadow-component-default": {
         "type": "shadow",
@@ -6443,11 +6553,11 @@
       },
       "--shadow-component-focus-ring": {
         "type": "shadow",
-        "value": "0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent)"
+        "value": "0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus)"
       },
       "--shadow-component-focus-stroke": {
         "type": "shadow",
-        "value": "0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) color-mix(in srgb, var(--bh-border-focus) 30%, transparent)"
+        "value": "0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus)"
       },
       "--shadow-component-raised": {
         "type": "shadow",
@@ -6463,7 +6573,7 @@
       },
       "--shadow-date-surface": {
         "type": "shadow",
-        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-md)"
+        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-lg)"
       },
       "--shadow-date-time-input": {
         "type": "shadow",
@@ -6479,15 +6589,15 @@
       },
       "--shadow-lg": {
         "type": "shadow",
-        "value": "0px 10px 15px -3px rgb(15 17 20 / 0.08), 0px 4px 6px -4px rgb(15 17 20 / 0.08)"
+        "value": "0px 10px 16px -3px rgb(15 17 20 / 0.06), 0px 4px 6px -2px rgb(15 17 20 / 0.04)"
       },
       "--shadow-md": {
         "type": "shadow",
-        "value": "0px 4px 6px -2px rgb(15 17 20 / 0.04), 0px 10px 16px -3px rgb(15 17 20 / 0.06)"
+        "value": "0px 1.75px 4px -1px rgb(15 17 20 / 0.1)"
       },
       "--shadow-menu": {
         "type": "shadow",
-        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-component-default)"
+        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-lg)"
       },
       "--shadow-pagination-active": {
         "type": "alias",
@@ -6503,7 +6613,7 @@
       },
       "--shadow-popover": {
         "type": "shadow",
-        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-popover-border), var(--shadow-component-default)"
+        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-popover-border), var(--shadow-lg)"
       },
       "--shadow-progress-slider-thumb-focus": {
         "type": "alias",
@@ -6539,7 +6649,7 @@
       },
       "--shadow-select-menu": {
         "type": "shadow",
-        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default)"
+        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-lg)"
       },
       "--shadow-select-trigger": {
         "type": "shadow",
@@ -6550,8 +6660,8 @@
         "value": "inset calc(var(--bh-border-width-default) * -1) 0px 0px 0px var(--bh-sidebar-border), var(--shadow-component-surface)"
       },
       "--shadow-slider-thumb": {
-        "type": "shadow",
-        "value": "0px 1.75px 4px -1px rgb(15 17 20 / 0.1)"
+        "type": "alias",
+        "value": "var(--shadow-md)"
       },
       "--shadow-slider-thumb-focus": {
         "type": "alias",
@@ -6559,11 +6669,11 @@
       },
       "--shadow-slider-tooltip": {
         "type": "alias",
-        "value": "var(--shadow-md)"
+        "value": "var(--shadow-lg)"
       },
       "--shadow-sm": {
         "type": "shadow",
-        "value": "0px 1px 3px 0px rgb(15 17 20 / 0.08), 0px 1px 2px -1px rgb(15 17 20 / 0.08)"
+        "value": "0px 1px 3px 0px rgb(15 17 20 / 0.1)"
       },
       "--shadow-social-button": {
         "type": "shadow",
@@ -6583,7 +6693,7 @@
       },
       "--shadow-xl": {
         "type": "shadow",
-        "value": "0px 20px 25px -5px rgb(15 17 20 / 0.08), 0px 8px 10px -6px rgb(15 17 20 / 0.08)"
+        "value": "0px 20px 25px -5px rgb(15 17 20 / 0.08), 0px 10px 10px -5px rgb(15 17 20 / 0.06)"
       },
       "--shadow-xs": {
         "type": "shadow",
@@ -8621,7 +8731,7 @@
       },
       "--bh-social-facebook-bg": {
         "type": "string",
-        "value": "#1877F2"
+        "value": "#1465CE"
       },
       "--bh-social-facebook-border": {
         "type": "string",
@@ -8633,7 +8743,7 @@
       },
       "--bh-social-facebook-hover": {
         "type": "string",
-        "value": "#1465CE"
+        "value": "#0F52A8"
       },
       "--bh-social-facebook-icon": {
         "type": "alias",
@@ -8761,7 +8871,7 @@
       },
       "--bh-social-whatsapp-bg": {
         "type": "string",
-        "value": "#09B248"
+        "value": "#087D34"
       },
       "--bh-social-whatsapp-border": {
         "type": "string",
@@ -8773,7 +8883,7 @@
       },
       "--bh-social-whatsapp-hover": {
         "type": "string",
-        "value": "#08973D"
+        "value": "#066428"
       },
       "--bh-social-whatsapp-icon": {
         "type": "alias",
@@ -9035,11 +9145,11 @@
       },
       "--shadow-component-danger-focus-ring": {
         "type": "shadow",
-        "value": "0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent)"
+        "value": "0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus-danger)"
       },
       "--shadow-component-danger-focus-stroke": {
         "type": "shadow",
-        "value": "0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus-danger), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent)"
+        "value": "0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus-danger)"
       },
       "--shadow-component-default": {
         "type": "shadow",
@@ -9047,11 +9157,11 @@
       },
       "--shadow-component-focus-ring": {
         "type": "shadow",
-        "value": "0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent)"
+        "value": "0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus)"
       },
       "--shadow-component-focus-stroke": {
         "type": "shadow",
-        "value": "0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) color-mix(in srgb, var(--bh-border-focus) 30%, transparent)"
+        "value": "0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus)"
       },
       "--shadow-component-raised": {
         "type": "shadow",
@@ -9063,7 +9173,7 @@
       },
       "--shadow-date-surface": {
         "type": "shadow",
-        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-md)"
+        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-lg)"
       },
       "--shadow-input": {
         "type": "shadow",
@@ -9075,15 +9185,15 @@
       },
       "--shadow-lg": {
         "type": "shadow",
-        "value": "0px 10px 15px -3px rgb(0 0 0 / 0.32), 0px 4px 6px -4px rgb(0 0 0 / 0.28)"
+        "value": "0px 10px 16px -3px rgb(15 17 20 / 0.06), 0px 4px 6px -2px rgb(15 17 20 / 0.04)"
       },
       "--shadow-md": {
         "type": "shadow",
-        "value": "0px 4px 6px -2px rgb(0 0 0 / 0.24), 0px 10px 16px -3px rgb(0 0 0 / 0.28)"
+        "value": "0px 1.75px 4px -1px rgb(15 17 20 / 0.1)"
       },
       "--shadow-menu": {
         "type": "shadow",
-        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-component-default)"
+        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-lg)"
       },
       "--shadow-progress-slider-thumb-focus": {
         "type": "alias",
@@ -9115,7 +9225,7 @@
       },
       "--shadow-select-menu": {
         "type": "shadow",
-        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default)"
+        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-lg)"
       },
       "--shadow-select-trigger": {
         "type": "shadow",
@@ -9127,11 +9237,11 @@
       },
       "--shadow-slider-tooltip": {
         "type": "alias",
-        "value": "var(--shadow-md)"
+        "value": "var(--shadow-lg)"
       },
       "--shadow-sm": {
         "type": "shadow",
-        "value": "0px 1px 3px 0px rgb(0 0 0 / 0.32), 0px 1px 2px -1px rgb(0 0 0 / 0.32)"
+        "value": "0px 1px 3px 0px rgb(15 17 20 / 0.1)"
       },
       "--shadow-social-button": {
         "type": "shadow",
@@ -9151,11 +9261,11 @@
       },
       "--shadow-xl": {
         "type": "shadow",
-        "value": "0px 20px 25px -5px rgb(0 0 0 / 0.36), 0px 8px 10px -6px rgb(0 0 0 / 0.32)"
+        "value": "0px 20px 25px -5px rgb(15 17 20 / 0.08), 0px 10px 10px -5px rgb(15 17 20 / 0.06)"
       },
       "--shadow-xs": {
         "type": "shadow",
-        "value": "0px 1px 2px 0px rgb(0 0 0 / 0.36)"
+        "value": "0px 1px 2px 0px rgb(15 17 20 / 0.06)"
       }
     },
     "scopedAliases": {
@@ -9517,7 +9627,7 @@
       },
       "--shadow-select-menu": {
         "type": "shadow",
-        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default)"
+        "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-lg)"
       },
       "--shadow-select-trigger": {
         "type": "shadow",