@carbon/web-components 2.0.0-rc.1 → 2.0.0-rc.3

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 (723) hide show
  1. package/custom-elements.json +307 -79
  2. package/es/components/accordion/accordion-item.d.ts.map +1 -1
  3. package/es/components/accordion/accordion-item.js +3 -2
  4. package/es/components/accordion/accordion-item.js.map +1 -1
  5. package/es/components/accordion/accordion-skeleton.js.map +1 -1
  6. package/es/components/accordion/accordion.css.js +1 -1
  7. package/es/components/accordion/accordion.d.ts.map +1 -1
  8. package/es/components/accordion/accordion.js +2 -1
  9. package/es/components/accordion/accordion.js.map +1 -1
  10. package/es/components/accordion/accordion.rtl.css.js +1 -1
  11. package/es/components/accordion/defs.d.ts +1 -1
  12. package/es/components/accordion/defs.d.ts.map +1 -1
  13. package/es/components/accordion/defs.js +1 -1
  14. package/es/components/accordion/defs.js.map +1 -1
  15. package/es/components/accordion/index.d.ts +1 -1
  16. package/es/components/accordion/index.d.ts.map +1 -1
  17. package/es/components/accordion/index.js +1 -1
  18. package/es/components/accordion/index.js.map +1 -1
  19. package/es/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
  20. package/es/components/breadcrumb/breadcrumb-item.js +2 -6
  21. package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
  22. package/es/components/breadcrumb/breadcrumb-link.d.ts.map +1 -1
  23. package/es/components/breadcrumb/breadcrumb-link.js +2 -6
  24. package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
  25. package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts.map +1 -1
  26. package/es/components/breadcrumb/breadcrumb-overflow-menu.js +2 -6
  27. package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
  28. package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -1
  29. package/es/components/breadcrumb/breadcrumb.css.js +1 -1
  30. package/es/components/breadcrumb/breadcrumb.d.ts.map +1 -1
  31. package/es/components/breadcrumb/breadcrumb.js +3 -6
  32. package/es/components/breadcrumb/breadcrumb.js.map +1 -1
  33. package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
  34. package/es/components/breadcrumb/index.d.ts +1 -1
  35. package/es/components/breadcrumb/index.d.ts.map +1 -1
  36. package/es/components/breadcrumb/index.js +1 -1
  37. package/es/components/breadcrumb/index.js.map +1 -1
  38. package/es/components/button/button-set.js.map +1 -1
  39. package/es/components/button/button-skeleton.d.ts.map +1 -1
  40. package/es/components/button/button-skeleton.js +2 -4
  41. package/es/components/button/button-skeleton.js.map +1 -1
  42. package/es/components/button/button.css.js +1 -1
  43. package/es/components/button/button.d.ts +1 -1
  44. package/es/components/button/button.d.ts.map +1 -1
  45. package/es/components/button/button.js +12 -9
  46. package/es/components/button/button.js.map +1 -1
  47. package/es/components/button/button.rtl.css.js +1 -1
  48. package/es/components/button/defs.d.ts +1 -1
  49. package/es/components/button/defs.d.ts.map +1 -1
  50. package/es/components/button/defs.js +1 -1
  51. package/es/components/button/defs.js.map +1 -1
  52. package/es/components/button/index.d.ts +1 -1
  53. package/es/components/button/index.d.ts.map +1 -1
  54. package/es/components/button/index.js +1 -1
  55. package/es/components/button/index.js.map +1 -1
  56. package/es/components/checkbox/checkbox.css.js +1 -1
  57. package/es/components/checkbox/checkbox.d.ts.map +1 -1
  58. package/es/components/checkbox/checkbox.js +3 -9
  59. package/es/components/checkbox/checkbox.js.map +1 -1
  60. package/es/components/checkbox/checkbox.rtl.css.js +1 -1
  61. package/es/components/checkbox/index.d.ts +1 -1
  62. package/es/components/checkbox/index.d.ts.map +1 -1
  63. package/es/components/checkbox/index.js +1 -1
  64. package/es/components/checkbox/index.js.map +1 -1
  65. package/es/components/code-snippet/code-snippet-skeleton.d.ts.map +1 -1
  66. package/es/components/code-snippet/code-snippet-skeleton.js +3 -4
  67. package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
  68. package/es/components/code-snippet/code-snippet.css.js +1 -1
  69. package/es/components/code-snippet/code-snippet.d.ts +4 -0
  70. package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
  71. package/es/components/code-snippet/code-snippet.js +20 -9
  72. package/es/components/code-snippet/code-snippet.js.map +1 -1
  73. package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
  74. package/es/components/code-snippet/defs.d.ts +1 -1
  75. package/es/components/code-snippet/defs.d.ts.map +1 -1
  76. package/es/components/code-snippet/defs.js +1 -1
  77. package/es/components/code-snippet/defs.js.map +1 -1
  78. package/es/components/code-snippet/index.d.ts +1 -1
  79. package/es/components/code-snippet/index.d.ts.map +1 -1
  80. package/es/components/code-snippet/index.js +1 -1
  81. package/es/components/code-snippet/index.js.map +1 -1
  82. package/es/components/combo-box/combo-box-item.d.ts.map +1 -1
  83. package/es/components/combo-box/combo-box-item.js +2 -6
  84. package/es/components/combo-box/combo-box-item.js.map +1 -1
  85. package/es/components/combo-box/combo-box.css.js +1 -1
  86. package/es/components/combo-box/combo-box.d.ts.map +1 -1
  87. package/es/components/combo-box/combo-box.js +2 -1
  88. package/es/components/combo-box/combo-box.js.map +1 -1
  89. package/es/components/combo-box/combo-box.rtl.css.js +1 -1
  90. package/es/components/combo-box/index.d.ts +1 -1
  91. package/es/components/combo-box/index.d.ts.map +1 -1
  92. package/es/components/combo-box/index.js +1 -1
  93. package/es/components/combo-box/index.js.map +1 -1
  94. package/es/components/content-switcher/content-switcher-item.d.ts.map +1 -1
  95. package/es/components/content-switcher/content-switcher-item.js +3 -6
  96. package/es/components/content-switcher/content-switcher-item.js.map +1 -1
  97. package/es/components/content-switcher/content-switcher.css.js +1 -1
  98. package/es/components/content-switcher/content-switcher.d.ts.map +1 -1
  99. package/es/components/content-switcher/content-switcher.js +2 -1
  100. package/es/components/content-switcher/content-switcher.js.map +1 -1
  101. package/es/components/content-switcher/content-switcher.rtl.css.js +1 -1
  102. package/es/components/content-switcher/defs.d.ts +1 -1
  103. package/es/components/content-switcher/defs.d.ts.map +1 -1
  104. package/es/components/content-switcher/defs.js +1 -1
  105. package/es/components/content-switcher/defs.js.map +1 -1
  106. package/es/components/content-switcher/index.d.ts +1 -1
  107. package/es/components/content-switcher/index.d.ts.map +1 -1
  108. package/es/components/content-switcher/index.js +1 -1
  109. package/es/components/content-switcher/index.js.map +1 -1
  110. package/es/components/copy/copy.d.ts.map +1 -1
  111. package/es/components/copy/copy.js +3 -1
  112. package/es/components/copy/copy.js.map +1 -1
  113. package/es/components/copy-button/copy-button.css.js +1 -1
  114. package/es/components/copy-button/copy-button.d.ts +1 -1
  115. package/es/components/copy-button/copy-button.d.ts.map +1 -1
  116. package/es/components/copy-button/copy-button.js +7 -7
  117. package/es/components/copy-button/copy-button.js.map +1 -1
  118. package/es/components/copy-button/copy-button.rtl.css.js +1 -1
  119. package/es/components/copy-button/index.d.ts +1 -1
  120. package/es/components/copy-button/index.d.ts.map +1 -1
  121. package/es/components/copy-button/index.js +1 -1
  122. package/es/components/copy-button/index.js.map +1 -1
  123. package/es/components/data-table/data-table.css.js +1 -1
  124. package/es/components/data-table/data-table.rtl.css.js +1 -1
  125. package/es/components/data-table/index.d.ts +1 -1
  126. package/es/components/data-table/index.d.ts.map +1 -1
  127. package/es/components/data-table/index.js +1 -1
  128. package/es/components/data-table/index.js.map +1 -1
  129. package/es/components/data-table/table-batch-actions.d.ts.map +1 -1
  130. package/es/components/data-table/table-batch-actions.js +3 -7
  131. package/es/components/data-table/table-batch-actions.js.map +1 -1
  132. package/es/components/data-table/table-body.d.ts.map +1 -1
  133. package/es/components/data-table/table-body.js +3 -6
  134. package/es/components/data-table/table-body.js.map +1 -1
  135. package/es/components/data-table/table-cell.d.ts.map +1 -1
  136. package/es/components/data-table/table-cell.js +3 -7
  137. package/es/components/data-table/table-cell.js.map +1 -1
  138. package/es/components/data-table/table-expanded-row.d.ts.map +1 -1
  139. package/es/components/data-table/table-expanded-row.js +2 -1
  140. package/es/components/data-table/table-expanded-row.js.map +1 -1
  141. package/es/components/data-table/table-head.d.ts.map +1 -1
  142. package/es/components/data-table/table-head.js +2 -6
  143. package/es/components/data-table/table-head.js.map +1 -1
  144. package/es/components/data-table/table-header-cell.d.ts.map +1 -1
  145. package/es/components/data-table/table-header-cell.js +2 -1
  146. package/es/components/data-table/table-header-cell.js.map +1 -1
  147. package/es/components/data-table/table-header-row.d.ts.map +1 -1
  148. package/es/components/data-table/table-header-row.js +1 -1
  149. package/es/components/data-table/table-header-row.js.map +1 -1
  150. package/es/components/data-table/table-row.d.ts.map +1 -1
  151. package/es/components/data-table/table-row.js +3 -2
  152. package/es/components/data-table/table-row.js.map +1 -1
  153. package/es/components/data-table/table-skeleton.js.map +1 -1
  154. package/es/components/data-table/table-toolbar-content.d.ts.map +1 -1
  155. package/es/components/data-table/table-toolbar-content.js +4 -7
  156. package/es/components/data-table/table-toolbar-content.js.map +1 -1
  157. package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
  158. package/es/components/data-table/table-toolbar-search.js +3 -7
  159. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  160. package/es/components/data-table/table-toolbar.d.ts +0 -8
  161. package/es/components/data-table/table-toolbar.d.ts.map +1 -1
  162. package/es/components/data-table/table-toolbar.js +3 -30
  163. package/es/components/data-table/table-toolbar.js.map +1 -1
  164. package/es/components/data-table/table.d.ts.map +1 -1
  165. package/es/components/data-table/table.js +3 -3
  166. package/es/components/data-table/table.js.map +1 -1
  167. package/es/components/date-picker/append-to-plugin.js.map +1 -1
  168. package/es/components/date-picker/css-class-plugin.js.map +1 -1
  169. package/es/components/date-picker/date-picker-input-skeleton.d.ts.map +1 -1
  170. package/es/components/date-picker/date-picker-input-skeleton.js +3 -4
  171. package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
  172. package/es/components/date-picker/date-picker-input.d.ts.map +1 -1
  173. package/es/components/date-picker/date-picker-input.js +2 -1
  174. package/es/components/date-picker/date-picker-input.js.map +1 -1
  175. package/es/components/date-picker/date-picker.css.js +1 -1
  176. package/es/components/date-picker/date-picker.d.ts.map +1 -1
  177. package/es/components/date-picker/date-picker.js +7 -4
  178. package/es/components/date-picker/date-picker.js.map +1 -1
  179. package/es/components/date-picker/date-picker.rtl.css.js +1 -1
  180. package/es/components/date-picker/defs.d.ts +1 -1
  181. package/es/components/date-picker/defs.d.ts.map +1 -1
  182. package/es/components/date-picker/defs.js +1 -1
  183. package/es/components/date-picker/defs.js.map +1 -1
  184. package/es/components/date-picker/fix-events-plugin.js +9 -0
  185. package/es/components/date-picker/fix-events-plugin.js.map +1 -1
  186. package/es/components/date-picker/focus-plugin.d.ts.map +1 -1
  187. package/es/components/date-picker/focus-plugin.js +14 -4
  188. package/es/components/date-picker/focus-plugin.js.map +1 -1
  189. package/es/components/date-picker/icon-plugin.js.map +1 -1
  190. package/es/components/date-picker/index.d.ts +1 -1
  191. package/es/components/date-picker/index.d.ts.map +1 -1
  192. package/es/components/date-picker/index.js +1 -1
  193. package/es/components/date-picker/index.js.map +1 -1
  194. package/es/components/date-picker/iso-date.js.map +1 -1
  195. package/es/components/date-picker/month-select-plugin.js.map +1 -1
  196. package/es/components/date-picker/range-plugin.d.ts +21 -6
  197. package/es/components/date-picker/range-plugin.d.ts.map +1 -1
  198. package/es/components/date-picker/range-plugin.js +51 -17
  199. package/es/components/date-picker/range-plugin.js.map +1 -1
  200. package/es/components/date-picker/shadow-dom-events-plugin.js.map +1 -1
  201. package/es/components/date-picker/state-handshake-plugin.js.map +1 -1
  202. package/es/components/dropdown/defs.d.ts +1 -1
  203. package/es/components/dropdown/defs.d.ts.map +1 -1
  204. package/es/components/dropdown/defs.js +1 -1
  205. package/es/components/dropdown/defs.js.map +1 -1
  206. package/es/components/dropdown/dropdown-item.d.ts.map +1 -1
  207. package/es/components/dropdown/dropdown-item.js +3 -7
  208. package/es/components/dropdown/dropdown-item.js.map +1 -1
  209. package/es/components/dropdown/dropdown-skeleton.d.ts.map +1 -1
  210. package/es/components/dropdown/dropdown-skeleton.js +2 -4
  211. package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
  212. package/es/components/dropdown/dropdown.css.js +1 -1
  213. package/es/components/dropdown/dropdown.d.ts +1 -3
  214. package/es/components/dropdown/dropdown.d.ts.map +1 -1
  215. package/es/components/dropdown/dropdown.js +2 -1
  216. package/es/components/dropdown/dropdown.js.map +1 -1
  217. package/es/components/dropdown/dropdown.rtl.css.js +1 -1
  218. package/es/components/dropdown/index.d.ts +1 -1
  219. package/es/components/dropdown/index.d.ts.map +1 -1
  220. package/es/components/dropdown/index.js +1 -1
  221. package/es/components/dropdown/index.js.map +1 -1
  222. package/es/components/file-uploader/defs.d.ts +1 -1
  223. package/es/components/file-uploader/defs.d.ts.map +1 -1
  224. package/es/components/file-uploader/defs.js +1 -1
  225. package/es/components/file-uploader/defs.js.map +1 -1
  226. package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
  227. package/es/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  228. package/es/components/file-uploader/file-uploader-button.js +1 -0
  229. package/es/components/file-uploader/file-uploader-button.js.map +1 -1
  230. package/es/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  231. package/es/components/file-uploader/file-uploader-drop-container.js +2 -1
  232. package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  233. package/es/components/file-uploader/file-uploader-item.d.ts.map +1 -1
  234. package/es/components/file-uploader/file-uploader-item.js +2 -1
  235. package/es/components/file-uploader/file-uploader-item.js.map +1 -1
  236. package/es/components/file-uploader/file-uploader.css.js +1 -1
  237. package/es/components/file-uploader/file-uploader.d.ts.map +1 -1
  238. package/es/components/file-uploader/file-uploader.js +3 -8
  239. package/es/components/file-uploader/file-uploader.js.map +1 -1
  240. package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
  241. package/es/components/file-uploader/index.d.ts +1 -1
  242. package/es/components/file-uploader/index.d.ts.map +1 -1
  243. package/es/components/file-uploader/index.js +1 -1
  244. package/es/components/file-uploader/index.js.map +1 -1
  245. package/es/components/floating-menu/defs.d.ts +1 -1
  246. package/es/components/floating-menu/defs.d.ts.map +1 -1
  247. package/es/components/floating-menu/defs.js +1 -1
  248. package/es/components/floating-menu/defs.js.map +1 -1
  249. package/es/components/floating-menu/floating-menu-trigger.d.ts +1 -1
  250. package/es/components/floating-menu/floating-menu-trigger.d.ts.map +1 -1
  251. package/es/components/floating-menu/floating-menu.js +9 -2
  252. package/es/components/floating-menu/floating-menu.js.map +1 -1
  253. package/es/components/floating-menu/index.d.ts +1 -1
  254. package/es/components/floating-menu/index.d.ts.map +1 -1
  255. package/es/components/floating-menu/index.js +1 -1
  256. package/es/components/floating-menu/index.js.map +1 -1
  257. package/es/components/form/form-item.css.js +1 -1
  258. package/es/components/form/form-item.d.ts.map +1 -1
  259. package/es/components/form/form-item.js +2 -6
  260. package/es/components/form/form-item.js.map +1 -1
  261. package/es/components/form/form-item.rtl.css.js +1 -1
  262. package/es/components/form/index.d.ts +1 -1
  263. package/es/components/form/index.d.ts.map +1 -1
  264. package/es/components/form/index.js +1 -1
  265. package/es/components/form/index.js.map +1 -1
  266. package/es/components/form-group/form-group.css.js +1 -1
  267. package/es/components/form-group/form-group.rtl.css.js +1 -1
  268. package/es/components/icon-button/icon-button.css.js +1 -1
  269. package/es/components/icon-button/icon-button.d.ts.map +1 -1
  270. package/es/components/icon-button/icon-button.js +3 -1
  271. package/es/components/icon-button/icon-button.js.map +1 -1
  272. package/es/components/icon-button/icon-button.rtl.css.js +1 -1
  273. package/es/components/inline-loading/defs.d.ts +1 -1
  274. package/es/components/inline-loading/defs.d.ts.map +1 -1
  275. package/es/components/inline-loading/defs.js +1 -1
  276. package/es/components/inline-loading/defs.js.map +1 -1
  277. package/es/components/inline-loading/index.d.ts +1 -1
  278. package/es/components/inline-loading/index.d.ts.map +1 -1
  279. package/es/components/inline-loading/index.js +1 -1
  280. package/es/components/inline-loading/index.js.map +1 -1
  281. package/es/components/inline-loading/inline-loading.css.js +1 -1
  282. package/es/components/inline-loading/inline-loading.d.ts.map +1 -1
  283. package/es/components/inline-loading/inline-loading.js +2 -1
  284. package/es/components/inline-loading/inline-loading.js.map +1 -1
  285. package/es/components/inline-loading/inline-loading.rtl.css.js +1 -1
  286. package/es/components/layer/layer.js.map +1 -1
  287. package/es/components/link/index.d.ts +1 -1
  288. package/es/components/link/index.d.ts.map +1 -1
  289. package/es/components/link/index.js +1 -1
  290. package/es/components/link/index.js.map +1 -1
  291. package/es/components/link/link.d.ts.map +1 -1
  292. package/es/components/link/link.js +3 -4
  293. package/es/components/link/link.js.map +1 -1
  294. package/es/components/list/index.d.ts +1 -1
  295. package/es/components/list/index.d.ts.map +1 -1
  296. package/es/components/list/index.js +1 -1
  297. package/es/components/list/index.js.map +1 -1
  298. package/es/components/list/list-item.d.ts.map +1 -1
  299. package/es/components/list/list-item.js +3 -7
  300. package/es/components/list/list-item.js.map +1 -1
  301. package/es/components/list/ordered-list.d.ts.map +1 -1
  302. package/es/components/list/ordered-list.js +2 -1
  303. package/es/components/list/ordered-list.js.map +1 -1
  304. package/es/components/list/unordered-list.d.ts.map +1 -1
  305. package/es/components/list/unordered-list.js +3 -4
  306. package/es/components/list/unordered-list.js.map +1 -1
  307. package/es/components/loading/defs.d.ts +1 -1
  308. package/es/components/loading/defs.d.ts.map +1 -1
  309. package/es/components/loading/defs.js +1 -1
  310. package/es/components/loading/defs.js.map +1 -1
  311. package/es/components/loading/index.d.ts +1 -1
  312. package/es/components/loading/index.d.ts.map +1 -1
  313. package/es/components/loading/index.js +1 -1
  314. package/es/components/loading/index.js.map +1 -1
  315. package/es/components/loading/loading.css.js +1 -1
  316. package/es/components/loading/loading.d.ts.map +1 -1
  317. package/es/components/loading/loading.js +3 -6
  318. package/es/components/loading/loading.js.map +1 -1
  319. package/es/components/loading/loading.rtl.css.js +1 -1
  320. package/es/components/loading/types.d.ts +1 -1
  321. package/es/components/loading/types.d.ts.map +1 -1
  322. package/es/components/loading/types.js +1 -1
  323. package/es/components/loading/types.js.map +1 -1
  324. package/es/components/modal/defs.d.ts +1 -1
  325. package/es/components/modal/defs.d.ts.map +1 -1
  326. package/es/components/modal/defs.js +1 -1
  327. package/es/components/modal/defs.js.map +1 -1
  328. package/es/components/modal/index.d.ts +1 -1
  329. package/es/components/modal/index.d.ts.map +1 -1
  330. package/es/components/modal/index.js +1 -1
  331. package/es/components/modal/index.js.map +1 -1
  332. package/es/components/modal/modal-body.d.ts.map +1 -1
  333. package/es/components/modal/modal-body.js +2 -6
  334. package/es/components/modal/modal-body.js.map +1 -1
  335. package/es/components/modal/modal-close-button.d.ts.map +1 -1
  336. package/es/components/modal/modal-close-button.js +3 -8
  337. package/es/components/modal/modal-close-button.js.map +1 -1
  338. package/es/components/modal/modal-footer-button.d.ts.map +1 -1
  339. package/es/components/modal/modal-footer-button.js +2 -6
  340. package/es/components/modal/modal-footer-button.js.map +1 -1
  341. package/es/components/modal/modal-footer.d.ts.map +1 -1
  342. package/es/components/modal/modal-footer.js +3 -6
  343. package/es/components/modal/modal-footer.js.map +1 -1
  344. package/es/components/modal/modal-header.d.ts.map +1 -1
  345. package/es/components/modal/modal-header.js +2 -6
  346. package/es/components/modal/modal-header.js.map +1 -1
  347. package/es/components/modal/modal-heading.d.ts.map +1 -1
  348. package/es/components/modal/modal-heading.js +2 -6
  349. package/es/components/modal/modal-heading.js.map +1 -1
  350. package/es/components/modal/modal-label.d.ts.map +1 -1
  351. package/es/components/modal/modal-label.js +2 -6
  352. package/es/components/modal/modal-label.js.map +1 -1
  353. package/es/components/modal/modal.css.js +1 -1
  354. package/es/components/modal/modal.d.ts.map +1 -1
  355. package/es/components/modal/modal.js +2 -1
  356. package/es/components/modal/modal.js.map +1 -1
  357. package/es/components/modal/modal.rtl.css.js +1 -1
  358. package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
  359. package/es/components/multi-select/multi-select-item.js +3 -6
  360. package/es/components/multi-select/multi-select-item.js.map +1 -1
  361. package/es/components/multi-select/multi-select.css.js +1 -1
  362. package/es/components/multi-select/multi-select.d.ts.map +1 -1
  363. package/es/components/multi-select/multi-select.js +2 -1
  364. package/es/components/multi-select/multi-select.js.map +1 -1
  365. package/es/components/multi-select/multi-select.rtl.css.js +1 -1
  366. package/es/components/notification/actionable-notification-button.js.map +1 -1
  367. package/es/components/notification/actionable-notification.css.js +1 -1
  368. package/es/components/notification/actionable-notification.js.map +1 -1
  369. package/es/components/notification/actionable-notification.rtl.css.js +1 -1
  370. package/es/components/notification/inline-notification.css.js +1 -1
  371. package/es/components/notification/inline-notification.d.ts.map +1 -1
  372. package/es/components/notification/inline-notification.js +2 -1
  373. package/es/components/notification/inline-notification.js.map +1 -1
  374. package/es/components/notification/inline-notification.rtl.css.js +1 -1
  375. package/es/components/notification/toast-notification.css.js +1 -1
  376. package/es/components/notification/toast-notification.d.ts.map +1 -1
  377. package/es/components/notification/toast-notification.js +2 -1
  378. package/es/components/notification/toast-notification.js.map +1 -1
  379. package/es/components/notification/toast-notification.rtl.css.js +1 -1
  380. package/es/components/number-input/number-input-skeleton.d.ts.map +1 -1
  381. package/es/components/number-input/number-input-skeleton.js +3 -4
  382. package/es/components/number-input/number-input-skeleton.js.map +1 -1
  383. package/es/components/number-input/number-input.css.js +1 -1
  384. package/es/components/number-input/number-input.d.ts.map +1 -1
  385. package/es/components/number-input/number-input.js +2 -1
  386. package/es/components/number-input/number-input.js.map +1 -1
  387. package/es/components/number-input/number-input.rtl.css.js +1 -1
  388. package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  389. package/es/components/overflow-menu/overflow-menu-body.js +2 -1
  390. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  391. package/es/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
  392. package/es/components/overflow-menu/overflow-menu-item.js +2 -1
  393. package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
  394. package/es/components/overflow-menu/overflow-menu.css.js +1 -1
  395. package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  396. package/es/components/overflow-menu/overflow-menu.js +6 -8
  397. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  398. package/es/components/overflow-menu/overflow-menu.rtl.css.js +1 -1
  399. package/es/components/pagination/pagination.css.js +1 -1
  400. package/es/components/pagination/pagination.d.ts.map +1 -1
  401. package/es/components/pagination/pagination.js +14 -8
  402. package/es/components/pagination/pagination.js.map +1 -1
  403. package/es/components/pagination/pagination.rtl.css.js +1 -1
  404. package/es/components/popover/popover.css.js +1 -1
  405. package/es/components/popover/popover.js.map +1 -1
  406. package/es/components/popover/popover.rtl.css.js +1 -1
  407. package/es/components/progress-bar/progress-bar.css.js +1 -1
  408. package/es/components/progress-bar/progress-bar.js.map +1 -1
  409. package/es/components/progress-bar/progress-bar.rtl.css.js +1 -1
  410. package/es/components/progress-indicator/progress-indicator-skeleton.d.ts.map +1 -1
  411. package/es/components/progress-indicator/progress-indicator-skeleton.js +3 -4
  412. package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
  413. package/es/components/progress-indicator/progress-indicator.css.js +1 -1
  414. package/es/components/progress-indicator/progress-indicator.d.ts.map +1 -1
  415. package/es/components/progress-indicator/progress-indicator.js +3 -6
  416. package/es/components/progress-indicator/progress-indicator.js.map +1 -1
  417. package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
  418. package/es/components/progress-indicator/progress-step-skeleton.d.ts.map +1 -1
  419. package/es/components/progress-indicator/progress-step-skeleton.js +3 -2
  420. package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
  421. package/es/components/progress-indicator/progress-step.d.ts.map +1 -1
  422. package/es/components/progress-indicator/progress-step.js +2 -1
  423. package/es/components/progress-indicator/progress-step.js.map +1 -1
  424. package/es/components/radio-button/radio-button-group.d.ts +23 -1
  425. package/es/components/radio-button/radio-button-group.d.ts.map +1 -1
  426. package/es/components/radio-button/radio-button-group.js +111 -11
  427. package/es/components/radio-button/radio-button-group.js.map +1 -1
  428. package/es/components/radio-button/radio-button-skeleton.d.ts.map +1 -1
  429. package/es/components/radio-button/radio-button-skeleton.js +2 -4
  430. package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
  431. package/es/components/radio-button/radio-button.css.js +1 -1
  432. package/es/components/radio-button/radio-button.d.ts +4 -0
  433. package/es/components/radio-button/radio-button.d.ts.map +1 -1
  434. package/es/components/radio-button/radio-button.js +20 -1
  435. package/es/components/radio-button/radio-button.js.map +1 -1
  436. package/es/components/radio-button/radio-button.rtl.css.js +1 -1
  437. package/es/components/search/search-skeleton.d.ts.map +1 -1
  438. package/es/components/search/search-skeleton.js +3 -4
  439. package/es/components/search/search-skeleton.js.map +1 -1
  440. package/es/components/search/search.css.js +1 -1
  441. package/es/components/search/search.d.ts.map +1 -1
  442. package/es/components/search/search.js +3 -12
  443. package/es/components/search/search.js.map +1 -1
  444. package/es/components/search/search.rtl.css.js +1 -1
  445. package/es/components/select/select-item-group.d.ts.map +1 -1
  446. package/es/components/select/select-item-group.js +2 -1
  447. package/es/components/select/select-item-group.js.map +1 -1
  448. package/es/components/select/select-item.d.ts.map +1 -1
  449. package/es/components/select/select-item.js +2 -1
  450. package/es/components/select/select-item.js.map +1 -1
  451. package/es/components/select/select.css.js +1 -1
  452. package/es/components/select/select.d.ts.map +1 -1
  453. package/es/components/select/select.js +3 -9
  454. package/es/components/select/select.js.map +1 -1
  455. package/es/components/select/select.rtl.css.js +1 -1
  456. package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts.map +1 -1
  457. package/es/components/skeleton-placeholder/skeleton-placeholder.js +2 -6
  458. package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
  459. package/es/components/skeleton-text/skeleton-text.d.ts.map +1 -1
  460. package/es/components/skeleton-text/skeleton-text.js +2 -1
  461. package/es/components/skeleton-text/skeleton-text.js.map +1 -1
  462. package/es/components/skip-to-content/skip-to-content.css.js +1 -1
  463. package/es/components/skip-to-content/skip-to-content.d.ts.map +1 -1
  464. package/es/components/skip-to-content/skip-to-content.js +3 -6
  465. package/es/components/skip-to-content/skip-to-content.js.map +1 -1
  466. package/es/components/skip-to-content/skip-to-content.rtl.css.js +1 -1
  467. package/es/components/slider/slider-input.d.ts +4 -0
  468. package/es/components/slider/slider-input.d.ts.map +1 -1
  469. package/es/components/slider/slider-input.js +35 -15
  470. package/es/components/slider/slider-input.js.map +1 -1
  471. package/es/components/slider/slider-skeleton.d.ts.map +1 -1
  472. package/es/components/slider/slider-skeleton.js +2 -4
  473. package/es/components/slider/slider-skeleton.js.map +1 -1
  474. package/es/components/slider/slider.css.js +1 -1
  475. package/es/components/slider/slider.d.ts +17 -0
  476. package/es/components/slider/slider.d.ts.map +1 -1
  477. package/es/components/slider/slider.js +94 -7
  478. package/es/components/slider/slider.js.map +1 -1
  479. package/es/components/slider/slider.rtl.css.js +1 -1
  480. package/es/components/stack/defs.js.map +1 -1
  481. package/es/components/structured-list/structured-list-body.d.ts.map +1 -1
  482. package/es/components/structured-list/structured-list-body.js +1 -1
  483. package/es/components/structured-list/structured-list-body.js.map +1 -1
  484. package/es/components/structured-list/structured-list-cell.d.ts.map +1 -1
  485. package/es/components/structured-list/structured-list-cell.js +2 -6
  486. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  487. package/es/components/structured-list/structured-list-head.d.ts.map +1 -1
  488. package/es/components/structured-list/structured-list-head.js +1 -1
  489. package/es/components/structured-list/structured-list-head.js.map +1 -1
  490. package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts.map +1 -1
  491. package/es/components/structured-list/structured-list-header-cell-skeleton.js +2 -4
  492. package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
  493. package/es/components/structured-list/structured-list-header-cell.d.ts.map +1 -1
  494. package/es/components/structured-list/structured-list-header-cell.js +2 -6
  495. package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
  496. package/es/components/structured-list/structured-list-header-row.d.ts.map +1 -1
  497. package/es/components/structured-list/structured-list-header-row.js +2 -1
  498. package/es/components/structured-list/structured-list-header-row.js.map +1 -1
  499. package/es/components/structured-list/structured-list-row.d.ts +0 -3
  500. package/es/components/structured-list/structured-list-row.d.ts.map +1 -1
  501. package/es/components/structured-list/structured-list-row.js +3 -4
  502. package/es/components/structured-list/structured-list-row.js.map +1 -1
  503. package/es/components/structured-list/structured-list.css.js +1 -1
  504. package/es/components/structured-list/structured-list.d.ts.map +1 -1
  505. package/es/components/structured-list/structured-list.js +3 -6
  506. package/es/components/structured-list/structured-list.js.map +1 -1
  507. package/es/components/structured-list/structured-list.rtl.css.js +1 -1
  508. package/es/components/tabs/tab-skeleton.d.ts.map +1 -1
  509. package/es/components/tabs/tab-skeleton.js +2 -4
  510. package/es/components/tabs/tab-skeleton.js.map +1 -1
  511. package/es/components/tabs/tab.d.ts.map +1 -1
  512. package/es/components/tabs/tab.js +3 -6
  513. package/es/components/tabs/tab.js.map +1 -1
  514. package/es/components/tabs/tabs-skeleton.d.ts.map +1 -1
  515. package/es/components/tabs/tabs-skeleton.js +2 -4
  516. package/es/components/tabs/tabs-skeleton.js.map +1 -1
  517. package/es/components/tabs/tabs.css.js +1 -1
  518. package/es/components/tabs/tabs.d.ts.map +1 -1
  519. package/es/components/tabs/tabs.js +3 -8
  520. package/es/components/tabs/tabs.js.map +1 -1
  521. package/es/components/tabs/tabs.rtl.css.js +1 -1
  522. package/es/components/tag/tag.css.js +1 -1
  523. package/es/components/tag/tag.d.ts.map +1 -1
  524. package/es/components/tag/tag.js +2 -1
  525. package/es/components/tag/tag.js.map +1 -1
  526. package/es/components/tag/tag.rtl.css.js +1 -1
  527. package/es/components/text-input/text-input.css.js +1 -1
  528. package/es/components/text-input/text-input.d.ts +4 -4
  529. package/es/components/text-input/text-input.d.ts.map +1 -1
  530. package/es/components/text-input/text-input.js +13 -12
  531. package/es/components/text-input/text-input.js.map +1 -1
  532. package/es/components/text-input/text-input.rtl.css.js +1 -1
  533. package/es/components/textarea/textarea-skeleton.d.ts.map +1 -1
  534. package/es/components/textarea/textarea-skeleton.js +2 -4
  535. package/es/components/textarea/textarea-skeleton.js.map +1 -1
  536. package/es/components/textarea/textarea.css.js +1 -1
  537. package/es/components/textarea/textarea.d.ts.map +1 -1
  538. package/es/components/textarea/textarea.js +12 -14
  539. package/es/components/textarea/textarea.js.map +1 -1
  540. package/es/components/textarea/textarea.rtl.css.js +1 -1
  541. package/es/components/tile/clickable-tile.d.ts.map +1 -1
  542. package/es/components/tile/clickable-tile.js +3 -6
  543. package/es/components/tile/clickable-tile.js.map +1 -1
  544. package/es/components/tile/expandable-tile.d.ts.map +1 -1
  545. package/es/components/tile/expandable-tile.js +2 -1
  546. package/es/components/tile/expandable-tile.js.map +1 -1
  547. package/es/components/tile/radio-tile.d.ts.map +1 -1
  548. package/es/components/tile/radio-tile.js +2 -6
  549. package/es/components/tile/radio-tile.js.map +1 -1
  550. package/es/components/tile/selectable-tile.d.ts +3 -1
  551. package/es/components/tile/selectable-tile.d.ts.map +1 -1
  552. package/es/components/tile/selectable-tile.js +2 -1
  553. package/es/components/tile/selectable-tile.js.map +1 -1
  554. package/es/components/tile/tile-group.d.ts +1 -1
  555. package/es/components/tile/tile-group.d.ts.map +1 -1
  556. package/es/components/tile/tile-group.js +7 -8
  557. package/es/components/tile/tile-group.js.map +1 -1
  558. package/es/components/tile/tile.css.js +1 -1
  559. package/es/components/tile/tile.d.ts.map +1 -1
  560. package/es/components/tile/tile.js +2 -1
  561. package/es/components/tile/tile.js.map +1 -1
  562. package/es/components/tile/tile.rtl.css.js +1 -1
  563. package/es/components/toggle/toggle.css.js +1 -1
  564. package/es/components/toggle/toggle.d.ts.map +1 -1
  565. package/es/components/toggle/toggle.js +2 -1
  566. package/es/components/toggle/toggle.js.map +1 -1
  567. package/es/components/toggle/toggle.rtl.css.js +1 -1
  568. package/es/components/toggle-tip/toggletip.css.js +1 -1
  569. package/es/components/toggle-tip/toggletip.js.map +1 -1
  570. package/es/components/toggle-tip/toggletip.rtl.css.js +1 -1
  571. package/es/components/tooltip/tooltip.css.js +1 -1
  572. package/es/components/tooltip/tooltip.d.ts +0 -1
  573. package/es/components/tooltip/tooltip.d.ts.map +1 -1
  574. package/es/components/tooltip/tooltip.js +3 -3
  575. package/es/components/tooltip/tooltip.js.map +1 -1
  576. package/es/components/tooltip/tooltip.rtl.css.js +1 -1
  577. package/es/components/ui-shell/header-global-action.d.ts +16 -1
  578. package/es/components/ui-shell/header-global-action.d.ts.map +1 -1
  579. package/es/components/ui-shell/header-global-action.js +92 -8
  580. package/es/components/ui-shell/header-global-action.js.map +1 -1
  581. package/es/components/ui-shell/header-menu-button.d.ts.map +1 -1
  582. package/es/components/ui-shell/header-menu-button.js +3 -9
  583. package/es/components/ui-shell/header-menu-button.js.map +1 -1
  584. package/es/components/ui-shell/header-menu-item.d.ts.map +1 -1
  585. package/es/components/ui-shell/header-menu-item.js +1 -1
  586. package/es/components/ui-shell/header-menu-item.js.map +1 -1
  587. package/es/components/ui-shell/header-menu.d.ts +1 -1
  588. package/es/components/ui-shell/header-menu.d.ts.map +1 -1
  589. package/es/components/ui-shell/header-menu.js +11 -17
  590. package/es/components/ui-shell/header-menu.js.map +1 -1
  591. package/es/components/ui-shell/header-name.d.ts.map +1 -1
  592. package/es/components/ui-shell/header-name.js +3 -8
  593. package/es/components/ui-shell/header-name.js.map +1 -1
  594. package/es/components/ui-shell/header-nav-item.d.ts +8 -0
  595. package/es/components/ui-shell/header-nav-item.d.ts.map +1 -1
  596. package/es/components/ui-shell/header-nav-item.js +32 -11
  597. package/es/components/ui-shell/header-nav-item.js.map +1 -1
  598. package/es/components/ui-shell/header-nav.d.ts.map +1 -1
  599. package/es/components/ui-shell/header-nav.js +2 -1
  600. package/es/components/ui-shell/header-nav.js.map +1 -1
  601. package/es/components/ui-shell/header.css.js +1 -1
  602. package/es/components/ui-shell/header.d.ts.map +1 -1
  603. package/es/components/ui-shell/header.js +1 -1
  604. package/es/components/ui-shell/header.js.map +1 -1
  605. package/es/components/ui-shell/header.rtl.css.js +1 -1
  606. package/es/components/ui-shell/index.d.ts +12 -11
  607. package/es/components/ui-shell/index.d.ts.map +1 -1
  608. package/es/components/ui-shell/index.js +12 -11
  609. package/es/components/ui-shell/index.js.map +1 -1
  610. package/es/components/ui-shell/side-nav-divider.d.ts.map +1 -1
  611. package/es/components/ui-shell/side-nav-divider.js +1 -1
  612. package/es/components/ui-shell/side-nav-divider.js.map +1 -1
  613. package/es/components/ui-shell/side-nav-items.d.ts.map +1 -1
  614. package/es/components/ui-shell/side-nav-items.js +1 -1
  615. package/es/components/ui-shell/side-nav-items.js.map +1 -1
  616. package/es/components/ui-shell/side-nav-link.d.ts +8 -0
  617. package/es/components/ui-shell/side-nav-link.d.ts.map +1 -1
  618. package/es/components/ui-shell/side-nav-link.js +33 -11
  619. package/es/components/ui-shell/side-nav-link.js.map +1 -1
  620. package/es/components/ui-shell/side-nav-menu-item.d.ts.map +1 -1
  621. package/es/components/ui-shell/side-nav-menu-item.js +3 -8
  622. package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
  623. package/es/components/ui-shell/side-nav-menu.d.ts.map +1 -1
  624. package/es/components/ui-shell/side-nav-menu.js +3 -13
  625. package/es/components/ui-shell/side-nav-menu.js.map +1 -1
  626. package/es/components/ui-shell/side-nav.css.js +1 -1
  627. package/es/components/ui-shell/side-nav.d.ts +5 -0
  628. package/es/components/ui-shell/side-nav.d.ts.map +1 -1
  629. package/es/components/ui-shell/side-nav.js +29 -6
  630. package/es/components/ui-shell/side-nav.js.map +1 -1
  631. package/es/components/ui-shell/side-nav.rtl.css.js +1 -1
  632. package/es/components/ui-shell/switcher-item.js.map +1 -1
  633. package/es/globals/decorators/carbon-element.d.ts +235 -0
  634. package/es/globals/decorators/carbon-element.d.ts.map +1 -0
  635. package/es/globals/decorators/carbon-element.js +429 -0
  636. package/es/globals/decorators/carbon-element.js.map +1 -0
  637. package/es/globals/decorators/host-listener.js.map +1 -1
  638. package/es/globals/directives/spread.d.ts +1 -1
  639. package/es/globals/directives/spread.d.ts.map +1 -1
  640. package/es/globals/directives/spread.js +1 -1
  641. package/es/globals/directives/spread.js.map +1 -1
  642. package/es/globals/internal/radio-group-manager.js +3 -4
  643. package/es/globals/internal/radio-group-manager.js.map +1 -1
  644. package/es/globals/internal/storybook-cdn.d.ts +1 -1
  645. package/es/globals/internal/storybook-cdn.d.ts.map +1 -1
  646. package/es/globals/internal/storybook-cdn.js +3 -3
  647. package/es/globals/internal/storybook-cdn.js.map +1 -1
  648. package/es/globals/mixins/focus.js.map +1 -1
  649. package/es/globals/mixins/form.js +6 -1
  650. package/es/globals/mixins/form.js.map +1 -1
  651. package/es/globals/mixins/host-listener.js.map +1 -1
  652. package/es/globals/mixins/temp-layout.css.js +12 -0
  653. package/es/globals/mixins/temp-layout.rtl.css.js +12 -0
  654. package/es/globals/mixins/validity.js +16 -0
  655. package/es/globals/mixins/validity.js.map +1 -1
  656. package/es/globals/wrappers/createReactCustomElementType.js +17 -0
  657. package/es/globals/wrappers/createReactCustomElementType.js.map +1 -1
  658. package/es/polyfills/toggle-class.js.map +1 -1
  659. package/lib/components/accordion/defs.js +1 -1
  660. package/lib/components/accordion/defs.js.map +1 -1
  661. package/lib/components/button/defs.js +1 -1
  662. package/lib/components/button/defs.js.map +1 -1
  663. package/lib/components/code-snippet/defs.js +1 -1
  664. package/lib/components/code-snippet/defs.js.map +1 -1
  665. package/lib/components/content-switcher/defs.js +1 -1
  666. package/lib/components/content-switcher/defs.js.map +1 -1
  667. package/lib/components/date-picker/defs.js +1 -1
  668. package/lib/components/date-picker/defs.js.map +1 -1
  669. package/lib/components/dropdown/defs.js +1 -1
  670. package/lib/components/dropdown/defs.js.map +1 -1
  671. package/lib/components/file-uploader/defs.js +1 -1
  672. package/lib/components/file-uploader/defs.js.map +1 -1
  673. package/lib/components/floating-menu/defs.js +1 -1
  674. package/lib/components/floating-menu/defs.js.map +1 -1
  675. package/lib/components/inline-loading/defs.js +1 -1
  676. package/lib/components/inline-loading/defs.js.map +1 -1
  677. package/lib/components/loading/defs.js +1 -1
  678. package/lib/components/loading/defs.js.map +1 -1
  679. package/lib/components/modal/defs.js +1 -1
  680. package/lib/components/modal/defs.js.map +1 -1
  681. package/lib/components/stack/defs.js.map +1 -1
  682. package/lib/globals/wrappers/createReactCustomElementType.js +16 -0
  683. package/lib/globals/wrappers/createReactCustomElementType.js.map +1 -1
  684. package/package.json +17 -16
  685. package/scss/components/accordion/accordion.scss +10 -5
  686. package/scss/components/breadcrumb/breadcrumb.scss +12 -0
  687. package/scss/components/button/button.scss +16 -2
  688. package/scss/components/code-snippet/code-snippet.scss +6 -8
  689. package/scss/components/combo-box/combo-box.scss +0 -10
  690. package/scss/components/content-switcher/content-switcher.scss +8 -21
  691. package/scss/components/copy-button/copy-button.scss +3 -3
  692. package/scss/components/data-table/_table-action.scss +4 -0
  693. package/scss/components/data-table/_table-core.scss +0 -2
  694. package/scss/components/data-table/data-table.scss +0 -1
  695. package/scss/components/date-picker/date-picker.scss +0 -3
  696. package/scss/components/dropdown/dropdown.scss +1 -2
  697. package/scss/components/file-uploader/file-uploader.scss +3 -5
  698. package/scss/components/icon-button/icon-button.scss +5 -0
  699. package/scss/components/inline-loading/inline-loading.scss +0 -3
  700. package/scss/components/modal/modal.scss +1 -4
  701. package/scss/components/multi-select/multi-select.scss +0 -3
  702. package/scss/components/notification/actionable-notification.scss +69 -24
  703. package/scss/components/notification/inline-notification.scss +76 -25
  704. package/scss/components/notification/toast-notification.scss +43 -27
  705. package/scss/components/number-input/number-input.scss +0 -3
  706. package/scss/components/overflow-menu/overflow-menu.scss +8 -3
  707. package/scss/components/pagination/pagination.scss +8 -3
  708. package/scss/components/popover/popover.scss +4 -2
  709. package/scss/components/progress-bar/progress-bar.scss +0 -5
  710. package/scss/components/progress-indicator/progress-indicator.scss +0 -3
  711. package/scss/components/radio-button/radio-button.scss +24 -1
  712. package/scss/components/search/search.scss +33 -3
  713. package/scss/components/select/select.scss +0 -3
  714. package/scss/components/slider/slider.scss +2 -3
  715. package/scss/components/structured-list/structured-list.scss +0 -5
  716. package/scss/components/tag/tag.scss +10 -5
  717. package/scss/components/text-input/text-input.scss +2 -2
  718. package/scss/components/textarea/textarea.scss +0 -3
  719. package/scss/components/tile/tile.scss +7 -8
  720. package/scss/components/tooltip/tooltip.scss +4 -4
  721. package/scss/components/ui-shell/header.scss +13 -3
  722. package/scss/components/ui-shell/side-nav.scss +0 -5
  723. package/scss/globals/mixins/temp-layout.scss +36 -0
