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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/components/index.d.ts +2 -0
  3. package/components/index.js +2 -1
  4. package/components/index.js.map +1 -1
  5. package/components/{p--RtuuN-f.js → p-5RFBIepu.js} +4 -4
  6. package/components/{p--RtuuN-f.js.map → p-5RFBIepu.js.map} +1 -1
  7. package/components/{p-BcuDZbUA.js → p-B03FWheS.js} +23 -27
  8. package/components/p-B03FWheS.js.map +1 -0
  9. package/components/{p-Bv_uu0s1.js → p-BkBJDD6Y.js} +7 -7
  10. package/components/p-BkBJDD6Y.js.map +1 -0
  11. package/components/{p-B_6Kulw9.js → p-BkgfW_tl.js} +4 -4
  12. package/components/{p-B_6Kulw9.js.map → p-BkgfW_tl.js.map} +1 -1
  13. package/components/{p-DdqipBK9.js → p-Bnc7Puxx.js} +10 -10
  14. package/components/p-Bnc7Puxx.js.map +1 -0
  15. package/components/{p-CXI7fTbm.js → p-CFVg7I9T.js} +6 -6
  16. package/components/p-CFVg7I9T.js.map +1 -0
  17. package/components/{p-kI1bxLGk.js → p-CRVPDKfO.js} +7 -7
  18. package/components/p-CRVPDKfO.js.map +1 -0
  19. package/{dist/esm/helpers-BVuIKvSk.js → components/p-CXP6q9Mr.js} +13 -11
  20. package/components/p-CXP6q9Mr.js.map +1 -0
  21. package/components/{p-CndRvQiV.js → p-DeRqCYmp.js} +5 -5
  22. package/components/{p-CndRvQiV.js.map → p-DeRqCYmp.js.map} +1 -1
  23. package/components/{p-aWJYkykh.js → p-DnZdwX0l.js} +7 -7
  24. package/components/{p-aWJYkykh.js.map → p-DnZdwX0l.js.map} +1 -1
  25. package/components/{p-BWYKuRRD.js → p-Dsc0-aXK.js} +5 -5
  26. package/components/{p-BWYKuRRD.js.map → p-Dsc0-aXK.js.map} +1 -1
  27. package/components/{p-C80aM3BN.js → p-DwxIJEUj.js} +3 -3
  28. package/components/{p-C80aM3BN.js.map → p-DwxIJEUj.js.map} +1 -1
  29. package/components/{p-FsslOC0B.js → p-U2Q0vF-d.js} +3 -3
  30. package/components/p-U2Q0vF-d.js.map +1 -0
  31. package/components/{p-D4vlGPhk.js → p-eFhV8w2l.js} +6 -4
  32. package/components/p-eFhV8w2l.js.map +1 -0
  33. package/components/qds-action-item.js +4 -4
  34. package/components/qds-action-item.js.map +1 -1
  35. package/components/qds-avatar-media.js +1 -1
  36. package/components/qds-badge-indicator.js +1 -1
  37. package/components/qds-breadcrumb-item.js +13 -7
  38. package/components/qds-breadcrumb-item.js.map +1 -1
  39. package/components/qds-button.js +39 -10
  40. package/components/qds-button.js.map +1 -1
  41. package/components/qds-checkbox.js +1 -1
  42. package/components/qds-chip.js +4 -4
  43. package/components/qds-dialog.js +7 -7
  44. package/components/qds-dialog.js.map +1 -1
  45. package/components/qds-divider.js +1 -1
  46. package/components/qds-dropdown.js +1 -1
  47. package/components/qds-form-message.js +3 -3
  48. package/components/qds-form-message.js.map +1 -1
  49. package/components/qds-icon-button.js +1 -1
  50. package/components/qds-icon-tab.d.ts +11 -0
  51. package/components/qds-icon-tab.js +278 -0
  52. package/components/qds-icon-tab.js.map +1 -0
  53. package/components/qds-icon.js +1 -1
  54. package/components/qds-inline-link.js +5 -5
  55. package/components/qds-inline-link.js.map +1 -1
  56. package/components/qds-input.js +27 -8
  57. package/components/qds-input.js.map +1 -1
  58. package/components/qds-label.js +1 -1
  59. package/components/qds-list-item.js +24 -19
  60. package/components/qds-list-item.js.map +1 -1
  61. package/components/qds-loader.js +1 -1
  62. package/components/qds-menu-item.js +7 -7
  63. package/components/qds-menu-item.js.map +1 -1
  64. package/components/qds-mini-button.js +1 -1
  65. package/components/qds-progress-bar.js +1 -1
  66. package/components/qds-radio.js +1 -1
  67. package/components/qds-select.js +6 -6
  68. package/components/qds-select.js.map +1 -1
  69. package/components/qds-standalone-link.js +5 -5
  70. package/components/qds-standalone-link.js.map +1 -1
  71. package/components/qds-switch.js +6 -6
  72. package/components/qds-switch.js.map +1 -1
  73. package/components/qds-tab.js +20 -87
  74. package/components/qds-tab.js.map +1 -1
  75. package/components/qds-tabbar.js +10 -10
  76. package/components/qds-table-cell.js +2 -2
  77. package/components/qds-table-head-cell.js +2 -2
  78. package/components/qds-table-row.js +1 -1
  79. package/components/qds-table.js +1 -1
  80. package/components/qds-tag.js +1 -1
  81. package/components/qds-textarea.js +4 -4
  82. package/components/qds-textarea.js.map +1 -1
  83. package/components/qds-title.js +1 -1
  84. package/components/qds-tooltip.js +1 -1
  85. package/dist/cjs/{helpers-wsiRak3m.js → helpers-BIL8yXqA.js} +13 -11
  86. package/dist/cjs/helpers-BIL8yXqA.js.map +1 -0
  87. package/dist/cjs/loader.cjs.js +1 -1
  88. package/dist/cjs/qds-action-item.cjs.entry.js +2 -2
  89. package/dist/cjs/qds-action-item.entry.cjs.js.map +1 -1
  90. package/dist/cjs/qds-avatar-media.qds-checkbox.qds-radio.entry.cjs.js.map +1 -1
  91. package/dist/cjs/qds-avatar-media_3.cjs.entry.js +7 -7
  92. package/dist/cjs/qds-badge-counter.qds-badge-indicator.entry.cjs.js.map +1 -1
  93. package/dist/cjs/qds-badge-counter_2.cjs.entry.js +1 -1
  94. package/dist/cjs/qds-breadcrumb-item.cjs.entry.js +11 -5
  95. package/dist/cjs/qds-breadcrumb-item.entry.cjs.js.map +1 -1
  96. package/dist/cjs/qds-button.cjs.entry.js +33 -6
  97. package/dist/cjs/qds-button.entry.cjs.js.map +1 -1
  98. package/dist/cjs/qds-chip.cjs.entry.js +1 -1
  99. package/dist/cjs/qds-dialog.cjs.entry.js +3 -3
  100. package/dist/cjs/qds-dialog.entry.cjs.js.map +1 -1
  101. package/dist/cjs/qds-divider.qds-icon-button.entry.cjs.js.map +1 -1
  102. package/dist/cjs/qds-divider_2.cjs.entry.js +2 -2
  103. package/dist/cjs/qds-dropdown.cjs.entry.js +3 -2
  104. package/dist/cjs/qds-dropdown.entry.cjs.js.map +1 -1
  105. package/dist/cjs/qds-form-message.cjs.entry.js +2 -2
  106. package/dist/cjs/qds-form-message.entry.cjs.js.map +1 -1
  107. package/dist/cjs/qds-icon-tab.cjs.entry.js +214 -0
  108. package/dist/cjs/qds-icon-tab.entry.cjs.js.map +1 -0
  109. package/dist/cjs/qds-icon.cjs.entry.js +2 -2
  110. package/dist/cjs/qds-inline-link.cjs.entry.js +4 -4
  111. package/dist/cjs/qds-inline-link.entry.cjs.js.map +1 -1
  112. package/dist/cjs/qds-input.cjs.entry.js +22 -6
  113. package/dist/cjs/qds-input.entry.cjs.js.map +1 -1
  114. package/dist/cjs/qds-label.cjs.entry.js +4 -4
  115. package/dist/cjs/qds-label.entry.cjs.js.map +1 -1
  116. package/dist/cjs/qds-list-item.cjs.entry.js +14 -9
  117. package/dist/cjs/qds-list-item.entry.cjs.js.map +1 -1
  118. package/dist/cjs/qds-menu-item.cjs.entry.js +4 -4
  119. package/dist/cjs/qds-menu-item.entry.cjs.js.map +1 -1
  120. package/dist/cjs/qds-mini-button.cjs.entry.js +2 -2
  121. package/dist/cjs/qds-progress-bar.cjs.entry.js +1 -1
  122. package/dist/cjs/qds-select.cjs.entry.js +5 -5
  123. package/dist/cjs/qds-select.entry.cjs.js.map +1 -1
  124. package/dist/cjs/qds-standalone-link.cjs.entry.js +4 -4
  125. package/dist/cjs/qds-standalone-link.entry.cjs.js.map +1 -1
  126. package/dist/cjs/qds-switch.cjs.entry.js +5 -5
  127. package/dist/cjs/qds-switch.entry.cjs.js.map +1 -1
  128. package/dist/cjs/qds-tab.cjs.entry.js +10 -70
  129. package/dist/cjs/qds-tab.entry.cjs.js.map +1 -1
  130. package/dist/cjs/qds-tabbar.cjs.entry.js +5 -5
  131. package/dist/cjs/qds-table-cell.cjs.entry.js +2 -2
  132. package/dist/cjs/qds-table-head-cell.cjs.entry.js +2 -2
  133. package/dist/cjs/qds-table-row.cjs.entry.js +1 -1
  134. package/dist/cjs/qds-table.cjs.entry.js +1 -1
  135. package/dist/cjs/qds-tag.cjs.entry.js +110 -0
  136. package/dist/cjs/qds-tag.entry.cjs.js.map +1 -0
  137. package/dist/cjs/qds-textarea.cjs.entry.js +4 -4
  138. package/dist/cjs/qds-textarea.entry.cjs.js.map +1 -1
  139. package/dist/cjs/{qds-tag_2.cjs.entry.js → qds-title.cjs.entry.js} +3 -103
  140. package/dist/cjs/qds-title.entry.cjs.js.map +1 -0
  141. package/dist/cjs/qds-tooltip.cjs.entry.js +21 -24
  142. package/dist/cjs/qds-tooltip.entry.cjs.js.map +1 -1
  143. package/dist/cjs/qds.cjs.js +1 -1
  144. package/dist/custom-elements.json +717 -157
  145. package/dist/docs.json +841 -131
  146. package/{components/p--gmRsVWR.js → dist/esm/helpers-BgaJNF9u.js} +13 -11
  147. package/dist/esm/helpers-BgaJNF9u.js.map +1 -0
  148. package/dist/esm/loader.js +1 -1
  149. package/dist/esm/qds-action-item.entry.js +2 -2
  150. package/dist/esm/qds-action-item.entry.js.map +1 -1
  151. package/dist/esm/qds-avatar-media.qds-checkbox.qds-radio.entry.js.map +1 -1
  152. package/dist/esm/qds-avatar-media_3.entry.js +7 -7
  153. package/dist/esm/qds-badge-counter.qds-badge-indicator.entry.js.map +1 -1
  154. package/dist/esm/qds-badge-counter_2.entry.js +1 -1
  155. package/dist/esm/qds-breadcrumb-item.entry.js +11 -5
  156. package/dist/esm/qds-breadcrumb-item.entry.js.map +1 -1
  157. package/dist/esm/qds-button.entry.js +33 -6
  158. package/dist/esm/qds-button.entry.js.map +1 -1
  159. package/dist/esm/qds-chip.entry.js +1 -1
  160. package/dist/esm/qds-dialog.entry.js +3 -3
  161. package/dist/esm/qds-dialog.entry.js.map +1 -1
  162. package/dist/esm/qds-divider.qds-icon-button.entry.js.map +1 -1
  163. package/dist/esm/qds-divider_2.entry.js +2 -2
  164. package/dist/esm/qds-dropdown.entry.js +3 -2
  165. package/dist/esm/qds-dropdown.entry.js.map +1 -1
  166. package/dist/esm/qds-form-message.entry.js +2 -2
  167. package/dist/esm/qds-form-message.entry.js.map +1 -1
  168. package/dist/esm/qds-icon-tab.entry.js +212 -0
  169. package/dist/esm/qds-icon-tab.entry.js.map +1 -0
  170. package/dist/esm/qds-icon.entry.js +2 -2
  171. package/dist/esm/qds-inline-link.entry.js +4 -4
  172. package/dist/esm/qds-inline-link.entry.js.map +1 -1
  173. package/dist/esm/qds-input.entry.js +22 -6
  174. package/dist/esm/qds-input.entry.js.map +1 -1
  175. package/dist/esm/qds-label.entry.js +4 -4
  176. package/dist/esm/qds-label.entry.js.map +1 -1
  177. package/dist/esm/qds-list-item.entry.js +14 -9
  178. package/dist/esm/qds-list-item.entry.js.map +1 -1
  179. package/dist/esm/qds-menu-item.entry.js +4 -4
  180. package/dist/esm/qds-menu-item.entry.js.map +1 -1
  181. package/dist/esm/qds-mini-button.entry.js +2 -2
  182. package/dist/esm/qds-progress-bar.entry.js +1 -1
  183. package/dist/esm/qds-select.entry.js +5 -5
  184. package/dist/esm/qds-select.entry.js.map +1 -1
  185. package/dist/esm/qds-standalone-link.entry.js +4 -4
  186. package/dist/esm/qds-standalone-link.entry.js.map +1 -1
  187. package/dist/esm/qds-switch.entry.js +5 -5
  188. package/dist/esm/qds-switch.entry.js.map +1 -1
  189. package/dist/esm/qds-tab.entry.js +10 -70
  190. package/dist/esm/qds-tab.entry.js.map +1 -1
  191. package/dist/esm/qds-tabbar.entry.js +5 -5
  192. package/dist/esm/qds-table-cell.entry.js +2 -2
  193. package/dist/esm/qds-table-head-cell.entry.js +2 -2
  194. package/dist/esm/qds-table-row.entry.js +1 -1
  195. package/dist/esm/qds-table.entry.js +1 -1
  196. package/dist/esm/qds-tag.entry.js +108 -0
  197. package/dist/esm/qds-tag.entry.js.map +1 -0
  198. package/dist/esm/qds-textarea.entry.js +4 -4
  199. package/dist/esm/qds-textarea.entry.js.map +1 -1
  200. package/dist/esm/{qds-tag_2.entry.js → qds-title.entry.js} +5 -104
  201. package/dist/esm/qds-title.entry.js.map +1 -0
  202. package/dist/esm/qds-tooltip.entry.js +21 -24
  203. package/dist/esm/qds-tooltip.entry.js.map +1 -1
  204. package/dist/esm/qds.js +1 -1
  205. package/dist/types/components/button/button.d.ts +7 -0
  206. package/dist/types/components/dropdown/dropdown.d.ts +4 -4
  207. package/dist/types/components/icon-tab/icon-tab.d.ts +110 -0
  208. package/dist/types/components/input/input.d.ts +13 -1
  209. package/dist/types/components/list-item/list-item.d.ts +2 -2
  210. package/dist/types/components/tab/tab.d.ts +2 -9
  211. package/dist/types/components/tooltip/tooltip.d.ts +1 -2
  212. package/dist/types/components.d.ts +232 -21
  213. package/dist/types/helpers.d.ts +4 -9
  214. package/dist/vscode.html-custom-data.json +158 -7
  215. package/hydrate/index.js +631 -400
  216. package/hydrate/index.mjs +631 -400
  217. package/package.json +1 -1
  218. package/components/p--gmRsVWR.js.map +0 -1
  219. package/components/p-BcuDZbUA.js.map +0 -1
  220. package/components/p-Bv_uu0s1.js.map +0 -1
  221. package/components/p-CXI7fTbm.js.map +0 -1
  222. package/components/p-D4vlGPhk.js.map +0 -1
  223. package/components/p-DdqipBK9.js.map +0 -1
  224. package/components/p-FsslOC0B.js.map +0 -1
  225. package/components/p-kI1bxLGk.js.map +0 -1
  226. package/dist/cjs/helpers-wsiRak3m.js.map +0 -1
  227. package/dist/cjs/qds-tag.qds-title.entry.cjs.js.map +0 -1
  228. package/dist/esm/helpers-BVuIKvSk.js.map +0 -1
  229. package/dist/esm/qds-tag.qds-title.entry.js.map +0 -1
