@quartzds/core 1.0.0-beta.120 → 1.0.0-beta.122

package/dist/types/components.d.ts

@@ -27,9 +27,9 @@ import { Tooltip } from "./components/tooltip/tooltip";
 import { Destination, ListAction } from "./components/list-item/list-item";
 import { LoaderImportance, LoaderSize, LoaderStatus } from "./components/loader/loader";
 import { Type } from "./components/menu-item/menu-item";
-import { SelectType } from "./components/select/select";
+import { SelectStatus, SelectType } from "./components/select/select";
 import { Action as Action1, IndicatorPosition as IndicatorPosition1, TabImportance } from "./components/tab/tab";
-import { Alignment, Layer, Level, Orientation } from "./components/tabbar/tabbar";
+import { Alignment, Layer, Level, Orientation, Placement as Placement1, TabbarImportance } from "./components/tabbar/tabbar";
 import { Scope } from "./components/table-head-cell/table-head-cell";
 import { TagStatus } from "./components/tag/tag";
 import { TextAreaAutoComplete, TextAreaStatus, Wrap } from "./components/textarea/textarea";
@@ -57,9 +57,9 @@ export { Tooltip } from "./components/tooltip/tooltip";
 export { Destination, ListAction } from "./components/list-item/list-item";
 export { LoaderImportance, LoaderSize, LoaderStatus } from "./components/loader/loader";
 export { Type } from "./components/menu-item/menu-item";
-export { SelectType } from "./components/select/select";
+export { SelectStatus, SelectType } from "./components/select/select";
 export { Action as Action1, IndicatorPosition as IndicatorPosition1, TabImportance } from "./components/tab/tab";
-export { Alignment, Layer, Level, Orientation } from "./components/tabbar/tabbar";
+export { Alignment, Layer, Level, Orientation, Placement as Placement1, TabbarImportance } from "./components/tabbar/tabbar";
 export { Scope } from "./components/table-head-cell/table-head-cell";
 export { TagStatus } from "./components/tag/tag";
 export { TextAreaAutoComplete, TextAreaStatus, Wrap } from "./components/textarea/textarea";
