@universal-material/web 3.6.5 → 3.6.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universal-material/web",
-  "version": "3.6.5",
+  "version": "3.6.6",
   "description": "Material web components",
   "type": "module",
   "keywords": [

package/tab-bar/tab.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.styles.d.ts","sourceRoot":"","sources":["../../src/tab-bar/tab.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqDlB,CAAC"}
+{"version":3,"file":"tab.styles.d.ts","sourceRoot":"","sources":["../../src/tab-bar/tab.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyDlB,CAAC"}

package/tab-bar/tab.styles.js

@@ -1,10 +1,14 @@
 import { css } from 'lit';
 export const styles = css `
+  :host {
+    flex: 0.5;
+  }
+
   .container {
     --u-focus-ring-outline-offset: -4px;
     --_tab-height: var(--u-tab-height, 48px);
     display: block;
-    flex: 0.5;
+    height: 100%;
     padding-inline: var(--u-tab-padding, 16px);
   }
 

package/tab-bar/tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.styles.js","sourceRoot":"","sources":["../../src/tab-bar/tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  .container {\n    --u-focus-ring-outline-offset: -4px;\n    --_tab-height: var(--u-tab-height, 48px);\n    display: block;\n    flex: 0.5;\n    padding-inline: var(--u-tab-padding, 16px);\n  }\n\n  .tab-content {\n    display: flex;\n    flex-direction: var(--_tab-content-direction, column);\n    align-items: center;\n    justify-content: center;\n    max-width: 100%;\n    height: var(--_tab-height);\n    gap: var(--_tab-content-gap, 0);\n  }\n\n  .has-icon {\n    --_tab-height: var(--u-tab-with-icon-height, 64px);\n  }\n\n  .force-focus-ring .button,\n  .button:focus-visible {\n    border-radius: var(--u-spacing-small, 8px);\n  }\n\n  .label {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-tab-label-line-height, var(--u-title-s-line-height, 1.25rem));\n    font-size: var(--u-tab-label-font-size, var(--u-title-s-font-size, 0.875rem));\n    letter-spacing: var(--u-tab-label-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-tab-label-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n    color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    max-width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .active .icon,\n  .active .label {\n    color: var(--_active-label-color);\n  }\n`;\n"]}
+{"version":3,"file":"tab.styles.js","sourceRoot":"","sources":["../../src/tab-bar/tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    flex: 0.5;\n  }\n\n  .container {\n    --u-focus-ring-outline-offset: -4px;\n    --_tab-height: var(--u-tab-height, 48px);\n    display: block;\n    height: 100%;\n    padding-inline: var(--u-tab-padding, 16px);\n  }\n\n  .tab-content {\n    display: flex;\n    flex-direction: var(--_tab-content-direction, column);\n    align-items: center;\n    justify-content: center;\n    max-width: 100%;\n    height: var(--_tab-height);\n    gap: var(--_tab-content-gap, 0);\n  }\n\n  .has-icon {\n    --_tab-height: var(--u-tab-with-icon-height, 64px);\n  }\n\n  .force-focus-ring .button,\n  .button:focus-visible {\n    border-radius: var(--u-spacing-small, 8px);\n  }\n\n  .label {\n    font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n    line-height: var(--u-tab-label-line-height, var(--u-title-s-line-height, 1.25rem));\n    font-size: var(--u-tab-label-font-size, var(--u-title-s-font-size, 0.875rem));\n    letter-spacing: var(--u-tab-label-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n    font-weight: var(--u-tab-label-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n    color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    max-width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    color: var(--u-tab-label-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n  }\n\n  .active .icon,\n  .active .label {\n    color: var(--_active-label-color);\n  }\n`;\n"]}

package/vscode.html-custom-data.json

@@ -52,6 +52,17 @@
       ],
       "references": []
     },
+    {
+      "name": "u-badge",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "static",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "u-button-field",
       "description": "\n---\n",
@@ -130,6 +141,44 @@
       ],
       "references": []
     },
