@uplynk/lynk-design 1.11.1 → 1.11.3

package/cdn/components/truncate/truncate.js

@@ -1,11 +1,11 @@
 import {
   truncate_default
-} from "../../chunks/chunk.4RUQQ5HP.js";
-import "../../chunks/chunk.PXG4VPTV.js";
+} from "../../chunks/chunk.AJK52IHA.js";
+import "../../chunks/chunk.5GSXGFWD.js";
 import "../../chunks/chunk.46M22A57.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.PIQ7PU74.js";
+import "../../chunks/chunk.OZC3U74R.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/components/visually-hidden/visually-hidden.component.js

@@ -1,8 +1,8 @@
 import {
   LynkVisuallyHidden
-} from "../../chunks/chunk.VEZ5DAI3.js";
+} from "../../chunks/chunk.P3TMTEKG.js";
 import "../../chunks/chunk.QWI3BPEG.js";
-import "../../chunks/chunk.PIQ7PU74.js";
+import "../../chunks/chunk.OZC3U74R.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/components/visually-hidden/visually-hidden.js

@@ -1,9 +1,9 @@
 import {
   visually_hidden_default
-} from "../../chunks/chunk.AFCSDAB3.js";
-import "../../chunks/chunk.VEZ5DAI3.js";
+} from "../../chunks/chunk.HA344TB4.js";
+import "../../chunks/chunk.P3TMTEKG.js";
 import "../../chunks/chunk.QWI3BPEG.js";
-import "../../chunks/chunk.PIQ7PU74.js";
+import "../../chunks/chunk.OZC3U74R.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/components/wisp/wisp.component.js

@@ -1,10 +1,10 @@
 import {
   LynkWisp
-} from "../../chunks/chunk.JXSIANTO.js";
+} from "../../chunks/chunk.JD7LPC5W.js";
 import "../../chunks/chunk.EA4MTWML.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.PIQ7PU74.js";
+import "../../chunks/chunk.OZC3U74R.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/components/wisp/wisp.js

@@ -1,11 +1,11 @@
 import {
   wisp_default
-} from "../../chunks/chunk.YIX2GO7Q.js";
-import "../../chunks/chunk.JXSIANTO.js";
+} from "../../chunks/chunk.JLH7NB5P.js";
+import "../../chunks/chunk.JD7LPC5W.js";
 import "../../chunks/chunk.EA4MTWML.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.PIQ7PU74.js";
+import "../../chunks/chunk.OZC3U74R.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/custom-elements.json