@@ -19,15 +19,16 @@ import { ChipType } from "./components/chip/chip";
19
19
  import { AutoComplete, EnterKeyHint, InputMode, Value } from "./components/controls";
20
20
  import { FormMessageStatus } from "./components/form-message/form-message";
21
21
  import { IconButtonImportance } from "./components/icon-button/icon-button";
22
- import { Capture, InputType } from "./components/input/input";
22
+ import { IconTabImportance, IndicatorPosition } from "./components/icon-tab/icon-tab";
23
+ import { Element } from "./stencil-public-runtime";
24
+ import { Capture, InputStatus, InputType } from "./components/input/input";
23
25
  import { LabelImportance } from "./components/label/label";
24
26
  import { Tooltip } from "./components/tooltip/tooltip";
25
27
  import { Destination, ListAction } from "./components/list-item/list-item";
26
28
  import { LoaderImportance, LoaderSize, LoaderStatus } from "./components/loader/loader";
27
29
  import { Type } from "./components/menu-item/menu-item";
28
30
  import { SelectType } from "./components/select/select";
29
- import { Action as Action1, IndicatorPosition } from "./components/tab/tab";
30
- import { Element } from "./stencil-public-runtime";
31
+ import { Action as Action1, IndicatorPosition as IndicatorPosition1, TabImportance } from "./components/tab/tab";
31
32
  import { Alignment, Layer, Level, Orientation } from "./components/tabbar/tabbar";
