@cds/core 6.0.0-next.1 → 6.0.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (305) hide show
  1. package/accordion/accordion-content.element.scss.js +1 -1
  2. package/accordion/accordion-header.element.d.ts +2 -0
  3. package/accordion/accordion-header.element.js +1 -1
  4. package/accordion/accordion-header.element.js.map +1 -1
  5. package/accordion/accordion-header.element.scss.js +1 -1
  6. package/accordion/accordion-panel.element.d.ts +2 -2
  7. package/accordion/accordion-panel.element.js +1 -1
  8. package/accordion/accordion-panel.element.js.map +1 -1
  9. package/accordion/accordion-panel.element.scss.js +1 -1
  10. package/accordion/accordion.element.scss.js +1 -1
  11. package/accordion/register.d.ts +1 -0
  12. package/accordion/register.js +1 -1
  13. package/accordion/register.js.map +1 -1
  14. package/alert/alert-actions.element.js +1 -1
  15. package/alert/alert-actions.element.scss.js +1 -1
  16. package/alert/alert-group.element.js +1 -1
  17. package/alert/alert-group.element.scss.js +1 -1
  18. package/alert/alert.element.js +1 -1
  19. package/alert/alert.element.js.map +1 -1
  20. package/alert/alert.element.scss.js +1 -1
  21. package/badge/badge.element.scss.js +1 -1
  22. package/breadcrumb/breadcrumb.element.js +1 -1
  23. package/breadcrumb/breadcrumb.element.scss.js +1 -1
  24. package/button/button.element.d.ts +1 -1
  25. package/button/button.element.js +1 -1
  26. package/button/button.element.scss.js +1 -1
  27. package/button/icon-button.element.d.ts +1 -1
  28. package/button/icon-button.element.js +1 -1
  29. package/button/icon-button.element.js.map +1 -1
  30. package/button/index.d.ts +0 -1
  31. package/button/index.js +1 -1
  32. package/button/register.d.ts +0 -2
  33. package/button/register.js +1 -1
  34. package/button/register.js.map +1 -1
  35. package/button-action/button-action.element.d.ts +38 -0
  36. package/button-action/button-action.element.js +2 -0
  37. package/button-action/button-action.element.js.map +1 -0
  38. package/button-action/button-action.element.scss.js +2 -0
  39. package/button-action/button-action.element.scss.js.map +1 -0
  40. package/button-action/index.d.ts +1 -0
  41. package/button-action/index.js +2 -0
  42. package/button-action/index.js.map +1 -0
  43. package/button-action/register.d.ts +7 -0
  44. package/button-action/register.js +2 -0
  45. package/button-action/register.js.map +1 -0
  46. package/button-expand/button-expand.element.d.ts +25 -0
  47. package/button-expand/button-expand.element.js +2 -0
  48. package/button-expand/button-expand.element.js.map +1 -0
  49. package/button-expand/button-expand.element.scss.js +2 -0
  50. package/button-expand/button-expand.element.scss.js.map +1 -0
  51. package/button-expand/index.d.ts +1 -0
  52. package/button-expand/index.js +2 -0
  53. package/button-expand/index.js.map +1 -0
  54. package/button-expand/register.d.ts +7 -0
  55. package/button-expand/register.js +2 -0
  56. package/button-expand/register.js.map +1 -0
  57. package/button-handle/button-handle.element.d.ts +19 -0
  58. package/button-handle/button-handle.element.js +2 -0
  59. package/button-handle/button-handle.element.js.map +1 -0
  60. package/button-handle/button-handle.element.scss.js +2 -0
  61. package/button-handle/button-handle.element.scss.js.map +1 -0
  62. package/button-handle/index.d.ts +1 -0
  63. package/button-handle/index.js +2 -0
  64. package/button-handle/index.js.map +1 -0
  65. package/button-handle/register.d.ts +7 -0
  66. package/button-handle/register.js +2 -0
  67. package/button-handle/register.js.map +1 -0
  68. package/{button/inline-button.element.d.ts → button-inline/button-inline.element.d.ts} +10 -3
  69. package/button-inline/button-inline.element.js +2 -0
  70. package/button-inline/button-inline.element.js.map +1 -0
  71. package/{button/inline-button.element.scss.js → button-inline/button-inline.element.scss.js} +2 -2
  72. package/button-inline/button-inline.element.scss.js.map +1 -0
  73. package/button-inline/index.d.ts +1 -0
  74. package/button-inline/index.js +2 -0
  75. package/button-inline/index.js.map +1 -0
  76. package/button-inline/register.d.ts +11 -0
  77. package/button-inline/register.js +2 -0
  78. package/button-inline/register.js.map +1 -0
  79. package/button-sort/button-sort.element.d.ts +23 -0
  80. package/button-sort/button-sort.element.js +2 -0
  81. package/button-sort/button-sort.element.js.map +1 -0
  82. package/button-sort/button-sort.element.scss.js +2 -0
  83. package/button-sort/button-sort.element.scss.js.map +1 -0
  84. package/button-sort/index.d.ts +1 -0
  85. package/button-sort/index.js +2 -0
  86. package/button-sort/index.js.map +1 -0
  87. package/button-sort/register.d.ts +7 -0
  88. package/button-sort/register.js +2 -0
  89. package/button-sort/register.js.map +1 -0
  90. package/button-sort/utils.d.ts +1 -0
  91. package/button-sort/utils.js +2 -0
  92. package/button-sort/utils.js.map +1 -0
  93. package/card/card.element.d.ts +3 -3
  94. package/card/card.element.scss.js +1 -1
  95. package/checkbox/checkbox.element.scss.js +1 -1
  96. package/custom-elements.json +5239 -4678
  97. package/custom-elements.legacy.json +321 -136
  98. package/datalist/datalist.element.d.ts +0 -1
  99. package/datalist/datalist.element.js +1 -1
  100. package/datalist/datalist.element.js.map +1 -1
  101. package/datalist/register.d.ts +1 -1
  102. package/datalist/register.js +1 -1
  103. package/datalist/register.js.map +1 -1
  104. package/date/date.element.d.ts +0 -1
  105. package/date/date.element.js +1 -1
  106. package/date/date.element.js.map +1 -1
  107. package/date/date.global.scss.js +1 -1
  108. package/date/register.d.ts +1 -0
  109. package/date/register.js +1 -1
  110. package/date/register.js.map +1 -1
  111. package/divider/divider.element.scss.js +1 -1
  112. package/file/file.element.d.ts +0 -1
  113. package/file/file.element.js +1 -1
  114. package/file/file.element.js.map +1 -1
  115. package/file/file.element.scss.js +1 -1
  116. package/file/register.d.ts +1 -0
  117. package/file/register.js +1 -1
  118. package/file/register.js.map +1 -1
  119. package/forms/control/control.element.js +2 -2
  120. package/forms/control/control.element.js.map +1 -1
  121. package/forms/control/control.element.scss.js +1 -1
  122. package/forms/control-action/control-action.element.d.ts +6 -15
  123. package/forms/control-action/control-action.element.js +1 -1
  124. package/forms/control-action/control-action.element.js.map +1 -1
  125. package/forms/control-group/control-group.element.js +1 -1
  126. package/forms/control-group/control-group.element.scss.js +1 -1
  127. package/forms/control-inline/control-inline.element.js +1 -1
  128. package/forms/control-inline/control-inline.element.scss.js +1 -1
  129. package/forms/control-label/control-label.element.js +1 -1
  130. package/forms/control-label/control-label.element.scss.js +1 -1
  131. package/forms/control-message/control-message.element.scss.js +1 -1
  132. package/forms/form-group/form-group.element.js +1 -1
  133. package/forms/register.d.ts +1 -0
  134. package/forms/register.js +1 -1
  135. package/forms/register.js.map +1 -1
  136. package/forms/utils/utils.js +1 -1
  137. package/forms/utils/utils.js.map +1 -1
  138. package/global.css +1851 -1024
  139. package/global.min.css +1 -1
  140. package/icon/collections/core.d.ts +4 -0
  141. package/icon/collections/core.js +1 -1
  142. package/icon/collections/core.js.map +1 -1
  143. package/icon/icon.element.scss.js +1 -1
  144. package/icon/shapes/detail-collapse.d.ts +3 -0
  145. package/icon/shapes/detail-collapse.js +2 -0
  146. package/icon/shapes/detail-collapse.js.map +1 -0
  147. package/icon/shapes/detail-expand.d.ts +3 -0
  148. package/icon/shapes/detail-expand.js +2 -0
  149. package/icon/shapes/detail-expand.js.map +1 -0
  150. package/input/input-group.element.scss.js +1 -1
  151. package/input/input.element.scss.js +1 -1
  152. package/internal/base/base.element.scss.js +1 -1
  153. package/internal/base/button.base.d.ts +4 -37
  154. package/internal/base/button.base.js +1 -1
  155. package/internal/base/button.base.js.map +1 -1
  156. package/internal/controllers/active.controller.d.ts +20 -0
  157. package/internal/controllers/active.controller.js +2 -0
  158. package/internal/controllers/active.controller.js.map +1 -0
  159. package/internal/controllers/aria-button.controller.d.ts +15 -0
  160. package/internal/controllers/aria-button.controller.js +2 -0
  161. package/internal/controllers/aria-button.controller.js.map +1 -0
  162. package/internal/controllers/aria-disabled.controller.d.ts +14 -0
  163. package/internal/controllers/aria-disabled.controller.js +2 -0
  164. package/internal/controllers/aria-disabled.controller.js.map +1 -0
  165. package/internal/controllers/aria-popup-trigger.controller.d.ts +11 -3
  166. package/internal/controllers/aria-popup-trigger.controller.js +1 -1
  167. package/internal/controllers/aria-popup-trigger.controller.js.map +1 -1
  168. package/internal/controllers/aria-pressed.controller.d.ts +15 -0
  169. package/internal/controllers/aria-pressed.controller.js +2 -0
  170. package/internal/controllers/aria-pressed.controller.js.map +1 -0
  171. package/internal/controllers/aria-selected.controller.d.ts +13 -0
  172. package/internal/controllers/aria-selected.controller.js +2 -0
  173. package/internal/controllers/aria-selected.controller.js.map +1 -0
  174. package/internal/controllers/button-anchor.controller.d.ts +22 -0
  175. package/internal/controllers/button-anchor.controller.js +2 -0
  176. package/internal/controllers/button-anchor.controller.js.map +1 -0
  177. package/internal/controllers/button-submit.controller.d.ts +27 -0
  178. package/internal/controllers/button-submit.controller.js +2 -0
  179. package/internal/controllers/button-submit.controller.js.map +1 -0
  180. package/internal/decorators/animate.d.ts +2 -2
  181. package/internal/decorators/animate.js +1 -1
  182. package/internal/decorators/animate.js.map +1 -1
  183. package/internal/decorators/property.js +1 -1
  184. package/internal/decorators/property.js.map +1 -1
  185. package/internal/index.d.ts +8 -1
  186. package/internal/index.js +1 -1
  187. package/internal/index.js.map +1 -1
  188. package/internal/motion/interfaces.d.ts +4 -5
  189. package/internal/services/global.service.d.ts +1 -1
  190. package/internal/services/i18n.service.d.ts +7 -0
  191. package/internal/services/i18n.service.js +1 -1
  192. package/internal/services/i18n.service.js.map +1 -1
  193. package/internal/utils/global.d.ts +2 -1
  194. package/internal/utils/global.js +1 -1
  195. package/internal/utils/lit.d.ts +5 -1
  196. package/internal/utils/lit.js +1 -1
  197. package/internal/utils/lit.js.map +1 -1
  198. package/internal-components/close-button/close-button.element.d.ts +5 -12
  199. package/internal-components/close-button/close-button.element.js +1 -1
  200. package/internal-components/close-button/close-button.element.js.map +1 -1
  201. package/internal-components/close-button/register.js +1 -1
  202. package/internal-components/close-button/register.js.map +1 -1
  203. package/internal-components/overlay/overlay.element.d.ts +2 -2
  204. package/internal-components/panel/panel.element.scss.js +1 -1
  205. package/internal-components/popup/popup.element.d.ts +2 -2
  206. package/internal-components/popup/popup.element.scss.js +1 -1
  207. package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
  208. package/list/list.css +6 -6
  209. package/list/list.min.css +1 -1
  210. package/modal/modal-actions.element.js +1 -1
  211. package/modal/modal.element.d.ts +2 -2
  212. package/modal/modal.element.js +1 -1
  213. package/modal/modal.element.scss.js +1 -1
  214. package/navigation/navigation-group.element.d.ts +2 -2
  215. package/navigation/navigation-group.element.scss.js +1 -5
  216. package/navigation/navigation-group.element.scss.js.map +1 -1
  217. package/navigation/navigation-item.element.js +1 -1
  218. package/navigation/navigation-item.element.scss.js +1 -5
  219. package/navigation/navigation-item.element.scss.js.map +1 -1
  220. package/navigation/navigation-start.element.js +1 -1
  221. package/navigation/navigation.element.d.ts +2 -2
  222. package/navigation/navigation.element.scss.js +1 -1
  223. package/package.json +23 -1
  224. package/pagination/pagination-button.element.d.ts +7 -10
  225. package/pagination/pagination-button.element.js +1 -1
  226. package/pagination/pagination-button.element.js.map +1 -1
  227. package/pagination/pagination.element.js +1 -1
  228. package/pagination/pagination.element.scss.js +1 -1
  229. package/pagination/utils.d.ts +5 -0
  230. package/pagination/utils.js +2 -0
  231. package/pagination/utils.js.map +1 -0
  232. package/password/password.element.js +1 -1
  233. package/password/password.element.js.map +1 -1
  234. package/password/register.d.ts +1 -0
  235. package/password/register.js +1 -1
  236. package/password/register.js.map +1 -1
  237. package/progress-circle/progress-circle.element.scss.js +1 -1
  238. package/radio/radio.element.scss.js +1 -1
  239. package/range/range.element.scss.js +1 -1
  240. package/range/range.global.scss.js +1 -1
  241. package/search/register.d.ts +1 -0
  242. package/search/register.js +1 -1
  243. package/search/register.js.map +1 -1
  244. package/search/search.element.js +1 -1
  245. package/search/search.element.js.map +1 -1
  246. package/select/register.d.ts +1 -1
  247. package/select/register.js +1 -1
  248. package/select/register.js.map +1 -1
  249. package/select/select.element.js +1 -1
  250. package/select/select.element.js.map +1 -1
  251. package/select/select.element.scss.js +1 -1
  252. package/select/select.global.scss.js +1 -1
  253. package/selection-panels/checkbox/checkbox-panel.element.d.ts +10 -13
  254. package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -1
  255. package/selection-panels/radio/radio-panel.element.d.ts +20 -15
  256. package/selection-panels/radio/radio-panel.element.js.map +1 -1
  257. package/selection-panels/shared/selection-panel.element.scss.js +1 -5
  258. package/selection-panels/shared/selection-panel.element.scss.js.map +1 -1
  259. package/styles/module.layout.css +1411 -655
  260. package/styles/module.layout.min.css +1 -1
  261. package/styles/module.tokens.css +71 -52
  262. package/styles/module.tokens.min.css +1 -1
  263. package/styles/module.typography.css +78 -26
  264. package/styles/module.typography.min.css +1 -1
  265. package/styles/shim.clr-ui.css +633 -0
  266. package/styles/shim.clr-ui.min.css +119 -0
  267. package/table/table.css +7 -7
  268. package/table/table.min.css +1 -1
  269. package/tag/tag.element.d.ts +2 -1
  270. package/tag/tag.element.js +1 -1
  271. package/tag/tag.element.js.map +1 -1
  272. package/tag/tag.element.scss.js +1 -1
  273. package/textarea/textarea.element.scss.js +1 -1
  274. package/time/register.d.ts +1 -0
  275. package/time/register.js +1 -1
  276. package/time/register.js.map +1 -1
  277. package/time/time.element.d.ts +0 -1
  278. package/time/time.element.js +1 -1
  279. package/time/time.element.js.map +1 -1
  280. package/toggle/toggle.element.scss.js +1 -1
  281. package/tokens/tokens.android.xml +30 -11
  282. package/tokens/tokens.d.ts +28 -9
  283. package/tokens/tokens.ios.swift +31 -12
  284. package/tokens/tokens.js +29 -10
  285. package/tokens/tokens.json +127 -26
  286. package/tokens/tokens.scss +87 -12
  287. package/tree-view/register.js +1 -1
  288. package/tree-view/register.js.map +1 -1
  289. package/tree-view/tree-item.element.d.ts +2 -2
  290. package/tree-view/tree-item.element.js +1 -1
  291. package/tree-view/tree-item.element.js.map +1 -1
  292. package/tree-view/tree-item.element.scss.js +1 -1
  293. package/button/icon-button.element.scss.js +0 -2
  294. package/button/icon-button.element.scss.js.map +0 -1
  295. package/button/inline-button.element.js +0 -2
  296. package/button/inline-button.element.js.map +0 -1
  297. package/button/inline-button.element.scss.js.map +0 -1
  298. package/forms/control-action/control-action.element.scss.js +0 -2
  299. package/forms/control-action/control-action.element.scss.js.map +0 -1
  300. package/internal-components/close-button/close-button.element.scss.js +0 -2
  301. package/internal-components/close-button/close-button.element.scss.js.map +0 -1
  302. package/pagination/pagination-button.element.scss.js +0 -2
  303. package/pagination/pagination-button.element.scss.js.map +0 -1
  304. package/search/search.element.scss.js +0 -2
  305. package/search/search.element.scss.js.map +0 -1
