@rei/cedar 15.1.0 → 15.2.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 (170) hide show
  1. package/README.md +2 -0
  2. package/dist/cdr-fonts.css +1 -37
  3. package/dist/cdr-reset.css +1 -101
  4. package/dist/cdr-style.css +1 -1
  5. package/dist/cedar.umd.js +9 -9
  6. package/dist/component-docgen.json +3382 -2670
  7. package/dist/icon-component-docgen.json +660 -660
  8. package/dist/lib.d.ts +7271 -5893
  9. package/dist/src/components/abstract/styles/CdrAbstract.module.scss.mjs +1 -1
  10. package/dist/src/components/accordion/CdrAccordionGroup.vue2.mjs +1 -2
  11. package/dist/src/components/accordion/styles/CdrAccordion.module.scss.mjs +29 -29
  12. package/dist/src/components/accordion/styles/CdrAccordionGroup.module.scss.mjs +2 -2
  13. package/dist/src/components/banner/styles/CdrBanner.module.scss.mjs +14 -14
  14. package/dist/src/components/breadcrumb/styles/CdrBreadcrumb.module.scss.mjs +7 -7
  15. package/dist/src/components/button/styles/CdrButton.module.scss.mjs +31 -31
  16. package/dist/src/components/caption/styles/CdrCaption.module.scss.mjs +2 -2
  17. package/dist/src/components/card/styles/CdrCard.module.scss.mjs +1 -1
  18. package/dist/src/components/checkbox/styles/CdrCheckbox.module.scss.mjs +27 -27
  19. package/dist/src/components/chip/CdrChipGroup.vue2.mjs +1 -2
  20. package/dist/src/components/chip/styles/CdrChip.module.scss.mjs +4 -4
  21. package/dist/src/components/chip/styles/CdrChipGroup.module.scss.mjs +4 -4
  22. package/dist/src/components/choreographer/CdrChoreographer.vue2.mjs +16 -13
  23. package/dist/src/components/choreographer/styles/CdrChoreographer.module.scss.mjs +4 -4
  24. package/dist/src/components/container/styles/CdrContainer.module.scss.mjs +2 -2
  25. package/dist/src/components/formError/styles/CdrFormError.module.scss.mjs +2 -2
  26. package/dist/src/components/formGroup/styles/CdrFormGroup.module.scss.mjs +8 -8
  27. package/dist/src/components/fulfillmentTile/CdrFulfillmentTile.vue.mjs +9 -0
  28. package/dist/src/components/fulfillmentTile/CdrFulfillmentTile.vue2.mjs +98 -0
  29. package/dist/src/components/fulfillmentTile/CdrFulfillmentTileContent.vue.mjs +9 -0
  30. package/dist/src/components/fulfillmentTile/CdrFulfillmentTileContent.vue2.mjs +32 -0
  31. package/dist/src/components/fulfillmentTile/CdrFulfillmentTileHeader.vue.mjs +9 -0
  32. package/dist/src/components/fulfillmentTile/CdrFulfillmentTileHeader.vue2.mjs +36 -0
  33. package/dist/src/components/fulfillmentTile/CdrFulfillmentTileIcon.vue.mjs +9 -0
  34. package/dist/src/components/fulfillmentTile/CdrFulfillmentTileIcon.vue2.mjs +19 -0
  35. package/dist/src/components/fulfillmentTile/CdrFulfillmentTileLayout.vue.mjs +9 -0
  36. package/dist/src/components/fulfillmentTile/CdrFulfillmentTileLayout.vue2.mjs +26 -0
  37. package/dist/src/components/fulfillmentTile/styles/CdrFulfillmentTile.module.scss.mjs +32 -0
  38. package/dist/src/components/fulfillmentTile/styles/CdrFulfillmentTileContent.module.scss.mjs +7 -0
  39. package/dist/src/components/fulfillmentTile/styles/CdrFulfillmentTileHeader.module.scss.mjs +8 -0
  40. package/dist/src/components/fulfillmentTile/styles/CdrFulfillmentTileIcon.module.scss.mjs +11 -0
  41. package/dist/src/components/fulfillmentTile/styles/CdrFulfillmentTileLayout.module.scss.mjs +8 -0
  42. package/dist/src/components/grid/styles/CdrGrid.module.scss.mjs +21 -21
  43. package/dist/src/components/icon/CdrIcon.vue2.mjs +5 -5
  44. package/dist/src/components/icon/styles/CdrIcon.module.scss.mjs +12 -12
  45. package/dist/src/components/image/styles/CdrImg.module.scss.mjs +1 -1
  46. package/dist/src/components/input/CdrInput.vue2.mjs +19 -19
  47. package/dist/src/components/input/styles/CdrInput.module.scss.mjs +32 -32
  48. package/dist/src/components/kicker/styles/CdrKicker.module.scss.mjs +1 -1
  49. package/dist/src/components/labelStandalone/styles/CdrLabelStandalone.module.scss.mjs +12 -12
  50. package/dist/src/components/labelWrapper/styles/CdrLabelWrapper.module.scss.mjs +25 -25
  51. package/dist/src/components/landingLead/CdrLandingLead.vue2.mjs +7 -5
  52. package/dist/src/components/landingLead/components/CdrHeadingSubheadingBlock.vue2.mjs +17 -15
  53. package/dist/src/components/landingLead/styles/CdrHeadingSubheadingBlock.module.scss.mjs +4 -4
  54. package/dist/src/components/landingLead/styles/CdrLandingLead.module.scss.mjs +8 -8
  55. package/dist/src/components/link/styles/CdrLink.module.scss.mjs +3 -3
  56. package/dist/src/components/list/styles/CdrList.module.scss.mjs +5 -5
  57. package/dist/src/components/modal/CdrModal.vue2.mjs +1 -2
  58. package/dist/src/components/modal/onTransitionEnd.mjs +1 -2
  59. package/dist/src/components/modal/styles/CdrModal.module.scss.mjs +12 -12
  60. package/dist/src/components/pagination/styles/CdrPagination.module.scss.mjs +53 -53
  61. package/dist/src/components/picture/CdrPicture.vue2.mjs +14 -13
  62. package/dist/src/components/picture/styles/CdrPicture.module.scss.mjs +2 -2
  63. package/dist/src/components/popover/styles/CdrPopover.module.scss.mjs +63 -63
  64. package/dist/src/components/popup/styles/CdrPopup.module.scss.mjs +14 -14
  65. package/dist/src/components/quote/styles/CdrQuote.module.scss.mjs +4 -4
  66. package/dist/src/components/radio/styles/CdrRadio.module.scss.mjs +27 -27
  67. package/dist/src/components/rating/styles/CdrRating.module.scss.mjs +44 -44
  68. package/dist/src/components/select/styles/CdrSelect.module.scss.mjs +42 -42
  69. package/dist/src/components/skeleton/styles/CdrSkeleton.module.scss.mjs +1 -1
  70. package/dist/src/components/skeleton/styles/CdrSkeletonBone.module.scss.mjs +7 -7
  71. package/dist/src/components/splitSurface/styles/CdrSplitSurface.module.scss.mjs +5 -5
  72. package/dist/src/components/surface/CdrSurface.vue.mjs +9 -0
  73. package/dist/src/components/surface/CdrSurface.vue2.mjs +54 -0
  74. package/dist/src/components/surface/styles/CdrSurface.module.scss.mjs +35 -0
  75. package/dist/src/components/surfaceSelection/CdrSurfaceSelection.vue.mjs +9 -0
  76. package/dist/src/components/surfaceSelection/CdrSurfaceSelection.vue2.mjs +73 -0
  77. package/dist/src/components/surfaceSelection/CdrSurfaceSelectionLayout.vue.mjs +9 -0
  78. package/dist/src/components/surfaceSelection/CdrSurfaceSelectionLayout.vue2.mjs +26 -0
  79. package/dist/src/components/surfaceSelection/styles/CdrSurfaceSelection.module.scss.mjs +32 -0
  80. package/dist/src/components/surfaceSelection/styles/CdrSurfaceSelectionLayout.module.scss.mjs +8 -0
  81. package/dist/src/components/switch/styles/CdrSwitch.module.scss.mjs +8 -8
  82. package/dist/src/components/table/styles/CdrTable.module.scss.mjs +13 -13
  83. package/dist/src/components/tabs/CdrTabs.vue2.mjs +7 -7
  84. package/dist/src/components/tabs/styles/CdrTabPanel.module.scss.mjs +5 -5
  85. package/dist/src/components/tabs/styles/CdrTabs.module.scss.mjs +28 -28
  86. package/dist/src/components/text/presets/styles/CdrBody.module.scss.mjs +1 -1
  87. package/dist/src/components/text/presets/styles/CdrEyebrow.module.scss.mjs +1 -1
  88. package/dist/src/components/text/presets/styles/CdrHeadingDisplay.module.scss.mjs +1 -1
  89. package/dist/src/components/text/presets/styles/CdrHeadingSans.module.scss.mjs +1 -1
  90. package/dist/src/components/text/presets/styles/CdrHeadingSerif.module.scss.mjs +1 -1
  91. package/dist/src/components/text/presets/styles/CdrSubheadingSans.module.scss.mjs +1 -1
  92. package/dist/src/components/text/presets/styles/CdrUtilitySans.module.scss.mjs +1 -1
  93. package/dist/src/components/text/presets/styles/CdrUtilitySerif.module.scss.mjs +1 -1
  94. package/dist/src/components/text/styles/CdrText.module.scss.mjs +1 -1
  95. package/dist/src/components/title/styles/CdrTitle.module.scss.mjs +1 -1
  96. package/dist/src/components/toast/styles/CdrToast.module.scss.mjs +57 -57
  97. package/dist/src/components/toggleButton/CdrToggleGroup.vue2.mjs +4 -4
  98. package/dist/src/components/toggleButton/styles/CdrToggleButton.module.scss.mjs +2 -2
  99. package/dist/src/components/toggleButton/styles/CdrToggleGroup.module.scss.mjs +5 -5
  100. package/dist/src/components/tooltip/styles/CdrTooltip.module.scss.mjs +16 -16
  101. package/dist/src/lib.mjs +492 -474
  102. package/dist/src/utils/propValidator.mjs +5 -5
  103. package/dist/src/utils/surface.mjs +46 -0
  104. package/dist/style/cdr-abstract.css +1 -1
  105. package/dist/style/cdr-accordion-group.css +1 -1
  106. package/dist/style/cdr-accordion.css +1 -1
  107. package/dist/style/cdr-banner.css +1 -1
  108. package/dist/style/cdr-body.css +1 -1
  109. package/dist/style/cdr-breadcrumb.css +1 -1
  110. package/dist/style/cdr-button.css +1 -1
  111. package/dist/style/cdr-caption.css +1 -1
  112. package/dist/style/cdr-card.css +1 -1
  113. package/dist/style/cdr-checkbox.css +1 -1
  114. package/dist/style/cdr-chip-group.css +1 -1
  115. package/dist/style/cdr-chip.css +1 -1
  116. package/dist/style/cdr-choreographer.css +1 -1
  117. package/dist/style/cdr-container.css +1 -1
  118. package/dist/style/cdr-eyebrow.css +1 -1
  119. package/dist/style/cdr-fonts.css +1 -0
  120. package/dist/style/cdr-form-error.css +1 -1
  121. package/dist/style/cdr-form-group.css +1 -1
  122. package/dist/style/cdr-fulfillment-tile-content.css +1 -0
  123. package/dist/style/cdr-fulfillment-tile-header.css +1 -0
  124. package/dist/style/cdr-fulfillment-tile-icon.css +1 -0
  125. package/dist/style/cdr-fulfillment-tile-layout.css +1 -0
  126. package/dist/style/cdr-fulfillment-tile.css +1 -0
  127. package/dist/style/cdr-grid.css +1 -1
  128. package/dist/style/cdr-heading-display.css +1 -1
  129. package/dist/style/cdr-heading-sans.css +1 -1
  130. package/dist/style/cdr-heading-serif.css +1 -1
  131. package/dist/style/cdr-heading-subheading-block.css +1 -1
  132. package/dist/style/cdr-icon.css +1 -1
  133. package/dist/style/cdr-img.css +1 -1
  134. package/dist/style/cdr-input.css +1 -1
  135. package/dist/style/cdr-kicker.css +1 -1
  136. package/dist/style/cdr-label-standalone.css +1 -1
  137. package/dist/style/cdr-label-wrapper.css +1 -1
  138. package/dist/style/cdr-landing-lead.css +1 -1
  139. package/dist/style/cdr-link.css +1 -1
  140. package/dist/style/cdr-list.css +1 -1
  141. package/dist/style/cdr-modal.css +1 -1
  142. package/dist/style/cdr-pagination.css +1 -1
  143. package/dist/style/cdr-picture.css +1 -1
  144. package/dist/style/cdr-popover.css +1 -1
  145. package/dist/style/cdr-popup.css +1 -1
  146. package/dist/style/cdr-quote.css +1 -1
  147. package/dist/style/cdr-radio.css +1 -1
  148. package/dist/style/cdr-rating.css +1 -1
  149. package/dist/style/cdr-reset.css +1 -0
  150. package/dist/style/cdr-select.css +1 -1
  151. package/dist/style/cdr-skeleton-bone.css +1 -1
  152. package/dist/style/cdr-skeleton.css +1 -1
  153. package/dist/style/cdr-split-surface.css +1 -1
  154. package/dist/style/cdr-subheading-sans.css +1 -1
  155. package/dist/style/cdr-surface-selection-layout.css +1 -0
  156. package/dist/style/cdr-surface-selection.css +1 -0
  157. package/dist/style/cdr-surface.css +1 -0
  158. package/dist/style/cdr-switch.css +1 -1
  159. package/dist/style/cdr-tab-panel.css +1 -1
  160. package/dist/style/cdr-table.css +1 -1
  161. package/dist/style/cdr-tabs.css +1 -1
  162. package/dist/style/cdr-text.css +1 -1
  163. package/dist/style/cdr-title.css +1 -1
  164. package/dist/style/cdr-toast.css +1 -1
  165. package/dist/style/cdr-toggle-button.css +1 -1
  166. package/dist/style/cdr-toggle-group.css +1 -1
  167. package/dist/style/cdr-tooltip.css +1 -1
  168. package/dist/style/cdr-utility-sans.css +1 -1
  169. package/dist/style/cdr-utility-serif.css +1 -1
  170. package/package.json +14 -12
