@carbon/web-components 2.0.0-rc.2 → 2.0.0-rc.4

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 (713) hide show
  1. package/custom-elements.json +267 -52
  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.map +1 -1
  44. package/es/components/button/button.js +4 -2
  45. package/es/components/button/button.js.map +1 -1
  46. package/es/components/button/button.rtl.css.js +1 -1
  47. package/es/components/button/defs.d.ts +1 -1
  48. package/es/components/button/defs.d.ts.map +1 -1
  49. package/es/components/button/defs.js +1 -1
  50. package/es/components/button/defs.js.map +1 -1
  51. package/es/components/button/index.d.ts +1 -1
  52. package/es/components/button/index.d.ts.map +1 -1
  53. package/es/components/button/index.js +1 -1
  54. package/es/components/button/index.js.map +1 -1
  55. package/es/components/checkbox/checkbox.css.js +1 -1
  56. package/es/components/checkbox/checkbox.d.ts.map +1 -1
  57. package/es/components/checkbox/checkbox.js +3 -9
  58. package/es/components/checkbox/checkbox.js.map +1 -1
  59. package/es/components/checkbox/checkbox.rtl.css.js +1 -1
  60. package/es/components/checkbox/index.d.ts +1 -1
  61. package/es/components/checkbox/index.d.ts.map +1 -1
  62. package/es/components/checkbox/index.js +1 -1
  63. package/es/components/checkbox/index.js.map +1 -1
  64. package/es/components/code-snippet/code-snippet-skeleton.d.ts.map +1 -1
  65. package/es/components/code-snippet/code-snippet-skeleton.js +3 -4
  66. package/es/components/code-snippet/code-snippet-skeleton.js.map +1 -1
  67. package/es/components/code-snippet/code-snippet.css.js +1 -1
  68. package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
  69. package/es/components/code-snippet/code-snippet.js +2 -1
  70. package/es/components/code-snippet/code-snippet.js.map +1 -1
  71. package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
  72. package/es/components/code-snippet/defs.d.ts +1 -1
  73. package/es/components/code-snippet/defs.d.ts.map +1 -1
  74. package/es/components/code-snippet/defs.js +1 -1
  75. package/es/components/code-snippet/defs.js.map +1 -1
  76. package/es/components/code-snippet/index.d.ts +1 -1
  77. package/es/components/code-snippet/index.d.ts.map +1 -1
  78. package/es/components/code-snippet/index.js +1 -1
  79. package/es/components/code-snippet/index.js.map +1 -1
  80. package/es/components/combo-box/combo-box-item.d.ts.map +1 -1
  81. package/es/components/combo-box/combo-box-item.js +2 -6
  82. package/es/components/combo-box/combo-box-item.js.map +1 -1
  83. package/es/components/combo-box/combo-box.css.js +1 -1
  84. package/es/components/combo-box/combo-box.d.ts.map +1 -1
  85. package/es/components/combo-box/combo-box.js +2 -1
  86. package/es/components/combo-box/combo-box.js.map +1 -1
  87. package/es/components/combo-box/combo-box.rtl.css.js +1 -1
  88. package/es/components/combo-box/index.d.ts +1 -1
  89. package/es/components/combo-box/index.d.ts.map +1 -1
  90. package/es/components/combo-box/index.js +1 -1
  91. package/es/components/combo-box/index.js.map +1 -1
  92. package/es/components/content-switcher/content-switcher-item.d.ts.map +1 -1
  93. package/es/components/content-switcher/content-switcher-item.js +3 -6
  94. package/es/components/content-switcher/content-switcher-item.js.map +1 -1
  95. package/es/components/content-switcher/content-switcher.css.js +1 -1
  96. package/es/components/content-switcher/content-switcher.d.ts.map +1 -1
  97. package/es/components/content-switcher/content-switcher.js +2 -1
  98. package/es/components/content-switcher/content-switcher.js.map +1 -1
  99. package/es/components/content-switcher/content-switcher.rtl.css.js +1 -1
  100. package/es/components/content-switcher/defs.d.ts +1 -1
  101. package/es/components/content-switcher/defs.d.ts.map +1 -1
  102. package/es/components/content-switcher/defs.js +1 -1
  103. package/es/components/content-switcher/defs.js.map +1 -1
  104. package/es/components/content-switcher/index.d.ts +1 -1
  105. package/es/components/content-switcher/index.d.ts.map +1 -1
  106. package/es/components/content-switcher/index.js +1 -1
  107. package/es/components/content-switcher/index.js.map +1 -1
  108. package/es/components/copy/copy.js.map +1 -1
  109. package/es/components/copy-button/copy-button.css.js +1 -1
  110. package/es/components/copy-button/copy-button.js.map +1 -1
  111. package/es/components/copy-button/copy-button.rtl.css.js +1 -1
  112. package/es/components/copy-button/index.d.ts +1 -1
  113. package/es/components/copy-button/index.d.ts.map +1 -1
  114. package/es/components/copy-button/index.js +1 -1
  115. package/es/components/copy-button/index.js.map +1 -1
  116. package/es/components/data-table/data-table.css.js +1 -1
  117. package/es/components/data-table/data-table.rtl.css.js +1 -1
  118. package/es/components/data-table/index.d.ts +1 -1
  119. package/es/components/data-table/index.d.ts.map +1 -1
  120. package/es/components/data-table/index.js +1 -1
  121. package/es/components/data-table/index.js.map +1 -1
  122. package/es/components/data-table/table-batch-actions.d.ts.map +1 -1
  123. package/es/components/data-table/table-batch-actions.js +3 -7
  124. package/es/components/data-table/table-batch-actions.js.map +1 -1
  125. package/es/components/data-table/table-body.d.ts.map +1 -1
  126. package/es/components/data-table/table-body.js +3 -6
  127. package/es/components/data-table/table-body.js.map +1 -1
  128. package/es/components/data-table/table-cell.d.ts.map +1 -1
  129. package/es/components/data-table/table-cell.js +3 -7
  130. package/es/components/data-table/table-cell.js.map +1 -1
  131. package/es/components/data-table/table-expanded-row.d.ts.map +1 -1
  132. package/es/components/data-table/table-expanded-row.js +2 -1
  133. package/es/components/data-table/table-expanded-row.js.map +1 -1
  134. package/es/components/data-table/table-head.d.ts.map +1 -1
  135. package/es/components/data-table/table-head.js +2 -6
  136. package/es/components/data-table/table-head.js.map +1 -1
  137. package/es/components/data-table/table-header-cell.d.ts.map +1 -1
  138. package/es/components/data-table/table-header-cell.js +2 -1
  139. package/es/components/data-table/table-header-cell.js.map +1 -1
  140. package/es/components/data-table/table-header-row.d.ts.map +1 -1
  141. package/es/components/data-table/table-header-row.js +1 -1
  142. package/es/components/data-table/table-header-row.js.map +1 -1
  143. package/es/components/data-table/table-row.d.ts.map +1 -1
  144. package/es/components/data-table/table-row.js +3 -2
  145. package/es/components/data-table/table-row.js.map +1 -1
  146. package/es/components/data-table/table-skeleton.js.map +1 -1
  147. package/es/components/data-table/table-toolbar-content.d.ts.map +1 -1
  148. package/es/components/data-table/table-toolbar-content.js +4 -7
  149. package/es/components/data-table/table-toolbar-content.js.map +1 -1
  150. package/es/components/data-table/table-toolbar-search.d.ts.map +1 -1
  151. package/es/components/data-table/table-toolbar-search.js +3 -7
  152. package/es/components/data-table/table-toolbar-search.js.map +1 -1
  153. package/es/components/data-table/table-toolbar.d.ts +0 -8
  154. package/es/components/data-table/table-toolbar.d.ts.map +1 -1
  155. package/es/components/data-table/table-toolbar.js +3 -30
  156. package/es/components/data-table/table-toolbar.js.map +1 -1
  157. package/es/components/data-table/table.d.ts.map +1 -1
  158. package/es/components/data-table/table.js +3 -3
  159. package/es/components/data-table/table.js.map +1 -1
  160. package/es/components/date-picker/append-to-plugin.js.map +1 -1
  161. package/es/components/date-picker/css-class-plugin.js.map +1 -1
  162. package/es/components/date-picker/date-picker-input-skeleton.d.ts.map +1 -1
  163. package/es/components/date-picker/date-picker-input-skeleton.js +3 -4
  164. package/es/components/date-picker/date-picker-input-skeleton.js.map +1 -1
  165. package/es/components/date-picker/date-picker-input.d.ts.map +1 -1
  166. package/es/components/date-picker/date-picker-input.js +2 -1
  167. package/es/components/date-picker/date-picker-input.js.map +1 -1
  168. package/es/components/date-picker/date-picker.css.js +1 -1
  169. package/es/components/date-picker/date-picker.d.ts.map +1 -1
  170. package/es/components/date-picker/date-picker.js +7 -4
  171. package/es/components/date-picker/date-picker.js.map +1 -1
  172. package/es/components/date-picker/date-picker.rtl.css.js +1 -1
  173. package/es/components/date-picker/defs.d.ts +1 -1
  174. package/es/components/date-picker/defs.d.ts.map +1 -1
  175. package/es/components/date-picker/defs.js +1 -1
  176. package/es/components/date-picker/defs.js.map +1 -1
  177. package/es/components/date-picker/fix-events-plugin.js +9 -0
  178. package/es/components/date-picker/fix-events-plugin.js.map +1 -1
  179. package/es/components/date-picker/focus-plugin.d.ts.map +1 -1
  180. package/es/components/date-picker/focus-plugin.js +14 -4
  181. package/es/components/date-picker/focus-plugin.js.map +1 -1
  182. package/es/components/date-picker/icon-plugin.js.map +1 -1
  183. package/es/components/date-picker/index.d.ts +1 -1
  184. package/es/components/date-picker/index.d.ts.map +1 -1
  185. package/es/components/date-picker/index.js +1 -1
  186. package/es/components/date-picker/index.js.map +1 -1
  187. package/es/components/date-picker/iso-date.js.map +1 -1
  188. package/es/components/date-picker/month-select-plugin.js.map +1 -1
  189. package/es/components/date-picker/range-plugin.d.ts +21 -6
  190. package/es/components/date-picker/range-plugin.d.ts.map +1 -1
  191. package/es/components/date-picker/range-plugin.js +51 -17
  192. package/es/components/date-picker/range-plugin.js.map +1 -1
  193. package/es/components/date-picker/shadow-dom-events-plugin.js.map +1 -1
  194. package/es/components/date-picker/state-handshake-plugin.js.map +1 -1
  195. package/es/components/dropdown/defs.d.ts +1 -1
  196. package/es/components/dropdown/defs.d.ts.map +1 -1
  197. package/es/components/dropdown/defs.js +1 -1
  198. package/es/components/dropdown/defs.js.map +1 -1
  199. package/es/components/dropdown/dropdown-item.d.ts.map +1 -1
  200. package/es/components/dropdown/dropdown-item.js +3 -7
  201. package/es/components/dropdown/dropdown-item.js.map +1 -1
  202. package/es/components/dropdown/dropdown-skeleton.d.ts.map +1 -1
  203. package/es/components/dropdown/dropdown-skeleton.js +2 -4
  204. package/es/components/dropdown/dropdown-skeleton.js.map +1 -1
  205. package/es/components/dropdown/dropdown.css.js +1 -1
  206. package/es/components/dropdown/dropdown.d.ts +1 -3
  207. package/es/components/dropdown/dropdown.d.ts.map +1 -1
  208. package/es/components/dropdown/dropdown.js +2 -1
  209. package/es/components/dropdown/dropdown.js.map +1 -1
  210. package/es/components/dropdown/dropdown.rtl.css.js +1 -1
  211. package/es/components/dropdown/index.d.ts +1 -1
  212. package/es/components/dropdown/index.d.ts.map +1 -1
  213. package/es/components/dropdown/index.js +1 -1
  214. package/es/components/dropdown/index.js.map +1 -1
  215. package/es/components/file-uploader/defs.d.ts +1 -1
  216. package/es/components/file-uploader/defs.d.ts.map +1 -1
  217. package/es/components/file-uploader/defs.js +1 -1
  218. package/es/components/file-uploader/defs.js.map +1 -1
  219. package/es/components/file-uploader/demo-file-uploader.js.map +1 -1
  220. package/es/components/file-uploader/file-uploader-button.d.ts.map +1 -1
  221. package/es/components/file-uploader/file-uploader-button.js +1 -0
  222. package/es/components/file-uploader/file-uploader-button.js.map +1 -1
  223. package/es/components/file-uploader/file-uploader-drop-container.d.ts.map +1 -1
  224. package/es/components/file-uploader/file-uploader-drop-container.js +2 -1
  225. package/es/components/file-uploader/file-uploader-drop-container.js.map +1 -1
  226. package/es/components/file-uploader/file-uploader-item.d.ts.map +1 -1
  227. package/es/components/file-uploader/file-uploader-item.js +2 -1
  228. package/es/components/file-uploader/file-uploader-item.js.map +1 -1
  229. package/es/components/file-uploader/file-uploader.css.js +1 -1
  230. package/es/components/file-uploader/file-uploader.d.ts.map +1 -1
  231. package/es/components/file-uploader/file-uploader.js +3 -8
  232. package/es/components/file-uploader/file-uploader.js.map +1 -1
  233. package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
  234. package/es/components/file-uploader/index.d.ts +1 -1
  235. package/es/components/file-uploader/index.d.ts.map +1 -1
  236. package/es/components/file-uploader/index.js +1 -1
  237. package/es/components/file-uploader/index.js.map +1 -1
  238. package/es/components/floating-menu/defs.d.ts +1 -1
  239. package/es/components/floating-menu/defs.d.ts.map +1 -1
  240. package/es/components/floating-menu/defs.js +1 -1
  241. package/es/components/floating-menu/defs.js.map +1 -1
  242. package/es/components/floating-menu/floating-menu-trigger.d.ts +1 -1
  243. package/es/components/floating-menu/floating-menu-trigger.d.ts.map +1 -1
  244. package/es/components/floating-menu/floating-menu.js +9 -2
  245. package/es/components/floating-menu/floating-menu.js.map +1 -1
  246. package/es/components/floating-menu/index.d.ts +1 -1
  247. package/es/components/floating-menu/index.d.ts.map +1 -1
  248. package/es/components/floating-menu/index.js +1 -1
  249. package/es/components/floating-menu/index.js.map +1 -1
  250. package/es/components/form/form-item.css.js +1 -1
  251. package/es/components/form/form-item.d.ts.map +1 -1
  252. package/es/components/form/form-item.js +2 -6
  253. package/es/components/form/form-item.js.map +1 -1
  254. package/es/components/form/form-item.rtl.css.js +1 -1
  255. package/es/components/form/index.d.ts +1 -1
  256. package/es/components/form/index.d.ts.map +1 -1
  257. package/es/components/form/index.js +1 -1
  258. package/es/components/form/index.js.map +1 -1
  259. package/es/components/form-group/form-group.css.js +1 -1
  260. package/es/components/form-group/form-group.rtl.css.js +1 -1
  261. package/es/components/icon-button/icon-button.css.js +1 -1
  262. package/es/components/icon-button/icon-button.js.map +1 -1
  263. package/es/components/icon-button/icon-button.rtl.css.js +1 -1
  264. package/es/components/inline-loading/defs.d.ts +1 -1
  265. package/es/components/inline-loading/defs.d.ts.map +1 -1
  266. package/es/components/inline-loading/defs.js +1 -1
  267. package/es/components/inline-loading/defs.js.map +1 -1
  268. package/es/components/inline-loading/index.d.ts +1 -1
  269. package/es/components/inline-loading/index.d.ts.map +1 -1
  270. package/es/components/inline-loading/index.js +1 -1
  271. package/es/components/inline-loading/index.js.map +1 -1
  272. package/es/components/inline-loading/inline-loading.css.js +1 -1
  273. package/es/components/inline-loading/inline-loading.d.ts.map +1 -1
  274. package/es/components/inline-loading/inline-loading.js +2 -1
  275. package/es/components/inline-loading/inline-loading.js.map +1 -1
  276. package/es/components/inline-loading/inline-loading.rtl.css.js +1 -1
  277. package/es/components/layer/layer.js.map +1 -1
  278. package/es/components/link/index.d.ts +1 -1
  279. package/es/components/link/index.d.ts.map +1 -1
  280. package/es/components/link/index.js +1 -1
  281. package/es/components/link/index.js.map +1 -1
  282. package/es/components/link/link.d.ts.map +1 -1
  283. package/es/components/link/link.js +3 -4
  284. package/es/components/link/link.js.map +1 -1
  285. package/es/components/list/index.d.ts +1 -1
  286. package/es/components/list/index.d.ts.map +1 -1
  287. package/es/components/list/index.js +1 -1
  288. package/es/components/list/index.js.map +1 -1
  289. package/es/components/list/list-item.d.ts.map +1 -1
  290. package/es/components/list/list-item.js +3 -7
  291. package/es/components/list/list-item.js.map +1 -1
  292. package/es/components/list/ordered-list.d.ts.map +1 -1
  293. package/es/components/list/ordered-list.js +2 -1
  294. package/es/components/list/ordered-list.js.map +1 -1
  295. package/es/components/list/unordered-list.d.ts.map +1 -1
  296. package/es/components/list/unordered-list.js +3 -4
  297. package/es/components/list/unordered-list.js.map +1 -1
  298. package/es/components/loading/defs.d.ts +1 -1
  299. package/es/components/loading/defs.d.ts.map +1 -1
  300. package/es/components/loading/defs.js +1 -1
  301. package/es/components/loading/defs.js.map +1 -1
  302. package/es/components/loading/index.d.ts +1 -1
  303. package/es/components/loading/index.d.ts.map +1 -1
  304. package/es/components/loading/index.js +1 -1
  305. package/es/components/loading/index.js.map +1 -1
  306. package/es/components/loading/loading.css.js +1 -1
  307. package/es/components/loading/loading.d.ts.map +1 -1
  308. package/es/components/loading/loading.js +3 -6
  309. package/es/components/loading/loading.js.map +1 -1
  310. package/es/components/loading/loading.rtl.css.js +1 -1
  311. package/es/components/loading/types.d.ts +1 -1
  312. package/es/components/loading/types.d.ts.map +1 -1
  313. package/es/components/loading/types.js +1 -1
  314. package/es/components/loading/types.js.map +1 -1
  315. package/es/components/modal/defs.d.ts +1 -1
  316. package/es/components/modal/defs.d.ts.map +1 -1
  317. package/es/components/modal/defs.js +1 -1
  318. package/es/components/modal/defs.js.map +1 -1
  319. package/es/components/modal/index.d.ts +1 -1
  320. package/es/components/modal/index.d.ts.map +1 -1
  321. package/es/components/modal/index.js +1 -1
  322. package/es/components/modal/index.js.map +1 -1
  323. package/es/components/modal/modal-body.d.ts.map +1 -1
  324. package/es/components/modal/modal-body.js +2 -6
  325. package/es/components/modal/modal-body.js.map +1 -1
  326. package/es/components/modal/modal-close-button.d.ts.map +1 -1
  327. package/es/components/modal/modal-close-button.js +3 -8
  328. package/es/components/modal/modal-close-button.js.map +1 -1
  329. package/es/components/modal/modal-footer-button.d.ts.map +1 -1
  330. package/es/components/modal/modal-footer-button.js +2 -6
  331. package/es/components/modal/modal-footer-button.js.map +1 -1
  332. package/es/components/modal/modal-footer.d.ts.map +1 -1
  333. package/es/components/modal/modal-footer.js +3 -6
  334. package/es/components/modal/modal-footer.js.map +1 -1
  335. package/es/components/modal/modal-header.d.ts.map +1 -1
  336. package/es/components/modal/modal-header.js +2 -6
  337. package/es/components/modal/modal-header.js.map +1 -1
  338. package/es/components/modal/modal-heading.d.ts.map +1 -1
  339. package/es/components/modal/modal-heading.js +2 -6
  340. package/es/components/modal/modal-heading.js.map +1 -1
  341. package/es/components/modal/modal-label.d.ts.map +1 -1
  342. package/es/components/modal/modal-label.js +2 -6
  343. package/es/components/modal/modal-label.js.map +1 -1
  344. package/es/components/modal/modal.css.js +1 -1
  345. package/es/components/modal/modal.d.ts.map +1 -1
  346. package/es/components/modal/modal.js +2 -1
  347. package/es/components/modal/modal.js.map +1 -1
  348. package/es/components/modal/modal.rtl.css.js +1 -1
  349. package/es/components/multi-select/multi-select-item.d.ts.map +1 -1
  350. package/es/components/multi-select/multi-select-item.js +3 -6
  351. package/es/components/multi-select/multi-select-item.js.map +1 -1
  352. package/es/components/multi-select/multi-select.css.js +1 -1
  353. package/es/components/multi-select/multi-select.d.ts.map +1 -1
  354. package/es/components/multi-select/multi-select.js +2 -1
  355. package/es/components/multi-select/multi-select.js.map +1 -1
  356. package/es/components/multi-select/multi-select.rtl.css.js +1 -1
  357. package/es/components/notification/actionable-notification-button.js.map +1 -1
  358. package/es/components/notification/actionable-notification.css.js +1 -1
  359. package/es/components/notification/actionable-notification.js.map +1 -1
  360. package/es/components/notification/actionable-notification.rtl.css.js +1 -1
  361. package/es/components/notification/inline-notification.css.js +1 -1
  362. package/es/components/notification/inline-notification.d.ts.map +1 -1
  363. package/es/components/notification/inline-notification.js +2 -1
  364. package/es/components/notification/inline-notification.js.map +1 -1
  365. package/es/components/notification/inline-notification.rtl.css.js +1 -1
  366. package/es/components/notification/toast-notification.css.js +1 -1
  367. package/es/components/notification/toast-notification.d.ts.map +1 -1
  368. package/es/components/notification/toast-notification.js +2 -1
  369. package/es/components/notification/toast-notification.js.map +1 -1
  370. package/es/components/notification/toast-notification.rtl.css.js +1 -1
  371. package/es/components/number-input/number-input-skeleton.d.ts.map +1 -1
  372. package/es/components/number-input/number-input-skeleton.js +3 -4
  373. package/es/components/number-input/number-input-skeleton.js.map +1 -1
  374. package/es/components/number-input/number-input.css.js +1 -1
  375. package/es/components/number-input/number-input.d.ts.map +1 -1
  376. package/es/components/number-input/number-input.js +2 -1
  377. package/es/components/number-input/number-input.js.map +1 -1
  378. package/es/components/number-input/number-input.rtl.css.js +1 -1
  379. package/es/components/overflow-menu/overflow-menu-body.d.ts.map +1 -1
  380. package/es/components/overflow-menu/overflow-menu-body.js +2 -1
  381. package/es/components/overflow-menu/overflow-menu-body.js.map +1 -1
  382. package/es/components/overflow-menu/overflow-menu-item.d.ts.map +1 -1
  383. package/es/components/overflow-menu/overflow-menu-item.js +2 -1
  384. package/es/components/overflow-menu/overflow-menu-item.js.map +1 -1
  385. package/es/components/overflow-menu/overflow-menu.css.js +1 -1
  386. package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
  387. package/es/components/overflow-menu/overflow-menu.js +2 -4
  388. package/es/components/overflow-menu/overflow-menu.js.map +1 -1
  389. package/es/components/overflow-menu/overflow-menu.rtl.css.js +1 -1
  390. package/es/components/pagination/pagination.css.js +1 -1
  391. package/es/components/pagination/pagination.d.ts.map +1 -1
  392. package/es/components/pagination/pagination.js +12 -6
  393. package/es/components/pagination/pagination.js.map +1 -1
  394. package/es/components/pagination/pagination.rtl.css.js +1 -1
  395. package/es/components/popover/popover.css.js +1 -1
  396. package/es/components/popover/popover.js.map +1 -1
  397. package/es/components/popover/popover.rtl.css.js +1 -1
  398. package/es/components/progress-bar/progress-bar.css.js +1 -1
  399. package/es/components/progress-bar/progress-bar.js.map +1 -1
  400. package/es/components/progress-bar/progress-bar.rtl.css.js +1 -1
  401. package/es/components/progress-indicator/progress-indicator-skeleton.d.ts.map +1 -1
  402. package/es/components/progress-indicator/progress-indicator-skeleton.js +3 -4
  403. package/es/components/progress-indicator/progress-indicator-skeleton.js.map +1 -1
  404. package/es/components/progress-indicator/progress-indicator.css.js +1 -1
  405. package/es/components/progress-indicator/progress-indicator.d.ts.map +1 -1
  406. package/es/components/progress-indicator/progress-indicator.js +3 -6
  407. package/es/components/progress-indicator/progress-indicator.js.map +1 -1
  408. package/es/components/progress-indicator/progress-indicator.rtl.css.js +1 -1
  409. package/es/components/progress-indicator/progress-step-skeleton.d.ts.map +1 -1
  410. package/es/components/progress-indicator/progress-step-skeleton.js +3 -2
  411. package/es/components/progress-indicator/progress-step-skeleton.js.map +1 -1
  412. package/es/components/progress-indicator/progress-step.d.ts.map +1 -1
  413. package/es/components/progress-indicator/progress-step.js +2 -1
  414. package/es/components/progress-indicator/progress-step.js.map +1 -1
  415. package/es/components/radio-button/radio-button-group.d.ts +23 -1
  416. package/es/components/radio-button/radio-button-group.d.ts.map +1 -1
  417. package/es/components/radio-button/radio-button-group.js +111 -11
  418. package/es/components/radio-button/radio-button-group.js.map +1 -1
  419. package/es/components/radio-button/radio-button-skeleton.d.ts.map +1 -1
  420. package/es/components/radio-button/radio-button-skeleton.js +2 -4
  421. package/es/components/radio-button/radio-button-skeleton.js.map +1 -1
  422. package/es/components/radio-button/radio-button.css.js +1 -1
  423. package/es/components/radio-button/radio-button.d.ts +4 -0
  424. package/es/components/radio-button/radio-button.d.ts.map +1 -1
  425. package/es/components/radio-button/radio-button.js +20 -1
  426. package/es/components/radio-button/radio-button.js.map +1 -1
  427. package/es/components/radio-button/radio-button.rtl.css.js +1 -1
  428. package/es/components/search/search-skeleton.d.ts.map +1 -1
  429. package/es/components/search/search-skeleton.js +3 -4
  430. package/es/components/search/search-skeleton.js.map +1 -1
  431. package/es/components/search/search.css.js +1 -1
  432. package/es/components/search/search.d.ts.map +1 -1
  433. package/es/components/search/search.js +3 -12
  434. package/es/components/search/search.js.map +1 -1
  435. package/es/components/search/search.rtl.css.js +1 -1
  436. package/es/components/select/select-item-group.d.ts.map +1 -1
  437. package/es/components/select/select-item-group.js +2 -1
  438. package/es/components/select/select-item-group.js.map +1 -1
  439. package/es/components/select/select-item.d.ts.map +1 -1
  440. package/es/components/select/select-item.js +2 -1
  441. package/es/components/select/select-item.js.map +1 -1
  442. package/es/components/select/select.css.js +1 -1
  443. package/es/components/select/select.d.ts.map +1 -1
  444. package/es/components/select/select.js +3 -9
  445. package/es/components/select/select.js.map +1 -1
  446. package/es/components/select/select.rtl.css.js +1 -1
  447. package/es/components/skeleton-placeholder/skeleton-placeholder.d.ts.map +1 -1
  448. package/es/components/skeleton-placeholder/skeleton-placeholder.js +2 -6
  449. package/es/components/skeleton-placeholder/skeleton-placeholder.js.map +1 -1
  450. package/es/components/skeleton-text/skeleton-text.d.ts.map +1 -1
  451. package/es/components/skeleton-text/skeleton-text.js +2 -1
  452. package/es/components/skeleton-text/skeleton-text.js.map +1 -1
  453. package/es/components/skip-to-content/skip-to-content.css.js +1 -1
  454. package/es/components/skip-to-content/skip-to-content.d.ts.map +1 -1
  455. package/es/components/skip-to-content/skip-to-content.js +3 -6
  456. package/es/components/skip-to-content/skip-to-content.js.map +1 -1
  457. package/es/components/skip-to-content/skip-to-content.rtl.css.js +1 -1
  458. package/es/components/slider/slider-input.d.ts +4 -0
  459. package/es/components/slider/slider-input.d.ts.map +1 -1
  460. package/es/components/slider/slider-input.js +35 -15
  461. package/es/components/slider/slider-input.js.map +1 -1
  462. package/es/components/slider/slider-skeleton.d.ts.map +1 -1
  463. package/es/components/slider/slider-skeleton.js +2 -4
  464. package/es/components/slider/slider-skeleton.js.map +1 -1
  465. package/es/components/slider/slider.css.js +1 -1
  466. package/es/components/slider/slider.d.ts +17 -0
  467. package/es/components/slider/slider.d.ts.map +1 -1
  468. package/es/components/slider/slider.js +94 -7
  469. package/es/components/slider/slider.js.map +1 -1
  470. package/es/components/slider/slider.rtl.css.js +1 -1
  471. package/es/components/stack/defs.js.map +1 -1
  472. package/es/components/structured-list/structured-list-body.d.ts.map +1 -1
  473. package/es/components/structured-list/structured-list-body.js +1 -1
  474. package/es/components/structured-list/structured-list-body.js.map +1 -1
  475. package/es/components/structured-list/structured-list-cell.d.ts.map +1 -1
  476. package/es/components/structured-list/structured-list-cell.js +2 -6
  477. package/es/components/structured-list/structured-list-cell.js.map +1 -1
  478. package/es/components/structured-list/structured-list-head.d.ts.map +1 -1
  479. package/es/components/structured-list/structured-list-head.js +1 -1
  480. package/es/components/structured-list/structured-list-head.js.map +1 -1
  481. package/es/components/structured-list/structured-list-header-cell-skeleton.d.ts.map +1 -1
  482. package/es/components/structured-list/structured-list-header-cell-skeleton.js +2 -4
  483. package/es/components/structured-list/structured-list-header-cell-skeleton.js.map +1 -1
  484. package/es/components/structured-list/structured-list-header-cell.d.ts.map +1 -1
  485. package/es/components/structured-list/structured-list-header-cell.js +2 -6
  486. package/es/components/structured-list/structured-list-header-cell.js.map +1 -1
  487. package/es/components/structured-list/structured-list-header-row.d.ts.map +1 -1
  488. package/es/components/structured-list/structured-list-header-row.js +2 -1
  489. package/es/components/structured-list/structured-list-header-row.js.map +1 -1
  490. package/es/components/structured-list/structured-list-row.d.ts +0 -3
  491. package/es/components/structured-list/structured-list-row.d.ts.map +1 -1
  492. package/es/components/structured-list/structured-list-row.js +3 -4
  493. package/es/components/structured-list/structured-list-row.js.map +1 -1
  494. package/es/components/structured-list/structured-list.css.js +1 -1
  495. package/es/components/structured-list/structured-list.d.ts.map +1 -1
  496. package/es/components/structured-list/structured-list.js +3 -6
  497. package/es/components/structured-list/structured-list.js.map +1 -1
  498. package/es/components/structured-list/structured-list.rtl.css.js +1 -1
  499. package/es/components/tabs/tab-skeleton.d.ts.map +1 -1
  500. package/es/components/tabs/tab-skeleton.js +2 -4
  501. package/es/components/tabs/tab-skeleton.js.map +1 -1
  502. package/es/components/tabs/tab.d.ts.map +1 -1
  503. package/es/components/tabs/tab.js +3 -6
  504. package/es/components/tabs/tab.js.map +1 -1
  505. package/es/components/tabs/tabs-skeleton.d.ts.map +1 -1
  506. package/es/components/tabs/tabs-skeleton.js +2 -4
  507. package/es/components/tabs/tabs-skeleton.js.map +1 -1
  508. package/es/components/tabs/tabs.css.js +1 -1
  509. package/es/components/tabs/tabs.d.ts.map +1 -1
  510. package/es/components/tabs/tabs.js +3 -8
  511. package/es/components/tabs/tabs.js.map +1 -1
  512. package/es/components/tabs/tabs.rtl.css.js +1 -1
  513. package/es/components/tag/tag.css.js +1 -1
  514. package/es/components/tag/tag.d.ts.map +1 -1
  515. package/es/components/tag/tag.js +2 -1
  516. package/es/components/tag/tag.js.map +1 -1
  517. package/es/components/tag/tag.rtl.css.js +1 -1
  518. package/es/components/text-input/text-input.css.js +1 -1
  519. package/es/components/text-input/text-input.d.ts +4 -4
  520. package/es/components/text-input/text-input.d.ts.map +1 -1
  521. package/es/components/text-input/text-input.js +13 -12
  522. package/es/components/text-input/text-input.js.map +1 -1
  523. package/es/components/text-input/text-input.rtl.css.js +1 -1
  524. package/es/components/textarea/textarea-skeleton.d.ts.map +1 -1
  525. package/es/components/textarea/textarea-skeleton.js +2 -4
  526. package/es/components/textarea/textarea-skeleton.js.map +1 -1
  527. package/es/components/textarea/textarea.css.js +1 -1
  528. package/es/components/textarea/textarea.d.ts.map +1 -1
  529. package/es/components/textarea/textarea.js +12 -14
  530. package/es/components/textarea/textarea.js.map +1 -1
  531. package/es/components/textarea/textarea.rtl.css.js +1 -1
  532. package/es/components/tile/clickable-tile.d.ts.map +1 -1
  533. package/es/components/tile/clickable-tile.js +3 -6
  534. package/es/components/tile/clickable-tile.js.map +1 -1
  535. package/es/components/tile/expandable-tile.d.ts.map +1 -1
  536. package/es/components/tile/expandable-tile.js +2 -1
  537. package/es/components/tile/expandable-tile.js.map +1 -1
  538. package/es/components/tile/radio-tile.d.ts.map +1 -1
  539. package/es/components/tile/radio-tile.js +2 -6
  540. package/es/components/tile/radio-tile.js.map +1 -1
  541. package/es/components/tile/selectable-tile.d.ts +3 -1
  542. package/es/components/tile/selectable-tile.d.ts.map +1 -1
  543. package/es/components/tile/selectable-tile.js +2 -1
  544. package/es/components/tile/selectable-tile.js.map +1 -1
  545. package/es/components/tile/tile-group.d.ts.map +1 -1
  546. package/es/components/tile/tile-group.js +3 -4
  547. package/es/components/tile/tile-group.js.map +1 -1
  548. package/es/components/tile/tile.css.js +1 -1
  549. package/es/components/tile/tile.d.ts.map +1 -1
  550. package/es/components/tile/tile.js +2 -1
  551. package/es/components/tile/tile.js.map +1 -1
  552. package/es/components/tile/tile.rtl.css.js +1 -1
  553. package/es/components/toggle/toggle.css.js +1 -1
  554. package/es/components/toggle/toggle.d.ts.map +1 -1
  555. package/es/components/toggle/toggle.js +2 -1
  556. package/es/components/toggle/toggle.js.map +1 -1
  557. package/es/components/toggle/toggle.rtl.css.js +1 -1
  558. package/es/components/toggle-tip/toggletip.css.js +1 -1
  559. package/es/components/toggle-tip/toggletip.js.map +1 -1
  560. package/es/components/toggle-tip/toggletip.rtl.css.js +1 -1
  561. package/es/components/tooltip/tooltip.css.js +1 -1
  562. package/es/components/tooltip/tooltip.d.ts +0 -1
  563. package/es/components/tooltip/tooltip.d.ts.map +1 -1
  564. package/es/components/tooltip/tooltip.js +3 -2
  565. package/es/components/tooltip/tooltip.js.map +1 -1
  566. package/es/components/tooltip/tooltip.rtl.css.js +1 -1
  567. package/es/components/ui-shell/header-global-action.d.ts +16 -1
  568. package/es/components/ui-shell/header-global-action.d.ts.map +1 -1
  569. package/es/components/ui-shell/header-global-action.js +92 -8
  570. package/es/components/ui-shell/header-global-action.js.map +1 -1
  571. package/es/components/ui-shell/header-menu-button.d.ts.map +1 -1
  572. package/es/components/ui-shell/header-menu-button.js +3 -9
  573. package/es/components/ui-shell/header-menu-button.js.map +1 -1
  574. package/es/components/ui-shell/header-menu-item.d.ts.map +1 -1
  575. package/es/components/ui-shell/header-menu-item.js +1 -1
  576. package/es/components/ui-shell/header-menu-item.js.map +1 -1
  577. package/es/components/ui-shell/header-menu.d.ts +1 -1
  578. package/es/components/ui-shell/header-menu.d.ts.map +1 -1
  579. package/es/components/ui-shell/header-menu.js +11 -17
  580. package/es/components/ui-shell/header-menu.js.map +1 -1
  581. package/es/components/ui-shell/header-name.d.ts.map +1 -1
  582. package/es/components/ui-shell/header-name.js +3 -8
  583. package/es/components/ui-shell/header-name.js.map +1 -1
  584. package/es/components/ui-shell/header-nav-item.d.ts +8 -0
  585. package/es/components/ui-shell/header-nav-item.d.ts.map +1 -1
  586. package/es/components/ui-shell/header-nav-item.js +32 -11
  587. package/es/components/ui-shell/header-nav-item.js.map +1 -1
  588. package/es/components/ui-shell/header-nav.d.ts.map +1 -1
  589. package/es/components/ui-shell/header-nav.js +2 -1
  590. package/es/components/ui-shell/header-nav.js.map +1 -1
  591. package/es/components/ui-shell/header.css.js +1 -1
  592. package/es/components/ui-shell/header.d.ts.map +1 -1
  593. package/es/components/ui-shell/header.js +1 -1
  594. package/es/components/ui-shell/header.js.map +1 -1
  595. package/es/components/ui-shell/header.rtl.css.js +1 -1
  596. package/es/components/ui-shell/index.d.ts +12 -11
  597. package/es/components/ui-shell/index.d.ts.map +1 -1
  598. package/es/components/ui-shell/index.js +12 -11
  599. package/es/components/ui-shell/index.js.map +1 -1
  600. package/es/components/ui-shell/side-nav-divider.d.ts.map +1 -1
  601. package/es/components/ui-shell/side-nav-divider.js +1 -1
  602. package/es/components/ui-shell/side-nav-divider.js.map +1 -1
  603. package/es/components/ui-shell/side-nav-items.d.ts.map +1 -1
  604. package/es/components/ui-shell/side-nav-items.js +1 -1
  605. package/es/components/ui-shell/side-nav-items.js.map +1 -1
  606. package/es/components/ui-shell/side-nav-link.d.ts +8 -0
  607. package/es/components/ui-shell/side-nav-link.d.ts.map +1 -1
  608. package/es/components/ui-shell/side-nav-link.js +33 -11
  609. package/es/components/ui-shell/side-nav-link.js.map +1 -1
  610. package/es/components/ui-shell/side-nav-menu-item.d.ts.map +1 -1
  611. package/es/components/ui-shell/side-nav-menu-item.js +3 -8
  612. package/es/components/ui-shell/side-nav-menu-item.js.map +1 -1
  613. package/es/components/ui-shell/side-nav-menu.d.ts.map +1 -1
  614. package/es/components/ui-shell/side-nav-menu.js +3 -13
  615. package/es/components/ui-shell/side-nav-menu.js.map +1 -1
  616. package/es/components/ui-shell/side-nav.css.js +1 -1
  617. package/es/components/ui-shell/side-nav.d.ts +5 -0
  618. package/es/components/ui-shell/side-nav.d.ts.map +1 -1
  619. package/es/components/ui-shell/side-nav.js +16 -2
  620. package/es/components/ui-shell/side-nav.js.map +1 -1
  621. package/es/components/ui-shell/side-nav.rtl.css.js +1 -1
  622. package/es/components/ui-shell/switcher-item.js.map +1 -1
  623. package/es/globals/decorators/carbon-element.d.ts +29 -0
  624. package/es/globals/decorators/carbon-element.d.ts.map +1 -0
  625. package/es/globals/decorators/carbon-element.js +67 -0
  626. package/es/globals/decorators/carbon-element.js.map +1 -0
  627. package/es/globals/decorators/host-listener.js.map +1 -1
  628. package/es/globals/directives/spread.d.ts +1 -1
  629. package/es/globals/directives/spread.d.ts.map +1 -1
  630. package/es/globals/directives/spread.js +1 -1
  631. package/es/globals/directives/spread.js.map +1 -1
  632. package/es/globals/internal/radio-group-manager.js +3 -4
  633. package/es/globals/internal/radio-group-manager.js.map +1 -1
  634. package/es/globals/internal/storybook-cdn.d.ts +1 -1
  635. package/es/globals/internal/storybook-cdn.d.ts.map +1 -1
  636. package/es/globals/internal/storybook-cdn.js +3 -3
  637. package/es/globals/internal/storybook-cdn.js.map +1 -1
  638. package/es/globals/mixins/focus.js.map +1 -1
  639. package/es/globals/mixins/form.js +6 -1
  640. package/es/globals/mixins/form.js.map +1 -1
  641. package/es/globals/mixins/host-listener.js.map +1 -1
  642. package/es/globals/mixins/temp-layout.css.js +12 -0
  643. package/es/globals/mixins/temp-layout.rtl.css.js +12 -0
  644. package/es/globals/mixins/validity.js +16 -0
  645. package/es/globals/mixins/validity.js.map +1 -1
  646. package/es/globals/wrappers/createReactCustomElementType.js +17 -0
  647. package/es/globals/wrappers/createReactCustomElementType.js.map +1 -1
  648. package/es/polyfills/toggle-class.js.map +1 -1
  649. package/lib/components/accordion/defs.js +1 -1
  650. package/lib/components/accordion/defs.js.map +1 -1
  651. package/lib/components/button/defs.js +1 -1
  652. package/lib/components/button/defs.js.map +1 -1
  653. package/lib/components/code-snippet/defs.js +1 -1
  654. package/lib/components/code-snippet/defs.js.map +1 -1
  655. package/lib/components/content-switcher/defs.js +1 -1
  656. package/lib/components/content-switcher/defs.js.map +1 -1
  657. package/lib/components/date-picker/defs.js +1 -1
  658. package/lib/components/date-picker/defs.js.map +1 -1
  659. package/lib/components/dropdown/defs.js +1 -1
  660. package/lib/components/dropdown/defs.js.map +1 -1
  661. package/lib/components/file-uploader/defs.js +1 -1
  662. package/lib/components/file-uploader/defs.js.map +1 -1
  663. package/lib/components/floating-menu/defs.js +1 -1
  664. package/lib/components/floating-menu/defs.js.map +1 -1
  665. package/lib/components/inline-loading/defs.js +1 -1
  666. package/lib/components/inline-loading/defs.js.map +1 -1
  667. package/lib/components/loading/defs.js +1 -1
  668. package/lib/components/loading/defs.js.map +1 -1
  669. package/lib/components/modal/defs.js +1 -1
  670. package/lib/components/modal/defs.js.map +1 -1
  671. package/lib/components/stack/defs.js.map +1 -1
  672. package/lib/globals/wrappers/createReactCustomElementType.js +16 -0
  673. package/lib/globals/wrappers/createReactCustomElementType.js.map +1 -1
  674. package/package.json +17 -16
  675. package/scss/components/accordion/accordion.scss +10 -5
  676. package/scss/components/breadcrumb/breadcrumb.scss +7 -0
  677. package/scss/components/button/button.scss +7 -2
  678. package/scss/components/code-snippet/code-snippet.scss +6 -8
  679. package/scss/components/combo-box/combo-box.scss +0 -10
  680. package/scss/components/content-switcher/content-switcher.scss +8 -21
  681. package/scss/components/copy-button/copy-button.scss +3 -3
  682. package/scss/components/data-table/_table-action.scss +4 -0
  683. package/scss/components/data-table/_table-core.scss +0 -2
  684. package/scss/components/data-table/data-table.scss +0 -1
  685. package/scss/components/date-picker/date-picker.scss +0 -3
  686. package/scss/components/dropdown/dropdown.scss +1 -2
  687. package/scss/components/file-uploader/file-uploader.scss +3 -5
  688. package/scss/components/icon-button/icon-button.scss +5 -0
  689. package/scss/components/inline-loading/inline-loading.scss +0 -3
  690. package/scss/components/modal/modal.scss +1 -4
  691. package/scss/components/multi-select/multi-select.scss +0 -3
  692. package/scss/components/notification/actionable-notification.scss +69 -24
  693. package/scss/components/notification/inline-notification.scss +76 -25
  694. package/scss/components/notification/toast-notification.scss +43 -27
  695. package/scss/components/number-input/number-input.scss +0 -3
  696. package/scss/components/overflow-menu/overflow-menu.scss +8 -3
  697. package/scss/components/pagination/pagination.scss +8 -3
  698. package/scss/components/popover/popover.scss +4 -2
  699. package/scss/components/progress-bar/progress-bar.scss +0 -5
  700. package/scss/components/progress-indicator/progress-indicator.scss +0 -3
  701. package/scss/components/radio-button/radio-button.scss +24 -1
  702. package/scss/components/search/search.scss +33 -3
  703. package/scss/components/select/select.scss +0 -3
  704. package/scss/components/slider/slider.scss +2 -3
  705. package/scss/components/structured-list/structured-list.scss +0 -5
  706. package/scss/components/tag/tag.scss +10 -5
  707. package/scss/components/text-input/text-input.scss +2 -2
  708. package/scss/components/textarea/textarea.scss +0 -3
  709. package/scss/components/tile/tile.scss +7 -8
  710. package/scss/components/tooltip/tooltip.scss +4 -4
  711. package/scss/components/ui-shell/header.scss +13 -3
  712. package/scss/components/ui-shell/side-nav.scss +0 -5
  713. package/scss/globals/mixins/temp-layout.scss +36 -0
