@carbon/web-components 2.53.0 → 2.54.0-rc.0

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 (463) hide show
  1. package/custom-elements.json +769 -106
  2. package/es/components/ai-label/ai-label.scss.js +1 -1
  3. package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
  4. package/es/components/button/button.scss.js +1 -1
  5. package/es/components/checkbox/checkbox.scss.js +1 -1
  6. package/es/components/code-snippet/code-snippet.scss.js +1 -1
  7. package/es/components/combo-box/combo-box.scss.js +1 -1
  8. package/es/components/combo-button/combo-button.scss.js +1 -1
  9. package/es/components/contained-list/contained-list.scss.js +1 -1
  10. package/es/components/content-switcher/content-switcher.scss.js +1 -1
  11. package/es/components/copy-button/copy-button.scss.js +1 -1
  12. package/es/components/data-table/data-table.scss.js +1 -1
  13. package/es/components/data-table/table-toolbar-search.d.ts +3 -3
  14. package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
  15. package/es/components/data-table/table-toolbar-search.js +2 -3
  16. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  17. package/es/components/date-picker/date-picker.d.ts +4 -0
  18. package/es/components/date-picker/date-picker.d.ts.map +1 -1
  19. package/es/components/date-picker/date-picker.js +5 -1
  20. package/es/components/date-picker/date-picker.js.map +1 -1
  21. package/es/components/date-picker/date-picker.scss.js +1 -1
  22. package/es/components/date-picker/fix-events-plugin.d.ts.map +1 -1
  23. package/es/components/date-picker/fix-events-plugin.js +0 -6
  24. package/es/components/date-picker/fix-events-plugin.js.map +1 -1
  25. package/es/components/date-picker/range-plugin.d.ts +2 -8
  26. package/es/components/date-picker/range-plugin.d.ts.map +1 -1
  27. package/es/components/date-picker/range-plugin.js +3 -9
  28. package/es/components/date-picker/range-plugin.js.map +1 -1
  29. package/es/components/dialog/dialog.scss.js +1 -1
  30. package/es/components/dropdown/dropdown.scss.js +1 -1
  31. package/es/components/feature-flags/index.js +1 -1
  32. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  33. package/es/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts +18 -0
  34. package/es/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts.map +1 -0
  35. package/es/components/fluid-combo-box/fluid-combo-box-skeleton.js +45 -0
  36. package/es/components/fluid-combo-box/fluid-combo-box-skeleton.js.map +1 -0
  37. package/es/components/fluid-combo-box/fluid-combo-box.d.ts +23 -0
  38. package/es/components/fluid-combo-box/fluid-combo-box.d.ts.map +1 -0
  39. package/es/components/fluid-combo-box/fluid-combo-box.js +53 -0
  40. package/es/components/fluid-combo-box/fluid-combo-box.js.map +1 -0
  41. package/es/components/fluid-combo-box/fluid-combo-box.scss.js +14 -0
  42. package/es/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -0
  43. package/es/components/fluid-combo-box/index.d.ts +9 -0
  44. package/es/components/fluid-combo-box/index.d.ts.map +1 -0
  45. package/es/components/fluid-combo-box/index.js +9 -0
  46. package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  47. package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  48. package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  49. package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  50. package/es/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  51. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  52. package/es/components/fluid-select/fluid-select.scss.js +1 -1
  53. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  54. package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  55. package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  56. package/es/components/form/form-item.scss.js +1 -1
  57. package/es/components/form/form.scss.js +1 -1
  58. package/es/components/form-group/form-group.scss.js +1 -1
  59. package/es/components/grid/column-hang.scss.js +1 -1
  60. package/es/components/grid/grid.d.ts +5 -0
  61. package/es/components/grid/grid.d.ts.map +1 -1
  62. package/es/components/grid/grid.js +11 -1
  63. package/es/components/grid/grid.js.map +1 -1
  64. package/es/components/grid/grid.scss.js +1 -1
  65. package/es/components/grid/grid.scss.js.map +1 -1
  66. package/es/components/menu/menu-item.d.ts +1 -0
  67. package/es/components/menu/menu-item.d.ts.map +1 -1
  68. package/es/components/menu/menu-item.js +5 -0
  69. package/es/components/menu/menu-item.js.map +1 -1
  70. package/es/components/menu/menu-item.scss.js +1 -1
  71. package/es/components/menu/menu-item.scss.js.map +1 -1
  72. package/es/components/menu-button/menu-button.d.ts.map +1 -1
  73. package/es/components/menu-button/menu-button.js +0 -1
  74. package/es/components/menu-button/menu-button.js.map +1 -1
  75. package/es/components/menu-button/menu-button.scss.js +1 -1
  76. package/es/components/modal/modal.scss.js +1 -1
  77. package/es/components/multi-select/multi-select.d.ts +38 -4
  78. package/es/components/multi-select/multi-select.d.ts.map +1 -1
  79. package/es/components/multi-select/multi-select.js +30 -27
  80. package/es/components/multi-select/multi-select.js.map +1 -1
  81. package/es/components/multi-select/multi-select.scss.js +1 -1
  82. package/es/components/notification/actionable-notification.scss.js +1 -1
  83. package/es/components/notification/inline-notification.scss.js +1 -1
  84. package/es/components/notification/toast-notification.scss.js +1 -1
  85. package/es/components/number-input/number-input.scss.js +1 -1
  86. package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
  87. package/es/components/page-header/page-header.scss.js +1 -1
  88. package/es/components/pagination/defs.d.ts +25 -0
  89. package/es/components/pagination/defs.d.ts.map +1 -1
  90. package/es/components/pagination/defs.js +27 -1
  91. package/es/components/pagination/defs.js.map +1 -1
  92. package/es/components/pagination/pagination.d.ts +9 -1
  93. package/es/components/pagination/pagination.d.ts.map +1 -1
  94. package/es/components/pagination/pagination.js +7 -2
  95. package/es/components/pagination/pagination.js.map +1 -1
  96. package/es/components/pagination/pagination.scss.js +1 -1
  97. package/es/components/pagination/pagination.scss.js.map +1 -1
  98. package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
  99. package/es/components/password-input/defs.d.ts +5 -1
  100. package/es/components/password-input/defs.d.ts.map +1 -1
  101. package/es/components/password-input/defs.js +4 -0
  102. package/es/components/password-input/defs.js.map +1 -1
  103. package/es/components/password-input/password-input.d.ts +1 -1
  104. package/es/components/password-input/password-input.d.ts.map +1 -1
  105. package/es/components/password-input/password-input.js +14 -14
  106. package/es/components/password-input/password-input.js.map +1 -1
  107. package/es/components/password-input/password-input.scss.js +1 -1
  108. package/es/components/password-input/password-input.scss.js.map +1 -1
  109. package/es/components/popover/popover.scss.js +1 -1
  110. package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
  111. package/es/components/radio-button/radio-button.scss.js +1 -1
  112. package/es/components/search/defs.d.ts +28 -0
  113. package/es/components/search/defs.d.ts.map +1 -0
  114. package/es/components/search/defs.js +40 -0
  115. package/es/components/search/defs.js.map +1 -0
  116. package/es/components/search/search-skeleton.d.ts +4 -4
  117. package/es/components/search/search-skeleton.d.ts.map +1 -1
  118. package/es/components/search/search-skeleton.js +9 -9
  119. package/es/components/search/search-skeleton.js.map +1 -1
  120. package/es/components/search/search.d.ts +4 -3
  121. package/es/components/search/search.d.ts.map +1 -1
  122. package/es/components/search/search.js +3 -5
  123. package/es/components/search/search.js.map +1 -1
  124. package/es/components/search/search.scss.js +1 -1
  125. package/es/components/search/search.scss.js.map +1 -1
  126. package/es/components/select/select.d.ts +1 -1
  127. package/es/components/select/select.d.ts.map +1 -1
  128. package/es/components/select/select.js +1 -4
  129. package/es/components/select/select.js.map +1 -1
  130. package/es/components/select/select.scss.js +1 -1
  131. package/es/components/select/select.scss.js.map +1 -1
  132. package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
  133. package/es/components/slider/slider.d.ts.map +1 -1
  134. package/es/components/slider/slider.js +2 -2
  135. package/es/components/slider/slider.js.map +1 -1
  136. package/es/components/slider/slider.scss.js +1 -1
  137. package/es/components/slug/slug.scss.js +1 -1
  138. package/es/components/tabs/stories/tabs-wrapper.d.ts +53 -0
  139. package/es/components/tabs/stories/tabs-wrapper.d.ts.map +1 -0
  140. package/es/components/tabs/stories/tabs-wrapper.js +129 -0
  141. package/es/components/tabs/stories/tabs-wrapper.js.map +1 -0
  142. package/es/components/tabs/tab.d.ts +23 -0
  143. package/es/components/tabs/tab.d.ts.map +1 -1
  144. package/es/components/tabs/tab.js +59 -3
  145. package/es/components/tabs/tab.js.map +1 -1
  146. package/es/components/tabs/tabs.d.ts +14 -0
  147. package/es/components/tabs/tabs.d.ts.map +1 -1
  148. package/es/components/tabs/tabs.js +74 -25
  149. package/es/components/tabs/tabs.js.map +1 -1
  150. package/es/components/tabs/tabs.scss.js +1 -1
  151. package/es/components/tabs/tabs.scss.js.map +1 -1
  152. package/es/components/tag/tag.scss.js +1 -1
  153. package/es/components/text-input/defs.d.ts +5 -1
  154. package/es/components/text-input/defs.d.ts.map +1 -1
  155. package/es/components/text-input/defs.js +4 -0
  156. package/es/components/text-input/defs.js.map +1 -1
  157. package/es/components/text-input/text-input-skeleton.d.ts +5 -0
  158. package/es/components/text-input/text-input-skeleton.d.ts.map +1 -1
  159. package/es/components/text-input/text-input-skeleton.js +10 -3
  160. package/es/components/text-input/text-input-skeleton.js.map +1 -1
  161. package/es/components/text-input/text-input.d.ts +2 -2
  162. package/es/components/text-input/text-input.d.ts.map +1 -1
  163. package/es/components/text-input/text-input.js +15 -11
  164. package/es/components/text-input/text-input.js.map +1 -1
  165. package/es/components/text-input/text-input.scss.js +1 -1
  166. package/es/components/text-input/text-input.scss.js.map +1 -1
  167. package/es/components/textarea/textarea.scss.js +1 -1
  168. package/es/components/tile/tile.scss.js +1 -1
  169. package/es/components/time-picker/time-picker.scss.js +1 -1
  170. package/es/components/toggle-tip/toggletip.scss.js +1 -1
  171. package/es/components/tooltip/tooltip.scss.js +1 -1
  172. package/es/components/tooltip/tooltip.scss.js.map +1 -1
  173. package/es/components/tree-view/tree-view.scss.js +1 -1
  174. package/es/components/ui-shell/header.scss.js +1 -1
  175. package/es/index.js +1 -1
  176. package/es/node_modules/flatpickr/dist/esm/index.js +1516 -0
  177. package/es/node_modules/flatpickr/dist/esm/index.js.map +1 -0
  178. package/es/node_modules/flatpickr/dist/esm/l10n/default.js +99 -0
  179. package/es/node_modules/flatpickr/dist/esm/l10n/default.js.map +1 -0
  180. package/es/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js +130 -0
  181. package/es/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js.map +1 -0
  182. package/es/node_modules/flatpickr/dist/esm/types/options.js +90 -0
  183. package/es/node_modules/flatpickr/dist/esm/types/options.js.map +1 -0
  184. package/es/node_modules/flatpickr/dist/esm/utils/dates.js +118 -0
  185. package/es/node_modules/flatpickr/dist/esm/utils/dates.js.map +1 -0
  186. package/es/node_modules/flatpickr/dist/esm/utils/dom.js +52 -0
  187. package/es/node_modules/flatpickr/dist/esm/utils/dom.js.map +1 -0
  188. package/es/node_modules/flatpickr/dist/esm/utils/formatting.js +181 -0
  189. package/es/node_modules/flatpickr/dist/esm/utils/formatting.js.map +1 -0
  190. package/es/node_modules/flatpickr/dist/esm/utils/index.js +33 -0
  191. package/es/node_modules/flatpickr/dist/esm/utils/index.js.map +1 -0
  192. package/es/node_modules/flatpickr/dist/esm/utils/polyfills.js +26 -0
  193. package/es/node_modules/flatpickr/dist/esm/utils/polyfills.js.map +1 -0
  194. package/es/packages/feature-flags/es/index.js.map +1 -0
  195. package/es-custom/components/ai-label/ai-label.scss.js +1 -1
  196. package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
  197. package/es-custom/components/button/button.scss.js +1 -1
  198. package/es-custom/components/checkbox/checkbox.scss.js +1 -1
  199. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  200. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  201. package/es-custom/components/combo-button/combo-button.scss.js +1 -1
  202. package/es-custom/components/contained-list/contained-list.scss.js +1 -1
  203. package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
  204. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  205. package/es-custom/components/data-table/data-table.scss.js +1 -1
  206. package/es-custom/components/data-table/table-toolbar-search.d.ts +3 -3
  207. package/es-custom/components/data-table/table-toolbar-search.d.ts.map +1 -1
  208. package/es-custom/components/data-table/table-toolbar-search.js +2 -3
  209. package/es-custom/components/data-table/table-toolbar-search.js.map +1 -1
  210. package/es-custom/components/date-picker/date-picker.d.ts +4 -0
  211. package/es-custom/components/date-picker/date-picker.d.ts.map +1 -1
  212. package/es-custom/components/date-picker/date-picker.js +5 -1
  213. package/es-custom/components/date-picker/date-picker.js.map +1 -1
  214. package/es-custom/components/date-picker/date-picker.scss.js +1 -1
  215. package/es-custom/components/date-picker/fix-events-plugin.d.ts.map +1 -1
  216. package/es-custom/components/date-picker/fix-events-plugin.js +0 -6
  217. package/es-custom/components/date-picker/fix-events-plugin.js.map +1 -1
  218. package/es-custom/components/date-picker/range-plugin.d.ts +2 -8
  219. package/es-custom/components/date-picker/range-plugin.d.ts.map +1 -1
  220. package/es-custom/components/date-picker/range-plugin.js +3 -9
  221. package/es-custom/components/date-picker/range-plugin.js.map +1 -1
  222. package/es-custom/components/dialog/dialog.scss.js +1 -1
  223. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  224. package/es-custom/components/feature-flags/index.js +1 -1
  225. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  226. package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts +18 -0
  227. package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts.map +1 -0
  228. package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.js +45 -0
  229. package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.js.map +1 -0
  230. package/es-custom/components/fluid-combo-box/fluid-combo-box.d.ts +23 -0
  231. package/es-custom/components/fluid-combo-box/fluid-combo-box.d.ts.map +1 -0
  232. package/es-custom/components/fluid-combo-box/fluid-combo-box.js +53 -0
  233. package/es-custom/components/fluid-combo-box/fluid-combo-box.js.map +1 -0
  234. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +14 -0
  235. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -0
  236. package/es-custom/components/fluid-combo-box/index.d.ts +9 -0
  237. package/es-custom/components/fluid-combo-box/index.d.ts.map +1 -0
  238. package/es-custom/components/fluid-combo-box/index.js +9 -0
  239. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  240. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  241. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  242. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  243. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  244. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  245. package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
  246. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  247. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  248. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  249. package/es-custom/components/form/form-item.scss.js +1 -1
  250. package/es-custom/components/form/form.scss.js +1 -1
  251. package/es-custom/components/form-group/form-group.scss.js +1 -1
  252. package/es-custom/components/grid/column-hang.scss.js +1 -1
  253. package/es-custom/components/grid/grid.d.ts +5 -0
  254. package/es-custom/components/grid/grid.d.ts.map +1 -1
  255. package/es-custom/components/grid/grid.js +11 -1
  256. package/es-custom/components/grid/grid.js.map +1 -1
  257. package/es-custom/components/grid/grid.scss.js +1 -1
  258. package/es-custom/components/grid/grid.scss.js.map +1 -1
  259. package/es-custom/components/menu/menu-item.d.ts +1 -0
  260. package/es-custom/components/menu/menu-item.d.ts.map +1 -1
  261. package/es-custom/components/menu/menu-item.js +5 -0
  262. package/es-custom/components/menu/menu-item.js.map +1 -1
  263. package/es-custom/components/menu/menu-item.scss.js +1 -1
  264. package/es-custom/components/menu/menu-item.scss.js.map +1 -1
  265. package/es-custom/components/menu-button/menu-button.d.ts.map +1 -1
  266. package/es-custom/components/menu-button/menu-button.js +0 -1
  267. package/es-custom/components/menu-button/menu-button.js.map +1 -1
  268. package/es-custom/components/menu-button/menu-button.scss.js +1 -1
  269. package/es-custom/components/modal/modal.scss.js +1 -1
  270. package/es-custom/components/multi-select/multi-select.d.ts +38 -4
  271. package/es-custom/components/multi-select/multi-select.d.ts.map +1 -1
  272. package/es-custom/components/multi-select/multi-select.js +30 -27
  273. package/es-custom/components/multi-select/multi-select.js.map +1 -1
  274. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  275. package/es-custom/components/notification/actionable-notification.scss.js +1 -1
  276. package/es-custom/components/notification/inline-notification.scss.js +1 -1
  277. package/es-custom/components/notification/toast-notification.scss.js +1 -1
  278. package/es-custom/components/number-input/number-input.scss.js +1 -1
  279. package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
  280. package/es-custom/components/page-header/page-header.scss.js +1 -1
  281. package/es-custom/components/pagination/defs.d.ts +25 -0
  282. package/es-custom/components/pagination/defs.d.ts.map +1 -1
  283. package/es-custom/components/pagination/defs.js +27 -1
  284. package/es-custom/components/pagination/defs.js.map +1 -1
  285. package/es-custom/components/pagination/pagination.d.ts +9 -1
  286. package/es-custom/components/pagination/pagination.d.ts.map +1 -1
  287. package/es-custom/components/pagination/pagination.js +7 -2
  288. package/es-custom/components/pagination/pagination.js.map +1 -1
  289. package/es-custom/components/pagination/pagination.scss.js +1 -1
  290. package/es-custom/components/pagination/pagination.scss.js.map +1 -1
  291. package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
  292. package/es-custom/components/password-input/defs.d.ts +5 -1
  293. package/es-custom/components/password-input/defs.d.ts.map +1 -1
  294. package/es-custom/components/password-input/defs.js +4 -0
  295. package/es-custom/components/password-input/defs.js.map +1 -1
  296. package/es-custom/components/password-input/password-input.d.ts +1 -1
  297. package/es-custom/components/password-input/password-input.d.ts.map +1 -1
  298. package/es-custom/components/password-input/password-input.js +14 -14
  299. package/es-custom/components/password-input/password-input.js.map +1 -1
  300. package/es-custom/components/password-input/password-input.scss.js +1 -1
  301. package/es-custom/components/password-input/password-input.scss.js.map +1 -1
  302. package/es-custom/components/popover/popover.scss.js +1 -1
  303. package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
  304. package/es-custom/components/radio-button/radio-button.scss.js +1 -1
  305. package/es-custom/components/search/defs.d.ts +28 -0
  306. package/es-custom/components/search/defs.d.ts.map +1 -0
  307. package/es-custom/components/search/defs.js +40 -0
  308. package/es-custom/components/search/defs.js.map +1 -0
  309. package/es-custom/components/search/search-skeleton.d.ts +4 -4
  310. package/es-custom/components/search/search-skeleton.d.ts.map +1 -1
  311. package/es-custom/components/search/search-skeleton.js +9 -9
  312. package/es-custom/components/search/search-skeleton.js.map +1 -1
  313. package/es-custom/components/search/search.d.ts +4 -3
  314. package/es-custom/components/search/search.d.ts.map +1 -1
  315. package/es-custom/components/search/search.js +3 -5
  316. package/es-custom/components/search/search.js.map +1 -1
  317. package/es-custom/components/search/search.scss.js +1 -1
  318. package/es-custom/components/search/search.scss.js.map +1 -1
  319. package/es-custom/components/select/select.d.ts +1 -1
  320. package/es-custom/components/select/select.d.ts.map +1 -1
  321. package/es-custom/components/select/select.js +1 -4
  322. package/es-custom/components/select/select.js.map +1 -1
  323. package/es-custom/components/select/select.scss.js +1 -1
  324. package/es-custom/components/select/select.scss.js.map +1 -1
  325. package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
  326. package/es-custom/components/slider/slider.d.ts.map +1 -1
  327. package/es-custom/components/slider/slider.js +2 -2
  328. package/es-custom/components/slider/slider.js.map +1 -1
  329. package/es-custom/components/slider/slider.scss.js +1 -1
  330. package/es-custom/components/slug/slug.scss.js +1 -1
  331. package/es-custom/components/tabs/stories/tabs-wrapper.d.ts +53 -0
  332. package/es-custom/components/tabs/stories/tabs-wrapper.d.ts.map +1 -0
  333. package/es-custom/components/tabs/stories/tabs-wrapper.js +129 -0
  334. package/es-custom/components/tabs/stories/tabs-wrapper.js.map +1 -0
  335. package/es-custom/components/tabs/tab.d.ts +23 -0
  336. package/es-custom/components/tabs/tab.d.ts.map +1 -1
  337. package/es-custom/components/tabs/tab.js +59 -3
  338. package/es-custom/components/tabs/tab.js.map +1 -1
  339. package/es-custom/components/tabs/tabs.d.ts +14 -0
  340. package/es-custom/components/tabs/tabs.d.ts.map +1 -1
  341. package/es-custom/components/tabs/tabs.js +74 -25
  342. package/es-custom/components/tabs/tabs.js.map +1 -1
  343. package/es-custom/components/tabs/tabs.scss.js +1 -1
  344. package/es-custom/components/tabs/tabs.scss.js.map +1 -1
  345. package/es-custom/components/tag/tag.scss.js +1 -1
  346. package/es-custom/components/text-input/defs.d.ts +5 -1
  347. package/es-custom/components/text-input/defs.d.ts.map +1 -1
  348. package/es-custom/components/text-input/defs.js +4 -0
  349. package/es-custom/components/text-input/defs.js.map +1 -1
  350. package/es-custom/components/text-input/text-input-skeleton.d.ts +5 -0
  351. package/es-custom/components/text-input/text-input-skeleton.d.ts.map +1 -1
  352. package/es-custom/components/text-input/text-input-skeleton.js +10 -3
  353. package/es-custom/components/text-input/text-input-skeleton.js.map +1 -1
  354. package/es-custom/components/text-input/text-input.d.ts +2 -2
  355. package/es-custom/components/text-input/text-input.d.ts.map +1 -1
  356. package/es-custom/components/text-input/text-input.js +15 -11
  357. package/es-custom/components/text-input/text-input.js.map +1 -1
  358. package/es-custom/components/text-input/text-input.scss.js +1 -1
  359. package/es-custom/components/text-input/text-input.scss.js.map +1 -1
  360. package/es-custom/components/textarea/textarea.scss.js +1 -1
  361. package/es-custom/components/tile/tile.scss.js +1 -1
  362. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  363. package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
  364. package/es-custom/components/tooltip/tooltip.scss.js +1 -1
  365. package/es-custom/components/tooltip/tooltip.scss.js.map +1 -1
  366. package/es-custom/components/tree-view/tree-view.scss.js +1 -1
  367. package/es-custom/components/ui-shell/header.scss.js +1 -1
  368. package/es-custom/index.js +1 -1
  369. package/es-custom/node_modules/flatpickr/dist/esm/index.js +1516 -0
  370. package/es-custom/node_modules/flatpickr/dist/esm/index.js.map +1 -0
  371. package/es-custom/node_modules/flatpickr/dist/esm/l10n/default.js +99 -0
  372. package/es-custom/node_modules/flatpickr/dist/esm/l10n/default.js.map +1 -0
  373. package/es-custom/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js +130 -0
  374. package/es-custom/node_modules/flatpickr/dist/esm/plugins/rangePlugin.js.map +1 -0
  375. package/es-custom/node_modules/flatpickr/dist/esm/types/options.js +90 -0
  376. package/es-custom/node_modules/flatpickr/dist/esm/types/options.js.map +1 -0
  377. package/es-custom/node_modules/flatpickr/dist/esm/utils/dates.js +118 -0
  378. package/es-custom/node_modules/flatpickr/dist/esm/utils/dates.js.map +1 -0
  379. package/es-custom/node_modules/flatpickr/dist/esm/utils/dom.js +52 -0
  380. package/es-custom/node_modules/flatpickr/dist/esm/utils/dom.js.map +1 -0
  381. package/es-custom/node_modules/flatpickr/dist/esm/utils/formatting.js +181 -0
  382. package/es-custom/node_modules/flatpickr/dist/esm/utils/formatting.js.map +1 -0
  383. package/es-custom/node_modules/flatpickr/dist/esm/utils/index.js +33 -0
  384. package/es-custom/node_modules/flatpickr/dist/esm/utils/index.js.map +1 -0
  385. package/es-custom/node_modules/flatpickr/dist/esm/utils/polyfills.js +26 -0
  386. package/es-custom/node_modules/flatpickr/dist/esm/utils/polyfills.js.map +1 -0
  387. package/es-custom/packages/feature-flags/es/index.js.map +1 -0
  388. package/lib/components/data-table/table-toolbar-search.d.ts +3 -3
  389. package/lib/components/data-table/table-toolbar-search.d.ts.map +1 -1
  390. package/lib/components/date-picker/date-picker.d.ts +4 -0
  391. package/lib/components/date-picker/date-picker.d.ts.map +1 -1
  392. package/lib/components/date-picker/fix-events-plugin.d.ts.map +1 -1
  393. package/lib/components/date-picker/range-plugin.d.ts +2 -8
  394. package/lib/components/date-picker/range-plugin.d.ts.map +1 -1
  395. package/lib/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts +18 -0
  396. package/lib/components/fluid-combo-box/fluid-combo-box-skeleton.d.ts.map +1 -0
  397. package/lib/components/fluid-combo-box/fluid-combo-box.d.ts +23 -0
  398. package/lib/components/fluid-combo-box/fluid-combo-box.d.ts.map +1 -0
  399. package/lib/components/fluid-combo-box/index.d.ts +9 -0
  400. package/lib/components/fluid-combo-box/index.d.ts.map +1 -0
  401. package/lib/components/grid/grid.d.ts +5 -0
  402. package/lib/components/grid/grid.d.ts.map +1 -1
  403. package/lib/components/menu/menu-item.d.ts +1 -0
  404. package/lib/components/menu/menu-item.d.ts.map +1 -1
  405. package/lib/components/menu-button/menu-button.d.ts.map +1 -1
  406. package/lib/components/multi-select/multi-select.d.ts +38 -4
  407. package/lib/components/multi-select/multi-select.d.ts.map +1 -1
  408. package/lib/components/pagination/defs.d.ts +25 -0
  409. package/lib/components/pagination/defs.d.ts.map +1 -1
  410. package/lib/components/pagination/defs.js +27 -0
  411. package/lib/components/pagination/defs.js.map +1 -1
  412. package/lib/components/pagination/pagination.d.ts +9 -1
  413. package/lib/components/pagination/pagination.d.ts.map +1 -1
  414. package/lib/components/password-input/defs.d.ts +5 -1
  415. package/lib/components/password-input/defs.d.ts.map +1 -1
  416. package/lib/components/password-input/defs.js +4 -0
  417. package/lib/components/password-input/defs.js.map +1 -1
  418. package/lib/components/password-input/password-input.d.ts +1 -1
  419. package/lib/components/password-input/password-input.d.ts.map +1 -1
  420. package/lib/components/search/defs.d.ts +28 -0
  421. package/lib/components/search/defs.d.ts.map +1 -0
  422. package/lib/components/search/defs.js +41 -0
  423. package/lib/components/search/defs.js.map +1 -0
  424. package/lib/components/search/search-skeleton.d.ts +4 -4
  425. package/lib/components/search/search-skeleton.d.ts.map +1 -1
  426. package/lib/components/search/search.d.ts +4 -3
  427. package/lib/components/search/search.d.ts.map +1 -1
  428. package/lib/components/select/select.d.ts +1 -1
  429. package/lib/components/select/select.d.ts.map +1 -1
  430. package/lib/components/slider/slider.d.ts.map +1 -1
  431. package/lib/components/tabs/stories/tabs-wrapper.d.ts +53 -0
  432. package/lib/components/tabs/stories/tabs-wrapper.d.ts.map +1 -0
  433. package/lib/components/tabs/tab.d.ts +23 -0
  434. package/lib/components/tabs/tab.d.ts.map +1 -1
  435. package/lib/components/tabs/tabs.d.ts +14 -0
  436. package/lib/components/tabs/tabs.d.ts.map +1 -1
  437. package/lib/components/text-input/defs.d.ts +5 -1
  438. package/lib/components/text-input/defs.d.ts.map +1 -1
  439. package/lib/components/text-input/defs.js +4 -0
  440. package/lib/components/text-input/defs.js.map +1 -1
  441. package/lib/components/text-input/text-input-skeleton.d.ts +5 -0
  442. package/lib/components/text-input/text-input-skeleton.d.ts.map +1 -1
  443. package/lib/components/text-input/text-input.d.ts +2 -2
  444. package/lib/components/text-input/text-input.d.ts.map +1 -1
  445. package/package.json +9 -6
  446. package/scss/components/data-table/_table-action.scss +9 -1
  447. package/scss/components/fluid-combo-box/fluid-combo-box.scss +252 -0
  448. package/scss/components/fluid-password-input/fluid-password-input.scss +0 -15
  449. package/scss/components/grid/grid.scss +20 -0
  450. package/scss/components/menu/menu-item.scss +5 -1
  451. package/scss/components/pagination/pagination.scss +3 -7
  452. package/scss/components/password-input/password-input.scss +1 -17
  453. package/scss/components/search/search.scss +20 -53
  454. package/scss/components/select/select.scss +4 -0
  455. package/scss/components/tabs/tabs-story.scss +19 -1
  456. package/scss/components/tabs/tabs.scss +74 -6
  457. package/scss/components/text-input/text-input.scss +7 -9
  458. package/scss/components/tooltip/tooltip.scss +13 -1
  459. package/telemetry.yml +25 -11
  460. package/es/feature-flags/es/index.js.map +0 -1
  461. package/es-custom/feature-flags/es/index.js.map +0 -1
  462. /package/es/{feature-flags → packages/feature-flags}/es/index.js +0 -0
  463. /package/es-custom/{feature-flags → packages/feature-flags}/es/index.js +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slider.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slider.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,53 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { LitElement } from 'lit';
