@carbon/web-components 2.54.0-rc.0 → 2.55.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 (517) hide show
  1. package/custom-elements.json +213 -161
  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-skeleton/ai-skeleton.scss.js +1 -1
  5. package/es/components/badge-indicator/badge-indicator.scss.js +1 -1
  6. package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
  7. package/es/components/button/button.d.ts +1 -1
  8. package/es/components/button/button.js +1 -1
  9. package/es/components/button/button.js.map +1 -1
  10. package/es/components/button/button.scss.js +1 -1
  11. package/es/components/checkbox/checkbox.scss.js +1 -1
  12. package/es/components/code-snippet/code-snippet.scss.js +1 -1
  13. package/es/components/combo-box/combo-box.scss.js +1 -1
  14. package/es/components/combo-button/combo-button.scss.js +1 -1
  15. package/es/components/contained-list/contained-list.scss.js +1 -1
  16. package/es/components/content-switcher/content-switcher.scss.js +1 -1
  17. package/es/components/copy-button/copy-button.scss.js +1 -1
  18. package/es/components/data-table/data-table.scss.js +1 -1
  19. package/es/components/date-picker/date-picker.scss.js +1 -1
  20. package/es/components/date-picker/date-picker.scss.js.map +1 -1
  21. package/es/components/dialog/dialog-body.js +1 -1
  22. package/es/components/dialog/dialog-close-button.js +1 -1
  23. package/es/components/dialog/dialog-footer.js +1 -1
  24. package/es/components/dialog/dialog-subtitle.js +1 -1
  25. package/es/components/dialog/dialog-title.js +1 -1
  26. package/es/components/dialog/dialog.d.ts +18 -7
  27. package/es/components/dialog/dialog.d.ts.map +1 -1
  28. package/es/components/dialog/dialog.js +51 -17
  29. package/es/components/dialog/dialog.js.map +1 -1
  30. package/es/components/dialog/dialog.scss.js +1 -1
  31. package/es/components/dialog/dialog.scss.js.map +1 -1
  32. package/es/components/dropdown/dropdown.d.ts +3 -2
  33. package/es/components/dropdown/dropdown.d.ts.map +1 -1
  34. package/es/components/dropdown/dropdown.js +9 -2
  35. package/es/components/dropdown/dropdown.js.map +1 -1
  36. package/es/components/dropdown/dropdown.scss.js +1 -1
  37. package/es/components/feature-flags/index.d.ts.map +1 -1
  38. package/es/components/feature-flags/index.js +8 -3
  39. package/es/components/feature-flags/index.js.map +1 -1
  40. package/es/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  41. package/es/components/file-uploader/file-uploader-button.js +3 -2
  42. package/es/components/file-uploader/file-uploader-button.js.map +1 -1
  43. package/es/components/file-uploader/file-uploader-drop-container.d.ts +1 -1
  44. package/es/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  45. package/es/components/file-uploader/file-uploader-drop-container.js +3 -2
  46. package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  47. package/es/components/file-uploader/file-uploader-item.d.ts +4 -0
  48. package/es/components/file-uploader/file-uploader-item.d.ts.map +1 -1
  49. package/es/components/file-uploader/file-uploader-item.js +6 -0
  50. package/es/components/file-uploader/file-uploader-item.js.map +1 -1
  51. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  52. package/es/components/file-uploader/file-uploader.scss.js.map +1 -1
  53. package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  54. package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  55. package/es/components/fluid-form/fluid-form.d.ts +19 -0
  56. package/es/components/fluid-form/fluid-form.d.ts.map +1 -0
  57. package/es/components/fluid-form/fluid-form.js +44 -0
  58. package/es/components/fluid-form/fluid-form.js.map +1 -0
  59. package/es/components/fluid-form/fluid-form.scss.js +14 -0
  60. package/es/components/fluid-form/fluid-form.scss.js.map +1 -0
  61. package/es/components/fluid-form/index.d.ts +8 -0
  62. package/es/components/fluid-form/index.d.ts.map +1 -0
  63. package/es/components/fluid-form/index.js +8 -0
  64. package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  65. package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  66. package/es/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
  67. package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  68. package/es/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  69. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  70. package/es/components/fluid-select/fluid-select.scss.js +1 -1
  71. package/es/components/fluid-select/fluid-select.scss.js.map +1 -1
  72. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  73. package/es/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
  74. package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  75. package/es/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
  76. package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  77. package/es/components/form/form-item.scss.js +1 -1
  78. package/es/components/form/form.scss.js +1 -1
  79. package/es/components/form-group/form-group.scss.js +1 -1
  80. package/es/components/heading/heading.scss.js +1 -1
  81. package/es/components/icon/icon.d.ts +1 -1
  82. package/es/components/icon-button/icon-button.scss.js +1 -1
  83. package/es/components/icon-indicator/icon-indicator.scss.js +1 -1
  84. package/es/components/inline-loading/inline-loading.scss.js +1 -1
  85. package/es/components/link/link.d.ts +1 -1
  86. package/es/components/link/link.d.ts.map +1 -1
  87. package/es/components/link/link.js.map +1 -1
  88. package/es/components/link/link.scss.js +1 -1
  89. package/es/components/list/list.scss.js +1 -1
  90. package/es/components/loading/loading.scss.js +1 -1
  91. package/es/components/menu/menu-item.scss.js +1 -1
  92. package/es/components/menu/menu.scss.js +1 -1
  93. package/es/components/menu-button/menu-button.scss.js +1 -1
  94. package/es/components/modal/modal-base.d.ts +144 -0
  95. package/es/components/modal/modal-base.d.ts.map +1 -0
  96. package/es/components/modal/modal-base.js +229 -0
  97. package/es/components/modal/modal-base.js.map +1 -0
  98. package/es/components/modal/modal.d.ts +15 -89
  99. package/es/components/modal/modal.d.ts.map +1 -1
  100. package/es/components/modal/modal.js +66 -169
  101. package/es/components/modal/modal.js.map +1 -1
  102. package/es/components/modal/modal.scss.js +1 -1
  103. package/es/components/modal/modal.scss.js.map +1 -1
  104. package/es/components/multi-select/multi-select.scss.js +1 -1
  105. package/es/components/notification/actionable-notification.d.ts +1 -1
  106. package/es/components/notification/actionable-notification.scss.js +1 -1
  107. package/es/components/notification/callout-notification.d.ts +1 -1
  108. package/es/components/notification/inline-notification.d.ts +1 -1
  109. package/es/components/notification/inline-notification.scss.js +1 -1
  110. package/es/components/notification/toast-notification.scss.js +1 -1
  111. package/es/components/number-input/number-input.scss.js +1 -1
  112. package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
  113. package/es/components/page-header/index.d.ts +4 -0
  114. package/es/components/page-header/index.d.ts.map +1 -1
  115. package/es/components/page-header/page-header-breadcrumb.d.ts +7 -0
  116. package/es/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
  117. package/es/components/page-header/page-header-breadcrumb.js +7 -0
  118. package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
  119. package/es/components/page-header/page-header-content-text.d.ts +7 -0
  120. package/es/components/page-header/page-header-content-text.d.ts.map +1 -1
  121. package/es/components/page-header/page-header-content-text.js +7 -0
  122. package/es/components/page-header/page-header-content-text.js.map +1 -1
  123. package/es/components/page-header/page-header-content.d.ts +7 -0
  124. package/es/components/page-header/page-header-content.d.ts.map +1 -1
  125. package/es/components/page-header/page-header-content.js +7 -0
  126. package/es/components/page-header/page-header-content.js.map +1 -1
  127. package/es/components/page-header/page-header-hero-image.d.ts +7 -0
  128. package/es/components/page-header/page-header-hero-image.d.ts.map +1 -1
  129. package/es/components/page-header/page-header-hero-image.js +7 -0
  130. package/es/components/page-header/page-header-hero-image.js.map +1 -1
  131. package/es/components/page-header/page-header-tabs.d.ts +7 -0
  132. package/es/components/page-header/page-header-tabs.d.ts.map +1 -1
  133. package/es/components/page-header/page-header-tabs.js +7 -0
  134. package/es/components/page-header/page-header-tabs.js.map +1 -1
  135. package/es/components/page-header/page-header.d.ts +7 -0
  136. package/es/components/page-header/page-header.d.ts.map +1 -1
  137. package/es/components/page-header/page-header.js +7 -0
  138. package/es/components/page-header/page-header.js.map +1 -1
  139. package/es/components/page-header/page-header.scss.js +1 -1
  140. package/es/components/page-header/page-header.scss.js.map +1 -1
  141. package/es/components/pagination/pagination.scss.js +1 -1
  142. package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
  143. package/es/components/password-input/password-input.d.ts.map +1 -1
  144. package/es/components/password-input/password-input.js +1 -1
  145. package/es/components/password-input/password-input.js.map +1 -1
  146. package/es/components/password-input/password-input.scss.js +1 -1
  147. package/es/components/popover/popover.scss.js +1 -1
  148. package/es/components/progress-bar/progress-bar.scss.js +1 -1
  149. package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
  150. package/es/components/radio-button/radio-button.scss.js +1 -1
  151. package/es/components/search/search.d.ts +4 -0
  152. package/es/components/search/search.d.ts.map +1 -1
  153. package/es/components/search/search.js +4 -1
  154. package/es/components/search/search.js.map +1 -1
  155. package/es/components/search/search.scss.js +1 -1
  156. package/es/components/select/select.scss.js +1 -1
  157. package/es/components/shape-indicator/shape-indicator.scss.js +1 -1
  158. package/es/components/side-panel/side-panel.d.ts +1 -1
  159. package/es/components/side-panel/side-panel.js +1 -1
  160. package/es/components/side-panel/side-panel.js.map +1 -1
  161. package/es/components/skeleton-icon/skeleton-icon.scss.js +1 -1
  162. package/es/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
  163. package/es/components/skeleton-text/skeleton-text.scss.js +1 -1
  164. package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
  165. package/es/components/slider/slider.scss.js +1 -1
  166. package/es/components/slug/slug.scss.js +1 -1
  167. package/es/components/stack/stack.scss.js +1 -1
  168. package/es/components/structured-list/structured-list.scss.js +1 -1
  169. package/es/components/tabs/stories/tabs-wrapper.d.ts +4 -0
  170. package/es/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
  171. package/es/components/tabs/stories/tabs-wrapper.js +22 -10
  172. package/es/components/tabs/stories/tabs-wrapper.js.map +1 -1
  173. package/es/components/tabs/tab.d.ts +34 -1
  174. package/es/components/tabs/tab.d.ts.map +1 -1
  175. package/es/components/tabs/tab.js +36 -3
  176. package/es/components/tabs/tab.js.map +1 -1
  177. package/es/components/tabs/tabs.d.ts +12 -0
  178. package/es/components/tabs/tabs.d.ts.map +1 -1
  179. package/es/components/tabs/tabs.js +36 -10
  180. package/es/components/tabs/tabs.js.map +1 -1
  181. package/es/components/tabs/tabs.scss.js +1 -1
  182. package/es/components/tabs/tabs.scss.js.map +1 -1
  183. package/es/components/tag/tag.scss.js +1 -1
  184. package/es/components/tearsheet/tearsheet.d.ts +1 -1
  185. package/es/components/tearsheet/tearsheet.js +1 -1
  186. package/es/components/tearsheet/tearsheet.js.map +1 -1
  187. package/es/components/text-input/text-input.d.ts +2 -1
  188. package/es/components/text-input/text-input.d.ts.map +1 -1
  189. package/es/components/text-input/text-input.scss.js +1 -1
  190. package/es/components/textarea/textarea.scss.js +1 -1
  191. package/es/components/tile/clickable-tile.d.ts +1 -1
  192. package/es/components/tile/clickable-tile.d.ts.map +1 -1
  193. package/es/components/tile/clickable-tile.js +6 -1
  194. package/es/components/tile/clickable-tile.js.map +1 -1
  195. package/es/components/tile/radio-tile.d.ts +4 -1
  196. package/es/components/tile/radio-tile.d.ts.map +1 -1
  197. package/es/components/tile/radio-tile.js +23 -6
  198. package/es/components/tile/radio-tile.js.map +1 -1
  199. package/es/components/tile/selectable-tile.d.ts +1 -1
  200. package/es/components/tile/tile.scss.js +1 -1
  201. package/es/components/tile/tile.scss.js.map +1 -1
  202. package/es/components/time-picker/time-picker.d.ts +2 -1
  203. package/es/components/time-picker/time-picker.d.ts.map +1 -1
  204. package/es/components/time-picker/time-picker.scss.js +1 -1
  205. package/es/components/toggle/toggle.scss.js +1 -1
  206. package/es/components/toggle-tip/toggletip.scss.js +1 -1
  207. package/es/components/tooltip/tooltip.scss.js +1 -1
  208. package/es/components/tree-view/tree-view.scss.js +1 -1
  209. package/es/components/ui-shell/header.scss.js +1 -1
  210. package/es/components/ui-shell/side-nav.scss.js +1 -1
  211. package/es/globals/decorators/carbon-element.js.map +1 -1
  212. package/es/globals/directives/spread.d.ts +1 -1
  213. package/es/globals/directives/spread.d.ts.map +1 -1
  214. package/es/globals/internal/icon-loader-utils.d.ts +1 -1
  215. package/es/globals/internal/icon-loader-utils.d.ts.map +1 -1
  216. package/es/globals/mixins/validity.d.ts +2 -1
  217. package/es/globals/mixins/validity.d.ts.map +1 -1
  218. package/es/globals/mixins/validity.js.map +1 -1
  219. package/es/index.js +1 -1
  220. package/es-custom/components/accordion/accordion.scss.js +1 -1
  221. package/es-custom/components/ai-label/ai-label.scss.js +1 -1
  222. package/es-custom/components/ai-skeleton/ai-skeleton.scss.js +1 -1
  223. package/es-custom/components/badge-indicator/badge-indicator.scss.js +1 -1
  224. package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
  225. package/es-custom/components/button/button.d.ts +1 -1
  226. package/es-custom/components/button/button.js +1 -1
  227. package/es-custom/components/button/button.js.map +1 -1
  228. package/es-custom/components/button/button.scss.js +1 -1
  229. package/es-custom/components/checkbox/checkbox.scss.js +1 -1
  230. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  231. package/es-custom/components/combo-box/combo-box.scss.js +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/content-switcher/content-switcher.scss.js +1 -1
  235. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  236. package/es-custom/components/data-table/data-table.scss.js +1 -1
  237. package/es-custom/components/date-picker/date-picker.scss.js +1 -1
  238. package/es-custom/components/date-picker/date-picker.scss.js.map +1 -1
  239. package/es-custom/components/dialog/dialog-body.js +1 -1
  240. package/es-custom/components/dialog/dialog-close-button.js +1 -1
  241. package/es-custom/components/dialog/dialog-footer.js +1 -1
  242. package/es-custom/components/dialog/dialog-subtitle.js +1 -1
  243. package/es-custom/components/dialog/dialog-title.js +1 -1
  244. package/es-custom/components/dialog/dialog.d.ts +18 -7
  245. package/es-custom/components/dialog/dialog.d.ts.map +1 -1
  246. package/es-custom/components/dialog/dialog.js +51 -17
  247. package/es-custom/components/dialog/dialog.js.map +1 -1
  248. package/es-custom/components/dialog/dialog.scss.js +1 -1
  249. package/es-custom/components/dialog/dialog.scss.js.map +1 -1
  250. package/es-custom/components/dropdown/dropdown.d.ts +3 -2
  251. package/es-custom/components/dropdown/dropdown.d.ts.map +1 -1
  252. package/es-custom/components/dropdown/dropdown.js +9 -2
  253. package/es-custom/components/dropdown/dropdown.js.map +1 -1
  254. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  255. package/es-custom/components/feature-flags/index.d.ts.map +1 -1
  256. package/es-custom/components/feature-flags/index.js +8 -3
  257. package/es-custom/components/feature-flags/index.js.map +1 -1
  258. package/es-custom/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  259. package/es-custom/components/file-uploader/file-uploader-button.js +3 -2
  260. package/es-custom/components/file-uploader/file-uploader-button.js.map +1 -1
  261. package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts +1 -1
  262. package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  263. package/es-custom/components/file-uploader/file-uploader-drop-container.js +3 -2
  264. package/es-custom/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  265. package/es-custom/components/file-uploader/file-uploader-item.d.ts +4 -0
  266. package/es-custom/components/file-uploader/file-uploader-item.d.ts.map +1 -1
  267. package/es-custom/components/file-uploader/file-uploader-item.js +6 -0
  268. package/es-custom/components/file-uploader/file-uploader-item.js.map +1 -1
  269. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  270. package/es-custom/components/file-uploader/file-uploader.scss.js.map +1 -1
  271. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  272. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  273. package/es-custom/components/fluid-form/fluid-form.d.ts +19 -0
  274. package/es-custom/components/fluid-form/fluid-form.d.ts.map +1 -0
  275. package/es-custom/components/fluid-form/fluid-form.js +44 -0
  276. package/es-custom/components/fluid-form/fluid-form.js.map +1 -0
  277. package/es-custom/components/fluid-form/fluid-form.scss.js +14 -0
  278. package/es-custom/components/fluid-form/fluid-form.scss.js.map +1 -0
  279. package/es-custom/components/fluid-form/index.d.ts +8 -0
  280. package/es-custom/components/fluid-form/index.d.ts.map +1 -0
  281. package/es-custom/components/fluid-form/index.js +8 -0
  282. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  283. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  284. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js.map +1 -1
  285. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  286. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js.map +1 -1
  287. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  288. package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
  289. package/es-custom/components/fluid-select/fluid-select.scss.js.map +1 -1
  290. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  291. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js.map +1 -1
  292. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  293. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js.map +1 -1
  294. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  295. package/es-custom/components/form/form-item.scss.js +1 -1
  296. package/es-custom/components/form/form.scss.js +1 -1
  297. package/es-custom/components/form-group/form-group.scss.js +1 -1
  298. package/es-custom/components/heading/heading.scss.js +1 -1
  299. package/es-custom/components/icon/icon.d.ts +1 -1
  300. package/es-custom/components/icon-button/icon-button.scss.js +1 -1
  301. package/es-custom/components/icon-indicator/icon-indicator.scss.js +1 -1
  302. package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
  303. package/es-custom/components/link/link.d.ts +1 -1
  304. package/es-custom/components/link/link.d.ts.map +1 -1
  305. package/es-custom/components/link/link.js.map +1 -1
  306. package/es-custom/components/link/link.scss.js +1 -1
  307. package/es-custom/components/list/list.scss.js +1 -1
  308. package/es-custom/components/loading/loading.scss.js +1 -1
  309. package/es-custom/components/menu/menu-item.scss.js +1 -1
  310. package/es-custom/components/menu/menu.scss.js +1 -1
  311. package/es-custom/components/menu-button/menu-button.scss.js +1 -1
  312. package/es-custom/components/modal/modal-base.d.ts +144 -0
  313. package/es-custom/components/modal/modal-base.d.ts.map +1 -0
  314. package/es-custom/components/modal/modal-base.js +229 -0
  315. package/es-custom/components/modal/modal-base.js.map +1 -0
  316. package/es-custom/components/modal/modal.d.ts +15 -89
  317. package/es-custom/components/modal/modal.d.ts.map +1 -1
  318. package/es-custom/components/modal/modal.js +66 -169
  319. package/es-custom/components/modal/modal.js.map +1 -1
  320. package/es-custom/components/modal/modal.scss.js +1 -1
  321. package/es-custom/components/modal/modal.scss.js.map +1 -1
  322. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  323. package/es-custom/components/notification/actionable-notification.d.ts +1 -1
  324. package/es-custom/components/notification/actionable-notification.scss.js +1 -1
  325. package/es-custom/components/notification/callout-notification.d.ts +1 -1
  326. package/es-custom/components/notification/inline-notification.d.ts +1 -1
  327. package/es-custom/components/notification/inline-notification.scss.js +1 -1
  328. package/es-custom/components/notification/toast-notification.scss.js +1 -1
  329. package/es-custom/components/number-input/number-input.scss.js +1 -1
  330. package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
  331. package/es-custom/components/page-header/index.d.ts +4 -0
  332. package/es-custom/components/page-header/index.d.ts.map +1 -1
  333. package/es-custom/components/page-header/page-header-breadcrumb.d.ts +7 -0
  334. package/es-custom/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
  335. package/es-custom/components/page-header/page-header-breadcrumb.js +7 -0
  336. package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
  337. package/es-custom/components/page-header/page-header-content-text.d.ts +7 -0
  338. package/es-custom/components/page-header/page-header-content-text.d.ts.map +1 -1
  339. package/es-custom/components/page-header/page-header-content-text.js +7 -0
  340. package/es-custom/components/page-header/page-header-content-text.js.map +1 -1
  341. package/es-custom/components/page-header/page-header-content.d.ts +7 -0
  342. package/es-custom/components/page-header/page-header-content.d.ts.map +1 -1
  343. package/es-custom/components/page-header/page-header-content.js +7 -0
  344. package/es-custom/components/page-header/page-header-content.js.map +1 -1
  345. package/es-custom/components/page-header/page-header-hero-image.d.ts +7 -0
  346. package/es-custom/components/page-header/page-header-hero-image.d.ts.map +1 -1
  347. package/es-custom/components/page-header/page-header-hero-image.js +7 -0
  348. package/es-custom/components/page-header/page-header-hero-image.js.map +1 -1
  349. package/es-custom/components/page-header/page-header-tabs.d.ts +7 -0
  350. package/es-custom/components/page-header/page-header-tabs.d.ts.map +1 -1
  351. package/es-custom/components/page-header/page-header-tabs.js +7 -0
  352. package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
  353. package/es-custom/components/page-header/page-header.d.ts +7 -0
  354. package/es-custom/components/page-header/page-header.d.ts.map +1 -1
  355. package/es-custom/components/page-header/page-header.js +7 -0
  356. package/es-custom/components/page-header/page-header.js.map +1 -1
  357. package/es-custom/components/page-header/page-header.scss.js +1 -1
  358. package/es-custom/components/page-header/page-header.scss.js.map +1 -1
  359. package/es-custom/components/pagination/pagination.scss.js +1 -1
  360. package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
  361. package/es-custom/components/password-input/password-input.d.ts.map +1 -1
  362. package/es-custom/components/password-input/password-input.js +1 -1
  363. package/es-custom/components/password-input/password-input.js.map +1 -1
  364. package/es-custom/components/password-input/password-input.scss.js +1 -1
  365. package/es-custom/components/popover/popover.scss.js +1 -1
  366. package/es-custom/components/progress-bar/progress-bar.scss.js +1 -1
  367. package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
  368. package/es-custom/components/radio-button/radio-button.scss.js +1 -1
  369. package/es-custom/components/search/search.d.ts +4 -0
  370. package/es-custom/components/search/search.d.ts.map +1 -1
  371. package/es-custom/components/search/search.js +4 -1
  372. package/es-custom/components/search/search.js.map +1 -1
  373. package/es-custom/components/search/search.scss.js +1 -1
  374. package/es-custom/components/select/select.scss.js +1 -1
  375. package/es-custom/components/shape-indicator/shape-indicator.scss.js +1 -1
  376. package/es-custom/components/side-panel/side-panel.d.ts +1 -1
  377. package/es-custom/components/side-panel/side-panel.js +1 -1
  378. package/es-custom/components/side-panel/side-panel.js.map +1 -1
  379. package/es-custom/components/skeleton-icon/skeleton-icon.scss.js +1 -1
  380. package/es-custom/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
  381. package/es-custom/components/skeleton-text/skeleton-text.scss.js +1 -1
  382. package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
  383. package/es-custom/components/slider/slider.scss.js +1 -1
  384. package/es-custom/components/slug/slug.scss.js +1 -1
  385. package/es-custom/components/stack/stack.scss.js +1 -1
  386. package/es-custom/components/structured-list/structured-list.scss.js +1 -1
  387. package/es-custom/components/tabs/stories/tabs-wrapper.d.ts +4 -0
  388. package/es-custom/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
  389. package/es-custom/components/tabs/stories/tabs-wrapper.js +22 -10
  390. package/es-custom/components/tabs/stories/tabs-wrapper.js.map +1 -1
  391. package/es-custom/components/tabs/tab.d.ts +34 -1
  392. package/es-custom/components/tabs/tab.d.ts.map +1 -1
  393. package/es-custom/components/tabs/tab.js +36 -3
  394. package/es-custom/components/tabs/tab.js.map +1 -1
  395. package/es-custom/components/tabs/tabs.d.ts +12 -0
  396. package/es-custom/components/tabs/tabs.d.ts.map +1 -1
  397. package/es-custom/components/tabs/tabs.js +36 -10
  398. package/es-custom/components/tabs/tabs.js.map +1 -1
  399. package/es-custom/components/tabs/tabs.scss.js +1 -1
  400. package/es-custom/components/tabs/tabs.scss.js.map +1 -1
  401. package/es-custom/components/tag/tag.scss.js +1 -1
  402. package/es-custom/components/tearsheet/tearsheet.d.ts +1 -1
  403. package/es-custom/components/tearsheet/tearsheet.js +1 -1
  404. package/es-custom/components/tearsheet/tearsheet.js.map +1 -1
  405. package/es-custom/components/text-input/text-input.d.ts +2 -1
  406. package/es-custom/components/text-input/text-input.d.ts.map +1 -1
  407. package/es-custom/components/text-input/text-input.scss.js +1 -1
  408. package/es-custom/components/textarea/textarea.scss.js +1 -1
  409. package/es-custom/components/tile/clickable-tile.d.ts +1 -1
  410. package/es-custom/components/tile/clickable-tile.d.ts.map +1 -1
  411. package/es-custom/components/tile/clickable-tile.js +6 -1
  412. package/es-custom/components/tile/clickable-tile.js.map +1 -1
  413. package/es-custom/components/tile/radio-tile.d.ts +4 -1
  414. package/es-custom/components/tile/radio-tile.d.ts.map +1 -1
  415. package/es-custom/components/tile/radio-tile.js +23 -6
  416. package/es-custom/components/tile/radio-tile.js.map +1 -1
  417. package/es-custom/components/tile/selectable-tile.d.ts +1 -1
  418. package/es-custom/components/tile/tile.scss.js +1 -1
  419. package/es-custom/components/tile/tile.scss.js.map +1 -1
  420. package/es-custom/components/time-picker/time-picker.d.ts +2 -1
  421. package/es-custom/components/time-picker/time-picker.d.ts.map +1 -1
  422. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  423. package/es-custom/components/toggle/toggle.scss.js +1 -1
  424. package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
  425. package/es-custom/components/tooltip/tooltip.scss.js +1 -1
  426. package/es-custom/components/tree-view/tree-view.scss.js +1 -1
  427. package/es-custom/components/ui-shell/header.scss.js +1 -1
  428. package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
  429. package/es-custom/globals/decorators/carbon-element.js.map +1 -1
  430. package/es-custom/globals/directives/spread.d.ts +1 -1
  431. package/es-custom/globals/directives/spread.d.ts.map +1 -1
  432. package/es-custom/globals/internal/icon-loader-utils.d.ts +1 -1
  433. package/es-custom/globals/internal/icon-loader-utils.d.ts.map +1 -1
  434. package/es-custom/globals/mixins/validity.d.ts +2 -1
  435. package/es-custom/globals/mixins/validity.d.ts.map +1 -1
  436. package/es-custom/globals/mixins/validity.js.map +1 -1
  437. package/es-custom/index.js +1 -1
  438. package/lib/components/button/button.d.ts +1 -1
  439. package/lib/components/dialog/dialog.d.ts +18 -7
  440. package/lib/components/dialog/dialog.d.ts.map +1 -1
  441. package/lib/components/dropdown/dropdown.d.ts +3 -2
  442. package/lib/components/dropdown/dropdown.d.ts.map +1 -1
  443. package/lib/components/feature-flags/index.d.ts.map +1 -1
  444. package/lib/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  445. package/lib/components/file-uploader/file-uploader-drop-container.d.ts +1 -1
  446. package/lib/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  447. package/lib/components/file-uploader/file-uploader-item.d.ts +4 -0
  448. package/lib/components/file-uploader/file-uploader-item.d.ts.map +1 -1
  449. package/lib/components/fluid-form/fluid-form.d.ts +19 -0
  450. package/lib/components/fluid-form/fluid-form.d.ts.map +1 -0
  451. package/lib/components/fluid-form/index.d.ts +8 -0
  452. package/lib/components/fluid-form/index.d.ts.map +1 -0
  453. package/lib/components/icon/icon.d.ts +1 -1
  454. package/lib/components/link/link.d.ts +1 -1
  455. package/lib/components/link/link.d.ts.map +1 -1
  456. package/lib/components/modal/modal-base.d.ts +144 -0
  457. package/lib/components/modal/modal-base.d.ts.map +1 -0
  458. package/lib/components/modal/modal.d.ts +15 -89
  459. package/lib/components/modal/modal.d.ts.map +1 -1
  460. package/lib/components/notification/actionable-notification.d.ts +1 -1
  461. package/lib/components/notification/callout-notification.d.ts +1 -1
  462. package/lib/components/notification/inline-notification.d.ts +1 -1
  463. package/lib/components/page-header/index.d.ts +4 -0
  464. package/lib/components/page-header/index.d.ts.map +1 -1
  465. package/lib/components/page-header/page-header-breadcrumb.d.ts +7 -0
  466. package/lib/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
  467. package/lib/components/page-header/page-header-content-text.d.ts +7 -0
  468. package/lib/components/page-header/page-header-content-text.d.ts.map +1 -1
  469. package/lib/components/page-header/page-header-content.d.ts +7 -0
  470. package/lib/components/page-header/page-header-content.d.ts.map +1 -1
  471. package/lib/components/page-header/page-header-hero-image.d.ts +7 -0
  472. package/lib/components/page-header/page-header-hero-image.d.ts.map +1 -1
  473. package/lib/components/page-header/page-header-tabs.d.ts +7 -0
  474. package/lib/components/page-header/page-header-tabs.d.ts.map +1 -1
  475. package/lib/components/page-header/page-header.d.ts +7 -0
  476. package/lib/components/page-header/page-header.d.ts.map +1 -1
  477. package/lib/components/password-input/password-input.d.ts.map +1 -1
  478. package/lib/components/search/search.d.ts +4 -0
  479. package/lib/components/search/search.d.ts.map +1 -1
  480. package/lib/components/side-panel/side-panel.d.ts +1 -1
  481. package/lib/components/tabs/stories/tabs-wrapper.d.ts +4 -0
  482. package/lib/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
  483. package/lib/components/tabs/tab.d.ts +34 -1
  484. package/lib/components/tabs/tab.d.ts.map +1 -1
  485. package/lib/components/tabs/tabs.d.ts +12 -0
  486. package/lib/components/tabs/tabs.d.ts.map +1 -1
  487. package/lib/components/tearsheet/tearsheet.d.ts +1 -1
  488. package/lib/components/text-input/text-input.d.ts +2 -1
  489. package/lib/components/text-input/text-input.d.ts.map +1 -1
  490. package/lib/components/tile/clickable-tile.d.ts +1 -1
  491. package/lib/components/tile/clickable-tile.d.ts.map +1 -1
  492. package/lib/components/tile/radio-tile.d.ts +4 -1
  493. package/lib/components/tile/radio-tile.d.ts.map +1 -1
  494. package/lib/components/tile/selectable-tile.d.ts +1 -1
  495. package/lib/components/time-picker/time-picker.d.ts +2 -1
  496. package/lib/components/time-picker/time-picker.d.ts.map +1 -1
  497. package/lib/globals/directives/spread.d.ts +1 -1
  498. package/lib/globals/directives/spread.d.ts.map +1 -1
  499. package/lib/globals/internal/icon-loader-utils.d.ts +1 -1
  500. package/lib/globals/internal/icon-loader-utils.d.ts.map +1 -1
  501. package/lib/globals/mixins/validity.d.ts +2 -1
  502. package/lib/globals/mixins/validity.d.ts.map +1 -1
  503. package/package.json +13 -13
  504. package/scss/components/date-picker/date-picker.scss +2 -1
  505. package/scss/components/dialog/dialog.scss +10 -4
  506. package/scss/components/file-uploader/file-uploader.scss +4 -0
  507. package/scss/components/fluid-form/fluid-form.scss +24 -0
  508. package/scss/components/fluid-number-input/fluid-number-input.scss +3 -1
  509. package/scss/components/fluid-password-input/fluid-password-input.scss +1 -1
  510. package/scss/components/fluid-select/fluid-select.scss +3 -1
  511. package/scss/components/fluid-text-input/fluid-text-input.scss +3 -1
  512. package/scss/components/fluid-textarea/fluid-textarea.scss +3 -1
  513. package/scss/components/modal/modal.scss +28 -0
  514. package/scss/components/page-header/page-header.scss +2 -0
  515. package/scss/components/tabs/tabs.scss +121 -1
  516. package/scss/components/tile/tile.scss +67 -1
  517. package/telemetry.yml +10 -6
