@carbon/web-components 2.58.1 → 2.59.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 (537) hide show
  1. package/custom-elements.json +186 -40
  2. package/es/components/accordion/accordion.scss.js +1 -1
  3. package/es/components/ai-label/ai-label.scss.js +1 -1
  4. package/es/components/ai-label/ai-label.scss.js.map +1 -1
  5. package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
  6. package/es/components/button/button.d.ts +2 -2
  7. package/es/components/button/button.d.ts.map +1 -1
  8. package/es/components/button/button.js +2 -2
  9. package/es/components/button/button.js.map +1 -1
  10. package/es/components/button/button.scss.js +1 -1
  11. package/es/components/button/button.scss.js.map +1 -1
  12. package/es/components/chat-button/chat-button.scss.js +1 -1
  13. package/es/components/chat-button/chat-button.scss.js.map +1 -1
  14. package/es/components/checkbox/checkbox-group.d.ts +1 -1
  15. package/es/components/checkbox/checkbox.d.ts +1 -1
  16. package/es/components/checkbox/checkbox.scss.js +1 -1
  17. package/es/components/code-snippet/code-snippet.d.ts +1 -1
  18. package/es/components/code-snippet/code-snippet.scss.js +1 -1
  19. package/es/components/combo-box/combo-box.scss.js +1 -1
  20. package/es/components/combo-box/combo-box.scss.js.map +1 -1
  21. package/es/components/combo-button/combo-button.scss.js +1 -1
  22. package/es/components/contained-list/contained-list.scss.js +1 -1
  23. package/es/components/contained-list/contained-list.scss.js.map +1 -1
  24. package/es/components/content-switcher/content-switcher-item.d.ts +1 -1
  25. package/es/components/content-switcher/content-switcher.scss.js +1 -1
  26. package/es/components/copy-button/copy-button.scss.js +1 -1
  27. package/es/components/copy-button/copy-button.scss.js.map +1 -1
  28. package/es/components/data-table/data-table.scss.js +1 -1
  29. package/es/components/data-table/table-header-cell.d.ts +1 -1
  30. package/es/components/data-table/table-toolbar-search.d.ts +1 -1
  31. package/es/components/date-picker/date-picker-input.d.ts +1 -1
  32. package/es/components/date-picker/date-picker.scss.js +1 -1
  33. package/es/components/dialog/dialog.scss.js +1 -1
  34. package/es/components/dropdown/dropdown.d.ts +1 -1
  35. package/es/components/dropdown/dropdown.scss.js +1 -1
  36. package/es/components/file-uploader/file-uploader-button.d.ts +1 -0
  37. package/es/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  38. package/es/components/file-uploader/file-uploader-button.js +10 -11
  39. package/es/components/file-uploader/file-uploader-button.js.map +1 -1
  40. package/es/components/file-uploader/file-uploader-drop-container.d.ts +1 -0
  41. package/es/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  42. package/es/components/file-uploader/file-uploader-drop-container.js +6 -5
  43. package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  44. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  45. package/es/components/file-uploader/file-uploader.scss.js.map +1 -1
  46. package/es/components/floating-menu/floating-menu.d.ts +1 -1
  47. package/es/components/floating-menu/floating-menu.js +1 -1
  48. package/es/components/floating-menu/floating-menu.js.map +1 -1
  49. package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  50. package/es/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -1
  51. package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  52. package/es/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -1
  53. package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  54. package/es/components/fluid-multi-select/fluid-multi-select.scss.js.map +1 -1
  55. package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  56. package/es/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
  57. package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  58. package/es/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  59. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  60. package/es/components/fluid-search/fluid-search.scss.js.map +1 -1
  61. package/es/components/fluid-select/fluid-select.scss.js +1 -1
  62. package/es/components/fluid-select/fluid-select.scss.js.map +1 -1
  63. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  64. package/es/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
  65. package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  66. package/es/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
  67. package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  68. package/es/components/fluid-time-picker/fluid-time-picker.scss.js.map +1 -1
  69. package/es/components/icon-button/icon-button.d.ts +1 -1
  70. package/es/components/icon-button/icon-button.d.ts.map +1 -1
  71. package/es/components/icon-button/icon-button.js.map +1 -1
  72. package/es/components/icon-button/icon-button.scss.js +1 -1
  73. package/es/components/icon-button/icon-button.scss.js.map +1 -1
  74. package/es/components/icon-indicator/icon-indicator.d.ts +20 -1
  75. package/es/components/icon-indicator/icon-indicator.d.ts.map +1 -1
  76. package/es/components/icon-indicator/icon-indicator.js +30 -2
  77. package/es/components/icon-indicator/icon-indicator.js.map +1 -1
  78. package/es/components/icon-indicator/icon-indicator.scss.js +1 -1
  79. package/es/components/icon-indicator/icon-indicator.scss.js.map +1 -1
  80. package/es/components/layout/layout.scss.js +1 -1
  81. package/es/components/layout/layout.scss.js.map +1 -1
  82. package/es/components/link/link.d.ts +1 -1
  83. package/es/components/menu/menu-item-selectable.d.ts +1 -1
  84. package/es/components/menu/menu-item.scss.js +1 -1
  85. package/es/components/menu/menu-item.scss.js.map +1 -1
  86. package/es/components/menu/menu.scss.js +1 -1
  87. package/es/components/menu-button/menu-button.scss.js +1 -1
  88. package/es/components/modal/modal-close-button.d.ts +1 -1
  89. package/es/components/modal/modal.scss.js +1 -1
  90. package/es/components/multi-select/multi-select.scss.js +1 -1
  91. package/es/components/notification/actionable-notification.d.ts.map +1 -1
  92. package/es/components/notification/actionable-notification.js +5 -2
  93. package/es/components/notification/actionable-notification.js.map +1 -1
  94. package/es/components/notification/actionable-notification.scss.js +1 -1
  95. package/es/components/notification/actionable-notification.scss.js.map +1 -1
  96. package/es/components/notification/inline-notification.scss.js +1 -1
  97. package/es/components/notification/inline-notification.scss.js.map +1 -1
  98. package/es/components/notification/toast-notification.scss.js +1 -1
  99. package/es/components/notification/toast-notification.scss.js.map +1 -1
  100. package/es/components/number-input/number-input.d.ts +1 -1
  101. package/es/components/number-input/number-input.scss.js +1 -1
  102. package/es/components/overflow-menu/overflow-menu-body.d.ts +1 -1
  103. package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  104. package/es/components/overflow-menu/overflow-menu-body.js +2 -2
  105. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  106. package/es/components/overflow-menu/overflow-menu-item.d.ts +1 -1
  107. package/es/components/overflow-menu/overflow-menu.d.ts +8 -1
  108. package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  109. package/es/components/overflow-menu/overflow-menu.js +47 -3
  110. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  111. package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
  112. package/es/components/overflow-menu/overflow-menu.scss.js.map +1 -1
  113. package/es/components/pagination/pagination.d.ts +1 -1
  114. package/es/components/pagination/pagination.scss.js +1 -1
  115. package/es/components/pagination/pagination.scss.js.map +1 -1
  116. package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
  117. package/es/components/pagination-nav/pagination-nav.scss.js.map +1 -1
  118. package/es/components/password-input/password-input.d.ts +1 -1
  119. package/es/components/password-input/password-input.scss.js +1 -1
  120. package/es/components/password-input/password-input.scss.js.map +1 -1
  121. package/es/components/popover/popover.scss.js +1 -1
  122. package/es/components/popover/popover.scss.js.map +1 -1
  123. package/es/components/progress-bar/progress-bar.scss.js +1 -1
  124. package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
  125. package/es/components/progress-indicator/progress-step.d.ts +1 -1
  126. package/es/components/radio-button/radio-button.d.ts +1 -1
  127. package/es/components/radio-button/radio-button.scss.js +1 -1
  128. package/es/components/search/search.d.ts +9 -1
  129. package/es/components/search/search.d.ts.map +1 -1
  130. package/es/components/search/search.js +7 -6
  131. package/es/components/search/search.js.map +1 -1
  132. package/es/components/search/search.scss.js +1 -1
  133. package/es/components/select/select.d.ts +1 -1
  134. package/es/components/select/select.scss.js +1 -1
  135. package/es/components/select/select.scss.js.map +1 -1
  136. package/es/components/shape-indicator/shape-indicator.d.ts +20 -1
  137. package/es/components/shape-indicator/shape-indicator.d.ts.map +1 -1
  138. package/es/components/shape-indicator/shape-indicator.js +32 -4
  139. package/es/components/shape-indicator/shape-indicator.js.map +1 -1
  140. package/es/components/shape-indicator/shape-indicator.scss.js +1 -1
  141. package/es/components/shape-indicator/shape-indicator.scss.js.map +1 -1
  142. package/es/components/skip-to-content/skip-to-content.d.ts +1 -1
  143. package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
  144. package/es/components/slider/slider-input.d.ts +2 -1
  145. package/es/components/slider/slider-input.d.ts.map +1 -1
  146. package/es/components/slider/slider-input.js +2 -1
  147. package/es/components/slider/slider-input.js.map +1 -1
  148. package/es/components/slider/slider.d.ts +2 -1
  149. package/es/components/slider/slider.d.ts.map +1 -1
  150. package/es/components/slider/slider.js +5 -5
  151. package/es/components/slider/slider.js.map +1 -1
  152. package/es/components/slider/slider.scss.js +1 -1
  153. package/es/components/slider/slider.scss.js.map +1 -1
  154. package/es/components/slug/slug.scss.js +1 -1
  155. package/es/components/slug/slug.scss.js.map +1 -1
  156. package/es/components/structured-list/structured-list.d.ts +1 -1
  157. package/es/components/structured-list/structured-list.scss.js +1 -1
  158. package/es/components/tabs/tabs-vertical.d.ts +4 -0
  159. package/es/components/tabs/tabs-vertical.d.ts.map +1 -1
  160. package/es/components/tabs/tabs-vertical.js +3 -2
  161. package/es/components/tabs/tabs-vertical.js.map +1 -1
  162. package/es/components/tabs/tabs.scss.js +1 -1
  163. package/es/components/tabs/tabs.scss.js.map +1 -1
  164. package/es/components/tag/operational-tag.d.ts +1 -1
  165. package/es/components/tag/operational-tag.d.ts.map +1 -1
  166. package/es/components/tag/operational-tag.js +3 -3
  167. package/es/components/tag/operational-tag.js.map +1 -1
  168. package/es/components/tag/selectable-tag.d.ts +1 -1
  169. package/es/components/tag/selectable-tag.d.ts.map +1 -1
  170. package/es/components/tag/selectable-tag.js +3 -3
  171. package/es/components/tag/selectable-tag.js.map +1 -1
  172. package/es/components/tag/tag.d.ts +1 -0
  173. package/es/components/tag/tag.d.ts.map +1 -1
  174. package/es/components/tag/tag.js +3 -3
  175. package/es/components/tag/tag.js.map +1 -1
  176. package/es/components/tag/tag.scss.js +1 -1
  177. package/es/components/text-input/text-input.d.ts +1 -1
  178. package/es/components/text-input/text-input.scss.js +1 -1
  179. package/es/components/text-input/text-input.scss.js.map +1 -1
  180. package/es/components/textarea/textarea.d.ts +1 -1
  181. package/es/components/textarea/textarea.scss.js +1 -1
  182. package/es/components/textarea/textarea.scss.js.map +1 -1
  183. package/es/components/tile/selectable-tile.d.ts +1 -1
  184. package/es/components/tile/tile.scss.js +1 -1
  185. package/es/components/tile/tile.scss.js.map +1 -1
  186. package/es/components/time-picker/time-picker-select.d.ts +1 -1
  187. package/es/components/time-picker/time-picker.d.ts +1 -1
  188. package/es/components/time-picker/time-picker.scss.js +1 -1
  189. package/es/components/time-picker/time-picker.scss.js.map +1 -1
  190. package/es/components/toggle-tip/toggletip.d.ts +13 -1
  191. package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
  192. package/es/components/toggle-tip/toggletip.js +10 -14
  193. package/es/components/toggle-tip/toggletip.js.map +1 -1
  194. package/es/components/toggle-tip/toggletip.scss.js +1 -1
  195. package/es/components/tooltip/definition-tooltip.d.ts +4 -2
  196. package/es/components/tooltip/definition-tooltip.d.ts.map +1 -1
  197. package/es/components/tooltip/definition-tooltip.js +23 -12
  198. package/es/components/tooltip/definition-tooltip.js.map +1 -1
  199. package/es/components/tooltip/tooltip.scss.js +1 -1
  200. package/es/components/tooltip/tooltip.scss.js.map +1 -1
  201. package/es/components/ui-shell/header-global-action.d.ts +1 -1
  202. package/es/components/ui-shell/header-menu-button.d.ts +1 -1
  203. package/es/components/ui-shell/header-menu.d.ts +1 -1
  204. package/es/components/ui-shell/header-name.d.ts +1 -1
  205. package/es/components/ui-shell/header-nav-item.d.ts +1 -1
  206. package/es/components/ui-shell/header-panel.d.ts +1 -1
  207. package/es/components/ui-shell/header.scss.js +1 -1
  208. package/es/components/ui-shell/side-nav-link.d.ts +1 -1
  209. package/es/components/ui-shell/side-nav-menu-item.d.ts +1 -1
  210. package/es/components/ui-shell/side-nav-menu.d.ts +1 -1
  211. package/es/components/ui-shell/switcher-item.d.ts +1 -1
  212. package/es/components/ui-shell/switcher.d.ts +1 -1
  213. package/es-custom/components/accordion/accordion.scss.js +1 -1
  214. package/es-custom/components/ai-label/ai-label.scss.js +1 -1
  215. package/es-custom/components/ai-label/ai-label.scss.js.map +1 -1
  216. package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
  217. package/es-custom/components/button/button.d.ts +2 -2
  218. package/es-custom/components/button/button.d.ts.map +1 -1
  219. package/es-custom/components/button/button.js +2 -2
  220. package/es-custom/components/button/button.js.map +1 -1
  221. package/es-custom/components/button/button.scss.js +1 -1
  222. package/es-custom/components/button/button.scss.js.map +1 -1
  223. package/es-custom/components/chat-button/chat-button.scss.js +1 -1
  224. package/es-custom/components/chat-button/chat-button.scss.js.map +1 -1
  225. package/es-custom/components/checkbox/checkbox-group.d.ts +1 -1
  226. package/es-custom/components/checkbox/checkbox.d.ts +1 -1
  227. package/es-custom/components/checkbox/checkbox.scss.js +1 -1
  228. package/es-custom/components/code-snippet/code-snippet.d.ts +1 -1
  229. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  230. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  231. package/es-custom/components/combo-box/combo-box.scss.js.map +1 -1
  232. package/es-custom/components/combo-button/combo-button.scss.js +1 -1
  233. package/es-custom/components/contained-list/contained-list.scss.js +1 -1
  234. package/es-custom/components/contained-list/contained-list.scss.js.map +1 -1
  235. package/es-custom/components/content-switcher/content-switcher-item.d.ts +1 -1
  236. package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
  237. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  238. package/es-custom/components/copy-button/copy-button.scss.js.map +1 -1
  239. package/es-custom/components/data-table/data-table.scss.js +1 -1
  240. package/es-custom/components/data-table/table-header-cell.d.ts +1 -1
  241. package/es-custom/components/data-table/table-toolbar-search.d.ts +1 -1
  242. package/es-custom/components/date-picker/date-picker-input.d.ts +1 -1
  243. package/es-custom/components/date-picker/date-picker.scss.js +1 -1
  244. package/es-custom/components/dialog/dialog.scss.js +1 -1
  245. package/es-custom/components/dropdown/dropdown.d.ts +1 -1
  246. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  247. package/es-custom/components/file-uploader/file-uploader-button.d.ts +1 -0
  248. package/es-custom/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  249. package/es-custom/components/file-uploader/file-uploader-button.js +10 -11
  250. package/es-custom/components/file-uploader/file-uploader-button.js.map +1 -1
  251. package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts +1 -0
  252. package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  253. package/es-custom/components/file-uploader/file-uploader-drop-container.js +6 -5
  254. package/es-custom/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  255. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  256. package/es-custom/components/file-uploader/file-uploader.scss.js.map +1 -1
  257. package/es-custom/components/floating-menu/floating-menu.d.ts +1 -1
  258. package/es-custom/components/floating-menu/floating-menu.js +1 -1
  259. package/es-custom/components/floating-menu/floating-menu.js.map +1 -1
  260. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  261. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js.map +1 -1
  262. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  263. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -1
  264. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  265. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js.map +1 -1
  266. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  267. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
  268. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  269. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  270. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  271. package/es-custom/components/fluid-search/fluid-search.scss.js.map +1 -1
  272. package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
  273. package/es-custom/components/fluid-select/fluid-select.scss.js.map +1 -1
  274. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  275. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
  276. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  277. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
  278. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  279. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js.map +1 -1
  280. package/es-custom/components/icon-button/icon-button.d.ts +1 -1
  281. package/es-custom/components/icon-button/icon-button.d.ts.map +1 -1
  282. package/es-custom/components/icon-button/icon-button.js.map +1 -1
  283. package/es-custom/components/icon-button/icon-button.scss.js +1 -1
  284. package/es-custom/components/icon-button/icon-button.scss.js.map +1 -1
  285. package/es-custom/components/icon-indicator/icon-indicator.d.ts +20 -1
  286. package/es-custom/components/icon-indicator/icon-indicator.d.ts.map +1 -1
  287. package/es-custom/components/icon-indicator/icon-indicator.js +30 -2
  288. package/es-custom/components/icon-indicator/icon-indicator.js.map +1 -1
  289. package/es-custom/components/icon-indicator/icon-indicator.scss.js +1 -1
  290. package/es-custom/components/icon-indicator/icon-indicator.scss.js.map +1 -1
  291. package/es-custom/components/layout/layout.scss.js +1 -1
  292. package/es-custom/components/layout/layout.scss.js.map +1 -1
  293. package/es-custom/components/link/link.d.ts +1 -1
  294. package/es-custom/components/menu/menu-item-selectable.d.ts +1 -1
  295. package/es-custom/components/menu/menu-item.scss.js +1 -1
  296. package/es-custom/components/menu/menu-item.scss.js.map +1 -1
  297. package/es-custom/components/menu/menu.scss.js +1 -1
  298. package/es-custom/components/menu-button/menu-button.scss.js +1 -1
  299. package/es-custom/components/modal/modal-close-button.d.ts +1 -1
  300. package/es-custom/components/modal/modal.scss.js +1 -1
  301. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  302. package/es-custom/components/notification/actionable-notification.d.ts.map +1 -1
  303. package/es-custom/components/notification/actionable-notification.js +5 -2
  304. package/es-custom/components/notification/actionable-notification.js.map +1 -1
  305. package/es-custom/components/notification/actionable-notification.scss.js +1 -1
  306. package/es-custom/components/notification/actionable-notification.scss.js.map +1 -1
  307. package/es-custom/components/notification/inline-notification.scss.js +1 -1
  308. package/es-custom/components/notification/inline-notification.scss.js.map +1 -1
  309. package/es-custom/components/notification/toast-notification.scss.js +1 -1
  310. package/es-custom/components/notification/toast-notification.scss.js.map +1 -1
  311. package/es-custom/components/number-input/number-input.d.ts +1 -1
  312. package/es-custom/components/number-input/number-input.scss.js +1 -1
  313. package/es-custom/components/overflow-menu/overflow-menu-body.d.ts +1 -1
  314. package/es-custom/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  315. package/es-custom/components/overflow-menu/overflow-menu-body.js +2 -2
  316. package/es-custom/components/overflow-menu/overflow-menu-body.js.map +1 -1
  317. package/es-custom/components/overflow-menu/overflow-menu-item.d.ts +1 -1
  318. package/es-custom/components/overflow-menu/overflow-menu.d.ts +8 -1
  319. package/es-custom/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  320. package/es-custom/components/overflow-menu/overflow-menu.js +47 -3
  321. package/es-custom/components/overflow-menu/overflow-menu.js.map +1 -1
  322. package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
  323. package/es-custom/components/overflow-menu/overflow-menu.scss.js.map +1 -1
  324. package/es-custom/components/pagination/pagination.d.ts +1 -1
  325. package/es-custom/components/pagination/pagination.scss.js +1 -1
  326. package/es-custom/components/pagination/pagination.scss.js.map +1 -1
  327. package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
  328. package/es-custom/components/pagination-nav/pagination-nav.scss.js.map +1 -1
  329. package/es-custom/components/password-input/password-input.d.ts +1 -1
  330. package/es-custom/components/password-input/password-input.scss.js +1 -1
  331. package/es-custom/components/password-input/password-input.scss.js.map +1 -1
  332. package/es-custom/components/popover/popover.scss.js +1 -1
  333. package/es-custom/components/popover/popover.scss.js.map +1 -1
  334. package/es-custom/components/progress-bar/progress-bar.scss.js +1 -1
  335. package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
  336. package/es-custom/components/progress-indicator/progress-step.d.ts +1 -1
  337. package/es-custom/components/radio-button/radio-button.d.ts +1 -1
  338. package/es-custom/components/radio-button/radio-button.scss.js +1 -1
  339. package/es-custom/components/search/search.d.ts +9 -1
  340. package/es-custom/components/search/search.d.ts.map +1 -1
  341. package/es-custom/components/search/search.js +7 -6
  342. package/es-custom/components/search/search.js.map +1 -1
  343. package/es-custom/components/search/search.scss.js +1 -1
  344. package/es-custom/components/select/select.d.ts +1 -1
  345. package/es-custom/components/select/select.scss.js +1 -1
  346. package/es-custom/components/select/select.scss.js.map +1 -1
  347. package/es-custom/components/shape-indicator/shape-indicator.d.ts +20 -1
  348. package/es-custom/components/shape-indicator/shape-indicator.d.ts.map +1 -1
  349. package/es-custom/components/shape-indicator/shape-indicator.js +32 -4
  350. package/es-custom/components/shape-indicator/shape-indicator.js.map +1 -1
  351. package/es-custom/components/shape-indicator/shape-indicator.scss.js +1 -1
  352. package/es-custom/components/shape-indicator/shape-indicator.scss.js.map +1 -1
  353. package/es-custom/components/skip-to-content/skip-to-content.d.ts +1 -1
  354. package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
  355. package/es-custom/components/slider/slider-input.d.ts +2 -1
  356. package/es-custom/components/slider/slider-input.d.ts.map +1 -1
  357. package/es-custom/components/slider/slider-input.js +2 -1
  358. package/es-custom/components/slider/slider-input.js.map +1 -1
  359. package/es-custom/components/slider/slider.d.ts +2 -1
  360. package/es-custom/components/slider/slider.d.ts.map +1 -1
  361. package/es-custom/components/slider/slider.js +5 -5
  362. package/es-custom/components/slider/slider.js.map +1 -1
  363. package/es-custom/components/slider/slider.scss.js +1 -1
  364. package/es-custom/components/slider/slider.scss.js.map +1 -1
  365. package/es-custom/components/slug/slug.scss.js +1 -1
  366. package/es-custom/components/slug/slug.scss.js.map +1 -1
  367. package/es-custom/components/structured-list/structured-list.d.ts +1 -1
  368. package/es-custom/components/structured-list/structured-list.scss.js +1 -1
  369. package/es-custom/components/tabs/tabs-vertical.d.ts +4 -0
  370. package/es-custom/components/tabs/tabs-vertical.d.ts.map +1 -1
  371. package/es-custom/components/tabs/tabs-vertical.js +3 -2
  372. package/es-custom/components/tabs/tabs-vertical.js.map +1 -1
  373. package/es-custom/components/tabs/tabs.scss.js +1 -1
  374. package/es-custom/components/tabs/tabs.scss.js.map +1 -1
  375. package/es-custom/components/tag/operational-tag.d.ts +1 -1
  376. package/es-custom/components/tag/operational-tag.d.ts.map +1 -1
  377. package/es-custom/components/tag/operational-tag.js +3 -3
  378. package/es-custom/components/tag/operational-tag.js.map +1 -1
  379. package/es-custom/components/tag/selectable-tag.d.ts +1 -1
  380. package/es-custom/components/tag/selectable-tag.d.ts.map +1 -1
  381. package/es-custom/components/tag/selectable-tag.js +3 -3
  382. package/es-custom/components/tag/selectable-tag.js.map +1 -1
  383. package/es-custom/components/tag/tag.d.ts +1 -0
  384. package/es-custom/components/tag/tag.d.ts.map +1 -1
  385. package/es-custom/components/tag/tag.js +3 -3
  386. package/es-custom/components/tag/tag.js.map +1 -1
  387. package/es-custom/components/tag/tag.scss.js +1 -1
  388. package/es-custom/components/text-input/text-input.d.ts +1 -1
  389. package/es-custom/components/text-input/text-input.scss.js +1 -1
  390. package/es-custom/components/text-input/text-input.scss.js.map +1 -1
  391. package/es-custom/components/textarea/textarea.d.ts +1 -1
  392. package/es-custom/components/textarea/textarea.scss.js +1 -1
  393. package/es-custom/components/textarea/textarea.scss.js.map +1 -1
  394. package/es-custom/components/tile/selectable-tile.d.ts +1 -1
  395. package/es-custom/components/tile/tile.scss.js +1 -1
  396. package/es-custom/components/tile/tile.scss.js.map +1 -1
  397. package/es-custom/components/time-picker/time-picker-select.d.ts +1 -1
  398. package/es-custom/components/time-picker/time-picker.d.ts +1 -1
  399. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  400. package/es-custom/components/time-picker/time-picker.scss.js.map +1 -1
  401. package/es-custom/components/toggle-tip/toggletip.d.ts +13 -1
  402. package/es-custom/components/toggle-tip/toggletip.d.ts.map +1 -1
  403. package/es-custom/components/toggle-tip/toggletip.js +10 -14
  404. package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
  405. package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
  406. package/es-custom/components/tooltip/definition-tooltip.d.ts +4 -2
  407. package/es-custom/components/tooltip/definition-tooltip.d.ts.map +1 -1
  408. package/es-custom/components/tooltip/definition-tooltip.js +23 -12
  409. package/es-custom/components/tooltip/definition-tooltip.js.map +1 -1
  410. package/es-custom/components/tooltip/tooltip.scss.js +1 -1
  411. package/es-custom/components/tooltip/tooltip.scss.js.map +1 -1
  412. package/es-custom/components/ui-shell/header-global-action.d.ts +1 -1
  413. package/es-custom/components/ui-shell/header-menu-button.d.ts +1 -1
  414. package/es-custom/components/ui-shell/header-menu.d.ts +1 -1
  415. package/es-custom/components/ui-shell/header-name.d.ts +1 -1
  416. package/es-custom/components/ui-shell/header-nav-item.d.ts +1 -1
  417. package/es-custom/components/ui-shell/header-panel.d.ts +1 -1
  418. package/es-custom/components/ui-shell/header.scss.js +1 -1
  419. package/es-custom/components/ui-shell/side-nav-link.d.ts +1 -1
  420. package/es-custom/components/ui-shell/side-nav-menu-item.d.ts +1 -1
  421. package/es-custom/components/ui-shell/side-nav-menu.d.ts +1 -1
  422. package/es-custom/components/ui-shell/switcher-item.d.ts +1 -1
  423. package/es-custom/components/ui-shell/switcher.d.ts +1 -1
  424. package/lib/components/button/button.d.ts +2 -2
  425. package/lib/components/button/button.d.ts.map +1 -1
  426. package/lib/components/checkbox/checkbox-group.d.ts +1 -1
  427. package/lib/components/checkbox/checkbox.d.ts +1 -1
  428. package/lib/components/code-snippet/code-snippet.d.ts +1 -1
  429. package/lib/components/content-switcher/content-switcher-item.d.ts +1 -1
  430. package/lib/components/data-table/table-header-cell.d.ts +1 -1
  431. package/lib/components/data-table/table-toolbar-search.d.ts +1 -1
  432. package/lib/components/date-picker/date-picker-input.d.ts +1 -1
  433. package/lib/components/dropdown/dropdown.d.ts +1 -1
  434. package/lib/components/file-uploader/file-uploader-button.d.ts +1 -0
  435. package/lib/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  436. package/lib/components/file-uploader/file-uploader-drop-container.d.ts +1 -0
  437. package/lib/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  438. package/lib/components/floating-menu/floating-menu.d.ts +1 -1
  439. package/lib/components/icon-button/icon-button.d.ts +1 -1
  440. package/lib/components/icon-button/icon-button.d.ts.map +1 -1
  441. package/lib/components/icon-indicator/icon-indicator.d.ts +20 -1
  442. package/lib/components/icon-indicator/icon-indicator.d.ts.map +1 -1
  443. package/lib/components/link/link.d.ts +1 -1
  444. package/lib/components/menu/menu-item-selectable.d.ts +1 -1
  445. package/lib/components/modal/modal-close-button.d.ts +1 -1
  446. package/lib/components/notification/actionable-notification.d.ts.map +1 -1
  447. package/lib/components/number-input/number-input.d.ts +1 -1
  448. package/lib/components/overflow-menu/overflow-menu-body.d.ts +1 -1
  449. package/lib/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  450. package/lib/components/overflow-menu/overflow-menu-item.d.ts +1 -1
  451. package/lib/components/overflow-menu/overflow-menu.d.ts +8 -1
  452. package/lib/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  453. package/lib/components/pagination/pagination.d.ts +1 -1
  454. package/lib/components/password-input/password-input.d.ts +1 -1
  455. package/lib/components/progress-indicator/progress-step.d.ts +1 -1
  456. package/lib/components/radio-button/radio-button.d.ts +1 -1
  457. package/lib/components/search/search.d.ts +9 -1
  458. package/lib/components/search/search.d.ts.map +1 -1
  459. package/lib/components/select/select.d.ts +1 -1
  460. package/lib/components/shape-indicator/shape-indicator.d.ts +20 -1
  461. package/lib/components/shape-indicator/shape-indicator.d.ts.map +1 -1
  462. package/lib/components/skip-to-content/skip-to-content.d.ts +1 -1
  463. package/lib/components/slider/slider-input.d.ts +2 -1
  464. package/lib/components/slider/slider-input.d.ts.map +1 -1
  465. package/lib/components/slider/slider.d.ts +2 -1
  466. package/lib/components/slider/slider.d.ts.map +1 -1
  467. package/lib/components/structured-list/structured-list.d.ts +1 -1
  468. package/lib/components/tabs/tabs-vertical.d.ts +4 -0
  469. package/lib/components/tabs/tabs-vertical.d.ts.map +1 -1
  470. package/lib/components/tag/operational-tag.d.ts +1 -1
  471. package/lib/components/tag/operational-tag.d.ts.map +1 -1
  472. package/lib/components/tag/selectable-tag.d.ts +1 -1
  473. package/lib/components/tag/selectable-tag.d.ts.map +1 -1
  474. package/lib/components/tag/tag.d.ts +1 -0
  475. package/lib/components/tag/tag.d.ts.map +1 -1
  476. package/lib/components/text-input/text-input.d.ts +1 -1
  477. package/lib/components/textarea/textarea.d.ts +1 -1
  478. package/lib/components/tile/selectable-tile.d.ts +1 -1
  479. package/lib/components/time-picker/time-picker-select.d.ts +1 -1
  480. package/lib/components/time-picker/time-picker.d.ts +1 -1
  481. package/lib/components/toggle-tip/toggletip.d.ts +13 -1
  482. package/lib/components/toggle-tip/toggletip.d.ts.map +1 -1
  483. package/lib/components/tooltip/definition-tooltip.d.ts +4 -2
  484. package/lib/components/tooltip/definition-tooltip.d.ts.map +1 -1
  485. package/lib/components/ui-shell/header-global-action.d.ts +1 -1
  486. package/lib/components/ui-shell/header-menu-button.d.ts +1 -1
  487. package/lib/components/ui-shell/header-menu.d.ts +1 -1
  488. package/lib/components/ui-shell/header-name.d.ts +1 -1
  489. package/lib/components/ui-shell/header-nav-item.d.ts +1 -1
  490. package/lib/components/ui-shell/header-panel.d.ts +1 -1
  491. package/lib/components/ui-shell/side-nav-link.d.ts +1 -1
  492. package/lib/components/ui-shell/side-nav-menu-item.d.ts +1 -1
  493. package/lib/components/ui-shell/side-nav-menu.d.ts +1 -1
  494. package/lib/components/ui-shell/switcher-item.d.ts +1 -1
  495. package/lib/components/ui-shell/switcher.d.ts +1 -1
  496. package/package.json +8 -7
  497. package/scss/components/ai-label/ai-label.scss +1 -1
  498. package/scss/components/button/button.scss +2 -1
  499. package/scss/components/chat-button/chat-button.scss +1 -1
  500. package/scss/components/combo-box/combo-box.scss +1 -1
  501. package/scss/components/contained-list/contained-list.scss +4 -1
  502. package/scss/components/copy-button/copy-button.scss +1 -1
  503. package/scss/components/data-table/_table-action.scss +0 -1
  504. package/scss/components/file-uploader/file-uploader.scss +3 -1
  505. package/scss/components/fluid-combo-box/fluid-combo-box.scss +1 -1
  506. package/scss/components/fluid-dropdown/fluid-dropdown.scss +1 -1
  507. package/scss/components/fluid-multi-select/fluid-multi-select.scss +1 -1
  508. package/scss/components/fluid-number-input/fluid-number-input.scss +1 -1
  509. package/scss/components/fluid-password-input/fluid-password-input.scss +1 -1
  510. package/scss/components/fluid-search/fluid-search.scss +1 -1
  511. package/scss/components/fluid-select/fluid-select.scss +1 -1
  512. package/scss/components/fluid-text-input/fluid-text-input.scss +1 -1
  513. package/scss/components/fluid-textarea/fluid-textarea.scss +1 -1
  514. package/scss/components/fluid-time-picker/fluid-time-picker.scss +1 -1
  515. package/scss/components/icon-button/icon-button.scss +1 -1
  516. package/scss/components/icon-indicator/icon-indicator.scss +19 -1
  517. package/scss/components/layout/layout.scss +1 -1
  518. package/scss/components/menu/menu-item.scss +4 -0
  519. package/scss/components/notification/actionable-notification.scss +1 -1
  520. package/scss/components/notification/inline-notification.scss +1 -1
  521. package/scss/components/notification/toast-notification.scss +1 -1
  522. package/scss/components/overflow-menu/overflow-menu.scss +13 -39
  523. package/scss/components/pagination/pagination.scss +1 -1
  524. package/scss/components/pagination-nav/pagination-nav.scss +3 -1
  525. package/scss/components/password-input/password-input.scss +3 -1
  526. package/scss/components/popover/popover.scss +3 -1
  527. package/scss/components/select/select.scss +1 -1
  528. package/scss/components/shape-indicator/shape-indicator.scss +19 -1
  529. package/scss/components/slider/slider.scss +1 -1
  530. package/scss/components/slug/slug.scss +1 -1
  531. package/scss/components/tabs/tabs.scss +4 -1
  532. package/scss/components/text-input/text-input.scss +3 -1
  533. package/scss/components/textarea/textarea.scss +1 -1
  534. package/scss/components/tile/tile.scss +1 -1
  535. package/scss/components/time-picker/time-picker.scss +1 -1
  536. package/scss/components/tooltip/tooltip.scss +15 -2
  537. package/telemetry.yml +4 -234