8
+ import '../../button';
9
+ /**
10
+ * Wrapper component for dismissable tabs story with state management
11
+ */
12
+ export declare class DismissableTabsWrapper extends LitElement {
13
+ private _defaultTabs;
14
+ /**
15
+ * Array of tab configurations
16
+ */
17
+ private _tabs;
18
+ /**
19
+ * Whether tabs are disabled
20
+ */
21
+ disabled: boolean;
22
+ /**
23
+ * Whether tabs are contained
24
+ */
25
+ contained: boolean;
26
+ /**
27
+ * Whether the rendered Tab children should be dismissable.
28
+ */
29
+ dismissable: boolean;
30
+ /**
31
+ * Selection mode
32
+ */
33
+ selectionMode: string;
34
+ /**
35
+ * Selected index for the initially selected content
36
+ */
37
+ selectedIndex: number;
38
+ /**
39
+ * Handle tab dismissed event
40
+ */
41
+ private _handleDismissed;
42
+ /**
43
+ * Handle before selected event
44
+ */
45
+ private _handleBeforeSelected;
46
+ private resetTabs;
47
+ render(): import("lit-html").TemplateResult<1>;
48
+ /**
49
+ * Disable shadow DOM to inherit styles from parent
50
+ */
51
+ createRenderRoot(): this;
52
+ }
53
+ //# sourceMappingURL=tabs-wrapper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/stories/tabs-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,cAAc,CAAC;AAEtB;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,OAAO,CAAC,YAAY,CAKlB;IACF;;OAEG;IAEH,OAAO,CAAC,KAAK,CAAqB;IAElC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAClB;;OAEG;IAEH,WAAW,UAAQ;IAEnB;;OAEG;IAEH,aAAa,SAAe;IAE5B;;OAEG;IAEH,aAAa,SAAK;IAElB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAKxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,SAAS;IAIjB,MAAM;IA2CN;;OAEG;IACH,gBAAgB;CAGjB"}
@@ -6,10 +6,15 @@
6
6
  */