32
33
  import { Scope } from "./components/table-head-cell/table-head-cell";
33
34
  import { TagStatus } from "./components/tag/tag";
@@ -48,15 +49,16 @@ export { ChipType } from "./components/chip/chip";
48
49
  export { AutoComplete, EnterKeyHint, InputMode, Value } from "./components/controls";
49
50
  export { FormMessageStatus } from "./components/form-message/form-message";
50
51
  export { IconButtonImportance } from "./components/icon-button/icon-button";
51
- export { Capture, InputType } from "./components/input/input";
52
+ export { IconTabImportance, IndicatorPosition } from "./components/icon-tab/icon-tab";
53
+ export { Element } from "./stencil-public-runtime";
54
+ export { Capture, InputStatus, InputType } from "./components/input/input";
52
55
  export { LabelImportance } from "./components/label/label";
53
56
  export { Tooltip } from "./components/tooltip/tooltip";
54
57
  export { Destination, ListAction } from "./components/list-item/list-item";
55
58
  export { LoaderImportance, LoaderSize, LoaderStatus } from "./components/loader/loader";
56
59
  export { Type } from "./components/menu-item/menu-item";
57
60
  export { SelectType } from "./components/select/select";
58
- export { Action as Action1, IndicatorPosition } from "./components/tab/tab";
59
- export { Element } from "./stencil-public-runtime";
61
+ export { Action as Action1, IndicatorPosition as IndicatorPosition1, TabImportance } from "./components/tab/tab";
60
62
  export { Alignment, Layer, Level, Orientation } from "./components/tabbar/tabbar";