package/es/components/search/search.rtl.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:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.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}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset 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--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;right:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{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%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;right:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.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--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 1rem .5rem 2.5rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--search,:host(cds-search){position:relative;display:flex;width:100%;align-items:center}.cds--search .cds--label,:host(cds-search) .cds--label{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--search-input{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);outline:2px solid transparent;outline-offset:-2px;width:100%;order:1;padding:0 2.5rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);color:var(--cds-text-primary,#161616);text-overflow:ellipsis;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9)}.cds--search-input *,.cds--search-input ::after,.cds--search-input ::before{box-sizing:inherit}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input[disabled]{border-bottom:1px solid transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--light .cds--search-close::before{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(:host(cds-search[expandable][expanded]cds-search[expandable].cds--search--sm)) .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{right:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,:host(:host(cds-search[expandable][expanded]cds-search[expandable].cds--search--md)) .cds--search-input,:host(cds-search-skeleton[size=md]) .cds--search-input,:host(cds-search[size=md]) .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search-skeleton[size=md]) .cds--search-magnifier-icon,:host(cds-search[size=md]) .cds--search-magnifier-icon{right:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(:host(cds-search[expandable][expanded]cds-search[expandable].cds--search--lg)) .cds--search-input,:host(cds-search-skeleton[size=lg]) .cds--search-input,:host(cds-search[size=lg]) .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{position:absolute;z-index:2;top:50%;right:1rem;width:1rem;height:1rem;fill:var(--cds-icon-secondary,#525252);pointer-events:none;transform:translateY(-50%)}.cds--search-close{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;outline:2px solid transparent;outline-offset:-2px;position:absolute;top:0;left:0}.cds--search-close *,.cds--search-close ::after,.cds--search-close ::before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close::before{position:absolute;top:.0625rem;right:0;display:block;width:2px;height:calc(100% - 2px);background-color:var(--cds-field);content:\"\";transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close::before{transition:none}}.cds--search-close:hover{border-bottom:1px solid var(--cds-border-strong)}.cds--search-close:hover::before{background-color:var(--cds-field-hover)}.cds--search-button{flex-shrink:0;margin-right:.125rem;background-color:var(--cds-field)}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-width:1px 0;border-style:solid;border-color:transparent;cursor:pointer;fill:var(--cds-icon-primary,#161616);opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background-color:var(--cds-background-selected,rgba(141,141,141,.2))}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable].cds--search--disabled) .cds--search-magnifier{cursor:not-allowed;outline:0}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable].cds--search--disabled) .cds--search-magnifier:hover{border-bottom-color:transparent;background-color:transparent}.cds--search--disabled .cds--search-close:hover::before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before,:host(cds-search[expandable].cds--search--disabled) .cds--search-magnifier:hover::before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active::before,.cds--search-close:focus::before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])),:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])) .cds--search-magnifier,:host(:host(cds-search[expandable]cds-search[size=sm])),:host(:host(cds-search[expandable]cds-search[size=sm])) .cds--search-magnifier,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search-skeleton[size=sm].cds--search--expandable),:host(cds-search-skeleton[size=sm].cds--search--expandable) .cds--search-magnifier,:host(cds-search[expandable].cds--search--sm),:host(cds-search[expandable].cds--search--sm) .cds--search-magnifier,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button,:host(cds-search[size=sm].cds--search--expandable),:host(cds-search[size=sm].cds--search--expandable) .cds--search-magnifier{width:2rem;height:2rem}.cds--search--expandable:host(cds-search-skeleton[size=sm]) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search[size=sm]) .cds--search-input::-moz-placeholder,.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--sm:host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search-skeleton[size=sm]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[size=sm]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])) .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search[size=sm])) .cds--search-input::placeholder,:host(cds-search-skeleton[size=sm].cds--search--expandable) .cds--search-input::placeholder,:host(cds-search[expandable].cds--search--sm) .cds--search-input::placeholder,:host(cds-search[size=sm].cds--search--expandable) .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(:host(cds-search[expandable]cds-search-skeleton[size=md])),:host(:host(cds-search[expandable]cds-search-skeleton[size=md])) .cds--search-magnifier,:host(:host(cds-search[expandable]cds-search[size=md])),:host(:host(cds-search[expandable]cds-search[size=md])) .cds--search-magnifier,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search-skeleton[size=md].cds--search--expandable),:host(cds-search-skeleton[size=md].cds--search--expandable) .cds--search-magnifier,:host(cds-search[expandable].cds--search--md),:host(cds-search[expandable].cds--search--md) .cds--search-magnifier,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md])~.cds--search-button,:host(cds-search[size=md].cds--search--expandable),:host(cds-search[size=md].cds--search--expandable) .cds--search-magnifier{width:2.5rem;height:2.5rem}.cds--search--expandable:host(cds-search-skeleton[size=md]) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search[size=md]) .cds--search-input::-moz-placeholder,.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--md:host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search-skeleton[size=md]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[size=md]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=md])) .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search[size=md])) .cds--search-input::placeholder,:host(cds-search-skeleton[size=md].cds--search--expandable) .cds--search-input::placeholder,:host(cds-search[expandable].cds--search--md) .cds--search-input::placeholder,:host(cds-search[size=md].cds--search--expandable) .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])),:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])) .cds--search-magnifier,:host(:host(cds-search[expandable]cds-search[size=lg])),:host(:host(cds-search[expandable]cds-search[size=lg])) .cds--search-magnifier,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search-skeleton[size=lg].cds--search--expandable),:host(cds-search-skeleton[size=lg].cds--search--expandable) .cds--search-magnifier,:host(cds-search[expandable].cds--search--lg),:host(cds-search[expandable].cds--search--lg) .cds--search-magnifier,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg])~.cds--search-button,:host(cds-search[size=lg].cds--search--expandable),:host(cds-search[size=lg].cds--search--expandable) .cds--search-magnifier{width:3rem;height:3rem}.cds--search--expandable:host(cds-search-skeleton[size=lg]) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search[size=lg]) .cds--search-input::-moz-placeholder,.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--lg:host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search-skeleton[size=lg]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[size=lg]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])) .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search[size=lg])) .cds--search-input::placeholder,:host(cds-search-skeleton[size=lg].cds--search--expandable) .cds--search-input::placeholder,:host(cds-search[expandable].cds--search--lg) .cds--search-input::placeholder,:host(cds-search[size=lg].cds--search--expandable) .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input,:host(cds-search[size=lg].cds--skeleton) .cds--search-input,:host(cds-search[size=md].cds--skeleton) .cds--search-input,:host(cds-search[size=sm].cds--skeleton) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input:active,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input:focus,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input:hover,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input:active,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input:focus,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input:hover,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input:active,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input:focus,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input:hover,:host(cds-search[size=lg].cds--skeleton) .cds--search-input:active,:host(cds-search[size=lg].cds--skeleton) .cds--search-input:focus,:host(cds-search[size=lg].cds--skeleton) .cds--search-input:hover,:host(cds-search[size=md].cds--skeleton) .cds--search-input:active,:host(cds-search[size=md].cds--skeleton) .cds--search-input:focus,:host(cds-search[size=md].cds--skeleton) .cds--search-input:hover,:host(cds-search[size=sm].cds--skeleton) .cds--search-input:active,:host(cds-search[size=sm].cds--skeleton) .cds--search-input:focus,:host(cds-search[size=sm].cds--skeleton) .cds--search-input:hover{border:none;cursor:default;outline:0}.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input::before,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input::before,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input::before,:host(cds-search[size=lg].cds--skeleton) .cds--search-input::before,:host(cds-search[size=md].cds--skeleton) .cds--search-input::before,:host(cds-search[size=sm].cds--skeleton) .cds--search-input::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--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input::before,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input::before,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input::before,:host(cds-search[size=lg].cds--skeleton) .cds--search-input::before,:host(cds-search[size=md].cds--skeleton) .cds--search-input::before,:host(cds-search[size=sm].cds--skeleton) .cds--search-input::before{animation:none}}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search-skeleton[size=lg]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search-skeleton[size=md]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search-skeleton[size=sm]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search[size=lg]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search[size=md]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search[size=sm]) .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input::placeholder,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input::placeholder,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input::placeholder,:host(cds-search[size=lg].cds--skeleton) .cds--search-input::placeholder,:host(cds-search[size=md].cds--skeleton) .cds--search-input::placeholder,:host(cds-search[size=sm].cds--skeleton) .cds--search-input::placeholder{color:transparent}.cds--search--expandable,:host(cds-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded,:host(:host(cds-search[expandable][expanded]cds-search[expandable])),:host(cds-search[expandable].cds--search--expanded){width:100%}.cds--search--expandable .cds--search-input,:host(cds-search[expandable]) .cds--search-input{width:0;padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms}.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search[expandable]) .cds--search-input::-moz-placeholder{position:relative;opacity:0;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder,:host(cds-search[expandable]) .cds--search-input::placeholder{position:relative;opacity:0;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-input,:host(cds-search[expandable].cds--search--expanded) .cds--search-input{width:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder,.cds--search--expanded:host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search[expandable][expanded]) .cds--search-input::-moz-placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-input::placeholder,:host(cds-search[expandable].cds--search--expanded) .cds--search-input::placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable]) .cds--search-magnifier{position:absolute;cursor:pointer}.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable]) .cds--search-magnifier:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-magnifier,:host(cds-search[expandable].cds--search--expanded) .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon,:host(cds-search[expandable]) .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-magnifier-icon,:host(cds-search[expandable].cds--search--expanded) .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg,:host(cds-search[expandable].cds--search--disabled) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--search-close svg,.cds--search-magnifier-icon{fill:ButtonText}}.cds--search,:host(cds-search){position:relative;display:flex;width:100%;align-items:center}.cds--search .cds--label,:host(cds-search) .cds--label{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--search-input{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);outline:2px solid transparent;outline-offset:-2px;width:100%;order:1;padding:0 2.5rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);color:var(--cds-text-primary,#161616);text-overflow:ellipsis;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9)}.cds--search-input *,.cds--search-input ::after,.cds--search-input ::before{box-sizing:inherit}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input[disabled]{border-bottom:1px solid transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--light .cds--search-close::before{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search[expandable][expanded].cds--search--sm.cds--search--expandable) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{right:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=md]) .cds--search-input,:host(cds-search[expandable][expanded].cds--search--md.cds--search--expandable) .cds--search-input,:host(cds-search[size=md]) .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search-skeleton[size=md]) .cds--search-magnifier-icon,:host(cds-search[size=md]) .cds--search-magnifier-icon{right:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=lg]) .cds--search-input,:host(cds-search[expandable][expanded].cds--search--lg.cds--search--expandable) .cds--search-input,:host(cds-search[size=lg]) .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{position:absolute;z-index:2;top:50%;right:1rem;width:1rem;height:1rem;fill:var(--cds-icon-secondary,#525252);pointer-events:none;transform:translateY(-50%)}.cds--search-close{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;outline:2px solid transparent;outline-offset:-2px;position:absolute;top:0;left:0}.cds--search-close *,.cds--search-close ::after,.cds--search-close ::before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close::before{position:absolute;top:.0625rem;right:0;display:block;width:2px;height:calc(100% - 2px);background-color:var(--cds-field);content:\"\";transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close::before{transition:none}}.cds--search-close:hover{border-bottom:1px solid var(--cds-border-strong)}.cds--search-close:hover::before{background-color:var(--cds-field-hover)}.cds--search-button{flex-shrink:0;margin-right:.125rem;background-color:var(--cds-field)}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-width:1px 0;border-style:solid;border-color:transparent;cursor:pointer;fill:var(--cds-icon-primary,#161616);opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background-color:var(--cds-background-selected,rgba(141,141,141,.2))}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable].cds--search--disabled) .cds--search-magnifier{cursor:not-allowed;outline:0}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable].cds--search--disabled) .cds--search-magnifier:hover{border-bottom-color:transparent;background-color:transparent}.cds--search--disabled .cds--search-close:hover::before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before,:host(cds-search[expandable].cds--search--disabled) .cds--search-magnifier:hover::before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active::before,.cds--search-close:focus::before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(:host(cds-search-skeleton[size=sm]cds-search[expandable])),:host(:host(cds-search-skeleton[size=sm]cds-search[expandable])) .cds--search-magnifier,:host(:host(cds-search[size=sm]cds-search[expandable])),:host(:host(cds-search[size=sm]cds-search[expandable])) .cds--search-magnifier,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search-skeleton[size=sm].cds--search--expandable),:host(cds-search-skeleton[size=sm].cds--search--expandable) .cds--search-magnifier,:host(cds-search[expandable].cds--search--sm),:host(cds-search[expandable].cds--search--sm) .cds--search-magnifier,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button,:host(cds-search[size=sm].cds--search--expandable),:host(cds-search[size=sm].cds--search--expandable) .cds--search-magnifier{width:2rem;height:2rem}.cds--search--expandable:host(cds-search-skeleton[size=sm]) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search[size=sm]) .cds--search-input::-moz-placeholder,.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--sm:host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search-skeleton[size=sm]) .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search[size=sm]) .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search-skeleton[size=sm]cds-search[expandable])) .cds--search-input::placeholder,:host(:host(cds-search[size=sm]cds-search[expandable])) .cds--search-input::placeholder,:host(cds-search-skeleton[size=sm].cds--search--expandable) .cds--search-input::placeholder,:host(cds-search[expandable].cds--search--sm) .cds--search-input::placeholder,:host(cds-search[size=sm].cds--search--expandable) .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(:host(cds-search-skeleton[size=md]cds-search[expandable])),:host(:host(cds-search-skeleton[size=md]cds-search[expandable])) .cds--search-magnifier,:host(:host(cds-search[size=md]cds-search[expandable])),:host(:host(cds-search[size=md]cds-search[expandable])) .cds--search-magnifier,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search-skeleton[size=md].cds--search--expandable),:host(cds-search-skeleton[size=md].cds--search--expandable) .cds--search-magnifier,:host(cds-search[expandable].cds--search--md),:host(cds-search[expandable].cds--search--md) .cds--search-magnifier,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md])~.cds--search-button,:host(cds-search[size=md].cds--search--expandable),:host(cds-search[size=md].cds--search--expandable) .cds--search-magnifier{width:2.5rem;height:2.5rem}.cds--search--expandable:host(cds-search-skeleton[size=md]) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search[size=md]) .cds--search-input::-moz-placeholder,.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--md:host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search-skeleton[size=md]) .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search[size=md]) .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search-skeleton[size=md]cds-search[expandable])) .cds--search-input::placeholder,:host(:host(cds-search[size=md]cds-search[expandable])) .cds--search-input::placeholder,:host(cds-search-skeleton[size=md].cds--search--expandable) .cds--search-input::placeholder,:host(cds-search[expandable].cds--search--md) .cds--search-input::placeholder,:host(cds-search[size=md].cds--search--expandable) .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(:host(cds-search-skeleton[size=lg]cds-search[expandable])),:host(:host(cds-search-skeleton[size=lg]cds-search[expandable])) .cds--search-magnifier,:host(:host(cds-search[size=lg]cds-search[expandable])),:host(:host(cds-search[size=lg]cds-search[expandable])) .cds--search-magnifier,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search-skeleton[size=lg].cds--search--expandable),:host(cds-search-skeleton[size=lg].cds--search--expandable) .cds--search-magnifier,:host(cds-search[expandable].cds--search--lg),:host(cds-search[expandable].cds--search--lg) .cds--search-magnifier,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg])~.cds--search-button,:host(cds-search[size=lg].cds--search--expandable),:host(cds-search[size=lg].cds--search--expandable) .cds--search-magnifier{width:3rem;height:3rem}.cds--search--expandable:host(cds-search-skeleton[size=lg]) .cds--search-input::-moz-placeholder,.cds--search--expandable:host(cds-search[size=lg]) .cds--search-input::-moz-placeholder,.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder,.cds--search--lg:host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search-skeleton[size=lg]) .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search[size=lg]) .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search-skeleton[size=lg]cds-search[expandable])) .cds--search-input::placeholder,:host(:host(cds-search[size=lg]cds-search[expandable])) .cds--search-input::placeholder,:host(cds-search-skeleton[size=lg].cds--search--expandable) .cds--search-input::placeholder,:host(cds-search[expandable].cds--search--lg) .cds--search-input::placeholder,:host(cds-search[size=lg].cds--search--expandable) .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input,:host(cds-search[size=lg].cds--skeleton) .cds--search-input,:host(cds-search[size=md].cds--skeleton) .cds--search-input,:host(cds-search[size=sm].cds--skeleton) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input:active,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input:focus,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input:hover,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input:active,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input:focus,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input:hover,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input:active,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input:focus,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input:hover,:host(cds-search[size=lg].cds--skeleton) .cds--search-input:active,:host(cds-search[size=lg].cds--skeleton) .cds--search-input:focus,:host(cds-search[size=lg].cds--skeleton) .cds--search-input:hover,:host(cds-search[size=md].cds--skeleton) .cds--search-input:active,:host(cds-search[size=md].cds--skeleton) .cds--search-input:focus,:host(cds-search[size=md].cds--skeleton) .cds--search-input:hover,:host(cds-search[size=sm].cds--skeleton) .cds--search-input:active,:host(cds-search[size=sm].cds--skeleton) .cds--search-input:focus,:host(cds-search[size=sm].cds--skeleton) .cds--search-input:hover{border:none;cursor:default;outline:0}.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input::before,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input::before,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input::before,:host(cds-search[size=lg].cds--skeleton) .cds--search-input::before,:host(cds-search[size=md].cds--skeleton) .cds--search-input::before,:host(cds-search[size=sm].cds--skeleton) .cds--search-input::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--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input::before,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input::before,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input::before,:host(cds-search[size=lg].cds--skeleton) .cds--search-input::before,:host(cds-search[size=md].cds--skeleton) .cds--search-input::before,:host(cds-search[size=sm].cds--skeleton) .cds--search-input::before{animation:none}}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search-skeleton[size=lg]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search-skeleton[size=md]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search-skeleton[size=sm]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search[size=lg]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search[size=md]) .cds--search-input::-moz-placeholder,.cds--skeleton:host(cds-search[size=sm]) .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder,:host(cds-search-skeleton[size=lg].cds--skeleton) .cds--search-input::placeholder,:host(cds-search-skeleton[size=md].cds--skeleton) .cds--search-input::placeholder,:host(cds-search-skeleton[size=sm].cds--skeleton) .cds--search-input::placeholder,:host(cds-search[size=lg].cds--skeleton) .cds--search-input::placeholder,:host(cds-search[size=md].cds--skeleton) .cds--search-input::placeholder,:host(cds-search[size=sm].cds--skeleton) .cds--search-input::placeholder{color:transparent}.cds--search--expandable,:host(cds-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded,:host(:host(cds-search[expandable][expanded]cds-search[expandable])),:host(cds-search[expandable].cds--search--expanded){width:100%}.cds--search--expandable .cds--search-input,:host(cds-search[expandable]) .cds--search-input{width:0;padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms}.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search[expandable]) .cds--search-input::-moz-placeholder{position:relative;opacity:0;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder,:host(cds-search[expandable]) .cds--search-input::placeholder{position:relative;opacity:0;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-input,:host(cds-search[expandable].cds--search--expanded) .cds--search-input{width:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder,.cds--search--expanded:host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search[expandable][expanded]) .cds--search-input::-moz-placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-input::placeholder,:host(cds-search[expandable].cds--search--expanded) .cds--search-input::placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable]) .cds--search-magnifier{position:absolute;cursor:pointer}.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable]) .cds--search-magnifier:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-magnifier,:host(cds-search[expandable].cds--search--expanded) .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon,:host(cds-search[expandable]) .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-magnifier-icon,:host(cds-search[expandable].cds--search--expanded) .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg,:host(cds-search[expandable].cds--search--disabled) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--search-close svg,.cds--search-magnifier-icon{fill:ButtonText}}:host(cds-search){--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);outline:0}:host(cds-search[expandable][expanded][size=sm]) .cds--search-input{padding:0 2rem}:host(cds-search[expandable][expanded][size=md]) .cds--search-input{padding:0 2.5rem}:host(cds-search[expandable][expanded][size=lg]) .cds--search-input{padding:0 3rem}:host(cds-search[disabled]) svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}:host(cds-search[disabled]) .cds--search-close{pointer-events:none;outline:0}:host(cds-search[disabled]) .cds--search-close::before{background:0 0}:host(cds-search-skeleton){width:100%}:host(cds-search-skeleton) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}:host(cds-search-skeleton) .cds--search-input:active,:host(cds-search-skeleton) .cds--search-input:focus,:host(cds-search-skeleton) .cds--search-input:hover{border:none;cursor:default;outline:0}:host(cds-search-skeleton) .cds--search-input::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){:host(cds-search-skeleton) .cds--search-input::before{animation:none}}:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}:host(cds-search-skeleton) .cds--search-input::placeholder{color:transparent}",
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:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}: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)}.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}: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)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset ::after,.cds--fieldset ::before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;right:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{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%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;right:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.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--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 1rem .5rem 2.5rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));--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));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);outline:2px solid transparent;outline-offset:-2px;width:100%;height:var(--cds-layout-size-height-local);padding:0 var(--cds-layout-density-padding-inline-local);border:none;border-bottom:1px solid var(--cds-border-strong);background-color:var(--cds-field);color:var(--cds-text-primary,#161616);font-family:inherit;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input *,.cds--text-input ::after,.cds--text-input ::before{box-sizing:inherit}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-left:2.5rem}.cds--text-input--sm.cds--password-input{padding-left:2rem}.cds--text-input--lg.cds--password-input{padding-left:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{position:relative;display:flex;width:100%}.cds--text-input__invalid-icon{position:absolute;top:50%;left:1rem;fill:var(--cds-support-error,#da1e28);transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{position:relative;display:inline-flex;overflow:visible;align-items:center;cursor:pointer}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{position:absolute;z-index:6000;display:flex;align-items:center;opacity:0;pointer-events:none}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{display:inline-block}}.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y::after,.cds--text-input--password__visibility.cds--tooltip--a11y::before{transition:none}.cds--text-input--password__visibility::before{width:0;height:0;border-style:solid;content:\"\"}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{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:right;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)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{width:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{width:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{width:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{border:1px solid transparent}}.cds--text-input--password__visibility::after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y::after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible::after,.cds--text-input--password__visibility.cds--tooltip--visible::before,.cds--text-input--password__visibility:focus::after,.cds--text-input--password__visibility:focus::before,.cds--text-input--password__visibility:hover::after,.cds--text-input--password__visibility:hover::before{opacity:1}@keyframes tooltip-fade{from{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{overflow:visible;margin:auto;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y::before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y::before{animation:tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{overflow:hidden;margin:-1px;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y::before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text::after{position:absolute;display:block;content:\"\";right:0;width:100%;height:.75rem;top:-.75rem}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after,.cds--text-input--password__visibility::before{bottom:0;right:50%}.cds--text-input--password__visibility::before{bottom:-.5rem;border-width:0 .25rem .3125rem .25rem;border-color:transparent transparent var(--cds-background-inverse,#393939) transparent;transform:translate(50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility::after{bottom:-.8125rem;transform:translate(50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{outline:2px solid transparent;outline-offset:-2px;position:absolute;left:0;display:flex;width:2.5rem;height:100%;min-height:auto;align-items:center;justify-content:center;padding:0;border:0;background:0 0;cursor:pointer;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{width:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{width:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:ButtonText}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg,.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--text-input--invalid,.cds--text-input--warning{padding-left:2.5rem}.cds--text-input--invalid.cds--password-input{padding-left:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{left:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{left:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--text-input__counter-alert{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0)}.cds--text-input:disabled{outline:2px solid transparent;outline-offset:-2px;border-bottom:1px solid transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed;-webkit-text-fill-color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,rgba(22,22,22,.25));opacity:1}.cds--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px;box-shadow:none}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{left:2.5rem}.cds--skeleton.cds--text-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:0}.cds--skeleton.cds--text-input::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--skeleton.cds--text-input::before{animation:none}}.cds--form--fluid .cds--text-input-wrapper{position:relative;background:var(--cds-field);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{position:absolute;z-index:1;top:.8125rem;right:1rem;display:flex;height:1rem;align-items:center;margin:0}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{min-height:4rem;padding:2rem 1rem .8125rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-bottom:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{display:block;border-style:solid;border-color:var(--cds-border-subtle);border-bottom:none;margin:0 1rem}.cds--form--fluid .cds--text-input__invalid-icon{top:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:0}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-bottom:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:0}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-top:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-top:1.0625rem}.cds--text-input__label-helper-wrapper{max-width:8rem;flex:2;flex-direction:column;margin-left:1.5rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-top:.125rem}.cds--text-input__field-outer-wrapper{display:flex;width:100%;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{border-bottom-color:var(--cds-border-subtle);background:0 0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:ButtonText}}.cds--text-input__label-wrapper{display:flex;width:100%;justify-content:space-between}.cds--text-input__label-wrapper .cds--text-input__label-counter{align-self:end}.cds--search,:host(cds-search){position:relative;display:flex;width:100%;align-items:center}.cds--search .cds--label,:host(cds-search) .cds--label{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--search-input{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);outline:2px solid transparent;outline-offset:-2px;width:100%;order:1;padding:0 2.5rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);color:var(--cds-text-primary,#161616);text-overflow:ellipsis;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9)}.cds--search-input *,.cds--search-input ::after,.cds--search-input ::before{box-sizing:inherit}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input[disabled]{border-bottom:1px solid transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--light .cds--search-close::before{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{right:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=md]) .cds--search-input,:host(cds-search[size=md]) .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search-skeleton[size=md]) .cds--search-magnifier-icon,:host(cds-search[size=md]) .cds--search-magnifier-icon{right:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=lg]) .cds--search-input,:host(cds-search[size=lg]) .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:2;top:50%;right:1rem;width:1rem;height:1rem;fill:var(--cds-icon-secondary,#525252);pointer-events:none;transform:translateY(-50%)}.cds--search-magnifier-icon *,.cds--search-magnifier-icon ::after,.cds--search-magnifier-icon ::before{box-sizing:inherit}.cds--search-close{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;outline:2px solid transparent;outline-offset:-2px;position:absolute;top:0;left:0}.cds--search-close *,.cds--search-close ::after,.cds--search-close ::before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close::before{position:absolute;top:.0625rem;right:0;display:block;width:2px;height:calc(100% - 2px);background-color:var(--cds-field);content:\"\";transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close::before{transition:none}}.cds--search-close:hover{border-bottom:1px solid var(--cds-border-strong)}.cds--search-close:hover::before{background-color:var(--cds-field-hover)}.cds--search-button{flex-shrink:0;margin-right:.125rem;background-color:var(--cds-field)}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-width:1px 0;border-style:solid;border-color:transparent;cursor:pointer;fill:var(--cds-icon-primary,#161616);opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background-color:var(--cds-background-selected,rgba(141,141,141,.2))}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier{cursor:not-allowed;outline:0}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover{border-bottom-color:transparent;background-color:transparent}.cds--search--disabled .cds--search-close:hover::before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active::before,.cds--search-close:focus::before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])),:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])) .cds--search-magnifier,:host(:host(cds-search[expandable]cds-search[size=sm])),:host(:host(cds-search[expandable]cds-search[size=sm])) .cds--search-magnifier,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button{width:2rem;height:2rem}.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search-skeleton[size=sm]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[size=sm]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=sm])) .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search[size=sm])) .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(:host(cds-search[expandable]cds-search-skeleton[size=md])),:host(:host(cds-search[expandable]cds-search-skeleton[size=md])) .cds--search-magnifier,:host(:host(cds-search[expandable]cds-search[size=md])),:host(:host(cds-search[expandable]cds-search[size=md])) .cds--search-magnifier,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md])~.cds--search-button{width:2.5rem;height:2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search-skeleton[size=md]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[size=md]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=md])) .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search[size=md])) .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])),:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])) .cds--search-magnifier,:host(:host(cds-search[expandable]cds-search[size=lg])),:host(:host(cds-search[expandable]cds-search[size=lg])) .cds--search-magnifier,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg])~.cds--search-button{width:3rem;height:3rem}.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search-skeleton[size=lg]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder,:host(cds-search[size=lg]):host(cds-search[expandable]) .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search-skeleton[size=lg])) .cds--search-input::placeholder,:host(:host(cds-search[expandable]cds-search[size=lg])) .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover{border:none;cursor:default;outline:0}.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::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--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before{animation:none}}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder{color:transparent}.cds--search--expandable,:host(cds-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded,:host(:host(cds-search[expandable][expanded]cds-search[expandable])){width:100%}.cds--search--expandable .cds--search-input,:host(cds-search[expandable]) .cds--search-input{width:0;padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms}.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search[expandable]) .cds--search-input::-moz-placeholder{position:relative;opacity:0;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder,:host(cds-search[expandable]) .cds--search-input::placeholder{position:relative;opacity:0;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-input{width:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder,:host(cds-search[expandable]):host(cds-search[expandable][expanded]) .cds--search-input::-moz-placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-input::placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable]) .cds--search-magnifier{position:absolute;cursor:pointer}.cds--search--expandable .cds--search-magnifier:focus,:host(cds-search[expandable]) .cds--search-magnifier:focus{outline:2px solid var(--cds-focus,#0f62fe)}.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable]) .cds--search-magnifier:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon,:host(cds-search[expandable]) .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon,:host(:host(cds-search[expandable][expanded]cds-search[expandable])) .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--search-close svg,.cds--search-magnifier-icon{fill:ButtonText}}.cds--search,:host(cds-search){position:relative;display:flex;width:100%;align-items:center}.cds--search .cds--label,:host(cds-search) .cds--label{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--search-input{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);outline:2px solid transparent;outline-offset:-2px;width:100%;order:1;padding:0 2.5rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);color:var(--cds-text-primary,#161616);text-overflow:ellipsis;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9)}.cds--search-input *,.cds--search-input ::after,.cds--search-input ::before{box-sizing:inherit}.cds--search-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus{outline-style:dotted}}.cds--search-input::-moz-placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::placeholder{color:var(--cds-text-placeholder,rgba(22,22,22,.4));opacity:1}.cds--search-input::-ms-clear{display:none}.cds--search-input[disabled]{border-bottom:1px solid transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--search-input[disabled]::-moz-placeholder{color:var(--cds-field)}.cds--search-input[disabled]::placeholder{color:var(--cds-field)}.cds--search--light .cds--search-input{background:var(--cds-field-02,#fff)}.cds--search--light .cds--search-close::before{background:var(--cds-field-02,#fff)}.cds--search--sm .cds--search-input,.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=sm]) .cds--search-input,:host(cds-search[size=sm]) .cds--search-input{height:2rem;padding:0 2rem}.cds--search--sm .cds--search-magnifier-icon,:host(cds-search-skeleton[size=sm]) .cds--search-magnifier-icon,:host(cds-search[size=sm]) .cds--search-magnifier-icon{right:.5rem}.cds--search--md .cds--search-input,.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=md]) .cds--search-input,:host(cds-search[size=md]) .cds--search-input{height:2.5rem;padding:0 2.5rem}.cds--search--md .cds--search-magnifier-icon,:host(cds-search-skeleton[size=md]) .cds--search-magnifier-icon,:host(cds-search[size=md]) .cds--search-magnifier-icon{right:.75rem}.cds--search--lg .cds--search-input,.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input,:host(cds-search-skeleton[size=lg]) .cds--search-input,:host(cds-search[size=lg]) .cds--search-input{height:3rem;padding:0 3rem}.cds--search-magnifier-icon{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:2;top:50%;right:1rem;width:1rem;height:1rem;fill:var(--cds-icon-secondary,#525252);pointer-events:none;transform:translateY(-50%)}.cds--search-magnifier-icon *,.cds--search-magnifier-icon ::after,.cds--search-magnifier-icon ::before{box-sizing:inherit}.cds--search-close{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;outline:2px solid transparent;outline-offset:-2px;position:absolute;top:0;left:0}.cds--search-close *,.cds--search-close ::after,.cds--search-close ::before{box-sizing:inherit}.cds--search-close::-moz-focus-inner{border:0}.cds--search-close::before{position:absolute;top:.0625rem;right:0;display:block;width:2px;height:calc(100% - 2px);background-color:var(--cds-field);content:\"\";transition:background-color 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--search-close::before{transition:none}}.cds--search-close:hover{border-bottom:1px solid var(--cds-border-strong)}.cds--search-close:hover::before{background-color:var(--cds-field-hover)}.cds--search-button{flex-shrink:0;margin-right:.125rem;background-color:var(--cds-field)}.cds--search-button svg{fill:currentColor;vertical-align:middle}.cds--search-close svg{fill:inherit}.cds--search-button,.cds--search-close{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-width:1px 0;border-style:solid;border-color:transparent;cursor:pointer;fill:var(--cds-icon-primary,#161616);opacity:1;transition:opacity 110ms cubic-bezier(.2,0,.38,.9),background-color 110ms cubic-bezier(.2,0,.38,.9),outline 110ms cubic-bezier(.2,0,.38,.9),border 110ms cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--search-button:hover,.cds--search-close:hover{background-color:var(--cds-field-hover)}.cds--search-button:focus,.cds--search-close:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-button:focus,.cds--search-close:focus{outline-style:dotted}}.cds--search-button:active,.cds--search-close:active{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;background-color:var(--cds-background-selected,rgba(141,141,141,.2))}@media screen and (prefers-contrast){.cds--search-button:active,.cds--search-close:active{outline-style:dotted}}.cds--search--disabled .cds--search-close,.cds--search--disabled.cds--search--expandable .cds--search-magnifier{cursor:not-allowed;outline:0}.cds--search--disabled .cds--search-close:hover,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover{border-bottom-color:transparent;background-color:transparent}.cds--search--disabled .cds--search-close:hover::before,.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before{background-color:transparent}.cds--search--disabled svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--search-close:active::before,.cds--search-close:focus::before{background-color:var(--cds-focus,#0f62fe)}.cds--search-input:focus~.cds--search-close:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--search-input:focus~.cds--search-close:hover{outline-style:dotted}}.cds--search--sm .cds--search-close,.cds--search--sm.cds--search--expandable,.cds--search--sm.cds--search--expandable .cds--search-magnifier,.cds--search--sm~.cds--search-button,:host(cds-search-skeleton[size=sm]) .cds--search-close,:host(cds-search-skeleton[size=sm])~.cds--search-button,:host(cds-search[size=sm]) .cds--search-close,:host(cds-search[size=sm])~.cds--search-button{width:2rem;height:2rem}.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2rem}.cds--search--sm.cds--search--expandable .cds--search-input::placeholder{padding:0 2rem}.cds--search--md .cds--search-close,.cds--search--md.cds--search--expandable,.cds--search--md.cds--search--expandable .cds--search-magnifier,.cds--search--md~.cds--search-button,:host(cds-search-skeleton[size=md]) .cds--search-close,:host(cds-search-skeleton[size=md])~.cds--search-button,:host(cds-search[size=md]) .cds--search-close,:host(cds-search[size=md])~.cds--search-button{width:2.5rem;height:2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 2.5rem}.cds--search--md.cds--search--expandable .cds--search-input::placeholder{padding:0 2.5rem}.cds--search--lg .cds--search-close,.cds--search--lg.cds--search--expandable,.cds--search--lg.cds--search--expandable .cds--search-magnifier,.cds--search--lg~.cds--search-button,:host(cds-search-skeleton[size=lg]) .cds--search-close,:host(cds-search-skeleton[size=lg])~.cds--search-button,:host(cds-search[size=lg]) .cds--search-close,:host(cds-search[size=lg])~.cds--search-button{width:3rem;height:3rem}.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder{padding:0 3rem}.cds--search--lg.cds--search--expandable .cds--search-input::placeholder{padding:0 3rem}.cds--search-close--hidden{opacity:0;visibility:hidden}.cds--search--lg.cds--skeleton .cds--search-input,.cds--search--md.cds--skeleton .cds--search-input,.cds--search--sm.cds--skeleton .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}.cds--search--lg.cds--skeleton .cds--search-input:active,.cds--search--lg.cds--skeleton .cds--search-input:focus,.cds--search--lg.cds--skeleton .cds--search-input:hover,.cds--search--md.cds--skeleton .cds--search-input:active,.cds--search--md.cds--skeleton .cds--search-input:focus,.cds--search--md.cds--skeleton .cds--search-input:hover,.cds--search--sm.cds--skeleton .cds--search-input:active,.cds--search--sm.cds--skeleton .cds--search-input:focus,.cds--search--sm.cds--skeleton .cds--search-input:hover{border:none;cursor:default;outline:0}.cds--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::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--search--lg.cds--skeleton .cds--search-input::before,.cds--search--md.cds--skeleton .cds--search-input::before,.cds--search--sm.cds--skeleton .cds--search-input::before{animation:none}}.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder,.cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder{color:transparent}.cds--search--lg.cds--skeleton .cds--search-input::placeholder,.cds--search--md.cds--skeleton .cds--search-input::placeholder,.cds--search--sm.cds--skeleton .cds--search-input::placeholder{color:transparent}.cds--search--expandable,:host(cds-search[expandable]){transition:width 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded{width:100%}.cds--search--expandable .cds--search-input,:host(cds-search[expandable]) .cds--search-input{width:0;padding:0;transition:padding 70ms cubic-bezier(.2,0,.38,.9),width 0s linear 70ms}.cds--search--expandable .cds--search-input::-moz-placeholder,:host(cds-search[expandable]) .cds--search-input::-moz-placeholder{position:relative;opacity:0;transition-duration:70ms;-moz-transition-property:padding,opacity;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable .cds--search-input::placeholder,:host(cds-search[expandable]) .cds--search-input::placeholder{position:relative;opacity:0;transition-duration:70ms;transition-property:padding,opacity;transition-timing-function:cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input{width:100%;transition:padding 70ms cubic-bezier(.2,0,.38,.9)}.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder{position:relative;padding:0;opacity:1}.cds--search--expandable .cds--search-magnifier,:host(cds-search[expandable]) .cds--search-magnifier{position:absolute;cursor:pointer}.cds--search--expandable .cds--search-magnifier:focus,:host(cds-search[expandable]) .cds--search-magnifier:focus{outline:2px solid var(--cds-focus,#0f62fe)}.cds--search--expandable .cds--search-magnifier:hover,:host(cds-search[expandable]) .cds--search-magnifier:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--search--expandable.cds--search--expanded .cds--search-magnifier{pointer-events:none}.cds--search--expandable .cds--search-magnifier-icon,:host(cds-search[expandable]) .cds--search-magnifier-icon{fill:var(--cds-icon-primary,#161616)}.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon{fill:var(--cds-icon-secondary,#525252)}.cds--search--expandable.cds--search--disabled svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--search-close svg,.cds--search-magnifier-icon{fill:ButtonText}}:host(cds-search){outline:0}:host(cds-search[expandable][size=sm]) .cds--search-magnifier{width:2rem;height:2rem}:host(cds-search[expandable][size=md]) .cds--search-magnifier{width:2.5rem;height:2.5rem}:host(cds-search[expandable][size=lg]) .cds--search-magnifier{width:3rem;height:3rem}:host(cds-search[expandable][expanded]) .cds--search-input{width:100%}:host(cds-search[expandable][expanded]) .cds--search-magnifier{pointer-events:none}:host(cds-search[expandable][expanded][size=sm]) .cds--search-input{padding:0 2rem}:host(cds-search[expandable][expanded][size=md]) .cds--search-input{padding:0 2.5rem}:host(cds-search[expandable][expanded][size=lg]) .cds--search-input{padding:0 3rem}:host(cds-search[expandable][expanded][size=lg]) ::slotted(.cds--search-magnifier){width:3rem;height:3rem}:host(cds-search[disabled]) svg{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}:host(cds-search[disabled]) .cds--search-close{pointer-events:none;outline:0}:host(cds-search[disabled]) .cds--search-close::before{background:0 0}:host(cds-search-skeleton){width:100%}:host(cds-search-skeleton) .cds--search-input{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%}:host(cds-search-skeleton) .cds--search-input:active,:host(cds-search-skeleton) .cds--search-input:focus,:host(cds-search-skeleton) .cds--search-input:hover{border:none;cursor:default;outline:0}:host(cds-search-skeleton) .cds--search-input::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){:host(cds-search-skeleton) .cds--search-input::before{animation:none}}:host(cds-search-skeleton) .cds--search-input::-moz-placeholder{color:transparent}:host(cds-search-skeleton) .cds--search-input::placeholder{color:transparent}",
12
12
  ]);
