@carbon/web-components 2.46.0 → 2.47.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 (548) hide show
  1. package/custom-elements.json +89 -20
  2. package/es/components/ai-label/ai-label.d.ts +1 -1
  3. package/es/components/ai-label/ai-label.js +11 -2
  4. package/es/components/ai-label/ai-label.js.map +1 -1
  5. package/es/components/ai-label/ai-label.scss.js +1 -1
  6. package/es/components/ai-skeleton/ai-skeleton.scss.js +1 -1
  7. package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts +1 -1
  8. package/es/components/breadcrumb/breadcrumb-overflow-menu.js +7 -3
  9. package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
  10. package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
  11. package/es/components/button/button.scss.js +1 -1
  12. package/es/components/chat-button/chat-button-skeleton.d.ts +1 -1
  13. package/es/components/chat-button/chat-button-skeleton.js +6 -2
  14. package/es/components/chat-button/chat-button-skeleton.js.map +1 -1
  15. package/es/components/chat-button/chat-button.d.ts +1 -1
  16. package/es/components/chat-button/chat-button.js +6 -2
  17. package/es/components/chat-button/chat-button.js.map +1 -1
  18. package/es/components/chat-button/chat-button.scss.js +1 -1
  19. package/es/components/code-snippet/code-snippet.scss.js +1 -1
  20. package/es/components/combo-box/combo-box.d.ts +5 -1
  21. package/es/components/combo-box/combo-box.js +27 -3
  22. package/es/components/combo-box/combo-box.js.map +1 -1
  23. package/es/components/combo-box/combo-box.scss.js +1 -1
  24. package/es/components/copy/copy.d.ts +1 -1
  25. package/es/components/copy/copy.js +1 -2
  26. package/es/components/copy/copy.js.map +1 -1
  27. package/es/components/copy-button/copy-button.scss.js +1 -1
  28. package/es/components/data-table/data-table.scss.js +1 -1
  29. package/es/components/date-picker/range-plugin.d.ts +1 -1
  30. package/es/components/date-picker/range-plugin.js +1 -3
  31. package/es/components/date-picker/range-plugin.js.map +1 -1
  32. package/es/components/dropdown/dropdown.d.ts +3 -3
  33. package/es/components/dropdown/dropdown.js +1 -3
  34. package/es/components/dropdown/dropdown.js.map +1 -1
  35. package/es/components/dropdown/dropdown.scss.js +1 -1
  36. package/es/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  37. package/es/components/fluid-search/fluid-search.scss.js +1 -1
  38. package/es/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  39. package/es/components/grid/column-hang.d.ts +0 -2
  40. package/es/components/grid/column-hang.js +0 -2
  41. package/es/components/grid/column-hang.js.map +1 -1
  42. package/es/components/grid/column.d.ts +0 -2
  43. package/es/components/grid/column.js +0 -2
  44. package/es/components/grid/column.js.map +1 -1
  45. package/es/components/grid/grid.d.ts +0 -2
  46. package/es/components/grid/grid.js +0 -2
  47. package/es/components/grid/grid.js.map +1 -1
  48. package/es/components/grid/index.d.ts +0 -2
  49. package/es/components/icon-button/icon-button.d.ts +1 -1
  50. package/es/components/icon-button/icon-button.js +12 -3
  51. package/es/components/icon-button/icon-button.js.map +1 -1
  52. package/es/components/icon-button/icon-button.scss.js +2 -2
  53. package/es/components/menu/menu-context.d.ts +3 -2
  54. package/es/components/menu/menu-context.js +1 -1
  55. package/es/components/menu/menu-context.js.map +1 -1
  56. package/es/components/menu/menu.d.ts +3 -2
  57. package/es/components/menu/menu.js +5 -4
  58. package/es/components/menu/menu.js.map +1 -1
  59. package/es/components/menu/menu.scss.js +1 -1
  60. package/es/components/modal/modal-body.d.ts +3 -1
  61. package/es/components/modal/modal-body.js +17 -1
  62. package/es/components/modal/modal-body.js.map +1 -1
  63. package/es/components/modal/modal-close-button.d.ts +2 -1
  64. package/es/components/modal/modal-close-button.js +11 -5
  65. package/es/components/modal/modal-close-button.js.map +1 -1
  66. package/es/components/modal/modal.d.ts +67 -2
  67. package/es/components/modal/modal.js +228 -8
  68. package/es/components/modal/modal.js.map +1 -1
  69. package/es/components/modal/modal.scss.js +1 -1
  70. package/es/components/multi-select/multi-select.d.ts +2 -2
  71. package/es/components/multi-select/multi-select.js +8 -4
  72. package/es/components/multi-select/multi-select.js.map +1 -1
  73. package/es/components/multi-select/multi-select.scss.js +1 -1
  74. package/es/components/notification/actionable-notification.js +8 -1
  75. package/es/components/notification/actionable-notification.js.map +1 -1
  76. package/es/components/notification/actionable-notification.scss.js +1 -1
  77. package/es/components/notification/inline-notification.scss.js +1 -1
  78. package/es/components/notification/toast-notification.scss.js +1 -1
  79. package/es/components/overflow-menu/overflow-menu.d.ts +0 -1
  80. package/es/components/overflow-menu/overflow-menu.js +3 -2
  81. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  82. package/es/components/page-header/index.d.ts +0 -2
  83. package/es/components/page-header/page-header-breadcrumb.d.ts +0 -2
  84. package/es/components/page-header/page-header-breadcrumb.js +0 -2
  85. package/es/components/page-header/page-header-breadcrumb.js.map +1 -1
  86. package/es/components/page-header/page-header-content-text.d.ts +0 -2
  87. package/es/components/page-header/page-header-content-text.js +0 -2
  88. package/es/components/page-header/page-header-content-text.js.map +1 -1
  89. package/es/components/page-header/page-header-content.d.ts +0 -2
  90. package/es/components/page-header/page-header-content.js +0 -2
  91. package/es/components/page-header/page-header-content.js.map +1 -1
  92. package/es/components/page-header/page-header-hero-image.d.ts +0 -2
  93. package/es/components/page-header/page-header-hero-image.js +0 -2
  94. package/es/components/page-header/page-header-hero-image.js.map +1 -1
  95. package/es/components/page-header/page-header-tabs.d.ts +0 -2
  96. package/es/components/page-header/page-header-tabs.js +0 -2
  97. package/es/components/page-header/page-header-tabs.js.map +1 -1
  98. package/es/components/page-header/page-header.d.ts +0 -2
  99. package/es/components/page-header/page-header.js +0 -2
  100. package/es/components/page-header/page-header.js.map +1 -1
  101. package/es/components/pagination/pagination.js +7 -4
  102. package/es/components/pagination/pagination.js.map +1 -1
  103. package/es/components/password-input/password-input.scss.js +1 -1
  104. package/es/components/popover/popover-content.js +2 -2
  105. package/es/components/popover/popover-content.js.map +1 -1
  106. package/es/components/popover/popover.d.ts +7 -1
  107. package/es/components/popover/popover.js +54 -3
  108. package/es/components/popover/popover.js.map +1 -1
  109. package/es/components/popover/popover.scss.js +2 -2
  110. package/es/components/search/search.scss.js +1 -1
  111. package/es/components/slider/slider.scss.js +1 -1
  112. package/es/components/slug/slug.d.ts +1 -1
  113. package/es/components/slug/slug.js +11 -2
  114. package/es/components/slug/slug.js.map +1 -1
  115. package/es/components/slug/slug.scss.js +1 -1
  116. package/es/components/tabs/defs.d.ts +4 -0
  117. package/es/components/tabs/defs.js +4 -0
  118. package/es/components/tabs/defs.js.map +1 -1
  119. package/es/components/tabs/tabs.d.ts +2 -4
  120. package/es/components/tabs/tabs.js +37 -8
  121. package/es/components/tabs/tabs.js.map +1 -1
  122. package/es/components/tabs/tabs.scss.js +1 -1
  123. package/es/components/tag/dismissible-tag.d.ts +0 -2
  124. package/es/components/tag/dismissible-tag.js +0 -2
  125. package/es/components/tag/dismissible-tag.js.map +1 -1
  126. package/es/components/tag/operational-tag.d.ts +0 -2
  127. package/es/components/tag/operational-tag.js +0 -2
  128. package/es/components/tag/operational-tag.js.map +1 -1
  129. package/es/components/tag/selectable-tag.d.ts +0 -2
  130. package/es/components/tag/selectable-tag.js +0 -2
  131. package/es/components/tag/selectable-tag.js.map +1 -1
  132. package/es/components/tag/tag-skeleton.d.ts +0 -2
  133. package/es/components/tag/tag-skeleton.js +0 -2
  134. package/es/components/tag/tag-skeleton.js.map +1 -1
  135. package/es/components/text-input/text-input.scss.js +1 -1
  136. package/es/components/tile/tile.scss.js +1 -1
  137. package/es/components/time-picker/time-picker.scss.js +1 -1
  138. package/es/components/toggle-tip/toggletip.d.ts +0 -1
  139. package/es/components/toggle-tip/toggletip.js +4 -3
  140. package/es/components/toggle-tip/toggletip.js.map +1 -1
  141. package/es/components/toggle-tip/toggletip.scss.js +2 -2
  142. package/es/components/tooltip/definition-tooltip.js +5 -3
  143. package/es/components/tooltip/definition-tooltip.js.map +1 -1
  144. package/es/components/tooltip/tooltip-content.d.ts +0 -7
  145. package/es/components/tooltip/tooltip-content.js +4 -8
  146. package/es/components/tooltip/tooltip-content.js.map +1 -1
  147. package/es/components/tooltip/tooltip.d.ts +0 -1
  148. package/es/components/tooltip/tooltip.js +4 -7
  149. package/es/components/tooltip/tooltip.js.map +1 -1
  150. package/es/components/tooltip/tooltip.scss.js +2 -2
  151. package/es/components/tree-view/defs.d.ts +0 -2
  152. package/es/components/tree-view/defs.js +0 -2
  153. package/es/components/tree-view/defs.js.map +1 -1
  154. package/es/components/tree-view/index.d.ts +0 -2
  155. package/es/components/tree-view/tree-node.d.ts +0 -2
  156. package/es/components/tree-view/tree-node.js +0 -2
  157. package/es/components/tree-view/tree-node.js.map +1 -1
  158. package/es/components/tree-view/tree-view.d.ts +0 -2
  159. package/es/components/tree-view/tree-view.js +0 -2
  160. package/es/components/tree-view/tree-view.js.map +1 -1
  161. package/es/components/tree-view/tree-view.scss.js +1 -1
  162. package/es/components/ui-shell/header-global-action.d.ts +1 -1
  163. package/es/components/ui-shell/header-global-action.js +16 -2
  164. package/es/components/ui-shell/header-global-action.js.map +1 -1
  165. package/es/components/ui-shell/header-name.js +1 -1
  166. package/es/components/ui-shell/header-name.js.map +1 -1
  167. package/es/components/ui-shell/side-nav-menu-item.d.ts +4 -0
  168. package/es/components/ui-shell/side-nav-menu-item.js +10 -2
  169. package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
  170. package/es/globals/controllers/floating-controller.d.ts +1 -1
  171. package/es/globals/controllers/floating-controller.js +34 -30
  172. package/es/globals/controllers/floating-controller.js.map +1 -1
  173. package/es/globals/decorators/carbon-element.d.ts +5 -4
  174. package/es/globals/decorators/carbon-element.js +1 -1
  175. package/es/globals/decorators/carbon-element.js.map +1 -1
  176. package/es-custom/components/ai-label/ai-label.d.ts +1 -1
  177. package/es-custom/components/ai-label/ai-label.js +11 -2
  178. package/es-custom/components/ai-label/ai-label.js.map +1 -1
  179. package/es-custom/components/ai-label/ai-label.scss.js +1 -1
  180. package/es-custom/components/ai-skeleton/ai-skeleton.scss.js +1 -1
  181. package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.d.ts +1 -1
  182. package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.js +7 -3
  183. package/es-custom/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
  184. package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
  185. package/es-custom/components/button/button.scss.js +1 -1
  186. package/es-custom/components/chat-button/chat-button-skeleton.d.ts +1 -1
  187. package/es-custom/components/chat-button/chat-button-skeleton.js +6 -2
  188. package/es-custom/components/chat-button/chat-button-skeleton.js.map +1 -1
  189. package/es-custom/components/chat-button/chat-button.d.ts +1 -1
  190. package/es-custom/components/chat-button/chat-button.js +6 -2
  191. package/es-custom/components/chat-button/chat-button.js.map +1 -1
  192. package/es-custom/components/chat-button/chat-button.scss.js +1 -1
  193. package/es-custom/components/code-snippet/code-snippet.scss.js +1 -1
  194. package/es-custom/components/combo-box/combo-box.d.ts +5 -1
  195. package/es-custom/components/combo-box/combo-box.js +27 -3
  196. package/es-custom/components/combo-box/combo-box.js.map +1 -1
  197. package/es-custom/components/combo-box/combo-box.scss.js +1 -1
  198. package/es-custom/components/copy/copy.d.ts +1 -1
  199. package/es-custom/components/copy/copy.js +1 -2
  200. package/es-custom/components/copy/copy.js.map +1 -1
  201. package/es-custom/components/copy-button/copy-button.scss.js +1 -1
  202. package/es-custom/components/data-table/data-table.scss.js +1 -1
  203. package/es-custom/components/date-picker/range-plugin.d.ts +1 -1
  204. package/es-custom/components/date-picker/range-plugin.js +1 -3
  205. package/es-custom/components/date-picker/range-plugin.js.map +1 -1
  206. package/es-custom/components/dropdown/dropdown.d.ts +3 -3
  207. package/es-custom/components/dropdown/dropdown.js +1 -3
  208. package/es-custom/components/dropdown/dropdown.js.map +1 -1
  209. package/es-custom/components/dropdown/dropdown.scss.js +1 -1
  210. package/es-custom/components/fluid-number-input/fluid-number-input.scss.js +1 -1
  211. package/es-custom/components/fluid-search/fluid-search.scss.js +1 -1
  212. package/es-custom/components/fluid-text-input/fluid-text-input.scss.js +1 -1
  213. package/es-custom/components/grid/column-hang.d.ts +0 -2
  214. package/es-custom/components/grid/column-hang.js +0 -2
  215. package/es-custom/components/grid/column-hang.js.map +1 -1
  216. package/es-custom/components/grid/column.d.ts +0 -2
  217. package/es-custom/components/grid/column.js +0 -2
  218. package/es-custom/components/grid/column.js.map +1 -1
  219. package/es-custom/components/grid/grid.d.ts +0 -2
  220. package/es-custom/components/grid/grid.js +0 -2
  221. package/es-custom/components/grid/grid.js.map +1 -1
  222. package/es-custom/components/grid/index.d.ts +0 -2
  223. package/es-custom/components/icon-button/icon-button.d.ts +1 -1
  224. package/es-custom/components/icon-button/icon-button.js +12 -3
  225. package/es-custom/components/icon-button/icon-button.js.map +1 -1
  226. package/es-custom/components/icon-button/icon-button.scss.js +2 -2
  227. package/es-custom/components/menu/menu-context.d.ts +3 -2
  228. package/es-custom/components/menu/menu-context.js +1 -1
  229. package/es-custom/components/menu/menu-context.js.map +1 -1
  230. package/es-custom/components/menu/menu.d.ts +3 -2
  231. package/es-custom/components/menu/menu.js +5 -4
  232. package/es-custom/components/menu/menu.js.map +1 -1
  233. package/es-custom/components/menu/menu.scss.js +1 -1
  234. package/es-custom/components/modal/modal-body.d.ts +3 -1
  235. package/es-custom/components/modal/modal-body.js +17 -1
  236. package/es-custom/components/modal/modal-body.js.map +1 -1
  237. package/es-custom/components/modal/modal-close-button.d.ts +2 -1
  238. package/es-custom/components/modal/modal-close-button.js +11 -5
  239. package/es-custom/components/modal/modal-close-button.js.map +1 -1
  240. package/es-custom/components/modal/modal.d.ts +67 -2
  241. package/es-custom/components/modal/modal.js +228 -8
  242. package/es-custom/components/modal/modal.js.map +1 -1
  243. package/es-custom/components/modal/modal.scss.js +1 -1
  244. package/es-custom/components/multi-select/multi-select.d.ts +2 -2
  245. package/es-custom/components/multi-select/multi-select.js +8 -4
  246. package/es-custom/components/multi-select/multi-select.js.map +1 -1
  247. package/es-custom/components/multi-select/multi-select.scss.js +1 -1
  248. package/es-custom/components/notification/actionable-notification.js +8 -1
  249. package/es-custom/components/notification/actionable-notification.js.map +1 -1
  250. package/es-custom/components/notification/actionable-notification.scss.js +1 -1
  251. package/es-custom/components/notification/inline-notification.scss.js +1 -1
  252. package/es-custom/components/notification/toast-notification.scss.js +1 -1
  253. package/es-custom/components/overflow-menu/overflow-menu.d.ts +0 -1
  254. package/es-custom/components/overflow-menu/overflow-menu.js +3 -2
  255. package/es-custom/components/overflow-menu/overflow-menu.js.map +1 -1
  256. package/es-custom/components/page-header/index.d.ts +0 -2
  257. package/es-custom/components/page-header/page-header-breadcrumb.d.ts +0 -2
  258. package/es-custom/components/page-header/page-header-breadcrumb.js +0 -2
  259. package/es-custom/components/page-header/page-header-breadcrumb.js.map +1 -1
  260. package/es-custom/components/page-header/page-header-content-text.d.ts +0 -2
  261. package/es-custom/components/page-header/page-header-content-text.js +0 -2
  262. package/es-custom/components/page-header/page-header-content-text.js.map +1 -1
  263. package/es-custom/components/page-header/page-header-content.d.ts +0 -2
  264. package/es-custom/components/page-header/page-header-content.js +0 -2
  265. package/es-custom/components/page-header/page-header-content.js.map +1 -1
  266. package/es-custom/components/page-header/page-header-hero-image.d.ts +0 -2
  267. package/es-custom/components/page-header/page-header-hero-image.js +0 -2
  268. package/es-custom/components/page-header/page-header-hero-image.js.map +1 -1
  269. package/es-custom/components/page-header/page-header-tabs.d.ts +0 -2
  270. package/es-custom/components/page-header/page-header-tabs.js +0 -2
  271. package/es-custom/components/page-header/page-header-tabs.js.map +1 -1
  272. package/es-custom/components/page-header/page-header.d.ts +0 -2
  273. package/es-custom/components/page-header/page-header.js +0 -2
  274. package/es-custom/components/page-header/page-header.js.map +1 -1
  275. package/es-custom/components/pagination/pagination.js +7 -4
  276. package/es-custom/components/pagination/pagination.js.map +1 -1
  277. package/es-custom/components/password-input/password-input.scss.js +1 -1
  278. package/es-custom/components/popover/popover-content.js +2 -2
  279. package/es-custom/components/popover/popover-content.js.map +1 -1
  280. package/es-custom/components/popover/popover.d.ts +7 -1
  281. package/es-custom/components/popover/popover.js +54 -3
  282. package/es-custom/components/popover/popover.js.map +1 -1
  283. package/es-custom/components/popover/popover.scss.js +2 -2
  284. package/es-custom/components/search/search.scss.js +1 -1
  285. package/es-custom/components/slider/slider.scss.js +1 -1
  286. package/es-custom/components/slug/slug.d.ts +1 -1
  287. package/es-custom/components/slug/slug.js +11 -2
  288. package/es-custom/components/slug/slug.js.map +1 -1
  289. package/es-custom/components/slug/slug.scss.js +1 -1
  290. package/es-custom/components/tabs/defs.d.ts +4 -0
  291. package/es-custom/components/tabs/defs.js +4 -0
  292. package/es-custom/components/tabs/defs.js.map +1 -1
  293. package/es-custom/components/tabs/tabs.d.ts +2 -4
  294. package/es-custom/components/tabs/tabs.js +37 -8
  295. package/es-custom/components/tabs/tabs.js.map +1 -1
  296. package/es-custom/components/tabs/tabs.scss.js +1 -1
  297. package/es-custom/components/tag/dismissible-tag.d.ts +0 -2
  298. package/es-custom/components/tag/dismissible-tag.js +0 -2
  299. package/es-custom/components/tag/dismissible-tag.js.map +1 -1
  300. package/es-custom/components/tag/operational-tag.d.ts +0 -2
  301. package/es-custom/components/tag/operational-tag.js +0 -2
  302. package/es-custom/components/tag/operational-tag.js.map +1 -1
  303. package/es-custom/components/tag/selectable-tag.d.ts +0 -2
  304. package/es-custom/components/tag/selectable-tag.js +0 -2
  305. package/es-custom/components/tag/selectable-tag.js.map +1 -1
  306. package/es-custom/components/tag/tag-skeleton.d.ts +0 -2
  307. package/es-custom/components/tag/tag-skeleton.js +0 -2
  308. package/es-custom/components/tag/tag-skeleton.js.map +1 -1
  309. package/es-custom/components/text-input/text-input.scss.js +1 -1
  310. package/es-custom/components/tile/tile.scss.js +1 -1
  311. package/es-custom/components/time-picker/time-picker.scss.js +1 -1
  312. package/es-custom/components/toggle-tip/toggletip.d.ts +0 -1
  313. package/es-custom/components/toggle-tip/toggletip.js +4 -3
  314. package/es-custom/components/toggle-tip/toggletip.js.map +1 -1
  315. package/es-custom/components/toggle-tip/toggletip.scss.js +2 -2
  316. package/es-custom/components/tooltip/definition-tooltip.js +5 -3
  317. package/es-custom/components/tooltip/definition-tooltip.js.map +1 -1
  318. package/es-custom/components/tooltip/tooltip-content.d.ts +0 -7
  319. package/es-custom/components/tooltip/tooltip-content.js +4 -8
  320. package/es-custom/components/tooltip/tooltip-content.js.map +1 -1
  321. package/es-custom/components/tooltip/tooltip.d.ts +0 -1
  322. package/es-custom/components/tooltip/tooltip.js +4 -7
  323. package/es-custom/components/tooltip/tooltip.js.map +1 -1
  324. package/es-custom/components/tooltip/tooltip.scss.js +2 -2
  325. package/es-custom/components/tree-view/defs.d.ts +0 -2
  326. package/es-custom/components/tree-view/defs.js +0 -2
  327. package/es-custom/components/tree-view/defs.js.map +1 -1
  328. package/es-custom/components/tree-view/index.d.ts +0 -2
  329. package/es-custom/components/tree-view/tree-node.d.ts +0 -2
  330. package/es-custom/components/tree-view/tree-node.js +0 -2
  331. package/es-custom/components/tree-view/tree-node.js.map +1 -1
  332. package/es-custom/components/tree-view/tree-view.d.ts +0 -2
  333. package/es-custom/components/tree-view/tree-view.js +0 -2
  334. package/es-custom/components/tree-view/tree-view.js.map +1 -1
  335. package/es-custom/components/tree-view/tree-view.scss.js +1 -1
  336. package/es-custom/components/ui-shell/header-global-action.d.ts +1 -1
  337. package/es-custom/components/ui-shell/header-global-action.js +16 -2
  338. package/es-custom/components/ui-shell/header-global-action.js.map +1 -1
  339. package/es-custom/components/ui-shell/header-name.js +1 -1
  340. package/es-custom/components/ui-shell/header-name.js.map +1 -1
  341. package/es-custom/components/ui-shell/side-nav-menu-item.d.ts +4 -0
  342. package/es-custom/components/ui-shell/side-nav-menu-item.js +10 -2
  343. package/es-custom/components/ui-shell/side-nav-menu-item.js.map +1 -1
  344. package/es-custom/globals/controllers/floating-controller.d.ts +1 -1
  345. package/es-custom/globals/controllers/floating-controller.js +34 -30
  346. package/es-custom/globals/controllers/floating-controller.js.map +1 -1
  347. package/es-custom/globals/decorators/carbon-element.d.ts +5 -4
  348. package/es-custom/globals/decorators/carbon-element.js +1 -1
  349. package/es-custom/globals/decorators/carbon-element.js.map +1 -1
  350. package/lib/components/ai-label/ai-label.d.ts +1 -1
  351. package/lib/components/breadcrumb/breadcrumb-overflow-menu.d.ts +1 -1
  352. package/lib/components/chat-button/chat-button-skeleton.d.ts +1 -1
  353. package/lib/components/chat-button/chat-button.d.ts +1 -1
  354. package/lib/components/combo-box/combo-box.d.ts +5 -1
  355. package/lib/components/copy/copy.d.ts +1 -1
  356. package/lib/components/date-picker/range-plugin.d.ts +1 -1
  357. package/lib/components/dropdown/dropdown.d.ts +3 -3
  358. package/lib/components/grid/column-hang.d.ts +0 -2
  359. package/lib/components/grid/column.d.ts +0 -2
  360. package/lib/components/grid/grid.d.ts +0 -2
  361. package/lib/components/grid/index.d.ts +0 -2
  362. package/lib/components/icon-button/icon-button.d.ts +1 -1
  363. package/lib/components/menu/menu-context.d.ts +3 -2
  364. package/lib/components/menu/menu.d.ts +3 -2
  365. package/lib/components/modal/modal-body.d.ts +3 -1
  366. package/lib/components/modal/modal-close-button.d.ts +2 -1
  367. package/lib/components/modal/modal.d.ts +67 -2
  368. package/lib/components/multi-select/multi-select.d.ts +2 -2
  369. package/lib/components/overflow-menu/overflow-menu.d.ts +0 -1
  370. package/lib/components/page-header/index.d.ts +0 -2
  371. package/lib/components/page-header/page-header-breadcrumb.d.ts +0 -2
  372. package/lib/components/page-header/page-header-content-text.d.ts +0 -2
  373. package/lib/components/page-header/page-header-content.d.ts +0 -2
  374. package/lib/components/page-header/page-header-hero-image.d.ts +0 -2
  375. package/lib/components/page-header/page-header-tabs.d.ts +0 -2
  376. package/lib/components/page-header/page-header.d.ts +0 -2
  377. package/lib/components/popover/popover.d.ts +7 -1
  378. package/lib/components/slug/slug.d.ts +1 -1
  379. package/lib/components/tabs/defs.d.ts +4 -0
  380. package/lib/components/tabs/defs.js +4 -0
  381. package/lib/components/tabs/defs.js.map +1 -1
  382. package/lib/components/tabs/tabs.d.ts +2 -4
  383. package/lib/components/tag/dismissible-tag.d.ts +0 -2
  384. package/lib/components/tag/operational-tag.d.ts +0 -2
  385. package/lib/components/tag/selectable-tag.d.ts +0 -2
  386. package/lib/components/tag/tag-skeleton.d.ts +0 -2
  387. package/lib/components/toggle-tip/toggletip.d.ts +0 -1
  388. package/lib/components/tooltip/tooltip-content.d.ts +0 -7
  389. package/lib/components/tooltip/tooltip.d.ts +0 -1
  390. package/lib/components/tree-view/defs.d.ts +0 -2
  391. package/lib/components/tree-view/defs.js +0 -2
  392. package/lib/components/tree-view/defs.js.map +1 -1
  393. package/lib/components/tree-view/index.d.ts +0 -2
  394. package/lib/components/tree-view/tree-node.d.ts +0 -2
  395. package/lib/components/tree-view/tree-view.d.ts +0 -2
  396. package/lib/components/ui-shell/header-global-action.d.ts +1 -1
  397. package/lib/components/ui-shell/side-nav-menu-item.d.ts +4 -0
  398. package/lib/globals/controllers/floating-controller.d.ts +1 -1
  399. package/lib/globals/controllers/floating-controller.js +34 -30
  400. package/lib/globals/controllers/floating-controller.js.map +1 -1
  401. package/lib/globals/decorators/carbon-element.d.ts +5 -4
  402. package/package.json +7 -9
  403. package/scss/components/ai-label/ai-label.scss +11 -12
  404. package/scss/components/ai-skeleton/ai-skeleton.scss +1 -3
  405. package/scss/components/breadcrumb/breadcrumb.scss +0 -1
  406. package/scss/components/button/button.scss +0 -2
  407. package/scss/components/chat-button/chat-button.scss +0 -1
  408. package/scss/components/icon-button/icon-button.scss +0 -2
  409. package/scss/components/menu/menu.scss +11 -2
  410. package/scss/components/modal/modal.scss +27 -7
  411. package/scss/components/multi-select/multi-select.scss +2 -2
  412. package/scss/components/notification/actionable-notification.scss +42 -128
  413. package/scss/components/notification/inline-notification.scss +17 -69
  414. package/scss/components/notification/toast-notification.scss +16 -37
  415. package/scss/components/popover/popover.scss +4 -4
  416. package/scss/components/slug/slug.scss +11 -12
  417. package/scss/components/tabs/tabs.scss +7 -0
  418. package/scss/components/tile/tile.scss +1 -1
  419. package/scss/components/toggle-tip/toggletip.scss +0 -2
  420. package/scss/components/tooltip/tooltip.scss +0 -1
  421. package/telemetry.yml +11 -0
  422. package/dist/16-BXPirV4t.js +0 -28
  423. package/dist/16-BcPXq4VE.js +0 -28
  424. package/dist/16-BiojhJb6.js +0 -28
  425. package/dist/16-BirbARgt.js +0 -28
  426. package/dist/16-CCrV-EKs.js +0 -28
  427. package/dist/16-CNObEOvs.js +0 -28
  428. package/dist/16-CsHohlYG.js +0 -28
  429. package/dist/16-D9rqeJJl.js +0 -28
  430. package/dist/16-DEZ8LNs3.js +0 -28
  431. package/dist/16-DThcsE9v.js +0 -28
  432. package/dist/16-T0hLy__N.js +0 -28
  433. package/dist/16-mUGLFymm.js +0 -28
  434. package/dist/20-BSzLZNRY.js +0 -28
  435. package/dist/20-ZHgmfbqd.js +0 -28
  436. package/dist/accordion.min.js +0 -72
  437. package/dist/ai-label.min.js +0 -54
  438. package/dist/ai-skeleton.min.js +0 -37
  439. package/dist/badge-indicator.min.js +0 -28
  440. package/dist/breadcrumb.min.js +0 -46
  441. package/dist/button-3n7S6dfU.js +0 -94
  442. package/dist/button-skeleton-DE9AxBek.js +0 -48
  443. package/dist/button.min.js +0 -28
  444. package/dist/carbon-element-tFMTVffV.js +0 -28
  445. package/dist/chat-button.min.js +0 -40
  446. package/dist/checkbox-CFU6bnOa.js +0 -67
  447. package/dist/checkbox.min.js +0 -64
  448. package/dist/class-map-BLvVLLRH.js +0 -33
  449. package/dist/code-snippet.min.js +0 -85
  450. package/dist/collection-helpers-C8K_t6zj.js +0 -28
  451. package/dist/combo-box.min.js +0 -65
  452. package/dist/combo-button.min.js +0 -42
  453. package/dist/consume-DNv3sWri.js +0 -64
  454. package/dist/contained-list.min.js +0 -70
  455. package/dist/content-switcher-item-CXc-BbRX.js +0 -54
  456. package/dist/content-switcher.min.js +0 -28
  457. package/dist/copy-button.min.js +0 -44
  458. package/dist/data-table.min.js +0 -185
  459. package/dist/date-picker.min.js +0 -89
  460. package/dist/defs-CcLNpvSO.js +0 -28
  461. package/dist/directive-CwpJ03IP.js +0 -33
  462. package/dist/dropdown-item-CSXYY4Up.js +0 -100
  463. package/dist/dropdown.min.js +0 -31
  464. package/dist/feature-flags.min.js +0 -28
  465. package/dist/file-uploader.min.js +0 -106
  466. package/dist/floating-controller-ClaZwDaj.js +0 -28
  467. package/dist/floating-menu.min.js +0 -28
  468. package/dist/fluid-number-input.min.js +0 -28
  469. package/dist/fluid-search.min.js +0 -33
  470. package/dist/fluid-select.min.js +0 -30
  471. package/dist/fluid-text-input.min.js +0 -28
  472. package/dist/fluid-textarea.min.js +0 -36
  473. package/dist/focus-DCv16lgz.js +0 -28
  474. package/dist/form-D0wM2t2A.js +0 -28
  475. package/dist/form-group.min.js +0 -39
  476. package/dist/form.min.js +0 -30
  477. package/dist/grid.min.js +0 -60
  478. package/dist/heading.min.js +0 -33
  479. package/dist/host-listener-BFnrKETa.js +0 -28
  480. package/dist/host-listener-maKckXVl.js +0 -28
  481. package/dist/icon-button.min.js +0 -42
  482. package/dist/icon-indicator.min.js +0 -28
  483. package/dist/icon-loader-BiaaiIZd.js +0 -28
  484. package/dist/icon-loader-utils-Dw7YsY3n.js +0 -33
  485. package/dist/icon.min.js +0 -28
  486. package/dist/if-defined-B342gMhK.js +0 -33
  487. package/dist/if-non-empty-BXM4sQkm.js +0 -28
  488. package/dist/inline-loading.min.js +0 -39
  489. package/dist/layer.min.js +0 -28
  490. package/dist/link.min.js +0 -52
  491. package/dist/list.min.js +0 -39
  492. package/dist/lit-element-W7dQy3wx.js +0 -50
  493. package/dist/loading-icon-9dSwtpx9.js +0 -43
  494. package/dist/loading.min.js +0 -28
  495. package/dist/menu-button.min.js +0 -37
  496. package/dist/menu.min.js +0 -80
  497. package/dist/modal.min.js +0 -49
  498. package/dist/multi-select.min.js +0 -90
  499. package/dist/notification.min.js +0 -116
  500. package/dist/number-input.min.js +0 -103
  501. package/dist/on-Bh72-1o0.js +0 -28
  502. package/dist/overflow-menu.min.js +0 -49
  503. package/dist/page-header.min.js +0 -142
  504. package/dist/pagination.min.js +0 -104
  505. package/dist/password-input.min.js +0 -93
  506. package/dist/popover.min.js +0 -42
  507. package/dist/progress-bar.min.js +0 -49
  508. package/dist/progress-indicator.min.js +0 -62
  509. package/dist/property-D8KHfsO7.js +0 -33
  510. package/dist/query-DZZk85FD.js +0 -38
  511. package/dist/query-assigned-elements-CuK851Xm.js +0 -33
  512. package/dist/radio-button.min.js +0 -71
  513. package/dist/radio-group-manager-BbeUxJeN.js +0 -28
  514. package/dist/search-BpfBrZ_q.js +0 -58
  515. package/dist/search.min.js +0 -31
  516. package/dist/select-Bu-C3DEh.js +0 -109
  517. package/dist/select-item-CY7ZCgDO.js +0 -28
  518. package/dist/select-skeleton-Bj1W9rv-.js +0 -31
  519. package/dist/select.min.js +0 -28
  520. package/dist/settings-CVGvqY8T.js +0 -28
  521. package/dist/shape-indicator.min.js +0 -28
  522. package/dist/shared-enums-D2BNx9-N.js +0 -28
  523. package/dist/side-panel.min.js +0 -160
  524. package/dist/skeleton-icon.min.js +0 -28
  525. package/dist/skeleton-placeholder.min.js +0 -28
  526. package/dist/skeleton-text.min.js +0 -28
  527. package/dist/skip-to-content.min.js +0 -32
  528. package/dist/slider.min.js +0 -273
  529. package/dist/slug.min.js +0 -54
  530. package/dist/stack.min.js +0 -28
  531. package/dist/state-DVnprZ3A.js +0 -33
  532. package/dist/structured-list.min.js +0 -46
  533. package/dist/tabs.min.js +0 -85
  534. package/dist/tag.min.js +0 -155
  535. package/dist/tearsheet.min.js +0 -141
  536. package/dist/text-input-CMLDDQcE.js +0 -95
  537. package/dist/text-input.min.js +0 -31
  538. package/dist/textarea.min.js +0 -84
  539. package/dist/tile.min.js +0 -101
  540. package/dist/time-picker.min.js +0 -79
  541. package/dist/toggle-tip.min.js +0 -73
  542. package/dist/toggle.min.js +0 -63
  543. package/dist/tooltip-content-eYgOs_c2.js +0 -30
  544. package/dist/tooltip.min.js +0 -50
  545. package/dist/tree-view.min.js +0 -127
  546. package/dist/ui-shell.min.js +0 -156
  547. package/dist/unsafe-html-SGvBIOsG.js +0 -33
  548. package/dist/validity-CzCNnEZK.js +0 -28