@@ -0,0 +1,119 @@
1
+ :root,[cds-theme]{--clr-global-app-background:var(
2
+ --cds-alias-object-app-background
3
+ );--clr-global-selection-color:var(
4
+ --cds-alias-object-interaction-background-selected
5
+ );--clr-global-on-selection-color:var(
6
+ --cds-alias-object-interaction-color-selected
7
+ );--clr-global-hover-color:var(
8
+ --cds-global-typography-link-color-hover
9
+ );--clr-global-content-header-font-color:var(
10
+ --cds-global-typography-color-400
11
+ );--clr-global-font-color:var(
12
+ --cds-global-typography-color-500
13
+ );--clr-global-success-color:var(--cds-alias-status-success);--clr-global-error-color:var(--cds-alias-status-danger);--clr-close-color--normal:var(
14
+ --cds-alias-object-interaction-color
15
+ );--clr-close-color--hover:var(
16
+ --cds-alias-object-interaction-color-hover
17
+ );--clr-h1-color:var(--cds-global-typography-color-400);--clr-h2-color:var(--cds-global-typography-color-400);--clr-h3-color:var(--cds-global-typography-color-400);--clr-h4-color:var(--cds-global-typography-color-400);--clr-h5-color:var(--cds-global-typography-color-400);--clr-h6-color:var(--cds-global-typography-color-400);--clr-p0-color:var(--cds-global-typography-color-500);--clr-p1-color:var(--cds-global-typography-color-500);--clr-p2-color:var(--cds-global-typography-color-500);--clr-p3-color:var(--cds-global-typography-color-500);--clr-p4-color:var(--cds-global-typography-color-500);--clr-p5-color:var(--cds-global-typography-color-500);--clr-p6-color:var(--cds-global-typography-color-500);--clr-p7-color:var(--cds-global-typography-color-500);--clr-p8-color:var(--cds-global-typography-color-500);--clr-btn-default-bg-color:transparent;--clr-btn-outline-bg-color:transparent;--clr-btn-default-color:var(--cds-alias-status-info);--clr-btn-default-border-color:var(--clr-btn-default-color);--clr-btn-default-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-default-hover-bg-color:hsla(198, 100%, 34%, 0.1);--clr-btn-default-hover-color:var(
18
+ --cds-alias-status-info
19
+ );--clr-btn-default-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-default-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-default-disabled-bg-color:var(--clr-btn-default-bg-color);--clr-btn-default-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-default-checked-color:var(--cds-global-typography-color-100);--clr-btn-default-checked-bg-color:var(--clr-btn-default-color);--clr-btn-default-outline-color:var(--cds-alias-status-info);--clr-btn-default-outline-border-color:var(--clr-btn-default-outline-color);--clr-btn-default-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-default-outline-hover-bg-color:hsla(198, 100%, 34%, 0.1);--clr-btn-default-outline-hover-color:var(--cds-alias-status-info);--clr-btn-default-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-default-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-default-outline-disabled-bg-color:var(--clr-btn-default-outline-bg-color);--clr-btn-default-outline-disabled-border-color:var(
20
+ --cds-alias-status-disabled-tint
21
+ );--clr-btn-default-outline-checked-color:var(--cds-global-typography-color-100);--clr-btn-default-outline-checked-bg-color:var(--clr-btn-default-outline-bg-color);--clr-btn-primary-color:var(--cds-global-typography-color-100);--clr-btn-primary-bg-color:var(--cds-alias-status-info);--clr-btn-primary-border-color:var(--cds-alias-status-info);--clr-btn-primary-hover-bg-color:var(--cds-alias-status-info);--clr-btn-primary-hover-color:var(--cds-global-typography-color-100);--clr-btn-primary-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-primary-disabled-color:var(--cds-global-typography-color-100);--clr-btn-primary-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-primary-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-primary-checked-bg-color:var(--cds-alias-status-info);--clr-btn-primary-checked-color:var(--cds-global-typography-color-100);--clr-btn-success-color:var(--cds-global-typography-color-100);--clr-btn-success-bg-color:var(--cds-alias-status-success);--clr-btn-success-border-color:var(--clr-btn-success-bg-color);--clr-btn-success-hover-bg-color:var(--cds-alias-status-success);--clr-btn-success-hover-color:var(--clr-btn-success-color);--clr-btn-success-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-success-disabled-color:var(--cds-global-typography-color-100);--clr-btn-success-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-success-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-success-checked-bg-color:var(--clr-btn-success-bg-color);--clr-btn-success-checked-color:var(--clr-btn-success-color);--clr-btn-success-outline-color:var(--cds-alias-status-success);--clr-btn-success-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-success-outline-border-color:var(--cds-alias-status-success);--clr-btn-success-outline-hover-bg-color:hsla(93, 80%, 28%, 0.1);--clr-btn-success-outline-hover-color:var(--cds-alias-status-success);--clr-btn-success-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-success-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-success-outline-disabled-bg-color:var(--clr-btn-success-outline-bg-color);--clr-btn-success-outline-disabled-border-color:var(
22
+ --cds-alias-status-disabled-tint
23
+ );--clr-btn-success-outline-checked-bg-color:var(--clr-btn-success-outline-bg-color);--clr-btn-success-outline-checked-color:var(--clr-btn-success-outline-color);--clr-btn-danger-color:var(--cds-global-typography-color-100);--clr-btn-danger-bg-color:var(--cds-alias-status-danger);--clr-btn-danger-border-color:var(--clr-btn-danger-bg-color);--clr-btn-danger-hover-bg-color:var(--cds-alias-status-danger);--clr-btn-danger-hover-color:var(--clr-btn-danger-color);--clr-btn-danger-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-danger-disabled-color:var(--cds-global-typography-color-100);--clr-btn-danger-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-danger-disabled-border-color:var(--clr-btn-danger-disabled-color);--clr-btn-danger-checked-bg-color:var(--clr-btn-danger-bg-color);--clr-btn-danger-checked-color:var(--clr-btn-danger-color);--clr-btn-danger-outline-color:var(--cds-alias-status-danger);--clr-btn-danger-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-danger-outline-border-color:var(--cds-alias-status-danger);--clr-btn-danger-outline-hover-bg-color:hsla(9, 100%, 44%, 0.1);--clr-btn-danger-outline-hover-color:var(--cds-alias-status-danger);--clr-btn-danger-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-danger-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-danger-outline-disabled-bg-color:var(--clr-btn-danger-outline-bg-color);--clr-btn-danger-outline-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-danger-outline-checked-bg-color:var(--clr-btn-danger-outline-bg-color);--clr-btn-danger-outline-checked-color:var(--clr-btn-danger-outline-color);--clr-btn-warning-color:var(--cds-global-color-construction-900);--clr-btn-warning-bg-color:var(--cds-alias-status-warning);--clr-btn-warning-border-color:var(--clr-btn-warning-bg-color);--clr-btn-warning-hover-bg-color:var(--cds-alias-status-warning);--clr-btn-warning-hover-color:var(--clr-btn-warning-color);--clr-btn-warning-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-warning-disabled-color:var(--cds-global-typography-color-100);--clr-btn-warning-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-warning-disabled-border-color:var(--clr-btn-warning-disabled-color);--clr-btn-warning-checked-bg-color:var(--clr-btn-warning-bg-color);--clr-btn-warning-checked-color:var(--clr-btn-warning-color);--clr-btn-warning-outline-color:var(--cds-alias-status-warning-dark);--clr-btn-warning-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-warning-outline-border-color:var(--cds-alias-status-warning-dark);--clr-btn-warning-outline-hover-bg-color:hsla(40, 100%, 59%, 0.1);--clr-btn-warning-outline-hover-color:var(--cds-alias-status-warning-dark);--clr-btn-warning-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-warning-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-warning-outline-disabled-bg-color:var(--clr-btn-warning-outline-bg-color);--clr-btn-warning-outline-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-warning-outline-checked-bg-color:var(--clr-btn-warning-outline-bg-color);--clr-btn-warning-outline-checked-color:var(--clr-btn-warning-outline-color);--clr-btn-link-color:var(--cds-alias-status-info);--clr-btn-link-bg-color:transparent;--clr-btn-link-border-color:transparent;--clr-btn-link-hover-bg-color:transparent;--clr-btn-link-hover-color:var(
24
+ --cds-alias-status-info
25
+ );--clr-btn-link-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-link-disabled-bg-color:transparent;--clr-btn-link-disabled-border-color:transparent;--clr-btn-link-checked-bg-color:transparent;--clr-btn-link-checked-color:var(
26
+ --cds-global-color-blue-800
27
+ );--clr-btn-inverse-color:var(--cds-global-typography-color-100);--clr-btn-inverse-border-color:var(--cds-global-typography-color-100);--clr-btn-inverse-bg-color:transparent;--clr-btn-inverse-hover-bg-color:rgba(255, 255, 255, 0.15);--clr-btn-inverse-hover-color:var(--cds-global-typography-color-100);--clr-btn-inverse-box-shadow-color:rgba(0, 0, 0, 0.25);--clr-btn-inverse-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-inverse-disabled-bg-color:var(--clr-btn-inverse-bg-color);--clr-btn-inverse-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-inverse-checked-bg-color:rgba(255, 255, 255, 0.15);--clr-btn-inverse-checked-color:var(--cds-alias-status-disabled-tint);--clr-btn-icon-disabled-color:var(
28
+ --cds-global-typography-color-100
29
+ );--clr-alert-action-color:var(--cds-global-typography-color-500);--clr-alert-action-active-color:var(
30
+ --cds-alias-object-interaction-color-active
31
+ );--clr-alert-close-icon-color:var(--clr-alert-action-color);--clr-alert-close-icon-hover-color:var(--clr-alert-action-active-color);--clr-app-level-alert-color:var(--cds-global-color-white);--clr-app-alert-close-icon-color:var(--clr-app-level-alert-color);--clr-alert-info-bg-color:var(--cds-alias-status-info-tint);--clr-alert-info-font-color:var(--cds-global-typography-color-500);--clr-alert-info-border-color:var(
32
+ --cds-alias-status-info
33
+ );--clr-alert-info-icon-color:var(
34
+ --cds-global-typography-color-500
35
+ );--clr-alert-info-close-icon-color:var(--cds-global-typography-color-500);--clr-alert-info-action-color:var(--cds-global-typography-color-500);--clr-alert-success-bg-color:var(--cds-alias-status-success-tint);--clr-alert-success-font-color:var(--cds-global-typography-color-500);--clr-alert-success-border-color:var(--cds-alias-status-success);--clr-alert-success-icon-color:var(--cds-global-typography-color-500);--clr-alert-success-close-icon-color:var(--cds-global-typography-color-500);--clr-alert-success-action-color:var(--cds-global-typography-color-500);--clr-alert-warning-bg-color:var(--cds-alias-status-warning-tint);--clr-alert-warning-font-color:var(--cds-global-color-black);--clr-alert-warning-border-color:var(--cds-alias-status-warning);--clr-alert-warning-icon-color:var(--cds-global-color-black);--clr-alert-warning-close-icon-color:var(--cds-global-color-black);--clr-alert-warning-action-color:var(--cds-global-color-black);--clr-alert-danger-bg-color:var(--cds-alias-status-danger-tint);--clr-alert-danger-font-color:var(--cds-global-typography-color-500);--clr-alert-danger-border-color:var(--cds-alias-status-danger);--clr-alert-danger-icon-color:var(--cds-global-typography-color-500);--clr-alert-danger-close-icon-color:var(--cds-global-typography-color-500);--clr-alert-danger-action-color:var(--cds-global-typography-color-500);--clr-app-alert-info-bg-color:var(--cds-alias-status-info);--clr-app-alert-info-font-color:var(--cds-global-typography-color-100);--clr-app-alert-info-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-active-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-hover-color:var(--clr-app-alert-info-font-color);--clr-app-alert-warning-bg-color:var(--cds-alias-status-warning);--clr-app-alert-warning-font-color:var(--cds-global-color-black);--clr-app-alert-warning-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-close-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-active-color:var(
36
+ --clr-app-alert-warning-font-color
37
+ );--clr-app-alert-warning-close-icon-hover-color:var(
38
+ --clr-app-alert-warning-font-color
39
+ );--clr-app-alert-danger-bg-color:var(--cds-alias-status-danger);--clr-app-alert-danger-font-color:var(--cds-global-typography-color-100);--clr-app-alert-danger-icon-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-close-icon-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-action-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-action-active-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-close-icon-hover-color:var(
40
+ --clr-app-alert-danger-font-color
41
+ );--clr-app-alert-success-bg-color:var(--cds-alias-status-success);--clr-app-alert-success-font-color:var(--cds-global-typography-color-100);--clr-app-alert-success-icon-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-close-icon-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-action-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-action-active-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-close-icon-hover-color:var(
42
+ --clr-app-alert-success-font-color
43
+ );--clr-app-alert-pager-text-color:var(
44
+ --cds-global-typography-color-500
45
+ );--clr-app-alert-info-pager-bg-color:var(
46
+ --cds-alias-status-info-shade
47
+ );--clr-app-alert-warning-pager-bg-color:var(
48
+ --cds-alias-status-warning-shade
49
+ );--clr-app-alert-danger-pager-bg-color:var(
50
+ --cds-alias-status-danger-shade
51
+ );--clr-app-alert-info-pager-font-color:var(--cds-global-color-white);--clr-app-alert-warning-pager-font-color:var(--cds-global-color-black);--clr-app-alert-danger-pager-font-color:var(--cds-global-color-white);--clr-app-alert-success-pager-font-color:var(--cds-global-color-white);--clr-label-font-color-light:var(--cds-global-typography-color-500);--clr-label-font-color-dark:var(--cds-global-typography-color-500);--clr-label-default-border-color:var(--cds-alias-status-neutral);--clr-label-bg-hover-color:var(--cds-alias-status-neutral-tint);--clr-label-gray-bg-color:var(
52
+ --cds-alias-status-neutral
53
+ );--clr-label-gray-color:var(--clr-label-font-color-light);--clr-label-purple-bg-color:var(--cds-global-color-violet-500);--clr-label-purple-color:var(--clr-label-font-color-light);--clr-label-blue-bg-color:var(--cds-global-color-blue-800);--clr-label-blue-color:var(--clr-label-font-color-light);--clr-label-orange-bg-color:var(--cds-global-color-ochre-800);--clr-label-orange-color:var(--clr-label-font-color-dark);--clr-label-light-blue-bg-color:var(--cds-global-color-blue-600);--clr-label-light-blue-color:var(--clr-label-font-color-dark);--clr-label-info-bg-color:var(--cds-alias-status-tint);--clr-label-info-font-color:var(--clr-label-font-color-light);--clr-label-info-border-color:var(--cds-alias-status-info);--clr-label-success-bg-color:var(--cds-alias-status-tint);--clr-label-success-font-color:var(--clr-label-font-color-light);--clr-label-success-border-color:var(--cds-alias-status-success);--clr-label-warning-bg-color:var(--cds-alias-status-tint);--clr-label-warning-font-color:var(--clr-label-font-color-light);--clr-label-warning-border-color:var(--cds-alias-status-warning);--clr-label-danger-bg-color:var(--cds-alias-status-tint);--clr-label-danger-font-color:var(--clr-label-font-color-light);--clr-label-danger-border-color:var(--cds-alias-status-danger);--clr-badge-background-color:var(--cds-alias-status-neutral-shade);--clr-badge-color:var(--cds-global-color-white);--clr-badge-info-bg-color:var(--cds-alias-status-info-shade);--clr-badge-info-color:var(--cds-global-color-white);--clr-badge-success-bg-color:var(--cds-alias-status-success-shade);--clr-badge-success-color:var(--cds-global-color-white);--clr-badge-warning-bg-color:var(--cds-alias-status-warning-shade);--clr-badge-warning-color:var(--cds-global-color-black);--clr-badge-danger-bg-color:var(--cds-alias-status-danger-shade);--clr-badge-danger-color:var(--cds-global-color-white);--clr-badge-gray-bg-color:var(--cds-global-color-gray-600);--clr-badge-gray-color:var(--cds-global-color-white);--clr-badge-purple-bg-color:var(--cds-global-color-violet-500);--clr-badge-purple-color:var(--cds-global-color-white);--clr-badge-blue-bg-color:var(--cds-global-color-blue-800);--clr-badge-blue-color:var(--cds-global-color-white);--clr-badge-orange-bg-color:var(--cds-global-color-ochre-700);--clr-badge-orange-color:var(--cds-global-color-black);--clr-badge-light-blue-bg-color:var(--cds-global-color-blue-400);--clr-badge-light-blue-color:var(--cds-global-color-black);--clr-progress-default-color:var(--cds-alias-status-info);--clr-progress-alt-color-1:var(--cds-alias-status-success);--clr-progress-alt-color-2:var(--cds-alias-status-danger);--clr-progress-alt-color-3:var(--clr-progress-alt-color-2);--clr-progress-bg-color:var(--cds-alias-object-border-color-tint);--clr-accordion-text-color:var(--cds-global-typography-color-500);--clr-accordion-active-background-color:var(
54
+ --cds-alias-object-interaction-background-selected
55
+ );--clr-accordion-content-background-color:var(--cds-alias-object-app-background);--clr-accordion-header-background-color:var(--cds-alias-object-app-background);--clr-accordion-header-hover-background-color:var(
56
+ --cds-alias-object-interaction-background-hover
57
+ );--clr-accordion-error-color:var(--cds-alias-status-danger);--clr-accordion-complete-color:var(--cds-alias-status-success);--clr-accordion-border-color:var(--cds-alias-object-border-color);--clr-accordion-border-left-color:var(--cds-alias-object-border-color-tint);--clr-accordion-border-left-color-complete:var(--clr-accordion-complete-color);--clr-accordion-border-left-color-error:var(--clr-accordion-error-color);--clr-card-bg-color:var(--cds-alias-object-container-background);--clr-card-divider-color:var(--cds-alias-object-border-color);--clr-card-title-color:var(--clr-h4-color);--clr-card-border-color:var(--cds-alias-object-container-border-color);--clr-card-box-shadow-color:var(--clr-card-border-color);--clr-card-clickable-border-color:var(
58
+ --cds-alias-object-interaction-background-highlight
59
+ );--clr-card-clickable-box-shadow-color:var(--clr-card-clickable-border-color);--clr-form-disabled-background-color:var(--cds-alias-status-disabled-tint);--clr-forms-label-color:var(--cds-global-typography-color-300);--clr-forms-text-color:var(--cds-global-typography-color-500);--clr-forms-invalid-color:var(--cds-alias-status-danger);--clr-forms-valid-color:var(--cds-alias-status-success);--clr-forms-valid-text-color:var(--cds-alias-status-success);--clr-forms-subtext-color:var(--cds-global-typography-color-300);--clr-forms-placeholder-color:var(--cds-global-typography-color-200);--clr-forms-border-color:var(
60
+ --cds-alias-object-interaction-border-color
61
+ );--clr-forms-focused-color:var(--cds-alias-status-info);--clr-forms-subtext-disabled-color:var(--cds-alias-status-disabled);--clr-forms-border-disabled-color:var(--cds-alias-object-border-color-tint);--clr-forms-text-disabled-color:var(--cds-alias-status-disabled);--clr-forms-label-disabled-color:var(--cds-alias-status-disabled);--clr-forms-textarea-background-color:var(--cds-alias-object-container-background);--clr-forms-select-caret-hover-color:var(
62
+ --cds-alias-object-interaction-color-hover
63
+ );--clr-forms-select-caret-color:var(
64
+ --cds-alias-object-interaction-color
65
+ );--clr-forms-select-option-color:var(--clr-forms-text-color);--clr-forms-select-multiple-background-color:var(--clr-forms-textarea-background-color);--clr-forms-select-multiple-border-color:var(--cds-alias-object-border-color);--clr-forms-select-multiple-option-color:var(--clr-forms-text-color);--clr-forms-checkbox-label-color:var(--clr-forms-label-color);--clr-forms-checkbox-background-color:var(--cds-alias-status-info);--clr-forms-checkbox-indeterminate-border-color:var(--cds-alias-status-info);--clr-forms-checkbox-mark-color:var(--cds-global-typography-color-100);--clr-forms-checkbox-disabled-background-color:var(--clr-form-disabled-background-color);--clr-forms-checkbox-disabled-mark-color:var(--cds-global-typography-color-100);--clr-forms-radio-label-color:var(--clr-forms-checkbox-label-color);--clr-forms-radio-disabled-background-color:var(
66
+ --clr-form-disabled-background-color
67
+ );--clr-forms-radio-disabled-mark-color:var(
68
+ --clr-forms-checkbox-disabled-mark-color
69
+ );--clr-forms-range-progress-fill-color:var(--cds-alias-status-info);--clr-forms-range-track-color:var(--cds-alias-object-border-color);--clr-combobox-trigger-color:var(--clr-color-neutral-500);--clr-combobox-input-background-color:var(--cds-alias-object-container-background-shade);--clr-combobox-pill-background-color:var(
70
+ --cds-alias-object-interaction-background
71
+ );--clr-combobox-pill-border-color:var(--cds-alias-object-border-color);--clr-combobox-pill-font-color:var(--cds-global-typography-color-500);--clr-combobox-filter-highlight:var(
72
+ --cds-alias-object-interaction-background-highlight
73
+ );--clr-calendar-background-color:var(--cds-alias-object-overlay-background);--clr-calendar-border-color:var(--cds-alias-object-container-border-color);--clr-datepicker-trigger-color:var(--cds-alias-status-info);--clr-datepicker-trigger-hover-color:var(--clr-color-action-800);--clr-calendar-btn-color:var(--cds-alias-status-info);--clr-calendar-btn-hover-focus-color:var(
74
+ --cds-alias-object-interaction-background-hover
75
+ );--clr-calendar-today-date-cell-color:var(--cds-global-typography-color-500);--clr-calendar-active-cell-background-color:var(
76
+ --cds-alias-object-interaction-background-selected
77
+ );--clr-calendar-active-focus-cell-background-color:var(
78
+ --cds-alias-object-interaction-background-selected
79
+ );--clr-calendar-active-cell-color:var(--cds-global-typography-color-500);--clr-dropdown-active-text-color:var(--cds-alias-object-interaction-color-active);--clr-dropdown-bg-color:var(--cds-alias-object-overlay-background);--clr-dropdown-border-color:var(--cds-alias-object-border-color);--clr-dropdown-divider-color:var(--cds-alias-object-border-color-tint);--clr-dropdown-child-border-color:var(--cds-alias-object-border-color);--clr-dropdown-bg-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-dropdown-selection-color:var(
80
+ --cds-alias-object-interaction-background-selected
81
+ );--clr-dropdown-box-shadow:var(--clr-popover-box-shadow-color);--clr-dropdown-text-color:var(--clr-p1-color);--clr-dropdown-header-color:var(--cds-global-typography-color-400);--clr-dropdown-item-color:var(--cds-global-typography-color-300);--clr-modal-title-color:var(--cds-global-typography-color-400);--clr-modal-close-color:var(--cds-alias-object-interaction-color);--clr-modal-bg-color:var(--cds-alias-object-overlay-background);--clr-modal-backdrop-color:var(--cds-alias-object-overlay-backdrop-background);--clr-link-active-color:var(--cds-global-typography-link-color);--clr-link-color:var(--cds-global-typography-link-color);--clr-link-hover-color:var(--cds-global-typography-link-color-hover);--clr-link-visited-color:var(--cds-global-typography-link-color-visited);--clr-link-visited-color-hover:var(--cds-global-typography-link-color-visited-hover);--clr-custom-links-hover-color:var(--cds-global-color-gray-200);--clr-sliding-panel-text-color:var(--cds-global-color-gray-700);--clr-nav-background-color:var(--cds-global-color-gray-200);--clr-responsive-nav-hover-bg:var(--cds-global-color-gray-0);--clr-responsive-nav-trigger-bg-color:var(--cds-global-color-gray-0);--clr-responsive-nav-header-backdrop-bg-color:var(--cds-global-color-gray-1000);--clr-sidenav-border-color:var(--cds-alias-object-border-color);--clr-sidenav-link-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-sidenav-link-active-color:var(--cds-alias-object-interaction-color-active);--clr-sidenav-link-active-bg-color:var(--clr-global-selection-color);--clr-sidenav-header-color:var(--clr-h6-color);--clr-sidenav-color:var(--clr-p1-color);--clr-signpost-content-bg-color:var(--cds-alias-object-overlay-background);--clr-signpost-content-border-color:var(--cds-alias-object-overlay-border-color);--clr-signpost-action-color:var(--cds-alias-object-interaction-color);--clr-signpost-action-hover-color:var(--cds-alias-object-interaction-color-hover);--clr-signpost-border-size:0.6rem;--clr-signpost-pointer-border:var(--clr-signpost-border-size) solid var(--cds-alias-object-overlay-border-color);--clr-signpost-pointer-psuedo-border:var(--clr-signpost-border-size) solid var(--clr-signpost-content-bg-color);--clr-stack-view-border-color:var(--cds-alias-object-border-color);--clr-stack-view-bg-color:var(--cds-alias-object-container-background);--clr-stack-view-stack-block-border-bottom:var(--cds-alias-object-border-color);--clr-stack-view-color:var(--cds-global-typography-color-500);--clr-stack-view-stack-block-label-text-color:var(--cds-global-typography-color-500);--clr-stack-view-border-box-color:var(--cds-alias-object-border-color-tint);--clr-stack-block-changed-border-top-color:var(
82
+ --cds-alias-object-interaction-background-highlight
83
+ );--clr-stack-view-stack-block-label-and-content-bg-color:var(
84
+ --cds-alias-object-container-background-tint
85
+ );--clr-stack-view-stack-children-stack-block-border-bottom-color:var(
86
+ --cds-alias-object-border-color-tint
87
+ );--clr-stack-view-stack-children-stack-block-label-and-content-bg-color:var(
88
+ --cds-alias-object-container-background
89
+ );--clr-stack-view-stack-block-expanded-bg-color:var(--clr-global-selection-color);--clr-stack-view-stack-block-expandable-hover:var(
90
+ --cds-alias-object-interaction-background-hover
91
+ );--clr-stack-view-stack-block-content-text-color:inherit;--clr-stack-view-stack-block-expanded-text-color:var(
92
+ --cds-global-typography-color-500
93
+ );--clr-stack-view-stack-block-caret-color:var(--cds-global-typography-color-500);--clr-subnav-bg-color:var(--cds-alias-object-container-background);--clr-nav-box-shadow-color:var(--cds-alias-object-border-color);--clr-nav-active-box-shadow-color:var(
94
+ --cds-alias-object-interaction-background-highlight
95
+ );--clr-nav-active-bg-color:var(--cds-alias-object-interaction-background-active);--clr-nav-hover-bg-color:var(--cds-alias-object-interaction-background-hover);--clr-nav-link-color:var(--cds-alias-object-interaction-color);--clr-nav-link-active-color:var(--cds-alias-object-interaction-color-active);--clr-timeline-line-color:var(--cds-alias-object-border-color-shade);--clr-timeline-step-header-color:var(
96
+ --cds-alias-status-neutral
97
+ );--clr-timeline-step-title-color:var(--cds-alias-object-interaction-color);--clr-timeline-step-description-color:var(--cds-global-typography-color-500);--clr-timeline-incomplete-step-color:var(
98
+ --cds-alias-object-border-color-shade
99
+ );--clr-timeline-current-step-color:var(
100
+ --cds-alias-object-interaction-background-highlight
101
+ );--clr-timeline-success-step-color:var(--cds-alias-status-success);--clr-timeline-error-step-color:var(--cds-alias-status-danger);--clr-toggle-bg-color-off:var(--cds-alias-status-neutral);--clr-toggle-bg-color-on:var(--cds-alias-status-success);--clr-toggle-handle-bg-color:var(--cds-global-color-construction-50);--clr-toggle-disabled-default-border-color:var(--cds-global-color-gray-400);--clr-toggle-disabled-default-handle-color:var(--cds-global-color-construction-50);--clr-toggle-disabled-off-border-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-off-bg-color:var(--clr-toggle-disabled-default-handle-color);--clr-toggle-disabled-off-handle-border-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-on-border-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-on-bg-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-on-handle-border-color:var(--clr-toggle-disabled-default-handle-color);--clr-tooltip-background-color:var(--cds-global-color-gray-1000);--clr-tooltip-color:var(--cds-global-color-construction-50);--clr-wizard-main-bgcolor:var(--cds-alias-object-overlay-background);--clr-wizard-sidenav-bgcolor:var(--cds-alias-object-container-background-tint);--clr-wizard-main-textColor:var(--cds-global-typography-color-500);--clr-wizard-sidenav-text:var(--cds-global-typography-color-500);--clr-wizard-sidenav-text--active:var(--clr-global-on-selection-color);--clr-wizard-title-text:var(--cds-global-typography-color-500);--clr-wizard-stepnav-border-color:var(--cds-alias-object-border-color);--clr-wizard-stepnav-border-color--active:var(--cds-alias-status-success);--clr-wizard-stepnav-active-bgcolor:var(--clr-global-selection-color);--clr-wizard-header-action-color:var(--cds-global-color-gray-600);--clr-wizard-header-action-color--hovered:var(--cds-global-color-gray-1000);--clr-wizard-step-nav-border-color:var(--cds-alias-object-border-color);--clr-wizard-box-shadow-color:rgba(0, 0, 0, 0.2);--clr-tree-node-caret-link-hover-color:var(
102
+ --cds-alias-object-interaction-color-hover
103
+ );--clr-tree-link-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-tree-link-selection-color:var(--clr-global-selection-color);--clr-tree-link-text-color:var(--cds-global-typography-color-500);--clr-tree-node-caret-color:var(--cds-global-color-gray-500);--clr-vertical-nav-divider-color:var(--cds-alias-object-border-color);--clr-vertical-nav-icon-active-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-item-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-item-active-color:var(
104
+ --cds-alias-object-interaction-color-active
105
+ );--clr-vertical-nav-bg-color:var(--cds-alias-object-container-background-shade);--clr-vertical-nav-active-bg-color:var(
106
+ --cds-alias-object-interaction-background-selected
107
+ );--clr-vertical-nav-hover-bg-color:var(
108
+ --cds-alias-object-interaction-background-hover
109
+ );--clr-vertical-nav-toggle-icon-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-trigger-divider-border-color:var(
110
+ --cds-alias-object-border-color
111
+ );--clr-table-bgcolor:var(--cds-alias-object-container-background);--clr-thead-bgcolor:var(--cds-alias-object-container-background-tint);--clr-table-header-border-bottom-color:var(--cds-alias-object-border-color);--clr-table-footer-border-top-color:var(--cds-alias-object-border-color);--clr-table-border-color:var(--cds-alias-object-border-color);--clr-tablerow-bordercolor:var(--cds-alias-object-border-color);--clr-table-font-color:var(--cds-global-typography-color-500);--clr-thead-color:var(--cds-global-typography-color-500);--clr-datagrid-font-color:var(--cds-global-typography-color-500);--clr-datagrid-default-border-color:var(--cds-alias-object-border-color);--clr-datagrid-icon-color:var(--cds-alias-object-interaction-color);--clr-datagrid-row-hover:var(--cds-alias-object-interaction-background-hover);--clr-datagrid-row-hover-font-color:var(--cds-global-typography-color-500);--clr-datagrid-action-toggle:var(
112
+ --cds-alias-object-interaction-background-active
113
+ );--clr-datagrid-pagination-btn-color:var(--cds-alias-object-interaction-color);--clr-datagrid-pagination-btn-disabled-color:var(--cds-alias-status-disabled);--clr-datagrid-pagination-input-border-color:var(--cds-alias-object-border-color);--clr-datagrid-pagination-input-border-focus-color:var(--clr-color-action-400);--clr-datagrid-popover-bg-color:var(--cds-alias-object-overlay-background);--clr-datagrid-popover-border-color:var(--cds-alias-object-overlay-border-color);--clr-datagrid-action-popover-hover-color:var(
114
+ --cds-alias-object-interaction-color-hover
115
+ );--clr-datagrid-row-selected:var(--cds-global-typography-color-500);--clr-datagrid-column-switch-header-font-color:var(--cds-global-color-gray-500);--clr-datagrid-column-switch-header-font-hover-color:var(
116
+ --cds-alias-object-interaction-background-highlight
117
+ );--clr-datagrid-detail-caret-icon-open-bg-color:var(
118
+ --cds-alias-object-interaction-background-highlight
119
+ );--clr-datagrid-detail-caret-icon-open-icon-color:var(--cds-global-color-gray-0);--clr-datagrid-placeholder-color:var(--cds-global-color-gray-700)}:root .btn:not([disabled]):active,:root .btn:not([disabled]):focus,:root .btn:not([disabled]):hover,[cds-theme] .btn:not([disabled]):active,[cds-theme] .btn:not([disabled]):focus,[cds-theme] .btn:not([disabled]):hover{filter:brightness(90%)}:root .btn.disabled,:root .btn:disabled,[cds-theme] .btn.disabled,[cds-theme] .btn:disabled{opacity:1}
package/table/table.css CHANGED
@@ -1,13 +1,13 @@
1
1
  table[cds-table] {
2
2
  --background: var(--cds-alias-object-container-background, var(--cds-global-color-white, white));
3
3
  --color: var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));