@@ -124,127 +124,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/auto-grid/auto-grid.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "LynkAutoGrid",
-          "cssProperties": [
-            {
-              "description": "Customize the gap of the auto-grid group.",
-              "name": "--gap",
-              "default": "var(--lynk-spacing-base)"
-            },
-            {
-              "description": "Customize the allowed min-size of the auto-grid items.",
-              "name": "--min-size",
-              "default": "20rem"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's internal wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "autoSize",
-              "type": {
-                "text": "'fit' | 'fill'"
-              },
-              "default": "'fit'",
-              "description": "How to justify auto-grid items",
-              "attribute": "auto-size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "minSize",
-              "type": {
-                "text": "string"
-              },
-              "default": "'20rem'",
-              "description": "How to align auto-grid items to each-other",
-              "attribute": "min-size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "gap",
-              "type": {
-                "text": "string"
-              },
-              "default": "'var(--lynk-spacing-base)'",
-              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
-              "attribute": "gap",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "auto-size",
-              "type": {
-                "text": "'fit' | 'fill'"
-              },
-              "default": "'fit'",
-              "description": "How to justify auto-grid items",
-              "fieldName": "autoSize"
-            },
-            {
-              "name": "min-size",
-              "type": {
-                "text": "string"
-              },
-              "default": "'20rem'",
-              "description": "How to align auto-grid items to each-other",
-              "fieldName": "minSize"
-            },
-            {
-              "name": "gap",
-              "type": {
-                "text": "string"
-              },
-              "default": "'var(--lynk-spacing-base)'",
-              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
-              "fieldName": "gap"
-            }
-          ],
-          "superclass": {
-            "name": "LynkElement",
-            "module": "/src/internal/lynk-element.js"
-          },
-          "summary": "A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.",
-          "tagNameWithoutPrefix": "auto-grid",
-          "tagName": "lynk-auto-grid",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.\n * @documentation https://lynk.design/components/auto-grid\n * @since 1.0\n * @status stable\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's internal wrapper.\n *\n * @cssproperty [--gap=var(--lynk-spacing-base)] - Customize the gap of the auto-grid group.\n * @cssproperty [--min-size=20rem] - Customize the allowed min-size of the auto-grid items.\n */",
-          "documentation": "https://lynk.design/components/auto-grid",
-          "since": "1.0",
-          "status": "stable"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "LynkAutoGrid",
-            "module": "components/auto-grid/auto-grid.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -926,6 +805,127 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/auto-grid/auto-grid.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LynkAutoGrid",
+          "cssProperties": [
+            {
+              "description": "Customize the gap of the auto-grid group.",
+              "name": "--gap",
+              "default": "var(--lynk-spacing-base)"
+            },
+            {
+              "description": "Customize the allowed min-size of the auto-grid items.",
+              "name": "--min-size",
+              "default": "20rem"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's internal wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "autoSize",
+              "type": {
+                "text": "'fit' | 'fill'"
+              },
+              "default": "'fit'",
+              "description": "How to justify auto-grid items",
+              "attribute": "auto-size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minSize",
+              "type": {
+                "text": "string"
+              },
+              "default": "'20rem'",
+              "description": "How to align auto-grid items to each-other",
+              "attribute": "min-size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "gap",
+              "type": {
+                "text": "string"
+              },
+              "default": "'var(--lynk-spacing-base)'",
+              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
+              "attribute": "gap",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "auto-size",
+              "type": {
+                "text": "'fit' | 'fill'"
+              },
+              "default": "'fit'",
+              "description": "How to justify auto-grid items",
+              "fieldName": "autoSize"
+            },
+            {
+              "name": "min-size",
+              "type": {
+                "text": "string"
+              },
+              "default": "'20rem'",
+              "description": "How to align auto-grid items to each-other",
+              "fieldName": "minSize"
+            },
+            {
+              "name": "gap",
+              "type": {
+                "text": "string"
+              },
+              "default": "'var(--lynk-spacing-base)'",
+              "description": "The space between auto-grid items. Use spacing tokens or any custom size.",
+              "fieldName": "gap"
+            }
+          ],
+          "superclass": {
+            "name": "LynkElement",
+            "module": "/src/internal/lynk-element.js"
+          },
+          "summary": "A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.",
+          "tagNameWithoutPrefix": "auto-grid",
+          "tagName": "lynk-auto-grid",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.\n * @documentation https://lynk.design/components/auto-grid\n * @since 1.0\n * @status stable\n *\n * @slot - The default slot.\n *\n * @csspart base - The component's internal wrapper.\n *\n * @cssproperty [--gap=var(--lynk-spacing-base)] - Customize the gap of the auto-grid group.\n * @cssproperty [--min-size=20rem] - Customize the allowed min-size of the auto-grid items.\n */",
+          "documentation": "https://lynk.design/components/auto-grid",
+          "since": "1.0",
+          "status": "stable"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "LynkAutoGrid",
+            "module": "components/auto-grid/auto-grid.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/avatar/avatar.js",
@@ -7506,6 +7506,19 @@
               "name": "handleDateChange",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "handleDateInputClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "handleKeyDown",
@@ -8276,6 +8289,32 @@
               "name": "handleTimeChange",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "handleDateInputClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleTimeInputClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "handleKeyDown",
@@ -27513,6 +27552,10 @@
               "description": "Applied when the tree item is disabled.",
               "name": "item--disabled"
             },