package/es/components/button/button.css.js CHANGED
@@ -8,5 +8,5 @@
8
8
  */
9
9
  import { css } from 'lit';
10
10
  export default css([
11
- "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes 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}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(4rem - 1px) calc(.875rem - 3px) calc(1rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;right:1rem;width:1rem;height:1rem;flex-shrink:0}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding:calc(.875rem - 3px) 1rem}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-right:.9375rem;padding-left:.9375rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-right:.6875rem;padding-left:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-right:.4375rem;padding-left:.4375rem}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding:calc(.875rem - 3px) 1rem}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-left:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(4rem - 4px) calc(.375rem - 3px) calc(1rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(4rem - 4px) calc(.675rem - 3px) calc(1rem - 4px)}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive,:host(cds-button-set) .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set,:host(cds-button-set){display:flex}.cds--btn-set--stacked,:host(cds-button-set[stacked]){flex-direction:column}.cds--btn-set .cds--btn,:host(cds-button-set) .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus),:host(cds-button-set) .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),:host(cds-button-set) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn,:host(cds-button-set) .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus),:host(cds-button-set[stacked]) .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus),:host(cds-button-set[stacked]) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled,:host(cds-button-set) .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;top:0;right:0;bottom:0;left:0;filter:var(--cds-popover-drop-shadow, none);pointer-events:none}.cds--popover-content{position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;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));pointer-events:auto}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:\"\"}.cds--popover--open>.cds--popover>.cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip .cds--popover .cds--popover-caret{display:none}.cds--popover--bottom .cds--popover-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.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: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{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:\"\"}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--copy-btn{position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:hover{background-color:var(--cds-layer-hover)}.cds--copy-btn:active{background-color:var(--cds-layer-active)}.cds--copy-btn::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none}.cds--copy-btn .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--copy-btn .cds--copy-btn__feedback{border:1px solid transparent}}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating::before{display:block}.cds--copy-btn.cds--copy-btn--animating::before{border:none}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--copy{font-size:0}.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);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-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{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.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:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-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);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--snippet html{font-size:100%}.cds--snippet body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet strong{font-weight:600}.cds--snippet--disabled,.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--snippet--disabled .cds--copy-btn,.cds--snippet--disabled .cds--copy-btn:hover,.cds--snippet--disabled .cds--snippet-btn--expand:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down,.cds--snippet--disabled .cds--snippet__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--snippet code{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px)}.cds--snippet--inline{position:relative;display:inline;padding:0;border:1px solid transparent;background-color:var(--cds-layer);border-radius:4px;color:var(--cds-text-primary,#161616);cursor:pointer}.cds--snippet--inline html{font-size:100%}.cds--snippet--inline body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet--inline code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet--inline strong{font-weight:600}.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--inline:focus{border:1px solid var(--cds-focus,#0f62fe);outline:0}.cds--snippet--inline::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none;border:none}.cds--snippet--inline .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--snippet--inline .cds--copy-btn__feedback{border:1px solid transparent}}.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating::before{display:block}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--snippet--inline code{padding:0 .5rem}.cds--snippet--inline.cds--snippet--no-copy{display:inline-block}.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer);cursor:auto}.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer-hover);cursor:auto}.cds--snippet--single{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;height:2.5rem;align-items:center;padding-right:2.5rem}.cds--snippet--single.cds--snippet--no-copy{padding:0}.cds--snippet--single.cds--snippet--no-copy::after{right:1rem}.cds--snippet--single .cds--snippet-container{position:relative;display:flex;height:100%;align-items:center;padding-left:1rem;overflow-x:auto}.cds--snippet--single .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--snippet--single .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--single pre{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);padding-right:.5rem}.cds--snippet--inline code,.cds--snippet--single pre{white-space:pre}.cds--snippet--multi{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;padding:1rem}.cds--snippet--multi .cds--snippet-container{position:relative;min-height:100%;max-height:100%;order:1;overflow-y:auto;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-offset:0}@media screen and (prefers-contrast){.cds--snippet--multi .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container{padding-bottom:1rem;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi.cds--snippet--wraptext pre{white-space:pre-wrap;word-wrap:break-word}.cds--snippet--multi .cds--snippet-container pre{padding-right:2.5rem;padding-bottom:1.5rem;overflow-x:auto}.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre{padding-right:0}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container pre{overflow-x:auto}.cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after{position:absolute;top:0;right:0;width:1rem;height:100%;background-image:linear-gradient(to right,transparent,var(--cds-layer));content:\"\"}.cds--snippet--multi .cds--snippet-container pre code{overflow:hidden}.cds--snippet__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--copy-btn{display:flex;overflow:visible;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer;outline:0}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--snippet .cds--popover-container{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;top:0;right:0}.cds--snippet--inline.cds--btn--md.cds--btn--icon-only{padding-right:0;padding-left:0}.cds--snippet--inline.cds--btn--md{min-height:1.25rem}.cds--snippet--inline.cds--btn--primary:hover{color:var(--cds-text-primary,#161616)}.cds--snippet.cds--snippet--multi .cds--popover-container{top:.5rem;right:.5rem}.cds--snippet--multi .cds--copy-btn.cds--btn--md{z-index:10;width:2rem;height:2rem;min-height:2rem;padding:0}.cds--snippet-btn--expand{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;z-index:10;right:0;bottom:0;display:inline-flex;align-items:center;padding:.5rem 1rem;border:0;background-color:var(--cds-layer);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand .cds--snippet-btn--text{position:relative;top:-.0625rem}.cds--snippet-btn--expand--hide.cds--snippet-btn--expand{display:none}.cds--snippet-btn--expand .cds--icon-chevron--down{margin-left:.5rem;fill:var(--cds-icon-primary,#161616);transform:rotate(0);transition:150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet-btn--expand:hover{background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand:active{background-color:var(--cds-layer-active)}.cds--snippet-btn--expand:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;border-color:transparent}@media screen and (prefers-contrast){.cds--snippet-btn--expand:focus{outline-style:dotted}}.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down{transform:rotate(180deg);transition:transform .3s}.cds--snippet--light,.cds--snippet--light .cds--btn.cds--snippet-btn--expand,.cds--snippet--light .cds--copy-btn,.cds--snippet--light .cds--snippet-button{background-color:var(--cds-layer)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,.cds--snippet--light .cds--copy-btn:hover,.cds--snippet--light .cds--snippet-button:hover,.cds--snippet--light.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,.cds--snippet--light .cds--copy-btn:active,.cds--snippet--light .cds--snippet-button:active,.cds--snippet--light.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--light.cds--snippet--multi .cds--snippet-container pre::after,.cds--snippet--light.cds--snippet--single::after{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet.cds--skeleton .cds--snippet-container{width:100%;height:100%}.cds--snippet-button .cds--btn--copy__feedback{top:3.175rem;right:auto;left:50%}.cds--snippet-button .cds--btn--copy__feedback::before{top:0}.cds--snippet-button .cds--btn--copy__feedback::after{top:-.25rem}.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback{top:2.675rem}.cds--snippet--inline .cds--btn--copy__feedback{top:calc(100% - .25rem);right:auto;left:50%}.cds--snippet__overflow-indicator--left,.cds--snippet__overflow-indicator--right{z-index:1;width:1rem;flex:1 0 auto}.cds--snippet__overflow-indicator--left{order:0;margin-right:-1rem;background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet__overflow-indicator--right{order:2;margin-left:-1rem;background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet--single .cds--snippet__overflow-indicator--left,.cds--snippet--single .cds--snippet__overflow-indicator--right{position:absolute;width:2rem;height:calc(100% - .25rem)}.cds--snippet--single .cds--snippet__overflow-indicator--right{right:2.5rem}.cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right{right:0}.cds--snippet--single .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right{right:calc(2.5rem + .125rem)}.cds--snippet--single .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left{left:.125rem}.cds--snippet--light .cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet--light .cds--snippet__overflow-indicator--right{background-image:linear-gradient(to right,transparent,var(--cds-layer))}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet__overflow-indicator--right{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--snippet--multi.cds--skeleton{height:6.125rem}.cds--snippet--single.cds--skeleton{height:3.5rem}.cds--snippet.cds--skeleton span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:block;width:100%;height:1rem;margin-top:.5rem}.cds--snippet.cds--skeleton span:active,.cds--snippet.cds--skeleton span:focus,.cds--snippet.cds--skeleton span:hover{border:none;cursor:default;outline:0}.cds--snippet.cds--skeleton span::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--snippet.cds--skeleton span::before{animation:none}}.cds--snippet.cds--skeleton span:first-child{margin:0}.cds--snippet.cds--skeleton span:nth-child(2){width:85%}.cds--snippet.cds--skeleton span:nth-child(3){width:95%}.cds--snippet--single.cds--skeleton .cds--snippet-container{padding-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--inline:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--multi,.cds--snippet--single{outline:1px solid transparent}}:host(cds-button),:host(cds-modal-footer-button){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--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);display:inline-flex}:host(cds-button[isExpressive]) ::slotted([slot=icon]),:host(cds-modal-footer-button[isExpressive]) ::slotted([slot=icon]){width:1.25rem;height:1.25rem}:host(cds-button[pagination]) .cds--btn,:host(cds-modal-footer-button[pagination]) .cds--btn{border:none;border-left:1px solid var(--cds-border-subtle);transition:none}:host(cds-button[pagination]) .cds--btn:focus,:host(cds-modal-footer-button[pagination]) .cds--btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;box-shadow:none;border-left:1px solid transparent}:host(cds-button[pagination]:not([disabled])) .cds--btn,:host(cds-modal-footer-button[pagination]:not([disabled])) .cds--btn{color:var(--cds-icon-primary,#161616)}:host(cds-button[pagination]:not([disabled])) .cds--btn:active,:host(cds-modal-footer-button[pagination]:not([disabled])) .cds--btn:active{background-color:var(--cds-layer-hover)}:host(cds-button[pagination][batch-action]:not([disabled])) .cds--btn,:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) .cds--btn{padding:calc(.875rem - 3px) 1rem}:host(cds-button[pagination][batch-action]:not([disabled])) .cds--btn:focus,:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) .cds--btn:focus{outline:2px solid var(--cds-layer);outline-offset:-.125rem}:host(cds-button[pagination][batch-action]:not([disabled])) :host(cds-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-button[pagination][batch-action]:not([disabled])) :host(cds-modal-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) :host(cds-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) :host(cds-modal-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]){position:static;margin-left:.25rem}:host(cds-button[kind=ghost]) .cds--btn--ghost:active,:host(cds-button[kind=ghost]:hover) .cds--btn--ghost{outline:0}:host(cds-button-set) ::slotted(cds-button){width:100%;max-width:12.25rem}",
11
+ ":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--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--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-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--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, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--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, #ffffff);--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-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)}@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes 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}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.cds--popover-content{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;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));pointer-events:auto}.cds--popover-content *,.cds--popover-content ::after,.cds--popover-content ::before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:\"\"}.cds--popover--open>.cds--popover>.cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip .cds--popover .cds--popover-caret{display:none}.cds--popover--bottom .cds--popover-content{bottom:0;left:50%;transform:translate(-50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{right:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;right:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(-50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;left:50%;transform:translate(-50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;right:0;transform:translate(var(--cds-popover-offset,0),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;left:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(-50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),-50%)}.cds--popover--right-top .cds--popover-content{top:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) * -1 - 16px))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset,0),calc(.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(var(--cds-popover-offset,0) - 100%),-50%)}.cds--popover--left .cds--popover-content{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0) + .1px),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset,0)),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1 * var(--cds-popover-offset,0) + 100%),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.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: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{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:\"\"}.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);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-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{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.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:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-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);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--btn{--cds-layout-size-height-local:clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh:(\n var(--cds-body-compact-01-line-height, 1.28572) * 1em\n );--temp-expressive-1lh:(\n var(--cds-body-compact-02-line-height, 1.375) * 1em\n );--temp-padding-block-max:calc(\n (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n 0.0625rem\n );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:var(--cds-layout-size-height-local);flex-shrink:0;justify-content:space-between;margin:0;border-radius:0;cursor:pointer;outline:0;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - .0625rem,var(--temp-padding-block-max));-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);-webkit-padding-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon,:host(cds-button) .cds--btn ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn ::slotted([slot=icon]){position:absolute;top:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));right:var(--cds-layout-density-padding-inline-local);width:1rem;height:1rem;flex-shrink:0;-webkit-margin-before:.0625rem;margin-block-start:.0625rem}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--primary ::slotted([slot=icon]),:host(cds-button) .cds--btn--primary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--primary ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--primary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--secondary ::slotted([slot=icon]),:host(cds-button) .cds--btn--secondary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--secondary ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--secondary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--tertiary ::slotted([slot=icon]),:host(cds-button) .cds--btn--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--tertiary ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--ghost ::slotted([slot=icon]),:host(cds-button) .cds--btn--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon,:host(cds-button) .cds--btn--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--ghost ::slotted([slot=icon]){position:static;margin-left:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);justify-content:center;padding:0;-webkit-padding-before:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));padding-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only>:first-child{min-width:1rem;-webkit-margin-before:.0625rem;margin-block-start:.0625rem}.cds--btn--icon-only .cds--btn__icon,:host(cds-button) .cds--btn--icon-only ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--icon-only ::slotted([slot=icon]){position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon,:host(cds-button) .cds--btn--icon-only.cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-button) .cds--btn--icon-only.cds--btn--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--icon-only.cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--icon-only.cds--btn--ghost ::slotted([slot=icon]){margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]),:host(cds-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon,:host(cds-button) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]),:host(cds-button) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only[disabled] ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--danger ::slotted([slot=icon]),:host(cds-button) .cds--btn--danger ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--danger ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--danger ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--danger--tertiary ::slotted([slot=icon]),:host(cds-button) .cds--btn--danger--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--danger--tertiary ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--danger--tertiary ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-button) .cds--btn--danger--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--danger--ghost ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon,:host(cds-button) .cds--btn--danger--ghost ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--danger--ghost ::slotted([slot=icon]){position:static;margin-left:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon,:host(cds-button) .cds--btn.cds--btn--expressive ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn.cds--btn--expressive ::slotted([slot=icon]){width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive,:host(cds-button-set) .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set,:host(cds-button-set){display:flex}.cds--btn-set--stacked,:host(cds-button-set[stacked]){flex-direction:column}.cds--btn-set .cds--btn,:host(cds-button-set) .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus),:host(cds-button-set) .cds--btn:not(:focus){box-shadow:-.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus),:host(cds-button-set) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn,:host(cds-button-set) .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus),:host(cds-button-set[stacked]) .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus),:host(cds-button-set[stacked]) .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled,:host(cds-button-set) .cds--btn.cds--btn--disabled{box-shadow:-.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type,:host(cds-button-set[stacked]) .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),:host(cds-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]),:host(cds-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]),:host(cds-modal-footer-button) .cds--btn--ghost.cds--btn--icon-only ::slotted([slot=icon]) path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--copy-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:hover{background-color:var(--cds-layer-hover)}.cds--copy-btn:active{background-color:var(--cds-layer-active)}.cds--copy-btn::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none}.cds--copy-btn .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--copy-btn .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--copy-btn .cds--copy-btn__feedback{border:1px solid transparent}}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating::before{display:block}.cds--copy-btn.cds--copy-btn--animating::before{border:none}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--copy-btn svg{fill:var(--cds-icon-primary,#161616)}.cds--copy{font-size:0}.cds--snippet html{font-size:100%}.cds--snippet body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet strong{font-weight:600}.cds--snippet--disabled,.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--snippet--disabled .cds--copy-btn,.cds--snippet--disabled .cds--copy-btn:hover,.cds--snippet--disabled .cds--snippet-btn--expand:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down,.cds--snippet--disabled .cds--snippet__icon{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--snippet code{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px)}.cds--snippet--inline{position:relative;display:inline;padding:0;border:1px solid transparent;background-color:var(--cds-layer);border-radius:4px;color:var(--cds-text-primary,#161616);cursor:pointer}.cds--snippet--inline html{font-size:100%}.cds--snippet--inline body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--snippet--inline code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--snippet--inline strong{font-weight:600}.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--inline:focus{border:1px solid var(--cds-focus,#0f62fe);outline:0}.cds--snippet--inline::before{position:absolute;z-index:6000;width:0;height:0;border-style:solid;content:\"\";display:none;border:none}.cds--snippet--inline .cds--copy-btn__feedback{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));z-index:6000;width:-moz-max-content;width:max-content;min-width:1.5rem;max-width:13rem;height:auto;padding:.1875rem 1rem;background-color:var(--cds-background-inverse,#393939);border-radius:.125rem;color:var(--cds-text-inverse,#fff);font-weight:400;text-align:left;transform:translateX(-50%);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:none;overflow:visible;box-sizing:content-box;margin:auto;clip:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-accelerator:true){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@supports (-ms-ime-align:auto){.cds--snippet--inline .cds--copy-btn__feedback{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--snippet--inline .cds--copy-btn__feedback{border:1px solid transparent}}.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating::before{display:block}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before{animation:110ms cubic-bezier(.2,0,.38,.9) hide-feedback}.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback,.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before{animation:110ms cubic-bezier(.2,0,.38,.9) show-feedback}.cds--snippet--inline code{padding:0 .5rem}.cds--snippet--inline.cds--snippet--no-copy{display:inline-block}.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer);cursor:auto}.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover{background-color:var(--cds-layer-hover);cursor:auto}.cds--snippet--single{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;height:2.5rem;align-items:center;padding-right:2.5rem}.cds--snippet--single.cds--snippet--no-copy{padding:0}.cds--snippet--single.cds--snippet--no-copy::after{right:1rem}.cds--snippet--single .cds--snippet-container{position:relative;display:flex;height:100%;align-items:center;padding-left:1rem;overflow-x:auto}.cds--snippet--single .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--snippet--single .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--single pre{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);padding-right:.5rem}.cds--snippet--inline code,.cds--snippet--single pre{white-space:pre}.cds--snippet--multi{font-family:var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);font-size:var(--cds-code-01-font-size,.75rem);font-weight:var(--cds-code-01-font-weight,400);line-height:var(--cds-code-01-line-height,1.33333);letter-spacing:var(--cds-code-01-letter-spacing,.32px);position:relative;width:100%;max-width:48rem;background-color:var(--cds-layer);display:flex;padding:1rem}.cds--snippet--multi .cds--snippet-container{position:relative;min-height:100%;max-height:100%;order:1;overflow-y:auto;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi .cds--snippet-container:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-offset:0}@media screen and (prefers-contrast){.cds--snippet--multi .cds--snippet-container:focus{outline-style:dotted}}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container{padding-bottom:1rem;transition:max-height 150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet--multi.cds--snippet--wraptext pre{white-space:pre-wrap;word-wrap:break-word}.cds--snippet--multi .cds--snippet-container pre{padding-right:2.5rem;padding-bottom:1.5rem;overflow-x:auto}.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre{padding-right:0}.cds--snippet--multi.cds--snippet--expand .cds--snippet-container pre{overflow-x:auto}.cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after{position:absolute;top:0;right:0;width:1rem;height:100%;background-image:linear-gradient(to right,transparent,var(--cds-layer));content:\"\"}.cds--snippet--multi .cds--snippet-container pre code{overflow:hidden}.cds--snippet__icon{width:1rem;height:1rem;fill:var(--cds-icon-primary,#161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--btn>.cds--snippet__icon{-webkit-margin-before:0;margin-block-start:0}.cds--copy-btn{display:flex;overflow:visible;align-items:center;justify-content:center;padding:0;border:none;background-color:var(--cds-layer);cursor:pointer;outline:0}.cds--copy-btn html{font-size:100%}.cds--copy-btn body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--copy-btn code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--copy-btn strong{font-weight:600}.cds--copy-btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;outline-color:var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--copy-btn:focus{outline-style:dotted}}.cds--snippet .cds--popover-container{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;top:0;right:0}.cds--snippet--inline.cds--btn{width:initial;height:1.25rem;min-height:1.25rem;padding-inline:0}.cds--snippet--inline.cds--btn.cds--btn--primary:hover{color:var(--cds-text-primary,#161616)}.cds--snippet.cds--snippet--multi .cds--popover-container{top:.5rem;right:.5rem}.cds--snippet--multi .cds--copy-btn{z-index:10}.cds--snippet-btn--expand{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;position:absolute;z-index:10;right:0;bottom:0;display:inline-flex;height:2rem;align-items:center;padding:.5rem 1rem;border:0;background-color:var(--cds-layer);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand .cds--snippet-btn--text{position:relative;top:-.0625rem}.cds--snippet-btn--expand--hide.cds--snippet-btn--expand{display:none}.cds--snippet-btn--expand .cds--icon-chevron--down{margin-left:.5rem;fill:var(--cds-icon-primary,#161616);transform:rotate(0);transition:150ms cubic-bezier(.2,0,.38,.9)}.cds--snippet-btn--expand:hover{background:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--snippet-btn--expand:active{background-color:var(--cds-layer-active)}.cds--snippet-btn--expand:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;border-color:transparent}@media screen and (prefers-contrast){.cds--snippet-btn--expand:focus{outline-style:dotted}}.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down{transform:rotate(180deg);transition:transform .3s}.cds--snippet--light,.cds--snippet--light .cds--btn.cds--snippet-btn--expand,.cds--snippet--light .cds--copy-btn,.cds--snippet--light .cds--snippet-button{background-color:var(--cds-layer)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,.cds--snippet--light .cds--copy-btn:hover,.cds--snippet--light .cds--snippet-button:hover,.cds--snippet--light.cds--snippet--inline:hover{background-color:var(--cds-layer-hover)}.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,.cds--snippet--light .cds--copy-btn:active,.cds--snippet--light .cds--snippet-button:active,.cds--snippet--light.cds--snippet--inline:active{background-color:var(--cds-layer-active)}.cds--snippet--light.cds--snippet--multi .cds--snippet-container pre::after,.cds--snippet--light.cds--snippet--single::after{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet.cds--skeleton .cds--snippet-container{width:100%;height:100%}.cds--snippet-button .cds--btn--copy__feedback{top:3.175rem;right:auto;left:50%}.cds--snippet-button .cds--btn--copy__feedback::before{top:0}.cds--snippet-button .cds--btn--copy__feedback::after{top:-.25rem}.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback{top:2.675rem}.cds--snippet--inline .cds--btn--copy__feedback{top:calc(100% - .25rem);right:auto;left:50%}.cds--snippet__overflow-indicator--left,.cds--snippet__overflow-indicator--right{z-index:1;width:1rem;flex:1 0 auto}.cds--snippet__overflow-indicator--left{order:0;margin-right:-1rem;background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet__overflow-indicator--right{order:2;margin-left:-1rem;background-image:linear-gradient(to right,transparent,var(--cds-layer))}.cds--snippet--single .cds--snippet__overflow-indicator--left,.cds--snippet--single .cds--snippet__overflow-indicator--right{position:absolute;width:2rem;height:calc(100% - .25rem)}.cds--snippet--single .cds--snippet__overflow-indicator--right{right:2.5rem}.cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right{right:0}.cds--snippet--single .cds--snippet-container:focus~.cds--snippet__overflow-indicator--right{right:calc(2.5rem + .125rem)}.cds--snippet--single .cds--snippet-container:focus+.cds--snippet__overflow-indicator--left{left:.125rem}.cds--snippet--light .cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,transparent,var(--cds-layer))}.cds--snippet--light .cds--snippet__overflow-indicator--right{background-image:linear-gradient(to right,transparent,var(--cds-layer))}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--snippet__overflow-indicator--left{background-image:linear-gradient(to left,rgba(var(--cds-layer),0),var(--cds-layer))}.cds--snippet__overflow-indicator--right{background-image:linear-gradient(to right,rgba(var(--cds-layer),0),var(--cds-layer))}}}.cds--snippet--multi.cds--skeleton{height:6.125rem}.cds--snippet--single.cds--skeleton{height:3.5rem}.cds--snippet.cds--skeleton span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:block;width:100%;height:1rem;margin-top:.5rem}.cds--snippet.cds--skeleton span:active,.cds--snippet.cds--skeleton span:focus,.cds--snippet.cds--skeleton span:hover{border:none;cursor:default;outline:0}.cds--snippet.cds--skeleton span::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--snippet.cds--skeleton span::before{animation:none}}.cds--snippet.cds--skeleton span:first-child{margin:0}.cds--snippet.cds--skeleton span:nth-child(2){width:85%}.cds--snippet.cds--skeleton span:nth-child(3){width:95%}.cds--snippet--single.cds--skeleton .cds--snippet-container{padding-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet__icon{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--inline:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--snippet--multi,.cds--snippet--single{outline:1px solid transparent}}:host(cds-button),:host(cds-modal-footer-button){--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;display:inline-flex}:host(cds-button) .cds--btn,:host(cds-modal-footer-button) .cds--btn{flex-grow:1;max-width:100%}:host(cds-button-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}:host(cds-button[isExpressive]) ::slotted([slot=icon]),:host(cds-modal-footer-button[isExpressive]) ::slotted([slot=icon]){width:1.25rem;height:1.25rem}:host(cds-button[pagination]) .cds--btn,:host(cds-modal-footer-button[pagination]) .cds--btn{border:none;border-left:1px solid var(--cds-border-subtle);transition:none}:host(cds-button[pagination]) .cds--btn:focus,:host(cds-modal-footer-button[pagination]) .cds--btn:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;box-shadow:none;border-left:1px solid transparent}:host(cds-button[pagination]:not([disabled])) .cds--btn,:host(cds-modal-footer-button[pagination]:not([disabled])) .cds--btn{color:var(--cds-icon-primary,#161616)}:host(cds-button[pagination]:not([disabled])) .cds--btn:active,:host(cds-modal-footer-button[pagination]:not([disabled])) .cds--btn:active{background-color:var(--cds-layer-hover)}:host(cds-button[pagination][batch-action]:not([disabled])) .cds--btn,:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) .cds--btn{padding:calc(.875rem - 3px) 1rem}:host(cds-button[pagination][batch-action]:not([disabled])) .cds--btn:focus,:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) .cds--btn:focus{outline:2px solid var(--cds-layer);outline-offset:-.125rem}:host(cds-button[pagination][batch-action]:not([disabled])) :host(cds-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-button[pagination][batch-action]:not([disabled])) :host(cds-modal-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) :host(cds-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]),:host(cds-modal-footer-button[pagination][batch-action]:not([disabled])) :host(cds-modal-footer-button[pagination][has-main-content]:not([disabled])) ::slotted([slot=icon]){position:static;margin-left:.25rem}:host(cds-button[kind=ghost]) .cds--btn--ghost:active,:host(cds-button[kind=ghost]:hover) .cds--btn--ghost{outline:0}:host(cds-button-set) ::slotted(cds-button){width:100%;max-width:12.25rem}",
12
12
  ]);
