@cds/core 5.5.8 → 6.0.0-next.1

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 (294) hide show
  1. package/accordion/accordion-content.element.scss.js +1 -1
  2. package/accordion/accordion-header.element.scss.js +1 -1
  3. package/accordion/accordion-panel.element.scss.js +1 -1
  4. package/alert/alert-group.element.d.ts +4 -7
  5. package/alert/alert-group.element.js +1 -1
  6. package/alert/alert-group.element.js.map +1 -1
  7. package/alert/alert-group.element.scss.js +1 -1
  8. package/alert/alert.element.d.ts +2 -2
  9. package/alert/alert.element.scss.js +1 -1
  10. package/badge/badge.element.d.ts +1 -1
  11. package/badge/badge.element.scss.js +1 -1
  12. package/breadcrumb/breadcrumb.element.d.ts +1 -1
  13. package/breadcrumb/breadcrumb.element.js +1 -1
  14. package/breadcrumb/breadcrumb.element.js.map +1 -1
  15. package/button/button.element.d.ts +1 -1
  16. package/button/button.element.scss.js +1 -1
  17. package/button/inline-button.element.scss.js +1 -1
  18. package/card/card.element.js +1 -1
  19. package/card/card.element.js.map +1 -1
  20. package/card/card.element.scss.js +1 -1
  21. package/checkbox/checkbox.element.scss.js +1 -1
  22. package/custom-elements.json +30542 -66137
  23. package/custom-elements.legacy.json +814 -160
  24. package/divider/divider.element.scss.js +1 -1
  25. package/dropdown/dropdown.element.d.ts +39 -0
  26. package/dropdown/dropdown.element.js +2 -0
  27. package/dropdown/dropdown.element.js.map +1 -0
  28. package/dropdown/index.d.ts +1 -0
  29. package/dropdown/index.js +2 -0
  30. package/{internal/interfaces → dropdown}/index.js.map +0 -0
  31. package/dropdown/register.d.ts +6 -0
  32. package/dropdown/register.js +2 -0
  33. package/dropdown/register.js.map +1 -0
  34. package/forms/control/control.element.d.ts +4 -3
  35. package/forms/control/control.element.js +1 -1
  36. package/forms/control/control.element.js.map +1 -1
  37. package/forms/control/control.element.scss.js +1 -1
  38. package/forms/control-action/control-action.element.scss.js +1 -1
  39. package/forms/control-group/control-group.element.d.ts +3 -2
  40. package/forms/control-group/control-group.element.js +1 -1
  41. package/forms/control-group/control-group.element.js.map +1 -1
  42. package/forms/control-group/control-group.element.scss.js +1 -1
  43. package/forms/control-inline/control-inline.element.d.ts +1 -0
  44. package/forms/control-inline/control-inline.element.js +1 -1
  45. package/forms/control-inline/control-inline.element.js.map +1 -1
  46. package/forms/control-label/control-label.element.scss.js +1 -1
  47. package/forms/control-message/control-message.element.d.ts +1 -1
  48. package/forms/control-message/control-message.element.scss.js +1 -1
  49. package/forms/form-group/form-group.element.d.ts +2 -2
  50. package/forms/form-group/form-group.element.js +1 -1
  51. package/forms/utils/{index.d.ts → utils.d.ts} +0 -0
  52. package/forms/utils/{index.js → utils.js} +1 -1
  53. package/forms/utils/{index.js.map → utils.js.map} +1 -1
  54. package/global.css +5 -3
  55. package/global.min.css +1 -1
  56. package/icon/icon.element.d.ts +5 -5
  57. package/icon/icon.element.scss.js +1 -1
  58. package/icon/utils/icon.classnames.d.ts +1 -0
  59. package/icon/utils/icon.classnames.js +1 -1
  60. package/icon/utils/icon.classnames.js.map +1 -1
  61. package/index.d.ts +2 -1
  62. package/index.js +1 -1
  63. package/input/input.element.scss.js +1 -1
  64. package/internal/base/base.element.scss.js +1 -1
  65. package/internal/base/button.base.d.ts +3 -2
  66. package/internal/base/button.base.js +1 -1
  67. package/internal/base/button.base.js.map +1 -1
  68. package/internal/base/focus-trap.base.d.ts +9 -11
  69. package/internal/base/focus-trap.base.js +1 -1
  70. package/internal/base/focus-trap.base.js.map +1 -1
  71. package/internal/controllers/aria-popup-trigger.controller.d.ts +6 -0
  72. package/internal/controllers/aria-popup-trigger.controller.js +2 -0
  73. package/internal/controllers/aria-popup-trigger.controller.js.map +1 -0
  74. package/internal/controllers/aria-popup.controller.d.ts +10 -0
  75. package/internal/controllers/aria-popup.controller.js +2 -0
  76. package/internal/controllers/aria-popup.controller.js.map +1 -0
  77. package/internal/controllers/closable.controller.d.ts +29 -0
  78. package/internal/controllers/closable.controller.js +2 -0
  79. package/internal/controllers/closable.controller.js.map +1 -0
  80. package/internal/controllers/first-focus.controller.d.ts +13 -0
  81. package/internal/controllers/first-focus.controller.js +2 -0
  82. package/internal/controllers/first-focus.controller.js.map +1 -0
  83. package/internal/controllers/inline-focus-trap.controller.d.ts +16 -0
  84. package/internal/controllers/inline-focus-trap.controller.js +2 -0
  85. package/internal/controllers/inline-focus-trap.controller.js.map +1 -0
  86. package/internal/controllers/utils/first-focus.controller.utils.d.ts +3 -0
  87. package/internal/controllers/utils/first-focus.controller.utils.js +2 -0
  88. package/internal/controllers/utils/first-focus.controller.utils.js.map +1 -0
  89. package/internal/decorators/animate.js.map +1 -1
  90. package/internal/decorators/element.d.ts +1 -1
  91. package/internal/decorators/element.js +2 -0
  92. package/internal/decorators/element.js.map +1 -0
  93. package/internal/decorators/id.d.ts +1 -1
  94. package/internal/decorators/query-slot.d.ts +2 -2
  95. package/internal/index.d.ts +16 -2
  96. package/internal/index.js +1 -1
  97. package/internal/index.js.map +1 -1
  98. package/internal/interfaces/{index.d.ts → interfaces.d.ts} +0 -0
  99. package/internal/interfaces/interfaces.js +2 -0
  100. package/internal/interfaces/interfaces.js.map +1 -0
  101. package/internal/motion/animations/cds-dropdown-open.d.ts +3 -0
  102. package/internal/motion/animations/cds-dropdown-open.js +2 -0
  103. package/internal/motion/animations/cds-dropdown-open.js.map +1 -0
  104. package/internal/motion/animations/cds-modal-enter.js +1 -1
  105. package/internal/motion/animations/cds-modal-enter.js.map +1 -1
  106. package/internal/motion/interfaces.d.ts +1 -1
  107. package/internal/motion/utils.d.ts +3 -3
  108. package/internal/motion/utils.js +1 -1
  109. package/internal/motion/utils.js.map +1 -1
  110. package/internal/positioning/interfaces.d.ts +61 -0
  111. package/internal/positioning/interfaces.js +2 -0
  112. package/internal/positioning/interfaces.js.map +1 -0
  113. package/internal/positioning/utils.d.ts +26 -0
  114. package/internal/positioning/utils.js +2 -0
  115. package/internal/positioning/utils.js.map +1 -0
  116. package/internal/services/focus-trap-tracker.service.d.ts +3 -0
  117. package/internal/services/focus-trap-tracker.service.js +1 -1
  118. package/internal/services/focus-trap-tracker.service.js.map +1 -1
  119. package/internal/services/global.service.d.ts +2 -2
  120. package/internal/services/i18n.service.d.ts +28 -0
  121. package/internal/services/i18n.service.js +1 -1
  122. package/internal/services/i18n.service.js.map +1 -1
  123. package/internal/utils/array.d.ts +7 -4
  124. package/internal/utils/array.js +1 -1
  125. package/internal/utils/array.js.map +1 -1
  126. package/internal/utils/conditional.d.ts +4 -1
  127. package/internal/utils/conditional.js +1 -1
  128. package/internal/utils/conditional.js.map +1 -1
  129. package/internal/utils/css.d.ts +2 -0
  130. package/internal/utils/css.js +1 -1
  131. package/internal/utils/css.js.map +1 -1
  132. package/internal/utils/dom.d.ts +17 -2
  133. package/internal/utils/dom.js +1 -1
  134. package/internal/utils/dom.js.map +1 -1
  135. package/internal/utils/enum.d.ts +1 -0
  136. package/internal/utils/enum.js +2 -0
  137. package/internal/utils/enum.js.map +1 -0
  138. package/internal/utils/events.d.ts +4 -0
  139. package/internal/utils/events.js +1 -1
  140. package/internal/utils/events.js.map +1 -1
  141. package/internal/utils/exists.d.ts +1 -3
  142. package/internal/utils/exists.js.map +1 -1
  143. package/internal/utils/focus-trap.d.ts +30 -1
  144. package/internal/utils/focus-trap.js +1 -1
  145. package/internal/utils/focus-trap.js.map +1 -1
  146. package/internal/utils/global.d.ts +3 -3
  147. package/internal/utils/global.js +1 -1
  148. package/internal/utils/global.js.map +1 -1
  149. package/internal/utils/identity.d.ts +28 -1
  150. package/internal/utils/identity.js +1 -1
  151. package/internal/utils/identity.js.map +1 -1
  152. package/internal/utils/math.d.ts +3 -0
  153. package/internal/utils/math.js +2 -0
  154. package/internal/utils/math.js.map +1 -0
  155. package/internal/utils/{register.d.ts → registration.d.ts} +0 -0
  156. package/internal/utils/registration.js +2 -0
  157. package/internal/utils/registration.js.map +1 -0
  158. package/internal/utils/string.d.ts +6 -0
  159. package/internal/utils/string.js +1 -1
  160. package/internal/utils/string.js.map +1 -1
  161. package/internal/utils/traversal.d.ts +4 -0
  162. package/internal/utils/traversal.js +2 -0
  163. package/internal/utils/traversal.js.map +1 -0
  164. package/internal-components/close-button/close-button.element.d.ts +1 -3
  165. package/internal-components/close-button/close-button.element.js +1 -1
  166. package/internal-components/close-button/close-button.element.js.map +1 -1
  167. package/internal-components/close-button/close-button.element.scss.js +1 -1
  168. package/internal-components/close-button/index.js +1 -1
  169. package/internal-components/overlay/index.js +1 -1
  170. package/internal-components/overlay/overlay.element.d.ts +35 -25
  171. package/internal-components/overlay/overlay.element.js +1 -1
  172. package/internal-components/overlay/overlay.element.js.map +1 -1
  173. package/internal-components/overlay/overlay.element.scss.js +1 -1
  174. package/internal-components/overlay/shared.element.scss.js +2 -0
  175. package/internal-components/overlay/shared.element.scss.js.map +1 -0
  176. package/internal-components/panel/panel.element.scss.js +1 -1
  177. package/internal-components/popup/index.d.ts +2 -0
  178. package/internal-components/popup/index.js +2 -0
  179. package/internal-components/popup/index.js.map +1 -0
  180. package/internal-components/popup/pointer.element.d.ts +35 -0
  181. package/internal-components/popup/pointer.element.js +2 -0
  182. package/internal-components/popup/pointer.element.js.map +1 -0
  183. package/internal-components/popup/pointer.element.scss.js +2 -0
  184. package/internal-components/popup/pointer.element.scss.js.map +1 -0
  185. package/internal-components/popup/popup.element.d.ts +116 -0
  186. package/internal-components/popup/popup.element.js +2 -0
  187. package/internal-components/popup/popup.element.js.map +1 -0
  188. package/internal-components/popup/popup.element.scss.js +2 -0
  189. package/internal-components/popup/popup.element.scss.js.map +1 -0
  190. package/internal-components/popup/register.d.ts +9 -0
  191. package/internal-components/popup/register.js +2 -0
  192. package/internal-components/popup/register.js.map +1 -0
  193. package/internal-components/popup/utils/pointer.utils.d.ts +2 -0
  194. package/internal-components/popup/utils/pointer.utils.js +2 -0
  195. package/internal-components/popup/utils/pointer.utils.js.map +1 -0
  196. package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
  197. package/modal/modal-content.element.d.ts +2 -5
  198. package/modal/modal-content.element.js +1 -1
  199. package/modal/modal-content.element.js.map +1 -1
  200. package/modal/modal.element.d.ts +13 -3
  201. package/modal/modal.element.js +1 -1
  202. package/modal/modal.element.js.map +1 -1
  203. package/modal/modal.element.scss.js +1 -1
  204. package/navigation/navigation-group.element.scss.js +1 -1
  205. package/navigation/navigation-item.element.d.ts +1 -1
  206. package/navigation/navigation-item.element.js +1 -1
  207. package/navigation/navigation-item.element.js.map +1 -1
  208. package/navigation/navigation-item.element.scss.js +2 -2
  209. package/navigation/navigation-start.element.d.ts +1 -2
  210. package/navigation/navigation-start.element.js +1 -1
  211. package/navigation/navigation-start.element.js.map +1 -1
  212. package/navigation/navigation.element.d.ts +5 -9
  213. package/navigation/navigation.element.js +1 -3
  214. package/navigation/navigation.element.js.map +1 -1
  215. package/navigation/navigation.element.scss.js +1 -1
  216. package/navigation/utils/{index.d.ts → utils.d.ts} +0 -0
  217. package/navigation/utils/{index.js → utils.js} +1 -1
  218. package/navigation/utils/{index.js.map → utils.js.map} +1 -1
  219. package/package.json +99 -78
  220. package/pagination/pagination-button.element.scss.js +1 -1
  221. package/password/password.element.d.ts +0 -1
  222. package/password/password.element.js +1 -1
  223. package/password/password.element.js.map +1 -1
  224. package/polyfills/aria-reflect.d.ts +45 -0
  225. package/polyfills/aria-reflect.js +2 -0
  226. package/polyfills/aria-reflect.js.map +1 -0
  227. package/polyfills/index.d.ts +1 -0
  228. package/{internal/interfaces → polyfills}/index.js +1 -1
  229. package/polyfills/index.js.map +1 -0
  230. package/progress-circle/progress-circle.element.d.ts +26 -3
  231. package/progress-circle/progress-circle.element.js +1 -1
  232. package/progress-circle/progress-circle.element.js.map +1 -1
  233. package/progress-circle/progress-circle.element.scss.js +1 -1
  234. package/progress-circle/progress-circle.utils.d.ts +6 -0
  235. package/progress-circle/progress-circle.utils.js +2 -0
  236. package/progress-circle/progress-circle.utils.js.map +1 -0
  237. package/radio/radio-group.element.js +1 -1
  238. package/radio/radio-group.element.js.map +1 -1
  239. package/radio/radio.element.scss.js +1 -1
  240. package/range/range.global.scss.js +1 -1
  241. package/select/select.global.scss.js +1 -1
  242. package/selection-panels/checkbox/checkbox-panel.element.d.ts +35 -0
  243. package/selection-panels/checkbox/checkbox-panel.element.js +2 -0
  244. package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -0
  245. package/selection-panels/checkbox/index.d.ts +1 -0
  246. package/selection-panels/checkbox/index.js +2 -0
  247. package/selection-panels/checkbox/index.js.map +1 -0
  248. package/selection-panels/checkbox/register.d.ts +6 -0
  249. package/selection-panels/checkbox/register.js +2 -0
  250. package/selection-panels/checkbox/register.js.map +1 -0
  251. package/selection-panels/radio/index.d.ts +1 -0
  252. package/selection-panels/radio/index.js +2 -0
  253. package/selection-panels/radio/index.js.map +1 -0
  254. package/selection-panels/radio/radio-panel.element.d.ts +35 -0
  255. package/selection-panels/radio/radio-panel.element.js +2 -0
  256. package/selection-panels/radio/radio-panel.element.js.map +1 -0
  257. package/selection-panels/radio/register.d.ts +6 -0
  258. package/selection-panels/radio/register.js +2 -0
  259. package/selection-panels/radio/register.js.map +1 -0
  260. package/selection-panels/shared/selection-panel.element.scss.js +6 -0
  261. package/selection-panels/shared/selection-panel.element.scss.js.map +1 -0
  262. package/selection-panels/shared/selection-panel.interfaces.d.ts +1 -0
  263. package/styles/module.tokens.css +5 -3
  264. package/styles/module.tokens.min.css +1 -1
  265. package/styles/theme.dark.css +7 -8
  266. package/styles/theme.dark.min.css +1 -1
  267. package/tag/tag.element.d.ts +1 -1
  268. package/tag/tag.element.scss.js +1 -1
  269. package/textarea/textarea.element.scss.js +1 -1
  270. package/toggle/toggle.element.scss.js +1 -1
  271. package/tokens/tokens.android.xml +5 -3
  272. package/tokens/tokens.d.ts +2 -0
  273. package/tokens/tokens.ios.swift +5 -3
  274. package/tokens/tokens.js +2 -0
  275. package/tokens/tokens.json +14 -3
  276. package/tokens/tokens.scss +2 -0
  277. package/tree-view/tree-item.element.d.ts +1 -5
  278. package/tree-view/tree-item.element.js +1 -1
  279. package/tree-view/tree-item.element.js.map +1 -1
  280. package/tree-view/tree-item.element.scss.js +1 -1
  281. package/tree-view/tree.element.d.ts +0 -4
  282. package/tree-view/tree.element.js +1 -1
  283. package/tree-view/tree.element.js.map +1 -1
  284. package/_virtual/_virtual_library-entry-points +0 -2
  285. package/_virtual/_virtual_library-entry-points.map +0 -1
  286. package/internal/base/css-gap.base.d.ts +0 -18
  287. package/internal/base/css-gap.base.js +0 -2
  288. package/internal/base/css-gap.base.js.map +0 -1
  289. package/internal/utils/register.js +0 -2
  290. package/internal/utils/register.js.map +0 -1
  291. package/navigation/navigation-start.element.scss.js +0 -6
  292. package/navigation/navigation-start.element.scss.js.map +0 -1
  293. package/styles/module.shims.css +0 -896
  294. 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:inherit;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 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;
