@rei/cedar 14.1.1 → 15.0.0-alpha.0

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 (166) hide show
  1. package/dist/cedar.umd.js +14 -14
  2. package/dist/component-docgen.json +2728 -2262
  3. package/dist/icon-component-docgen.json +591 -591
  4. package/dist/lib.d.ts +788 -411
  5. package/dist/node_modules/@rei/cdr-tokens/dist/rei-dot-com/js/cdr-tokens.mjs +10 -7
  6. package/dist/reset.css +0 -5
  7. package/dist/src/components/abstract/CdrAbstract.vue.mjs +9 -0
  8. package/dist/src/components/abstract/CdrAbstract.vue2.mjs +24 -0
  9. package/dist/src/components/abstract/styles/CdrAbstract.module.scss.mjs +6 -0
  10. package/dist/src/components/accordion/CdrAccordion.vue2.mjs +29 -29
  11. package/dist/src/components/accordion/styles/CdrAccordion.module.scss.mjs +29 -29
  12. package/dist/src/components/accordion/styles/CdrAccordionGroup.module.scss.mjs +2 -2
  13. package/dist/src/components/banner/styles/CdrBanner.module.scss.mjs +14 -14
  14. package/dist/src/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs +7 -7
  15. package/dist/src/components/button/styles/CdrButton.module.scss.mjs +31 -31
  16. package/dist/src/components/caption/styles/CdrCaption.module.scss.mjs +4 -4
  17. package/dist/src/components/card/styles/CdrCard.module.scss.mjs +3 -3
  18. package/dist/src/components/checkbox/CdrCheckbox.vue2.mjs +21 -21
  19. package/dist/src/components/checkbox/styles/CdrCheckbox.module.scss.mjs +29 -29
  20. package/dist/src/components/chip/styles/CdrChip.module.scss.mjs +4 -4
  21. package/dist/src/components/chip/styles/CdrChipGroup.module.scss.mjs +6 -6
  22. package/dist/src/components/choreographer/CdrChoreographer.vue.mjs +9 -0
  23. package/dist/src/components/choreographer/CdrChoreographer.vue2.mjs +48 -0
  24. package/dist/src/components/choreographer/styles/CdrChoreographer.module.scss.mjs +9 -0
  25. package/dist/src/components/container/styles/CdrContainer.module.scss.mjs +4 -4
  26. package/dist/src/components/formError/styles/CdrFormError.module.scss.mjs +2 -2
  27. package/dist/src/components/formGroup/styles/CdrFormGroup.module.scss.mjs +8 -8
  28. package/dist/src/components/grid/styles/CdrGrid.module.scss.mjs +21 -21
  29. package/dist/src/components/icon/styles/CdrIcon.module.scss.mjs +12 -12
  30. package/dist/src/components/image/CdrImg.vue2.mjs +32 -96
  31. package/dist/src/components/image/styles/CdrImg.module.scss.mjs +3 -10
  32. package/dist/src/components/input/CdrInput.vue2.mjs +29 -29
  33. package/dist/src/components/input/styles/CdrInput.module.scss.mjs +34 -34
  34. package/dist/src/components/kicker/CdrKicker.vue.mjs +9 -0
  35. package/dist/src/components/kicker/CdrKicker.vue2.mjs +14 -0
  36. package/dist/src/components/kicker/styles/CdrKicker.module.scss.mjs +6 -0
  37. package/dist/src/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs +14 -14
  38. package/dist/src/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs +27 -27
  39. package/dist/src/components/lead/CdrHeadingSubheadingBlock.vue.mjs +9 -0
  40. package/dist/src/components/lead/CdrHeadingSubheadingBlock.vue2.mjs +33 -0
  41. package/dist/src/components/lead/CdrLead.vue.mjs +9 -0
  42. package/dist/src/components/lead/CdrLead.vue2.mjs +55 -0
  43. package/dist/src/components/lead/styles/CdrHeadingSubheadingBlock.module.scss.mjs +7 -0
  44. package/dist/src/components/lead/styles/CdrLead.module.scss.mjs +11 -0
  45. package/dist/src/components/link/styles/CdrLink.module.scss.mjs +5 -5
  46. package/dist/src/components/list/styles/CdrList.module.scss.mjs +5 -5
  47. package/dist/src/components/modal/CdrModal.vue2.mjs +110 -90
  48. package/dist/src/components/modal/styles/CdrModal.module.scss.mjs +14 -14
  49. package/dist/src/components/pagination/CdrPagination.vue2.mjs +79 -79
  50. package/dist/src/components/pagination/styles/CdrPagination.module.scss.mjs +55 -55
  51. package/dist/src/components/picture/CdrPicture.vue.mjs +9 -0
  52. package/dist/src/components/picture/CdrPicture.vue2.mjs +42 -0
  53. package/dist/src/components/picture/styles/CdrPicture.module.scss.mjs +6 -0
  54. package/dist/src/components/popover/CdrPopover.vue2.mjs +38 -38
  55. package/dist/src/components/popover/styles/CdrPopover.module.scss.mjs +63 -63
  56. package/dist/src/components/popup/CdrPopup.vue2.mjs +28 -28
  57. package/dist/src/components/popup/styles/CdrPopup.module.scss.mjs +14 -14
  58. package/dist/src/components/quote/styles/CdrQuote.module.scss.mjs +4 -4
  59. package/dist/src/components/radio/CdrRadio.vue2.mjs +23 -23
  60. package/dist/src/components/radio/styles/CdrRadio.module.scss.mjs +29 -29
  61. package/dist/src/components/rating/styles/CdrRating.module.scss.mjs +46 -46
  62. package/dist/src/components/select/CdrSelect.vue2.mjs +30 -30
  63. package/dist/src/components/select/styles/CdrSelect.module.scss.mjs +42 -42
  64. package/dist/src/components/skeleton/styles/CdrSkeleton.module.scss.mjs +1 -1
  65. package/dist/src/components/skeleton/styles/CdrSkeletonBone.module.scss.mjs +7 -7
  66. package/dist/src/components/switch/CdrSwitch.vue2.mjs +25 -25
  67. package/dist/src/components/switch/styles/CdrSwitch.module.scss.mjs +8 -8
  68. package/dist/src/components/table/styles/CdrTable.module.scss.mjs +13 -13
  69. package/dist/src/components/tabs/CdrTabPanel.vue2.mjs +12 -12
  70. package/dist/src/components/tabs/styles/CdrTabPanel.module.scss.mjs +7 -7
  71. package/dist/src/components/tabs/styles/CdrTabs.module.scss.mjs +30 -30
  72. package/dist/src/components/text/presets/CdrBody.vue.mjs +9 -0
  73. package/dist/src/components/text/presets/CdrBody.vue2.mjs +39 -0
  74. package/dist/src/components/text/presets/CdrBody.vue3.mjs +6 -0
  75. package/dist/src/components/text/presets/CdrEyebrow.vue.mjs +9 -0
  76. package/dist/src/components/text/presets/CdrEyebrow.vue2.mjs +18 -0
  77. package/dist/src/components/text/presets/CdrEyebrow.vue3.mjs +6 -0
  78. package/dist/src/components/text/presets/CdrHeadingDisplay.vue.mjs +9 -0
  79. package/dist/src/components/text/presets/CdrHeadingDisplay.vue2.mjs +33 -0
  80. package/dist/src/components/text/presets/CdrHeadingDisplay.vue3.mjs +6 -0
  81. package/dist/src/components/text/presets/CdrHeadingSans.vue.mjs +9 -0
  82. package/dist/src/components/text/presets/CdrHeadingSans.vue2.mjs +33 -0
  83. package/dist/src/components/text/presets/CdrHeadingSans.vue3.mjs +6 -0
  84. package/dist/src/components/text/presets/CdrHeadingSerif.vue.mjs +9 -0
  85. package/dist/src/components/text/presets/CdrHeadingSerif.vue2.mjs +39 -0
  86. package/dist/src/components/text/presets/CdrHeadingSerif.vue3.mjs +6 -0
  87. package/dist/src/components/text/presets/CdrSubheadingSans.vue.mjs +9 -0
  88. package/dist/src/components/text/presets/CdrSubheadingSans.vue2.mjs +33 -0
  89. package/dist/src/components/text/presets/CdrSubheadingSans.vue3.mjs +6 -0
  90. package/dist/src/components/text/presets/CdrUtilitySans.vue.mjs +9 -0
  91. package/dist/src/components/text/presets/CdrUtilitySans.vue2.mjs +39 -0
  92. package/dist/src/components/text/presets/CdrUtilitySans.vue3.mjs +6 -0
  93. package/dist/src/components/text/presets/CdrUtilitySerif.vue.mjs +9 -0
  94. package/dist/src/components/text/presets/CdrUtilitySerif.vue2.mjs +39 -0
  95. package/dist/src/components/text/presets/CdrUtilitySerif.vue3.mjs +6 -0
  96. package/dist/src/components/text/styles/CdrText.module.scss.mjs +1 -1
  97. package/dist/src/components/title/CdrTitle.vue.mjs +9 -0
  98. package/dist/src/components/title/CdrTitle.vue2.mjs +23 -0
  99. package/dist/src/components/title/styles/CdrTitle.module.scss.mjs +6 -0
  100. package/dist/src/components/toast/CdrToast.vue2.mjs +21 -21
  101. package/dist/src/components/toast/styles/CdrToast.module.scss.mjs +57 -57
  102. package/dist/src/components/toggleButton/CdrToggleGroup.vue2.mjs +27 -27
  103. package/dist/src/components/toggleButton/styles/CdrToggleButton.module.scss.mjs +2 -2
  104. package/dist/src/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs +5 -5
  105. package/dist/src/components/tooltip/CdrTooltip.vue2.mjs +25 -25
  106. package/dist/src/components/tooltip/styles/CdrTooltip.module.scss.mjs +16 -16
  107. package/dist/src/lib.mjs +468 -440
  108. package/dist/style/cdr-abstract.css +1 -0
  109. package/dist/style/cdr-accordion-group.css +1 -1
  110. package/dist/style/cdr-accordion.css +1 -1
  111. package/dist/style/cdr-banner.css +1 -1
  112. package/dist/style/cdr-body.css +1 -0
  113. package/dist/style/cdr-breadcrumb.css +1 -1
  114. package/dist/style/cdr-button.css +1 -1
  115. package/dist/style/cdr-caption.css +1 -1
  116. package/dist/style/cdr-card.css +1 -1
  117. package/dist/style/cdr-checkbox.css +1 -1
  118. package/dist/style/cdr-chip-group.css +1 -1
  119. package/dist/style/cdr-chip.css +1 -1
  120. package/dist/style/cdr-choreographer.css +1 -0
  121. package/dist/style/cdr-container.css +1 -1
  122. package/dist/style/cdr-eyebrow.css +1 -0
  123. package/dist/style/cdr-form-error.css +1 -1
  124. package/dist/style/cdr-form-group.css +1 -1
  125. package/dist/style/cdr-grid.css +1 -1
  126. package/dist/style/cdr-heading-display.css +1 -0
  127. package/dist/style/cdr-heading-sans.css +1 -0
  128. package/dist/style/cdr-heading-serif.css +1 -0
  129. package/dist/style/cdr-heading-subheading-block.css +1 -0
  130. package/dist/style/cdr-icon.css +1 -1
  131. package/dist/style/cdr-img.css +1 -1
  132. package/dist/style/cdr-input.css +1 -1
  133. package/dist/style/cdr-kicker.css +1 -0
  134. package/dist/style/cdr-label-standalone.css +1 -1
  135. package/dist/style/cdr-label-wrapper.css +1 -1
  136. package/dist/style/cdr-lead.css +1 -0
  137. package/dist/style/cdr-link.css +1 -1
  138. package/dist/style/cdr-list.css +1 -1
  139. package/dist/style/cdr-modal.css +1 -1
  140. package/dist/style/cdr-pagination.css +1 -1
  141. package/dist/style/cdr-picture.css +1 -0
  142. package/dist/style/cdr-popover.css +1 -1
  143. package/dist/style/cdr-popup.css +1 -1
  144. package/dist/style/cdr-quote.css +1 -1
  145. package/dist/style/cdr-radio.css +1 -1
  146. package/dist/style/cdr-rating.css +1 -1
  147. package/dist/style/cdr-select.css +1 -1
  148. package/dist/style/cdr-skeleton-bone.css +1 -1
  149. package/dist/style/cdr-skeleton.css +1 -1
  150. package/dist/style/cdr-subheading-sans.css +1 -0
  151. package/dist/style/cdr-switch.css +1 -1
  152. package/dist/style/cdr-tab-panel.css +1 -1
  153. package/dist/style/cdr-table.css +1 -1
  154. package/dist/style/cdr-tabs.css +1 -1
  155. package/dist/style/cdr-text.css +1 -1
  156. package/dist/style/cdr-title.css +1 -0
  157. package/dist/style/cdr-toast.css +1 -1
  158. package/dist/style/cdr-toggle-button.css +1 -1
  159. package/dist/style/cdr-toggle-group.css +1 -1
  160. package/dist/style/cdr-tooltip.css +1 -1
  161. package/dist/style/cdr-utility-sans.css +1 -0
  162. package/dist/style/cdr-utility-serif.css +1 -0
  163. package/dist/style.css +1 -1
  164. package/package.json +6 -12
  165. package/dist/cedar-compiled.css +0 -2332
  166. package/dist/style/cedar-full.css +0 -41
