banhaten 0.3.0 → 0.4.0

package/tokens/banhaten.tokens.json

@@ -22,7 +22,7 @@
     },
     "notes": [
       "Yellow remains in the historical source archive but is intentionally retired from the supported theme modes.",
-      "The default blue brand theme intentionally composes with the gray neutral scale so product surfaces stay achromatic while brand actions stay blue.",
+      "The default gray brand theme keeps both product surfaces and brand actions monochrome; blue remains available as an alternate brand theme.",
       "Green and teal dark brand values preserve their reviewed values and use explicit derived aliases where the upstream palette alias was not value-accurate."
     ]
   },
@@ -57,7 +57,7 @@
       "arabic": "\"IBM Plex Sans Arabic\"",
       "fallback": "sans-serif"
     },
-    "defaultTheme": "blue",
+    "defaultTheme": "gray",
     "defaultNeutralTheme": "gray",
     "defaultRadius": "default",
     "shadcnAliases": {
@@ -113,7 +113,7 @@
       "--ring": "--bh-border-focus",
       "--danger-ring": "--bh-border-focus-danger"
     },
-    "shadowTokens": "none; no effect/shadow tokens were present in the provided zip sources"
+    "shadowTokens": "Figma elevation/01 through elevation/07 are published as --shadow-xs through --shadow-3xl with exact light and dark color-variable resolutions; no effect tokens were present in the provided zip archives"
   },
   "tokens": {
     "colorMode": {
@@ -5591,6 +5591,18 @@
         "type": "alias",
         "value": "var(--bh-space-xs-4)"
       },
+      "--bh-icon-size-default": {
+        "type": "dimension",
+        "value": "18px"
+      },
+      "--bh-icon-slot-inset-default": {
+        "type": "string",
+        "value": "calc((var(--bh-icon-slot-size-default) - var(--bh-icon-size-default)) / 2)"
+      },
+      "--bh-icon-slot-size-default": {
+        "type": "alias",
+        "value": "var(--bh-space-4xl-20)"
+      },
       "--bh-icon-stroke-180": {
         "type": "number",
         "value": "1.8"
@@ -6587,13 +6599,33 @@
         "type": "alias",
         "value": "var(--shadow-component-focus-stroke)"
       },
-      "--shadow-lg": {
+      "--shadow-xs": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.06), inset 0px 0px 0px 1px rgb(255 255 255 / 0)"
+      },
+      "--shadow-sm": {
         "type": "shadow",
-        "value": "0px 10px 16px -3px rgb(15 17 20 / 0.06), 0px 4px 6px -2px rgb(15 17 20 / 0.04)"
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0)"
       },
       "--shadow-md": {
         "type": "shadow",
-        "value": "0px 1.75px 4px -1px rgb(15 17 20 / 0.1)"
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0)"
+      },
+      "--shadow-lg": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), 0px 6px 6px -3px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0)"
+      },
+      "--shadow-xl": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), 0px 6px 6px -3px rgb(0 0 0 / 0.06), 0px 12px 12px -6px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0)"
+      },
+      "--shadow-2xl": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), 0px 6px 6px -3px rgb(0 0 0 / 0.06), 0px 12px 12px -6px rgb(0 0 0 / 0.06), 0px 24px 24px -12px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0)"
+      },
+      "--shadow-3xl": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), 0px 6px 6px -3px rgb(0 0 0 / 0.06), 0px 12px 12px -6px rgb(0 0 0 / 0.06), 0px 24px 24px -12px rgb(0 0 0 / 0.06), 0px 48px 48px -24px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0)"
       },
       "--shadow-menu": {
         "type": "shadow",
@@ -6671,10 +6703,6 @@
         "type": "alias",
         "value": "var(--shadow-lg)"
       },