package/es/components/button/button.d.ts CHANGED
@@ -672,7 +672,7 @@ declare class CDSButton extends CDSButton_base {
672
672
  /**
673
673
  * Specify an optional className to be added to your Button
674
674
  */
675
- className: any;
675
+ buttonClassName: any;
676
676
  /**
677
677
  * Specify the message read by screen readers for the danger button variant
678
678
  */
package/es/components/button/button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,QAAQ,CAAC;AAKhB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;;GAKG;AACH,cACM,SAAU,SAAQ,cAAyC;IAC/D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IAGH,OAAO,CAAC,YAAY,CAElB;IAEF;;;OAGG;IAGH,OAAO,CAAC,eAAe,CAErB;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,SAAS,MAAC;IAEV;;OAEG;IAEH,gBAAgB,MAAC;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,SAAQ;IAEZ;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;OAGG;IAEH,gBAAgB,2BAAmC;IAEnD;;;OAGG;IAEH,eAAe,0BAA+B;IAE9C;;;OAGG;IAEH,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,cAAsB;IAE1B,MAAM;IAsIN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n @HostListener('mouseover')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('mouseout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = false;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focus')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async (event) => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async (event) => {\n this.openTooltip = false;\n };\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button is being used within a data table batch action toolbar\n */\n @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n batchAction = false;\n\n /**\n * Specify an optional className to be added to your Button\n */\n @property({ reflect: true, attribute: 'class-name' })\n className;\n\n /**\n * Specify the message read by screen readers for the danger button variant\n */\n @property({ reflect: true, attribute: 'danger-descriptor' })\n dangerDescriptor;\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * `true` if there is a non-icon content.\n */\n @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n hasMainContent = false;\n\n /**\n * Link `href`. If present, this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Specify whether the Button is currently selected.\n * Only applies to the Ghost variant.\n */\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /**\n * Button kind.\n */\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * Boolean to determine if tooltip is open.\n */\n @property({ type: Boolean })\n openTooltip = false;\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = 'lg';\n\n /**\n * The link target, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property({ reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /**\n * Button type.\n */\n @property({ reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n className,\n dangerDescriptor,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n let defaultClasses = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n };\n\n if (className) {\n const outputObject = {};\n className?.split(' ').forEach((element) => {\n outputObject[element] = true;\n });\n defaultClasses = outputObject;\n }\n const classes = classMap(defaultClasses);\n\n const isDanger = kind.includes('danger');\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText && !disabled\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n ${isDanger\n ? html`<span class=\"${prefix}--visually-hidden\"\n >${dangerDescriptor}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSButton;\n"]}
1
+ {"version":3,"sources":["components/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,EACxB,MAAM,QAAQ,CAAC;AAMhB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF;;;;;GAKG;AACH,cACM,SAAU,SAAQ,cAAyC;IAC/D;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,WAAW,CAEjB;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IAGH,OAAO,CAAC,YAAY,CAElB;IAEF;;;OAGG;IAGH,OAAO,CAAC,eAAe,CAErB;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IAEH,gBAAgB,MAAC;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,YAAY,UAAS;IAErB;;;OAGG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,EAAG,MAAM,CAAC;IAEd;;OAEG;IAEH,GAAG,EAAG,MAAM,CAAC;IAEb;;OAEG;IAEH,IAAI,SAAQ;IAEZ;;OAEG;IAEH,MAAM,EAAG,MAAM,CAAC;IAEhB;;;OAGG;IAEH,gBAAgB,2BAAmC;IAEnD;;;OAGG;IAEH,eAAe,0BAA+B;IAE9C;;;OAGG;IAEH,WAAW,EAAG,MAAM,CAAC;IAErB;;OAEG;IAEH,IAAI,cAAsB;IAE1B,MAAM;IAwIN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"button.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n @HostListener('mouseover')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('mouseout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = false;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focus')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async (event) => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async (event) => {\n this.openTooltip = false;\n };\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button is being used within a data table batch action toolbar\n */\n @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n batchAction = false;\n\n /**\n * Specify an optional className to be added to your Button\n */\n @property({ reflect: true, attribute: 'button-class-name' })\n buttonClassName;\n\n /**\n * Specify the message read by screen readers for the danger button variant\n */\n @property({ reflect: true, attribute: 'danger-descriptor' })\n dangerDescriptor;\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * `true` if there is a non-icon content.\n */\n @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n hasMainContent = false;\n\n /**\n * Link `href`. If present, this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Specify whether the Button is currently selected.\n * Only applies to the Ghost variant.\n */\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /**\n * Button kind.\n */\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * Boolean to determine if tooltip is open.\n */\n @property({ type: Boolean })\n openTooltip = false;\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = 'lg';\n\n /**\n * The link target, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property({ reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /**\n * Button type.\n */\n @property({ reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n buttonClassName,\n dangerDescriptor,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n let defaultClasses = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}--layout--size-${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n };\n\n if (buttonClassName) {\n const outputObject = {};\n buttonClassName?.split(' ').forEach((element) => {\n outputObject[element] = true;\n });\n defaultClasses = { ...defaultClasses, ...outputObject };\n }\n const classes = classMap(defaultClasses);\n\n const isDanger = kind.includes('danger');\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText && !disabled\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\"\n aria-label=\"${ifDefined(tooltipText)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n ${isDanger\n ? html`<span class=\"${prefix}--visually-hidden\"\n >${dangerDescriptor}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSButton;\n"]}
package/es/components/button/button.js CHANGED
@@ -18,13 +18,14 @@ let _ = t => t,
18
18
  import { classMap } from 'lit/directives/class-map.js';
19
19
  import { ifDefined } from 'lit/directives/if-defined.js';
20
20
  import { LitElement, html } from 'lit';
21
- import { property, customElement } from 'lit/decorators.js';
21
+ import { property } from 'lit/decorators.js';
22
22
  import { prefix } from '../../globals/settings';
23
23
  import FocusMixin from '../../globals/mixins/focus';
24
24
  import { BUTTON_KIND, BUTTON_TYPE, BUTTON_SIZE, BUTTON_TOOLTIP_ALIGNMENT, BUTTON_TOOLTIP_POSITION } from './defs';
25
25
  import styles from "././button.css.js";
26
26
  import HostListener from '../../globals/decorators/host-listener';
27
27
  import HostListenerMixin from '../../globals/mixins/host-listener';
28
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
28
29
  export { BUTTON_KIND, BUTTON_TYPE, BUTTON_SIZE, BUTTON_TOOLTIP_ALIGNMENT, BUTTON_TOOLTIP_POSITION };
29
30
 
30
31
  /**
@@ -144,9 +145,9 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
144
145
  kind: "field",
145
146
  decorators: [property({
146
147
  reflect: true,
147
- attribute: 'class-name'
148
+ attribute: 'button-class-name'
148
149
  })],
149
- key: "className",
150
+ key: "buttonClassName",
150
151
  value: void 0
151
152
  }, {
152
153
  kind: "field",
@@ -400,7 +401,7 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
400
401
  function render() {
401
402
  const {
402
403
  autofocus,
403
- className,
404
+ buttonClassName,
404
405
  dangerDescriptor,
405
406
  disabled,
406
407
  download,
@@ -429,16 +430,17 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
429
430
  [`${prefix}--btn--disabled`]: disabled,
430
431
  [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,
431
432
  [`${prefix}--btn--${size}`]: size,
433
+ [`${prefix}--layout--size-${size}`]: size,
432
434
  [`${prefix}-ce--btn--has-icon`]: hasIcon,
433
435
  [`${prefix}--btn--expressive`]: isExpressive,
434
436
  [`${prefix}--btn--selected`]: isSelected && kind === 'ghost'
435
437
  };
436
- if (className) {
438
+ if (buttonClassName) {
437
439
  const outputObject = {};
438
- className === null || className === void 0 ? void 0 : className.split(' ').forEach(element => {
440
+ buttonClassName === null || buttonClassName === void 0 ? void 0 : buttonClassName.split(' ').forEach(element => {
439
441
  outputObject[element] = true;
440
442
  });
441
- defaultClasses = outputObject;
443
+ defaultClasses = _objectSpread(_objectSpread({}, defaultClasses), outputObject);
442
444
  }
443
445
  const classes = classMap(defaultClasses);
444
446
  const isDanger = kind.includes('danger');
@@ -484,7 +486,8 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
484
486
  class="${0}"
485
487
  ?autofocus="${0}"
486
488
  ?disabled="${0}"
487
- type="${0}">
489
+ type="${0}"
490
+ aria-label="${0}">
488
491
  <slot @slotchange="${0}"></slot>
489
492
  <slot name="icon" @slotchange="${0}"></slot>
490
493
  </button>
@@ -496,7 +499,7 @@ let CDSButton = _decorate([customElement(`${prefix}-button`)], function (_initia
496
499
  <span class="${0}--popover-caret"></span>
497
500
  </span>
498
501
  </span>
499
- `), tooltipClasses, classes, autofocus, disabled, ifDefined(type), handleSlotChange, handleSlotChange, prefix, prefix, prefix, tooltipText, prefix) : html(_t4 || (_t4 = _`
502
+ `), tooltipClasses, classes, autofocus, disabled, ifDefined(type), ifDefined(tooltipText), handleSlotChange, handleSlotChange, prefix, prefix, prefix, tooltipText, prefix) : html(_t4 || (_t4 = _`
500
503
  <button
501
504
  id="button"
502
505
  part="button"
package/es/components/button/button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","names":["classMap","ifDefined","LitElement","html","property","customElement","prefix","FocusMixin","BUTTON_KIND","BUTTON_TYPE","BUTTON_SIZE","BUTTON_TOOLTIP_ALIGNMENT","BUTTON_TOOLTIP_POSITION","styles","HostListener","HostListenerMixin","CDSButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","capture","_handleDisabledClick","event","disabled","stopPropagation","openTooltip","type","Boolean","reflect","attribute","PRIMARY","CENTER","TOP","BUTTON","render","autofocus","className","dangerDescriptor","download","href","hreflang","isExpressive","isSelected","linkRole","ping","rel","size","tooltipAlignment","tooltipPosition","tooltipText","_hasIcon","hasIcon","hasMainContent","handleSlotChange","defaultClasses","outputObject","split","forEach","element","classes","isDanger","includes","_t","_","_t2","alignmentClass","BOTTOM","tooltipClasses","_t3","_t4","_t5","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/button/button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n @HostListener('mouseover')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('mouseout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = false;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focus')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async (event) => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async (event) => {\n this.openTooltip = false;\n };\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button is being used within a data table batch action toolbar\n */\n @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n batchAction = false;\n\n /**\n * Specify an optional className to be added to your Button\n */\n @property({ reflect: true, attribute: 'class-name' })\n className;\n\n /**\n * Specify the message read by screen readers for the danger button variant\n */\n @property({ reflect: true, attribute: 'danger-descriptor' })\n dangerDescriptor;\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * `true` if there is a non-icon content.\n */\n @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n hasMainContent = false;\n\n /**\n * Link `href`. If present, this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Specify whether the Button is currently selected.\n * Only applies to the Ghost variant.\n */\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /**\n * Button kind.\n */\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * Boolean to determine if tooltip is open.\n */\n @property({ type: Boolean })\n openTooltip = false;\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = 'lg';\n\n /**\n * The link target, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property({ reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /**\n * Button type.\n */\n @property({ reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n className,\n dangerDescriptor,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n let defaultClasses = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n };\n\n if (className) {\n const outputObject = {};\n className?.split(' ').forEach((element) => {\n outputObject[element] = true;\n });\n defaultClasses = outputObject;\n }\n const classes = classMap(defaultClasses);\n\n const isDanger = kind.includes('danger');\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText && !disabled\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n ${isDanger\n ? html`<span class=\"${prefix}--visually-hidden\"\n >${dangerDescriptor}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSButton;\n"],"mappings":"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"}
1
+ {"version":3,"file":"button.js","names":["classMap","ifDefined","LitElement","html","property","prefix","FocusMixin","BUTTON_KIND","BUTTON_TYPE","BUTTON_SIZE","BUTTON_TOOLTIP_ALIGNMENT","BUTTON_TOOLTIP_POSITION","styles","HostListener","HostListenerMixin","carbonElement","customElement","CDSButton","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_handleSlotChange","target","name","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","requestUpdate","decorators","capture","_handleDisabledClick","event","disabled","stopPropagation","openTooltip","type","Boolean","reflect","attribute","PRIMARY","CENTER","TOP","BUTTON","render","autofocus","buttonClassName","dangerDescriptor","download","href","hreflang","isExpressive","isSelected","linkRole","ping","rel","size","tooltipAlignment","tooltipPosition","tooltipText","_hasIcon","hasIcon","hasMainContent","handleSlotChange","defaultClasses","outputObject","split","forEach","element","_objectSpread","classes","isDanger","includes","_t","_","_t2","alignmentClass","BOTTOM","tooltipClasses","_t3","_t4","_t5","static","shadowRootOptions","delegatesFocus"],"sources":["components/button/button.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n} from './defs';\nimport styles from './button.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n BUTTON_KIND,\n BUTTON_TYPE,\n BUTTON_SIZE,\n BUTTON_TOOLTIP_ALIGNMENT,\n BUTTON_TOOLTIP_POSITION,\n};\n\n/**\n * Button.\n *\n * @element cds-button\n * @csspart button The button.\n */\n@customElement(`${prefix}-button`)\nclass CDSButton extends HostListenerMixin(FocusMixin(LitElement)) {\n /**\n * `true` if there is an icon.\n */\n private _hasIcon = false;\n\n /**\n * Handles `slotchange` event.\n */\n private _handleSlotChange({ target }: Event) {\n const { name } = target as HTMLSlotElement;\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .some(\n (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n );\n this[name === 'icon' ? '_hasIcon' : 'hasMainContent'] = hasContent;\n this.requestUpdate();\n }\n\n @HostListener('click', { capture: true })\n // @ts-ignore\n private _handleDisabledClick(event: Event) {\n const { disabled } = this;\n if (disabled) {\n event.stopPropagation();\n }\n }\n\n @HostListener('mouseover')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleOver = () => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n */\n @HostListener('mouseout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleHoverOut = async () => {\n this.openTooltip = false;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focus')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocus = async (event) => {\n this.openTooltip = true;\n };\n\n /**\n * Handles `keydown` event on this element.\n * Space & enter will toggle state, Escape will only close.\n */\n @HostListener('focusout')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleFocusout = async (event) => {\n this.openTooltip = false;\n };\n\n /**\n * `true` if the button should have input focus when the page loads.\n */\n @property({ type: Boolean, reflect: true })\n autofocus = false;\n\n /**\n * `true` if the button is being used within a data table batch action toolbar\n */\n @property({ type: Boolean, reflect: true, attribute: 'batch-action' })\n batchAction = false;\n\n /**\n * Specify an optional className to be added to your Button\n */\n @property({ reflect: true, attribute: 'button-class-name' })\n buttonClassName;\n\n /**\n * Specify the message read by screen readers for the danger button variant\n */\n @property({ reflect: true, attribute: 'danger-descriptor' })\n dangerDescriptor;\n\n /**\n * `true` if the button should be disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The default file name, used if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n download!: string;\n\n /**\n * `true` if there is a non-icon content.\n */\n @property({ reflect: true, attribute: 'has-main-content', type: Boolean })\n hasMainContent = false;\n\n /**\n * Link `href`. If present, this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n href!: string;\n\n /**\n * The language of what `href` points to, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n hreflang!: string;\n\n /**\n * `true` if expressive theme enabled.\n */\n @property({ type: Boolean, reflect: true })\n isExpressive = false;\n\n /**\n * Specify whether the Button is currently selected.\n * Only applies to the Ghost variant.\n */\n @property({ type: Boolean, reflect: true })\n isSelected = false;\n\n /**\n * Button kind.\n */\n @property({ reflect: true })\n kind = BUTTON_KIND.PRIMARY;\n\n /**\n * The a11y role for `<a>`.\n */\n @property({ attribute: 'link-role' })\n linkRole = 'button';\n\n /**\n * Boolean to determine if tooltip is open.\n */\n @property({ type: Boolean })\n openTooltip = false;\n\n /**\n * URLs to ping, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n ping!: string;\n\n /**\n * The link type, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n rel!: string;\n\n /**\n * Button size.\n */\n @property({ reflect: true })\n size = 'lg';\n\n /**\n * The link target, if this button is rendered as `<a>`.\n */\n @property({ reflect: true })\n target!: string;\n\n /**\n * Specify the alignment of the tooltip to the icon-only button.\n * Can be one of: start, center, or end.\n */\n @property({ reflect: true, attribute: 'tooltip-alignment' })\n tooltipAlignment = BUTTON_TOOLTIP_ALIGNMENT.CENTER;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-position' })\n tooltipPosition = BUTTON_TOOLTIP_POSITION.TOP;\n\n /**\n * Specify the direction of the tooltip for icon-only buttons.\n * Can be either top, right, bottom, or left.\n */\n @property({ reflect: true, attribute: 'tooltip-text' })\n tooltipText!: string;\n\n /**\n * Button type.\n */\n @property({ reflect: true })\n type = BUTTON_TYPE.BUTTON;\n\n render() {\n const {\n autofocus,\n buttonClassName,\n dangerDescriptor,\n disabled,\n download,\n href,\n hreflang,\n kind,\n isExpressive,\n isSelected,\n linkRole,\n openTooltip,\n ping,\n rel,\n size,\n target,\n tooltipAlignment,\n tooltipPosition,\n tooltipText,\n type,\n _hasIcon: hasIcon,\n hasMainContent,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n let defaultClasses = {\n [`${prefix}--btn`]: true,\n [`${prefix}--btn--${kind}`]: kind,\n [`${prefix}--btn--disabled`]: disabled,\n [`${prefix}--btn--icon-only`]: hasIcon && !hasMainContent,\n [`${prefix}--btn--${size}`]: size,\n [`${prefix}--layout--size-${size}`]: size,\n [`${prefix}-ce--btn--has-icon`]: hasIcon,\n [`${prefix}--btn--expressive`]: isExpressive,\n [`${prefix}--btn--selected`]: isSelected && kind === 'ghost',\n };\n\n if (buttonClassName) {\n const outputObject = {};\n buttonClassName?.split(' ').forEach((element) => {\n outputObject[element] = true;\n });\n defaultClasses = { ...defaultClasses, ...outputObject };\n }\n const classes = classMap(defaultClasses);\n\n const isDanger = kind.includes('danger');\n\n if (href) {\n return disabled\n ? html`\n <p id=\"button\" part=\"button\" class=\"${classes}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </p>\n `\n : html`\n <a\n id=\"button\"\n part=\"button\"\n role=\"${ifDefined(linkRole)}\"\n class=\"${classes}\"\n download=\"${ifDefined(download)}\"\n href=\"${ifDefined(href)}\"\n hreflang=\"${ifDefined(hreflang)}\"\n ping=\"${ifDefined(ping)}\"\n rel=\"${ifDefined(rel)}\"\n target=\"${ifDefined(target)}\"\n type=\"${ifDefined(type)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </a>\n `;\n }\n\n const alignmentClass =\n tooltipAlignment &&\n (tooltipPosition === BUTTON_TOOLTIP_POSITION.TOP ||\n tooltipPosition === BUTTON_TOOLTIP_POSITION.BOTTOM)\n ? `-${tooltipAlignment}`\n : '';\n\n const tooltipClasses = classMap({\n [`${prefix}--popover-container`]: true,\n [`${prefix}--popover--caret`]: true,\n [`${prefix}--popover--high-contrast`]: true,\n [`${prefix}--tooltip`]: true,\n [`${prefix}--icon-tooltip`]: hasIcon,\n [`${prefix}--popover--open`]: openTooltip,\n [`${prefix}--popover--${tooltipPosition}${alignmentClass}`]: tooltipText,\n });\n\n return tooltipText && !disabled\n ? html`\n <span class=\"${tooltipClasses}\">\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\"\n aria-label=\"${ifDefined(tooltipText)}\">\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n <span class=\"${prefix}--popover\">\n <span\n class=\"${prefix}--popover-content ${prefix}--tooltip-content\">\n ${tooltipText}\n </span>\n <span class=\"${prefix}--popover-caret\"></span>\n </span>\n </span>\n `\n : html`\n <button\n id=\"button\"\n part=\"button\"\n class=\"${classes}\"\n ?autofocus=\"${autofocus}\"\n ?disabled=\"${disabled}\"\n type=\"${ifDefined(type)}\">\n ${isDanger\n ? html`<span class=\"${prefix}--visually-hidden\"\n >${dangerDescriptor}</span\n >`\n : ``}\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <slot name=\"icon\" @slotchange=\"${handleSlotChange}\"></slot>\n </button>\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSButton;\n"],"mappings":"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"}