@carbon/web-components 2.54.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 (417) hide show
  1. package/custom-elements.json +198 -157
  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.scss.js +1 -1
  33. package/es/components/feature-flags/index.d.ts.map +1 -1
  34. package/es/components/feature-flags/index.js +8 -3
  35. package/es/components/feature-flags/index.js.map +1 -1
  36. package/es/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  37. package/es/components/file-uploader/file-uploader-button.js +3 -2
  38. package/es/components/file-uploader/file-uploader-button.js.map +1 -1
  39. package/es/components/file-uploader/file-uploader-drop-container.d.ts +1 -1
  40. package/es/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  41. package/es/components/file-uploader/file-uploader-drop-container.js +3 -2
  42. package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  43. package/es/components/file-uploader/file-uploader-item.d.ts +4 -0
  44. package/es/components/file-uploader/file-uploader-item.d.ts.map +1 -1
  45. package/es/components/file-uploader/file-uploader-item.js +6 -0
  46. package/es/components/file-uploader/file-uploader-item.js.map +1 -1
  47. package/es/components/file-uploader/file-uploader.scss.js +1 -1
  48. package/es/components/file-uploader/file-uploader.scss.js.map +1 -1
  49. package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  50. package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  51. package/es/components/fluid-form/fluid-form.scss.js +1 -1
  52. package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  53. package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  54. package/es/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  55. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  56. package/es/components/fluid-select/fluid-select.scss.js +1 -1
  57. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  58. package/es/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  59. package/es/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  60. package/es/components/form/form-item.scss.js +1 -1
  61. package/es/components/form/form.scss.js +1 -1
  62. package/es/components/form-group/form-group.scss.js +1 -1
  63. package/es/components/heading/heading.scss.js +1 -1
  64. package/es/components/icon-button/icon-button.scss.js +1 -1
  65. package/es/components/icon-indicator/icon-indicator.scss.js +1 -1
  66. package/es/components/inline-loading/inline-loading.scss.js +1 -1
  67. package/es/components/link/link.d.ts +1 -1
  68. package/es/components/link/link.d.ts.map +1 -1
  69. package/es/components/link/link.js.map +1 -1
  70. package/es/components/link/link.scss.js +1 -1
  71. package/es/components/list/list.scss.js +1 -1
  72. package/es/components/loading/loading.scss.js +1 -1
  73. package/es/components/menu/menu-item.scss.js +1 -1
  74. package/es/components/menu/menu.scss.js +1 -1
  75. package/es/components/menu-button/menu-button.scss.js +1 -1
  76. package/es/components/modal/modal-base.d.ts +144 -0
  77. package/es/components/modal/modal-base.d.ts.map +1 -0
  78. package/es/components/modal/modal-base.js +229 -0
  79. package/es/components/modal/modal-base.js.map +1 -0
  80. package/es/components/modal/modal.d.ts +15 -89
  81. package/es/components/modal/modal.d.ts.map +1 -1
  82. package/es/components/modal/modal.js +66 -169
  83. package/es/components/modal/modal.js.map +1 -1
  84. package/es/components/modal/modal.scss.js +1 -1
  85. package/es/components/modal/modal.scss.js.map +1 -1
  86. package/es/components/multi-select/multi-select.scss.js +1 -1
  87. package/es/components/notification/actionable-notification.scss.js +1 -1
  88. package/es/components/notification/inline-notification.scss.js +1 -1
  89. package/es/components/notification/toast-notification.scss.js +1 -1
  90. package/es/components/number-input/number-input.scss.js +1 -1
  91. package/es/components/overflow-menu/overflow-menu.scss.js +1 -1
  92. package/es/components/page-header/index.d.ts +4 -0
  93. package/es/components/page-header/index.d.ts.map +1 -1
  94. package/es/components/page-header/page-header-breadcrumb.d.ts +7 -0
  95. package/es/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
  96. package/es/components/page-header/page-header-breadcrumb.js +7 -0
  97. package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
  98. package/es/components/page-header/page-header-content-text.d.ts +7 -0
  99. package/es/components/page-header/page-header-content-text.d.ts.map +1 -1
  100. package/es/components/page-header/page-header-content-text.js +7 -0
  101. package/es/components/page-header/page-header-content-text.js.map +1 -1
  102. package/es/components/page-header/page-header-content.d.ts +7 -0
  103. package/es/components/page-header/page-header-content.d.ts.map +1 -1
  104. package/es/components/page-header/page-header-content.js +7 -0
  105. package/es/components/page-header/page-header-content.js.map +1 -1
  106. package/es/components/page-header/page-header-hero-image.d.ts +7 -0
  107. package/es/components/page-header/page-header-hero-image.d.ts.map +1 -1
  108. package/es/components/page-header/page-header-hero-image.js +7 -0
  109. package/es/components/page-header/page-header-hero-image.js.map +1 -1
  110. package/es/components/page-header/page-header-tabs.d.ts +7 -0
  111. package/es/components/page-header/page-header-tabs.d.ts.map +1 -1
  112. package/es/components/page-header/page-header-tabs.js +7 -0
  113. package/es/components/page-header/page-header-tabs.js.map +1 -1
  114. package/es/components/page-header/page-header.d.ts +7 -0
  115. package/es/components/page-header/page-header.d.ts.map +1 -1
  116. package/es/components/page-header/page-header.js +7 -0
  117. package/es/components/page-header/page-header.js.map +1 -1
  118. package/es/components/page-header/page-header.scss.js +1 -1
  119. package/es/components/page-header/page-header.scss.js.map +1 -1
  120. package/es/components/pagination/pagination.scss.js +1 -1
  121. package/es/components/pagination-nav/pagination-nav.scss.js +1 -1
  122. package/es/components/password-input/password-input.scss.js +1 -1
  123. package/es/components/popover/popover.scss.js +1 -1
  124. package/es/components/progress-bar/progress-bar.scss.js +1 -1
  125. package/es/components/progress-indicator/progress-indicator.scss.js +1 -1
  126. package/es/components/radio-button/radio-button.scss.js +1 -1
  127. package/es/components/search/search.d.ts +4 -0
  128. package/es/components/search/search.d.ts.map +1 -1
  129. package/es/components/search/search.js +4 -1
  130. package/es/components/search/search.js.map +1 -1
  131. package/es/components/search/search.scss.js +1 -1
  132. package/es/components/select/select.scss.js +1 -1
  133. package/es/components/shape-indicator/shape-indicator.scss.js +1 -1
  134. package/es/components/side-panel/side-panel.d.ts +1 -1
  135. package/es/components/side-panel/side-panel.js +1 -1
  136. package/es/components/side-panel/side-panel.js.map +1 -1
  137. package/es/components/skeleton-icon/skeleton-icon.scss.js +1 -1
  138. package/es/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
  139. package/es/components/skeleton-text/skeleton-text.scss.js +1 -1
  140. package/es/components/skip-to-content/skip-to-content.scss.js +1 -1
  141. package/es/components/slider/slider.scss.js +1 -1
  142. package/es/components/slug/slug.scss.js +1 -1
  143. package/es/components/stack/stack.scss.js +1 -1
  144. package/es/components/structured-list/structured-list.scss.js +1 -1
  145. package/es/components/tabs/stories/tabs-wrapper.d.ts +4 -0
  146. package/es/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
  147. package/es/components/tabs/stories/tabs-wrapper.js +22 -10
  148. package/es/components/tabs/stories/tabs-wrapper.js.map +1 -1
  149. package/es/components/tabs/tab.d.ts +34 -1
  150. package/es/components/tabs/tab.d.ts.map +1 -1
  151. package/es/components/tabs/tab.js +36 -3
  152. package/es/components/tabs/tab.js.map +1 -1
  153. package/es/components/tabs/tabs.d.ts +12 -0
  154. package/es/components/tabs/tabs.d.ts.map +1 -1
  155. package/es/components/tabs/tabs.js +36 -10
  156. package/es/components/tabs/tabs.js.map +1 -1
  157. package/es/components/tabs/tabs.scss.js +1 -1
  158. package/es/components/tabs/tabs.scss.js.map +1 -1
  159. package/es/components/tag/tag.scss.js +1 -1
  160. package/es/components/tearsheet/tearsheet.d.ts +1 -1
  161. package/es/components/tearsheet/tearsheet.js +1 -1
  162. package/es/components/tearsheet/tearsheet.js.map +1 -1
  163. package/es/components/text-input/text-input.scss.js +1 -1
  164. package/es/components/textarea/textarea.scss.js +1 -1
  165. package/es/components/tile/clickable-tile.d.ts +1 -1
  166. package/es/components/tile/clickable-tile.d.ts.map +1 -1
  167. package/es/components/tile/clickable-tile.js +6 -1
  168. package/es/components/tile/clickable-tile.js.map +1 -1
  169. package/es/components/tile/radio-tile.d.ts +4 -1
  170. package/es/components/tile/radio-tile.d.ts.map +1 -1
  171. package/es/components/tile/radio-tile.js +23 -6
  172. package/es/components/tile/radio-tile.js.map +1 -1
  173. package/es/components/tile/tile.scss.js +1 -1
  174. package/es/components/tile/tile.scss.js.map +1 -1
  175. package/es/components/time-picker/time-picker.scss.js +1 -1
  176. package/es/components/toggle/toggle.scss.js +1 -1
  177. package/es/components/toggle-tip/toggletip.scss.js +1 -1
  178. package/es/components/tooltip/tooltip.scss.js +1 -1
  179. package/es/components/tree-view/tree-view.scss.js +1 -1
  180. package/es/components/ui-shell/header.scss.js +1 -1
  181. package/es/components/ui-shell/side-nav.scss.js +1 -1
  182. package/es/globals/decorators/carbon-element.js.map +1 -1
  183. package/es/index.js +1 -1
  184. package/es-custom/components/accordion/accordion.scss.js +1 -1
  185. package/es-custom/components/ai-label/ai-label.scss.js +1 -1
  186. package/es-custom/components/ai-skeleton/ai-skeleton.scss.js +1 -1
  187. package/es-custom/components/badge-indicator/badge-indicator.scss.js +1 -1
  188. package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
  189. package/es-custom/components/button/button.d.ts +1 -1
  190. package/es-custom/components/button/button.js +1 -1
  191. package/es-custom/components/button/button.js.map +1 -1
  192. package/es-custom/components/button/button.scss.js +1 -1
  193. package/es-custom/components/checkbox/checkbox.scss.js +1 -1
  194. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  195. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  196. package/es-custom/components/combo-button/combo-button.scss.js +1 -1
  197. package/es-custom/components/contained-list/contained-list.scss.js +1 -1
  198. package/es-custom/components/content-switcher/content-switcher.scss.js +1 -1
  199. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  200. package/es-custom/components/data-table/data-table.scss.js +1 -1
  201. package/es-custom/components/date-picker/date-picker.scss.js +1 -1
  202. package/es-custom/components/date-picker/date-picker.scss.js.map +1 -1
  203. package/es-custom/components/dialog/dialog-body.js +1 -1
  204. package/es-custom/components/dialog/dialog-close-button.js +1 -1
  205. package/es-custom/components/dialog/dialog-footer.js +1 -1
  206. package/es-custom/components/dialog/dialog-subtitle.js +1 -1
  207. package/es-custom/components/dialog/dialog-title.js +1 -1
  208. package/es-custom/components/dialog/dialog.d.ts +18 -7
  209. package/es-custom/components/dialog/dialog.d.ts.map +1 -1
  210. package/es-custom/components/dialog/dialog.js +51 -17
  211. package/es-custom/components/dialog/dialog.js.map +1 -1
  212. package/es-custom/components/dialog/dialog.scss.js +1 -1
  213. package/es-custom/components/dialog/dialog.scss.js.map +1 -1
  214. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  215. package/es-custom/components/feature-flags/index.d.ts.map +1 -1
  216. package/es-custom/components/feature-flags/index.js +8 -3
  217. package/es-custom/components/feature-flags/index.js.map +1 -1
  218. package/es-custom/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  219. package/es-custom/components/file-uploader/file-uploader-button.js +3 -2
  220. package/es-custom/components/file-uploader/file-uploader-button.js.map +1 -1
  221. package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts +1 -1
  222. package/es-custom/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  223. package/es-custom/components/file-uploader/file-uploader-drop-container.js +3 -2
  224. package/es-custom/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  225. package/es-custom/components/file-uploader/file-uploader-item.d.ts +4 -0
  226. package/es-custom/components/file-uploader/file-uploader-item.d.ts.map +1 -1
  227. package/es-custom/components/file-uploader/file-uploader-item.js +6 -0
  228. package/es-custom/components/file-uploader/file-uploader-item.js.map +1 -1
  229. package/es-custom/components/file-uploader/file-uploader.scss.js +1 -1
  230. package/es-custom/components/file-uploader/file-uploader.scss.js.map +1 -1
  231. package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
  232. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
  233. package/es-custom/components/fluid-form/fluid-form.scss.js +1 -1
  234. package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
  235. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  236. package/es-custom/components/fluid-password-input/fluid-password-input.scss.js +1 -1
  237. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  238. package/es-custom/components/fluid-select/fluid-select.scss.js +1 -1
  239. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  240. package/es-custom/components/fluid-textarea/fluid-textarea.scss.js +1 -1
  241. package/es-custom/components/fluid-time-picker/fluid-time-picker.scss.js +1 -1
  242. package/es-custom/components/form/form-item.scss.js +1 -1
  243. package/es-custom/components/form/form.scss.js +1 -1
  244. package/es-custom/components/form-group/form-group.scss.js +1 -1
  245. package/es-custom/components/heading/heading.scss.js +1 -1
  246. package/es-custom/components/icon-button/icon-button.scss.js +1 -1
  247. package/es-custom/components/icon-indicator/icon-indicator.scss.js +1 -1
  248. package/es-custom/components/inline-loading/inline-loading.scss.js +1 -1
  249. package/es-custom/components/link/link.d.ts +1 -1
  250. package/es-custom/components/link/link.d.ts.map +1 -1
  251. package/es-custom/components/link/link.js.map +1 -1
  252. package/es-custom/components/link/link.scss.js +1 -1
  253. package/es-custom/components/list/list.scss.js +1 -1
  254. package/es-custom/components/loading/loading.scss.js +1 -1
  255. package/es-custom/components/menu/menu-item.scss.js +1 -1
  256. package/es-custom/components/menu/menu.scss.js +1 -1
  257. package/es-custom/components/menu-button/menu-button.scss.js +1 -1
  258. package/es-custom/components/modal/modal-base.d.ts +144 -0
  259. package/es-custom/components/modal/modal-base.d.ts.map +1 -0
  260. package/es-custom/components/modal/modal-base.js +229 -0
  261. package/es-custom/components/modal/modal-base.js.map +1 -0
  262. package/es-custom/components/modal/modal.d.ts +15 -89
  263. package/es-custom/components/modal/modal.d.ts.map +1 -1
  264. package/es-custom/components/modal/modal.js +66 -169
  265. package/es-custom/components/modal/modal.js.map +1 -1
  266. package/es-custom/components/modal/modal.scss.js +1 -1
  267. package/es-custom/components/modal/modal.scss.js.map +1 -1
  268. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  269. package/es-custom/components/notification/actionable-notification.scss.js +1 -1
  270. package/es-custom/components/notification/inline-notification.scss.js +1 -1
  271. package/es-custom/components/notification/toast-notification.scss.js +1 -1
  272. package/es-custom/components/number-input/number-input.scss.js +1 -1
  273. package/es-custom/components/overflow-menu/overflow-menu.scss.js +1 -1
  274. package/es-custom/components/page-header/index.d.ts +4 -0
  275. package/es-custom/components/page-header/index.d.ts.map +1 -1
  276. package/es-custom/components/page-header/page-header-breadcrumb.d.ts +7 -0
  277. package/es-custom/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
  278. package/es-custom/components/page-header/page-header-breadcrumb.js +7 -0
  279. package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
  280. package/es-custom/components/page-header/page-header-content-text.d.ts +7 -0
  281. package/es-custom/components/page-header/page-header-content-text.d.ts.map +1 -1
  282. package/es-custom/components/page-header/page-header-content-text.js +7 -0
  283. package/es-custom/components/page-header/page-header-content-text.js.map +1 -1
  284. package/es-custom/components/page-header/page-header-content.d.ts +7 -0
  285. package/es-custom/components/page-header/page-header-content.d.ts.map +1 -1
  286. package/es-custom/components/page-header/page-header-content.js +7 -0
  287. package/es-custom/components/page-header/page-header-content.js.map +1 -1
  288. package/es-custom/components/page-header/page-header-hero-image.d.ts +7 -0
  289. package/es-custom/components/page-header/page-header-hero-image.d.ts.map +1 -1
  290. package/es-custom/components/page-header/page-header-hero-image.js +7 -0
  291. package/es-custom/components/page-header/page-header-hero-image.js.map +1 -1
  292. package/es-custom/components/page-header/page-header-tabs.d.ts +7 -0
  293. package/es-custom/components/page-header/page-header-tabs.d.ts.map +1 -1
  294. package/es-custom/components/page-header/page-header-tabs.js +7 -0
  295. package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
  296. package/es-custom/components/page-header/page-header.d.ts +7 -0
  297. package/es-custom/components/page-header/page-header.d.ts.map +1 -1
  298. package/es-custom/components/page-header/page-header.js +7 -0
  299. package/es-custom/components/page-header/page-header.js.map +1 -1
  300. package/es-custom/components/page-header/page-header.scss.js +1 -1
  301. package/es-custom/components/page-header/page-header.scss.js.map +1 -1
  302. package/es-custom/components/pagination/pagination.scss.js +1 -1
  303. package/es-custom/components/pagination-nav/pagination-nav.scss.js +1 -1
  304. package/es-custom/components/password-input/password-input.scss.js +1 -1
  305. package/es-custom/components/popover/popover.scss.js +1 -1
  306. package/es-custom/components/progress-bar/progress-bar.scss.js +1 -1
  307. package/es-custom/components/progress-indicator/progress-indicator.scss.js +1 -1
  308. package/es-custom/components/radio-button/radio-button.scss.js +1 -1
  309. package/es-custom/components/search/search.d.ts +4 -0
  310. package/es-custom/components/search/search.d.ts.map +1 -1
  311. package/es-custom/components/search/search.js +4 -1
  312. package/es-custom/components/search/search.js.map +1 -1
  313. package/es-custom/components/search/search.scss.js +1 -1
  314. package/es-custom/components/select/select.scss.js +1 -1
  315. package/es-custom/components/shape-indicator/shape-indicator.scss.js +1 -1
  316. package/es-custom/components/side-panel/side-panel.d.ts +1 -1
  317. package/es-custom/components/side-panel/side-panel.js +1 -1
  318. package/es-custom/components/side-panel/side-panel.js.map +1 -1
  319. package/es-custom/components/skeleton-icon/skeleton-icon.scss.js +1 -1
  320. package/es-custom/components/skeleton-placeholder/skeleton-placeholder.scss.js +1 -1
  321. package/es-custom/components/skeleton-text/skeleton-text.scss.js +1 -1
  322. package/es-custom/components/skip-to-content/skip-to-content.scss.js +1 -1
  323. package/es-custom/components/slider/slider.scss.js +1 -1
  324. package/es-custom/components/slug/slug.scss.js +1 -1
  325. package/es-custom/components/stack/stack.scss.js +1 -1
  326. package/es-custom/components/structured-list/structured-list.scss.js +1 -1
  327. package/es-custom/components/tabs/stories/tabs-wrapper.d.ts +4 -0
  328. package/es-custom/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
  329. package/es-custom/components/tabs/stories/tabs-wrapper.js +22 -10
  330. package/es-custom/components/tabs/stories/tabs-wrapper.js.map +1 -1
  331. package/es-custom/components/tabs/tab.d.ts +34 -1
  332. package/es-custom/components/tabs/tab.d.ts.map +1 -1
  333. package/es-custom/components/tabs/tab.js +36 -3
  334. package/es-custom/components/tabs/tab.js.map +1 -1
  335. package/es-custom/components/tabs/tabs.d.ts +12 -0
  336. package/es-custom/components/tabs/tabs.d.ts.map +1 -1
  337. package/es-custom/components/tabs/tabs.js +36 -10
  338. package/es-custom/components/tabs/tabs.js.map +1 -1
  339. package/es-custom/components/tabs/tabs.scss.js +1 -1
  340. package/es-custom/components/tabs/tabs.scss.js.map +1 -1
  341. package/es-custom/components/tag/tag.scss.js +1 -1
  342. package/es-custom/components/tearsheet/tearsheet.d.ts +1 -1
  343. package/es-custom/components/tearsheet/tearsheet.js +1 -1
  344. package/es-custom/components/tearsheet/tearsheet.js.map +1 -1
  345. package/es-custom/components/text-input/text-input.scss.js +1 -1
  346. package/es-custom/components/textarea/textarea.scss.js +1 -1
  347. package/es-custom/components/tile/clickable-tile.d.ts +1 -1
  348. package/es-custom/components/tile/clickable-tile.d.ts.map +1 -1
  349. package/es-custom/components/tile/clickable-tile.js +6 -1
  350. package/es-custom/components/tile/clickable-tile.js.map +1 -1
  351. package/es-custom/components/tile/radio-tile.d.ts +4 -1
  352. package/es-custom/components/tile/radio-tile.d.ts.map +1 -1
  353. package/es-custom/components/tile/radio-tile.js +23 -6
  354. package/es-custom/components/tile/radio-tile.js.map +1 -1
  355. package/es-custom/components/tile/tile.scss.js +1 -1
  356. package/es-custom/components/tile/tile.scss.js.map +1 -1
  357. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  358. package/es-custom/components/toggle/toggle.scss.js +1 -1
  359. package/es-custom/components/toggle-tip/toggletip.scss.js +1 -1
  360. package/es-custom/components/tooltip/tooltip.scss.js +1 -1
  361. package/es-custom/components/tree-view/tree-view.scss.js +1 -1
  362. package/es-custom/components/ui-shell/header.scss.js +1 -1
  363. package/es-custom/components/ui-shell/side-nav.scss.js +1 -1
  364. package/es-custom/globals/decorators/carbon-element.js.map +1 -1
  365. package/es-custom/index.js +1 -1
  366. package/lib/components/button/button.d.ts +1 -1
  367. package/lib/components/dialog/dialog.d.ts +18 -7
  368. package/lib/components/dialog/dialog.d.ts.map +1 -1
  369. package/lib/components/feature-flags/index.d.ts.map +1 -1
  370. package/lib/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  371. package/lib/components/file-uploader/file-uploader-drop-container.d.ts +1 -1
  372. package/lib/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  373. package/lib/components/file-uploader/file-uploader-item.d.ts +4 -0
  374. package/lib/components/file-uploader/file-uploader-item.d.ts.map +1 -1
  375. package/lib/components/link/link.d.ts +1 -1
  376. package/lib/components/link/link.d.ts.map +1 -1
  377. package/lib/components/modal/modal-base.d.ts +144 -0
  378. package/lib/components/modal/modal-base.d.ts.map +1 -0
  379. package/lib/components/modal/modal.d.ts +15 -89
  380. package/lib/components/modal/modal.d.ts.map +1 -1
  381. package/lib/components/page-header/index.d.ts +4 -0
  382. package/lib/components/page-header/index.d.ts.map +1 -1
  383. package/lib/components/page-header/page-header-breadcrumb.d.ts +7 -0
  384. package/lib/components/page-header/page-header-breadcrumb.d.ts.map +1 -1
  385. package/lib/components/page-header/page-header-content-text.d.ts +7 -0
  386. package/lib/components/page-header/page-header-content-text.d.ts.map +1 -1
  387. package/lib/components/page-header/page-header-content.d.ts +7 -0
  388. package/lib/components/page-header/page-header-content.d.ts.map +1 -1
  389. package/lib/components/page-header/page-header-hero-image.d.ts +7 -0
  390. package/lib/components/page-header/page-header-hero-image.d.ts.map +1 -1
  391. package/lib/components/page-header/page-header-tabs.d.ts +7 -0
  392. package/lib/components/page-header/page-header-tabs.d.ts.map +1 -1
  393. package/lib/components/page-header/page-header.d.ts +7 -0
  394. package/lib/components/page-header/page-header.d.ts.map +1 -1
  395. package/lib/components/search/search.d.ts +4 -0
  396. package/lib/components/search/search.d.ts.map +1 -1
  397. package/lib/components/side-panel/side-panel.d.ts +1 -1
  398. package/lib/components/tabs/stories/tabs-wrapper.d.ts +4 -0
  399. package/lib/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
  400. package/lib/components/tabs/tab.d.ts +34 -1
  401. package/lib/components/tabs/tab.d.ts.map +1 -1
  402. package/lib/components/tabs/tabs.d.ts +12 -0
  403. package/lib/components/tabs/tabs.d.ts.map +1 -1
  404. package/lib/components/tearsheet/tearsheet.d.ts +1 -1
  405. package/lib/components/tile/clickable-tile.d.ts +1 -1
  406. package/lib/components/tile/clickable-tile.d.ts.map +1 -1
  407. package/lib/components/tile/radio-tile.d.ts +4 -1
  408. package/lib/components/tile/radio-tile.d.ts.map +1 -1
  409. package/package.json +9 -9
  410. package/scss/components/date-picker/date-picker.scss +2 -1
  411. package/scss/components/dialog/dialog.scss +10 -4
  412. package/scss/components/file-uploader/file-uploader.scss +4 -0
  413. package/scss/components/modal/modal.scss +28 -1
  414. package/scss/components/page-header/page-header.scss +2 -0
  415. package/scss/components/tabs/tabs.scss +121 -1
  416. package/scss/components/tile/tile.scss +67 -1
  417. package/telemetry.yml +10 -6
