@ukic/web-components 3.0.0-alpha.1 → 3.0.0-alpha.11

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 (967) hide show
  1. package/README.md +5 -4
  2. package/dist/cjs/core.cjs.js +1 -1
  3. package/dist/cjs/{helpers-f1cf5156.js → helpers-eca4c27e.js} +80 -29
  4. package/dist/cjs/helpers-eca4c27e.js.map +1 -0
  5. package/dist/cjs/ic-accordion-group.cjs.entry.js +10 -10
  6. package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
  7. package/dist/cjs/ic-accordion.cjs.entry.js +12 -5
  8. package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
  9. package/dist/cjs/ic-alert.cjs.entry.js +9 -14
  10. package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
  11. package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
  12. package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
  13. package/dist/cjs/ic-badge.cjs.entry.js +26 -3
  14. package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
  15. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
  16. package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
  17. package/dist/cjs/ic-breadcrumb.cjs.entry.js +49 -4
  18. package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
  19. package/dist/cjs/ic-button_3.cjs.entry.js +28 -26
  20. package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
  21. package/dist/cjs/ic-card-vertical.cjs.entry.js +48 -47
  22. package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
  23. package/dist/cjs/ic-checkbox-group.cjs.entry.js +21 -6
  24. package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
  25. package/dist/cjs/ic-checkbox.cjs.entry.js +10 -4
  26. package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
  27. package/dist/cjs/ic-chip.cjs.entry.js +27 -15
  28. package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
  29. package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
  30. package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
  31. package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
  32. package/dist/cjs/ic-dialog.cjs.entry.js +32 -9
  33. package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
  34. package/dist/cjs/ic-divider.cjs.entry.js +73 -9
  35. package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
  36. package/dist/cjs/ic-empty-state.cjs.entry.js +7 -15
  37. package/dist/cjs/ic-empty-state.cjs.entry.js.map +1 -1
  38. package/dist/cjs/ic-footer-link-group.cjs.entry.js +6 -7
  39. package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
  40. package/dist/cjs/ic-footer-link.cjs.entry.js +8 -7
  41. package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
  42. package/dist/cjs/ic-footer.cjs.entry.js +24 -14
  43. package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
  44. package/dist/cjs/ic-hero.cjs.entry.js +7 -15
  45. package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
  46. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +17 -9
  47. package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
  48. package/dist/cjs/ic-input-component-container_3.cjs.entry.js +486 -200
  49. package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
  50. package/dist/cjs/ic-input-label_2.cjs.entry.js +24 -26
  51. package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
  52. package/dist/cjs/ic-link.cjs.entry.js +10 -12
  53. package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
  54. package/dist/cjs/ic-menu-group.cjs.entry.js +3 -3
  55. package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
  56. package/dist/cjs/ic-menu-item.cjs.entry.js +25 -18
  57. package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
  58. package/dist/cjs/ic-navigation-button.cjs.entry.js +11 -8
  59. package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
  60. package/dist/cjs/ic-navigation-group.cjs.entry.js +10 -8
  61. package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
  62. package/dist/cjs/ic-navigation-item.cjs.entry.js +60 -8
  63. package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
  65. package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
  66. package/dist/cjs/ic-page-header.cjs.entry.js +8 -6
  67. package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
  68. package/dist/cjs/ic-pagination-item.cjs.entry.js +12 -11
  69. package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
  70. package/dist/cjs/ic-pagination.cjs.entry.js +23 -15
  71. package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
  72. package/dist/cjs/ic-popover-menu.cjs.entry.js +47 -25
  73. package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
  74. package/dist/cjs/ic-radio-group.cjs.entry.js +60 -29
  75. package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
  76. package/dist/cjs/ic-radio-option.cjs.entry.js +42 -22
  77. package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
  78. package/dist/cjs/ic-search-bar.cjs.entry.js +54 -56
  79. package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
  80. package/dist/cjs/ic-select.cjs.entry.js +192 -66
  81. package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
  82. package/dist/cjs/ic-side-navigation.cjs.entry.js +16 -11
  83. package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
  84. package/dist/cjs/ic-skeleton.cjs.entry.js +4 -4
  85. package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
  86. package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
  87. package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
  88. package/dist/cjs/ic-step.cjs.entry.js +4 -5
  89. package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
  90. package/dist/cjs/ic-stepper.cjs.entry.js +12 -2
  91. package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
  92. package/dist/cjs/ic-switch.cjs.entry.js +21 -16
  93. package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
  94. package/dist/cjs/ic-tab-context.cjs.entry.js +60 -123
  95. package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
  96. package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
  97. package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
  98. package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
  99. package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
  100. package/dist/cjs/ic-tab.cjs.entry.js +10 -8
  101. package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
  102. package/dist/cjs/ic-text-field.cjs.entry.js +43 -23
  103. package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
  104. package/dist/cjs/ic-theme.cjs.entry.js +20 -20
  105. package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
  106. package/dist/cjs/ic-toast.cjs.entry.js +4 -4
  107. package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
  108. package/dist/cjs/ic-toggle-button-group.cjs.entry.js +62 -12
  109. package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
  110. package/dist/cjs/ic-toggle-button.cjs.entry.js +64 -9
  111. package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
  112. package/dist/cjs/ic-top-navigation.cjs.entry.js +13 -7
  113. package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
  114. package/dist/cjs/ic-typography.cjs.entry.js +5 -3
  115. package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
  116. package/dist/cjs/index-f982899d.js +4 -4
  117. package/dist/cjs/loader.cjs.js +1 -1
  118. package/dist/collection/ag-theme-icds.css +218 -0
  119. package/dist/collection/collection-manifest.json +3 -3
  120. package/dist/collection/components/ic-accordion/ic-accordion.css +22 -20
  121. package/dist/collection/components/ic-accordion/ic-accordion.js +37 -31
  122. package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
  123. package/dist/collection/components/ic-accordion/ic-accordion.stories.js +611 -0
  124. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +6 -3
  125. package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +1 -1
  126. package/dist/collection/components/ic-accordion-group/ic-accordion-group.css +2 -12
  127. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +18 -18
  128. package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
  129. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +3 -3
  130. package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +1 -1
  131. package/dist/collection/components/ic-alert/ic-alert.css +38 -20
  132. package/dist/collection/components/ic-alert/ic-alert.js +52 -33
  133. package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
  134. package/dist/collection/components/ic-alert/ic-alert.stories.js +271 -0
  135. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +22 -4
  136. package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +1 -1
  137. package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +5 -2
  138. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +31 -4
  139. package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
  140. package/dist/collection/components/ic-back-to-top/ic-back-to-top.stories.js +162 -0
  141. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +14 -0
  142. package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +1 -1
  143. package/dist/collection/components/ic-badge/ic-badge.css +5 -5
  144. package/dist/collection/components/ic-badge/ic-badge.js +42 -4
  145. package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
  146. package/dist/collection/components/ic-badge/ic-badge.stories.js +1092 -0
  147. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js +194 -0
  148. package/dist/collection/components/ic-badge/test/basic/ic-badge.spec.js.map +1 -1
  149. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +27 -8
  150. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +52 -4
  151. package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
  152. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +49 -5
  153. package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +1 -1
  154. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +44 -19
  155. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
  156. package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.stories.js +362 -0
  157. package/dist/collection/components/ic-button/ic-button.css +690 -420
  158. package/dist/collection/components/ic-button/ic-button.js +64 -46
  159. package/dist/collection/components/ic-button/ic-button.js.map +1 -1
  160. package/dist/collection/components/ic-button/ic-button.stories.js +2208 -0
  161. package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
  162. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +9 -9
  163. package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +1 -1
  164. package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +102 -113
  165. package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +80 -52
  166. package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -1
  167. package/dist/collection/components/ic-card-vertical/ic-card-vertical.stories.js +1050 -0
  168. package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js +44 -3
  169. package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +1 -1
  170. package/dist/collection/components/ic-checkbox/ic-checkbox.css +71 -39
  171. package/dist/collection/components/ic-checkbox/ic-checkbox.js +35 -3
  172. package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
  173. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +15 -2
  174. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +46 -3
  175. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
  176. package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.stories.js +726 -0
  177. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +3 -0
  178. package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +1 -1
  179. package/dist/collection/components/ic-chip/ic-chip.css +64 -49
  180. package/dist/collection/components/ic-chip/ic-chip.js +66 -15
  181. package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
  182. package/dist/collection/components/ic-chip/ic-chip.stories.js +980 -0
  183. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +19 -0
  184. package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +1 -1
  185. package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +14 -10
  186. package/dist/collection/components/ic-classification-banner/ic-classification-banner.stories.js +131 -0
  187. package/dist/collection/components/ic-data-list/ic-data-list.stories.js +493 -0
  188. package/dist/collection/components/ic-dialog/ic-dialog.css +16 -9
  189. package/dist/collection/components/ic-dialog/ic-dialog.js +57 -10
  190. package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
  191. package/dist/collection/components/ic-dialog/ic-dialog.stories.js +1066 -0
  192. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +27 -7
  193. package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +1 -1
  194. package/dist/collection/components/ic-divider/ic-divider.css +295 -4
  195. package/dist/collection/components/ic-divider/ic-divider.js +239 -12
  196. package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
  197. package/dist/collection/components/ic-divider/ic-divider.stories.js +394 -0
  198. package/dist/collection/components/ic-divider/ic-divider.types.js +2 -0
  199. package/dist/collection/components/ic-divider/ic-divider.types.js.map +1 -0
  200. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +90 -5
  201. package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +1 -1
  202. package/dist/collection/components/ic-empty-state/ic-empty-state.css +15 -0
  203. package/dist/collection/components/ic-empty-state/ic-empty-state.js +31 -15
  204. package/dist/collection/components/ic-empty-state/ic-empty-state.js.map +1 -1
  205. package/dist/collection/components/ic-empty-state/ic-empty-state.stories.js +404 -0
  206. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js +101 -0
  207. package/dist/collection/components/ic-empty-state/test/basic/ic-empty-state.spec.js.map +1 -0
  208. package/dist/collection/components/ic-footer/ic-footer.css +21 -20
  209. package/dist/collection/components/ic-footer/ic-footer.js +26 -16
  210. package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
  211. package/dist/collection/components/ic-footer/ic-footer.stories.js +384 -0
  212. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +43 -2
  213. package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +1 -1
  214. package/dist/collection/components/ic-footer-link/ic-footer-link.css +24 -6
  215. package/dist/collection/components/ic-footer-link/ic-footer-link.js +9 -8
  216. package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
  217. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +1 -1
  218. package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +1 -1
  219. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css +11 -19
  220. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +7 -8
  221. package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
  222. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +1 -1
  223. package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +1 -1
  224. package/dist/collection/components/ic-hero/ic-hero.css +25 -10
  225. package/dist/collection/components/ic-hero/ic-hero.js +10 -18
  226. package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
  227. package/dist/collection/components/ic-hero/ic-hero.stories.js +448 -0
  228. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +23 -5
  229. package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +1 -1
  230. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +2 -6
  231. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +67 -11
  232. package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
  233. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +43 -0
  234. package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +1 -1
  235. package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +40 -17
  236. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +23 -48
  237. package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
  238. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +30 -3
  239. package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +1 -1
  240. package/dist/collection/components/ic-input-label/ic-input-label.css +19 -20
  241. package/dist/collection/components/ic-input-label/ic-input-label.js +53 -34
  242. package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
  243. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +35 -49
  244. package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
  245. package/dist/collection/components/ic-input-validation/ic-input-validation.css +12 -3
  246. package/dist/collection/components/ic-input-validation/ic-input-validation.js +7 -7
  247. package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
  248. package/dist/collection/components/ic-link/ic-link.css +18 -33
  249. package/dist/collection/components/ic-link/ic-link.js +14 -16
  250. package/dist/collection/components/ic-link/ic-link.js.map +1 -1
  251. package/dist/collection/components/ic-link/ic-link.stories.js +85 -0
  252. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +3 -3
  253. package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +1 -1
  254. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +15 -10
  255. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +50 -31
  256. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
  257. package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.stories.js +464 -0
  258. package/dist/collection/components/ic-menu/ic-menu.css +111 -29
  259. package/dist/collection/components/ic-menu/ic-menu.js +522 -201
  260. package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
  261. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +381 -33
  262. package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
  263. package/dist/collection/components/ic-menu-group/ic-menu-group.css +2 -2
  264. package/dist/collection/components/ic-menu-group/ic-menu-group.js +1 -1
  265. package/dist/collection/components/ic-menu-group/ic-menu-group.js.map +1 -1
  266. package/dist/collection/components/ic-menu-item/ic-menu-item.css +32 -28
  267. package/dist/collection/components/ic-menu-item/ic-menu-item.js +67 -25
  268. package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
  269. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +15 -2
  270. package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +1 -1
  271. package/dist/collection/components/ic-navigation-button/ic-navigation-button.css +18 -0
  272. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +37 -10
  273. package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
  274. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +3 -3
  275. package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +1 -1
  276. package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +17 -12
  277. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +35 -9
  278. package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
  279. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +3 -3
  280. package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +1 -1
  281. package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +38 -65
  282. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +88 -11
  283. package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
  284. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +15 -3
  285. package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +1 -1
  286. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css +9 -6
  287. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +27 -2
  288. package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
  289. package/dist/collection/components/ic-page-header/ic-page-header.css +7 -3
  290. package/dist/collection/components/ic-page-header/ic-page-header.js +30 -4
  291. package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
  292. package/dist/collection/components/ic-page-header/ic-page-header.stories.js +823 -0
  293. package/dist/collection/components/ic-pagination/ic-pagination.css +15 -0
  294. package/dist/collection/components/ic-pagination/ic-pagination.js +65 -37
  295. package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
  296. package/dist/collection/components/ic-pagination/ic-pagination.stories.js +164 -0
  297. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +11 -1
  298. package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +1 -1
  299. package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +29 -9
  300. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +54 -33
  301. package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
  302. package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js +3 -0
  303. package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +1 -1
  304. package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +5 -5
  305. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +112 -26
  306. package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
  307. package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +504 -0
  308. package/dist/collection/components/ic-radio-group/ic-radio-group.css +17 -1
  309. package/dist/collection/components/ic-radio-group/ic-radio-group.js +83 -26
  310. package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
  311. package/dist/collection/components/ic-radio-group/ic-radio-group.stories.js +443 -0
  312. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js +12 -3
  313. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +1 -1
  314. package/dist/collection/components/ic-radio-option/ic-radio-option.css +36 -28
  315. package/dist/collection/components/ic-radio-option/ic-radio-option.js +73 -21
  316. package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
  317. package/dist/collection/components/ic-search-bar/ic-search-bar.css +110 -10
  318. package/dist/collection/components/ic-search-bar/ic-search-bar.js +101 -57
  319. package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
  320. package/dist/collection/components/ic-search-bar/ic-search-bar.stories.js +593 -0
  321. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +63 -94
  322. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +1 -1
  323. package/dist/collection/components/ic-section-container/ic-section-container.stories.js +62 -0
  324. package/dist/collection/components/ic-select/ic-select.css +93 -53
  325. package/dist/collection/components/ic-select/ic-select.js +267 -77
  326. package/dist/collection/components/ic-select/ic-select.js.map +1 -1
  327. package/dist/collection/components/ic-select/ic-select_(multi).stories.js +892 -0
  328. package/dist/collection/components/ic-select/ic-select_(searchable).stories.js +965 -0
  329. package/dist/collection/components/ic-select/ic-select_(single).stories.js +790 -0
  330. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +234 -1
  331. package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +1 -1
  332. package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +50 -34
  333. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +18 -13
  334. package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
  335. package/dist/collection/components/ic-side-navigation/ic-side-navigation.stories.js +2526 -0
  336. package/dist/collection/components/ic-side-navigation/ic-side-navigation.types.js.map +1 -1
  337. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +6 -6
  338. package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +1 -1
  339. package/dist/collection/components/ic-skeleton/ic-skeleton.css +4 -27
  340. package/dist/collection/components/ic-skeleton/ic-skeleton.js +16 -10
  341. package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
  342. package/dist/collection/components/ic-skeleton/ic-skeleton.stories.js +143 -0
  343. package/dist/collection/components/ic-status-tag/ic-status-tag.css +6 -6
  344. package/dist/collection/components/ic-status-tag/ic-status-tag.js +21 -2
  345. package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
  346. package/dist/collection/components/ic-status-tag/ic-status-tag.stories.js +196 -0
  347. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +15 -32
  348. package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +1 -1
  349. package/dist/collection/components/ic-step/ic-step.css +65 -98
  350. package/dist/collection/components/ic-step/ic-step.js +29 -3
  351. package/dist/collection/components/ic-step/ic-step.js.map +1 -1
  352. package/dist/collection/components/ic-stepper/ic-stepper.js +37 -19
  353. package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
  354. package/dist/collection/components/ic-stepper/ic-stepper.stories.js +277 -0
  355. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js +4 -4
  356. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.spec.js.map +1 -1
  357. package/dist/collection/components/ic-switch/ic-switch.css +30 -48
  358. package/dist/collection/components/ic-switch/ic-switch.js +43 -30
  359. package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
  360. package/dist/collection/components/ic-switch/ic-switch.stories.js +149 -0
  361. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +3 -14
  362. package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +1 -1
  363. package/dist/collection/components/ic-tab/ic-tab.js +11 -6
  364. package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
  365. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +16 -0
  366. package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +1 -1
  367. package/dist/collection/components/ic-tab-context/ic-tab-context.js +60 -123
  368. package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
  369. package/dist/collection/components/ic-tab-context/ic-tabs.stories.js +316 -0
  370. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js +2 -2
  371. package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.spec.js.map +1 -1
  372. package/dist/collection/components/ic-tab-group/ic-tab-group.css +8 -0
  373. package/dist/collection/components/ic-tab-group/ic-tab-group.js +1 -17
  374. package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
  375. package/dist/collection/components/ic-tab-panel/ic-tab-panel.css +1 -1
  376. package/dist/collection/components/ic-text-field/ic-text-field.css +62 -8
  377. package/dist/collection/components/ic-text-field/ic-text-field.js +70 -24
  378. package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
  379. package/dist/collection/components/ic-text-field/ic-text-field.stories.js +862 -0
  380. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +26 -12
  381. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +1 -1
  382. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +2 -2
  383. package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +1 -1
  384. package/dist/collection/components/ic-theme/ic-theme.js +31 -31
  385. package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
  386. package/dist/collection/components/ic-theme/ic-theme.stories.js +434 -0
  387. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +7 -7
  388. package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +1 -1
  389. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +11 -11
  390. package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +1 -1
  391. package/dist/collection/components/ic-toast/ic-toast.css +31 -17
  392. package/dist/collection/components/ic-toast/ic-toast.js +2 -3
  393. package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
  394. package/dist/collection/components/ic-toast/ic-toast.stories.js +396 -0
  395. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +16 -16
  396. package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +1 -1
  397. package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +189 -57
  398. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +149 -42
  399. package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
  400. package/dist/collection/components/ic-toggle-button/ic-toggle-button.stories.js +427 -0
  401. package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +10 -0
  402. package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +1 -1
  403. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css +23 -16
  404. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +144 -35
  405. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
  406. package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.stories.js +585 -0
  407. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +187 -0
  408. package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +1 -1
  409. package/dist/collection/components/ic-tooltip/ic-tooltip.css +7 -1
  410. package/dist/collection/components/ic-tooltip/ic-tooltip.js +2 -5
  411. package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
  412. package/dist/collection/components/ic-tooltip/ic-tooltip.stories.js +366 -0
  413. package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +49 -21
  414. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +39 -9
  415. package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
  416. package/dist/collection/components/ic-top-navigation/ic-top-navigation.stories.js +1098 -0
  417. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +3 -3
  418. package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +1 -1
  419. package/dist/collection/components/ic-typography/ic-typography.css +7 -9
  420. package/dist/collection/components/ic-typography/ic-typography.js +3 -1
  421. package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
  422. package/dist/collection/components/ic-typography/ic-typography.stories.js +447 -0
  423. package/dist/collection/patterns/top-nav-content-footer.stories.js +109 -0
  424. package/dist/collection/patterns/z-index.stories.js +474 -0
  425. package/dist/collection/testspec.setup.js +14 -0
  426. package/dist/collection/testspec.setup.js.map +1 -1
  427. package/dist/collection/utils/constants.js +1 -1
  428. package/dist/collection/utils/constants.js.map +1 -1
  429. package/dist/collection/utils/helpers.js +64 -19
  430. package/dist/collection/utils/helpers.js.map +1 -1
  431. package/dist/collection/utils/types.js +6 -6
  432. package/dist/collection/utils/types.js.map +1 -1
  433. package/dist/components/helpers.js +73 -26
  434. package/dist/components/helpers.js.map +1 -1
  435. package/dist/components/ic-accordion-group.js +11 -11
  436. package/dist/components/ic-accordion-group.js.map +1 -1
  437. package/dist/components/ic-accordion.js +14 -6
  438. package/dist/components/ic-accordion.js.map +1 -1
  439. package/dist/components/ic-alert.js +12 -16
  440. package/dist/components/ic-alert.js.map +1 -1
  441. package/dist/components/ic-back-to-top.js +9 -5
  442. package/dist/components/ic-back-to-top.js.map +1 -1
  443. package/dist/components/ic-badge.js +28 -5
  444. package/dist/components/ic-badge.js.map +1 -1
  445. package/dist/components/ic-breadcrumb-group.js +44 -20
  446. package/dist/components/ic-breadcrumb-group.js.map +1 -1
  447. package/dist/components/ic-breadcrumb2.js +51 -4
  448. package/dist/components/ic-breadcrumb2.js.map +1 -1
  449. package/dist/components/ic-button2.js +21 -20
  450. package/dist/components/ic-button2.js.map +1 -1
  451. package/dist/components/ic-card-vertical.js +54 -50
  452. package/dist/components/ic-card-vertical.js.map +1 -1
  453. package/dist/components/ic-checkbox-group.js +25 -7
  454. package/dist/components/ic-checkbox-group.js.map +1 -1
  455. package/dist/components/ic-checkbox.js +12 -4
  456. package/dist/components/ic-checkbox.js.map +1 -1
  457. package/dist/components/ic-chip.js +32 -16
  458. package/dist/components/ic-chip.js.map +1 -1
  459. package/dist/components/ic-classification-banner.js +1 -1
  460. package/dist/components/ic-classification-banner.js.map +1 -1
  461. package/dist/components/ic-data-row.js +1 -1
  462. package/dist/components/ic-dialog.js +33 -9
  463. package/dist/components/ic-dialog.js.map +1 -1
  464. package/dist/components/ic-divider2.js +89 -12
  465. package/dist/components/ic-divider2.js.map +1 -1
  466. package/dist/components/ic-empty-state.js +10 -17
  467. package/dist/components/ic-empty-state.js.map +1 -1
  468. package/dist/components/ic-footer-link-group.js +7 -8
  469. package/dist/components/ic-footer-link-group.js.map +1 -1
  470. package/dist/components/ic-footer-link.js +9 -8
  471. package/dist/components/ic-footer-link.js.map +1 -1
  472. package/dist/components/ic-footer.js +25 -15
  473. package/dist/components/ic-footer.js.map +1 -1
  474. package/dist/components/ic-hero.js +9 -17
  475. package/dist/components/ic-hero.js.map +1 -1
  476. package/dist/components/ic-horizontal-scroll2.js +19 -9
  477. package/dist/components/ic-horizontal-scroll2.js.map +1 -1
  478. package/dist/components/ic-input-component-container2.js +23 -32
  479. package/dist/components/ic-input-component-container2.js.map +1 -1
  480. package/dist/components/ic-input-label2.js +19 -20
  481. package/dist/components/ic-input-label2.js.map +1 -1
  482. package/dist/components/ic-input-validation2.js +9 -9
  483. package/dist/components/ic-input-validation2.js.map +1 -1
  484. package/dist/components/ic-link2.js +13 -15
  485. package/dist/components/ic-link2.js.map +1 -1
  486. package/dist/components/ic-loading-indicator2.js +11 -9
  487. package/dist/components/ic-loading-indicator2.js.map +1 -1
  488. package/dist/components/ic-menu-group.js +2 -2
  489. package/dist/components/ic-menu-group.js.map +1 -1
  490. package/dist/components/ic-menu-item2.js +30 -21
  491. package/dist/components/ic-menu-item2.js.map +1 -1
  492. package/dist/components/ic-menu2.js +472 -175
  493. package/dist/components/ic-menu2.js.map +1 -1
  494. package/dist/components/ic-navigation-button.js +13 -9
  495. package/dist/components/ic-navigation-button.js.map +1 -1
  496. package/dist/components/ic-navigation-group.js +12 -9
  497. package/dist/components/ic-navigation-group.js.map +1 -1
  498. package/dist/components/ic-navigation-item.js +64 -10
  499. package/dist/components/ic-navigation-item.js.map +1 -1
  500. package/dist/components/ic-navigation-menu2.js +6 -4
  501. package/dist/components/ic-navigation-menu2.js.map +1 -1
  502. package/dist/components/ic-page-header.js +9 -6
  503. package/dist/components/ic-page-header.js.map +1 -1
  504. package/dist/components/ic-pagination-item2.js +15 -12
  505. package/dist/components/ic-pagination-item2.js.map +1 -1
  506. package/dist/components/ic-pagination.js +25 -15
  507. package/dist/components/ic-pagination.js.map +1 -1
  508. package/dist/components/ic-popover-menu.js +50 -26
  509. package/dist/components/ic-popover-menu.js.map +1 -1
  510. package/dist/components/ic-radio-group.js +63 -30
  511. package/dist/components/ic-radio-group.js.map +1 -1
  512. package/dist/components/ic-radio-option.js +45 -23
  513. package/dist/components/ic-radio-option.js.map +1 -1
  514. package/dist/components/ic-search-bar.js +70 -81
  515. package/dist/components/ic-search-bar.js.map +1 -1
  516. package/dist/components/ic-select.js +196 -67
  517. package/dist/components/ic-select.js.map +1 -1
  518. package/dist/components/ic-side-navigation.js +17 -12
  519. package/dist/components/ic-side-navigation.js.map +1 -1
  520. package/dist/components/ic-skeleton.js +5 -5
  521. package/dist/components/ic-skeleton.js.map +1 -1
  522. package/dist/components/ic-status-tag.js +5 -3
  523. package/dist/components/ic-status-tag.js.map +1 -1
  524. package/dist/components/ic-step.js +4 -4
  525. package/dist/components/ic-step.js.map +1 -1
  526. package/dist/components/ic-stepper.js +14 -3
  527. package/dist/components/ic-stepper.js.map +1 -1
  528. package/dist/components/ic-switch.js +24 -18
  529. package/dist/components/ic-switch.js.map +1 -1
  530. package/dist/components/ic-tab-context.js +60 -123
  531. package/dist/components/ic-tab-context.js.map +1 -1
  532. package/dist/components/ic-tab-group.js +2 -18
  533. package/dist/components/ic-tab-group.js.map +1 -1
  534. package/dist/components/ic-tab-panel.js +1 -1
  535. package/dist/components/ic-tab-panel.js.map +1 -1
  536. package/dist/components/ic-tab.js +10 -8
  537. package/dist/components/ic-tab.js.map +1 -1
  538. package/dist/components/ic-text-field.js +371 -1
  539. package/dist/components/ic-text-field.js.map +1 -1
  540. package/dist/components/ic-theme.js +22 -22
  541. package/dist/components/ic-theme.js.map +1 -1
  542. package/dist/components/ic-toast.js +4 -4
  543. package/dist/components/ic-toast.js.map +1 -1
  544. package/dist/components/ic-toggle-button-group.js +75 -14
  545. package/dist/components/ic-toggle-button-group.js.map +1 -1
  546. package/dist/components/ic-toggle-button.js +76 -17
  547. package/dist/components/ic-toggle-button.js.map +1 -1
  548. package/dist/components/ic-tooltip2.js +1 -1
  549. package/dist/components/ic-tooltip2.js.map +1 -1
  550. package/dist/components/ic-top-navigation.js +15 -8
  551. package/dist/components/ic-top-navigation.js.map +1 -1
  552. package/dist/components/ic-typography2.js +4 -2
  553. package/dist/components/ic-typography2.js.map +1 -1
  554. package/dist/core/ag-theme-icds.css +218 -0
  555. package/dist/core/core.css +1607 -77
  556. package/dist/core/core.esm.js +1 -1
  557. package/dist/core/core.esm.js.map +1 -1
  558. package/dist/core/p-00587c99.entry.js +2 -0
  559. package/dist/core/p-00587c99.entry.js.map +1 -0
  560. package/dist/core/p-07aaf9c4.entry.js +2 -0
  561. package/dist/core/p-07aaf9c4.entry.js.map +1 -0
  562. package/dist/core/p-094f51b6.entry.js +2 -0
  563. package/dist/core/p-094f51b6.entry.js.map +1 -0
  564. package/dist/core/p-146b2788.entry.js +2 -0
  565. package/dist/core/p-146b2788.entry.js.map +1 -0
  566. package/dist/core/p-15082ea5.entry.js +2 -0
  567. package/dist/core/p-15082ea5.entry.js.map +1 -0
  568. package/dist/core/p-174de9d7.entry.js +2 -0
  569. package/dist/core/p-174de9d7.entry.js.map +1 -0
  570. package/dist/core/p-17f9921d.entry.js +2 -0
  571. package/dist/core/p-17f9921d.entry.js.map +1 -0
  572. package/dist/core/p-246ea059.entry.js +2 -0
  573. package/dist/core/p-246ea059.entry.js.map +1 -0
  574. package/dist/core/p-25d3c3a6.entry.js +2 -0
  575. package/dist/core/p-25d3c3a6.entry.js.map +1 -0
  576. package/dist/core/{p-54238d16.entry.js → p-27274ca8.entry.js} +2 -2
  577. package/dist/core/p-27274ca8.entry.js.map +1 -0
  578. package/dist/core/p-39ab6387.entry.js +2 -0
  579. package/dist/core/p-39ab6387.entry.js.map +1 -0
  580. package/dist/core/p-3d565739.entry.js +2 -0
  581. package/dist/core/p-3d565739.entry.js.map +1 -0
  582. package/dist/core/p-41b7c67c.entry.js +2 -0
  583. package/dist/core/p-41b7c67c.entry.js.map +1 -0
  584. package/dist/core/p-4572b2ba.entry.js +2 -0
  585. package/dist/core/p-4572b2ba.entry.js.map +1 -0
  586. package/dist/core/p-4cfe1dd8.entry.js +2 -0
  587. package/dist/core/p-4cfe1dd8.entry.js.map +1 -0
  588. package/dist/core/p-5b836707.entry.js +2 -0
  589. package/dist/core/p-5b836707.entry.js.map +1 -0
  590. package/dist/core/{p-46ee459b.entry.js → p-67b3cd55.entry.js} +2 -2
  591. package/dist/core/p-67b3cd55.entry.js.map +1 -0
  592. package/dist/core/p-67b8a829.entry.js +2 -0
  593. package/dist/core/p-67b8a829.entry.js.map +1 -0
  594. package/dist/core/p-6dfa5a4b.entry.js +2 -0
  595. package/dist/core/p-6dfa5a4b.entry.js.map +1 -0
  596. package/dist/core/p-6e94c79c.entry.js +2 -0
  597. package/dist/core/p-6e94c79c.entry.js.map +1 -0
  598. package/dist/core/p-73d6092d.entry.js +2 -0
  599. package/dist/core/p-73d6092d.entry.js.map +1 -0
  600. package/dist/core/{p-c81109da.entry.js → p-770c52a7.entry.js} +2 -2
  601. package/dist/core/p-770c52a7.entry.js.map +1 -0
  602. package/dist/core/{p-e861a2b3.entry.js → p-7b26ef60.entry.js} +2 -2
  603. package/dist/core/p-7b26ef60.entry.js.map +1 -0
  604. package/dist/core/{p-1e802eeb.entry.js → p-7f984e25.entry.js} +2 -2
  605. package/dist/core/p-7f984e25.entry.js.map +1 -0
  606. package/dist/core/p-86caada0.entry.js +2 -0
  607. package/dist/core/p-86caada0.entry.js.map +1 -0
  608. package/dist/core/p-8c03b8b5.entry.js +2 -0
  609. package/dist/core/p-8c03b8b5.entry.js.map +1 -0
  610. package/dist/core/p-8fdb9b16.entry.js +2 -0
  611. package/dist/core/p-8fdb9b16.entry.js.map +1 -0
  612. package/dist/core/p-91a221b5.entry.js +2 -0
  613. package/dist/core/p-91a221b5.entry.js.map +1 -0
  614. package/dist/core/{p-e597da0e.entry.js → p-96b4ca6e.entry.js} +2 -2
  615. package/dist/core/p-96b4ca6e.entry.js.map +1 -0
  616. package/dist/core/p-9e0c2c19.entry.js +2 -0
  617. package/dist/core/p-9e0c2c19.entry.js.map +1 -0
  618. package/dist/core/p-9f569f90.entry.js +2 -0
  619. package/dist/core/p-9f569f90.entry.js.map +1 -0
  620. package/dist/core/p-a178d53c.entry.js +2 -0
  621. package/dist/core/p-a178d53c.entry.js.map +1 -0
  622. package/dist/core/p-a3b7a147.entry.js +2 -0
  623. package/dist/core/p-a3b7a147.entry.js.map +1 -0
  624. package/dist/core/p-a72685f6.entry.js +2 -0
  625. package/dist/core/p-a72685f6.entry.js.map +1 -0
  626. package/dist/core/p-abdc2912.entry.js +2 -0
  627. package/dist/core/p-abdc2912.entry.js.map +1 -0
  628. package/dist/core/p-b260b967.entry.js +2 -0
  629. package/dist/core/p-b260b967.entry.js.map +1 -0
  630. package/dist/core/p-b404b307.entry.js +2 -0
  631. package/dist/core/p-b404b307.entry.js.map +1 -0
  632. package/dist/core/p-b6ce9ca3.entry.js +2 -0
  633. package/dist/core/p-b6ce9ca3.entry.js.map +1 -0
  634. package/dist/core/p-b6e010f3.entry.js +2 -0
  635. package/dist/core/p-b6e010f3.entry.js.map +1 -0
  636. package/dist/core/p-bbd4f487.entry.js +2 -0
  637. package/dist/core/p-bbd4f487.entry.js.map +1 -0
  638. package/dist/core/p-bd9f3961.entry.js +2 -0
  639. package/dist/core/p-bd9f3961.entry.js.map +1 -0
  640. package/dist/core/{p-a3b6a02d.entry.js → p-c1db155d.entry.js} +2 -2
  641. package/dist/core/p-c1db155d.entry.js.map +1 -0
  642. package/dist/core/p-c7bcdb8e.entry.js +2 -0
  643. package/dist/core/p-c7bcdb8e.entry.js.map +1 -0
  644. package/dist/core/p-ca11666f.entry.js +2 -0
  645. package/dist/core/p-ca11666f.entry.js.map +1 -0
  646. package/dist/core/p-cda4aca9.js +2 -0
  647. package/dist/core/p-cda4aca9.js.map +1 -0
  648. package/dist/core/{p-bf4c61cb.entry.js → p-d0afa458.entry.js} +2 -2
  649. package/dist/core/{p-bf4c61cb.entry.js.map → p-d0afa458.entry.js.map} +1 -1
  650. package/dist/core/p-d8690838.entry.js +2 -0
  651. package/dist/core/p-d8690838.entry.js.map +1 -0
  652. package/dist/core/p-dededae6.entry.js +2 -0
  653. package/dist/core/p-dededae6.entry.js.map +1 -0
  654. package/dist/core/p-df957570.entry.js +2 -0
  655. package/dist/core/p-df957570.entry.js.map +1 -0
  656. package/dist/core/{p-d8870804.entry.js → p-e2cf6e7e.entry.js} +2 -2
  657. package/dist/core/p-e6189634.entry.js +2 -0
  658. package/dist/core/p-e6189634.entry.js.map +1 -0
  659. package/dist/core/p-e6dc3cd1.entry.js +2 -0
  660. package/dist/core/p-e6dc3cd1.entry.js.map +1 -0
  661. package/dist/core/p-e831277e.entry.js +2 -0
  662. package/dist/core/p-e831277e.entry.js.map +1 -0
  663. package/dist/core/p-eb7c589b.entry.js +2 -0
  664. package/dist/core/p-eb7c589b.entry.js.map +1 -0
  665. package/dist/core/p-f65179fe.entry.js +2 -0
  666. package/dist/core/p-f65179fe.entry.js.map +1 -0
  667. package/dist/core/p-fd60eef7.entry.js +2 -0
  668. package/dist/core/p-fd60eef7.entry.js.map +1 -0
  669. package/dist/core/p-fd9f3fd0.entry.js +2 -0
  670. package/dist/core/p-fd9f3fd0.entry.js.map +1 -0
  671. package/dist/esm/core.js +1 -1
  672. package/dist/esm/{helpers-1c9151ef.js → helpers-a72a277b.js} +74 -27
  673. package/dist/esm/helpers-a72a277b.js.map +1 -0
  674. package/dist/esm/ic-accordion-group.entry.js +10 -10
  675. package/dist/esm/ic-accordion-group.entry.js.map +1 -1
  676. package/dist/esm/ic-accordion.entry.js +12 -5
  677. package/dist/esm/ic-accordion.entry.js.map +1 -1
  678. package/dist/esm/ic-alert.entry.js +10 -15
  679. package/dist/esm/ic-alert.entry.js.map +1 -1
  680. package/dist/esm/ic-back-to-top.entry.js +9 -6
  681. package/dist/esm/ic-back-to-top.entry.js.map +1 -1
  682. package/dist/esm/ic-badge.entry.js +26 -3
  683. package/dist/esm/ic-badge.entry.js.map +1 -1
  684. package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
  685. package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
  686. package/dist/esm/ic-breadcrumb.entry.js +49 -4
  687. package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
  688. package/dist/esm/ic-button_3.entry.js +28 -26
  689. package/dist/esm/ic-button_3.entry.js.map +1 -1
  690. package/dist/esm/ic-card-vertical.entry.js +49 -48
  691. package/dist/esm/ic-card-vertical.entry.js.map +1 -1
  692. package/dist/esm/ic-checkbox-group.entry.js +21 -6
  693. package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
  694. package/dist/esm/ic-checkbox.entry.js +10 -4
  695. package/dist/esm/ic-checkbox.entry.js.map +1 -1
  696. package/dist/esm/ic-chip.entry.js +28 -16
  697. package/dist/esm/ic-chip.entry.js.map +1 -1
  698. package/dist/esm/ic-classification-banner.entry.js +1 -1
  699. package/dist/esm/ic-classification-banner.entry.js.map +1 -1
  700. package/dist/esm/ic-data-row.entry.js +1 -1
  701. package/dist/esm/ic-dialog.entry.js +32 -9
  702. package/dist/esm/ic-dialog.entry.js.map +1 -1
  703. package/dist/esm/ic-divider.entry.js +74 -10
  704. package/dist/esm/ic-divider.entry.js.map +1 -1
  705. package/dist/esm/ic-empty-state.entry.js +8 -16
  706. package/dist/esm/ic-empty-state.entry.js.map +1 -1
  707. package/dist/esm/ic-footer-link-group.entry.js +6 -7
  708. package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
  709. package/dist/esm/ic-footer-link.entry.js +8 -7
  710. package/dist/esm/ic-footer-link.entry.js.map +1 -1
  711. package/dist/esm/ic-footer.entry.js +24 -14
  712. package/dist/esm/ic-footer.entry.js.map +1 -1
  713. package/dist/esm/ic-hero.entry.js +8 -16
  714. package/dist/esm/ic-hero.entry.js.map +1 -1
  715. package/dist/esm/ic-horizontal-scroll.entry.js +17 -9
  716. package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
  717. package/dist/esm/ic-input-component-container_3.entry.js +487 -201
  718. package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
  719. package/dist/esm/ic-input-label_2.entry.js +24 -26
  720. package/dist/esm/ic-input-label_2.entry.js.map +1 -1
  721. package/dist/esm/ic-link.entry.js +10 -12
  722. package/dist/esm/ic-link.entry.js.map +1 -1
  723. package/dist/esm/ic-menu-group.entry.js +3 -3
  724. package/dist/esm/ic-menu-group.entry.js.map +1 -1
  725. package/dist/esm/ic-menu-item.entry.js +25 -18
  726. package/dist/esm/ic-menu-item.entry.js.map +1 -1
  727. package/dist/esm/ic-navigation-button.entry.js +11 -8
  728. package/dist/esm/ic-navigation-button.entry.js.map +1 -1
  729. package/dist/esm/ic-navigation-group.entry.js +10 -8
  730. package/dist/esm/ic-navigation-group.entry.js.map +1 -1
  731. package/dist/esm/ic-navigation-item.entry.js +61 -9
  732. package/dist/esm/ic-navigation-item.entry.js.map +1 -1
  733. package/dist/esm/ic-navigation-menu.entry.js +5 -4
  734. package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
  735. package/dist/esm/ic-page-header.entry.js +8 -6
  736. package/dist/esm/ic-page-header.entry.js.map +1 -1
  737. package/dist/esm/ic-pagination-item.entry.js +12 -11
  738. package/dist/esm/ic-pagination-item.entry.js.map +1 -1
  739. package/dist/esm/ic-pagination.entry.js +23 -15
  740. package/dist/esm/ic-pagination.entry.js.map +1 -1
  741. package/dist/esm/ic-popover-menu.entry.js +47 -25
  742. package/dist/esm/ic-popover-menu.entry.js.map +1 -1
  743. package/dist/esm/ic-radio-group.entry.js +60 -29
  744. package/dist/esm/ic-radio-group.entry.js.map +1 -1
  745. package/dist/esm/ic-radio-option.entry.js +42 -22
  746. package/dist/esm/ic-radio-option.entry.js.map +1 -1
  747. package/dist/esm/ic-search-bar.entry.js +54 -56
  748. package/dist/esm/ic-search-bar.entry.js.map +1 -1
  749. package/dist/esm/ic-select.entry.js +192 -66
  750. package/dist/esm/ic-select.entry.js.map +1 -1
  751. package/dist/esm/ic-side-navigation.entry.js +16 -11
  752. package/dist/esm/ic-side-navigation.entry.js.map +1 -1
  753. package/dist/esm/ic-skeleton.entry.js +4 -4
  754. package/dist/esm/ic-skeleton.entry.js.map +1 -1
  755. package/dist/esm/ic-status-tag.entry.js +5 -4
  756. package/dist/esm/ic-status-tag.entry.js.map +1 -1
  757. package/dist/esm/ic-step.entry.js +4 -5
  758. package/dist/esm/ic-step.entry.js.map +1 -1
  759. package/dist/esm/ic-stepper.entry.js +12 -2
  760. package/dist/esm/ic-stepper.entry.js.map +1 -1
  761. package/dist/esm/ic-switch.entry.js +21 -16
  762. package/dist/esm/ic-switch.entry.js.map +1 -1
  763. package/dist/esm/ic-tab-context.entry.js +60 -123
  764. package/dist/esm/ic-tab-context.entry.js.map +1 -1
  765. package/dist/esm/ic-tab-group.entry.js +3 -19
  766. package/dist/esm/ic-tab-group.entry.js.map +1 -1
  767. package/dist/esm/ic-tab-panel.entry.js +2 -2
  768. package/dist/esm/ic-tab-panel.entry.js.map +1 -1
  769. package/dist/esm/ic-tab.entry.js +10 -8
  770. package/dist/esm/ic-tab.entry.js.map +1 -1
  771. package/dist/esm/ic-text-field.entry.js +43 -23
  772. package/dist/esm/ic-text-field.entry.js.map +1 -1
  773. package/dist/esm/ic-theme.entry.js +20 -20
  774. package/dist/esm/ic-theme.entry.js.map +1 -1
  775. package/dist/esm/ic-toast.entry.js +4 -4
  776. package/dist/esm/ic-toast.entry.js.map +1 -1
  777. package/dist/esm/ic-toggle-button-group.entry.js +62 -12
  778. package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
  779. package/dist/esm/ic-toggle-button.entry.js +64 -9
  780. package/dist/esm/ic-toggle-button.entry.js.map +1 -1
  781. package/dist/esm/ic-top-navigation.entry.js +13 -7
  782. package/dist/esm/ic-top-navigation.entry.js.map +1 -1
  783. package/dist/esm/ic-typography.entry.js +5 -3
  784. package/dist/esm/ic-typography.entry.js.map +1 -1
  785. package/dist/esm/index-d1d2c456.js +4 -4
  786. package/dist/esm/loader.js +1 -1
  787. package/dist/types/components/ic-accordion/ic-accordion.d.ts +7 -5
  788. package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +4 -4
  789. package/dist/types/components/ic-alert/ic-alert.d.ts +9 -6
  790. package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +5 -0
  791. package/dist/types/components/ic-badge/ic-badge.d.ts +5 -0
  792. package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +9 -0
  793. package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +1 -0
  794. package/dist/types/components/ic-button/ic-button.d.ts +11 -7
  795. package/dist/types/components/ic-button/ic-button.types.d.ts +0 -1
  796. package/dist/types/components/ic-card-vertical/ic-card-vertical.d.ts +9 -5
  797. package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +7 -2
  798. package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +8 -1
  799. package/dist/types/components/ic-chip/ic-chip.d.ts +13 -2
  800. package/dist/types/components/ic-dialog/ic-dialog.d.ts +8 -2
  801. package/dist/types/components/ic-divider/ic-divider.d.ts +33 -3
  802. package/dist/types/components/ic-divider/ic-divider.types.d.ts +3 -0
  803. package/dist/types/components/ic-empty-state/ic-empty-state.d.ts +5 -2
  804. package/dist/types/components/ic-footer/ic-footer.d.ts +4 -3
  805. package/dist/types/components/ic-footer-link/ic-footer-link.d.ts +3 -3
  806. package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +3 -2
  807. package/dist/types/components/ic-hero/ic-hero.d.ts +3 -4
  808. package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts +8 -2
  809. package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +2 -5
  810. package/dist/types/components/ic-input-label/ic-input-label.d.ts +8 -4
  811. package/dist/types/components/ic-link/ic-link.d.ts +2 -2
  812. package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +9 -5
  813. package/dist/types/components/ic-menu/ic-menu.d.ts +49 -16
  814. package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +12 -5
  815. package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +7 -3
  816. package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +7 -3
  817. package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +14 -3
  818. package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +5 -0
  819. package/dist/types/components/ic-page-header/ic-page-header.d.ts +5 -1
  820. package/dist/types/components/ic-pagination/ic-pagination.d.ts +10 -5
  821. package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +10 -5
  822. package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +9 -7
  823. package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +6 -1
  824. package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +10 -3
  825. package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +15 -3
  826. package/dist/types/components/ic-select/ic-select.d.ts +36 -16
  827. package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +3 -3
  828. package/dist/types/components/ic-side-navigation/ic-side-navigation.types.d.ts +2 -2
  829. package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +3 -2
  830. package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +4 -0
  831. package/dist/types/components/ic-step/ic-step.d.ts +5 -0
  832. package/dist/types/components/ic-stepper/ic-stepper.d.ts +6 -4
  833. package/dist/types/components/ic-switch/ic-switch.d.ts +7 -6
  834. package/dist/types/components/ic-tab/ic-tab.d.ts +1 -0
  835. package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +8 -6
  836. package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +0 -4
  837. package/dist/types/components/ic-text-field/ic-text-field.d.ts +10 -2
  838. package/dist/types/components/ic-theme/ic-theme.d.ts +8 -8
  839. package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +16 -7
  840. package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +21 -5
  841. package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +1 -1
  842. package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +7 -3
  843. package/dist/types/components.d.ts +516 -159
  844. package/dist/types/testspec.setup.d.ts +9 -0
  845. package/dist/types/utils/helpers.d.ts +22 -8
  846. package/dist/types/utils/types.d.ts +8 -6
  847. package/hydrate/index.js +1998 -1053
  848. package/package.json +20 -19
  849. package/vscode-data.json +655 -166
  850. package/dist/cjs/helpers-f1cf5156.js.map +0 -1
  851. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js +0 -339
  852. package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js.map +0 -1
  853. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js +0 -1106
  854. package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +0 -1
  855. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js +0 -49
  856. package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js.map +0 -1
  857. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js +0 -109
  858. package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js.map +0 -1
  859. package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js +0 -39
  860. package/dist/collection/components/ic-typography/test/basic/ic-typography.e2e.js.map +0 -1
  861. package/dist/components/ic-text-field2.js +0 -353
  862. package/dist/components/ic-text-field2.js.map +0 -1
  863. package/dist/core/p-09104e40.entry.js +0 -2
  864. package/dist/core/p-09104e40.entry.js.map +0 -1
  865. package/dist/core/p-0c0b1c74.entry.js +0 -2
  866. package/dist/core/p-0c0b1c74.entry.js.map +0 -1
  867. package/dist/core/p-0c3a0d85.entry.js +0 -2
  868. package/dist/core/p-0c3a0d85.entry.js.map +0 -1
  869. package/dist/core/p-1083a708.entry.js +0 -2
  870. package/dist/core/p-1083a708.entry.js.map +0 -1
  871. package/dist/core/p-130dd440.entry.js +0 -2
  872. package/dist/core/p-130dd440.entry.js.map +0 -1
  873. package/dist/core/p-1e802eeb.entry.js.map +0 -1
  874. package/dist/core/p-21312898.entry.js +0 -2
  875. package/dist/core/p-21312898.entry.js.map +0 -1
  876. package/dist/core/p-21e5dd29.entry.js +0 -2
  877. package/dist/core/p-21e5dd29.entry.js.map +0 -1
  878. package/dist/core/p-2ab86057.entry.js +0 -2
  879. package/dist/core/p-2ab86057.entry.js.map +0 -1
  880. package/dist/core/p-312cacae.js +0 -2
  881. package/dist/core/p-312cacae.js.map +0 -1
  882. package/dist/core/p-31fc8756.entry.js +0 -2
  883. package/dist/core/p-31fc8756.entry.js.map +0 -1
  884. package/dist/core/p-355acffa.entry.js +0 -2
  885. package/dist/core/p-355acffa.entry.js.map +0 -1
  886. package/dist/core/p-35b8b480.entry.js +0 -2
  887. package/dist/core/p-35b8b480.entry.js.map +0 -1
  888. package/dist/core/p-363d6e88.entry.js +0 -2
  889. package/dist/core/p-363d6e88.entry.js.map +0 -1
  890. package/dist/core/p-40e9e76a.entry.js +0 -2
  891. package/dist/core/p-40e9e76a.entry.js.map +0 -1
  892. package/dist/core/p-43f9a711.entry.js +0 -2
  893. package/dist/core/p-43f9a711.entry.js.map +0 -1
  894. package/dist/core/p-46ee459b.entry.js.map +0 -1
  895. package/dist/core/p-54238d16.entry.js.map +0 -1
  896. package/dist/core/p-550d7356.entry.js +0 -2
  897. package/dist/core/p-550d7356.entry.js.map +0 -1
  898. package/dist/core/p-56d1828c.entry.js +0 -2
  899. package/dist/core/p-56d1828c.entry.js.map +0 -1
  900. package/dist/core/p-5a2630fb.entry.js +0 -2
  901. package/dist/core/p-5a2630fb.entry.js.map +0 -1
  902. package/dist/core/p-5a52614c.entry.js +0 -2
  903. package/dist/core/p-5a52614c.entry.js.map +0 -1
  904. package/dist/core/p-60efd7fa.entry.js +0 -2
  905. package/dist/core/p-60efd7fa.entry.js.map +0 -1
  906. package/dist/core/p-69f3ce5a.entry.js +0 -2
  907. package/dist/core/p-69f3ce5a.entry.js.map +0 -1
  908. package/dist/core/p-78ce4920.entry.js +0 -2
  909. package/dist/core/p-78ce4920.entry.js.map +0 -1
  910. package/dist/core/p-79d2a33b.entry.js +0 -2
  911. package/dist/core/p-79d2a33b.entry.js.map +0 -1
  912. package/dist/core/p-80237a20.entry.js +0 -2
  913. package/dist/core/p-80237a20.entry.js.map +0 -1
  914. package/dist/core/p-804513ad.entry.js +0 -2
  915. package/dist/core/p-804513ad.entry.js.map +0 -1
  916. package/dist/core/p-82375dca.entry.js +0 -2
  917. package/dist/core/p-82375dca.entry.js.map +0 -1
  918. package/dist/core/p-8e1e25a7.entry.js +0 -2
  919. package/dist/core/p-8e1e25a7.entry.js.map +0 -1
  920. package/dist/core/p-a1a1000d.entry.js +0 -2
  921. package/dist/core/p-a1a1000d.entry.js.map +0 -1
  922. package/dist/core/p-a1b1a0ab.entry.js +0 -2
  923. package/dist/core/p-a1b1a0ab.entry.js.map +0 -1
  924. package/dist/core/p-a37bcdbe.entry.js +0 -2
  925. package/dist/core/p-a37bcdbe.entry.js.map +0 -1
  926. package/dist/core/p-a3b6a02d.entry.js.map +0 -1
  927. package/dist/core/p-a765ad17.entry.js +0 -2
  928. package/dist/core/p-a765ad17.entry.js.map +0 -1
  929. package/dist/core/p-aa2be24c.entry.js +0 -2
  930. package/dist/core/p-aa2be24c.entry.js.map +0 -1
  931. package/dist/core/p-b12a5283.entry.js +0 -2
  932. package/dist/core/p-b12a5283.entry.js.map +0 -1
  933. package/dist/core/p-b1b05979.entry.js +0 -2
  934. package/dist/core/p-b1b05979.entry.js.map +0 -1
  935. package/dist/core/p-c6795377.entry.js +0 -2
  936. package/dist/core/p-c6795377.entry.js.map +0 -1
  937. package/dist/core/p-c81109da.entry.js.map +0 -1
  938. package/dist/core/p-cb4d104e.entry.js +0 -2
  939. package/dist/core/p-cb4d104e.entry.js.map +0 -1
  940. package/dist/core/p-d2f89cb5.entry.js +0 -2
  941. package/dist/core/p-d2f89cb5.entry.js.map +0 -1
  942. package/dist/core/p-d43d1ec0.entry.js +0 -2
  943. package/dist/core/p-d43d1ec0.entry.js.map +0 -1
  944. package/dist/core/p-d5829a35.entry.js +0 -2
  945. package/dist/core/p-d5829a35.entry.js.map +0 -1
  946. package/dist/core/p-ddb8d280.entry.js +0 -2
  947. package/dist/core/p-ddb8d280.entry.js.map +0 -1
  948. package/dist/core/p-e0e34fa7.entry.js +0 -2
  949. package/dist/core/p-e0e34fa7.entry.js.map +0 -1
  950. package/dist/core/p-e4b276b5.entry.js +0 -2
  951. package/dist/core/p-e4b276b5.entry.js.map +0 -1
  952. package/dist/core/p-e597da0e.entry.js.map +0 -1
  953. package/dist/core/p-e861a2b3.entry.js.map +0 -1
  954. package/dist/core/p-ea277b05.entry.js +0 -2
  955. package/dist/core/p-ea277b05.entry.js.map +0 -1
  956. package/dist/core/p-ef871b8f.entry.js +0 -2
  957. package/dist/core/p-ef871b8f.entry.js.map +0 -1
  958. package/dist/core/p-f229d19e.entry.js +0 -2
  959. package/dist/core/p-f229d19e.entry.js.map +0 -1
  960. package/dist/core/p-f30f3a3e.entry.js +0 -2
  961. package/dist/core/p-f30f3a3e.entry.js.map +0 -1
  962. package/dist/core/p-fa587e6d.entry.js +0 -2
  963. package/dist/core/p-fa587e6d.entry.js.map +0 -1
  964. package/dist/core/p-fb6ac08d.entry.js +0 -2
  965. package/dist/core/p-fb6ac08d.entry.js.map +0 -1
  966. package/dist/esm/helpers-1c9151ef.js.map +0 -1
  967. /package/dist/core/{p-d8870804.entry.js.map → p-e2cf6e7e.entry.js.map} +0 -0