package/README.md CHANGED
@@ -43,6 +43,8 @@ Runs unit tests in watch mode. This also allows you to inspect snapshot discrepa
43
43
 
44
44
  Runs [Nightwatch](http://nightwatchjs.org/) end-to-end tests and Axe a11y tests.
45
45
 
46
+ Tests run using Chromedriver. To upgrade Chromedriver, determine the latest version of Chrome and Puppeteer that are compatible by visiting [this](https://pptr.dev/supported-browsers) page.
47
+
46
48
  `npm run test`
47
49
 
48
50
  Runs both unit and e2e/accessibility tests.
@@ -1,37 +1 @@
1
- @font-face {
2
- font-display: swap;
3
- font-family: Stuart;
4
- font-weight: 1 999;
5
- src: url("//www.rei.com/satchel/media/font-optimized/Stuart/REIStuart-VF-Web-Subset.woff2") format("woff2-variations"), url("//www.rei.com/satchel/media/font-optimized/Stuart/REIStuart-VF-Web-Subset.woff2") format("woff2"); }
6
-
7
- @font-face {
8
- font-family: "Stuart fallback";
9
- src: local("Georgia");
10
- size-adjust: 106%
11
- }
12
-
13
- @font-face {
14
- font-display: swap;
15
- font-family: Stuart;
16
- font-weight: 1 999;
17
- font-style: italic;
18
- src: url("//www.rei.com/satchel/media/font-optimized/Stuart/REIStuartWebItalics-VF-Web-Subset.woff2") format("woff2-variations"), url("//www.rei.com/satchel/media/font-optimized/Stuart/REIStuartWebItalics-VF-Web-Subset.woff2") format("woff2"); }
19
-
20
- @font-face {
21
- font-display: swap;
22
- font-family: Graphik;
23
- font-weight: 1 999;
24
- src: url("//www.rei.com/satchel/media/font-optimized/Graphik/Graphik-VF-Web-Subset.woff2") format("woff2-variations"), url("//www.rei.com/satchel/media/font-optimized/Graphik/Graphik-VF-Web-Subset.woff2") format("woff2"); }
25
-
26
- @font-face {
27
- font-family: "Graphik fallback";
28
- src: local("Verdana");
29
- size-adjust: 92%;
30
- }
31
-
32
- @font-face {
33
- font-display: swap;
34
- font-family: Graphik;
35
- font-weight: 1 999;
36
- font-style: italic;
37
- src: url("//www.rei.com/satchel/media/font-optimized/Graphik/GraphikWebItalic-VF-Web-Subset.woff2") format("woff2-variations"), url("//www.rei.com/satchel/media/font-optimized/Graphik/GraphikWebItalic-VF-Web-Subset.woff2") format("woff2"); }
1
+ @font-face{font-display:swap;font-family:Stuart;font-weight:1 999;src:url(//www.rei.com/satchel/media/font-optimized/Stuart/REIStuart-VF-Web-Subset.woff2) format("woff2-variations"),url(//www.rei.com/satchel/media/font-optimized/Stuart/REIStuart-VF-Web-Subset.woff2) format("woff2")}@font-face{font-family:Stuart fallback;src:local("Georgia");size-adjust:106%}@font-face{font-display:swap;font-family:Stuart;font-weight:1 999;font-style:italic;src:url(//www.rei.com/satchel/media/font-optimized/Stuart/REIStuartWebItalics-VF-Web-Subset.woff2) format("woff2-variations"),url(//www.rei.com/satchel/media/font-optimized/Stuart/REIStuartWebItalics-VF-Web-Subset.woff2) format("woff2")}@font-face{font-display:swap;font-family:Graphik;font-weight:1 999;src:url(//www.rei.com/satchel/media/font-optimized/Graphik/Graphik-VF-Web-Subset.woff2) format("woff2-variations"),url(//www.rei.com/satchel/media/font-optimized/Graphik/Graphik-VF-Web-Subset.woff2) format("woff2")}@font-face{font-family:Graphik fallback;src:local("Verdana");size-adjust:92%}@font-face{font-display:swap;font-family:Graphik;font-weight:1 999;font-style:italic;src:url(//www.rei.com/satchel/media/font-optimized/Graphik/GraphikWebItalic-VF-Web-Subset.woff2) format("woff2-variations"),url(//www.rei.com/satchel/media/font-optimized/Graphik/GraphikWebItalic-VF-Web-Subset.woff2) format("woff2")}
@@ -1,101 +1 @@
1
- html {
2
- -webkit-box-sizing: border-box;
3
- box-sizing: border-box;
4
- font-family: sans-serif;
5
- font-size: 62.5%;
6
- line-height: 1.15;
7
- -webkit-text-size-adjust: 100%;
8
- -ms-text-size-adjust: 100%;
9
- -ms-overflow-style: scrollbar;
10
- -webkit-tap-highlight-color: transparent;
11
- -webkit-font-smoothing: antialiased;
12
- -moz-osx-font-smoothing: grayscale;
13
- }
14
-
15
- *,
16
- *::before,
17
- *::after {
18
- -webkit-box-sizing: inherit;
19
- box-sizing: inherit;
20
- }
21
-
22
- @-ms-viewport {
23
- width: device-width;
24
- }
25
-
26
- body {
27
- /* cdr-text-default */
28
- font-family: Graphik, "Graphik fallback", "Helvetica Neue", sans-serif;
29
- font-style: normal;
30
- font-weight: 400;
31
- letter-spacing: -0.16px;
32
- font-size: 1.6rem;
33
- line-height: 1.5;
34
- margin: 0;
35
- /* cdr-color-text-primary */
36
- color: rgba(12, 11, 8, 0.75);
37
- /* cdr-color-background-primary */
38
- background-color: #ffffff;
39
- }
40
-
41
- h1,h2,h3,h4,h5,h6 {
42
- text-wrap: balance;
43
- }
44
-
45
- p {
46
- text-wrap: pretty
47
- }
48
-
49
- a,
50
- area,
51
- button,
52
- [role="button"],
53
- input,
54
- label,
55
- select,
56
- summary,
57
- textarea {
58
- -ms-touch-action: manipulation;
59
- touch-action: manipulation;
60
- }
61
-
62
- button:focus {
63
- outline: 0.5rem auto -webkit-focus-ring-color;
64
- }
65
-
66
- button,
67
- html [type="button"],
68
- [type="reset"],
69
- [type="submit"] {
70
- -webkit-appearance: button;
71
- }
72
-
73
- button::-moz-focus-inner,
74
- [type="button"]::-moz-focus-inner,
75
- [type="reset"]::-moz-focus-inner,
76
- [type="submit"]::-moz-focus-inner {
77
- padding: 0;
78
- border-style: none;
79
- }
80
-
81
- input[type="date"],
82
- input[type="time"],
83
- input[type="datetime-local"],
84
- input[type="month"] {
85
- -webkit-appearance: listbox;
86
- }
87
-
88
- [type="number"]::-webkit-inner-spin-button,
89
- [type="number"]::-webkit-outer-spin-button {
90
- height: auto;
91
- }
92
-
93
- [type="search"] {
94
- outline-offset: -0.2rem;
95
- -webkit-appearance: none;
96
- }
97
-
98
- [type="search"]::-webkit-search-cancel-button,
99
- [type="search"]::-webkit-search-decoration {
100
- -webkit-appearance: none;
101
- }
1
+ html{box-sizing:border-box;font-family:sans-serif;font-size:62.5%;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit}body{font-family:Graphik,Graphik fallback,Helvetica Neue,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.016rem;font-size:1.6rem;line-height:1.5;margin:0;color:#0c0b08bf;background-color:#fff}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}button:focus{outline:.5rem auto -webkit-focus-ring-color}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-.2rem;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}[data-palette=sandstone]{--cdr-color-background-surface-primary: #f4f2ed;--cdr-color-background-surface-secondary: #dcd6cb;--cdr-color-border-surface-primary: #928b80;--cdr-color-border-surface-secondary: #726d64}