@@ -0,0 +1,18 @@
1
+ import { defineComponent as s, useCssModule as o, openBlock as t, createBlock as a, normalizeClass as n, unref as l, withCtx as c, renderSlot as d } from "vue";
2
+ import m from "../CdrText.vue.mjs";
3
+ const u = "cdr-eyebrow", i = /* @__PURE__ */ s({
4
+ name: "CdrEyebrow",
5
+ __name: "CdrEyebrow",
6
+ setup(f) {
7
+ const e = o();
8
+ return (r, p) => (t(), a(m, {
9
+ class: n(l(e)[u])
10
+ }, {
11
+ default: c(() => [d(r.$slots, "default")]),
12
+ _: 3
13
+ }, 8, ["class"]));
14
+ }
15
+ });
16
+ export {
17
+ i as default
18
+ };
@@ -0,0 +1,6 @@
1
+ const e = {
2
+ "cdr-eyebrow": "cdr-eyebrow_15-0-0-alpha-0"
3
+ };
4
+ export {
5
+ e as default
6
+ };
@@ -0,0 +1,9 @@
1
+ import s from "./CdrHeadingDisplay.vue2.mjs";
2
+ import o from "./CdrHeadingDisplay.vue3.mjs";
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const r = {
5
+ $style: o
6
+ }, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
7
+ export {
8
+ f as default
9
+ };
@@ -0,0 +1,33 @@
1
+ import { defineComponent as l, computed as n, useCssModule as c, openBlock as d, createBlock as i, normalizeClass as o, unref as p, normalizeStyle as y, withCtx as u, renderSlot as m } from "vue";
2
+ import f from "../CdrText.vue.mjs";
3
+ const h = "cdr-heading-display", v = /* @__PURE__ */ l({
4
+ name: "CdrHeadingDisplay",
5
+ __name: "CdrHeadingDisplay",
6
+ props: {
7
+ /**
8
+ * Sets the type scale
9
+ * @type scaleValue
10
+ * @values '2', '3', '4', '5', '6', '7'
11
+ */
12
+ scale: {
13
+ type: String,
14
+ default: "7"
15
+ }
16
+ },
17
+ setup(a) {
18
+ const e = a, s = n(() => ({
19
+ "--cdr-heading-display-font-size": `var(--cdr-type-scale-${e.scale})`,
20
+ "--cdr-heading-display-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-heading-display-line-height-ratio))`
21
+ })), t = c();
22
+ return (r, g) => (d(), i(f, {
23
+ class: o(p(t)[h]),
24
+ style: y(s.value)
25
+ }, {
26
+ default: u(() => [m(r.$slots, "default")]),
27
+ _: 3
28
+ }, 8, ["class", "style"]));
29
+ }
30
+ });
31
+ export {
32
+ v as default
33
+ };
@@ -0,0 +1,6 @@
1
+ const a = {
2
+ "cdr-heading-display": "cdr-heading-display_15-0-0-alpha-0"
3
+ };
4
+ export {
5
+ a as default
6
+ };
@@ -0,0 +1,9 @@
1
+ import s from "./CdrHeadingSans.vue2.mjs";
2
+ import o from "./CdrHeadingSans.vue3.mjs";
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const r = {
5
+ $style: o
6
+ }, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
7
+ export {
8
+ f as default
9
+ };
@@ -0,0 +1,33 @@
1
+ import { defineComponent as r, computed as l, useCssModule as c, openBlock as o, createBlock as d, normalizeClass as i, unref as p, normalizeStyle as u, withCtx as m, renderSlot as f } from "vue";
2
+ import h from "../CdrText.vue.mjs";
3
+ const g = "cdr-heading-sans", S = /* @__PURE__ */ r({
4
+ name: "CdrHeadingSans",
5
+ __name: "CdrHeadingSans",
6
+ props: {
7
+ /**
8
+ * Sets the type scale
9
+ * @type scaleValue
10
+ * @values '1', '2', '3'
11
+ */
12
+ scale: {
13
+ type: String,
14
+ default: "3"
15
+ }
16
+ },
17
+ setup(s) {
18
+ const e = s, a = l(() => ({
19
+ "--cdr-heading-sans-font-size": `var(--cdr-type-scale-${e.scale})`,
20
+ "--cdr-heading-sans-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-heading-sans-line-height-ratio))`
21
+ })), t = c();
22
+ return (n, y) => (o(), d(h, {
23
+ class: i(p(t)[g]),
24
+ style: u(a.value)
25
+ }, {
26
+ default: m(() => [f(n.$slots, "default")]),
27
+ _: 3
28
+ }, 8, ["class", "style"]));
29
+ }
30
+ });
31
+ export {
32
+ S as default
33
+ };
@@ -0,0 +1,6 @@
1
+ const a = {
2
+ "cdr-heading-sans": "cdr-heading-sans_15-0-0-alpha-0"
3
+ };
4
+ export {
5
+ a as default
6
+ };
@@ -0,0 +1,9 @@
1
+ import s from "./CdrHeadingSerif.vue2.mjs";
2
+ import o from "./CdrHeadingSerif.vue3.mjs";
3
+ import r from "../../../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const t = {
5
+ $style: o
6
+ }, c = /* @__PURE__ */ r(s, [["__cssModules", t]]);
7
+ export {
8
+ c as default
9
+ };
@@ -0,0 +1,39 @@
1
+ import { defineComponent as n, computed as l, useCssModule as o, openBlock as i, createBlock as c, normalizeClass as d, unref as f, normalizeStyle as p, withCtx as u, renderSlot as g } from "vue";
2
+ import h from "../CdrText.vue.mjs";
3
+ const m = "cdr-heading-serif", S = /* @__PURE__ */ n({
4
+ name: "CdrHeadingSerif",
5
+ __name: "CdrHeadingSerif",
6
+ props: {
7
+ /**
8
+ * Sets the type scale
9
+ * @type scaleValue
10
+ * @values '1', '2', '3', '4', '5'
11
+ */
12
+ scale: {
13
+ type: String,
14
+ default: "5"
15
+ },
16
+ /** Toggles the strong variant */
17
+ strong: {
18
+ type: Boolean,
19
+ default: !1
20
+ }
21
+ },
22
+ setup(r) {
23
+ const e = r, t = l(() => ({
24
+ "--cdr-heading-serif-font-size": `var(--cdr-type-scale-${e.scale})`,
25
+ "--cdr-heading-serif-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-heading-serif-line-height-ratio))`,
26
+ "--cdr-heading-serif-font-weight": e.strong ? "600" : "400"
27
+ })), s = o();
28
+ return (a, y) => (i(), c(h, {
29
+ class: d(f(s)[m]),
30
+ style: p(t.value)
31
+ }, {
32
+ default: u(() => [g(a.$slots, "default")]),
33
+ _: 3
34
+ }, 8, ["class", "style"]));
35
+ }
36
+ });
37
+ export {
38
+ S as default
39
+ };
@@ -0,0 +1,6 @@
1
+ const e = {
2
+ "cdr-heading-serif": "cdr-heading-serif_15-0-0-alpha-0"
3
+ };
4
+ export {
5
+ e as default
6
+ };
@@ -0,0 +1,9 @@
1
+ import s from "./CdrSubheadingSans.vue2.mjs";
2
+ import o from "./CdrSubheadingSans.vue3.mjs";
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const r = {
5
+ $style: o
6
+ }, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
7
+ export {
8
+ f as default
9
+ };
@@ -0,0 +1,33 @@
1
+ import { defineComponent as r, computed as l, useCssModule as c, openBlock as o, createBlock as d, normalizeClass as i, unref as u, normalizeStyle as p, withCtx as h, renderSlot as m } from "vue";
2
+ import f from "../CdrText.vue.mjs";
3
+ const g = "cdr-subheading-sans", S = /* @__PURE__ */ r({
4
+ name: "CdrSubheadingSans",
5
+ __name: "CdrSubheadingSans",
6
+ props: {
7
+ /**
8
+ * Sets the type scale
9
+ * @type scaleValue
10
+ * @values '0', '1', '2'
11
+ */
12
+ scale: {
13
+ type: String,
14
+ default: "1"
15
+ }
16
+ },
17
+ setup(s) {
18
+ const e = s, a = l(() => ({
19
+ "--cdr-subheading-sans-font-size": `var(--cdr-type-scale-${e.scale})`,
20
+ "--cdr-subheading-sans-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-subheading-sans-line-height-ratio))`
21
+ })), t = c();
22
+ return (n, y) => (o(), d(f, {
23
+ class: i(u(t)[g]),
24
+ style: p(a.value)
25
+ }, {
26
+ default: h(() => [m(n.$slots, "default")]),
27
+ _: 3
28
+ }, 8, ["class", "style"]));
29
+ }
30
+ });
31
+ export {
32
+ S as default
33
+ };
@@ -0,0 +1,6 @@
1
+ const s = {
2
+ "cdr-subheading-sans": "cdr-subheading-sans_15-0-0-alpha-0"
3
+ };
4
+ export {
5
+ s as default
6
+ };
@@ -0,0 +1,9 @@
1
+ import s from "./CdrUtilitySans.vue2.mjs";
2
+ import o from "./CdrUtilitySans.vue3.mjs";
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const r = {
5
+ $style: o
6
+ }, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
7
+ export {
8
+ f as default
9
+ };
@@ -0,0 +1,39 @@
1
+ import { defineComponent as r, computed as n, useCssModule as o, openBlock as i, createBlock as c, normalizeClass as d, unref as u, normalizeStyle as p, withCtx as y, renderSlot as f } from "vue";
2
+ import m from "../CdrText.vue.mjs";
3
+ const C = "cdr-utility-sans", S = /* @__PURE__ */ r({
4
+ name: "CdrUtilitySans",
5
+ __name: "CdrUtilitySans",
6
+ props: {
7
+ /**
8
+ * Sets the type scale
9
+ * @type scaleValue
10
+ * @values '-1','0','1','2','3'
11
+ */
12
+ scale: {
13
+ type: String,
14
+ default: "1"
15
+ },
16
+ /** Toggles the strong variant */
17
+ strong: {
18
+ type: Boolean,
19
+ default: !1
20
+ }
21
+ },
22
+ setup(e) {
23
+ const t = e, s = n(() => ({
24
+ "--cdr-utility-sans-font-size": `var(--cdr-type-scale-${t.scale})`,
25
+ "--cdr-utility-sans-line-height": `calc(var(--cdr-type-scale-${t.scale}) * var(--cdr-utility-sans-line-height-ratio))`,
26
+ "--cdr-utility-sans-font-weight": t.strong ? "600" : "400"
27
+ })), a = o();
28
+ return (l, h) => (i(), c(m, {
29
+ class: d(u(a)[C]),
30
+ style: p(s.value)
31
+ }, {
32
+ default: y(() => [f(l.$slots, "default")]),
33
+ _: 3
34
+ }, 8, ["class", "style"]));
35
+ }
36
+ });
37
+ export {
38
+ S as default
39
+ };
@@ -0,0 +1,6 @@
1
+ const t = {
2
+ "cdr-utility-sans": "cdr-utility-sans_15-0-0-alpha-0"
3
+ };
4
+ export {
5
+ t as default
6
+ };
@@ -0,0 +1,9 @@
1
+ import s from "./CdrUtilitySerif.vue2.mjs";
2
+ import o from "./CdrUtilitySerif.vue3.mjs";
3
+ import t from "../../../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const r = {
5
+ $style: o
6
+ }, m = /* @__PURE__ */ t(s, [["__cssModules", r]]);
7
+ export {
8
+ m as default
9
+ };
@@ -0,0 +1,39 @@
1
+ import { defineComponent as i, computed as a, useCssModule as o, openBlock as c, createBlock as n, normalizeClass as f, unref as d, normalizeStyle as u, withCtx as p, renderSlot as y } from "vue";
2
+ import m from "../CdrText.vue.mjs";
3
+ const C = "cdr-utility-serif", S = /* @__PURE__ */ i({
4
+ name: "CdrUtilitySerif",
5
+ __name: "CdrUtilitySerif",
6
+ props: {
7
+ /**
8
+ * Sets the type scale
9
+ * @type scaleValue
10
+ * @values '-1','0','1','2','3'
11
+ */
12
+ scale: {
13
+ type: String,
14
+ default: "1"
15
+ },
16
+ /** Toggles the strong variant */
17
+ strong: {
18
+ type: Boolean,
19
+ default: !1
20
+ }
21
+ },
22
+ setup(t) {
23
+ const e = t, r = a(() => ({
24
+ "--cdr-utility-serif-font-size": `var(--cdr-type-scale-${e.scale})`,
25
+ "--cdr-utility-serif-line-height": `calc(var(--cdr-type-scale-${e.scale}) * var(--cdr-utility-serif-line-height-ratio))`,
26
+ "--cdr-utility-serif-font-weight": e.strong ? "600" : "400"
27
+ })), s = o();
28
+ return (l, h) => (c(), n(m, {
29
+ class: f(d(s)[C]),
30
+ style: u(r.value)
31
+ }, {
32
+ default: p(() => [y(l.$slots, "default")]),
33
+ _: 3
34
+ }, 8, ["class", "style"]));
35
+ }
36
+ });
37
+ export {
38
+ S as default
39
+ };
@@ -0,0 +1,6 @@
1
+ const t = {
2
+ "cdr-utility-serif": "cdr-utility-serif_15-0-0-alpha-0"
3
+ };
4
+ export {
5
+ t as default
6
+ };
@@ -1,5 +1,5 @@
1
1
  const t = {
2
- "cdr-text": "cdr-text_14-1-1"
2
+ "cdr-text": "cdr-text_15-0-0-alpha-0"
3
3
  };