@@ -0,0 +1,862 @@
1
+ import { html } from "lit-html";
2
+
3
+ export default {
4
+ title: "Web Components/Text field",
5
+ component: "ic-text-field",
6
+ };
7
+
8
+ export const Default = {
9
+ render: (args) =>
10
+ html`<ic-text-field label="What is your favourite coffee?"> </ic-text-field>
11
+ <ic-text-field rows="6" label="What is your favourite coffee?">
12
+ </ic-text-field>`,
13
+
14
+ name: "Default",
15
+ };
16
+
17
+ export const Autofocus = {
18
+ render: (args) =>
19
+ html`<ic-text-field autofocus label="What is your favourite coffee?">
20
+ </ic-text-field>`,
21
+
22
+ name: "Autofocus",
23
+ };
24
+
25
+ export const PlaceholderAndRequired = {
26
+ render: (args) =>
27
+ html`<ic-text-field
28
+ label="What is your favourite coffee?"
29
+ required
30
+ placeholder="Placeholder"
31
+ >
32
+ </ic-text-field>
33
+ <ic-text-field
34
+ rows="6"
35
+ label="What is your favourite coffee?"
36
+ required
37
+ placeholder="Placeholder"
38
+ >
39
+ </ic-text-field> `,
40
+
41
+ name: "Placeholder and required",
42
+ };
43
+
44
+ export const HelperText = {
45
+ render: (args) =>
46
+ html`<ic-text-field
47
+ label="What is your favourite coffee?"
48
+ required
49
+ placeholder="Placeholder"
50
+ helper-text="Such as Arabica, Robusta or Liberica"
51
+ >
52
+ </ic-text-field>
53
+ <ic-text-field
54
+ rows="6"
55
+ label="What is your favourite coffee?"
56
+ required
57
+ placeholder="Placeholder"
58
+ helper-text="Such as Arabica, Robusta or Liberica"
59
+ >
60
+ </ic-text-field> `,
61
+
62
+ name: "Helper text",
63
+ };
64
+
65
+ export const WithIcon = {
66
+ render: (args) =>
67
+ html`<ic-text-field
68
+ label="What is your favourite coffee?"
69
+ required
70
+ placeholder="Placeholder"
71
+ helper-text="Such as Arabica, Robusta or Liberica"
72
+ >
73
+ <svg
74
+ slot="icon"
75
+ xmlns="http://www.w3.org/2000/svg"
76
+ height="24px"
77
+ viewBox="0 0 24 24"
78
+ width="24px"
79
+ fill="#000000"
80
+ >
81
+ <path d="M0 0h24v24H0z" fill="none" />
82
+ <path
83
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
84
+ />
85
+ </svg>
86
+ </ic-text-field>
87
+ <ic-text-field
88
+ rows="6"
89
+ label="What is your favourite coffee?"
90
+ required
91
+ placeholder="Placeholder"
92
+ helper-text="Such as Arabica, Robusta or Liberica"
93
+ >
94
+ <svg
95
+ slot="icon"
96
+ xmlns="http://www.w3.org/2000/svg"
97
+ height="24px"
98
+ viewBox="0 0 24 24"
99
+ width="24px"
100
+ fill="#000000"
101
+ >
102
+ <path d="M0 0h24v24H0z" fill="none" />
103
+ <path
104
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
105
+ />
106
+ </svg>
107
+ </ic-text-field> `,
108
+
109
+ name: "With icon",
110
+ };
111
+
112
+ export const WithValue = {
113
+ render: (args) =>
114
+ html`<ic-text-field
115
+ value="Arabica"
116
+ label="What is your favourite coffee?"
117
+ required
118
+ placeholder="Placeholder"
119
+ helper-text="Such as Arabica, Robusta or Liberica"
120
+ >
121
+ <svg
122
+ slot="icon"
123
+ xmlns="http://www.w3.org/2000/svg"
124
+ height="24px"
125
+ viewBox="0 0 24 24"
126
+ width="24px"
127
+ fill="#000000"
128
+ >
129
+ <path d="M0 0h24v24H0z" fill="none" />
130
+ <path
131
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
132
+ />
133
+ </svg>
134
+ </ic-text-field>
135
+ <ic-text-field
136
+ rows="6"
137
+ value="Arabica"
138
+ label="What is your favourite coffee?"
139
+ required
140
+ placeholder="Placeholder"
141
+ helper-text="Such as Arabica, Robusta or Liberica"
142
+ >
143
+ <svg
144
+ slot="icon"
145
+ xmlns="http://www.w3.org/2000/svg"
146
+ height="24px"
147
+ viewBox="0 0 24 24"
148
+ width="24px"
149
+ fill="#000000"
150
+ >
151
+ <path d="M0 0h24v24H0z" fill="none" />
152
+ <path
153
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
154
+ />
155
+ </svg>
156
+ </ic-text-field> `,
157
+
158
+ name: "With value",
159
+ };
160
+
161
+ export const CustomWidth = {
162
+ render: (args) =>
163
+ html`<style>
164
+ ic-text-field {
165
+ --input-width: 400px;
166
+ }
167
+ </style>
168
+ <ic-text-field
169
+ value="Arabica"
170
+ max-characters="25"
171
+ label="What is your favourite coffee?"
172
+ size="small"
173
+ required="true"
174
+ placeholder="Placeholder"
175
+ helper-text="Such as Arabica, Robusta or Liberica"
176
+ >
177
+ <svg
178
+ slot="icon"
179
+ xmlns="http://www.w3.org/2000/svg"
180
+ height="24px"
181
+ viewBox="0 0 24 24"
182
+ width="24px"
183
+ fill="#000000"
184
+ >
185
+ <path d="M0 0h24v24H0z" fill="none" />
186
+ <path
187
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
188
+ />
189
+ </svg>
190
+ </ic-text-field>
191
+ <ic-text-field
192
+ rows="6"
193
+ value="Arabica"
194
+ max-characters="25"
195
+ resize
196
+ label="What is your favourite coffee?"
197
+ size="small"
198
+ required="true"
199
+ placeholder="Placeholder"
200
+ helper-text="Such as Arabica, Robusta or Liberica"
201
+ >
202
+ <svg
203
+ slot="icon"
204
+ xmlns="http://www.w3.org/2000/svg"
205
+ height="24px"
206
+ viewBox="0 0 24 24"
207
+ width="24px"
208
+ fill="#000000"
209
+ >
210
+ <path d="M0 0h24v24H0z" fill="none" />
211
+ <path
212
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
213
+ />
214
+ </svg>
215
+ </ic-text-field> `,
216
+
217
+ name: "Custom width",
218
+ };
219
+
220
+ export const FullWidth = {
221
+ render: (args) =>
222
+ html`<div style="display: flex">
223
+ <ic-text-field
224
+ full-width="true"
225
+ value="Arabica"
226
+ max-characters="25"
227
+ label="What is your favourite coffee?"
228
+ size="small"
229
+ required="true"
230
+ placeholder="Placeholder"
231
+ helper-text="Such as Arabica, Robusta or Liberica"
232
+ >
233
+ <svg
234
+ slot="icon"
235
+ xmlns="http://www.w3.org/2000/svg"
236
+ height="24px"
237
+ viewBox="0 0 24 24"
238
+ width="24px"
239
+ fill="#000000"
240
+ >
241
+ <path d="M0 0h24v24H0z" fill="none" />
242
+ <path
243
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
244
+ />
245
+ </svg>
246
+ </ic-text-field>
247
+ </div>
248
+ <ic-text-field
249
+ full-width="true"
250
+ rows="6"
251
+ value="Arabica"
252
+ max-characters="25"
253
+ resize
254
+ label="What is your favourite coffee?"
255
+ size="small"
256
+ required="true"
257
+ placeholder="Placeholder"
258
+ helper-text="Such as Arabica, Robusta or Liberica"
259
+ >
260
+ <svg
261
+ slot="icon"
262
+ xmlns="http://www.w3.org/2000/svg"
263
+ height="24px"
264
+ viewBox="0 0 24 24"
265
+ width="24px"
266
+ fill="#000000"
267
+ >
268
+ <path d="M0 0h24v24H0z" fill="none" />
269
+ <path
270
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
271
+ />
272
+ </svg>
273
+ </ic-text-field> `,
274
+
275
+ name: "Full width",
276
+ };
277
+
278
+ export const Disabled = {
279
+ render: (args) =>
280
+ html`<ic-text-field
281
+ value="Arabica"
282
+ label="What is your favourite coffee?"
283
+ disabled
284
+ placeholder="Placeholder"
285
+ helper-text="Such as Arabica, Robusta or Liberica"
286
+ >
287
+ <svg
288
+ slot="icon"
289
+ xmlns="http://www.w3.org/2000/svg"
290
+ height="24px"
291
+ viewBox="0 0 24 24"
292
+ width="24px"
293
+ fill="#000000"
294
+ >
295
+ <path d="M0 0h24v24H0z" fill="none" />
296
+ <path
297
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
298
+ />
299
+ </svg>
300
+ </ic-text-field>
301
+ <ic-text-field
302
+ value="Arabica"
303
+ rows="6"
304
+ label="What is your favourite coffee?"
305
+ disabled
306
+ placeholder="Placeholder"
307
+ helper-text="Such as Arabica, Robusta or Liberica"
308
+ >
309
+ <svg
310
+ slot="icon"
311
+ xmlns="http://www.w3.org/2000/svg"
312
+ height="24px"
313
+ viewBox="0 0 24 24"
314
+ width="24px"
315
+ fill="#000000"
316
+ >
317
+ <path d="M0 0h24v24H0z" fill="none" />
318
+ <path
319
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
320
+ />
321
+ </svg>
322
+ </ic-text-field>
323
+ <ic-text-field
324
+ value="Arabica"
325
+ max-characters="25"
326
+ label="What is your favourite coffee?"
327
+ disabled
328
+ placeholder="Placeholder"
329
+ helper-text="Such as Arabica, Robusta or Liberica"
330
+ >
331
+ <svg
332
+ slot="icon"
333
+ xmlns="http://www.w3.org/2000/svg"
334
+ height="24px"
335
+ viewBox="0 0 24 24"
336
+ width="24px"
337
+ fill="#000000"
338
+ >
339
+ <path d="M0 0h24v24H0z" fill="none" />
340
+ <path
341
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
342
+ />
343
+ </svg>
344
+ </ic-text-field>
345
+ <ic-text-field
346
+ rows="6"
347
+ value="Arabica"
348
+ max-characters="25"
349
+ label="What is your favourite coffee?"
350
+ disabled
351
+ placeholder="Placeholder"
352
+ helper-text="Such as Arabica, Robusta or Liberica"
353
+ >
354
+ <svg
355
+ slot="icon"
356
+ xmlns="http://www.w3.org/2000/svg"
357
+ height="24px"
358
+ viewBox="0 0 24 24"
359
+ width="24px"
360
+ fill="#000000"
361
+ >
362
+ <path d="M0 0h24v24H0z" fill="none" />
363
+ <path
364
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
365
+ />
366
+ </svg>
367
+ </ic-text-field> `,
368
+
369
+ name: "Disabled",
370
+ };
371
+
372
+ export const ReadOnly = {
373
+ render: (args) =>
374
+ html`<ic-text-field
375
+ value="Arabica"
376
+ max-characters="25"
377
+ label="What is your favourite coffee?"
378
+ readonly
379
+ placeholder="Placeholder"
380
+ helper-text="Such as Arabica, Robusta or Liberica"
381
+ >
382
+ <svg
383
+ slot="icon"
384
+ xmlns="http://www.w3.org/2000/svg"
385
+ height="24px"
386
+ viewBox="0 0 24 24"
387
+ width="24px"
388
+ fill="#000000"
389
+ >
390
+ <path d="M0 0h24v24H0z" fill="none" />
391
+ <path
392
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
393
+ />
394
+ </svg>
395
+ </ic-text-field>
396
+ <ic-text-field
397
+ rows="6"
398
+ value="Arabica"
399
+ max-characters="25"
400
+ label="What is your favourite coffee?"
401
+ readonly
402
+ placeholder="Placeholder"
403
+ helper-text="Such as Arabica, Robusta or Liberica"
404
+ >
405
+ <svg
406
+ slot="icon"
407
+ xmlns="http://www.w3.org/2000/svg"
408
+ height="24px"
409
+ viewBox="0 0 24 24"
410
+ width="24px"
411
+ fill="#000000"
412
+ >
413
+ <path d="M0 0h24v24H0z" fill="none" />
414
+ <path
415
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
416
+ />
417
+ </svg>
418
+ </ic-text-field>
419
+ <ic-text-field
420
+ value="Arabica"
421
+ max-characters="25"
422
+ label="What is your favourite coffee?"
423
+ readonly
424
+ placeholder="Placeholder"
425
+ helper-text="Such as Arabica, Robusta or Liberica"
426
+ >
427
+ </ic-text-field>
428
+ <ic-text-field
429
+ rows="6"
430
+ value="Arabica"
431
+ max-characters="25"
432
+ label="What is your favourite coffee?"
433
+ readonly
434
+ placeholder="Placeholder"
435
+ helper-text="Such as Arabica, Robusta or Liberica"
436
+ >
437
+ </ic-text-field> `,
438
+
439
+ name: "Read only",
440
+ };
441
+
442
+ export const Validation = {
443
+ render: (args) =>
444
+ html`<ic-text-field
445
+ validation-status="success"
446
+ validation-text="Good choice!"
447
+ value="Arabica"
448
+ max-characters="25"
449
+ label="What is your favourite coffee?"
450
+ required
451
+ placeholder="Placeholder"
452
+ helper-text="Such as Arabica, Robusta or Liberica"
453
+ >
454
+ <svg
455
+ slot="icon"
456
+ xmlns="http://www.w3.org/2000/svg"
457
+ height="24px"
458
+ viewBox="0 0 24 24"
459
+ width="24px"
460
+ fill="#000000"
461
+ >
462
+ <path d="M0 0h24v24H0z" fill="none" />
463
+ <path
464
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
465
+ />
466
+ </svg>
467
+ </ic-text-field>
468
+ <ic-text-field
469
+ rows="6"
470
+ validation-status="success"
471
+ validation-text="Good choice!"
472
+ value="Arabica"
473
+ max-characters="25"
474
+ label="What is your favourite coffee?"
475
+ required
476
+ placeholder="Placeholder"
477
+ helper-text="Such as Arabica, Robusta, Liberica or something else to make this label long"
478
+ >
479
+ <svg
480
+ slot="icon"
481
+ xmlns="http://www.w3.org/2000/svg"
482
+ height="24px"
483
+ viewBox="0 0 24 24"
484
+ width="24px"
485
+ fill="#000000"
486
+ >
487
+ <path d="M0 0h24v24H0z" fill="none" />
488
+ <path
489
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
490
+ />
491
+ </svg>
492
+ </ic-text-field>
493
+ <ic-text-field
494
+ validation-status="success"
495
+ validation-text="Good choice!"
496
+ validation-inline="true"
497
+ value="Arabica"
498
+ max-characters="25"
499
+ label="What is your favourite coffee?"
500
+ required
501
+ placeholder="Placeholder"
502
+ helper-text="Such as Arabica, Robusta or Liberica"
503
+ >
504
+ <svg
505
+ slot="icon"
506
+ xmlns="http://www.w3.org/2000/svg"
507
+ height="24px"
508
+ viewBox="0 0 24 24"
509
+ width="24px"
510
+ fill="#000000"
511
+ >
512
+ <path d="M0 0h24v24H0z" fill="none" />
513
+ <path
514
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
515
+ />
516
+ </svg>
517
+ </ic-text-field>
518
+ <ic-text-field
519
+ validation-status="success"
520
+ validation-text="Good choice!"
521
+ validation-inline="true"
522
+ value="Arabica"
523
+ max-characters="25"
524
+ label="What is your favourite coffee?"
525
+ required
526
+ size="small"
527
+ placeholder="Placeholder"
528
+ helper-text="Such as Arabica, Robusta or Liberica"
529
+ >
530
+ <svg
531
+ slot="icon"
532
+ xmlns="http://www.w3.org/2000/svg"
533
+ height="24px"
534
+ viewBox="0 0 24 24"
535
+ width="24px"
536
+ fill="#000000"
537
+ >
538
+ <path d="M0 0h24v24H0z" fill="none" />
539
+ <path
540
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
541
+ />
542
+ </svg>
543
+ </ic-text-field>
544
+ <ic-text-field
545
+ validation-status="warning"
546
+ validation-text="A very long warning message to test if wrapping works"
547
+ value="Arabica"
548
+ max-characters="25"
549
+ label="What is your favourite coffee?"
550
+ required
551
+ placeholder="Placeholder"
552
+ helper-text="Such as Arabica, Robusta or Liberica"
553
+ >
554
+ <svg
555
+ slot="icon"
556
+ xmlns="http://www.w3.org/2000/svg"
557
+ height="24px"
558
+ viewBox="0 0 24 24"
559
+ width="24px"
560
+ fill="#000000"
561
+ >
562
+ <path d="M0 0h24v24H0z" fill="none" />
563
+ <path
564
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
565
+ />
566
+ </svg>
567
+ </ic-text-field>
568
+ <ic-text-field
569
+ rows="6"
570
+ validation-status="warning"
571
+ validation-text="A very long warning message to test if wrapping works"
572
+ value="Arabica"
573
+ label="What is your favourite coffee?"
574
+ required
575
+ placeholder="Placeholder"
576
+ helper-text="Such as Arabica, Robusta or Liberica"
577
+ >
578
+ <svg
579
+ slot="icon"
580
+ xmlns="http://www.w3.org/2000/svg"
581
+ height="24px"
582
+ viewBox="0 0 24 24"
583
+ width="24px"
584
+ fill="#000000"
585
+ >
586
+ <path d="M0 0h24v24H0z" fill="none" />
587
+ <path
588
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
589
+ />
590
+ </svg>
591
+ </ic-text-field>
592
+ <ic-text-field
593
+ validation-status="error"
594
+ validation-text="now it has really gone to (coffee) pot"
595
+ value="Tea"
596
+ max-characters="25"
597
+ label="What is your favourite coffee?"
598
+ required
599
+ placeholder="Placeholder"
600
+ helper-text="Such as Arabica, Robusta or Liberica"
601
+ >
602
+ <svg
603
+ slot="icon"
604
+ xmlns="http://www.w3.org/2000/svg"
605
+ height="24px"
606
+ viewBox="0 0 24 24"
607
+ width="24px"
608
+ fill="#000000"
609
+ >
610
+ <path d="M0 0h24v24H0z" fill="none" />
611
+ <path
612
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
613
+ />
614
+ </svg>
615
+ </ic-text-field>
616
+ <ic-text-field
617
+ rows="6"
618
+ validation-status="error"
619
+ validation-text="now it has really gone to (coffee) pot"
620
+ value="Tea"
621
+ max-characters="25"
622
+ label="What is your favourite coffee?"
623
+ required
624
+ placeholder="Placeholder"
625
+ helper-text="Such as Arabica, Robusta or Liberica"
626
+ >
627
+ <svg
628
+ slot="icon"
629
+ xmlns="http://www.w3.org/2000/svg"
630
+ height="24px"
631
+ viewBox="0 0 24 24"
632
+ width="24px"
633
+ fill="#000000"
634
+ >
635
+ <path d="M0 0h24v24H0z" fill="none" />
636
+ <path
637
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
638
+ />
639
+ </svg>
640
+ </ic-text-field>
641
+ <ic-text-field
642
+ validation-status="error"
643
+ validation-text="now it has really gone to (coffee) pot"
644
+ value="Tea with milk and 2 sugars"
645
+ max-characters="25"
646
+ label="What is your favourite coffee?"
647
+ required
648
+ placeholder="Placeholder"
649
+ helper-text="Such as Arabica, Robusta or Liberica"
650
+ >
651
+ <svg
652
+ slot="icon"
653
+ xmlns="http://www.w3.org/2000/svg"
654
+ height="24px"
655
+ viewBox="0 0 24 24"
656
+ width="24px"
657
+ fill="#000000"
658
+ >
659
+ <path d="M0 0h24v24H0z" fill="none" />
660
+ <path
661
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
662
+ />
663
+ </svg>
664
+ </ic-text-field>
665
+ <ic-text-field
666
+ rows="6"
667
+ validation-status="error"
668
+ validation-text="now it has really gone to (coffee) pot"
669
+ value="Tea with milk and 2 sugars"
670
+ max-characters="25"
671
+ label="What is your favourite coffee?"
672
+ required
673
+ placeholder="Placeholder"
674
+ helper-text="Such as Arabica, Robusta or Liberica"
675
+ >
676
+ <svg
677
+ slot="icon"
678
+ xmlns="http://www.w3.org/2000/svg"
679
+ height="24px"
680
+ viewBox="0 0 24 24"
681
+ width="24px"
682
+ fill="#000000"
683
+ >
684
+ <path d="M0 0h24v24H0z" fill="none" />
685
+ <path
686
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
687
+ />
688
+ </svg>
689
+ </ic-text-field>
690
+ <ic-text-field
691
+ validation-status="error"
692
+ validation-text="now it has really gone to (coffee) pot"
693
+ value="6"
694
+ inputmode="numeric"
695
+ label="How many coffees do you want?"
696
+ helper-text="Our coffee machines have a maximum capacity of 4 coffees at a time."
697
+ type="number"
698
+ min="1"
699
+ max="4"
700
+ required
701
+ >
702
+ <svg
703
+ slot="icon"
704
+ xmlns="http://www.w3.org/2000/svg"
705
+ height="24px"
706
+ viewBox="0 0 24 24"
707
+ width="24px"
708
+ fill="#000000"
709
+ >
710
+ <path d="M0 0h24v24H0z" fill="none" />
711
+ <path
712
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
713
+ />
714
+ </svg>
715
+ </ic-text-field>
716
+ <ic-text-field
717
+ validation-status="error"
718
+ validation-text="now it has really gone to (coffee) pot"
719
+ value="0"
720
+ inputmode="numeric"
721
+ label="How many coffees do you want?"
722
+ helper-text="Our coffee machines have a maximum capacity of 4 coffees at a time."
723
+ type="number"
724
+ min="1"
725
+ max="4"
726
+ required
727
+ >
728
+ <svg
729
+ slot="icon"
730
+ xmlns="http://www.w3.org/2000/svg"
731
+ height="24px"
732
+ viewBox="0 0 24 24"
733
+ width="24px"
734
+ fill="#000000"
735
+ >
736
+ <path d="M0 0h24v24H0z" fill="none" />
737
+ <path
738
+ d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
739
+ />
740
+ </svg>
741
+ </ic-text-field>
742
+ <ic-text-field
743
+ validation-status="error"
744
+ validation-text="I'm not familiar with this type of coffee"
745
+ validation-inline-internal="true"
746
+ value="Milkshake"
747
+ label="What is your favourite coffee?"
748
+ required
749
+ hide-label
750
+ size="small"
751
+ placeholder="Placeholder"
752
+ helper-text="Such as Arabica, Robusta or Liberica"
753
+ ></ic-text-field>`,
754
+
755
+ name: "Validation",
756
+ };
757
+
758
+ export const TextAreaWithResize = {
759
+ render: (args) =>
760
+ html`<ic-text-field
761
+ rows="6"
762
+ value="Arabica"
763
+ max-characters="25"
764
+ resize
765
+ label="What is your favourite coffee?"
766
+ size="small"
767
+ required="true"
768
+ placeholder="Placeholder"
769
+ helper-text="Such as Arabica, Robusta or Liberica"
770
+ >
771
+ <svg
772
+ slot="icon"
773
+ xmlns="http://www.w3.org/2000/svg"
774
+ height="24px"
775
+ viewBox="0 0 24 24"
776
+ width="24px"
777
+ fill="#000000"
778
+ >
779
+ <path d="M0 0h24v24H0z" fill="none" />
780
+ <path d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z" />
781
+ </svg>
782
+ </ic-text-field> `,
783
+
784
+ name: "Text area with resize",
785
+ };
786
+
787
+ export const Form = {
788
+ render: (args) => html`
789
+ <form>
790
+ <ic-text-field label="What is your favourite coffee?"></ic-text-field>
791
+ <br />
792
+ <br />
793
+ <input type="submit" value="Submit" />
794
+ <input type="reset" value="Reset" />
795
+ </form>
796
+ <script>
797
+ document.querySelector("form").addEventListener("submit", (ev) => {
798
+ ev.preventDefault();
799
+ console.log(
800
+ document.querySelector('input[name="ic-text-field-input-0"]').value
801
+ );
802
+ });
803
+ </script>
804
+ `,
805
+
806
+ name: "Form",
807
+ };
808
+
809
+ export const MinAndMax = {
810
+ render: (args) =>
811
+ html`<ic-text-field
812
+ inputmode="numeric"
813
+ label="How many coffees do you want?"
814
+ helper-text="Our coffee machines have a maximum capacity of 4 coffees at a time."
815
+ type="number"
816
+ min="1"
817
+ max="4"
818
+ >
819
+ </ic-text-field>`,
820
+
821
+ name: "Min and max",
822
+ };
823
+
824
+ export const LoggingIcChange = {
825
+ render: (args) =>
826
+ html`<script>
827
+ function handleIcChange(ev) {
828
+ console.log(ev.detail.value, "icChange");
829
+ }
830
+ document
831
+ .querySelector("ic-text-field")
832
+ .addEventListener("icChange", handleIcChange);
833
+ </script>
834
+ <ic-text-field label="What is your favourite coffee?"> </ic-text-field>`,
835
+
836
+ name: "Logging icChange",
837
+ };
838
+
839
+ export const MaximumAndMinimumCharacters = {
840
+ render: (args) =>
841
+ html`<ic-text-field
842
+ max-characters="2"
843
+ label="What is your favourite coffee?"
844
+ helper-text="Short answers only."
845
+ >
846
+ </ic-text-field>
847
+ <ic-text-field
848
+ max-characters="2"
849
+ label="What is your favourite coffee?"
850
+ helper-text="Short answers only. The character count is hidden."
851
+ hide-char-count
852
+ >
853
+ </ic-text-field>
854
+ <ic-text-field
855
+ min-characters="3"
856
+ label="What is your favourite coffee?"
857
+ helper-text="Long answer please."
858
+ >
859
+ </ic-text-field> `,
860
+
861
+ name: "Maximum and minimum characters",
862
+ };