package/es-custom/components/select/select.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/select/select.scss?lit
10
- var select_default = css([".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)}@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}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[warn]) .cds-custom--select-input__wrapper~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.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--select,:host(cds-custom-select){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--select *,.cds-custom--select :after,.cds-custom--select :before,:host(cds-custom-select) *,:host(cds-custom-select) :after,:host(cds-custom-select) :before{box-sizing:inherit}.cds-custom--select,:host(cds-custom-select){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));align-items:flex-start;display:flex;flex-direction:column;inline-size:100%;position:relative}.cds-custom--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds-custom--select-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;inline-size:100%;opacity:1;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds-custom--select-input:-moz-focusring,.cds-custom--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds-custom--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select-input:focus{outline-style:dotted}}.cds-custom--select-input:focus{color:var(--cds-text-primary,#161616)}.cds-custom--select-input:disabled,.cds-custom--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select--disabled .cds-custom--form__helper-text,.cds-custom--select--disabled .cds-custom--label,:host(cds-custom-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-select[disabled]) .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--warning .cds-custom--select-input,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,:host(cds-custom-select[warn]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select-input:disabled~.cds-custom--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--light .cds-custom--select-input{background-color:var(--cds-field-02,#fff)}.cds-custom--select--light .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--light .cds-custom--select-input:disabled,.cds-custom--select--light .cds-custom--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--select__arrow path{fill:ButtonText}}.cds-custom--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds-custom--select-input--inline__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds-custom--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds-custom--select-option,optgroup.cds-custom--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--select-option:disabled,optgroup.cds-custom--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--inline,:host(cds-custom-select[inline]){align-items:center;display:flex;flex-direction:row}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label,:host(cds-custom-select[inline]) .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.cds-custom--select--inline .cds-custom--select-input,:host(cds-custom-select[inline]) .cds-custom--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds-custom--select--inline .cds-custom--select-input:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input:focus,.cds-custom--select--inline .cds-custom--select-input:focus optgroup,.cds-custom--select--inline .cds-custom--select-input:focus option,:host(cds-custom-select[inline]) .cds-custom--select-input:focus,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select-input:focus optgroup:hover,.cds-custom--select--inline .cds-custom--select-input:focus option:hover,.cds-custom--select--inline .cds-custom--select-input:focus:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input[disabled],.cds-custom--select--inline .cds-custom--select-input[disabled]:hover,:host(cds-custom-select[inline]) .cds-custom--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select__arrow,:host(cds-custom-select[inline]) .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input{padding-inline-end:3.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input~.cds-custom--select__invalid-icon--warning,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input~.cds-custom--select__invalid-icon--warning{inset-inline-end:2rem}.cds-custom--select--inline .cds-custom--select-input:disabled,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select--inline .cds-custom--select-input:disabled~*,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds-custom--select--readonly .cds-custom--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--readonly.cds-custom--select--inline .cds-custom--select-input:hover{background-color:transparent}.cds-custom--select.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--select.cds-custom--skeleton:active,.cds-custom--select.cds-custom--skeleton:focus,.cds-custom--select.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--select.cds-custom--skeleton:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--select.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--select.cds-custom--skeleton{background:CanvasText}.cds-custom--select.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--select.cds-custom--skeleton{block-size:2.5rem;inline-size:100%}.cds-custom--select.cds-custom--skeleton .cds-custom--select-input{display:none}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--slug .cds-custom--slug,:host(cds-custom-select[slug]) .cds-custom--ai-label,:host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:after,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--slug--revert:before,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:before,:host(cds-custom-select[slug]) .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert,.cds-custom--select--slug .cds-custom--ai-label--revert,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert{inset-inline-end:2.5625rem}.cds-custom--select--decorator .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--slug--revert:after,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:after,:host(cds-custom-select[slug]) .cds-custom--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds-custom--select--decorator .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[slug]) .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:5rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:4rem}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--slug),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:6rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--select-input-has--ai-label,:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:block}.cds-custom--select--fluid .cds-custom--select,.cds-custom--select--fluid :host(cds-custom-select){background:var(--cds-field);block-size:100%;position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--select--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--select--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--select--fluid .cds-custom--select-input{min-block-size:4rem;outline:none;padding:2rem 2rem .8125rem 1rem;text-overflow:ellipsis}.cds-custom--select--fluid .cds-custom--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds-custom--select--fluid .cds-custom--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select__divider{border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);margin:0 1rem}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds-custom--select--fluid .cds-custom--select--warning,.cds-custom--select--fluid :host(cds-custom-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--select--fluid .cds-custom--select-input__wrapper{display:block}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input:not(:focus),.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input:not(:focus){outline:none}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--form-requirement,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--select--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid]:hover+.cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider{border-color:transparent}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select--fluid--focus.cds-custom--select--warning{border-block-end:1px solid transparent}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-label,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button{pointer-events:none}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button svg,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--slug,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--ai-label,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:none}.cds-custom--select--fluid__skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6);position:relative}.cds-custom--select--fluid__skeleton .cds-custom--skeleton{block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.cds-custom--select--fluid__skeleton .cds-custom--label{block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem;padding:0;position:absolute}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-custom-select){--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;outline:none}:host(cds-custom-select) ::slotted(cds-custom-ai-label),:host(cds-custom-select) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-custom-select) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-select) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):after,:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-custom-select[readonly]) select{pointer-events:none}:host(cds-custom-select[pagination]) .cds-custom--label{margin:0}:host(cds-custom-select[pagination]) .cds-custom--select-input{padding:0 2.25rem 0 1rem}:host(cds-custom-select[pagination]) .cds-custom--select-input:focus{background-color:transparent}:host(cds-custom-select[pagination]) .cds-custom--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-custom-select[pagination][left-select]) .cds-custom--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-custom-select[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-select[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[warn]) ::slotted(cds-custom-slug){inset-inline-end:3rem}:host(cds-custom-select[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)}:host(cds-custom-select[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[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)}:host(cds-custom-select[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[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)}:host(cds-custom-select[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)}"]);
10
+ var select_default = css([".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)}@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}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton: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--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[warn]) .cds-custom--select-input__wrapper~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.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--select,:host(cds-custom-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--select *,.cds-custom--select :after,.cds-custom--select :before,:host(cds-custom-select) *,:host(cds-custom-select) :after,:host(cds-custom-select) :before{box-sizing:inherit}.cds-custom--select,:host(cds-custom-select){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));position:relative;display:flex;flex-direction:column;align-items:flex-start;inline-size:100%}.cds-custom--select-input__wrapper{position:relative;display:flex;align-items:center;inline-size:100%}.cds-custom--select-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-xs)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));display:block;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;inline-size:100%;opacity:1;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds-custom--select-input:-moz-focusring,.cds-custom--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds-custom--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select-input:focus{outline-style:dotted}}.cds-custom--select-input:focus{color:var(--cds-text-primary,#161616)}.cds-custom--select-input:disabled,.cds-custom--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--disabled .cds-custom--form__helper-text,.cds-custom--select--disabled .cds-custom--label,:host(cds-custom-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-select[disabled]) .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--warning .cds-custom--select-input,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,:host(cds-custom-select[warn]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select-input:disabled~.cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--light .cds-custom--select-input{background-color:var(--cds-field-02,#fff)}.cds-custom--select--light .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--light .cds-custom--select-input:disabled,.cds-custom--select--light .cds-custom--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select__arrow{position:absolute;block-size:100%;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--select__arrow path{fill:ButtonText}}.cds-custom--select__invalid-icon{position:absolute;inset-inline-end:2.5rem}.cds-custom--select-input--inline__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds-custom--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds-custom--select-option,optgroup.cds-custom--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--select-option:disabled,optgroup.cds-custom--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--inline,:host(cds-custom-select[inline]){display:flex;flex-direction:row;align-items:center}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label,:host(cds-custom-select[inline]) .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.cds-custom--select--inline .cds-custom--select-input,:host(cds-custom-select[inline]) .cds-custom--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds-custom--select--inline .cds-custom--select-input:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input:focus,.cds-custom--select--inline .cds-custom--select-input:focus optgroup,.cds-custom--select--inline .cds-custom--select-input:focus option,:host(cds-custom-select[inline]) .cds-custom--select-input:focus,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select-input:focus optgroup:hover,.cds-custom--select--inline .cds-custom--select-input:focus option:hover,.cds-custom--select--inline .cds-custom--select-input:focus:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input[disabled],.cds-custom--select--inline .cds-custom--select-input[disabled]:hover,:host(cds-custom-select[inline]) .cds-custom--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select__arrow,:host(cds-custom-select[inline]) .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input{padding-inline-end:3.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input~.cds-custom--select__invalid-icon--warning,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input~.cds-custom--select__invalid-icon--warning{inset-inline-end:2rem}.cds-custom--select--inline .cds-custom--select-input:disabled,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds-custom--select--inline .cds-custom--select-input:disabled~*,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds-custom--select--readonly .cds-custom--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--readonly.cds-custom--select--inline .cds-custom--select-input:hover{background-color:transparent}.cds-custom--select.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--select.cds-custom--skeleton:active,.cds-custom--select.cds-custom--skeleton:focus,.cds-custom--select.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--select.cds-custom--skeleton: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--select.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--select.cds-custom--skeleton{background:CanvasText}.cds-custom--select.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--select.cds-custom--skeleton{block-size:2.5rem;inline-size:100%}.cds-custom--select.cds-custom--skeleton .cds-custom--select-input{display:none}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--slug .cds-custom--slug,:host(cds-custom-select[slug]) .cds-custom--ai-label,:host(cds-custom-select[slug]) .cds-custom--slug{position:absolute;inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;transform:translateY(-50%)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:after,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--slug:before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--slug--revert:before,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:before,:host(cds-custom-select[slug]) .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert,.cds-custom--select--slug .cds-custom--ai-label--revert,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert{inset-inline-end:2.5625rem}.cds-custom--select--decorator .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--slug--revert:after,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:after,:host(cds-custom-select[slug]) .cds-custom--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds-custom--select--decorator .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[slug]) .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:5rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:4rem}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--slug),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:6rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--select-input-has--ai-label,:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:block}.cds-custom--select--fluid .cds-custom--select,.cds-custom--select--fluid :host(cds-custom-select){position:relative;background:var(--cds-field);block-size:100%;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--label{position:absolute;z-index:1;display:flex;align-items:center;margin:0;block-size:1rem;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--select--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--select--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--select--fluid .cds-custom--select-input{padding:2rem 2rem .8125rem 1rem;min-block-size:4rem;outline:none;text-overflow:ellipsis}.cds-custom--select--fluid .cds-custom--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds-custom--select--fluid .cds-custom--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select__divider{display:block;border:none;margin:0 1rem;border-block-end:1px solid var(--cds-border-subtle);inline-size:calc(100% - 2rem)}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds-custom--select--fluid .cds-custom--select--warning,.cds-custom--select--fluid :host(cds-custom-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--select--fluid .cds-custom--select-input__wrapper{display:block}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input:not(:focus),.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input:not(:focus){outline:none}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--form-requirement,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--form-requirement{display:block;overflow:visible;max-block-size:100%}.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--select--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid]:hover+.cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider{border-color:transparent}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select--fluid--focus.cds-custom--select--warning{border-block-end:1px solid transparent}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-label,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button{pointer-events:none}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button svg,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--slug,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--ai-label,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:none}.cds-custom--select--fluid__skeleton{position:relative;background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds-custom--select--fluid__skeleton .cds-custom--skeleton{position:absolute;block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem}.cds-custom--select--fluid__skeleton .cds-custom--label{position:absolute;padding:0;block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem}.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}:host(cds-custom-select){--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;outline:none}:host(cds-custom-select) ::slotted(cds-custom-ai-label),:host(cds-custom-select) ::slotted(cds-custom-slug){position:absolute;inset-block-start:50%;inset-inline-end:3rem}:host(cds-custom-select) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-select) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):after,:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{position:absolute;background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-custom-select[readonly]) select{pointer-events:none}:host(cds-custom-select[pagination]) .cds-custom--label{margin:0}:host(cds-custom-select[pagination]) .cds-custom--select-input{padding:0 2.25rem 0 1rem}:host(cds-custom-select[pagination]) .cds-custom--select-input:focus{background-color:transparent}:host(cds-custom-select[pagination]) .cds-custom--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-custom-select[pagination][left-select]) .cds-custom--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-custom-select[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-select[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[warn]) ::slotted(cds-custom-slug){inset-inline-end:3rem}:host(cds-custom-select[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)}:host(cds-custom-select[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[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)}:host(cds-custom-select[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-select[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)}:host(cds-custom-select[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)}"]);
11
11
  //#endregion
