@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.
Files changed (140) hide show
  1. package/dist/cdr-reset.css +1 -1
  2. package/dist/cdr-style.css +1 -1
  3. package/dist/cedar.umd.js +10 -10
  4. package/dist/component-docgen.json +2715 -2699
  5. package/dist/components/abstract/styles/CdrAbstract.module.scss.mjs +1 -1
  6. package/dist/components/accordion/styles/CdrAccordion.module.scss.mjs +28 -28
  7. package/dist/components/accordion/styles/CdrAccordionGroup.module.scss.mjs +2 -2
  8. package/dist/components/banner/styles/CdrBanner.module.scss.mjs +14 -14
  9. package/dist/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs +7 -7
  10. package/dist/components/button/styles/CdrButton.module.scss.mjs +31 -31
  11. package/dist/components/caption/styles/CdrCaption.module.scss.mjs +2 -2
  12. package/dist/components/card/styles/CdrCard.module.scss.mjs +1 -1
  13. package/dist/components/checkbox/styles/CdrCheckbox.module.scss.mjs +27 -27
  14. package/dist/components/chip/styles/CdrChip.module.scss.mjs +4 -4
  15. package/dist/components/chip/styles/CdrChipGroup.module.scss.mjs +4 -4
  16. package/dist/components/choreographer/styles/CdrChoreographer.module.scss.mjs +4 -4
  17. package/dist/components/container/styles/CdrContainer.module.scss.mjs +2 -2
  18. package/dist/components/filmstrip/CdrFilmstrip.vue.mjs +29 -29
  19. package/dist/components/filmstrip/styles/CdrFilmstrip.module.scss.mjs +7 -7
  20. package/dist/components/formError/CdrFormError.vue2.mjs +25 -14
  21. package/dist/components/formError/styles/CdrFormError.module.scss.mjs +3 -2
  22. package/dist/components/formGroup/styles/CdrFormGroup.module.scss.mjs +9 -8
  23. package/dist/components/fulfillmentTile/styles/CdrFulfillmentTileIcon.module.scss.mjs +6 -6
  24. package/dist/components/fulfillmentTile/styles/CdrFulfillmentTitle.module.scss.mjs +6 -6
  25. package/dist/components/grid/styles/CdrGrid.module.scss.mjs +21 -21
  26. package/dist/components/icon/styles/CdrIcon.module.scss.mjs +12 -12
  27. package/dist/components/image/styles/CdrImg.module.scss.mjs +1 -1
  28. package/dist/components/input/CdrInput.vue2.mjs +68 -72
  29. package/dist/components/input/styles/CdrInput.module.scss.mjs +35 -34
  30. package/dist/components/kicker/styles/CdrKicker.module.scss.mjs +1 -1
  31. package/dist/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs +12 -12
  32. package/dist/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs +25 -25
  33. package/dist/components/landingLead/styles/CdrHeadingSubheadingBlock.module.scss.mjs +4 -4
  34. package/dist/components/landingLead/styles/CdrLandingLead.module.scss.mjs +8 -8
  35. package/dist/components/layout/styles/CdrLayout.module.scss.mjs +84 -84
  36. package/dist/components/link/styles/CdrLink.module.scss.mjs +4 -4
  37. package/dist/components/list/styles/CdrList.module.scss.mjs +5 -5
  38. package/dist/components/mediaObject/styles/CdrMediaObject.module.scss.mjs +6 -6
  39. package/dist/components/modal/styles/CdrModal.module.scss.mjs +12 -12
  40. package/dist/components/objectOverlay/styles/CdrObjectOverlay.module.scss.mjs +3 -3
  41. package/dist/components/pagination/styles/CdrPagination.module.scss.mjs +54 -53
  42. package/dist/components/picture/styles/CdrPicture.module.scss.mjs +2 -2
  43. package/dist/components/popover/styles/CdrPopover.module.scss.mjs +63 -63
  44. package/dist/components/popup/styles/CdrPopup.module.scss.mjs +14 -14
  45. package/dist/components/quote/styles/CdrQuote.module.scss.mjs +4 -4
  46. package/dist/components/radio/styles/CdrRadio.module.scss.mjs +27 -27
  47. package/dist/components/rating/styles/CdrRating.module.scss.mjs +44 -44
  48. package/dist/components/select/styles/CdrSelect.module.scss.mjs +43 -42
  49. package/dist/components/skeleton/styles/CdrSkeleton.module.scss.mjs +1 -1
  50. package/dist/components/skeleton/styles/CdrSkeletonBone.module.scss.mjs +7 -7
  51. package/dist/components/splitSurface/styles/CdrSplitSurface.module.scss.mjs +5 -5
  52. package/dist/components/surface/styles/CdrSurface.module.scss.mjs +1 -1
  53. package/dist/components/surfaceScroll/styles/CdrSurfaceScroll.module.scss.mjs +4 -4
  54. package/dist/components/surfaceSelection/styles/CdrSurfaceSelection.module.scss.mjs +4 -4
  55. package/dist/components/switch/styles/CdrSwitch.module.scss.mjs +8 -8
  56. package/dist/components/table/styles/CdrTable.module.scss.mjs +13 -13
  57. package/dist/components/tabs/styles/CdrTabPanel.module.scss.mjs +5 -5
  58. package/dist/components/tabs/styles/CdrTabs.module.scss.mjs +28 -28
  59. package/dist/components/text/presets/styles/CdrBody.module.scss.mjs +1 -1
  60. package/dist/components/text/presets/styles/CdrEyebrow.module.scss.mjs +1 -1
  61. package/dist/components/text/presets/styles/CdrHeadingDisplay.module.scss.mjs +1 -1
  62. package/dist/components/text/presets/styles/CdrHeadingSans.module.scss.mjs +1 -1
  63. package/dist/components/text/presets/styles/CdrHeadingSerif.module.scss.mjs +1 -1
  64. package/dist/components/text/presets/styles/CdrSubheadingSans.module.scss.mjs +1 -1
  65. package/dist/components/text/presets/styles/CdrUtilitySans.module.scss.mjs +1 -1
  66. package/dist/components/text/presets/styles/CdrUtilitySerif.module.scss.mjs +1 -1
  67. package/dist/components/text/styles/CdrText.module.scss.mjs +1 -1
  68. package/dist/components/title/styles/CdrTitle.module.scss.mjs +1 -1
  69. package/dist/components/toast/styles/CdrToast.module.scss.mjs +57 -57
  70. package/dist/components/toggleButton/styles/CdrToggleButton.module.scss.mjs +2 -2
  71. package/dist/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs +5 -5
  72. package/dist/components/tooltip/styles/CdrTooltip.module.scss.mjs +16 -16
  73. package/dist/icon-component-docgen.json +484 -484
  74. package/dist/style/cdr-abstract.css +1 -1
  75. package/dist/style/cdr-accordion-group.css +1 -1
  76. package/dist/style/cdr-accordion.css +1 -1
  77. package/dist/style/cdr-banner.css +1 -1
  78. package/dist/style/cdr-body.css +1 -1
  79. package/dist/style/cdr-breadcrumb.css +1 -1
  80. package/dist/style/cdr-button.css +1 -1
  81. package/dist/style/cdr-caption.css +1 -1
  82. package/dist/style/cdr-card.css +1 -1
  83. package/dist/style/cdr-checkbox.css +1 -1
  84. package/dist/style/cdr-chip-group.css +1 -1
  85. package/dist/style/cdr-chip.css +1 -1
  86. package/dist/style/cdr-choreographer.css +1 -1
  87. package/dist/style/cdr-container.css +1 -1
  88. package/dist/style/cdr-eyebrow.css +1 -1
  89. package/dist/style/cdr-filmstrip.css +1 -1
  90. package/dist/style/cdr-form-error.css +1 -1
  91. package/dist/style/cdr-form-group.css +1 -1
  92. package/dist/style/cdr-fulfillment-tile-icon.css +1 -1
  93. package/dist/style/cdr-fulfillment-title.css +1 -1
  94. package/dist/style/cdr-grid.css +1 -1
  95. package/dist/style/cdr-heading-display.css +1 -1
  96. package/dist/style/cdr-heading-sans.css +1 -1
  97. package/dist/style/cdr-heading-serif.css +1 -1
  98. package/dist/style/cdr-heading-subheading-block.css +1 -1
  99. package/dist/style/cdr-icon.css +1 -1
  100. package/dist/style/cdr-img.css +1 -1
  101. package/dist/style/cdr-input.css +1 -1
  102. package/dist/style/cdr-kicker.css +1 -1
  103. package/dist/style/cdr-label-standalone.css +1 -1
  104. package/dist/style/cdr-label-wrapper.css +1 -1
  105. package/dist/style/cdr-landing-lead.css +1 -1
  106. package/dist/style/cdr-layout.css +1 -1
  107. package/dist/style/cdr-link.css +1 -1
  108. package/dist/style/cdr-list.css +1 -1
  109. package/dist/style/cdr-media-object.css +1 -1
  110. package/dist/style/cdr-modal.css +1 -1
  111. package/dist/style/cdr-object-overlay.css +1 -1
  112. package/dist/style/cdr-pagination.css +1 -1
  113. package/dist/style/cdr-picture.css +1 -1
  114. package/dist/style/cdr-popover.css +1 -1
  115. package/dist/style/cdr-popup.css +1 -1
  116. package/dist/style/cdr-quote.css +1 -1
  117. package/dist/style/cdr-radio.css +1 -1
  118. package/dist/style/cdr-rating.css +1 -1
  119. package/dist/style/cdr-reset.css +1 -1
  120. package/dist/style/cdr-select.css +1 -1
  121. package/dist/style/cdr-skeleton-bone.css +1 -1
  122. package/dist/style/cdr-skeleton.css +1 -1
  123. package/dist/style/cdr-split-surface.css +1 -1
  124. package/dist/style/cdr-subheading-sans.css +1 -1
  125. package/dist/style/cdr-surface-scroll.css +1 -1
  126. package/dist/style/cdr-surface-selection.css +1 -1
  127. package/dist/style/cdr-surface.css +1 -1
  128. package/dist/style/cdr-switch.css +1 -1
  129. package/dist/style/cdr-tab-panel.css +1 -1
  130. package/dist/style/cdr-table.css +1 -1
  131. package/dist/style/cdr-tabs.css +1 -1
  132. package/dist/style/cdr-text.css +1 -1
  133. package/dist/style/cdr-title.css +1 -1
  134. package/dist/style/cdr-toast.css +1 -1
  135. package/dist/style/cdr-toggle-button.css +1 -1
  136. package/dist/style/cdr-toggle-group.css +1 -1
  137. package/dist/style/cdr-tooltip.css +1 -1
  138. package/dist/style/cdr-utility-sans.css +1 -1
  139. package/dist/style/cdr-utility-serif.css +1 -1
  140. package/package.json +2 -2