package/es/components/date-picker/date-picker.scss.js CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  import { css } from "lit";
9
9
  //#region src/components/date-picker/date-picker.scss?lit
10
- var date_picker_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--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--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--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--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--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--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--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--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--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--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--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--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--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--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--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--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--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--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--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--assistive-text,.cds--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}.cds--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--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--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--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}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--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--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--label html{font-size:100%}.cds--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--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--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--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--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--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--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--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--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--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--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--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--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--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--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--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--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--select--inline .cds--form__helper-text{margin-block-start:0}.cds--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--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}@keyframes fp-fade-in-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fp-slide-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-slide-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fp-fade-in{0%{opacity:0}to{opacity:1}}.flatpickr-calendar{animation:none;border:0;border-radius:0;box-sizing:border-box;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;overflow:hidden;padding:0;position:absolute;text-align:center;touch-action:manipulation;visibility:hidden}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{max-block-size:40rem;opacity:1;overflow:visible;visibility:inherit}.flatpickr-calendar.open{align-items:center;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;border:none;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));display:flex;flex-direction:column;inline-size:18rem;justify-content:center;margin-block-start:-.125rem;overflow:hidden;padding:.25rem .25rem .5rem;z-index:99999}.flatpickr-calendar.open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-calendar.open:focus{outline-style:dotted}}.flatpickr-calendar.animate.open{animation:fp-fade-in-down .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{display:block;inset-block-start:auto;position:absolute}.flatpickr-calendar.static{inset-block-start:calc(100% + 2px);position:absolute}.flatpickr-calendar.static.open{display:block;z-index:999}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{block-size:15.375rem;display:flex;flex-wrap:wrap;justify-content:space-around;outline:0;padding:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-inline-start:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{block-size:2.5rem;border-block-start:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{block-size:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;inline-size:100%;justify-content:space-between}.flatpickr-month{align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{align-items:center;block-size:2.5rem;cursor:pointer;display:flex;justify-content:center;padding:0;z-index:3;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;line-height:16px;text-decoration:none;transform:scale(1);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.flatpickr-next-month,.flatpickr-prev-month{transition:none}}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background-color:var(--cds-layer-hover)}.flatpickr-next-month.disabled svg,.flatpickr-prev-month.disabled svg{cursor:not-allowed;fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.flatpickr-current-month{align-items:center;block-size:1.75rem;display:flex;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);justify-content:center;letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572);text-align:center}.flatpickr-current-month .cur-month{margin-inline:.25rem .25rem}.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}.numInputWrapper{inline-size:3.75rem;position:relative}.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55%,.12))}.numInputWrapper .numInput{-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);border:none;color:var(--cds-text-primary,#161616);cursor:default;display:inline-block;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%;margin:0;padding:.25rem}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper .numInput:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.numInputWrapper .numInput:focus{outline-style:dotted}}.numInputWrapper .numInput[disabled],.numInputWrapper .numInput[disabled]:hover{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));pointer-events:none}.numInputWrapper .arrowUp{border-block-end:0;inset-block-start:.25rem}.numInputWrapper .arrowUp:after{border-block-end:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{inset-block-start:.6875rem}.numInputWrapper .arrowDown:after{border-block-start:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{block-size:50%;border:none;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0;padding:0 .25rem 0 .125rem;position:absolute}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";display:block;inset-block-start:33%;position:absolute}.numInputWrapper .arrowDown:hover:after,.numInputWrapper .arrowUp:hover:after{border-block-end-color:var(--cds-button-primary,#0f62fe);border-block-start-color:var(--cds-button-primary,#0f62fe)}.numInputWrapper .arrowDown:active:after,.numInputWrapper .arrowUp:active:after{border-block-end-color:var(--cds-border-interactive,#0f62fe);border-block-start-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp:after{border-block-end-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}.flatpickr-weekdays{align-items:center;block-size:2.5rem;display:flex}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{color:var(--cds-text-primary,#161616);cursor:default;flex:1;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)}.flatpickr-days:focus{outline:0}.flatpickr-calendar.animate .dayContainer.slideLeft{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-right .4s cubic-bezier(.23,1,.32,1);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-right-new .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{align-items:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:2.5rem;justify-content:center;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.flatpickr-day:hover{background:var(--cds-layer-hover)}.flatpickr-day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.flatpickr-day:focus{outline-color:var(--cds-button-primary,#0f62fe)}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{color:var(--cds-link-primary,#0f62fe);font-weight:600;position:relative}.flatpickr-day.today:after{background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";display:block;inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;position:absolute;transform:translateX(-50%)}.flatpickr-day.today.no-border{border:none}.flatpickr-day.today.selected{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.today.selected{outline-style:dotted}}.flatpickr-day.today.selected:after{display:none}.flatpickr-day.inRange{background-color:var(--cds-highlight,#d0e2ff);color:var(--cds-text-primary,#161616)}.flatpickr-day.selected{background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.selected{color:Highlight;outline:1px solid Highlight;outline-style:dotted}}.flatpickr-day.selected:focus{outline:.0625rem solid var(--cds-layer-02,#fff);outline-offset:-.1875rem}.flatpickr-day.startRange.selected{box-shadow:none;z-index:2}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){background:var(--cds-layer-01,#f4f4f4);z-index:3}.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.flatpickr-day.endRange:hover{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}.flatpickr-day.endRange.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.flatpickr-day.flatpickr-disabled:hover{background-color:transparent}.flatpickr-input[readonly]{cursor:pointer}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.inRange,.flatpickr-day.today{color:Highlight}}.cds--date-picker,:host(cds-date-picker){display:flex}.cds--date-picker--light .cds--date-picker__input{background:var(--cds-field-02,#fff)}.cds--date-picker~.cds--label,:host(cds-date-picker)~.cds--label{order:1}.cds--date-picker-container,:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){display:flex;flex-direction:column;justify-content:space-between;position:relative}.cds--date-picker-container .cds--label,:host(cds-date-picker-input) .cds--label,:host(cds-date-picker-input-skeleton) .cds--label{display:flex}.cds--date-picker-input__wrapper{align-items:center;display:flex}.cds--date-picker-input__wrapper>span{position:relative}.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--label{inline-size:7.5rem}.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn~.cds--form-requirement{inline-size:9.5rem}.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input{inline-size:5.7rem}.cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:18rem}.cds--date-picker .cds--date-picker-input__wrapper--warn~.cds--form-requirement,:host(cds-date-picker) .cds--date-picker-input__wrapper--warn~.cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker__input{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--date-picker__input *,.cds--date-picker__input :after,.cds--date-picker__input :before{box-sizing:inherit}.cds--date-picker__input{background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);display:block;font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);letter-spacing:var(--cds-code-02-letter-spacing,.32px);line-height:var(--cds-code-02-line-height,1.42857);outline:2px solid transparent;outline-offset:-2px;padding:0 1rem;position:relative;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline-style:dotted}}.cds--date-picker__input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--date-picker__input:disabled:hover{border-block-end:1px solid transparent}.cds--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--date-picker__input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--date-picker__input--lg{block-size:3rem}.cds--date-picker__input--sm{block-size:2rem}.cds--date-picker__icon,:host(cds-date-picker-input) .cds--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--warn{cursor:auto}.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--warn{fill:var(--cds-support-warning,#f1c21b)}.cds--date-picker__icon--warn path:first-of-type{fill:#000;opacity:1}.cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--invalid{fill:var(--cds-support-error,#da1e28)}.cds--date-picker__icon~.cds--date-picker__input{padding-inline-end:3rem}.cds--date-picker__input:disabled~.cds--date-picker__icon{cursor:not-allowed;fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--date-picker--range>.cds--date-picker-container:first-child{margin-inline-end:.0625rem}.cds--date-picker--range .cds--date-picker-container,.cds--date-picker--range .cds--date-picker__input,.cds--date-picker--range :host(cds-date-picker-input),.cds--date-picker--range :host(cds-date-picker-input-skeleton){inline-size:8.96875rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,.cds--date-picker-input__wrapper--slug .cds--ai-label,.cds--date-picker-input__wrapper--slug .cds--slug{inset-block-start:50%;inset-inline-end:2.5rem;position:absolute;transform:translateY(-50%)}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--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);padding-inline-end:4rem}.cds--date-picker__input[readonly]{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:text}.cds--date-picker__input[readonly]+.cds--date-picker__icon{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--date-picker.cds--skeleton input:active,.cds--date-picker.cds--skeleton input:focus,.cds--date-picker.cds--skeleton input:hover,.cds--date-picker__input.cds--skeleton:active,.cds--date-picker__input.cds--skeleton:focus,.cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{animation:cds--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--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{inline-size:100%}.cds--date-picker.cds--skeleton input::-moz-placeholder,.cds--date-picker__input.cds--skeleton::-moz-placeholder{color:transparent}.cds--date-picker.cds--skeleton input::placeholder,.cds--date-picker__input.cds--skeleton::placeholder{color:transparent}.cds--date-picker.cds--skeleton .cds--label{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--date-picker.cds--skeleton .cds--label:active,.cds--date-picker.cds--skeleton .cds--label:focus,.cds--date-picker.cds--skeleton .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton .cds--label:before{animation:cds--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--date-picker.cds--skeleton .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton .cds--label{background:CanvasText}.cds--date-picker.cds--skeleton .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton .cds--label{block-size:.875rem;inline-size:4.6875rem}:host(cds-date-picker) #floating-menu-container{inline-size:100%;position:absolute}:host(cds-date-picker) .cds--date-picker__calendar.open{margin-block-start:0}:host(cds-date-picker) .flatpickr-next-month svg,:host(cds-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){outline:none}:host(cds-date-picker-input) .cds--form-requirement[hidden],:host(cds-date-picker-input-skeleton) .cds--form-requirement[hidden]{display:none}:host(cds-date-picker-input[warn]:not([invalid])) .cds--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input{inline-size:7.5rem}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--warn,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--warn{inline-size:9.5rem}:host(cds-date-picker-input-skeleton[kind=simple][short]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple][short]) .cds--date-picker__input{inline-size:5.625rem}:host(cds-date-picker-input-skeleton[kind=single]),:host(cds-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=single]) .cds--date-picker__input,:host(cds-date-picker-input[kind=single]) .cds--date-picker__input{inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input[kind=from]){margin-inline-end:.0625rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input-skeleton[kind=to]),:host(cds-date-picker-input[kind=from]),:host(cds-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input-skeleton[kind=to]) .cds--date-picker__input,:host(cds-date-picker-input[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input[kind=to]) .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input) ::slotted(cds-ai-label),:host(cds-date-picker-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:2.5rem;position:absolute}:host(cds-date-picker-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-date-picker-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-date-picker-input-skeleton){display:inline-block}:host(cds-date-picker-input-skeleton) .cds--label{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}:host(cds-date-picker-input-skeleton) .cds--label:active,:host(cds-date-picker-input-skeleton) .cds--label:focus,:host(cds-date-picker-input-skeleton) .cds--label:hover{border:none;cursor:default;outline:none}:host(cds-date-picker-input-skeleton) .cds--label:before{animation:cds--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-date-picker-input-skeleton) .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-date-picker-input-skeleton) .cds--label{background:CanvasText}:host(cds-date-picker-input-skeleton) .cds--label:before{background:Canvas;forced-color-adjust:none}}:host(cds-date-picker-input-skeleton) .cds--label{block-size:.875rem;inline-size:4.6875rem}:host(cds-date-picker-input-skeleton) .cds--date-picker-input-skeleton-container{display:inline-block}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container{inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input[ai-label]) .cds--date-picker__input--decorator{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)}"]);
10
+ var date_picker_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--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--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--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--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--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--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--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--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--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--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--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--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--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--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--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--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--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--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--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--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;block-size:1px;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--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--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--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--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}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--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--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--label html{font-size:100%}.cds--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--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--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--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--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--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--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--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--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--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--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--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--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--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--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--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--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--select--inline .cds--form__helper-text{margin-block-start:0}.cds--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--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}@keyframes fp-fade-in-down{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fp-slide-left{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fp-slide-left-new{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-slide-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes fp-slide-right-new{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes fp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fp-fade-in{0%{opacity:0}to{opacity:1}}.flatpickr-calendar{position:absolute;overflow:hidden;box-sizing:border-box;padding:0;border:0;border-radius:0;animation:none;direction:ltr;inline-size:19.6875rem;max-block-size:0;opacity:0;text-align:center;touch-action:manipulation;visibility:hidden}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-calendar{outline:1px solid transparent}}.flatpickr-calendar.inline,.flatpickr-calendar.open{overflow:visible;max-block-size:40rem;opacity:1;visibility:inherit}.flatpickr-calendar.open{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:99999;display:flex;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:.25rem .25rem .5rem;border:none;background-color:var(--cds-layer-01,#f4f4f4);block-size:21rem;inline-size:18rem;margin-block-start:-.125rem}.flatpickr-calendar.open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.flatpickr-calendar.open:focus{outline-style:dotted}}.flatpickr-calendar.animate.open{animation:fp-fade-in-down .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.flatpickr-calendar.animate.open{animation:none}}.flatpickr-calendar.inline{position:absolute;display:block;inset-block-start:auto}.flatpickr-calendar.static{position:absolute;inset-block-start:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{inline-size:auto}.dayContainer{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;block-size:15.375rem;outline:0}.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-inline-start:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{block-size:2.5rem;border-block-start:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{block-size:auto}.flatpickr-calendar:focus{outline:0}.flatpickr-months{display:flex;justify-content:space-between;inline-size:100%}.flatpickr-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;background-color:transparent;block-size:2.5rem;color:var(--cds-text-primary,#161616);line-height:1;text-align:center}.flatpickr-next-month,.flatpickr-prev-month{z-index:3;display:flex;align-items:center;justify-content:center;padding:0;block-size:2.5rem;cursor:pointer;fill:var(--cds-icon-primary,#161616);inline-size:2.5rem;line-height:16px;text-decoration:none;transform:scale(1);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (prefers-reduced-motion:reduce){.flatpickr-next-month,.flatpickr-prev-month{transition:none}}.flatpickr-next-month:hover,.flatpickr-prev-month:hover{background-color:var(--cds-layer-hover)}.flatpickr-next-month.disabled svg,.flatpickr-prev-month.disabled svg{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-next-month.disabled:hover svg,.flatpickr-prev-month.disabled:hover svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.flatpickr-current-month{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);display:flex;align-items:center;justify-content:center;block-size:1.75rem;text-align:center}.flatpickr-current-month .cur-month{margin-inline:.25rem .25rem}.flatpickr-current-month .cur-month:hover{background-color:var(--cds-layer-hover)}.numInputWrapper{position:relative;inline-size:3.75rem}.numInputWrapper:hover{background-color:var(--cds-background-hover,hsla(0,0%,55.3%,.12))}.numInputWrapper .numInput{display:inline-block;padding:.25rem;border:none;margin:0;-moz-appearance:textfield;background-color:var(--cds-field-01,#f4f4f4);color:var(--cds-text-primary,#161616);cursor:default;font-family:inherit;font-size:inherit;font-weight:600;inline-size:100%}.numInputWrapper .numInput::-webkit-inner-spin-button,.numInputWrapper .numInput::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper .numInput:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.numInputWrapper .numInput:focus{outline-style:dotted}}.numInputWrapper .numInput[disabled],.numInputWrapper .numInput[disabled]:hover{background-color:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none}.numInputWrapper .arrowUp{border-block-end:0;inset-block-start:.25rem}.numInputWrapper .arrowUp:after{border-block-end:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown{inset-block-start:.6875rem}.numInputWrapper .arrowDown:after{border-block-start:.25rem solid var(--cds-icon-primary,#161616)}.numInputWrapper .arrowDown,.numInputWrapper .arrowUp{position:absolute;padding:0 .25rem 0 .125rem;border:none;block-size:50%;cursor:pointer;inline-size:.75rem;inset-inline-start:2.6rem;line-height:50%;opacity:0}.numInputWrapper .arrowDown:after,.numInputWrapper .arrowUp:after{position:absolute;display:block;border-inline-end:.25rem solid transparent;border-inline-start:.25rem solid transparent;content:\"\";inset-block-start:33%}.numInputWrapper .arrowDown:hover:after,.numInputWrapper .arrowUp:hover:after{border-block-end-color:var(--cds-button-primary,#0f62fe);border-block-start-color:var(--cds-button-primary,#0f62fe)}.numInputWrapper .arrowDown:active:after,.numInputWrapper .arrowUp:active:after{border-block-end-color:var(--cds-border-interactive,#0f62fe);border-block-start-color:var(--cds-border-interactive,#0f62fe)}.numInput[disabled]~.arrowUp:after{border-block-end-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInput[disabled]~.arrowDown:after{border-block-start-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.numInputWrapper:hover .arrowDown,.numInputWrapper:hover .arrowUp{opacity:1}.numInputWrapper:hover .numInput[disabled]~.arrowDown,.numInputWrapper:hover .numInput[disabled]~.arrowUp{opacity:0}.flatpickr-weekdays{display:flex;align-items:center;block-size:2.5rem}.flatpickr-weekdaycontainer{display:flex;inline-size:100%}.flatpickr-weekday{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);flex:1;color:var(--cds-text-primary,#161616);cursor:default}.flatpickr-days:focus{outline:0}.flatpickr-calendar.animate .dayContainer.slideLeft{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-left .4s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{animation:fp-fade-out .4s cubic-bezier(.23,1,.32,1),fp-slide-right .4s cubic-bezier(.23,1,.32,1);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{animation:fp-fade-in .4s cubic-bezier(.23,1,.32,1),fp-slide-right-new .4s cubic-bezier(.23,1,.32,1)}.flatpickr-day{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;align-items:center;justify-content:center;block-size:2.5rem;color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:2.5rem;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.flatpickr-day:hover{background:var(--cds-layer-hover)}.flatpickr-day:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day:focus{outline-style:dotted}}.flatpickr-day:focus{outline-color:var(--cds-button-primary,#0f62fe)}.nextMonthDay,.prevMonthDay{color:var(--cds-text-helper,#6f6f6f)}.flatpickr-day.today{position:relative;color:var(--cds-link-primary,#0f62fe);font-weight:600}.flatpickr-day.today:after{position:absolute;display:block;background-color:var(--cds-link-primary,#0f62fe);block-size:.25rem;content:\"\";inline-size:.25rem;inset-block-end:.4375rem;inset-inline-start:50%;transform:translateX(-50%)}.flatpickr-day.today.no-border{border:none}.flatpickr-day.today.selected{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.today.selected{outline-style:dotted}}.flatpickr-day.today.selected:after{display:none}.flatpickr-day.inRange{background-color:var(--cds-highlight,#d0e2ff);color:var(--cds-text-primary,#161616)}.flatpickr-day.selected{background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.selected{color:Highlight;outline:1px solid Highlight;outline-style:dotted}}.flatpickr-day.selected:focus{outline:.0625rem solid var(--cds-layer-02,#fff);outline-offset:-.1875rem}.flatpickr-day.startRange.selected{z-index:2;box-shadow:none}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){outline-style:dotted}}.flatpickr-day.endRange.inRange,.flatpickr-day.startRange.inRange:not(.selected){z-index:3;background:var(--cds-layer-01,#f4f4f4)}.flatpickr-day.endRange:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.flatpickr-day.endRange:hover{outline-style:dotted}}.flatpickr-day.endRange:hover{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616)}.flatpickr-day.endRange.inRange.selected{background:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.flatpickr-day.flatpickr-disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.flatpickr-day.flatpickr-disabled:hover{background-color:transparent}.flatpickr-input[readonly]{cursor:pointer}@media (forced-colors:active),screen and (-ms-high-contrast:active){.flatpickr-day.inRange,.flatpickr-day.today{color:Highlight}}.cds--date-picker,:host(cds-date-picker){display:flex}.cds--date-picker--light .cds--date-picker__input{background:var(--cds-field-02,#fff)}.cds--date-picker~.cds--label,:host(cds-date-picker)~.cds--label{order:1}.cds--date-picker-container,:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){position:relative;display:flex;flex-direction:column;justify-content:space-between}.cds--date-picker-container .cds--label,:host(cds-date-picker-input) .cds--label,:host(cds-date-picker-input-skeleton) .cds--label{display:flex}.cds--date-picker-input__wrapper{display:flex;align-items:center}.cds--date-picker-input__wrapper>span{position:relative}.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--label{inline-size:7.5rem}.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn~.cds--form-requirement{inline-size:9.5rem}.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input{inline-size:5.7rem}.cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:18rem}.cds--date-picker .cds--date-picker-input__wrapper--warn~.cds--form-requirement,:host(cds-date-picker) .cds--date-picker-input__wrapper--warn~.cds--form-requirement{color:var(--cds-text-primary,#161616)}.cds--date-picker__input{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--date-picker__input *,.cds--date-picker__input :after,.cds--date-picker__input :before{box-sizing:inherit}.cds--date-picker__input{font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);line-height:var(--cds-code-02-line-height,1.42857);letter-spacing:var(--cds-code-02-letter-spacing,.32px);outline:2px solid transparent;outline-offset:-2px;position:relative;display:block;padding:0 1rem;border:none;background-color:var(--cds-field);block-size:2.5rem;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--date-picker__input.cds--focused,.cds--date-picker__input:focus{outline-style:dotted}}.cds--date-picker__input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--date-picker__input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--date-picker__input:disabled:hover{border-block-end:1px solid transparent}.cds--date-picker__input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--date-picker__input--lg{block-size:3rem}.cds--date-picker__input--sm{block-size:2rem}.cds--date-picker__icon,:host(cds-date-picker-input) .cds--date-picker__icon{position:absolute;z-index:1;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;pointer-events:none;transform:translateY(-50%)}.cds--date-picker__icon--invalid,.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--warn{cursor:auto}.cds--date-picker__icon--warn,:host(cds-date-picker-input) .cds--date-picker__icon--warn{fill:var(--cds-support-warning,#f1c21b)}.cds--date-picker__icon--warn path:first-of-type{fill:#000;opacity:1}.cds--date-picker__icon--invalid,:host(cds-date-picker-input) .cds--date-picker__icon--invalid{fill:var(--cds-support-error,#da1e28)}.cds--date-picker__icon~.cds--date-picker__input{padding-inline-end:3rem}.cds--date-picker__input:disabled~.cds--date-picker__icon{cursor:not-allowed;fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker--range>.cds--date-picker-container:first-child{margin-inline-end:.0625rem}.cds--date-picker--range .cds--date-picker-container,.cds--date-picker--range .cds--date-picker__input,.cds--date-picker--range :host(cds-date-picker-input),.cds--date-picker--range :host(cds-date-picker-input-skeleton){inline-size:8.96875rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator>*,.cds--date-picker-input__wrapper--slug .cds--ai-label,.cds--date-picker-input__wrapper--slug .cds--slug{position:absolute;inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~.cds--slug):not(:has(~.cds--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);padding-inline-end:4rem}.cds--date-picker__input[readonly]{background:transparent;border-block-end-color:var(--cds-border-subtle);cursor:text}.cds--date-picker__input[readonly]+.cds--date-picker__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton input:active,.cds--date-picker.cds--skeleton input:focus,.cds--date-picker.cds--skeleton input:hover,.cds--date-picker__input.cds--skeleton:active,.cds--date-picker__input.cds--skeleton:focus,.cds--date-picker__input.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{position:absolute;animation:cds--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--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{background:CanvasText}.cds--date-picker.cds--skeleton input:before,.cds--date-picker__input.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton input,.cds--date-picker__input.cds--skeleton{inline-size:100%}.cds--date-picker.cds--skeleton input::-moz-placeholder,.cds--date-picker__input.cds--skeleton::-moz-placeholder{color:transparent}.cds--date-picker.cds--skeleton input::placeholder,.cds--date-picker__input.cds--skeleton::placeholder{color:transparent}.cds--date-picker.cds--skeleton .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--date-picker.cds--skeleton .cds--label:active,.cds--date-picker.cds--skeleton .cds--label:focus,.cds--date-picker.cds--skeleton .cds--label:hover{border:none;cursor:default;outline:none}.cds--date-picker.cds--skeleton .cds--label:before{position:absolute;animation:cds--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--date-picker.cds--skeleton .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--date-picker.cds--skeleton .cds--label{background:CanvasText}.cds--date-picker.cds--skeleton .cds--label:before{background:Canvas;forced-color-adjust:none}}.cds--date-picker.cds--skeleton .cds--label{block-size:.875rem;inline-size:4.6875rem}:host(cds-date-picker) #floating-menu-container{position:fixed;z-index:9100;inline-size:100%}:host(cds-date-picker) .cds--date-picker__calendar.open{margin-block-start:0}:host(cds-date-picker) .flatpickr-next-month svg,:host(cds-date-picker) .flatpickr-prev-month svg{transform:rotate(0)}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled{color:var(--cds-layer-selected-inverse,#161616);cursor:not-allowed;opacity:.5}:host(cds-date-picker) .cds--date-picker__day.flatpickr-disabled:hover,:host(cds-date-picker) .flatpickr-day.flatpickr-disabled:hover{background:transparent}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled svg{cursor:not-allowed;fill:var(--cds-layer-selected-inverse,#161616);opacity:.5}:host(cds-date-picker) .flatpickr-next-month.flatpickr-disabled:hover svg,:host(cds-date-picker) .flatpickr-prev-month.flatpickr-disabled:hover svg{fill:var(--cds-layer-selected-inverse,#161616)}:host(cds-date-picker-input),:host(cds-date-picker-input-skeleton){outline:none}:host(cds-date-picker-input) .cds--form-requirement[hidden],:host(cds-date-picker-input-skeleton) .cds--form-requirement[hidden]{display:none}:host(cds-date-picker-input[warn]:not([invalid])) .cds--form-requirement{color:var(--cds-text-primary,#161616)}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input{inline-size:7.5rem}:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input-skeleton[kind=simple]) .cds--date-picker__input--warn,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--invalid,:host(cds-date-picker-input[kind=simple]) .cds--date-picker__input--warn{inline-size:9.5rem}:host(cds-date-picker-input-skeleton[kind=simple][short]) .cds--date-picker__input,:host(cds-date-picker-input[kind=simple][short]) .cds--date-picker__input{inline-size:5.625rem}:host(cds-date-picker-input-skeleton[kind=single]),:host(cds-date-picker-input[kind=single]){max-inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=single]) .cds--date-picker__input,:host(cds-date-picker-input[kind=single]) .cds--date-picker__input{inline-size:18rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input[kind=from]){margin-inline-end:.0625rem}:host(cds-date-picker-input-skeleton[kind=from]),:host(cds-date-picker-input-skeleton[kind=to]),:host(cds-date-picker-input[kind=from]),:host(cds-date-picker-input[kind=to]){inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input-skeleton[kind=to]) .cds--date-picker__input,:host(cds-date-picker-input[kind=from]) .cds--date-picker__input,:host(cds-date-picker-input[kind=to]) .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input) ::slotted(cds-ai-label),:host(cds-date-picker-input) ::slotted(cds-slug){position:absolute;inset-block-start:50%;inset-inline-end:2.5rem}:host(cds-date-picker-input) ::slotted(cds-ai-label:not([revert-active])),:host(cds-date-picker-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-date-picker-input-skeleton){display:inline-block}:host(cds-date-picker-input-skeleton) .cds--label{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}:host(cds-date-picker-input-skeleton) .cds--label:active,:host(cds-date-picker-input-skeleton) .cds--label:focus,:host(cds-date-picker-input-skeleton) .cds--label:hover{border:none;cursor:default;outline:none}:host(cds-date-picker-input-skeleton) .cds--label:before{position:absolute;animation:cds--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-date-picker-input-skeleton) .cds--label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-date-picker-input-skeleton) .cds--label{background:CanvasText}:host(cds-date-picker-input-skeleton) .cds--label:before{background:Canvas;forced-color-adjust:none}}:host(cds-date-picker-input-skeleton) .cds--label{block-size:.875rem;inline-size:4.6875rem}:host(cds-date-picker-input-skeleton) .cds--date-picker-input-skeleton-container{display:inline-block}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container{inline-size:8.96875rem}:host(cds-date-picker-input-skeleton[range]) .cds--date-picker-input-skeleton-container .cds--date-picker__input{inline-size:8.96875rem}:host(cds-date-picker-input[ai-label]) .cds--date-picker__input--decorator{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)}"]);
11
11
  //#endregion
12
12
  export { date_picker_default as default };
13
13
 
package/es/components/date-picker/date-picker.scss.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.scss.js","names":[],"sources":["../../../src/components/date-picker/date-picker.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2025\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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/colors' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/components/form';\n@use '@carbon/styles/scss/components/date-picker/date-picker' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n\n// https://github.com/carbon-design-system/carbon/issues/11408\n@include date-picker;\n\n:host(#{$prefix}-date-picker) {\n @extend .#{$prefix}--date-picker;\n\n #floating-menu-container {\n position: absolute;\n inline-size: 100%;\n }\n\n .#{$prefix}--date-picker__calendar.open {\n margin-block-start: 0;\n }\n\n .flatpickr-next-month,\n .flatpickr-prev-month {\n svg {\n transform: rotate(0) #{'/*rtl:rotate(180deg)*/'};\n }\n }\n\n // _date-picker.scss#L351-L360 in `v10.6.0` tree, coping with the CSS class that latest Flatpickr has\n .#{$prefix}--date-picker__day.flatpickr-disabled,\n .flatpickr-day.flatpickr-disabled {\n color: $layer-selected-inverse;\n cursor: not-allowed;\n opacity: 0.5;\n\n &:hover {\n background: transparent;\n }\n }\n\n // _date-picker.scss#L455-L468 in `v10.6.0` tree, coping with the CSS class that latest Flatpickr has\n .flatpickr-next-month.flatpickr-disabled,\n .flatpickr-prev-month.flatpickr-disabled {\n svg {\n cursor: not-allowed;\n fill: $layer-selected-inverse;\n opacity: 0.5;\n }\n\n &:hover {\n svg {\n fill: $layer-selected-inverse;\n }\n }\n }\n}\n\n:host(#{$prefix}-date-picker-input),\n:host(#{$prefix}-date-picker-input-skeleton) {\n @extend .#{$prefix}--date-picker-container;\n\n outline: none;\n\n .#{$prefix}--form-requirement[hidden] {\n display: none;\n }\n}\n:host(#{$prefix}-date-picker-input[warn]:not([invalid])) {\n .#{$prefix}--form-requirement {\n color: $text-primary;\n }\n}\n\n:host(#{$prefix}-date-picker-input[kind='simple']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='simple']) {\n .#{$prefix}--date-picker__input {\n inline-size: rem(120px);\n }\n\n .#{$prefix}--date-picker__input--invalid,\n .#{$prefix}--date-picker__input--warn {\n inline-size: rem(152px);\n }\n}\n\n:host(#{$prefix}-date-picker-input[kind='simple'][short]),\n:host(#{$prefix}-date-picker-input-skeleton[kind='simple'][short]) {\n .#{$prefix}--date-picker__input {\n inline-size: rem(90px);\n }\n}\n\n:host(#{$prefix}-date-picker-input[kind='single']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='single']) {\n max-inline-size: rem(288px);\n\n .#{$prefix}--date-picker__input {\n inline-size: rem(288px);\n }\n}\n\n:host(#{$prefix}-date-picker-input[kind='from']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='from']) {\n margin-inline-end: rem(1px);\n}\n\n:host(#{$prefix}-date-picker-input[kind='from']),\n:host(#{$prefix}-date-picker-input[kind='to']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='from']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='to']) {\n inline-size: rem(143.5px);\n\n .#{$prefix}--date-picker__input {\n inline-size: rem(143.5px);\n }\n}\n\n:host(#{$prefix}-date-picker-input) {\n .#{$prefix}--date-picker__icon {\n @extend .#{$prefix}--date-picker__icon;\n }\n\n .#{$prefix}--date-picker__icon--warn {\n @extend .#{$prefix}--date-picker__icon--warn;\n }\n\n .#{$prefix}--date-picker__icon--invalid {\n @extend .#{$prefix}--date-picker__icon--invalid;\n }\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-08;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n}\n\n:host(#{$prefix}-date-picker-input-skeleton) {\n display: inline-block;\n\n .#{$prefix}--label {\n @include skeleton;\n\n block-size: rem(14px);\n\n inline-size: rem(75px);\n }\n\n .#{$prefix}--date-picker-input-skeleton-container {\n display: inline-block;\n }\n}\n\n:host(#{$prefix}-date-picker-input-skeleton[range]) {\n .#{$prefix}--date-picker-input-skeleton-container {\n inline-size: rem(143.5px);\n\n .#{$prefix}--date-picker__input {\n inline-size: rem(143.5px);\n }\n }\n}\n\n:host(#{$prefix}-date-picker-input[ai-label])\n .#{$prefix}--date-picker__input--decorator {\n @include ai-gradient;\n}\n"],"mappings":""}
1
+ {"version":3,"file":"date-picker.scss.js","names":[],"sources":["../../../src/components/date-picker/date-picker.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2019, 2025\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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/colors' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/components/form';\n@use '@carbon/styles/scss/components/date-picker/date-picker' as *;\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n\n// https://github.com/carbon-design-system/carbon/issues/11408\n@include date-picker;\n\n:host(#{$prefix}-date-picker) {\n @extend .#{$prefix}--date-picker;\n\n #floating-menu-container {\n position: fixed;\n z-index: z('dropdown');\n inline-size: 100%;\n }\n\n .#{$prefix}--date-picker__calendar.open {\n margin-block-start: 0;\n }\n\n .flatpickr-next-month,\n .flatpickr-prev-month {\n svg {\n transform: rotate(0) #{'/*rtl:rotate(180deg)*/'};\n }\n }\n\n // _date-picker.scss#L351-L360 in `v10.6.0` tree, coping with the CSS class that latest Flatpickr has\n .#{$prefix}--date-picker__day.flatpickr-disabled,\n .flatpickr-day.flatpickr-disabled {\n color: $layer-selected-inverse;\n cursor: not-allowed;\n opacity: 0.5;\n\n &:hover {\n background: transparent;\n }\n }\n\n // _date-picker.scss#L455-L468 in `v10.6.0` tree, coping with the CSS class that latest Flatpickr has\n .flatpickr-next-month.flatpickr-disabled,\n .flatpickr-prev-month.flatpickr-disabled {\n svg {\n cursor: not-allowed;\n fill: $layer-selected-inverse;\n opacity: 0.5;\n }\n\n &:hover {\n svg {\n fill: $layer-selected-inverse;\n }\n }\n }\n}\n\n:host(#{$prefix}-date-picker-input),\n:host(#{$prefix}-date-picker-input-skeleton) {\n @extend .#{$prefix}--date-picker-container;\n\n outline: none;\n\n .#{$prefix}--form-requirement[hidden] {\n display: none;\n }\n}\n:host(#{$prefix}-date-picker-input[warn]:not([invalid])) {\n .#{$prefix}--form-requirement {\n color: $text-primary;\n }\n}\n\n:host(#{$prefix}-date-picker-input[kind='simple']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='simple']) {\n .#{$prefix}--date-picker__input {\n inline-size: rem(120px);\n }\n\n .#{$prefix}--date-picker__input--invalid,\n .#{$prefix}--date-picker__input--warn {\n inline-size: rem(152px);\n }\n}\n\n:host(#{$prefix}-date-picker-input[kind='simple'][short]),\n:host(#{$prefix}-date-picker-input-skeleton[kind='simple'][short]) {\n .#{$prefix}--date-picker__input {\n inline-size: rem(90px);\n }\n}\n\n:host(#{$prefix}-date-picker-input[kind='single']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='single']) {\n max-inline-size: rem(288px);\n\n .#{$prefix}--date-picker__input {\n inline-size: rem(288px);\n }\n}\n\n:host(#{$prefix}-date-picker-input[kind='from']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='from']) {\n margin-inline-end: rem(1px);\n}\n\n:host(#{$prefix}-date-picker-input[kind='from']),\n:host(#{$prefix}-date-picker-input[kind='to']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='from']),\n:host(#{$prefix}-date-picker-input-skeleton[kind='to']) {\n inline-size: rem(143.5px);\n\n .#{$prefix}--date-picker__input {\n inline-size: rem(143.5px);\n }\n}\n\n:host(#{$prefix}-date-picker-input) {\n .#{$prefix}--date-picker__icon {\n @extend .#{$prefix}--date-picker__icon;\n }\n\n .#{$prefix}--date-picker__icon--warn {\n @extend .#{$prefix}--date-picker__icon--warn;\n }\n\n .#{$prefix}--date-picker__icon--invalid {\n @extend .#{$prefix}--date-picker__icon--invalid;\n }\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: $spacing-08;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-50%);\n }\n}\n\n:host(#{$prefix}-date-picker-input-skeleton) {\n display: inline-block;\n\n .#{$prefix}--label {\n @include skeleton;\n\n block-size: rem(14px);\n\n inline-size: rem(75px);\n }\n\n .#{$prefix}--date-picker-input-skeleton-container {\n display: inline-block;\n }\n}\n\n:host(#{$prefix}-date-picker-input-skeleton[range]) {\n .#{$prefix}--date-picker-input-skeleton-container {\n inline-size: rem(143.5px);\n\n .#{$prefix}--date-picker__input {\n inline-size: rem(143.5px);\n }\n }\n}\n\n:host(#{$prefix}-date-picker-input[ai-label])\n .#{$prefix}--date-picker__input--decorator {\n @include ai-gradient;\n}\n"],"mappings":""}
package/es/components/dialog/dialog-body.js CHANGED
@@ -8,8 +8,8 @@
8
8
  import "../../globals/settings.js";
9
9
  import { carbonElement } from "../../globals/decorators/carbon-element.js";
10
10
  import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
11
- import modal_body_default from "../modal/modal-body.js";
12
11
  import dialog_default from "./dialog.scss.js";
12
+ import modal_body_default from "../modal/modal-body.js";
13
13
  //#region src/components/dialog/dialog-body.ts
14
14
  /**
15
15
  * Copyright IBM Corp. 2026
package/es/components/dialog/dialog-close-button.js CHANGED
@@ -9,8 +9,8 @@ import "../../globals/settings.js";
9
9
  import { carbonElement } from "../../globals/decorators/carbon-element.js";
10
10
  import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
11
11
  import iconLoader from "../../globals/internal/icon-loader.js";
12
- import modal_close_button_default from "../modal/modal-close-button.js";
13
12
  import dialog_default from "./dialog.scss.js";
13
+ import modal_close_button_default from "../modal/modal-close-button.js";
14
14
  import { html } from "lit";
15
15
  import { ifDefined } from "lit/directives/if-defined.js";
16
16
  import Close20 from "@carbon/icons/es/close/20.js";
package/es/components/dialog/dialog-footer.js CHANGED
@@ -8,8 +8,8 @@
8
8
  import "../../globals/settings.js";
9
9
  import { carbonElement } from "../../globals/decorators/carbon-element.js";
10
10
  import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
11
- import modal_footer_default from "../modal/modal-footer.js";
12
11
  import dialog_default from "./dialog.scss.js";
12
+ import modal_footer_default from "../modal/modal-footer.js";
13
13
  //#region src/components/dialog/dialog-footer.ts
14
14
  /**
15
15
  * Copyright IBM Corp. 2026
package/es/components/dialog/dialog-subtitle.js CHANGED
@@ -8,8 +8,8 @@
8
8
  import "../../globals/settings.js";
9
9
  import { carbonElement } from "../../globals/decorators/carbon-element.js";
10
10
  import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
11
- import modal_label_default from "../modal/modal-label.js";
12
11
  import dialog_default from "./dialog.scss.js";
12
+ import modal_label_default from "../modal/modal-label.js";
13
13
  import { html } from "lit";
14
14
  import { property } from "lit/decorators.js";
15
15
  //#region src/components/dialog/dialog-subtitle.ts
package/es/components/dialog/dialog-title.js CHANGED
@@ -8,8 +8,8 @@
8
8
  import "../../globals/settings.js";
9
9
  import { carbonElement } from "../../globals/decorators/carbon-element.js";
10
10
  import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
11
- import modal_heading_default from "../modal/modal-heading.js";
12
11
  import dialog_default from "./dialog.scss.js";
12
+ import modal_heading_default from "../modal/modal-heading.js";
13
13
  import { html } from "lit";
14
14
  import { property } from "lit/decorators.js";
15
15
  //#region src/components/dialog/dialog-title.ts
package/es/components/dialog/dialog.d.ts CHANGED
@@ -4,7 +4,7 @@
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.
6
6
  */
7
- import CDSModal from '../modal/modal';
7
+ import CDSModalBase from '../modal/modal-base';
8
8
  /**
9
9
  * Dialog.
10
10
  *
@@ -16,18 +16,21 @@ import CDSModal from '../modal/modal';
16
16
  * Cancellation of this event stops the user-initiated action of closing this dialog.
17
17
  * @fires cds-dialog-closed - The custom event fired after this dialog is closed upon a user gesture.
18
18
  */
19
- declare class CDSDialog extends CDSModal {
19
+ declare class CDSDialog extends CDSModalBase {
20
20
  /**
21
21
  * Reference to the native dialog element
22
22
  */
23
23
  private _dialogElement?;
24
+ /**
25
+ * MutationObserver that observes the modal-footer
26
+ */
27
+ private _footerObserver?;
24
28
  /**
25
29
  * Handles `click` event on this element.
26
30
  *
27
31
  * @param event The event.
28
32
  */
29
33
  protected _handleClick: (event: MouseEvent) => void;
30
- loadingStatus: 'inactive' | 'active' | 'finished' | 'error';
31
34
  /**
32
35
  * Specifies whether the dialog is modal or non-modal
33
36
  */
@@ -57,6 +60,14 @@ declare class CDSDialog extends CDSModal {
57
60
  * Handles `slotchange` event.
58
61
  */
59
62
  protected _handleSlotChange(): void;
63
+ /**
64
+ * Observes the dialog footer's `has-three-buttons` attribute to account for cases
65
+ * where the loading status and the amount of footer-buttons
66
+ * are being changed dynamically
67
+ */
68
+ private _observeFooter;
69
+ connectedCallback(): void;
70
+ disconnectedCallback(): void;
60
71
  /**
61
72
  * Gets footer elements.
62
73
  */
@@ -65,10 +76,6 @@ declare class CDSDialog extends CDSModal {
65
76
  primaryButton: HTMLElement | null;
66
77
  secondaryButtons: HTMLElement[];
67
78
  };
68
- /**
69
- * Do not inherit hostKeyDown handling from modal
70
- */
71
- protected _handleHostKeydown: () => void;
72
79
  protected _handleKeydown: (event: KeyboardEvent) => void;
73
80
  updated(changedProperties: any): Promise<void>;
74
81
  render(): import("lit-html").TemplateResult<1>;
@@ -93,6 +100,10 @@ declare class CDSDialog extends CDSModal {
93
100
  * The name of the custom event fired after this dialog is closed upon a user gesture.
94
101
  */
95
102
  static get eventClose(): string;
103
+ /**
104
+ * The name of the custom event fired when this modal reaches a `finished` loading state
105
+ */
106
+ static get eventOnLoadingSuccess(): string;
96
107
  static styles: any;
97
108
  }
98
109
  export default CDSDialog;
package/es/components/dialog/dialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC;;;;;;;;;;GAUG;AACH,cACM,SAAU,SAAQ,QAAQ;IAC9B;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAC,CAAoB;IAE3C;;;;OAIG;IAIH,SAAS,CAAC,YAAY,GAAI,OAAO,UAAU,UASzC;IAGF,aAAa,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAc;IAEzE;;OAEG;IAEH,KAAK,UAAQ;IAEb;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC;;OAEG;IAEH,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC;;OAEG;IAEH,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEtC;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAY;IAE1C;;;OAGG;IAEH,0BAA0B,UAAS;IAEnC;;OAEG;IACH,SAAS,CAAC,iBAAiB;IAU3B;;OAEG;IACH,SAAS,CAAC,kBAAkB;;;;;IAqB5B;;OAEG;IAEH,SAAS,CAAC,kBAAkB,aAAY;IAKxC,SAAS,CAAC,cAAc,GAAI,OAAO,aAAa,UAS9C;IAEI,OAAO,CAAC,iBAAiB,KAAA;IAsE/B,MAAM;IAsBN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C;;;;;;;;;;GAUG;AACH,cACM,SAAU,SAAQ,YAAY;IAClC;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAC,CAAoB;IAE3C;;OAEG;IACH,OAAO,CAAC,eAAe,CAAC,CAAmB;IAE3C;;;;OAIG;IAIH,SAAS,CAAC,YAAY,GAAI,OAAO,UAAU,UASzC;IAEF;;OAEG;IAEH,KAAK,UAAQ;IAEb;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC;;OAEG;IAEH,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC;;OAEG;IAEH,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEtC;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAY;IAE1C;;;OAGG;IAEH,0BAA0B,UAAS;IAEnC;;OAEG;IACH,SAAS,CAAC,iBAAiB;IAU3B;;;;OAIG;IACH,OAAO,CAAC,cAAc;IActB,iBAAiB;IAKjB,oBAAoB;IAKpB;;OAEG;IACH,SAAS,CAAC,kBAAkB;;;;;IAwB5B,SAAS,CAAC,cAAc,GAAI,OAAO,aAAa,UAS9C;IAEI,OAAO,CAAC,iBAAiB,KAAA;IAuF/B,MAAM;IAuBN;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED;;OAEG;IACH,MAAM,KAAK,qBAAqB,WAE/B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}
package/es/components/dialog/dialog.js CHANGED
@@ -9,7 +9,7 @@ import "../../globals/settings.js";
9
9
  import { carbonElement } from "../../globals/decorators/carbon-element.js";
10
10
  import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
11
11
  import HostListener from "../../globals/decorators/host-listener.js";
12
- import modal_default from "../modal/modal.js";
12
+ import { CDSModalBase } from "../modal/modal-base.js";
13
13
  import dialog_default$1 from "./dialog.scss.js";
14
14
  import { html } from "lit";
15
15
  import { property, query } from "lit/decorators.js";
@@ -32,20 +32,18 @@ import { ifDefined } from "lit/directives/if-defined.js";
32
32
  * Cancellation of this event stops the user-initiated action of closing this dialog.
33
33
  * @fires cds-dialog-closed - The custom event fired after this dialog is closed upon a user gesture.
34
34
  */
35
- let CDSDialog = class CDSDialog extends modal_default {
35
+ let CDSDialog = class CDSDialog extends CDSModalBase {
36
36
  constructor(..._args) {
37
37
  super(..._args);
38
38
  this._handleClick = (event) => {
39
39
  if (this.open && this.modal && event.composedPath()[0] === this._dialogElement && !this.preventCloseOnClickOutside) this._handleUserInitiatedClose(event.target);
40
40
  };
41
- this.loadingStatus = "inactive";
42
41
  this.modal = true;
43
42
  this.ariaLabel = null;
44
43
  this.ariaLabelledBy = null;
45
44
  this.ariaDescribedBy = null;
46
45
  this.role = "dialog";
47
46
  this.preventCloseOnClickOutside = false;
48
- this._handleHostKeydown = () => {};
49
47
  this._handleKeydown = (event) => {
50
48
  const { key, target } = event;
51
49
  if (!this.modal || !this.open) return;
@@ -64,6 +62,31 @@ let CDSDialog = class CDSDialog extends modal_default {
64
62
  this.requestUpdate();
65
63
  }
66
64
  /**
65
+ * Observes the dialog footer's `has-three-buttons` attribute to account for cases
66
+ * where the loading status and the amount of footer-buttons
67
+ * are being changed dynamically
68
+ */
69
+ _observeFooter() {
70
+ const footer = this.querySelector(`cds-dialog-footer`);
71
+ if (!footer) return;
72
+ this._footerObserver = new MutationObserver(() => {
73
+ this._updateLoadingElement();
74
+ });
75
+ this._footerObserver.observe(footer, {
76
+ attributes: true,
77
+ childList: true,
78
+ attributeFilter: ["has-three-buttons"]
79
+ });
80
+ }
81
+ connectedCallback() {
82
+ super.connectedCallback?.();
83
+ this._observeFooter();
84
+ }
85
+ disconnectedCallback() {
86
+ this._footerObserver?.disconnect();
87
+ super.disconnectedCallback?.();
88
+ }
89
+ /**
67
90
  * Gets footer elements.
68
91
  */
69
92
  _getFooterElements() {
@@ -82,18 +105,20 @@ let CDSDialog = class CDSDialog extends modal_default {
82
105
  }
83
106
  if (this._dialogElement) if (this.modal) this._dialogElement.showModal();
84
107
  else this._dialogElement.show();
85
- const primaryFocusNode = this.querySelector(this.constructor.selectorPrimaryFocus);
86
- await this.constructor._delay();
87
- if (primaryFocusNode) primaryFocusNode.focus();
88
- else {
89
- const { primaryButton, secondaryButtons } = this._getFooterElements();
90
- if (primaryButton && primaryButton?.getAttribute("kind") === "danger" && secondaryButtons[0]) secondaryButtons[0].focus();
108
+ if (!this.hasAttribute("modal-controlled")) {
109
+ const primaryFocusNode = this.querySelector(this.constructor.selectorPrimaryFocus);
110
+ await this.constructor._delay();
111
+ if (primaryFocusNode) primaryFocusNode.focus();
91
112
  else {
92
- const closeButton = this.querySelector(this.constructor.selectorCloseButton);
93
- if (closeButton) closeButton.focus();
113
+ const { primaryButton, secondaryButtons } = this._getFooterElements();
114
+ if (primaryButton && primaryButton?.getAttribute("kind") === "danger" && secondaryButtons[0]) secondaryButtons[0].focus();
94
115
  else {
95
- const { first } = this.getFocusable();
96
- first?.focus();
116
+ const closeButton = this.querySelector(this.constructor.selectorCloseButton);
117
+ if (closeButton) closeButton.focus();
118
+ else {
119
+ const { first } = this.getFocusable();
120
+ first?.focus();
121
+ }
97
122
  }
98
123
  }
99
124
  }
@@ -104,6 +129,10 @@ let CDSDialog = class CDSDialog extends modal_default {
104
129
  this._launcher = null;
105
130
  }
106
131
  }
132
+ if (changedProperties.has("loadingStatus") || changedProperties.has("loadingDescription") || changedProperties.has("loadingSuccessDelay") || changedProperties.has("loadingIconDescription")) {
133
+ await this.constructor._delay();
134
+ this._updateLoadingElement();
135
+ }
107
136
  }
108
137
  render() {
109
138
  const { ariaLabel, ariaLabelledBy, ariaDescribedBy, role } = this;
@@ -111,6 +140,7 @@ let CDSDialog = class CDSDialog extends modal_default {
111
140
  return html`
112
141
  <dialog
113
142
  part="dialog"
143
+ class="${"cds"}--dialog"
114
144
  role=${role}
115
145
  aria-label=${ifDefined(ariaLabel || void 0)}
116
146
  aria-labelledby=${ifDefined(ariaLabelledBy || (!ariaLabel ? title?.id : void 0))}
@@ -127,7 +157,7 @@ let CDSDialog = class CDSDialog extends modal_default {
127
157
  * A selector selecting buttons that should close this dialog.
128
158
  */
129
159
  static get selectorCloseButton() {
130
- return `[data-dialog-close],cds-dialog-close-button`;
160
+ return `[data-dialog-close],cds-dialog-close-button,[data-modal-close],cds-modal-close-button`;
131
161
  }
132
162
  /**
133
163
  * A selector selecting the nodes that should be focused when dialog gets open.
@@ -154,13 +184,18 @@ let CDSDialog = class CDSDialog extends modal_default {
154
184
  static get eventClose() {
155
185
  return `cds-dialog-closed`;
156
186
  }
187
+ /**
188
+ * The name of the custom event fired when this modal reaches a `finished` loading state
189
+ */
190
+ static get eventOnLoadingSuccess() {
191
+ return `cds-dialog-on-loadingsuccess`;
192
+ }
157
193
  static {
158
194
  this.styles = dialog_default$1;
159
195
  }
160
196
  };
161
197
  __decorate([query("dialog")], CDSDialog.prototype, "_dialogElement", void 0);
162
198
  __decorate([HostListener("click")], CDSDialog.prototype, "_handleClick", void 0);
163
- __decorate([property({ attribute: false })], CDSDialog.prototype, "loadingStatus", void 0);
164
199
  __decorate([property({
165
200
  type: Boolean,
166
201
  reflect: true
@@ -173,7 +208,6 @@ __decorate([property({
173
208
  type: Boolean,
174
209
  attribute: "prevent-close-on-click-outside"
175
210
  })], CDSDialog.prototype, "preventCloseOnClickOutside", void 0);
176
- __decorate([HostListener("keydown")], CDSDialog.prototype, "_handleHostKeydown", void 0);
177
211
  __decorate([HostListener("document:keydown")], CDSDialog.prototype, "_handleKeydown", void 0);
178
212
  CDSDialog = __decorate([carbonElement(`cds-dialog`)], CDSDialog);
179
213
  var dialog_default = CDSDialog;
package/es/components/dialog/dialog.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.js","names":["CDSModal","styles","customElement"],"sources":["../../../src/components/dialog/dialog.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport styles from './dialog.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSModal from '../modal/modal';\n\n/**\n * Dialog.\n *\n * @see This component is in {@link https://web-components.carbondesignsystem.com/?path=/docs/preview-about-preview--about-preview|preview status}\n *\n * @element cds-dialog\n * @fires cds-dialog-beingclosed\n * The custom event fired before this dialog is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this dialog.\n * @fires cds-dialog-closed - The custom event fired after this dialog is closed upon a user gesture.\n */\n@customElement(`${prefix}-dialog`)\nclass CDSDialog extends CDSModal {\n /**\n * Reference to the native dialog element\n */\n @query('dialog')\n private _dialogElement?: HTMLDialogElement;\n\n /**\n * Handles `click` event on this element.\n *\n * @param event The event.\n */\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n protected _handleClick = (event: MouseEvent) => {\n if (\n this.open &&\n this.modal &&\n event.composedPath()[0] === this._dialogElement &&\n !this.preventCloseOnClickOutside\n ) {\n this._handleUserInitiatedClose(event.target);\n }\n };\n\n @property({ attribute: false })\n loadingStatus: 'inactive' | 'active' | 'finished' | 'error' = 'inactive';\n\n /**\n * Specifies whether the dialog is modal or non-modal\n */\n @property({ type: Boolean, reflect: true })\n modal = true;\n\n /**\n * Specify text for the accessibility label of the dialog\n */\n @property({ attribute: 'aria-label' })\n ariaLabel: string | null = null;\n\n /**\n * Specify the ID of an element that labels this dialog\n */\n @property({ attribute: 'aria-labelledby' })\n ariaLabelledBy: string | null = null;\n\n /**\n * Specify the ID of an element that describes this dialog\n */\n @property({ attribute: 'aria-describedby' })\n ariaDescribedBy: string | null = null;\n\n /**\n * Specify the role of the dialog for accessibility\n */\n @property({ reflect: true })\n role: 'dialog' | 'alertdialog' = 'dialog';\n\n /**\n * Prevent closing on click outside of dialog\n * Only applies to modal dialogs.\n */\n @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n preventCloseOnClickOutside = false;\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleSlotChange() {\n if (this.querySelector(`${prefix}-dialog-footer`)) {\n this.setAttribute('has-footer', '');\n } else {\n this.removeAttribute('has-footer');\n }\n\n this.requestUpdate();\n }\n\n /**\n * Gets footer elements.\n */\n protected _getFooterElements() {\n const footer = this.querySelector(`${prefix}-dialog-footer`);\n\n const primaryButton =\n this.querySelector<HTMLElement>(\n `${prefix}-dialog-footer-button[kind=\"primary\"]`\n ) ||\n this.querySelector<HTMLElement>(\n `${prefix}-dialog-footer-button[kind=\"danger\"]`\n ) ||\n null;\n\n const secondaryButtons = Array.from(\n this.querySelectorAll<HTMLElement>(\n `${prefix}-dialog-footer-button[kind=\"secondary\"]`\n )\n );\n\n return { footer, primaryButton, secondaryButtons };\n }\n\n /**\n * Do not inherit hostKeyDown handling from modal\n */\n @HostListener('keydown')\n protected _handleHostKeydown = () => {};\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 protected _handleKeydown = (event: KeyboardEvent) => {\n const { key, target } = event;\n\n if (!this.modal || !this.open) return;\n\n if (key === 'Esc' || key === 'Escape') {\n event.preventDefault();\n this._handleUserInitiatedClose(target);\n }\n };\n\n async updated(changedProperties) {\n if (changedProperties.has('open')) {\n if (this.open) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n this._launcher = this.ownerDocument!.activeElement;\n\n if (this._dialogElement && !this.ariaLabel && !this.ariaLabelledBy) {\n const title = this.querySelector(`${prefix}-dialog-title`);\n\n // Set aria-labelledby to the title's ID if it exists\n if (title && title.id) {\n this._dialogElement.setAttribute('aria-labelledby', title.id);\n }\n }\n\n if (this._dialogElement) {\n if (this.modal) {\n this._dialogElement.showModal();\n } else {\n this._dialogElement.show();\n }\n }\n\n const primaryFocusNode = this.querySelector(\n (this.constructor as typeof CDSDialog).selectorPrimaryFocus\n );\n await (this.constructor as typeof CDSDialog)._delay();\n\n if (primaryFocusNode) {\n // For cases where a `carbon-web-components` component (e.g. `<cds-button>`) being `primaryFocusNode`,\n // where its first update/render cycle that makes it focusable happens after `<cds-dialog>`'s first update/render cycle\n (primaryFocusNode as HTMLElement).focus();\n } else {\n const { primaryButton, secondaryButtons } = this._getFooterElements();\n\n if (\n primaryButton &&\n primaryButton?.getAttribute('kind') === 'danger' &&\n secondaryButtons[0]\n ) {\n secondaryButtons[0].focus();\n } else {\n const closeButton = this.querySelector(\n (this.constructor as typeof CDSDialog).selectorCloseButton\n ) as HTMLElement;\n\n if (closeButton) {\n closeButton.focus();\n } else {\n const { first } = this.getFocusable();\n first?.focus();\n }\n }\n }\n } else {\n if (this._dialogElement && this._dialogElement.open) {\n this._dialogElement.close();\n }\n\n 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 render() {\n const { ariaLabel, ariaLabelledBy, ariaDescribedBy, role } = this;\n const title = this.querySelector(`${prefix}-dialog-title`);\n\n return html`\n <dialog\n part=\"dialog\"\n role=${role}\n aria-label=${ifDefined(ariaLabel || undefined)}\n aria-labelledby=${ifDefined(\n ariaLabelledBy || (!ariaLabel ? title?.id : undefined)\n )}\n aria-describedby=${ifDefined(ariaDescribedBy || undefined)}>\n <div\n class=\"${prefix}--dialog-container\"\n @click=${this._handleClickContainer}>\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n </dialog>\n `;\n }\n\n /**\n * A selector selecting buttons that should close this dialog.\n */\n static get selectorCloseButton() {\n return `[data-dialog-close],${prefix}-dialog-close-button`;\n }\n\n /**\n * A selector selecting the nodes that should be focused when dialog gets open.\n */\n static get selectorPrimaryFocus() {\n return `[data-dialog-primary-focus]`;\n }\n\n /**\n * A selector selecting the dialog body component\n */\n static get selectorModalBody() {\n return `${prefix}-dialog-body`;\n }\n\n /**\n * The name of the custom event fired before this dialog is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this dialog.\n */\n static get eventBeforeClose() {\n return `${prefix}-dialog-beingclosed`;\n }\n\n /**\n * The name of the custom event fired after this dialog is closed upon a user gesture.\n */\n static get eventClose() {\n return `${prefix}-dialog-closed`;\n }\n\n static styles = styles;\n}\n\nexport default CDSDialog;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAA,YAAA,MACM,kBAAkBA,cAAS;;;uBAeL,UAAsB;AAC9C,OACE,KAAK,QACL,KAAK,SACL,MAAM,cAAc,CAAC,OAAO,KAAK,kBACjC,CAAC,KAAK,2BAEN,MAAK,0BAA0B,MAAM,OAAO;;uBAKc;eAMtD;mBAMmB;wBAMK;yBAMC;cAMA;oCAOJ;kCA2CQ;yBAKT,UAAyB;GACnD,MAAM,EAAE,KAAK,WAAW;AAExB,OAAI,CAAC,KAAK,SAAS,CAAC,KAAK,KAAM;AAE/B,OAAI,QAAQ,SAAS,QAAQ,UAAU;AACrC,UAAM,gBAAgB;AACtB,SAAK,0BAA0B,OAAO;;;;;;;CAlD1C,oBAA8B;AAC5B,MAAI,KAAK,cAAc,oBAA0B,CAC/C,MAAK,aAAa,cAAc,GAAG;MAEnC,MAAK,gBAAgB,aAAa;AAGpC,OAAK,eAAe;;;;;CAMtB,qBAA+B;AAkB7B,SAAO;GAAE,QAjBM,KAAK,cAAc,oBAA0B;GAiB3C,eAdf,KAAK,cACH,2CACD,IACD,KAAK,cACH,0CACD,IACD;GAQ8B,kBANP,MAAM,KAC7B,KAAK,iBACH,6CACD,CACF;GAEiD;;CAuBpD,MAAM,QAAQ,mBAAmB;AAC/B,MAAI,kBAAkB,IAAI,OAAO,CAC/B,KAAI,KAAK,MAAM;AAEb,QAAK,YAAY,KAAK,cAAe;AAErC,OAAI,KAAK,kBAAkB,CAAC,KAAK,aAAa,CAAC,KAAK,gBAAgB;IAClE,MAAM,QAAQ,KAAK,cAAc,mBAAyB;AAG1D,QAAI,SAAS,MAAM,GACjB,MAAK,eAAe,aAAa,mBAAmB,MAAM,GAAG;;AAIjE,OAAI,KAAK,eACP,KAAI,KAAK,MACP,MAAK,eAAe,WAAW;OAE/B,MAAK,eAAe,MAAM;GAI9B,MAAM,mBAAmB,KAAK,cAC3B,KAAK,YAAiC,qBACxC;AACD,SAAO,KAAK,YAAiC,QAAQ;AAErD,OAAI,iBAGD,kBAAiC,OAAO;QACpC;IACL,MAAM,EAAE,eAAe,qBAAqB,KAAK,oBAAoB;AAErE,QACE,iBACA,eAAe,aAAa,OAAO,KAAK,YACxC,iBAAiB,GAEjB,kBAAiB,GAAG,OAAO;SACtB;KACL,MAAM,cAAc,KAAK,cACtB,KAAK,YAAiC,oBACxC;AAED,SAAI,YACF,aAAY,OAAO;UACd;MACL,MAAM,EAAE,UAAU,KAAK,cAAc;AACrC,aAAO,OAAO;;;;SAIf;AACL,OAAI,KAAK,kBAAkB,KAAK,eAAe,KAC7C,MAAK,eAAe,OAAO;AAG7B,OACE,KAAK,aACL,OAAQ,KAAK,UAA0B,UAAU,YACjD;AACC,SAAK,UAA0B,OAAO;AACvC,SAAK,YAAY;;;;CAMzB,SAAS;EACP,MAAM,EAAE,WAAW,gBAAgB,iBAAiB,SAAS;EAC7D,MAAM,QAAQ,KAAK,cAAc,mBAAyB;AAE1D,SAAO,IAAI;;;eAGA,KAAK;qBACC,UAAU,aAAa,KAAA,EAAU,CAAC;0BAC7B,UAChB,mBAAmB,CAAC,YAAY,OAAO,KAAK,KAAA,GAC7C,CAAC;2BACiB,UAAU,mBAAmB,KAAA,EAAU,CAAC;;yBAEzC;mBACP,KAAK,sBAAsB;+BACf,KAAK,kBAAkB;;;;;;;;CASpD,WAAW,sBAAsB;AAC/B,SAAO;;;;;CAMT,WAAW,uBAAuB;AAChC,SAAO;;;;;CAMT,WAAW,oBAAoB;AAC7B,SAAO;;;;;;CAOT,WAAW,mBAAmB;AAC5B,SAAO;;;;;CAMT,WAAW,aAAa;AACtB,SAAO;;;gBAGOC;;;YAvPf,MAAM,SAAS,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;YAQf,aAAa,QAAQ,CAAA,EAAA,UAAA,WAAA,gBAAA,KAAA,EAAA;YAcrB,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,UAAA,WAAA,iBAAA,KAAA,EAAA;YAM9B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,SAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAMrC,SAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAM3C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAO3B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAkC,CAAC,CAAA,EAAA,UAAA,WAAA,8BAAA,KAAA,EAAA;YA2CxE,aAAa,UAAU,CAAA,EAAA,UAAA,WAAA,sBAAA,KAAA,EAAA;YAGvB,aAAa,mBAAmB,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;wBA9GlCC,cAAc,aAAmB,CAAA,EAAA,UAAA;AA+PlC,IAAA,iBAAe"}
1
+ {"version":3,"file":"dialog.js","names":["styles","customElement"],"sources":["../../../src/components/dialog/dialog.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport styles from './dialog.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSModalBase from '../modal/modal-base';\n\n/**\n * Dialog.\n *\n * @see This component is in {@link https://web-components.carbondesignsystem.com/?path=/docs/preview-about-preview--about-preview|preview status}\n *\n * @element cds-dialog\n * @fires cds-dialog-beingclosed\n * The custom event fired before this dialog is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this dialog.\n * @fires cds-dialog-closed - The custom event fired after this dialog is closed upon a user gesture.\n */\n@customElement(`${prefix}-dialog`)\nclass CDSDialog extends CDSModalBase {\n /**\n * Reference to the native dialog element\n */\n @query('dialog')\n private _dialogElement?: HTMLDialogElement;\n\n /**\n * MutationObserver that observes the modal-footer\n */\n private _footerObserver?: MutationObserver;\n\n /**\n * Handles `click` event on this element.\n *\n * @param event The event.\n */\n @HostListener('click')\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n protected _handleClick = (event: MouseEvent) => {\n if (\n this.open &&\n this.modal &&\n event.composedPath()[0] === this._dialogElement &&\n !this.preventCloseOnClickOutside\n ) {\n this._handleUserInitiatedClose(event.target);\n }\n };\n\n /**\n * Specifies whether the dialog is modal or non-modal\n */\n @property({ type: Boolean, reflect: true })\n modal = true;\n\n /**\n * Specify text for the accessibility label of the dialog\n */\n @property({ attribute: 'aria-label' })\n ariaLabel: string | null = null;\n\n /**\n * Specify the ID of an element that labels this dialog\n */\n @property({ attribute: 'aria-labelledby' })\n ariaLabelledBy: string | null = null;\n\n /**\n * Specify the ID of an element that describes this dialog\n */\n @property({ attribute: 'aria-describedby' })\n ariaDescribedBy: string | null = null;\n\n /**\n * Specify the role of the dialog for accessibility\n */\n @property({ reflect: true })\n role: 'dialog' | 'alertdialog' = 'dialog';\n\n /**\n * Prevent closing on click outside of dialog\n * Only applies to modal dialogs.\n */\n @property({ type: Boolean, attribute: 'prevent-close-on-click-outside' })\n preventCloseOnClickOutside = false;\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleSlotChange() {\n if (this.querySelector(`${prefix}-dialog-footer`)) {\n this.setAttribute('has-footer', '');\n } else {\n this.removeAttribute('has-footer');\n }\n\n this.requestUpdate();\n }\n\n /**\n * Observes the dialog footer's `has-three-buttons` attribute to account for cases\n * where the loading status and the amount of footer-buttons\n * are being changed dynamically\n */\n private _observeFooter() {\n const footer = this.querySelector(`${prefix}-dialog-footer`);\n if (!footer) return;\n\n this._footerObserver = new MutationObserver(() => {\n this._updateLoadingElement();\n });\n this._footerObserver.observe(footer, {\n attributes: true,\n childList: true,\n attributeFilter: ['has-three-buttons'],\n });\n }\n\n connectedCallback() {\n super.connectedCallback?.();\n this._observeFooter();\n }\n\n disconnectedCallback() {\n this._footerObserver?.disconnect();\n super.disconnectedCallback?.();\n }\n\n /**\n * Gets footer elements.\n */\n protected _getFooterElements() {\n const footer = this.querySelector(`${prefix}-dialog-footer`);\n\n const primaryButton =\n this.querySelector<HTMLElement>(\n `${prefix}-dialog-footer-button[kind=\"primary\"]`\n ) ||\n this.querySelector<HTMLElement>(\n `${prefix}-dialog-footer-button[kind=\"danger\"]`\n ) ||\n null;\n\n const secondaryButtons = Array.from(\n this.querySelectorAll<HTMLElement>(\n `${prefix}-dialog-footer-button[kind=\"secondary\"]`\n )\n );\n\n return { footer, primaryButton, secondaryButtons };\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 protected _handleKeydown = (event: KeyboardEvent) => {\n const { key, target } = event;\n\n if (!this.modal || !this.open) return;\n\n if (key === 'Esc' || key === 'Escape') {\n event.preventDefault();\n this._handleUserInitiatedClose(target);\n }\n };\n\n async updated(changedProperties) {\n if (changedProperties.has('open')) {\n if (this.open) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n this._launcher = this.ownerDocument!.activeElement;\n\n if (this._dialogElement && !this.ariaLabel && !this.ariaLabelledBy) {\n const title = this.querySelector(`${prefix}-dialog-title`);\n\n // Set aria-labelledby to the title's ID if it exists\n if (title && title.id) {\n this._dialogElement.setAttribute('aria-labelledby', title.id);\n }\n }\n\n if (this._dialogElement) {\n if (this.modal) {\n this._dialogElement.showModal();\n } else {\n this._dialogElement.show();\n }\n }\n\n // If inside of a modal with `enable-dialog-element` feature\n // flag enabled, let the modal handle the focus management\n const inEnableDialogElementFeatureFlag =\n this.hasAttribute('modal-controlled');\n\n if (!inEnableDialogElementFeatureFlag) {\n const primaryFocusNode = this.querySelector(\n (this.constructor as typeof CDSDialog).selectorPrimaryFocus\n );\n await (this.constructor as typeof CDSDialog)._delay();\n\n if (primaryFocusNode) {\n // For cases where a `carbon-web-components` component (e.g. `<cds-button>`) being `primaryFocusNode`,\n // where its first update/render cycle that makes it focusable happens after `<cds-dialog>`'s first update/render cycle\n (primaryFocusNode as HTMLElement).focus();\n } else {\n const { primaryButton, secondaryButtons } =\n this._getFooterElements();\n\n if (\n primaryButton &&\n primaryButton?.getAttribute('kind') === 'danger' &&\n secondaryButtons[0]\n ) {\n secondaryButtons[0].focus();\n } else {\n const closeButton = this.querySelector(\n (this.constructor as typeof CDSDialog).selectorCloseButton\n ) as HTMLElement;\n\n if (closeButton) {\n closeButton.focus();\n } else {\n const { first } = this.getFocusable();\n first?.focus();\n }\n }\n }\n }\n } else {\n if (this._dialogElement && this._dialogElement.open) {\n this._dialogElement.close();\n }\n\n 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 if (\n changedProperties.has('loadingStatus') ||\n changedProperties.has('loadingDescription') ||\n changedProperties.has('loadingSuccessDelay') ||\n changedProperties.has('loadingIconDescription')\n ) {\n await (this.constructor as typeof CDSDialog)._delay();\n this._updateLoadingElement();\n }\n }\n\n render() {\n const { ariaLabel, ariaLabelledBy, ariaDescribedBy, role } = this;\n const title = this.querySelector(`${prefix}-dialog-title`);\n\n return html`\n <dialog\n part=\"dialog\"\n class=\"${prefix}--dialog\"\n role=${role}\n aria-label=${ifDefined(ariaLabel || undefined)}\n aria-labelledby=${ifDefined(\n ariaLabelledBy || (!ariaLabel ? title?.id : undefined)\n )}\n aria-describedby=${ifDefined(ariaDescribedBy || undefined)}>\n <div\n class=\"${prefix}--dialog-container\"\n @click=${this._handleClickContainer}>\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>\n </dialog>\n `;\n }\n\n /**\n * A selector selecting buttons that should close this dialog.\n */\n static get selectorCloseButton() {\n return `[data-dialog-close],${prefix}-dialog-close-button,[data-modal-close],${prefix}-modal-close-button`;\n }\n\n /**\n * A selector selecting the nodes that should be focused when dialog gets open.\n */\n static get selectorPrimaryFocus() {\n return `[data-dialog-primary-focus]`;\n }\n\n /**\n * A selector selecting the dialog body component\n */\n static get selectorModalBody() {\n return `${prefix}-dialog-body`;\n }\n\n /**\n * The name of the custom event fired before this dialog is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this dialog.\n */\n static get eventBeforeClose() {\n return `${prefix}-dialog-beingclosed`;\n }\n\n /**\n * The name of the custom event fired after this dialog is closed upon a user gesture.\n */\n static get eventClose() {\n return `${prefix}-dialog-closed`;\n }\n\n /**\n * The name of the custom event fired when this modal reaches a `finished` loading state\n */\n static get eventOnLoadingSuccess() {\n return `${prefix}-dialog-on-loadingsuccess`;\n }\n\n static styles = styles;\n}\n\nexport default CDSDialog;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAA,YAAA,MACM,kBAAkB,aAAa;;;uBAoBT,UAAsB;AAC9C,OACE,KAAK,QACL,KAAK,SACL,MAAM,cAAc,CAAC,OAAO,KAAK,kBACjC,CAAC,KAAK,2BAEN,MAAK,0BAA0B,MAAM,OAAO;;eAQxC;mBAMmB;wBAMK;yBAMC;cAMA;oCAOJ;yBAuED,UAAyB;GACnD,MAAM,EAAE,KAAK,WAAW;AAExB,OAAI,CAAC,KAAK,SAAS,CAAC,KAAK,KAAM;AAE/B,OAAI,QAAQ,SAAS,QAAQ,UAAU;AACrC,UAAM,gBAAgB;AACtB,SAAK,0BAA0B,OAAO;;;;;;;CAzE1C,oBAA8B;AAC5B,MAAI,KAAK,cAAc,oBAA0B,CAC/C,MAAK,aAAa,cAAc,GAAG;MAEnC,MAAK,gBAAgB,aAAa;AAGpC,OAAK,eAAe;;;;;;;CAQtB,iBAAyB;EACvB,MAAM,SAAS,KAAK,cAAc,oBAA0B;AAC5D,MAAI,CAAC,OAAQ;AAEb,OAAK,kBAAkB,IAAI,uBAAuB;AAChD,QAAK,uBAAuB;IAC5B;AACF,OAAK,gBAAgB,QAAQ,QAAQ;GACnC,YAAY;GACZ,WAAW;GACX,iBAAiB,CAAC,oBAAoB;GACvC,CAAC;;CAGJ,oBAAoB;AAClB,QAAM,qBAAqB;AAC3B,OAAK,gBAAgB;;CAGvB,uBAAuB;AACrB,OAAK,iBAAiB,YAAY;AAClC,QAAM,wBAAwB;;;;;CAMhC,qBAA+B;AAkB7B,SAAO;GAAE,QAjBM,KAAK,cAAc,oBAA0B;GAiB3C,eAdf,KAAK,cACH,2CACD,IACD,KAAK,cACH,0CACD,IACD;GAQ8B,kBANP,MAAM,KAC7B,KAAK,iBACH,6CACD,CACF;GAEiD;;CAiBpD,MAAM,QAAQ,mBAAmB;AAC/B,MAAI,kBAAkB,IAAI,OAAO,CAC/B,KAAI,KAAK,MAAM;AAEb,QAAK,YAAY,KAAK,cAAe;AAErC,OAAI,KAAK,kBAAkB,CAAC,KAAK,aAAa,CAAC,KAAK,gBAAgB;IAClE,MAAM,QAAQ,KAAK,cAAc,mBAAyB;AAG1D,QAAI,SAAS,MAAM,GACjB,MAAK,eAAe,aAAa,mBAAmB,MAAM,GAAG;;AAIjE,OAAI,KAAK,eACP,KAAI,KAAK,MACP,MAAK,eAAe,WAAW;OAE/B,MAAK,eAAe,MAAM;AAS9B,OAAI,CAFF,KAAK,aAAa,mBAAmB,EAEA;IACrC,MAAM,mBAAmB,KAAK,cAC3B,KAAK,YAAiC,qBACxC;AACD,UAAO,KAAK,YAAiC,QAAQ;AAErD,QAAI,iBAGD,kBAAiC,OAAO;SACpC;KACL,MAAM,EAAE,eAAe,qBACrB,KAAK,oBAAoB;AAE3B,SACE,iBACA,eAAe,aAAa,OAAO,KAAK,YACxC,iBAAiB,GAEjB,kBAAiB,GAAG,OAAO;UACtB;MACL,MAAM,cAAc,KAAK,cACtB,KAAK,YAAiC,oBACxC;AAED,UAAI,YACF,aAAY,OAAO;WACd;OACL,MAAM,EAAE,UAAU,KAAK,cAAc;AACrC,cAAO,OAAO;;;;;SAKjB;AACL,OAAI,KAAK,kBAAkB,KAAK,eAAe,KAC7C,MAAK,eAAe,OAAO;AAG7B,OACE,KAAK,aACL,OAAQ,KAAK,UAA0B,UAAU,YACjD;AACC,SAAK,UAA0B,OAAO;AACvC,SAAK,YAAY;;;AAIvB,MACE,kBAAkB,IAAI,gBAAgB,IACtC,kBAAkB,IAAI,qBAAqB,IAC3C,kBAAkB,IAAI,sBAAsB,IAC5C,kBAAkB,IAAI,yBAAyB,EAC/C;AACA,SAAO,KAAK,YAAiC,QAAQ;AACrD,QAAK,uBAAuB;;;CAIhC,SAAS;EACP,MAAM,EAAE,WAAW,gBAAgB,iBAAiB,SAAS;EAC7D,MAAM,QAAQ,KAAK,cAAc,mBAAyB;AAE1D,SAAO,IAAI;;;uBAGS;eACT,KAAK;qBACC,UAAU,aAAa,KAAA,EAAU,CAAC;0BAC7B,UAChB,mBAAmB,CAAC,YAAY,OAAO,KAAK,KAAA,GAC7C,CAAC;2BACiB,UAAU,mBAAmB,KAAA,EAAU,CAAC;;yBAEzC;mBACP,KAAK,sBAAsB;+BACf,KAAK,kBAAkB;;;;;;;;CASpD,WAAW,sBAAsB;AAC/B,SAAO;;;;;CAMT,WAAW,uBAAuB;AAChC,SAAO;;;;;CAMT,WAAW,oBAAoB;AAC7B,SAAO;;;;;;CAOT,WAAW,mBAAmB;AAC5B,SAAO;;;;;CAMT,WAAW,aAAa;AACtB,SAAO;;;;;CAMT,WAAW,wBAAwB;AACjC,SAAO;;;gBAGOA;;;YAzSf,MAAM,SAAS,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;YAaf,aAAa,QAAQ,CAAA,EAAA,UAAA,WAAA,gBAAA,KAAA,EAAA;YAiBrB,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,UAAA,WAAA,SAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,cAAc,CAAC,CAAA,EAAA,UAAA,WAAA,aAAA,KAAA,EAAA;YAMrC,SAAS,EAAE,WAAW,mBAAmB,CAAC,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,oBAAoB,CAAC,CAAA,EAAA,UAAA,WAAA,mBAAA,KAAA,EAAA;YAM3C,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,UAAA,WAAA,QAAA,KAAA,EAAA;YAO3B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAkC,CAAC,CAAA,EAAA,UAAA,WAAA,8BAAA,KAAA,EAAA;YAqExE,aAAa,mBAAmB,CAAA,EAAA,UAAA,WAAA,kBAAA,KAAA,EAAA;wBAvIlCC,cAAc,aAAmB,CAAA,EAAA,UAAA;AAiTlC,IAAA,iBAAe"}