@@ -113,17 +113,16 @@ export namespace Components {
     interface QdsAvatarMedia {
         /**
           * The alt text for the avatar-media's image.
-          * @webnative 
-          * @default ''
+          * @webnative
          */
-        "alt": string;
+        "alt"?: string;
         /**
-          * The avatar-media's icon library.
+          * The name of a registered icon library.
           * @default 'default'
          */
         "iconLibrary"?: string;
         /**
-          * The avatar-media's icon name.
+          * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
         /**
@@ -940,6 +939,11 @@ export namespace Components {
           * @webnative
          */
         "capture"?: Capture;
+        /**
+          * Shows a clear button that allows the user to clear the input's value.  For `search` inputs, the clear button is always shown when the input has a value, regardless of this property.
+          * @default false
+         */
+        "clearable"?: boolean;
         /**
           * Prevents the input from being interacted with: it cannot be pressed or focused.
           * @webnative
@@ -1007,7 +1011,7 @@ export namespace Components {
          */
         "name"?: string;
         /**
-          * Hide the input type's icon.  > **_NOTE:_** Due to browser limitations, the icon may not be hidden in all browsers.
+          * @deprecated The no-icon property is deprecated and will be removed by September 2026.  Hide the input type's icon.  > **_NOTE:_** Due to browser limitations, the icon may not be hidden in all browsers.
           * @default false
          */
         "noIcon"?: boolean;
@@ -1465,6 +1469,10 @@ export namespace Components {
           * @default 'standard'
          */
         "size"?: Size;
+        /**
+          * The select's status.
+         */
+        "status"?: SelectStatus;
         /**
           * Returns `select-multiple` if the `multiple` attribute is true; `select-one` otherwise.
           * @readonly 
@@ -1698,7 +1706,7 @@ export namespace Components {
         "importance"?: TabImportance;
         /**
           * The tab's indicator position.
-          * @default 'block-end'
+          * @default 'block-start'
          */
         "indicatorPosition"?: IndicatorPosition1;
         /**
@@ -1764,29 +1772,46 @@ export namespace Components {
     interface QdsTabbar {
         /**
           * The alignment of tabs. Only applicable for horizontal orientation.
-          * @default 'left'
+          * @default 'start'
          */
         "alignment"?: Alignment;
+        /**
+          * The importance of the tabbar. This controls the visual emphasis of the tabs within the tabbar.
+         */
+        "importance"?: TabbarImportance;
         /**
           * The tabbar's layer.
+          * @deprecated The property layer is deprecated. Please use `size` property instead. Please do not use `layer` and `size` at the same time.
           * @default 'main'
          */
         "layer"?: Layer;
         /**
           * The tabbar's level.
+          * @deprecated The property level is deprecated. Please use `size` property instead. Please do not use `level` and `size` at the same time.
           * @default 'root'
          */
         "level"?: Level;
         /**
           * The tabbar's orientation.
+          * @deprecated Please use the `placement` property instead. Do not use `orientation` and `placement` at the same time.
           * @default 'horizontal'
          */
         "orientation"?: Orientation;
+        /**
+          * The tabbar's placement.
+          * @default 'top'
+         */
+        "placement"?: Placement1;
         /**
           * Displays a divider line.
           * @default false
          */
         "showDivider"?: boolean;
+        /**
+          * The tabbar's size. This controls the size of the tabs within the tabbar.
+          * @default 'standard'
+         */
+        "size"?: Size;
         /**
           * the tablist Description
          */
@@ -1816,6 +1841,11 @@ export namespace Components {
           * @webnative
          */
         "rowSpan"?: number;
+        /**
+          * The table cell's size.
+          * @default 'standard'
+         */
+        "size"?: Size;
     }
     /**
      * The `<qds-table-head-cell>` element defines a cell as the header of a group
@@ -1839,6 +1869,11 @@ export namespace Components {
           * @webnative
          */
         "scope"?: Scope;
+        /**
+          * The table header cell's size.
+          * @default 'standard'
+         */
+        "size"?: Size;
     }
     /**
      * The `<qds-table-row>` element defines a row of cells in a table. The row's
@@ -2273,6 +2308,7 @@ declare global {
         new (): HTMLQdsActionItemElement;
     };
     interface HTMLQdsAvatarMediaElementEventMap {
+        "qdsLoad": void;
         "qdsError": void;
     }
     /**
@@ -3058,23 +3094,26 @@ declare namespace LocalJSX {
     interface QdsAvatarMedia {
         /**
           * The alt text for the avatar-media's image.
-          * @webnative 
-          * @default ''
+          * @webnative
          */
         "alt"?: string;
         /**
-          * The avatar-media's icon library.
+          * The name of a registered icon library.
           * @default 'default'
          */
         "iconLibrary"?: string;
         /**
-          * The avatar-media's icon name.
+          * The name of the icon to render.  Available names depend on the icon library being used.
          */
         "iconName"?: string;
         /**
           * Emitted when the avatar-media's image fails to load due to an error.
          */
         "onQdsError"?: (event: QdsAvatarMediaCustomEvent<void>) => void;
+        /**
+          * Emitted when the avatar-media's image has loaded.
+         */
+        "onQdsLoad"?: (event: QdsAvatarMediaCustomEvent<void>) => void;
         /**
           * The avatar-media's image source.
           * @webnative
@@ -3961,6 +4000,11 @@ declare namespace LocalJSX {
           * @webnative
          */
         "capture"?: Capture;
+        /**
+          * Shows a clear button that allows the user to clear the input's value.  For `search` inputs, the clear button is always shown when the input has a value, regardless of this property.
+          * @default false
+         */
+        "clearable"?: boolean;
         /**
           * Prevents the input from being interacted with: it cannot be pressed or focused.
           * @webnative
@@ -4028,7 +4072,7 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Hide the input type's icon.  > **_NOTE:_** Due to browser limitations, the icon may not be hidden in all browsers.
+          * @deprecated The no-icon property is deprecated and will be removed by September 2026.  Hide the input type's icon.  > **_NOTE:_** Due to browser limitations, the icon may not be hidden in all browsers.
           * @default false
          */
         "noIcon"?: boolean;
@@ -4570,6 +4614,10 @@ declare namespace LocalJSX {
           * @default 'standard'
          */
         "size"?: Size;
+        /**
+          * The select's status.
+         */
+        "status"?: SelectStatus;
         /**
           * Returns `select-multiple` if the `multiple` attribute is true; `select-one` otherwise.
           * @readonly 
@@ -4823,7 +4871,7 @@ declare namespace LocalJSX {
         "importance"?: TabImportance;
         /**
           * The tab's indicator position.
-          * @default 'block-end'
+          * @default 'block-start'
          */
         "indicatorPosition"?: IndicatorPosition1;
         /**
@@ -4901,16 +4949,22 @@ declare namespace LocalJSX {
     interface QdsTabbar {
         /**
           * The alignment of tabs. Only applicable for horizontal orientation.
-          * @default 'left'
+          * @default 'start'
          */
         "alignment"?: Alignment;
+        /**
+          * The importance of the tabbar. This controls the visual emphasis of the tabs within the tabbar.
+         */
+        "importance"?: TabbarImportance;
         /**
           * The tabbar's layer.
+          * @deprecated The property layer is deprecated. Please use `size` property instead. Please do not use `layer` and `size` at the same time.
           * @default 'main'
          */
         "layer"?: Layer;
         /**
           * The tabbar's level.
+          * @deprecated The property level is deprecated. Please use `size` property instead. Please do not use `level` and `size` at the same time.
           * @default 'root'
          */
         "level"?: Level;
@@ -4924,14 +4978,25 @@ declare namespace LocalJSX {
         "onQdsTabShow"?: (event: QdsTabbarCustomEvent<HTMLElement>) => void;
         /**
           * The tabbar's orientation.
+          * @deprecated Please use the `placement` property instead. Do not use `orientation` and `placement` at the same time.
           * @default 'horizontal'
          */
         "orientation"?: Orientation;
+        /**
+          * The tabbar's placement.
+          * @default 'top'
+         */
+        "placement"?: Placement1;
         /**
           * Displays a divider line.
           * @default false
          */
         "showDivider"?: boolean;
+        /**
+          * The tabbar's size. This controls the size of the tabs within the tabbar.
+          * @default 'standard'
+         */
+        "size"?: Size;
         /**
           * the tablist Description
          */
@@ -4961,6 +5026,11 @@ declare namespace LocalJSX {
           * @webnative
          */
         "rowSpan"?: number;
+        /**
+          * The table cell's size.
+          * @default 'standard'
+         */
+        "size"?: Size;
     }
     /**
      * The `<qds-table-head-cell>` element defines a cell as the header of a group
@@ -4984,6 +5054,11 @@ declare namespace LocalJSX {
           * @webnative
          */
         "scope"?: Scope;
+        /**
+          * The table header cell's size.
+          * @default 'standard'
+         */
+        "size"?: Size;
     }
     /**
      * The `<qds-table-row>` element defines a row of cells in a table. The row's

package/dist/vscode.html-custom-data.json

@@ -80,11 +80,11 @@
         },
         {
           "name": "icon-library",
-          "description": "The avatar-media's icon library."
+          "description": "The name of a registered icon library."
         },
         {
           "name": "icon-name",
-          "description": "The avatar-media's icon name."
+          "description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
         },
         {
           "name": "src",
@@ -1323,6 +1323,10 @@
             }
           ]
         },
+        {
+          "name": "clearable",
+          "description": "Shows a clear button that allows the user to clear the input's value.\n\nFor `search` inputs, the clear button is always shown when the input\nhas a value, regardless of this property."
+        },
         {
           "name": "disabled",
           "description": "Prevents the input from being interacted with: it cannot be pressed or\nfocused."
@@ -1422,7 +1426,7 @@
         },
         {
           "name": "no-icon",
-          "description": "Hide the input type's icon.\n\n> **_NOTE:_** Due to browser limitations, the icon may not be hidden in\nall browsers."
+          "description": ""
         },
         {
           "name": "pattern",
@@ -2055,6 +2059,21 @@
             }
           ]
         },
+        {
+          "name": "status",
+          "description": "The select's status.",
+          "values": [
+            {
+              "name": "error"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
         {
           "name": "type",
           "description": "Returns `select-multiple` if the `multiple` attribute is true;\n`select-one` otherwise.",
@@ -2496,10 +2515,22 @@
           "description": "The alignment of tabs. Only applicable for horizontal orientation.",
           "values": [
             {
-              "name": "centered"
+              "name": "center"
             },
             {
-              "name": "left"
+              "name": "start"
+            }
+          ]
+        },
+        {
+          "name": "importance",
+          "description": "The importance of the tabbar. This controls the visual emphasis of the tabs within the tabbar.",
+          "values": [
+            {
+              "name": "standard"
+            },
+            {
+              "name": "subdued"
             }
           ]
         },
@@ -2548,10 +2579,43 @@
             }
           ]
         },
+        {
+          "name": "placement",
+          "description": "The tabbar's placement.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "end"
+            },
+            {
+              "name": "start"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "show-divider",
           "description": "Displays a divider line."
         },
+        {
+          "name": "size",
+          "description": "The tabbar's size. This controls the size of the tabs within the tabbar.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "standard"
+            }
+          ]
+        },
         {
           "name": "tablist-description",
           "description": "the tablist Description"
@@ -2580,6 +2644,21 @@
         {
           "name": "rowspan",
           "description": "Non-negative integer value that indicates for how many rows the cell\nextends. Its default value is `1`; if its value is set to `0`, it extends\nuntil the end of the table section (`<qds-table-head>` or\n`<qds-table-body>`, even if implicitly defined), that the cell belongs to.\nValues higher than 65534 are clipped down to 65534."
+        },
+        {
+          "name": "size",
+          "description": "The table cell's size.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "standard"
+            }
+          ]
         }
       ]
     },
@@ -2609,6 +2688,21 @@
               "name": "row"
             }
           ]
+        },
+        {
+          "name": "size",
+          "description": "The table header cell's size.",
+          "values": [
+            {
+              "name": "large"
+            },
+            {
+              "name": "small"
+            },
+            {
+              "name": "standard"
+            }
+          ]
         }
       ]
     },