package/es/components/select/select-item-group.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/select/select-item-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;CACZ;AAED,eAAe,kBAAkB,CAAC","file":"select-item-group.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\n\n/**\n * An option group in select box.\n *\n * @element cds-select-item-group\n */\n@customElement(`${prefix}-select-item-group`)\nclass CDSSelectItemGroup extends LitElement {\n /**\n * `true` to disable this option.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label.\n */\n @property({ reflect: true })\n label = '';\n}\n\nexport default CDSSelectItemGroup;\n"]}
1
+ {"version":3,"sources":["components/select/select-item-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;CACZ;AAED,eAAe,kBAAkB,CAAC","file":"select-item-group.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option group in select box.\n *\n * @element cds-select-item-group\n */\n@customElement(`${prefix}-select-item-group`)\nclass CDSSelectItemGroup extends LitElement {\n /**\n * `true` to disable this option.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label.\n */\n @property({ reflect: true })\n label = '';\n}\n\nexport default CDSSelectItemGroup;\n"]}
package/es/components/select/select-item-group.js CHANGED
@@ -9,8 +9,9 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
9
9
  */
10
10
 
11
11
  import { LitElement } from 'lit';
12
- import { property, customElement } from 'lit/decorators.js';
12
+ import { property } from 'lit/decorators.js';
13
13
  import { prefix } from '../../globals/settings';
