@rei/cedar 16.2.2 → 16.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdr-reset.css +1 -1
- package/dist/cdr-style.css +1 -1
- package/dist/cedar.umd.js +10 -10
- package/dist/component-docgen.json +2715 -2699
- package/dist/components/abstract/styles/CdrAbstract.module.scss.mjs +1 -1
- package/dist/components/accordion/styles/CdrAccordion.module.scss.mjs +28 -28
- package/dist/components/accordion/styles/CdrAccordionGroup.module.scss.mjs +2 -2
- package/dist/components/banner/styles/CdrBanner.module.scss.mjs +14 -14
- package/dist/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs +7 -7
- package/dist/components/button/styles/CdrButton.module.scss.mjs +31 -31
- package/dist/components/caption/styles/CdrCaption.module.scss.mjs +2 -2
- package/dist/components/card/styles/CdrCard.module.scss.mjs +1 -1
- package/dist/components/checkbox/styles/CdrCheckbox.module.scss.mjs +27 -27
- package/dist/components/chip/styles/CdrChip.module.scss.mjs +4 -4
- package/dist/components/chip/styles/CdrChipGroup.module.scss.mjs +4 -4
- package/dist/components/choreographer/styles/CdrChoreographer.module.scss.mjs +4 -4
- package/dist/components/container/styles/CdrContainer.module.scss.mjs +2 -2
- package/dist/components/filmstrip/CdrFilmstrip.vue.mjs +29 -29
- package/dist/components/filmstrip/styles/CdrFilmstrip.module.scss.mjs +7 -7
- package/dist/components/formError/CdrFormError.vue2.mjs +25 -14
- package/dist/components/formError/styles/CdrFormError.module.scss.mjs +3 -2
- package/dist/components/formGroup/styles/CdrFormGroup.module.scss.mjs +9 -8
- package/dist/components/fulfillmentTile/styles/CdrFulfillmentTileIcon.module.scss.mjs +6 -6
- package/dist/components/fulfillmentTile/styles/CdrFulfillmentTitle.module.scss.mjs +6 -6
- package/dist/components/grid/styles/CdrGrid.module.scss.mjs +21 -21
- package/dist/components/icon/styles/CdrIcon.module.scss.mjs +12 -12
- package/dist/components/image/styles/CdrImg.module.scss.mjs +1 -1
- package/dist/components/input/CdrInput.vue2.mjs +68 -72
- package/dist/components/input/styles/CdrInput.module.scss.mjs +35 -34
- package/dist/components/kicker/styles/CdrKicker.module.scss.mjs +1 -1
- package/dist/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs +12 -12
- package/dist/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs +25 -25
- package/dist/components/landingLead/styles/CdrHeadingSubheadingBlock.module.scss.mjs +4 -4
- package/dist/components/landingLead/styles/CdrLandingLead.module.scss.mjs +8 -8
- package/dist/components/layout/styles/CdrLayout.module.scss.mjs +84 -84
- package/dist/components/link/styles/CdrLink.module.scss.mjs +4 -4
- package/dist/components/list/styles/CdrList.module.scss.mjs +5 -5
- package/dist/components/mediaObject/styles/CdrMediaObject.module.scss.mjs +6 -6
- package/dist/components/modal/styles/CdrModal.module.scss.mjs +12 -12
- package/dist/components/objectOverlay/styles/CdrObjectOverlay.module.scss.mjs +3 -3
- package/dist/components/pagination/styles/CdrPagination.module.scss.mjs +54 -53
- package/dist/components/picture/styles/CdrPicture.module.scss.mjs +2 -2
- package/dist/components/popover/styles/CdrPopover.module.scss.mjs +63 -63
- package/dist/components/popup/styles/CdrPopup.module.scss.mjs +14 -14
- package/dist/components/quote/styles/CdrQuote.module.scss.mjs +4 -4
- package/dist/components/radio/styles/CdrRadio.module.scss.mjs +27 -27
- package/dist/components/rating/styles/CdrRating.module.scss.mjs +44 -44
- package/dist/components/select/styles/CdrSelect.module.scss.mjs +43 -42
- package/dist/components/skeleton/styles/CdrSkeleton.module.scss.mjs +1 -1
- package/dist/components/skeleton/styles/CdrSkeletonBone.module.scss.mjs +7 -7
- package/dist/components/splitSurface/styles/CdrSplitSurface.module.scss.mjs +5 -5
- package/dist/components/surface/styles/CdrSurface.module.scss.mjs +1 -1
- package/dist/components/surfaceScroll/styles/CdrSurfaceScroll.module.scss.mjs +4 -4
- package/dist/components/surfaceSelection/styles/CdrSurfaceSelection.module.scss.mjs +4 -4
- package/dist/components/switch/styles/CdrSwitch.module.scss.mjs +8 -8
- package/dist/components/table/styles/CdrTable.module.scss.mjs +13 -13
- package/dist/components/tabs/styles/CdrTabPanel.module.scss.mjs +5 -5
- package/dist/components/tabs/styles/CdrTabs.module.scss.mjs +28 -28
- package/dist/components/text/presets/styles/CdrBody.module.scss.mjs +1 -1
- package/dist/components/text/presets/styles/CdrEyebrow.module.scss.mjs +1 -1
- package/dist/components/text/presets/styles/CdrHeadingDisplay.module.scss.mjs +1 -1
- package/dist/components/text/presets/styles/CdrHeadingSans.module.scss.mjs +1 -1
- package/dist/components/text/presets/styles/CdrHeadingSerif.module.scss.mjs +1 -1
- package/dist/components/text/presets/styles/CdrSubheadingSans.module.scss.mjs +1 -1
- package/dist/components/text/presets/styles/CdrUtilitySans.module.scss.mjs +1 -1
- package/dist/components/text/presets/styles/CdrUtilitySerif.module.scss.mjs +1 -1
- package/dist/components/text/styles/CdrText.module.scss.mjs +1 -1
- package/dist/components/title/styles/CdrTitle.module.scss.mjs +1 -1
- package/dist/components/toast/styles/CdrToast.module.scss.mjs +57 -57
- package/dist/components/toggleButton/styles/CdrToggleButton.module.scss.mjs +2 -2
- package/dist/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs +5 -5
- package/dist/components/tooltip/styles/CdrTooltip.module.scss.mjs +16 -16
- package/dist/icon-component-docgen.json +484 -484
- package/dist/style/cdr-abstract.css +1 -1
- 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 -1
- 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 -1
- package/dist/style/cdr-container.css +1 -1
- package/dist/style/cdr-eyebrow.css +1 -1
- package/dist/style/cdr-filmstrip.css +1 -1
- package/dist/style/cdr-form-error.css +1 -1
- package/dist/style/cdr-form-group.css +1 -1
- package/dist/style/cdr-fulfillment-tile-icon.css +1 -1
- package/dist/style/cdr-fulfillment-title.css +1 -1
- package/dist/style/cdr-grid.css +1 -1
- package/dist/style/cdr-heading-display.css +1 -1
- package/dist/style/cdr-heading-sans.css +1 -1
- package/dist/style/cdr-heading-serif.css +1 -1
- package/dist/style/cdr-heading-subheading-block.css +1 -1
- 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 -1
- package/dist/style/cdr-label-standalone.css +1 -1
- package/dist/style/cdr-label-wrapper.css +1 -1
- package/dist/style/cdr-landing-lead.css +1 -1
- package/dist/style/cdr-layout.css +1 -1
- package/dist/style/cdr-link.css +1 -1
- package/dist/style/cdr-list.css +1 -1
- package/dist/style/cdr-media-object.css +1 -1
- package/dist/style/cdr-modal.css +1 -1
- package/dist/style/cdr-object-overlay.css +1 -1
- package/dist/style/cdr-pagination.css +1 -1
- package/dist/style/cdr-picture.css +1 -1
- 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-reset.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-split-surface.css +1 -1
- package/dist/style/cdr-subheading-sans.css +1 -1
- package/dist/style/cdr-surface-scroll.css +1 -1
- package/dist/style/cdr-surface-selection.css +1 -1
- package/dist/style/cdr-surface.css +1 -1
- 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 -1
- 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 -1
- package/dist/style/cdr-utility-serif.css +1 -1
- package/package.json +2 -2
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
const r = {
|
|
2
|
-
"cdr-grid": "cdr-grid_16-
|
|
3
|
-
"cdr-grid--gutter-none": "cdr-grid--gutter-none_16-
|
|
4
|
-
"cdr-grid--gutter-small": "cdr-grid--gutter-small_16-
|
|
5
|
-
"cdr-grid--gutter-medium": "cdr-grid--gutter-medium_16-
|
|
6
|
-
"cdr-grid--gutter-large": "cdr-grid--gutter-large_16-
|
|
7
|
-
"cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_16-
|
|
8
|
-
"cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_16-
|
|
9
|
-
"cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_16-
|
|
10
|
-
"cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_16-
|
|
11
|
-
"cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_16-
|
|
12
|
-
"cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_16-
|
|
13
|
-
"cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_16-
|
|
14
|
-
"cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_16-
|
|
15
|
-
"cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_16-
|
|
16
|
-
"cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_16-
|
|
17
|
-
"cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_16-
|
|
18
|
-
"cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_16-
|
|
19
|
-
"cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_16-
|
|
20
|
-
"cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_16-
|
|
21
|
-
"cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_16-
|
|
22
|
-
"cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_16-
|
|
2
|
+
"cdr-grid": "cdr-grid_16-3-1",
|
|
3
|
+
"cdr-grid--gutter-none": "cdr-grid--gutter-none_16-3-1",
|
|
4
|
+
"cdr-grid--gutter-small": "cdr-grid--gutter-small_16-3-1",
|
|
5
|
+
"cdr-grid--gutter-medium": "cdr-grid--gutter-medium_16-3-1",
|
|
6
|
+
"cdr-grid--gutter-large": "cdr-grid--gutter-large_16-3-1",
|
|
7
|
+
"cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_16-3-1",
|
|
8
|
+
"cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_16-3-1",
|
|
9
|
+
"cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_16-3-1",
|
|
10
|
+
"cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_16-3-1",
|
|
11
|
+
"cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_16-3-1",
|
|
12
|
+
"cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_16-3-1",
|
|
13
|
+
"cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_16-3-1",
|
|
14
|
+
"cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_16-3-1",
|
|
15
|
+
"cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_16-3-1",
|
|
16
|
+
"cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_16-3-1",
|
|
17
|
+
"cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_16-3-1",
|
|
18
|
+
"cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_16-3-1",
|
|
19
|
+
"cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_16-3-1",
|
|
20
|
+
"cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_16-3-1",
|
|
21
|
+
"cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_16-3-1",
|
|
22
|
+
"cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_16-3-1"
|
|
23
23
|
};
|
|
24
24
|
export {
|
|
25
25
|
r as default
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
const c = {
|
|
2
|
-
"cdr-icon": "cdr-icon_16-
|
|
3
|
-
"cdr-icon--small": "cdr-icon--small_16-
|
|
4
|
-
"cdr-icon--large": "cdr-icon--large_16-
|
|
5
|
-
"cdr-icon--small@xs": "cdr-icon--small@xs_16-
|
|
6
|
-
"cdr-icon--large@xs": "cdr-icon--large@xs_16-
|
|
7
|
-
"cdr-icon--small@sm": "cdr-icon--small@sm_16-
|
|
8
|
-
"cdr-icon--large@sm": "cdr-icon--large@sm_16-
|
|
9
|
-
"cdr-icon--small@md": "cdr-icon--small@md_16-
|
|
10
|
-
"cdr-icon--large@md": "cdr-icon--large@md_16-
|
|
11
|
-
"cdr-icon--small@lg": "cdr-icon--small@lg_16-
|
|
12
|
-
"cdr-icon--large@lg": "cdr-icon--large@lg_16-
|
|
13
|
-
"cdr-icon--inherit-color": "cdr-icon--inherit-color_16-
|
|
2
|
+
"cdr-icon": "cdr-icon_16-3-1",
|
|
3
|
+
"cdr-icon--small": "cdr-icon--small_16-3-1",
|
|
4
|
+
"cdr-icon--large": "cdr-icon--large_16-3-1",
|
|
5
|
+
"cdr-icon--small@xs": "cdr-icon--small@xs_16-3-1",
|
|
6
|
+
"cdr-icon--large@xs": "cdr-icon--large@xs_16-3-1",
|
|
7
|
+
"cdr-icon--small@sm": "cdr-icon--small@sm_16-3-1",
|
|
8
|
+
"cdr-icon--large@sm": "cdr-icon--large@sm_16-3-1",
|
|
9
|
+
"cdr-icon--small@md": "cdr-icon--small@md_16-3-1",
|
|
10
|
+
"cdr-icon--large@md": "cdr-icon--large@md_16-3-1",
|
|
11
|
+
"cdr-icon--small@lg": "cdr-icon--small@lg_16-3-1",
|
|
12
|
+
"cdr-icon--large@lg": "cdr-icon--large@lg_16-3-1",
|
|
13
|
+
"cdr-icon--inherit-color": "cdr-icon--inherit-color_16-3-1"
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
16
16
|
c as default
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
const
|
|
1
|
+
import { defineComponent as j, useSlots as O, useAttrs as G, useCssModule as J, ref as K, computed as a, createBlock as Q, openBlock as p, normalizeClass as v, unref as r, createSlots as W, withCtx as d, createElementVNode as V, withDirectives as N, createElementBlock as f, createCommentVNode as P, mergeProps as z, vModelText as X, vModelDynamic as Y, renderSlot as u, createVNode as Z } from "vue";
|
|
2
|
+
import _ from "../../utils/propValidator.mjs";
|
|
3
|
+
import ee from "../labelStandalone/CdrLabelStandalone.vue.mjs";
|
|
4
|
+
import re from "../formError/CdrFormError.vue.mjs";
|
|
5
|
+
import te from "../../props/background.mjs";
|
|
6
|
+
import y from "../../utils/mapClasses.mjs";
|
|
7
|
+
import oe from "../../utils/uid.mjs";
|
|
8
|
+
const ae = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], le = ["type", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], se = ["id"], C = "cdr-input", ve = /* @__PURE__ */ j({
|
|
9
9
|
name: "CdrInput",
|
|
10
10
|
inheritAttrs: !1,
|
|
11
11
|
customOptions: {},
|
|
@@ -23,15 +23,15 @@ const oe = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
|
|
|
23
23
|
* The increment/decrement webkit psuedo element is hidden for number.
|
|
24
24
|
* @demoSelectMultiple false
|
|
25
25
|
* @values text, email, number, password, search, url, tel, date, datetime-local
|
|
26
|
-
|
|
26
|
+
*/
|
|
27
27
|
type: {
|
|
28
28
|
type: [String],
|
|
29
29
|
default: "text",
|
|
30
|
-
validator: (e) =>
|
|
30
|
+
validator: (e) => _(e, ["text", "email", "number", "password", "search", "url", "tel", "date", "datetime-local"])
|
|
31
31
|
},
|
|
32
32
|
/**
|
|
33
33
|
* Sets the text value for the input label. Required for a11y compliance. Use ‘hideLabel’ if the label display is not desired. Required.
|
|
34
|
-
|
|
34
|
+
*/
|
|
35
35
|
label: {
|
|
36
36
|
type: String,
|
|
37
37
|
required: !0
|
|
@@ -45,11 +45,11 @@ const oe = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
|
|
|
45
45
|
},
|
|
46
46
|
/**
|
|
47
47
|
* Removes the label element but sets the input `aria-label` to `label` text for a11y.
|
|
48
|
-
|
|
48
|
+
*/
|
|
49
49
|
hideLabel: Boolean,
|
|
50
50
|
/**
|
|
51
51
|
* Number of rows for input. Converts component to text-area if rows greater than 1.
|
|
52
|
-
|
|
52
|
+
*/
|
|
53
53
|
rows: {
|
|
54
54
|
type: Number,
|
|
55
55
|
default: 1
|
|
@@ -58,12 +58,12 @@ const oe = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
|
|
|
58
58
|
* Sets the background color the input is rendered on
|
|
59
59
|
* @values primary, secondary
|
|
60
60
|
*/
|
|
61
|
-
background:
|
|
61
|
+
background: te,
|
|
62
62
|
/**
|
|
63
63
|
* Sets the input field size
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
64
|
+
* @demoSelectMultiple true
|
|
65
|
+
* @values large
|
|
66
|
+
*/
|
|
67
67
|
size: String,
|
|
68
68
|
/**
|
|
69
69
|
* Sets the `role` attribute for the embedded error state messaging.
|
|
@@ -101,112 +101,108 @@ const oe = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-err
|
|
|
101
101
|
},
|
|
102
102
|
emits: {
|
|
103
103
|
/**
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
104
|
+
* Event emitted by v-model on the <input> element
|
|
105
|
+
* @param modelValue
|
|
106
|
+
*/
|
|
107
107
|
"update:modelValue": null
|
|
108
108
|
},
|
|
109
109
|
setup(e, {
|
|
110
|
-
emit:
|
|
110
|
+
emit: A
|
|
111
111
|
}) {
|
|
112
|
-
const l = e,
|
|
113
|
-
const t = [
|
|
114
|
-
return l.error ? `${
|
|
115
|
-
}),
|
|
112
|
+
const l = e, F = A, s = O(), $ = G(), c = J(), m = K(!1), M = s["helper-text-top"], E = s["helper-text-bottom"], g = s["pre-icon"], h = a(() => s["post-icon"]), L = a(() => s["post-icon"] ? s["post-icon"]().length > 1 : !1), T = s.info, U = s["info-action"], i = l.id ? l.id : oe(), D = a(() => l.rows > 1 ? "cdr-input--multiline" : ""), k = a(() => g ? "cdr-input--preicon" : ""), q = a(() => h.value ? "cdr-input--posticon" : ""), S = a(() => L.value ? "cdr-input--posticons" : ""), B = a(() => l.error ? "cdr-input--error" : ""), w = a(() => `cdr-input--${l.background}`), x = a(() => l.size ? `${C}--${l.size}` : ""), H = a(() => m.value ? "cdr-input--focus" : ""), I = a(() => {
|
|
113
|
+
const t = [s["helper-text-top"] ? `${i}-helper-text-top` : "", s["helper-text-bottom"] ? `${i}-helper-text-bottom` : "", $["aria-describedby"]].filter((o) => o).join(" ");
|
|
114
|
+
return l.error ? `${i}-error` : t;
|
|
115
|
+
}), R = a(() => {
|
|
116
116
|
const t = l.numeric || l.type === "number";
|
|
117
117
|
return {
|
|
118
|
-
id:
|
|
118
|
+
id: i,
|
|
119
119
|
autocomplete: "off",
|
|
120
120
|
pattern: t ? "[0-9]*" : void 0,
|
|
121
121
|
inputmode: t ? "numeric" : void 0,
|
|
122
|
-
|
|
122
|
+
...$
|
|
123
123
|
};
|
|
124
124
|
}), b = a({
|
|
125
125
|
get() {
|
|
126
126
|
return l.modelValue;
|
|
127
127
|
},
|
|
128
128
|
set(t) {
|
|
129
|
-
|
|
129
|
+
F("update:modelValue", t);
|
|
130
130
|
}
|
|
131
131
|
});
|
|
132
|
-
return (t, o) => (
|
|
133
|
-
"for-id": r(
|
|
132
|
+
return (t, o) => (p(), Q(ee, {
|
|
133
|
+
"for-id": r(i),
|
|
134
134
|
label: e.label,
|
|
135
135
|
"hide-label": e.hideLabel,
|
|
136
136
|
required: e.required,
|
|
137
137
|
optional: e.optional,
|
|
138
138
|
disabled: e.disabled,
|
|
139
|
-
class:
|
|
139
|
+
class: v(e.inputContainerClass),
|
|
140
140
|
"label-class": e.labelClass
|
|
141
141
|
}, W({
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
142
|
+
error: d(() => [Z(re, {
|
|
143
|
+
error: e.error,
|
|
144
|
+
id: `${r(i)}-error`,
|
|
145
|
+
role: e.errorRole
|
|
146
|
+
}, {
|
|
147
|
+
error: d(() => [u(t.$slots, "error")]),
|
|
148
|
+
_: 3
|
|
149
|
+
}, 8, ["error", "id", "role"])]),
|
|
150
|
+
default: d(() => [V("div", {
|
|
151
|
+
class: v(r(y)(r(c), "cdr-input-wrap", H.value))
|
|
152
|
+
}, [e.rows && e.rows > 1 ? N((p(), f("textarea", z({
|
|
145
153
|
key: 0,
|
|
146
154
|
rows: e.rows,
|
|
147
|
-
class: r(
|
|
148
|
-
id: r(
|
|
155
|
+
class: r(y)(r(c), C, D.value, k.value, q.value, S.value, B.value, w.value, x.value),
|
|
156
|
+
id: r(i),
|
|
149
157
|
disabled: e.disabled,
|
|
150
158
|
"aria-required": e.required || void 0,
|
|
151
159
|
"aria-invalid": !!e.error || void 0,
|
|
152
|
-
"aria-errormessage": !!e.error && `${r(
|
|
153
|
-
"aria-describedby":
|
|
160
|
+
"aria-errormessage": !!e.error && `${r(i)}-error` || void 0,
|
|
161
|
+
"aria-describedby": I.value || void 0
|
|
154
162
|
}, t.$attrs, {
|
|
155
|
-
onFocus: o[0] || (o[0] = (n) =>
|
|
156
|
-
onBlur: o[1] || (o[1] = (n) =>
|
|
163
|
+
onFocus: o[0] || (o[0] = (n) => m.value = !0),
|
|
164
|
+
onBlur: o[1] || (o[1] = (n) => m.value = !1),
|
|
157
165
|
"onUpdate:modelValue": o[2] || (o[2] = (n) => b.value = n)
|
|
158
|
-
}), null, 16,
|
|
166
|
+
}), null, 16, ae)), [[X, b.value]]) : N((p(), f("input", z({
|
|
159
167
|
key: 1,
|
|
160
168
|
type: e.type,
|
|
161
|
-
class: r(
|
|
169
|
+
class: r(y)(r(c), C, k.value, q.value, S.value, B.value, w.value, x.value),
|
|
162
170
|
disabled: e.disabled,
|
|
163
171
|
"aria-required": e.required || void 0,
|
|
164
172
|
"aria-invalid": !!e.error || void 0,
|
|
165
|
-
"aria-errormessage": !!e.error && `${r(
|
|
166
|
-
},
|
|
167
|
-
"aria-describedby":
|
|
168
|
-
onFocus: o[3] || (o[3] = (n) =>
|
|
169
|
-
onBlur: o[4] || (o[4] = (n) =>
|
|
173
|
+
"aria-errormessage": !!e.error && `${r(i)}-error` || void 0
|
|
174
|
+
}, R.value, {
|
|
175
|
+
"aria-describedby": I.value || void 0,
|
|
176
|
+
onFocus: o[3] || (o[3] = (n) => m.value = !0),
|
|
177
|
+
onBlur: o[4] || (o[4] = (n) => m.value = !1),
|
|
170
178
|
"onUpdate:modelValue": o[5] || (o[5] = (n) => b.value = n)
|
|
171
|
-
}), null, 16,
|
|
179
|
+
}), null, 16, le)), [[Y, b.value]]), r(g) ? (p(), f("span", {
|
|
172
180
|
key: 2,
|
|
173
|
-
class:
|
|
174
|
-
}, [u(t.$slots, "pre-icon")], 2)) :
|
|
181
|
+
class: v(r(c)["cdr-input__pre-icon"])
|
|
182
|
+
}, [u(t.$slots, "pre-icon")], 2)) : P("", !0), h.value ? (p(), f("span", {
|
|
175
183
|
key: 3,
|
|
176
|
-
class:
|
|
177
|
-
}, [u(t.$slots, "post-icon")], 2)) :
|
|
184
|
+
class: v(r(c)["cdr-input__post-icon"])
|
|
185
|
+
}, [u(t.$slots, "post-icon")], 2)) : P("", !0)], 2)]),
|
|
178
186
|
_: 2
|
|
179
|
-
}, [r(
|
|
187
|
+
}, [r(M) ? {
|
|
180
188
|
name: "helper",
|
|
181
189
|
fn: d(() => [u(t.$slots, "helper-text-top")]),
|
|
182
190
|
key: "0"
|
|
183
|
-
} : void 0, r(
|
|
191
|
+
} : void 0, r(T) ? {
|
|
184
192
|
name: "info",
|
|
185
193
|
fn: d(() => [u(t.$slots, "info")]),
|
|
186
194
|
key: "1"
|
|
187
|
-
} : void 0, r(
|
|
195
|
+
} : void 0, r(U) ? {
|
|
188
196
|
name: "info-action",
|
|
189
197
|
fn: d(() => [u(t.$slots, "info-action")]),
|
|
190
198
|
key: "2"
|
|
191
|
-
} : void 0, r(
|
|
199
|
+
} : void 0, r(E) && !e.error ? {
|
|
192
200
|
name: "helper-text-bottom",
|
|
193
|
-
fn: d(() => [
|
|
194
|
-
id: `${r(
|
|
195
|
-
class:
|
|
196
|
-
}, [u(t.$slots, "helper-text-bottom")], 10,
|
|
201
|
+
fn: d(() => [V("span", {
|
|
202
|
+
id: `${r(i)}-helper-text-bottom`,
|
|
203
|
+
class: v(r(c)["cdr-input__helper-text"])
|
|
204
|
+
}, [u(t.$slots, "helper-text-bottom")], 10, se)]),
|
|
197
205
|
key: "3"
|
|
198
|
-
} : void 0, e.error ? {
|
|
199
|
-
name: "error",
|
|
200
|
-
fn: d(() => [e.error ? (m(), P(ee, {
|
|
201
|
-
key: 0,
|
|
202
|
-
error: e.error,
|
|
203
|
-
role: e.errorRole,
|
|
204
|
-
id: `${r(s)}-error`
|
|
205
|
-
}, {
|
|
206
|
-
error: d(() => [u(t.$slots, "error")]),
|
|
207
|
-
_: 3
|
|
208
|
-
}, 8, ["error", "role", "id"])) : y("", !0)]),
|
|
209
|
-
key: "4"
|
|
210
206
|
} : void 0]), 1032, ["for-id", "label", "hide-label", "required", "optional", "disabled", "class", "label-class"]));
|
|
211
207
|
}
|
|
212
208
|
});
|
|
@@ -1,37 +1,38 @@
|
|
|
1
|
-
const
|
|
2
|
-
"cdr-label-standalone": "cdr-label-standalone_16-
|
|
3
|
-
"cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_16-
|
|
4
|
-
"cdr-label-standalone__label": "cdr-label-standalone__label_16-
|
|
5
|
-
"cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_16-
|
|
6
|
-
"cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_16-
|
|
7
|
-
"cdr-label-standalone__optional": "cdr-label-standalone__optional_16-
|
|
8
|
-
"cdr-label-standalone__helper": "cdr-label-standalone__helper_16-
|
|
9
|
-
"cdr-label-standalone__info": "cdr-label-standalone__info_16-
|
|
10
|
-
"cdr-label-standalone__post-content": "cdr-label-standalone__post-content_16-
|
|
11
|
-
"cdr-label-standalone__info-action": "cdr-label-standalone__info-action_16-
|
|
12
|
-
"cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_16-
|
|
13
|
-
"cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_16-
|
|
14
|
-
"cdr-form-error": "cdr-form-error_16-
|
|
15
|
-
"cdr-form-error__icon": "cdr-form-error__icon_16-
|
|
16
|
-
"
|
|
17
|
-
"cdr-input
|
|
18
|
-
"cdr-input--
|
|
19
|
-
"cdr-input--
|
|
20
|
-
"cdr-input--
|
|
21
|
-
"cdr-input--
|
|
22
|
-
"cdr-input--
|
|
23
|
-
"cdr-input--
|
|
24
|
-
"cdr-input--
|
|
25
|
-
"cdr-input--
|
|
26
|
-
"cdr-input--large
|
|
27
|
-
"cdr-input--large@
|
|
28
|
-
"cdr-input--large@
|
|
29
|
-
"cdr-input--large@
|
|
30
|
-
"cdr-
|
|
31
|
-
"cdr-
|
|
32
|
-
"cdr-
|
|
33
|
-
"cdr-
|
|
1
|
+
const r = {
|
|
2
|
+
"cdr-label-standalone": "cdr-label-standalone_16-3-1",
|
|
3
|
+
"cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_16-3-1",
|
|
4
|
+
"cdr-label-standalone__label": "cdr-label-standalone__label_16-3-1",
|
|
5
|
+
"cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_16-3-1",
|
|
6
|
+
"cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_16-3-1",
|
|
7
|
+
"cdr-label-standalone__optional": "cdr-label-standalone__optional_16-3-1",
|
|
8
|
+
"cdr-label-standalone__helper": "cdr-label-standalone__helper_16-3-1",
|
|
9
|
+
"cdr-label-standalone__info": "cdr-label-standalone__info_16-3-1",
|
|
10
|
+
"cdr-label-standalone__post-content": "cdr-label-standalone__post-content_16-3-1",
|
|
11
|
+
"cdr-label-standalone__info-action": "cdr-label-standalone__info-action_16-3-1",
|
|
12
|
+
"cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_16-3-1",
|
|
13
|
+
"cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_16-3-1",
|
|
14
|
+
"cdr-form-error": "cdr-form-error_16-3-1",
|
|
15
|
+
"cdr-form-error__icon": "cdr-form-error__icon_16-3-1",
|
|
16
|
+
"--active-error": "--active-error_16-3-1",
|
|
17
|
+
"cdr-input": "cdr-input_16-3-1",
|
|
18
|
+
"cdr-input--focus": "cdr-input--focus_16-3-1",
|
|
19
|
+
"cdr-input--multiline": "cdr-input--multiline_16-3-1",
|
|
20
|
+
"cdr-input--preicon": "cdr-input--preicon_16-3-1",
|
|
21
|
+
"cdr-input--posticon": "cdr-input--posticon_16-3-1",
|
|
22
|
+
"cdr-input--posticons": "cdr-input--posticons_16-3-1",
|
|
23
|
+
"cdr-input--primary": "cdr-input--primary_16-3-1",
|
|
24
|
+
"cdr-input--secondary": "cdr-input--secondary_16-3-1",
|
|
25
|
+
"cdr-input--error": "cdr-input--error_16-3-1",
|
|
26
|
+
"cdr-input--large": "cdr-input--large_16-3-1",
|
|
27
|
+
"cdr-input--large@xs": "cdr-input--large@xs_16-3-1",
|
|
28
|
+
"cdr-input--large@sm": "cdr-input--large@sm_16-3-1",
|
|
29
|
+
"cdr-input--large@md": "cdr-input--large@md_16-3-1",
|
|
30
|
+
"cdr-input--large@lg": "cdr-input--large@lg_16-3-1",
|
|
31
|
+
"cdr-input__pre-icon": "cdr-input__pre-icon_16-3-1",
|
|
32
|
+
"cdr-input__post-icon": "cdr-input__post-icon_16-3-1",
|
|
33
|
+
"cdr-input__helper-text": "cdr-input__helper-text_16-3-1",
|
|
34
|
+
"cdr-input-wrap": "cdr-input-wrap_16-3-1"
|
|
34
35
|
};
|
|
35
36
|
export {
|
|
36
|
-
|
|
37
|
+
r as default
|
|
37
38
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
const l = {
|
|
2
|
-
"cdr-label-standalone": "cdr-label-standalone_16-
|
|
3
|
-
"cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_16-
|
|
4
|
-
"cdr-label-standalone__label": "cdr-label-standalone__label_16-
|
|
5
|
-
"cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_16-
|
|
6
|
-
"cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_16-
|
|
7
|
-
"cdr-label-standalone__optional": "cdr-label-standalone__optional_16-
|
|
8
|
-
"cdr-label-standalone__helper": "cdr-label-standalone__helper_16-
|
|
9
|
-
"cdr-label-standalone__info": "cdr-label-standalone__info_16-
|
|
10
|
-
"cdr-label-standalone__post-content": "cdr-label-standalone__post-content_16-
|
|
11
|
-
"cdr-label-standalone__info-action": "cdr-label-standalone__info-action_16-
|
|
12
|
-
"cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_16-
|
|
13
|
-
"cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_16-
|
|
2
|
+
"cdr-label-standalone": "cdr-label-standalone_16-3-1",
|
|
3
|
+
"cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_16-3-1",
|
|
4
|
+
"cdr-label-standalone__label": "cdr-label-standalone__label_16-3-1",
|
|
5
|
+
"cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_16-3-1",
|
|
6
|
+
"cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_16-3-1",
|
|
7
|
+
"cdr-label-standalone__optional": "cdr-label-standalone__optional_16-3-1",
|
|
8
|
+
"cdr-label-standalone__helper": "cdr-label-standalone__helper_16-3-1",
|
|
9
|
+
"cdr-label-standalone__info": "cdr-label-standalone__info_16-3-1",
|
|
10
|
+
"cdr-label-standalone__post-content": "cdr-label-standalone__post-content_16-3-1",
|
|
11
|
+
"cdr-label-standalone__info-action": "cdr-label-standalone__info-action_16-3-1",
|
|
12
|
+
"cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_16-3-1",
|
|
13
|
+
"cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_16-3-1"
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
16
16
|
l as default
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
const r = {
|
|
2
|
-
"cdr-label-wrapper": "cdr-label-wrapper_16-
|
|
3
|
-
"cdr-label-wrapper__container": "cdr-label-wrapper__container_16-
|
|
4
|
-
"cdr-label-wrapper--primary": "cdr-label-wrapper--primary_16-
|
|
5
|
-
"cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_16-
|
|
6
|
-
"cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_16-
|
|
7
|
-
"cdr-label-wrapper__figure": "cdr-label-wrapper__figure_16-
|
|
8
|
-
"cdr-label-wrapper__content": "cdr-label-wrapper__content_16-
|
|
9
|
-
"cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_16-
|
|
10
|
-
"cdr-checkbox__svg-box": "cdr-checkbox__svg-box_16-
|
|
11
|
-
"cdr-label-wrapper--small": "cdr-label-wrapper--small_16-
|
|
12
|
-
"cdr-label-wrapper--medium": "cdr-label-wrapper--medium_16-
|
|
13
|
-
"cdr-label-wrapper--large": "cdr-label-wrapper--large_16-
|
|
14
|
-
"cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_16-
|
|
15
|
-
"cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_16-
|
|
16
|
-
"cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_16-
|
|
17
|
-
"cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_16-
|
|
18
|
-
"cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_16-
|
|
19
|
-
"cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_16-
|
|
20
|
-
"cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_16-
|
|
21
|
-
"cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_16-
|
|
22
|
-
"cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_16-
|
|
23
|
-
"cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_16-
|
|
24
|
-
"cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_16-
|
|
25
|
-
"cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_16-
|
|
26
|
-
"cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_16-
|
|
2
|
+
"cdr-label-wrapper": "cdr-label-wrapper_16-3-1",
|
|
3
|
+
"cdr-label-wrapper__container": "cdr-label-wrapper__container_16-3-1",
|
|
4
|
+
"cdr-label-wrapper--primary": "cdr-label-wrapper--primary_16-3-1",
|
|
5
|
+
"cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_16-3-1",
|
|
6
|
+
"cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_16-3-1",
|
|
7
|
+
"cdr-label-wrapper__figure": "cdr-label-wrapper__figure_16-3-1",
|
|
8
|
+
"cdr-label-wrapper__content": "cdr-label-wrapper__content_16-3-1",
|
|
9
|
+
"cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_16-3-1",
|
|
10
|
+
"cdr-checkbox__svg-box": "cdr-checkbox__svg-box_16-3-1",
|
|
11
|
+
"cdr-label-wrapper--small": "cdr-label-wrapper--small_16-3-1",
|
|
12
|
+
"cdr-label-wrapper--medium": "cdr-label-wrapper--medium_16-3-1",
|
|
13
|
+
"cdr-label-wrapper--large": "cdr-label-wrapper--large_16-3-1",
|
|
14
|
+
"cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_16-3-1",
|
|
15
|
+
"cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_16-3-1",
|
|
16
|
+
"cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_16-3-1",
|
|
17
|
+
"cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_16-3-1",
|
|
18
|
+
"cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_16-3-1",
|
|
19
|
+
"cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_16-3-1",
|
|
20
|
+
"cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_16-3-1",
|
|
21
|
+
"cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_16-3-1",
|
|
22
|
+
"cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_16-3-1",
|
|
23
|
+
"cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_16-3-1",
|
|
24
|
+
"cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_16-3-1",
|
|
25
|
+
"cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_16-3-1",
|
|
26
|
+
"cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_16-3-1"
|
|
27
27
|
};
|
|
28
28
|
export {
|
|
29
29
|
r as default
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const d = {
|
|
2
|
-
"cdr-heading-display": "cdr-heading-display_16-
|
|
3
|
-
"cdr-subheading-sans": "cdr-subheading-sans_16-
|
|
4
|
-
"cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_16-
|
|
5
|
-
"cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_16-
|
|
2
|
+
"cdr-heading-display": "cdr-heading-display_16-3-1",
|
|
3
|
+
"cdr-subheading-sans": "cdr-subheading-sans_16-3-1",
|
|
4
|
+
"cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_16-3-1",
|
|
5
|
+
"cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_16-3-1"
|
|
6
6
|
};
|
|
7
7
|
export {
|
|
8
8
|
d as default
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
const d = {
|
|
2
|
-
"cdr-image": "cdr-image_16-
|
|
3
|
-
"cdr-heading-display": "cdr-heading-display_16-
|
|
4
|
-
"cdr-subheading-sans": "cdr-subheading-sans_16-
|
|
5
|
-
"cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_16-
|
|
6
|
-
"cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_16-
|
|
7
|
-
"cdr-landing-lead": "cdr-landing-lead_16-
|
|
8
|
-
"cdr-landing-lead__image": "cdr-landing-lead__image_16-
|
|
9
|
-
"cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_16-
|
|
2
|
+
"cdr-image": "cdr-image_16-3-1",
|
|
3
|
+
"cdr-heading-display": "cdr-heading-display_16-3-1",
|
|
4
|
+
"cdr-subheading-sans": "cdr-subheading-sans_16-3-1",
|
|
5
|
+
"cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_16-3-1",
|
|
6
|
+
"cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_16-3-1",
|
|
7
|
+
"cdr-landing-lead": "cdr-landing-lead_16-3-1",
|
|
8
|
+
"cdr-landing-lead__image": "cdr-landing-lead__image_16-3-1",
|
|
9
|
+
"cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_16-3-1"
|
|
10
10
|
};
|
|
11
11
|
export {
|
|
12
12
|
d as default
|