@carbon/web-components 2.0.0-beta.3 → 2.0.0-beta.5

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 (763) hide show
  1. package/README.md +9 -9
  2. package/custom-elements.json +3959 -1606
  3. package/es/components/accordion/accordion.css.js +1 -1
  4. package/es/components/accordion/accordion.rtl.css.js +1 -1
  5. package/es/components/breadcrumb/breadcrumb.css.js +1 -1
  6. package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
  7. package/es/components/button/button.css.js +1 -1
  8. package/es/components/button/button.d.ts +12 -4
  9. package/es/components/button/button.d.ts.map +1 -1
  10. package/es/components/button/button.js +57 -19
  11. package/es/components/button/button.js.map +1 -1
  12. package/es/components/button/button.rtl.css.js +1 -1
  13. package/es/components/checkbox/checkbox.css.js +1 -1
  14. package/es/components/checkbox/checkbox.d.ts +9 -0
  15. package/es/components/checkbox/checkbox.d.ts.map +1 -1
  16. package/es/components/checkbox/checkbox.js +32 -1
  17. package/es/components/checkbox/checkbox.js.map +1 -1
  18. package/es/components/checkbox/checkbox.rtl.css.js +1 -1
  19. package/es/components/code-snippet/code-snippet-skeleton.d.ts +2 -2
  20. package/es/components/code-snippet/code-snippet-skeleton.d.ts.map +1 -1
  21. package/es/components/code-snippet/code-snippet-skeleton.js +4 -4
  22. package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
  23. package/es/components/code-snippet/code-snippet.css.js +1 -1
  24. package/es/components/code-snippet/code-snippet.d.ts +75 -29
  25. package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
  26. package/es/components/code-snippet/code-snippet.js +370 -164
  27. package/es/components/code-snippet/code-snippet.js.map +1 -1
  28. package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
  29. package/es/components/combo-box/combo-box.css.js +1 -1
  30. package/es/components/combo-box/combo-box.rtl.css.js +1 -1
  31. package/es/components/content-switcher/content-switcher-item.d.ts +33 -4
  32. package/es/components/content-switcher/content-switcher-item.d.ts.map +1 -1
  33. package/es/components/content-switcher/content-switcher-item.js +129 -24
  34. package/es/components/content-switcher/content-switcher-item.js.map +1 -1
  35. package/es/components/content-switcher/content-switcher.css.js +1 -1
  36. package/es/components/content-switcher/content-switcher.d.ts +14 -6
  37. package/es/components/content-switcher/content-switcher.d.ts.map +1 -1
  38. package/es/components/content-switcher/content-switcher.js +71 -7
  39. package/es/components/content-switcher/content-switcher.js.map +1 -1
  40. package/es/components/content-switcher/content-switcher.rtl.css.js +1 -1
  41. package/es/components/copy/copy.d.ts +1 -2
  42. package/es/components/copy/copy.d.ts.map +1 -1
  43. package/es/components/copy/copy.js +6 -13
  44. package/es/components/copy/copy.js.map +1 -1
  45. package/es/components/copy-button/copy-button.css.js +1 -1
  46. package/es/components/copy-button/copy-button.d.ts +8 -0
  47. package/es/components/copy-button/copy-button.d.ts.map +1 -1
  48. package/es/components/copy-button/copy-button.js +38 -2
  49. package/es/components/copy-button/copy-button.js.map +1 -1
  50. package/es/components/copy-button/copy-button.rtl.css.js +1 -1
  51. package/es/components/data-table/data-table.css.js +1 -1
  52. package/es/components/data-table/data-table.rtl.css.js +1 -1
  53. package/es/components/data-table/defs.d.ts +0 -13
  54. package/es/components/data-table/defs.d.ts.map +1 -1
  55. package/es/components/data-table/defs.js +0 -9
  56. package/es/components/data-table/defs.js.map +1 -1
  57. package/es/components/data-table/index.d.ts +6 -5
  58. package/es/components/data-table/index.d.ts.map +1 -1
  59. package/es/components/data-table/index.js +6 -5
  60. package/es/components/data-table/index.js.map +1 -1
  61. package/es/components/data-table/table-batch-actions.d.ts +7 -2
  62. package/es/components/data-table/table-batch-actions.d.ts.map +1 -1
  63. package/es/components/data-table/table-batch-actions.js +25 -6
  64. package/es/components/data-table/table-batch-actions.js.map +1 -1
  65. package/es/components/data-table/table-body.d.ts +8 -4
  66. package/es/components/data-table/table-body.d.ts.map +1 -1
  67. package/es/components/data-table/table-body.js +21 -14
  68. package/es/components/data-table/table-body.js.map +1 -1
  69. package/es/components/data-table/table-cell-content.d.ts +21 -0
  70. package/es/components/data-table/table-cell-content.d.ts.map +1 -0
  71. package/es/components/data-table/table-cell-content.js +53 -0
  72. package/es/components/data-table/table-cell-content.js.map +1 -0
  73. package/es/components/data-table/table-cell.d.ts +15 -2
  74. package/es/components/data-table/table-cell.d.ts.map +1 -1
  75. package/es/components/data-table/table-cell.js +43 -8
  76. package/es/components/data-table/table-cell.js.map +1 -1
  77. package/es/components/data-table/table-expanded-row.d.ts +336 -2
  78. package/es/components/data-table/table-expanded-row.d.ts.map +1 -1
  79. package/es/components/data-table/table-expanded-row.js +69 -16
  80. package/es/components/data-table/table-expanded-row.js.map +1 -1
  81. package/es/components/data-table/table-head.d.ts +7 -2
  82. package/es/components/data-table/table-head.d.ts.map +1 -1
  83. package/es/components/data-table/table-head.js +15 -6
  84. package/es/components/data-table/table-head.js.map +1 -1
  85. package/es/components/data-table/table-header-cell.d.ts +21 -3
  86. package/es/components/data-table/table-header-cell.d.ts.map +1 -1
  87. package/es/components/data-table/table-header-cell.js +67 -10
  88. package/es/components/data-table/table-header-cell.js.map +1 -1
  89. package/es/components/data-table/table-header-description.d.ts +21 -0
  90. package/es/components/data-table/table-header-description.d.ts.map +1 -0
  91. package/es/components/data-table/table-header-description.js +53 -0
  92. package/es/components/data-table/table-header-description.js.map +1 -0
  93. package/es/components/data-table/table-header-row.d.ts +3 -3
  94. package/es/components/data-table/table-header-row.d.ts.map +1 -1
  95. package/es/components/data-table/table-header-row.js +6 -6
  96. package/es/components/data-table/table-header-row.js.map +1 -1
  97. package/es/components/data-table/table-header-title.d.ts +21 -0
  98. package/es/components/data-table/table-header-title.d.ts.map +1 -0
  99. package/es/components/data-table/table-header-title.js +53 -0
  100. package/es/components/data-table/table-header-title.js.map +1 -0
  101. package/es/components/data-table/table-row.d.ts +413 -5
  102. package/es/components/data-table/table-row.d.ts.map +1 -1
  103. package/es/components/data-table/table-row.js +386 -45
  104. package/es/components/data-table/table-row.js.map +1 -1
  105. package/es/components/data-table/table-skeleton.d.ts +59 -0
  106. package/es/components/data-table/table-skeleton.d.ts.map +1 -0
  107. package/es/components/data-table/table-skeleton.js +259 -0
  108. package/es/components/data-table/table-skeleton.js.map +1 -0
  109. package/es/components/data-table/table-toolbar-content.d.ts +6 -2
  110. package/es/components/data-table/table-toolbar-content.d.ts.map +1 -1
  111. package/es/components/data-table/table-toolbar-content.js +21 -4
  112. package/es/components/data-table/table-toolbar-content.js.map +1 -1
  113. package/es/components/data-table/table-toolbar-search.d.ts +7 -3
  114. package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
  115. package/es/components/data-table/table-toolbar-search.js +25 -8
  116. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  117. package/es/components/data-table/table-toolbar.d.ts +19 -2
  118. package/es/components/data-table/table-toolbar.d.ts.map +1 -1
  119. package/es/components/data-table/table-toolbar.js +68 -13
  120. package/es/components/data-table/table-toolbar.js.map +1 -1
  121. package/es/components/data-table/table.d.ts +556 -6
  122. package/es/components/data-table/table.d.ts.map +1 -1
  123. package/es/components/data-table/table.js +1012 -15
  124. package/es/components/data-table/table.js.map +1 -1
  125. package/es/components/date-picker/date-picker.css.js +1 -1
  126. package/es/components/date-picker/date-picker.rtl.css.js +1 -1
  127. package/es/components/dropdown/defs.d.ts +6 -6
  128. package/es/components/dropdown/defs.d.ts.map +1 -1
  129. package/es/components/dropdown/defs.js +2 -2
  130. package/es/components/dropdown/defs.js.map +1 -1
  131. package/es/components/dropdown/dropdown-item.d.ts.map +1 -1
  132. package/es/components/dropdown/dropdown-item.js +1 -1
  133. package/es/components/dropdown/dropdown-item.js.map +1 -1
  134. package/es/components/dropdown/dropdown.css.js +1 -1
  135. package/es/components/dropdown/dropdown.d.ts +9 -2
  136. package/es/components/dropdown/dropdown.d.ts.map +1 -1
  137. package/es/components/dropdown/dropdown.js +83 -62
  138. package/es/components/dropdown/dropdown.js.map +1 -1
  139. package/es/components/dropdown/dropdown.rtl.css.js +1 -1
  140. package/es/components/file-uploader/demo-file-uploader.d.ts +1 -1
  141. package/es/components/file-uploader/demo-file-uploader.d.ts.map +1 -1
  142. package/es/components/file-uploader/demo-file-uploader.js +38 -4
  143. package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
  144. package/es/components/file-uploader/file-uploader.css.js +1 -1
  145. package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
  146. package/es/components/floating-menu/defs.d.ts +1 -39
  147. package/es/components/floating-menu/defs.d.ts.map +1 -1
  148. package/es/components/floating-menu/defs.js +2 -23
  149. package/es/components/floating-menu/defs.js.map +1 -1
  150. package/es/components/floating-menu/floating-menu-trigger.d.ts +3 -3
  151. package/es/components/floating-menu/floating-menu-trigger.d.ts.map +1 -1
  152. package/es/components/floating-menu/floating-menu.d.ts +11 -13
  153. package/es/components/floating-menu/floating-menu.d.ts.map +1 -1
  154. package/es/components/floating-menu/floating-menu.js +44 -54
  155. package/es/components/floating-menu/floating-menu.js.map +1 -1
  156. package/es/components/form/form-item.d.ts +2 -2
  157. package/es/components/form/form-item.d.ts.map +1 -1
  158. package/es/components/form/form-item.js +4 -4
  159. package/es/components/form/form-item.js.map +1 -1
  160. package/es/components/form-group/form-group.css.js +12 -0
  161. package/es/components/form-group/form-group.d.ts +44 -0
  162. package/es/components/form-group/form-group.d.ts.map +1 -0
  163. package/es/components/form-group/form-group.js +141 -0
  164. package/es/components/form-group/form-group.js.map +1 -0
  165. package/es/components/form-group/form-group.rtl.css.js +12 -0
  166. package/es/components/form-group/index.d.ts +11 -0
  167. package/es/components/form-group/index.d.ts.map +1 -0
  168. package/es/components/form-group/index.js +11 -0
  169. package/es/components/form-group/index.js.map +1 -0
  170. package/es/components/icon-button/icon-button.css.js +1 -1
  171. package/es/components/icon-button/icon-button.d.ts +1 -1
  172. package/es/components/icon-button/icon-button.d.ts.map +1 -1
  173. package/es/components/icon-button/icon-button.js +5 -3
  174. package/es/components/icon-button/icon-button.js.map +1 -1
  175. package/es/components/icon-button/icon-button.rtl.css.js +1 -1
  176. package/es/components/inline-loading/inline-loading.css.js +1 -1
  177. package/es/components/inline-loading/inline-loading.rtl.css.js +1 -1
  178. package/es/components/layer/layer.css.js +1 -1
  179. package/es/components/list/list-item.d.ts +2 -2
  180. package/es/components/list/list-item.d.ts.map +1 -1
  181. package/es/components/list/list-item.js +5 -5
  182. package/es/components/list/list-item.js.map +1 -1
  183. package/es/components/list/list.css.js +1 -1
  184. package/es/components/list/list.rtl.css.js +1 -1
  185. package/es/components/modal/defs.d.ts +3 -3
  186. package/es/components/modal/defs.d.ts.map +1 -1
  187. package/es/components/modal/defs.js +2 -2
  188. package/es/components/modal/defs.js.map +1 -1
  189. package/es/components/modal/index.d.ts +2 -1
  190. package/es/components/modal/index.d.ts.map +1 -1
  191. package/es/components/modal/index.js +2 -1
  192. package/es/components/modal/index.js.map +1 -1
  193. package/es/components/modal/modal-body-content.d.ts +21 -0
  194. package/es/components/modal/modal-body-content.d.ts.map +1 -0
  195. package/es/components/modal/modal-body-content.js +53 -0
  196. package/es/components/modal/modal-body-content.js.map +1 -0
  197. package/es/components/modal/modal-body.d.ts +2 -2
  198. package/es/components/modal/modal-body.d.ts.map +1 -1
  199. package/es/components/modal/modal-body.js +4 -4
  200. package/es/components/modal/modal-body.js.map +1 -1
  201. package/es/components/modal/modal-close-button.d.ts +5 -5
  202. package/es/components/modal/modal-close-button.d.ts.map +1 -1
  203. package/es/components/modal/modal-close-button.js +9 -9
  204. package/es/components/modal/modal-close-button.js.map +1 -1
  205. package/es/components/modal/modal-footer.d.ts +3 -3
  206. package/es/components/modal/modal-footer.d.ts.map +1 -1
  207. package/es/components/modal/modal-footer.js +13 -21
  208. package/es/components/modal/modal-footer.js.map +1 -1
  209. package/es/components/modal/modal-header.d.ts +2 -2
  210. package/es/components/modal/modal-header.d.ts.map +1 -1
  211. package/es/components/modal/modal-header.js +4 -4
  212. package/es/components/modal/modal-header.js.map +1 -1
  213. package/es/components/modal/modal-heading.d.ts +2 -2
  214. package/es/components/modal/modal-heading.d.ts.map +1 -1
  215. package/es/components/modal/modal-heading.js +4 -4
  216. package/es/components/modal/modal-heading.js.map +1 -1
  217. package/es/components/modal/modal-label.d.ts +2 -2
  218. package/es/components/modal/modal-label.d.ts.map +1 -1
  219. package/es/components/modal/modal-label.js +4 -4
  220. package/es/components/modal/modal-label.js.map +1 -1
  221. package/es/components/modal/modal.css.js +1 -1
  222. package/es/components/modal/modal.d.ts +33 -3
  223. package/es/components/modal/modal.d.ts.map +1 -1
  224. package/es/components/modal/modal.js +121 -14
  225. package/es/components/modal/modal.js.map +1 -1
  226. package/es/components/modal/modal.rtl.css.js +1 -1
  227. package/es/components/multi-select/defs.d.ts +27 -0
  228. package/es/components/multi-select/defs.d.ts.map +1 -0
  229. package/es/components/multi-select/defs.js +19 -0
  230. package/es/components/multi-select/defs.js.map +1 -0
  231. package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
  232. package/es/components/multi-select/multi-select-item.js +9 -14
  233. package/es/components/multi-select/multi-select-item.js.map +1 -1
  234. package/es/components/multi-select/multi-select.css.js +1 -1
  235. package/es/components/multi-select/multi-select.d.ts +44 -5
  236. package/es/components/multi-select/multi-select.d.ts.map +1 -1
  237. package/es/components/multi-select/multi-select.js +250 -32
  238. package/es/components/multi-select/multi-select.js.map +1 -1
  239. package/es/components/multi-select/multi-select.rtl.css.js +1 -1
  240. package/es/components/notification/actionable-notification.css.js +1 -1
  241. package/es/components/notification/actionable-notification.rtl.css.js +1 -1
  242. package/es/components/number-input/number-input.css.js +1 -1
  243. package/es/components/number-input/number-input.d.ts.map +1 -1
  244. package/es/components/number-input/number-input.js +1 -1
  245. package/es/components/number-input/number-input.js.map +1 -1
  246. package/es/components/number-input/number-input.rtl.css.js +1 -1
  247. package/es/components/overflow-menu/defs.d.ts +4 -9
  248. package/es/components/overflow-menu/defs.d.ts.map +1 -1
  249. package/es/components/overflow-menu/defs.js +1 -4
  250. package/es/components/overflow-menu/defs.js.map +1 -1
  251. package/es/components/overflow-menu/overflow-menu-body.d.ts +16 -15
  252. package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  253. package/es/components/overflow-menu/overflow-menu-body.js +49 -28
  254. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  255. package/es/components/overflow-menu/overflow-menu-item.d.ts +12 -3
  256. package/es/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
  257. package/es/components/overflow-menu/overflow-menu-item.js +44 -12
  258. package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
  259. package/es/components/overflow-menu/overflow-menu.css.js +1 -1
  260. package/es/components/overflow-menu/overflow-menu.d.ts +22 -10
  261. package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  262. package/es/components/overflow-menu/overflow-menu.js +89 -40
  263. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  264. package/es/components/overflow-menu/overflow-menu.rtl.css.js +1 -1
  265. package/es/components/pagination/defs.d.ts +27 -0
  266. package/es/components/pagination/defs.d.ts.map +1 -0
  267. package/es/components/pagination/defs.js +19 -0
  268. package/es/components/pagination/defs.js.map +1 -0
  269. package/es/components/pagination/index.d.ts +2 -3
  270. package/es/components/pagination/index.d.ts.map +1 -1
  271. package/es/components/pagination/index.js +2 -3
  272. package/es/components/pagination/index.js.map +1 -1
  273. package/es/components/pagination/pagination.css.js +1 -1
  274. package/es/components/pagination/pagination.d.ts +56 -20
  275. package/es/components/pagination/pagination.d.ts.map +1 -1
  276. package/es/components/pagination/pagination.js +304 -122
  277. package/es/components/pagination/pagination.js.map +1 -1
  278. package/es/components/pagination/pagination.rtl.css.js +1 -1
  279. package/es/components/popover/popover.css.js +1 -1
  280. package/es/components/popover/popover.rtl.css.js +1 -1
  281. package/es/components/progress-bar/progress-bar.css.js +1 -1
  282. package/es/components/progress-bar/progress-bar.rtl.css.js +1 -1
  283. package/es/components/progress-indicator/progress-indicator-skeleton.d.ts +1 -2
  284. package/es/components/progress-indicator/progress-indicator-skeleton.d.ts.map +1 -1
  285. package/es/components/progress-indicator/progress-indicator-skeleton.js +5 -5
  286. package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
  287. package/es/components/progress-indicator/progress-indicator.css.js +1 -1
  288. package/es/components/progress-indicator/progress-indicator.d.ts +8 -3
  289. package/es/components/progress-indicator/progress-indicator.d.ts.map +1 -1
  290. package/es/components/progress-indicator/progress-indicator.js +35 -8
  291. package/es/components/progress-indicator/progress-indicator.js.map +1 -1
  292. package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
  293. package/es/components/progress-indicator/progress-step-skeleton.d.ts +2 -2
  294. package/es/components/progress-indicator/progress-step-skeleton.d.ts.map +1 -1
  295. package/es/components/progress-indicator/progress-step-skeleton.js +12 -12
  296. package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
  297. package/es/components/progress-indicator/progress-step.d.ts +11 -3
  298. package/es/components/progress-indicator/progress-step.d.ts.map +1 -1
  299. package/es/components/progress-indicator/progress-step.js +65 -24
  300. package/es/components/progress-indicator/progress-step.js.map +1 -1
  301. package/es/components/radio-button/radio-button-skeleton.d.ts +2 -2
  302. package/es/components/radio-button/radio-button-skeleton.d.ts.map +1 -1
  303. package/es/components/radio-button/radio-button-skeleton.js +4 -4
  304. package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
  305. package/es/components/radio-button/radio-button.css.js +1 -1
  306. package/es/components/radio-button/radio-button.d.ts +4 -0
  307. package/es/components/radio-button/radio-button.d.ts.map +1 -1
  308. package/es/components/radio-button/radio-button.js +22 -0
  309. package/es/components/radio-button/radio-button.js.map +1 -1
  310. package/es/components/radio-button/radio-button.rtl.css.js +1 -1
  311. package/es/components/search/search.css.js +1 -1
  312. package/es/components/search/search.rtl.css.js +1 -1
  313. package/es/components/select/select.css.js +1 -1
  314. package/es/components/select/select.d.ts.map +1 -1
  315. package/es/components/select/select.js +3 -1
  316. package/es/components/select/select.js.map +1 -1
  317. package/es/components/select/select.rtl.css.js +1 -1
  318. package/es/components/skip-to-content/skip-to-content.d.ts +3 -3
  319. package/es/components/skip-to-content/skip-to-content.d.ts.map +1 -1
  320. package/es/components/skip-to-content/skip-to-content.js +5 -5
  321. package/es/components/skip-to-content/skip-to-content.js.map +1 -1
  322. package/es/components/slider/slider.css.js +1 -1
  323. package/es/components/slider/slider.rtl.css.js +1 -1
  324. package/es/components/stack/defs.d.ts +29 -0
  325. package/es/components/stack/defs.d.ts.map +1 -0
  326. package/es/components/stack/defs.js +31 -0
  327. package/es/components/stack/defs.js.map +1 -0
  328. package/es/components/stack/index.d.ts +11 -0
  329. package/es/components/stack/index.d.ts.map +1 -0
  330. package/es/components/stack/index.js +11 -0
  331. package/es/components/stack/index.js.map +1 -0
  332. package/es/components/stack/stack.css.js +12 -0
  333. package/es/components/stack/stack.d.ts +46 -0
  334. package/es/components/stack/stack.d.ts.map +1 -0
  335. package/es/components/stack/stack.js +116 -0
  336. package/es/components/stack/stack.js.map +1 -0
  337. package/es/components/stack/stack.rtl.css.js +12 -0
  338. package/es/components/structured-list/structured-list-body.d.ts +2 -2
  339. package/es/components/structured-list/structured-list-body.d.ts.map +1 -1
  340. package/es/components/structured-list/structured-list-body.js +5 -5
  341. package/es/components/structured-list/structured-list-body.js.map +1 -1
  342. package/es/components/structured-list/structured-list-cell.d.ts +2 -2
  343. package/es/components/structured-list/structured-list-cell.d.ts.map +1 -1
  344. package/es/components/structured-list/structured-list-cell.js +5 -5
  345. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  346. package/es/components/structured-list/structured-list-head.d.ts +2 -2
  347. package/es/components/structured-list/structured-list-head.d.ts.map +1 -1
  348. package/es/components/structured-list/structured-list-head.js +5 -5
  349. package/es/components/structured-list/structured-list-head.js.map +1 -1
  350. package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts +2 -2
  351. package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts.map +1 -1
  352. package/es/components/structured-list/structured-list-header-cell-skeleton.js +4 -4
  353. package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
  354. package/es/components/structured-list/structured-list-header-cell.d.ts +2 -2
  355. package/es/components/structured-list/structured-list-header-cell.d.ts.map +1 -1
  356. package/es/components/structured-list/structured-list-header-cell.js +5 -5
  357. package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
  358. package/es/components/structured-list/structured-list-header-row.d.ts +2 -2
  359. package/es/components/structured-list/structured-list-header-row.d.ts.map +1 -1
  360. package/es/components/structured-list/structured-list-header-row.js +5 -5
  361. package/es/components/structured-list/structured-list-header-row.js.map +1 -1
  362. package/es/components/structured-list/structured-list-row.d.ts +3 -3
  363. package/es/components/structured-list/structured-list-row.d.ts.map +1 -1
  364. package/es/components/structured-list/structured-list-row.js +6 -6
  365. package/es/components/structured-list/structured-list-row.js.map +1 -1
  366. package/es/components/structured-list/structured-list.css.js +1 -1
  367. package/es/components/structured-list/structured-list.d.ts +12 -3
  368. package/es/components/structured-list/structured-list.d.ts.map +1 -1
  369. package/es/components/structured-list/structured-list.js +52 -6
  370. package/es/components/structured-list/structured-list.js.map +1 -1
  371. package/es/components/structured-list/structured-list.rtl.css.js +1 -1
  372. package/es/components/tabs/tab.d.ts +2 -2
  373. package/es/components/tabs/tab.d.ts.map +1 -1
  374. package/es/components/tabs/tab.js +4 -4
  375. package/es/components/tabs/tab.js.map +1 -1
  376. package/es/components/tabs/tabs.css.js +1 -1
  377. package/es/components/tabs/tabs.d.ts +2 -2
  378. package/es/components/tabs/tabs.d.ts.map +1 -1
  379. package/es/components/tabs/tabs.js +2 -2
  380. package/es/components/tabs/tabs.js.map +1 -1
  381. package/es/components/tabs/tabs.rtl.css.js +1 -1
  382. package/es/components/tag/tag.css.js +1 -1
  383. package/es/components/tag/tag.rtl.css.js +1 -1
  384. package/es/components/text-input/defs.d.ts +38 -0
  385. package/es/components/text-input/defs.d.ts.map +1 -1
  386. package/es/components/text-input/defs.js +24 -3
  387. package/es/components/text-input/defs.js.map +1 -1
  388. package/es/components/text-input/text-input.css.js +1 -1
  389. package/es/components/text-input/text-input.d.ts +4 -5
  390. package/es/components/text-input/text-input.d.ts.map +1 -1
  391. package/es/components/text-input/text-input.js +5 -6
  392. package/es/components/text-input/text-input.js.map +1 -1
  393. package/es/components/text-input/text-input.rtl.css.js +1 -1
  394. package/es/components/textarea/textarea.css.js +1 -1
  395. package/es/components/textarea/textarea.d.ts.map +1 -1
  396. package/es/components/textarea/textarea.js +1 -1
  397. package/es/components/textarea/textarea.js.map +1 -1
  398. package/es/components/textarea/textarea.rtl.css.js +1 -1
  399. package/es/components/tile/clickable-tile.d.ts +3 -3
  400. package/es/components/tile/clickable-tile.d.ts.map +1 -1
  401. package/es/components/tile/clickable-tile.js +6 -6
  402. package/es/components/tile/clickable-tile.js.map +1 -1
  403. package/es/components/tile/expandable-tile.d.ts +4 -6
  404. package/es/components/tile/expandable-tile.d.ts.map +1 -1
  405. package/es/components/tile/expandable-tile.js +5 -5
  406. package/es/components/tile/expandable-tile.js.map +1 -1
  407. package/es/components/tile/radio-tile.d.ts.map +1 -1
  408. package/es/components/tile/radio-tile.js +2 -2
  409. package/es/components/tile/radio-tile.js.map +1 -1
  410. package/es/components/tile/selectable-tile.d.ts +3 -3
  411. package/es/components/tile/selectable-tile.d.ts.map +1 -1
  412. package/es/components/tile/selectable-tile.js +4 -4
  413. package/es/components/tile/selectable-tile.js.map +1 -1
  414. package/es/components/tile/tile.css.js +1 -1
  415. package/es/components/tile/tile.d.ts +2 -2
  416. package/es/components/tile/tile.d.ts.map +1 -1
  417. package/es/components/tile/tile.js +4 -4
  418. package/es/components/tile/tile.js.map +1 -1
  419. package/es/components/tile/tile.rtl.css.js +1 -1
  420. package/es/components/toggle/toggle.css.js +1 -1
  421. package/es/components/toggle/toggle.d.ts +2 -2
  422. package/es/components/toggle/toggle.d.ts.map +1 -1
  423. package/es/components/toggle/toggle.js +2 -2
  424. package/es/components/toggle/toggle.js.map +1 -1
  425. package/es/components/toggle-tip/index.d.ts +11 -0
  426. package/es/components/toggle-tip/index.d.ts.map +1 -0
  427. package/es/components/toggle-tip/index.js +11 -0
  428. package/es/components/toggle-tip/index.js.map +1 -0
  429. package/es/components/toggle-tip/toggletip.d.ts +4 -4
  430. package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
  431. package/es/components/toggle-tip/toggletip.js +32 -7
  432. package/es/components/toggle-tip/toggletip.js.map +1 -1
  433. package/es/components/tooltip/tooltip.css.js +1 -1
  434. package/es/components/tooltip/tooltip.d.ts +12 -1
  435. package/es/components/tooltip/tooltip.d.ts.map +1 -1
  436. package/es/components/tooltip/tooltip.js +47 -1
  437. package/es/components/tooltip/tooltip.js.map +1 -1
  438. package/es/components/tooltip/tooltip.rtl.css.js +1 -1
  439. package/es/components/ui-shell/header-global-action.d.ts +31 -0
  440. package/es/components/ui-shell/header-global-action.d.ts.map +1 -0
  441. package/es/components/ui-shell/header-global-action.js +88 -0
  442. package/es/components/ui-shell/header-global-action.js.map +1 -0
  443. package/es/components/ui-shell/header-menu-button.d.ts +6 -6
  444. package/es/components/ui-shell/header-menu-button.d.ts.map +1 -1
  445. package/es/components/ui-shell/header-menu-button.js +10 -10
  446. package/es/components/ui-shell/header-menu-button.js.map +1 -1
  447. package/es/components/ui-shell/header-menu-item.d.ts +3 -3
  448. package/es/components/ui-shell/header-menu-item.d.ts.map +1 -1
  449. package/es/components/ui-shell/header-menu-item.js +6 -6
  450. package/es/components/ui-shell/header-menu-item.js.map +1 -1
  451. package/es/components/ui-shell/header-menu.d.ts +11 -3
  452. package/es/components/ui-shell/header-menu.d.ts.map +1 -1
  453. package/es/components/ui-shell/header-menu.js +47 -7
  454. package/es/components/ui-shell/header-menu.js.map +1 -1
  455. package/es/components/ui-shell/header-name.d.ts +3 -3
  456. package/es/components/ui-shell/header-name.d.ts.map +1 -1
  457. package/es/components/ui-shell/header-name.js +4 -4
  458. package/es/components/ui-shell/header-name.js.map +1 -1
  459. package/es/components/ui-shell/header-nav-item.d.ts +11 -3
  460. package/es/components/ui-shell/header-nav-item.d.ts.map +1 -1
  461. package/es/components/ui-shell/header-nav-item.js +39 -6
  462. package/es/components/ui-shell/header-nav-item.js.map +1 -1
  463. package/es/components/ui-shell/header-nav.d.ts +2 -2
  464. package/es/components/ui-shell/header-nav.d.ts.map +1 -1
  465. package/es/components/ui-shell/header-nav.js +5 -5
  466. package/es/components/ui-shell/header-nav.js.map +1 -1
  467. package/es/components/ui-shell/header-panel.d.ts +30 -0
  468. package/es/components/ui-shell/header-panel.d.ts.map +1 -0
  469. package/es/components/ui-shell/header-panel.js +72 -0
  470. package/es/components/ui-shell/header-panel.js.map +1 -0
  471. package/es/components/ui-shell/header-side-nav-items.d.ts +27 -0
  472. package/es/components/ui-shell/header-side-nav-items.d.ts.map +1 -0
  473. package/es/components/ui-shell/header-side-nav-items.js +80 -0
  474. package/es/components/ui-shell/header-side-nav-items.js.map +1 -0
  475. package/es/components/ui-shell/header.css.js +1 -1
  476. package/es/components/ui-shell/header.d.ts +2 -2
  477. package/es/components/ui-shell/header.d.ts.map +1 -1
  478. package/es/components/ui-shell/header.js +5 -5
  479. package/es/components/ui-shell/header.js.map +1 -1
  480. package/es/components/ui-shell/header.rtl.css.js +1 -1
  481. package/es/components/ui-shell/index.d.ts +5 -0
  482. package/es/components/ui-shell/index.d.ts.map +1 -1
  483. package/es/components/ui-shell/index.js +5 -0
  484. package/es/components/ui-shell/index.js.map +1 -1
  485. package/es/components/ui-shell/side-nav-divider.d.ts +2 -2
  486. package/es/components/ui-shell/side-nav-divider.d.ts.map +1 -1
  487. package/es/components/ui-shell/side-nav-divider.js +5 -5
  488. package/es/components/ui-shell/side-nav-divider.js.map +1 -1
  489. package/es/components/ui-shell/side-nav-items.d.ts +2 -2
  490. package/es/components/ui-shell/side-nav-items.d.ts.map +1 -1
  491. package/es/components/ui-shell/side-nav-items.js +6 -6
  492. package/es/components/ui-shell/side-nav-items.js.map +1 -1
  493. package/es/components/ui-shell/side-nav-link.d.ts +7 -3
  494. package/es/components/ui-shell/side-nav-link.d.ts.map +1 -1
  495. package/es/components/ui-shell/side-nav-link.js +18 -5
  496. package/es/components/ui-shell/side-nav-link.js.map +1 -1
  497. package/es/components/ui-shell/side-nav-menu-item.d.ts +3 -3
  498. package/es/components/ui-shell/side-nav-menu-item.d.ts.map +1 -1
  499. package/es/components/ui-shell/side-nav-menu-item.js +4 -4
  500. package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
  501. package/es/components/ui-shell/side-nav-menu.d.ts +7 -3
  502. package/es/components/ui-shell/side-nav-menu.d.ts.map +1 -1
  503. package/es/components/ui-shell/side-nav-menu.js +18 -5
  504. package/es/components/ui-shell/side-nav-menu.js.map +1 -1
  505. package/es/components/ui-shell/side-nav.css.js +1 -1
  506. package/es/components/ui-shell/side-nav.d.ts +35 -13
  507. package/es/components/ui-shell/side-nav.d.ts.map +1 -1
  508. package/es/components/ui-shell/side-nav.js +142 -48
  509. package/es/components/ui-shell/side-nav.js.map +1 -1
  510. package/es/components/ui-shell/side-nav.rtl.css.js +1 -1
  511. package/es/components/ui-shell/switcher-divider.d.ts +21 -0
  512. package/es/components/ui-shell/switcher-divider.d.ts.map +1 -0
  513. package/es/components/ui-shell/switcher-divider.js +56 -0
  514. package/es/components/ui-shell/switcher-divider.js.map +1 -0
  515. package/es/components/{pagination/page-sizes-select.d.ts → ui-shell/switcher-item.d.ts} +18 -22
  516. package/es/components/ui-shell/switcher-item.d.ts.map +1 -0
  517. package/es/components/ui-shell/switcher-item.js +162 -0
  518. package/es/components/ui-shell/switcher-item.js.map +1 -0
  519. package/es/components/ui-shell/switcher.d.ts +35 -0
  520. package/es/components/ui-shell/switcher.d.ts.map +1 -0
  521. package/es/components/ui-shell/switcher.js +95 -0
  522. package/es/components/ui-shell/switcher.js.map +1 -0
  523. package/es/components-react/code-snippet/code-snippet-skeleton.d.ts +2 -2
  524. package/es/components-react/code-snippet/code-snippet.d.ts +2 -2
  525. package/es/components-react/content-switcher/content-switcher-item.d.ts +2 -3
  526. package/es/components-react/content-switcher/content-switcher.d.ts +2 -3
  527. package/es/components-react/data-table/table-batch-actions.d.ts +2 -2
  528. package/es/components-react/data-table/table-body.d.ts +2 -2
  529. package/es/components-react/{pagination/pages-select.d.ts → data-table/table-cell-content.d.ts} +2 -6
  530. package/es/components-react/{pagination/pages-select.js → data-table/table-cell-content.js} +4 -10
  531. package/es/components-react/data-table/table-cell.d.ts +2 -2
  532. package/es/components-react/data-table/table-expanded-row.d.ts +2 -2
  533. package/es/components-react/data-table/table-head.d.ts +2 -2
  534. package/es/components-react/data-table/table-header-cell.d.ts +2 -2
  535. package/es/components-react/{pagination/page-sizes-select.d.ts → data-table/table-header-description.d.ts} +2 -6
  536. package/es/components-react/{pagination/page-sizes-select.js → data-table/table-header-description.js} +4 -10
  537. package/es/components-react/data-table/table-header-row.d.ts +2 -2
  538. package/es/components-react/data-table/table-header-title.d.ts +15 -0
  539. package/es/components-react/data-table/{table-header-cell-skeleton.js → table-header-title.js} +4 -6
  540. package/es/components-react/data-table/table-row.d.ts +19 -2
  541. package/es/components-react/data-table/table-row.js +16 -0
  542. package/es/components-react/data-table/table-skeleton.d.ts +15 -0
  543. package/es/components-react/data-table/table-skeleton.js +21 -0
  544. package/es/components-react/data-table/table-toolbar-content.d.ts +2 -2
  545. package/es/components-react/data-table/table-toolbar-search.d.ts +2 -2
  546. package/es/components-react/data-table/table-toolbar.d.ts +2 -2
  547. package/es/components-react/data-table/table.d.ts +44 -2
  548. package/es/components-react/data-table/table.js +45 -3
  549. package/es/components-react/file-uploader/demo-file-uploader.d.ts +0 -49
  550. package/es/components-react/file-uploader/demo-file-uploader.js +3 -51
  551. package/es/components-react/floating-menu/floating-menu.d.ts +2 -2
  552. package/es/components-react/floating-menu/floating-menu.js +0 -2
  553. package/es/components-react/form/form-item.d.ts +2 -2
  554. package/es/components-react/form-group/form-group.d.ts +15 -0
  555. package/es/components-react/form-group/form-group.js +21 -0
  556. package/es/components-react/form-group/index.d.ts +14 -0
  557. package/es/components-react/form-group/index.js +8 -0
  558. package/es/components-react/list/list-item.d.ts +2 -2
  559. package/es/components-react/modal/modal-body-content.d.ts +15 -0
  560. package/es/components-react/modal/modal-body-content.js +21 -0
  561. package/es/components-react/modal/modal-body.d.ts +2 -2
  562. package/es/components-react/modal/modal-close-button.d.ts +2 -2
  563. package/es/components-react/modal/modal-footer.d.ts +2 -2
  564. package/es/components-react/modal/modal-header.d.ts +2 -2
  565. package/es/components-react/modal/modal-heading.d.ts +2 -2
  566. package/es/components-react/modal/modal-label.d.ts +2 -2
  567. package/es/components-react/modal/modal.d.ts +2 -2
  568. package/es/components-react/multi-select/defs.d.ts +14 -0
  569. package/es/components-react/multi-select/defs.js +9 -0
  570. package/es/components-react/multi-select/multi-select.js +6 -1
  571. package/es/components-react/overflow-menu/overflow-menu-body.d.ts +2 -2
  572. package/es/components-react/overflow-menu/overflow-menu-item.d.ts +2 -2
  573. package/es/components-react/overflow-menu/overflow-menu.d.ts +4 -5
  574. package/es/components-react/overflow-menu/overflow-menu.js +5 -3
  575. package/es/components-react/pagination/defs.d.ts +14 -0
  576. package/es/components-react/pagination/defs.js +9 -0
  577. package/es/components-react/pagination/pagination.d.ts +3 -7
  578. package/es/components-react/pagination/pagination.js +3 -7
  579. package/es/components-react/progress-indicator/progress-indicator-skeleton.d.ts +2 -3
  580. package/es/components-react/progress-indicator/progress-indicator.d.ts +2 -3
  581. package/es/components-react/progress-indicator/progress-step-skeleton.d.ts +2 -3
  582. package/es/components-react/progress-indicator/progress-step.d.ts +2 -3
  583. package/es/components-react/radio-button/radio-button-skeleton.d.ts +2 -2
  584. package/es/components-react/skip-to-content/skip-to-content.d.ts +2 -2
  585. package/es/components-react/stack/defs.d.ts +14 -0
  586. package/es/components-react/stack/defs.js +9 -0
  587. package/es/components-react/stack/index.d.ts +14 -0
  588. package/es/components-react/stack/index.js +8 -0
  589. package/es/components-react/stack/stack.d.ts +15 -0
  590. package/es/components-react/stack/stack.js +22 -0
  591. package/es/components-react/structured-list/structured-list-body.d.ts +2 -2
  592. package/es/components-react/structured-list/structured-list-cell.d.ts +2 -2
  593. package/es/components-react/structured-list/structured-list-head.d.ts +2 -2
  594. package/es/components-react/structured-list/structured-list-header-cell-skeleton.d.ts +2 -2
  595. package/es/components-react/structured-list/structured-list-header-cell.d.ts +2 -2
  596. package/es/components-react/structured-list/structured-list-header-row.d.ts +2 -2
  597. package/es/components-react/structured-list/structured-list-row.d.ts +2 -2
  598. package/es/components-react/structured-list/structured-list.d.ts +2 -2
  599. package/es/components-react/text-input/text-input.js +7 -1
  600. package/es/components-react/tile/clickable-tile.d.ts +2 -2
  601. package/es/components-react/tile/expandable-tile.d.ts +2 -2
  602. package/es/components-react/tile/selectable-tile.d.ts +2 -2
  603. package/es/components-react/tile/tile.d.ts +2 -2
  604. package/es/components-react/toggle-tip/index.d.ts +14 -0
  605. package/es/components-react/toggle-tip/index.js +8 -0
  606. package/es/components-react/toggle-tip/toggletip.d.ts +2 -7
  607. package/es/components-react/toggle-tip/toggletip.js +3 -13
  608. package/es/components-react/{data-table/table-cell-skeleton.d.ts → ui-shell/header-global-action.d.ts} +3 -3
  609. package/es/components-react/{data-table/table-cell-skeleton.js → ui-shell/header-global-action.js} +4 -4
  610. package/es/components-react/ui-shell/header-menu-button.d.ts +2 -2
  611. package/es/components-react/ui-shell/header-menu-item.d.ts +2 -2
  612. package/es/components-react/ui-shell/header-menu.d.ts +2 -2
  613. package/es/components-react/ui-shell/header-name.d.ts +2 -2
  614. package/es/components-react/ui-shell/header-nav-item.d.ts +2 -2
  615. package/es/components-react/ui-shell/header-nav.d.ts +2 -2
  616. package/es/components-react/ui-shell/header-panel.d.ts +15 -0
  617. package/es/components-react/ui-shell/header-panel.js +21 -0
  618. package/es/components-react/ui-shell/header-side-nav-items.d.ts +15 -0
  619. package/es/components-react/ui-shell/header-side-nav-items.js +21 -0
  620. package/es/components-react/ui-shell/header.d.ts +2 -2
  621. package/es/components-react/ui-shell/side-nav-divider.d.ts +2 -2
  622. package/es/components-react/ui-shell/side-nav-items.d.ts +2 -2
  623. package/es/components-react/ui-shell/side-nav-link.d.ts +2 -2
  624. package/es/components-react/ui-shell/side-nav-menu-item.d.ts +2 -2
  625. package/es/components-react/ui-shell/side-nav-menu.d.ts +2 -2
  626. package/es/components-react/ui-shell/side-nav.d.ts +2 -2
  627. package/es/components-react/ui-shell/switcher-divider.d.ts +15 -0
  628. package/es/components-react/ui-shell/switcher-divider.js +21 -0
  629. package/es/components-react/ui-shell/switcher-item.d.ts +15 -0
  630. package/es/components-react/ui-shell/switcher-item.js +21 -0
  631. package/es/components-react/ui-shell/switcher.d.ts +15 -0
  632. package/es/components-react/ui-shell/switcher.js +21 -0
  633. package/es/icons/arrow--down/16.js +1 -1
  634. package/es/icons/arrow--down/32.js +1 -1
  635. package/es/icons/arrows--vertical/16.js +1 -1
  636. package/es/icons/arrows--vertical/32.js +1 -1
  637. package/es/icons/information/16.js +1 -1
  638. package/es/icons/overflow-menu--vertical/16.js +1 -1
  639. package/es/index.d.ts +12 -2
  640. package/es/index.d.ts.map +1 -1
  641. package/es/index.js +12 -2
  642. package/es/index.js.map +1 -1
  643. package/lib/components/data-table/defs.js +1 -10
  644. package/lib/components/data-table/defs.js.map +1 -1
  645. package/lib/components/dropdown/defs.js +2 -2
  646. package/lib/components/dropdown/defs.js.map +1 -1
  647. package/lib/components/floating-menu/defs.js +3 -24
  648. package/lib/components/floating-menu/defs.js.map +1 -1
  649. package/lib/components/modal/defs.js +2 -2
  650. package/lib/components/modal/defs.js.map +1 -1
  651. package/lib/components/multi-select/defs.js +25 -0
  652. package/lib/components/multi-select/defs.js.map +1 -0
  653. package/lib/components/overflow-menu/defs.js +2 -11
  654. package/lib/components/overflow-menu/defs.js.map +1 -1
  655. package/lib/components/pagination/defs.js +25 -0
  656. package/lib/components/pagination/defs.js.map +1 -0
  657. package/lib/components/stack/defs.js +36 -0
  658. package/lib/components/stack/defs.js.map +1 -0
  659. package/lib/components/text-input/defs.js +25 -4
  660. package/lib/components/text-input/defs.js.map +1 -1
  661. package/lib/components-react-node/{pagination/pages-select.js → data-table/table-cell-content.js} +3 -9
  662. package/lib/components-react-node/{pagination/page-sizes-select.js → data-table/table-header-description.js} +3 -9
  663. package/lib/components-react-node/data-table/{table-cell-skeleton.js → table-header-title.js} +3 -4
  664. package/lib/components-react-node/data-table/table-row.js +16 -0
  665. package/lib/components-react-node/data-table/{table-header-cell-skeleton.js → table-skeleton.js} +3 -4
  666. package/lib/components-react-node/data-table/table.js +44 -8
  667. package/lib/components-react-node/file-uploader/demo-file-uploader.js +3 -89
  668. package/lib/components-react-node/floating-menu/floating-menu.js +0 -12
  669. package/lib/components-react-node/form-group/form-group.js +36 -0
  670. package/lib/components-react-node/form-group/index.js +9 -0
  671. package/lib/components-react-node/modal/modal-body-content.js +36 -0
  672. package/lib/components-react-node/multi-select/defs.js +24 -0
  673. package/lib/components-react-node/multi-select/multi-select.js +13 -0
  674. package/lib/components-react-node/overflow-menu/overflow-menu.js +3 -8
  675. package/lib/components-react-node/pagination/defs.js +24 -0
  676. package/lib/components-react-node/pagination/pagination.js +3 -7
  677. package/lib/components-react-node/stack/defs.js +24 -0
  678. package/lib/components-react-node/stack/index.js +9 -0
  679. package/lib/components-react-node/stack/stack.js +49 -0
  680. package/lib/components-react-node/text-input/text-input.js +12 -0
  681. package/lib/components-react-node/toggle-tip/index.js +9 -0
  682. package/lib/components-react-node/toggle-tip/toggletip.js +3 -51
  683. package/lib/components-react-node/ui-shell/header-global-action.js +37 -0
  684. package/lib/components-react-node/ui-shell/header-panel.js +36 -0
  685. package/lib/components-react-node/ui-shell/header-side-nav-items.js +36 -0
  686. package/lib/components-react-node/ui-shell/switcher-divider.js +36 -0
  687. package/lib/components-react-node/ui-shell/switcher-item.js +36 -0
  688. package/lib/components-react-node/ui-shell/switcher.js +36 -0
  689. package/package.json +6 -7
  690. package/scss/components/accordion/accordion.scss +19 -12
  691. package/scss/components/button/button.scss +67 -7
  692. package/scss/components/checkbox/checkbox.scss +18 -2
  693. package/scss/components/code-snippet/code-snippet.scss +83 -99
  694. package/scss/components/combo-box/combo-box.scss +45 -42
  695. package/scss/components/content-switcher/content-switcher.scss +37 -8
  696. package/scss/components/copy-button/copy-button.scss +20 -0
  697. package/scss/components/data-table/_table-action.scss +50 -32
  698. package/scss/components/data-table/_table-core.scss +253 -29
  699. package/scss/components/data-table/_table-expandable.scss +25 -32
  700. package/scss/components/data-table/_table-selection.scss +36 -20
  701. package/scss/components/data-table/_table-sizes.scss +162 -20
  702. package/scss/components/data-table/_table-sort.scss +5 -21
  703. package/scss/components/data-table/data-table.scss +4 -3
  704. package/scss/components/date-picker/date-picker.scss +3 -0
  705. package/scss/components/dropdown/dropdown.scss +70 -67
  706. package/scss/components/file-uploader/file-uploader.scss +16 -11
  707. package/scss/components/form-group/form-group.scss +23 -0
  708. package/scss/components/inline-loading/inline-loading.scss +3 -0
  709. package/scss/components/layer/layer.scss +10 -10
  710. package/scss/components/modal/modal.scss +65 -90
  711. package/scss/components/multi-select/multi-select.scss +66 -24
  712. package/scss/components/notification/actionable-notification.scss +12 -10
  713. package/scss/components/number-input/number-input.scss +3 -0
  714. package/scss/components/overflow-menu/overflow-menu.scss +28 -13
  715. package/scss/components/pagination/pagination.scss +3 -66
  716. package/scss/components/popover/popover.scss +17 -9
  717. package/scss/components/progress-bar/progress-bar.scss +6 -0
  718. package/scss/components/progress-indicator/progress-indicator.scss +14 -10
  719. package/scss/components/radio-button/radio-button.scss +11 -1
  720. package/scss/components/search/search.scss +48 -45
  721. package/scss/components/select/select.scss +47 -17
  722. package/scss/components/slider/slider.scss +7 -4
  723. package/scss/components/stack/stack.scss +33 -0
  724. package/scss/components/structured-list/structured-list.scss +95 -20
  725. package/scss/components/tag/tag.scss +67 -64
  726. package/scss/components/text-input/text-input.scss +21 -15
  727. package/scss/components/textarea/textarea.scss +9 -6
  728. package/scss/components/tile/tile.scss +33 -22
  729. package/scss/components/toggle/toggle.scss +8 -8
  730. package/scss/components/tooltip/tooltip.scss +26 -0
  731. package/scss/components/ui-shell/header.scss +72 -0
  732. package/scss/components/ui-shell/side-nav.scss +29 -46
  733. package/es/components/data-table/table-cell-skeleton.d.ts +0 -20
  734. package/es/components/data-table/table-cell-skeleton.d.ts.map +0 -1
  735. package/es/components/data-table/table-cell-skeleton.js +0 -42
  736. package/es/components/data-table/table-cell-skeleton.js.map +0 -1
  737. package/es/components/data-table/table-expand-row.d.ts +0 -371
  738. package/es/components/data-table/table-expand-row.d.ts.map +0 -1
  739. package/es/components/data-table/table-expand-row.js +0 -192
  740. package/es/components/data-table/table-expand-row.js.map +0 -1
  741. package/es/components/data-table/table-header-cell-skeleton.d.ts +0 -19
  742. package/es/components/data-table/table-header-cell-skeleton.d.ts.map +0 -1
  743. package/es/components/data-table/table-header-cell-skeleton.js +0 -33
  744. package/es/components/data-table/table-header-cell-skeleton.js.map +0 -1
  745. package/es/components/data-table/table-header-expand-row.d.ts +0 -33
  746. package/es/components/data-table/table-header-expand-row.d.ts.map +0 -1
  747. package/es/components/data-table/table-header-expand-row.js +0 -68
  748. package/es/components/data-table/table-header-expand-row.js.map +0 -1
  749. package/es/components/pagination/page-sizes-select.d.ts.map +0 -1
  750. package/es/components/pagination/page-sizes-select.js +0 -172
  751. package/es/components/pagination/page-sizes-select.js.map +0 -1
  752. package/es/components/pagination/pages-select.d.ts +0 -362
  753. package/es/components/pagination/pages-select.d.ts.map +0 -1
  754. package/es/components/pagination/pages-select.js +0 -185
  755. package/es/components/pagination/pages-select.js.map +0 -1
  756. package/es/components-react/data-table/table-expand-row.d.ts +0 -24
  757. package/es/components-react/data-table/table-expand-row.js +0 -33
  758. package/es/components-react/data-table/table-header-cell-skeleton.d.ts +0 -14
  759. package/es/components-react/data-table/table-header-expand-row.d.ts +0 -29
  760. package/es/components-react/data-table/table-header-expand-row.js +0 -37
  761. package/lib/components-react-node/data-table/table-expand-row.js +0 -47
  762. package/lib/components-react-node/data-table/table-header-expand-row.js +0 -51
  763. package/scss/components/data-table/_table-skeleton.scss +0 -27
