@uplynk/lynk-design 1.11.3 → 1.12.1

package/cdn/react/tooltip/index.js

@@ -1,19 +1,19 @@
 import {
   tooltip_default
-} from "../../chunks/chunk.4IDSB4PB.js";
-import "../../chunks/chunk.4S4VH6LU.js";
+} from "../../chunks/chunk.KZLYGOSE.js";
+import "../../chunks/chunk.LWWRQCOA.js";
 import "../../chunks/chunk.S5TDKPJX.js";
-import "../../chunks/chunk.KBRBEOAH.js";
+import "../../chunks/chunk.JCE7Q7O2.js";
 import "../../chunks/chunk.5XYS2K3T.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.ONECFZZX.js";
 import "../../chunks/chunk.JSLXCIMZ.js";
 import "../../chunks/chunk.VS2OBD6I.js";
 import "../../chunks/chunk.FYVOT65L.js";
+import "../../chunks/chunk.RB5L7E7Z.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.RB5L7E7Z.js";
-import "../../chunks/chunk.OZC3U74R.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/tr/index.js

@@ -1,9 +1,9 @@
 import {
   tr_default
-} from "../../chunks/chunk.V6ZGRX2Q.js";
-import "../../chunks/chunk.E54C74VJ.js";
+} from "../../chunks/chunk.FY6VINZI.js";
+import "../../chunks/chunk.I3CWUF5Z.js";
 import "../../chunks/chunk.UQZ57WWL.js";
-import "../../chunks/chunk.OZC3U74R.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/tree/index.js

@@ -1,24 +1,24 @@
 import {
   tree_default
-} from "../../chunks/chunk.ICXR5N4J.js";
-import "../../chunks/chunk.S2WW5JMH.js";
+} from "../../chunks/chunk.OZA3KKA5.js";
+import "../../chunks/chunk.52YZNKPH.js";
 import "../../chunks/chunk.RUOAOQIU.js";
-import "../../chunks/chunk.FUYNCNGW.js";
+import "../../chunks/chunk.FLMX4ALX.js";
 import "../../chunks/chunk.3E4VGRJI.js";
 import "../../chunks/chunk.HF7GESMZ.js";
-import "../../chunks/chunk.3NIKFQUD.js";
+import "../../chunks/chunk.ILQP2WBI.js";
 import "../../chunks/chunk.74H6X2VH.js";
 import "../../chunks/chunk.UDBTSFT6.js";
 import "../../chunks/chunk.74D2ZUAN.js";
 import "../../chunks/chunk.G4EGOHGJ.js";
-import "../../chunks/chunk.VS4RHZSK.js";
+import "../../chunks/chunk.MGNYBA52.js";
 import "../../chunks/chunk.52NG72GJ.js";
 import "../../chunks/chunk.2LNQMRJE.js";
 import "../../chunks/chunk.ONECFZZX.js";
 import "../../chunks/chunk.JSLXCIMZ.js";
 import "../../chunks/chunk.VS2OBD6I.js";
 import "../../chunks/chunk.FYVOT65L.js";
-import "../../chunks/chunk.IWR5L5US.js";
+import "../../chunks/chunk.3Q5FSH4E.js";
 import "../../chunks/chunk.ZGZZZ6WN.js";
 import "../../chunks/chunk.76AUAX6M.js";
 import "../../chunks/chunk.MBGTEG7M.js";
@@ -26,11 +26,11 @@ import "../../chunks/chunk.325EGD4Y.js";
 import "../../chunks/chunk.ZTDXF4HQ.js";
 import "../../chunks/chunk.XQGSWNOO.js";
 import "../../chunks/chunk.OW5NIGGX.js";
+import "../../chunks/chunk.RB5L7E7Z.js";
 import "../../chunks/chunk.YOMDZYX5.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.RB5L7E7Z.js";
-import "../../chunks/chunk.OZC3U74R.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/tree-item/index.js

@@ -1,21 +1,21 @@
 import {
   tree_item_default
-} from "../../chunks/chunk.M3UNDBHF.js";
-import "../../chunks/chunk.FUYNCNGW.js";
+} from "../../chunks/chunk.JAVSD6LT.js";
+import "../../chunks/chunk.FLMX4ALX.js";
 import "../../chunks/chunk.3E4VGRJI.js";