4
4
  export {
5
5
  t as default
@@ -0,0 +1,9 @@
1
+ import s from "./CdrTitle.vue2.mjs";
2
+ import o from "./styles/CdrTitle.module.scss.mjs";
3
+ import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const r = {
5
+ $style: o
6
+ }, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
7
+ export {
8
+ f as default
9
+ };
@@ -0,0 +1,23 @@
1
+ import { defineComponent as o, useCssModule as a, openBlock as l, createBlock as n, resolveDynamicComponent as r, normalizeClass as c, unref as u, withCtx as d, renderSlot as i } from "vue";
2
+ const p = "cdr-title", C = /* @__PURE__ */ o({
3
+ __name: "CdrTitle",
4
+ props: {
5
+ /** Sets the HTML tag (p, span, h1, h2, etc) */
6
+ tag: {
7
+ type: String,
8
+ default: "h1"
9
+ }
10
+ },
11
+ setup(e) {
12
+ const t = a();
13
+ return (s, f) => (l(), n(r(e.tag), {
14
+ class: c(u(t)[p])
15
+ }, {
16
+ default: d(() => [i(s.$slots, "default")]),
17
+ _: 3
18
+ }, 8, ["class"]));
19
+ }
20
+ });
21
+ export {
22
+ C as default
23
+ };
@@ -0,0 +1,6 @@
1
+ const t = {
2
+ "cdr-title": "cdr-title_15-0-0-alpha-0"
3
+ };
4
+ export {
5
+ t as default
6
+ };
@@ -1,8 +1,8 @@
1
- import { defineComponent as b, useCssModule as N, useSlots as g, ref as _, computed as w, watch as S, onUpdated as V, openBlock as m, createBlock as z, Transition as H, unref as e, withCtx as y, createElementBlock as C, normalizeClass as l, createElementVNode as E, renderSlot as f, createCommentVNode as T, createVNode as k } from "vue";
2
- import I from "../../utils/propValidator.mjs";
3
- import M from "../icon/comps/x-sm.vue.mjs";
4
- import P from "../button/CdrButton.vue.mjs";
5
- const h = "cdr-toast", F = /* @__PURE__ */ b({
1
+ import { defineComponent as N, useCssModule as g, useSlots as w, ref as _, computed as S, watch as V, onUpdated as z, openBlock as m, createBlock as H, Transition as I, unref as e, withCtx as y, createElementBlock as C, normalizeClass as l, createElementVNode as E, renderSlot as f, createCommentVNode as T, createVNode as k } from "vue";
2
+ import M from "../../utils/propValidator.mjs";
3
+ import P from "../icon/comps/x-sm.vue.mjs";
4
+ import U from "../button/CdrButton.vue.mjs";
5
+ const h = "cdr-toast", G = /* @__PURE__ */ N({
6
6
  name: "CdrToast",
7
7
  __name: "CdrToast",
8
8
  props: {
@@ -13,7 +13,7 @@ const h = "cdr-toast", F = /* @__PURE__ */ b({
13
13
  */
14
14
  type: {
15
15
  type: String,
16
- validator: (r) => I(r, ["info", "warning", "success", "error", "default"]),
16
+ validator: (r) => M(r, ["info", "warning", "success", "error", "default"]),
17
17
  default: "default"
18
18
  },
19
19
  /**
@@ -42,28 +42,28 @@ const h = "cdr-toast", F = /* @__PURE__ */ b({
42
42
  closed: null
43
43
  },
44
44
  setup(r, {
45
- emit: c
45
+ emit: B
46
46
  }) {
47
- const o = r, t = N(), B = g()["icon-left"], n = _(!1), v = _(null);
47
+ const o = r, c = B, t = g(), D = w()["icon-left"], n = _(!1), v = _(null);
48
48
  let i, a;
49
- const D = w(() => o.type && `${h}--${o.type}`), d = (s) => {
49
+ const $ = S(() => o.type && `${h}--${o.type}`), d = (s) => {
50
50
  i ? clearTimeout(i) : c("open", s), n.value = !0, o.autoDismiss && !s && u();
51
- }, $ = (s) => {
51
+ }, L = (s) => {
52
52
  p(), n.value = !1, c("closed", s);
53
53
  }, u = (s) => {
54
54
  i = setTimeout(() => {
55
55
  p(), n.value = !1, c("closed", s);
56
56
  }, o.dismissDelay);
57
- }, L = () => {
57
+ }, b = () => {
58
58
  a = v.value, a && (a.addEventListener("mouseover", d), a.addEventListener("mouseleave", u));
59
59
  }, p = () => {
60
60
  a && (a.removeEventListener("mouseover", d), a.removeEventListener("mouseleave", u));
61
61
  };
62
- return S(() => o.open, () => {
62
+ return V(() => o.open, () => {
63
63
  o.open && d();
64
- }), V(() => {
65
- o.autoDismiss && L();
66
- }), (s, W) => (m(), z(H, {
64
+ }), z(() => {
65
+ o.autoDismiss && b();
66
+ }), (s, j) => (m(), H(I, {
67
67
  "enter-from-class": e(t)["cdr-toast__transition--toast-enter-from"],
68
68
  "enter-active-class": e(t)["cdr-toast__transition--toast-enter-active"],
69
69
  "leave-to-class": e(t)["cdr-toast__transition--toast-leave-to"],
@@ -71,25 +71,25 @@ const h = "cdr-toast", F = /* @__PURE__ */ b({
71
71
  }, {
72
72
  default: y(() => [n.value ? (m(), C("div", {
73
73
  key: 0,
74
- class: l([e(t)[h], e(t)[D.value]]),
74
+ class: l([e(t)[h], e(t)[$.value]]),
75
75
  role: "status",
76
76
  ref_key: "toastEl",
77
77
  ref: v
78
78
  }, [E("div", {
79
79
  class: l([e(t)["cdr-toast__main"]])
80
- }, [e(B) ? (m(), C("div", {
80
+ }, [e(D) ? (m(), C("div", {
81
81
  key: 0,
82
82
  class: l([e(t)["cdr-toast__icon-left"]])
83
83
  }, [f(s.$slots, "icon-left")], 2)) : T("", !0), E("span", {
84
84
  class: l([e(t)["cdr-toast__message"]])
85
- }, [f(s.$slots, "default")], 2), k(P, {
85
+ }, [f(s.$slots, "default")], 2), k(U, {
86
86
  class: l([e(t)["cdr-toast__close-button"]]),
87
87
  "icon-only": "",
88
- onClick: $,
88
+ onClick: L,
89
89
  "aria-label": "Close",
90
90
  size: "small"
91
91
  }, {
92
- default: y(() => [f(s.$slots, "icon", {}, () => [k(M, {
92
+ default: y(() => [f(s.$slots, "icon", {}, () => [k(P, {
93
93
  "inherit-color": ""
94
94
  })])]),
95
95
  _: 3
@@ -99,5 +99,5 @@ const h = "cdr-toast", F = /* @__PURE__ */ b({
99
99
  }
100
100
  });
101
101
  export {
102
- F as default
102
+ G as default
103
103
  };
@@ -1,61 +1,61 @@
1
1
  const t = {
2
- "cdr-button": "cdr-button_14-1-1",
3
- "cdr-button--has-icon-left": "cdr-button--has-icon-left_14-1-1",
4
- "cdr-button--has-icon-right": "cdr-button--has-icon-right_14-1-1",
5
- "cdr-button--primary": "cdr-button--primary_14-1-1",
6
- "cdr-button--secondary": "cdr-button--secondary_14-1-1",
7
- "cdr-button--dark": "cdr-button--dark_14-1-1",
8
- "cdr-button--sale": "cdr-button--sale_14-1-1",
9
- "cdr-button--link": "cdr-button--link_14-1-1",
10
- "cdr-button--large": "cdr-button--large_14-1-1",
11
- "cdr-button--medium": "cdr-button--medium_14-1-1",
12
- "cdr-button--small": "cdr-button--small_14-1-1",
13
- "cdr-button--icon-only": "cdr-button--icon-only_14-1-1",
14
- "cdr-button--icon-only-large": "cdr-button--icon-only-large_14-1-1",
15
- "cdr-button--with-background": "cdr-button--with-background_14-1-1",
16
- "cdr-button--full-width": "cdr-button--full-width_14-1-1",
17
- "cdr-button--small@xs": "cdr-button--small@xs_14-1-1",
18
- "cdr-button--medium@xs": "cdr-button--medium@xs_14-1-1",
19
- "cdr-button--large@xs": "cdr-button--large@xs_14-1-1",
20
- "cdr-button--full-width@xs": "cdr-button--full-width@xs_14-1-1",
21
- "cdr-button--small@sm": "cdr-button--small@sm_14-1-1",
22
- "cdr-button--medium@sm": "cdr-button--medium@sm_14-1-1",
23
- "cdr-button--large@sm": "cdr-button--large@sm_14-1-1",
24
- "cdr-button--full-width@sm": "cdr-button--full-width@sm_14-1-1",
25
- "cdr-button--small@md": "cdr-button--small@md_14-1-1",
26
- "cdr-button--medium@md": "cdr-button--medium@md_14-1-1",
27
- "cdr-button--large@md": "cdr-button--large@md_14-1-1",
28
- "cdr-button--full-width@md": "cdr-button--full-width@md_14-1-1",
29
- "cdr-button--small@lg": "cdr-button--small@lg_14-1-1",
30
- "cdr-button--medium@lg": "cdr-button--medium@lg_14-1-1",
31
- "cdr-button--large@lg": "cdr-button--large@lg_14-1-1",
32
- "cdr-button--full-width@lg": "cdr-button--full-width@lg_14-1-1",
33
- "cdr-icon": "cdr-icon_14-1-1",
34
- "cdr-icon--small": "cdr-icon--small_14-1-1",
35
- "cdr-icon--large": "cdr-icon--large_14-1-1",
36
- "cdr-icon--small@xs": "cdr-icon--small@xs_14-1-1",
37
- "cdr-icon--large@xs": "cdr-icon--large@xs_14-1-1",
38
- "cdr-icon--small@sm": "cdr-icon--small@sm_14-1-1",
39
- "cdr-icon--large@sm": "cdr-icon--large@sm_14-1-1",
40
- "cdr-icon--small@md": "cdr-icon--small@md_14-1-1",
41
- "cdr-icon--large@md": "cdr-icon--large@md_14-1-1",
42
- "cdr-icon--small@lg": "cdr-icon--small@lg_14-1-1",
43
- "cdr-icon--large@lg": "cdr-icon--large@lg_14-1-1",
44
- "cdr-icon--inherit-color": "cdr-icon--inherit-color_14-1-1",
45
- "cdr-toast": "cdr-toast_14-1-1",
46
- "cdr-toast__transition--toast-enter-from": "cdr-toast__transition--toast-enter-from_14-1-1",
47
- "cdr-toast__transition--toast-enter-active": "cdr-toast__transition--toast-enter-active_14-1-1",
48
- "cdr-toast__transition--toast-leave-to": "cdr-toast__transition--toast-leave-to_14-1-1",
49
- "cdr-toast__transition--toast-leave-active": "cdr-toast__transition--toast-leave-active_14-1-1",
50
- "cdr-toast__main": "cdr-toast__main_14-1-1",
51
- "cdr-toast__icon-left": "cdr-toast__icon-left_14-1-1",
52
- "cdr-toast__message": "cdr-toast__message_14-1-1",
53
- "cdr-toast__close-button": "cdr-toast__close-button_14-1-1",
54
- "cdr-toast--default": "cdr-toast--default_14-1-1",
55
- "cdr-toast--info": "cdr-toast--info_14-1-1",
56
- "cdr-toast--warning": "cdr-toast--warning_14-1-1",
57
- "cdr-toast--success": "cdr-toast--success_14-1-1",
58
- "cdr-toast--error": "cdr-toast--error_14-1-1"
2
+ "cdr-button": "cdr-button_15-0-0-alpha-0",
3
+ "cdr-button--has-icon-left": "cdr-button--has-icon-left_15-0-0-alpha-0",
4
+ "cdr-button--has-icon-right": "cdr-button--has-icon-right_15-0-0-alpha-0",
5
+ "cdr-button--primary": "cdr-button--primary_15-0-0-alpha-0",
6
+ "cdr-button--secondary": "cdr-button--secondary_15-0-0-alpha-0",
7
+ "cdr-button--dark": "cdr-button--dark_15-0-0-alpha-0",
8
+ "cdr-button--sale": "cdr-button--sale_15-0-0-alpha-0",
9
+ "cdr-button--link": "cdr-button--link_15-0-0-alpha-0",
10
+ "cdr-button--large": "cdr-button--large_15-0-0-alpha-0",
11
+ "cdr-button--medium": "cdr-button--medium_15-0-0-alpha-0",
12
+ "cdr-button--small": "cdr-button--small_15-0-0-alpha-0",
13
+ "cdr-button--icon-only": "cdr-button--icon-only_15-0-0-alpha-0",
14
+ "cdr-button--icon-only-large": "cdr-button--icon-only-large_15-0-0-alpha-0",
15
+ "cdr-button--with-background": "cdr-button--with-background_15-0-0-alpha-0",
16
+ "cdr-button--full-width": "cdr-button--full-width_15-0-0-alpha-0",
17
+ "cdr-button--small@xs": "cdr-button--small@xs_15-0-0-alpha-0",
18
+ "cdr-button--medium@xs": "cdr-button--medium@xs_15-0-0-alpha-0",
19
+ "cdr-button--large@xs": "cdr-button--large@xs_15-0-0-alpha-0",
20
+ "cdr-button--full-width@xs": "cdr-button--full-width@xs_15-0-0-alpha-0",
21
+ "cdr-button--small@sm": "cdr-button--small@sm_15-0-0-alpha-0",
22
+ "cdr-button--medium@sm": "cdr-button--medium@sm_15-0-0-alpha-0",
23
+ "cdr-button--large@sm": "cdr-button--large@sm_15-0-0-alpha-0",
24
+ "cdr-button--full-width@sm": "cdr-button--full-width@sm_15-0-0-alpha-0",
25
+ "cdr-button--small@md": "cdr-button--small@md_15-0-0-alpha-0",
26
+ "cdr-button--medium@md": "cdr-button--medium@md_15-0-0-alpha-0",
27
+ "cdr-button--large@md": "cdr-button--large@md_15-0-0-alpha-0",
28
+ "cdr-button--full-width@md": "cdr-button--full-width@md_15-0-0-alpha-0",
29
+ "cdr-button--small@lg": "cdr-button--small@lg_15-0-0-alpha-0",
30
+ "cdr-button--medium@lg": "cdr-button--medium@lg_15-0-0-alpha-0",
31
+ "cdr-button--large@lg": "cdr-button--large@lg_15-0-0-alpha-0",
32
+ "cdr-button--full-width@lg": "cdr-button--full-width@lg_15-0-0-alpha-0",
33
+ "cdr-icon": "cdr-icon_15-0-0-alpha-0",
34
+ "cdr-icon--small": "cdr-icon--small_15-0-0-alpha-0",
35
+ "cdr-icon--large": "cdr-icon--large_15-0-0-alpha-0",
36
+ "cdr-icon--small@xs": "cdr-icon--small@xs_15-0-0-alpha-0",
37
+ "cdr-icon--large@xs": "cdr-icon--large@xs_15-0-0-alpha-0",
38
+ "cdr-icon--small@sm": "cdr-icon--small@sm_15-0-0-alpha-0",
39
+ "cdr-icon--large@sm": "cdr-icon--large@sm_15-0-0-alpha-0",
40
+ "cdr-icon--small@md": "cdr-icon--small@md_15-0-0-alpha-0",
41
+ "cdr-icon--large@md": "cdr-icon--large@md_15-0-0-alpha-0",
42
+ "cdr-icon--small@lg": "cdr-icon--small@lg_15-0-0-alpha-0",
43
+ "cdr-icon--large@lg": "cdr-icon--large@lg_15-0-0-alpha-0",
44
+ "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-0-0-alpha-0",
45
+ "cdr-toast": "cdr-toast_15-0-0-alpha-0",
46
+ "cdr-toast__transition--toast-enter-from": "cdr-toast__transition--toast-enter-from_15-0-0-alpha-0",
47
+ "cdr-toast__transition--toast-enter-active": "cdr-toast__transition--toast-enter-active_15-0-0-alpha-0",
48
+ "cdr-toast__transition--toast-leave-to": "cdr-toast__transition--toast-leave-to_15-0-0-alpha-0",
49
+ "cdr-toast__transition--toast-leave-active": "cdr-toast__transition--toast-leave-active_15-0-0-alpha-0",
50
+ "cdr-toast__main": "cdr-toast__main_15-0-0-alpha-0",
51
+ "cdr-toast__icon-left": "cdr-toast__icon-left_15-0-0-alpha-0",
52
+ "cdr-toast__message": "cdr-toast__message_15-0-0-alpha-0",
53
+ "cdr-toast__close-button": "cdr-toast__close-button_15-0-0-alpha-0",
54
+ "cdr-toast--default": "cdr-toast--default_15-0-0-alpha-0",
55
+ "cdr-toast--info": "cdr-toast--info_15-0-0-alpha-0",
56
+ "cdr-toast--warning": "cdr-toast--warning_15-0-0-alpha-0",
57
+ "cdr-toast--success": "cdr-toast--success_15-0-0-alpha-0",
58
+ "cdr-toast--error": "cdr-toast--error_15-0-0-alpha-0"
59
59
  };
60
60
  export {
61
61
  t as default