4
- --border-radius: var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));
5
- --border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
4
+ --border-radius: var(--cds-alias-object-border-radius-100, 0.25rem);
5
+ --border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
6
6
  --header-background: var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));
7
- --header-border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
8
- --row-border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
9
- --column-border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
10
- --cell-padding: var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));
7
+ --header-border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
8
+ --row-border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
9
+ --column-border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
10
+ --cell-padding: var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);
11
11
  }
12
12
 
13
13
  table[cds-table] {
@@ -103,7 +103,7 @@ table[cds-table][cds-text~=center] th, table[cds-table][cds-text~=center] td {
103
103
  }
104
104
 
105
105
  table[cds-table~=compact] {
106
- --cell-padding: calc(var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) / 2) calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) / 2);
106
+ --cell-padding: calc(var(--cds-global-space-5, 0.5rem) / 2) calc(var(--cds-global-space-6, 0.75rem) / 2);
107
107
  }
108
108
 
109
109
  table[cds-table~=zebra] {
@@ -1 +1 @@
1
- table[cds-table]{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--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-border-color, var(--cds-global-color-construction-200, #cbd4d8));--header-background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--header-border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--row-border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--column-border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--cell-padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));color:var(--color);border-collapse:separate;border-spacing:0;margin:0;max-width:100%;width:100%}table[cds-table] td,table[cds-table] th{padding:var(--cell-padding);vertical-align:top}table[cds-table] th{color:var(--color);background:var(--header-background)}table[cds-table],table[cds-table] td{background:var(--background)}table[cds-table] tfoot th{border-top-width:0}table[cds-table~="border:all"] tr th,table[cds-table~="border:row"] tr th{border-bottom:var(--header-border)}table[cds-table~="border:all"] tr td,table[cds-table~="border:row"] tr td{border-bottom:var(--row-border)}table[cds-table~="border:all"] tr th:not(:last-child),table[cds-table~="border:col"] tr th:not(:last-child){border-right:var(--header-border)}table[cds-table~="border:all"] tr td:not(:last-child),table[cds-table~="border:col"] tr td:not(:last-child){border-right:var(--column-border)}table[cds-table~="border:all"]>:first-child>tr:first-of-type td,table[cds-table~="border:all"]>:first-child>tr:first-of-type th,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type th,table[cds-table~="border:outside"]>:first-child>tr:first-of-type td,table[cds-table~="border:outside"]>:first-child>tr:first-of-type th,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type th{border-top:var(--border)}table[cds-table~="border:all"] tr td:first-child,table[cds-table~="border:all"] tr th:first-child,table[cds-table~="border:outside"] tr td:first-child,table[cds-table~="border:outside"] tr th:first-child{border-left:var(--border)}table[cds-table~="border:all"] tr td:last-child,table[cds-table~="border:all"] tr th:last-child,table[cds-table~="border:outside"] tr td:last-child,table[cds-table~="border:outside"] tr th:last-child{border-right:var(--border)}table[cds-table~="border:all"] tr:last-child td,table[cds-table~="border:outside"] tr:last-child td{border-bottom:var(--border)}table[cds-table]>:first-child>tr:first-of-type :first-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :first-child{border-top-left-radius:var(--border-radius)}table[cds-table]>:first-child>tr:first-of-type :last-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :last-child{border-top-right-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :first-child{border-bottom-left-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :last-child{border-bottom-right-radius:var(--border-radius)}table[cds-table][cds-text~=left] td,table[cds-table][cds-text~=left] th{text-align:left}table[cds-table][cds-text~=right] td,table[cds-table][cds-text~=right] th{text-align:right}table[cds-table][cds-text~=center] td,table[cds-table][cds-text~=center] th{text-align:center}table[cds-table~=compact]{--cell-padding:calc(var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) / 2) calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) / 2)}table[cds-table~=zebra]{--header-background:var(--cds-alias-object-container-background-shade, var(--cds-global-color-construction-100, #e3eaed))}table[cds-table~=zebra] tbody tr:nth-child(2n){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8))}table[cds-table~=vertical] tr td:first-child,table[cds-table~=vertical] tr th:first-child{background:var(--header-background);border-right:var(--header-border)}table[cds-table] tr[cds-text]::before{content:none!important}
1
+ table[cds-table]{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--header-background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--header-border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--row-border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--column-border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--cell-padding:var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);color:var(--color);border-collapse:separate;border-spacing:0;margin:0;max-width:100%;width:100%}table[cds-table] td,table[cds-table] th{padding:var(--cell-padding);vertical-align:top}table[cds-table] th{color:var(--color);background:var(--header-background)}table[cds-table],table[cds-table] td{background:var(--background)}table[cds-table] tfoot th{border-top-width:0}table[cds-table~="border:all"] tr th,table[cds-table~="border:row"] tr th{border-bottom:var(--header-border)}table[cds-table~="border:all"] tr td,table[cds-table~="border:row"] tr td{border-bottom:var(--row-border)}table[cds-table~="border:all"] tr th:not(:last-child),table[cds-table~="border:col"] tr th:not(:last-child){border-right:var(--header-border)}table[cds-table~="border:all"] tr td:not(:last-child),table[cds-table~="border:col"] tr td:not(:last-child){border-right:var(--column-border)}table[cds-table~="border:all"]>:first-child>tr:first-of-type td,table[cds-table~="border:all"]>:first-child>tr:first-of-type th,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type th,table[cds-table~="border:outside"]>:first-child>tr:first-of-type td,table[cds-table~="border:outside"]>:first-child>tr:first-of-type th,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type th{border-top:var(--border)}table[cds-table~="border:all"] tr td:first-child,table[cds-table~="border:all"] tr th:first-child,table[cds-table~="border:outside"] tr td:first-child,table[cds-table~="border:outside"] tr th:first-child{border-left:var(--border)}table[cds-table~="border:all"] tr td:last-child,table[cds-table~="border:all"] tr th:last-child,table[cds-table~="border:outside"] tr td:last-child,table[cds-table~="border:outside"] tr th:last-child{border-right:var(--border)}table[cds-table~="border:all"] tr:last-child td,table[cds-table~="border:outside"] tr:last-child td{border-bottom:var(--border)}table[cds-table]>:first-child>tr:first-of-type :first-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :first-child{border-top-left-radius:var(--border-radius)}table[cds-table]>:first-child>tr:first-of-type :last-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :last-child{border-top-right-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :first-child{border-bottom-left-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :last-child{border-bottom-right-radius:var(--border-radius)}table[cds-table][cds-text~=left] td,table[cds-table][cds-text~=left] th{text-align:left}table[cds-table][cds-text~=right] td,table[cds-table][cds-text~=right] th{text-align:right}table[cds-table][cds-text~=center] td,table[cds-table][cds-text~=center] th{text-align:center}table[cds-table~=compact]{--cell-padding:calc(var(--cds-global-space-5, 0.5rem) / 2) calc(var(--cds-global-space-6, 0.75rem) / 2)}table[cds-table~=zebra]{--header-background:var(--cds-alias-object-container-background-shade, var(--cds-global-color-construction-100, #e3eaed))}table[cds-table~=zebra] tbody tr:nth-child(2n){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8))}table[cds-table~=vertical] tr td:first-child,table[cds-table~=vertical] tr th:first-child{background:var(--header-background);border-right:var(--header-border)}table[cds-table] tr[cds-text]::before{content:none!important}
@@ -40,7 +40,8 @@ export declare class CdsTag extends CdsBaseButton {
40
40
  */
41
41
  closable: boolean;
42
42
  private groupLabelId;
43
- connectedCallback(): void;
43
+ protected icon: HTMLElement;
44
+ protected badge: HTMLElement;
44
45
  updated(props: Map<string, string | boolean | null | undefined>): void;
45
46
  render(): import("lit-html").TemplateResult<1>;
46
47
  }
@@ -1,2 +1,2 @@
1
- import{__decorate as t}from"tslib";import{CdsBaseButton as s,baseStyles as o,assignSlotNames as e,syncProps as a,property as l,id as r}from"@cds/core/internal";import{html as i}from"lit";import c from"./tag.element.scss.js";class n extends s{constructor(){super(...arguments),this.status="neutral",this.closable=!1}static get styles(){return[o,c]}connectedCallback(){super.connectedCallback(),e([this.icon,"tag-icon"],[this.badge,"tag-badge"])}updated(t){super.updated(t),t.has("closable")&&!0===t.get("closable")&&(this.readonly=!1),this.badge&&a(this.badge,this,{status:t.has("status"),color:t.has("color")})}render(){return i`<div class="private-host" role="group" aria-labelledby="${this.groupLabelId}" cds-layout="horizontal align:center"><slot name="tag-icon"></slot><span id="${this.groupLabelId}" class="tag-content" cds-text="lhe"><slot></slot></span><slot name="tag-badge"></slot>${this.closable?i`<cds-icon shape="times"></cds-icon>`:i``}</div>`}}t([l({type:String})],n.prototype,"status",void 0),t([l({type:String})],n.prototype,"color",void 0),t([l({type:Boolean})],n.prototype,"closable",void 0),t([r()],n.prototype,"groupLabelId",void 0);export{n as CdsTag};
1
+ import{__decorate as t}from"tslib";import{CdsBaseButton as o,baseStyles as s,syncProps as e,property as a,id as r,querySlot as i}from"@cds/core/internal";import{html as l}from"lit";import d from"./tag.element.scss.js";class p extends o{constructor(){super(...arguments),this.status="neutral",this.closable=!1}static get styles(){return[s,d]}updated(t){super.updated(t),t.has("closable")&&!0===t.get("closable")&&(this.readonly=!1),this.badge&&e(this.badge,this,{status:t.has("status"),color:t.has("color")})}render(){return l`<div class="private-host" role="group" aria-labelledby="${this.groupLabelId}" cds-layout="horizontal align:center wrap:none"><slot name="tag-icon"></slot><span id="${this.groupLabelId}" class="tag-content" cds-text="lhe"><slot></slot></span><slot name="tag-badge"></slot>${this.closable?l`<cds-icon shape="times"></cds-icon>`:l``}</div>`}}t([a({type:String})],p.prototype,"status",void 0),t([a({type:String})],p.prototype,"color",void 0),t([a({type:Boolean})],p.prototype,"closable",void 0),t([r()],p.prototype,"groupLabelId",void 0),t([i("cds-icon",{assign:"tag-icon"})],p.prototype,"icon",void 0),t([i("cds-badge",{assign:"tag-badge"})],p.prototype,"badge",void 0);export{p as CdsTag};
2
2
  //# sourceMappingURL=tag.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tag.element.js","sources":["../../../src/tag/tag.element.ts"],"sourcesContent":null,"names":["CdsTag","CdsBaseButton","[object Object]","super","arguments","this","status","closable","styles","baseStyles","connectedCallback","assignSlotNames","icon","badge","props","updated","has","get","readonly","syncProps","color","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id"],"mappings":"gOAgCO,MAAMA,UAAeC,EACxBC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAEpBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,oBACIC,MAAMO,oBACNC,EAAgB,CAACN,KAAKO,KAAM,YAAa,CAACP,KAAKQ,MAAO,cAE1DX,QAAQY,GACJX,MAAMY,QAAQD,GACVA,EAAME,IAAI,cAAyC,IAA1BF,EAAMG,IAAI,cACnCZ,KAAKa,UAAW,GAEhBb,KAAKQ,OACLM,EAAUd,KAAKQ,MAAOR,KAAM,CAAEC,OAAQQ,EAAME,IAAI,UAAWI,MAAON,EAAME,IAAI,WAGpFd,SACI,OAAOmB,CAAK,2DAIOhB,KAAKiB,6FAIZjB,KAAKiB,sGAEfjB,KAAKE,SAAWc,CAAK,sCAAwCA,CAAK,YAK5EE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1B,EAAO2B,UAAW,cAAU,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1B,EAAO2B,UAAW,aAAS,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClB5B,EAAO2B,UAAW,gBAAY,GACjCJ,EAAW,CACPM,KACD7B,EAAO2B,UAAW,oBAAgB"}
1
+ {"version":3,"file":"tag.element.js","sources":["../../../src/tag/tag.element.ts"],"sourcesContent":null,"names":["CdsTag","CdsBaseButton","[object Object]","super","arguments","this","status","closable","styles","baseStyles","props","updated","has","get","readonly","badge","syncProps","color","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id","querySlot","assign"],"mappings":"0NAgCO,MAAMA,UAAeC,EACxBC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAEpBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,QAAQQ,GACJP,MAAMQ,QAAQD,GACVA,EAAME,IAAI,cAAyC,IAA1BF,EAAMG,IAAI,cACnCR,KAAKS,UAAW,GAEhBT,KAAKU,OACLC,EAAUX,KAAKU,MAAOV,KAAM,CAAEC,OAAQI,EAAME,IAAI,UAAWK,MAAOP,EAAME,IAAI,WAGpFV,SACI,OAAOgB,CAAK,2DAIOb,KAAKc,uGAIZd,KAAKc,sGAEfd,KAAKE,SAAWW,CAAK,sCAAwCA,CAAK,YAK5EE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,cAAU,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,aAAS,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBzB,EAAOwB,UAAW,gBAAY,GACjCJ,EAAW,CACPM,KACD1B,EAAOwB,UAAW,oBAAgB,GACrCJ,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,cACjC5B,EAAOwB,UAAW,YAAQ,GAC7BJ,EAAW,CACPO,EAAU,YAAa,CAAEC,OAAQ,eAClC5B,EAAOwB,UAAW,aAAS"}
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-0, calc((10 / 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(--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));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)));-webkit-transform:translateZ(0);transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);-webkit-filter:brightness(95%);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{-webkit-box-shadow:0 var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--border-color) inset;box-shadow:0 var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{-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)))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{-webkit-box-shadow:none!important;box-shadow:none!important}:host([disabled]) .tag-content{-webkit-transform:initial!important;transform:initial!important}`;export default o;
1
+ import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, 0.125rem);--font-size:var(--cds-global-typography-font-size-0, 0.625rem);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-3,.25rem));-webkit-transform:translateZ(0);transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,.25rem)}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);-webkit-filter:brightness(95%);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{-webkit-box-shadow:0 var(--cds-global-space-1,.0625rem) 0 0 var(--border-color) inset;box-shadow:0 var(--cds-global-space-1,.0625rem) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{-webkit-transform:translateY(var(--cds-global-space-1,.0625rem));transform:translateY(var(--cds-global-space-1,.0625rem))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{-webkit-box-shadow:none!important;box-shadow:none!important}:host([disabled]) .tag-content{-webkit-transform:initial!important;transform:initial!important}`;export default a;
2
2
  //# sourceMappingURL=tag.element.scss.js.map
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var r=a`:host{--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-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-layout-space-xxl,calc((96 / var(--cds-global-base,20)) * 1rem))!important}:host([status=error]){--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([status=success]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default r;
1
+ import{css as r}from"lit";var a=r`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-space-15,6rem)!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default a;
2
2
  //# sourceMappingURL=textarea.element.scss.js.map
@@ -1,5 +1,6 @@
1
1
  import { CdsTime } from './time.element.js';
2
2
  import '@cds/core/forms/register.js';
3
+ import '@cds/core/button-action/register.js';
3
4
  import '@cds/core/icon/register.js';
4
5
  declare global {
5
6
  interface HTMLElementTagNameMap {
package/time/register.js CHANGED
@@ -1,2 +1,2 @@
1
- import{registerElementSafely as r}from"@cds/core/internal";import{CdsTime as e}from"./time.element.js";import"@cds/core/forms/register.js";import"@cds/core/icon/register.js";r("cds-time",e);
1
+ import{registerElementSafely as o}from"@cds/core/internal";import{CdsTime as r}from"./time.element.js";import"@cds/core/forms/register.js";import"@cds/core/button-action/register.js";import"@cds/core/icon/register.js";import{ClarityIcons as c}from"@cds/core/icon/icon.service.js";import{clockIcon as e}from"@cds/core/icon/shapes/clock.js";c.addIcons(e),o("cds-time",r);
2
2
  //# sourceMappingURL=register.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"register.js","sources":["../../../src/time/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsTime"],"mappings":"8KASAA,EAAsB,WAAYC"}
1
+ {"version":3,"file":"register.js","sources":["../../../src/time/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","clockIcon","registerElementSafely","CdsTime"],"mappings":"mVAYAA,EAAaC,SAASC,GACtBC,EAAsB,WAAYC"}
@@ -31,5 +31,4 @@ export declare class CdsTime extends CdsControl {
31
31
  protected globalStyles: import("lit").CSSResultGroup;
32
32
  protected get suffixDefaultTemplate(): import("lit-html").TemplateResult<1>;
33
33
  static get styles(): import("lit").CSSResultGroup[];
34
- constructor();
35
34
  }
@@ -1,2 +1,2 @@
1
- import{__decorate as o}from"tslib";import{html as r}from"lit";import{globalStyle as s}from"@cds/core/internal";import{CdsControl as t}from"@cds/core/forms";import{inputStyles as c}from"@cds/core/input";import{ClarityIcons as e}from"@cds/core/icon/icon.service.js";import{clockIcon as i}from"@cds/core/icon/shapes/clock.js";import l from"./time.global.scss.js";class m extends t{constructor(){super(),this.globalStyles=l,e.addIcons(i)}get suffixDefaultTemplate(){return r`<cds-control-action readonly="readonly"><cds-icon shape="clock" size="18"></cds-icon></cds-control-action>`}static get styles(){return[...super.styles,c]}}o([s()],m.prototype,"globalStyles",void 0);export{m as CdsTime};
1
+ import{__decorate as t}from"tslib";import{html as o}from"lit";import{globalStyle as r}from"@cds/core/internal";import{CdsControl as s}from"@cds/core/forms";import{inputStyles as e}from"@cds/core/input";import l from"./time.global.scss.js";class c extends s{constructor(){super(...arguments),this.globalStyles=l}get suffixDefaultTemplate(){return o`<cds-button-action shape="clock" readonly="readonly"></cds-button-action>`}static get styles(){return[...super.styles,e]}}t([r()],c.prototype,"globalStyles",void 0);export{c as CdsTime};
2
2
  //# sourceMappingURL=time.element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"time.element.js","sources":["../../../src/time/time.element.ts"],"sourcesContent":null,"names":["CdsTime","CdsControl","[object Object]","super","this","globalStyles","ClarityIcons","addIcons","clockIcon","suffixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"wWAyCO,MAAMA,UAAgBC,EACzBC,cACIC,QACAC,KAAKC,aAAeA,EACpBC,EAAaC,SAASC,GAE1BC,4BACI,OAAOC,CAAK,6GAEhBC,oBACI,MAAO,IAAIR,MAAMQ,OAAQC,IAGjCC,EAAW,CACPC,KACDd,EAAQe,UAAW,oBAAgB"}
1
+ {"version":3,"file":"time.element.js","sources":["../../../src/time/time.element.ts"],"sourcesContent":null,"names":["CdsTime","CdsControl","[object Object]","super","arguments","this","globalStyles","suffixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"+OAuCO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EAExBC,4BACI,OAAOC,CAAK,4EAEhBC,oBACI,MAAO,IAAIN,MAAMM,OAAQC,IAGjCC,EAAW,CACPC,KACDZ,EAAQa,UAAW,oBAAgB"}
@@ -1,2 +1,2 @@
1
- import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--width:calc(var(--cds-global-space-10, calc((32 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--anchor-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--anchor-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;-webkit-transition-duration:var(--toggle-speed,.15s);transition-duration:var(--toggle-speed,.15s);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;-webkit-transition-property:border-color,background-color;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background)}:host([_checked]) .input:after{-webkit-transform:translate(calc(var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))),0);transform:translate(calc(var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}[focusable]{width:var(--width);left:0}`;export default r;
1
+ import{css as r}from"lit";var a=r`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, 0.125rem) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--height:var(--cds-global-space-8, 1.125rem);--width:calc(var(--cds-global-space-10, 2rem) + var(--cds-global-space-1, 0.0625rem));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--anchor-width:calc(var(--cds-global-space-6, 0.75rem) + var(--cds-global-space-2, 0.125rem));--anchor-height:calc(var(--cds-global-space-6, 0.75rem) + var(--cds-global-space-2, 0.125rem));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;-webkit-transition-duration:var(--toggle-speed,.15s);transition-duration:var(--toggle-speed,.15s);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;-webkit-transition-property:border-color,background-color;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, 0.125rem) solid var(--background)}:host([_checked]) .input:after{-webkit-transform:translate(calc(var(--cds-global-space-7,1rem) - var(--cds-global-space-1,.0625rem)),0);transform:translate(calc(var(--cds-global-space-7,1rem) - var(--cds-global-space-1,.0625rem)),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}[focusable]{width:var(--width);left:0}`;export default a;
2
2
  //# sourceMappingURL=toggle.element.scss.js.map
@@ -1,19 +1,25 @@
1
1
  <?xml version="1.0" encoding="utf-8"?>
2
2
  <!--This token format is currently experimental and may change in the future-->
3
3
  <resources>
4
- <dimen name="globalLayoutSpaceXxs">2dp</dimen>
5
- <dimen name="globalLayoutSpaceXs">4dp</dimen>
6
- <dimen name="globalLayoutSpaceSm">6dp</dimen>
7
- <dimen name="globalLayoutSpaceMd">12dp</dimen>
8
- <dimen name="globalLayoutSpaceLg">24dp</dimen>
9
- <dimen name="globalLayoutSpaceXl">48dp</dimen>
10
- <dimen name="globalLayoutSpaceXxl">96dp</dimen>
4
+ <property name="globalBase">20</property>
5
+ <dimen name="globalScaleSpace">1dp</dimen>
6
+ <dimen name="globalScaleLayoutSpace">1dp</dimen>
7
+ <property name="globalScaleTypography">1</property>
11
8
  <dimen name="globalLayoutGridCols">12dp</dimen>
12
9
  <dimen name="globalLayoutWidthXs">576pxdp</dimen>
13
10
  <dimen name="globalLayoutWidthSm">768pxdp</dimen>
14
11
  <dimen name="globalLayoutWidthMd">992pxdp</dimen>
15
12
  <dimen name="globalLayoutWidthLg">1200pxdp</dimen>
16
13
  <dimen name="globalLayoutWidthXl">1440pxdp</dimen>
14
+ <dimen name="globalLayoutSpaceXxxs">2dp</dimen>
15
+ <dimen name="globalLayoutSpaceXxs">4dp</dimen>
16
+ <dimen name="globalLayoutSpaceXs">8dp</dimen>
17
+ <dimen name="globalLayoutSpaceSm">12dp</dimen>
18
+ <dimen name="globalLayoutSpaceMd">16dp</dimen>
19
+ <dimen name="globalLayoutSpaceLg">24dp</dimen>
20
+ <dimen name="globalLayoutSpaceXl">32dp</dimen>
21
+ <dimen name="globalLayoutSpaceXxl">48dp</dimen>
22
+ <dimen name="globalLayoutSpaceXxxl">64dp</dimen>
17
23
  <dimen name="globalSpace0">0dp</dimen>
18
24
  <dimen name="globalSpace1">1dp</dimen>
19
25
  <dimen name="globalSpace2">2dp</dimen>
@@ -27,7 +33,9 @@
27
33
  <dimen name="globalSpace10">32dp</dimen>
28
34
  <dimen name="globalSpace11">36dp</dimen>
29
35
  <dimen name="globalSpace12">48dp</dimen>
30
- <dimen name="globalSpace13">72dp</dimen>
36
+ <dimen name="globalSpace13">64dp</dimen>
37
+ <dimen name="globalSpace14">72dp</dimen>
38
+ <dimen name="globalSpace15">96dp</dimen>
31
39
  <color name="globalColorBlack">#000000</color>
32
40
  <color name="globalColorWhite">#ffffff</color>
33
41
  <color name="globalColorGreen50">#eefce3</color>
@@ -140,6 +148,17 @@
140
148
  <color name="globalColorYellow800">#855800</color>
141
149
  <color name="globalColorYellow900">#5c3d00</color>
142
150
  <color name="globalColorYellow1000">#422c00</color>
151
+ <color name="globalColorLime50">#fcffe0</color>
152
+ <color name="globalColorLime100">#f5fdaa</color>
153
+ <color name="globalColorLime200">#e7f471</color>
154
+ <color name="globalColorLime300">#d8ea3e</color>
155
+ <color name="globalColorLime400">#c9dc18</color>
156
+ <color name="globalColorLime500">#b4c70a</color>
157
+ <color name="globalColorLime600">#9eae09</color>
158
+ <color name="globalColorLime700">#818f00</color>
159
+ <color name="globalColorLime800">#657000</color>
160
+ <color name="globalColorLime900">#373d00</color>
161
+ <color name="globalColorLime1000">#202400</color>
143
162
  <color name="globalColorTangerine50">#fff0e5</color>
144
163
  <color name="globalColorTangerine100">#ffdbc2</color>
145
164
  <color name="globalColorTangerine200">#fcbe92</color>
@@ -272,8 +291,6 @@
272
291
  <property name="globalTypographyFontSize7">24</property>
273
292
  <property name="globalTypographyFontSize8">32</property>
274
293
  <property name="globalTypographyFontSize9">40</property>
275
- <property name="globalTypographyBaseFontSize">125%</property>
276
- <property name="globalTypographyBaseFontSizePx">20</property>
277
294
  <property name="globalTypographyFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
278
295
  <property name="globalTypographyHeaderFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
279
296
  <property name="globalTypographyMonospaceFontFamily">ui-monospace, Consolas, Menlo, Monaco, monospace</property>
@@ -336,7 +353,6 @@
336
353
  <property name="globalAnimationEasingPrimary">cubic-bezier(0,.99,0,.99)</property>
337
354
  <property name="globalAnimationEasingSecondary">cubic-bezier(0, 1.5, 0.5, 1)</property>
338
355
  <property name="globalAnimationEasingLoop">cubic-bezier(0.17, 0.4, 0.8, 0.79)</property>
339
- <property name="globalBase">20</property>
340
356
  <property name="aliasObjectBorderRadius100">4</property>
341
357
  <property name="aliasObjectBorderRadius200">12</property>
342
358
  <property name="aliasObjectBorderRadius300">50%</property>
@@ -400,4 +416,7 @@
400
416
  <color name="aliasStatusAlt" alias="globalColorViolet700">#7c12a5</color>
401
417
  <color name="aliasStatusAltTint" alias="globalColorViolet600">#9b32c8</color>
402
418
  <color name="aliasStatusAltShade" alias="globalColorViolet900">#440061</color>
419
+ <property name="internalScale1">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))</property>
420
+ <property name="internalScale2">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space))</property>
421
+ <property name="internalScale3">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))</property>
403
422
  </resources>
@@ -1,3 +1,14 @@
1
+ export declare const globalBase = "var(--cds-global-base)";
2
+ export declare const globalScaleSpace = "var(--cds-global-scale-space)";
3
+ export declare const globalScaleLayoutSpace = "var(--cds-global-scale-layout-space)";
4
+ export declare const globalScaleTypography = "var(--cds-global-scale-typography)";
5
+ export declare const globalLayoutGridCols = "var(--cds-global-layout-grid-cols)";
6
+ export declare const globalLayoutWidthXs = "var(--cds-global-layout-width-xs)";
7
+ export declare const globalLayoutWidthSm = "var(--cds-global-layout-width-sm)";
8
+ export declare const globalLayoutWidthMd = "var(--cds-global-layout-width-md)";
9
+ export declare const globalLayoutWidthLg = "var(--cds-global-layout-width-lg)";
10
+ export declare const globalLayoutWidthXl = "var(--cds-global-layout-width-xl)";
11
+ export declare const globalLayoutSpaceXxxs = "var(--cds-global-layout-space-xxxs)";
1
12
  export declare const globalLayoutSpaceXxs = "var(--cds-global-layout-space-xxs)";
2
13
  export declare const globalLayoutSpaceXs = "var(--cds-global-layout-space-xs)";
3
14
  export declare const globalLayoutSpaceSm = "var(--cds-global-layout-space-sm)";
@@ -5,12 +16,7 @@ export declare const globalLayoutSpaceMd = "var(--cds-global-layout-space-md)";
5
16
  export declare const globalLayoutSpaceLg = "var(--cds-global-layout-space-lg)";
6
17
  export declare const globalLayoutSpaceXl = "var(--cds-global-layout-space-xl)";
7
18
  export declare const globalLayoutSpaceXxl = "var(--cds-global-layout-space-xxl)";
8
- export declare const globalLayoutGridCols = "var(--cds-global-layout-grid-cols)";
9
- export declare const globalLayoutWidthXs = "var(--cds-global-layout-width-xs)";
10
- export declare const globalLayoutWidthSm = "var(--cds-global-layout-width-sm)";
11
- export declare const globalLayoutWidthMd = "var(--cds-global-layout-width-md)";
12
- export declare const globalLayoutWidthLg = "var(--cds-global-layout-width-lg)";
13
- export declare const globalLayoutWidthXl = "var(--cds-global-layout-width-xl)";
19
+ export declare const globalLayoutSpaceXxxl = "var(--cds-global-layout-space-xxxl)";
14
20
  export declare const globalSpace0 = "var(--cds-global-space-0)";
15
21
  export declare const globalSpace1 = "var(--cds-global-space-1)";
16
22
  export declare const globalSpace2 = "var(--cds-global-space-2)";
@@ -25,6 +31,8 @@ export declare const globalSpace10 = "var(--cds-global-space-10)";
25
31
  export declare const globalSpace11 = "var(--cds-global-space-11)";
26
32
  export declare const globalSpace12 = "var(--cds-global-space-12)";
27
33
  export declare const globalSpace13 = "var(--cds-global-space-13)";
34
+ export declare const globalSpace14 = "var(--cds-global-space-14)";
35
+ export declare const globalSpace15 = "var(--cds-global-space-15)";
28
36
  export declare const globalColorBlack = "var(--cds-global-color-black)";
29
37
  export declare const globalColorWhite = "var(--cds-global-color-white)";
30
38
  export declare const globalColorGreen50 = "var(--cds-global-color-green-50)";
@@ -137,6 +145,17 @@ export declare const globalColorYellow700 = "var(--cds-global-color-yellow-700)"
137
145
  export declare const globalColorYellow800 = "var(--cds-global-color-yellow-800)";
138
146
  export declare const globalColorYellow900 = "var(--cds-global-color-yellow-900)";
139
147
  export declare const globalColorYellow1000 = "var(--cds-global-color-yellow-1000)";
148
+ export declare const globalColorLime50 = "var(--cds-global-color-lime-50)";
149
+ export declare const globalColorLime100 = "var(--cds-global-color-lime-100)";
150
+ export declare const globalColorLime200 = "var(--cds-global-color-lime-200)";
151
+ export declare const globalColorLime300 = "var(--cds-global-color-lime-300)";
152
+ export declare const globalColorLime400 = "var(--cds-global-color-lime-400)";
153
+ export declare const globalColorLime500 = "var(--cds-global-color-lime-500)";
154
+ export declare const globalColorLime600 = "var(--cds-global-color-lime-600)";
155
+ export declare const globalColorLime700 = "var(--cds-global-color-lime-700)";
156
+ export declare const globalColorLime800 = "var(--cds-global-color-lime-800)";
157
+ export declare const globalColorLime900 = "var(--cds-global-color-lime-900)";
158
+ export declare const globalColorLime1000 = "var(--cds-global-color-lime-1000)";
140
159
  export declare const globalColorTangerine50 = "var(--cds-global-color-tangerine-50)";
141
160
  export declare const globalColorTangerine100 = "var(--cds-global-color-tangerine-100)";
142
161
  export declare const globalColorTangerine200 = "var(--cds-global-color-tangerine-200)";
@@ -269,8 +288,6 @@ export declare const globalTypographyFontSize6 = "var(--cds-global-typography-fo
269
288
  export declare const globalTypographyFontSize7 = "var(--cds-global-typography-font-size-7)";
270
289
  export declare const globalTypographyFontSize8 = "var(--cds-global-typography-font-size-8)";
271
290
  export declare const globalTypographyFontSize9 = "var(--cds-global-typography-font-size-9)";
272
- export declare const globalTypographyBaseFontSize = "var(--cds-global-typography-base-font-size)";
273
- export declare const globalTypographyBaseFontSizePx = "var(--cds-global-typography-base-font-size-px)";
274
291
  export declare const globalTypographyFontFamily = "var(--cds-global-typography-font-family)";
275
292
  export declare const globalTypographyHeaderFontFamily = "var(--cds-global-typography-header-font-family)";
276
293
  export declare const globalTypographyMonospaceFontFamily = "var(--cds-global-typography-monospace-font-family)";
@@ -333,7 +350,6 @@ export declare const globalAnimationDurationSlowest = "var(--cds-global-animatio
333
350
  export declare const globalAnimationEasingPrimary = "var(--cds-global-animation-easing-primary)";
334
351
  export declare const globalAnimationEasingSecondary = "var(--cds-global-animation-easing-secondary)";
335
352
  export declare const globalAnimationEasingLoop = "var(--cds-global-animation-easing-loop)";
336
- export declare const globalBase = "var(--cds-global-base)";
337
353
  export declare const aliasObjectBorderRadius100 = "var(--cds-alias-object-border-radius-100)";
338
354
  export declare const aliasObjectBorderRadius200 = "var(--cds-alias-object-border-radius-200)";
339
355
  export declare const aliasObjectBorderRadius300 = "var(--cds-alias-object-border-radius-300)";
@@ -397,3 +413,6 @@ export declare const aliasStatusDisabledShade = "var(--cds-alias-status-disabled
397
413
  export declare const aliasStatusAlt = "var(--cds-alias-status-alt)";
398
414
  export declare const aliasStatusAltTint = "var(--cds-alias-status-alt-tint)";
399
415
  export declare const aliasStatusAltShade = "var(--cds-alias-status-alt-shade)";
416
+ export declare const internalScale1 = "var(--cds-internal-scale-1)";
417
+ export declare const internalScale2 = "var(--cds-internal-scale-2)";
418
+ export declare const internalScale3 = "var(--cds-internal-scale-3)";