12
12
  export { select_default as default };
13
13
 
package/es-custom/components/shape-indicator/shape-indicator.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/shape-indicator/shape-indicator.scss?lit
10
- var shape_indicator_default = css([".cds-custom--shape-indicator,:host(cds-custom-shape-indicator){color:var(--cds-text-secondary,#525252);display:flex;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333)}.cds-custom--shape-indicator svg,:host(cds-custom-shape-indicator) svg{align-self:center;margin-inline-end:.5rem}.cds-custom--shape-indicator--14,:host(cds-custom-shape-indicator[text-size=\"14\"]){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--shape-indicator--failed,:host(cds-custom-shape-indicator[kind=failed]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--shape-indicator--critical,:host(cds-custom-shape-indicator[kind=critical]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--shape-indicator--high,:host(cds-custom-shape-indicator[kind=high]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--shape-indicator--medium,:host(cds-custom-shape-indicator[kind=medium]) svg{fill:var(--cds-status-orange,#ff832b)}.cds-custom--shape-indicator--medium path:first-of-type,:host(cds-custom-shape-indicator[kind=medium]) svg path:first-of-type{fill:var(--cds-status-orange-outline,#ba4e00)}.cds-custom--shape-indicator--low,:host(cds-custom-shape-indicator[kind=low]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds-custom--shape-indicator--low path:nth-of-type(2),:host(cds-custom-shape-indicator[kind=low]) svg path:nth-of-type(2){fill:var(--cds-status-yellow-outline,#8e6a00)}.cds-custom--shape-indicator--cautious,:host(cds-custom-shape-indicator[kind=cautious]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds-custom--shape-indicator--cautious path:first-of-type,:host(cds-custom-shape-indicator[kind=cautious]) svg path:first-of-type{fill:var(--cds-status-yellow-outline,#8e6a00)}.cds-custom--shape-indicator--undefined,:host(cds-custom-shape-indicator[kind=undefined]) svg{fill:var(--cds-status-purple,#8a3ffc)}.cds-custom--shape-indicator--stable,:host(cds-custom-shape-indicator[kind=stable]) svg{fill:var(--cds-status-green,#24a148)}.cds-custom--shape-indicator--informative,:host(cds-custom-shape-indicator[kind=informative]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--shape-indicator--incomplete path:nth-of-type(2),:host(cds-custom-shape-indicator[kind=incomplete]) svg path:nth-of-type(2){fill:var(--cds-status-blue,#0043ce)}.cds-custom--shape-indicator--draft,:host(cds-custom-shape-indicator[kind=draft]) svg{fill:var(--cds-status-gray,#6f6f6f)}"]);
10
+ var shape_indicator_default = css([".cds-custom--shape-indicator,:host(cds-custom-shape-indicator){font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:flex;color:var(--cds-text-secondary,#525252)}.cds-custom--shape-indicator svg,:host(cds-custom-shape-indicator) svg{align-self:center;margin-inline-end:.5rem}.cds-custom--shape-indicator--14,:host(cds-custom-shape-indicator[text-size=\"14\"]){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds-custom--shape-indicator--failed,:host(cds-custom-shape-indicator[kind=failed]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--shape-indicator--critical,:host(cds-custom-shape-indicator[kind=critical]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--shape-indicator--high,:host(cds-custom-shape-indicator[kind=high]) svg{fill:var(--cds-status-red,#da1e28)}.cds-custom--shape-indicator--medium,:host(cds-custom-shape-indicator[kind=medium]) svg{fill:var(--cds-status-orange,#ff832b)}.cds-custom--shape-indicator--medium path:first-of-type,:host(cds-custom-shape-indicator[kind=medium]) svg path:first-of-type{fill:var(--cds-status-orange-outline,#ba4e00)}.cds-custom--shape-indicator--low,:host(cds-custom-shape-indicator[kind=low]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds-custom--shape-indicator--low path:nth-of-type(2),:host(cds-custom-shape-indicator[kind=low]) svg path:nth-of-type(2){fill:var(--cds-status-yellow-outline,#8e6a00)}.cds-custom--shape-indicator--cautious,:host(cds-custom-shape-indicator[kind=cautious]) svg{fill:var(--cds-status-yellow,#f1c21b)}.cds-custom--shape-indicator--cautious path:first-of-type,:host(cds-custom-shape-indicator[kind=cautious]) svg path:first-of-type{fill:var(--cds-status-yellow-outline,#8e6a00)}.cds-custom--shape-indicator--undefined,:host(cds-custom-shape-indicator[kind=undefined]) svg{fill:var(--cds-status-purple,#8a3ffc)}.cds-custom--shape-indicator--stable,:host(cds-custom-shape-indicator[kind=stable]) svg{fill:var(--cds-status-green,#24a148)}.cds-custom--shape-indicator--informative,:host(cds-custom-shape-indicator[kind=informative]) svg{fill:var(--cds-status-blue,#0043ce)}.cds-custom--shape-indicator--incomplete path:nth-of-type(2),:host(cds-custom-shape-indicator[kind=incomplete]) svg path:nth-of-type(2){fill:var(--cds-status-blue,#0043ce)}.cds-custom--shape-indicator--draft,:host(cds-custom-shape-indicator[kind=draft]) svg{fill:var(--cds-status-gray,#6f6f6f)}"]);
11
11
  //#endregion