@@ -1,25 +1,25 @@
1
1
  const r = {
2
- "cdr-grid": "cdr-grid_16-2-2",
3
- "cdr-grid--gutter-none": "cdr-grid--gutter-none_16-2-2",
4
- "cdr-grid--gutter-small": "cdr-grid--gutter-small_16-2-2",
5
- "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_16-2-2",
6
- "cdr-grid--gutter-large": "cdr-grid--gutter-large_16-2-2",
7
- "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_16-2-2",
8
- "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_16-2-2",
9
- "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_16-2-2",
10
- "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_16-2-2",
11
- "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_16-2-2",
12
- "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_16-2-2",
13
- "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_16-2-2",
14
- "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_16-2-2",
15
- "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_16-2-2",
16
- "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_16-2-2",
17
- "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_16-2-2",
18
- "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_16-2-2",
19
- "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_16-2-2",
20
- "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_16-2-2",
21
- "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_16-2-2",
22
- "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_16-2-2"
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-2-2",
3
- "cdr-icon--small": "cdr-icon--small_16-2-2",
4
- "cdr-icon--large": "cdr-icon--large_16-2-2",
5
- "cdr-icon--small@xs": "cdr-icon--small@xs_16-2-2",
6
- "cdr-icon--large@xs": "cdr-icon--large@xs_16-2-2",
7
- "cdr-icon--small@sm": "cdr-icon--small@sm_16-2-2",
8
- "cdr-icon--large@sm": "cdr-icon--large@sm_16-2-2",
9
- "cdr-icon--small@md": "cdr-icon--small@md_16-2-2",
10
- "cdr-icon--large@md": "cdr-icon--large@md_16-2-2",
11
- "cdr-icon--small@lg": "cdr-icon--small@lg_16-2-2",
12
- "cdr-icon--large@lg": "cdr-icon--large@lg_16-2-2",
13
- "cdr-icon--inherit-color": "cdr-icon--inherit-color_16-2-2"
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,5 +1,5 @@
1
1
  const e = {
2
- "cdr-image": "cdr-image_16-2-2"
2
+ "cdr-image": "cdr-image_16-3-1"
3
3
  };
4
4
  export {
5
5
  e as default
@@ -1,11 +1,11 @@
1
- import { defineComponent as O, useSlots as G, useAttrs as J, useCssModule as K, ref as Q, computed as a, createBlock as P, openBlock as m, normalizeClass as p, unref as r, createSlots as W, withCtx as d, createElementVNode as z, withDirectives as N, createElementBlock as f, createCommentVNode as y, mergeProps as A, vModelText as X, vModelDynamic as Y, renderSlot as u } from "vue";
2
- import Z from "../../utils/propValidator.mjs";
3
- import _ from "../labelStandalone/CdrLabelStandalone.vue.mjs";
4
- import ee from "../formError/CdrFormError.vue.mjs";
5
- import re from "../../props/background.mjs";
6
- import C from "../../utils/mapClasses.mjs";
7
- import te from "../../utils/uid.mjs";
8
- const oe = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], ae = ["type", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby"], le = ["id"], $ = "cdr-input", ve = /* @__PURE__ */ O({
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) => Z(e, ["text", "email", "number", "password", "search", "url", "tel", "date", "datetime-local"])
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: re,
61
+ background: te,
62
62
  /**
63
63
  * Sets the input field size
64
- * @demoSelectMultiple true
65
- * @values large
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
- * Event emitted by v-model on the <input> element
105
- * @param modelValue
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: F
110
+ emit: A
111
111
  }) {
112
- const l = e, M = F, i = G(), g = J(), c = K(), v = Q(!1), E = i["helper-text-top"], L = i["helper-text-bottom"], h = i["pre-icon"], k = a(() => i["post-icon"]), T = a(() => i["post-icon"] ? i["post-icon"]().length > 1 : !1), U = i.info, D = i["info-action"], s = l.id ? l.id : te(), H = a(() => l.rows > 1 ? "cdr-input--multiline" : ""), q = a(() => h ? "cdr-input--preicon" : ""), S = a(() => k.value ? "cdr-input--posticon" : ""), B = a(() => T.value ? "cdr-input--posticons" : ""), w = a(() => l.error ? "cdr-input--error" : ""), x = a(() => `cdr-input--${l.background}`), I = a(() => l.size ? `${$}--${l.size}` : ""), R = a(() => v.value ? "cdr-input--focus" : ""), V = a(() => {
113
- const t = [i["helper-text-top"] ? `${s}-helper-text-top` : "", i["helper-text-bottom"] ? `${s}-helper-text-bottom` : "", g["aria-describedby"]].filter((o) => o).join(" ");
114
- return l.error ? `${s}-error` : t;
115
- }), j = a(() => {
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: s,
118
+ id: i,
119
119
  autocomplete: "off",
120
120
  pattern: t ? "[0-9]*" : void 0,
121
121
  inputmode: t ? "numeric" : void 0,
122
- ...g
122
+ ...$
123
123
  };
124
124
  }), b = a({
125
125
  get() {
126
126
  return l.modelValue;
127
127
  },
128
128
  set(t) {
129
- M("update:modelValue", t);
129
+ F("update:modelValue", t);
130
130
  }
131
131
  });
132
- return (t, o) => (m(), P(_, {
133
- "for-id": r(s),
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: p(e.inputContainerClass),
139
+ class: v(e.inputContainerClass),
140
140
  "label-class": e.labelClass
141
141
  }, W({
142
- default: d(() => [z("div", {
143
- class: p(r(C)(r(c), "cdr-input-wrap", R.value))
144
- }, [e.rows && e.rows > 1 ? N((m(), f("textarea", A({
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(C)(r(c), $, H.value, q.value, S.value, B.value, w.value, x.value, I.value),
148
- id: r(s),
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(s)}-error` || void 0,
153
- "aria-describedby": V.value || void 0
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) => v.value = !0),
156
- onBlur: o[1] || (o[1] = (n) => v.value = !1),
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, oe)), [[X, b.value]]) : N((m(), f("input", A({
166
+ }), null, 16, ae)), [[X, b.value]]) : N((p(), f("input", z({
159
167
  key: 1,
160
168
  type: e.type,
161
- class: r(C)(r(c), $, q.value, S.value, B.value, w.value, x.value, I.value),
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(s)}-error` || void 0
166
- }, j.value, {
167
- "aria-describedby": V.value || void 0,
168
- onFocus: o[3] || (o[3] = (n) => v.value = !0),
169
- onBlur: o[4] || (o[4] = (n) => v.value = !1),
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, ae)), [[Y, b.value]]), r(h) ? (m(), f("span", {
179
+ }), null, 16, le)), [[Y, b.value]]), r(g) ? (p(), f("span", {
172
180
  key: 2,
173
- class: p(r(c)["cdr-input__pre-icon"])
174
- }, [u(t.$slots, "pre-icon")], 2)) : y("", !0), k.value ? (m(), f("span", {
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: p(r(c)["cdr-input__post-icon"])
177
- }, [u(t.$slots, "post-icon")], 2)) : y("", !0)], 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(E) ? {
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(U) ? {
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(D) ? {
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(L) && !e.error ? {
199
+ } : void 0, r(E) && !e.error ? {
192
200
  name: "helper-text-bottom",
193
- fn: d(() => [z("span", {
194
- id: `${r(s)}-helper-text-bottom`,
195
- class: p(r(c)["cdr-input__helper-text"])
196
- }, [u(t.$slots, "helper-text-bottom")], 10, le)]),
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 n = {
2
- "cdr-label-standalone": "cdr-label-standalone_16-2-2",
3
- "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_16-2-2",
4
- "cdr-label-standalone__label": "cdr-label-standalone__label_16-2-2",
5
- "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_16-2-2",
6
- "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_16-2-2",
7
- "cdr-label-standalone__optional": "cdr-label-standalone__optional_16-2-2",
8
- "cdr-label-standalone__helper": "cdr-label-standalone__helper_16-2-2",
9
- "cdr-label-standalone__info": "cdr-label-standalone__info_16-2-2",
10
- "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_16-2-2",
11
- "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_16-2-2",
12
- "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_16-2-2",
13
- "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_16-2-2",
14
- "cdr-form-error": "cdr-form-error_16-2-2",
15
- "cdr-form-error__icon": "cdr-form-error__icon_16-2-2",
16
- "cdr-input": "cdr-input_16-2-2",
17
- "cdr-input--focus": "cdr-input--focus_16-2-2",
18
- "cdr-input--multiline": "cdr-input--multiline_16-2-2",
19
- "cdr-input--preicon": "cdr-input--preicon_16-2-2",
20
- "cdr-input--posticon": "cdr-input--posticon_16-2-2",
21
- "cdr-input--posticons": "cdr-input--posticons_16-2-2",
22
- "cdr-input--primary": "cdr-input--primary_16-2-2",
23
- "cdr-input--secondary": "cdr-input--secondary_16-2-2",
24
- "cdr-input--error": "cdr-input--error_16-2-2",
25
- "cdr-input--large": "cdr-input--large_16-2-2",
26
- "cdr-input--large@xs": "cdr-input--large@xs_16-2-2",
27
- "cdr-input--large@sm": "cdr-input--large@sm_16-2-2",
28
- "cdr-input--large@md": "cdr-input--large@md_16-2-2",
29
- "cdr-input--large@lg": "cdr-input--large@lg_16-2-2",
30
- "cdr-input__pre-icon": "cdr-input__pre-icon_16-2-2",
31
- "cdr-input__post-icon": "cdr-input__post-icon_16-2-2",
32
- "cdr-input__helper-text": "cdr-input__helper-text_16-2-2",
33
- "cdr-input-wrap": "cdr-input-wrap_16-2-2"
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
- n as default
37
+ r as default
37
38
  };
@@ -1,5 +1,5 @@
1
1
  const c = {
2
- "cdr-kicker": "cdr-kicker_16-2-2"
2
+ "cdr-kicker": "cdr-kicker_16-3-1"
3
3
  };
4
4
  export {
5
5
  c as default
@@ -1,16 +1,16 @@
1
1
  const l = {
2
- "cdr-label-standalone": "cdr-label-standalone_16-2-2",
3
- "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_16-2-2",
4
- "cdr-label-standalone__label": "cdr-label-standalone__label_16-2-2",
5
- "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_16-2-2",
6
- "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_16-2-2",
7
- "cdr-label-standalone__optional": "cdr-label-standalone__optional_16-2-2",
8
- "cdr-label-standalone__helper": "cdr-label-standalone__helper_16-2-2",
9
- "cdr-label-standalone__info": "cdr-label-standalone__info_16-2-2",
10
- "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_16-2-2",
11
- "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_16-2-2",
12
- "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_16-2-2",
13
- "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_16-2-2"
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-2-2",
3
- "cdr-label-wrapper__container": "cdr-label-wrapper__container_16-2-2",
4
- "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_16-2-2",
5
- "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_16-2-2",
6
- "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_16-2-2",
7
- "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_16-2-2",
8
- "cdr-label-wrapper__content": "cdr-label-wrapper__content_16-2-2",
9
- "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_16-2-2",
10
- "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_16-2-2",
11
- "cdr-label-wrapper--small": "cdr-label-wrapper--small_16-2-2",
12
- "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_16-2-2",
13
- "cdr-label-wrapper--large": "cdr-label-wrapper--large_16-2-2",
14
- "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_16-2-2",
15
- "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_16-2-2",
16
- "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_16-2-2",
17
- "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_16-2-2",
18
- "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_16-2-2",
19
- "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_16-2-2",
20
- "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_16-2-2",
21
- "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_16-2-2",
22
- "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_16-2-2",
23
- "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_16-2-2",
24
- "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_16-2-2",
25
- "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_16-2-2",
26
- "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_16-2-2"
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-2-2",
3
- "cdr-subheading-sans": "cdr-subheading-sans_16-2-2",
4
- "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_16-2-2",
5
- "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_16-2-2"
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-2-2",
3
- "cdr-heading-display": "cdr-heading-display_16-2-2",
4
- "cdr-subheading-sans": "cdr-subheading-sans_16-2-2",
5
- "cdr-heading-subheading-block__heading": "cdr-heading-subheading-block__heading_16-2-2",
6
- "cdr-heading-subheading-block__subheading": "cdr-heading-subheading-block__subheading_16-2-2",
7
- "cdr-landing-lead": "cdr-landing-lead_16-2-2",
8
- "cdr-landing-lead__image": "cdr-landing-lead__image_16-2-2",
9
- "cdr-landing-lead__copy-block": "cdr-landing-lead__copy-block_16-2-2"
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