npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.22 → 3.0.25 - Mend

@cloudscape-design/components-themeable 3.0.22 → 3.0.25

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 (214) hide show

package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css CHANGED Viewed

@@ -91,7 +91,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 .awsui_content-enter_ig8mp_hpkf6_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_ig8mp_hpkf6_1 180ms ease-out;
   animation: awsui_awsui-motion-fade-in_ig8mp_hpkf6_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
 }
 @keyframes awsui_awsui-motion-fade-in_ig8mp_hpkf6_1 {
@@ -147,14 +146,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
-  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   padding: 0;
   margin: 0;
@@ -190,25 +185,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
-  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   list-style: none;
-  border: 1px solid #aab7b8;
   border: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-tutorial-9eqwas, #aab7b8);
-  border-radius: 2px;
   border-radius: var(--border-radius-tutorial-panel-item-nnx1b4, 2px);
-  padding: 16px;
   padding: var(--space-m-17eucw, 16px);
 }
 .awsui_tutorial-box_ig8mp_hpkf6_132:not(#\9):not(:first-child) {
-  margin-top: 20px;
   margin-top: var(--space-l-4vl6xu, 20px);
 }
@@ -232,7 +219,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_expandable-section_ig8mp_hpkf6_168:not(#\9) {
   display: none;
-  margin-top: 16px;
   margin-top: var(--space-m-17eucw, 16px);
 }
 .awsui_expandable-section_ig8mp_hpkf6_168.awsui_expanded_ig8mp_hpkf6_172:not(#\9) {
@@ -240,7 +226,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_button-wrapper_ig8mp_hpkf6_176:not(#\9) {
-  margin: calc(-1 * 4px - 1px);
   margin: calc(-1 * var(--space-xxs-ynfts5, 4px) - var(--border-field-width-y6x4sn, 1px));
 }
@@ -302,20 +287,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
-  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   text-decoration: none;
   display: inline;
   white-space: inherit;
   letter-spacing: 0.005em;
-  color: #545b64;
   color: var(--color-text-body-secondary-u912t7, #545b64);
 }
 .awsui_download-link_ig8mp_hpkf6_208:not(#\9):hover {
@@ -331,13 +311,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_download-link_ig8mp_hpkf6_208[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
-  outline: 5px auto Highlight;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: #0073bb;
   outline-color: var(--color-border-item-focused-n5kd8g, #0073bb);
-  border-radius: 2px;
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 0px #0073bb;
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }

package/lib/internal/template/tutorial-panel/styles.scoped.css CHANGED Viewed

@@ -120,15 +120,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
-  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
-  padding: 0 20px 16px;
   padding: 0 var(--space-l-4vl6xu, 20px) var(--space-m-17eucw, 16px);
 }

package/lib/internal/template/wizard/styles.scoped.css CHANGED Viewed

@@ -121,28 +121,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
-  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 .awsui_wizard_1xupv_1updw_105.awsui_refresh_1xupv_1updw_105:not(#\9) {
-  column-gap: 24px;
   column-gap: var(--space-xl-a39hup, 24px);
   display: grid;
   grid-template-columns: auto 1fr;
   grid-template-rows: auto 1fr;
-  row-gap: 24px;
   row-gap: var(--space-scaled-xl-w2t504, 24px);
 }
 .awsui_wizard_1xupv_1updw_105.awsui_refresh_1xupv_1updw_105.awsui_small-container_1xupv_1updw_112:not(#\9) {
-  row-gap: 20px;
   row-gap: var(--space-scaled-l-t03y3z, 20px);
 }
@@ -153,59 +146,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105:not(#\9) {
   grid-column: 1;
   grid-row: 1/span 2;
-  padding-top: 4px;
   padding-top: var(--space-scaled-xxs-95dhkm, 4px);
   z-index: 1;
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul:not(#\9) {
-  background: #ffffff;
   background: var(--color-background-container-content-o88wxm, #ffffff);
-  border-radius: 0px;
   border-radius: var(--border-radius-container-1aveko, 0px);
-  box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
   margin: 0;
-  padding: 20px 20px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-l-4vl6xu, 20px);
   width: 280px;
   box-sizing: border-box;
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li:not(#\9) {
   display: grid;
-  column-gap: 12px;
   column-gap: var(--space-s-hv8c1d, 12px);
-  grid-template-columns: 20px 1fr;
   grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
   grid-template-rows: repeat(2, auto);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li > hr:not(#\9) {
-  background-color: #eaeded;
   background-color: var(--color-border-divider-default-k96bks, #eaeded);
   border: 0;
   grid-column: 1;
   height: 100%;
-  width: 2px;
   width: var(--space-xxxs-k2w98v, 2px);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li > .awsui_number_1xupv_1updw_148:not(#\9) {
-  color: #687078;
   color: var(--color-text-small-5a9rs1, #687078);
-  font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   grid-column: 2;
   grid-row: 1;
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li > a:not(#\9) {
   align-items: start;
-  column-gap: 12px;
   column-gap: var(--space-s-hv8c1d, 12px);
   cursor: pointer;
   display: grid;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
   grid-column: 1/span 2;
   grid-row: 2;
-  grid-template-columns: 20px 1fr;
   grid-template-columns: var(--space-l-4vl6xu, 20px) 1fr;
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li > a > .awsui_circle_1xupv_1updw_164:not(#\9) {
@@ -224,21 +203,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li > a[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
-  outline: 5px auto Highlight;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: #0073bb;
   outline-color: var(--color-border-item-focused-n5kd8g, #0073bb);
-  border-radius: 2px;
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 0px #0073bb;
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li:not(#\9):first-child > hr {
   grid-row: 2/span 2;
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1updw_148 {
-  margin-top: 24px;
   margin-top: var(--space-scaled-xl-w2t504, 24px);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li:not(#\9):last-child > hr {
@@ -254,13 +228,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: text;
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li.awsui_active_1xupv_1updw_201 > a > .awsui_circle_1xupv_1updw_164:not(#\9) {
-  background-color: #0073bb;
   background-color: var(--color-background-control-checked-dyuc53, #0073bb);
-  box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px #0073bb, 0 0 0 7px #ffffff;
   box-shadow: 0 0 0 3px var(--color-background-container-content-o88wxm, #ffffff), 0 0 0 5px var(--color-background-control-checked-dyuc53, #0073bb), 0 0 0 7px var(--color-background-container-content-o88wxm, #ffffff);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li.awsui_active_1xupv_1updw_201 > a > .awsui_title_1xupv_1updw_172:not(#\9) {
-  color: #0073bb;
   color: var(--color-background-control-checked-dyuc53, #0073bb);
   font-weight: 700;
 }
@@ -268,44 +239,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: text;
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li.awsui_disabled_1xupv_1updw_212 > a > .awsui_circle_1xupv_1updw_164:not(#\9) {
-  background-color: #ffffff;
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
-  box-shadow: 0 0 0 2px #aab7b8, 0 0 0 4px #ffffff;
   box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-jcikk2, #aab7b8), 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li.awsui_disabled_1xupv_1updw_212 > a > .awsui_title_1xupv_1updw_172:not(#\9) {
-  color: #aab7b8;
   color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li.awsui_enabled_1xupv_1updw_222 > a > .awsui_circle_1xupv_1updw_164:not(#\9) {
-  background-color: #545b64;
   background-color: var(--color-text-interactive-default-9me1cm, #545b64);
-  box-shadow: 0 0 0 2px #545b64, 0 0 0 4px #ffffff;
   box-shadow: 0 0 0 2px var(--color-text-interactive-default-9me1cm, #545b64), 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li.awsui_enabled_1xupv_1updw_222 > a > .awsui_title_1xupv_1updw_172:not(#\9) {
-  color: #545b64;
   color: var(--color-text-interactive-default-9me1cm, #545b64);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li.awsui_enabled_1xupv_1updw_222 > a:not(#\9):hover > .awsui_circle_1xupv_1updw_164 {
-  background-color: #0073bb;
   background-color: var(--color-background-control-checked-dyuc53, #0073bb);
-  box-shadow: 0 0 0 2px #0073bb, 0 0 0 4px #ffffff;
   box-shadow: 0 0 0 2px var(--color-background-control-checked-dyuc53, #0073bb), 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
 }
 .awsui_navigation_1xupv_1updw_120.awsui_refresh_1xupv_1updw_105 > ul > li.awsui_enabled_1xupv_1updw_222 > a:not(#\9):hover > .awsui_title_1xupv_1updw_172 {
-  color: #0073bb;
   color: var(--color-background-control-checked-dyuc53, #0073bb);
 }
 .awsui_navigation_1xupv_1updw_120:not(#\9):not(.awsui_refresh_1xupv_1updw_105) {
-  color: #aab7b8;
   color: var(--color-text-disabled-pjiy51, #aab7b8);
   display: inline-block;
-  margin-right: calc(2 * 40px);
   margin-right: calc(2 * var(--space-xxxl-bo9z7f, 40px));
   min-width: 200px;
-  padding-top: 4px;
   padding-top: var(--space-xxs-ynfts5, 4px);
   width: 200px;
 }
@@ -315,16 +274,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0;
 }
 .awsui_navigation_1xupv_1updw_120:not(#\9):not(.awsui_refresh_1xupv_1updw_105) > ul > li {
-  padding-bottom: 16px;
   padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
   padding-top: 0;
 }
 .awsui_navigation_1xupv_1updw_120:not(#\9):not(.awsui_refresh_1xupv_1updw_105) > ul > li:not(:first-child) {
-  margin-top: 16px;
   margin-top: var(--space-scaled-m-pv0fmt, 16px);
 }
 .awsui_navigation_1xupv_1updw_120:not(#\9):not(.awsui_refresh_1xupv_1updw_105) > ul > li:not(:last-child) {
-  border-bottom: 1px solid #d5dbdb;
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-layout-ifju5o, #d5dbdb);
 }
@@ -336,7 +292,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_form_1xupv_1updw_261:not(#\9):not(.awsui_refresh_1xupv_1updw_105) > .awsui_form-header_1xupv_1updw_267 {
   position: relative;
-  margin-bottom: 16px;
   margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
 }
@@ -347,21 +302,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: contents;
 }
 .awsui_form_1xupv_1updw_261.awsui_refresh_1xupv_1updw_105 > .awsui_background_1xupv_1updw_278:not(#\9) {
-  background-color: #f2f3f3;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
   grid-column: 1/span 2;
   grid-row: 1;
 }
 .awsui_form_1xupv_1updw_261.awsui_refresh_1xupv_1updw_105 > .awsui_form-header_1xupv_1updw_267:not(#\9) {
-  background-color: #f2f3f3;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
   grid-column: 2;
   grid-row: 1;
 }
 .awsui_form_1xupv_1updw_261.awsui_refresh_1xupv_1updw_105 > .awsui_form-header_1xupv_1updw_267 > .awsui_form-header-content_1xupv_1updw_288:not(#\9) {
-  padding-top: 24px;
   padding-top: var(--space-scaled-xl-w2t504, 24px);
-  padding-bottom: 24px;
   padding-bottom: var(--space-scaled-xl-w2t504, 24px);
 }
 .awsui_form_1xupv_1updw_261.awsui_refresh_1xupv_1updw_105 > .awsui_form-component_1xupv_1updw_292:not(#\9) {
@@ -383,14 +334,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_collapsed-steps_1xupv_1updw_310:not(#\9) {
-  color: #545b64;
   color: var(--color-text-heading-secondary-mvxtuw, #545b64);
   font-weight: 700;
-  padding-top: 4px;
   padding-top: var(--space-scaled-xxs-95dhkm, 4px);
 }
 .awsui_collapsed-steps-extra-padding_1xupv_1updw_315:not(#\9) {
-  padding-top: 20px;
   padding-top: var(--space-scaled-l-t03y3z, 20px);
 }
 .awsui_collapsed-steps-hidden_1xupv_1updw_318:not(#\9) {
@@ -406,12 +354,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_navigation-link-active_1xupv_1updw_329:not(#\9) {
   font-weight: 700;
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
 }
 .awsui_navigation-link-disabled_1xupv_1updw_334:not(#\9) {
-  color: #aab7b8;
   color: var(--color-text-control-disabled-l34dfo, #aab7b8);
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.22",
+  "version": "3.0.25",
   "files": [
     "lib",
     "package.json",