@@ -1,33 +0,0 @@
1
- /**
2
- * @license
3
- *
4
- * Copyright IBM Corp. 2020, 2023
5
- *
6
- * This source code is licensed under the Apache-2.0 license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */
9
- import BXTableExpandRow from './table-expand-row';
10
- /**
11
- * Data table header row.
12
- *
13
- * @element cds-table-header-expand-row
14
- */
15
- declare class BXTableHeaderExpandRow extends BXTableExpandRow {
16
- /**
17
- * The name of the custom event fired before this row is selected/unselected upon a user gesture.
18
- * Cancellation of this event stops the user-initiated change in selection.
19
- */
20
- static get eventBeforeChangeSelection(): string;
21
- /**
22
- * The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.
23
- * Cancellation of this event stops the user-initiated action of toggling the expanded state.
24
- */
25
- static get eventBeforeExpandoToggle(): string;
26
- /**
27
- * The name of the custom event fired after the expanded state this row is toggled upon a user gesture.
28
- */
29
- static get eventExpandoToggle(): string;
30
- }
31
- export default BXTableHeaderExpandRow;
32
-
33
- //# sourceMappingURL=table-header-expand-row.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["components/data-table/table-header-expand-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD;;;;GAIG;AACH,cACM,sBAAuB,SAAQ,gBAAgB;IACnD;;;OAGG;IACH,MAAM,KAAK,0BAA0B,WAEpC;IAED;;;OAGG;IACH,MAAM,KAAK,wBAAwB,WAElC;IAED;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;CACF;AAED,eAAe,sBAAsB,CAAC","file":"table-header-expand-row.d.ts","sourcesContent":["/**\n * @license\n *\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\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXTableExpandRow from './table-expand-row';\n\n/**\n * Data table header row.\n *\n * @element cds-table-header-expand-row\n */\n@customElement(`${prefix}-table-header-expand-row`)\nclass BXTableHeaderExpandRow extends BXTableExpandRow {\n /**\n * The name of the custom event fired before this row is selected/unselected upon a user gesture.\n * Cancellation of this event stops the user-initiated change in selection.\n */\n static get eventBeforeChangeSelection() {\n return `${prefix}-table-change-selection-all`;\n }\n\n /**\n * The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling the expanded state.\n */\n static get eventBeforeExpandoToggle() {\n return `${prefix}-table-row-expando-beingtoggled-all`;\n }\n\n /**\n * The name of the custom event fired after the expanded state this row is toggled upon a user gesture.\n */\n static get eventExpandoToggle() {\n return `${prefix}-table-row-expando-toggled-all`;\n }\n}\n\nexport default BXTableHeaderExpandRow;\n"]}
@@ -1,68 +0,0 @@
1
- import _decorate from "@babel/runtime/helpers/esm/decorate";
2
- /**
3
- * @license
4
- *
5
- * Copyright IBM Corp. 2020, 2023
6
- *
7
- * This source code is licensed under the Apache-2.0 license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */
10
-
11
- import { customElement } from 'lit/decorators.js';
12
- import { prefix } from '../../globals/settings';
13
- import BXTableExpandRow from './table-expand-row';
14
-
15
- /**
16
- * Data table header row.
17
- *
18
- * @element cds-table-header-expand-row
19
- */
20
- let BXTableHeaderExpandRow = _decorate([customElement(`${prefix}-table-header-expand-row`)], function (_initialize, _BXTableExpandRow) {
21
- class BXTableHeaderExpandRow extends _BXTableExpandRow {
22
- constructor(...args) {
23
- super(...args);
24
- _initialize(this);
25
- }
26
- }
27
- return {
28
- F: BXTableHeaderExpandRow,
29
- d: [{
30
- kind: "get",
31
- static: true,
32
- key: "eventBeforeChangeSelection",
33
- value:
34
- /**
35
- * The name of the custom event fired before this row is selected/unselected upon a user gesture.
36
- * Cancellation of this event stops the user-initiated change in selection.
37
- */
38
- function eventBeforeChangeSelection() {
39
- return `${prefix}-table-change-selection-all`;
40
- }
41
-
42
- /**
43
- * The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.
44
- * Cancellation of this event stops the user-initiated action of toggling the expanded state.
45
- */
46
- }, {
47
- kind: "get",
48
- static: true,
49
- key: "eventBeforeExpandoToggle",
50
- value: function eventBeforeExpandoToggle() {
51
- return `${prefix}-table-row-expando-beingtoggled-all`;
52
- }
53
-
54
- /**
55
- * The name of the custom event fired after the expanded state this row is toggled upon a user gesture.
56
- */
57
- }, {
58
- kind: "get",
59
- static: true,
60
- key: "eventExpandoToggle",
61
- value: function eventExpandoToggle() {
62
- return `${prefix}-table-row-expando-toggled-all`;
63
- }
64
- }]
65
- };
66
- }, BXTableExpandRow);
67
- export default BXTableHeaderExpandRow;
68
- //# sourceMappingURL=table-header-expand-row.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"table-header-expand-row.js","names":["customElement","prefix","BXTableExpandRow","BXTableHeaderExpandRow","_decorate","_initialize","_BXTableExpandRow","constructor","args","F","d","kind","static","key","value","eventBeforeChangeSelection","eventBeforeExpandoToggle","eventExpandoToggle"],"sources":["components/data-table/table-header-expand-row.ts"],"sourcesContent":["/**\n * @license\n *\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\nimport { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport BXTableExpandRow from './table-expand-row';\n\n/**\n * Data table header row.\n *\n * @element cds-table-header-expand-row\n */\n@customElement(`${prefix}-table-header-expand-row`)\nclass BXTableHeaderExpandRow extends BXTableExpandRow {\n /**\n * The name of the custom event fired before this row is selected/unselected upon a user gesture.\n * Cancellation of this event stops the user-initiated change in selection.\n */\n static get eventBeforeChangeSelection() {\n return `${prefix}-table-change-selection-all`;\n }\n\n /**\n * The name of the custom event fired before the expanded state this row is being toggled upon a user gesture.\n * Cancellation of this event stops the user-initiated action of toggling the expanded state.\n */\n static get eventBeforeExpandoToggle() {\n return `${prefix}-table-row-expando-beingtoggled-all`;\n }\n\n /**\n * The name of the custom event fired after the expanded state this row is toggled upon a user gesture.\n */\n static get eventExpandoToggle() {\n return `${prefix}-table-row-expando-toggled-all`;\n }\n}\n\nexport default BXTableHeaderExpandRow;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,gBAAgB,MAAM,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AAJA,IAMMC,sBAAsB,GAAAC,SAAA,EAD3BJ,aAAa,CAAE,GAAEC,MAAO,0BAAyB,CAAC,aAAAI,WAAA,EAAAC,iBAAA;EAAnD,MACMH,sBAAsB,SAAAG,iBAAA,CAA0B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuBtD;EAAC;IAAAI,CAAA,EAvBKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,MAAA;MAAAC,GAAA;MAAAC,KAAA;MAC1B;AACF;AACA;AACA;MACE,SAAAC,2BAAA,EAAwC;QACtC,OAAQ,GAAEd,MAAO,6BAA4B;MAC/C;;MAEA;AACF;AACA;AACA;IAHE;MAAAU,IAAA;MAAAC,MAAA;MAAAC,GAAA;MAAAC,KAAA,EAIA,SAAAE,yBAAA,EAAsC;QACpC,OAAQ,GAAEf,MAAO,qCAAoC;MACvD;;MAEA;AACF;AACA;IAFE;MAAAU,IAAA;MAAAC,MAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAG,mBAAA,EAAgC;QAC9B,OAAQ,GAAEhB,MAAO,gCAA+B;MAClD;IAAC;EAAA;AAAA,GAtBkCC,gBAAgB;AAyBrD,eAAeC,sBAAsB"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["components/pagination/page-sizes-select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;;;GAMG;AACH,cACM,iBAAkB,SAAQ,sBAAsB;IAEpD,OAAO,CAAC,WAAW,CAAqB;IAExC;;OAEG;IACH,OAAO,CAAC,aAAa;IAiBrB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IAEH,SAAS,SAAqB;IAE9B;;OAEG;IAEH,KAAK,EAAG,MAAM,CAAC;IAEf,MAAM;IAuBN;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"page-sizes-select.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './pagination.scss';\n\n/**\n * The select box for page sizes.\n *\n * @element cds-page-sizes-select\n * @slot label-text - The label text.\n * @fires cds-page-sizes-select-changed - The custom event fired after the page size is changed.\n */\n@customElement(`${prefix}-page-sizes-select`)\nclass BXPageSizesSelect extends FocusMixin(LitElement) {\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /**\n * Handles `change` event on the `<select>` to select page size.\n */\n private _handleChange({ target }: Event) {\n const value = Number((target as HTMLSelectElement).value);\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXPageSizesSelect).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n }\n )\n );\n this.value = value;\n }\n\n /**\n * Handles `slotchange` event for the `<slot>` for `<options>`.\n *\n * @param event The event.\n */\n private _handleSlotChange({ target }: Event) {\n const { _selectNode: selectNode } = this;\n while (selectNode.firstChild) {\n selectNode.removeChild(selectNode.firstChild);\n }\n (\n (target as HTMLSlotElement).assignedNodes() as HTMLOptionElement[]\n ).forEach((item) => {\n selectNode?.appendChild(item.cloneNode(true));\n });\n }\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = 'Items per page:';\n\n /**\n * The value, working as the current page size.\n */\n @property({ type: Number })\n value!: number;\n\n render() {\n const {\n labelText,\n value,\n _handleChange: handleChange,\n _handleSlotChange: handleSlotChange,\n } = this;\n return html`\n <label for=\"select\" class=\"${prefix}--pagination__text\"\n ><slot name=\"label-text\">${labelText}</slot></label\n >\n <div class=\"${prefix}--select__item-count\">\n <select\n id=\"select\"\n class=\"${prefix}--select-input\"\n .value=\"${value}\"\n @change=${handleChange}></select>\n ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n </div>\n <div hidden><slot @slotchange=\"${handleSlotChange}\"></slot></div>\n `;\n }\n\n /**\n * The name of the custom event fired after the page size is changed.\n */\n static get eventChange() {\n return `${prefix}-page-sizes-select-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPageSizesSelect;\n"]}
@@ -1,172 +0,0 @@
1
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import _decorate from "@babel/runtime/helpers/esm/decorate";
3
- let _ = t => t,
4
- _t;
5
- /**
6
- * @license
7
- *
8
- * Copyright IBM Corp. 2019, 2023
9
- *
10
- * This source code is licensed under the Apache-2.0 license found in the
11
- * LICENSE file in the root directory of this source tree.
12
- */
13
-
14
- import { LitElement, html } from 'lit';
15
- import { property, customElement, query } from 'lit/decorators.js';
16
- import ChevronDown16 from "../../icons/chevron--down/16";
17
- import { prefix } from '../../globals/settings';
18
- import FocusMixin from '../../globals/mixins/focus';
19
- import styles from "././pagination.css.js";
20
-
21
- /**
22
- * The select box for page sizes.
23
- *
24
- * @element cds-page-sizes-select
25
- * @slot label-text - The label text.
26
- * @fires cds-page-sizes-select-changed - The custom event fired after the page size is changed.
27
- */ /**
28
- * The select box for page sizes.
29
- *
30
- * @element cds-page-sizes-select
31
- * @slot label-text - The label text.
32
- * @fires cds-page-sizes-select-changed - The custom event fired after the page size is changed.
33
- */
34
- let BXPageSizesSelect = _decorate([customElement(`${prefix}-page-sizes-select`)], function (_initialize, _FocusMixin) {
35
- class BXPageSizesSelect extends _FocusMixin {
36
- constructor(...args) {
37
- super(...args);
38
- _initialize(this);
39
- }
40
- }
41
- return {
42
- F: BXPageSizesSelect,
43
- d: [{
44
- kind: "field",
45
- decorators: [query('select')],
46
- key: "_selectNode",
47
- value: void 0
48
- }, {
49
- kind: "method",
50
- key: "_handleChange",
51
- value:
52
- /**
53
- * Handles `change` event on the `<select>` to select page size.
54
- */
55
- function _handleChange({
56
- target
57
- }) {
58
- const value = Number(target.value);
59
- this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
60
- bubbles: true,
61
- composed: true,
62
- detail: {
63
- value
64
- }
65
- }));
66
- this.value = value;
67
- }
68
-
69
- /**
70
- * Handles `slotchange` event for the `<slot>` for `<options>`.
71
- *
72
- * @param event The event.
73
- */
74
- }, {
75
- kind: "method",
76
- key: "_handleSlotChange",
77
- value: function _handleSlotChange({
78
- target
79
- }) {
80
- const {
81
- _selectNode: selectNode
82
- } = this;
83
- while (selectNode.firstChild) {
84
- selectNode.removeChild(selectNode.firstChild);
85
- }
86
- target.assignedNodes().forEach(item => {
87
- selectNode === null || selectNode === void 0 ? void 0 : selectNode.appendChild(item.cloneNode(true));
88
- });
89
- }
90
-
91
- /**
92
- * The label text.
93
- */
94
- }, {
95
- kind: "field",
96
- decorators: [property({
97
- attribute: 'label-text'
98
- })],
99
- key: "labelText",
100
- value() {
101
- return 'Items per page:';
102
- }
103
- }, {
104
- kind: "field",
105
- decorators: [property({
106
- type: Number
107
- })],
108
- key: "value",
109
- value: void 0
110
- }, {
111
- kind: "method",
112
- key: "render",
113
- value:
114
- /**
115
- * The value, working as the current page size.
116
- */
117
- function render() {
118
- const {
119
- labelText,
120
- value,
121
- _handleChange: handleChange,
122
- _handleSlotChange: handleSlotChange
123
- } = this;
124
- return html(_t || (_t = _`
125
- <label for="select" class="${0}--pagination__text"
126
- ><slot name="label-text">${0}</slot></label
127
- >
128
- <div class="${0}--select__item-count">
129
- <select
130
- id="select"
131
- class="${0}--select-input"
132
- .value="${0}"
133
- @change=${0}></select>
134
- ${0}
135
- </div>
136
- <div hidden><slot @slotchange="${0}"></slot></div>
137
- `), prefix, labelText, prefix, prefix, value, handleChange, ChevronDown16({
138
- class: `${prefix}--select__arrow`
139
- }), handleSlotChange);
140
- }
141
-
142
- /**
143
- * The name of the custom event fired after the page size is changed.
144
- */
145
- }, {
146
- kind: "get",
147
- static: true,
148
- key: "eventChange",
149
- value: function eventChange() {
150
- return `${prefix}-page-sizes-select-changed`;
151
- }
152
- }, {
153
- kind: "field",
154
- static: true,
155
- key: "shadowRootOptions",
156
- value() {
157
- return _objectSpread(_objectSpread({}, LitElement.shadowRootOptions), {}, {
158
- delegatesFocus: true
159
- });
160
- }
161
- }, {
162
- kind: "field",
163
- static: true,
164
- key: "styles",
165
- value() {
166
- return styles;
167
- }
168
- }]
169
- };
170
- }, FocusMixin(LitElement));
171
- export default BXPageSizesSelect;
172
- //# sourceMappingURL=page-sizes-select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"page-sizes-select.js","names":["LitElement","html","property","customElement","query","ChevronDown16","prefix","FocusMixin","styles","BXPageSizesSelect","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","decorators","key","value","_handleChange","target","Number","dispatchEvent","CustomEvent","eventChange","bubbles","composed","detail","_handleSlotChange","_selectNode","selectNode","firstChild","removeChild","assignedNodes","forEach","item","appendChild","cloneNode","attribute","type","render","labelText","handleChange","handleSlotChange","_t","_","class","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/pagination/page-sizes-select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 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\nimport { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport styles from './pagination.scss';\n\n/**\n * The select box for page sizes.\n *\n * @element cds-page-sizes-select\n * @slot label-text - The label text.\n * @fires cds-page-sizes-select-changed - The custom event fired after the page size is changed.\n */\n@customElement(`${prefix}-page-sizes-select`)\nclass BXPageSizesSelect extends FocusMixin(LitElement) {\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /**\n * Handles `change` event on the `<select>` to select page size.\n */\n private _handleChange({ target }: Event) {\n const value = Number((target as HTMLSelectElement).value);\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof BXPageSizesSelect).eventChange,\n {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n }\n )\n );\n this.value = value;\n }\n\n /**\n * Handles `slotchange` event for the `<slot>` for `<options>`.\n *\n * @param event The event.\n */\n private _handleSlotChange({ target }: Event) {\n const { _selectNode: selectNode } = this;\n while (selectNode.firstChild) {\n selectNode.removeChild(selectNode.firstChild);\n }\n (\n (target as HTMLSlotElement).assignedNodes() as HTMLOptionElement[]\n ).forEach((item) => {\n selectNode?.appendChild(item.cloneNode(true));\n });\n }\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = 'Items per page:';\n\n /**\n * The value, working as the current page size.\n */\n @property({ type: Number })\n value!: number;\n\n render() {\n const {\n labelText,\n value,\n _handleChange: handleChange,\n _handleSlotChange: handleSlotChange,\n } = this;\n return html`\n <label for=\"select\" class=\"${prefix}--pagination__text\"\n ><slot name=\"label-text\">${labelText}</slot></label\n >\n <div class=\"${prefix}--select__item-count\">\n <select\n id=\"select\"\n class=\"${prefix}--select-input\"\n .value=\"${value}\"\n @change=${handleChange}></select>\n ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n </div>\n <div hidden><slot @slotchange=\"${handleSlotChange}\"></slot></div>\n `;\n }\n\n /**\n * The name of the custom event fired after the page size is changed.\n */\n static get eventChange() {\n return `${prefix}-page-sizes-select-changed`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXPageSizesSelect;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,QAAQ,mBAAmB;AAClE,OAAOC,aAAa,MAAM,8BAAoC;AAC9D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA,GANA;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMC,iBAAiB,GAAAC,SAAA,EADtBP,aAAa,CAAE,GAAEG,MAAO,oBAAmB,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAA7C,MACMH,iBAAiB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwFvD;EAAC;IAAAI,CAAA,EAxFKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GACpBd,KAAK,CAAC,QAAQ,CAAC;MAAAe,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAGhB;AACF;AACA;MACE,SAAAC,cAAsB;QAAEC;MAAc,CAAC,EAAE;QACvC,MAAMF,KAAK,GAAGG,MAAM,CAAED,MAAM,CAAuBF,KAAK,CAAC;QACzD,IAAI,CAACI,aAAa,CAChB,IAAIC,WAAW,CACZ,IAAI,CAACZ,WAAW,CAA8Ba,WAAW,EAC1D;UACEC,OAAO,EAAE,IAAI;UACbC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNT;UACF;QACF,CAAC,CACF,CACF;QACD,IAAI,CAACA,KAAK,GAAGA,KAAK;MACpB;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA,EAKA,SAAAU,kBAA0B;QAAER;MAAc,CAAC,EAAE;QAC3C,MAAM;UAAES,WAAW,EAAEC;QAAW,CAAC,GAAG,IAAI;QACxC,OAAOA,UAAU,CAACC,UAAU,EAAE;UAC5BD,UAAU,CAACE,WAAW,CAACF,UAAU,CAACC,UAAU,CAAC;QAC/C;QAEGX,MAAM,CAAqBa,aAAa,EAAE,CAC3CC,OAAO,CAAEC,IAAI,IAAK;UAClBL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,WAAW,CAACD,IAAI,CAACE,SAAS,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC,CAAC;MACJ;;MAEA;AACF;AACA;IAFE;MAAAtB,IAAA;MAAAC,UAAA,GAGChB,QAAQ,CAAC;QAAEsC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAArB,GAAA;MAAAC,MAAA;QAAA,OAC1B,iBAAiB;MAAA;IAAA;MAAAH,IAAA;MAAAC,UAAA,GAK5BhB,QAAQ,CAAC;QAAEuC,IAAI,EAAElB;MAAO,CAAC,CAAC;MAAAJ,GAAA;MAAAC,KAAA;IAAA;MAAAH,IAAA;MAAAE,GAAA;MAAAC,KAAA;MAH3B;AACF;AACA;MAIE,SAAAsB,OAAA,EAAS;QACP,MAAM;UACJC,SAAS;UACTvB,KAAK;UACLC,aAAa,EAAEuB,YAAY;UAC3Bd,iBAAiB,EAAEe;QACrB,CAAC,GAAG,IAAI;QACR,OAAO5C,IAAI,CAAA6C,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,mCAAiC,CAAS;AAC1C,mCAAiC,CAAY;AAC7C;AACA,oBAAkB,CAAS;AAC3B;AACA;AACA,mBAAiB,CAAS;AAC1B,oBAAkB,CAAQ;AAC1B,oBAAkB,CAAe;AACjC,UAAQ,CAAuD;AAC/D;AACA,uCAAqC,CAAmB;AACxD,KAAI,GAZ+BzC,MAAM,EACNqC,SAAS,EAExBrC,MAAM,EAGPA,MAAM,EACLc,KAAK,EACLwB,YAAY,EACtBvC,aAAa,CAAC;UAAE2C,KAAK,EAAG,GAAE1C,MAAO;QAAiB,CAAC,CAAC,EAEvBuC,gBAAgB;MAErD;;MAEA;AACF;AACA;IAFE;MAAA5B,IAAA;MAAAgC,MAAA;MAAA9B,GAAA;MAAAC,KAAA,EAGA,SAAAM,YAAA,EAAyB;QACvB,OAAQ,GAAEpB,MAAO,4BAA2B;MAC9C;IAAC;MAAAW,IAAA;MAAAgC,MAAA;MAAA9B,GAAA;MAAAC,MAAA;QAAA,OAAA8B,aAAA,CAAAA,aAAA,KAGIlD,UAAU,CAACmD,iBAAiB;UAC/BC,cAAc,EAAE;QAAI;MAAA;IAAA;MAAAnC,IAAA;MAAAgC,MAAA;MAAA9B,GAAA;MAAAC,MAAA;QAAA,OAENZ,MAAM;MAAA;IAAA;EAAA;AAAA,GAvFQD,UAAU,CAACP,UAAU,CAAC;AA0FtD,eAAeS,iBAAiB"}