@codeandfunction/callaloo 3.16.4 → 3.16.5

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 (101) hide show
  1. package/dist/assets/CLInputMessages.css +1 -1
  2. package/dist/chunks/{CLA11yButton.vue_vue_type_style_index_0_lang-C9OzrJ6Y.js → CLA11yButton.vue_vue_type_style_index_0_lang-Drw6jsX_.js} +13 -12
  3. package/dist/chunks/{CLButton.vue_vue_type_style_index_0_lang--MP4S4D4.js → CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js} +5 -5
  4. package/dist/chunks/{CLCard.vue_vue_type_style_index_0_lang-Ba1c7ZNn.js → CLCard.vue_vue_type_style_index_0_lang-Bj9WF_mX.js} +44 -43
  5. package/dist/chunks/{CLFormLabel.vue_vue_type_script_setup_true_lang-DNZdlItJ.js → CLFormLabel.vue_vue_type_script_setup_true_lang-CaHCD2xF.js} +1 -1
  6. package/dist/chunks/{CLHeading.vue_vue_type_style_index_0_lang-BO5OiCE-.js → CLHeading.vue_vue_type_style_index_0_lang-nUnSpm32.js} +11 -10
  7. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js +87 -0
  8. package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-Bt5xgOT4.js +153 -0
  9. package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-BDL4xcfJ.js +68 -0
  10. package/dist/chunks/{CLNavLink.vue_vue_type_script_setup_true_lang-DtzSW2Tr.js → CLNavLink.vue_vue_type_script_setup_true_lang-C_BQCWeg.js} +1 -1
  11. package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-DwNvvX0v.js +90 -0
  12. package/dist/chunks/{CLProgress.vue_vue_type_style_index_0_lang-BMozy0NJ.js → CLProgress.vue_vue_type_style_index_0_lang-Mikbgpn2.js} +16 -15
  13. package/dist/chunks/{CLSkeleton.vue_vue_type_style_index_0_lang-C82FyxKt.js → CLSkeleton.vue_vue_type_style_index_0_lang-Csb9YnTI.js} +11 -10
  14. package/dist/chunks/{CLSpinner.vue_vue_type_style_index_0_lang-DyT8L74M.js → CLSpinner.vue_vue_type_style_index_0_lang-BQ1w9Ik9.js} +17 -16
  15. package/dist/chunks/{CLText.vue_vue_type_style_index_0_lang-CG6043pv.js → CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js} +14 -13
  16. package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-C6gOJx7A.js +185 -0
  17. package/dist/chunks/utils-CAV1sBee.js +24 -0
  18. package/dist/chunks/utils-CS9Gz4oX.js +25 -0
  19. package/dist/chunks/utils-C_e2F4X7.js +17 -0
  20. package/dist/chunks/utils-Sqgt8Fa4.js +85 -0
  21. package/dist/chunks/utils-cOhtsyeB.js +41 -0
  22. package/dist/chunks/utils-zJwcNHl4.js +37 -0
  23. package/dist/components/Buttons/CLA11yButton/CLA11yButton.css +1 -1
  24. package/dist/components/Buttons/CLA11yButton/CLA11yButton.js +1 -1
  25. package/dist/components/Buttons/CLButton/CLButton.css +1 -1
  26. package/dist/components/Buttons/CLButton/CLButton.js +1 -1
  27. package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +1 -1
  28. package/dist/components/Buttons/utils.d.ts +16 -2
  29. package/dist/components/CLIcon/CLIcon.css +1 -1
  30. package/dist/components/CLIcon/CLIcon.js +1 -1
  31. package/dist/components/CLIcon/utils.d.ts +3 -1
  32. package/dist/components/CLTable/CLTable.css +1 -1
  33. package/dist/components/CLTable/CLTable.js +113 -115
  34. package/dist/components/CLTable/utils.d.ts +5 -1
  35. package/dist/components/Containers/CLCard/CLCard.css +1 -1
  36. package/dist/components/Containers/CLCard/CLCard.js +1 -1
  37. package/dist/components/Containers/CLCarousel/CLCarousel.js +2 -2
  38. package/dist/components/Containers/CLDisclosure/CLDisclosure.css +1 -1
  39. package/dist/components/Containers/CLDisclosure/CLDisclosure.js +32 -31
  40. package/dist/components/Containers/utils.d.ts +15 -2
  41. package/dist/components/Form/CLCheckbox/CLCheckbox.css +1 -1
  42. package/dist/components/Form/CLCheckbox/CLCheckbox.js +33 -35
  43. package/dist/components/Form/CLCheckbox/CLCheckbox.vue.d.ts +2 -2
  44. package/dist/components/Form/CLInput/CLInput.css +1 -1
  45. package/dist/components/Form/CLInput/CLInput.js +31 -33
  46. package/dist/components/Form/CLInput/CLInput.vue.d.ts +3 -3
  47. package/dist/components/Form/CLRadioButton/CLRadioButton.css +1 -1
  48. package/dist/components/Form/CLRadioButton/CLRadioButton.js +35 -34
  49. package/dist/components/Form/CLSelect/CLSelect.css +1 -1
  50. package/dist/components/Form/CLSelect/CLSelect.js +32 -31
  51. package/dist/components/Form/CLTextArea/CLTextArea.css +1 -1
  52. package/dist/components/Form/CLTextArea/CLTextArea.js +21 -20
  53. package/dist/components/Form/utils.d.ts +51 -4
  54. package/dist/components/Indicators/CLBadge/CLBadge.css +1 -1
  55. package/dist/components/Indicators/CLBadge/CLBadge.js +12 -11
  56. package/dist/components/Indicators/CLBanner/CLBanner.css +1 -1
  57. package/dist/components/Indicators/CLBanner/CLBanner.js +27 -26
  58. package/dist/components/Indicators/CLPill/CLPill.css +1 -1
  59. package/dist/components/Indicators/CLPill/CLPill.js +1 -1
  60. package/dist/components/Indicators/CLProgress/CLProgress.css +1 -1
  61. package/dist/components/Indicators/CLProgress/CLProgress.js +1 -1
  62. package/dist/components/Indicators/utils.d.ts +31 -4
  63. package/dist/components/Loading/CLSkeleton/CLSkeleton.css +1 -1
  64. package/dist/components/Loading/CLSkeleton/CLSkeleton.js +1 -1
  65. package/dist/components/Loading/CLSpinner/CLSpinner.css +1 -1
  66. package/dist/components/Loading/CLSpinner/CLSpinner.js +1 -1
  67. package/dist/components/Loading/utils.d.ts +7 -2
  68. package/dist/components/Modals/CLModal/CLModal.css +1 -1
  69. package/dist/components/Modals/CLModal/CLModal.js +82 -78
  70. package/dist/components/Modals/utils.d.ts +5 -1
  71. package/dist/components/Navigation/CLLink/CLLink.css +1 -1
  72. package/dist/components/Navigation/CLLink/CLLink.js +1 -1
  73. package/dist/components/Navigation/CLNavLink/CLNavLink.js +1 -1
  74. package/dist/components/Navigation/CLNavSection/CLNavSection.js +2 -2
  75. package/dist/components/Navigation/utils.d.ts +8 -1
  76. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.css +1 -1
  77. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.js +6 -6
  78. package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +3 -3
  79. package/dist/components/Popups/CLToast/CLToast.css +1 -1
  80. package/dist/components/Popups/CLToast/CLToast.js +1 -1
  81. package/dist/components/Popups/utils.d.ts +8 -1
  82. package/dist/components/Providers/CLThemeProvider/utils.d.ts +0 -1
  83. package/dist/components/Providers/CLToastProvider/CLToastProvider.js +1 -1
  84. package/dist/components/Typography/CLHeading/CLHeading.css +1 -1
  85. package/dist/components/Typography/CLHeading/CLHeading.js +1 -1
  86. package/dist/components/Typography/CLText/CLText.css +1 -1
  87. package/dist/components/Typography/CLText/CLText.js +1 -1
  88. package/dist/components/Typography/utils.d.ts +3 -1
  89. package/dist/composables/useTheme.js +17 -16
  90. package/package.json +1 -4
  91. package/dist/chunks/CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js +0 -84
  92. package/dist/chunks/CLInputMessages.vue_vue_type_style_index_0_lang-DZEfoinY.js +0 -121
  93. package/dist/chunks/CLLink.vue_vue_type_style_index_0_lang-RAFpWIR2.js +0 -60
  94. package/dist/chunks/CLPill.vue_vue_type_style_index_0_lang-UKMQXfI-.js +0 -88
  95. package/dist/chunks/CLToast.vue_vue_type_style_index_0_lang-LiL8p_1M.js +0 -179
  96. package/dist/chunks/utils-B_htczw5.js +0 -30
  97. package/dist/chunks/utils-Bf54TEIp.js +0 -387
  98. package/dist/chunks/utils-CPp2QUlb.js +0 -15
  99. package/dist/chunks/utils-Cm9XP0Vu.js +0 -29
  100. package/dist/chunks/utils-DPwEOLZc.js +0 -26
  101. package/dist/chunks/utils-_aITYXfA.js +0 -73