2
2
  //# sourceMappingURL=accordion-content.element.scss.js.map
@@ -1,2 +1,2 @@
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-secondary-font-size, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--background:var(--cds-alias-object-app-background, var(--cds-global-color-gray-50, #fafafa));--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){--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--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, 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(: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;-webkit-transform:var(--icon-transform);transform:var(--icon-transform);-webkit-transition:-webkit-transform var(--animation-duration);transition:transform var(--animation-duration);transition:transform var(--animation-duration),-webkit-transform var(--animation-duration)}`;export default r;
2
2
  //# sourceMappingURL=accordion-header.element.scss.js.map
@@ -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-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-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));--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;
2
2
  //# sourceMappingURL=accordion-panel.element.scss.js.map
@@ -46,22 +46,18 @@ import { AlertGroupTypes, AlertStatusTypes, AlertSizes } from './alert.interface
46
46
  */
47
47
  export declare class CdsAlertGroup extends LitElement {
48
48
  /**
49
- * @type {default | sm}
50
49
  * Sets the overall height and width of the alerts inside the alert group
50
+ * @type {default | sm}
51
51
  */
52
52
  size: AlertSizes;
53
53
  /**
54
- * @type {default | banner | light}
55
54
  * Passed down into the alerts inside the alert-group
55
+ * @type {default | banner | light}
56
56
  */
57
57
  type: AlertGroupTypes;
58
58
  /**
59
- * Autosets the alert groups aria role to 'region'
60
- */
61
- role: string;
62
- /**
63
- * @type {neutral | info | success | warning | danger | alt | loading}
64
59
  * Sets the status of the alerts inside the alert group
60
+ * @type {neutral | info | success | warning | danger | alt | loading}
65
61
  */
66
62
  status: AlertStatusTypes;
67
63
  private alerts;
@@ -69,6 +65,7 @@ export declare class CdsAlertGroup extends LitElement {
69
65
  pager: HTMLElement;
70
66
  private alertSlot;
71
67
  render(): import("lit-html").TemplateResult<1>;
68
+ connectedCallback(): void;
72
69
  firstUpdated(props: Map<string, any>): void;
73
70
  private setupAlertsUpdate;
74
71
  private syncAlerts;
@@ -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.role="region",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>`}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,"role",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: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};
2
2
  //# sourceMappingURL=alert-group.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert-group.element.js","sources":["../../../src/alert/alert-group.element.ts"],"sourcesContent":null,"names":["CdsAlertGroup","LitElement","[object Object]","super","arguments","this","size","type","role","status","html","pager","props","firstUpdated","setupAlertsUpdate","_a","propsToSync","alertSlot","addEventListener","syncAlerts","Promise","all","Array","from","alerts","map","a","updateComplete","forEach","alert","syncProps","updated","has","styles","baseStyles","__decorate","property","String","prototype","querySlotAll","querySlot","assign","query"],"mappings":"yRAsDO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WAKTC,KAAKC,KAAO,UAKZD,KAAKE,KAAO,UAIZF,KAAKG,KAAO,SAKZH,KAAKI,OAAS,UAElBP,SACI,OAAOQ,CAAK,oBAEEL,KAAKM,MAAQ,uBAAyB,wBAC3CN,KAAKM,MAAQ,eAAiB,6NAQ0C,OAAdN,KAAKC,KAAgB,WAAa,4CAQzGJ,aAAaU,GACTT,MAAMU,aAAaD,GACnBP,KAAKS,oBAETZ,oBACI,IAAIa,EACJ,MAAMC,EAAc,CAAEP,QAAQ,EAAMF,MAAM,EAAMD,MAAM,GAC5B,QAAzBS,EAAKV,KAAKY,iBAA8B,IAAPF,GAAyBA,EAAGG,iBAAiB,cAAc,IAAMb,KAAKc,WAAWH,KAEvHd,iBAAiBc,SACPI,QAAQC,IAAIC,MAAMC,KAAKlB,KAAKmB,QAAQC,KAAIC,GAAKA,EAAEC,kBACrDtB,KAAKmB,OAAOI,SAAQC,GAASC,EAAUD,EAAOxB,KAAM,CAChDI,OAAQO,EAAYP,QAAwB,UAAdJ,KAAKE,MAAqC,YAAjBsB,EAAMpB,OAC7DF,KAAMS,EAAYT,KAClBD,KAAMU,EAAYV,SAG1BJ,QAAQU,GACJT,MAAM4B,QAAQnB,GACdP,KAAKc,WAAW,CACZV,OAAQG,EAAMoB,IAAI,UAClBzB,KAAMK,EAAMoB,IAAI,QAChB1B,KAAMM,EAAMoB,IAAI,UAGxBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAE7B,KAAM8B,UAClBrC,EAAcsC,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAE7B,KAAM8B,UAClBrC,EAAcsC,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAE7B,KAAM8B,UAClBrC,EAAcsC,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAE7B,KAAM8B,UAClBrC,EAAcsC,UAAW,cAAU,GACtCH,EAAW,CACPI,EAAa,cACdvC,EAAcsC,UAAW,cAAU,GACtCH,EAAW,CACPK,EAAU,SAAU,CAAEC,OAAQ,WAC/BzC,EAAcsC,UAAW,aAAS,GACrCH,EAAW,CACPO,EAAM,YACP1C,EAAcsC,UAAW,iBAAa"}
1
+ {"version":3,"file":"alert-group.element.js","sources":["../../../src/alert/alert-group.element.ts"],"sourcesContent":null,"names":["CdsAlertGroup","LitElement","[object Object]","super","arguments","this","size","type","status","html","pager","connectedCallback","role","props","firstUpdated","setupAlertsUpdate","_a","propsToSync","alertSlot","addEventListener","syncAlerts","Promise","all","Array","from","alerts","map","a","updateComplete","forEach","alert","syncProps","updated","has","styles","baseStyles","__decorate","property","String","prototype","querySlotAll","querySlot","assign","query"],"mappings":"yRAsDO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WAKTC,KAAKC,KAAO,UAKZD,KAAKE,KAAO,UAKZF,KAAKG,OAAS,UAElBN,SACI,OAAOO,CAAK,oBAEEJ,KAAKK,MAAQ,uBAAyB,wBAC3CL,KAAKK,MAAQ,eAAiB,6NAQ0C,OAAdL,KAAKC,KAAgB,WAAa,4CAQzGJ,oBACIC,MAAMQ,oBACNN,KAAKO,KAAO,SAEhBV,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKU,oBAETb,oBACI,IAAIc,EACJ,MAAMC,EAAc,CAAET,QAAQ,EAAMD,MAAM,EAAMD,MAAM,GAC5B,QAAzBU,EAAKX,KAAKa,iBAA8B,IAAPF,GAAyBA,EAAGG,iBAAiB,cAAc,IAAMd,KAAKe,WAAWH,KAEvHf,iBAAiBe,SACPI,QAAQC,IAAIC,MAAMC,KAAKnB,KAAKoB,QAAQC,KAAIC,GAAKA,EAAEC,kBACrDvB,KAAKoB,OAAOI,SAAQC,GAASC,EAAUD,EAAOzB,KAAM,CAChDG,OAAQS,EAAYT,QAAwB,UAAdH,KAAKE,MAAqC,YAAjBuB,EAAMtB,OAC7DD,KAAMU,EAAYV,KAClBD,KAAMW,EAAYX,SAG1BJ,QAAQW,GACJV,MAAM6B,QAAQnB,GACdR,KAAKe,WAAW,CACZZ,OAAQK,EAAMoB,IAAI,UAClB1B,KAAMM,EAAMoB,IAAI,QAChB3B,KAAMO,EAAMoB,IAAI,UAGxBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAE9B,KAAM+B,UAClBtC,EAAcuC,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAE9B,KAAM+B,UAClBtC,EAAcuC,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAE9B,KAAM+B,UAClBtC,EAAcuC,UAAW,cAAU,GACtCH,EAAW,CACPI,EAAa,cACdxC,EAAcuC,UAAW,cAAU,GACtCH,EAAW,CACPK,EAAU,SAAU,CAAEC,OAAQ,WAC/B1C,EAAcuC,UAAW,aAAS,GACrCH,EAAW,CACPO,EAAM,YACP3C,EAAcuC,UAAW,iBAAa"}
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var r=a`:host{--icon-color:var(--cds-global-typography-color-500, var(--cds-global-color-black, black));--icon-size:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-body-font-size, calc((14 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-body-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, 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;-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
@@ -47,8 +47,8 @@ export declare function getAlertContentLayout(containerType: 'wrapper' | 'conten
47
47
  export declare class CdsAlert extends LitElement {
48
48
  private closeChange;
49
49
  /**
50
- * @type {default | sm}
51
50
  * Sets the overall height and width of the alert and icon based on value
51
+ * @type {default | sm}
52
52
  */
53
53
  size: AlertSizes;
54
54
  /**
@@ -65,8 +65,8 @@ export declare class CdsAlert extends LitElement {
65
65
  */
66
66
  closable: boolean;
67
67
  /**
68
- * @type {neutral | info | success | warning | danger | alt | loading}
69
68
  * Sets the color of the alert from a predefined list of statuses
69
+ * @type {neutral | info | success | warning | danger | alt | loading}
70
70
  */
71
71
  status: AlertStatusTypes;
72
72
  i18n: {
@@ -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-500, var(--cds-global-color-black, black));--font-size:var(--cds-global-typography-body-font-size, calc((14 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-body-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=default]){--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem))}: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 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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));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{-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, calc((11 / var(--cds-global-base, 20)) * 1rem));--letter-spacing:normal}:host([_type=banner]) .alert-content-wrapper{-webkit-transform:none;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{-webkit-transform:translateY(calc(-1*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))));transform:translateY(calc(-1*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}}`;export default l;
2
2
  //# sourceMappingURL=alert.element.scss.js.map
@@ -30,8 +30,8 @@ export declare class CdsBadge extends LitElement {
30
30
  */
31
31
  color: 'default' | 'gray' | 'purple' | 'blue' | 'orange' | 'light-blue' | null;
32
32
  /**
33
- * @type {neutral | info | success | warning | danger}
34
33
  * Sets the color of the badge
34
+ * @type {'neutral' | 'info' | 'success' | 'warning' | 'danger'}
35
35
  */
36
36
  status: StatusTypes;
37
37
  render(): import("lit-html").TemplateResult<1>;
@@ -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-ochre-700, #d68800);--color:var(--cds-global-color-black, black)}:host([color=light-blue]){--background:var(--cds-global-color-blue-400, #2ec0ff);--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, 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);-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-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;
2
2
  //# sourceMappingURL=badge.element.scss.js.map
@@ -20,9 +20,9 @@ import { LitElement } from 'lit';
20
20
  * @cssprop --color
21
21
  */
22
22
  export declare class CdsBreadcrumb extends LitElement {
23
- protected role: string;
24
23
  private navItems;
25
24
  private customSeparator;
25
+ role: string;
26
26
  render(): import("lit-html").TemplateResult<1>;
27
27
  private get separator();
28
28
  private assignSlots;
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{LitElement as r,html as s}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 r{constructor(){super(...arguments),this.role="navigation",this.navItems=[]}render(){return s`<div class="private-host"><ol cds-layout="horizontal gap:sm align:vertical-center">${this.slotNames.map((t=>s`<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 s`/`}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:String,reflect:!0,attribute:"role"})],n.prototype,"role",void 0),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: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};
2
2
  //# sourceMappingURL=breadcrumb.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","arguments","this","role","navItems","html","slotNames","map","slotName","separator","assignSlots","customSeparator","separatorClone","cloneNode","removeAttribute","Array","from","children","filter","c","getAttribute","element","setAttribute","createId","slot","styles","baseStyles","__decorate","state","type","String","reflect","attribute","prototype","querySlot"],"mappings":"kNAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,KAAO,aACZD,KAAKE,SAAW,GAEpBL,SACI,OAAOM,CAAK,sFAGRH,KAAKI,UAAUC,KAAIC,GAAYH,CAAK,wEAElBG,uDAC8BN,KAAKO,0DAKvCP,KAAKQ,uBAG3BD,gBACI,GAAIP,KAAKS,gBAAiB,CACtB,MAAMC,EAAiBV,KAAKS,gBAAgBE,WAAU,GAEtD,OADAD,EAAeE,gBAAgB,QACxBF,EAGP,OAAOP,CAAK,IAGpBN,cACIG,KAAKE,SAAWW,MAAMC,KAAKd,KAAKe,UAC3BC,QAAOC,GAAgC,kBAA3BA,EAAEC,aAAa,UAC3Bb,KAAIc,IACLA,EAAQC,aAAa,OAAQC,KACtBF,KAGff,gBACI,OAAOJ,KAAKE,SAASG,KAAIc,GAAWA,EAAQG,OAEhDC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEC,KAAMC,OAAQC,SAAS,EAAMC,UAAW,UACjDnC,EAAcoC,UAAW,YAAQ,GACpCN,EAAW,CACPC,EAAM,CAAEC,KAAMd,SACflB,EAAcoC,UAAW,gBAAY,GACxCN,EAAW,CACPO,EAAU,2BACXrC,EAAcoC,UAAW,uBAAmB"}
1
+ {"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","arguments","this","navItems","role","html","slotNames","map","slotName","separator","assignSlots","customSeparator","separatorClone","cloneNode","removeAttribute","Array","from","children","filter","c","getAttribute","element","setAttribute","createId","slot","styles","baseStyles","__decorate","state","type","prototype","querySlot"],"mappings":"kNAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,SAAW,GAChBD,KAAKE,KAAO,aAEhBL,SACI,OAAOM,CAAK,sFAGRH,KAAKI,UAAUC,KAAIC,GAAYH,CAAK,wEAElBG,uDAC8BN,KAAKO,0DAKvCP,KAAKQ,uBAG3BD,gBACI,GAAIP,KAAKS,gBAAiB,CACtB,MAAMC,EAAiBV,KAAKS,gBAAgBE,WAAU,GAEtD,OADAD,EAAeE,gBAAgB,QACxBF,EAGP,OAAOP,CAAK,IAGpBN,cACIG,KAAKC,SAAWY,MAAMC,KAAKd,KAAKe,UAC3BC,QAAOC,GAAgC,kBAA3BA,EAAEC,aAAa,UAC3Bb,KAAIc,IACLA,EAAQC,aAAa,OAAQC,KACtBF,KAGff,gBACI,OAAOJ,KAAKC,SAASI,KAAIc,GAAWA,EAAQG,OAEhDC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEC,KAAMd,SACflB,EAAciC,UAAW,gBAAY,GACxCH,EAAW,CACPI,EAAU,2BACXlC,EAAciC,UAAW,uBAAmB"}
@@ -54,8 +54,8 @@ export declare class CdsButton extends CdsBaseButton {
54
54
  /** Sets if the button should be full width with display block */
55
55
  block: boolean;
56
56
  /**
57
- * @type {default | loading | success | error}
58
57
  * Changes the button content based on the value passed.
58
+ * @type {default | loading | success | error}
59
59
  *
60
60
  * - `default`: shows the content of the button
61
61
  * - `loading`: disables the button and shows a spinner inside the button
@@ -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, 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,.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,calc((2 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--box-shadow-color) inset;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{-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,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{-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=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
@@ -1,2 +1,2 @@
1
- import{css as t}from"lit";var o=t`:host{--text-decoration:underline;--color:var(--cds-global-typography-link-color, var(--cds-global-color-blue-800, #00608a));--font-size:inherit;--line-height:inherit;--letter-spacing:inherit;display:inline;line-height:inherit;font-size:inherit}.private-host{color:var(--color)!important;line-height:var(--line-height)!important;font-size:var(--font-size)!important;letter-spacing:var(--letter-spacing)!important;text-decoration:var(--text-decoration)!important;cursor:pointer!important}.private-host,slot{display:inline}::slotted(cds-icon){--color:inherit;height:1em;width:1em;margin-top:calc(-1*var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));font-size:var(--font-size)}::slotted(cds-icon:first-child){margin-right:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon:last-child){margin-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([disabled]) .private-host{cursor:not-allowed!important}:host(:active),:host(:hover){--color:var(--cds-global-typography-link-color-hover, var(--cds-global-color-blue-900, #004b6b));--text-decoration:underline}`;export default o;
1
+ import{css as t}from"lit";var o=t`:host{--text-decoration:underline;--color:var(--cds-global-typography-link-color, var(--cds-global-color-blue-800, #00608a));--font-size:inherit;--line-height:inherit;--letter-spacing:inherit;display:inline;line-height:inherit;font-size:inherit}.private-host{color:var(--color)!important;line-height:var(--line-height)!important;font-size:var(--font-size)!important;letter-spacing:var(--letter-spacing)!important;-webkit-text-decoration:var(--text-decoration)!important;text-decoration:var(--text-decoration)!important;cursor:pointer!important}.private-host,slot{display:inline}::slotted(cds-icon){--color:inherit;height:1em;width:1em;margin-top:calc(-1*var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));font-size:var(--font-size)}::slotted(cds-icon:first-child){margin-right:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon:last-child){margin-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([disabled]) .private-host{cursor:not-allowed!important}:host(:active),:host(:hover){--color:var(--cds-global-typography-link-color-hover, var(--cds-global-color-blue-900, #004b6b));--text-decoration:underline}`;export default o;
2
2
  //# sourceMappingURL=inline-button.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{__decorate as r}from"tslib";import{css as e}from"lit";import{property as t,globalStyle as o}from"@cds/core/internal";import{CdsInternalPanel as s}from"@cds/core/internal-components/panel";import c from"./card.element.scss.js";class l extends s{constructor(){super(...arguments),this.role="region",this.globalStyles=e`[cds-card-remove-margin]{margin-left:calc(-1 * var(--card-remove-margin));width:calc(100% + calc(var(--card-remove-margin) * 2))}`}static get styles(){return[...super.styles,c]}}r([t({type:String,reflect:!0})],l.prototype,"role",void 0),r([o()],l.prototype,"globalStyles",void 0);export{l as CdsCard};
1
+ import{__decorate as r}from"tslib";import{css as e}from"lit";import{globalStyle as t}from"@cds/core/internal";import{CdsInternalPanel as o}from"@cds/core/internal-components/panel";import s from"./card.element.scss.js";class c extends o{constructor(){super(...arguments),this.role="region",this.globalStyles=e`[cds-card-remove-margin]{margin-left:calc(-1 * var(--card-remove-margin));width:calc(100% + calc(var(--card-remove-margin) * 2))}`}static get styles(){return[...super.styles,s]}}r([t()],c.prototype,"globalStyles",void 0);export{c as CdsCard};
2
2
  //# sourceMappingURL=card.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"card.element.js","sources":["../../../src/card/card.element.ts"],"sourcesContent":null,"names":["CdsCard","CdsInternalPanel","[object Object]","super","arguments","this","role","globalStyles","css","styles","__decorate","property","type","String","reflect","prototype","globalStyle"],"mappings":"yOAkDO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,KAAO,SACZD,KAAKE,aAAeC,CAAI,oIAO5BC,oBACI,MAAO,IAAIN,MAAMM,OAAQA,IAGjCC,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAS,KACnCd,EAAQe,UAAW,YAAQ,GAC9BL,EAAW,CACPM,KACDhB,EAAQe,UAAW,oBAAgB"}
1
+ {"version":3,"file":"card.element.js","sources":["../../../src/card/card.element.ts"],"sourcesContent":null,"names":["CdsCard","CdsInternalPanel","[object Object]","super","arguments","this","role","globalStyles","css","styles","__decorate","globalStyle","prototype"],"mappings":"2NAkDO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,KAAO,SACZD,KAAKE,aAAeC,CAAI,oIAO5BC,oBACI,MAAO,IAAIN,MAAMM,OAAQA,IAGjCC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var o=a`:host{--width:fit-content;--height:auto;--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--box-shadow:var(--cds-alias-object-shadow-100, 0 1px 3px 0 rgba(27, 43, 50, 0.5));--card-remove-margin:var(--cds-global-space-8)}@supports (-moz-appearance:none){:host{--width:-moz-fit-content}}`;export default o;
1
+ import{css as a}from"lit";var o=a`:host{--width:fit-content;--height:auto;--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 rgba(27, 43, 50, 0.5));--card-remove-margin:var(--cds-global-space-8)}@supports (-moz-appearance:none){:host{--width:-moz-fit-content}}`;export default o;
2
2
  //# sourceMappingURL=card.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-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));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81))}.input,.input::before{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}.input{position:relative;cursor:pointer}.input::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);display:inline-block;position:absolute;content:""}.input::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));left:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem));border-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg)}:host([_indeterminate]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([_indeterminate]) .input:after{border-left:none;border-bottom-color:var(--color);display:inline-block;transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host([_checked]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_checked]) .input:after{display:inline-block}:host([status=error]:not([_checked])){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input{cursor:not-allowed}`;export default r;
1
+ import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-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));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81))}.input,.input::before{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}.input{position:relative;cursor:pointer}.input::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);display:inline-block;position:absolute;content:""}.input::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));left:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem));border-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);-webkit-transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg);transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg)}:host([_indeterminate]){--color:var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81))}:host([_indeterminate]) .input:after{border-left:none;border-bottom-color:var(--color);display:inline-block;-webkit-transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host([_checked]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_checked]) .input:after{display:inline-block}:host([status=error]:not([_checked])){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input{cursor:not-allowed}`;export default r;
2
2
  //# sourceMappingURL=checkbox.element.scss.js.map