61
63
  export { Scope } from "./components/table-head-cell/table-head-cell";
62
64
  export { TagStatus } from "./components/tag/tag";
@@ -327,6 +329,11 @@ export namespace Components {
327
329
  * The name of the icon to render. Available names depend on the icon library being used.
328
330
  */
329
331
  "iconName"?: string;
332
+ /**
333
+ * @deprecated The icon-only button feature is deprecated and will be removed by september 2026. Please use the icon-button instead. Sets if button is icon only.
334
+ * @default false
335
+ */
336
+ "iconOnly": boolean;
330
337
  /**
331
338
  * The button's importance.
332
339
  * @default 'standard'
@@ -776,6 +783,78 @@ export namespace Components {
776
783
  */
777
784
  "text"?: string;
778
785
  }
786
+ /**
787
+ * <qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars
788
+ * (Main Navigation, secondary navigation, Tab bar, etc.)
789
+ * as trigger points for opening a menu list or switching content in Tab bar.
790
+ * @see https://quartz.se.com/build/components/icon-tab
791
+ */
792
+ interface QdsIconTab {
793
+ /**
794
+ * Displays an indicator if `true` or the empty string. Otherwise, displays a counter badge if a number or string representing a number is used.
795
+ */
796
+ "badge"?: number | string | true;
797
+ /**
798
+ * The tab's counter importance.
799
+ * @default 'standard'
800
+ */
801
+ "badgeCounterImportance"?: HTMLQdsBadgeCounterElement['importance'];
802
+ /**
803
+ * The indicator or counter badge's accessible text that will be used by screen readers.
804
+ */
805
+ "badgeDescription"?: string;
806
+ /**
807
+ * The indicator's status.
808
+ * @default 'neutral'
809
+ */
810
+ "badgeIndicatorStatus"?: HTMLQdsBadgeIndicatorElement['status'];
811
+ /**
812
+ * Prevents the tab from being interacted with: it cannot be selected or focused.
813
+ */
814
+ "disabled"?: boolean;
815
+ /**
816
+ * When set, the underlying tab will be rendered as an `<a>` with this `href` instead of a `<button>`. This property has no effect if the tab has an `action`.
817
+ * @webnative
818
+ */
819
+ "href"?: string;
820
+ /**
821
+ * The name of a registered icon library.
822
+ * @default 'default'
823
+ */
824
+ "iconLibrary": string;
825
+ /**
826
+ * The name of the icon to render. Available names depend on the icon library being used.
827
+ */
828
+ "iconName": string;
829
+ /**
830
+ * The tab's importance.
831
+ * @default 'standard'
832
+ */
833
+ "importance"?: IconTabImportance;
834
+ /**
835
+ * The tab's indicator position.
836
+ * @default 'block-end'
837
+ */
838
+ "indicatorPosition"?: IndicatorPosition;
839
+ /**
840
+ * The tab panel element associated with this tab. The `panel` specified can be any of the following: - A CSS selector string - A reference to an [`Element`][] - A function returning a reference to an [`Element`][] or a CSS selector string [`Element`]: https://developer.mozilla.org/docs/Web/API/Element
841
+ */
842
+ "panel": Element | string | (() => Element | string);
843
+ /**
844
+ * Whether or not the tab is selected.
845
+ * @default false
846
+ */
847
+ "selected": boolean;
848
+ /**
849
+ * The tab's size.
850
+ * @default 'standard'
851
+ */
852
+ "size"?: Size;
853
+ /**
854
+ * Icon tab's accessible name.
855
+ */
856
+ "text"?: string;
857
+ }
779
858
  /**
780
859
  * `<qds-inline-link>` elements, with their `href` property, create a hyperlink
781
860
  * to web pages, files, email addresses, locations in the same page, or
@@ -942,6 +1021,11 @@ export namespace Components {
942
1021
  * @webnative
943
1022
  */
944
1023
  "placeholder"?: string;
1024
+ /**
1025
+ * Prevents the user from changing the value of the input.
1026
+ * @webnative
1027
+ */
1028
+ "readonly"?: boolean;
945
1029
  /**
946
1030
  * A value must be specified for the input before the owning form can be submitted. Not valid for `color` inputs. See [Client-side validation][] and the [HTML attribute: `required`][required] for more information. [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation [required]: https://developer.mozilla.org/docs/Web/HTML/Attributes/required
947
1031
  * @webnative
@@ -970,6 +1054,10 @@ export namespace Components {
970
1054
  * @default 'standard'
971
1055
  */