+            {
+              "description": "Applied when the tree item is readonly.",
+              "name": "item--readonly"
+            },
             {
               "description": "Applied when the tree item is expanded.",
               "name": "item--expanded"
@@ -27691,6 +27734,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the tree item readonly. The item cannot be selected but can still be expanded/collapsed.",
+              "attribute": "readonly",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "lazy",
@@ -27886,6 +27940,15 @@
               "description": "Disables the tree item.",
               "fieldName": "disabled"
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the tree item readonly. The item cannot be selected but can still be expanded/collapsed.",
+              "fieldName": "readonly"
+            },
             {
               "name": "lazy",
               "type": {
@@ -27904,7 +27967,7 @@
           "tagNameWithoutPrefix": "tree-item",
           "tagName": "lynk-tree-item",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n * @documentation https://lynk.design/components/tree-item\n * @status stable\n * @since 1.11\n *\n * @dependency lynk-checkbox\n * @dependency lynk-icon\n * @dependency lynk-spinner\n *\n * @event ev-expand - Emitted when the tree item expands.\n * @event ev-after-expand - Emitted after the tree item expands and all animations are complete.\n * @event ev-collapse - Emitted when the tree item collapses.\n * @event ev-after-collapse - Emitted after the tree item collapses and all animations are complete.\n * @event ev-lazy-change - Emitted when the tree item's lazy state changes.\n * @event ev-lazy-load - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\n *  items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\n *  state and update the tree.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded.\n * @slot collapse-icon - The icon to show when the tree item is collapsed.\n *\n * @csspart base - The component's base wrapper.\n * @csspart item - The tree item's container. This element wraps everything except slotted tree item children.\n * @csspart item--disabled - Applied when the tree item is disabled.\n * @csspart item--expanded - Applied when the tree item is expanded.\n * @csspart item--indeterminate - Applied when the selection is indeterminate.\n * @csspart item--selected - Applied when the tree item is selected.\n * @csspart indentation - The tree item's indentation container.\n * @csspart expand-button - The container that wraps the tree item's expand button and spinner.\n * @csspart spinner - The spinner that shows when a lazy tree item is in the loading state.\n * @csspart spinner__base - The spinner's base part.\n * @csspart label - The tree item's label.\n * @csspart children - The container that wraps the tree item's nested children.\n * @csspart checkbox - The checkbox that shows when using multiselect.\n * @csspart checkbox__base - The checkbox's exported `base` part.\n * @csspart checkbox__control - The checkbox's exported `control` part.\n * @csspart checkbox__control--checked - The checkbox's exported `control--checked` part.\n * @csspart checkbox__control--indeterminate - The checkbox's exported `control--indeterminate` part.\n * @csspart checkbox__checked-icon - The checkbox's exported `checked-icon` part.\n * @csspart checkbox__indeterminate-icon - The checkbox's exported `indeterminate-icon` part.\n * @csspart checkbox__label - The checkbox's exported `label` part.\n */",
+          "jsDoc": "/**\n * @summary A tree item serves as a hierarchical node that lives inside a [tree](/components/tree).\n * @documentation https://lynk.design/components/tree-item\n * @status stable\n * @since 1.11\n *\n * @dependency lynk-checkbox\n * @dependency lynk-icon\n * @dependency lynk-spinner\n *\n * @event ev-expand - Emitted when the tree item expands.\n * @event ev-after-expand - Emitted after the tree item expands and all animations are complete.\n * @event ev-collapse - Emitted when the tree item collapses.\n * @event ev-after-collapse - Emitted after the tree item collapses and all animations are complete.\n * @event ev-lazy-change - Emitted when the tree item's lazy state changes.\n * @event ev-lazy-load - Emitted when a lazy item is selected. Use this event to asynchronously load data and append\n *  items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading\n *  state and update the tree.\n *\n * @slot - The default slot.\n * @slot expand-icon - The icon to show when the tree item is expanded.\n * @slot collapse-icon - The icon to show when the tree item is collapsed.\n *\n * @csspart base - The component's base wrapper.\n * @csspart item - The tree item's container. This element wraps everything except slotted tree item children.\n * @csspart item--disabled - Applied when the tree item is disabled.\n * @csspart item--readonly - Applied when the tree item is readonly.\n * @csspart item--expanded - Applied when the tree item is expanded.\n * @csspart item--indeterminate - Applied when the selection is indeterminate.\n * @csspart item--selected - Applied when the tree item is selected.\n * @csspart indentation - The tree item's indentation container.\n * @csspart expand-button - The container that wraps the tree item's expand button and spinner.\n * @csspart spinner - The spinner that shows when a lazy tree item is in the loading state.\n * @csspart spinner__base - The spinner's base part.\n * @csspart label - The tree item's label.\n * @csspart children - The container that wraps the tree item's nested children.\n * @csspart checkbox - The checkbox that shows when using multiselect.\n * @csspart checkbox__base - The checkbox's exported `base` part.\n * @csspart checkbox__control - The checkbox's exported `control` part.\n * @csspart checkbox__control--checked - The checkbox's exported `control--checked` part.\n * @csspart checkbox__control--indeterminate - The checkbox's exported `control--indeterminate` part.\n * @csspart checkbox__checked-icon - The checkbox's exported `checked-icon` part.\n * @csspart checkbox__indeterminate-icon - The checkbox's exported `indeterminate-icon` part.\n * @csspart checkbox__label - The checkbox's exported `label` part.\n */",
           "documentation": "https://lynk.design/components/tree-item",
           "status": "stable",
           "since": "1.11",
@@ -28297,7 +28360,7 @@
   "package": {
     "name": "@uplynk/lynk-design",
     "description": "A library of web components for building web applications with the Uplynk user interface style guide.",
-    "version": "1.11.1",
+    "version": "1.11.3",
     "author": "Harley Jessop",
     "homepage": "https://lynk.design/",
     "license": "SEE LICENSE IN .LICENSE"