-      "--shadow-sm": {
-        "type": "shadow",
-        "value": "0px 1px 3px 0px rgb(15 17 20 / 0.1)"
-      },
       "--shadow-social-button": {
         "type": "shadow",
         "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-social-button-border, transparent), var(--shadow-component-default)"
@@ -6690,14 +6718,6 @@
       "--shadow-textarea": {
         "type": "shadow",
         "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-textarea-border, var(--bh-border-input)), var(--shadow-component-default)"
-      },
-      "--shadow-xl": {
-        "type": "shadow",
-        "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(15 17 20 / 0.06)"
       }
     },
     "components": {
@@ -6751,7 +6771,11 @@
       },
       "--bh-alert-icon-size": {
         "type": "alias",
-        "value": "var(--bh-space-4xl-20)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-alert-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-attribute-header-icon-size": {
         "type": "alias",
@@ -6891,11 +6915,11 @@
       },
       "--bh-avatar-icon-size-lg": {
         "type": "alias",
-        "value": "var(--bh-space-4xl-20)"
+        "value": "var(--bh-icon-size-default)"
       },
       "--bh-avatar-icon-size-md": {
         "type": "alias",
-        "value": "var(--bh-space-4xl-20)"
+        "value": "var(--bh-icon-size-default)"
       },
       "--bh-avatar-icon-size-sm": {
         "type": "alias",
@@ -7023,7 +7047,11 @@
       },
       "--bh-button-group-icon-size": {
         "type": "alias",
-        "value": "var(--bh-space-4xl-20)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-button-group-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-button-group-item-active-bg": {
         "type": "alias",
@@ -7135,7 +7163,11 @@
       },
       "--bh-button-icon-size": {
         "type": "alias",
-        "value": "var(--bh-space-4xl-20)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-button-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-button-label-padding-x": {
         "type": "alias",
@@ -7431,7 +7463,11 @@
       },
       "--bh-date-nav-icon-size": {
         "type": "alias",
-        "value": "var(--bh-button-icon-size)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-date-nav-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-date-picker-width": {
         "type": "alias",
@@ -7475,7 +7511,11 @@
       },
       "--bh-date-trigger-icon-size": {
         "type": "alias",
-        "value": "var(--bh-button-icon-size)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-date-trigger-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-date-trigger-width": {
         "type": "dimension",
@@ -7531,7 +7571,11 @@
       },
       "--bh-item-icon-size": {
         "type": "alias",
-        "value": "var(--bh-space-4xl-20)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-item-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-item-media-radius": {
         "type": "alias",
@@ -7665,6 +7709,10 @@
         "type": "alias",
         "value": "var(--bh-space-3xl-16)"
       },
+      "--bh-input-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-space-4xl-20)"
+      },
       "--bh-input-info-icon-size": {
         "type": "dimension",
         "value": "13.333px"
@@ -7891,7 +7939,11 @@
       },
       "--bh-menu-leading-icon-size": {
         "type": "alias",
-        "value": "var(--bh-space-4xl-20)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-menu-leading-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-menu-padding-y": {
         "type": "alias",
@@ -8043,7 +8095,11 @@
       },
       "--bh-pagination-icon-size": {
         "type": "alias",
-        "value": "var(--bh-space-4xl-20)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-pagination-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-pagination-item-size": {
         "type": "alias",
@@ -8499,7 +8555,7 @@
       },
       "--bh-sidebar-bg": {
         "type": "alias",
-        "value": "var(--bh-bg-raised)"
+        "value": "var(--bh-bg-default)"
       },
       "--bh-sidebar-bg-collapsed": {
         "type": "alias",
@@ -8511,7 +8567,15 @@
       },
       "--bh-sidebar-icon-size": {
         "type": "alias",
-        "value": "var(--bh-space-5xl-24)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-sidebar-icon-size-collapsed": {
+        "type": "alias",
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-sidebar-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-sidebar-item-bg-active": {
         "type": "alias",
@@ -8534,16 +8598,60 @@
         "value": "var(--bh-space-md-8)"
       },
       "--bh-sidebar-item-height": {
+        "type": "alias",
+        "value": "var(--bh-space-6xl-32)"
+      },
+      "--bh-sidebar-item-height-collapsed": {
         "type": "alias",
         "value": "var(--bh-space-7xl-40)"
       },
       "--bh-sidebar-item-padding-x": {
         "type": "alias",
-        "value": "var(--bh-space-xl-12)"
+        "value": "var(--bh-space-sm-6)"
       },
       "--bh-sidebar-padding": {
         "type": "alias",
-        "value": "var(--bh-space-3xl-16)"
+        "value": "var(--bh-space-lg-10)"
+      },
+      "--bh-sidebar-header-action-size": {
+        "type": "dimension",
+        "value": "28px"
+      },
+      "--bh-sidebar-brand-height": {
+        "type": "dimension",
+        "value": "38px"
+      },
+      "--bh-sidebar-compact-control-size": {
+        "type": "dimension",
+        "value": "36px"
+      },
+      "--bh-sidebar-workspace-card-height": {
+        "type": "dimension",
+        "value": "50px"
+      },
+      "--bh-sidebar-workspace-trigger-width": {
+        "type": "dimension",
+        "value": "143px"
+      },
+      "--bh-sidebar-workspace-trigger-max-width": {
+        "type": "dimension",
+        "value": "148px"
+      },
+      "--bh-sidebar-active-guide-height": {
+        "type": "dimension",
+        "value": "15px"
+      },
+      "--bh-sidebar-level-2-indent-width": {
+        "type": "dimension",
+        "value": "44px"
+      },
+      "--bh-sidebar-tree-item-height": {
+        "type": "dimension",
+        "value": "28px"
+      },
+      "--bh-sidebar-tree-indent-step": {
+        "type": "dimension",
+        "value": "22px"
       },
       "--bh-sidebar-rail-width": {
         "type": "dimension",
@@ -8559,7 +8667,7 @@
       },
       "--bh-sidebar-width-collapsed": {
         "type": "dimension",
-        "value": "72px"
+        "value": "48px"
       },
       "--bh-skeleton-duration": {
         "type": "duration",
@@ -9183,13 +9291,33 @@
         "type": "alias",
         "value": "var(--shadow-component-focus-stroke)"
       },
-      "--shadow-lg": {
+      "--shadow-xs": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04)"
+      },
+      "--shadow-sm": {
         "type": "shadow",
-        "value": "0px 10px 16px -3px rgb(15 17 20 / 0.06), 0px 4px 6px -2px rgb(15 17 20 / 0.04)"
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.04), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04)"
       },
       "--shadow-md": {
         "type": "shadow",
-        "value": "0px 1.75px 4px -1px rgb(15 17 20 / 0.1)"
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.16), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.06), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04)"
+      },
+      "--shadow-lg": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.16), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), 0px 6px 6px -3px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.06), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04)"
+      },
+      "--shadow-xl": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.16), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), 0px 6px 6px -3px rgb(0 0 0 / 0.18), 0px 12px 12px -6px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04)"
+      },
+      "--shadow-2xl": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.16), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), 0px 6px 6px -3px rgb(0 0 0 / 0.18), 0px 12px 12px -6px rgb(0 0 0 / 0.18), 0px 24px 24px -12px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), inset 0px 0px 0px 1px rgb(255 255 255 / 0.06)"
+      },
+      "--shadow-3xl": {
+        "type": "shadow",
+        "value": "0px 0px 0px 1px rgb(0 0 0 / 0.2), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), 0px 6px 6px -3px rgb(0 0 0 / 0.18), 0px 12px 12px -6px rgb(0 0 0 / 0.18), 0px 24px 24px -12px rgb(0 0 0 / 0.18), 0px 48px 48px -24px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.11), inset 0px 0px 0px 1px rgb(255 255 255 / 0.06)"
       },
       "--shadow-menu": {
         "type": "shadow",
@@ -9239,10 +9367,6 @@
         "type": "alias",
         "value": "var(--shadow-lg)"
       },
-      "--shadow-sm": {
-        "type": "shadow",
-        "value": "0px 1px 3px 0px rgb(15 17 20 / 0.1)"
-      },
       "--shadow-social-button": {
         "type": "shadow",
         "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-social-button-border, transparent), var(--shadow-component-default)"
@@ -9258,14 +9382,6 @@
       "--shadow-textarea": {
         "type": "shadow",
         "value": "inset 0px 0px 0px var(--bh-border-width-default) var(--bh-textarea-border, var(--bh-border-input)), var(--shadow-component-default)"
-      },
-      "--shadow-xl": {
-        "type": "shadow",
-        "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(15 17 20 / 0.06)"
       }
     },
     "scopedAliases": {
@@ -9359,7 +9475,11 @@
       },
       "--bh-pagination-icon-size": {
         "type": "alias",
-        "value": "var(--bh-space-4xl-20)"
+        "value": "var(--bh-icon-size-default)"
+      },
+      "--bh-pagination-icon-slot-size": {
+        "type": "alias",
+        "value": "var(--bh-icon-slot-size-default)"
       },
       "--bh-pagination-item-size": {
         "type": "alias",