972
1056
  "size"?: Size;
1057
+ /**
1058
+ * The input's status.
1059
+ */
1060
+ "status"?: InputStatus;
973
1061
  /**
974
1062
  * Specifies the granularity that the `value` must adhere to. Only valid for `date`, `datetime-local`, `month`, `number`, `time`, and `week` inputs. The value must be a positive number—integer or float—or the special value `any`, which means no stepping is implied, and any value is allowed (barring other constraints, such as `min` and `max`). If `any` is not explicitly set, valid values for the `number` are the basis for stepping — the `min` value and increments of the step value, up to the `max` value, if specified.
975
1063
  * @webnative
@@ -1091,8 +1179,9 @@ export namespace Components {
1091
1179
  "kicker"?: string;
1092
1180
  /**
1093
1181
  * The type of list-level action that the list item supports
1182
+ * @default 'select'
1094
1183
  */
1095
- "listAction"?: ListAction;
1184
+ "listAction": ListAction;
1096
1185
  /**
1097
1186
  * Whether or not the list item is selected.
1098
1187
  */
@@ -1602,21 +1691,16 @@ export namespace Components {
1602
1691
  * The name of the icon to render. Available names depend on the icon library being used.
1603
1692
  */
1604
1693
  "iconName"?: string;
1605
- /**
1606
- * Displays the tab in a collapsed state without its text. The text will be displayed in a tooltip instead. This property has no effect if the tab does not have an icon set.
1607
- * @default false
1608
- */
1609
- "iconOnly": boolean;
1610
1694
  /**
1611
1695
  * The tab's importance.
1612
1696
  * @default 'standard'
1613
1697
  */
1614
- "importance"?: Importance;
1698
+ "importance"?: TabImportance;
1615
1699
  /**
1616
1700
  * The tab's indicator position.
1617
1701
  * @default 'block-end'
1618
1702
  */
1619
- "indicatorPosition"?: IndicatorPosition;
1703
+ "indicatorPosition"?: IndicatorPosition1;
1620
1704
  /**
1621
1705
  * The tab panel element associated with this tab. The `panel` specified can be any of the following: - A CSS selector string - A reference to an [`Element`][] - A function returning a reference to an [`Element`][] or a CSS selector string [`Element`]: https://developer.mozilla.org/docs/Web/API/Element
1622
1706
  */
@@ -2110,6 +2194,10 @@ export interface QdsIconButtonCustomEvent<T> extends CustomEvent<T> {
2110
2194
  detail: T;
2111
2195
  target: HTMLQdsIconButtonElement;
2112
2196
  }
2197
+ export interface QdsIconTabCustomEvent<T> extends CustomEvent<T> {
2198
+ detail: T;
2199
+ target: HTMLQdsIconTabElement;
2200
+ }
2113
2201
  export interface QdsInlineLinkCustomEvent<T> extends CustomEvent<T> {
2114
2202
  detail: T;
2115
2203
  target: HTMLQdsInlineLinkElement;
@@ -2434,6 +2522,30 @@ declare global {
2434
2522
  prototype: HTMLQdsIconButtonElement;
2435
2523
  new (): HTMLQdsIconButtonElement;
2436
2524
  };
2525
+ interface HTMLQdsIconTabElementEventMap {
2526
+ "qdsBlur": QdsFocusEventDetail;
2527
+ "qdsFocus": QdsFocusEventDetail;
2528
+ }
2529
+ /**
2530
+ * <qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars
2531
+ * (Main Navigation, secondary navigation, Tab bar, etc.)
2532
+ * as trigger points for opening a menu list or switching content in Tab bar.
2533
+ * @see https://quartz.se.com/build/components/icon-tab
2534
+ */
2535
+ interface HTMLQdsIconTabElement extends Components.QdsIconTab, HTMLStencilElement {
2536
+ addEventListener<K extends keyof HTMLQdsIconTabElementEventMap>(type: K, listener: (this: HTMLQdsIconTabElement, ev: QdsIconTabCustomEvent<HTMLQdsIconTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
2537
+ addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
2538
+ addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
2539
+ addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
2540
+ removeEventListener<K extends keyof HTMLQdsIconTabElementEventMap>(type: K, listener: (this: HTMLQdsIconTabElement, ev: QdsIconTabCustomEvent<HTMLQdsIconTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
2541
+ removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
2542
+ removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
2543
+ removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
2544
+ }
2545
+ var HTMLQdsIconTabElement: {
2546
+ prototype: HTMLQdsIconTabElement;
2547
+ new (): HTMLQdsIconTabElement;
2548
+ };
2437
2549
  interface HTMLQdsInlineLinkElementEventMap {
2438
2550
  "qdsBlur": QdsFocusEventDetail;
2439
2551
  "qdsFocus": QdsFocusEventDetail;
@@ -2865,6 +2977,7 @@ declare global {
2865
2977
  "qds-form-message": HTMLQdsFormMessageElement;
2866
2978
  "qds-icon": HTMLQdsIconElement;
2867
2979
  "qds-icon-button": HTMLQdsIconButtonElement;
2980
+ "qds-icon-tab": HTMLQdsIconTabElement;
2868
2981
  "qds-inline-link": HTMLQdsInlineLinkElement;
2869
2982
  "qds-input": HTMLQdsInputElement;
2870
2983
  "qds-label": HTMLQdsLabelElement;
@@ -3165,6 +3278,11 @@ declare namespace LocalJSX {
3165
3278
  * The name of the icon to render. Available names depend on the icon library being used.
3166
3279
  */
3167
3280
  "iconName"?: string;
3281
+ /**
3282
+ * @deprecated The icon-only button feature is deprecated and will be removed by september 2026. Please use the icon-button instead. Sets if button is icon only.
3283
+ * @default false
3284
+ */
3285
+ "iconOnly"?: boolean;
3168
3286
  /**
3169
3287
  * The button's importance.
3170
3288
  * @default 'standard'
@@ -3670,6 +3788,86 @@ declare namespace LocalJSX {
3670
3788
  */
3671
3789
  "text"?: string;
3672
3790
  }
3791
+ /**
3792
+ * <qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars
3793
+ * (Main Navigation, secondary navigation, Tab bar, etc.)
3794
+ * as trigger points for opening a menu list or switching content in Tab bar.
3795
+ * @see https://quartz.se.com/build/components/icon-tab
3796
+ */
3797
+ interface QdsIconTab {
3798
+ /**
3799
+ * Displays an indicator if `true` or the empty string. Otherwise, displays a counter badge if a number or string representing a number is used.
3800
+ */
3801
+ "badge"?: number | string | true;
3802
+ /**
3803
+ * The tab's counter importance.
3804
+ * @default 'standard'
3805
+ */
3806
+ "badgeCounterImportance"?: HTMLQdsBadgeCounterElement['importance'];
3807
+ /**
3808
+ * The indicator or counter badge's accessible text that will be used by screen readers.
3809
+ */
3810
+ "badgeDescription"?: string;
3811
+ /**
3812
+ * The indicator's status.
3813
+ * @default 'neutral'
3814
+ */
3815
+ "badgeIndicatorStatus"?: HTMLQdsBadgeIndicatorElement['status'];
3816
+ /**
3817
+ * Prevents the tab from being interacted with: it cannot be selected or focused.
3818
+ */
3819
+ "disabled"?: boolean;
3820
+ /**
3821
+ * When set, the underlying tab will be rendered as an `<a>` with this `href` instead of a `<button>`. This property has no effect if the tab has an `action`.
3822
+ * @webnative
3823
+ */
3824
+ "href"?: string;
3825
+ /**
3826
+ * The name of a registered icon library.
3827
+ * @default 'default'
3828
+ */
3829
+ "iconLibrary"?: string;
3830
+ /**
3831
+ * The name of the icon to render. Available names depend on the icon library being used.
3832
+ */
3833
+ "iconName": string;
3834
+ /**
3835
+ * The tab's importance.
3836
+ * @default 'standard'
3837
+ */
3838
+ "importance"?: IconTabImportance;
3839
+ /**
3840
+ * The tab's indicator position.
3841
+ * @default 'block-end'
3842
+ */
3843
+ "indicatorPosition"?: IndicatorPosition;
3844
+ /**
3845
+ * Emitted when the tab loses focus.
3846
+ */
3847
+ "onQdsBlur"?: (event: QdsIconTabCustomEvent<QdsFocusEventDetail>) => void;
3848
+ /**
3849
+ * Emitted when the tab gains focus.
3850
+ */
3851
+ "onQdsFocus"?: (event: QdsIconTabCustomEvent<QdsFocusEventDetail>) => void;
3852
+ /**
3853
+ * The tab panel element associated with this tab. The `panel` specified can be any of the following: - A CSS selector string - A reference to an [`Element`][] - A function returning a reference to an [`Element`][] or a CSS selector string [`Element`]: https://developer.mozilla.org/docs/Web/API/Element
3854
+ */
3855
+ "panel": Element | string | (() => Element | string);
3856
+ /**
3857
+ * Whether or not the tab is selected.
3858
+ * @default false
3859
+ */
3860
+ "selected"?: boolean;
3861
+ /**
3862
+ * The tab's size.
3863
+ * @default 'standard'
3864
+ */
3865
+ "size"?: Size;
3866
+ /**
3867
+ * Icon tab's accessible name.
3868
+ */
3869
+ "text"?: string;
3870
+ }
3673
3871
  /**
3674
3872
  * `<qds-inline-link>` elements, with their `href` property, create a hyperlink
3675
3873
  * to web pages, files, email addresses, locations in the same page, or
@@ -3868,6 +4066,11 @@ declare namespace LocalJSX {
3868
4066
  * @webnative
3869
4067
  */
3870
4068
  "placeholder"?: string;
4069
+ /**
4070
+ * Prevents the user from changing the value of the input.
4071
+ * @webnative
4072
+ */
4073
+ "readonly"?: boolean;
3871
4074
  /**
3872
4075
  * A value must be specified for the input before the owning form can be submitted. Not valid for `color` inputs. See [Client-side validation][] and the [HTML attribute: `required`][required] for more information. [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation [required]: https://developer.mozilla.org/docs/Web/HTML/Attributes/required
3873
4076
  * @webnative
@@ -3896,6 +4099,10 @@ declare namespace LocalJSX {
3896
4099
  * @default 'standard'
3897
4100
  */
3898
4101
  "size"?: Size;
4102
+ /**
4103
+ * The input's status.
4104
+ */
4105
+ "status"?: InputStatus;
3899
4106
  /**
3900
4107
  * Specifies the granularity that the `value` must adhere to. Only valid for `date`, `datetime-local`, `month`, `number`, `time`, and `week` inputs. The value must be a positive number—integer or float—or the special value `any`, which means no stepping is implied, and any value is allowed (barring other constraints, such as `min` and `max`). If `any` is not explicitly set, valid values for the `number` are the basis for stepping — the `min` value and increments of the step value, up to the `max` value, if specified.
3901
4108
  * @webnative
@@ -4017,6 +4224,7 @@ declare namespace LocalJSX {
4017
4224
  "kicker"?: string;
4018
4225
  /**
4019
4226
  * The type of list-level action that the list item supports
4227
+ * @default 'select'
4020
4228
  */
4021
4229
  "listAction"?: ListAction;
4022
4230
  /**
@@ -4608,21 +4816,16 @@ declare namespace LocalJSX {
4608
4816
  * The name of the icon to render. Available names depend on the icon library being used.
4609
4817
  */
4610
4818
  "iconName"?: string;
4611
- /**
4612
- * Displays the tab in a collapsed state without its text. The text will be displayed in a tooltip instead. This property has no effect if the tab does not have an icon set.
4613
- * @default false
4614
- */
4615
- "iconOnly"?: boolean;
4616
4819
  /**
4617
4820
  * The tab's importance.
4618
4821
  * @default 'standard'
4619
4822
  */
4620
- "importance"?: Importance;
4823
+ "importance"?: TabImportance;
4621
4824
  /**
4622
4825
  * The tab's indicator position.
4623
4826
  * @default 'block-end'
4624
4827
  */
4625
- "indicatorPosition"?: IndicatorPosition;
4828
+ "indicatorPosition"?: IndicatorPosition1;
4626
4829
  /**
4627
4830
  * Emitted when the tab loses focus.
4628
4831
  */
@@ -5122,6 +5325,7 @@ declare namespace LocalJSX {
5122
5325
  "qds-form-message": QdsFormMessage;
5123
5326
  "qds-icon": QdsIcon;
5124
5327
  "qds-icon-button": QdsIconButton;
5328
+ "qds-icon-tab": QdsIconTab;
5125
5329
  "qds-inline-link": QdsInlineLink;
5126
5330
  "qds-input": QdsInput;
5127
5331
  "qds-label": QdsLabel;
@@ -5241,6 +5445,13 @@ declare module "@stencil/core" {
5241
5445
  * @see https://quartz.se.com/build/components/icon-button
5242
5446
  */
5243
5447
  "qds-icon-button": LocalJSX.QdsIconButton & JSXBase.HTMLAttributes<HTMLQdsIconButtonElement>;
5448
+ /**
5449
+ * <qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars
5450
+ * (Main Navigation, secondary navigation, Tab bar, etc.)
5451
+ * as trigger points for opening a menu list or switching content in Tab bar.
5452
+ * @see https://quartz.se.com/build/components/icon-tab
5453
+ */
5454
+ "qds-icon-tab": LocalJSX.QdsIconTab & JSXBase.HTMLAttributes<HTMLQdsIconTabElement>;
5244
5455
  /**
5245
5456
  * `<qds-inline-link>` elements, with their `href` property, create a hyperlink
5246
5457
  * to web pages, files, email addresses, locations in the same page, or
@@ -32,7 +32,6 @@ export declare const pickInputEventAttributes: (event: InputEvent) => QdsInputEv
32
32
  export declare const propertyToPx: (element: Element, property: string) => number | undefined;
33
33
  export declare const ignorePromise: <T>(promise: Promise<T>) => void;
34
34
  export declare const isTouchDevice: () => boolean;
35
- export declare const roundByDPR: (value: number) => number;
36
35
  /**
37
36
  * Checks if an element's ellipsis is active.
38
37
  *
@@ -42,11 +41,6 @@ export declare const roundByDPR: (value: number) => number;
42
41
  export declare const isEllipsisActive: (element: Element) => boolean;
43
42
  export declare const determineLinkIcon: (target?: string, rel?: string) => LinkIcon | undefined;
44
43
  export declare const resolveTarget: (target?: ReferenceElement | string | (() => ReferenceElement | string)) => ReferenceElement | undefined;
45
- /**
46
- * Patched version of requestAnimationFrame that avoids ngzone
47
- * Use only when you know ngzone should not run
48
- */
49
- export declare const raf: (h: FrameRequestCallback) => number;
50
44
  /**
51
45
  * Waits for a component to be ready for
52
46
  * both custom element and non-custom element builds.
@@ -64,12 +58,13 @@ export declare const raf: (h: FrameRequestCallback) => number;
64
58
  export declare const componentOnReady: <T extends {
65
59
  componentOnReady?: () => Promise<T>;
66
60
  }>(element: T, callback: (element_: T) => void) => void;
67
- export declare function resolvePanelElement(tab: HTMLQdsTabElement): HTMLElement | undefined;
68
- export type OffsetValue = Except<Exclude<LibraryOffsetOptions, Function | number>, 'mainAxis'>;
69
- export type OffsetFunction = (state: MiddlewareState) => OffsetValue;
61
+ export declare const resolvePanelElement: (tab: HTMLQdsTabElement) => HTMLElement | undefined;
62
+ type OffsetValue = Except<Exclude<LibraryOffsetOptions, Function | number>, 'mainAxis'>;
63
+ type OffsetFunction = (state: MiddlewareState) => OffsetValue;
70
64
  export type OffsetOptions = OffsetFunction | OffsetValue;
71
65
  export declare const HORIZONTAL_MOVE_KEYS: ReadonlySet<string>;
72
66
  export declare const VERTICAL_MOVE_KEYS: ReadonlySet<string>;
73
67
  export declare const closestElement: (selector: string, base: Element) => Element | undefined;
68
+ export declare const isCurrentPage: (url: string) => boolean;
74
69
  export {};
75
70
  //# sourceMappingURL=helpers.d.ts.map
@@ -413,6 +413,10 @@
413
413
  "name": "icon-name",
414
414
  "description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
415
415
  },
416
+ {
417
+ "name": "icon-only",
418
+ "description": ""
419
+ },
416
420
  {
417
421
  "name": "importance",
418
422
  "description": "The button's importance.",
@@ -1060,6 +1064,138 @@
1060
1064
  }
1061
1065
  ]
1062
1066
  },
1067
+ {
1068
+ "name": "qds-icon-tab",
1069
+ "description": {
1070
+ "kind": "markdown",
1071
+ "value": "<qds-icon-tab> is a navigational element that is used in different horizontal or vertical navigation bars\n(Main Navigation, secondary navigation, Tab bar, etc.)\nas trigger points for opening a menu list or switching content in Tab bar."
1072
+ },
1073
+ "attributes": [
1074
+ {
1075
+ "name": "badge",
1076
+ "description": "Displays an indicator if `true` or the empty string. Otherwise, displays a\ncounter badge if a number or string representing a number is used."
1077
+ },
1078
+ {
1079
+ "name": "badge-counter-importance",
1080
+ "description": "The tab's counter importance.",
1081
+ "values": [
1082
+ {
1083
+ "name": "destructive"
1084
+ },
1085
+ {
1086
+ "name": "emphasized"
1087
+ },
1088
+ {
1089
+ "name": "standard"
1090
+ },
1091
+ {
1092
+ "name": "subdued"
1093
+ },
1094
+ {
1095
+ "name": "subdued-destructive"
1096
+ }
1097
+ ]
1098
+ },
1099
+ {
1100
+ "name": "badge-description",
1101
+ "description": "The indicator or counter badge's accessible text that will be used by\nscreen readers."
1102
+ },
1103
+ {
1104
+ "name": "badge-indicator-status",
1105
+ "description": "The indicator's status.",
1106
+ "values": [
1107
+ {
1108
+ "name": "error"
1109
+ },
1110
+ {
1111
+ "name": "info"
1112
+ },
1113
+ {
1114
+ "name": "neutral"
1115
+ },
1116
+ {
1117
+ "name": "success"
1118
+ },
1119
+ {
1120
+ "name": "warning"
1121
+ }
1122
+ ]
1123
+ },
1124
+ {
1125
+ "name": "disabled",
1126
+ "description": "Prevents the tab from being interacted with: it cannot be\nselected or focused."
1127
+ },
1128
+ {
1129
+ "name": "href",
1130
+ "description": "When set, the underlying tab will be rendered as an `<a>` with this\n`href` instead of a `<button>`.\n\nThis property has no effect if the tab has an `action`."
1131
+ },
1132
+ {
1133
+ "name": "icon-library",
1134
+ "description": "The name of a registered icon library."
1135
+ },
1136
+ {
1137
+ "name": "icon-name",
1138
+ "description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
1139
+ },
1140
+ {
1141
+ "name": "importance",
1142
+ "description": "The tab's importance.",
1143
+ "values": [
1144
+ {
1145
+ "name": "standard"
1146
+ },
1147
+ {
1148
+ "name": "subdued"
1149
+ }
1150
+ ]
1151
+ },
1152
+ {
1153
+ "name": "indicator-position",
1154
+ "description": "The tab's indicator position.",
1155
+ "values": [
1156
+ {
1157
+ "name": "block-end"
1158
+ },
1159
+ {
1160
+ "name": "block-start"
1161
+ },
1162
+ {
1163
+ "name": "inline-end"
1164
+ },
1165
+ {
1166
+ "name": "inline-start"
1167
+ }
1168
+ ]
1169
+ },
1170
+ {
1171
+ "name": "panel",
1172
+ "description": "The tab panel element associated with this tab. The `panel` specified\ncan be any of the following:\n\n- A CSS selector string\n- A reference to an [`Element`][]\n- A function returning a reference to an [`Element`][] or a CSS selector\nstring\n\n[`Element`]: https://developer.mozilla.org/docs/Web/API/Element"
1173
+ },
1174
+ {
1175
+ "name": "selected",
1176
+ "description": "Whether or not the tab is selected."
1177
+ },
1178
+ {
1179
+ "name": "size",
1180
+ "description": "The tab's size.",
1181
+ "values": [
1182
+ {
1183
+ "name": "large"
1184
+ },
1185
+ {
1186
+ "name": "small"
1187
+ },
1188
+ {
1189
+ "name": "standard"
1190
+ }
1191
+ ]
1192
+ },
1193
+ {
1194
+ "name": "text",
1195
+ "description": "Icon tab's accessible name."
1196
+ }
1197
+ ]
1198
+ },
1063
1199
  {
1064
1200
  "name": "qds-inline-link",
1065
1201
  "description": {
@@ -1296,6 +1432,10 @@
1296
1432
  "name": "placeholder",
1297
1433
  "description": "Text that appears in the input when it has no value set. Only valid for\n`email`, `number`, `password`, `search`, `tel`, `text`, and `url` inputs."
1298
1434
  },
1435
+ {
1436
+ "name": "readonly",
1437
+ "description": "Prevents the user from changing the value of the input."
1438
+ },
1299
1439
  {
1300
1440
  "name": "required",
1301
1441
  "description": "A value must be specified for the input before the owning form can be\nsubmitted. Not valid for `color` inputs.\n\nSee [Client-side validation][] and the\n[HTML attribute: `required`][required] for more information.\n\n[Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n[required]: https://developer.mozilla.org/docs/Web/HTML/Attributes/required"
@@ -1338,6 +1478,21 @@
1338
1478
  }
1339
1479
  ]
1340
1480
  },
1481
+ {
1482
+ "name": "status",
1483
+ "description": "The input's status.",
1484
+ "values": [
1485
+ {
1486
+ "name": "error"
1487
+ },
1488
+ {
1489
+ "name": "success"
1490
+ },
1491
+ {
1492
+ "name": "warning"
1493
+ }
1494
+ ]
1495
+ },
1341
1496
  {
1342
1497
  "name": "step",
1343
1498
  "description": "Specifies the granularity that the `value` must adhere to. Only valid for\n`date`, `datetime-local`, `month`, `number`, `time`, and `week` inputs.\n\nThe value must be a positive number—integer or float—or the special value\n`any`, which means no stepping is implied, and any value is allowed\n(barring other constraints, such as `min` and `max`).\n\nIf `any` is not explicitly set, valid values for the `number` are the\nbasis for stepping — the `min` value and increments of the step value, up\nto the `max` value, if specified.",
@@ -1524,6 +1679,9 @@
1524
1679
  {
1525
1680
  "name": "multiselect"
1526
1681
  },
1682
+ {
1683
+ "name": "none"
1684
+ },
1527
1685
  {
1528
1686
  "name": "radio"
1529
1687
  },
@@ -2199,17 +2357,10 @@
2199
2357
  "name": "icon-name",
2200
2358
  "description": "The name of the icon to render.\n\nAvailable names depend on the icon library being used."
2201
2359
  },
2202
- {
2203
- "name": "icon-only",
2204
- "description": "Displays the tab in a collapsed state without its text. The text will be\ndisplayed in a tooltip instead.\n\nThis property has no effect if the tab does not have an icon set."
2205
- },
2206
2360
  {
2207
2361
  "name": "importance",
2208
2362
  "description": "The tab's importance.",
2209
2363
  "values": [
2210
- {
2211
- "name": "emphasized"
2212
- },
2213
2364
  {
2214
2365
  "name": "standard"
2215
2366
  },