14
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
14
15
 
15
16
  /**
16
17
  * An option group in select box.
package/es/components/select/select-item-group.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select-item-group.js","names":["LitElement","property","customElement","prefix","CDSSelectItemGroup","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value"],"sources":["components/select/select-item-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\n\n/**\n * An option group in select box.\n *\n * @element cds-select-item-group\n */\n@customElement(`${prefix}-select-item-group`)\nclass CDSSelectItemGroup extends LitElement {\n /**\n * `true` to disable this option.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label.\n */\n @property({ reflect: true })\n label = '';\n}\n\nexport default CDSSelectItemGroup;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMC,kBAAkB,GAAAC,SAAA,EADvBH,aAAa,CAAE,GAAEC,MAAO,oBAAmB,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAA7C,MACMH,kBAAkB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAY5C;EAAC;IAAAI,CAAA,EAZKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBZ,QAAQ,CAAC;QAAEa,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfZ,QAAQ,CAAC;QAAEe,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;EAAA;AAAA,GAXqBlB,UAAU;AAc3C,eAAeI,kBAAkB"}
1
+ {"version":3,"file":"select-item-group.js","names":["LitElement","property","prefix","carbonElement","customElement","CDSSelectItemGroup","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value"],"sources":["components/select/select-item-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option group in select box.\n *\n * @element cds-select-item-group\n */\n@customElement(`${prefix}-select-item-group`)\nclass CDSSelectItemGroup extends LitElement {\n /**\n * `true` to disable this option.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label.\n */\n @property({ reflect: true })\n label = '';\n}\n\nexport default CDSSelectItemGroup;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,kBAAkB,GAAAC,SAAA,EADvBF,aAAa,CAAE,GAAEF,MAAO,oBAAmB,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAA7C,MACMH,kBAAkB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAY5C;EAAC;IAAAI,CAAA,EAZKN,kBAAkB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIrBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfb,QAAQ,CAAC;QAAEgB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;EAAA;AAAA,GAXqBnB,UAAU;AAc3C,eAAeK,kBAAkB"}
package/es/components/select/select-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/select/select-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC;;;;GAIG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;CACZ;AAED,eAAe,aAAa,CAAC","file":"select-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\n\n/**\n * An option in select box.\n *\n * @element cds-select-item\n */\n@customElement(`${prefix}-select-item`)\nclass CDSSelectItem extends LitElement {\n /**\n * `true` to disable this option.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label. If this is not specified, the child text content is used.\n */\n @property({ reflect: true })\n label = '';\n\n /**\n * `true` to select this option.\n */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /**\n * The value.\n */\n @property({ reflect: true })\n value = '';\n}\n\nexport default CDSSelectItem;\n"]}
1
+ {"version":3,"sources":["components/select/select-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC;;;;GAIG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,SAAM;CACZ;AAED,eAAe,aAAa,CAAC","file":"select-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option in select box.\n *\n * @element cds-select-item\n */\n@customElement(`${prefix}-select-item`)\nclass CDSSelectItem extends LitElement {\n /**\n * `true` to disable this option.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label. If this is not specified, the child text content is used.\n */\n @property({ reflect: true })\n label = '';\n\n /**\n * `true` to select this option.\n */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /**\n * The value.\n */\n @property({ reflect: true })\n value = '';\n}\n\nexport default CDSSelectItem;\n"]}
package/es/components/select/select-item.js CHANGED
@@ -9,8 +9,9 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
9
9
  */
10
10
 
11
11
  import { LitElement } from 'lit';
12
- import { property, customElement } from 'lit/decorators.js';
12
+ import { property } from 'lit/decorators.js';
13
13
  import { prefix } from '../../globals/settings';
14
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
14
15
 
15
16
  /**
16
17
  * An option in select box.
package/es/components/select/select-item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select-item.js","names":["LitElement","property","customElement","prefix","CDSSelectItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value"],"sources":["components/select/select-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\n\n/**\n * An option in select box.\n *\n * @element cds-select-item\n */\n@customElement(`${prefix}-select-item`)\nclass CDSSelectItem extends LitElement {\n /**\n * `true` to disable this option.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label. If this is not specified, the child text content is used.\n */\n @property({ reflect: true })\n label = '';\n\n /**\n * `true` to select this option.\n */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /**\n * The value.\n */\n @property({ reflect: true })\n value = '';\n}\n\nexport default CDSSelectItem;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMC,aAAa,GAAAC,SAAA,EADlBH,aAAa,CAAE,GAAEC,MAAO,cAAa,CAAC,aAAAG,WAAA,EAAAC,WAAA;EAAvC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwBvC;EAAC;IAAAI,CAAA,EAxBKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIhBZ,QAAQ,CAAC;QAAEa,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfZ,QAAQ,CAAC;QAAEe,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKTZ,QAAQ,CAAC;QAAEa,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfZ,QAAQ,CAAC;QAAEe,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;EAAA;AAAA,GAvBgBlB,UAAU;AA0BtC,eAAeI,aAAa"}
1
+ {"version":3,"file":"select-item.js","names":["LitElement","property","prefix","carbonElement","customElement","CDSSelectItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value"],"sources":["components/select/select-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * An option in select box.\n *\n * @element cds-select-item\n */\n@customElement(`${prefix}-select-item`)\nclass CDSSelectItem extends LitElement {\n /**\n * `true` to disable this option.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The label. If this is not specified, the child text content is used.\n */\n @property({ reflect: true })\n label = '';\n\n /**\n * `true` to select this option.\n */\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n /**\n * The value.\n */\n @property({ reflect: true })\n value = '';\n}\n\nexport default CDSSelectItem;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,KAAK;AAChC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,aAAa,GAAAC,SAAA,EADlBF,aAAa,CAAE,GAAEF,MAAO,cAAa,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAvC,MACMH,aAAa,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAwBvC;EAAC;IAAAI,CAAA,EAxBKN,aAAa;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIhBb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfb,QAAQ,CAAC;QAAEgB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKTb,QAAQ,CAAC;QAAEc,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKfb,QAAQ,CAAC;QAAEgB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpB,EAAE;MAAA;IAAA;EAAA;AAAA,GAvBgBnB,UAAU;AA0BtC,eAAeK,aAAa"}
package/es/components/select/select.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}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset html{font-size:100%}.cds--fieldset 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--fieldset code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--fieldset strong{font-weight:600}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{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%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.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--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select,:host(cds-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}.cds--select *,.cds--select ::after,.cds--select ::before,:host(cds-select) *,:host(cds-select) ::after,:host(cds-select) ::before{box-sizing:inherit}.cds--select-input__wrapper{position:relative;display:flex;width:100%;align-items:center}.cds--select-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:block;width:100%;height:2.5rem;padding:0 3rem 0 1rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;opacity:1;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;color:var(--cds-text-primary,#161616)}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:disabled,.cds--select-input:hover:disabled{border-bottom-color:transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select-input--sm{height:2rem;max-height:2rem}.cds--select-input--lg{height:3rem;max-height:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input{padding-right:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select__arrow{position:absolute;top:0;right:1rem;height:100%;fill:var(--cds-icon-primary,#161616);pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{position:absolute;right:2.5rem}.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:var(--cds-icon-primary,#161616);opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--inline{display:flex;flex-direction:row;align-items:center}.cds--select--inline.cds--select--invalid .cds--form__helper-text,.cds--select--inline.cds--select--invalid .cds--label,.cds--select--inline:host(cds-select[invalid]) .cds--form__helper-text,.cds--select--inline:host(cds-select[invalid]) .cds--label{align-self:flex-start;margin-top:.8125rem}.cds--select--inline .cds--form__helper-text{margin-bottom:0;margin-left:.5rem}.cds--select--inline .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input{width:auto;padding-right:2rem;padding-left:.5rem;border-bottom:none;background-color:transparent;color:var(--cds-text-primary,#161616)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover{background-color:var(--cds-field)}.cds--select--inline .cds--select__arrow{right:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input,.cds--select--inline:host(cds-select[invalid]) .cds--select-input{padding-right:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon,.cds--select--inline:host(cds-select[invalid]) .cds--select-input~.cds--select__invalid-icon{right:2rem}.cds--select--inline .cds--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{border-bottom-color:var(--cds-border-subtle);background-color:transparent;cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select.cds--skeleton,.cds--skeleton:host(cds-select){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:2.5rem}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover,.cds--skeleton:active:host(cds-select),.cds--skeleton:focus:host(cds-select),.cds--skeleton:hover:host(cds-select){border:none;cursor:default;outline:0}.cds--select.cds--skeleton::before,.cds--skeleton:host(cds-select)::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--select.cds--skeleton::before,.cds--skeleton:host(cds-select)::before{animation:none}}.cds--select.cds--skeleton .cds--select-input,.cds--skeleton:host(cds-select) .cds--select-input{display:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--select__arrow{fill:ButtonText}}:host(cds-select){--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);outline:0}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[inline][warn]) .cds--form__helper-text,:host(cds-select[inline][warn]) .cds--label{align-self:flex-start;margin-top:.8125rem}:host(cds-select[inline][warn]) select{padding-right:3.5rem}:host(cds-select[inline][warn]) .cds--select__invalid-icon--warning{right:2rem}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 2.25rem 0 1rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{top:50%;transform:translate(-.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-right:1px solid var(--cds-border-subtle)}",
11
+ ":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}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset ::after,.cds--fieldset ::before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;margin-bottom:.5rem;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label--no-margin{margin-bottom:0}.cds--label+.cds--tooltip{position:relative;top:.2rem;left:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{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%;display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger ::after,.cds--label+.cds--tooltip .cds--tooltip__trigger ::before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{top:.2rem;left:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.875rem}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--label.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--label.cds--skeleton::before{animation:none}}input[type=number]{font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:0}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-top:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;width:100%;margin-top:.25rem;color:var(--cds-text-secondary,#525252);opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select,:host(cds-select){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:relative;display:flex;width:100%;flex-direction:column;align-items:flex-start}.cds--select *,.cds--select ::after,.cds--select ::before,:host(cds-select) *,:host(cds-select) ::after,:host(cds-select) ::before{box-sizing:inherit}.cds--select-input__wrapper{position:relative;display:flex;width:100%;align-items:center}.cds--select-input{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);outline:2px solid transparent;outline-offset:-2px;display:block;width:100%;height:2.5rem;padding:0 3rem 0 1rem;border:none;border-bottom:1px solid var(--cds-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;font-family:inherit;opacity:1;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds--select-input:-moz-focusring,.cds--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px;color:var(--cds-text-primary,#161616)}@media screen and (prefers-contrast){.cds--select-input:focus{outline-style:dotted}}.cds--select-input:disabled,.cds--select-input:hover:disabled{border-bottom-color:transparent;background-color:var(--cds-field);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select-input--sm{height:2rem;max-height:2rem}.cds--select-input--lg{height:3rem;max-height:3rem}.cds--select--disabled .cds--form__helper-text,.cds--select--disabled .cds--label,:host(cds-select[disabled]) .cds--form__helper-text,:host(cds-select[disabled]) .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--warning .cds--select-input,.cds--select-input__wrapper[data-invalid] .cds--select-input{padding-right:4rem}.cds--select-input:disabled~.cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select--light .cds--select-input{background-color:var(--cds-field-02,#fff)}.cds--select--light .cds--select-input:hover{background-color:var(--cds-field-hover)}.cds--select--light .cds--select-input:disabled,.cds--select--light .cds--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select__arrow{position:absolute;top:0;right:1rem;height:100%;fill:var(--cds-icon-primary,#161616);pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--select__arrow path{fill:ButtonText}}.cds--select__invalid-icon{position:absolute;right:2.5rem}.cds--select-input__wrapper[data-invalid] .cds--select-input~.cds--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--select__invalid-icon--warning path[fill]{fill:var(--cds-icon-primary,#161616);opacity:1}.cds--select-option,optgroup.cds--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--select-option:disabled,optgroup.cds--select-optgroup:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}.cds--select--inline{display:flex;flex-direction:row;align-items:center}.cds--select--inline.cds--select--invalid .cds--form__helper-text,.cds--select--inline.cds--select--invalid .cds--label{align-self:flex-start;margin-top:.8125rem}.cds--select--inline .cds--form__helper-text{margin-bottom:0;margin-left:.5rem}.cds--select--inline .cds--label{margin:0 .5rem 0 0;white-space:nowrap}.cds--select--inline .cds--select-input{width:auto;padding-right:2rem;padding-left:.5rem;border-bottom:none;background-color:transparent;color:var(--cds-text-primary,#161616)}.cds--select--inline .cds--select-input:focus,.cds--select--inline .cds--select-input:focus optgroup,.cds--select--inline .cds--select-input:focus option{background-color:var(--cds-background,#fff)}.cds--select--inline .cds--select-input[disabled],.cds--select--inline .cds--select-input[disabled]:hover{background-color:var(--cds-field)}.cds--select--inline .cds--select__arrow{right:.5rem}.cds--select--inline.cds--select--invalid .cds--select-input{padding-right:3.5rem}.cds--select--inline.cds--select--invalid .cds--select-input~.cds--select__invalid-icon{right:2rem}.cds--select--inline .cds--select-input:disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--select--inline .cds--select-input:disabled~*{cursor:not-allowed}.cds--select--readonly .cds--select-input{border-bottom-color:var(--cds-border-subtle);background-color:transparent;cursor:default}.cds--select--readonly .cds--select__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--select.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:2.5rem}.cds--select.cds--skeleton:active,.cds--select.cds--skeleton:focus,.cds--select.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--select.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--select.cds--skeleton::before{animation:none}}.cds--select.cds--skeleton .cds--select-input{display:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--select__arrow{fill:ButtonText}}:host(cds-select){outline:0}:host(cds-select[readonly]) select{pointer-events:none}:host(cds-select[inline][warn]) .cds--form__helper-text,:host(cds-select[inline][warn]) .cds--label{align-self:flex-start;margin-top:.8125rem}:host(cds-select[inline][warn]) select{padding-right:3.5rem}:host(cds-select[inline][warn]) .cds--select__invalid-icon--warning{right:2rem}:host(cds-select[pagination]) .cds--label{margin:0}:host(cds-select[pagination]) .cds--select-input{padding:0 2.25rem 0 1rem}:host(cds-select[pagination]) .cds--select-input:focus{background-color:transparent}:host(cds-select[pagination]) .cds--select__arrow{top:50%;transform:translate(-.5rem,-50%)}:host(cds-select[pagination][left-select]) .cds--select-input{border-right:1px solid var(--cds-border-subtle)}",
12
12
  ]);
package/es/components/select/select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/select/select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGtD;;;;;;;GAOG;AACH,cACM,SAAU,SAAQ,cAAqB;IAC3C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAiC;IAE1D;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAEf;IAEd;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAqB;IAExC;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAepB;;;;;;OAMG;IACH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY;IAyCpB,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;;OAGG;IACH,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,OAAO,0BAEV;IAED;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,EAAE,SAAM;IAER;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IACH,IAEI,QAAQ,YAEX;IAED;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IACH,IACI,aAAa,WAEhB;IAED,IAAI,aAAa,CAAC,KAAK,QAAA,EAGtB;IAED;;OAEG;IAEH,IAAI,aAAqB;IAEzB;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAUjB,oBAAoB;IAQpB,OAAO,CAAC,iBAAiB,KAAA;IASzB,MAAM;IAsHN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"select.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement, html } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport styles from './select.scss';\n\n/**\n * Select box.\n *\n * @element cds-select\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /**\n * The mutation observer DOM mutation.\n */\n private _observerMutation: MutationObserver | null = null;\n\n /**\n * The `value` for placeholder `<option>`.\n */\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /**\n * The select box.\n */\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /**\n * Handles `oninput` event on the `<input>`.\n *\n * @param event The event.\n */\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /**\n * Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n */\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /**\n * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n */\n private _renderItems(element: CDSSelect | HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label ?? textContent)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /**\n * The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n */\n get length() {\n return this._selectNode.length;\n }\n\n /**\n * The child `<option>`s.\n */\n get options() {\n return this._selectNode.options;\n }\n\n /**\n * This form control's type.\n */\n get type() {\n return this._selectNode.type;\n }\n\n /**\n * Sets the select to be focussed automatically on page load. Defaults to false\n */\n @property({ type: Boolean })\n autofocus = false;\n\n /**\n * Controls the disabled state of the select\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The helper text.\n */\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /**\n * Specify whether the label should be hidden, or not\n */\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * ID to link the `label` and `select`\n */\n @property()\n id = '';\n\n /**\n * Specify if the currently value is invalid.\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * Message which is displayed if the value is invalid.\n */\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /**\n * Specify if the currently value is warn.\n */\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /**\n * Message which is displayed if the value is warn.\n */\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * Specify whether you want the inline version of this control\n */\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /**\n * `true` to enable multiple selection.\n */\n @property({ type: Boolean })\n // eslint-disable-next-line class-methods-use-this\n get multiple() {\n return false;\n }\n\n /**\n * Name for the select in the `FormData`\n */\n @property()\n name = '';\n\n /**\n * Pattern to validate the select against for HTML validity checking\n */\n @property()\n pattern = '';\n\n /**\n * Value to display when the select has an empty `value`\n */\n @property({ reflect: true })\n placeholder = '';\n\n /**\n * Controls the readonly state of the select\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Boolean property to set the required status\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * The special validity message for `required`.\n */\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /**\n * The selected index.\n */\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /**\n * The input box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.MEDIUM;\n\n /**\n * The value of the text area.\n */\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n this._selectNode.value = !value ? placeholderItemValue : value;\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n inline,\n invalid,\n invalidText,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n } = this;\n\n const selectClasses = classMap({\n [`${prefix}--select`]: true,\n [`${prefix}--select--inline`]: inline,\n [`${prefix}--select--invalid`]: invalid,\n [`${prefix}--select--warning`]: warn,\n [`${prefix}--select--disabled`]: disabled,\n [`${prefix}--select--readonly`]: readonly,\n });\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--label--disabled`]: disabled,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n invalid || warn\n ? html` <div class=\"${prefix}--form-requirement\">\n ${invalid ? invalidText : warnText}\n </div>`\n : null;\n\n const input = html`\n <select\n id=\"input\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n aria-readonly=\"${String(Boolean(readonly))}\"\n aria-invalid=\"${String(Boolean(invalid))}\"\n aria-describedby=\"${ifDefined(!invalid ? undefined : 'invalid-text')}\"\n @input=\"${handleInput}\">\n ${!placeholder || value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\"\n selected>\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n ${!invalid\n ? undefined\n : WarningFilled16({ class: `${prefix}--select__invalid-icon` })}\n ${!invalid && warn\n ? WarningAltFilled16({\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <div class=\"${selectClasses}\">\n ${!hideLabel\n ? html`<label class=\"${labelClasses}\" for=\"input\">\n <slot name=\"label-text\"> ${labelText} </slot>\n </label>`\n : null}\n ${inline\n ? html`<div class=\"${prefix}--select-input--inline__wrapper\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${invalid}\">\n ${input}\n </div>\n ${errorText}\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${invalid}\">\n ${input}\n </div> `}\n ${!inline && errorText ? errorText : supplementalText}\n </div>\n `;\n }\n\n /**\n * A selector selecting child pseudo `<optgroup>`/`<option>`.\n */\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /**\n * A selector selecting child pseudo `<option>`.\n */\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\n }\n\n /**\n * The name of the custom event fired after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\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 CDSSelect;\n"]}
1
+ {"version":3,"sources":["components/select/select.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAItD;;;;;;;GAOG;AACH,cACM,SAAU,SAAQ,cAAqB;IAC3C;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAiC;IAE1D;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAEf;IAEd;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAqB;IAExC;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAepB;;;;;;OAMG;IACH,OAAO,CAAC,eAAe,CAErB;IAEF;;;OAGG;IACH,OAAO,CAAC,YAAY;IAyCpB,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;;OAGG;IACH,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,OAAO,0BAEV;IAED;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,EAAE,SAAM;IAER;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IACH,IAEI,QAAQ,YAEX;IAED;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IACH,IACI,aAAa,WAEhB;IAED,IAAI,aAAa,CAAC,KAAK,QAAA,EAGtB;IAED;;OAEG;IAEH,IAAI,aAAqB;IAEzB;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAUjB,oBAAoB;IAQpB,OAAO,CAAC,iBAAiB,KAAA;IASzB,MAAM;IAsHN;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC","file":"select.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FormMixin from '../../globals/mixins/form';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport styles from './select.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Select box.\n *\n * @element cds-select\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-select`)\nclass CDSSelect extends FormMixin(LitElement) {\n /**\n * The mutation observer DOM mutation.\n */\n private _observerMutation: MutationObserver | null = null;\n\n /**\n * The `value` for placeholder `<option>`.\n */\n private _placeholderItemValue = `__${prefix}-select-placeholder_${Math.random()\n .toString(36)\n .slice(2)}`;\n\n /**\n * The select box.\n */\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /**\n * Handles `oninput` event on the `<input>`.\n *\n * @param event The event.\n */\n private _handleInput({ target }: Event) {\n const { value } = target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /**\n * Handles DOM mutation of `<cds-select-item>` or `<cds-select-item-group>` put in `<cds-select>`, or their changes.\n * In such event, `<cds-select>` creates the corresponding `<option>` and `<optgroup>`, respectively, into shadow DOM,\n * with `._renderItems()`.\n * Doing so allows the shadow DOM style of `<cds-select>` to control the style of the `<option>` and `<optgroup>`,\n * notably the disabled ones.\n */\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /**\n * @param element The parent element containing pseudo `<optgroup>`/`<option>`.\n * @returns The template containing child `<optgroup>`/`<option>` that will be rendered to shadow DOM.\n */\n private _renderItems(element: CDSSelect | HTMLOptGroupElement) {\n const { selectorItem, selectorLeafItem } = this\n .constructor as typeof CDSSelect;\n // Harvests attributes from `<cds-select-item>` and `<cds-select-item-group>`.\n // Does not use properties to avoid delay in attribute to property mapping, which runs in custom element reaction cycle:\n // https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-reactions\n return html`\n ${filter(\n element.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n return item.matches(selectorLeafItem)\n ? html`\n <option\n class=\"${prefix}--select-option\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label ?? textContent)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `\n : html`\n <optgroup\n class=\"${prefix}--select-optgroup\"\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\">\n ${this._renderItems(item)}\n </optgroup>\n `;\n })}\n `;\n }\n\n _handleFormdata(event: Event) {\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /**\n * The count of child `<option>`s.\n * If the placeholder is in effect, it includes the `<option>` for the placeholder.\n */\n get length() {\n return this._selectNode.length;\n }\n\n /**\n * The child `<option>`s.\n */\n get options() {\n return this._selectNode.options;\n }\n\n /**\n * This form control's type.\n */\n get type() {\n return this._selectNode.type;\n }\n\n /**\n * Sets the select to be focussed automatically on page load. Defaults to false\n */\n @property({ type: Boolean })\n autofocus = false;\n\n /**\n * Controls the disabled state of the select\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * The helper text.\n */\n @property({ attribute: 'helper-text' })\n helperText = '';\n\n /**\n * Specify whether the label should be hidden, or not\n */\n @property({ type: Boolean, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * ID to link the `label` and `select`\n */\n @property()\n id = '';\n\n /**\n * Specify if the currently value is invalid.\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * Message which is displayed if the value is invalid.\n */\n @property({ attribute: 'invalid-text' })\n invalidText = '';\n\n /**\n * Specify if the currently value is warn.\n */\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /**\n * Message which is displayed if the value is warn.\n */\n @property({ attribute: 'warn-text' })\n warnText = '';\n\n /**\n * The label text.\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * Specify whether you want the inline version of this control\n */\n @property({ type: Boolean, reflect: true })\n inline = false;\n\n /**\n * `true` to enable multiple selection.\n */\n @property({ type: Boolean })\n // eslint-disable-next-line class-methods-use-this\n get multiple() {\n return false;\n }\n\n /**\n * Name for the select in the `FormData`\n */\n @property()\n name = '';\n\n /**\n * Pattern to validate the select against for HTML validity checking\n */\n @property()\n pattern = '';\n\n /**\n * Value to display when the select has an empty `value`\n */\n @property({ reflect: true })\n placeholder = '';\n\n /**\n * Controls the readonly state of the select\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Boolean property to set the required status\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * The special validity message for `required`.\n */\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /**\n * The selected index.\n */\n @property({ type: Number })\n get selectedIndex() {\n return this._selectNode.selectedIndex;\n }\n\n set selectedIndex(value) {\n this._selectNode.selectedIndex = value;\n this.value = this._selectNode.value;\n }\n\n /**\n * The input box size.\n */\n @property({ reflect: true })\n size = INPUT_SIZE.MEDIUM;\n\n /**\n * The value of the text area.\n */\n @property({ reflect: true })\n value = '';\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const { value, _placeholderItemValue: placeholderItemValue } = this;\n // Ensures setting the `value` after rendering child `<option>`s/`<optgroup>`s when there is a change in `value`,\n // given reflecting `value` requires child `<option>`s/`<optgroup>`s being there beforehand\n this._selectNode.value = !value ? placeholderItemValue : value;\n }\n }\n\n render() {\n const {\n disabled,\n helperText,\n hideLabel,\n inline,\n invalid,\n invalidText,\n labelText,\n placeholder,\n readonly,\n size,\n warn,\n warnText,\n value,\n _placeholderItemValue: placeholderItemValue,\n _handleInput: handleInput,\n } = this;\n\n const selectClasses = classMap({\n [`${prefix}--select`]: true,\n [`${prefix}--select--inline`]: inline,\n [`${prefix}--select--invalid`]: invalid,\n [`${prefix}--select--warning`]: warn,\n [`${prefix}--select--disabled`]: disabled,\n [`${prefix}--select--readonly`]: readonly,\n });\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size,\n });\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--label--disabled`]: disabled,\n });\n\n const helperTextClasses = classMap({\n [`${prefix}--form__helper-text`]: true,\n [`${prefix}--form__helper-text--disabled`]: disabled,\n });\n\n const supplementalText = helperText\n ? html`\n <div class=\"${helperTextClasses}\">\n <slot name=\"helper-text\"> ${helperText} </slot>\n </div>\n `\n : null;\n\n const errorText =\n invalid || warn\n ? html` <div class=\"${prefix}--form-requirement\">\n ${invalid ? invalidText : warnText}\n </div>`\n : null;\n\n const input = html`\n <select\n id=\"input\"\n class=\"${inputClasses}\"\n ?disabled=\"${disabled}\"\n aria-readonly=\"${String(Boolean(readonly))}\"\n aria-invalid=\"${String(Boolean(invalid))}\"\n aria-describedby=\"${ifDefined(!invalid ? undefined : 'invalid-text')}\"\n @input=\"${handleInput}\">\n ${!placeholder || value\n ? undefined\n : html`\n <option\n disabled\n hidden\n class=\"${prefix}--select-option\"\n value=\"${placeholderItemValue}\"\n selected>\n ${placeholder}\n </option>\n `}\n ${this._renderItems(this)}\n </select>\n ${ChevronDown16({ class: `${prefix}--select__arrow` })}\n ${!invalid\n ? undefined\n : WarningFilled16({ class: `${prefix}--select__invalid-icon` })}\n ${!invalid && warn\n ? WarningAltFilled16({\n class: `${prefix}--select__invalid-icon ${prefix}--select__invalid-icon--warning`,\n })\n : null}\n `;\n\n return html`\n <div class=\"${selectClasses}\">\n ${!hideLabel\n ? html`<label class=\"${labelClasses}\" for=\"input\">\n <slot name=\"label-text\"> ${labelText} </slot>\n </label>`\n : null}\n ${inline\n ? html`<div class=\"${prefix}--select-input--inline__wrapper\">\n <div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${invalid}\">\n ${input}\n </div>\n ${errorText}\n </div>`\n : html`<div\n class=\"${prefix}--select-input__wrapper\"\n ?data-invalid=\"${invalid}\">\n ${input}\n </div> `}\n ${!inline && errorText ? errorText : supplementalText}\n </div>\n `;\n }\n\n /**\n * A selector selecting child pseudo `<optgroup>`/`<option>`.\n */\n static get selectorItem() {\n return `${prefix}-select-item-group,${prefix}-select-item`;\n }\n\n /**\n * A selector selecting child pseudo `<option>`.\n */\n static get selectorLeafItem() {\n return `${prefix}-select-item`;\n }\n\n /**\n * The name of the custom event fired after item is selected.\n */\n static get eventSelect() {\n return `${prefix}-select-selected`;\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 CDSSelect;\n"]}
package/es/components/select/select.js CHANGED
@@ -24,7 +24,7 @@ let _ = t => t,
24
24
  */