12
12
  export { shape_indicator_default as default };
13
13
 
package/es-custom/components/side-panel/side-panel.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2023, 2024
2
+ * Copyright IBM Corp. 2023, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
package/es-custom/components/side-panel/side-panel.js CHANGED
@@ -23,7 +23,7 @@ import ArrowLeft16 from "@carbon/icons/es/arrow--left/16.js";
23
23
  import { moderate02 } from "@carbon/motion";
24
24
  //#region src/components/side-panel/side-panel.ts
25
25
  /**
26
- * Copyright IBM Corp. 2023, 2024
26
+ * Copyright IBM Corp. 2023, 2026
27
27
  *
28
28
  * This source code is licensed under the Apache-2.0 license found in the
29
29
  * LICENSE file in the root directory of this source tree.
package/es-custom/components/side-panel/side-panel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"side-panel.js","names":["customElement"],"sources":["../../../src/components/side-panel/side-panel.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 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\nimport { LitElement, html } from 'lit';\nimport {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT } from './defs';\nimport { selectorTabbable } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport ArrowLeft16 from '@carbon/icons/es/arrow--left/16.js';\nimport Close20 from '@carbon/icons/es/close/20.js';\nimport { moderate02 } from '@carbon/motion';\nimport '../button/index';\nimport '../icon-button/index';\nimport '../layer/index';\nimport Handle from '../../globals/internal/handle';\nimport '../button/button-set-base';\n\nexport { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT };\n\nconst PRECEDING =\n Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;\n\nconst FOLLOWING =\n Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;\n\nconst blockClass = `${prefix}--side-panel`;\nconst blockClassActionSet = `${prefix}--action-set`;\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/**\n * Tries to focus on the given elements and bails out if one of them is successful.\n *\n * @param elems The elements.\n * @param reverse `true` to go through the list in reverse order.\n * @returns `true` if one of the attempts is successful, `false` otherwise.\n */\nfunction tryFocusElems(elems: NodeListOf<HTMLElement>, reverse: boolean) {\n if (!reverse) {\n for (let i = 0; i < elems.length; ++i) {\n const elem = elems[i];\n elem.focus();\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n if (elem.ownerDocument!.activeElement === elem) {\n return true;\n }\n }\n } else {\n for (let i = elems.length - 1; i >= 0; --i) {\n const elem = elems[i];\n elem.focus();\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n if (elem.ownerDocument!.activeElement === elem) {\n return true;\n }\n }\n }\n return false;\n}\n\n/**\n * SidePanel.\n *\n * @deprecated Use Carbon for IBM Products `side-panel` component.\n * This component has been deprecated in `@carbon/web-components` and will instead be maintained\n * in the Carbon for IBM Products library:\n * https://github.com/carbon-design-system/ibm-products/tree/main/packages/ibm-products-web-components\n * @element cds-custom-side-panel\n * @csspart dialog The dialog.\n * @fires cds-custom-side-panel-beingclosed\n * The custom event fired before this side-panel is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this side-panel.\n * @fires cds-custom-side-panel-closed - The custom event fired after this side-panel is closed upon a user gesture.\n * @fires cds-custom-side-panel-navigate-back - custom event fired when clicking navigate back (available when step > 0)\n */\n@customElement(`${prefix}-side-panel`)\nclass CDSSidePanel extends HostListenerMixin(LitElement) {\n /**\n * The handle for observing resize of the parent element of this element.\n */\n private _hObserveResize: Handle | null = null;\n\n /**\n * The element that had focus before this side-panel gets open.\n */\n private _launcher: Element | null = null;\n\n /**\n * Node to track focus going outside of side-panel content.\n */\n @query('#start-sentinel')\n private _startSentinelNode!: HTMLAnchorElement;\n\n /**\n * Node to track focus going outside of side-panel content.\n */\n @query('#end-sentinel')\n private _endSentinelNode!: HTMLAnchorElement;\n\n /**\n * Node to track side panel.\n */\n @query(`.${blockClass}`)\n private _sidePanel!: HTMLDivElement;\n\n @query(`.${blockClass}__animated-scroll-wrapper`)\n private _animateScrollWrapper?: HTMLElement;\n\n @query(`.${blockClass}__label-text`)\n private _label!: HTMLElement;\n\n @query(`.${blockClass}__title-text`)\n private _title!: HTMLElement;\n\n @query(`.${blockClass}__subtitle-text`)\n private _subtitle!: HTMLElement;\n\n @query(`.${blockClass}__inner-content`)\n private _innerContent!: HTMLElement;\n\n @queryAssignedElements({ slot: 'actions', selector: `${prefix}-button` })\n private _actions!: Array<HTMLElement>;\n\n @state()\n _doAnimateTitle = true;\n\n @state()\n _isOpen = false;\n\n @state()\n _containerScrollTop = -16;\n\n @state()\n _hasSubtitle = false;\n\n @state()\n _hasSlug = false;\n\n @state()\n _hasActionToolbar = false;\n\n @state()\n _actionsCount = 0;\n\n @state()\n _slugCloseSize = 'sm';\n\n /**\n * Handles `blur` event on this element.\n *\n * @param event The event.\n * @param event.target The event target.\n * @param event.relatedTarget The event relatedTarget.\n */\n @HostListener('shadowRoot:focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleBlur = async ({ target, relatedTarget }: FocusEvent) => {\n const {\n open,\n _startSentinelNode: startSentinelNode,\n _endSentinelNode: endSentinelNode,\n } = this;\n\n const oldContains = target !== this && this.contains(target as Node);\n const currentContains =\n relatedTarget !== this &&\n (this.contains(relatedTarget as Node) ||\n (this.shadowRoot?.contains(relatedTarget as Node) &&\n relatedTarget !== (startSentinelNode as Node) &&\n relatedTarget !== (endSentinelNode as Node)));\n\n // Performs focus wrapping if _all_ of the following is met:\n // * This side-panel is open\n // * The viewport still has focus\n // * SidePanel body used to have focus but no longer has focus\n const { selectorTabbable: selectorTabbableForSidePanel } = this\n .constructor as typeof CDSSidePanel;\n\n if (open && relatedTarget && oldContains && !currentContains) {\n const comparisonResult = (target as Node).compareDocumentPosition(\n relatedTarget as Node\n );\n\n if (relatedTarget === startSentinelNode || comparisonResult & PRECEDING) {\n await (this.constructor as typeof CDSSidePanel)._delay();\n if (\n !tryFocusElems(\n this.querySelectorAll(selectorTabbableForSidePanel),\n true\n ) &&\n relatedTarget !== this\n ) {\n this.focus();\n }\n } else if (\n relatedTarget === endSentinelNode ||\n comparisonResult & FOLLOWING\n ) {\n await (this.constructor as typeof CDSSidePanel)._delay();\n if (\n !tryFocusElems(\n this.querySelectorAll(selectorTabbableForSidePanel),\n true\n )\n ) {\n this.focus();\n }\n }\n }\n };\n\n @HostListener('document:keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n if (key === 'Esc' || key === 'Escape') {\n this._handleUserInitiatedClose(target);\n }\n };\n\n private _reducedMotion =\n typeof window !== 'undefined' && window?.matchMedia\n ? window.matchMedia('(prefers-reduced-motion: reduce)')\n : { matches: true };\n\n /**\n * Handles `click` event on the side-panel container.\n *\n * @param event The event.\n */\n private _handleClickOnOverlay(event: MouseEvent) {\n if (!this.preventCloseOnClickOutside) {\n this._handleUserInitiatedClose(event.target);\n }\n }\n\n /**\n * Handles `click` event on the side-panel container.\n *\n * @param event The event.\n */\n private _handleCloseClick(event: MouseEvent) {\n this._handleUserInitiatedClose(event.target);\n }\n\n /**\n * Handles user-initiated close request of this side-panel.\n *\n * @param triggeredBy The element that triggered this close request.\n */\n private _handleUserInitiatedClose(triggeredBy: EventTarget | null) {\n if (this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventBeforeClose,\n init\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventClose,\n init\n )\n );\n }\n }\n }\n\n private _handleNavigateBack(triggeredBy: EventTarget | null) {\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventNavigateBack,\n {\n composed: true,\n detail: {\n triggeredBy,\n },\n }\n )\n );\n }\n\n private _adjustPageContent = () => {\n // sets/resets styles based on slideIn property and selectorPageContent;\n if (this.selectorPageContent) {\n const pageContentEl: HTMLElement | null = document.querySelector(\n this.selectorPageContent\n );\n\n if (pageContentEl) {\n const newValues = {\n marginInlineStart: '',\n marginInlineEnd: '',\n inlineSize: '',\n transition: this._reducedMotion.matches\n ? 'none'\n : `all ${moderate02}`,\n transitionProperty: 'margin-inline-start, margin-inline-end',\n };\n if (this.open) {\n newValues.inlineSize = 'auto';\n if (this.placement === 'left') {\n newValues.marginInlineStart = `${this?._sidePanel?.offsetWidth}px`;\n } else {\n newValues.marginInlineEnd = `${this?._sidePanel?.offsetWidth}px`;\n }\n }\n\n Object.keys(newValues).forEach((key) => {\n pageContentEl.style[key] = newValues[key];\n });\n }\n }\n };\n\n private _checkSetOpen = () => {\n const { _sidePanel: sidePanel } = this;\n if (sidePanel && this._isOpen) {\n if (this._reducedMotion) {\n this._isOpen = false;\n } else {\n // wait until the side panel has transitioned off the screen to remove\n sidePanel.addEventListener('transitionend', () => {\n this._isOpen = false;\n });\n }\n } else {\n // allow the html to render before animating in the side panel\n this._isOpen = this.open;\n }\n };\n\n private _checkUpdateIconButtonSizes = () => {\n const slug = this.querySelector(`${prefix}-slug`);\n const otherButtons = this?.shadowRoot?.querySelectorAll(\n '#nav-back-button, #close-button'\n );\n\n let iconButtonSize = 'sm';\n\n if (slug || otherButtons?.length) {\n const actions = this?.querySelectorAll?.(\n `${prefix}-button[slot='actions']`\n );\n\n if (actions?.length && /l/.test(this.size)) {\n iconButtonSize = 'md';\n }\n }\n\n if (slug) {\n slug?.setAttribute('size', iconButtonSize);\n }\n\n if (otherButtons) {\n [...otherButtons].forEach((btn) => {\n btn.setAttribute('size', iconButtonSize);\n });\n }\n };\n\n private _handleSlugChange(e: Event) {\n this._checkUpdateIconButtonSizes();\n const childItems = (e.target as HTMLSlotElement).assignedElements();\n\n this._hasSlug = childItems.length > 0;\n }\n\n private _handleSubtitleChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const subtitle = target?.assignedElements();\n\n this._hasSubtitle = subtitle.length > 0;\n }\n\n private _handleActionToolbarChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const toolbarActions = target?.assignedElements();\n\n this._hasActionToolbar = toolbarActions && toolbarActions.length > 0;\n\n if (this._hasActionToolbar) {\n for (const toolbarAction of toolbarActions) {\n // toolbar actions size should always be sm\n toolbarAction.setAttribute('size', 'sm');\n }\n }\n }\n\n private _checkUpdateActionSizes = () => {\n if (this._actions) {\n for (let i = 0; i < this._actions.length; i++) {\n this._actions[i].setAttribute(\n 'size',\n this.condensedActions ? 'lg' : 'xl'\n );\n }\n }\n };\n\n private _maxActions = 3;\n private _handleActionsChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const actions = target?.assignedElements();\n\n // update slug size\n this._checkUpdateIconButtonSizes();\n\n const actionsCount = actions?.length ?? 0;\n if (actionsCount > this._maxActions) {\n this._actionsCount = this._maxActions;\n if (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line no-console -- https://github.com/carbon-design-system/carbon/issues/20452\n console.error(`Too many side-panel actions, max ${this._maxActions}.`);\n }\n } else {\n this._actionsCount = actionsCount;\n }\n\n for (let i = 0; i < actions?.length; i++) {\n if (i + 1 > this._maxActions) {\n // hide excessive side panel actions\n actions[i].setAttribute('hidden', 'true');\n actions[i].setAttribute(\n `data-actions-limit-${this._maxActions}-exceeded`,\n `${actions.length}`\n );\n } else {\n actions[i].classList.add(`${blockClassActionSet}__action-button`);\n }\n }\n this._checkUpdateActionSizes();\n }\n\n private _checkSetDoAnimateTitle = () => {\n let canDoAnimateTitle = false;\n\n if (\n this._sidePanel &&\n this.open &&\n this.animateTitle &&\n this?.title?.length &&\n !this._reducedMotion.matches\n ) {\n const scrollAnimationDistance = this._getScrollAnimationDistance();\n // used to calculate the header moves\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-distance`,\n `${scrollAnimationDistance}`\n );\n\n let scrollEl = this._animateScrollWrapper;\n if (!scrollEl && this.animateTitle && !this._doAnimateTitle) {\n scrollEl = this._innerContent;\n }\n\n if (scrollEl) {\n const innerComputed = window?.getComputedStyle(this._innerContent);\n const innerPaddingHeight = innerComputed\n ? parseFloat(innerComputed?.paddingTop) +\n parseFloat(innerComputed?.paddingBottom)\n : 0;\n\n canDoAnimateTitle =\n (!!this.labelText || !!this._hasActionToolbar || this._hasSubtitle) &&\n scrollEl.scrollHeight - scrollEl.clientHeight >=\n scrollAnimationDistance + innerPaddingHeight;\n }\n }\n\n this._doAnimateTitle = canDoAnimateTitle;\n };\n\n /**\n * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n */\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(() => {\n if (this._sidePanel) {\n this._checkSetDoAnimateTitle();\n }\n });\n\n private _getScrollAnimationDistance = () => {\n const labelHeight = this?._label?.offsetHeight ?? 0;\n const subtitleHeight = this?._subtitle?.offsetHeight ?? 0;\n const titleVerticalBorder = this._hasActionToolbar\n ? this._title.offsetHeight - this._title.clientHeight\n : 0;\n\n return labelHeight + subtitleHeight + titleVerticalBorder;\n };\n\n private _scrollObserver = () => {\n const scrollTop = this._animateScrollWrapper?.scrollTop ?? 0;\n const scrollAnimationDistance = this._getScrollAnimationDistance();\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-progress`,\n `${\n Math.min(scrollTop, scrollAnimationDistance) / scrollAnimationDistance\n }`\n );\n };\n\n private _handleCurrentStepUpdate = () => {\n const scrollable = this._animateScrollWrapper ?? this._innerContent;\n if (scrollable) {\n scrollable.scrollTop = 0;\n }\n };\n\n /**\n * Determines if the title will animate on scroll\n */\n @property({ reflect: true, attribute: 'animate-title', type: Boolean })\n animateTitle = true;\n\n /**\n * Sets the close button icon description\n */\n @property({ reflect: true, attribute: 'close-icon-description' })\n closeIconDescription = 'Close';\n\n /**\n * Determines whether the side panel should render the condensed version (affects action buttons primarily)\n */\n @property({ type: Boolean, reflect: true, attribute: 'condensed-actions' })\n condensedActions = false;\n\n /**\n * Sets the current step of the side panel\n */\n @property({ reflect: true, attribute: 'current-step', type: Number })\n currentStep;\n\n /**\n * Determines whether the side panel should render with an overlay\n */\n @property({ attribute: 'include-overlay', type: Boolean, reflect: true })\n includeOverlay = false;\n\n /**\n * Sets the label text which will display above the title text\n */\n @property({ reflect: true, attribute: 'label-text' })\n labelText;\n\n /**\n * Sets the icon description for the navigation back icon button\n */\n @property({ reflect: true, attribute: 'navigation-back-icon-description' })\n navigationBackIconDescription = 'Back';\n\n /**\n * `true` if the side-panel should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * SidePanel placement.\n */\n @property({ reflect: true, type: String })\n placement = SIDE_PANEL_PLACEMENT.RIGHT;\n\n /**\n * Prevent closing on click outside of side-panel\n */\n @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n preventCloseOnClickOutside = false;\n\n /**\n * The initial location of focus in the side panel\n */\n @property({\n reflect: true,\n attribute: 'selector-initial-focus',\n type: String,\n })\n selectorInitialFocus;\n\n /**\n * Selector for page content, used to push content to side except\n */\n @property({ reflect: true, attribute: 'selector-page-content' })\n selectorPageContent = '';\n\n /**\n * SidePanel size.\n */\n @property({ reflect: true, type: String })\n size = SIDE_PANEL_SIZE.MEDIUM;\n\n /**\n * Determines if this panel slides in\n */\n @property({ attribute: 'slide-in', type: Boolean, reflect: true })\n slideIn = false;\n\n /**\n * Sets the title text\n */\n @property({ reflect: false, type: String })\n title;\n\n async connectObservers() {\n await this.updateComplete;\n this._hObserveResize = observeResize(this._resizeObserver, this._sidePanel);\n }\n\n disconnectObservers() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.disconnectObservers();\n this.connectObservers();\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.disconnectObservers();\n }\n\n render() {\n const {\n closeIconDescription,\n condensedActions,\n currentStep,\n includeOverlay,\n labelText,\n navigationBackIconDescription,\n open,\n placement,\n size,\n slideIn,\n title,\n } = this;\n\n if (!open && !this._isOpen) {\n return html``;\n }\n\n const actionsMultiple = ['', 'single', 'double', 'triple'][\n this._actionsCount\n ];\n\n const titleTemplate = html`<div\n class=${`${blockClass}__title`}\n ?no-label=${!!labelText}>\n <h2 class=${title ? `${blockClass}__title-text` : ''} title=${title}>\n ${title}\n </h2>\n\n ${this._doAnimateTitle\n ? html`<h2\n class=${`${blockClass}__collapsed-title-text`}\n title=${title}\n aria-hidden=\"true\">\n ${title}\n </h2>`\n : ''}\n </div>`;\n\n const headerHasTitleClass = this.title\n ? ` ${blockClass}__header--has-title `\n : '';\n const headerTemplate = html`\n <div\n class=${`${blockClass}__header${headerHasTitleClass}`}\n ?detail-step=${currentStep > 0}\n ?no-title-animation=${!this._doAnimateTitle}\n ?reduced-motion=${this._reducedMotion.matches}>\n <!-- render back button -->\n ${currentStep > 0\n ? html`<cds-custom-icon-button\n align=\"bottom-left\"\n aria-label=${navigationBackIconDescription}\n kind=\"ghost\"\n size=\"sm\"\n class=${`${prefix}--btn ${blockClass}__navigation-back-button`}\n @click=${this._handleNavigateBack}>\n ${iconLoader(ArrowLeft16, { slot: 'icon' })}\n <span slot=\"tooltip-content\">\n ${navigationBackIconDescription}\n </span>\n </cds-custom-icon-button>`\n : ''}\n\n <!-- render title label -->\n ${title?.length && labelText?.length\n ? html` <p class=${`${blockClass}__label-text`}>${labelText}</p>`\n : ''}\n\n <!-- title -->\n ${title ? titleTemplate : ''}\n\n <!-- render slug and close button area -->\n <div class=${`${blockClass}__slug-and-close`}>\n <slot name=\"slug\" @slotchange=${this._handleSlugChange}></slot>\n <!-- {normalizedSlug} -->\n <cds-custom-icon-button\n align=\"bottom-right\"\n aria-label=${closeIconDescription}\n kind=\"ghost\"\n size=\"sm\"\n class=${`${blockClass}__close-button`}\n @click=${this._handleCloseClick}>\n ${iconLoader(Close20, { slot: 'icon' })}\n <span slot=\"tooltip-content\"> ${closeIconDescription} </span>\n </cds-custom-icon-button>\n </div>\n\n <!-- render sub title -->\n <p\n class=${this._hasSubtitle ? `${blockClass}__subtitle-text` : ''}\n ?hidden=${!this._hasSubtitle}\n ?no-title-animation=${!this._doAnimateTitle}\n ?no-action-toolbar=${!this._hasActionToolbar}\n ?no-title=${!title}>\n <slot\n name=\"subtitle\"\n @slotchange=${this._handleSubtitleChange}></slot>\n </p>\n\n <div\n class=${this._hasActionToolbar ? `${blockClass}__action-toolbar` : ''}\n ?hidden=${!this._hasActionToolbar}\n ?no-title-animation=${!this._doAnimateTitle}>\n <slot\n name=\"action-toolbar\"\n @slotchange=${this._handleActionToolbarChange}></slot>\n </div>\n </div>\n `;\n\n const mainTemplate = html`<div\n class=${`${blockClass}__inner-content`}\n ?scrolls=${!this._doAnimateTitle}>\n <cds-custom-layer level=\"1\">\n <slot></slot>\n </cds-custom-layer>\n </div> `;\n\n const sidePanelAnimateTitleClass = this._doAnimateTitle\n ? ` ${blockClass}--animated-title`\n : '';\n\n return html`\n <div\n class=${`${blockClass}${sidePanelAnimateTitleClass}`}\n part=\"dialog\"\n role=\"complementary\"\n placement=\"${placement}\"\n ?has-slug=${this._hasSlug}\n ?open=${this._isOpen}\n ?opening=${open && !this._isOpen}\n ?closing=${!open && this._isOpen}\n ?condensed-actions=${condensedActions}\n ?overlay=${includeOverlay || slideIn}\n ?slide-in=${slideIn}\n size=${size}>\n <a\n id=\"start-sentinel\"\n class=\"sentinel\"\n hidden\n href=\"javascript:void 0\"\n role=\"navigation\"></a>\n\n ${this._doAnimateTitle\n ? html`<div class=${`${blockClass}__animated-scroll-wrapper`} scrolls>\n ${headerTemplate} ${mainTemplate}\n </div>`\n : html` ${headerTemplate} ${mainTemplate}`}\n\n <cds-custom-button-set-base\n class=${`${blockClass}__actions-container`}\n ?hidden=${this._actionsCount === 0}\n ?condensed=${condensedActions}\n actions-multiple=${actionsMultiple}\n size=${size}>\n <slot name=\"actions\" @slotchange=${this._handleActionsChange}></slot>\n </cds-custom-button-set-base>\n\n <a\n id=\"end-sentinel\"\n class=\"sentinel\"\n hidden\n href=\"javascript:void 0\"\n role=\"navigation\"></a>\n </div>\n\n ${includeOverlay\n ? html`<div\n ?slide-in=${slideIn}\n class=${`${blockClass}__overlay`}\n ?open=${this.open}\n ?opening=${open && !this._isOpen}\n ?closing=${!open && this._isOpen}\n tabindex=\"-1\"\n @click=${this._handleClickOnOverlay}></div>`\n : ''}\n `;\n }\n\n async updated(changedProperties) {\n if (changedProperties.has('condensedActions')) {\n this._checkUpdateActionSizes();\n }\n\n if (changedProperties.has('currentStep')) {\n this._handleCurrentStepUpdate();\n }\n\n if (changedProperties.has('_doAnimateTitle')) {\n this?._animateScrollWrapper?.removeEventListener(\n 'scroll',\n this._scrollObserver\n );\n\n if (this._doAnimateTitle) {\n this?._animateScrollWrapper?.addEventListener(\n 'scroll',\n this._scrollObserver\n );\n } else {\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-progress`,\n '0'\n );\n }\n }\n\n if (\n changedProperties.has('_isOpen') ||\n changedProperties.has('animateTitle')\n ) {\n /* @state property changed */\n this._checkSetDoAnimateTitle();\n }\n\n if (\n changedProperties.has('slideIn') ||\n changedProperties.has('open') ||\n changedProperties.has('includeOverlay')\n ) {\n this._adjustPageContent();\n }\n\n if (changedProperties.has('open')) {\n this._checkSetOpen();\n\n this.disconnectObservers();\n if (this.open) {\n this.connectObservers();\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n this._launcher = this.ownerDocument!.activeElement;\n const focusNode =\n this.selectorInitialFocus &&\n this.querySelector(this.selectorInitialFocus);\n\n await (this.constructor as typeof CDSSidePanel)._delay();\n if (focusNode) {\n // For cases where a `carbon-web-components` component (e.g. `<cds-custom-button>`) being `primaryFocusNode`,\n // where its first update/render cycle that makes it focusable happens after `<cds-custom-side-panel>`'s first update/render cycle\n (focusNode as HTMLElement).focus();\n } else if (\n !tryFocusElems(\n this.querySelectorAll(\n (this.constructor as typeof CDSSidePanel).selectorTabbable\n ),\n true\n )\n ) {\n this.focus();\n }\n } else if (\n this._launcher &&\n typeof (this._launcher as HTMLElement).focus === 'function'\n ) {\n (this._launcher as HTMLElement).focus();\n this._launcher = null;\n }\n }\n }\n\n /**\n * @param ms The number of milliseconds.\n * @returns A promise that is resolves after the given milliseconds.\n */\n private static _delay(ms = 0) {\n return new Promise((resolve) => {\n setTimeout(resolve, ms);\n });\n }\n\n /**\n * A selector selecting tabbable nodes.\n */\n static get selectorTabbable() {\n return selectorTabbable;\n }\n\n /**\n * The name of the custom event fired before this side-panel is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this side-panel.\n */\n static get eventBeforeClose() {\n return `${prefix}-side-panel-beingclosed`;\n }\n\n /**\n * The name of the custom event fired after this side-panel is closed upon a user gesture.\n */\n static get eventClose() {\n return `${prefix}-side-panel-closed`;\n }\n\n /**\n * The name of the custom event fired on clicking the navigate back button\n */\n static get eventNavigateBack() {\n return `${prefix}-side-panel-navigate-back`;\n }\n}\n\nexport default CDSSidePanel;\n"],"mappings":"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"}
1
+ {"version":3,"file":"side-panel.js","names":["customElement"],"sources":["../../../src/components/side-panel/side-panel.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023, 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 {\n property,\n query,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT } from './defs';\nimport { selectorTabbable } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport ArrowLeft16 from '@carbon/icons/es/arrow--left/16.js';\nimport Close20 from '@carbon/icons/es/close/20.js';\nimport { moderate02 } from '@carbon/motion';\nimport '../button/index';\nimport '../icon-button/index';\nimport '../layer/index';\nimport Handle from '../../globals/internal/handle';\nimport '../button/button-set-base';\n\nexport { SIDE_PANEL_SIZE, SIDE_PANEL_PLACEMENT };\n\nconst PRECEDING =\n Node.DOCUMENT_POSITION_PRECEDING | Node.DOCUMENT_POSITION_CONTAINS;\n\nconst FOLLOWING =\n Node.DOCUMENT_POSITION_FOLLOWING | Node.DOCUMENT_POSITION_CONTAINED_BY;\n\nconst blockClass = `${prefix}--side-panel`;\nconst blockClassActionSet = `${prefix}--action-set`;\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/**\n * Tries to focus on the given elements and bails out if one of them is successful.\n *\n * @param elems The elements.\n * @param reverse `true` to go through the list in reverse order.\n * @returns `true` if one of the attempts is successful, `false` otherwise.\n */\nfunction tryFocusElems(elems: NodeListOf<HTMLElement>, reverse: boolean) {\n if (!reverse) {\n for (let i = 0; i < elems.length; ++i) {\n const elem = elems[i];\n elem.focus();\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n if (elem.ownerDocument!.activeElement === elem) {\n return true;\n }\n }\n } else {\n for (let i = elems.length - 1; i >= 0; --i) {\n const elem = elems[i];\n elem.focus();\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n if (elem.ownerDocument!.activeElement === elem) {\n return true;\n }\n }\n }\n return false;\n}\n\n/**\n * SidePanel.\n *\n * @deprecated Use Carbon for IBM Products `side-panel` component.\n * This component has been deprecated in `@carbon/web-components` and will instead be maintained\n * in the Carbon for IBM Products library:\n * https://github.com/carbon-design-system/ibm-products/tree/main/packages/ibm-products-web-components\n * @element cds-custom-side-panel\n * @csspart dialog The dialog.\n * @fires cds-custom-side-panel-beingclosed\n * The custom event fired before this side-panel is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this side-panel.\n * @fires cds-custom-side-panel-closed - The custom event fired after this side-panel is closed upon a user gesture.\n * @fires cds-custom-side-panel-navigate-back - custom event fired when clicking navigate back (available when step > 0)\n */\n@customElement(`${prefix}-side-panel`)\nclass CDSSidePanel extends HostListenerMixin(LitElement) {\n /**\n * The handle for observing resize of the parent element of this element.\n */\n private _hObserveResize: Handle | null = null;\n\n /**\n * The element that had focus before this side-panel gets open.\n */\n private _launcher: Element | null = null;\n\n /**\n * Node to track focus going outside of side-panel content.\n */\n @query('#start-sentinel')\n private _startSentinelNode!: HTMLAnchorElement;\n\n /**\n * Node to track focus going outside of side-panel content.\n */\n @query('#end-sentinel')\n private _endSentinelNode!: HTMLAnchorElement;\n\n /**\n * Node to track side panel.\n */\n @query(`.${blockClass}`)\n private _sidePanel!: HTMLDivElement;\n\n @query(`.${blockClass}__animated-scroll-wrapper`)\n private _animateScrollWrapper?: HTMLElement;\n\n @query(`.${blockClass}__label-text`)\n private _label!: HTMLElement;\n\n @query(`.${blockClass}__title-text`)\n private _title!: HTMLElement;\n\n @query(`.${blockClass}__subtitle-text`)\n private _subtitle!: HTMLElement;\n\n @query(`.${blockClass}__inner-content`)\n private _innerContent!: HTMLElement;\n\n @queryAssignedElements({ slot: 'actions', selector: `${prefix}-button` })\n private _actions!: Array<HTMLElement>;\n\n @state()\n _doAnimateTitle = true;\n\n @state()\n _isOpen = false;\n\n @state()\n _containerScrollTop = -16;\n\n @state()\n _hasSubtitle = false;\n\n @state()\n _hasSlug = false;\n\n @state()\n _hasActionToolbar = false;\n\n @state()\n _actionsCount = 0;\n\n @state()\n _slugCloseSize = 'sm';\n\n /**\n * Handles `blur` event on this element.\n *\n * @param event The event.\n * @param event.target The event target.\n * @param event.relatedTarget The event relatedTarget.\n */\n @HostListener('shadowRoot:focusout')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleBlur = async ({ target, relatedTarget }: FocusEvent) => {\n const {\n open,\n _startSentinelNode: startSentinelNode,\n _endSentinelNode: endSentinelNode,\n } = this;\n\n const oldContains = target !== this && this.contains(target as Node);\n const currentContains =\n relatedTarget !== this &&\n (this.contains(relatedTarget as Node) ||\n (this.shadowRoot?.contains(relatedTarget as Node) &&\n relatedTarget !== (startSentinelNode as Node) &&\n relatedTarget !== (endSentinelNode as Node)));\n\n // Performs focus wrapping if _all_ of the following is met:\n // * This side-panel is open\n // * The viewport still has focus\n // * SidePanel body used to have focus but no longer has focus\n const { selectorTabbable: selectorTabbableForSidePanel } = this\n .constructor as typeof CDSSidePanel;\n\n if (open && relatedTarget && oldContains && !currentContains) {\n const comparisonResult = (target as Node).compareDocumentPosition(\n relatedTarget as Node\n );\n\n if (relatedTarget === startSentinelNode || comparisonResult & PRECEDING) {\n await (this.constructor as typeof CDSSidePanel)._delay();\n if (\n !tryFocusElems(\n this.querySelectorAll(selectorTabbableForSidePanel),\n true\n ) &&\n relatedTarget !== this\n ) {\n this.focus();\n }\n } else if (\n relatedTarget === endSentinelNode ||\n comparisonResult & FOLLOWING\n ) {\n await (this.constructor as typeof CDSSidePanel)._delay();\n if (\n !tryFocusElems(\n this.querySelectorAll(selectorTabbableForSidePanel),\n true\n )\n ) {\n this.focus();\n }\n }\n }\n };\n\n @HostListener('document:keydown')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n if (key === 'Esc' || key === 'Escape') {\n this._handleUserInitiatedClose(target);\n }\n };\n\n private _reducedMotion =\n typeof window !== 'undefined' && window?.matchMedia\n ? window.matchMedia('(prefers-reduced-motion: reduce)')\n : { matches: true };\n\n /**\n * Handles `click` event on the side-panel container.\n *\n * @param event The event.\n */\n private _handleClickOnOverlay(event: MouseEvent) {\n if (!this.preventCloseOnClickOutside) {\n this._handleUserInitiatedClose(event.target);\n }\n }\n\n /**\n * Handles `click` event on the side-panel container.\n *\n * @param event The event.\n */\n private _handleCloseClick(event: MouseEvent) {\n this._handleUserInitiatedClose(event.target);\n }\n\n /**\n * Handles user-initiated close request of this side-panel.\n *\n * @param triggeredBy The element that triggered this close request.\n */\n private _handleUserInitiatedClose(triggeredBy: EventTarget | null) {\n if (this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventBeforeClose,\n init\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventClose,\n init\n )\n );\n }\n }\n }\n\n private _handleNavigateBack(triggeredBy: EventTarget | null) {\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSSidePanel).eventNavigateBack,\n {\n composed: true,\n detail: {\n triggeredBy,\n },\n }\n )\n );\n }\n\n private _adjustPageContent = () => {\n // sets/resets styles based on slideIn property and selectorPageContent;\n if (this.selectorPageContent) {\n const pageContentEl: HTMLElement | null = document.querySelector(\n this.selectorPageContent\n );\n\n if (pageContentEl) {\n const newValues = {\n marginInlineStart: '',\n marginInlineEnd: '',\n inlineSize: '',\n transition: this._reducedMotion.matches\n ? 'none'\n : `all ${moderate02}`,\n transitionProperty: 'margin-inline-start, margin-inline-end',\n };\n if (this.open) {\n newValues.inlineSize = 'auto';\n if (this.placement === 'left') {\n newValues.marginInlineStart = `${this?._sidePanel?.offsetWidth}px`;\n } else {\n newValues.marginInlineEnd = `${this?._sidePanel?.offsetWidth}px`;\n }\n }\n\n Object.keys(newValues).forEach((key) => {\n pageContentEl.style[key] = newValues[key];\n });\n }\n }\n };\n\n private _checkSetOpen = () => {\n const { _sidePanel: sidePanel } = this;\n if (sidePanel && this._isOpen) {\n if (this._reducedMotion) {\n this._isOpen = false;\n } else {\n // wait until the side panel has transitioned off the screen to remove\n sidePanel.addEventListener('transitionend', () => {\n this._isOpen = false;\n });\n }\n } else {\n // allow the html to render before animating in the side panel\n this._isOpen = this.open;\n }\n };\n\n private _checkUpdateIconButtonSizes = () => {\n const slug = this.querySelector(`${prefix}-slug`);\n const otherButtons = this?.shadowRoot?.querySelectorAll(\n '#nav-back-button, #close-button'\n );\n\n let iconButtonSize = 'sm';\n\n if (slug || otherButtons?.length) {\n const actions = this?.querySelectorAll?.(\n `${prefix}-button[slot='actions']`\n );\n\n if (actions?.length && /l/.test(this.size)) {\n iconButtonSize = 'md';\n }\n }\n\n if (slug) {\n slug?.setAttribute('size', iconButtonSize);\n }\n\n if (otherButtons) {\n [...otherButtons].forEach((btn) => {\n btn.setAttribute('size', iconButtonSize);\n });\n }\n };\n\n private _handleSlugChange(e: Event) {\n this._checkUpdateIconButtonSizes();\n const childItems = (e.target as HTMLSlotElement).assignedElements();\n\n this._hasSlug = childItems.length > 0;\n }\n\n private _handleSubtitleChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const subtitle = target?.assignedElements();\n\n this._hasSubtitle = subtitle.length > 0;\n }\n\n private _handleActionToolbarChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const toolbarActions = target?.assignedElements();\n\n this._hasActionToolbar = toolbarActions && toolbarActions.length > 0;\n\n if (this._hasActionToolbar) {\n for (const toolbarAction of toolbarActions) {\n // toolbar actions size should always be sm\n toolbarAction.setAttribute('size', 'sm');\n }\n }\n }\n\n private _checkUpdateActionSizes = () => {\n if (this._actions) {\n for (let i = 0; i < this._actions.length; i++) {\n this._actions[i].setAttribute(\n 'size',\n this.condensedActions ? 'lg' : 'xl'\n );\n }\n }\n };\n\n private _maxActions = 3;\n private _handleActionsChange(e: Event) {\n const target = e.target as HTMLSlotElement;\n const actions = target?.assignedElements();\n\n // update slug size\n this._checkUpdateIconButtonSizes();\n\n const actionsCount = actions?.length ?? 0;\n if (actionsCount > this._maxActions) {\n this._actionsCount = this._maxActions;\n if (process.env.NODE_ENV === 'development') {\n // eslint-disable-next-line no-console\n console.error(`Too many side-panel actions, max ${this._maxActions}.`);\n }\n } else {\n this._actionsCount = actionsCount;\n }\n\n for (let i = 0; i < actions?.length; i++) {\n if (i + 1 > this._maxActions) {\n // hide excessive side panel actions\n actions[i].setAttribute('hidden', 'true');\n actions[i].setAttribute(\n `data-actions-limit-${this._maxActions}-exceeded`,\n `${actions.length}`\n );\n } else {\n actions[i].classList.add(`${blockClassActionSet}__action-button`);\n }\n }\n this._checkUpdateActionSizes();\n }\n\n private _checkSetDoAnimateTitle = () => {\n let canDoAnimateTitle = false;\n\n if (\n this._sidePanel &&\n this.open &&\n this.animateTitle &&\n this?.title?.length &&\n !this._reducedMotion.matches\n ) {\n const scrollAnimationDistance = this._getScrollAnimationDistance();\n // used to calculate the header moves\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-distance`,\n `${scrollAnimationDistance}`\n );\n\n let scrollEl = this._animateScrollWrapper;\n if (!scrollEl && this.animateTitle && !this._doAnimateTitle) {\n scrollEl = this._innerContent;\n }\n\n if (scrollEl) {\n const innerComputed = window?.getComputedStyle(this._innerContent);\n const innerPaddingHeight = innerComputed\n ? parseFloat(innerComputed?.paddingTop) +\n parseFloat(innerComputed?.paddingBottom)\n : 0;\n\n canDoAnimateTitle =\n (!!this.labelText || !!this._hasActionToolbar || this._hasSubtitle) &&\n scrollEl.scrollHeight - scrollEl.clientHeight >=\n scrollAnimationDistance + innerPaddingHeight;\n }\n }\n\n this._doAnimateTitle = canDoAnimateTitle;\n };\n\n /**\n * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n */\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(() => {\n if (this._sidePanel) {\n this._checkSetDoAnimateTitle();\n }\n });\n\n private _getScrollAnimationDistance = () => {\n const labelHeight = this?._label?.offsetHeight ?? 0;\n const subtitleHeight = this?._subtitle?.offsetHeight ?? 0;\n const titleVerticalBorder = this._hasActionToolbar\n ? this._title.offsetHeight - this._title.clientHeight\n : 0;\n\n return labelHeight + subtitleHeight + titleVerticalBorder;\n };\n\n private _scrollObserver = () => {\n const scrollTop = this._animateScrollWrapper?.scrollTop ?? 0;\n const scrollAnimationDistance = this._getScrollAnimationDistance();\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-progress`,\n `${\n Math.min(scrollTop, scrollAnimationDistance) / scrollAnimationDistance\n }`\n );\n };\n\n private _handleCurrentStepUpdate = () => {\n const scrollable = this._animateScrollWrapper ?? this._innerContent;\n if (scrollable) {\n scrollable.scrollTop = 0;\n }\n };\n\n /**\n * Determines if the title will animate on scroll\n */\n @property({ reflect: true, attribute: 'animate-title', type: Boolean })\n animateTitle = true;\n\n /**\n * Sets the close button icon description\n */\n @property({ reflect: true, attribute: 'close-icon-description' })\n closeIconDescription = 'Close';\n\n /**\n * Determines whether the side panel should render the condensed version (affects action buttons primarily)\n */\n @property({ type: Boolean, reflect: true, attribute: 'condensed-actions' })\n condensedActions = false;\n\n /**\n * Sets the current step of the side panel\n */\n @property({ reflect: true, attribute: 'current-step', type: Number })\n currentStep;\n\n /**\n * Determines whether the side panel should render with an overlay\n */\n @property({ attribute: 'include-overlay', type: Boolean, reflect: true })\n includeOverlay = false;\n\n /**\n * Sets the label text which will display above the title text\n */\n @property({ reflect: true, attribute: 'label-text' })\n labelText;\n\n /**\n * Sets the icon description for the navigation back icon button\n */\n @property({ reflect: true, attribute: 'navigation-back-icon-description' })\n navigationBackIconDescription = 'Back';\n\n /**\n * `true` if the side-panel should be open.\n */\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /**\n * SidePanel placement.\n */\n @property({ reflect: true, type: String })\n placement = SIDE_PANEL_PLACEMENT.RIGHT;\n\n /**\n * Prevent closing on click outside of side-panel\n */\n @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n preventCloseOnClickOutside = false;\n\n /**\n * The initial location of focus in the side panel\n */\n @property({\n reflect: true,\n attribute: 'selector-initial-focus',\n type: String,\n })\n selectorInitialFocus;\n\n /**\n * Selector for page content, used to push content to side except\n */\n @property({ reflect: true, attribute: 'selector-page-content' })\n selectorPageContent = '';\n\n /**\n * SidePanel size.\n */\n @property({ reflect: true, type: String })\n size = SIDE_PANEL_SIZE.MEDIUM;\n\n /**\n * Determines if this panel slides in\n */\n @property({ attribute: 'slide-in', type: Boolean, reflect: true })\n slideIn = false;\n\n /**\n * Sets the title text\n */\n @property({ reflect: false, type: String })\n title;\n\n async connectObservers() {\n await this.updateComplete;\n this._hObserveResize = observeResize(this._resizeObserver, this._sidePanel);\n }\n\n disconnectObservers() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.disconnectObservers();\n this.connectObservers();\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.disconnectObservers();\n }\n\n render() {\n const {\n closeIconDescription,\n condensedActions,\n currentStep,\n includeOverlay,\n labelText,\n navigationBackIconDescription,\n open,\n placement,\n size,\n slideIn,\n title,\n } = this;\n\n if (!open && !this._isOpen) {\n return html``;\n }\n\n const actionsMultiple = ['', 'single', 'double', 'triple'][\n this._actionsCount\n ];\n\n const titleTemplate = html`<div\n class=${`${blockClass}__title`}\n ?no-label=${!!labelText}>\n <h2 class=${title ? `${blockClass}__title-text` : ''} title=${title}>\n ${title}\n </h2>\n\n ${this._doAnimateTitle\n ? html`<h2\n class=${`${blockClass}__collapsed-title-text`}\n title=${title}\n aria-hidden=\"true\">\n ${title}\n </h2>`\n : ''}\n </div>`;\n\n const headerHasTitleClass = this.title\n ? ` ${blockClass}__header--has-title `\n : '';\n const headerTemplate = html`\n <div\n class=${`${blockClass}__header${headerHasTitleClass}`}\n ?detail-step=${currentStep > 0}\n ?no-title-animation=${!this._doAnimateTitle}\n ?reduced-motion=${this._reducedMotion.matches}>\n <!-- render back button -->\n ${currentStep > 0\n ? html`<cds-custom-icon-button\n align=\"bottom-left\"\n aria-label=${navigationBackIconDescription}\n kind=\"ghost\"\n size=\"sm\"\n class=${`${prefix}--btn ${blockClass}__navigation-back-button`}\n @click=${this._handleNavigateBack}>\n ${iconLoader(ArrowLeft16, { slot: 'icon' })}\n <span slot=\"tooltip-content\">\n ${navigationBackIconDescription}\n </span>\n </cds-custom-icon-button>`\n : ''}\n\n <!-- render title label -->\n ${title?.length && labelText?.length\n ? html` <p class=${`${blockClass}__label-text`}>${labelText}</p>`\n : ''}\n\n <!-- title -->\n ${title ? titleTemplate : ''}\n\n <!-- render slug and close button area -->\n <div class=${`${blockClass}__slug-and-close`}>\n <slot name=\"slug\" @slotchange=${this._handleSlugChange}></slot>\n <!-- {normalizedSlug} -->\n <cds-custom-icon-button\n align=\"bottom-right\"\n aria-label=${closeIconDescription}\n kind=\"ghost\"\n size=\"sm\"\n class=${`${blockClass}__close-button`}\n @click=${this._handleCloseClick}>\n ${iconLoader(Close20, { slot: 'icon' })}\n <span slot=\"tooltip-content\"> ${closeIconDescription} </span>\n </cds-custom-icon-button>\n </div>\n\n <!-- render sub title -->\n <p\n class=${this._hasSubtitle ? `${blockClass}__subtitle-text` : ''}\n ?hidden=${!this._hasSubtitle}\n ?no-title-animation=${!this._doAnimateTitle}\n ?no-action-toolbar=${!this._hasActionToolbar}\n ?no-title=${!title}>\n <slot\n name=\"subtitle\"\n @slotchange=${this._handleSubtitleChange}></slot>\n </p>\n\n <div\n class=${this._hasActionToolbar ? `${blockClass}__action-toolbar` : ''}\n ?hidden=${!this._hasActionToolbar}\n ?no-title-animation=${!this._doAnimateTitle}>\n <slot\n name=\"action-toolbar\"\n @slotchange=${this._handleActionToolbarChange}></slot>\n </div>\n </div>\n `;\n\n const mainTemplate = html`<div\n class=${`${blockClass}__inner-content`}\n ?scrolls=${!this._doAnimateTitle}>\n <cds-custom-layer level=\"1\">\n <slot></slot>\n </cds-custom-layer>\n </div> `;\n\n const sidePanelAnimateTitleClass = this._doAnimateTitle\n ? ` ${blockClass}--animated-title`\n : '';\n\n return html`\n <div\n class=${`${blockClass}${sidePanelAnimateTitleClass}`}\n part=\"dialog\"\n role=\"complementary\"\n placement=\"${placement}\"\n ?has-slug=${this._hasSlug}\n ?open=${this._isOpen}\n ?opening=${open && !this._isOpen}\n ?closing=${!open && this._isOpen}\n ?condensed-actions=${condensedActions}\n ?overlay=${includeOverlay || slideIn}\n ?slide-in=${slideIn}\n size=${size}>\n <a\n id=\"start-sentinel\"\n class=\"sentinel\"\n hidden\n href=\"javascript:void 0\"\n role=\"navigation\"></a>\n\n ${this._doAnimateTitle\n ? html`<div class=${`${blockClass}__animated-scroll-wrapper`} scrolls>\n ${headerTemplate} ${mainTemplate}\n </div>`\n : html` ${headerTemplate} ${mainTemplate}`}\n\n <cds-custom-button-set-base\n class=${`${blockClass}__actions-container`}\n ?hidden=${this._actionsCount === 0}\n ?condensed=${condensedActions}\n actions-multiple=${actionsMultiple}\n size=${size}>\n <slot name=\"actions\" @slotchange=${this._handleActionsChange}></slot>\n </cds-custom-button-set-base>\n\n <a\n id=\"end-sentinel\"\n class=\"sentinel\"\n hidden\n href=\"javascript:void 0\"\n role=\"navigation\"></a>\n </div>\n\n ${includeOverlay\n ? html`<div\n ?slide-in=${slideIn}\n class=${`${blockClass}__overlay`}\n ?open=${this.open}\n ?opening=${open && !this._isOpen}\n ?closing=${!open && this._isOpen}\n tabindex=\"-1\"\n @click=${this._handleClickOnOverlay}></div>`\n : ''}\n `;\n }\n\n async updated(changedProperties) {\n if (changedProperties.has('condensedActions')) {\n this._checkUpdateActionSizes();\n }\n\n if (changedProperties.has('currentStep')) {\n this._handleCurrentStepUpdate();\n }\n\n if (changedProperties.has('_doAnimateTitle')) {\n this?._animateScrollWrapper?.removeEventListener(\n 'scroll',\n this._scrollObserver\n );\n\n if (this._doAnimateTitle) {\n this?._animateScrollWrapper?.addEventListener(\n 'scroll',\n this._scrollObserver\n );\n } else {\n this?._sidePanel?.style?.setProperty(\n `--${blockClass}--scroll-animation-progress`,\n '0'\n );\n }\n }\n\n if (\n changedProperties.has('_isOpen') ||\n changedProperties.has('animateTitle')\n ) {\n /* @state property changed */\n this._checkSetDoAnimateTitle();\n }\n\n if (\n changedProperties.has('slideIn') ||\n changedProperties.has('open') ||\n changedProperties.has('includeOverlay')\n ) {\n this._adjustPageContent();\n }\n\n if (changedProperties.has('open')) {\n this._checkSetOpen();\n\n this.disconnectObservers();\n if (this.open) {\n this.connectObservers();\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n this._launcher = this.ownerDocument!.activeElement;\n const focusNode =\n this.selectorInitialFocus &&\n this.querySelector(this.selectorInitialFocus);\n\n await (this.constructor as typeof CDSSidePanel)._delay();\n if (focusNode) {\n // For cases where a `carbon-web-components` component (e.g. `<cds-custom-button>`) being `primaryFocusNode`,\n // where its first update/render cycle that makes it focusable happens after `<cds-custom-side-panel>`'s first update/render cycle\n (focusNode as HTMLElement).focus();\n } else if (\n !tryFocusElems(\n this.querySelectorAll(\n (this.constructor as typeof CDSSidePanel).selectorTabbable\n ),\n true\n )\n ) {\n this.focus();\n }\n } else if (\n this._launcher &&\n typeof (this._launcher as HTMLElement).focus === 'function'\n ) {\n (this._launcher as HTMLElement).focus();\n this._launcher = null;\n }\n }\n }\n\n /**\n * @param ms The number of milliseconds.\n * @returns A promise that is resolves after the given milliseconds.\n */\n private static _delay(ms = 0) {\n return new Promise((resolve) => {\n setTimeout(resolve, ms);\n });\n }\n\n /**\n * A selector selecting tabbable nodes.\n */\n static get selectorTabbable() {\n return selectorTabbable;\n }\n\n /**\n * The name of the custom event fired before this side-panel is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this side-panel.\n */\n static get eventBeforeClose() {\n return `${prefix}-side-panel-beingclosed`;\n }\n\n /**\n * The name of the custom event fired after this side-panel is closed upon a user gesture.\n */\n static get eventClose() {\n return `${prefix}-side-panel-closed`;\n }\n\n /**\n * The name of the custom event fired on clicking the navigate back button\n */\n static get eventNavigateBack() {\n return `${prefix}-side-panel-navigate-back`;\n }\n}\n\nexport default CDSSidePanel;\n"],"mappings":"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"}
package/es-custom/components/skeleton-icon/skeleton-icon.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/skeleton-icon/skeleton-icon.scss?lit
10
- var skeleton_icon_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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton,:host(cds-custom-skeleton-icon){background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--skeleton:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton,:host(cds-custom-skeleton-icon){background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton,:host(cds-custom-skeleton-icon){block-size:1rem;display:inline-block;inline-size:1rem}.cds-custom--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}:host(cds-custom-skeleton-icon){background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}:host(cds-custom-skeleton-icon):active,:host(cds-custom-skeleton-icon):focus,:host(cds-custom-skeleton-icon):hover{border:none;cursor:default;outline:none}:host(cds-custom-skeleton-icon):before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-custom-skeleton-icon):before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-custom-skeleton-icon){background:CanvasText}:host(cds-custom-skeleton-icon):before{background:Canvas;forced-color-adjust:none}}"]);
10
+ var skeleton_icon_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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton,:host(cds-custom-skeleton-icon){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--skeleton: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--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton,:host(cds-custom-skeleton-icon){background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton,:host(cds-custom-skeleton-icon){display:inline-block;block-size:1rem;inline-size:1rem}.cds-custom--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder: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--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text: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--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{overflow:hidden;background:var(--cds-ai-skeleton-background,#d0e2ff)}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}:host(cds-custom-skeleton-icon){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}:host(cds-custom-skeleton-icon):active,:host(cds-custom-skeleton-icon):focus,:host(cds-custom-skeleton-icon):hover{border:none;cursor:default;outline:none}:host(cds-custom-skeleton-icon):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-skeleton-icon):before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-custom-skeleton-icon){background:CanvasText}:host(cds-custom-skeleton-icon):before{background:Canvas;forced-color-adjust:none}}"]);
11
11
  //#endregion
12
12
  export { skeleton_icon_default as default };
13
13
 
package/es-custom/components/skeleton-placeholder/skeleton-placeholder.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/skeleton-placeholder/skeleton-placeholder.scss?lit
10
- var skeleton_placeholder_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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--skeleton:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton{background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton{block-size:1rem;display:inline-block;inline-size:1rem}.cds-custom--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}"]);
10
+ var skeleton_placeholder_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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--skeleton: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--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton{background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton{display:inline-block;block-size:1rem;inline-size:1rem}.cds-custom--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder: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--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text: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--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{overflow:hidden;background:var(--cds-ai-skeleton-background,#d0e2ff)}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}"]);
11
11
  //#endregion
12
12
  export { skeleton_placeholder_default as default };
13
13
 
package/es-custom/components/skeleton-text/skeleton-text.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/skeleton-text/skeleton-text.scss?lit
10
- var skeleton_text_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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--skeleton:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton{background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton{block-size:1rem;display:inline-block;inline-size:1rem}.cds-custom--skeleton__placeholder{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text:before{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;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:var(--cds-ai-skeleton-background,#d0e2ff);overflow:hidden}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}:host(cds-custom-skeleton-text){display:block;inline-size:100%}:host(cds-custom-skeleton-text) .cds-custom--skeleton__text{margin-block-start:0}"]);
10
+ var skeleton_text_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}}@keyframes ai-skeleton-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.cds-custom--icon--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--icon--skeleton:active,.cds-custom--icon--skeleton:focus,.cds-custom--icon--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--icon--skeleton: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--icon--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--icon--skeleton{background:CanvasText}.cds-custom--icon--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--icon--skeleton{display:inline-block;block-size:1rem;inline-size:1rem}.cds-custom--skeleton__placeholder{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__placeholder:active,.cds-custom--skeleton__placeholder:focus,.cds-custom--skeleton__placeholder:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__placeholder: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--skeleton__placeholder:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__placeholder{background:CanvasText}.cds-custom--skeleton__placeholder:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__placeholder{block-size:6.25rem;inline-size:6.25rem}.cds-custom--skeleton__text{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--skeleton__text:active,.cds-custom--skeleton__text:focus,.cds-custom--skeleton__text:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton__text: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--skeleton__text:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__text{background:CanvasText}.cds-custom--skeleton__text:before{background:Canvas;forced-color-adjust:none}}.cds-custom--skeleton__text{block-size:1rem;inline-size:100%;margin-block-end:.5rem}.cds-custom--skeleton__heading{block-size:1.5rem}.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{overflow:hidden;background:var(--cds-ai-skeleton-background,#d0e2ff)}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{animation:ai-skeleton-animation 1.25s ease-in-out infinite;background:linear-gradient(90deg,rgba(69,137,255,0) 0,rgba(69,137,255,.5) 50%,rgba(69,137,255,0))}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before{inline-size:200%}.cds-custom--skeleton__placeholder--ai{border-radius:.5rem}.cds-custom--skeleton__text--ai{border-radius:1rem}.cds-custom--skeleton__icon--ai{border-radius:.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton__icon--ai,.cds-custom--skeleton__placeholder--ai,.cds-custom--skeleton__text--ai{background:CanvasText}.cds-custom--skeleton__icon--ai:before,.cds-custom--skeleton__placeholder--ai:before,.cds-custom--skeleton__text--ai:before{background:Canvas}}:host(cds-custom-skeleton-text){display:block;inline-size:100%}:host(cds-custom-skeleton-text) .cds-custom--skeleton__text{margin-block-start:0}"]);
11
11
  //#endregion
12
12
  export { skeleton_text_default as default };
13
13