@rei/cedar 15.5.1 → 15.6.1-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/cdr-style.css +1 -1
  2. package/dist/cedar.umd.js +11 -9
  3. package/dist/component-docgen.json +3823 -3553
  4. package/dist/components/abstract/styles/CdrAbstract.module.scss.mjs +1 -1
  5. package/dist/components/accordion/styles/CdrAccordion.module.scss.mjs +29 -29
  6. package/dist/components/accordion/styles/CdrAccordionGroup.module.scss.mjs +2 -2
  7. package/dist/components/banner/styles/CdrBanner.module.scss.mjs +14 -14
  8. package/dist/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs +7 -7
  9. package/dist/components/button/styles/CdrButton.module.scss.mjs +31 -31
  10. package/dist/components/caption/styles/CdrCaption.module.scss.mjs +4 -4
  11. package/dist/components/card/styles/CdrCard.module.scss.mjs +3 -3
  12. package/dist/components/checkbox/styles/CdrCheckbox.module.scss.mjs +27 -27
  13. package/dist/components/chip/styles/CdrChip.module.scss.mjs +4 -4
  14. package/dist/components/chip/styles/CdrChipGroup.module.scss.mjs +4 -4
  15. package/dist/components/choreographer/styles/CdrChoreographer.module.scss.mjs +4 -4
  16. package/dist/components/container/styles/CdrContainer.module.scss.mjs +2 -2
  17. package/dist/components/filmstrip/CdrFilmstrip.vue.mjs +92 -0
  18. package/dist/components/filmstrip/CdrFilmstrip.vue2.mjs +4 -0
  19. package/dist/components/filmstrip/CdrFilmstripEngine.vue.mjs +9 -0
  20. package/dist/components/filmstrip/CdrFilmstripEngine.vue2.mjs +196 -0
  21. package/dist/components/filmstrip/styles/CdrFilmstrip.module.scss.mjs +17 -0
  22. package/dist/components/formError/styles/CdrFormError.module.scss.mjs +2 -2
  23. package/dist/components/formGroup/styles/CdrFormGroup.module.scss.mjs +8 -8
  24. package/dist/components/fulfillmentTile/styles/CdrFulfillmentTileIcon.module.scss.mjs +6 -6
  25. package/dist/components/fulfillmentTile/styles/CdrFulfillmentTitle.module.scss.mjs +8 -8
  26. package/dist/components/grid/styles/CdrGrid.module.scss.mjs +21 -21
  27. package/dist/components/icon/styles/CdrIcon.module.scss.mjs +12 -12
  28. package/dist/components/image/styles/CdrImg.module.scss.mjs +1 -1
  29. package/dist/components/input/styles/CdrInput.module.scss.mjs +34 -34
  30. package/dist/components/kicker/styles/CdrKicker.module.scss.mjs +3 -3
  31. package/dist/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs +14 -14
  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 +3 -3
  37. package/dist/components/list/styles/CdrList.module.scss.mjs +7 -7
  38. package/dist/components/mediaObject/styles/CdrMediaObject.module.scss.mjs +8 -8
  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 +55 -55
  42. package/dist/components/picture/styles/CdrPicture.module.scss.mjs +4 -4
  43. package/dist/components/popover/styles/CdrPopover.module.scss.mjs +65 -65
  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 +44 -44
  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 +3 -3
  53. package/dist/components/surfaceSelection/styles/CdrSurfaceSelection.module.scss.mjs +4 -4
  54. package/dist/components/switch/styles/CdrSwitch.module.scss.mjs +10 -10
  55. package/dist/components/table/styles/CdrTable.module.scss.mjs +15 -15
  56. package/dist/components/tabs/styles/CdrTabPanel.module.scss.mjs +5 -5
  57. package/dist/components/tabs/styles/CdrTabs.module.scss.mjs +28 -28
  58. package/dist/components/text/presets/styles/CdrBody.module.scss.mjs +1 -1
  59. package/dist/components/text/presets/styles/CdrEyebrow.module.scss.mjs +1 -1
  60. package/dist/components/text/presets/styles/CdrHeadingDisplay.module.scss.mjs +3 -3
  61. package/dist/components/text/presets/styles/CdrHeadingSans.module.scss.mjs +3 -3
  62. package/dist/components/text/presets/styles/CdrHeadingSerif.module.scss.mjs +1 -1
  63. package/dist/components/text/presets/styles/CdrSubheadingSans.module.scss.mjs +1 -1
  64. package/dist/components/text/presets/styles/CdrUtilitySans.module.scss.mjs +1 -1
  65. package/dist/components/text/presets/styles/CdrUtilitySerif.module.scss.mjs +1 -1
  66. package/dist/components/text/styles/CdrText.module.scss.mjs +1 -1
  67. package/dist/components/title/styles/CdrTitle.module.scss.mjs +1 -1
  68. package/dist/components/toast/styles/CdrToast.module.scss.mjs +57 -57
  69. package/dist/components/toggleButton/styles/CdrToggleButton.module.scss.mjs +2 -2
  70. package/dist/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs +7 -7
  71. package/dist/components/tooltip/styles/CdrTooltip.module.scss.mjs +16 -16
  72. package/dist/icon-component-docgen.json +666 -666
  73. package/dist/lib.d.ts +538 -228
  74. package/dist/lib.mjs +394 -392
  75. package/dist/style/cdr-abstract.css +1 -1
  76. package/dist/style/cdr-accordion-group.css +1 -1
  77. package/dist/style/cdr-accordion.css +1 -1
  78. package/dist/style/cdr-banner.css +1 -1
  79. package/dist/style/cdr-body.css +1 -1
  80. package/dist/style/cdr-breadcrumb.css +1 -1
  81. package/dist/style/cdr-button.css +1 -1
  82. package/dist/style/cdr-caption.css +1 -1
  83. package/dist/style/cdr-card.css +1 -1
  84. package/dist/style/cdr-checkbox.css +1 -1
  85. package/dist/style/cdr-chip-group.css +1 -1
  86. package/dist/style/cdr-chip.css +1 -1
  87. package/dist/style/cdr-choreographer.css +1 -1
  88. package/dist/style/cdr-container.css +1 -1
  89. package/dist/style/cdr-eyebrow.css +1 -1
  90. package/dist/style/cdr-filmstrip.css +1 -0
  91. package/dist/style/cdr-form-error.css +1 -1
  92. package/dist/style/cdr-form-group.css +1 -1
  93. package/dist/style/cdr-fulfillment-tile-icon.css +1 -1
  94. package/dist/style/cdr-fulfillment-title.css +1 -1
  95. package/dist/style/cdr-grid.css +1 -1
  96. package/dist/style/cdr-heading-display.css +1 -1
  97. package/dist/style/cdr-heading-sans.css +1 -1
  98. package/dist/style/cdr-heading-serif.css +1 -1
  99. package/dist/style/cdr-heading-subheading-block.css +1 -1
  100. package/dist/style/cdr-icon.css +1 -1
  101. package/dist/style/cdr-img.css +1 -1
  102. package/dist/style/cdr-input.css +1 -1
  103. package/dist/style/cdr-kicker.css +1 -1
  104. package/dist/style/cdr-label-standalone.css +1 -1
  105. package/dist/style/cdr-label-wrapper.css +1 -1
  106. package/dist/style/cdr-landing-lead.css +1 -1
  107. package/dist/style/cdr-layout.css +1 -1
  108. package/dist/style/cdr-link.css +1 -1
  109. package/dist/style/cdr-list.css +1 -1
  110. package/dist/style/cdr-media-object.css +1 -1
  111. package/dist/style/cdr-modal.css +1 -1
  112. package/dist/style/cdr-object-overlay.css +1 -1
  113. package/dist/style/cdr-pagination.css +1 -1
  114. package/dist/style/cdr-picture.css +1 -1
  115. package/dist/style/cdr-popover.css +1 -1
  116. package/dist/style/cdr-popup.css +1 -1
  117. package/dist/style/cdr-quote.css +1 -1
  118. package/dist/style/cdr-radio.css +1 -1
  119. package/dist/style/cdr-rating.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-selection.css +1 -1
  126. package/dist/style/cdr-surface.css +1 -1
  127. package/dist/style/cdr-switch.css +1 -1
  128. package/dist/style/cdr-tab-panel.css +1 -1
  129. package/dist/style/cdr-table.css +1 -1
  130. package/dist/style/cdr-tabs.css +1 -1
  131. package/dist/style/cdr-text.css +1 -1
  132. package/dist/style/cdr-title.css +1 -1
  133. package/dist/style/cdr-toast.css +1 -1
  134. package/dist/style/cdr-toggle-button.css +1 -1
  135. package/dist/style/cdr-toggle-group.css +1 -1
  136. package/dist/style/cdr-tooltip.css +1 -1
  137. package/dist/style/cdr-utility-sans.css +1 -1
  138. package/dist/style/cdr-utility-serif.css +1 -1
  139. package/dist/types/symbols.mjs +5 -4
  140. package/dist/utils/mapClasses.mjs +4 -4
  141. package/package.json +3 -1