+    {
+      "name": "u-calendar",
+      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
+      "attributes": [
+        {
+          "name": "value",
+          "values": []
+        },
+        {
+          "name": "dateOutsideMonth",
+          "values": []
+        },
+        {
+          "name": "locale",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-range-calendar",
+      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
+      "attributes": [
+        {
+          "name": "value",
+          "values": []
+        },
+        {
+          "name": "dateOutsideMonth",
+          "values": []
+        },
+        {
+          "name": "locale",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "u-button-set",
       "description": "\n---\n",
@@ -572,55 +621,6 @@
       ],
       "references": []
     },
-    {
-      "name": "u-badge",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "static",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-calendar",
-      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
-      "attributes": [
-        {
-          "name": "value",
-          "values": []
-        },
-        {
-          "name": "dateOutsideMonth",
-          "values": []
-        },
-        {
-          "name": "locale",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-range-calendar",
-      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
-      "attributes": [
-        {
-          "name": "value",
-          "values": []
-        },
-        {
-          "name": "dateOutsideMonth",
-          "values": []
-        },
-        {
-          "name": "locale",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "u-card-content",
       "description": "\n---\n",
@@ -920,12 +920,6 @@
       "attributes": [],
       "references": []
     },
-    {
-      "name": "u-icon",
-      "description": "\n---\n",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "u-field",
       "description": "\n---\n",
@@ -1000,6 +994,12 @@
       ],
       "references": []
     },
+    {
+      "name": "u-icon",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "u-list-item",
       "description": "\n---\n",
@@ -1017,6 +1017,27 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "u-overflow-menu-item",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "label",
+          "values": []
+        },
+        {
+          "name": "priority",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-overflow-menu",
+      "description": "\n---\n",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "u-menu-item",
       "description": "\n---\n",
@@ -1194,24 +1215,45 @@
       "references": []
     },
     {
-      "name": "u-overflow-menu-item",
+      "name": "u-ripple",
       "description": "\n---\n",
       "attributes": [
         {
-          "name": "label",
+          "name": "disabled",
+          "description": "Disables the ripple.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "u-circular-progress",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "value",
           "values": []
         },
         {
-          "name": "priority",
+          "name": "max",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-overflow-menu",
+      "name": "u-progress-bar",
       "description": "\n---\n",
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "value",
+          "values": []
+        },
+        {
+          "name": "max",
+          "values": []
+        }
+      ],
       "references": []
     },
     {
@@ -1275,7 +1317,7 @@
       "references": []
     },
     {
-      "name": "u-circular-progress",
+      "name": "u-option",
       "description": "\n---\n",
       "attributes": [
         {
@@ -1283,80 +1325,54 @@
           "values": []
         },
         {
-          "name": "max",
+          "name": "selected",
           "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-progress-bar",
-      "description": "\n---\n",
-      "attributes": [
+        },
         {
-          "name": "value",
+          "name": "active",
           "values": []
         },
         {
-          "name": "max",
+          "name": "has-badge",
           "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-ripple",
-      "description": "\n---\n",
-      "attributes": [
+        },
         {
           "name": "disabled",
-          "description": "Disables the ripple.",
+          "description": "Whether the button is disabled or not.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "The URL that the link button points to.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+          "values": []
+        },
+        {
+          "name": "name",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "u-search",
+      "name": "u-select",
       "description": "\n---\n",
       "attributes": [
         {
-          "name": "position",
-          "values": [
-            {
-              "name": "fixed"
-            },
-            {
-              "name": "absolute"
-            },
-            {
-              "name": "static"
-            }
-          ]
-        },
-        {
-          "name": "value",
-          "values": []
-        },
-        {
-          "name": "autocomplete",
+          "name": "menu-positioning",
           "values": [
             {
-              "name": "on"
+              "name": "relative"
             },
             {
-              "name": "off"
+              "name": "fixed"
             }
           ]
         },
-        {
-          "name": "maxlength",
-          "values": []
-        },
-        {
-          "name": "role",
-          "values": []
-        },
         {
           "name": "placeholder",
           "values": []
@@ -1428,62 +1444,46 @@
       "references": []
     },
     {
-      "name": "u-option",
+      "name": "u-search",
       "description": "\n---\n",
       "attributes": [
         {
-          "name": "value",
-          "values": []
-        },
-        {
-          "name": "selected",
-          "values": []
-        },
-        {
-          "name": "active",
-          "values": []
-        },
-        {
-          "name": "has-badge",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the button is disabled or not.",
-          "values": []
-        },
-        {
-          "name": "href",
-          "description": "The URL that the link button points to.",
-          "values": []
+          "name": "position",
+          "values": [
+            {
+              "name": "fixed"
+            },
+            {
+              "name": "absolute"
+            },
+            {
+              "name": "static"
+            }
+          ]
         },
         {
-          "name": "target",
-          "description": "Where to display the linked `href` URL for a link button. Common options\ninclude `_blank` to open in a new tab.",
+          "name": "value",
           "values": []
         },
         {
-          "name": "name",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "u-select",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "menu-positioning",
+          "name": "autocomplete",
           "values": [
             {
-              "name": "relative"
+              "name": "on"
             },
             {
-              "name": "fixed"
+              "name": "off"
             }
           ]
         },
+        {
+          "name": "maxlength",
+          "values": []
+        },
+        {
+          "name": "role",
+          "values": []
+        },
         {
           "name": "placeholder",
           "values": []