@rei/cedar 14.1.0 → 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.
- package/README.md +3 -0
- package/dist/cedar.umd.js +14 -14
- package/dist/component-docgen.json +2159 -1694
- package/dist/icon-component-docgen.json +632 -632
- package/dist/lib.d.ts +788 -412
- package/dist/node_modules/@rei/cdr-tokens/dist/rei-dot-com/js/cdr-tokens.mjs +10 -7
- package/dist/reset.css +0 -5
- package/dist/src/components/abstract/CdrAbstract.vue.mjs +9 -0
- package/dist/src/components/abstract/CdrAbstract.vue2.mjs +24 -0
- package/dist/src/components/abstract/styles/CdrAbstract.module.scss.mjs +6 -0
- package/dist/src/components/accordion/CdrAccordion.vue2.mjs +29 -29
- package/dist/src/components/accordion/styles/CdrAccordion.module.scss.mjs +29 -29
- package/dist/src/components/accordion/styles/CdrAccordionGroup.module.scss.mjs +2 -2
- package/dist/src/components/banner/styles/CdrBanner.module.scss.mjs +14 -14
- package/dist/src/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs +7 -7
- package/dist/src/components/button/styles/CdrButton.module.scss.mjs +31 -31
- package/dist/src/components/caption/styles/CdrCaption.module.scss.mjs +4 -4
- package/dist/src/components/card/styles/CdrCard.module.scss.mjs +3 -3
- package/dist/src/components/checkbox/CdrCheckbox.vue2.mjs +21 -21
- package/dist/src/components/checkbox/styles/CdrCheckbox.module.scss.mjs +29 -29
- package/dist/src/components/chip/styles/CdrChip.module.scss.mjs +4 -4
- package/dist/src/components/chip/styles/CdrChipGroup.module.scss.mjs +6 -6
- package/dist/src/components/choreographer/CdrChoreographer.vue.mjs +9 -0
- package/dist/src/components/choreographer/CdrChoreographer.vue2.mjs +48 -0
- package/dist/src/components/choreographer/styles/CdrChoreographer.module.scss.mjs +9 -0
- package/dist/src/components/container/styles/CdrContainer.module.scss.mjs +4 -4
- package/dist/src/components/formError/styles/CdrFormError.module.scss.mjs +2 -2
- package/dist/src/components/formGroup/styles/CdrFormGroup.module.scss.mjs +8 -8
- package/dist/src/components/grid/styles/CdrGrid.module.scss.mjs +21 -21
- package/dist/src/components/icon/styles/CdrIcon.module.scss.mjs +12 -12
- package/dist/src/components/image/CdrImg.vue2.mjs +32 -96
- package/dist/src/components/image/styles/CdrImg.module.scss.mjs +3 -10
- package/dist/src/components/input/CdrInput.vue2.mjs +29 -29
- package/dist/src/components/input/styles/CdrInput.module.scss.mjs +34 -34
- package/dist/src/components/kicker/CdrKicker.vue.mjs +9 -0
- package/dist/src/components/kicker/CdrKicker.vue2.mjs +14 -0
- package/dist/src/components/kicker/styles/CdrKicker.module.scss.mjs +6 -0
- package/dist/src/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs +14 -14
- package/dist/src/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs +27 -27
- package/dist/src/components/lead/CdrHeadingSubheadingBlock.vue.mjs +9 -0
- package/dist/src/components/lead/CdrHeadingSubheadingBlock.vue2.mjs +33 -0
- package/dist/src/components/lead/CdrLead.vue.mjs +9 -0
- package/dist/src/components/lead/CdrLead.vue2.mjs +55 -0
- package/dist/src/components/lead/styles/CdrHeadingSubheadingBlock.module.scss.mjs +7 -0
- package/dist/src/components/lead/styles/CdrLead.module.scss.mjs +11 -0
- package/dist/src/components/link/styles/CdrLink.module.scss.mjs +5 -5
- package/dist/src/components/list/styles/CdrList.module.scss.mjs +5 -5
- package/dist/src/components/modal/CdrModal.vue2.mjs +112 -92
- package/dist/src/components/modal/styles/CdrModal.module.scss.mjs +14 -14
- package/dist/src/components/pagination/CdrPagination.vue2.mjs +79 -79
- package/dist/src/components/pagination/styles/CdrPagination.module.scss.mjs +55 -55
- package/dist/src/components/picture/CdrPicture.vue.mjs +9 -0
- package/dist/src/components/picture/CdrPicture.vue2.mjs +42 -0
- package/dist/src/components/picture/styles/CdrPicture.module.scss.mjs +6 -0
- package/dist/src/components/popover/CdrPopover.vue2.mjs +38 -38
- package/dist/src/components/popover/styles/CdrPopover.module.scss.mjs +63 -63
- package/dist/src/components/popup/CdrPopup.vue2.mjs +28 -28
- package/dist/src/components/popup/styles/CdrPopup.module.scss.mjs +14 -14
- package/dist/src/components/quote/styles/CdrQuote.module.scss.mjs +4 -4
- package/dist/src/components/radio/CdrRadio.vue2.mjs +23 -23
- package/dist/src/components/radio/styles/CdrRadio.module.scss.mjs +29 -29
- package/dist/src/components/rating/styles/CdrRating.module.scss.mjs +46 -46
- package/dist/src/components/select/CdrSelect.vue2.mjs +30 -30
- package/dist/src/components/select/styles/CdrSelect.module.scss.mjs +42 -42
- package/dist/src/components/skeleton/styles/CdrSkeleton.module.scss.mjs +1 -1
- package/dist/src/components/skeleton/styles/CdrSkeletonBone.module.scss.mjs +7 -7
- package/dist/src/components/switch/CdrSwitch.vue2.mjs +25 -25
- package/dist/src/components/switch/styles/CdrSwitch.module.scss.mjs +8 -8
- package/dist/src/components/table/styles/CdrTable.module.scss.mjs +13 -13
- package/dist/src/components/tabs/CdrTabPanel.vue2.mjs +12 -12
- package/dist/src/components/tabs/styles/CdrTabPanel.module.scss.mjs +7 -7
- package/dist/src/components/tabs/styles/CdrTabs.module.scss.mjs +30 -30
- package/dist/src/components/text/presets/CdrBody.vue.mjs +9 -0
- package/dist/src/components/text/presets/CdrBody.vue2.mjs +39 -0
- package/dist/src/components/text/presets/CdrBody.vue3.mjs +6 -0
- package/dist/src/components/text/presets/CdrEyebrow.vue.mjs +9 -0
- package/dist/src/components/text/presets/CdrEyebrow.vue2.mjs +18 -0
- package/dist/src/components/text/presets/CdrEyebrow.vue3.mjs +6 -0
- package/dist/src/components/text/presets/CdrHeadingDisplay.vue.mjs +9 -0
- package/dist/src/components/text/presets/CdrHeadingDisplay.vue2.mjs +33 -0
- package/dist/src/components/text/presets/CdrHeadingDisplay.vue3.mjs +6 -0
- package/dist/src/components/text/presets/CdrHeadingSans.vue.mjs +9 -0
- package/dist/src/components/text/presets/CdrHeadingSans.vue2.mjs +33 -0
- package/dist/src/components/text/presets/CdrHeadingSans.vue3.mjs +6 -0
- package/dist/src/components/text/presets/CdrHeadingSerif.vue.mjs +9 -0
- package/dist/src/components/text/presets/CdrHeadingSerif.vue2.mjs +39 -0
- package/dist/src/components/text/presets/CdrHeadingSerif.vue3.mjs +6 -0
- package/dist/src/components/text/presets/CdrSubheadingSans.vue.mjs +9 -0
- package/dist/src/components/text/presets/CdrSubheadingSans.vue2.mjs +33 -0
- package/dist/src/components/text/presets/CdrSubheadingSans.vue3.mjs +6 -0
- package/dist/src/components/text/presets/CdrUtilitySans.vue.mjs +9 -0
- package/dist/src/components/text/presets/CdrUtilitySans.vue2.mjs +39 -0
- package/dist/src/components/text/presets/CdrUtilitySans.vue3.mjs +6 -0
- package/dist/src/components/text/presets/CdrUtilitySerif.vue.mjs +9 -0
- package/dist/src/components/text/presets/CdrUtilitySerif.vue2.mjs +39 -0
- package/dist/src/components/text/presets/CdrUtilitySerif.vue3.mjs +6 -0
- package/dist/src/components/text/styles/CdrText.module.scss.mjs +1 -1
- package/dist/src/components/title/CdrTitle.vue.mjs +9 -0
- package/dist/src/components/title/CdrTitle.vue2.mjs +23 -0
- package/dist/src/components/title/styles/CdrTitle.module.scss.mjs +6 -0
- package/dist/src/components/toast/CdrToast.vue2.mjs +21 -21
- package/dist/src/components/toast/styles/CdrToast.module.scss.mjs +57 -57
- package/dist/src/components/toggleButton/CdrToggleGroup.vue2.mjs +27 -27
- package/dist/src/components/toggleButton/styles/CdrToggleButton.module.scss.mjs +2 -2
- package/dist/src/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs +5 -5
- package/dist/src/components/tooltip/CdrTooltip.vue2.mjs +25 -25
- package/dist/src/components/tooltip/styles/CdrTooltip.module.scss.mjs +16 -16
- package/dist/src/lib.mjs +468 -440
- package/dist/style/cdr-abstract.css +1 -0
- package/dist/style/cdr-accordion-group.css +1 -1
- package/dist/style/cdr-accordion.css +1 -1
- package/dist/style/cdr-banner.css +1 -1
- package/dist/style/cdr-body.css +1 -0
- package/dist/style/cdr-breadcrumb.css +1 -1
- package/dist/style/cdr-button.css +1 -1
- package/dist/style/cdr-caption.css +1 -1
- package/dist/style/cdr-card.css +1 -1
- package/dist/style/cdr-checkbox.css +1 -1
- package/dist/style/cdr-chip-group.css +1 -1
- package/dist/style/cdr-chip.css +1 -1
- package/dist/style/cdr-choreographer.css +1 -0
- package/dist/style/cdr-container.css +1 -1
- package/dist/style/cdr-eyebrow.css +1 -0
- package/dist/style/cdr-form-error.css +1 -1
- package/dist/style/cdr-form-group.css +1 -1
- package/dist/style/cdr-grid.css +1 -1
- package/dist/style/cdr-heading-display.css +1 -0
- package/dist/style/cdr-heading-sans.css +1 -0
- package/dist/style/cdr-heading-serif.css +1 -0
- package/dist/style/cdr-heading-subheading-block.css +1 -0
- package/dist/style/cdr-icon.css +1 -1
- package/dist/style/cdr-img.css +1 -1
- package/dist/style/cdr-input.css +1 -1
- package/dist/style/cdr-kicker.css +1 -0
- package/dist/style/cdr-label-standalone.css +1 -1
- package/dist/style/cdr-label-wrapper.css +1 -1
- package/dist/style/cdr-lead.css +1 -0
- package/dist/style/cdr-link.css +1 -1
- package/dist/style/cdr-list.css +1 -1
- package/dist/style/cdr-modal.css +1 -1
- package/dist/style/cdr-pagination.css +1 -1
- package/dist/style/cdr-picture.css +1 -0
- package/dist/style/cdr-popover.css +1 -1
- package/dist/style/cdr-popup.css +1 -1
- package/dist/style/cdr-quote.css +1 -1
- package/dist/style/cdr-radio.css +1 -1
- package/dist/style/cdr-rating.css +1 -1
- package/dist/style/cdr-select.css +1 -1
- package/dist/style/cdr-skeleton-bone.css +1 -1
- package/dist/style/cdr-skeleton.css +1 -1
- package/dist/style/cdr-subheading-sans.css +1 -0
- package/dist/style/cdr-switch.css +1 -1
- package/dist/style/cdr-tab-panel.css +1 -1
- package/dist/style/cdr-table.css +1 -1
- package/dist/style/cdr-tabs.css +1 -1
- package/dist/style/cdr-text.css +1 -1
- package/dist/style/cdr-title.css +1 -0
- package/dist/style/cdr-toast.css +1 -1
- package/dist/style/cdr-toggle-button.css +1 -1
- package/dist/style/cdr-toggle-group.css +1 -1
- package/dist/style/cdr-tooltip.css +1 -1
- package/dist/style/cdr-utility-sans.css +1 -0
- package/dist/style/cdr-utility-serif.css +1 -0
- package/dist/style.css +1 -1
- package/package.json +7 -12
- package/dist/cedar-compiled.css +0 -2332
- package/dist/style/cedar-full.css +0 -41
|
@@ -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,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,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,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,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,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,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
|
+
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
const h = "cdr-toast",
|
|
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) =>
|
|
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:
|
|
45
|
+
emit: B
|
|
46
46
|
}) {
|
|
47
|
-
const o = r, t =
|
|
47
|
+
const o = r, c = B, t = g(), D = w()["icon-left"], n = _(!1), v = _(null);
|
|
48
48
|
let i, a;
|
|
49
|
-
const
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
|
62
|
+
return V(() => o.open, () => {
|
|
63
63
|
o.open && d();
|
|
64
|
-
}),
|
|
65
|
-
o.autoDismiss &&
|
|
66
|
-
}), (s,
|
|
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)[
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
-
|
|
102
|
+
G as default
|
|
103
103
|
};
|
|
@@ -1,61 +1,61 @@
|
|
|
1
1
|
const t = {
|
|
2
|
-
"cdr-button": "cdr-
|
|
3
|
-
"cdr-button--has-icon-left": "cdr-button--has-icon-
|
|
4
|
-
"cdr-button--has-icon-right": "cdr-button--has-icon-
|
|
5
|
-
"cdr-button--primary": "cdr-button--
|
|
6
|
-
"cdr-button--secondary": "cdr-button--
|
|
7
|
-
"cdr-button--dark": "cdr-button--
|
|
8
|
-
"cdr-button--sale": "cdr-button--
|
|
9
|
-
"cdr-button--link": "cdr-button--
|
|
10
|
-
"cdr-button--large": "cdr-button--
|
|
11
|
-
"cdr-button--medium": "cdr-button--
|
|
12
|
-
"cdr-button--small": "cdr-button--
|
|
13
|
-
"cdr-button--icon-only": "cdr-button--icon-
|
|
14
|
-
"cdr-button--icon-only-large": "cdr-button--icon-only-
|
|
15
|
-
"cdr-button--with-background": "cdr-button--with-
|
|
16
|
-
"cdr-button--full-width": "cdr-button--full-
|
|
17
|
-
"cdr-button--small@xs": "cdr-button--small@
|
|
18
|
-
"cdr-button--medium@xs": "cdr-button--medium@
|
|
19
|
-
"cdr-button--large@xs": "cdr-button--large@
|
|
20
|
-
"cdr-button--full-width@xs": "cdr-button--full-width@
|
|
21
|
-
"cdr-button--small@sm": "cdr-button--small@
|
|
22
|
-
"cdr-button--medium@sm": "cdr-button--medium@
|
|
23
|
-
"cdr-button--large@sm": "cdr-button--large@
|
|
24
|
-
"cdr-button--full-width@sm": "cdr-button--full-width@
|
|
25
|
-
"cdr-button--small@md": "cdr-button--small@
|
|
26
|
-
"cdr-button--medium@md": "cdr-button--medium@
|
|
27
|
-
"cdr-button--large@md": "cdr-button--large@
|
|
28
|
-
"cdr-button--full-width@md": "cdr-button--full-width@
|
|
29
|
-
"cdr-button--small@lg": "cdr-button--small@
|
|
30
|
-
"cdr-button--medium@lg": "cdr-button--medium@
|
|
31
|
-
"cdr-button--large@lg": "cdr-button--large@
|
|
32
|
-
"cdr-button--full-width@lg": "cdr-button--full-width@
|
|
33
|
-
"cdr-icon": "cdr-
|
|
34
|
-
"cdr-icon--small": "cdr-icon--
|
|
35
|
-
"cdr-icon--large": "cdr-icon--
|
|
36
|
-
"cdr-icon--small@xs": "cdr-icon--small@
|
|
37
|
-
"cdr-icon--large@xs": "cdr-icon--large@
|
|
38
|
-
"cdr-icon--small@sm": "cdr-icon--small@
|
|
39
|
-
"cdr-icon--large@sm": "cdr-icon--large@
|
|
40
|
-
"cdr-icon--small@md": "cdr-icon--small@
|
|
41
|
-
"cdr-icon--large@md": "cdr-icon--large@
|
|
42
|
-
"cdr-icon--small@lg": "cdr-icon--small@
|
|
43
|
-
"cdr-icon--large@lg": "cdr-icon--large@
|
|
44
|
-
"cdr-icon--inherit-color": "cdr-icon--inherit-
|
|
45
|
-
"cdr-toast": "cdr-
|
|
46
|
-
"cdr-toast__transition--toast-enter-from": "cdr-toast__transition--toast-enter-
|
|
47
|
-
"cdr-toast__transition--toast-enter-active": "cdr-toast__transition--toast-enter-
|
|
48
|
-
"cdr-toast__transition--toast-leave-to": "cdr-toast__transition--toast-leave-
|
|
49
|
-
"cdr-toast__transition--toast-leave-active": "cdr-toast__transition--toast-leave-
|
|
50
|
-
"cdr-toast__main": "cdr-
|
|
51
|
-
"cdr-toast__icon-left": "cdr-toast__icon-
|
|
52
|
-
"cdr-toast__message": "cdr-
|
|
53
|
-
"cdr-toast__close-button": "cdr-toast__close-
|
|
54
|
-
"cdr-toast--default": "cdr-toast--
|
|
55
|
-
"cdr-toast--info": "cdr-toast--
|
|
56
|
-
"cdr-toast--warning": "cdr-toast--
|
|
57
|
-
"cdr-toast--success": "cdr-toast--
|
|
58
|
-
"cdr-toast--error": "cdr-toast--
|
|
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
|