7
7
  import CDSContentSwitcherItem from '../content-switcher/content-switcher-item';
8
8
  import { TABS_ICON_SIZE, TABS_TYPE } from './defs';
9
+ import '../button/button';
9
10
  /**
10
11
  * Basic tab.
11
12
  *
12
13
  * @element cds-tab
14
+ * @fires cds-tab-beingclosed
15
+ * The custom event fired before a tab is closed upon a user gesture.
16
+ * Cancellation of this event stops changing the user-initiated action.
17
+ * @fires cds-tab-closed - The custom event fired after a a tab is closed upon a user gesture.
13
18
  */
14
19
  export default class CDSTab extends CDSContentSwitcherItem {
15
20
  /**
@@ -39,12 +44,30 @@ export default class CDSTab extends CDSContentSwitcherItem {
39
44
  * **Experimental**: Display an empty dot badge on the Tab.
40
45
  */
41
46
  badgeIndicator: boolean;
47
+ /**
48
+ * Whether this tab should be dismissable.
49
+ */
50
+ _dismissable: boolean;
51
+ /**
52
+ * The index of the tab component
53
+ */
54
+ _index: number;
42
55
  /**
43
56
  * Handles `slotchange` event.
44
57
  */
45
58
  protected _handleSlotChange({ target }: Event): void;
46
59
  connectedCallback(): void;
47
60
  render(): import("lit-html").TemplateResult<1>;
61
+ _handleClick(event: Event): void;
62
+ /**
63
+ * The name of the custom event fired before a tab is closed upon a user gesture.
64
+ * Cancellation of this event stops changing the user-initiated action.
65
+ */
66
+ static get eventBeforeClose(): string;
67
+ /**
68
+ * The name of the custom event fired after a a tab is closed upon a user gesture.
69
+ */
70
+ static get eventClose(): string;
48
71
  static styles: any;
49
72
  }