package/dist/tag.min.js DELETED
@@ -1,155 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2019, 2020
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- /**
8
- * @license
9
- *
10
- * This bundle contains the following third-party dependencies:
11
- *
12
- * Also refer to the following links for the license of other third-party dependencies:
13
- *
14
- * https://www.npmjs.com/package/tslib
15
- * https://www.npmjs.com/package/lit
16
- * https://www.npmjs.com/package/@lit/context
17
- * https://www.npmjs.com/package/lodash-es
18
- * https://www.npmjs.com/package/@floating-ui/dom
19
- * https://www.npmjs.com/package/@carbon/icon-helpers
20
- * https://www.npmjs.com/package/flatpickr
21
- * https://www.npmjs.com/package/lit-html
22
- * https://www.npmjs.com/package/lit-element
23
- * https://www.npmjs.com/package/@lit/reactive-element
24
- * https://www.npmjs.com/package/@floating-ui/utils
25
- * https://www.npmjs.com/package/@floating-ui/core
26
- */
27
-
28
- import{i as o,r as t,x as e,_ as s}from"./lit-element-W7dQy3wx.js";import{n as d}from"./property-D8KHfsO7.js";import{r as c}from"./state-DVnprZ3A.js";import{a as r}from"./query-DZZk85FD.js";import{p as a}from"./settings-CVGvqY8T.js";import{i as p}from"./icon-loader-BiaaiIZd.js";import{_ as i}from"./16-DThcsE9v.js";import{F as n}from"./focus-DCv16lgz.js";import{H as l}from"./host-listener-BFnrKETa.js";import{H as g}from"./host-listener-maKckXVl.js";import{c as v}from"./carbon-element-tFMTVffV.js";import"./tooltip-content-eYgOs_c2.js";import"./tooltip.min.js";import{e as h}from"./class-map-BLvVLLRH.js";import"./icon-loader-utils-Dw7YsY3n.js";import"./directive-CwpJ03IP.js";import"./unsafe-html-SGvBIOsG.js";import"./on-Bh72-1o0.js";import"./popover.min.js";import"./floating-controller-ClaZwDaj.js";import"./defs-CcLNpvSO.js";var b,u;!function(o){o.LARGE="lg",o.MEDIUM="md",o.SMALL="sm"}(b||(b={})),function(o){o.RED="red",o.MAGENTA="magenta",o.PURPLE="purple",o.BLUE="blue",o.CYAN="cyan",o.TEAL="teal",o.GREEN="green",o.GRAY="gray",o["COOL-GRAY"]="cool-gray",o["WARM-GRAY"]="warm-gray"}(u||(u={}));var m=o(['@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,:host(cds-dismissible-tag[size=sm]),:host(cds-tag-skeleton[size=sm]),:host(cds-tag[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,:host(cds-dismissible-tag),:host(cds-tag),:host(cds-tag-skeleton){--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,:host(cds-dismissible-tag[size=lg]),:host(cds-tag-skeleton[size=lg]),:host(cds-tag[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)}.cds--popover-container{display:inline-block}.cds--popover-container:not(.cds--popover--auto-align){position:relative}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse,#393939);--cds-popover-text-color:var(--cds-text-inverse,#fff)}.cds--popover--drop-shadow .cds--popover{filter:var(--cds-popover-drop-shadow,drop-shadow(0 .125rem .125rem rgba(0,0,0,.2)))}.cds--popover--border>.cds--popover>.cds--popover-content{outline:1px solid var(--cds-popover-border-color,var(--cds-border-subtle));outline-offset:-1px}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{inset:0;pointer-events:none;position:absolute;z-index:6000}.cds--popover-content{--cds-layout-size-height-sm:2rem}.cds--layout--size-sm :where(.cds--popover-content),.cds--popover-content.cds--layout--size-sm,:host(cds-dismissible-tag[size=sm]) :where(.cds--popover-content),:host(cds-tag-skeleton[size=sm]) :where(.cds--popover-content),:host(cds-tag[size=sm]) :where(.cds--popover-content){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--popover-content{--cds-layout-size-height-md:2.5rem}.cds--layout--size-md :where(.cds--popover-content),.cds--popover-content.cds--layout--size-md,:host(cds-dismissible-tag) :where(.cds--popover-content),:host(cds-tag) :where(.cds--popover-content),:host(cds-tag-skeleton) :where(.cds--popover-content){--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--popover-content{--cds-layout-size-height-lg:3rem}.cds--layout--size-lg :where(.cds--popover-content),.cds--popover-content.cds--layout--size-lg,:host(cds-dismissible-tag[size=lg]) :where(.cds--popover-content),:host(cds-tag-skeleton[size=lg]) :where(.cds--popover-content),:host(cds-tag[size=lg]) :where(.cds--popover-content){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--popover-content{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--popover-content *,.cds--popover-content :after,.cds--popover-content :before{box-sizing:inherit}.cds--popover-content{background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));display:none;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:23rem;pointer-events:auto;position:absolute;z-index:6000}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover--background-token__background>.cds--popover>.cds--popover-content{background-color:var(--cds-background,#fff)}.cds--popover-content:before{content:"";display:none;position:absolute}.cds--popover--open>.cds--popover>.cds--popover-content:before{display:block}.cds--popover--auto-align.cds--popover-caret,.cds--popover-caret{display:none;position:absolute;will-change:transform;z-index:6000}.cds--popover--auto-align.cds--popover-caret:after,.cds--popover-caret:after{background-color:var(--cds-popover-background-color,var(--cds-layer));content:"";display:block;position:absolute}.cds--popover--auto-align.cds--popover-caret:before,.cds--popover-caret:before{background-color:var(--cds-popover-border-color,var(--cds-border-subtle));content:"";display:none;position:absolute}.cds--popover--background-token__background>.cds--popover>.cds--popover-caret:after{background-color:var(--cds-background,#fff)}.cds--popover--auto-align.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--border .cds--popover--auto-align.cds--popover-caret:before,.cds--popover--border .cds--popover-caret:before,.cds--popover--caret.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip>.cds--popover>.cds--popover-caret{display:none}.cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(100% + var(--cds-popover-offset, 0rem)))}.cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--bottom-end>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-left>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-right>.cds--popover>.cds--popover-content:before,.cds--popover--bottom-start>.cds--popover>.cds--popover-content:before,.cds--popover--bottom>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-start:0;inset-inline:0;transform:translateY(-100%)}.cds--popover--bottom-end>.cds--popover>.cds--popover-caret,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret,.cds--popover--bottom>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:before,.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}[dir=rtl] .cds--popover--bottom-end>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-left>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-right>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom-start>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--bottom>.cds--popover>.cds--popover-caret{transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 100%,50% 0,100% 100%);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:1px;inset-inline-start:.5px}.cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{transform:translate(50%,calc(-100% - var(--cds-popover-offset, 0rem)))}.cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));inset-inline-start:auto}.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:0;inset-inline-end:calc(50% - var(--cds-popover-offset, 0rem));transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset, 0rem)))}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:calc(50% - var(--cds-popover-offset, 0rem))}.cds--popover--top-end>.cds--popover>.cds--popover-content:before,.cds--popover--top-left>.cds--popover>.cds--popover-content:before,.cds--popover--top-right>.cds--popover>.cds--popover-content:before,.cds--popover--top-start>.cds--popover>.cds--popover-content:before,.cds--popover--top>.cds--popover>.cds--popover-content:before{block-size:var(--cds-popover-offset,0);inset-block-end:0;inset-inline:0;transform:translateY(100%)}.cds--popover--top-end>.cds--popover>.cds--popover-caret,.cds--popover--top-left>.cds--popover>.cds--popover-caret,.cds--popover--top-right>.cds--popover>.cds--popover-caret,.cds--popover--top-start>.cds--popover>.cds--popover-caret,.cds--popover--top>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem);inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:before,.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--top>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--top>.cds--popover>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{transform:translate(50%,calc(var(--cds-popover-offset, 0rem)*-1))}.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-height,.375rem);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-height,.375rem);clip-path:polygon(0 0,50% 100%,100% 0);inline-size:var(--cds-popover-caret-width,.75rem)}.cds--popover--border.cds--popover--top-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inline-size:calc(var(--cds-popover-caret-width, .75rem) - 1px);inset-block-start:-1px;inset-inline-start:.5px}.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5*-1 - 16px))}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-start:100%;transform:translate(var(--cds-popover-offset,0),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--right-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--right-end>.cds--popover>.cds--popover-content:before,.cds--popover--right-start>.cds--popover>.cds--popover-content:before,.cds--popover--right-top>.cds--popover>.cds--popover-content:before,.cds--popover--right>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-start:0;transform:translateX(-100%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-start:100%;transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%),-50%)}.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:100%;inset-inline-start:auto}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 50%,100% 0,100% 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:1px}[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + .1px),-50%)}.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*-.5 - 16px))}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-block-end:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1),calc(var(--cds-popover-offset, 0rem)*.5 + 16px))}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--left-bottom>.cds--popover>.cds--popover-content:before,.cds--popover--left-end>.cds--popover>.cds--popover-content:before,.cds--popover--left-start>.cds--popover>.cds--popover-content:before,.cds--popover--left-top>.cds--popover>.cds--popover-content:before,.cds--popover--left>.cds--popover>.cds--popover-content:before{inline-size:var(--cds-popover-offset,0);inset-block:0;inset-inline-end:0;transform:translateX(100%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem);inset-block-start:50%;inset-inline-end:100%;transform:translate(calc(var(--cds-popover-offset, 0rem)*-1 + 100%),-50%)}.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret,[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret{inset-inline-end:auto;inset-inline-start:100%}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:before{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-caret:after{inset-inline-start:1px}.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret{block-size:var(--cds-popover-caret-width,.75rem);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{block-size:var(--cds-popover-caret-width,.75rem);clip-path:polygon(0 0,100% 50%,0 100%);inline-size:var(--cds-popover-caret-height,.375rem)}.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,.cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before,[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:before{margin-inline-start:-1px}[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after,[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align>.cds--popover>.cds--popover-content>.cds--popover-caret:after{inset-inline-start:0}.cds--popover--tab-tip>.cds--popover>.cds--popover-content{border-radius:0}.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-start:0}.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content,[dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align)>.cds--popover>.cds--popover-content{inset-inline-end:0;inset-inline-start:auto}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{-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--popover--tab-tip__button *,.cds--popover--tab-tip__button :after,.cds--popover--tab-tip__button :before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button{align-items:center;block-size:2rem;display:inline-flex;inline-size:2rem;justify-content:center;position:relative}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus):after{background:var(--cds-layer);block-size:2px;content:"";inline-size:100%;inset-block-end:0;position:absolute;z-index:6001}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:18rem;overflow-wrap:break-word;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem)}.cds--icon-tooltip,:host(cds-dismissible-tag) cds-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content,:host(cds-dismissible-tag) cds-tooltip .cds--tooltip-content{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--definition-term{-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--definition-term *,.cds--definition-term :after,.cds--definition-term :before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term{border-block-end:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:focus,.cds--definition-term:hover{border-block-end-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);max-inline-size:11rem;padding:.5rem 1rem;text-wrap:auto;word-break:break-word}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-xs:1.125rem}.cds--layout--size-xs :where(.cds--tag),.cds--tag.cds--layout--size-xs{--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-sm:1.125rem}.cds--layout--size-sm :where(.cds--tag),.cds--tag.cds--layout--size-sm,:host(:host(cds-dismissible-tag[size=sm]cds-dismissible-tag)),:host(:host(cds-tag-skeleton[size=sm]cds-dismissible-tag)),:host(:host(cds-tag-skeleton[size=sm]cds-tag)),:host(:host(cds-tag[size=sm]cds-tag)),:host(cds-dismissible-tag[size=sm]) :where(.cds--tag),:host(cds-tag-skeleton[size=sm]) :where(.cds--tag),:host(cds-tag[size=sm]) :where(.cds--tag){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-md:1.5rem}.cds--layout--size-md :where(.cds--tag),.cds--tag.cds--layout--size-md,:host(cds-dismissible-tag),:host(cds-dismissible-tag) :where(.cds--tag),:host(cds-tag),:host(cds-tag) :where(.cds--tag),:host(cds-tag-skeleton) :where(.cds--tag){--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-lg:2rem}.cds--layout--size-lg :where(.cds--tag),.cds--tag.cds--layout--size-lg,:host(:host(cds-dismissible-tag[size=lg]cds-dismissible-tag)),:host(:host(cds-tag-skeleton[size=lg]cds-dismissible-tag)),:host(:host(cds-tag-skeleton[size=lg]cds-tag)),:host(:host(cds-tag[size=lg]cds-tag)),:host(cds-dismissible-tag[size=lg]) :where(.cds--tag),:host(cds-tag-skeleton[size=lg]) :where(.cds--tag),:host(cds-tag[size=lg]) :where(.cds--tag){--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--tag.cds--tag--operational,:host(cds-operational-tag) :host(cds-dismissible-tagcds-tag),:host(cds-operational-tag) :host(cds-tagcds-tag),:host(cds-operational-tag) cds-tag.cds--tag{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds--tag.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag .cds--tag__close-icon:hover,:host(cds-dismissible-tag) .cds--tag__close-icon:hover,:host(cds-tag) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag) .cds--definition-term .cds--tag__label,:host(cds-tag) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){align-items:center;border-radius:1rem;cursor:default;display:inline-flex;justify-content:center;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds--tag.cds--tag--lg,:host(:host(cds-dismissible-tag[size=lg]cds-dismissible-tag)),:host(:host(cds-tag-skeleton[size=lg]cds-dismissible-tag)),:host(:host(cds-tag-skeleton[size=lg]cds-tag)),:host(:host(cds-tag[size=lg]cds-tag)){padding-inline-start:.75rem}.cds--tag:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])),:host(cds-dismissible-tag:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon]))),:host(cds-tag:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon]))){padding-inline-start:.25rem}.cds--tag.cds--tag--lg:not(.cds--tag--filter),:host(:host(cds-dismissible-tag[size=lg]cds-dismissible-tag:not(.cds--tag--filter))),:host(:host(cds-tag-skeleton[size=lg]cds-dismissible-tag:not(.cds--tag--filter))),:host(:host(cds-tag-skeleton[size=lg]cds-tag:not(.cds--tag--filter))),:host(:host(cds-tag[size=lg]cds-tag:not(.cds--tag--filter))){padding-inline:.75rem}.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])),:host(:host(cds-dismissible-tag[size=lg]cds-dismissible-tag:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])))),:host(:host(cds-tag-skeleton[size=lg]cds-dismissible-tag:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])))),:host(:host(cds-tag-skeleton[size=lg]cds-tag:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])))),:host(:host(cds-tag[size=lg]cds-tag:has(.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon])))){padding-inline-start:.5rem}.cds--tag:not(.cds--tag--selectable),:host(cds-dismissible-tag:not(.cds--tag--selectable)),:host(cds-tag:not(.cds--tag--selectable)){border:0}.cds--tag:not(:first-child),:host(cds-dismissible-tag:not(:first-child)),:host(cds-tag:not(:first-child)){margin-inline-start:0}.cds--tag--operational>span,.cds--tag--selectable>span,.cds--tag__label,:host(cds-operational-tag) cds-tag>span,:host(cds-selectable-tag) cds-tag>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--filter,:host(cds-tag[filter]){padding-block:0;padding-inline-end:0}.cds--tag--filter:hover{outline:none}.cds--tag--selectable,:host(cds-selectable-tag) cds-tag{background-color:var(--cds-layer);border:1px solid var(--cds-border-inverse,#161616);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--tag--selectable:hover,:host(cds-selectable-tag) cds-tag:hover{background-color:var(--cds-layer-hover);outline:none}.cds--tag--selectable:focus,:host(cds-selectable-tag) cds-tag:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--selectable-selected,:host(cds-selectable-tag[selected]) cds-tag{background-color:var(--cds-layer-selected-inverse,#161616);color:var(--cds-text-inverse,#fff)}.cds--tag--selectable-selected:hover,:host(cds-selectable-tag[selected]) cds-tag:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds--tag--operational,:host(cds-operational-tag) cds-tag{background-color:var(--cds-tag-background-gray,#e0e0e0);border:1px solid var(--cds-tag-border-gray,#a8a8a8);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:none}.cds--tag--operational:focus,:host(cds-operational-tag) cds-tag:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--red,:host(cds-dismissible-tag[type=red]:not([disabled])),:host(cds-operational-tag[type=red]:not([disabled])) cds-tag,:host(cds-tag[type=red]:not([disabled])){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#a2191f)}.cds--tag--red.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=red]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=red]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=red]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--red{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds--tag--red.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=red]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--red:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--red .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=red]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=red]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=red]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--red .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=red]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=red]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=red]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-red,#a2191f)}.cds--tag--magenta,:host(cds-dismissible-tag[type=magenta]:not([disabled])),:host(cds-operational-tag[type=magenta]:not([disabled])) cds-tag,:host(cds-tag[type=magenta]:not([disabled])){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#9f1853)}.cds--tag--magenta.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=magenta]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=magenta]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=magenta]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--magenta{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds--tag--magenta.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=magenta]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--magenta:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--magenta .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=magenta]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=magenta]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=magenta]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--magenta .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=magenta]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=magenta]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=magenta]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-magenta,#9f1853)}.cds--tag--purple,:host(cds-dismissible-tag[type=purple]:not([disabled])),:host(cds-operational-tag[type=purple]:not([disabled])) cds-tag,:host(cds-tag[type=purple]:not([disabled])){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#6929c4)}.cds--tag--purple.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=purple]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=purple]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=purple]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--purple{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds--tag--purple.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=purple]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--purple:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--purple .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=purple]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=purple]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=purple]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--purple .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=purple]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=purple]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=purple]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-purple,#6929c4)}.cds--tag--blue,:host(cds-dismissible-tag[type=blue]:not([disabled])),:host(cds-operational-tag[type=blue]:not([disabled])) cds-tag,:host(cds-tag[type=blue]:not([disabled])){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#0043ce)}.cds--tag--blue.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=blue]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=blue]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=blue]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--blue{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds--tag--blue.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=blue]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--blue:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--blue .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=blue]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=blue]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=blue]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--blue .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=blue]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=blue]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=blue]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-blue,#0043ce)}.cds--tag--cyan,:host(cds-dismissible-tag[type=cyan]:not([disabled])),:host(cds-operational-tag[type=cyan]:not([disabled])) cds-tag,:host(cds-tag[type=cyan]:not([disabled])){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#00539a)}.cds--tag--cyan.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=cyan]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=cyan]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=cyan]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--cyan{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds--tag--cyan.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=cyan]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--cyan:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--cyan .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=cyan]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=cyan]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=cyan]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--cyan .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=cyan]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=cyan]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=cyan]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-cyan,#00539a)}.cds--tag--teal,:host(cds-dismissible-tag[type=teal]:not([disabled])),:host(cds-operational-tag[type=teal]:not([disabled])) cds-tag,:host(cds-tag[type=teal]:not([disabled])){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#005d5d)}.cds--tag--teal.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=teal]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=teal]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=teal]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--teal{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds--tag--teal.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=teal]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--teal:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--teal .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=teal]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=teal]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=teal]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--teal .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=teal]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=teal]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=teal]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-teal,#005d5d)}.cds--tag--green,:host(cds-dismissible-tag[type=green]:not([disabled])),:host(cds-operational-tag[type=green]:not([disabled])) cds-tag,:host(cds-tag[type=green]:not([disabled])){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#0e6027)}.cds--tag--green.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=green]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=green]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=green]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--green{border:1px solid var(--cds-tag-border-green,#42be65)}.cds--tag--green.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=green]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--green:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--green .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=green]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=green]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=green]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--green .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=green]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=green]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=green]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-green,#0e6027)}.cds--tag--gray,:host(cds-dismissible-tag[type=gray]:not([disabled])),:host(cds-operational-tag[type=gray]:not([disabled])) cds-tag,:host(cds-tag[type=gray]:not([disabled])){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds--tag--gray.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=gray]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=gray]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=gray]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--gray{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds--tag--gray.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=gray]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--gray:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--gray .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=gray]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=gray]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=gray]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--gray .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=gray]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=gray]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=gray]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds--tag--cool-gray,:host(cds-dismissible-tag[type=cool-gray]:not([disabled])),:host(cds-operational-tag[type=cool-gray]:not([disabled])) cds-tag,:host(cds-tag[type=cool-gray]:not([disabled])){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--cool-gray.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=cool-gray]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=cool-gray]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=cool-gray]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--cool-gray{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds--tag--cool-gray.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=cool-gray]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--cool-gray:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--cool-gray .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=cool-gray]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=cool-gray]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=cool-gray]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--cool-gray .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=cool-gray]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=cool-gray]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=cool-gray]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--warm-gray,:host(cds-dismissible-tag[type=warm-gray]:not([disabled])),:host(cds-operational-tag[type=warm-gray]:not([disabled])) cds-tag,:host(cds-tag[type=warm-gray]:not([disabled])){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--warm-gray.cds--tag--operational,:host(:host(cds-operational-tagcds-operational-tag[type=warm-gray]:not([disabled]))) cds-tag,:host(cds-operational-tag) :host(cds-dismissible-tag[type=warm-gray]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=warm-gray]:not([disabled])cds-tag),:host(cds-operational-tag) cds-tag.cds--tag--warm-gray{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds--tag--warm-gray.cds--tag--operational:hover,:host(:host(cds-operational-tagcds-operational-tag[type=warm-gray]:not([disabled]))) cds-tag:hover,:host(cds-operational-tag) cds-tag.cds--tag--warm-gray:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--warm-gray .cds--tag__close-icon:hover,:host(cds-dismissible-tag[type=warm-gray]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-operational-tag[type=warm-gray]:not([disabled])) cds-tag .cds--tag__close-icon:hover,:host(cds-tag[type=warm-gray]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--warm-gray .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[type=warm-gray]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-operational-tag[type=warm-gray]:not([disabled])) cds-tag .cds--definition-term .cds--tag__label,:host(cds-tag[type=warm-gray]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--high-contrast:not(.cds--tag--operational){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--high-contrast:not(.cds--tag--operational){border:1px solid var(--cds-background-inverse,#393939)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--high-contrast:not(.cds--tag--operational):hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--definition-term .cds--tag__label{color:var(--cds-text-inverse,#fff)}.cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational,:host(cds-operational-tag) cds-tag.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]){border:1px solid var(--cds-background,#fff)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]):hover{background-color:var(--cds-layer-hover)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label{color:var(--cds-text-primary,#161616)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]){outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(:host(cds-dismissible-tag[disabled]cds-tag[filter])),:host(:host(cds-tag[disabled]cds-tag[filter])),:host(cds-dismissible-tag[disabled]:not(.cds--tag--operational)),:host(cds-tag[disabled]:not(.cds--tag--operational)){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,.cds--tag--filter.cds--tag--disabled.cds--tag--operational,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational,:host(cds-operational-tag) :host(:host(cds-dismissible-tag[disabled]cds-tag[filter]cds-tag)),:host(cds-operational-tag) :host(:host(cds-tag[disabled]cds-tag[filter]cds-tag)),:host(cds-operational-tag) :host(cds-dismissible-tag[disabled]cds-tag:not(.cds--tag--operational)),:host(cds-operational-tag) :host(cds-tag[disabled]cds-tag:not(.cds--tag--operational)),:host(cds-operational-tag) cds-tag.cds--tag--disabled:not(.cds--tag--operational),:host(cds-operational-tag) cds-tag.cds--tag--filter.cds--tag--disabled,:host(cds-operational-tag) cds-tag.cds--tag--interactive.cds--tag--disabled{border:1px solid var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag--disabled:not(.cds--tag--operational):hover,:host(cds-operational-tag) cds-tag.cds--tag--filter.cds--tag--disabled:hover,:host(cds-operational-tag) cds-tag.cds--tag--interactive.cds--tag--disabled:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,:host(:host(cds-dismissible-tag[disabled]cds-tag[filter])) .cds--tag__close-icon:hover,:host(:host(cds-tag[disabled]cds-tag[filter])) .cds--tag__close-icon:hover,:host(cds-dismissible-tag[disabled]:not(.cds--tag--operational)) .cds--tag__close-icon:hover,:host(cds-tag[disabled]:not(.cds--tag--operational)) .cds--tag__close-icon:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--definition-term .cds--tag__label,.cds--tag--filter.cds--tag--disabled .cds--definition-term .cds--tag__label,.cds--tag--interactive.cds--tag--disabled .cds--definition-term .cds--tag__label,:host(:host(cds-dismissible-tag[disabled]cds-tag[filter])) .cds--definition-term .cds--tag__label,:host(:host(cds-tag[disabled]cds-tag[filter])) .cds--definition-term .cds--tag__label,:host(cds-dismissible-tag[disabled]:not(.cds--tag--operational)) .cds--definition-term .cds--tag__label,:host(cds-tag[disabled]:not(.cds--tag--operational)) .cds--definition-term .cds--tag__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(:host(cds-dismissible-tag[disabled]cds-tag[filter])),:host(:host(cds-tag[disabled]cds-tag[filter])),:host(cds-dismissible-tag[disabled]:not(.cds--tag--operational)),:host(cds-tag[disabled]:not(.cds--tag--operational)){box-shadow:none;outline:none}.cds--tag--disabled:not(.cds--tag--operational):hover,.cds--tag--filter.cds--tag--disabled:hover,.cds--tag--interactive.cds--tag--disabled:hover{cursor:not-allowed}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,.cds--tag--filter.cds--tag--disabled .cds--tag__label,.cds--tag--interactive.cds--tag--disabled .cds--tag__label,:host(:host(cds-dismissible-tag[disabled]cds-tag[filter])) .cds--tag__label,:host(:host(cds-tag[disabled]cds-tag[filter])) .cds--tag__label,:host(cds-dismissible-tag[disabled]:not(.cds--tag--operational)) .cds--tag__label,:host(cds-tag[disabled]:not(.cds--tag--operational)) .cds--tag__label{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--operational.cds--tag--disabled,.cds--tag--selectable.cds--tag--disabled,:host(cds-operational-tag) cds-tag.cds--tag--disabled,:host(cds-selectable-tag) cds-tag.cds--tag--disabled{background-color:var(--cds-layer);border:1px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--operational.cds--tag--disabled:hover,.cds--tag--selectable.cds--tag--disabled:hover,:host(cds-operational-tag) cds-tag.cds--tag--disabled:hover,:host(cds-selectable-tag) cds-tag.cds--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds--tag__close-icon,:host(cds-dismissible-tag) .cds--tag__close-icon{align-items:center;background-color:transparent;block-size:var(--cds-layout-size-height-local);border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;inline-size:var(--cds-layout-size-height-local);justify-content:center;margin:0 0 0 .125rem;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds--tag__close-icon svg,:host(cds-dismissible-tag) .cds--tag__close-icon svg{fill:currentColor}.cds--tag__custom-icon,:host(cds-dismissible-tag) ::slotted([slot=icon]),:host(cds-tag) ::slotted([slot=icon]){background-color:transparent;block-size:1rem;border:0;color:currentColor;flex-shrink:0;inline-size:1rem;margin-inline-end:.25rem;outline:none;padding:0}.cds--tag__custom-icon svg,:host(cds-dismissible-tag) ::slotted([slot=icon]) svg,:host(cds-tag) ::slotted([slot=icon]) svg{fill:currentColor}.cds--tag--disabled .cds--tag__close-icon,:host(cds-dismissible-tag[disabled]) .cds--tag__close-icon,:host(cds-tag[disabled]) .cds--tag__close-icon{cursor:not-allowed}.cds--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none;z-index:99999}.cds--tag--high-contrast .cds--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,:host(:host(cds-dismissible-tag[disabled]cds-tag[filter])) .cds--tag__close-icon:hover,:host(:host(cds-tag[disabled]cds-tag[filter])) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--filter.cds--tag--disabled svg,:host(:host(cds-dismissible-tag[disabled]cds-tag[filter])) svg,:host(:host(cds-tag[disabled]cds-tag[filter])) svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--tag--sm.cds--tag--filter,:host(:host(cds-tag[filter]cds-dismissible-tag[size=sm])),:host(:host(cds-tag[filter]cds-tag-skeleton[size=sm])),:host(:host(cds-tag[filter]cds-tag[size=sm])){padding-inline-end:0}.cds--tag--sm .cds--tag__close-icon,:host(cds-dismissible-tag[size=sm]) .cds--tag__close-icon,:host(cds-tag-skeleton[size=sm]) .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{margin-inline-start:.3125rem}.cds--tag.cds--skeleton,:host(:host(cds-tag-skeletoncds-dismissible-tag)),:host(:host(cds-tag-skeletoncds-tag)){background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--tag.cds--skeleton:active,.cds--tag.cds--skeleton:focus,.cds--tag.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--tag.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--tag.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--tag.cds--skeleton,:host(:host(cds-tag-skeletoncds-dismissible-tag)),:host(:host(cds-tag-skeletoncds-tag)){background:CanvasText}.cds--tag.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--tag.cds--skeleton,:host(:host(cds-tag-skeletoncds-dismissible-tag)),:host(:host(cds-tag-skeletoncds-tag)){background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616)}.cds--tag.cds--skeleton.cds--tag--operational,:host(cds-operational-tag) :host(:host(cds-tag-skeletoncds-dismissible-tagcds-tag)),:host(cds-operational-tag) :host(:host(cds-tag-skeletoncds-tagcds-tag)),:host(cds-operational-tag) cds-tag.cds--tag.cds--skeleton{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton.cds--tag--operational:hover,:host(cds-operational-tag) cds-tag.cds--tag.cds--skeleton:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--tag__close-icon:hover,:host(:host(cds-tag-skeletoncds-dismissible-tag)) .cds--tag__close-icon:hover,:host(:host(cds-tag-skeletoncds-tag)) .cds--tag__close-icon:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--definition-term .cds--tag__label,:host(:host(cds-tag-skeletoncds-dismissible-tag)) .cds--definition-term .cds--tag__label,:host(:host(cds-tag-skeletoncds-tag)) .cds--definition-term .cds--tag__label{color:var(--cds-text-primary,#161616)}.cds--tag.cds--skeleton,:host(:host(cds-tag-skeletoncds-dismissible-tag)),:host(:host(cds-tag-skeletoncds-tag)){inline-size:3.75rem;overflow:hidden}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds--tag.cds--skeleton,:host(:host(cds-tag-skeletoncds-dismissible-tag)),:host(:host(cds-tag-skeletoncds-tag)){transform:translateZ(0)}}.cds--tag .cds--ai-label .cds--ai-label__button--inline,.cds--tag .cds--slug .cds--slug__button--inline,:host(cds-dismissible-tag) .cds--ai-label .cds--ai-label__button--inline,:host(cds-dismissible-tag) .cds--slug .cds--slug__button--inline,:host(cds-tag) .cds--ai-label .cds--ai-label__button--inline,:host(cds-tag) .cds--slug .cds--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds--tag .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text:before,.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text:before,:host(cds-dismissible-tag) .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text:before,:host(cds-dismissible-tag) .cds--slug .cds--slug__button--inline .cds--slug__text:before,:host(cds-tag) .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text:before,:host(cds-tag) .cds--slug .cds--slug__button--inline .cds--slug__text:before{background-color:currentColor}.cds--tag .cds--ai-label .cds--ai-label__button--inline:hover,.cds--tag .cds--slug .cds--slug__button--inline:hover,:host(cds-dismissible-tag) .cds--ai-label .cds--ai-label__button--inline:hover,:host(cds-dismissible-tag) .cds--slug .cds--slug__button--inline:hover,:host(cds-tag) .cds--ai-label .cds--ai-label__button--inline:hover,:host(cds-tag) .cds--slug .cds--slug__button--inline:hover{border-color:currentColor}.cds--tag--filter .cds--ai-label,.cds--tag--filter .cds--slug,.cds--tag--filter .cds--tag__decorator>*,:host(cds-tag[filter]) .cds--ai-label,:host(cds-tag[filter]) .cds--slug,:host(cds-tag[filter]) .cds--tag__decorator>*{min-inline-size:2.00875rem}.cds--tag .cds--tag__decorator:not(:has(.cds--ai-label)),:host(cds-dismissible-tag) .cds--tag__decorator:not(:has(.cds--ai-label)),:host(cds-tag) .cds--tag__decorator:not(:has(.cds--ai-label)){block-size:1rem;text-align:center}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--tag,:host(cds-dismissible-tag),:host(cds-tag){outline:1px solid transparent}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds--tag-label-tooltip,:host(cds-dismissible-tag) cds-tooltip{max-inline-size:-webkit-fill-available}.cds--tag__custom-icon+.cds--tag-label-tooltip,:host(cds-dismissible-tag) .cds--tag__custom-icon+cds-tooltip,:host(cds-dismissible-tag) ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-dismissible-tag) ::slotted([slot=icon])+cds-tooltip,:host(cds-tag) ::slotted([slot=icon])+.cds--tag-label-tooltip{max-inline-size:11rem}.cds--tag--filter .cds--tag__custom-icon+.cds--tag-label-tooltip,:host(:host(cds-dismissible-tagcds-tag[filter])) .cds--tag__custom-icon+cds-tooltip,:host(:host(cds-dismissible-tagcds-tag[filter])) ::slotted([slot=icon])+cds-tooltip,:host(:host(cds-tagcds-tag[filter])) ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-dismissible-tag) .cds--tag--filter .cds--tag__custom-icon+cds-tooltip,:host(cds-dismissible-tag) .cds--tag--filter ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-dismissible-tag) .cds--tag--filter ::slotted([slot=icon])+cds-tooltip,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+.cds--tag-label-tooltip,:host(cds-tag[filter]) .cds--tag__custom-icon+.cds--tag-label-tooltip{max-inline-size:9.875rem}.cds--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds--tag--filter .cds--tag__custom-icon+span>.cds--interactive--tag-children,:host(:host(cds-tagcds-tag[filter])) ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-dismissible-tag) .cds--tag--filter ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag) .cds--tag--filter ::slotted([slot=icon])+span>.cds--interactive--tag-children,:host(cds-tag[filter]) .cds--tag__custom-icon+span>.cds--interactive--tag-children{max-inline-size:11.5rem}.cds--tag .cds--definition-term,:host(cds-dismissible-tag) .cds--definition-term,:host(cds-tag) .cds--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds--tag .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-dismissible-tag) .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-dismissible-tag) ::slotted([slot=icon])+span>.cds--definition-term,:host(cds-tag) .cds--tag__custom-icon+span>.cds--definition-term,:host(cds-tag) ::slotted([slot=icon])+span>.cds--definition-term{max-inline-size:11rem}.cds--tag>.cds--popover-container,:host(cds-dismissible-tag)>.cds--popover-container,:host(cds-tag)>.cds--popover-container{display:flex}.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled,:host(cds-operational-tag) cds-tag.cds--tag--disabled){pointer-events:none}:host(cds-dismissible-tag),:host(cds-tag){box-sizing:border-box}:host(cds-operational-tag),:host(cds-selectable-tag){display:inline-block;inline-size:-moz-fit-content;inline-size:fit-content}:host(cds-dismissible-tag:not(:first-child)),:host(cds-operational-tag:not(:first-child)) cds-tag,:host(cds-selectable-tag:not(:first-child)) cds-tag,:host(cds-tag:not(:first-child)){margin-inline-start:0}:host(cds-dismissible-tag),:host(cds-tag){border:0}:host(cds-dismissible-tag[has-custom-icon]),:host(cds-tag[has-custom-icon]){padding-inline-start:.25rem}:host(cds-dismissible-tag){display:none;padding-block:0;padding-inline-end:0}:host(cds-dismissible-tag[open]){display:inline-flex}:host(cds-dismissible-tag),:host(cds-tag),:host(cds-tag-skeleton){--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-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem;--cds-layout-size-height-lg:2rem}:host(cds-dismissible-tag[size=sm]) .cds--tag__close-icon,:host(cds-tag-skeleton[size=sm]) .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{block-size:1.125rem;inline-size:1.125rem;margin-inline-start:.3125rem}:host(cds-dismissible-tag[size=lg]),:host(cds-tag-skeleton[size=lg]),:host(cds-tag[size=lg]){padding-inline:.75rem}:host(cds-dismissible-tag[size=lg][has-custom-icon]),:host(cds-tag-skeleton[size=lg][has-custom-icon]),:host(cds-tag[size=lg][has-custom-icon]){padding-inline-start:.5rem}:host(cds-dismissible-tag[type=high-contrast]:not([disabled])),:host(cds-tag[type=high-contrast]:not([disabled])){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}:host(cds-dismissible-tag[type=high-contrast]:not([disabled]).cds--tag--operational),:host(cds-operational-tag) :host(cds-dismissible-tag[type=high-contrast]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=high-contrast]:not([disabled])cds-tag),:host(cds-tag[type=high-contrast]:not([disabled]).cds--tag--operational){border:1px solid var(--cds-background-inverse,#393939)}:host(cds-dismissible-tag[type=high-contrast]:not([disabled]).cds--tag--operational:hover),:host(cds-operational-tag) :host(cds-dismissible-tag[type=high-contrast]:not([disabled])cds-tag:hover),:host(cds-operational-tag) :host(cds-tag[type=high-contrast]:not([disabled])cds-tag:hover),:host(cds-tag[type=high-contrast]:not([disabled]).cds--tag--operational:hover){background-color:var(--cds-background-inverse-hover,#474747)}:host(cds-dismissible-tag[type=high-contrast]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-tag[type=high-contrast]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}:host(cds-dismissible-tag[type=high-contrast]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-tag[type=high-contrast]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-text-inverse,#fff)}:host(cds-dismissible-tag[type=outline]:not([disabled])),:host(cds-tag[type=outline]:not([disabled])){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616)}:host(cds-dismissible-tag[type=outline]:not([disabled]).cds--tag--operational),:host(cds-operational-tag) :host(cds-dismissible-tag[type=outline]:not([disabled])cds-tag),:host(cds-operational-tag) :host(cds-tag[type=outline]:not([disabled])cds-tag),:host(cds-tag[type=outline]:not([disabled]).cds--tag--operational){border:1px solid var(--cds-background,#fff)}:host(cds-dismissible-tag[type=outline]:not([disabled]).cds--tag--operational:hover),:host(cds-operational-tag) :host(cds-dismissible-tag[type=outline]:not([disabled])cds-tag:hover),:host(cds-operational-tag) :host(cds-tag[type=outline]:not([disabled])cds-tag:hover),:host(cds-tag[type=outline]:not([disabled]).cds--tag--operational:hover){background-color:var(--cds-layer-hover)}:host(cds-dismissible-tag[type=outline]:not([disabled])) .cds--tag__close-icon:hover,:host(cds-tag[type=outline]:not([disabled])) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}:host(cds-dismissible-tag[type=outline]:not([disabled])) .cds--definition-term .cds--tag__label,:host(cds-tag[type=outline]:not([disabled])) .cds--definition-term .cds--tag__label{color:var(--cds-text-primary,#161616)}:host(cds-dismissible-tag[type=outline]:not([disabled])),:host(cds-tag[type=outline]:not([disabled])){outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}:host(cds-tag[filter]){display:none}:host(cds-tag[filter][size=sm]){padding-inline-end:0}:host(cds-tag[filter][open]){display:inline-flex}:host(cds-dismissible-tag[has-custom-icon]) .cds--interactive--tag-children{max-inline-size:11.5rem}:host(cds-dismissible-tag[disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon{cursor:not-allowed}:host(cds-dismissible-tag[disabled]) .cds--tag__close-icon,:host(cds-dismissible-tag[disabled]) .cds--tag__close-icon:hover,:host(cds-tag[filter][disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon:hover{background-color:transparent}:host(cds-operational-tag[disabled]) cds-tag,:host(cds-selectable-tag[disabled]) cds-tag{background-color:var(--cds-layer);border:1px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(cds-operational-tag[disabled]) cds-tag:hover,:host(cds-selectable-tag[disabled]) cds-tag:hover{background-color:var(--cds-layer);cursor:not-allowed}']);let f=class extends(g(n(t))){constructor(){super(...arguments),this._handleClick=o=>{if(o.composedPath().indexOf(this._buttonNode)>=0)if(this.disabled)o.stopPropagation();else if(this.open){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:o.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,t))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,t)))}},this.title="Clear filter",this.disabled=!1,this.filter=!1,this.hasCustomIcon=!1,this.open=!0,this.size=b.MEDIUM,this.type=u.GRAY,this._hasEllipsisApplied=!1}_handleAILabelSlotChange({target:o}){const t=o.assignedNodes().filter((o=>void 0!==o.matches&&(o.matches(this.constructor.aiLabelItem)||o.matches(this.constructor.slugItem))));t.length>0&&(t[0].setAttribute("tag",`${this.type}`),t[0].setAttribute("size","sm"),t[0].setAttribute("kind","inline")),this.requestUpdate()}_handleIconSlotChange({target:o}){const t=o.assignedNodes();this.hasCustomIcon=Boolean(t.length>0),this.requestUpdate()}updated(){var o;const t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`.${a}--tag__label`);if(!t||!0===this._hasEllipsisApplied)return;this._hasEllipsisApplied=t.scrollWidth>t.clientWidth;const e=this.getRootNode();if(e instanceof ShadowRoot){const o=e.host.tagName.toLowerCase();o!==`${a}-selectable-tag`&&o!==`${a}-operational-tag`||(this.setAttribute("role","button"),this.tabIndex=this.disabled?-1:0)}}render(){const{disabled:o,filter:t,_handleAILabelSlotChange:s,_handleIconSlotChange:d,size:c,title:r}=this;return e`
29
- ${c!==b.SMALL?e`<slot name="icon" @slotchange="${d}"></slot>`:""}
30
- <span class="${a}--tag__label">
31
- <slot></slot>
32
- </span>
33
- <slot name="decorator" @slotchange="${s}"></slot>
34
- <slot name="ai-label" @slotchange="${s}"></slot>
35
- <slot name="slug" @slotchange="${s}"></slot>
36
- ${t?e`
37
- <button class="${a}--tag__close-icon" ?disabled=${o}>
38
- ${p(i,{"aria-label":r})}
39
- </button>
40
- `:""}
41
- `}static get slugItem(){return`${a}-slug`}static get aiLabelItem(){return`${a}-ai-label`}static get eventBeforeClose(){return`${a}-tag-beingclosed`}static get eventClose(){return`${a}-tag-closed`}};f.styles=m,s([r("button")],f.prototype,"_buttonNode",void 0),s([l("shadowRoot:click")],f.prototype,"_handleClick",void 0),s([d({type:String})],f.prototype,"title",void 0),s([d({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),s([d({type:Boolean,reflect:!0})],f.prototype,"filter",void 0),s([d({type:Boolean,attribute:"has-custom-icon",reflect:!0})],f.prototype,"hasCustomIcon",void 0),s([d({type:Boolean,reflect:!0})],f.prototype,"open",void 0),s([d({reflect:!0})],f.prototype,"size",void 0),s([d({reflect:!0})],f.prototype,"type",void 0),s([c()],f.prototype,"_hasEllipsisApplied",void 0),f=s([v(`${a}-tag`)],f);var y=f;
42
- /**
43
- * @license
44
- *
45
- * Copyright IBM Corp. 2019, 2025
46
- *
47
- * This source code is licensed under the Apache-2.0 license found in the
48
- * LICENSE file in the root directory of this source tree.
49
- */let _=class extends(g(n(y))){constructor(){super(...arguments),this._handleClick=o=>{if(o.composedPath().indexOf(this._buttonNode)>=0)if(this.disabled)o.stopPropagation();else if(this.open){const t=this._findNextFocusableTag(),e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:o.target}};if(this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,e))){if(this.open=!1,t){const o=t._buttonNode;o&&o.focus()}this.dispatchEvent(new CustomEvent(this.constructor.eventClose,e))}}},this.disabled=!1,this.dismissTooltipAlignment="bottom",this.open=!0,this.size=b.MEDIUM,this.tagTitle="",this.text="",this.type=u.GRAY}_findNextFocusableTag(){let o=this.nextElementSibling;for(;o;){if(o.tagName.toLowerCase()===`${a}-dismissible-tag`&&!o.hasAttribute("disabled")&&"false"!==o.getAttribute("open"))return o;o=o.nextElementSibling}return null}_handleAILabelSlotChange({target:o}){const t=o.assignedNodes().filter((o=>void 0!==o.matches&&(o.matches(this.constructor.aiLabelItem)||o.matches(this.constructor.slugItem))));t.length>0&&(t[0].setAttribute("tag",`${this.type}`),t[0].setAttribute("size","sm"),t[0].setAttribute("kind","inline")),this.requestUpdate()}render(){const{disabled:o,_handleAILabelSlotChange:t,_handleIconSlotChange:s,_hasEllipsisApplied:d,size:c,tagTitle:r,text:n,dismissTooltipLabel:l,dismissTooltipAlignment:g}=this,v=l||(d?`Dismiss "${n}"`:"Dismiss");return e`
50
- ${c!==b.SMALL?e`<slot name="icon" @slotchange="${s}"></slot>`:""}
51
- <div class="${a}--interactive--tag-children">
52
- <span
53
- title="${r||n}"
54
- class="${a}--tag__label">
55
- ${n}
56
- </span>
57
- <slot name="decorator" @slotchange="${t}"></slot>
58
- <slot name="ai-label" @slotchange="${t}"></slot>
59
- <slot name="slug" @slotchange="${t}"></slot>
60
- <cds-tooltip align=${g} enter-delay-ms=${0}>
61
- <button
62
- class="sb-tooltip-trigger"
63
- role="button"
64
- aria-labelledby="content"
65
- class="${a}--tag__close-icon"
66
- ?disabled=${o}>
67
- ${p(i)}
68
- </button>
69
- <cds-tooltip-content id="content">
70
- ${v}
71
- </cds-tooltip-content>
72
- </cds-tooltip>
73
- </div>
74
- `}static get slugItem(){return`${a}-slug`}static get aiLabelItem(){return`${a}-ai-label`}static get eventBeforeClose(){return`${a}-dismissible-tag-beingclosed`}static get eventClose(){return`${a}-dismissible-tag-closed`}};_.styles=m,s([r("button")],_.prototype,"_buttonNode",void 0),s([l("shadowRoot:click")],_.prototype,"_handleClick",void 0),s([d({type:Boolean,reflect:!0})],_.prototype,"disabled",void 0),s([d({type:String,attribute:"dismiss-tooltip-alignment",reflect:!0})],_.prototype,"dismissTooltipAlignment",void 0),s([d({type:String,attribute:"dismiss-tooltip-label",reflect:!0})],_.prototype,"dismissTooltipLabel",void 0),s([d({type:Boolean,reflect:!0})],_.prototype,"open",void 0),s([d({type:String,reflect:!0})],_.prototype,"size",void 0),s([d({type:String,attribute:"tag-title",reflect:!0})],_.prototype,"tagTitle",void 0),s([d({type:String,reflect:!0})],_.prototype,"text",void 0),s([d({reflect:!0})],_.prototype,"type",void 0),_=s([v(`${a}-dismissible-tag`)],_);
75
- /**
76
- * @license
77
- *
78
- * Copyright IBM Corp. 2025
79
- *
80
- * This source code is licensed under the Apache-2.0 license found in the
81
- * LICENSE file in the root directory of this source tree.
82
- */
83
- let z=class extends t{constructor(){super(...arguments),this.size=b.SMALL}render(){const o=h({[`${a}--tag`]:!0,[`${a}--skeleton`]:!0,[`${a}--layout--size-${this.size}`]:this.size});return e` <span class="${o}"></span> `}};z.styles=m,s([d({reflect:!0,type:String})],z.prototype,"size",void 0),z=s([v(`${a}-tag-skeleton`)],z);
84
- /**
85
- * @license
86
- *
87
- * Copyright IBM Corp. 2019, 2025
88
- *
89
- * This source code is licensed under the Apache-2.0 license found in the
90
- * LICENSE file in the root directory of this source tree.
91
- */
92
- let k=class extends(g(n(t))){constructor(){super(...arguments),this.triggerEvents=o=>{if(this.disabled)o.stopPropagation();else{const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:o.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeSelected,t))&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent(this.constructor.eventSelected,t)))}},this._handleClick=o=>{this.triggerEvents(o)},this._handleKeyDown=o=>{"Enter"!==o.key&&" "!==o.key||this.triggerEvents(o)},this.disabled=!1,this.selected=!1,this.size=b.MEDIUM,this.text="",this._hasEllipsisApplied=!1}async updated(){var o,t,e;await this.updateComplete;const s=null===(e=null===(t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`${a}-tag`))||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(`.${a}--tag__label`);if(!s)return;const d=s.scrollWidth>s.clientWidth;this._hasEllipsisApplied=d}render(){const{disabled:o,selected:t,size:s,text:d,_hasEllipsisApplied:c}=this;return e` ${c?e` <cds-tooltip align="bottom" keyboard-only leave-delay-ms=${0}>
93
- <cds-tag
94
- ?aria-pressed="${t}"
95
- size="${s}"
96
- ?disabled="${o}">
97
- <slot name="icon" slot="icon"></slot>
98
- ${d}
99
- <slot name="decorator" slot="decorator"></slot>
100
- <slot name="ai-label" slot="ai-label"></slot>
101
- <slot name="slug" slot="slug"></slot>
102
- </cds-tag>
103
- <cds-tooltip-content id="content"> ${d} </cds-tooltip-content>
104
- </cds-tooltip>`:e`
105
- <cds-tag
106
- ?aria-pressed="${t}"
107
- size="${s}"
108
- ?disabled="${o}">
109
- <slot name="icon" slot="icon"></slot>
110
- ${d}
111
- <slot name="decorator" slot="decorator"></slot>
112
- <slot name="ai-label" slot="ai-label"></slot>
113
- <slot name="slug" slot="slug"></slot>
114
- </cds-tag>
115
- `}`}static get eventBeforeSelected(){return`${a}-selectable-tag-beingselected`}static get eventSelected(){return`${a}-selectable-tag-selected`}};k.styles=m,s([l("shadowRoot:click")],k.prototype,"_handleClick",void 0),s([l("shadowRoot:keydown")],k.prototype,"_handleKeyDown",void 0),s([d({type:Boolean,reflect:!0})],k.prototype,"disabled",void 0),s([d({type:Boolean,reflect:!0})],k.prototype,"selected",void 0),s([d({type:String,reflect:!0})],k.prototype,"size",void 0),s([d({type:String,reflect:!0})],k.prototype,"text",void 0),s([c()],k.prototype,"_hasEllipsisApplied",void 0),k=s([v(`${a}-selectable-tag`)],k);
116
- /**
117
- * @license
118
- *
119
- * Copyright IBM Corp. 2019, 2025
120
- *
121
- * This source code is licensed under the Apache-2.0 license found in the
122
- * LICENSE file in the root directory of this source tree.
123
- */
124
- let x=class extends(g(n(t))){constructor(){super(...arguments),this.triggerEvents=o=>{if(this.disabled)o.stopPropagation();else{const t={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:o.target}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeSelected,t))&&(this.selected=!this.selected,this.dispatchEvent(new CustomEvent(this.constructor.eventSelected,t)))}},this._handleClick=o=>{this.triggerEvents(o)},this._handleKeyDown=o=>{"Enter"!==o.key&&" "!==o.key||this.triggerEvents(o)},this.disabled=!1,this.selected=!1,this.size=b.MEDIUM,this.text="",this.type=u.GRAY,this._hasEllipsisApplied=!1}async updated(){var o,t,e;await this.updateComplete;const s=null===(e=null===(t=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(`${a}-tag`))||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(`.${a}--tag__label`);if(!s)return;const d=s.scrollWidth>s.clientWidth;this._hasEllipsisApplied=d}render(){const{disabled:o,selected:t,size:s,text:d,type:c,_hasEllipsisApplied:r}=this;return e` ${r?e` <cds-tooltip
125
- align="bottom"
126
- keyboard-only
127
- closeOnActivation
128
- leave-delay-ms=${0}>
129
- <cds-tag
130
- part="tag"
131
- ?aria-pressed="${t}"
132
- size="${s}"
133
- ?disabled="${o}"
134
- type="${c}">
135
- <slot name="icon" slot="icon"></slot>
136
- ${d}
137
- <slot name="decorator" slot="decorator"></slot>
138
- <slot name="ai-label" slot="ai-label"></slot>
139
- <slot name="slug" slot="slug"></slot>
140
- </cds-tag>
141
- <cds-tooltip-content id="content"> ${d} </cds-tooltip-content>
142
- </cds-tooltip>`:e`
143
- <cds-tag
144
- part="tag"
145
- ?aria-pressed="${t}"
146
- size="${s}"
147
- ?disabled="${o}"
148
- type="${c}">
149
- <slot name="icon" slot="icon"></slot>
150
- ${d}
151
- <slot name="decorator" slot="decorator"></slot>
152
- <slot name="ai-label" slot="ai-label"></slot>
153
- <slot name="slug" slot="slug"></slot>
154
- </cds-tag>
155
- `}`}static get eventBeforeSelected(){return`${a}-operational-tag-beingselected`}static get eventSelected(){return`${a}-operational-tag-selected`}};x.styles=m,s([l("shadowRoot:click")],x.prototype,"_handleClick",void 0),s([l("shadowRoot:keydown")],x.prototype,"_handleKeyDown",void 0),s([d({type:Boolean,reflect:!0})],x.prototype,"disabled",void 0),s([d({type:Boolean,reflect:!0})],x.prototype,"selected",void 0),s([d({type:String,reflect:!0})],x.prototype,"size",void 0),s([d({type:String,reflect:!0})],x.prototype,"text",void 0),s([d({reflect:!0})],x.prototype,"type",void 0),s([c()],x.prototype,"_hasEllipsisApplied",void 0),x=s([v(`${a}-operational-tag`)],x);
package/dist/tearsheet.min.js DELETED
@@ -1,141 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2019, 2020
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- /**
8
- * @license
9
- *
10
- * This bundle contains the following third-party dependencies:
11
- *
12
- * Also refer to the following links for the license of other third-party dependencies:
13
- *
14
- * https://www.npmjs.com/package/tslib
15
- * https://www.npmjs.com/package/lit
16
- * https://www.npmjs.com/package/@lit/context
17
- * https://www.npmjs.com/package/lodash-es
18
- * https://www.npmjs.com/package/@floating-ui/dom
19
- * https://www.npmjs.com/package/@carbon/icon-helpers
20
- * https://www.npmjs.com/package/flatpickr
21
- * https://www.npmjs.com/package/lit-html
22
- * https://www.npmjs.com/package/lit-element
23
- * https://www.npmjs.com/package/@lit/reactive-element
24
- * https://www.npmjs.com/package/@floating-ui/utils
25
- * https://www.npmjs.com/package/@floating-ui/core
26
- */
27
-
28
- import{r as t,x as e,_ as s}from"./lit-element-W7dQy3wx.js";import{n as i}from"./property-D8KHfsO7.js";import{r as o}from"./state-DVnprZ3A.js";import{a as n}from"./query-DZZk85FD.js";import{o as a}from"./query-assigned-elements-CuK851Xm.js";import{p as h,s as l}from"./settings-CVGvqY8T.js";import{H as c}from"./host-listener-BFnrKETa.js";import{H as r}from"./host-listener-maKckXVl.js";import{c as d}from"./carbon-element-tFMTVffV.js";import"./button-3n7S6dfU.js";import"./button.min.js";import"./button-skeleton-DE9AxBek.js";import"./layer.min.js";import"./modal.min.js";import"./on-Bh72-1o0.js";import"./class-map-BLvVLLRH.js";import"./directive-CwpJ03IP.js";import"./if-defined-B342gMhK.js";import"./focus-DCv16lgz.js";import"./20-BSzLZNRY.js";import"./icon-loader-BiaaiIZd.js";import"./icon-loader-utils-Dw7YsY3n.js";import"./unsafe-html-SGvBIOsG.js";var _,p,u,v;!function(t){t.RIGHT="right",t.LEFT="left"}(_||(_={})),function(t){t.NARROW="narrow",t.WIDE="wide"}(p||(p={})),function(t){t.NARROW="narrow",t.WIDE="wide"}(u||(u={}));const m=Node.DOCUMENT_POSITION_PRECEDING|Node.DOCUMENT_POSITION_CONTAINS,$=Node.DOCUMENT_POSITION_FOLLOWING|Node.DOCUMENT_POSITION_CONTAINED_BY,f=`${h}--tearsheet`,g=`${h}--modal-header`,k=`${h}--action-set`;function b(t,e){for(let e=t.length-1;e>=0;--e){const s=t[e];if(s.focus(),s.ownerDocument.activeElement===s)return!0}return!1}let y=v=class extends(r(t)){constructor(){super(...arguments),this._launcher=null,this._actionsCount=0,this._hasHeaderActions=!1,this._hasLabel=!1,this._hasSlug=!1,this._hasTitle=!1,this._hasDescription=!1,this._hasInfluencerLeft=!1,this._hasInfluencerRight=!1,this._isOpen=!1,this._hasHeaderNavigation=!1,this._handleClick=t=>{t.composedPath().indexOf(this.shadowRoot)<0&&!this.preventCloseOnClickOutside&&this._handleUserInitiatedClose(t.target)},this._handleBlur=async({target:t,relatedTarget:e})=>{var s;if(!this._topOfStack())return;const{open:i,_startSentinelNode:o,_endSentinelNode:n}=this,a=t!==this&&this.contains(t),h=e!==this&&(this.contains(e)||(null===(s=this.shadowRoot)||void 0===s?void 0:s.contains(e))&&e!==o&&e!==n),{selectorTabbable:l}=this.constructor;if(i&&e&&a&&!h){const s=t.compareDocumentPosition(e);e===o||s&m?(await this.constructor._delay(),b(this.querySelectorAll(l))||e===this||this.focus()):(e===n||s&$)&&(await this.constructor._delay(),b(this.querySelectorAll(l))||this.focus())}},this._handleKeydown=({key:t,target:e})=>{"Esc"!==t&&"Escape"!==t||!this._topOfStack()||this._handleUserInitiatedClose(e)},this.ariaLabel="",this.closeIconDescription="Close",this.hasCloseIcon=!1,this.influencerPlacement=_.RIGHT,this.influencerWidth=p.NARROW,this.open=!1,this.preventCloseOnClickOutside=!1,this.width=u.NARROW,this._checkUpdateActionSizes=()=>{if(this._actions)for(let t=0;t<this._actions.length;t++)this._actions[t].setAttribute("size","wide"===this.width?"2xl":"xl")},this._maxActions=4,this._stackDepth=-1,this._stackPosition=-1,this._topOfStack=()=>this._stackDepth===this._stackPosition,this._notifyStack=()=>{v._stack.all.forEach((t=>{t(Math.min(v._stack.open.length,3),v._stack.open.indexOf(t)+1)}))},this._handleStackChange=(t,e)=>{this._stackDepth=t,this._stackPosition=e,this._stackDepth>1&&this._stackPosition>0?(this.setAttribute("stack-position",`${e}`),this.setAttribute("stack-depth",`${this._stackDepth}`)):(this.removeAttribute("stack-position"),this.removeAttribute("stack-depth"))},this._updateStack=()=>{if(this.open)v._stack.open.push(this._handleStackChange);else{const t=v._stack.open.indexOf(this._handleStackChange);t>=0&&v._stack.open.splice(t,1)}this._notifyStack()},this.actionsMultiple=["","single","double","triple"][this._actionsCount],this._checkSetOpen=()=>{const{_tearsheet:t}=this;t&&this._isOpen?t.addEventListener("transitionend",(()=>{this._isOpen=!1})):window.requestAnimationFrame((()=>{this._isOpen=this.open}))}}_checkSetHasSlot(t){var e,s;const i=t.target,o=i.getAttribute("data-postfix"),n=o?`-${o}`:"";this[`_has-${i.name}${n}`.replace(/-./g,(t=>t[1].toUpperCase()))]=(null!==(s=null===(e=null==i?void 0:i.assignedElements())||void 0===e?void 0:e.length)&&void 0!==s?s:0)>0}_handleClickContainer(t){t.target.matches(this.constructor.selectorCloseButton)&&this._handleUserInitiatedClose(t.target)}_handleUserInitiatedClose(t){if(this.open){const e={bubbles:!0,cancelable:!0,composed:!0,detail:{triggeredBy:t}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose,e))&&(this.open=!1,this.dispatchEvent(new CustomEvent(this.constructor.eventClose,e)))}}_handleSlugChange(t){const e=t.target.assignedElements();this._hasSlug=e.length>0,this._hasSlug?(e[0].setAttribute("size","lg"),this.setAttribute("slug","")):this.removeAttribute("slug")}_handleActionsChange(t){var e;const s=t.target,i=null==s?void 0:s.assignedElements(),o=null!==(e=null==i?void 0:i.length)&&void 0!==e?e:0;o>this._maxActions?(this._actionsCount=this._maxActions,console.error(`Too many tearsheet actions, max ${this._maxActions}.`)):this._actionsCount=o;for(let t=0;t<(null==i?void 0:i.length);t++)t+1>this._maxActions?(i[t].setAttribute("hidden","true"),i[t].setAttribute(`data-actions-limit-${this._maxActions}-exceeded`,`${i.length}`)):i[t].classList.add(`${k}__action-button`);this._checkUpdateActionSizes()}connectedCallback(){super.connectedCallback(),v._stack.all.push(this._handleStackChange)}disconnectedCallback(){super.disconnectedCallback();const t=v._stack.all.indexOf(this._handleStackChange);v._stack.all.splice(t,1);const e=v._stack.all.indexOf(this._handleStackChange);v._stack.open.splice(e,1)}render(){const{closeIconDescription:t,influencerPlacement:s,influencerWidth:i,open:o,width:n}=this,a=["","single","double","triple"][this._actionsCount],l=e`<div
29
- class=${`${f}__header-fields`}>
30
- <h2 class=${`${g}__label`} ?hidden=${!this._hasLabel}>
31
- <slot name="label" @slotchange=${this._checkSetHasSlot}></slot>
32
- </h2>
33
- <h3
34
- class=${`${g}__heading ${f}__heading`}
35
- ?hidden=${!this._hasTitle}>
36
- <slot name="title" @slotchange=${this._checkSetHasSlot}></slot>
37
- </h3>
38
- <div
39
- class=${`${f}__header-description`}
40
- ?hidden=${!this._hasDescription}>
41
- <slot name="description" @slotchange=${this._checkSetHasSlot}></slot>
42
- </div>
43
- </div>`,c=e` <div
44
- class=${`${f}__header-actions`}
45
- ?hidden=${!this._hasHeaderActions||"narrow"===this.width}>
46
- <slot name="header-actions" @slotchange=${this._checkSetHasSlot}></slot>
47
- </div>`,r=e` <cds-modal-header
48
- class=${`${f}__header`}
49
- ?has-close-icon=${this.hasCloseIcon||0===(null==this?void 0:this._actionsCount)}
50
- ?has-navigation=${this._hasHeaderNavigation&&"wide"===this.width}
51
- ?has-header-actions=${this._hasHeaderActions&&"wide"===this.width}
52
- ?has-actions=${(null==this?void 0:this._actionsCount)>0}
53
- ?has-slug=${null==this?void 0:this._hasSlug}
54
- width=${n}>
55
- ${this.width===u.WIDE?e`<cds-layer level="1" class=${`${f}__header-content`}
56
- >${l}${c}</cds-layer
57
- >`:e`<div>${l}${c}</div>`}
58
-
59
- <div
60
- class=${`${f}__header-navigation`}
61
- ?hidden=${!this._hasHeaderNavigation||"narrow"===this.width}>
62
- <slot
63
- name="header-navigation"
64
- @slotchange=${this._checkSetHasSlot}></slot>
65
- </div>
66
- <slot name="slug" @slotchange=${this._handleSlugChange}></slot>
67
- ${this.hasCloseIcon||0===(null==this?void 0:this._actionsCount)?e`<cds-modal-close-button
68
- close-button-label=${t}
69
- @click=${this._handleUserInitiatedClose}></cds-modal-close-button>`:""}
70
- </cds-modal-header>`;return e`
71
- <a
72
- id="start-sentinel"
73
- class="${h}--visually-hidden"
74
- href="javascript:void 0"
75
- role="navigation"></a>
76
- <div
77
- aria-label=${this.ariaLabel}
78
- class=${`${f}__container ${h}--modal-container ${h}--modal-container--sm`}
79
- part="dialog"
80
- role="complementary"
81
- ?open=${this._isOpen}
82
- ?opening=${o&&!this._isOpen}
83
- ?closing=${!o&&this._isOpen}
84
- width=${n}
85
- stack-position=${this._stackPosition}
86
- stack-depth=${this._stackDepth}
87
- @click=${this._handleClickContainer}>
88
- <!-- Header -->
89
- ${r}
90
-
91
- <!-- Body -->
92
- <cds-modal-body class=${`${f}__body`} width=${n}>
93
- <!-- Influencer when on left -->
94
- ${s!==_.RIGHT?e`<div
95
- class=${`${f}__influencer`}
96
- ?wide=${"wide"===i}
97
- ?hidden=${!this._hasInfluencerLeft||this.width===u.NARROW}>
98
- <slot
99
- name="influencer"
100
- data-postfix="left"
101
- @slotchange=${this._checkSetHasSlot}></slot>
102
- </div>`:""}
103
-
104
- <div class=${`${f}__right`}>
105
- <div class=${`${f}__main`}>
106
- <div class=${`${f}__content`}>
107
- <cds-layer level="0">
108
- <slot></slot>
109
- </cds-layer>
110
- </div>
111
-
112
- <!-- Influencer when on right -->
113
- ${s===_.RIGHT?e`<div
114
- class=${`${f}__influencer`}
115
- ?wide=${i}
116
- ?hidden=${!this._hasInfluencerRight||this.width===u.NARROW}>
117
- <slot
118
- name="influencer"
119
- data-postfix="right"
120
- @slotchange=${this._checkSetHasSlot}></slot>
121
- </div>`:""}
122
- </div>
123
- <!-- Action buttons -->
124
- <cds-button-set-base
125
- class=${`${f}__buttons ${f}__button-container`}
126
- actions-multiple=${a}
127
- ?tearsheet-wide=${"wide"===n}
128
- ?hidden=${0===this._actionsCount}>
129
- <slot
130
- name="actions"
131
- @slotchange=${this._handleActionsChange}></slot>
132
- </cds-button-set-base>
133
- </div>
134
- </cds-modal-body>
135
- </div>
136
- <a
137
- id="end-sentinel"
138
- class="${h}--visually-hidden"
139
- href="javascript:void 0"
140
- role="navigation"></a>
141
- `}async updated(t){if(t.has("width")&&this._checkUpdateActionSizes(),"development"===production&&(t.has("width")||t.has("_hasHeaderNavigation")||t.has("_hasInfluencerLeft")||t.has("_hasInfluencerRight")||t.has("_hasHeaderActions"))&&"narrow"===this.width&&(this._hasHeaderNavigation&&console.error("Header navigation is not permitted in narrow Tearsheet."),(this._hasInfluencerLeft||this._hasInfluencerRight)&&console.error("Influencer is not permitted in narrow Tearsheet."),this._hasHeaderActions&&console.error("Header actions are not permitted in narrow Tearsheet.")),t.has("open"))if(this._updateStack(),this._checkSetOpen(),this.open){this._launcher=this.ownerDocument.activeElement;const t=this.selectorInitialFocus&&this.querySelector(this.selectorInitialFocus);await this.constructor._delay(),t?t.focus():b(this.querySelectorAll(this.constructor.selectorTabbable))||this.focus()}else this._launcher&&"function"==typeof this._launcher.focus&&(this._launcher.focus(),this._launcher=null)}static _delay(t=0){return new Promise((e=>{setTimeout(e,t)}))}static get selectorCloseButton(){return`[data-modal-close],${h}-modal-close-button`}static get selectorTabbable(){return l}static get eventBeforeClose(){return`${h}-tearsheet-beingclosed`}static get eventClose(){return`${h}-tearsheet-closed`}static get eventNavigateBack(){return`${h}-tearsheet-header-navigate-back`}};y._stack={open:[],all:[]},s([n("#start-sentinel")],y.prototype,"_startSentinelNode",void 0),s([n("#end-sentinel")],y.prototype,"_endSentinelNode",void 0),s([n(`.${f}__container`)],y.prototype,"_tearsheet",void 0),s([a({slot:"actions",selector:`${h}-button`})],y.prototype,"_actions",void 0),s([o()],y.prototype,"_actionsCount",void 0),s([o()],y.prototype,"_hasHeaderActions",void 0),s([o()],y.prototype,"_hasLabel",void 0),s([o()],y.prototype,"_hasSlug",void 0),s([o()],y.prototype,"_hasTitle",void 0),s([o()],y.prototype,"_hasDescription",void 0),s([o()],y.prototype,"_hasInfluencerLeft",void 0),s([o()],y.prototype,"_hasInfluencerRight",void 0),s([o()],y.prototype,"_isOpen",void 0),s([o()],y.prototype,"_hasHeaderNavigation",void 0),s([c("click")],y.prototype,"_handleClick",void 0),s([c("shadowRoot:focusout")],y.prototype,"_handleBlur",void 0),s([c("document:keydown")],y.prototype,"_handleKeydown",void 0),s([i({reflect:!0,attribute:"aria-label"})],y.prototype,"ariaLabel",void 0),s([i({reflect:!0,attribute:"close-icon-description"})],y.prototype,"closeIconDescription",void 0),s([i({reflect:!0,type:Boolean,attribute:"has-close-icon"})],y.prototype,"hasCloseIcon",void 0),s([i({reflect:!0,attribute:"influencer-placement"})],y.prototype,"influencerPlacement",void 0),s([i({reflect:!0,attribute:"influencer-width"})],y.prototype,"influencerWidth",void 0),s([i({type:Boolean,reflect:!0})],y.prototype,"open",void 0),s([i({type:Boolean,attribute:"prevent-close-on-click-outside"})],y.prototype,"preventCloseOnClickOutside",void 0),s([i({reflect:!0,attribute:"selector-initial-focus",type:String})],y.prototype,"selectorInitialFocus",void 0),s([i({reflect:!0,attribute:"width"})],y.prototype,"width",void 0),s([o()],y.prototype,"_stackDepth",void 0),s([o()],y.prototype,"_stackPosition",void 0),y=v=s([d(`${h}-tearsheet`)],y);