@htmlbricks/hb-sidebar-desktop 0.76.0 → 0.76.2

package/manifest.json

@@ -9,7 +9,7 @@
           "properties": {
             "languageChange": {
               "additionalProperties": false,
-              "description": "Host updates `i18nlang` on `hb-layout` (or equivalent) and reloads copy.",
+              "description": "Host may update `i18nlang` on `hb-layout` (or equivalent) and reload copy. The sidebar also applies the choice locally (`document.documentElement.lang`, selector state, and host `i18nlang` when the prop was empty). Emitted on mount (effective code) and when the user picks.",
               "properties": {
                 "code": {
                   "type": "string"
@@ -292,7 +292,7 @@
       }
     }
   },
-  "description": "Fixed-width desktop sidebar: optional company logo and title, header/footer slots, optional language menu (i18nlanguages + i18nlang) beside the Bulma theme switch (light / dark / system), and a nav list built from hb-sidenav-link entries with optional JSON groups (Bulma layout, menu labels, light background). Parses navlinks and groups from strings; emits pageChange when a link selects a page, themeChange when the user picks a theme (host applies document hooks such as data-theme on html/body), and languageChange { code } when a language is chosen (host updates i18nlang on hb-layout or equivalent).",
+  "description": "Fixed-width desktop sidebar: optional company logo and title, header/footer slots, optional language menu (i18nlanguages + i18nlang) beside the Bulma theme switch (light / dark / system), and a nav list built from hb-sidenav-link entries with optional JSON groups (Bulma layout, menu labels, light background). Parses navlinks and groups from strings; emits pageChange when a link selects a page, themeChange when the user picks a theme (host applies document hooks such as data-theme on html/body), and languageChange { code } on mount and when a language is chosen. On selection the sidebar updates document.documentElement.lang and its selector immediately (and sets the host i18nlang attribute when the prop was empty); the host may still set i18nlang on hb-layout for shell-wide copy.",
   "storybookArgs": {
     "companylogouri": {
       "control": {
@@ -404,6 +404,30 @@
         "defaultValue": "14rem",
         "description": "Fixed width of the host sidebar column (`:host` flex child in typical shells)."
       },
+      {
+        "name": "--hb-sidebar-toolbar-button-font-size",
+        "valueType": "number",
+        "defaultValue": "max(0.625rem, 0.72em)",
+        "description": "Font size for the theme segment buttons and language trigger (toolbar only). Uses `em` so controls stay compact when `html` uses a large root `font-size`."
+      },
+      {
+        "name": "--hb-sidebar-toolbar-button-min-height",
+        "valueType": "number",
+        "defaultValue": "max(1.45rem, 1.75em)",
+        "description": "Minimum block size for those toolbar buttons."
+      },
+      {
+        "name": "--hb-sidebar-toolbar-icon-size",
+        "valueType": "number",
+        "defaultValue": "max(0.6875rem, 0.85em)",
+        "description": "Bootstrap icon box / glyph size in the toolbar (Bulma’s default small icon uses root `rem`, which can look oversized next to the buttons)."
+      },
+      {
+        "name": "--hb-sidebar-toolbar-lang-min-inline",
+        "valueType": "number",
+        "defaultValue": "max(2.25rem, 2.75em)",
+        "description": "Minimum width of the language trigger button."
+      },
       {
         "name": "--bulma-border",
         "valueType": "color",
@@ -798,7 +822,7 @@
     },
     {
       "name": "sidebarWithLanguages",
-      "description": "Language dropdown (from i18nlanguages) next to the theme switch; emits languageChange with { code }. Host should set i18nlang when a language is picked.",
+      "description": "Language dropdown (from i18nlanguages) next to the theme switch; applies selection locally (document lang, UI) and emits languageChange on mount and on pick. Host may sync i18nlang.",
       "data": {
         "navlinks": [
           {
@@ -847,7 +871,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-IeKBeYrNIYHas3ylqA3pkbBqjDgZx8fdwxYj83hhA1YLEqEl/32eissTAl/ueCSV",
+  "iifeIntegrity": "sha384-sR6BwgXesZ0GskRSgIlfuQcFKszofE+AeOcKXsUeUFo6O2iH7LEaQCG7To9u/FY3",
   "dependencies": [
     {
       "name": "hb-sidenav-link",
@@ -873,5 +897,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-sidebar-desktop",
-  "version": "0.76.0"
+  "version": "0.76.2"
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@htmlbricks/hb-sidebar-desktop",
-  "version": "0.76.0",
+  "version": "0.76.2",
   "contributors": [],
-  "description": "Fixed-width desktop sidebar: optional company logo and title, header/footer slots, optional language menu (i18nlanguages + i18nlang) beside the Bulma theme switch (light / dark / system), and a nav list built from hb-sidenav-link entries with optional JSON groups (Bulma layout, menu labels, light background). Parses navlinks and groups from strings; emits pageChange when a link selects a page, themeChange when the user picks a theme (host applies document hooks such as data-theme on html/body), and languageChange { code } when a language is chosen (host updates i18nlang on hb-layout or equivalent).",
+  "description": "Fixed-width desktop sidebar: optional company logo and title, header/footer slots, optional language menu (i18nlanguages + i18nlang) beside the Bulma theme switch (light / dark / system), and a nav list built from hb-sidenav-link entries with optional JSON groups (Bulma layout, menu labels, light background). Parses navlinks and groups from strings; emits pageChange when a link selects a page, themeChange when the user picks a theme (host applies document hooks such as data-theme on html/body), and languageChange { code } on mount and when a language is chosen. On selection the sidebar updates document.documentElement.lang and its selector immediately (and sets the host i18nlang attribute when the prop was empty); the host may still set i18nlang on hb-layout for shell-wide copy.",
   "licenses": [
     {
       "type": "Apache-2.0",

package/types/webcomponent.type.d.ts

@@ -32,6 +32,6 @@ export type Events = {
   pageChange: { page: string };
   /** Host applies Bulma/document hooks (`data-theme` / `theme-*` on `html`/`body`) or ignores. */
   themeChange: { mode: ThemePreference };
-  /** Host updates `i18nlang` on `hb-layout` (or equivalent) and reloads copy. */
+  /** Host may update `i18nlang` on `hb-layout` (or equivalent) and reload copy. The sidebar also applies the choice locally (`document.documentElement.lang`, selector state, and host `i18nlang` when the prop was empty). Emitted on mount (effective code) and when the user picks. */
   languageChange: { code: string };
 };

package/types/webcomponent_events.type.d.json

@@ -7,7 +7,7 @@
       "properties": {
         "languageChange": {
           "additionalProperties": false,
-          "description": "Host updates `i18nlang` on `hb-layout` (or equivalent) and reloads copy.",
+          "description": "Host may update `i18nlang` on `hb-layout` (or equivalent) and reload copy. The sidebar also applies the choice locally (`document.documentElement.lang`, selector state, and host `i18nlang` when the prop was empty). Emitted on mount (effective code) and when the user picks.",
           "properties": {
             "code": {
               "type": "string"