@cds/core 5.6.1 → 6.0.0-next.2

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 (443) hide show
  1. package/accordion/accordion-content.element.scss.js +1 -1
  2. package/accordion/accordion-header.element.d.ts +2 -0
  3. package/accordion/accordion-header.element.js +1 -1
  4. package/accordion/accordion-header.element.js.map +1 -1
  5. package/accordion/accordion-header.element.scss.js +1 -1
  6. package/accordion/accordion-panel.element.d.ts +2 -2
  7. package/accordion/accordion-panel.element.js +1 -1
  8. package/accordion/accordion-panel.element.js.map +1 -1
  9. package/accordion/accordion-panel.element.scss.js +1 -1
  10. package/accordion/accordion.element.scss.js +1 -1
  11. package/accordion/register.d.ts +1 -0
  12. package/accordion/register.js +1 -1
  13. package/accordion/register.js.map +1 -1
  14. package/alert/alert-actions.element.js +1 -1
  15. package/alert/alert-actions.element.scss.js +1 -1
  16. package/alert/alert-group.element.js +1 -1
  17. package/alert/alert-group.element.scss.js +1 -1
  18. package/alert/alert.element.js +1 -1
  19. package/alert/alert.element.js.map +1 -1
  20. package/alert/alert.element.scss.js +1 -1
  21. package/badge/badge.element.scss.js +1 -1
  22. package/breadcrumb/breadcrumb.element.js +1 -1
  23. package/breadcrumb/breadcrumb.element.scss.js +1 -1
  24. package/button/button.element.d.ts +1 -1
  25. package/button/button.element.js +1 -1
  26. package/button/button.element.scss.js +1 -1
  27. package/button/icon-button.element.d.ts +1 -1
  28. package/button/icon-button.element.js +1 -1
  29. package/button/icon-button.element.js.map +1 -1
  30. package/button/index.d.ts +0 -1
  31. package/button/index.js +1 -1
  32. package/button/register.d.ts +0 -2
  33. package/button/register.js +1 -1
  34. package/button/register.js.map +1 -1
  35. package/button-action/button-action.element.d.ts +38 -0
  36. package/button-action/button-action.element.js +2 -0
  37. package/button-action/button-action.element.js.map +1 -0
  38. package/button-action/button-action.element.scss.js +2 -0
  39. package/button-action/button-action.element.scss.js.map +1 -0
  40. package/button-action/index.d.ts +1 -0
  41. package/button-action/index.js +2 -0
  42. package/{internal/interfaces → button-action}/index.js.map +0 -0
  43. package/button-action/register.d.ts +7 -0
  44. package/button-action/register.js +2 -0
  45. package/button-action/register.js.map +1 -0
  46. package/button-expand/button-expand.element.d.ts +25 -0
  47. package/button-expand/button-expand.element.js +2 -0
  48. package/button-expand/button-expand.element.js.map +1 -0
  49. package/button-expand/button-expand.element.scss.js +2 -0
  50. package/button-expand/button-expand.element.scss.js.map +1 -0
  51. package/button-expand/index.d.ts +1 -0
  52. package/button-expand/index.js +2 -0
  53. package/button-expand/index.js.map +1 -0
  54. package/button-expand/register.d.ts +7 -0
  55. package/button-expand/register.js +2 -0
  56. package/button-expand/register.js.map +1 -0
  57. package/button-handle/button-handle.element.d.ts +19 -0
  58. package/button-handle/button-handle.element.js +2 -0
  59. package/button-handle/button-handle.element.js.map +1 -0
  60. package/button-handle/button-handle.element.scss.js +2 -0
  61. package/button-handle/button-handle.element.scss.js.map +1 -0
  62. package/button-handle/index.d.ts +1 -0
  63. package/button-handle/index.js +2 -0
  64. package/button-handle/index.js.map +1 -0
  65. package/button-handle/register.d.ts +7 -0
  66. package/button-handle/register.js +2 -0
  67. package/button-handle/register.js.map +1 -0
  68. package/{button/inline-button.element.d.ts → button-inline/button-inline.element.d.ts} +10 -3
  69. package/button-inline/button-inline.element.js +2 -0
  70. package/button-inline/button-inline.element.js.map +1 -0
  71. package/button-inline/button-inline.element.scss.js +2 -0
  72. package/button-inline/button-inline.element.scss.js.map +1 -0
  73. package/button-inline/index.d.ts +1 -0
  74. package/button-inline/index.js +2 -0
  75. package/button-inline/index.js.map +1 -0
  76. package/button-inline/register.d.ts +11 -0
  77. package/button-inline/register.js +2 -0
  78. package/button-inline/register.js.map +1 -0
  79. package/button-sort/button-sort.element.d.ts +23 -0
  80. package/button-sort/button-sort.element.js +2 -0
  81. package/button-sort/button-sort.element.js.map +1 -0
  82. package/button-sort/button-sort.element.scss.js +2 -0
  83. package/button-sort/button-sort.element.scss.js.map +1 -0
  84. package/button-sort/index.d.ts +1 -0
  85. package/button-sort/index.js +2 -0
  86. package/button-sort/index.js.map +1 -0
  87. package/button-sort/register.d.ts +7 -0
  88. package/button-sort/register.js +2 -0
  89. package/button-sort/register.js.map +1 -0
  90. package/button-sort/utils.d.ts +1 -0
  91. package/button-sort/utils.js +2 -0
  92. package/button-sort/utils.js.map +1 -0
  93. package/card/card.element.d.ts +3 -3
  94. package/card/card.element.scss.js +1 -1
  95. package/checkbox/checkbox.element.scss.js +1 -1
  96. package/custom-elements.json +30692 -69143
  97. package/custom-elements.legacy.json +946 -211
  98. package/datalist/datalist.element.d.ts +0 -1
  99. package/datalist/datalist.element.js +1 -1
  100. package/datalist/datalist.element.js.map +1 -1
  101. package/datalist/register.d.ts +1 -1
  102. package/datalist/register.js +1 -1
  103. package/datalist/register.js.map +1 -1
  104. package/date/date.element.d.ts +0 -1
  105. package/date/date.element.js +1 -1
  106. package/date/date.element.js.map +1 -1
  107. package/date/date.global.scss.js +1 -1
  108. package/date/register.d.ts +1 -0
  109. package/date/register.js +1 -1
  110. package/date/register.js.map +1 -1
  111. package/divider/divider.element.scss.js +1 -1
  112. package/dropdown/dropdown.element.d.ts +39 -0
  113. package/dropdown/dropdown.element.js +2 -0
  114. package/dropdown/dropdown.element.js.map +1 -0
  115. package/dropdown/index.d.ts +1 -0
  116. package/dropdown/index.js +2 -0
  117. package/dropdown/index.js.map +1 -0
  118. package/dropdown/register.d.ts +6 -0
  119. package/dropdown/register.js +2 -0
  120. package/dropdown/register.js.map +1 -0
  121. package/file/file.element.d.ts +0 -1
  122. package/file/file.element.js +1 -1
  123. package/file/file.element.js.map +1 -1
  124. package/file/file.element.scss.js +1 -1
  125. package/file/register.d.ts +1 -0
  126. package/file/register.js +1 -1
  127. package/file/register.js.map +1 -1
  128. package/forms/control/control.element.js +2 -2
  129. package/forms/control/control.element.js.map +1 -1
  130. package/forms/control/control.element.scss.js +1 -1
  131. package/forms/control-action/control-action.element.d.ts +6 -15
  132. package/forms/control-action/control-action.element.js +1 -1
  133. package/forms/control-action/control-action.element.js.map +1 -1
  134. package/forms/control-group/control-group.element.js +1 -1
  135. package/forms/control-group/control-group.element.scss.js +1 -1
  136. package/forms/control-inline/control-inline.element.js +1 -1
  137. package/forms/control-inline/control-inline.element.scss.js +1 -1
  138. package/forms/control-label/control-label.element.js +1 -1
  139. package/forms/control-label/control-label.element.scss.js +1 -1
  140. package/forms/control-message/control-message.element.scss.js +1 -1
  141. package/forms/form-group/form-group.element.js +1 -1
  142. package/forms/register.d.ts +1 -0
  143. package/forms/register.js +1 -1
  144. package/forms/register.js.map +1 -1
  145. package/forms/utils/{index.d.ts → utils.d.ts} +0 -0
  146. package/forms/utils/utils.js +2 -0
  147. package/forms/utils/{index.js.map → utils.js.map} +1 -1
  148. package/global.css +1854 -1027
  149. package/global.min.css +1 -1
  150. package/icon/collections/core.d.ts +4 -0
  151. package/icon/collections/core.js +1 -1
  152. package/icon/collections/core.js.map +1 -1
  153. package/icon/icon.element.scss.js +1 -1
  154. package/icon/shapes/detail-collapse.d.ts +3 -0
  155. package/icon/shapes/detail-collapse.js +2 -0
  156. package/icon/shapes/detail-collapse.js.map +1 -0
  157. package/icon/shapes/detail-expand.d.ts +3 -0
  158. package/icon/shapes/detail-expand.js +2 -0
  159. package/icon/shapes/detail-expand.js.map +1 -0
  160. package/index.d.ts +2 -1
  161. package/index.js +1 -1
  162. package/input/input-group.element.scss.js +1 -1
  163. package/input/input.element.scss.js +1 -1
  164. package/internal/base/base.element.scss.js +1 -1
  165. package/internal/base/button.base.d.ts +5 -35
  166. package/internal/base/button.base.js +1 -1
  167. package/internal/base/button.base.js.map +1 -1
  168. package/internal/base/focus-trap.base.d.ts +9 -11
  169. package/internal/base/focus-trap.base.js +1 -1
  170. package/internal/base/focus-trap.base.js.map +1 -1
  171. package/internal/controllers/active.controller.d.ts +20 -0
  172. package/internal/controllers/active.controller.js +2 -0
  173. package/internal/controllers/active.controller.js.map +1 -0
  174. package/internal/controllers/aria-button.controller.d.ts +15 -0
  175. package/internal/controllers/aria-button.controller.js +2 -0
  176. package/internal/controllers/aria-button.controller.js.map +1 -0
  177. package/internal/controllers/aria-disabled.controller.d.ts +14 -0
  178. package/internal/controllers/aria-disabled.controller.js +2 -0
  179. package/internal/controllers/aria-disabled.controller.js.map +1 -0
  180. package/internal/controllers/aria-popup-trigger.controller.d.ts +14 -0
  181. package/internal/controllers/aria-popup-trigger.controller.js +2 -0
  182. package/internal/controllers/aria-popup-trigger.controller.js.map +1 -0
  183. package/internal/controllers/aria-popup.controller.d.ts +10 -0
  184. package/internal/controllers/aria-popup.controller.js +2 -0
  185. package/internal/controllers/aria-popup.controller.js.map +1 -0
  186. package/internal/controllers/aria-pressed.controller.d.ts +15 -0
  187. package/internal/controllers/aria-pressed.controller.js +2 -0
  188. package/internal/controllers/aria-pressed.controller.js.map +1 -0
  189. package/internal/controllers/aria-selected.controller.d.ts +13 -0
  190. package/internal/controllers/aria-selected.controller.js +2 -0
  191. package/internal/controllers/aria-selected.controller.js.map +1 -0
  192. package/internal/controllers/button-anchor.controller.d.ts +22 -0
  193. package/internal/controllers/button-anchor.controller.js +2 -0
  194. package/internal/controllers/button-anchor.controller.js.map +1 -0
  195. package/internal/controllers/button-submit.controller.d.ts +27 -0
  196. package/internal/controllers/button-submit.controller.js +2 -0
  197. package/internal/controllers/button-submit.controller.js.map +1 -0
  198. package/internal/controllers/closable.controller.d.ts +29 -0
  199. package/internal/controllers/closable.controller.js +2 -0
  200. package/internal/controllers/closable.controller.js.map +1 -0
  201. package/internal/controllers/first-focus.controller.d.ts +13 -0
  202. package/internal/controllers/first-focus.controller.js +2 -0
  203. package/internal/controllers/first-focus.controller.js.map +1 -0
  204. package/internal/controllers/inline-focus-trap.controller.d.ts +16 -0
  205. package/internal/controllers/inline-focus-trap.controller.js +2 -0
  206. package/internal/controllers/inline-focus-trap.controller.js.map +1 -0
  207. package/internal/controllers/utils/first-focus.controller.utils.d.ts +3 -0
  208. package/internal/controllers/utils/first-focus.controller.utils.js +2 -0
  209. package/internal/controllers/utils/first-focus.controller.utils.js.map +1 -0
  210. package/internal/decorators/animate.d.ts +2 -2
  211. package/internal/decorators/animate.js +1 -1
  212. package/internal/decorators/animate.js.map +1 -1
  213. package/internal/decorators/element.d.ts +1 -1
  214. package/internal/decorators/element.js +2 -0
  215. package/internal/decorators/element.js.map +1 -0
  216. package/internal/decorators/id.d.ts +1 -1
  217. package/internal/decorators/property.js +1 -1
  218. package/internal/decorators/property.js.map +1 -1
  219. package/internal/decorators/query-slot.d.ts +2 -2
  220. package/internal/index.d.ts +21 -2
  221. package/internal/index.js +1 -1
  222. package/internal/index.js.map +1 -1
  223. package/internal/interfaces/{index.d.ts → interfaces.d.ts} +0 -0
  224. package/internal/interfaces/interfaces.js +2 -0
  225. package/internal/interfaces/interfaces.js.map +1 -0
  226. package/internal/motion/animations/cds-dropdown-open.d.ts +3 -0
  227. package/internal/motion/animations/cds-dropdown-open.js +2 -0
  228. package/internal/motion/animations/cds-dropdown-open.js.map +1 -0
  229. package/internal/motion/animations/cds-modal-enter.js +1 -1
  230. package/internal/motion/animations/cds-modal-enter.js.map +1 -1
  231. package/internal/motion/interfaces.d.ts +4 -5
  232. package/internal/motion/utils.d.ts +3 -3
  233. package/internal/motion/utils.js +1 -1
  234. package/internal/motion/utils.js.map +1 -1
  235. package/internal/positioning/interfaces.d.ts +61 -0
  236. package/internal/positioning/interfaces.js +2 -0
  237. package/internal/positioning/interfaces.js.map +1 -0
  238. package/internal/positioning/utils.d.ts +26 -0
  239. package/internal/positioning/utils.js +2 -0
  240. package/internal/positioning/utils.js.map +1 -0
  241. package/internal/services/focus-trap-tracker.service.d.ts +3 -0
  242. package/internal/services/focus-trap-tracker.service.js +1 -1
  243. package/internal/services/focus-trap-tracker.service.js.map +1 -1
  244. package/internal/services/global.service.d.ts +2 -2
  245. package/internal/services/i18n.service.d.ts +27 -0
  246. package/internal/services/i18n.service.js +1 -1
  247. package/internal/services/i18n.service.js.map +1 -1
  248. package/internal/utils/array.d.ts +7 -4
  249. package/internal/utils/array.js +1 -1
  250. package/internal/utils/array.js.map +1 -1
  251. package/internal/utils/conditional.d.ts +4 -1
  252. package/internal/utils/conditional.js +1 -1
  253. package/internal/utils/conditional.js.map +1 -1
  254. package/internal/utils/css.d.ts +1 -0
  255. package/internal/utils/css.js +1 -1
  256. package/internal/utils/css.js.map +1 -1
  257. package/internal/utils/dom.d.ts +17 -2
  258. package/internal/utils/dom.js +1 -1
  259. package/internal/utils/dom.js.map +1 -1
  260. package/internal/utils/enum.d.ts +1 -0
  261. package/internal/utils/enum.js +2 -0
  262. package/internal/utils/enum.js.map +1 -0
  263. package/internal/utils/events.d.ts +4 -0
  264. package/internal/utils/events.js +1 -1
  265. package/internal/utils/events.js.map +1 -1
  266. package/internal/utils/focus-trap.d.ts +30 -1
  267. package/internal/utils/focus-trap.js +1 -1
  268. package/internal/utils/focus-trap.js.map +1 -1
  269. package/internal/utils/global.d.ts +4 -3
  270. package/internal/utils/global.js +1 -1
  271. package/internal/utils/global.js.map +1 -1
  272. package/internal/utils/identity.d.ts +28 -1
  273. package/internal/utils/identity.js +1 -1
  274. package/internal/utils/identity.js.map +1 -1
  275. package/internal/utils/lit.d.ts +5 -1
  276. package/internal/utils/lit.js +1 -1
  277. package/internal/utils/lit.js.map +1 -1
  278. package/internal/utils/math.d.ts +3 -0
  279. package/internal/utils/math.js +2 -0
  280. package/internal/utils/math.js.map +1 -0
  281. package/internal/utils/{register.d.ts → registration.d.ts} +0 -0
  282. package/internal/utils/registration.js +2 -0
  283. package/internal/utils/registration.js.map +1 -0
  284. package/internal/utils/string.d.ts +5 -0
  285. package/internal/utils/string.js +1 -1
  286. package/internal/utils/string.js.map +1 -1
  287. package/internal/utils/traversal.d.ts +4 -0
  288. package/internal/utils/traversal.js +2 -0
  289. package/internal/utils/traversal.js.map +1 -0
  290. package/internal-components/close-button/close-button.element.d.ts +5 -14
  291. package/internal-components/close-button/close-button.element.js +1 -1
  292. package/internal-components/close-button/close-button.element.js.map +1 -1
  293. package/internal-components/close-button/index.js +1 -1
  294. package/internal-components/close-button/register.js +1 -1
  295. package/internal-components/close-button/register.js.map +1 -1
  296. package/internal-components/overlay/index.js +1 -1
  297. package/internal-components/overlay/overlay.element.d.ts +35 -23
  298. package/internal-components/overlay/overlay.element.js +1 -1
  299. package/internal-components/overlay/overlay.element.js.map +1 -1
  300. package/internal-components/overlay/overlay.element.scss.js +1 -1
  301. package/internal-components/overlay/shared.element.scss.js +2 -0
  302. package/internal-components/overlay/shared.element.scss.js.map +1 -0
  303. package/internal-components/panel/panel.element.scss.js +1 -1
  304. package/internal-components/popup/index.d.ts +2 -0
  305. package/internal-components/popup/index.js +2 -0
  306. package/internal-components/popup/index.js.map +1 -0
  307. package/internal-components/popup/pointer.element.d.ts +35 -0
  308. package/internal-components/popup/pointer.element.js +2 -0
  309. package/internal-components/popup/pointer.element.js.map +1 -0
  310. package/internal-components/popup/pointer.element.scss.js +2 -0
  311. package/internal-components/popup/pointer.element.scss.js.map +1 -0
  312. package/internal-components/popup/popup.element.d.ts +116 -0
  313. package/internal-components/popup/popup.element.js +2 -0
  314. package/internal-components/popup/popup.element.js.map +1 -0
  315. package/internal-components/popup/popup.element.scss.js +2 -0
  316. package/internal-components/popup/popup.element.scss.js.map +1 -0
  317. package/internal-components/popup/register.d.ts +9 -0
  318. package/internal-components/popup/register.js +2 -0
  319. package/internal-components/popup/register.js.map +1 -0
  320. package/internal-components/popup/utils/pointer.utils.d.ts +2 -0
  321. package/internal-components/popup/utils/pointer.utils.js +2 -0
  322. package/internal-components/popup/utils/pointer.utils.js.map +1 -0
  323. package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
  324. package/list/list.css +6 -6
  325. package/list/list.min.css +1 -1
  326. package/modal/modal-actions.element.js +1 -1
  327. package/modal/modal-content.element.d.ts +0 -1
  328. package/modal/modal-content.element.js +1 -1
  329. package/modal/modal-content.element.js.map +1 -1
  330. package/modal/modal.element.d.ts +14 -4
  331. package/modal/modal.element.js +1 -1
  332. package/modal/modal.element.js.map +1 -1
  333. package/modal/modal.element.scss.js +1 -1
  334. package/navigation/navigation-group.element.d.ts +2 -2
  335. package/navigation/navigation-group.element.scss.js +1 -5
  336. package/navigation/navigation-group.element.scss.js.map +1 -1
  337. package/navigation/navigation-item.element.js +1 -1
  338. package/navigation/navigation-item.element.scss.js +1 -5
  339. package/navigation/navigation-item.element.scss.js.map +1 -1
  340. package/navigation/navigation-start.element.js +1 -1
  341. package/navigation/navigation.element.d.ts +5 -5
  342. package/navigation/navigation.element.js +1 -1
  343. package/navigation/navigation.element.scss.js +1 -1
  344. package/navigation/utils/{index.d.ts → utils.d.ts} +0 -0
  345. package/navigation/utils/{index.js → utils.js} +1 -1
  346. package/navigation/utils/{index.js.map → utils.js.map} +1 -1
  347. package/package.json +115 -90
  348. package/pagination/pagination-button.element.d.ts +7 -10
  349. package/pagination/pagination-button.element.js +1 -1
  350. package/pagination/pagination-button.element.js.map +1 -1
  351. package/pagination/pagination.element.js +1 -1
  352. package/pagination/pagination.element.scss.js +1 -1
  353. package/pagination/utils.d.ts +5 -0
  354. package/pagination/utils.js +2 -0
  355. package/pagination/utils.js.map +1 -0
  356. package/password/password.element.js +1 -1
  357. package/password/password.element.js.map +1 -1
  358. package/password/register.d.ts +1 -0
  359. package/password/register.js +1 -1
  360. package/password/register.js.map +1 -1
  361. package/progress-circle/progress-circle.element.scss.js +1 -1
  362. package/radio/radio.element.scss.js +1 -1
  363. package/range/range.element.scss.js +1 -1
  364. package/range/range.global.scss.js +1 -1
  365. package/search/register.d.ts +1 -0
  366. package/search/register.js +1 -1
  367. package/search/register.js.map +1 -1
  368. package/search/search.element.js +1 -1
  369. package/search/search.element.js.map +1 -1
  370. package/select/register.d.ts +1 -1
  371. package/select/register.js +1 -1
  372. package/select/register.js.map +1 -1
  373. package/select/select.element.js +1 -1
  374. package/select/select.element.js.map +1 -1
  375. package/select/select.element.scss.js +1 -1
  376. package/select/select.global.scss.js +1 -1
  377. package/selection-panels/checkbox/checkbox-panel.element.d.ts +10 -13
  378. package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -1
  379. package/selection-panels/radio/radio-panel.element.d.ts +20 -15
  380. package/selection-panels/radio/radio-panel.element.js.map +1 -1
  381. package/selection-panels/shared/selection-panel.element.scss.js +1 -5
  382. package/selection-panels/shared/selection-panel.element.scss.js.map +1 -1
  383. package/styles/module.layout.css +1411 -655
  384. package/styles/module.layout.min.css +1 -1
  385. package/styles/module.tokens.css +74 -55
  386. package/styles/module.tokens.min.css +1 -1
  387. package/styles/module.typography.css +78 -26
  388. package/styles/module.typography.min.css +1 -1
  389. package/styles/shim.clr-ui.css +633 -0
  390. package/styles/shim.clr-ui.min.css +119 -0
  391. package/styles/theme.dark.css +6 -8
  392. package/styles/theme.dark.min.css +1 -1
  393. package/table/table.css +7 -7
  394. package/table/table.min.css +1 -1
  395. package/tag/tag.element.d.ts +2 -1
  396. package/tag/tag.element.js +1 -1
  397. package/tag/tag.element.js.map +1 -1
  398. package/tag/tag.element.scss.js +1 -1
  399. package/textarea/textarea.element.scss.js +1 -1
  400. package/time/register.d.ts +1 -0
  401. package/time/register.js +1 -1
  402. package/time/register.js.map +1 -1
  403. package/time/time.element.d.ts +0 -1
  404. package/time/time.element.js +1 -1
  405. package/time/time.element.js.map +1 -1
  406. package/toggle/toggle.element.scss.js +1 -1
  407. package/tokens/tokens.android.xml +33 -14
  408. package/tokens/tokens.d.ts +28 -9
  409. package/tokens/tokens.ios.swift +34 -15
  410. package/tokens/tokens.js +29 -10
  411. package/tokens/tokens.json +130 -29
  412. package/tokens/tokens.scss +87 -12
  413. package/tree-view/register.js +1 -1
  414. package/tree-view/register.js.map +1 -1
  415. package/tree-view/tree-item.element.d.ts +2 -2
  416. package/tree-view/tree-item.element.js +1 -1
  417. package/tree-view/tree-item.element.js.map +1 -1
  418. package/tree-view/tree-item.element.scss.js +1 -1
  419. package/_virtual/_virtual_library-entry-points +0 -2
  420. package/_virtual/_virtual_library-entry-points.map +0 -1
  421. package/button/icon-button.element.scss.js +0 -2
  422. package/button/icon-button.element.scss.js.map +0 -1
  423. package/button/inline-button.element.js +0 -2
  424. package/button/inline-button.element.js.map +0 -1
  425. package/button/inline-button.element.scss.js +0 -2
  426. package/button/inline-button.element.scss.js.map +0 -1
  427. package/forms/control-action/control-action.element.scss.js +0 -2
  428. package/forms/control-action/control-action.element.scss.js.map +0 -1
  429. package/forms/utils/index.js +0 -2
  430. package/internal/base/css-gap.base.d.ts +0 -18
  431. package/internal/base/css-gap.base.js +0 -2
  432. package/internal/base/css-gap.base.js.map +0 -1
  433. package/internal/interfaces/index.js +0 -2
  434. package/internal/utils/register.js +0 -2
  435. package/internal/utils/register.js.map +0 -1
  436. package/internal-components/close-button/close-button.element.scss.js +0 -2
  437. package/internal-components/close-button/close-button.element.scss.js.map +0 -1
  438. package/pagination/pagination-button.element.scss.js +0 -2
  439. package/pagination/pagination-button.element.scss.js.map +0 -1
  440. package/search/search.element.scss.js +0 -2
  441. package/search/search.element.scss.js.map +0 -1
  442. package/styles/module.shims.css +0 -896
  443. package/styles/module.shims.min.css +0 -1
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:inherit;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));width:100%;contain:inherit}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);background:var(--background);padding:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem)) var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem))}`;export default o;
1
+ import{css as o}from"lit";var r=o`:host{--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--font-weight:inherit;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));width:100%;contain:inherit}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);background:var(--background);padding:var(--cds-global-space-6,.75rem) var(--cds-global-space-11,2.25rem)}`;export default r;
2
2
  //# sourceMappingURL=accordion-content.element.scss.js.map
@@ -32,6 +32,8 @@ import { LitElement } from 'lit';
32
32
  * @cssprop --icon-transform
33
33
  */
34
34
  export declare class CdsAccordionHeader extends LitElement {
35
+ /** @private */
36
+ expanded: boolean;
35
37
  connectedCallback(): void;
36
38
  render(): import("lit-html").TemplateResult<1>;
37
39
  static get styles(): import("lit").CSSResultGroup[];
@@ -1,2 +1,2 @@
1
- import{createId as e,baseStyles as t}from"@cds/core/internal";import{LitElement as s,html as r}from"lit";import c from"./accordion-header.element.scss.js";class i extends s{connectedCallback(){super.connectedCallback(),this.setAttribute("slot","accordion-header"),this.id||(this.id=e())}render(){return r`<div class="private-host" cds-layout="horizontal gap:md align:vertical-center wrap:none"><cds-icon class="accordion-angle" shape="angle" size="9" inner-offset="2"></cds-icon><div cds-layout="align:stretch"><slot></slot></div></div>`}static get styles(){return[t,c]}}export{i as CdsAccordionHeader};
1
+ import{__decorate as t}from"tslib";import{createId as e,baseStyles as r,state as o}from"@cds/core/internal";import{LitElement as s,html as d}from"lit";import a from"./accordion-header.element.scss.js";class i extends s{constructor(){super(...arguments),this.expanded=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","accordion-header"),this.id||(this.id=e())}render(){return d`<div class="private-host" cds-layout="horizontal gap:sm align:vertical-center wrap:none"><cds-button-expand .pressed="${this.expanded}" readonly="readonly" action="vertical"></cds-button-expand><div cds-layout="align:stretch"><slot></slot></div></div>`}static get styles(){return[r,a]}}t([o()],i.prototype,"expanded",void 0);export{i as CdsAccordionHeader};
2
2
  //# sourceMappingURL=accordion-header.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"accordion-header.element.js","sources":["../../../src/accordion/accordion-header.element.ts"],"sourcesContent":null,"names":["CdsAccordionHeader","LitElement","[object Object]","super","connectedCallback","this","setAttribute","id","createId","html","styles","baseStyles"],"mappings":"2JAwCO,MAAMA,UAA2BC,EACpCC,oBACIC,MAAMC,oBACNC,KAAKC,aAAa,OAAQ,oBACrBD,KAAKE,KACNF,KAAKE,GAAKC,KAGlBN,SACI,OAAOO,CAAK,0OAKhBC,oBACI,MAAO,CAACC,EAAYD"}
1
+ {"version":3,"file":"accordion-header.element.js","sources":["../../../src/accordion/accordion-header.element.ts"],"sourcesContent":null,"names":["CdsAccordionHeader","LitElement","[object Object]","super","arguments","this","expanded","connectedCallback","setAttribute","id","createId","html","styles","baseStyles","__decorate","state","prototype"],"mappings":"yMAyCO,MAAMA,UAA2BC,EACpCC,cACIC,SAASC,WAETC,KAAKC,UAAW,EAEpBJ,oBACIC,MAAMI,oBACNF,KAAKG,aAAa,OAAQ,oBACrBH,KAAKI,KACNJ,KAAKI,GAAKC,KAGlBR,SACI,OAAOS,CAAK,yHACgBN,KAAKC,gIAIrCM,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,KACDf,EAAmBgB,UAAW,gBAAY"}
@@ -1,2 +1,2 @@
1
- import{css as o}from"lit";var r=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--font-size:var(--cds-global-typography-secondary-font-size, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--icon-color:var(--color);--icon-transform:rotate(90deg);cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}:host([_nfg]){overflow:hidden}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}cds-icon{--color:var(--icon-color);cursor:inherit;transform:var(--icon-transform);transition:transform var(--animation-duration)}`;export default r;
1
+ import{css as o}from"lit";var r=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--font-size:var(--cds-global-typography-secondary-font-size, 0.8125rem);--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--padding:calc(var(--cds-global-space-5, 0.5rem) + var(--cds-global-space-2, 0.125rem));cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--padding);cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}`;export default r;
2
2
  //# sourceMappingURL=accordion-header.element.scss.js.map
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- import { Animatable, EventEmitter } from '@cds/core/internal';
2
+ import { EventEmitter } from '@cds/core/internal';
3
3
  /**
4
4
  * Web component accordion panel to be used inside an accordion
5
5
  *
@@ -32,7 +32,7 @@ import { Animatable, EventEmitter } from '@cds/core/internal';
32
32
  * @cssprop --animation-duration
33
33
  * @cssprop --animation-easing
34
34
  */
35
- export declare class CdsAccordionPanel extends LitElement implements Animatable {
35
+ export declare class CdsAccordionPanel extends LitElement {
36
36
  cdsMotion: string;
37
37
  cdsMotionChange: EventEmitter<string>;
38
38
  disabled: boolean;
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{baseStyles as d,property as i,event as a,querySlot as n,animate as s,AnimationAccordionPanelOpenName as r,reverseAnimation as c}from"@cds/core/internal";import p from"./accordion-panel.element.scss.js";let l=class extends e{constructor(){super(...arguments),this.cdsMotion="on",this.disabled=!1,this.expanded=!1}toggle(){this.expandedChange.emit(!this.expanded)}updated(t){super.updated(t),this.content&&this.header&&(this.content.setAttribute("aria-labelledby",this.header.id),this.header.setAttribute("aria-controls",this.content.id))}render(){return o`<div class="private-host" role="group"><button class="accordion-header-button" cds-layout="horizontal align:vertical-center gap:md" type="button" @click="${()=>this.toggle()}" ?disabled="${this.disabled}" aria-disabled="${this.disabled}" aria-expanded="${this.expanded}" focusable><slot name="accordion-header"></slot></button><div aria-hidden="${!this.expanded}" class="accordion-content"><slot name="accordion-content"></slot></div></div>`}static get styles(){return[d,p]}};t([i({type:String})],l.prototype,"cdsMotion",void 0),t([a()],l.prototype,"cdsMotionChange",void 0),t([i({type:Boolean})],l.prototype,"disabled",void 0),t([i({type:Boolean})],l.prototype,"expanded",void 0),t([n("cds-accordion-header")],l.prototype,"header",void 0),t([n("cds-accordion-content")],l.prototype,"content",void 0),t([a()],l.prototype,"expandedChange",void 0),l=t([s({expanded:{true:r,false:c(r)}})],l);export{l as CdsAccordionPanel};
1
+ import{__decorate as e}from"tslib";import{LitElement as t,html as o}from"lit";import{baseStyles as d,property as i,event as a,querySlot as n,animate as s,AnimationAccordionPanelOpenName as r,reverseAnimation as c}from"@cds/core/internal";import p from"./accordion-panel.element.scss.js";let l=class extends t{constructor(){super(...arguments),this.cdsMotion="on",this.disabled=!1,this.expanded=!1}toggle(){this.expandedChange.emit(!this.expanded)}updated(e){super.updated(e),this.content&&this.header&&(this.content.setAttribute("aria-labelledby",this.header.id),this.header.setAttribute("aria-controls",this.content.id),this.header.expanded=this.expanded)}render(){return o`<div class="private-host" role="group"><button class="accordion-header-button" cds-layout="horizontal align:vertical-center gap:sm" type="button" @click="${()=>this.toggle()}" ?disabled="${this.disabled}" aria-disabled="${this.disabled}" aria-expanded="${this.expanded}" focusable><slot name="accordion-header"></slot></button><div aria-hidden="${!this.expanded}" class="accordion-content"><slot name="accordion-content"></slot></div></div>`}static get styles(){return[d,p]}};e([i({type:String})],l.prototype,"cdsMotion",void 0),e([a()],l.prototype,"cdsMotionChange",void 0),e([i({type:Boolean})],l.prototype,"disabled",void 0),e([i({type:Boolean})],l.prototype,"expanded",void 0),e([n("cds-accordion-header")],l.prototype,"header",void 0),e([n("cds-accordion-content")],l.prototype,"content",void 0),e([a()],l.prototype,"expandedChange",void 0),l=e([s({expanded:{true:r,false:c(r)}})],l);export{l as CdsAccordionPanel};
2
2
  //# sourceMappingURL=accordion-panel.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"accordion-panel.element.js","sources":["../../../src/accordion/accordion-panel.element.ts"],"sourcesContent":null,"names":["CdsAccordionPanel","LitElement","[object Object]","super","arguments","this","cdsMotion","disabled","expanded","expandedChange","emit","props","updated","content","header","setAttribute","id","html","toggle","styles","baseStyles","__decorate","property","type","String","prototype","event","Boolean","querySlot","animate","true","AnimationAccordionPanelOpenName","false","reverseAnimation"],"mappings":"+RAyCG,IAACA,EAAoB,cAAgCC,EACpDC,cACIC,SAASC,WACTC,KAAKC,UAAY,KACjBD,KAAKE,UAAW,EAChBF,KAAKG,UAAW,EAEpBN,SACIG,KAAKI,eAAeC,MAAML,KAAKG,UAEnCN,QAAQS,GACJR,MAAMS,QAAQD,GACVN,KAAKQ,SAAWR,KAAKS,SACrBT,KAAKQ,QAAQE,aAAa,kBAAmBV,KAAKS,OAAOE,IACzDX,KAAKS,OAAOC,aAAa,gBAAiBV,KAAKQ,QAAQG,KAG/Dd,SACI,OAAOe,CAAK,6JAKF,IAAMZ,KAAKa,wBACRb,KAAKE,4BACDF,KAAKE,4BACLF,KAAKG,wFAKHH,KAAKG,yFAK5BW,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxB,EAAkByB,UAAW,iBAAa,GAC7CJ,EAAW,CACPK,KACD1B,EAAkByB,UAAW,uBAAmB,GACnDJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClB3B,EAAkByB,UAAW,gBAAY,GAC5CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClB3B,EAAkByB,UAAW,gBAAY,GAC5CJ,EAAW,CACPO,EAAU,yBACX5B,EAAkByB,UAAW,cAAU,GAC1CJ,EAAW,CACPO,EAAU,0BACX5B,EAAkByB,UAAW,eAAW,GAC3CJ,EAAW,CACPK,KACD1B,EAAkByB,UAAW,sBAAkB,GAClDzB,EAAoBqB,EAAW,CAC3BQ,EAAQ,CACJrB,SAAU,CACNsB,KAAMC,EACNC,MAAOC,EAAiBF,OAGjC/B"}
1
+ {"version":3,"file":"accordion-panel.element.js","sources":["../../../src/accordion/accordion-panel.element.ts"],"sourcesContent":null,"names":["CdsAccordionPanel","LitElement","[object Object]","super","arguments","this","cdsMotion","disabled","expanded","expandedChange","emit","props","updated","content","header","setAttribute","id","html","toggle","styles","baseStyles","__decorate","property","type","String","prototype","event","Boolean","querySlot","animate","true","AnimationAccordionPanelOpenName","false","reverseAnimation"],"mappings":"+RAyCG,IAACA,EAAoB,cAAgCC,EACpDC,cACIC,SAASC,WACTC,KAAKC,UAAY,KACjBD,KAAKE,UAAW,EAChBF,KAAKG,UAAW,EAEpBN,SACIG,KAAKI,eAAeC,MAAML,KAAKG,UAEnCN,QAAQS,GACJR,MAAMS,QAAQD,GACVN,KAAKQ,SAAWR,KAAKS,SACrBT,KAAKQ,QAAQE,aAAa,kBAAmBV,KAAKS,OAAOE,IACzDX,KAAKS,OAAOC,aAAa,gBAAiBV,KAAKQ,QAAQG,IACvDX,KAAKS,OAAON,SAAWH,KAAKG,UAGpCN,SACI,OAAOe,CAAK,6JAKF,IAAMZ,KAAKa,wBACRb,KAAKE,4BACDF,KAAKE,4BACLF,KAAKG,wFAKHH,KAAKG,yFAK5BW,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxB,EAAkByB,UAAW,iBAAa,GAC7CJ,EAAW,CACPK,KACD1B,EAAkByB,UAAW,uBAAmB,GACnDJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClB3B,EAAkByB,UAAW,gBAAY,GAC5CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClB3B,EAAkByB,UAAW,gBAAY,GAC5CJ,EAAW,CACPO,EAAU,yBACX5B,EAAkByB,UAAW,cAAU,GAC1CJ,EAAW,CACPO,EAAU,0BACX5B,EAAkByB,UAAW,eAAW,GAC3CJ,EAAW,CACPK,KACD1B,EAAkByB,UAAW,sBAAkB,GAClDzB,EAAoBqB,EAAW,CAC3BQ,EAAQ,CACJrB,SAAU,CACNsB,KAAMC,EACNC,MAAOC,EAAiBF,OAGjC/B"}
@@ -1,2 +1,2 @@
1
- import{css as o}from"lit";var a=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));contain:inherit}.accordion-header-button{background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0));border:0;padding:0;width:100%}.accordion-content{overflow-y:hidden}:host([cds-motion=off]) .accordion-content{height:0}:host([cds-motion=off][expanded]) .accordion-content{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:auto!important;transform:none}:host([expanded]) .accordion-content{box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);margin-top:var(--border-width)}:host([expanded]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--icon-transform:rotate(180deg)}:host([disabled]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));cursor:not-allowed}`;export default a;
1
+ import{css as o}from"lit";var a=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));contain:inherit}.accordion-header-button{background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0));border:0;padding:0;width:100%}.accordion-content{overflow-y:hidden}:host([cds-motion=off]) .accordion-content{height:0}:host([cds-motion=off][expanded]) .accordion-content{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:auto!important;-webkit-transform:none;transform:none}:host([expanded]) .accordion-content{-webkit-box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);margin-top:var(--border-width)}:host([expanded]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));cursor:not-allowed}`;export default a;
2
2
  //# sourceMappingURL=accordion-panel.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{css as r}from"lit";var o=r`:host{--border-color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));width:100%}::slotted(cds-accordion-panel){border:var(--border-width) solid var(--border-color);border-bottom:none}::slotted(cds-accordion-panel:first-child){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}::slotted(cds-accordion-panel:last-child){border-bottom:var(--border-width) solid var(--border-color);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}`;export default o;
1
+ import{css as r}from"lit";var o=r`:host{--border-color:var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);width:100%}::slotted(cds-accordion-panel){border:var(--border-width) solid var(--border-color);border-bottom:none}::slotted(cds-accordion-panel:first-child){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}::slotted(cds-accordion-panel:last-child){border-bottom:var(--border-width) solid var(--border-color);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}`;export default o;
2
2
  //# sourceMappingURL=accordion.element.scss.js.map
@@ -3,6 +3,7 @@ import { CdsAccordionPanel } from './accordion-panel.element.js';
3
3
  import { CdsAccordionContent } from './accordion-content.element.js';
4
4
  import { CdsAccordionHeader } from './accordion-header.element.js';
5
5
  import '@cds/core/icon/register.js';
6
+ import '@cds/core/button-expand/register.js';
6
7
  declare global {
7
8
  interface HTMLElementTagNameMap {
8
9
  'cds-accordion': CdsAccordion;
@@ -1,2 +1,2 @@
1
- import{registerElementSafely as o,ClarityMotion as c,AnimationAccordionPanelOpenName as r,AnimationAccordionPanelOpenConfig as e}from"@cds/core/internal";import{CdsAccordion as n}from"./accordion.element.js";import{CdsAccordionPanel as i}from"./accordion-panel.element.js";import{CdsAccordionContent as d}from"./accordion-content.element.js";import{CdsAccordionHeader as s}from"./accordion-header.element.js";import{ClarityIcons as m}from"@cds/core/icon/icon.service.js";import{angleIcon as t}from"@cds/core/icon/shapes/angle.js";import"@cds/core/icon/register.js";o("cds-accordion",n),o("cds-accordion-panel",i),o("cds-accordion-content",d),o("cds-accordion-header",s),m.addIcons(t),c.add(r,e);
1
+ import{registerElementSafely as o,ClarityMotion as r,AnimationAccordionPanelOpenName as c,AnimationAccordionPanelOpenConfig as e}from"@cds/core/internal";import{CdsAccordion as n}from"./accordion.element.js";import{CdsAccordionPanel as d}from"./accordion-panel.element.js";import{CdsAccordionContent as t}from"./accordion-content.element.js";import{CdsAccordionHeader as i}from"./accordion-header.element.js";import"@cds/core/icon/register.js";import"@cds/core/button-expand/register.js";o("cds-accordion",n),o("cds-accordion-panel",d),o("cds-accordion-content",t),o("cds-accordion-header",i),r.add(c,e);
2
2
  //# sourceMappingURL=register.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"register.js","sources":["../../../src/accordion/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsAccordion","CdsAccordionPanel","CdsAccordionContent","CdsAccordionHeader","ClarityIcons","addIcons","angleIcon","ClarityMotion","add","AnimationAccordionPanelOpenName","AnimationAccordionPanelOpenConfig"],"mappings":"qjBAaAA,EAAsB,gBAAiBC,GACvCD,EAAsB,sBAAuBE,GAC7CF,EAAsB,wBAAyBG,GAC/CH,EAAsB,uBAAwBI,GAC9CC,EAAaC,SAASC,GACtBC,EAAcC,IAAIC,EAAiCC"}
1
+ {"version":3,"file":"register.js","sources":["../../../src/accordion/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsAccordion","CdsAccordionPanel","CdsAccordionContent","CdsAccordionHeader","ClarityMotion","add","AnimationAccordionPanelOpenName","AnimationAccordionPanelOpenConfig"],"mappings":"weAYAA,EAAsB,gBAAiBC,GACvCD,EAAsB,sBAAuBE,GAC7CF,EAAsB,wBAAyBG,GAC/CH,EAAsB,uBAAwBI,GAC9CC,EAAcC,IAAIC,EAAiCC"}
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{assignSlotNames as e,baseStyles as r,state as s,querySlotAll as o}from"@cds/core/internal";import{LitElement as i,html as n}from"lit";import a from"./alert-actions.element.scss.js";class p extends i{constructor(){super(...arguments),this.type="light"}render(){return n`<div class="private-host" cds-layout="horizontal wrap:none gap:sm align:vertical-center"><slot></slot></div>`}connectedCallback(){super.connectedCallback(),e([this,"actions"])}updated(t){super.updated(t),this.buttons.forEach((t=>{t.status="banner"===this.type?"inverse":"primary",t.size="banner"===this.type?"sm":"md",t.style.setProperty("--color","inherit")}))}static get styles(){return[r,a]}}t([s({type:String,reflect:!0})],p.prototype,"type",void 0),t([o("cds-button")],p.prototype,"buttons",void 0);export{p as CdsAlertActions};
1
+ import{__decorate as t}from"tslib";import{assignSlotNames as e,baseStyles as r,state as s,querySlotAll as o}from"@cds/core/internal";import{LitElement as i,html as n}from"lit";import a from"./alert-actions.element.scss.js";class p extends i{constructor(){super(...arguments),this.type="light"}render(){return n`<div class="private-host" cds-layout="horizontal wrap:none gap:xs align:vertical-center"><slot></slot></div>`}connectedCallback(){super.connectedCallback(),e([this,"actions"])}updated(t){super.updated(t),this.buttons.forEach((t=>{t.status="banner"===this.type?"inverse":"primary",t.size="banner"===this.type?"sm":"md",t.style.setProperty("--color","inherit")}))}static get styles(){return[r,a]}}t([s({type:String,reflect:!0})],p.prototype,"type",void 0),t([o("cds-button")],p.prototype,"buttons",void 0);export{p as CdsAlertActions};
2
2
  //# sourceMappingURL=alert-actions.element.js.map
@@ -1,2 +1,2 @@
1
- import{css as t}from"lit";var o=t`:host{--action-hover-text-color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--action-text-color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--action-font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));white-space:nowrap}:host([_type=light]){display:none!important}:host([_type=default]) ::slotted(cds-button),:host([_type=light]) ::slotted(cds-button){--color:var(--action-text-color);--border-color:var(--action-text-color);--background:none;--padding:none;--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--text-transform:none;--text-decoration:underline;--border-width:0;--height:var(--action-size, auto);--min-width:initial;display:inline-block}:host([_type=default]) ::slotted(cds-button:hover),:host([_type=light]) ::slotted(cds-button:hover){--color:var(--action-hover-text-color);--border-color:var(--action-hover-text-color)}:host([_type=default]) ::slotted([cds-text~=link]),:host([_type=light]) ::slotted([cds-text~=link]){color:var(--action-text-color)!important;font-size:var(--action-font-size)!important;font-weight:var(--cds-global-typography-font-weight-medium,500)}:host([_type=default]) ::slotted([cds-text~=link]:hover),:host([_type=light]) ::slotted([cds-text~=link]:hover){color:var(--action-hover-text-color)!important}:host([_type=default]){--action-size:calc(var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) - var(--cds-global-space-3, calc((4 / var(--cds-global-base, 20)) * 1rem)))}:host([_type=banner]){--action-size:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}:host([_type=banner]) ::slotted(cds-button){--color:var(--action-text-color);--border-color:var(--action-text-color)}:host([_type=banner])::slotted(a),:host([_type=default])::slotted(a){color:var(--action-text-color)}:host([_type=default]) .private-host{height:calc(var(--action-size) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)))}:host([_type=default]) ::slotted(cds-button){--font-size:var(--action-font-size);--letter-spacing:normal;--height:var(--action-size);line-height:1em}`;export default o;
1
+ import{css as t}from"lit";var o=t`:host{--action-hover-text-color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--action-text-color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--action-font-size:var(--cds-global-typography-font-size-3, 0.8125rem);white-space:nowrap}:host([_type=light]){display:none!important}:host([_type=default]) ::slotted(cds-button),:host([_type=light]) ::slotted(cds-button){--color:var(--action-text-color);--border-color:var(--action-text-color);--background:none;--padding:none;--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--text-transform:none;--text-decoration:underline;--border-width:0;--height:var(--action-size, auto);--min-width:initial;display:inline-block}:host([_type=default]) ::slotted(cds-button:hover),:host([_type=light]) ::slotted(cds-button:hover){--color:var(--action-hover-text-color);--border-color:var(--action-hover-text-color)}:host([_type=default]) ::slotted([cds-text~=link]),:host([_type=light]) ::slotted([cds-text~=link]){color:var(--action-text-color)!important;font-size:var(--action-font-size)!important;font-weight:var(--cds-global-typography-font-weight-medium,500)}:host([_type=default]) ::slotted([cds-text~=link]:hover),:host([_type=light]) ::slotted([cds-text~=link]:hover){color:var(--action-hover-text-color)!important}:host([_type=default]){--action-size:calc(var(--cds-global-space-9, 1.5rem) - var(--cds-global-space-3, 0.25rem))}:host([_type=banner]){--action-size:var(--cds-global-space-9, 1.5rem)}:host([_type=banner]) ::slotted(cds-button){--color:var(--action-text-color);--border-color:var(--action-text-color)}:host([_type=banner])::slotted(a),:host([_type=default])::slotted(a){color:var(--action-text-color)}:host([_type=default]) .private-host{height:calc(var(--action-size) + var(--cds-global-space-2,.125rem))}:host([_type=default]) ::slotted(cds-button){--font-size:var(--action-font-size);--letter-spacing:normal;--height:var(--action-size);line-height:1em}`;export default o;
2
2
  //# sourceMappingURL=alert-actions.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{LitElement as s,html as e}from"lit";import{query as r}from"lit/decorators/query.js";import{syncProps as a,baseStyles as o,property as i,querySlotAll as p,querySlot as l}from"@cds/core/internal";import d from"./alert-group.element.scss.js";class n extends s{constructor(){super(...arguments),this.size="default",this.type="default",this.status="neutral"}render(){return e`<div cds-layout="${this.pager?"horizontal wrap:none":"horizontal"}" class="${this.pager?"private-host":"private-host no-pager"}"><div class="pager-wrapper" cds-layout="p-x:lg"><slot name="pager"></slot></div><div class="alert-group-wrapper"><div class="alerts" cds-layout="vertical wrap:none align:horizontal-stretch fill ${"sm"===this.size?"gap:none":"gap:sm"}"><slot></slot></div></div></div>`}connectedCallback(){super.connectedCallback(),this.role="region"}firstUpdated(t){super.firstUpdated(t),this.setupAlertsUpdate()}setupAlertsUpdate(){var t;const s={status:!0,type:!0,size:!0};null===(t=this.alertSlot)||void 0===t||t.addEventListener("slotchange",(()=>this.syncAlerts(s)))}async syncAlerts(t){await Promise.all(Array.from(this.alerts).map((t=>t.updateComplete))),this.alerts.forEach((s=>a(s,this,{status:t.status&&"light"!==this.type&&"loading"!==s.status,type:t.type,size:t.size})))}updated(t){super.updated(t),this.syncAlerts({status:t.has("status"),type:t.has("type"),size:t.has("size")})}static get styles(){return[o,d]}}t([i({type:String})],n.prototype,"size",void 0),t([i({type:String})],n.prototype,"type",void 0),t([i({type:String})],n.prototype,"status",void 0),t([p("cds-alert")],n.prototype,"alerts",void 0),t([l(".pager",{assign:"pager"})],n.prototype,"pager",void 0),t([r(".alerts")],n.prototype,"alertSlot",void 0);export{n as CdsAlertGroup};
1
+ import{__decorate as t}from"tslib";import{LitElement as s,html as e}from"lit";import{query as r}from"lit/decorators/query.js";import{syncProps as a,baseStyles as o,property as i,querySlotAll as p,querySlot as l}from"@cds/core/internal";import d from"./alert-group.element.scss.js";class n extends s{constructor(){super(...arguments),this.size="default",this.type="default",this.status="neutral"}render(){return e`<div cds-layout="${this.pager?"horizontal wrap:none":"horizontal"}" class="${this.pager?"private-host":"private-host no-pager"}"><div class="pager-wrapper" cds-layout="p-x:lg"><slot name="pager"></slot></div><div class="alert-group-wrapper"><div class="alerts" cds-layout="vertical wrap:none align:horizontal-stretch fill ${"sm"===this.size?"gap:none":"gap:xs"}"><slot></slot></div></div></div>`}connectedCallback(){super.connectedCallback(),this.role="region"}firstUpdated(t){super.firstUpdated(t),this.setupAlertsUpdate()}setupAlertsUpdate(){var t;const s={status:!0,type:!0,size:!0};null===(t=this.alertSlot)||void 0===t||t.addEventListener("slotchange",(()=>this.syncAlerts(s)))}async syncAlerts(t){await Promise.all(Array.from(this.alerts).map((t=>t.updateComplete))),this.alerts.forEach((s=>a(s,this,{status:t.status&&"light"!==this.type&&"loading"!==s.status,type:t.type,size:t.size})))}updated(t){super.updated(t),this.syncAlerts({status:t.has("status"),type:t.has("type"),size:t.has("size")})}static get styles(){return[o,d]}}t([i({type:String})],n.prototype,"size",void 0),t([i({type:String})],n.prototype,"type",void 0),t([i({type:String})],n.prototype,"status",void 0),t([p("cds-alert")],n.prototype,"alerts",void 0),t([l(".pager",{assign:"pager"})],n.prototype,"pager",void 0),t([r(".alerts")],n.prototype,"alertSlot",void 0);export{n as CdsAlertGroup};
2
2
  //# sourceMappingURL=alert-group.element.js.map
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var r=a`:host{--icon-color:var(--color);--icon-size:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-secondary-font-size, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--pager-background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));width:100%}.private-host{background:var(--background);border-width:var(--border-width);border-color:var(--border-color);border-style:solid;border-radius:var(--border-radius)}.alert-group-wrapper{width:100%;padding:var(--padding)}:host([status=info]){--background:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--background:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--background:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([type=default][size=sm]){--padding:var(--cds-global-space-3, calc((4 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-3, calc((4 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem))}:host([type=light]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:0;--padding:0}:host([type=light]) .private-host{border:0}:host([type=banner]){--border-color:var(--background);--padding:var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-width:0;--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-radius:0}:host([type=banner][status=info]){--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--pager-background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([type=banner][status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--pager-background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([type=banner][status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--pager-background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([type=banner][status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--pager-background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([type=banner][status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--pager-background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55))}:host([type=banner][status=alt]){--background:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5));--pager-background:var(--cds-alias-status-alt-shade, var(--cds-global-color-violet-900, #440061))}.no-pager .pager-wrapper{display:none}.pager-wrapper{background-color:var(--pager-background);padding-top:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem));padding-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([type=banner]) .alert-group-wrapper{padding-top:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem));padding-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}::slotted(.pager){color:var(--cds-global-typography-color-100,var(--cds-global-color-white,#fff));width:calc(2*var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem)));height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center;align-items:center}`;export default r;
1
+ import{css as a}from"lit";var r=a`:host{--icon-color:var(--color);--icon-size:var(--cds-global-space-8, 1.125rem);--font-size:var(--cds-global-typography-secondary-font-size, 0.8125rem);--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--padding:var(--cds-global-space-5, 0.5rem) var(--cds-global-space-5, 0.5rem) var(--cds-global-space-4, 0.375rem) var(--cds-global-space-6, 0.75rem);--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--pager-background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));width:100%}.private-host{background:var(--background);border-width:var(--border-width);border-color:var(--border-color);border-style:solid;border-radius:var(--border-radius)}.alert-group-wrapper{width:100%;padding:var(--padding)}:host([status=info]){--background:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--background:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--background:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([type=default][size=sm]){--padding:var(--cds-global-space-3, 0.25rem) var(--cds-global-space-3, 0.25rem) var(--cds-global-space-2, 0.125rem) var(--cds-global-space-4, 0.375rem)}:host([type=light]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:0;--padding:0}:host([type=light]) .private-host{border:0}:host([type=banner]){--border-color:var(--background);--padding:var(--cds-global-space-1, 0.0625rem) var(--cds-global-space-6, 0.75rem);--border-width:0;--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-radius:0}:host([type=banner][status=info]){--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--pager-background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([type=banner][status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--pager-background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([type=banner][status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--pager-background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([type=banner][status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--pager-background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([type=banner][status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--pager-background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55))}:host([type=banner][status=alt]){--background:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5));--pager-background:var(--cds-alias-status-alt-shade, var(--cds-global-color-violet-900, #440061))}.no-pager .pager-wrapper{display:none}.pager-wrapper{background-color:var(--pager-background);padding-top:var(--cds-global-space-2,.125rem);padding-bottom:var(--cds-global-space-2,.125rem)}:host([type=banner]) .alert-group-wrapper{padding-top:var(--cds-global-space-2,.125rem);padding-bottom:var(--cds-global-space-2,.125rem)}::slotted(.pager){color:var(--cds-global-typography-color-100,var(--cds-global-color-white,#fff));width:calc(2*var(--cds-global-space-12,3rem));height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}`;export default r;
2
2
  //# sourceMappingURL=alert-group.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{LitElement as e,html as s}from"lit";import{I18nService as r,setAttributes as a,syncDefinedProps as n,baseStyles as o,event as i,property as c,state as l,id as p,i18n as d,querySlot as h,querySlotAll as u}from"@cds/core/internal";import{ClarityIcons as g}from"@cds/core/icon/icon.service.js";import{infoStandardIcon as y}from"@cds/core/icon/shapes/info-standard.js";import{successStandardIcon as m}from"@cds/core/icon/shapes/success-standard.js";import{warningStandardIcon as f}from"@cds/core/icon/shapes/warning-standard.js";import{errorStandardIcon as b}from"@cds/core/icon/shapes/error-standard.js";import{helpIcon as w}from"@cds/core/icon/shapes/help.js";import $ from"./alert.element.scss.js";function v(t){const e={info:[g.getIconNameFromShape(y),r.keys.alert.info],success:[g.getIconNameFromShape(m),r.keys.alert.success],warning:[g.getIconNameFromShape(f),r.keys.alert.warning],danger:[g.getIconNameFromShape(b),r.keys.alert.danger],unknown:[g.getIconNameFromShape(w),r.keys.alert.info],loading:["loading",r.keys.alert.loading]};return e[t]?e[t]:e.info}function k(t){return["info","success","warning","danger","unknown"].map((t=>A(t))).indexOf(t)>-1}function z(t){return v(t)[1]}function A(t){return v(t)[0]}function F(t,e,s){const r="align:stretch";switch(e){case"light":return"";case"banner":switch(t){case"wrapper":return s?r:"";case"content":return"align:shrink";case"actions":return s?r:"";default:return""}default:switch(t){case"wrapper":case"content":return r;case"actions":return"align:shrink";default:return""}}}class S extends e{constructor(){super(),this.size="default",this.type="light",this.closable=!1,this.status="neutral",this.i18n=r.keys.alert,g.addIcons(y,b,m,f,w)}connectedCallback(){super.connectedCallback(),a(this,["aria-describedby",this.idForAriaDescriber],["role","region"])}updated(t){super.updated(t),n(t,this,[this.alertActions])}get parentGroupHasPager(){return"banner"===this.type&&!!this.parentElement.pager}render(){return s`<div class="private-host" cds-layout="${"banner"===this.type?"horizontal wrap:none gap:sm align:vertical-center align:horizontal-center":"horizontal wrap:none gap:sm"}">${"banner"!==this.type||this.parentGroupHasPager?s``:s`<span class="alert-spacer" cds-layout="align:stretch"> </span>`} <span class="alert-icon-wrapper" cds-layout="horizontal">${"loading"===this.status?s`<cds-progress-circle class="alert-spinner" status="info" size="${"banner"===this.type?"20":"18"}" aria-label="${z(this.status)}" role="img" cds-layout="align:horizontal-center"></cds-progress-circle>`:s`<slot name="alert-icon"><cds-icon class="alert-status-icon" shape="${A(this.status)}" role="img" aria-label="${z(this.status)}" cds-layout="align:horizontal-center"></cds-icon></slot>`} </span><span class="alert-content-wrapper" cds-layout="horizontal wrap:none ${F("wrapper",this.type,this.parentGroupHasPager)}"><span id="${this.idForAriaDescriber}" role="status" class="alert-content" cds-layout="${F("content",this.type,this.parentGroupHasPager)}"><slot></slot>${"light"===this.type?s`<slot name="actions"></slot>`:s``} </span>${"light"===this.type?s``:s`<span class="alert-actions-wrapper" cds-layout="${this.alertActions?"p-l:md":""} ${F("actions",this.type,this.parentGroupHasPager)}"><slot name="actions"></slot></span>`} </span>${"banner"!==this.type||this.parentGroupHasPager?s``:s`<span class="alert-spacer" cds-layout="align:stretch"> </span>`} ${"light"!==this.type&&this.closable?s`<span class="alert-close-wrapper"><slot name="close-button"><cds-internal-close-button icon-size="${"banner"===this.type?"20":"16"}" @click="${()=>this.closeAlert()}" aria-label="${this.i18n.closeButtonAriaLabel}"></cds-internal-close-button></slot></span>`:s``}</div>`}closeAlert(){this.closeChange.emit(!0)}static get styles(){return[o,$]}}t([i()],S.prototype,"closeChange",void 0),t([c({type:String})],S.prototype,"size",void 0),t([l({type:String,reflect:!0})],S.prototype,"type",void 0),t([p()],S.prototype,"idForAriaDescriber",void 0),t([c({type:Boolean})],S.prototype,"closable",void 0),t([c({type:String})],S.prototype,"status",void 0),t([d()],S.prototype,"i18n",void 0),t([h("cds-alert-actions")],S.prototype,"alertActions",void 0),t([u("cds-icon",{assign:"alert-icon"})],S.prototype,"alertIcons",void 0),t([h("cds-internal-close-button",{assign:"close-button"})],S.prototype,"closeButton",void 0);export{S as CdsAlert,F as getAlertContentLayout,z as getIconStatusLabel,A as getIconStatusShape,v as getIconStatusTuple,k as iconShapeIsAlertStatusType};
1
+ import{__decorate as t}from"tslib";import{LitElement as e,html as s}from"lit";import{I18nService as r,setAttributes as a,syncDefinedProps as n,baseStyles as o,event as i,property as c,state as l,id as p,i18n as d,querySlot as h,querySlotAll as u}from"@cds/core/internal";import{ClarityIcons as g}from"@cds/core/icon/icon.service.js";import{infoStandardIcon as y}from"@cds/core/icon/shapes/info-standard.js";import{successStandardIcon as m}from"@cds/core/icon/shapes/success-standard.js";import{warningStandardIcon as f}from"@cds/core/icon/shapes/warning-standard.js";import{errorStandardIcon as b}from"@cds/core/icon/shapes/error-standard.js";import{helpIcon as $}from"@cds/core/icon/shapes/help.js";import w from"./alert.element.scss.js";function v(t){const e={info:[g.getIconNameFromShape(y),r.keys.alert.info],success:[g.getIconNameFromShape(m),r.keys.alert.success],warning:[g.getIconNameFromShape(f),r.keys.alert.warning],danger:[g.getIconNameFromShape(b),r.keys.alert.danger],unknown:[g.getIconNameFromShape($),r.keys.alert.info],loading:["loading",r.keys.alert.loading]};return e[t]?e[t]:e.info}function k(t){return["info","success","warning","danger","unknown"].map((t=>A(t))).indexOf(t)>-1}function z(t){return v(t)[1]}function A(t){return v(t)[0]}function F(t,e,s){const r="align:stretch";switch(e){case"light":return"";case"banner":switch(t){case"wrapper":return s?r:"";case"content":return"align:shrink";case"actions":return s?r:"";default:return""}default:switch(t){case"wrapper":case"content":return r;case"actions":return"align:shrink";default:return""}}}class S extends e{constructor(){super(),this.size="default",this.type="light",this.closable=!1,this.status="neutral",this.i18n=r.keys.alert,g.addIcons(y,b,m,f,$)}connectedCallback(){super.connectedCallback(),a(this,["aria-describedby",this.idForAriaDescriber],["role","region"])}updated(t){super.updated(t),n(t,this,[this.alertActions])}get parentGroupHasPager(){return"banner"===this.type&&!!this.parentElement.pager}render(){return s`<div class="private-host" cds-layout="${"banner"===this.type?"horizontal wrap:none gap:xs align:vertical-center align:horizontal-center":"horizontal wrap:none gap:xs"}">${"banner"!==this.type||this.parentGroupHasPager?s``:s`<span class="alert-spacer" cds-layout="align:stretch"> </span>`} <span class="alert-icon-wrapper" cds-layout="horizontal">${"loading"===this.status?s`<cds-progress-circle class="alert-spinner" status="info" size="${"banner"===this.type?"20":"18"}" aria-label="${z(this.status)}" role="img" cds-layout="align:horizontal-center"></cds-progress-circle>`:s`<slot name="alert-icon"><cds-icon class="alert-status-icon" shape="${A(this.status)}" role="img" aria-label="${z(this.status)}" cds-layout="align:horizontal-center"></cds-icon></slot>`} </span><span class="alert-content-wrapper" cds-layout="horizontal wrap:none ${F("wrapper",this.type,this.parentGroupHasPager)}"><span id="${this.idForAriaDescriber}" role="status" class="alert-content" cds-layout="${F("content",this.type,this.parentGroupHasPager)}"><slot></slot>${"light"===this.type?s`<slot name="actions"></slot>`:s``} </span>${"light"===this.type?s``:s`<span class="alert-actions-wrapper" cds-layout="${this.alertActions?"p-l:md":""} ${F("actions",this.type,this.parentGroupHasPager)}"><slot name="actions"></slot></span>`} </span>${"banner"!==this.type||this.parentGroupHasPager?s``:s`<span class="alert-spacer" cds-layout="align:stretch"> </span>`} ${"light"!==this.type&&this.closable?s`<slot name="close-button"><cds-internal-close-button icon-size="${"banner"===this.type?"20":"16"}" @click="${()=>this.closeAlert()}" aria-label="${this.i18n.closeButtonAriaLabel}"></cds-internal-close-button></slot>`:s``}</div>`}closeAlert(){this.closeChange.emit(!0)}static get styles(){return[o,w]}}t([i()],S.prototype,"closeChange",void 0),t([c({type:String})],S.prototype,"size",void 0),t([l({type:String,reflect:!0})],S.prototype,"type",void 0),t([p()],S.prototype,"idForAriaDescriber",void 0),t([c({type:Boolean})],S.prototype,"closable",void 0),t([c({type:String})],S.prototype,"status",void 0),t([d()],S.prototype,"i18n",void 0),t([h("cds-alert-actions")],S.prototype,"alertActions",void 0),t([u("cds-icon",{assign:"alert-icon"})],S.prototype,"alertIcons",void 0),t([h("cds-internal-close-button",{assign:"close-button"})],S.prototype,"closeButton",void 0);export{S as CdsAlert,F as getAlertContentLayout,z as getIconStatusLabel,A as getIconStatusShape,v as getIconStatusTuple,k as iconShapeIsAlertStatusType};
2
2
  //# sourceMappingURL=alert.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.element.js","sources":["../../../src/alert/alert.element.ts"],"sourcesContent":null,"names":["getIconStatusTuple","status","statusIcons","info","ClarityIcons","getIconNameFromShape","infoStandardIcon","I18nService","keys","alert","success","successStandardIcon","warning","warningStandardIcon","danger","errorStandardIcon","unknown","helpIcon","loading","iconShapeIsAlertStatusType","shape","map","s","getIconStatusShape","indexOf","getIconStatusLabel","getAlertContentLayout","containerType","alertGroupType","alertGroupHasPager","fillLayoutValue","CdsAlert","LitElement","[object Object]","super","this","size","type","closable","i18n","addIcons","connectedCallback","setAttributes","idForAriaDescriber","props","updated","syncDefinedProps","alertActions","parentGroupHasPager","parentElement","pager","html","closeAlert","closeButtonAriaLabel","closeChange","emit","styles","baseStyles","__decorate","event","prototype","property","String","state","reflect","id","Boolean","querySlot","querySlotAll","assign"],"mappings":"muBAeO,SAASA,EAAmBC,GAC/B,MAAMC,EAAc,CAChBC,KAAM,CAACC,EAAaC,qBAAqBC,GAAmBC,EAAYC,KAAKC,MAAMN,MACnFO,QAAS,CAACN,EAAaC,qBAAqBM,GAAsBJ,EAAYC,KAAKC,MAAMC,SACzFE,QAAS,CAACR,EAAaC,qBAAqBQ,GAAsBN,EAAYC,KAAKC,MAAMG,SACzFE,OAAQ,CAACV,EAAaC,qBAAqBU,GAAoBR,EAAYC,KAAKC,MAAMK,QACtFE,QAAS,CAACZ,EAAaC,qBAAqBY,GAAWV,EAAYC,KAAKC,MAAMN,MAC9Ee,QAAS,CAAC,UAAWX,EAAYC,KAAKC,MAAMS,UAEhD,OAAOhB,EAAYD,GAAUC,EAAYD,GAAUC,EAAYC,KAE5D,SAASgB,EAA2BC,GAIvC,MAHqB,CAAC,OAAQ,UAAW,UAAW,SAAU,WAAWC,KAAIC,GAClEC,EAAmBD,KAEVE,QAAQJ,IAAU,EAEnC,SAASK,EAAmBxB,GAC/B,OAAOD,EAAmBC,GAAQ,GAE/B,SAASsB,EAAmBtB,GAC/B,OAAOD,EAAmBC,GAAQ,GAE/B,SAASyB,EAAsBC,EAAeC,EAAgBC,GACjE,MAAMC,EAAkB,gBACxB,OAAQF,GACJ,IAAK,QACD,MAAO,GACX,IAAK,SACD,OAAQD,GACJ,IAAK,UACD,OAAOE,EAAqBC,EAAkB,GAClD,IAAK,UACD,MAAO,eACX,IAAK,UACD,OAAOD,EAAqBC,EAAkB,GAClD,QACI,MAAO,GAEnB,QACI,OAAQH,GACJ,IAAK,UAEL,IAAK,UACD,OAAOG,EACX,IAAK,UACD,MAAO,eACX,QACI,MAAO,KA0CpB,MAAMC,UAAiBC,EAC1BC,cACIC,QAKAC,KAAKC,KAAO,UAMZD,KAAKE,KAAO,QAMZF,KAAKG,UAAW,EAKhBH,KAAKlC,OAAS,UACdkC,KAAKI,KAAOhC,EAAYC,KAAKC,MAC7BL,EAAaoC,SAASlC,EAAkBS,EAAmBJ,EAAqBE,EAAqBI,GAEzGgB,oBACIC,MAAMO,oBACNC,EAAcP,KAAM,CAAC,mBAAoBA,KAAKQ,oBAAqB,CAAC,OAAQ,WAEhFV,QAAQW,GACJV,MAAMW,QAAQD,GACdE,EAAiBF,EAAOT,KAAM,CAACA,KAAKY,eAExCC,0BACI,MAAqB,WAAdb,KAAKE,QAAuBF,KAAKc,cAAcC,MAE1DjB,SACI,OAAOkB,CAAK,yCAGgB,WAAdhB,KAAKE,KACb,4EACA,kCAEU,WAAdF,KAAKE,MAAsBF,KAAKa,oBAE5BG,CAAK,GADLA,CAAK,6HAGS,YAAhBhB,KAAKlC,OACHkD,CAAK,kEAGmB,WAAdhB,KAAKE,KAAoB,KAAO,qBAC1BZ,EAAmBU,KAAKlC,kFAIxCkD,CAAK,sEAGQ5B,EAAmBY,KAAKlC,mCAEnBwB,EAAmBU,KAAKlC,kJAOXyB,EAAsB,UAAWS,KAAKE,KAAMF,KAAKa,mCAG5Eb,KAAKQ,uEAGGjB,EAAsB,UAAWS,KAAKE,KAAMF,KAAKa,sCAG/C,UAAdb,KAAKE,KAAmBc,CAAK,+BAAiCA,CAAK,aAEvD,UAAdhB,KAAKE,KACHc,CAAK,GACLA,CAAK,mDAEWhB,KAAKY,aAAe,SAAW,MAAMrB,EAAsB,UAAWS,KAAKE,KAAMF,KAAKa,sEAK5F,WAAdb,KAAKE,MAAsBF,KAAKa,oBAE5BG,CAAK,GADLA,CAAK,oEAEK,UAAdhB,KAAKE,MAAoBF,KAAKG,SAC1Ba,CAAK,qGAG0B,WAAdhB,KAAKE,KAAoB,KAAO,iBACnC,IAAMF,KAAKiB,6BACPjB,KAAKI,KAAKc,mEAG5BF,CAAK,WAIflB,aACIE,KAAKmB,YAAYC,MAAK,GAE1BC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,KACD5B,EAAS6B,UAAW,mBAAe,GACtCF,EAAW,CACPG,EAAS,CAAExB,KAAMyB,UAClB/B,EAAS6B,UAAW,YAAQ,GAC/BF,EAAW,CACPK,EAAM,CAAE1B,KAAMyB,OAAQE,SAAS,KAChCjC,EAAS6B,UAAW,YAAQ,GAC/BF,EAAW,CACPO,KACDlC,EAAS6B,UAAW,0BAAsB,GAC7CF,EAAW,CACPG,EAAS,CAAExB,KAAM6B,WAClBnC,EAAS6B,UAAW,gBAAY,GACnCF,EAAW,CACPG,EAAS,CAAExB,KAAMyB,UAClB/B,EAAS6B,UAAW,cAAU,GACjCF,EAAW,CACPnB,KACDR,EAAS6B,UAAW,YAAQ,GAC/BF,EAAW,CACPS,EAAU,sBACXpC,EAAS6B,UAAW,oBAAgB,GACvCF,EAAW,CACPU,EAAa,WAAY,CAAEC,OAAQ,gBACpCtC,EAAS6B,UAAW,kBAAc,GACrCF,EAAW,CACPS,EAAU,4BAA6B,CAAEE,OAAQ,kBAClDtC,EAAS6B,UAAW,mBAAe"}
1
+ {"version":3,"file":"alert.element.js","sources":["../../../src/alert/alert.element.ts"],"sourcesContent":null,"names":["getIconStatusTuple","status","statusIcons","info","ClarityIcons","getIconNameFromShape","infoStandardIcon","I18nService","keys","alert","success","successStandardIcon","warning","warningStandardIcon","danger","errorStandardIcon","unknown","helpIcon","loading","iconShapeIsAlertStatusType","shape","map","s","getIconStatusShape","indexOf","getIconStatusLabel","getAlertContentLayout","containerType","alertGroupType","alertGroupHasPager","fillLayoutValue","CdsAlert","LitElement","[object Object]","super","this","size","type","closable","i18n","addIcons","connectedCallback","setAttributes","idForAriaDescriber","props","updated","syncDefinedProps","alertActions","parentGroupHasPager","parentElement","pager","html","closeAlert","closeButtonAriaLabel","closeChange","emit","styles","baseStyles","__decorate","event","prototype","property","String","state","reflect","id","Boolean","querySlot","querySlotAll","assign"],"mappings":"muBAeO,SAASA,EAAmBC,GAC/B,MAAMC,EAAc,CAChBC,KAAM,CAACC,EAAaC,qBAAqBC,GAAmBC,EAAYC,KAAKC,MAAMN,MACnFO,QAAS,CAACN,EAAaC,qBAAqBM,GAAsBJ,EAAYC,KAAKC,MAAMC,SACzFE,QAAS,CAACR,EAAaC,qBAAqBQ,GAAsBN,EAAYC,KAAKC,MAAMG,SACzFE,OAAQ,CAACV,EAAaC,qBAAqBU,GAAoBR,EAAYC,KAAKC,MAAMK,QACtFE,QAAS,CAACZ,EAAaC,qBAAqBY,GAAWV,EAAYC,KAAKC,MAAMN,MAC9Ee,QAAS,CAAC,UAAWX,EAAYC,KAAKC,MAAMS,UAEhD,OAAOhB,EAAYD,GAAUC,EAAYD,GAAUC,EAAYC,KAE5D,SAASgB,EAA2BC,GAIvC,MAHqB,CAAC,OAAQ,UAAW,UAAW,SAAU,WAAWC,KAAIC,GAClEC,EAAmBD,KAEVE,QAAQJ,IAAU,EAEnC,SAASK,EAAmBxB,GAC/B,OAAOD,EAAmBC,GAAQ,GAE/B,SAASsB,EAAmBtB,GAC/B,OAAOD,EAAmBC,GAAQ,GAE/B,SAASyB,EAAsBC,EAAeC,EAAgBC,GACjE,MAAMC,EAAkB,gBACxB,OAAQF,GACJ,IAAK,QACD,MAAO,GACX,IAAK,SACD,OAAQD,GACJ,IAAK,UACD,OAAOE,EAAqBC,EAAkB,GAClD,IAAK,UACD,MAAO,eACX,IAAK,UACD,OAAOD,EAAqBC,EAAkB,GAClD,QACI,MAAO,GAEnB,QACI,OAAQH,GACJ,IAAK,UAEL,IAAK,UACD,OAAOG,EACX,IAAK,UACD,MAAO,eACX,QACI,MAAO,KA0CpB,MAAMC,UAAiBC,EAC1BC,cACIC,QAKAC,KAAKC,KAAO,UAMZD,KAAKE,KAAO,QAMZF,KAAKG,UAAW,EAKhBH,KAAKlC,OAAS,UACdkC,KAAKI,KAAOhC,EAAYC,KAAKC,MAC7BL,EAAaoC,SAASlC,EAAkBS,EAAmBJ,EAAqBE,EAAqBI,GAEzGgB,oBACIC,MAAMO,oBACNC,EAAcP,KAAM,CAAC,mBAAoBA,KAAKQ,oBAAqB,CAAC,OAAQ,WAEhFV,QAAQW,GACJV,MAAMW,QAAQD,GACdE,EAAiBF,EAAOT,KAAM,CAACA,KAAKY,eAExCC,0BACI,MAAqB,WAAdb,KAAKE,QAAuBF,KAAKc,cAAcC,MAE1DjB,SACI,OAAOkB,CAAK,yCAGgB,WAAdhB,KAAKE,KACb,4EACA,kCAEU,WAAdF,KAAKE,MAAsBF,KAAKa,oBAE5BG,CAAK,GADLA,CAAK,6HAGS,YAAhBhB,KAAKlC,OACHkD,CAAK,kEAGmB,WAAdhB,KAAKE,KAAoB,KAAO,qBAC1BZ,EAAmBU,KAAKlC,kFAIxCkD,CAAK,sEAGQ5B,EAAmBY,KAAKlC,mCAEnBwB,EAAmBU,KAAKlC,kJAOXyB,EAAsB,UAAWS,KAAKE,KAAMF,KAAKa,mCAG5Eb,KAAKQ,uEAGGjB,EAAsB,UAAWS,KAAKE,KAAMF,KAAKa,sCAG/C,UAAdb,KAAKE,KAAmBc,CAAK,+BAAiCA,CAAK,aAEvD,UAAdhB,KAAKE,KACHc,CAAK,GACLA,CAAK,mDAEWhB,KAAKY,aAAe,SAAW,MAAMrB,EAAsB,UAAWS,KAAKE,KAAMF,KAAKa,sEAK5F,WAAdb,KAAKE,MAAsBF,KAAKa,oBAE5BG,CAAK,GADLA,CAAK,oEAEK,UAAdhB,KAAKE,MAAoBF,KAAKG,SAC1Ba,CAAK,mEAEwB,WAAdhB,KAAKE,KAAoB,KAAO,iBACnC,IAAMF,KAAKiB,6BACPjB,KAAKI,KAAKc,4DAG1BF,CAAK,WAIflB,aACIE,KAAKmB,YAAYC,MAAK,GAE1BC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,KACD5B,EAAS6B,UAAW,mBAAe,GACtCF,EAAW,CACPG,EAAS,CAAExB,KAAMyB,UAClB/B,EAAS6B,UAAW,YAAQ,GAC/BF,EAAW,CACPK,EAAM,CAAE1B,KAAMyB,OAAQE,SAAS,KAChCjC,EAAS6B,UAAW,YAAQ,GAC/BF,EAAW,CACPO,KACDlC,EAAS6B,UAAW,0BAAsB,GAC7CF,EAAW,CACPG,EAAS,CAAExB,KAAM6B,WAClBnC,EAAS6B,UAAW,gBAAY,GACnCF,EAAW,CACPG,EAAS,CAAExB,KAAMyB,UAClB/B,EAAS6B,UAAW,cAAU,GACjCF,EAAW,CACPnB,KACDR,EAAS6B,UAAW,YAAQ,GAC/BF,EAAW,CACPS,EAAU,sBACXpC,EAAS6B,UAAW,oBAAgB,GACvCF,EAAW,CACPU,EAAa,WAAY,CAAEC,OAAQ,gBACpCtC,EAAS6B,UAAW,kBAAc,GACrCF,EAAW,CACPS,EAAU,4BAA6B,CAAEE,OAAQ,kBAClDtC,EAAS6B,UAAW,mBAAe"}
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var l=a`:host{--container-padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0;--min-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-secondary-font-size, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--icon-size:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--icon-color:var(--color);width:100%}.private-host{min-height:var(--min-height);color:var(--color)}:host([_type=banner]) ::slotted(cds-alert-actions),:host([_type=default]) ::slotted(cds-alert-actions){--action-size:calc(var(--min-height) - var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)));white-space:nowrap;display:block}:host([_type=banner]){--icon-size:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}.alert-status-icon,::slotted(cds-icon){height:var(--icon-size);width:var(--icon-size);--color:var(--icon-color)}cds-internal-close-button{--color:inherit}.alert-content-wrapper,.alert-icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));padding:var(--container-padding)}.alert-icon-wrapper{min-width:var(--icon-size)}.alert-content-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--cds-global-typography-body-line-height,1.42857em)}::slotted(cds-alert-actions){--action-text-color:var(--color);--action-size:var(--cds-global-typography-body-line-height, 1.42857em);display:none}:host([_type=default]) cds-internal-close-button{height:var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem))}:host([_type=default]) .alert-content-wrapper{align-items:self-start}:host([_type=light][status=info]){--icon-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_type=light][status=success]){--icon-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_type=light][status=warning]){--icon-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([_type=light][status=danger]){--icon-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=loading][_type=banner]) .alert-spinner,:host([status=loading][_type=default]) .alert-spinner{--ring-color:var(--cds-alias-object-opacity-200, rgba(0, 0, 0, 0.4))}:host([status=loading][_type=banner]) .alert-spinner{--fill-color:var(--icon-color)}:host([size=sm]:not([_type=banner])){--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--letter-spacing:normal}:host([_type=banner]) .alert-content-wrapper{transform:none;min-height:var(--cds-global-space-10,calc((32 / var(--cds-global-base,20)) * 1rem))}:host([_type=banner]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([_type=banner][status=warning]),:host([_type=default][status=warning]){--color:var(--cds-global-color-black, black)}:host([_type=banner][status=warning]) cds-alert-actions,:host([_type=default][status=warning]) cds-alert-actions{--action-hover-text-color:var(--color);--action-text-color:var(--color)}:host([_type=banner]) .spinner{height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));width:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));min-width:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));margin-top:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([_type=banner]) cds-internal-close-button{height:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));margin-top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}@supports (-moz-appearance:none) and ((-webkit-text-emphasis:none) or (text-emphasis:none)){:host(:not([_type=banner]):not([size=sm])) .alert-content{transform:translateY(calc(-1*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}}`;export default l;
1
+ import{css as a}from"lit";var t=a`:host{--container-padding:var(--cds-global-space-2, 0.125rem) 0;--min-height:var(--cds-global-space-9, 1.5rem);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-secondary-font-size, 0.8125rem);--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--icon-size:var(--cds-global-space-8, 1.125rem);--icon-color:var(--color);width:100%}.private-host{min-height:var(--min-height);color:var(--color)}:host([_type=banner]) ::slotted(cds-alert-actions),:host([_type=default]) ::slotted(cds-alert-actions){--action-size:calc(var(--min-height) - var(--cds-global-space-4, 0.375rem));white-space:nowrap;display:block}:host([_type=banner]){--icon-size:var(--cds-global-space-9, 1.5rem)}.alert-status-icon,::slotted(cds-icon){height:var(--icon-size);width:var(--icon-size);--color:var(--icon-color)}cds-internal-close-button{--color:inherit}.alert-content-wrapper,.alert-icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--cds-global-space-6,.75rem);padding:var(--container-padding)}.alert-icon-wrapper{min-width:var(--icon-size)}.alert-content-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(var(--cds-global-space-1,.0625rem));transform:translateY(var(--cds-global-space-1,.0625rem));color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--cds-global-typography-body-line-height,1.42857em)}::slotted(cds-alert-actions){--action-text-color:var(--color);--action-size:var(--cds-global-typography-body-line-height, 1.42857em);display:none}:host([_type=default]) cds-internal-close-button{height:var(--cds-global-space-8,1.125rem)}:host([_type=default]) .alert-content-wrapper{-webkit-box-align:self-start;-ms-flex-align:self-start;align-items:self-start}:host([_type=light][status=info]){--icon-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_type=light][status=success]){--icon-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_type=light][status=warning]){--icon-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([_type=light][status=danger]){--icon-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=loading][_type=banner]) .alert-spinner,:host([status=loading][_type=default]) .alert-spinner{--ring-color:var(--cds-alias-object-opacity-200, rgba(0, 0, 0, 0.4))}:host([status=loading][_type=banner]) .alert-spinner{--fill-color:var(--icon-color)}:host([size=sm]:not([_type=banner])){--font-size:var(--cds-global-typography-font-size-1, 0.6875rem);--letter-spacing:normal}:host([_type=banner]) .alert-content-wrapper{-webkit-transform:none;transform:none;min-height:var(--cds-global-space-10,2rem)}:host([_type=banner]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([_type=banner][status=warning]),:host([_type=default][status=warning]){--color:var(--cds-global-color-construction-900, #21333b)}:host([_type=banner][status=warning]) cds-alert-actions,:host([_type=default][status=warning]) cds-alert-actions{--action-hover-text-color:var(--color);--action-text-color:var(--color)}:host([_type=banner]) .spinner{height:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));width:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));min-height:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));min-width:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-2,.125rem));margin-top:var(--cds-global-space-2,.125rem)}:host([_type=banner]) cds-internal-close-button{height:var(--cds-global-space-9,1.5rem);margin-top:var(--cds-global-space-3,.25rem)}@supports (-moz-appearance:none) and ((-webkit-text-emphasis:none) or (text-emphasis:none)){:host(:not([_type=banner]):not([size=sm])) .alert-content{-webkit-transform:translateY(calc(-1*var(--cds-global-space-2,.125rem)));transform:translateY(calc(-1*var(--cds-global-space-2,.125rem)))}}`;export default t;
2
2
  //# sourceMappingURL=alert.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);white-space:nowrap;background:var(--background);color:var(--color);padding:var(--padding);text-align:center;font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center}:host(:visited){color:var(--color)}:host([status=info]){--background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([status=success]){--background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([status=warning]){--background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600));--color:var(--cds-global-color-black, black)}:host([status=danger]){--background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([color=blue]){--background:var(--cds-global-color-blue-800, #00608a)}:host([color=purple]){--background:var(--cds-global-color-violet-500, #ac50d3)}:host([color=orange]){--background:var(--cds-global-color-tangerine-400, #ff8e3d);--color:var(--cds-global-color-black, black)}:host([color=light-blue]){--background:var(--cds-global-color-blue-300, #66d1ff);--color:var(--cds-global-color-black, black)}`;export default o;
1
+ import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--font-size:var(--cds-global-typography-font-size-1, 0.6875rem);--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, 1rem);--padding:0 var(--cds-global-space-2, 0.125rem);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--border-color:var(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);white-space:nowrap;background:var(--background);color:var(--color);padding:var(--padding);text-align:center;font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:visited){color:var(--color)}:host([status=info]){--background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([status=success]){--background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([status=warning]){--background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([color=blue]){--background:var(--cds-global-color-blue-800, #00608a)}:host([color=purple]){--background:var(--cds-global-color-violet-500, #ac50d3)}:host([color=orange]){--background:var(--cds-global-color-tangerine-400, #ff8e3d);--color:var(--cds-global-color-black, black)}:host([color=light-blue]){--background:var(--cds-global-color-blue-300, #66d1ff);--color:var(--cds-global-color-black, black)}`;export default o;
2
2
  //# sourceMappingURL=badge.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{LitElement as s,html as r}from"lit";import{createId as e,baseStyles as o,state as a,querySlot as i}from"@cds/core/internal";import l from"./breadcrumb.element.scss.js";class n extends s{constructor(){super(...arguments),this.navItems=[],this.role="navigation"}render(){return r`<div class="private-host"><ol cds-layout="horizontal gap:sm align:vertical-center">${this.slotNames.map((t=>r`<li cds-layout="horizontal gap:sm align:vertical-center"><slot name="${t}"></slot><span part="separator" aria-hidden="true">${this.separator}</span></li>`))}</ol></div><slot @slotchange="${this.assignSlots}"></slot>`}get separator(){if(this.customSeparator){const t=this.customSeparator.cloneNode(!0);return t.removeAttribute("slot"),t}return r`/`}assignSlots(){this.navItems=Array.from(this.children).filter((t=>"cds-separator"!==t.getAttribute("slot"))).map((t=>(t.setAttribute("slot",e()),t)))}get slotNames(){return this.navItems.map((t=>t.slot))}static get styles(){return[o,l]}}t([a({type:Array})],n.prototype,"navItems",void 0),t([i('[slot="cds-separator"]')],n.prototype,"customSeparator",void 0);export{n as CdsBreadcrumb};
1
+ import{__decorate as t}from"tslib";import{LitElement as s,html as r}from"lit";import{createId as e,baseStyles as o,state as a,querySlot as i}from"@cds/core/internal";import l from"./breadcrumb.element.scss.js";class n extends s{constructor(){super(...arguments),this.navItems=[],this.role="navigation"}render(){return r`<div class="private-host"><ol cds-layout="horizontal gap:xs align:vertical-center">${this.slotNames.map((t=>r`<li cds-layout="horizontal gap:xs align:vertical-center"><slot name="${t}"></slot><span part="separator" aria-hidden="true">${this.separator}</span></li>`))}</ol></div><slot @slotchange="${this.assignSlots}"></slot>`}get separator(){if(this.customSeparator){const t=this.customSeparator.cloneNode(!0);return t.removeAttribute("slot"),t}return r`/`}assignSlots(){this.navItems=Array.from(this.children).filter((t=>"cds-separator"!==t.getAttribute("slot"))).map((t=>(t.setAttribute("slot",e()),t)))}get slotNames(){return this.navItems.map((t=>t.slot))}static get styles(){return[o,l]}}t([a({type:Array})],n.prototype,"navItems",void 0),t([i('[slot="cds-separator"]')],n.prototype,"customSeparator",void 0);export{n as CdsBreadcrumb};
2
2
  //# sourceMappingURL=breadcrumb.element.js.map
@@ -1,2 +1,2 @@
1
- import{css as o}from"lit";var t=o`:host{--font-size:var(--cds-global-typography-caption-font-size, calc((11 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-caption-font-weight, 400);--letter-spacing:var(--cds-global-typography-caption-letter-spacing, 0.018182em);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));display:inline-block}.private-host{font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);white-space:nowrap;color:var(--color);font-size:var(--font-size)}ol{list-style-type:none;padding:0}li:last-child [part=separator]{display:none}`;export default t;
1
+ import{css as o}from"lit";var t=o`:host{--font-size:var(--cds-global-typography-caption-font-size, 0.6875rem);--font-weight:var(--cds-global-typography-caption-font-weight, 400);--letter-spacing:var(--cds-global-typography-caption-letter-spacing, 0.018182em);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));display:inline-block}.private-host{font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);white-space:nowrap;color:var(--color);font-size:var(--font-size)}ol{list-style-type:none;padding:0}li:last-child [part=separator]{display:none}`;export default t;
2
2
  //# sourceMappingURL=breadcrumb.element.scss.js.map
@@ -50,7 +50,7 @@ export declare class CdsButton extends CdsBaseButton {
50
50
  /**
51
51
  * Sets the overall height and width of the button based on the following string values:
52
52
  */
53
- size: 'sm' | 'md';
53
+ size: 'icon' | 'sm' | 'md';
54
54
  /** Sets if the button should be full width with display block */
55
55
  block: boolean;
56
56
  /**
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{CdsBaseButton as s,getElementWidth as e,baseStyles as i,property as o}from"@cds/core/internal";import{html as a}from"lit";import d from"./button.element.scss.js";var r;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(r||(r={}));class l extends s{constructor(){super(...arguments),this.action="solid",this.status="primary",this.size="md",this.block=!1,this._loadingState=r.default,this._disabled=!1}get loadingState(){return this._loadingState}set loadingState(t){this._loadingState===r.default&&(this._disabled=this.disabled),t===r.default?this.enableButton():this.disableButton();const s=this._loadingState;this._loadingState=t,this.requestUpdate("loadingState",s)}render(){return a`<div class="private-host" cds-layout="horizontal gap:sm wrap:none align:center">${this.loadingState===r.success?a`<cds-icon shape="check" status="success" size="18"></cds-icon>`:""} ${this.loadingState===r.error?a`<cds-icon shape="error-standard" status="danger" size="18"></cds-icon>`:""} ${this.loadingState===r.loading?a`<cds-progress-circle .size="${"sm"===this.size?"12":"18"}" status="info"></cds-progress-circle>`:""} ${this.loadingState===r.default?a`<slot></slot>`:""}</div>`}async disableButton(){await this.updateComplete,this.style.width=e(this),this.disabled=!0}enableButton(){this.style.removeProperty("width"),this.disabled=this._disabled}}l.styles=[i,d],t([o({type:String})],l.prototype,"action",void 0),t([o({type:String})],l.prototype,"status",void 0),t([o({type:String})],l.prototype,"size",void 0),t([o({type:Boolean})],l.prototype,"block",void 0),t([o({type:String})],l.prototype,"loadingState",null);export{l as CdsButton,r as ClrLoadingState};
1
+ import{__decorate as t}from"tslib";import{CdsBaseButton as s,getElementWidth as e,baseStyles as i,property as o}from"@cds/core/internal";import{html as a}from"lit";import d from"./button.element.scss.js";var r;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(r||(r={}));class l extends s{constructor(){super(...arguments),this.action="solid",this.status="primary",this.size="md",this.block=!1,this._loadingState=r.default,this._disabled=!1}get loadingState(){return this._loadingState}set loadingState(t){this._loadingState===r.default&&(this._disabled=this.disabled),t===r.default?this.enableButton():this.disableButton();const s=this._loadingState;this._loadingState=t,this.requestUpdate("loadingState",s)}render(){return a`<div class="private-host" cds-layout="horizontal gap:xs wrap:none align:center">${this.loadingState===r.success?a`<cds-icon shape="check" status="success" size="18"></cds-icon>`:""} ${this.loadingState===r.error?a`<cds-icon shape="error-standard" status="danger" size="18"></cds-icon>`:""} ${this.loadingState===r.loading?a`<cds-progress-circle .size="${"sm"===this.size?"12":"18"}" status="info"></cds-progress-circle>`:""} ${this.loadingState===r.default?a`<slot></slot>`:""}</div>`}async disableButton(){await this.updateComplete,this.style.width=e(this),this.disabled=!0}enableButton(){this.style.removeProperty("width"),this.disabled=this._disabled}}l.styles=[i,d],t([o({type:String})],l.prototype,"action",void 0),t([o({type:String})],l.prototype,"status",void 0),t([o({type:String})],l.prototype,"size",void 0),t([o({type:Boolean})],l.prototype,"block",void 0),t([o({type:String})],l.prototype,"loadingState",null);export{l as CdsButton,r as ClrLoadingState};
2
2
  //# sourceMappingURL=button.element.js.map
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--padding:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) - var(--border-width));--height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--min-width:var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem));--text-decoration:none;--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em;display:inline-block;height:var(--height)}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);height:100%;line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;text-decoration:var(--text-decoration);text-overflow:ellipsis;transform:translateZ(0);user-select:none;vertical-align:middle;white-space:nowrap;width:100%;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;height:100%}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{box-shadow:0 var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{filter:brightness(90%)}:host([action=outline]) .private-host::after{filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))));width:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:calc(var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}:host([size=sm]) .private-host{--letter-spacing:0.073em}:host([action*=flat]) ::slotted(cds-badge),:host([action=outline]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=success]) ::slotted(cds-badge),:host([action=outline][status=success]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=warning]) ::slotted(cds-badge),:host([action=outline][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--background:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=danger]) ::slotted(cds-badge),:host([action=outline][status=danger]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=neutral]) ::slotted(cds-badge),:host([action=outline][status=neutral]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host(:not([action=outline]):not([action*=flat])) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action=solid][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-global-color-construction-900, #21333b);--color:var(--cds-global-color-construction-900, #21333b)}:host([action*=flat][disabled]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--font-weight:var(--cds-global-typography-font-weight-semibold, 600)!important}:host([disabled]) ::slotted(cds-badge),:host([status=inverse]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled][action*=flat]) ::slotted(cds-badge),:host([disabled][action=outline]) ::slotted(cds-badge),:host([disabled][status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important}::slotted(span)::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}::slotted(span)::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}`;export default o;
1
+ import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-typography-font-size-2, 0.75rem);--padding:calc(var(--cds-global-space-6, 0.75rem) - var(--border-width));--height:var(--cds-global-space-11, 2.25rem);--min-width:var(--cds-global-space-13, 4rem);--text-decoration:none;--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em;display:inline-block;height:var(--height)}.private-host,.private-host>span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);text-overflow:ellipsis;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:100%;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{-webkit-box-shadow:0 var(--cds-global-space-2,.125rem) 0 0 var(--box-shadow-color) inset;box-shadow:0 var(--cds-global-space-2,.125rem) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, 0.0625rem));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{-webkit-filter:brightness(90%);filter:brightness(90%)}:host([action=outline]) .private-host::after{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,.125rem)));width:calc(var(--font-size) + (2*var(--cds-global-space-2,.125rem)))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, 0.375rem) var(--cds-global-space-6, 0.75rem);--height:calc(var(--cds-global-space-9, 1.5rem) + var(--cds-global-space-1, 0.0625rem))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,.75rem);width:var(--cds-global-space-6,.75rem);min-height:var(--cds-global-space-6,.75rem);min-width:var(--cds-global-space-6,.75rem)}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{-webkit-filter:brightness(100%)!important;filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}:host([size=icon]){--padding:calc(var(--cds-global-space-6, 0.75rem) - var(--border-width)) calc(var(--cds-global-space-6, 0.75rem) - var(--cds-global-space-2, 0.125rem) - var(--border-width))}:host([size=icon]) .private-host{min-width:0}:host([size=sm]) .private-host{--letter-spacing:0.073em}:host([action*=flat]) ::slotted(cds-badge),:host([action=outline]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=success]) ::slotted(cds-badge),:host([action=outline][status=success]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=warning]) ::slotted(cds-badge),:host([action=outline][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--background:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=danger]) ::slotted(cds-badge),:host([action=outline][status=danger]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=neutral]) ::slotted(cds-badge),:host([action=outline][status=neutral]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host(:not([action=outline]):not([action*=flat])) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action=solid][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-global-color-construction-900, #21333b);--color:var(--cds-global-color-construction-900, #21333b)}:host([action*=flat][disabled]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--font-weight:var(--cds-global-typography-font-weight-semibold, 600)!important}:host([disabled]) ::slotted(cds-badge),:host([status=inverse]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled][action*=flat]) ::slotted(cds-badge),:host([disabled][action=outline]) ::slotted(cds-badge),:host([disabled][status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important}::slotted(span)::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}::slotted(span)::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}`;export default o;
2
2
  //# sourceMappingURL=button.element.scss.js.map
@@ -31,5 +31,5 @@ export declare class CdsIconButton extends CdsButton {
31
31
  * generic labels across multiple icon buttons on a page.
32
32
  */
33
33
  ariaLabel: string;
34
- static get styles(): import("lit").CSSResultGroup[];
34
+ constructor();
35
35
  }
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{property as e}from"@cds/core/internal";import r from"./icon-button.element.scss.js";import{CdsButton as o}from"./button.element.js";class s extends o{static get styles(){return[super.styles,r]}}t([e({type:String,required:"warning"})],s.prototype,"ariaLabel",void 0);export{s as CdsIconButton};
1
+ import{__decorate as r}from"tslib";import{property as t}from"@cds/core/internal";import{CdsButton as e}from"./button.element.js";class o extends e{constructor(){super(),this.size="icon"}}r([t({type:String,required:"warning"})],o.prototype,"ariaLabel",void 0);export{o as CdsIconButton};
2
2
  //# sourceMappingURL=icon-button.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":null,"names":["CdsIconButton","CdsButton","styles","super","__decorate","property","type","String","required","prototype"],"mappings":"8KAgCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,CAACC,MAAMD,OAAQA,IAG9BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAU,aACpCR,EAAcS,UAAW,iBAAa"}
1
+ {"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":null,"names":["CdsIconButton","CdsButton","[object Object]","super","this","size","__decorate","property","type","String","required","prototype"],"mappings":"iIA+BO,MAAMA,UAAsBC,EAC/BC,cACIC,QACAC,KAAKC,KAAO,QAGpBC,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAU,aACpCV,EAAcW,UAAW,iBAAa"}
package/button/index.d.ts CHANGED
@@ -1,3 +1,2 @@
1
1
  export * from './button.element.js';
2
2
  export * from './icon-button.element.js';
3
- export * from './inline-button.element.js';
package/button/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export{CdsButton,ClrLoadingState}from"./button.element.js";export{CdsIconButton}from"./icon-button.element.js";export{CdsInlineButton}from"./inline-button.element.js";import"@cds/core/internal";import"lit";
1
+ export{CdsButton,ClrLoadingState}from"./button.element.js";export{CdsIconButton}from"./icon-button.element.js";
2
2
  //# sourceMappingURL=index.js.map
@@ -2,11 +2,9 @@ import '@cds/core/icon/register.js';
2
2
  import '@cds/core/progress-circle/register.js';
3
3
  import { CdsButton } from './button.element.js';
4
4
  import { CdsIconButton } from './icon-button.element.js';
5
- import { CdsInlineButton } from './inline-button.element.js';
6
5
  declare global {
7
6
  interface HTMLElementTagNameMap {
8
7
  'cds-button': CdsButton;
9
8
  'cds-icon-button': CdsIconButton;
10
- 'cds-inline-button': CdsInlineButton;
11
9
  }
12
10
  }
@@ -1,2 +1,2 @@
1
- import"@cds/core/icon/register.js";import"@cds/core/progress-circle/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{CdsButton as r}from"./button.element.js";import{CdsIconButton as e}from"./icon-button.element.js";import{CdsInlineButton as c}from"./inline-button.element.js";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{errorStandardIcon as t}from"@cds/core/icon/shapes/error-standard.js";import{checkIcon as i}from"@cds/core/icon/shapes/check.js";s.addIcons(t,i),o("cds-button",r),o("cds-icon-button",e),o("cds-inline-button",c);
1
+ import"@cds/core/icon/register.js";import"@cds/core/progress-circle/register.js";import{registerElementSafely as o}from"@cds/core/internal";import{CdsButton as r}from"./button.element.js";import{CdsIconButton as c}from"./icon-button.element.js";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{errorStandardIcon as e}from"@cds/core/icon/shapes/error-standard.js";import{checkIcon as t}from"@cds/core/icon/shapes/check.js";s.addIcons(e,t),o("cds-button",r),o("cds-icon-button",c);
2
2
  //# sourceMappingURL=register.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"register.js","sources":["../../../src/button/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","errorStandardIcon","checkIcon","registerElementSafely","CdsButton","CdsIconButton","CdsInlineButton"],"mappings":"ufAcAA,EAAaC,SAASC,EAAmBC,GACzCC,EAAsB,aAAcC,GACpCD,EAAsB,kBAAmBE,GACzCF,EAAsB,oBAAqBG"}
1
+ {"version":3,"file":"register.js","sources":["../../../src/button/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","errorStandardIcon","checkIcon","registerElementSafely","CdsButton","CdsIconButton"],"mappings":"0bAaAA,EAAaC,SAASC,EAAmBC,GACzCC,EAAsB,aAAcC,GACpCD,EAAsB,kBAAmBE"}
@@ -0,0 +1,38 @@
1
+ import { PropertyValues } from 'lit';
2
+ import { CdsBaseButton } from '@cds/core/internal';
3
+ /**
4
+ * Action Button
5
+ *
6
+ * ```typescript
7
+ * import '@cds/core/button-action/register.js';
8
+ * ```
9
+ *
10
+ * ```html
11
+ * <cds-button-action></cds-button-action>
12
+ * ```
13
+ * @beta
14
+ * @element cds-button-action
15
+ * @slot - For projecting text content or cds-icon
16
+ * @cssprop --icon-width
17
+ * @cssprop --icon-height
18
+ * @cssprop --width
19
+ * @cssprop --height
20
+ * @cssprop --cursor
21
+ * @cssprop --color
22
+ * @cssprop --font-size
23
+ * @cssprop --background
24
+ * @cssprop --padding
25
+ * @cssprop --outline
26
+ * @cssprop --outline-offset
27
+ */
28
+ export declare class CdsButtonAction extends CdsBaseButton {
29
+ shape: string;
30
+ action: string;
31
+ i18n: {
32
+ [key: string]: string | undefined;
33
+ };
34
+ protected cdsButtonAction: boolean;
35
+ static styles: import("lit").CSSResultGroup[];
36
+ render(): import("lit-html").TemplateResult<1>;
37
+ updated(props: PropertyValues): void;
38
+ }
@@ -0,0 +1,2 @@
1
+ import{__decorate as t}from"tslib";import{html as i}from"lit";import{CdsBaseButton as e,I18nService as s,LogService as o,baseStyles as r,property as a,i18n as n,state as d}from"@cds/core/internal";import p from"./button-action.element.scss.js";class c extends e{constructor(){super(...arguments),this.i18n=s.keys.actions,this.cdsButtonAction=!0}render(){return i`<div class="private-host"><slot><cds-icon .shape="${this.shape?this.shape:"ellipsis-vertical"}" ?solid="${this.pressed}" inner-offset="${1}"></cds-icon></slot></div>`}updated(t){super.updated(t),this.ariaLabel||this.readonly||o.warn("A aria-label is required for interactive cds-button-action type",this),t.has("readonly")&&(this.readonly&&!this.hasAttribute("aria-label")?this.ariaHidden="true":this.ariaHidden=null)}}c.styles=[r,p],t([a({type:String})],c.prototype,"shape",void 0),t([a({type:String,reflect:!0})],c.prototype,"action",void 0),t([n()],c.prototype,"i18n",void 0),t([d({type:Boolean,reflect:!0,attribute:"cds-button-action"})],c.prototype,"cdsButtonAction",void 0);export{c as CdsButtonAction};
2
+ //# sourceMappingURL=button-action.element.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button-action.element.js","sources":["../../../src/button-action/button-action.element.ts"],"sourcesContent":null,"names":["CdsButtonAction","CdsBaseButton","[object Object]","super","arguments","this","i18n","I18nService","keys","actions","cdsButtonAction","html","shape","pressed","props","updated","ariaLabel","readonly","LogService","warn","has","hasAttribute","ariaHidden","styles","baseStyles","__decorate","property","type","String","prototype","reflect","state","Boolean","attribute"],"mappings":"oPAkCO,MAAMA,UAAwBC,EACjCC,cACIC,SAASC,WACTC,KAAKC,KAAOC,EAAYC,KAAKC,QAC7BJ,KAAKK,iBAAkB,EAE3BR,SACI,OAAOS,CAAK,qDAICN,KAAKO,MAAQP,KAAKO,MAAQ,gCAC1BP,KAAKQ,0BACC,8BAMvBX,QAAQY,GACJX,MAAMY,QAAQD,GACTT,KAAKW,WAAcX,KAAKY,UACzBC,EAAWC,KAAK,kEAAmEd,MAEnFS,EAAMM,IAAI,cACVf,KAAKY,WAAaZ,KAAKgB,aAAa,cAAiBhB,KAAKiB,WAAa,OAAWjB,KAAKiB,WAAa,OAIhHtB,EAAgBuB,OAAS,CAACC,EAAYD,GACtCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB5B,EAAgB6B,UAAW,aAAS,GACvCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQE,SAAS,KACnC9B,EAAgB6B,UAAW,cAAU,GACxCJ,EAAW,CACPnB,KACDN,EAAgB6B,UAAW,YAAQ,GACtCJ,EAAW,CACPM,EAAM,CAAEJ,KAAMK,QAASF,SAAS,EAAMG,UAAW,uBAClDjC,EAAgB6B,UAAW,uBAAmB"}
@@ -0,0 +1,2 @@
1
+ import{css as o}from"lit";var t=o`:host{--icon-width:var(--cds-global-space-7, 1rem);--icon-height:var(--cds-global-space-7, 1rem);--width:var(--icon-width);--height:var(--icon-width);--cursor:pointer;--color:var(--cds-global-typography-color-300, var(--cds-global-color-construction-800, #2d4048));--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--background:transparent;--padding:0;--outline:var(--cds-alias-object-interaction-outline, Highlight solid 2px);--outline-offset:calc(var(--cds-alias-object-interaction-outline-offset, 1px) * -1);pointer-events:none;display:inline-block;outline:0!important}:host([role=button]){pointer-events:initial;cursor:var(--cursor)!important}:host([status=active]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}::slotted([shape=close]),::slotted([shape=info-circle]),::slotted([shape=times]),:host([shape=close]),:host([shape=info-circle]){--icon-width:var(--cds-global-space-8, 1.125rem);--icon-height:var(--cds-global-space-8, 1.125rem)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}:host(:active) .private-host{-webkit-transform:translateY(calc(var(--cds-global-space-1,.0625rem)/ 2));transform:translateY(calc(var(--cds-global-space-1,.0625rem)/ 2))}:host([disabled]){--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))}.private-host{--icon-color:var(--color);background:var(--background);padding:var(--padding);color:var(--color);font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:var(--width);min-height:var(--height)}::slotted(cds-icon),cds-icon{width:var(--icon-width);height:var(--icon-height);pointer-events:none}::slotted(cds-icon:not([status])),cds-icon{--color:var(--icon-color)}:host([disabled]:active){pointer-events:none!important}.private-host::after{content:"";position:absolute;left:calc(-1*var(--width) - 1);top:calc(-1*var(--height) - 1);width:var(--cds-alias-object-interaction-touch-target,2.25rem);height:var(--cds-alias-object-interaction-touch-target,2.25rem)}:host([disabled]) .private-host::after{outline:0!important}:host(:focus) .private-host::after{outline:var(--outline);outline-offset:var(--outline-offset)}@media (-webkit-min-device-pixel-ratio:0){:host(:focus) .private-host::after{outline-color:-webkit-focus-ring-color}}`;export default t;
2
+ //# sourceMappingURL=button-action.element.scss.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button-action.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ export * from './button-action.element.js';
@@ -0,0 +1,2 @@
1
+ export{CdsButtonAction}from"./button-action.element.js";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ import { CdsButtonAction } from './button-action.element.js';
2
+ import '@cds/core/icon/register.js';
3
+ declare global {
4
+ interface HTMLElementTagNameMap {
5
+ 'cds-button-action': CdsButtonAction;
6
+ }
7
+ }
@@ -0,0 +1,2 @@
1
+ import{registerElementSafely as o}from"@cds/core/internal";import{ClarityIcons as s}from"@cds/core/icon/icon.service.js";import{ellipsisVerticalIcon as c}from"@cds/core/icon/shapes/ellipsis-vertical.js";import{timesIcon as i}from"@cds/core/icon/shapes/times.js";import{CdsButtonAction as e}from"./button-action.element.js";import"@cds/core/icon/register.js";s.addIcons(c,i),s.addAliases(["times",["close"]]),o("cds-button-action",e);
2
+ //# sourceMappingURL=register.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"register.js","sources":["../../../src/button-action/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","ellipsisVerticalIcon","timesIcon","addAliases","registerElementSafely","CdsButtonAction"],"mappings":"sWAWAA,EAAaC,SAASC,EAAsBC,GAC5CH,EAAaI,WAAW,CAAC,QAAS,CAAC,WACnCC,EAAsB,oBAAqBC"}
@@ -0,0 +1,25 @@
1
+ import { PropertyValues } from 'lit';
2
+ import { CdsButtonAction } from '@cds/core/button-action';
3
+ /**
4
+ * Action Expand Button
5
+ *
6
+ * ```typescript
7
+ * import '@cds/core/button-expand/register.js';
8
+ * ```
9
+ *
10
+ * ```html
11
+ * <cds-button-expand pressed></cds-button-expand>
12
+ * ```
13
+ * @beta
14
+ * @element cds-button-expand
15
+ * @slot - For projecting custom cds-icon
16
+ */
17
+ export declare class CdsButtonExpand extends CdsButtonAction {
18
+ action: 'vertical' | 'horizontal' | 'detail';
19
+ static get styles(): import("lit").CSSResultGroup[];
20
+ private get iconDirection();
21
+ private get iconShape();
22
+ render(): import("lit-html").TemplateResult<1>;
23
+ constructor();
24
+ firstUpdated(props: PropertyValues): void;
25
+ }