npm - @rei/cedar - Versions diffs - 13.0.0-alpha.3 → 13.0.0-vite.0 - Mend

@rei/cedar 13.0.0-alpha.3 → 13.0.0-vite.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 (737) hide show

package/dist/cedar-compiled.css CHANGED Viewed

@@ -83,6 +83,8 @@ input[type="month"] {
     ========================================================================== */
   /* Border-Aligned
      ========== */
+  /* No content spacing
+     ========== */
   /* Compact
      ========== */
   /* Border-Aligned and Compact
@@ -170,10 +172,10 @@ input[type="month"] {
   font-size: 1.6rem;
   line-height: 2.6rem;
 }
-.cdr-accordion__content_13-0-0-alpha-3.cdr-tabs--open_13-0-0-alpha-3 {
+.cdr-accordion__content_13-0-0-alpha-3.cdr-accordion--open_13-0-0-alpha-3 {
   opacity: 1;
 }
-.cdr-accordion__content_13-0-0-alpha-3.cdr-tabs--closed_13-0-0-alpha-3 {
+.cdr-accordion__content_13-0-0-alpha-3.cdr-accordion--closed_13-0-0-alpha-3 {
   visibility: hidden;
 }
 .cdr-accordion--unwrap_13-0-0-alpha-3 {
@@ -189,6 +191,9 @@ input[type="month"] {
 .cdr-accordion--border-aligned_13-0-0-alpha-3 .cdr-accordion__content_13-0-0-alpha-3 {
   padding: 0.8rem 0 1.6rem;
 }
+.cdr-accordion--no-spacing_13-0-0-alpha-3 .cdr-accordion__content_13-0-0-alpha-3 {
+  padding: 0;
+}
 .cdr-accordion--compact_13-0-0-alpha-3 .cdr-accordion__button_13-0-0-alpha-3 {
   font-family: Graphik, "Helvetica Neue", sans-serif;
   font-style: normal;
@@ -562,15 +567,6 @@ input[type="month"] {
   color: #ffffff;
   fill: #ffffff;
 }
-.cdr-button--primary_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3 {
-  box-shadow: inset 0 0 0 0.1rem #1f513f, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
-}
-.cdr-button--primary_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:hover, .cdr-button--primary_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:focus {
-  box-shadow: inset 0 0 0 0.3rem #1f513f, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
-}
-.cdr-button--primary_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:active {
-  box-shadow: inset 0 0 0 0.3rem #1f513f, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
-}
 .cdr-button--secondary_13-0-0-alpha-3 {
   background-color: #f9f8f6;
   box-shadow: inset 0 0 0 0.1rem #928b80;
@@ -595,15 +591,6 @@ input[type="month"] {
   color: #d1cbbd;
   fill: #d1cbbd;
 }
-.cdr-button--secondary_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3 {
-  box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
-}
-.cdr-button--secondary_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:hover, .cdr-button--secondary_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:focus {
-  box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
-}
-.cdr-button--secondary_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:active {
-  box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
-}
 .cdr-button--dark_13-0-0-alpha-3 {
   background-color: #4e4d49;
   box-shadow: inset 0 0 0 0.1rem #4e4d49;
@@ -628,15 +615,6 @@ input[type="month"] {
   color: #ffffff;
   fill: #ffffff;
 }
-.cdr-button--dark_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3 {
-  box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
-}
-.cdr-button--dark_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:hover, .cdr-button--dark_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:focus {
-  box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
-}
-.cdr-button--dark_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:active {
-  box-shadow: inset 0 0 0 0.3rem #4e4d49, inset 0 0 0 0.5rem #edeae3, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
-}
 .cdr-button--sale_13-0-0-alpha-3 {
   background-color: #c7370f;
   box-shadow: inset 0 0 0 0.1rem #c7370f;
@@ -661,15 +639,6 @@ input[type="month"] {
   color: #ffffff;
   fill: #ffffff;
 }
-.cdr-button--sale_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3 {
-  box-shadow: inset 0 0 0 0.1rem #c7370f, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2);
-}
-.cdr-button--sale_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:hover, .cdr-button--sale_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:focus {
-  box-shadow: inset 0 0 0 0.3rem #c7370f, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
-}
-.cdr-button--sale_13-0-0-alpha-3.cdr-button--elevated_13-0-0-alpha-3:active {
-  box-shadow: inset 0 0 0 0.3rem #c7370f, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
-}
 .cdr-button--link_13-0-0-alpha-3 {
   color: #406eb5;
   fill: #406eb5;
@@ -693,8 +662,8 @@ input[type="month"] {
   font-style: normal;
   font-weight: 500;
   letter-spacing: -0.008rem;
-  font-size: 1.8rem;
-  line-height: 2.4rem;
+  font-size: 1.6rem;
+  line-height: 2.2rem;
   padding: 1.2rem 2.4rem;
   width: auto;
 }
@@ -869,8 +838,8 @@ input[type="month"] {
     font-style: normal;
     font-weight: 500;
     letter-spacing: -0.008rem;
-    font-size: 1.8rem;
-    line-height: 2.4rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
     padding: 1.2rem 2.4rem;
     width: auto;
 }
@@ -885,7 +854,7 @@ input[type="month"] {
     width: 2.4rem;
     height: 2.4rem;
 }
-.cdr-button--fullWidth\@xs_13-0-0-alpha-3 {
+.cdr-button--full-width\@xs_13-0-0-alpha-3 {
     width: 100% !important;
     justify-content: center;
 }
@@ -938,8 +907,8 @@ input[type="month"] {
     font-style: normal;
     font-weight: 500;
     letter-spacing: -0.008rem;
-    font-size: 1.8rem;
-    line-height: 2.4rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
     padding: 1.2rem 2.4rem;
     width: auto;
 }
@@ -954,7 +923,7 @@ input[type="month"] {
     width: 2.4rem;
     height: 2.4rem;
 }
-.cdr-button--fullWidth\@sm_13-0-0-alpha-3 {
+.cdr-button--full-width\@sm_13-0-0-alpha-3 {
     width: 100% !important;
     justify-content: center;
 }
@@ -1007,8 +976,8 @@ input[type="month"] {
     font-style: normal;
     font-weight: 500;
     letter-spacing: -0.008rem;
-    font-size: 1.8rem;
-    line-height: 2.4rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
     padding: 1.2rem 2.4rem;
     width: auto;
 }
@@ -1023,7 +992,7 @@ input[type="month"] {
     width: 2.4rem;
     height: 2.4rem;
 }
-.cdr-button--fullWidth\@md_13-0-0-alpha-3 {
+.cdr-button--full-width\@md_13-0-0-alpha-3 {
     width: 100% !important;
     justify-content: center;
 }
@@ -1076,8 +1045,8 @@ input[type="month"] {
     font-style: normal;
     font-weight: 500;
     letter-spacing: -0.008rem;
-    font-size: 1.8rem;
-    line-height: 2.4rem;
+    font-size: 1.6rem;
+    line-height: 2.2rem;
     padding: 1.2rem 2.4rem;
     width: auto;
 }
@@ -1092,7 +1061,7 @@ input[type="month"] {
     width: 2.4rem;
     height: 2.4rem;
 }
-.cdr-button--fullWidth\@lg_13-0-0-alpha-3 {
+.cdr-button--full-width\@lg_13-0-0-alpha-3 {
     width: 100% !important;
     justify-content: center;
 }
@@ -1692,10 +1661,16 @@ input[type="month"] {
   position: absolute;
   left: 0.8rem;
 }
+.cdr-chip__icon-left_13-0-0-alpha-3 svg {
+  fill: inherit;
+}
 .cdr-chip__icon-right_13-0-0-alpha-3 {
   position: absolute;
   right: 0.8rem;
 }
+.cdr-chip__icon-right_13-0-0-alpha-3 svg {
+  fill: inherit;
+}
 .cdr-chip__icon-left_13-0-0-alpha-3 ~ .cdr-chip__content_13-0-0-alpha-3 {
   margin-left: 1.6rem;
 }
@@ -1778,20 +1753,7 @@ input[type="month"] {
   margin-top: 0.4rem;
 }
 .cdr-form-error__icon_13-0-0-alpha-3 {
-  position: relative;
-  width: 1.8rem;
-  height: 1.8rem;
-  display: inline-block;
-}
-.cdr-form-error__icon_13-0-0-alpha-3::after {
-  content: "";
-  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Ccircle cx='9' cy='9' r='8' stroke='%23FFF5F5' stroke-width='2' opacity='0.75'/%3E %3Ccircle cx='9' cy='9' r='6.25' fill='white' stroke='%23B33322' stroke-width='1.5'/%3E %3Crect x='5.6416' y='6.70215' width='1.5' height='8' rx='0.75' transform='rotate(-45 5.6416 6.70215)' fill='%23B33322'/%3E %3C/svg%3E");
-  background-repeat: no-repeat;
-  position: absolute;
-  top: 0.2rem;
-  left: 0;
-  width: 100%;
-  height: 100%;
+  margin-right: 0.4rem;
 }
 /* intentionally empty */
 .cdr-form-group_13-0-0-alpha-3 {
@@ -2698,9 +2660,8 @@ input[type="month"] {
 .cdr-modal__header_13-0-0-alpha-3 {
   display: flex;
   padding-bottom: 1.6rem;
-}
-.cdr-modal__title_13-0-0-alpha-3 {
   flex: auto;
+  justify-content: space-between;
   font-family: Stuart, Georgia, serif;
   font-style: normal;
   font-weight: 500;
@@ -2721,11 +2682,8 @@ input[type="month"] {
 .cdr-modal__close-button_13-0-0-alpha-3:hover, .cdr-modal__close-button_13-0-0-alpha-3:focus {
   border: 0.1rem solid #928b80;
 }
-.cdr-modal__text_13-0-0-alpha-3 {
-  padding: 0;
-  position: relative;
-}
 .cdr-modal__text-content_13-0-0-alpha-3 {
+  padding: 0;
   overflow: auto;
   position: relative;
 }