@@ -0,0 +1,41 @@
1
+ import { CLMode as e, CLColorVariants as c } from "../index.js";
2
+ import { g as d } from "./utils-CS9Gz4oX.js";
3
+ import { useTheme as b } from "../composables/useTheme.js";
4
+ const h = ({ color: a }) => {
5
+ const { borderRadius: t, colors: l, darkMode: n } = b(), s = n.value ? e.Dark : e.Light, r = d({
6
+ color: a,
7
+ colors: l.value,
8
+ mode: s,
9
+ variant: c.Solid
10
+ });
11
+ return {
12
+ "--clll-a11y-button-outline-color": r?.focus ?? "transparent",
13
+ "--clll-a11y-button-border-color": r?.focus ?? "transparent",
14
+ "--clll-a11y-button-shadow-color": r?.shadow ?? "transparent",
15
+ "--clll-a11y-button-theme-radius": t.value ? `var(--clll-${t.value})` : void 0
16
+ };
17
+ }, m = ({
18
+ color: a,
19
+ variant: t = c.Soft
20
+ }) => {
21
+ const { borderRadius: l, colors: n, darkMode: s } = b(), r = s.value ? e.Dark : e.Light, u = t === c.Outline, o = d({
22
+ color: a,
23
+ colors: n.value,
24
+ mode: r,
25
+ variant: t
26
+ });
27
+ return {
28
+ "--clll-button-text-color": o?.text ?? "inherit",
29
+ "--clll-button-bg-color": o?.bg ?? "transparent",
30
+ "--clll-button-border-color": u ? o?.border ?? "transparent" : "transparent",
31
+ "--clll-button-hover-bg": o?.hover ?? "transparent",
32
+ "--clll-button-hover-border": u ? o?.borderHover ?? "transparent" : "transparent",
33
+ "--clll-button-focus-border": o?.focus ?? "transparent",
34
+ "--clll-button-focus-shadow": o?.shadow ?? "transparent",
35
+ "--clll-button-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
36
+ };
37
+ };
38
+ export {
39
+ h as a,
40
+ m as b
41
+ };
@@ -0,0 +1,37 @@
1
+ import { CLMode as t, CLColorVariants as n } from "../index.js";
2
+ import { g as u } from "./utils-CS9Gz4oX.js";
3
+ import { useTheme as i } from "../composables/useTheme.js";
4
+ const b = ({ color: s, variant: o }) => {
5
+ const { borderRadius: l, colors: c, darkMode: a } = i(), d = a.value ? t.Dark : t.Light, e = o === n.Ghost, r = u({
6
+ color: s,
7
+ colors: c.value,
8
+ mode: d,
9
+ variant: o
10
+ });
11
+ return {
12
+ "--clll-card-border-color": e ? "transparent" : r?.border ?? "transparent",
13
+ "--clll-card-bg-color": r?.bg ?? "transparent",
14
+ "--clll-card-image-bg": r?.bg ?? "transparent",
15
+ "--clll-card-text-color": r?.text ?? "inherit",
16
+ "--clll-card-focus-border": r?.focus ?? "transparent",
17
+ "--clll-card-focus-shadow": r?.shadow ?? "transparent",
18
+ "--clll-card-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
19
+ };
20
+ }, v = ({ color: s, variant: o }) => {
21
+ const { borderRadius: l, colors: c, darkMode: a } = i(), d = a.value ? t.Dark : t.Light, e = o === n.Ghost, r = u({
22
+ color: s,
23
+ colors: c.value,
24
+ mode: d,
25
+ variant: o
26
+ });
27
+ return {
28
+ "--clll-disclosure-border-color": e ? "transparent" : r?.focus ?? "transparent",
29
+ "--clll-disclosure-text-color": r?.text ?? "inherit",
30
+ "--clll-disclosure-content-border": e ? "transparent" : r?.focus ?? "transparent",
31
+ "--clll-disclosure-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
32
+ };
33
+ };
34
+ export {
35
+ b as c,
36
+ v as d
37
+ };
@@ -1 +1 @@
1
- .clll-a11y__button{display:inline-block}.clll-a11y__button.--enabled{cursor:pointer}.clll-a11y__button.--rounded{border-radius:var(--clll-rounded-sm)}.clll-a11y__button.--fluid{display:block}
1
+ .clll-a11y__button{display:inline-block;outline-color:#0000;outline-offset:0px;outline-style:solid;outline-width:2px}.clll-a11y__button.--enabled{cursor:pointer}.clll-a11y__button.--rounded{border-radius:var(--clll-rounded-sm)}.clll-a11y__button.--rounded:has(+*){border-radius:var(--clll-a11y-button-theme-radius, var(--clll-rounded-sm))}.clll-a11y__button.--fluid{display:block}.clll-a11y__button:focus{outline:none}.clll-a11y__button:focus-visible{border-color:transparent!important;outline-color:var(--clll-a11y-button-outline-color, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-a11y-button-shadow-color, transparent)}.clll-a11y__button[type=checkbox],.clll-a11y__button[type=radio]{border-color:var(--clll-a11y-button-border-color, transparent)}.clll-a11y__button[type=checkbox]:focus,.clll-a11y__button[type=radio]:focus{outline-color:transparent;border-color:transparent;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-a11y-button-shadow-color, transparent)}
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLA11yButton.css';
3
- import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-C9OzrJ6Y.js";
3
+ import { _ as t } from "../../../chunks/CLA11yButton.vue_vue_type_style_index_0_lang-Drw6jsX_.js";
4
4
  export {
5
5
  t as CLA11yButton,
6
6
  t as default
@@ -1 +1 @@
1
- .clll-button{position:relative;border:1px solid transparent;cursor:pointer}.clll-button[href]{text-decoration:none}.clll-button{transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-button .clll-button__content,.clll-button .clll-icon{font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-button.clll-button--has-content{display:inline-flex;align-items:center}.clll-button.clll-button--no-content.clll-button--left,.clll-button.clll-button--no-content.clll-button--right{justify-content:center}.clll-button.clll-button--no-content .clll-button__content{display:none}.clll-button.clll-button--busy .clll-button__content,.clll-button.clll-button--busy .clll-icon{visibility:hidden}.clll-button.clll-button--tiny{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-unit-0_5) var(--clll-unit-2)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--tiny.clll-button--rounded{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--tiny.clll-button--no-content{padding:var(--clll-unit-1_5)}.clll-button.clll-button--small{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-unit-1) var(--clll-unit-2_5)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--small.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--small.clll-button--no-content{padding:var(--clll-unit-2)}.clll-button.clll-button--medium{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-unit-1_5) var(--clll-unit-3)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--medium.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--medium.clll-button--no-content{padding:var(--clll-unit-2_5)}.clll-button.clll-button--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-unit-2) var(--clll-unit-3_5)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--large.clll-button--rounded{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--large.clll-button--no-content{padding:var(--clll-unit-3)}.clll-button.clll-button--xlarge{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5);padding:var(--clll-unit-3) var(--clll-unit-4_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--xlarge.clll-button--rounded{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--xlarge.clll-button--no-content{padding:var(--clll-unit-4)}.clll-button .clll-button__content{overflow:hidden}.clll-button.clll-button--left{justify-content:flex-start}.clll-button.clll-button--center{justify-content:center}.clll-button.clll-button--right{justify-content:flex-end}.clll-button.clll-button--no-content{display:flex;align-items:center}.clll-button.clll-button--no-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0)}.clll-button.clll-button--no-content.clll-button--rounded{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--wrapped{padding:var(--clll-unit-0)}.clll-button.clll-button--wrapped.clll-button--no-content{padding:0}.clll-button.clll-button--pill{border:0;padding:var(--clll-unit-0);background-color:transparent;outline-offset:-.5px}.clll-button.clll-button--pill:focus{box-shadow:none}.clll-button.clll-button--pill.clll-button--rounded{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--pill .clll-button__content{line-height:0}.clll-button.clll-button--active{pointer-events:none;user-select:none}.clll-button.clll-button--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-button:disabled{cursor:not-allowed;pointer-events:all;opacity:.75;user-select:none}
1
+ .clll-button{position:relative;border:1px solid var(--clll-button-border-color, transparent);background-color:var(--clll-button-bg-color, transparent);cursor:pointer}.clll-button[href]{text-decoration:none}.clll-button{transition-property:background-color;transition-duration:.3s;transition-timing-function:ease}.clll-button .clll-button__content,.clll-button .clll-icon{color:var(--clll-button-text-color, inherit);font-weight:500;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-button:hover:not([disabled]){background-color:var(--clll-button-hover-bg, transparent);border-color:var(--clll-button-hover-border, transparent)}.clll-button:focus-visible{outline:none;border-color:transparent!important;outline-color:var(--clll-button-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-button-focus-shadow, transparent)}.clll-button:not([class*=clll-button--rounded-]).clll-button--rounded{border-radius:var(--clll-button-theme-radius)}.clll-button.clll-button--has-content{display:inline-flex;align-items:center}.clll-button.clll-button--no-content.clll-button--left,.clll-button.clll-button--no-content.clll-button--right{justify-content:center}.clll-button.clll-button--no-content .clll-button__content{display:none}.clll-button.clll-button--busy .clll-button__content,.clll-button.clll-button--busy .clll-icon{visibility:hidden}.clll-button.clll-button--tiny{font-size:var(--clll-unit-3);line-height:var(--clll-unit-5);padding:var(--clll-unit-0_5) var(--clll-unit-2)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0_5)}.clll-button.clll-button--tiny.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--tiny.clll-button--rounded{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--tiny.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--tiny.clll-button--no-content{padding:var(--clll-unit-1_5)}.clll-button.clll-button--small{font-size:var(--clll-unit-3_5);line-height:var(--clll-unit-6);padding:var(--clll-unit-1) var(--clll-unit-2_5)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1)}.clll-button.clll-button--small.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--small.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--small.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--small.clll-button--no-content{padding:var(--clll-unit-2)}.clll-button.clll-button--medium{font-size:var(--clll-unit-4);line-height:var(--clll-unit-6_5);padding:var(--clll-unit-1_5) var(--clll-unit-3)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-1_5)}.clll-button.clll-button--medium.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--medium.clll-button--rounded{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--medium.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--medium.clll-button--no-content{padding:var(--clll-unit-2_5)}.clll-button.clll-button--large{font-size:var(--clll-unit-4_5);line-height:var(--clll-unit-7);padding:var(--clll-unit-2) var(--clll-unit-3_5)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-button.clll-button--large.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--large.clll-button--rounded{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--large.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--large.clll-button--no-content{padding:var(--clll-unit-3)}.clll-button.clll-button--xlarge{font-size:var(--clll-unit-6);line-height:var(--clll-unit-8_5);padding:var(--clll-unit-3) var(--clll-unit-4_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2_5)}.clll-button.clll-button--xlarge.clll-button--has-content>:not([hidden])~:not([hidden]).clll-spinner{margin-left:0;margin-right:0}.clll-button.clll-button--xlarge.clll-button--rounded{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none,.clll-button.clll-button--xlarge.clll-button--rounded.clll-button--rounded-none .clll-{border-radius:0}.clll-button.clll-button--xlarge.clll-button--no-content{padding:var(--clll-unit-4)}.clll-button .clll-button__content{overflow:hidden}.clll-button.clll-button--left{justify-content:flex-start}.clll-button.clll-button--center{justify-content:center}.clll-button.clll-button--right{justify-content:flex-end}.clll-button.clll-button--no-content{display:flex;align-items:center}.clll-button.clll-button--no-content>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-0)}.clll-button.clll-button--no-content.clll-button--rounded{border-radius:var(--clll-rounded-full)}.clll-button.clll-button--wrapped{padding:var(--clll-unit-0)}.clll-button.clll-button--wrapped.clll-button--no-content{padding:0}.clll-button.clll-button--pill{border:0;padding:var(--clll-unit-0);background-color:transparent;outline-offset:-.5px}.clll-button.clll-button--pill:focus{box-shadow:none}.clll-button.clll-button--pill.clll-button--rounded{border-radius:var(--clll-button-theme-radius, --clll-rounded-xs)}.clll-button.clll-button--pill .clll-button__content{line-height:0}.clll-button.clll-button--active{pointer-events:none;user-select:none}.clll-button.clll-button--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-button:disabled{cursor:not-allowed;pointer-events:all;opacity:.75;user-select:none}
@@ -1,6 +1,6 @@
1
1
  import '../../../assets/core.css';
2
2
  import './CLButton.css';
3
- import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang--MP4S4D4.js";
3
+ import { _ as t } from "../../../chunks/CLButton.vue_vue_type_style_index_0_lang-B4xTt-xw.js";
4
4
  export {
5
5
  t as CLButton,
6
6
  t as default
@@ -61,11 +61,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
61
61
  title: string;
62
62
  color: CLColors;
63
63
  variant: CLColorVariants;
64
- form: string;
65
64
  borderRadius: CLBorderRadius;
66
65
  rounded: boolean;
67
66
  testId: string;
68
67
  type: CLButtonTypes;
68
+ form: string;
69
69
  onClick: (event?: Event) => void;
70
70
  target: CLLinkTarget;
71
71
  width: string;
@@ -3,6 +3,20 @@ interface ThemeProps {
3
3
  color: CLColors;
4
4
  variant?: CLColorVariants;
5
5
  }
6
- export declare const a11yButtonTheme: ({ color }: ThemeProps) => string;
7
- export declare const buttonTheme: ({ color, variant }: ThemeProps) => string;
6
+ export declare const a11yButtonTheme: ({ color }: ThemeProps) => {
7
+ '--clll-a11y-button-outline-color': string;
8
+ '--clll-a11y-button-border-color': string;
9
+ '--clll-a11y-button-shadow-color': string;
10
+ '--clll-a11y-button-theme-radius': string | undefined;
11
+ };
12
+ export declare const buttonTheme: ({ color, variant }: ThemeProps) => {
13
+ '--clll-button-text-color': string;
14
+ '--clll-button-bg-color': string;
15
+ '--clll-button-border-color': string;
16
+ '--clll-button-hover-bg': string;
17
+ '--clll-button-hover-border': string;
18
+ '--clll-button-focus-border': string;
19
+ '--clll-button-focus-shadow': string;
20
+ '--clll-button-theme-radius': string | undefined;
21
+ };
8
22
  export {};
@@ -1 +1 @@
1
- .clll-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--v18b705a2);height:var(--v18b705a2)}
1
+ .clll-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--v61c2ebfe);height:var(--v61c2ebfe);color:var(--clll-icon-color, inherit)}
@@ -1,6 +1,6 @@
1
1
  import '../../assets/core.css';
2
2
  import './CLIcon.css';
3
- import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang-B_341q_b.js";
3
+ import { _ as o } from "../../chunks/CLIcon.vue_vue_type_style_index_0_lang--1FTkRVd.js";
4
4
  export {
5
5
  o as CLIcon,
6
6
  o as default
@@ -2,5 +2,7 @@ import { CLColors } from '../../index.ts';
2
2
  interface IconThemeProps {
3
3
  color?: CLColors;
4
4
  }
5
- export declare const iconTheme: ({ color }: IconThemeProps) => string;
5
+ export declare const iconTheme: ({ color }: IconThemeProps) => {
6
+ '--clll-icon-color': string;
7
+ };
6
8
  export {};
@@ -1 +1 @@
1
- .clll-table-container.clll-table--rounded{overflow:hidden;border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-full,.clll-table-container.clll-table--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-table-container.clll-table--rounded-lg,.clll-table-container.clll-table--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-table-container.clll-table--rounded-md,.clll-table-container.clll-table--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-table-container.clll-table--rounded-sm,.clll-table-container.clll-table--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-xs,.clll-table-container.clll-table--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-table-container.clll-table--rounded-xl,.clll-table-container.clll-table--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-table-container.clll-table--rounded-2xl,.clll-table-container.clll-table--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-table-container.clll-table--rounded-3xl,.clll-table-container.clll-table--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-table-container.clll-table--rounded-none,.clll-table-container.clll-table--rounded-none .clll-{border-radius:0}.clll-table-container .clll-table{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-collapse:collapse;border-spacing:0;vertical-align:baseline;position:relative;table-layout:auto;width:100%}.clll-table-container .clll-table .clll-table__row{height:var(--v65ae7e5c)}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child{border-bottom:0}.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell{padding:var(--clll-unit-3) var(--clll-unit-4)}.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell{padding:var(--clll-unit-2_5)}.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell{padding:var(--clll-unit-2)}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--bordered .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table__cell{text-align:left;max-width:0}.clll-table__cell>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-table__cell.clll-table__cell--number,.clll-table__cell.clll-table__cell--hasactions{text-align:right}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions{display:flex;align-items:center;justify-content:flex-end}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-table__cell.clll-table__cell--clickable{cursor:pointer}.clll-table__footer .clll-table__row .clll-table__cell{font-weight:700}.clll-table__row.clll-table__row--clickable{cursor:pointer}
1
+ .clll-table-container.clll-table--rounded{overflow:hidden;border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-full,.clll-table-container.clll-table--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-table-container.clll-table--rounded-lg,.clll-table-container.clll-table--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-table-container.clll-table--rounded-md,.clll-table-container.clll-table--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-table-container.clll-table--rounded-sm,.clll-table-container.clll-table--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-table-container.clll-table--rounded-xs,.clll-table-container.clll-table--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-table-container.clll-table--rounded-xl,.clll-table-container.clll-table--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-table-container.clll-table--rounded-2xl,.clll-table-container.clll-table--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-table-container.clll-table--rounded-3xl,.clll-table-container.clll-table--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-table-container.clll-table--rounded-none,.clll-table-container.clll-table--rounded-none .clll-{border-radius:0}.clll-table-container:not([class*=clll-table--rounded-]).clll-table--rounded{border-radius:var(--clll-table-theme-radius, var(--clll-rounded-sm))}.clll-table-container.clll-table--bordered{border-color:var(--clll-table-border-color, transparent);border-style:solid;border-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__header .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container.clll-table--bordered .clll-table .clll-table__footer .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container.clll-table--bordered .clll-table .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table{font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;border-collapse:collapse;border-spacing:0;vertical-align:baseline;position:relative;table-layout:auto;width:100%}.clll-table-container .clll-table .clll-table__row{height:var(--v4976af12)}.clll-table-container .clll-table.clll-table--default .clll-table__header .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__header .clll-table__row,.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:hover,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:hover{background-color:var(--clll-table-hover-bg, transparent)}.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child,.clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child{border-bottom:0}.clll-table-container .clll-table.clll-table--default .clll-table__footer .clll-table__row,.clll-table-container .clll-table.clll-table--condensed .clll-table__footer .clll-table__row{border-top-color:var(--clll-table-border-color, transparent);border-top-style:solid;border-top-width:1px}.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell{padding:var(--clll-unit-3) var(--clll-unit-4)}.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell{padding:var(--clll-unit-2_5)}.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell{padding:var(--clll-unit-2)}.clll-table-container .clll-table.clll-table--striped .clll-table__body .clll-table__row:nth-child(2n){background-color:var(--clll-table-hover-bg, transparent)}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row{border-bottom-color:var(--clll-table-border-color, transparent);border-bottom-style:solid;border-bottom-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell{border-right-color:var(--clll-table-border-color, transparent);border-right-style:solid;border-right-width:1px}.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child{border-right:0}.clll-table-container .clll-table .clll-table__cell.clll-table__cell--active{background-color:var(--clll-table-hover-bg, transparent)}.clll-table__cell{text-align:left;max-width:0}.clll-table__cell>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-table__cell.clll-table__cell--number,.clll-table__cell.clll-table__cell--hasactions{text-align:right}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions{display:flex;align-items:center;justify-content:flex-end}.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions>:not([hidden])~:not([hidden]){margin-left:var(--clll-unit-2)}.clll-table__cell.clll-table__cell--clickable{cursor:pointer}.clll-table__footer .clll-table__row .clll-table__cell{font-weight:700}.clll-table__row.clll-table__row--clickable{cursor:pointer}
@@ -1,23 +1,23 @@
1
1
  import '../../assets/core.css';
2
2
  import './CLTable.css';
3
- import { defineComponent as b, useCssVars as C, computed as u, createElementBlock as a, openBlock as d, normalizeClass as c, unref as n, createElementVNode as y, createCommentVNode as w, renderSlot as s, Fragment as g, renderList as k, normalizeStyle as v, createVNode as L, withCtx as x } from "vue";
4
- import { CLMode as p, CLColorVariants as T, CLColors as B, CLTableTypes as H, CLTextTypes as N } from "../../index.js";
5
- import { g as R, c as m, a as V } from "../../chunks/utils-Bf54TEIp.js";
6
- import { useTheme as A } from "../../composables/useTheme.js";
7
- import { _ as S } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-CG6043pv.js";
8
- const F = () => {
9
- const { borderRadius: o, colors: l, darkMode: e } = A(), i = e.value ? p.Dark : p.Light, t = R({
10
- color: B.Neutral,
11
- colors: l.value,
12
- mode: i,
13
- variant: T.Outline
3
+ import { defineComponent as u, useCssVars as h, computed as p, createElementBlock as o, openBlock as a, normalizeStyle as m, normalizeClass as s, unref as i, createElementVNode as y, createCommentVNode as k, renderSlot as r, Fragment as L, renderList as v, createVNode as T, withCtx as B } from "vue";
4
+ import { CLMode as C, CLColorVariants as w, CLColors as H, CLTableTypes as g, CLTextTypes as N } from "../../index.js";
5
+ import { g as x } from "../../chunks/utils-CS9Gz4oX.js";
6
+ import { useTheme as V } from "../../composables/useTheme.js";
7
+ import { _ as R } from "../../chunks/CLText.vue_vue_type_style_index_0_lang-BJoS9z9q.js";
8
+ const A = () => {
9
+ const { borderRadius: l, colors: t, darkMode: e } = V(), c = e.value ? C.Dark : C.Light, d = x({
10
+ color: H.Neutral,
11
+ colors: t.value,
12
+ mode: c,
13
+ variant: w.Outline
14
14
  });
15
- let r;
16
- return o.value && (r = m`&:not([class*='clll-table--rounded-']){&.clll-table-container.clll-table--rounded{border-radius:var(--clll-${o.value})}}`), V(
17
- m`&.clll-table--bordered{border-color:${t?.border};border-style:solid;border-width:1px;.clll-table{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}}.clll-table{&.clll-table--default,&.clll-table--condensed{.clll-table__header{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;&:hover{background-color:${t?.hover}}&:last-child{border-bottom:0}}}.clll-table__footer{.clll-table__row{border-top-color:${t?.border};border-top-style:solid;border-top-width:1px}}}&.clll-table--striped{.clll-table__body{.clll-table__row{&:nth-child(even){background-color:${t?.hover}}}}}&.clll-table--vertical-lines{.clll-table__header{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__body{.clll-table__row{border-bottom-color:${t?.border};border-bottom-style:solid;border-bottom-width:1px;.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}.clll-table__footer{.clll-table__row{.clll-table__cell{border-right-color:${t?.border};border-right-style:solid;border-right-width:1px}}}}.clll-table__cell{&.clll-table__cell--active{background-color:${t?.hover}}}}`,
18
- r
19
- );
20
- }, W = ["data-testid"], z = ["id"], D = { key: 0 }, E = /* @__PURE__ */ b({
15
+ return {
16
+ "--clll-table-border-color": d?.border ?? "transparent",
17
+ "--clll-table-hover-bg": d?.hover ?? "transparent",
18
+ "--clll-table-theme-radius": l.value ? `var(--clll-${l.value})` : void 0
19
+ };
20
+ }, S = ["data-testid"], F = ["id"], W = { key: 0 }, z = /* @__PURE__ */ u({
21
21
  name: "CLTable",
22
22
  __name: "CLTable",
23
23
  props: {
@@ -29,57 +29,55 @@ const F = () => {
29
29
  rowHeight: { default: "auto" },
30
30
  striped: { type: Boolean },
31
31
  testId: { default: "clll-table" },
32
- type: { default: H.Default },
32
+ type: { default: g.Default },
33
33
  withVerticalLines: { type: Boolean }
34
34
  },
35
- setup(o) {
36
- C((r) => ({
37
- v65ae7e5c: r.rowHeight
35
+ setup(l) {
36
+ h((n) => ({
37
+ v4976af12: n.rowHeight
38
38
  }));
39
- const l = o, e = "clll-table", i = u(() => [
39
+ const t = l, e = "clll-table", c = p(() => [
40
40
  `${e}-container`,
41
- l.bordered ? `${e}--bordered` : void 0,
42
- l.borderRadius && l.bordered ? `${e}--${l.borderRadius}` : "",
43
- l.rounded ? `${e}--rounded` : `${e}--box`
44
- ]), t = u(() => [
41
+ t.bordered ? `${e}--bordered` : void 0,
42
+ t.borderRadius && t.bordered ? `${e}--${t.borderRadius}` : "",
43
+ t.rounded ? `${e}--rounded` : `${e}--box`
44
+ ]), d = p(() => [
45
45
  e,
46
- `${e}--${l.type}`,
47
- l.striped ? `${e}--striped` : void 0,
48
- l.withVerticalLines ? `${e}--vertical-lines` : void 0,
49
- l.bordered ? `${e}--bordered` : void 0
46
+ `${e}--${t.type}`,
47
+ t.striped ? `${e}--striped` : void 0,
48
+ t.withVerticalLines ? `${e}--vertical-lines` : void 0,
49
+ t.bordered ? `${e}--bordered` : void 0
50
50
  ]);
51
- return (r, h) => (d(), a("div", {
52
- class: c([
53
- n(i),
54
- n(F)()
55
- ]),
56
- "data-testid": o.testId
51
+ return (n, b) => (a(), o("div", {
52
+ class: s(i(c)),
53
+ "data-testid": l.testId,
54
+ style: m(i(A)())
57
55
  }, [
58
56
  y("table", {
59
- id: `${e}-${o.id}`,
60
- class: c(n(t))
57
+ id: `${e}-${l.id}`,
58
+ class: s(i(d))
61
59
  }, [
62
- o.colWidths?.length ? (d(), a("colgroup", D, [
63
- (d(!0), a(g, null, k(o.colWidths, ($, f) => (d(), a("col", {
64
- key: `table-${o.id}-col-${f}`,
65
- style: v({ width: $ })
60
+ l.colWidths?.length ? (a(), o("colgroup", W, [
61
+ (a(!0), o(L, null, v(l.colWidths, (_, $) => (a(), o("col", {
62
+ key: `table-${l.id}-col-${$}`,
63
+ style: m({ width: _ })
66
64
  }, null, 4))), 128))
67
- ])) : w("", !0),
68
- s(r.$slots, "default")
69
- ], 10, z)
70
- ], 10, W));
65
+ ])) : k("", !0),
66
+ r(n.$slots, "default")
67
+ ], 10, F)
68
+ ], 14, S));
71
69
  }
72
- }), I = "clll-table__body", M = /* @__PURE__ */ b({
70
+ }), D = "clll-table__body", E = /* @__PURE__ */ u({
73
71
  name: "CLTableBody",
74
72
  __name: "CLTableBody",
75
- setup(o) {
76
- return (l, e) => (d(), a("tbody", {
77
- class: c([I])
73
+ setup(l) {
74
+ return (t, e) => (a(), o("tbody", {
75
+ class: s([D])
78
76
  }, [
79
- s(l.$slots, "default")
77
+ r(t.$slots, "default")
80
78
  ], 2));
81
79
  }
82
- }), O = ["colspan"], j = ["colspan"], q = /* @__PURE__ */ b({
80
+ }), I = ["colspan"], M = ["colspan"], O = /* @__PURE__ */ u({
83
81
  name: "CLTableCell",
84
82
  __name: "CLTableCell",
85
83
  props: {
@@ -90,109 +88,109 @@ const F = () => {
90
88
  isNumber: { type: Boolean, default: !1 },
91
89
  onClick: {}
92
90
  },
93
- setup(o) {
94
- const l = o, e = "clll-table__cell", i = u(() => [
91
+ setup(l) {
92
+ const t = l, e = "clll-table__cell", c = p(() => [
95
93
  e,
96
- l.isHeader ? `${e}--header` : `${e}--default`,
97
- l.isNumber ? `${e}--number` : "",
98
- l.isAction ? `${e}--hasactions` : "",
99
- l.isActive ? `${e}--active` : "",
100
- l.onClick ? `${e}--clickable` : ""
101
- ]), t = () => l?.onClick?.();
102
- return (r, h) => o.isHeader ? (d(), a("th", {
94
+ t.isHeader ? `${e}--header` : `${e}--default`,
95
+ t.isNumber ? `${e}--number` : "",
96
+ t.isAction ? `${e}--hasactions` : "",
97
+ t.isActive ? `${e}--active` : "",
98
+ t.onClick ? `${e}--clickable` : ""
99
+ ]), d = () => t?.onClick?.();
100
+ return (n, b) => l.isHeader ? (a(), o("th", {
103
101
  key: 0,
104
- class: c(n(i)),
105
- colspan: o.colSpan,
106
- onClick: t
102
+ class: s(i(c)),
103
+ colspan: l.colSpan,
104
+ onClick: d
107
105
  }, [
108
- o.isAction ? (d(), a("div", {
106
+ l.isAction ? (a(), o("div", {
109
107
  key: 1,
110
- class: c(`${e}__actions`)
108
+ class: s(`${e}__actions`)
111
109
  }, [
112
- s(r.$slots, "default")
113
- ], 2)) : s(r.$slots, "default", { key: 0 })
114
- ], 10, O)) : (d(), a("td", {
110
+ r(n.$slots, "default")
111
+ ], 2)) : r(n.$slots, "default", { key: 0 })
112
+ ], 10, I)) : (a(), o("td", {
115
113
  key: 1,
116
- class: c(n(i)),
117
- colspan: o.colSpan,
118
- onClick: t
114
+ class: s(i(c)),
115
+ colspan: l.colSpan,
116
+ onClick: d
119
117
  }, [
120
- o.isAction ? (d(), a("div", {
118
+ l.isAction ? (a(), o("div", {
121
119
  key: 1,
122
- class: c(`${e}__actions`)
120
+ class: s(`${e}__actions`)
123
121
  }, [
124
- s(r.$slots, "default")
125
- ], 2)) : s(r.$slots, "default", { key: 0 })
126
- ], 10, j));
122
+ r(n.$slots, "default")
123
+ ], 2)) : r(n.$slots, "default", { key: 0 })
124
+ ], 10, M));
127
125
  }
128
- }), G = "clll-table__footer", J = /* @__PURE__ */ b({
126
+ }), j = "clll-table__footer", q = /* @__PURE__ */ u({
129
127
  name: "CLTableFooter",
130
128
  __name: "CLTableFooter",
131
- setup(o) {
132
- return (l, e) => (d(), a("tfoot", {
133
- class: c([G])
129
+ setup(l) {
130
+ return (t, e) => (a(), o("tfoot", {
131
+ class: s([j])
134
132
  }, [
135
- s(l.$slots, "default")
133
+ r(t.$slots, "default")
136
134
  ], 2));
137
135
  }
138
- }), K = "clll-table__header", P = /* @__PURE__ */ b({
136
+ }), G = "clll-table__header", J = /* @__PURE__ */ u({
139
137
  name: "CLTableHeader",
140
138
  __name: "CLTableHeader",
141
- setup(o) {
142
- return (l, e) => (d(), a("thead", {
143
- class: c([K])
139
+ setup(l) {
140
+ return (t, e) => (a(), o("thead", {
141
+ class: s([G])
144
142
  }, [
145
- s(l.$slots, "default")
143
+ r(t.$slots, "default")
146
144
  ], 2));
147
145
  }
148
- }), Q = /* @__PURE__ */ b({
146
+ }), K = /* @__PURE__ */ u({
149
147
  name: "CLTableNestedCell",
150
148
  __name: "CLTableNestedCell",
151
149
  props: {
152
150
  truncate: { type: Boolean }
153
151
  },
154
- setup(o) {
155
- const l = "clll-table__nested-cell";
156
- return (e, i) => (d(), a("div", {
157
- class: c(l)
152
+ setup(l) {
153
+ const t = "clll-table__nested-cell";
154
+ return (e, c) => (a(), o("div", {
155
+ class: s(t)
158
156
  }, [
159
- L(n(S), {
160
- type: n(N).Small,
161
- truncate: o.truncate
157
+ T(i(R), {
158
+ type: i(N).Small,
159
+ truncate: l.truncate
162
160
  }, {
163
- default: x(() => [
164
- s(e.$slots, "default")
161
+ default: B(() => [
162
+ r(e.$slots, "default")
165
163
  ]),
166
164
  _: 3
167
165
  }, 8, ["type", "truncate"])
168
166
  ]));
169
167
  }
170
- }), U = /* @__PURE__ */ b({
168
+ }), P = /* @__PURE__ */ u({
171
169
  name: "CLTableRow",
172
170
  __name: "CLTableRow",
173
171
  props: {
174
172
  onClick: { type: Function }
175
173
  },
176
- setup(o) {
177
- const l = o, e = "clll-table__row", i = u(() => [
174
+ setup(l) {
175
+ const t = l, e = "clll-table__row", c = p(() => [
178
176
  e,
179
- l.onClick ? `${e}--clickable` : ""
180
- ]), t = () => l?.onClick?.();
181
- return (r, h) => (d(), a("tr", {
182
- class: c(n(i)),
183
- onClick: t
177
+ t.onClick ? `${e}--clickable` : ""
178
+ ]), d = () => t?.onClick?.();
179
+ return (n, b) => (a(), o("tr", {
180
+ class: s(i(c)),
181
+ onClick: d
184
182
  }, [
185
- s(r.$slots, "default")
183
+ r(n.$slots, "default")
186
184
  ], 2));
187
185
  }
188
- }), _ = E;
189
- _.Body = M;
190
- _.Cell = q;
191
- _.Footer = J;
192
- _.Header = P;
193
- _.NestedCell = Q;
194
- _.Row = U;
186
+ }), f = z;
187
+ f.Body = E;
188
+ f.Cell = O;
189
+ f.Footer = q;
190
+ f.Header = J;
191
+ f.NestedCell = K;
192
+ f.Row = P;
195
193
  export {
196
- _ as CLTable,
197
- _ as default
194
+ f as CLTable,
195
+ f as default
198
196
  };
@@ -1 +1,5 @@
1
- export declare const tableTheme: () => string;
1
+ export declare const tableTheme: () => {
2
+ '--clll-table-border-color': string;
3
+ '--clll-table-hover-bg': string;
4
+ '--clll-table-theme-radius': string | undefined;
5
+ };
@@ -1 +1 @@
1
- .clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;width:var(--v788294c1);height:var(--v7e01098c);flex-direction:column;overflow:var(--v561da727)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;width:var(--v6ce6f310);height:var(--v1628751d);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
1
+ .clll-card{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;transition-property:background-color;transition-duration:.3s;transition-timing-function:ease;width:var(--v337fb248);height:var(--v22a79ce5);flex-direction:column;border-color:var(--clll-card-border-color, transparent);background-color:var(--clll-card-bg-color, transparent);overflow:var(--v6b6cc840)}.clll-card .clll-card__content{position:relative;width:100%;z-index:var(--clll-z-index-10)}.clll-card .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-4)}.clll-card .clll-card__header{position:relative;z-index:var(--clll-z-index-10)}.clll-card .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-1)}.clll-card .clll-card__header .clll-link{width:auto}.clll-card.clll-card--has-truncated-title .clll-card__header .clll-link{width:100%}.clll-card .clll-card__heading,.clll-card .clll-card__byline{color:var(--clll-card-text-color, inherit)}.clll-card .clll-card__slot-content{position:relative;font-family:var(--clll-font-family);-webkit-font-smoothing:antialiased;margin:0}.clll-card .clll-card__slot-content.busy>*:not(.clll-skeleton){visibility:hidden}.clll-card .clll-card__slot-content.busy .clll-skeleton{position:absolute;left:0}.clll-card .clll-card__hover-elem{z-index:0;position:absolute;top:0;left:0;background-color:#0000000d;width:100%;height:100%;opacity:0;transition:all .3s ease}.clll-card.clll-card--image-before,.clll-card.clll-card--image-after{flex-wrap:wrap;flex-direction:row}.clll-card.clll-card--image-before .clll-card__content,.clll-card.clll-card--image-after .clll-card__content{display:flex;flex-direction:column;height:100%;flex:1 1 0%}.clll-card.clll-card--image-before .clll-card__content .clll-card__slot,.clll-card.clll-card--image-after .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--rounded{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-full,.clll-card.clll-card--rounded.clll-card--rounded-full .clll-{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--rounded-lg,.clll-card.clll-card--rounded.clll-card--rounded-lg .clll-{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--rounded-md,.clll-card.clll-card--rounded.clll-card--rounded-md .clll-{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--rounded-sm,.clll-card.clll-card--rounded.clll-card--rounded-sm .clll-{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--rounded-xs,.clll-card.clll-card--rounded.clll-card--rounded-xs .clll-{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--rounded-xl,.clll-card.clll-card--rounded.clll-card--rounded-xl .clll-{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--rounded-2xl,.clll-card.clll-card--rounded.clll-card--rounded-2xl .clll-{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--rounded-3xl,.clll-card.clll-card--rounded.clll-card--rounded-3xl .clll-{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--rounded-none,.clll-card.clll-card--rounded.clll-card--rounded-none .clll-{border-radius:0}.clll-card.clll-card--rounded.clll-card--ghost:not([class*=clll-card--rounded-]){border-radius:var(--clll-card-theme-radius, var(--clll-rounded-sm))}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-full .clll-card__image{border-radius:var(--clll-rounded-full)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-lg .clll-card__image{border-radius:var(--clll-rounded-lg)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-md .clll-card__image{border-radius:var(--clll-rounded-md)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-sm .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xs .clll-card__image{border-radius:var(--clll-rounded-xs)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-xl .clll-card__image{border-radius:var(--clll-rounded-xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-2xl .clll-card__image{border-radius:var(--clll-rounded-2xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-3xl .clll-card__image{border-radius:var(--clll-rounded-3xl)}.clll-card.clll-card--rounded.clll-card--ghost.clll-card--rounded-none .clll-card__image{border-radius:0}.clll-card.clll-card--tiny,.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header{padding:var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-1) var(--clll-unit-1)}.clll-card.clll-card--tiny.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--tiny.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small,.clll-card.clll-card--small.clll-card--has-image .clll-card__header{padding:var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-3) var(--clll-unit-3)}.clll-card.clll-card--small.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--small.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--small.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium,.clll-card.clll-card--medium.clll-card--has-image .clll-card__header{padding:var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-4) var(--clll-unit-4)}.clll-card.clll-card--medium.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--medium.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--medium.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large,.clll-card.clll-card--large.clll-card--has-image .clll-card__header{padding:var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-6) var(--clll-unit-6)}.clll-card.clll-card--large.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--large.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--large.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge,.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header{padding:var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot{padding:0 var(--clll-unit-8) var(--clll-unit-8)}.clll-card.clll-card--xlarge.clll-card--compact.clll-card--has-image .clll-card__header{padding-bottom:0}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content .clll-card__header>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--xlarge.clll-card--compact .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--active{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card.clll-card--busy{pointer-events:none}.clll-card.clll-card--busy .clll-heading,.clll-card.clll-card--busy .clll-text,.clll-card.clll-card--busy .clll-icon,.clll-card.clll-card--busy .clll-card__image__elem{opacity:0}.clll-card.clll-card--busy .clll-card__slot-content{overflow:hidden}.clll-card .clll-card__image{position:relative;overflow:hidden;border-radius:0;flex:none;display:inline-flex;align-items:center;box-sizing:border-box;display:flex;width:var(--v6af231e9);height:var(--v4cf5dd38);background-color:var(--clll-card-image-bg, transparent);justify-content:center;z-index:var(--clll-z-index-10)}.clll-card .clll-card__image .clll-card__image__elem{width:100%;height:100%;object-fit:cover}.clll-card.clll-card--has-image{padding:0}.clll-card.clll-card--has-image .clll-card__content>:not([hidden])~:not([hidden]){margin-top:var(--clll-unit-0)}.clll-card.clll-card--has-image .clll-card__content .clll-card__slot{flex:1 1 0%}.clll-card.clll-card--has-link{cursor:pointer;outline-offset:2px}.clll-card.clll-card--has-link:hover:focus-visible{outline-color:var(--clll-card-focus-border, transparent);outline-style:solid;outline-width:2px;box-shadow:0 0 0 var(--clll-unit-0) var(--clll-card-focus-shadow, transparent);outline-offset:-1px}.clll-card.clll-card--has-link:hover .clll-card__hover-elem{opacity:1}.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading{text-decoration-line:underline;text-underline-offset:var(--clll-py-s-xs)}.clll-card.clll-card--bordered{border-style:solid;border-width:1px}.clll-card.clll-card--transparent{border:none;background-color:transparent}.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image{border-radius:var(--clll-rounded-sm)}.clll-card.clll-card--transparent:hover .clll-card__hover-elem{opacity:0}.clll-card.clll-card--align-left{text-align:left}.clll-card.clll-card--align-center{text-align:center}.clll-card.clll-card--align-right{text-align:right}.clll-card.clll-card--no-padding{padding:0}.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot{padding-left:0;padding-right:0}.clll-card.clll-card--no-content .clll-card__content .clll-card__slot{display:none;padding:0}.clll-card.clll-card--no-content.clll-card--no-heading.clll-card--has-footer.clll-card--no-header .clll-card__content .clll-card__footer{margin-top:0}.clll-card.clll-card--no-footer .clll-card__content .clll-card__footer{display:none}.clll-card.clll-card--no-heading .clll-card__content .clll-card__slot{margin-top:0}.clll-card.clll-card--elevated{box-shadow:0 0 var(--clll-unit-3) var(--clll-unit-0_5) #0000001f,0 0 var(--clll-unit-1) var(--clll-unit-0_5) #00000005}.clll-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}