50
73
  //# sourceMappingURL=tab.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInD;;;;GAIG;AAEH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,sBAAsB;IACxD;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAM7C,iBAAiB;IAOjB,MAAM;IA0CN,MAAM,CAAC,MAAM,MAAU;CACxB"}
1
+ {"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnD,OAAO,kBAAkB,CAAC;AAK1B;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,sBAAsB;IACxD;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAM7C,iBAAiB;IAOjB,MAAM;IAqEN,YAAY,CAAC,KAAK,EAAE,KAAK;IAwBzB;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB"}
@@ -70,8 +70,16 @@ export default class CDSTabs extends CDSTabs_base {
70
70
  * Going prev/next item immediately changes the selection
71
71
  */
72
72
  protected _navigate(direction: number): void;
73
+ /**
74
+ * Resets the highlighted state of all tabs, setting only the specified tab as highlighted.
75
+ *
76
+ * @param nextItem The tab item to be highlighted. If provided, only this item will be highlighted.
77
+ * If null or undefined, all tabs will have their highlighted state set to false.
78
+ */
79
+ protected resetHighlighted(nextItem?: CDSTab | null): void;
73
80
  protected _handleClick(event: MouseEvent): void;
74
81
  protected _handleKeydown(event: KeyboardEvent): void;
82
+ protected _handleTabClosed(event: CustomEvent): void;
75
83
  /**
76
84
  * Handles click on overflow scroll buttons.
77
85
  *
@@ -122,6 +130,10 @@ export default class CDSTabs extends CDSTabs_base {
122
130
  * Tabs type.
123
131
  */
124
132
  type: TABS_TYPE;
133
+ /**
134
+ * Whether the rendered Tab children should be dismissable.
135
+ */
136
+ dismissable: any;
125
137
  /**
126
138
  * Specify the icon size used by icon-only tabs.
127
139
  */
@@ -166,6 +178,8 @@ export default class CDSTabs extends CDSTabs_base {
166
178
  */
167
179
  protected renderNextButton(): TemplateResult | null;
168
180
  render(): TemplateResult<1>;
181
+ protected _updateTabsState(): void;
182
+ protected _tabInitialLoad(): void;
169
183
  /**
170
184
  * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.
171
185
  */
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAU3C,OAAO,kBAAkB,EAAE,EACzB,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzE,OAAO,MAAM,MAAM,OAAO,CAAC;AAI3B,OAAO,EACL,oBAAoB,EACpB,cAAc,EACd,oBAAoB,EACpB,SAAS,GACV,CAAC;;;;;;;;;;uBAVU,CAAC;;;;;AAYb;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAqC;IACxE;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAEtC;;OAEG;IAGH,OAAO,CAAC,aAAa,CAAK;IAE1B;;OAEG;IACH,OAAO,CAAC,UAAU,CAAK;IAEvB;;OAEG;IAGH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,OAAO,CAAwB;IAEvC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAM;IAE1B;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAmCrC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IAaxC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IAsD7C;;;;;;OAMG;IACH,SAAS,CAAC,wBAAwB,CAAC,CAAC,KAAA,EAAE,EAAE,SAAS,EAAE;;KAAA;IA4BnD,iBAAiB;IAcjB,SAAS,CAAC,mBAAmB,CAC3B,YAAY,EAAE,MAAM,EACpB,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS;IAMpD;;OAEG;IAEH,OAAO,CAAC,qBAAqB,CAAC,CAAc;IAE5C;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;OAEG;IAEH,OAAO,CAAC,sBAAsB,CAAK;IAEnC;;;OAGG;IAEH,OAAO,CAAC,6BAA6B,CAAC,CAAc;IAEpD;;;OAGG;IAEH,OAAO,CAAC,8BAA8B,CAAC,CAAc;IAErD;;OAEG;IAEH,2BAA2B,SACkC;IAE7D;;OAEG;IAEH,yBAAyB,SAAuB;IAEhD;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;OAEG;IAEH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;;OAGG;IAEH,OAAO,CAAC,mCAAmC,CAAQ;IAEnD;;;OAGG;IAEH,OAAO,CAAC,oCAAoC,CAAQ;IAEpD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAqC;IAElE;;;;OAIG;IACH,OAAO,CAAC,6BAA6B,CAcnC;IAEF;;;;;OAKG;IACH,OAAO,CAAC,4CAA4C;IA+BpD,oBAAoB;IAKpB,YAAY,CAAC,iBAAiB,KAAA;IAkB9B,YAAY;IAqBZ,OAAO,CAAC,iBAAiB,KAAA;IA8CzB;;OAEG;IACH,SAAS,CAAC,oBAAoB,IAAI,cAAc,GAAG,IAAI;IA0BvD;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,cAAc,GAAG,IAAI;IA0BnD,MAAM;IA8BN;;OAEG;IACH,MAAM,CAAC,YAAY,cAA2B;IAE9C;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;IAEvB;;;OAGG;IACH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM;CAe7B"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2020, 2023
2
+ * Copyright IBM Corp. 2020, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -9,6 +9,10 @@ export { FORM_ELEMENT_COLOR_SCHEME as INPUT_COLOR_SCHEME } from '../../globals/s
9
9
  * Input size.
10
10
  */
11
11
  export declare enum INPUT_SIZE {
12
+ /**
13
+ * Extra small size.
14
+ */
15
+ EXTRA_SMALL = "xs",
12
16
  /**
13
17
  * Small size.
14
18
  */
@@ -1 +1 @@
1
- {"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,yBAAyB,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE7F;;GAEG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;IAGZ;;OAEG;IACH,WAAW,OAAO;CACnB;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,IAAI,SAAS;CACd;AAED;;;;GAIG;AACH,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ"}
1
+ {"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,yBAAyB,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE7F;;GAEG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,WAAW,OAAO;IAElB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;IAGZ;;OAEG;IACH,WAAW,OAAO;CACnB;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,uBAAuB;IACjC;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,MAAM,WAAW;IAEjB;;OAEG;IACH,IAAI,SAAS;CACd;AAED;;;;GAIG;AACH,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ"}
@@ -12,6 +12,10 @@ const require_globals_shared_enums = require("../../globals/shared-enums.js");
12
12
  * Input size.
13
13
  */
14
14
  let INPUT_SIZE = /* @__PURE__ */ function(INPUT_SIZE) {
15
+ /**
16
+ * Extra small size.
17
+ */
18
+ INPUT_SIZE["EXTRA_SMALL"] = "xs";
15
19
  /**
16
20
  * Small size.
17
21
  */
@@ -1 +1 @@
1
- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/text-input/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Input size.\n */\nexport enum INPUT_SIZE {\n /**\n * Small size.\n */\n SMALL = 'sm',\n\n /**\n * Regular size, same as medium size.\n */\n MEDIUM = 'md',\n\n /**\n * Large size.\n */\n LARGE = 'lg',\n\n // TODO: deprecate\n /**\n * Extra large size.\n */\n EXTRA_LARGE = 'xl',\n}\n\n/**\n * Input tooltop alignment\n */\nexport enum INPUT_TOOLTIP_ALIGNMENT {\n /**\n * Small size.\n */\n START = 'start',\n\n /**\n * Regular size, same as medium size.\n */\n CENTER = 'center',\n\n /**\n * Large size.\n */\n END = 'end',\n}\n\n/**\n * Input tooltop direction\n */\nexport enum INPUT_TOOLTIP_DIRECTION {\n /**\n * Small size.\n */\n TOP = 'top',\n\n /**\n * Regular size, same as medium size.\n */\n RIGHT = 'right',\n\n /**\n * Large size.\n */\n BOTTOM = 'bottom',\n\n /**\n * Regular size, same as medium size.\n */\n LEFT = 'left',\n}\n\n/**\n * Supported input types.\n *\n * For this component we only support textual types\n */\nexport enum INPUT_TYPE {\n EMAIL = 'email',\n PASSWORD = 'password',\n TEL = 'tel',\n TEXT = 'text',\n URL = 'url',\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAY,aAAL,yBAAA,YAAA;;;;AAIL,YAAA,WAAA;;;;AAKA,YAAA,YAAA;;;;AAKA,YAAA,WAAA;;;;AAMA,YAAA,iBAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,WAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,SAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,SAAA;;;;AAKA,yBAAA,WAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,UAAA;;KACD;;;;;;AAOD,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,WAAA;AACA,YAAA,cAAA;AACA,YAAA,SAAA;AACA,YAAA,UAAA;AACA,YAAA,SAAA;;KACD"}
1
+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/text-input/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport { FORM_ELEMENT_COLOR_SCHEME as INPUT_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/**\n * Input size.\n */\nexport enum INPUT_SIZE {\n /**\n * Extra small size.\n */\n EXTRA_SMALL = 'xs',\n\n /**\n * Small size.\n */\n SMALL = 'sm',\n\n /**\n * Regular size, same as medium size.\n */\n MEDIUM = 'md',\n\n /**\n * Large size.\n */\n LARGE = 'lg',\n\n // TODO: deprecate\n /**\n * Extra large size.\n */\n EXTRA_LARGE = 'xl',\n}\n\n/**\n * Input tooltop alignment\n */\nexport enum INPUT_TOOLTIP_ALIGNMENT {\n /**\n * Small size.\n */\n START = 'start',\n\n /**\n * Regular size, same as medium size.\n */\n CENTER = 'center',\n\n /**\n * Large size.\n */\n END = 'end',\n}\n\n/**\n * Input tooltop direction\n */\nexport enum INPUT_TOOLTIP_DIRECTION {\n /**\n * Small size.\n */\n TOP = 'top',\n\n /**\n * Regular size, same as medium size.\n */\n RIGHT = 'right',\n\n /**\n * Large size.\n */\n BOTTOM = 'bottom',\n\n /**\n * Regular size, same as medium size.\n */\n LEFT = 'left',\n}\n\n/**\n * Supported input types.\n *\n * For this component we only support textual types\n */\nexport enum INPUT_TYPE {\n EMAIL = 'email',\n PASSWORD = 'password',\n TEL = 'tel',\n TEXT = 'text',\n URL = 'url',\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAY,aAAL,yBAAA,YAAA;;;;AAIL,YAAA,iBAAA;;;;AAKA,YAAA,WAAA;;;;AAKA,YAAA,YAAA;;;;AAKA,YAAA,WAAA;;;;AAMA,YAAA,iBAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,WAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,SAAA;;KACD;;;;AAKD,IAAY,0BAAL,yBAAA,yBAAA;;;;AAIL,yBAAA,SAAA;;;;AAKA,yBAAA,WAAA;;;;AAKA,yBAAA,YAAA;;;;AAKA,yBAAA,UAAA;;KACD;;;;;;AAOD,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,WAAA;AACA,YAAA,cAAA;AACA,YAAA,SAAA;AACA,YAAA,UAAA;AACA,YAAA,SAAA;;KACD"}
@@ -5,6 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  import { LitElement } from 'lit';
8
+ import { INPUT_SIZE } from './defs';
8
9
  /**
9
10
  * @element cds-text-input-skeleton
10
11
  *
@@ -15,6 +16,10 @@ declare class CDSTextInputSkeleton extends LitElement {
15
16
  * Specify whether the label should be hidden, or not
16
17
  */
17
18
  hideLabel: boolean;
19
+ /**
20
+ * The text-input-skeleton size.
21
+ */
22
+ size?: INPUT_SIZE;
18
23
  render(): import("lit-html").TemplateResult<1>;
19
24
  static styles: any;
20
25
  }
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,UAAS;IAElB,MAAM;IAUN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"text-input-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,MAAM;IAkBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2019, 2025
2
+ * Copyright IBM Corp. 2019, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
@@ -151,7 +151,7 @@ declare class CDSTextInput extends CDSTextInput_base {
151
151
  /**
152
152
  * The input box size.
153
153
  */
154
- size: INPUT_SIZE;
154
+ size?: INPUT_SIZE;
155
155
  isFluid: boolean;
156
156
  /**
157
157
  * true to use the inline version.
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAavC,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,uBAAuB,EACvB,uBAAuB,EACvB,UAAU,EACX,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,uBAAuB,EACvB,uBAAuB,EACvB,UAAU,GACX,CAAC;;;;;;;;;;;;;;;;;AAEF;;;;;;;GAOG;AACH,cACM,YAAa,SAAQ,iBAAoC;IAC7D;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAmB7C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAG,gBAAgB,CAAC;IAGpC,SAAS,CAAC,mBAAmB,EAAG,eAAe,CAAC;IAEhD;;OAEG;IACH,SAAS,CAAC,MAAM,SAAM;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAIxC,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC,SAAS,CAAC,2BAA2B;IAIrC;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;;;OAIG;IAEH,iBAAiB,SAAmB;IAEpC;;;;OAIG;IAEH,iBAAiB,SAAmB;IAEpC;;;;OAIG;IAMH,4BAA4B,UAAS;IAErC;;OAEG;IAEH,IAAI,aAAqB;IAGzB,OAAO,UAAS;IAEhB;;OAEG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,gBAAgB,0BAAkC;IAElD;;;OAGG;IAEH,gBAAgB,0BAAkC;IAElD;;OAEG;IAEH,IAAI,aAAmB;IAEvB;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IACH,IACI,KAAK,WAQR;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAUd;IAED;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAKhC,MAAM;IAuON,OAAO;IAmBP;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAavC,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,uBAAuB,EACvB,uBAAuB,EACvB,UAAU,EACX,MAAM,QAAQ,CAAC;AAGhB,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,uBAAuB,EACvB,uBAAuB,EACvB,UAAU,GACX,CAAC;;;;;;;;;;;;;;;;;AAEF;;;;;;;GAOG;AACH,cACM,YAAa,SAAQ,iBAAoC;IAC7D;;OAEG;IACH,SAAS,CAAC,WAAW,UAAS;IAE9B;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAmB7C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAG,gBAAgB,CAAC;IAGpC,SAAS,CAAC,mBAAmB,EAAG,eAAe,CAAC;IAEhD;;OAEG;IACH,SAAS,CAAC,MAAM,SAAM;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAIxC,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC,SAAS,CAAC,2BAA2B;IAIrC;;OAEG;IAEH,YAAY,SAAM;IAElB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;;;OAIG;IAEH,iBAAiB,SAAmB;IAEpC;;;;OAIG;IAEH,iBAAiB,SAAmB;IAEpC;;;;OAIG;IAMH,4BAA4B,UAAS;IAErC;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAGlB,OAAO,UAAS;IAEhB;;OAEG;IAEH,MAAM,UAAS;IAEf;;;OAGG;IAEH,gBAAgB,0BAAkC;IAElD;;;OAGG;IAEH,gBAAgB,0BAAkC;IAElD;;OAEG;IAEH,IAAI,aAAmB;IAEvB;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IACH,IACI,KAAK,WAQR;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAUd;IAED;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAKhC,MAAM;IA8ON,OAAO;IAmBP;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/web-components",
3
3
  "description": "Web components for the Carbon Design System",
4
- "version": "2.53.0",
4
+ "version": "2.54.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "es/index.js",
7
7
  "module": "es/index.js",
@@ -66,13 +66,12 @@
66
66
  },
67
67
  "dependencies": {
68
68
  "@carbon/icon-helpers": "10.47.0",
69
- "@carbon/icons": "^11.79.0",
70
- "@carbon/styles": "^1.105.0",
69
+ "@carbon/icons": "^11.80.0-rc.0",
70
+ "@carbon/styles": "^1.106.0-rc.0",
71
71
  "@carbon/utilities": "^0.17.0",
72
72
  "@floating-ui/dom": "^1.6.3",
73
73
  "@ibm/telemetry-js": "^1.10.2",
74
74
  "@lit/context": "^1.1.3",
75
- "flatpickr": "4.6.13",
76
75
  "lit": "^3.1.0",
77
76
  "lodash-es": "^4.17.21",
78
77
  "tslib": "^2.6.3"
@@ -96,6 +95,7 @@
96
95
  "@webcomponents/webcomponentsjs": "^2.8.0",
97
96
  "autoprefixer": "^10.4.0",
98
97
  "cssnano": "^7.1.0",
98
+ "flatpickr": "4.6.13",
99
99
  "globby": "^16.0.0",
100
100
  "remark-gfm": "^4.0.0",
101
101
  "rimraf": "^6.0.1",
@@ -107,10 +107,13 @@
107
107
  "vite": "^7.2.4",
108
108
  "web-component-analyzer": "2.0.0"
109
109
  },
110
+ "bundledDependencies": [
111
+ "flatpickr"
112
+ ],
110
113
  "typings": "es/index.d.ts",
111
114
  "stylelint": {
112
115
  "extends": [
113
- "../../config/stylelint-config-carbon"
116
+ "../../config/stylelint-config-carbon/index.js"
114
117
  ],
115
118
  "overrides": [
116
119
  {
@@ -123,5 +126,5 @@
123
126
  }
124
127
  ]
125
128
  },
126
- "gitHead": "5e89339998bd16c8ddd42e1cc6a2d0c15b3b0af5"
129
+ "gitHead": "32de263c201d0424d86bc47d97d1c085abecb24e"
127
130
  }
@@ -1,5 +1,5 @@
1
1
  //
2
- // Copyright IBM Corp. 2019, 2024
2
+ // Copyright IBM Corp. 2019, 2026
3
3
  //
4
4
  // This source code is licensed under the Apache-2.0 license found in the
5
5
  // LICENSE file in the root directory of this source tree.
@@ -98,6 +98,9 @@
98
98
  }
99
99
 
100
100
  .#{$prefix}--search-close {
101
+ block-size: $spacing-09;
102
+ inline-size: $spacing-09;
103
+
101
104
  &::before {
102
105
  background-color: $background-hover;
103
106
  inline-size: 0;
@@ -120,6 +123,11 @@
120
123
 
121
124
  :host(#{$prefix}-table-toolbar-search[size='xs']),
122
125
  :host(#{$prefix}-table-toolbar-search[size='sm']) {
126
+ .#{$prefix}--search-close {
127
+ block-size: rem(32px);
128
+ inline-size: rem(32px);
129
+ }
130
+
123
131
  svg {
124
132
  padding: 0;
125
133
  inset-inline-start: $spacing-03;
@@ -0,0 +1,252 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ $css--plex: true !default;
9
+ @use '@carbon/styles/scss/config' as *;
10
+ @use '@carbon/styles/scss/components/fluid-combo-box/index';
11
+ @use '@carbon/styles/scss/components/combo-box' as *;
12
+ @use '@carbon/styles/scss/components/list-box' as *;
13
+ @use '@carbon/styles/scss/layout' as *;
14
+ @use '@carbon/styles/scss/spacing' as *;
15
+ @use '@carbon/styles/scss/theme' as *;
16
+ @use '@carbon/styles/scss/type' as *;
17
+ @use '@carbon/styles/scss/utilities/skeleton' as *;
18
+ @use '@carbon/styles/scss/utilities' as *;
19
+ @use '@carbon/styles/scss/colors';
20
+ @use '@carbon/styles/scss/utilities/convert' as *;
21
+
22
+ :host(#{$prefix}-fluid-combo-box) {
23
+ @extend .#{$prefix}--list-box__wrapper;
24
+ @extend .#{$prefix}--list-box__wrapper--fluid;
25
+
26
+ @include emit-layout-tokens();
27
+
28
+ outline: none;
29
+
30
+ .#{$prefix}--list-box {
31
+ box-sizing: border-box;
32
+ }
33
+
34
+ .#{$prefix}--list-box--expanded {
35
+ border-block-end-color: $border-subtle;
36
+ }
37
+
38
+ .#{$prefix}--assistive-text {
39
+ inset-block-start: -100%;
40
+ inset-inline-start: -100%;
41
+ }
42
+
43
+ .#{$prefix}--label[hidden] {
44
+ display: none;
45
+ }
46
+
47
+ .#{$prefix}--list-box__menu {
48
+ inset-block-start: 100%;
49
+ margin-block-start: 1px;
50
+ outline: none;
51
+ }
52
+
53
+ .#{$prefix}--list-box--disabled {
54
+ border-block-end-color: transparent;
55
+ pointer-events: none;
56
+ }
57
+
58
+ .#{$prefix}--list-box__menu-item__selected-icon {
59
+ inset-block-start: to-rem(20px);
60
+ }
61
+
62
+ .#{$prefix}--list-box__divider {
63
+ display: block;
64
+ border: none;
65
+ margin: 0 1rem;
66
+ border-block-end: 1px solid $border-subtle;
67
+ }
68
+ }
69
+
70
+ :host(#{$prefix}-fluid-combo-box:not([is-condensed])) {
71
+ ::slotted(#{$prefix}-combo-box-item) {
72
+ block-size: $spacing-10;
73
+ }
74
+ }
75
+
76
+ :host(#{$prefix}-fluid-combo-box[invalid]) {
77
+ @extend .#{$prefix}--list-box__wrapper--fluid--invalid;
78
+ @include focus-outline('invalid');
79
+
80
+ outline-offset: 0;
81
+ }
82
+
83
+ // Direction top
84
+ :host(#{$prefix}-fluid-combo-box[direction='top']) {
85
+ @extend .#{$prefix}--list-box--up;
86
+
87
+ .#{$prefix}--list-box__menu {
88
+ inset-block-start: auto;
89
+ }
90
+ }
91
+
92
+ // AI Label styles
93
+ :host(#{$prefix}-fluid-combo-box[ai-label]) {
94
+ @extend .#{$prefix}--list-box__wrapper--slug;
95
+
96
+ ::slotted(#{$prefix}-ai-label),
97
+ ::slotted(#{$prefix}-slug) {
98
+ position: absolute;
99
+ inset-block-start: 73%;
100
+ inset-inline-end: $spacing-09;
101
+ }
102
+
103
+ ::slotted(#{$prefix}-ai-label:not([revert-active])),
104
+ ::slotted(#{$prefix}-slug:not([revert-active])) {
105
+ transform: translateY(-73%);
106
+ }
107
+
108
+ .#{$prefix}--list-box__wrapper--decorator {
109
+ @include ai-gradient;
110
+ }
111
+ }
112
+
113
+ // AI label dividers - always present
114
+ :host(#{$prefix}-fluid-combo-box[ai-label]) ::slotted(#{$prefix}-ai-label) {
115
+ &::after {
116
+ position: absolute;
117
+ background-color: $border-subtle-01;
118
+ block-size: to-rem(16px);
119
+ content: '';
120
+ inline-size: to-rem(1px);
121
+ inset-inline-start: calc(#{$spacing-06} - to-rem(1px));
122
+ }
123
+ }
124
+
125
+ :host(#{$prefix}-fluid-combo-box[ai-label][read-only]),
126
+ :host(#{$prefix}-fluid-combo-box[ai-label][disabled]) {
127
+ .#{$prefix}--list-box {
128
+ border-block-end-color: $ai-border-strong;
129
+ }
130
+
131
+ .#{$prefix}--list-box__field {
132
+ border-block-end: 1px solid $ai-border-strong;
133
+ }
134
+
135
+ ::slotted(#{$prefix}-ai-label)::before {
136
+ display: none;
137
+ }
138
+ }
139
+
140
+ // Preserve AI gradient in invalid/warn states
141
+ :host(
142
+ #{$prefix}-fluid-combo-box[ai-label][invalid]:not([disabled]):not(
143
+ [read-only]
144
+ )
145
+ ),
146
+ :host(
147
+ #{$prefix}-fluid-combo-box[ai-label][warn]:not([disabled]):not([read-only])
148
+ ) {
149
+ .#{$prefix}--list-box__wrapper--decorator {
150
+ @include ai-gradient;
151
+ }
152
+ }
153
+
154
+ // AI label - adjust position when clear button is visible
155
+ :host(#{$prefix}-fluid-combo-box[ai-label][isClosable]) {
156
+ ::slotted(#{$prefix}-ai-label),
157
+ ::slotted(#{$prefix}-slug) {
158
+ inset-inline-end: calc($spacing-10 + 18px);
159
+ }
160
+ }
161
+
162
+ // Condensed styles
163
+ :host(#{$prefix}-fluid-combo-box[is-condensed]) {
164
+ @extend .#{$prefix}--list-box__wrapper--fluid--condensed;
165
+
166
+ .#{$prefix}--list-box__menu-item__selected-icon {
167
+ inset-block-start: auto;
168
+ }
169
+
170
+ ::slotted(#{$prefix}-combo-box-item) {
171
+ block-size: auto;
172
+ }
173
+ }
174
+
175
+ // Disabled state
176
+ :host(#{$prefix}-fluid-combo-box[disabled]) {
177
+ .#{$prefix}--list-box {
178
+ cursor: not-allowed;
179
+ }
180
+
181
+ .#{$prefix}--list-box__menu-icon svg {
182
+ fill: $icon-disabled;
183
+ }
184
+
185
+ .#{$prefix}--list-box__field,
186
+ .#{$prefix}--list-box__selection {
187
+ pointer-events: none;
188
+ }
189
+
190
+ .#{$prefix}--list-box__field:focus,
191
+ .#{$prefix}--list-box__selection:focus {
192
+ outline: none;
193
+ }
194
+
195
+ .#{$prefix}--label {
196
+ color: $text-disabled;
197
+ cursor: not-allowed;
198
+ }
199
+ }
200
+
201
+ :host(#{$prefix}-fluid-combo-box[read-only]) {
202
+ @extend .#{$prefix}--dropdown--readonly;
203
+
204
+ .#{$prefix}--text-input {
205
+ border-block-end-color: $border-subtle;
206
+ }
207
+
208
+ .#{$prefix}--list-box__field,
209
+ .#{$prefix}--list-box__selection {
210
+ pointer-events: none;
211
+ }
212
+ }
213
+
214
+ :host(#{$prefix}-fluid-combo-box[invalid]:not([disabled]):not([read-only])),
215
+ :host(#{$prefix}-fluid-combo-box[warn]:not([disabled]):not([read-only])) {
216
+ .#{$prefix}--form__helper-text {
217
+ padding: to-rem(8px) 4rem to-rem(8px) $spacing-05;
218
+ inline-size: auto;
219
+ margin-block-start: 0;
220
+ }
221
+
222
+ .#{$prefix}--list-box {
223
+ border-block-end: 1px solid transparent;
224
+ }
225
+
226
+ .#{$prefix}--list-box.#{$prefix}--list-box--warning
227
+ .#{$prefix}--list-box__invalid-icon,
228
+ .#{$prefix}--list-box__invalid-icon--warning {
229
+ inset-block-start: to-rem(81px);
230
+ inset-inline-end: $spacing-05;
231
+ pointer-events: none;
232
+ }
233
+ }
234
+
235
+ :host(#{$prefix}-fluid-combo-box[warn]:not([disabled]):not([read-only])) {
236
+ .#{$prefix}--form__helper-text {
237
+ color: $text-primary;
238
+ }
239
+ }
240
+
241
+ :host(#{$prefix}-fluid-combo-box[invalid]:not([disabled]):not([read-only])) {
242
+ .#{$prefix}--form__helper-text {
243
+ color: $text-error;
244
+ }
245
+ }
246
+
247
+ // Skeleton
248
+ :host(#{$prefix}-fluid-combo-box-skeleton) {
249
+ @extend .#{$prefix}--list-box__wrapper--fluid;
250
+
251
+ display: block;
252
+ }
@@ -47,22 +47,7 @@ $css--plex: true !default;
47
47
  inline-size: 100%;
48
48
  }
49
49
 
50
- .#{$prefix}--btn--icon-only {
51
- border: none;
52
- background-color: transparent;
53
- block-size: 100%;
54
- cursor: pointer;
55
- inline-size: 100%;
56
-
57
- &:focus {
58
- @include focus-outline('outline');
59
- }
60
- }
61
-
62
50
  .#{$prefix}--text-input--password__visibility__toggle svg {
63
51
  pointer-events: none;
64
52
  }
65
- .#{$prefix}--toggle-password-tooltip {
66
- block-size: 100%;
67
- }
68
53
  }
@@ -35,6 +35,14 @@ $css-grid: #{$prefix}--css-grid;
35
35
  @extend .#{$css-grid}--full-width;
36
36
  }
37
37
 
38
+ :host(#{$prefix}-grid[with-row-gap]) [grid] {
39
+ row-gap: var(--cds-grid-gutter);
40
+ }
41
+
42
+ :host(#{$prefix}-grid[narrow][with-row-gap]) [grid] {
43
+ row-gap: calc(var(--cds-grid-gutter) / 2);
44
+ }
45
+
38
46
  /* sub grid styles */
39
47
  $sub-grid: #{$prefix}--subgrid;
40
48
  :host(#{$prefix}-grid) [subgrid] {
@@ -55,5 +63,17 @@ $sub-grid: #{$prefix}--subgrid;
55
63
  @extend .#{$sub-grid}--narrow;
56
64
  }
57
65
 
66
+ :host(#{$prefix}-grid) [subgrid][with-row-gap] {
67
+ row-gap: calc(var(--cds-grid-gutter-start) + var(--cds-grid-gutter-end));
68
+ }
69
+
70
+ :host(#{$prefix}-grid) [subgrid][mode='narrow'][with-row-gap] {
71
+ row-gap: var(--cds-grid-gutter-end);
72
+ }
73
+
74
+ :host(#{$prefix}-grid) [subgrid][mode='condensed'][with-row-gap] {
75
+ row-gap: var(--cds-grid-gutter-start);
76
+ }
77
+
58
78
  // Column styles
59
79
  @include grid-columns(#{$prefix}-grid);