-import "../../chunks/chunk.3NIKFQUD.js";
+import "../../chunks/chunk.ILQP2WBI.js";
 import "../../chunks/chunk.74H6X2VH.js";
 import "../../chunks/chunk.UDBTSFT6.js";
 import "../../chunks/chunk.74D2ZUAN.js";
 import "../../chunks/chunk.G4EGOHGJ.js";
-import "../../chunks/chunk.VS4RHZSK.js";
+import "../../chunks/chunk.MGNYBA52.js";
 import "../../chunks/chunk.52NG72GJ.js";
 import "../../chunks/chunk.2LNQMRJE.js";
 import "../../chunks/chunk.ONECFZZX.js";
 import "../../chunks/chunk.JSLXCIMZ.js";
 import "../../chunks/chunk.VS2OBD6I.js";
 import "../../chunks/chunk.FYVOT65L.js";
-import "../../chunks/chunk.IWR5L5US.js";
+import "../../chunks/chunk.3Q5FSH4E.js";
 import "../../chunks/chunk.ZGZZZ6WN.js";
 import "../../chunks/chunk.76AUAX6M.js";
 import "../../chunks/chunk.MBGTEG7M.js";
@@ -23,11 +23,11 @@ import "../../chunks/chunk.325EGD4Y.js";
 import "../../chunks/chunk.ZTDXF4HQ.js";
 import "../../chunks/chunk.XQGSWNOO.js";
 import "../../chunks/chunk.OW5NIGGX.js";
+import "../../chunks/chunk.RB5L7E7Z.js";
 import "../../chunks/chunk.YOMDZYX5.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.RB5L7E7Z.js";
-import "../../chunks/chunk.OZC3U74R.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/truncate/index.js

@@ -1,11 +1,11 @@
 import {
   truncate_default
-} from "../../chunks/chunk.2F2PNR7Y.js";
-import "../../chunks/chunk.5GSXGFWD.js";
+} from "../../chunks/chunk.EJ5OBUKG.js";
+import "../../chunks/chunk.S7UBIJ7O.js";
 import "../../chunks/chunk.46M22A57.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.OZC3U74R.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/visually-hidden/index.js

@@ -1,9 +1,9 @@
 import {
   visually_hidden_default
-} from "../../chunks/chunk.KV3UDLSL.js";
-import "../../chunks/chunk.P3TMTEKG.js";
+} from "../../chunks/chunk.R4QWUOMR.js";
+import "../../chunks/chunk.L4EJYGHK.js";
 import "../../chunks/chunk.QWI3BPEG.js";
-import "../../chunks/chunk.OZC3U74R.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/react/wisp/index.js

@@ -1,11 +1,11 @@
 import {
   wisp_default
-} from "../../chunks/chunk.FWBDYLZN.js";
-import "../../chunks/chunk.JD7LPC5W.js";
+} from "../../chunks/chunk.HVKKK6DS.js";
+import "../../chunks/chunk.RAP3WKFB.js";
 import "../../chunks/chunk.EA4MTWML.js";
 import "../../chunks/chunk.BB43Q4ZV.js";
 import "../../chunks/chunk.VXKMS4DN.js";
-import "../../chunks/chunk.OZC3U74R.js";
+import "../../chunks/chunk.RWJTJO4F.js";
 import "../../chunks/chunk.ADWNFIQR.js";
 import "../../chunks/chunk.BW3AXSF6.js";
 import "../../chunks/chunk.QIOX6AG5.js";

package/cdn/types/vue/index.d.ts

@@ -2,11 +2,11 @@ import type { DefineComponent } from "vue";
 
 import type { LynkAccordion } from "../../components/accordion/accordion.component.js";
 import type { LynkAlert } from "../../components/alert/alert.component.js";
-import type { LynkAnimation } from "../../components/animation/animation.component.js";
 import type { LynkAutoGrid } from "../../components/auto-grid/auto-grid.component.js";
+import type { LynkAnimation } from "../../components/animation/animation.component.js";
 import type { LynkAvatar } from "../../components/avatar/avatar.component.js";
-import type { LynkBadge } from "../../components/badge/badge.component.js";
 import type { LynkBox } from "../../components/box/box.component.js";
+import type { LynkBadge } from "../../components/badge/badge.component.js";
 import type { LynkBreadcrumb } from "../../components/breadcrumb/breadcrumb.component.js";
 import type { LynkBreadcrumbItem } from "../../components/breadcrumb-item/breadcrumb-item.component.js";
 import type { LynkButton } from "../../components/button/button.component.js";