@@ -1 +1 @@
1
- {"version":3,"file":"slug.scss.js","names":[],"sources":["../../../src/components/slug/slug.scss?lit"],"sourcesContent":["/**\n* Copyright IBM Corp. 2019, 2024\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@use 'sass:map';\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/layout' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/components/slug/index' as *;\n\n// importing tag color tokens for the styling slug in tag component\n@use '@carbon/styles/scss/components/tag/tokens' as tag-tokens;\n\n$colorMap: (\n 'red': tag-tokens.$tag-color-red,\n 'magenta': tag-tokens.$tag-color-magenta,\n 'purple': tag-tokens.$tag-color-purple,\n 'blue': tag-tokens.$tag-color-blue,\n 'cyan': tag-tokens.$tag-color-cyan,\n 'teal': tag-tokens.$tag-color-teal,\n 'green': tag-tokens.$tag-color-green,\n 'gray': tag-tokens.$tag-color-gray,\n 'cool-gray': tag-tokens.$tag-color-cool-gray,\n 'warm-gray': tag-tokens.$tag-color-warm-gray,\n 'high-contrast': $text-inverse,\n);\n\n:host(#{$prefix}-slug) {\n @extend .#{$prefix}--slug;\n\n .#{$prefix}--slug__text {\n @include font-family('sans');\n }\n\n .#{$prefix}--popover-content {\n @include ai-popover-gradient();\n\n border: 1px solid transparent;\n border-radius: $spacing-03;\n // Need to make tokens\n box-shadow:\n inset 0 -80px 70px -65px $ai-inner-shadow,\n -40px 44px 60px -24px $ai-popover-shadow-outer-01,\n -56px 64px 64px -24px $ai-popover-shadow-outer-02;\n color: $text-primary;\n min-inline-size: to-rem(280px);\n }\n\n .#{$prefix}--toggletip-actions {\n position: absolute;\n justify-content: flex-end;\n backdrop-filter: blur(85px);\n background: rgba(0, 0, 0, 0.01);\n border-end-end-radius: $spacing-03;\n border-end-start-radius: $spacing-03;\n column-gap: 0;\n inline-size: 100%;\n inset-block-end: 0;\n inset-inline-end: 0;\n }\n\n .#{$prefix}--toggletip-content {\n // This sets the max size to the size of the action bar with 3 buttons\n padding-block: $spacing-06 $spacing-11;\n padding-inline: $spacing-06;\n --cds-button-focus-color: var(--cds-focus);\n }\n\n .#{$prefix}--popover-caret {\n background: transparent;\n clip-path: none;\n\n &::before {\n position: absolute;\n display: block;\n box-sizing: border-box;\n border: 1px solid $ai-border-start;\n background: $background;\n block-size: $spacing-04;\n clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;\n content: '';\n inline-size: $spacing-04;\n transform: rotate(45deg);\n }\n\n &::after {\n position: absolute;\n display: block;\n background: $background;\n block-size: to-rem(14px);\n content: '';\n inline-size: $spacing-01;\n }\n }\n\n .#{$prefix}--slug__button.#{$prefix}--slug__button--mini:focus,\n .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs:focus {\n box-shadow: none;\n }\n}\n\n:host(#{$prefix}-slug:not([with-actions])) {\n .#{$prefix}--toggletip-content {\n max-inline-size: to-rem(320px);\n }\n}\n\n:host(#{$prefix}-slug[revert-active]) {\n transform: translate($spacing-03, -50%);\n}\n\n:host(#{$prefix}-slug[open]) {\n z-index: 2;\n}\n\n:host(#{$prefix}-slug-action-button) {\n @include emit-layout-tokens();\n .#{$prefix}--btn--primary {\n order: 1;\n border-end-end-radius: to-rem(7px);\n }\n}\n\n:host(\n #{$prefix}-slug[kind='inline']:not([size='md']):not([size='lg']):not(\n [size='xl']\n )\n ) {\n .#{$prefix}--slug__button {\n font-size: $spacing-04;\n }\n}\n\n:host(#{$prefix}-slug[kind='inline'][size='lg']),\n:host(#{$prefix}-slug[kind='inline'][size='xl']) {\n .#{$prefix}--slug__button {\n font-size: $spacing-05;\n }\n}\n\n:host(#{$prefix}-slug:not([kind='inline'])) {\n .#{$prefix}--slug__button:focus {\n border: 1px solid $focus;\n }\n}\n\n// top\n:host(#{$prefix}-slug[alignment^='top']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-block-end: to-rem(1px);\n transform: rotate(-135deg);\n }\n\n &::after {\n background: $ai-popover-caret-bottom-background;\n block-size: $spacing-01;\n border-end-end-radius: 50%;\n border-end-start-radius: 50%;\n inline-size: to-rem(14px);\n inset-block-start: -$spacing-01;\n inset-inline-start: to-rem(-1px);\n }\n }\n\n &[has-actions] {\n .#{$prefix}--popover-caret::after {\n display: none;\n }\n }\n}\n\n// right\n:host(#{$prefix}-slug[alignment^='right']) {\n .#{$prefix}--popover-caret {\n &::before {\n content: '';\n inset-inline-start: to-rem(1px);\n transform: rotate(-45deg);\n }\n\n &::after {\n border-end-start-radius: 50%;\n border-start-start-radius: 50%;\n inset-block-start: to-rem(-1px);\n inset-inline-start: to-rem(6px);\n }\n }\n}\n\n// bottom\n:host(#{$prefix}-slug[alignment^='bottom']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-block-start: to-rem(1px);\n transform: rotate(45deg);\n }\n\n &::after {\n block-size: $spacing-01;\n border-start-end-radius: 50%;\n border-start-start-radius: 50%;\n inline-size: to-rem(14px);\n inset-block-end: to-rem(-2.5px);\n inset-inline-start: to-rem(-1px);\n }\n }\n}\n\n//left\n:host(#{$prefix}-slug[alignment^='left']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-inline-end: to-rem(1px);\n transform: rotate(135deg);\n }\n\n &::after {\n border-end-end-radius: 50%;\n border-start-end-radius: 50%;\n inset-block-start: to-rem(-1px);\n inset-inline-start: -$spacing-01;\n }\n }\n}\n\n// override for specific alignments\n:host(#{$prefix}-slug[alignment='left-end']),\n:host(#{$prefix}-slug[alignment='left-bottom']),\n:host(#{$prefix}-slug[alignment='right-end']),\n:host(#{$prefix}-slug[alignment='right-bottom']) {\n .#{$prefix}--popover-caret::after {\n background: transparent;\n }\n}\n\n// Change caret color / border when it is near the bottom of the callout\n:host(#{$prefix}-slug[alignment='left-end']),\n:host(#{$prefix}-slug[alignment='left-bottom']),\n:host(#{$prefix}-slug[alignment='right-end']),\n:host(#{$prefix}-slug[alignment='right-bottom']),\n:host(#{$prefix}-slug[alignment^='top']) {\n .#{$prefix}--popover-caret::before {\n border-color: $ai-popover-caret-bottom;\n background: $ai-popover-caret-bottom-background;\n }\n}\n\n:host(#{$prefix}-slug[autoalign][alignment='left-end'][has-actions]),\n:host(#{$prefix}-slug[autoalign][alignment='left-bottom'][has-actions]),\n:host(#{$prefix}-slug[autoalign][alignment='right-end'][has-actions]),\n:host(#{$prefix}-slug[autoalign][alignment='right-bottom'][has-actions]),\n:host(#{$prefix}-slug[autoalign][alignment^='top'][has-actions]) {\n .#{$prefix}--popover-caret::before {\n background: $ai-popover-caret-bottom-background-actions;\n }\n}\n\n// Change the caret border when it is near the middle of the callout\n:host(#{$prefix}-slug[alignment='left']),\n:host(#{$prefix}-slug[alignment='right']) {\n .#{$prefix}--popover-caret::before {\n border-color: $ai-popover-caret-center;\n }\n}\n\n// caret styles for auto align\n:host(#{$prefix}-slug[autoalign]) .#{$prefix}--popover-caret {\n block-size: $spacing-04;\n inline-size: $spacing-04;\n transform: none;\n}\n\n:host(#{$prefix}-slug[autoalign]) {\n .#{$prefix}--popover-caret::before {\n inset-block-start: 0;\n }\n\n .#{$prefix}--popover-caret::after {\n inline-size: to-rem(14px);\n inset-block-end: to-rem(5px);\n inset-inline-start: to-rem(-1px);\n }\n}\n\n:host(#{$prefix}-slug[autoalign][alignment^='left']),\n:host(#{$prefix}-slug[autoalign][alignment^='right']) {\n .#{$prefix}--popover-caret::before {\n inset-inline-start: 0;\n }\n .#{$prefix}--popover-caret::after {\n block-size: to-rem(14px);\n inline-size: to-rem(2px);\n inset-block-start: to-rem(-1px);\n inset-inline-start: to-rem(5px);\n }\n}\n\n:host(#{$prefix}-slug[autoalign][alignment='left-end']),\n:host(#{$prefix}-slug[autoalign][alignment='left-bottom']),\n:host(#{$prefix}-slug[autoalign][alignment='right-end']),\n:host(#{$prefix}-slug[autoalign][alignment='right-bottom']) {\n .#{$prefix}--popover-caret::after {\n background: transparent;\n }\n}\n\n@each $color, $token in $colorMap {\n :host(#{$prefix}-slug[tag='#{$color}']) {\n .#{$prefix}--slug__text {\n color: $token;\n }\n\n .#{$prefix}--slug__text::before {\n background: $token;\n }\n\n button:hover {\n border-color: $token;\n\n .#{$prefix}--slug__text::before {\n background-color: $token;\n }\n }\n }\n}\n"],"mappings":""}
1
+ {"version":3,"file":"slug.scss.js","names":[],"sources":["../../../src/components/slug/slug.scss?lit"],"sourcesContent":["/**\n* Copyright IBM Corp. 2019, 2024\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@use 'sass:map';\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/utilities/layout' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/components/slug/index' as *;\n\n// importing tag color tokens for the styling slug in tag component\n@use '@carbon/styles/scss/components/tag/tokens' as tag-tokens;\n\n$colorMap: (\n 'red': tag-tokens.$tag-color-red,\n 'magenta': tag-tokens.$tag-color-magenta,\n 'purple': tag-tokens.$tag-color-purple,\n 'blue': tag-tokens.$tag-color-blue,\n 'cyan': tag-tokens.$tag-color-cyan,\n 'teal': tag-tokens.$tag-color-teal,\n 'green': tag-tokens.$tag-color-green,\n 'gray': tag-tokens.$tag-color-gray,\n 'cool-gray': tag-tokens.$tag-color-cool-gray,\n 'warm-gray': tag-tokens.$tag-color-warm-gray,\n 'high-contrast': $text-inverse,\n);\n\n:host(#{$prefix}-slug) {\n @extend .#{$prefix}--slug;\n\n .#{$prefix}--slug__text {\n @include font-family('sans');\n }\n\n .#{$prefix}--popover-content {\n @include ai-popover-gradient();\n\n border: 1px solid transparent;\n border-radius: $spacing-03;\n // Need to make tokens\n box-shadow:\n inset 0 -80px 70px -65px $ai-inner-shadow,\n -40px 44px 60px -24px $ai-popover-shadow-outer-01,\n -56px 64px 64px -24px $ai-popover-shadow-outer-02;\n color: $text-primary;\n min-inline-size: to-rem(280px);\n }\n\n .#{$prefix}--toggletip-actions {\n position: absolute;\n justify-content: flex-end;\n backdrop-filter: blur(85px);\n background: rgba(0, 0, 0, 0.01);\n border-end-end-radius: $spacing-03;\n border-end-start-radius: $spacing-03;\n column-gap: 0;\n inline-size: 100%;\n inset-block-end: 0;\n inset-inline-end: 0;\n }\n\n .#{$prefix}--toggletip-content {\n // This sets the max size to the size of the action bar with 3 buttons\n padding-block: $spacing-06 $spacing-11;\n padding-inline: $spacing-06;\n --cds-button-focus-color: var(--cds-focus);\n }\n\n .#{$prefix}--popover-caret {\n background: transparent;\n clip-path: none;\n\n &::before {\n position: absolute;\n display: block;\n box-sizing: border-box;\n border: 1px solid $ai-border-start;\n background: $background;\n block-size: $spacing-04;\n clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;\n content: '';\n inline-size: $spacing-04;\n transform: rotate(45deg);\n }\n\n &::after {\n position: absolute;\n display: block;\n background: $background;\n block-size: to-rem(14px);\n content: '';\n inline-size: $spacing-01;\n }\n }\n\n .#{$prefix}--slug__button.#{$prefix}--slug__button--mini:focus,\n .#{$prefix}--slug__button.#{$prefix}--slug__button--2xs:focus {\n box-shadow: none;\n }\n}\n\n:host(#{$prefix}-slug:not([with-actions])) {\n .#{$prefix}--toggletip-content {\n max-inline-size: to-rem(320px);\n }\n}\n\n:host(#{$prefix}-slug[revert-active]) {\n transform: translate($spacing-03, -50%);\n}\n\n:host(#{$prefix}-slug[open]) {\n z-index: 2;\n}\n\n:host(#{$prefix}-slug-action-button) {\n @include emit-layout-tokens();\n .#{$prefix}--btn--primary {\n order: 1;\n border-end-end-radius: to-rem(7px);\n }\n}\n\n:host(\n #{$prefix}-slug[kind='inline']:not([size='md']):not([size='lg']):not(\n [size='xl']\n )\n ) {\n .#{$prefix}--slug__button {\n font-size: $spacing-04;\n }\n}\n\n:host(#{$prefix}-slug[kind='inline'][size='lg']),\n:host(#{$prefix}-slug[kind='inline'][size='xl']) {\n .#{$prefix}--slug__button {\n font-size: $spacing-05;\n }\n}\n\n:host(#{$prefix}-slug:not([kind='inline'])) {\n .#{$prefix}--slug__button:focus {\n border: 1px solid $focus;\n }\n}\n\n// top\n:host(#{$prefix}-slug[alignment^='top']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-block-end: to-rem(1px);\n transform: rotate(-135deg);\n }\n\n &::after {\n background: $ai-popover-caret-bottom-background;\n block-size: $spacing-01;\n border-end-end-radius: 50%;\n border-end-start-radius: 50%;\n inline-size: to-rem(14px);\n inset-block-start: -$spacing-01;\n inset-inline-start: to-rem(-1px);\n }\n }\n\n &[has-actions] {\n .#{$prefix}--popover-caret::after {\n display: none;\n }\n }\n}\n\n// right\n:host(#{$prefix}-slug[alignment^='right']) {\n .#{$prefix}--popover-caret {\n &::before {\n content: '';\n inset-inline-start: to-rem(1px);\n transform: rotate(-45deg);\n }\n\n &::after {\n border-end-start-radius: 50%;\n border-start-start-radius: 50%;\n inset-block-start: to-rem(-1px);\n inset-inline-start: to-rem(6px);\n }\n }\n}\n\n// bottom\n:host(#{$prefix}-slug[alignment^='bottom']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-block-start: to-rem(1px);\n transform: rotate(45deg);\n }\n\n &::after {\n block-size: $spacing-01;\n border-start-end-radius: 50%;\n border-start-start-radius: 50%;\n inline-size: to-rem(14px);\n inset-block-end: to-rem(-2.5px);\n inset-inline-start: to-rem(-1px);\n }\n }\n}\n\n//left\n:host(#{$prefix}-slug[alignment^='left']) {\n .#{$prefix}--popover-caret {\n &::before {\n inset-inline-end: to-rem(1px);\n transform: rotate(135deg);\n }\n\n &::after {\n border-end-end-radius: 50%;\n border-start-end-radius: 50%;\n inset-block-start: to-rem(-1px);\n inset-inline-start: -$spacing-01;\n }\n }\n}\n\n// override for specific alignments\n:host(#{$prefix}-slug[alignment='left-end']),\n:host(#{$prefix}-slug[alignment='left-bottom']),\n:host(#{$prefix}-slug[alignment='right-end']),\n:host(#{$prefix}-slug[alignment='right-bottom']) {\n .#{$prefix}--popover-caret::after {\n background: transparent;\n }\n}\n\n// Change caret color / border when it is near the bottom of the callout\n:host(#{$prefix}-slug[alignment='left-end']),\n:host(#{$prefix}-slug[alignment='left-bottom']),\n:host(#{$prefix}-slug[alignment='right-end']),\n:host(#{$prefix}-slug[alignment='right-bottom']),\n:host(#{$prefix}-slug[alignment^='top']) {\n .#{$prefix}--popover-caret::before {\n border-color: $ai-popover-caret-bottom;\n background: $ai-popover-caret-bottom-background;\n }\n}\n\n:host(#{$prefix}-slug[autoalign][alignment='left-end'][has-actions]),\n:host(#{$prefix}-slug[autoalign][alignment='left-bottom'][has-actions]),\n:host(#{$prefix}-slug[autoalign][alignment='right-end'][has-actions]),\n:host(#{$prefix}-slug[autoalign][alignment='right-bottom'][has-actions]),\n:host(#{$prefix}-slug[autoalign][alignment^='top'][has-actions]) {\n .#{$prefix}--popover-caret::before {\n background: $ai-popover-caret-bottom-background-actions;\n }\n}\n\n// Change the caret border when it is near the middle of the callout\n:host(#{$prefix}-slug[alignment='left']),\n:host(#{$prefix}-slug[alignment='right']) {\n .#{$prefix}--popover-caret::before {\n border-color: $ai-popover-caret-center;\n }\n}\n\n// caret styles for auto align\n:host(#{$prefix}-slug[autoalign]) .#{$prefix}--popover-caret {\n block-size: $spacing-04;\n inline-size: $spacing-04;\n transform: none;\n}\n\n:host(#{$prefix}-slug[autoalign]) {\n .#{$prefix}--popover-caret::before {\n inset-block-start: 0;\n }\n\n .#{$prefix}--popover-caret::after {\n inline-size: to-rem(14px);\n inset-block-end: to-rem(5px);\n inset-inline-start: to-rem(-1px);\n }\n}\n\n:host(#{$prefix}-slug[autoalign][alignment^='left']),\n:host(#{$prefix}-slug[autoalign][alignment^='right']) {\n .#{$prefix}--popover-caret::before {\n inset-inline-start: 0;\n }\n .#{$prefix}--popover-caret::after {\n block-size: to-rem(14px);\n inline-size: to-rem(2px);\n inset-block-start: to-rem(-1px);\n inset-inline-start: to-rem(5px);\n }\n}\n\n:host(#{$prefix}-slug[autoalign][alignment='left-end']),\n:host(#{$prefix}-slug[autoalign][alignment='left-bottom']),\n:host(#{$prefix}-slug[autoalign][alignment='right-end']),\n:host(#{$prefix}-slug[autoalign][alignment='right-bottom']) {\n .#{$prefix}--popover-caret::after {\n background: transparent;\n }\n}\n\n@each $color, $token in $colorMap {\n :host(#{$prefix}-slug[tag='#{$color}']) {\n .#{$prefix}--slug__text {\n color: $token;\n }\n\n .#{$prefix}--slug__text::before {\n background: $token;\n }\n\n button:hover {\n border-color: $token;\n\n .#{$prefix}--slug__text::before {\n background-color: $token;\n }\n }\n }\n}\n"],"mappings":""}
@@ -38,7 +38,7 @@ declare class CDSStructuredList extends CDSStructuredList_base {
38
38
  static shadowRootOptions: {
39
39
  delegatesFocus: boolean;
40
40
  clonable?: boolean;
41
- customElementRegistry?: CustomElementRegistry;
41
+ customElementRegistry?: CustomElementRegistry | null;
42
42
  mode: ShadowRootMode;
43
43
  serializable?: boolean;
44
44
  slotAssignment?: SlotAssignmentMode;
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/structured-list/structured-list.scss?lit
10
- var structured_list_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--structured-list--selection .cds-custom--structured-list-td,.cds-custom--structured-list--selection .cds-custom--structured-list-th,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list--selection ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list--selection ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection ::slotted(cds-custom-structured-list-cell){padding-inline:1rem 1rem}.cds-custom--structured-list--selection .cds-custom--structured-list-td:first-child,.cds-custom--structured-list--selection .cds-custom--structured-list-th:first-child,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list--selection :first-child::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list--selection :first-child::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :first-child::slotted(cds-custom-structured-list-cell){padding-inline:1rem 1rem}.cds-custom--structured-list-row--focused-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--structured-list-row--focused-within{outline-style:dotted}}.cds-custom--structured-list{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--structured-list *,.cds-custom--structured-list :after,.cds-custom--structured-list :before{box-sizing:inherit}.cds-custom--structured-list{display:table;background-color:var(--cds-layer) transparent;border-collapse:collapse;border-spacing:0;inline-size:100%;overflow-x:auto}.cds-custom--structured-list.cds-custom--structured-list--condensed .cds-custom--structured-list-td,.cds-custom--structured-list.cds-custom--structured-list--condensed .cds-custom--structured-list-th,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--condensed ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--condensed ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list.cds-custom--structured-list--condensed ::slotted(cds-custom-structured-list-cell){padding:.5rem}.cds-custom--structured-list .cds-custom--structured-list-row .cds-custom--structured-list-td:first-of-type,.cds-custom--structured-list .cds-custom--structured-list-row .cds-custom--structured-list-th:first-of-type,:host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-td:first-of-type,:host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-th:first-of-type,:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) :first-of-type::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-td:first-of-type,:host(cds-custom-structured-list-head) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-th:first-of-type,:host(cds-custom-structured-list-head):host(cds-custom-structured-list-header-row) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) :first-of-type::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-header-row) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) :first-of-type::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) :first-of-type::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list .cds-custom--structured-list-row :first-of-type::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list .cds-custom--structured-list-row :first-of-type::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-header-row):host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) :first-of-type::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row):host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) :first-of-type::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list .cds-custom--structured-list-row :first-of-type::slotted(cds-custom-structured-list-cell){padding-inline-start:1rem}.cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row .cds-custom--structured-list-td,.cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row .cds-custom--structured-list-td:first-of-type,.cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row .cds-custom--structured-list-th,.cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row .cds-custom--structured-list-th:first-of-type,:host(cds-custom-structured-list-body) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-td,:host(cds-custom-structured-list-body) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-th,:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-td,:host(cds-custom-structured-list-head) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-th,:host(cds-custom-structured-list-head):host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-header-row):host(cds-custom-structured-list-body) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row):host(cds-custom-structured-list-body) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row ::slotted(cds-custom-structured-list-cell){padding-inline:0 1rem}.cds-custom--structured-list-row,:host(cds-custom-structured-list-body) ::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) ::slotted(cds-custom-structured-list-header-row){display:table-row;border-block-start:1px solid var(--cds-border-subtle);transition:background-color .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--structured-list ::slotted(cds-custom-structured-list-body) .cds-custom--structured-list-row:last-child,.cds-custom--structured-list-tbody .cds-custom--structured-list-row:last-child,:host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-body) :last-child::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-body) .cds-custom--structured-list-tbody :last-child::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list ::slotted(cds-custom-structured-list-body) :last-child::slotted(cds-custom-structured-list-header-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list-tbody :last-child::slotted(cds-custom-structured-list-header-row){border-block-end:1px solid var(--cds-border-subtle)}.cds-custom--structured-list-row--header-row,:host(cds-custom-structured-list-head) ::slotted(cds-custom-structured-list-header-row){border:none}.cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected),:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-header-row){border-color:var(--cds-layer-hover);background-color:var(--cds-layer-hover);cursor:pointer}.cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)+.cds-custom--structured-list-row,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)+::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-row)+.cds-custom--structured-list-row,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-row)+::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)+::slotted(cds-custom-structured-list-header-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-header-row)+.cds-custom--structured-list-row,:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-header-row)+::slotted(cds-custom-structured-list-header-row),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-header-row)+::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-row)+::slotted(cds-custom-structured-list-header-row){border-color:var(--cds-layer-hover)}.cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row){border-color:var(--cds-layer-selected);background-color:var(--cds-layer-selected)}.cds-custom--structured-list--selection .cds-custom--structured-list-row--selected+.cds-custom--structured-list-row,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected+::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected+::slotted(cds-custom-structured-list-header-row){border-color:var(--cds-layer-selected)}.cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected .cds-custom--structured-list-td,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-td,:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-td,:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected ::slotted(cds-custom-structured-list-cell){color:var(--cds-text-primary,#161616)}.cds-custom--structured-list-row.cds-custom--structured-list-row--header-row,:host(cds-custom-structured-list-body) .cds-custom--structured-list-row--header-row::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) ::slotted(cds-custom-structured-list-header-row){cursor:inherit}.cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected>.cds-custom--structured-list-td,.cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row)::slotted(cds-custom-structured-list-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row)>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row)::slotted(cds-custom-structured-list-row)>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row)::slotted(cds-custom-structured-list-header-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row)>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row)::slotted(cds-custom-structured-list-header-row)>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row)>::slotted(cds-custom-structured-list-cell){color:var(--cds-text-primary,#161616)}.cds-custom--structured-list ::slotted(cds-custom-structured-list-head),.cds-custom--structured-list-thead{display:table-header-group;vertical-align:middle}.cds-custom--structured-list-th,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--structured-list-th *,.cds-custom--structured-list-th :after,.cds-custom--structured-list-th :before,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell) *,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell) :after,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell) :before,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton) *,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton) :after,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton) :before{box-sizing:inherit}.cds-custom--structured-list-th,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton){padding:1rem .5rem .5rem;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:table-cell;block-size:2.5rem;color:var(--cds-text-primary,#161616);font-weight:600;text-align:start;text-transform:none;vertical-align:top}.cds-custom--structured-list ::slotted(cds-custom-structured-list-body),.cds-custom--structured-list-tbody{display:table-row-group;vertical-align:middle}.cds-custom--structured-list-td,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--structured-list-td *,.cds-custom--structured-list-td :after,.cds-custom--structured-list-td :before,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell) *,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell) :after,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell) :before{box-sizing:inherit}.cds-custom--structured-list-td,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:1rem .5rem 1.5rem;position:relative;display:table-cell;color:var(--cds-text-secondary,#525252);max-inline-size:36rem;transition:color .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--structured-list ::slotted(cds-custom-structured-list-header-cell[nowrap]),.cds-custom--structured-list-content--nowrap,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell[nowrap]){white-space:nowrap}.cds-custom--structured-list-input+.cds-custom--structured-list-td,:host(cds-custom-structured-list-row) .cds-custom--structured-list-input+::slotted(cds-custom-structured-list-cell){text-align:end}.cds-custom--structured-list-svg{display:inline-block;margin-block-start:.125rem;transition:all .11s cubic-bezier(.2,0,.38,.9);vertical-align:top}.cds-custom--structured-list-input:checked+.cds-custom--structured-list-row .cds-custom--structured-list-svg,.cds-custom--structured-list-input:checked+.cds-custom--structured-list-td .cds-custom--structured-list-svg,:host(cds-custom-structured-list-body) .cds-custom--structured-list-input:checked+::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-svg,:host(cds-custom-structured-list-head) .cds-custom--structured-list-input:checked+::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-svg,:host(cds-custom-structured-list-row) .cds-custom--structured-list-input:checked+::slotted(cds-custom-structured-list-cell) .cds-custom--structured-list-svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--structured-list-svg{fill:transparent}.cds-custom--structured-list--selection .cds-custom--structured-list-td:last-child,:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :last-child::slotted(cds-custom-structured-list-cell){inline-size:2rem;padding-inline-start:0}.cds-custom--structured-list.cds-custom--skeleton .cds-custom--structured-list-th:first-child,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell-skeleton){inline-size:8%}.cds-custom--structured-list.cds-custom--skeleton .cds-custom--structured-list-th:nth-child(3n+2),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :nth-child(3n+2)::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :nth-child(3n+2)::slotted(cds-custom-structured-list-header-cell-skeleton){inline-size:30%}.cds-custom--structured-list.cds-custom--skeleton .cds-custom--structured-list-th:nth-child(3n+3),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :nth-child(3n+3)::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :nth-child(3n+3)::slotted(cds-custom-structured-list-header-cell-skeleton){inline-size:15%}.cds-custom--structured-list.cds-custom--skeleton span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--structured-list.cds-custom--skeleton span:active,.cds-custom--structured-list.cds-custom--skeleton span:focus,.cds-custom--structured-list.cds-custom--skeleton span:hover{border:none;cursor:default;outline:none}.cds-custom--structured-list.cds-custom--skeleton span:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--structured-list.cds-custom--skeleton span:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--structured-list.cds-custom--skeleton span{background:CanvasText}.cds-custom--structured-list.cds-custom--skeleton span:before{background:Canvas;forced-color-adjust:none}}.cds-custom--structured-list.cds-custom--skeleton span{display:block;block-size:1rem;inline-size:75%}.cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton .cds-custom--structured-list-th:first-child,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell-skeleton){inline-size:5%}.cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton .cds-custom--structured-list-th:first-child span,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell) span,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell-skeleton) span{display:none}.cds-custom--structured-list__icon{margin-block-start:.125rem;vertical-align:top}.cds-custom--structured-list--selection .cds-custom--structured-list-td:first-child:has(.cds-custom--structured-list__icon),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :first-child:has(.cds-custom--structured-list__icon)::slotted(cds-custom-structured-list-cell){inline-size:2rem;padding-inline-end:0}:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell:first-of-type){padding-inline-start:1rem}:host(cds-custom-structured-list-body) ::slotted(cds-custom-structured-list-row:last-child){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell:first-of-type){padding-inline-start:1rem}:host(cds-custom-structured-list-row[selection-value]:hover){background-color:var(--cds-layer-hover);border-block-end:1px solid var(--cds-layer-hover);cursor:pointer}:host(cds-custom-structured-list-row[selection-value]:hover) ::slotted(cds-custom-structured-list-cell){color:var(--cds-text-primary,#161616)}:host(cds-custom-structured-list-row[selected]){background-color:var(--cds-layer-selected)}:host(cds-custom-structured-list-row[selected]) .cds-custom--structured-list-input:checked+.cds-custom--structured-list-cell .cds-custom--structured-list-svg{fill:var(--cds-text-primary,#161616)}:host(cds-custom-structured-list-row[selected]) ::slotted(cds-custom-structured-list-cell){color:var(--cds-text-primary,#161616)}:host(cds-custom-structured-list-header-cell-skeleton):first-of-type{inline-size:8%}:host(cds-custom-structured-list-header-cell-skeleton):nth-of-type(3n+2){inline-size:30%}:host(cds-custom-structured-list-header-cell-skeleton):nth-of-type(3n+3){inline-size:15%}:host(cds-custom-structured-list-header-cell-skeleton) span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}:host(cds-custom-structured-list-header-cell-skeleton) span:active,:host(cds-custom-structured-list-header-cell-skeleton) span:focus,:host(cds-custom-structured-list-header-cell-skeleton) span:hover{border:none;cursor:default;outline:none}:host(cds-custom-structured-list-header-cell-skeleton) span:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-custom-structured-list-header-cell-skeleton) span:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-custom-structured-list-header-cell-skeleton) span{background:CanvasText}:host(cds-custom-structured-list-header-cell-skeleton) span:before{background:Canvas;forced-color-adjust:none}}:host(cds-custom-structured-list-header-cell-skeleton) span{display:block;block-size:1rem;inline-size:75%}:host(cds-custom-structured-list-header-row[condensed]) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-row[condensed]) ::slotted(cds-custom-structured-list-cell){padding:.5rem}:host(cds-custom-structured-list-header-row[condensed]) ::slotted(cds-custom-structured-list-header-cell:first-of-type),:host(cds-custom-structured-list-row[condensed]) ::slotted(cds-custom-structured-list-cell:first-of-type){padding-inline-start:1rem}:host(cds-custom-structured-list-header-row[condensed][flush]) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row[flush]) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-row[condensed][flush]) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-row[flush]) ::slotted(cds-custom-structured-list-cell){padding-inline:0 1rem}"]);
10
+ var structured_list_default = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--assistive-text,.cds-custom--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--structured-list--selection .cds-custom--structured-list-td,.cds-custom--structured-list--selection .cds-custom--structured-list-th,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list--selection ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list--selection ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection ::slotted(cds-custom-structured-list-cell){padding-inline:1rem 1rem}.cds-custom--structured-list--selection .cds-custom--structured-list-td:first-child,.cds-custom--structured-list--selection .cds-custom--structured-list-th:first-child,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list--selection :first-child::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list--selection :first-child::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :first-child::slotted(cds-custom-structured-list-cell){padding-inline:1rem 1rem}.cds-custom--structured-list-row--focused-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--structured-list-row--focused-within{outline-style:dotted}}.cds-custom--structured-list{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--structured-list *,.cds-custom--structured-list :after,.cds-custom--structured-list :before{box-sizing:inherit}.cds-custom--structured-list{display:table;background-color:var(--cds-layer) transparent;border-collapse:collapse;border-spacing:0;inline-size:100%;overflow-x:auto}.cds-custom--structured-list.cds-custom--structured-list--condensed .cds-custom--structured-list-td,.cds-custom--structured-list.cds-custom--structured-list--condensed .cds-custom--structured-list-th,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--condensed ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--condensed ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list.cds-custom--structured-list--condensed ::slotted(cds-custom-structured-list-cell){padding:.5rem}.cds-custom--structured-list .cds-custom--structured-list-row .cds-custom--structured-list-td:first-of-type,.cds-custom--structured-list .cds-custom--structured-list-row .cds-custom--structured-list-th:first-of-type,:host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-td:first-of-type,:host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-th:first-of-type,:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) :first-of-type::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-td:first-of-type,:host(cds-custom-structured-list-head) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-th:first-of-type,:host(cds-custom-structured-list-head):host(cds-custom-structured-list-header-row) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) :first-of-type::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-header-row) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) :first-of-type::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list ::slotted(cds-custom-structured-list-header-row) :first-of-type::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list .cds-custom--structured-list-row :first-of-type::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list .cds-custom--structured-list-row :first-of-type::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-header-row):host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) :first-of-type::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row):host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-row) :first-of-type::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list .cds-custom--structured-list-row :first-of-type::slotted(cds-custom-structured-list-cell){padding-inline-start:1rem}.cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row .cds-custom--structured-list-td,.cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row .cds-custom--structured-list-td:first-of-type,.cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row .cds-custom--structured-list-th,.cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row .cds-custom--structured-list-th:first-of-type,:host(cds-custom-structured-list-body) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-td,:host(cds-custom-structured-list-body) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-th,:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-td,:host(cds-custom-structured-list-head) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-th,:host(cds-custom-structured-list-head):host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-header-row):host(cds-custom-structured-list-body) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row):host(cds-custom-structured-list-body) .cds-custom--structured-list.cds-custom--structured-list--flush ::slotted(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-header-cell-skeleton),:host(cds-custom-structured-list-row) .cds-custom--structured-list.cds-custom--structured-list--flush .cds-custom--structured-list-row ::slotted(cds-custom-structured-list-cell){padding-inline:0 1rem}.cds-custom--structured-list-row,:host(cds-custom-structured-list-body) ::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) ::slotted(cds-custom-structured-list-header-row){display:table-row;border-block-start:1px solid var(--cds-border-subtle);transition:background-color .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--structured-list ::slotted(cds-custom-structured-list-body) .cds-custom--structured-list-row:last-child,.cds-custom--structured-list-tbody .cds-custom--structured-list-row:last-child,:host(cds-custom-structured-list-body) .cds-custom--structured-list ::slotted(cds-custom-structured-list-body) :last-child::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-body) .cds-custom--structured-list-tbody :last-child::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list ::slotted(cds-custom-structured-list-body) :last-child::slotted(cds-custom-structured-list-header-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list-tbody :last-child::slotted(cds-custom-structured-list-header-row){border-block-end:1px solid var(--cds-border-subtle)}.cds-custom--structured-list-row--header-row,:host(cds-custom-structured-list-head) ::slotted(cds-custom-structured-list-header-row){border:none}.cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected),:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-header-row){border-color:var(--cds-layer-hover);background-color:var(--cds-layer-hover);cursor:pointer}.cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)+.cds-custom--structured-list-row,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)+::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-row)+.cds-custom--structured-list-row,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-row)+::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)+::slotted(cds-custom-structured-list-header-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-header-row)+.cds-custom--structured-list-row,:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-header-row)+::slotted(cds-custom-structured-list-header-row),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-header-row)+::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row):not(.cds-custom--structured-list-row--selected)::slotted(cds-custom-structured-list-row)+::slotted(cds-custom-structured-list-header-row){border-color:var(--cds-layer-hover)}.cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row){border-color:var(--cds-layer-selected);background-color:var(--cds-layer-selected)}.cds-custom--structured-list--selection .cds-custom--structured-list-row--selected+.cds-custom--structured-list-row,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected+::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected+::slotted(cds-custom-structured-list-header-row){border-color:var(--cds-layer-selected)}.cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected .cds-custom--structured-list-td,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-td,:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-td,:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected ::slotted(cds-custom-structured-list-cell){color:var(--cds-text-primary,#161616)}.cds-custom--structured-list-row.cds-custom--structured-list-row--header-row,:host(cds-custom-structured-list-body) .cds-custom--structured-list-row--header-row::slotted(cds-custom-structured-list-row),:host(cds-custom-structured-list-head) ::slotted(cds-custom-structured-list-header-row){cursor:inherit}.cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected>.cds-custom--structured-list-td,.cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-body) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row)::slotted(cds-custom-structured-list-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-row)>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-body):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row)::slotted(cds-custom-structured-list-row)>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-head) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row)::slotted(cds-custom-structured-list-header-row)>.cds-custom--structured-list-td,:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row--selected::slotted(cds-custom-structured-list-header-row)>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-head):host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :hover:not(.cds-custom--structured-list-row--header-row)::slotted(cds-custom-structured-list-header-row)>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row.cds-custom--structured-list-row--selected>::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection .cds-custom--structured-list-row:hover:not(.cds-custom--structured-list-row--header-row)>::slotted(cds-custom-structured-list-cell){color:var(--cds-text-primary,#161616)}.cds-custom--structured-list ::slotted(cds-custom-structured-list-head),.cds-custom--structured-list-thead{display:table-header-group;vertical-align:middle}.cds-custom--structured-list-th,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--structured-list-th *,.cds-custom--structured-list-th :after,.cds-custom--structured-list-th :before,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell) *,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell) :after,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell) :before,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton) *,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton) :after,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton) :before{box-sizing:inherit}.cds-custom--structured-list-th,:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell-skeleton){padding:1rem .5rem .5rem;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:table-cell;block-size:2.5rem;color:var(--cds-text-primary,#161616);font-weight:600;text-align:start;text-transform:none;vertical-align:top}.cds-custom--structured-list ::slotted(cds-custom-structured-list-body),.cds-custom--structured-list-tbody{display:table-row-group;vertical-align:middle}.cds-custom--structured-list-td,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--structured-list-td *,.cds-custom--structured-list-td :after,.cds-custom--structured-list-td :before,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell) *,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell) :after,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell) :before{box-sizing:inherit}.cds-custom--structured-list-td,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);padding:1rem .5rem 1.5rem;position:relative;display:table-cell;color:var(--cds-text-secondary,#525252);max-inline-size:36rem;transition:color .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--structured-list ::slotted(cds-custom-structured-list-header-cell[nowrap]),.cds-custom--structured-list-content--nowrap,:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell[nowrap]){white-space:nowrap}.cds-custom--structured-list-input+.cds-custom--structured-list-td,:host(cds-custom-structured-list-row) .cds-custom--structured-list-input+::slotted(cds-custom-structured-list-cell){text-align:end}.cds-custom--structured-list-svg{display:inline-block;margin-block-start:.125rem;transition:all .11s cubic-bezier(.2,0,.38,.9);vertical-align:top}.cds-custom--structured-list-input:checked+.cds-custom--structured-list-row .cds-custom--structured-list-svg,.cds-custom--structured-list-input:checked+.cds-custom--structured-list-td .cds-custom--structured-list-svg,:host(cds-custom-structured-list-body) .cds-custom--structured-list-input:checked+::slotted(cds-custom-structured-list-row) .cds-custom--structured-list-svg,:host(cds-custom-structured-list-head) .cds-custom--structured-list-input:checked+::slotted(cds-custom-structured-list-header-row) .cds-custom--structured-list-svg,:host(cds-custom-structured-list-row) .cds-custom--structured-list-input:checked+::slotted(cds-custom-structured-list-cell) .cds-custom--structured-list-svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--structured-list-svg{fill:transparent}.cds-custom--structured-list--selection .cds-custom--structured-list-td:last-child,:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :last-child::slotted(cds-custom-structured-list-cell){inline-size:2rem;padding-inline-start:0}.cds-custom--structured-list.cds-custom--skeleton .cds-custom--structured-list-th:first-child,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell-skeleton){inline-size:8%}.cds-custom--structured-list.cds-custom--skeleton .cds-custom--structured-list-th:nth-child(3n+2),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :nth-child(3n+2)::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :nth-child(3n+2)::slotted(cds-custom-structured-list-header-cell-skeleton){inline-size:30%}.cds-custom--structured-list.cds-custom--skeleton .cds-custom--structured-list-th:nth-child(3n+3),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :nth-child(3n+3)::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--skeleton :nth-child(3n+3)::slotted(cds-custom-structured-list-header-cell-skeleton){inline-size:15%}.cds-custom--structured-list.cds-custom--skeleton span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--structured-list.cds-custom--skeleton span:active,.cds-custom--structured-list.cds-custom--skeleton span:focus,.cds-custom--structured-list.cds-custom--skeleton span:hover{border:none;cursor:default;outline:none}.cds-custom--structured-list.cds-custom--skeleton span:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--structured-list.cds-custom--skeleton span:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--structured-list.cds-custom--skeleton span{background:CanvasText}.cds-custom--structured-list.cds-custom--skeleton span:before{background:Canvas;forced-color-adjust:none}}.cds-custom--structured-list.cds-custom--skeleton span{display:block;block-size:1rem;inline-size:75%}.cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton .cds-custom--structured-list-th:first-child,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell-skeleton){inline-size:5%}.cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton .cds-custom--structured-list-th:first-child span,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell) span,:host(cds-custom-structured-list-header-row) .cds-custom--structured-list.cds-custom--structured-list--selection.cds-custom--skeleton :first-child::slotted(cds-custom-structured-list-header-cell-skeleton) span{display:none}.cds-custom--structured-list__icon{margin-block-start:.125rem;vertical-align:top}.cds-custom--structured-list--selection .cds-custom--structured-list-td:first-child:has(.cds-custom--structured-list__icon),:host(cds-custom-structured-list-row) .cds-custom--structured-list--selection :first-child:has(.cds-custom--structured-list__icon)::slotted(cds-custom-structured-list-cell){inline-size:2rem;padding-inline-end:0}:host(cds-custom-structured-list-header-row) ::slotted(cds-custom-structured-list-header-cell:first-of-type){padding-inline-start:1rem}:host(cds-custom-structured-list-body) ::slotted(cds-custom-structured-list-row:last-child){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-custom-structured-list-row) ::slotted(cds-custom-structured-list-cell:first-of-type){padding-inline-start:1rem}:host(cds-custom-structured-list-row[selection-value]:hover){background-color:var(--cds-layer-hover);border-block-end:1px solid var(--cds-layer-hover);cursor:pointer}:host(cds-custom-structured-list-row[selection-value]:hover) ::slotted(cds-custom-structured-list-cell){color:var(--cds-text-primary,#161616)}:host(cds-custom-structured-list-row[selected]){background-color:var(--cds-layer-selected)}:host(cds-custom-structured-list-row[selected]) .cds-custom--structured-list-input:checked+.cds-custom--structured-list-cell .cds-custom--structured-list-svg{fill:var(--cds-text-primary,#161616)}:host(cds-custom-structured-list-row[selected]) ::slotted(cds-custom-structured-list-cell){color:var(--cds-text-primary,#161616)}:host(cds-custom-structured-list-header-cell-skeleton):first-of-type{inline-size:8%}:host(cds-custom-structured-list-header-cell-skeleton):nth-of-type(3n+2){inline-size:30%}:host(cds-custom-structured-list-header-cell-skeleton):nth-of-type(3n+3){inline-size:15%}:host(cds-custom-structured-list-header-cell-skeleton) span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}:host(cds-custom-structured-list-header-cell-skeleton) span:active,:host(cds-custom-structured-list-header-cell-skeleton) span:focus,:host(cds-custom-structured-list-header-cell-skeleton) span:hover{border:none;cursor:default;outline:none}:host(cds-custom-structured-list-header-cell-skeleton) span:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-custom-structured-list-header-cell-skeleton) span:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-custom-structured-list-header-cell-skeleton) span{background:CanvasText}:host(cds-custom-structured-list-header-cell-skeleton) span:before{background:Canvas;forced-color-adjust:none}}:host(cds-custom-structured-list-header-cell-skeleton) span{display:block;block-size:1rem;inline-size:75%}:host(cds-custom-structured-list-header-row[condensed]) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-row[condensed]) ::slotted(cds-custom-structured-list-cell){padding:.5rem}:host(cds-custom-structured-list-header-row[condensed]) ::slotted(cds-custom-structured-list-header-cell:first-of-type),:host(cds-custom-structured-list-row[condensed]) ::slotted(cds-custom-structured-list-cell:first-of-type){padding-inline-start:1rem}:host(cds-custom-structured-list-header-row[condensed][flush]) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-header-row[flush]) ::slotted(cds-custom-structured-list-header-cell),:host(cds-custom-structured-list-row[condensed][flush]) ::slotted(cds-custom-structured-list-cell),:host(cds-custom-structured-list-row[flush]) ::slotted(cds-custom-structured-list-cell){padding-inline:0 1rem}"]);
11
11
  //#endregion
12
12
  export { structured_list_default as default };
13
13
 
@@ -17,6 +17,10 @@ export default class CDSTabsVertical extends LitElement {
17
17
  * Option to set a height style only if using vertical variation.
18
18
  */
19
19
  customHeight?: string;
20
+ /**
21
+ * The panel slot element in the shadow DOM.
22
+ */
23
+ private _panelSlot?;
20
24
  private _mediaQueryList;
21
25
  private _handleViewportChange;
22
26
  firstUpdated(): void;
@@ -1 +1 @@
1
- {"version":3,"file":"tabs-vertical.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-vertical.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAevC;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACrD;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,eAAe,CAA+B;IAEtD,OAAO,CAAC,qBAAqB,CAoB3B;IAEF,YAAY;IAeZ,OAAO,CAAC,iBAAiB,KAAA;IAOzB,oBAAoB;IASpB,OAAO,CAAC,YAAY;IA2CpB,MAAM;IASN,MAAM,CAAC,MAAM,MAAU;CACxB"}
1
+ {"version":3,"file":"tabs-vertical.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-vertical.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAevC;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACrD;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IAEH,OAAO,CAAC,UAAU,CAAC,CAAkB;IAErC,OAAO,CAAC,eAAe,CAA+B;IAEtD,OAAO,CAAC,qBAAqB,CAoB3B;IAEF,YAAY;IAcZ,OAAO,CAAC,iBAAiB,KAAA;IAOzB,oBAAoB;IASpB,OAAO,CAAC,YAAY;IA2CpB,MAAM;IASN,MAAM,CAAC,MAAM,MAAU;CACxB"}
@@ -10,7 +10,7 @@ import { carbonElement } from "../../globals/decorators/carbon-element.js";
10
10
  import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
11
11
  import tabs_default from "./tabs.scss.js";
12
12
  import { LitElement, html } from "lit";
13
- import { property } from "lit/decorators.js";
13
+ import { property, query } from "lit/decorators.js";
14
14
  import { breakpoints } from "@carbon/layout";
15
15
  //#region src/components/tabs/tabs-vertical.ts
16
16
  /**
@@ -56,7 +56,7 @@ let CDSTabsVertical = class CDSTabsVertical extends LitElement {
56
56
  requestAnimationFrame(() => {
57
57
  this._applyHeight();
58
58
  });
59
- (this.shadowRoot?.querySelector("slot[name=\"panel\"]"))?.addEventListener("slotchange", () => {
59
+ this._panelSlot?.addEventListener("slotchange", () => {
60
60
  this._applyHeight();
61
61
  });
62
62
  }
@@ -107,6 +107,7 @@ let CDSTabsVertical = class CDSTabsVertical extends LitElement {
107
107
  }
108
108
  };
109
109
  __decorate([property({ attribute: "custom-height" })], CDSTabsVertical.prototype, "customHeight", void 0);
110
+ __decorate([query("slot[name=\"panel\"]")], CDSTabsVertical.prototype, "_panelSlot", void 0);
110
111
  CDSTabsVertical = __decorate([carbonElement(`cds-custom-tabs-vertical`)], CDSTabsVertical);
111
112
  var tabs_vertical_default = CDSTabsVertical;
112
113
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"tabs-vertical.js","names":["styles","customElement"],"sources":["../../../src/components/tabs/tabs-vertical.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { breakpoints } from '@carbon/layout';\nimport { prefix } from '../../globals/settings';\nimport styles from './tabs.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Breakpoint for switching between horizontal and vertical tab layouts.\n * Uses Carbon's md breakpoint (42rem/672px) + 0.01rem offset to avoid overlap\n * with max-width queries. This mirrors the Sass breakpoint behavior.\n * Below this breakpoint, tabs display horizontally.\n */\nconst VERTICAL_TABS_BREAKPOINT = `(min-width: calc(${breakpoints.md.width} + 0.01rem))`;\n\n/**\n * Vertical tabs container component.\n *\n * @element cds-custom-tabs-vertical\n * @slot tabs - The `<cds-custom-tabs>` navigation element.\n * @slot panel - One or more `<div role=\"tabpanel\">` elements.\n */\n@customElement(`${prefix}-tabs-vertical`)\nexport default class CDSTabsVertical extends LitElement {\n /**\n * Option to set a height style only if using vertical variation.\n */\n @property({ attribute: 'custom-height' })\n customHeight?: string;\n\n private _mediaQueryList: MediaQueryList | null = null;\n\n private _handleViewportChange = (e: MediaQueryListEvent | MediaQueryList) => {\n const tabs = this.querySelector(`${prefix}-tabs`);\n if (e.matches) {\n this.classList.add(`${prefix}--css-grid`);\n if (tabs) {\n tabs.setAttribute('vertical', '');\n tabs.removeAttribute('type');\n // Preserve size attribute for vertical tabs to use layout tokens\n const size = tabs.getAttribute('size');\n if (size) {\n tabs.setAttribute('size', size);\n }\n }\n } else {\n this.classList.remove(`${prefix}--css-grid`);\n if (tabs) {\n tabs.removeAttribute('vertical');\n tabs.setAttribute('type', 'contained');\n }\n }\n };\n\n firstUpdated() {\n this._mediaQueryList = window.matchMedia(VERTICAL_TABS_BREAKPOINT);\n this._handleViewportChange(this._mediaQueryList);\n this._mediaQueryList.addEventListener('change', this._handleViewportChange);\n\n requestAnimationFrame(() => {\n this._applyHeight();\n });\n\n const panelSlot = this.shadowRoot?.querySelector('slot[name=\"panel\"]');\n panelSlot?.addEventListener('slotchange', () => {\n this._applyHeight();\n });\n }\n\n updated(changedProperties) {\n super.updated?.(changedProperties);\n if (changedProperties.has('customHeight')) {\n this._applyHeight();\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this._mediaQueryList?.removeEventListener(\n 'change',\n this._handleViewportChange\n );\n this._mediaQueryList = null;\n }\n\n private _applyHeight() {\n const isVertical = this.classList.contains(`${prefix}--css-grid`);\n\n if (this.customHeight) {\n this.style.height = this.customHeight;\n return;\n }\n\n if (!isVertical) {\n this.style.removeProperty('height');\n return;\n }\n\n const panels = Array.from(\n this.querySelectorAll<HTMLElement>('[slot=\"panel\"]')\n );\n\n if (panels.length === 0) {\n return;\n }\n\n const hiddenStates = panels.map((panel) => panel.hidden);\n panels.forEach((panel) => {\n panel.hidden = false;\n });\n\n const tallestPanel = Math.max(...panels.map((panel) => panel.offsetHeight));\n\n panels.forEach((panel, index) => {\n panel.hidden = hiddenStates[index];\n });\n\n const tabsEl = this.querySelector<HTMLElement>(`${prefix}-tabs`);\n const tabsHeight = tabsEl?.offsetHeight ?? 0;\n\n const height = Math.max(tallestPanel, tabsHeight);\n if (height > 0) {\n this.style.height = `${height}px`;\n } else {\n this.style.removeProperty('height');\n }\n }\n\n render() {\n return html`\n <slot name=\"tabs\"></slot>\n <div class=\"${prefix}-panel-container\">\n <slot name=\"panel\"></slot>\n </div>\n `;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,2BAA2B,oBAAoB,YAAY,GAAG,MAAM;AAU3D,IAAA,kBAAA,MAAM,wBAAwB,WAAW;;;yBAOL;gCAEhB,MAA4C;GAC3E,MAAM,OAAO,KAAK,cAAc,UAAgB;GAChD,IAAI,EAAE,SAAS;IACb,KAAK,UAAU,IAAI,eAAqB;IACxC,IAAI,MAAM;KACR,KAAK,aAAa,YAAY,EAAE;KAChC,KAAK,gBAAgB,MAAM;KAE3B,MAAM,OAAO,KAAK,aAAa,MAAM;KACrC,IAAI,MACF,KAAK,aAAa,QAAQ,IAAI;IAElC;GACF,OAAO;IACL,KAAK,UAAU,OAAO,eAAqB;IAC3C,IAAI,MAAM;KACR,KAAK,gBAAgB,UAAU;KAC/B,KAAK,aAAa,QAAQ,WAAW;IACvC;GACF;EACF;;CAEA,eAAe;EACb,KAAK,kBAAkB,OAAO,WAAW,wBAAwB;EACjE,KAAK,sBAAsB,KAAK,eAAe;EAC/C,KAAK,gBAAgB,iBAAiB,UAAU,KAAK,qBAAqB;EAE1E,4BAA4B;GAC1B,KAAK,aAAa;EACpB,CAAC;EAGD,CADkB,KAAK,YAAY,cAAc,sBAAoB,EAAA,EAC1D,iBAAiB,oBAAoB;GAC9C,KAAK,aAAa;EACpB,CAAC;CACH;CAEA,QAAQ,mBAAmB;EACzB,MAAM,UAAU,iBAAiB;EACjC,IAAI,kBAAkB,IAAI,cAAc,GACtC,KAAK,aAAa;CAEtB;CAEA,uBAAuB;EACrB,MAAM,qBAAqB;EAC3B,KAAK,iBAAiB,oBACpB,UACA,KAAK,qBACP;EACA,KAAK,kBAAkB;CACzB;CAEA,eAAuB;EACrB,MAAM,aAAa,KAAK,UAAU,SAAS,eAAqB;EAEhE,IAAI,KAAK,cAAc;GACrB,KAAK,MAAM,SAAS,KAAK;GACzB;EACF;EAEA,IAAI,CAAC,YAAY;GACf,KAAK,MAAM,eAAe,QAAQ;GAClC;EACF;EAEA,MAAM,SAAS,MAAM,KACnB,KAAK,iBAA8B,kBAAgB,CACrD;EAEA,IAAI,OAAO,WAAW,GACpB;EAGF,MAAM,eAAe,OAAO,KAAK,UAAU,MAAM,MAAM;EACvD,OAAO,SAAS,UAAU;GACxB,MAAM,SAAS;EACjB,CAAC;EAED,MAAM,eAAe,KAAK,IAAI,GAAG,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;EAE1E,OAAO,SAAS,OAAO,UAAU;GAC/B,MAAM,SAAS,aAAa;EAC9B,CAAC;EAGD,MAAM,aADS,KAAK,cAA2B,UACvB,CAAC,EAAE,gBAAgB;EAE3C,MAAM,SAAS,KAAK,IAAI,cAAc,UAAU;EAChD,IAAI,SAAS,GACX,KAAK,MAAM,SAAS,GAAG,OAAO;OAE9B,KAAK,MAAM,eAAe,QAAQ;CAEtC;CAEA,SAAS;EACP,OAAO,IAAI;;0BAEY;;;;CAIzB;;gBAEgBA;;AAClB;YA/GG,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,GAAA,gBAAA,WAAA,gBAAA,KAAA,CAAA;8BALzCC,cAAc,mBAAyB,CAAA,GAAA,eAAA"}
1
+ {"version":3,"file":"tabs-vertical.js","names":["styles","customElement"],"sources":["../../../src/components/tabs/tabs-vertical.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 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\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { breakpoints } from '@carbon/layout';\nimport { prefix } from '../../globals/settings';\nimport styles from './tabs.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Breakpoint for switching between horizontal and vertical tab layouts.\n * Uses Carbon's md breakpoint (42rem/672px) + 0.01rem offset to avoid overlap\n * with max-width queries. This mirrors the Sass breakpoint behavior.\n * Below this breakpoint, tabs display horizontally.\n */\nconst VERTICAL_TABS_BREAKPOINT = `(min-width: calc(${breakpoints.md.width} + 0.01rem))`;\n\n/**\n * Vertical tabs container component.\n *\n * @element cds-custom-tabs-vertical\n * @slot tabs - The `<cds-custom-tabs>` navigation element.\n * @slot panel - One or more `<div role=\"tabpanel\">` elements.\n */\n@customElement(`${prefix}-tabs-vertical`)\nexport default class CDSTabsVertical extends LitElement {\n /**\n * Option to set a height style only if using vertical variation.\n */\n @property({ attribute: 'custom-height' })\n customHeight?: string;\n\n /**\n * The panel slot element in the shadow DOM.\n */\n @query('slot[name=\"panel\"]')\n private _panelSlot?: HTMLSlotElement;\n\n private _mediaQueryList: MediaQueryList | null = null;\n\n private _handleViewportChange = (e: MediaQueryListEvent | MediaQueryList) => {\n const tabs = this.querySelector(`${prefix}-tabs`);\n if (e.matches) {\n this.classList.add(`${prefix}--css-grid`);\n if (tabs) {\n tabs.setAttribute('vertical', '');\n tabs.removeAttribute('type');\n // Preserve size attribute for vertical tabs to use layout tokens\n const size = tabs.getAttribute('size');\n if (size) {\n tabs.setAttribute('size', size);\n }\n }\n } else {\n this.classList.remove(`${prefix}--css-grid`);\n if (tabs) {\n tabs.removeAttribute('vertical');\n tabs.setAttribute('type', 'contained');\n }\n }\n };\n\n firstUpdated() {\n this._mediaQueryList = window.matchMedia(VERTICAL_TABS_BREAKPOINT);\n this._handleViewportChange(this._mediaQueryList);\n this._mediaQueryList.addEventListener('change', this._handleViewportChange);\n\n requestAnimationFrame(() => {\n this._applyHeight();\n });\n\n this._panelSlot?.addEventListener('slotchange', () => {\n this._applyHeight();\n });\n }\n\n updated(changedProperties) {\n super.updated?.(changedProperties);\n if (changedProperties.has('customHeight')) {\n this._applyHeight();\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this._mediaQueryList?.removeEventListener(\n 'change',\n this._handleViewportChange\n );\n this._mediaQueryList = null;\n }\n\n private _applyHeight() {\n const isVertical = this.classList.contains(`${prefix}--css-grid`);\n\n if (this.customHeight) {\n this.style.height = this.customHeight;\n return;\n }\n\n if (!isVertical) {\n this.style.removeProperty('height');\n return;\n }\n\n const panels = Array.from(\n this.querySelectorAll<HTMLElement>('[slot=\"panel\"]')\n );\n\n if (panels.length === 0) {\n return;\n }\n\n const hiddenStates = panels.map((panel) => panel.hidden);\n panels.forEach((panel) => {\n panel.hidden = false;\n });\n\n const tallestPanel = Math.max(...panels.map((panel) => panel.offsetHeight));\n\n panels.forEach((panel, index) => {\n panel.hidden = hiddenStates[index];\n });\n\n const tabsEl = this.querySelector<HTMLElement>(`${prefix}-tabs`);\n const tabsHeight = tabsEl?.offsetHeight ?? 0;\n\n const height = Math.max(tallestPanel, tabsHeight);\n if (height > 0) {\n this.style.height = `${height}px`;\n } else {\n this.style.removeProperty('height');\n }\n }\n\n render() {\n return html`\n <slot name=\"tabs\"></slot>\n <div class=\"${prefix}-panel-container\">\n <slot name=\"panel\"></slot>\n </div>\n `;\n }\n\n static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAM,2BAA2B,oBAAoB,YAAY,GAAG,MAAM;AAU3D,IAAA,kBAAA,MAAM,wBAAwB,WAAW;;;yBAaL;gCAEhB,MAA4C;GAC3E,MAAM,OAAO,KAAK,cAAc,UAAgB;GAChD,IAAI,EAAE,SAAS;IACb,KAAK,UAAU,IAAI,eAAqB;IACxC,IAAI,MAAM;KACR,KAAK,aAAa,YAAY,EAAE;KAChC,KAAK,gBAAgB,MAAM;KAE3B,MAAM,OAAO,KAAK,aAAa,MAAM;KACrC,IAAI,MACF,KAAK,aAAa,QAAQ,IAAI;IAElC;GACF,OAAO;IACL,KAAK,UAAU,OAAO,eAAqB;IAC3C,IAAI,MAAM;KACR,KAAK,gBAAgB,UAAU;KAC/B,KAAK,aAAa,QAAQ,WAAW;IACvC;GACF;EACF;;CAEA,eAAe;EACb,KAAK,kBAAkB,OAAO,WAAW,wBAAwB;EACjE,KAAK,sBAAsB,KAAK,eAAe;EAC/C,KAAK,gBAAgB,iBAAiB,UAAU,KAAK,qBAAqB;EAE1E,4BAA4B;GAC1B,KAAK,aAAa;EACpB,CAAC;EAED,KAAK,YAAY,iBAAiB,oBAAoB;GACpD,KAAK,aAAa;EACpB,CAAC;CACH;CAEA,QAAQ,mBAAmB;EACzB,MAAM,UAAU,iBAAiB;EACjC,IAAI,kBAAkB,IAAI,cAAc,GACtC,KAAK,aAAa;CAEtB;CAEA,uBAAuB;EACrB,MAAM,qBAAqB;EAC3B,KAAK,iBAAiB,oBACpB,UACA,KAAK,qBACP;EACA,KAAK,kBAAkB;CACzB;CAEA,eAAuB;EACrB,MAAM,aAAa,KAAK,UAAU,SAAS,eAAqB;EAEhE,IAAI,KAAK,cAAc;GACrB,KAAK,MAAM,SAAS,KAAK;GACzB;EACF;EAEA,IAAI,CAAC,YAAY;GACf,KAAK,MAAM,eAAe,QAAQ;GAClC;EACF;EAEA,MAAM,SAAS,MAAM,KACnB,KAAK,iBAA8B,kBAAgB,CACrD;EAEA,IAAI,OAAO,WAAW,GACpB;EAGF,MAAM,eAAe,OAAO,KAAK,UAAU,MAAM,MAAM;EACvD,OAAO,SAAS,UAAU;GACxB,MAAM,SAAS;EACjB,CAAC;EAED,MAAM,eAAe,KAAK,IAAI,GAAG,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;EAE1E,OAAO,SAAS,OAAO,UAAU;GAC/B,MAAM,SAAS,aAAa;EAC9B,CAAC;EAGD,MAAM,aADS,KAAK,cAA2B,UACvB,CAAC,EAAE,gBAAgB;EAE3C,MAAM,SAAS,KAAK,IAAI,cAAc,UAAU;EAChD,IAAI,SAAS,GACX,KAAK,MAAM,SAAS,GAAG,OAAO;OAE9B,KAAK,MAAM,eAAe,QAAQ;CAEtC;CAEA,SAAS;EACP,OAAO,IAAI;;0BAEY;;;;CAIzB;;gBAEgBA;;AAClB;YApHG,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,GAAA,gBAAA,WAAA,gBAAA,KAAA,CAAA;YAMvC,MAAM,sBAAoB,CAAA,GAAA,gBAAA,WAAA,cAAA,KAAA,CAAA;8BAX5BC,cAAc,mBAAyB,CAAA,GAAA,eAAA"}