@@ -1,5 +1,5 @@
1
1
  const t = {
2
- "cdr-abstract": "cdr-abstract_15-5-1"
2
+ "cdr-abstract": "cdr-abstract_15-6-1-beta-0"
3
3
  };
4
4
  export {
5
5
  t as default
@@ -1,33 +1,33 @@
1
1
  const c = {
2
- "cdr-icon": "cdr-icon_15-5-1",
3
- "cdr-icon--small": "cdr-icon--small_15-5-1",
4
- "cdr-icon--large": "cdr-icon--large_15-5-1",
5
- "cdr-icon--small@xs": "cdr-icon--small@xs_15-5-1",
6
- "cdr-icon--large@xs": "cdr-icon--large@xs_15-5-1",
7
- "cdr-icon--small@sm": "cdr-icon--small@sm_15-5-1",
8
- "cdr-icon--large@sm": "cdr-icon--large@sm_15-5-1",
9
- "cdr-icon--small@md": "cdr-icon--small@md_15-5-1",
10
- "cdr-icon--large@md": "cdr-icon--large@md_15-5-1",
11
- "cdr-icon--small@lg": "cdr-icon--small@lg_15-5-1",
12
- "cdr-icon--large@lg": "cdr-icon--large@lg_15-5-1",
13
- "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-5-1",
14
- "cdr-accordion-group": "cdr-accordion-group_15-5-1",
15
- "cdr-accordion": "cdr-accordion_15-5-1",
16
- "cdr-accordion__button": "cdr-accordion__button_15-5-1",
17
- "cdr-accordion__label": "cdr-accordion__label_15-5-1",
18
- "cdr-accordion__header": "cdr-accordion__header_15-5-1",
19
- "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_15-5-1",
20
- "cdr-accordion__icon": "cdr-accordion__icon_15-5-1",
21
- "cdr-accordion--open": "cdr-accordion--open_15-5-1",
22
- "cdr-accordion__content-container": "cdr-accordion__content-container_15-5-1",
23
- "cdr-tabs--open": "cdr-tabs--open_15-5-1",
24
- "cdr-accordion__content": "cdr-accordion__content_15-5-1",
25
- "cdr-accordion--closed": "cdr-accordion--closed_15-5-1",
26
- "cdr-accordion--unwrap": "cdr-accordion--unwrap_15-5-1",
27
- "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_15-5-1",
28
- "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_15-5-1",
29
- "cdr-accordion--compact": "cdr-accordion--compact_15-5-1",
30
- "cdr-accordion--focused": "cdr-accordion--focused_15-5-1"
2
+ "cdr-icon": "cdr-icon_15-6-1-beta-0",
3
+ "cdr-icon--small": "cdr-icon--small_15-6-1-beta-0",
4
+ "cdr-icon--large": "cdr-icon--large_15-6-1-beta-0",
5
+ "cdr-icon--small@xs": "cdr-icon--small@xs_15-6-1-beta-0",
6
+ "cdr-icon--large@xs": "cdr-icon--large@xs_15-6-1-beta-0",
7
+ "cdr-icon--small@sm": "cdr-icon--small@sm_15-6-1-beta-0",
8
+ "cdr-icon--large@sm": "cdr-icon--large@sm_15-6-1-beta-0",
9
+ "cdr-icon--small@md": "cdr-icon--small@md_15-6-1-beta-0",
10
+ "cdr-icon--large@md": "cdr-icon--large@md_15-6-1-beta-0",
11
+ "cdr-icon--small@lg": "cdr-icon--small@lg_15-6-1-beta-0",
12
+ "cdr-icon--large@lg": "cdr-icon--large@lg_15-6-1-beta-0",
13
+ "cdr-icon--inherit-color": "cdr-icon--inherit-color_15-6-1-beta-0",
14
+ "cdr-accordion-group": "cdr-accordion-group_15-6-1-beta-0",
15
+ "cdr-accordion": "cdr-accordion_15-6-1-beta-0",
16
+ "cdr-accordion__button": "cdr-accordion__button_15-6-1-beta-0",
17
+ "cdr-accordion__label": "cdr-accordion__label_15-6-1-beta-0",
18
+ "cdr-accordion__header": "cdr-accordion__header_15-6-1-beta-0",
19
+ "cdr-accordion__header--unwrapped": "cdr-accordion__header--unwrapped_15-6-1-beta-0",
20
+ "cdr-accordion__icon": "cdr-accordion__icon_15-6-1-beta-0",
21
+ "cdr-accordion--open": "cdr-accordion--open_15-6-1-beta-0",
22
+ "cdr-accordion__content-container": "cdr-accordion__content-container_15-6-1-beta-0",
23
+ "cdr-tabs--open": "cdr-tabs--open_15-6-1-beta-0",
24
+ "cdr-accordion__content": "cdr-accordion__content_15-6-1-beta-0",
25
+ "cdr-accordion--closed": "cdr-accordion--closed_15-6-1-beta-0",
26
+ "cdr-accordion--unwrap": "cdr-accordion--unwrap_15-6-1-beta-0",
27
+ "cdr-accordion--border-aligned": "cdr-accordion--border-aligned_15-6-1-beta-0",
28
+ "cdr-accordion--no-spacing": "cdr-accordion--no-spacing_15-6-1-beta-0",
29
+ "cdr-accordion--compact": "cdr-accordion--compact_15-6-1-beta-0",
30
+ "cdr-accordion--focused": "cdr-accordion--focused_15-6-1-beta-0"
31
31
  };
32
32
  export {
33
33
  c as default
@@ -1,6 +1,6 @@
1
1
  const c = {
2
- "cdr-accordion-group": "cdr-accordion-group_15-5-1",
3
- "cdr-accordion": "cdr-accordion_15-5-1"
2
+ "cdr-accordion-group": "cdr-accordion-group_15-6-1-beta-0",
3
+ "cdr-accordion": "cdr-accordion_15-6-1-beta-0"
4
4
  };
5
5
  export {
6
6
  c as default
@@ -1,18 +1,18 @@
1
1
  const n = {
2
- "cdr-banner": "cdr-banner_15-5-1",
3
- "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_15-5-1",
4
- "cdr-banner__main": "cdr-banner__main_15-5-1",
5
- "cdr-banner__icon-left": "cdr-banner__icon-left_15-5-1",
6
- "cdr-banner__message": "cdr-banner__message_15-5-1",
7
- "cdr-banner__message-body": "cdr-banner__message-body_15-5-1",
8
- "cdr-banner__icon-right": "cdr-banner__icon-right_15-5-1",
9
- "cdr-banner__info-action": "cdr-banner__info-action_15-5-1",
10
- "cdr-banner--default": "cdr-banner--default_15-5-1",
11
- "cdr-banner__wrapper": "cdr-banner__wrapper_15-5-1",
12
- "cdr-banner--info": "cdr-banner--info_15-5-1",
13
- "cdr-banner--warning": "cdr-banner--warning_15-5-1",
14
- "cdr-banner--success": "cdr-banner--success_15-5-1",
15
- "cdr-banner--error": "cdr-banner--error_15-5-1"
2
+ "cdr-banner": "cdr-banner_15-6-1-beta-0",
3
+ "cdr-banner__wrapper--prominence": "cdr-banner__wrapper--prominence_15-6-1-beta-0",
4
+ "cdr-banner__main": "cdr-banner__main_15-6-1-beta-0",
5
+ "cdr-banner__icon-left": "cdr-banner__icon-left_15-6-1-beta-0",
6
+ "cdr-banner__message": "cdr-banner__message_15-6-1-beta-0",
7
+ "cdr-banner__message-body": "cdr-banner__message-body_15-6-1-beta-0",
8
+ "cdr-banner__icon-right": "cdr-banner__icon-right_15-6-1-beta-0",
9
+ "cdr-banner__info-action": "cdr-banner__info-action_15-6-1-beta-0",
10
+ "cdr-banner--default": "cdr-banner--default_15-6-1-beta-0",
11
+ "cdr-banner__wrapper": "cdr-banner__wrapper_15-6-1-beta-0",
12
+ "cdr-banner--info": "cdr-banner--info_15-6-1-beta-0",
13
+ "cdr-banner--warning": "cdr-banner--warning_15-6-1-beta-0",
14
+ "cdr-banner--success": "cdr-banner--success_15-6-1-beta-0",
15
+ "cdr-banner--error": "cdr-banner--error_15-6-1-beta-0"
16
16
  };
17
17
  export {
18
18
  n as default
@@ -1,11 +1,11 @@
1
1
  const r = {
2
- "cdr-breadcrumb": "cdr-breadcrumb_15-5-1",
3
- "cdr-breadcrumb__list": "cdr-breadcrumb__list_15-5-1",
4
- "cdr-breadcrumb__item": "cdr-breadcrumb__item_15-5-1",
5
- "cdr-breadcrumb__link": "cdr-breadcrumb__link_15-5-1",
6
- "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_15-5-1",
7
- "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_15-5-1",
8
- "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_15-5-1"
2
+ "cdr-breadcrumb": "cdr-breadcrumb_15-6-1-beta-0",
3
+ "cdr-breadcrumb__list": "cdr-breadcrumb__list_15-6-1-beta-0",
4
+ "cdr-breadcrumb__item": "cdr-breadcrumb__item_15-6-1-beta-0",
5
+ "cdr-breadcrumb__link": "cdr-breadcrumb__link_15-6-1-beta-0",
6
+ "cdr-breadcrumb__delimiter": "cdr-breadcrumb__delimiter_15-6-1-beta-0",
7
+ "cdr-breadcrumb__ellipses": "cdr-breadcrumb__ellipses_15-6-1-beta-0",
8
+ "cdr-breadcrumb__ellipses-icon": "cdr-breadcrumb__ellipses-icon_15-6-1-beta-0"
9
9
  };
10
10
  export {
11
11
  r as default
@@ -1,35 +1,35 @@
1
1
  const t = {
2
- "cdr-button": "cdr-button_15-5-1",
3
- "cdr-button--has-icon-left": "cdr-button--has-icon-left_15-5-1",
4
- "cdr-button--has-icon-right": "cdr-button--has-icon-right_15-5-1",
5
- "cdr-button--primary": "cdr-button--primary_15-5-1",
6
- "cdr-button--secondary": "cdr-button--secondary_15-5-1",
7
- "cdr-button--dark": "cdr-button--dark_15-5-1",
8
- "cdr-button--sale": "cdr-button--sale_15-5-1",
9
- "cdr-button--link": "cdr-button--link_15-5-1",
10
- "cdr-button--large": "cdr-button--large_15-5-1",
11
- "cdr-button--medium": "cdr-button--medium_15-5-1",
12
- "cdr-button--small": "cdr-button--small_15-5-1",
13
- "cdr-button--icon-only": "cdr-button--icon-only_15-5-1",
14
- "cdr-button--icon-only-large": "cdr-button--icon-only-large_15-5-1",
15
- "cdr-button--with-background": "cdr-button--with-background_15-5-1",
16
- "cdr-button--full-width": "cdr-button--full-width_15-5-1",
17
- "cdr-button--small@xs": "cdr-button--small@xs_15-5-1",
18
- "cdr-button--medium@xs": "cdr-button--medium@xs_15-5-1",
19
- "cdr-button--large@xs": "cdr-button--large@xs_15-5-1",
20
- "cdr-button--full-width@xs": "cdr-button--full-width@xs_15-5-1",
21
- "cdr-button--small@sm": "cdr-button--small@sm_15-5-1",
22
- "cdr-button--medium@sm": "cdr-button--medium@sm_15-5-1",
23
- "cdr-button--large@sm": "cdr-button--large@sm_15-5-1",
24
- "cdr-button--full-width@sm": "cdr-button--full-width@sm_15-5-1",
25
- "cdr-button--small@md": "cdr-button--small@md_15-5-1",
26
- "cdr-button--medium@md": "cdr-button--medium@md_15-5-1",
27
- "cdr-button--large@md": "cdr-button--large@md_15-5-1",
28
- "cdr-button--full-width@md": "cdr-button--full-width@md_15-5-1",
29
- "cdr-button--small@lg": "cdr-button--small@lg_15-5-1",
30
- "cdr-button--medium@lg": "cdr-button--medium@lg_15-5-1",
31
- "cdr-button--large@lg": "cdr-button--large@lg_15-5-1",
32
- "cdr-button--full-width@lg": "cdr-button--full-width@lg_15-5-1"
2
+ "cdr-button": "cdr-button_15-6-1-beta-0",
3
+ "cdr-button--has-icon-left": "cdr-button--has-icon-left_15-6-1-beta-0",
4
+ "cdr-button--has-icon-right": "cdr-button--has-icon-right_15-6-1-beta-0",
5
+ "cdr-button--primary": "cdr-button--primary_15-6-1-beta-0",
6
+ "cdr-button--secondary": "cdr-button--secondary_15-6-1-beta-0",
7
+ "cdr-button--dark": "cdr-button--dark_15-6-1-beta-0",
8
+ "cdr-button--sale": "cdr-button--sale_15-6-1-beta-0",
9
+ "cdr-button--link": "cdr-button--link_15-6-1-beta-0",
10
+ "cdr-button--large": "cdr-button--large_15-6-1-beta-0",
11
+ "cdr-button--medium": "cdr-button--medium_15-6-1-beta-0",
12
+ "cdr-button--small": "cdr-button--small_15-6-1-beta-0",
13
+ "cdr-button--icon-only": "cdr-button--icon-only_15-6-1-beta-0",
14
+ "cdr-button--icon-only-large": "cdr-button--icon-only-large_15-6-1-beta-0",
15
+ "cdr-button--with-background": "cdr-button--with-background_15-6-1-beta-0",
16
+ "cdr-button--full-width": "cdr-button--full-width_15-6-1-beta-0",
17
+ "cdr-button--small@xs": "cdr-button--small@xs_15-6-1-beta-0",
18
+ "cdr-button--medium@xs": "cdr-button--medium@xs_15-6-1-beta-0",
19
+ "cdr-button--large@xs": "cdr-button--large@xs_15-6-1-beta-0",
20
+ "cdr-button--full-width@xs": "cdr-button--full-width@xs_15-6-1-beta-0",
21
+ "cdr-button--small@sm": "cdr-button--small@sm_15-6-1-beta-0",
22
+ "cdr-button--medium@sm": "cdr-button--medium@sm_15-6-1-beta-0",
23
+ "cdr-button--large@sm": "cdr-button--large@sm_15-6-1-beta-0",
24
+ "cdr-button--full-width@sm": "cdr-button--full-width@sm_15-6-1-beta-0",
25
+ "cdr-button--small@md": "cdr-button--small@md_15-6-1-beta-0",
26
+ "cdr-button--medium@md": "cdr-button--medium@md_15-6-1-beta-0",
27
+ "cdr-button--large@md": "cdr-button--large@md_15-6-1-beta-0",
28
+ "cdr-button--full-width@md": "cdr-button--full-width@md_15-6-1-beta-0",
29
+ "cdr-button--small@lg": "cdr-button--small@lg_15-6-1-beta-0",
30
+ "cdr-button--medium@lg": "cdr-button--medium@lg_15-6-1-beta-0",
31
+ "cdr-button--large@lg": "cdr-button--large@lg_15-6-1-beta-0",
32
+ "cdr-button--full-width@lg": "cdr-button--full-width@lg_15-6-1-beta-0"
33
33
  };
34
34
  export {
35
35
  t as default
@@ -1,7 +1,7 @@
1
- const c = {
2
- "cdr-caption": "cdr-caption_15-5-1",
3
- "cdr-caption__summary": "cdr-caption__summary_15-5-1"
1
+ const a = {
2
+ "cdr-caption": "cdr-caption_15-6-1-beta-0",
3
+ "cdr-caption__summary": "cdr-caption__summary_15-6-1-beta-0"
4
4
  };
5
5
  export {
6
- c as default
6
+ a as default
7
7
  };
@@ -1,6 +1,6 @@
1
- const c = {
2
- "cdr-card": "cdr-card_15-5-1"
1
+ const a = {
2
+ "cdr-card": "cdr-card_15-6-1-beta-0"
3
3
  };
4
4
  export {
5
- c as default
5
+ a as default
6
6
  };
@@ -1,31 +1,31 @@
1
1
  const r = {
2
- "cdr-label-wrapper": "cdr-label-wrapper_15-5-1",
3
- "cdr-label-wrapper__container": "cdr-label-wrapper__container_15-5-1",
4
- "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_15-5-1",
5
- "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_15-5-1",
6
- "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_15-5-1",
7
- "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_15-5-1",
8
- "cdr-label-wrapper__content": "cdr-label-wrapper__content_15-5-1",
9
- "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_15-5-1",
10
- "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_15-5-1",
11
- "cdr-label-wrapper--small": "cdr-label-wrapper--small_15-5-1",
12
- "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_15-5-1",
13
- "cdr-label-wrapper--large": "cdr-label-wrapper--large_15-5-1",
14
- "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_15-5-1",
15
- "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_15-5-1",
16
- "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_15-5-1",
17
- "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_15-5-1",
18
- "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_15-5-1",
19
- "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_15-5-1",
20
- "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_15-5-1",
21
- "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_15-5-1",
22
- "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_15-5-1",
23
- "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_15-5-1",
24
- "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_15-5-1",
25
- "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_15-5-1",
26
- "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_15-5-1",
27
- "cdr-checkbox": "cdr-checkbox_15-5-1",
28
- "cdr-checkbox__input": "cdr-checkbox__input_15-5-1"
2
+ "cdr-label-wrapper": "cdr-label-wrapper_15-6-1-beta-0",
3
+ "cdr-label-wrapper__container": "cdr-label-wrapper__container_15-6-1-beta-0",
4
+ "cdr-label-wrapper--primary": "cdr-label-wrapper--primary_15-6-1-beta-0",
5
+ "cdr-label-wrapper--secondary": "cdr-label-wrapper--secondary_15-6-1-beta-0",
6
+ "cdr-label-wrapper--disabled": "cdr-label-wrapper--disabled_15-6-1-beta-0",
7
+ "cdr-label-wrapper__figure": "cdr-label-wrapper__figure_15-6-1-beta-0",
8
+ "cdr-label-wrapper__content": "cdr-label-wrapper__content_15-6-1-beta-0",
9
+ "cdr-label-wrapper--hide-figure": "cdr-label-wrapper--hide-figure_15-6-1-beta-0",
10
+ "cdr-checkbox__svg-box": "cdr-checkbox__svg-box_15-6-1-beta-0",
11
+ "cdr-label-wrapper--small": "cdr-label-wrapper--small_15-6-1-beta-0",
12
+ "cdr-label-wrapper--medium": "cdr-label-wrapper--medium_15-6-1-beta-0",
13
+ "cdr-label-wrapper--large": "cdr-label-wrapper--large_15-6-1-beta-0",
14
+ "cdr-checkbox__checkbox-box": "cdr-checkbox__checkbox-box_15-6-1-beta-0",
15
+ "cdr-label-wrapper--small@xs": "cdr-label-wrapper--small@xs_15-6-1-beta-0",
16
+ "cdr-label-wrapper--medium@xs": "cdr-label-wrapper--medium@xs_15-6-1-beta-0",
17
+ "cdr-label-wrapper--large@xs": "cdr-label-wrapper--large@xs_15-6-1-beta-0",
18
+ "cdr-label-wrapper--small@sm": "cdr-label-wrapper--small@sm_15-6-1-beta-0",
19
+ "cdr-label-wrapper--medium@sm": "cdr-label-wrapper--medium@sm_15-6-1-beta-0",
20
+ "cdr-label-wrapper--large@sm": "cdr-label-wrapper--large@sm_15-6-1-beta-0",
21
+ "cdr-label-wrapper--small@md": "cdr-label-wrapper--small@md_15-6-1-beta-0",
22
+ "cdr-label-wrapper--medium@md": "cdr-label-wrapper--medium@md_15-6-1-beta-0",
23
+ "cdr-label-wrapper--large@md": "cdr-label-wrapper--large@md_15-6-1-beta-0",
24
+ "cdr-label-wrapper--small@lg": "cdr-label-wrapper--small@lg_15-6-1-beta-0",
25
+ "cdr-label-wrapper--medium@lg": "cdr-label-wrapper--medium@lg_15-6-1-beta-0",
26
+ "cdr-label-wrapper--large@lg": "cdr-label-wrapper--large@lg_15-6-1-beta-0",
27
+ "cdr-checkbox": "cdr-checkbox_15-6-1-beta-0",
28
+ "cdr-checkbox__input": "cdr-checkbox__input_15-6-1-beta-0"
29
29
  };
30
30
  export {
31
31
  r as default
@@ -1,8 +1,8 @@
1
1
  const c = {
2
- "cdr-chip": "cdr-chip_15-5-1",
3
- "cdr-chip__icon-left": "cdr-chip__icon-left_15-5-1",
4
- "cdr-chip__icon-right": "cdr-chip__icon-right_15-5-1",
5
- "cdr-chip__content": "cdr-chip__content_15-5-1"
2
+ "cdr-chip": "cdr-chip_15-6-1-beta-0",
3
+ "cdr-chip__icon-left": "cdr-chip__icon-left_15-6-1-beta-0",
4
+ "cdr-chip__icon-right": "cdr-chip__icon-right_15-6-1-beta-0",
5
+ "cdr-chip__content": "cdr-chip__content_15-6-1-beta-0"
6
6
  };
7
7
  export {
8
8
  c as default
@@ -1,8 +1,8 @@
1
1
  const c = {
2
- "cdr-chip-group": "cdr-chip-group_15-5-1",
3
- "cdr-chip-group__content": "cdr-chip-group__content_15-5-1",
4
- "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_15-5-1",
5
- "cdr-chip-group__legend": "cdr-chip-group__legend_15-5-1"
2
+ "cdr-chip-group": "cdr-chip-group_15-6-1-beta-0",
3
+ "cdr-chip-group__content": "cdr-chip-group__content_15-6-1-beta-0",
4
+ "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_15-6-1-beta-0",
5
+ "cdr-chip-group__legend": "cdr-chip-group__legend_15-6-1-beta-0"
6
6
  };
7
7
  export {
8
8
  c as default
@@ -1,8 +1,8 @@
1
1
  const r = {
2
- "cdr-choreographer__kicker": "cdr-choreographer__kicker_15-5-1",
3
- "cdr-choreographer__title": "cdr-choreographer__title_15-5-1",
4
- "cdr-choreographer__rating": "cdr-choreographer__rating_15-5-1",
5
- "cdr-choreographer__abstract": "cdr-choreographer__abstract_15-5-1"
2
+ "cdr-choreographer__kicker": "cdr-choreographer__kicker_15-6-1-beta-0",
3
+ "cdr-choreographer__title": "cdr-choreographer__title_15-6-1-beta-0",
4
+ "cdr-choreographer__rating": "cdr-choreographer__rating_15-6-1-beta-0",
5
+ "cdr-choreographer__abstract": "cdr-choreographer__abstract_15-6-1-beta-0"
6
6
  };
7
7
  export {
8
8
  r as default
@@ -1,6 +1,6 @@
1
1
  const t = {
2
- "cdr-container": "cdr-container_15-5-1",
3
- "cdr-container--static": "cdr-container--static_15-5-1"
2
+ "cdr-container": "cdr-container_15-6-1-beta-0",
3
+ "cdr-container--static": "cdr-container--static_15-6-1-beta-0"
4
4
  };
5
5
  export {
6
6
  t as default
@@ -0,0 +1,92 @@
1
+ import { defineComponent as E, useAttrs as b, provide as P, ref as n, computed as r, useId as T, watch as I, createElementBlock as M, createCommentVNode as $, openBlock as v, mergeProps as B, renderSlot as N, createVNode as O, normalizeClass as W, unref as x, withCtx as G, createBlock as V, resolveDynamicComponent as H, normalizeProps as K, guardReactiveProps as L, h as U } from "vue";
2
+ import j from "./CdrFilmstripEngine.vue.mjs";
3
+ import { useDebounceFn as q, useResizeObserver as J } from "@vueuse/core";
4
+ import { CdrFilmstripEventKey as Q } from "../../types/symbols.mjs";
5
+ const X = 6, se = /* @__PURE__ */ E({
6
+ name: "CdrFilmstrip",
7
+ __name: "CdrFilmstrip",
8
+ props: {
9
+ adapter: {
10
+ type: Function,
11
+ default: () => (console.warn("No adapter provided for CdrFilmstrip"), {
12
+ frames: [],
13
+ filmstripId: "empty-filmstrip",
14
+ component: U("div"),
15
+ description: "An empty filmstrip"
16
+ })
17
+ },
18
+ model: {
19
+ default: () => ({})
20
+ }
21
+ },
22
+ setup(m, {
23
+ emit: y
24
+ }) {
25
+ var p, f;
26
+ const i = y, h = (e, s) => {
27
+ i(e, s);
28
+ }, F = b().class || "";
29
+ P(Q, h);
30
+ const l = m, u = n(null), t = r(() => l.adapter(l.model)), o = n(((p = t == null ? void 0 : t.value) == null ? void 0 : p.framesToShow) ?? X), c = n(o.value), d = r(() => t.value.frames), w = r(() => d.value.length > 0), C = r(() => `${t.value.filmstripId}-${T()}`), S = r(() => t.value.description), z = r(() => {
31
+ var e;
32
+ return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.framesGap) || 0;
33
+ }), A = n(typeof ((f = t == null ? void 0 : t.value) == null ? void 0 : f.useDefaultResizeStrategy) == "boolean" ? t.value.useDefaultResizeStrategy : !1), g = r(() => {
34
+ var e;
35
+ return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.focusSelector) || ":first-child";
36
+ }), k = r(() => {
37
+ var e;
38
+ return ((e = t.value) == null ? void 0 : e.dataAttributes) || {};
39
+ });
40
+ function R({
41
+ event: e,
42
+ direction: s
43
+ }) {
44
+ const a = {
45
+ event: e,
46
+ direction: s,
47
+ model: l.model
48
+ };
49
+ i("arrowClick", a);
50
+ }
51
+ function _() {
52
+ const e = window.innerWidth;
53
+ o.value = e >= 1024 ? 5 : e >= 768 ? 4 : 2, c.value = Math.max(o.value - 1, 1);
54
+ }
55
+ const D = q(() => {
56
+ const e = {
57
+ model: l.model,
58
+ framesToShow: o,
59
+ framesToScroll: c
60
+ };
61
+ i("resize", e), A.value && _();
62
+ }, 25);
63
+ return I(() => u.value, (e) => {
64
+ e && J(e, D);
65
+ }, {
66
+ immediate: !0
67
+ }), (e, s) => w.value ? (v(), M("div", B({
68
+ key: 0,
69
+ ref_key: "CdrFilmstripContainer",
70
+ ref: u
71
+ }, k.value), [N(e.$slots, "heading"), O(j, {
72
+ class: W(x(F)),
73
+ id: C.value,
74
+ description: S.value,
75
+ frames: d.value,
76
+ "frames-gap": z.value,
77
+ "frames-to-show": o.value,
78
+ "frames-to-scroll": c.value,
79
+ "focus-selector": g.value,
80
+ onAriaMessage: s[0] || (s[0] = (a) => e.$emit("ariaMessage", a)),
81
+ onArrowClick: R
82
+ }, {
83
+ frame: G(({
84
+ ...a
85
+ }) => [(v(), V(H(t.value.component), K(L(a)), null, 16))]),
86
+ _: 1
87
+ }, 8, ["class", "id", "description", "frames", "frames-gap", "frames-to-show", "frames-to-scroll", "focus-selector"])], 16)) : $("", !0);
88
+ }
89
+ });
90
+ export {
91
+ se as default
92
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./CdrFilmstrip.vue.mjs";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,9 @@
1
+ import s from "./CdrFilmstripEngine.vue2.mjs";
2
+ import o from "./styles/CdrFilmstrip.module.scss.mjs";
3
+ import t from "../../_virtual/_plugin-vue_export-helper.mjs";
4
+ const r = {
5
+ $style: o
6
+ }, c = /* @__PURE__ */ t(s, [["__cssModules", r]]);
7
+ export {
8
+ c as default
9
+ };