@@ -127,6 +127,15 @@ Typically used to indicate the remaining time before a whole app refresh. */
   "onev-after-hide"?: (e: CustomEvent<never>) => void;
 };
 
+type LynkAutoGridProps = {
+  /** How to justify auto-grid items */
+  "auto-size"?: LynkAutoGrid["autoSize"];
+  /** How to align auto-grid items to each-other */
+  "min-size"?: LynkAutoGrid["minSize"];
+  /** The space between auto-grid items. Use spacing tokens or any custom size. */
+  gap?: LynkAutoGrid["gap"];
+};
+
 type LynkAnimationProps = {
   /** The name of the built-in animation to use. For custom animations, use the `keyframes` prop. */
   name?: LynkAnimation["name"];
@@ -168,15 +177,6 @@ value can be changed without causing the animation to restart. */
   "onev-start"?: (e: CustomEvent<never>) => void;
 };
 
-type LynkAutoGridProps = {
-  /** How to justify auto-grid items */
-  "auto-size"?: LynkAutoGrid["autoSize"];
-  /** How to align auto-grid items to each-other */
-  "min-size"?: LynkAutoGrid["minSize"];
-  /** The space between auto-grid items. Use spacing tokens or any custom size. */
-  gap?: LynkAutoGrid["gap"];
-};
-
 type LynkAvatarProps = {
   /** The image source to use for the avatar. */
   image?: LynkAvatar["image"];
@@ -193,6 +193,8 @@ type LynkAvatarProps = {
   "onev-error"?: (e: CustomEvent<never>) => void;
 };
 
+type LynkBoxProps = {};
+
 type LynkBadgeProps = {
   /** The badge's variant. */
   type?: LynkBadge["type"];
@@ -202,8 +204,6 @@ type LynkBadgeProps = {
   pulse?: LynkBadge["pulse"];
 };
 
-type LynkBoxProps = {};
-
 type LynkBreadcrumbProps = {
   /** The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by
 screen readers and other assistive devices to provide more context for users. */
@@ -692,6 +692,9 @@ type LynkDatePickerProps = {
   min?: LynkDatePicker["min"];
   /** The maximum date in ISO format (YYYY-MM-DD). */
   max?: LynkDatePicker["max"];
+  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
+  hoist?: LynkDatePicker["hoist"];
   /** Adds a clear button when the input is populated. */
   clearable?: LynkDatePicker["clearable"];
   /**  */
@@ -767,6 +770,12 @@ inside of the viewport. */
   "inline-pickers"?: LynkDateTimePicker["inlinePickers"];
   /** Adds a clear button when the input is populated. */
   clearable?: LynkDateTimePicker["clearable"];
+  /** Controls how incoming values with timezone information are normalized.
+- `'none'` (default): Values are passed through as-is with only basic format normalization (e.g. SQL datetime to ISO).
+- `'local'`: Values with timezone indicators (Z, +HH:MM, -HH:MM) and Unix timestamps are converted to local time
+  with the local timezone offset. This is useful when receiving UTC timestamps from APIs and wanting to display
+  them in the user's local time. */
+  normalize?: LynkDateTimePicker["normalizeMode"];
   /**  */
   dropdown?: LynkDateTimePicker["dropdown"];
   /**  */
@@ -1227,6 +1236,8 @@ type LynkMenuItemProps = {
   checked?: LynkMenuItem["checked"];
   /** A unique value to store in the menu item. This can be used as a way to identify menu items when selected. */
   value?: LynkMenuItem["value"];
+  /** Draws the menu item in a loading state. */
+  loading?: LynkMenuItem["loading"];
   /** Draws the menu item in a disabled state. */
   disabled?: LynkMenuItem["disabled"];
   /**  */
@@ -2267,6 +2278,9 @@ type LynkTimePickerProps = {
   format?: LynkTimePicker["format"];
   /** Minute interval/step (e.g., 5 for 5-minute increments: 0, 5, 10, 15...) */
   "minute-interval"?: LynkTimePicker["minuteInterval"];
+  /** Enable this option to prevent the panel from being clipped when the component is placed inside a container with
+`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios. */
+  hoist?: LynkTimePicker["hoist"];
   /** Adds a clear button when the input is populated. */
   clearable?: LynkTimePicker["clearable"];
   /**  */
@@ -2470,6 +2484,23 @@ export type CustomElements = {
    */
   "lynk-alert": DefineComponent<LynkAlertProps>;
 
+  /**
+   * A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The default slot.
+   *
+   * ### **CSS Properties:**
+   *  - **--gap** - Customize the gap of the auto-grid group. _(default: var(--lynk-spacing-base))_
+   * - **--min-size** - Customize the allowed min-size of the auto-grid items. _(default: 20rem)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's internal wrapper.
+   */
+  "lynk-auto-grid": DefineComponent<LynkAutoGridProps>;
+
   /**
    * Animate elements declaratively with nearly 100 baked-in presets, or roll your own with custom keyframes. Powered by the [Web Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API).
    * ---
@@ -2489,23 +2520,6 @@ export type CustomElements = {
    */
   "lynk-animation": DefineComponent<LynkAnimationProps>;
 
-  /**
-   * A simple automatic two-dimensional grid-based layout system based off CSS Grid spec.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The default slot.
-   *
-   * ### **CSS Properties:**
-   *  - **--gap** - Customize the gap of the auto-grid group. _(default: var(--lynk-spacing-base))_
-   * - **--min-size** - Customize the allowed min-size of the auto-grid items. _(default: 20rem)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's internal wrapper.
-   */
-  "lynk-auto-grid": DefineComponent<LynkAutoGridProps>;
-
   /**
    * Avatars are used to represent a person or object.
    * ---
@@ -2527,24 +2541,6 @@ export type CustomElements = {
    */
   "lynk-avatar": DefineComponent<LynkAvatarProps>;
 
-  /**
-   * Badges are used to draw attention and display statuses or counts.
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - The badge's content.
-   *
-   * ### **CSS Properties:**
-   *  - **--background-color** - The badges background and pulse color. _(default: undefined)_
-   * - **--color** - The badges text color. _(default: undefined)_
-   * - **--pulse-speed** - The badges pulse speed in seconds or ms. Default is 1.5s. _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **base** - The component's internal wrapper.
-   */
-  "lynk-badge": DefineComponent<LynkBadgeProps>;
-
   /**
    *
    * ---
@@ -2570,6 +2566,24 @@ export type CustomElements = {
    */
   "lynk-box": DefineComponent<LynkBoxProps>;
 
+  /**
+   * Badges are used to draw attention and display statuses or counts.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - The badge's content.
+   *
+   * ### **CSS Properties:**
+   *  - **--background-color** - The badges background and pulse color. _(default: undefined)_
+   * - **--color** - The badges text color. _(default: undefined)_
+   * - **--pulse-speed** - The badges pulse speed in seconds or ms. Default is 1.5s. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **base** - The component's internal wrapper.
+   */
+  "lynk-badge": DefineComponent<LynkBadgeProps>;
+
   /**
    * Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.
    * ---
@@ -3159,7 +3173,8 @@ export type CustomElements = {
    * - **trigger** - The dropdown's trigger, usually a `<lynk-button>` element.
    *
    * ### **CSS Parts:**
-   *  - **base** - The component's internal wrapper.
+   *  - **base** - The component's base wrapper, an `<sl-popup>` element.
+   * - **base__popup** - The popup's exported `popup` part. Use this to target the tooltip's popup container.
    * - **trigger** - The container that wraps the trigger.
    * - **panel** - The panel that gets shown when the dropdown is open.
    */
@@ -3386,6 +3401,10 @@ export type CustomElements = {
    *  - _default_ - The menu item's label.
    * - **prefix** - Used to prepend an icon or similar element to the menu item.
    * - **suffix** - Used to append an icon or similar element to the menu item.
+   * - **submenu** - Used to denote a nested menu.
+   *
+   * ### **CSS Properties:**
+   *  - **--submenu-offset** - The distance submenus shift to overlap the parent menu. _(default: -2px)_
    *
    * ### **CSS Parts:**
    *  - **base** - The component's internal wrapper.
@@ -3393,6 +3412,9 @@ export type CustomElements = {
    * - **prefix** - The prefix container.
    * - **label** - The menu item label.
    * - **suffix** - The suffix container.
+   * - **spinner** - The spinner that shows when the menu item is in the loading state.
+   * - **spinner__base** - The spinner's base part.
+   * - **submenu-icon** - The submenu icon, visible only when the menu item has a submenu (not yet implemented).
    */
   "lynk-menu-item": DefineComponent<LynkMenuItemProps>;