25
25
 
26
26
  import { LitElement, html } from 'lit';
27
- import { property, customElement, query } from 'lit/decorators.js';
27
+ import { property, query } from 'lit/decorators.js';
28
28
  import { classMap } from 'lit/directives/class-map.js';
29
29
  import ChevronDown16 from "../../icons/chevron--down/16";
30
30
  import WarningFilled16 from "../../icons/warning--filled/16";
@@ -35,6 +35,7 @@ import FormMixin from '../../globals/mixins/form';
35
35
  import { filter } from '../../globals/internal/collection-helpers';
36
36
  import { INPUT_SIZE } from '../text-input/text-input';
37
37
  import styles from "././select.css.js";
38
+ import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
38
39
 
39
40
  /**
40
41
  * Select box.
@@ -43,14 +44,7 @@ import styles from "././select.css.js";
43
44
  * @slot helper-text - The helper text.
44
45
  * @slot label-text - The label text.
45
46
  * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.
46
- */ /**
47
- * Select box.
48
- *
49
- * @element cds-select
50
- * @slot helper-text - The helper text.
51
- * @slot label-text - The label text.
52
- * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.
53
- */
47
+ */
54
48
  let CDSSelect = _decorate([customElement(`${prefix}-select`)], function (_initialize, _FormMixin) {
55
49
  class CDSSelect extends _FormMixin {
56
50
  constructor(...args) {