npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.23 → 3.0.26 - Mend

@cloudscape-design/components-themeable 3.0.23 → 3.0.26

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

package/lib/internal/template/select/parts/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_placeholder_dwuol_1b8cz_93:not(#\9) {
-  color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
@@ -102,15 +101,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_item_dwuol_1b8cz_98 > .awsui_checkbox_dwuol_1b8cz_102:not(#\9) {
   position: relative;
-  min-height: 14px;
   min-height: var(--size-control-eyly4k, 14px);
-  min-width: 14px;
   min-width: var(--size-control-eyly4k, 14px);
-  height: 14px;
   height: var(--size-control-eyly4k, 14px);
-  width: 14px;
   width: var(--size-control-eyly4k, 14px);
-  margin-right: 8px;
   margin-right: var(--space-field-horizontal-z3i1c8, 8px);
 }

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

@@ -120,13 +120,9 @@ 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);
 }

package/lib/internal/template/side-navigation/styles.scoped.css CHANGED Viewed

@@ -120,14 +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);
   min-width: 0;
   -ms-word-break: break-all;
@@ -135,22 +131,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_header_l0dv0_xod3j_107:not(#\9) {
-  padding: 20px 32px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-panel-nav-left-hwf0ky, 32px);
-  padding-right: calc(32px + 24px);
   padding-right: calc(var(--space-scaled-xxl-pfgv96, 32px) + var(--space-xl-a39hup, 24px));
 }
 .awsui_header-link_l0dv0_xod3j_112:not(#\9) {
-  font-size: 18px;
   font-size: var(--font-panel-header-size-s14y0f, 18px);
-  line-height: 22px;
   line-height: var(--font-panel-header-line-height-dwnc1y, 22px);
-  font-weight: 700;
   font-weight: var(--font-heading-l-weight-qh3c9t, 700);
-  color: #16191f;
   color: var(--color-text-heading-default-bjds33, #16191f);
-  min-height: 22px;
   min-height: var(--font-panel-header-line-height-dwnc1y, 22px);
   display: flex;
 }
@@ -159,11 +148,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_header-logo_l0dv0_xod3j_124:not(#\9) {
-  margin-right: 12px;
   margin-right: var(--space-s-hv8c1d, 12px);
-  margin-top: 2px;
   margin-top: var(--space-xxxs-k2w98v, 2px);
-  max-width: calc(1.25 * 32px);
   max-width: calc(1.25 * var(--size-icon-big-cu55wt, 32px));
   align-self: flex-start;
 }
@@ -173,32 +159,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_list-container_l0dv0_xod3j_135:not(#\9) {
-  margin-top: 20px;
   margin-top: var(--space-scaled-l-t03y3z, 20px);
 }
 .awsui_list_l0dv0_xod3j_135:not(#\9) {
   margin: 0;
   padding: 0;
-  padding-left: 20px;
   padding-left: var(--space-l-4vl6xu, 20px);
 }
 .awsui_list-variant-root_l0dv0_xod3j_145:not(#\9) {
   margin: 0;
-  margin-bottom: 40px;
   margin-bottom: var(--space-scaled-xxxl-ffokcj, 40px);
-  padding: 0 32px 0 32px;
   padding: 0 var(--space-panel-side-right-oktwq8, 32px) 0 var(--space-panel-nav-left-hwf0ky, 32px);
 }
 .awsui_list-variant-expandable-link-group_l0dv0_xod3j_151:not(#\9) {
-  padding-left: 40px;
   padding-left: var(--space-xxxl-bo9z7f, 40px);
 }
 .awsui_list-item_l0dv0_xod3j_155:not(#\9) {
-  margin: 8px 0;
   margin: var(--space-scaled-xs-6859qs, 8px) 0;
   padding: 0;
   list-style: none;
@@ -206,14 +186,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_section_l0dv0_xod3j_161:not(#\9),
 .awsui_expandable-link-group_l0dv0_xod3j_162:not(#\9) {
-  margin-left: calc(-1 * 20px);
   margin-left: calc(-1 * var(--space-l-4vl6xu, 20px));
 }
 .awsui_section_l0dv0_xod3j_161:not(#\9) {
-  margin-top: calc(20px - 1px);
   margin-top: calc(var(--space-scaled-2x-l-yejodm, 20px) - var(--border-divider-section-width-5a4cv1, 1px));
-  margin-bottom: calc(20px - 1px);
   margin-bottom: calc(var(--space-scaled-2x-l-yejodm, 20px) - var(--border-divider-section-width-5a4cv1, 1px));
   /* stylelint-disable-next-line selector-max-type */
 }
@@ -222,25 +199,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_section-header_l0dv0_xod3j_175:not(#\9) {
-  color: #545b64;
   color: var(--color-text-body-secondary-u912t7, #545b64);
   font-weight: 700;
 }
 .awsui_link_l0dv0_xod3j_180:not(#\9) {
-  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: #545b64;
   color: var(--color-text-body-secondary-u912t7, #545b64);
   font-weight: 400;
 }
 .awsui_link-active_l0dv0_xod3j_187:not(#\9) {
-  font-weight: 700;
   font-weight: var(--font-wayfinding-link-active-weight-r40wpo, 700);
-  color: #0073bb;
   color: var(--color-text-accent-s0earc, #0073bb);
 }
@@ -250,7 +221,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_header-link_l0dv0_xod3j_112:not(#\9):hover,
 .awsui_link_l0dv0_xod3j_180:not(#\9):hover {
-  color: #0073bb;
   color: var(--color-text-accent-s0earc, #0073bb);
 }
 .awsui_header-link_l0dv0_xod3j_112:not(#\9):focus,
@@ -263,35 +233,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_header-link_l0dv0_xod3j_112[data-awsui-focus-visible=true]:not(#\9):focus,
 .awsui_link_l0dv0_xod3j_180[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_info_l0dv0_xod3j_219:not(#\9) {
-  margin-left: 8px;
   margin-left: var(--space-xs-rsr2qu, 8px);
 }
 .awsui_external-icon_l0dv0_xod3j_223:not(#\9) {
-  margin-left: 4px;
   margin-left: var(--space-xxs-ynfts5, 4px);
 }
 .awsui_divider_l0dv0_xod3j_227:not(#\9) {
   border: none;
-  border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 .awsui_divider-default_l0dv0_xod3j_232:not(#\9) {
-  margin: 24px calc(-1 * 12px);
   margin: var(--space-scaled-2x-xl-x30c9w, 24px) calc(-1 * var(--space-s-hv8c1d, 12px));
 }

package/lib/internal/template/space-between/styles.scoped.css CHANGED Viewed

@@ -110,114 +110,82 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
 }
 .awsui_horizontal-xxxs_18582_66aol_112:not(#\9) {
-  margin-left: calc(-1 * 2px);
   margin-left: calc(-1 * var(--space-xxxs-k2w98v, 2px));
-  margin-bottom: calc(-1 * 2px);
   margin-bottom: calc(-1 * var(--space-xxxs-k2w98v, 2px));
 }
 .awsui_horizontal-xxs_18582_66aol_116:not(#\9) {
-  margin-left: calc(-1 * 4px);
   margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
-  margin-bottom: calc(-1 * 4px);
   margin-bottom: calc(-1 * var(--space-xxs-ynfts5, 4px));
 }
 .awsui_horizontal-xs_18582_66aol_120:not(#\9) {
-  margin-left: calc(-1 * 8px);
   margin-left: calc(-1 * var(--space-xs-rsr2qu, 8px));
-  margin-bottom: calc(-1 * 8px);
   margin-bottom: calc(-1 * var(--space-xs-rsr2qu, 8px));
 }
 .awsui_horizontal-s_18582_66aol_124:not(#\9) {
-  margin-left: calc(-1 * 12px);
   margin-left: calc(-1 * var(--space-s-hv8c1d, 12px));
-  margin-bottom: calc(-1 * 12px);
   margin-bottom: calc(-1 * var(--space-s-hv8c1d, 12px));
 }
 .awsui_horizontal-m_18582_66aol_128:not(#\9) {
-  margin-left: calc(-1 * 16px);
   margin-left: calc(-1 * var(--space-m-17eucw, 16px));
-  margin-bottom: calc(-1 * 16px);
   margin-bottom: calc(-1 * var(--space-m-17eucw, 16px));
 }
 .awsui_horizontal-l_18582_66aol_132:not(#\9) {
-  margin-left: calc(-1 * 20px);
   margin-left: calc(-1 * var(--space-l-4vl6xu, 20px));
-  margin-bottom: calc(-1 * 20px);
   margin-bottom: calc(-1 * var(--space-l-4vl6xu, 20px));
 }
 .awsui_horizontal-xl_18582_66aol_136:not(#\9) {
-  margin-left: calc(-1 * 24px);
   margin-left: calc(-1 * var(--space-xl-a39hup, 24px));
-  margin-bottom: calc(-1 * 24px);
   margin-bottom: calc(-1 * var(--space-xl-a39hup, 24px));
 }
 .awsui_horizontal-xxl_18582_66aol_140:not(#\9) {
-  margin-left: calc(-1 * 32px);
   margin-left: calc(-1 * var(--space-xxl-2nvmf1, 32px));
-  margin-bottom: calc(-1 * 32px);
   margin-bottom: calc(-1 * var(--space-xxl-2nvmf1, 32px));
 }
 .awsui_child-horizontal-xxxs_18582_66aol_145:not(#\9) {
-  margin-left: 2px;
   margin-left: var(--space-xxxs-k2w98v, 2px);
-  margin-bottom: 2px;
   margin-bottom: var(--space-xxxs-k2w98v, 2px);
   min-width: 1px;
 }
 .awsui_child-horizontal-xxs_18582_66aol_151:not(#\9) {
-  margin-left: 4px;
   margin-left: var(--space-xxs-ynfts5, 4px);
-  margin-bottom: 4px;
   margin-bottom: var(--space-xxs-ynfts5, 4px);
   min-width: 1px;
 }
 .awsui_child-horizontal-xs_18582_66aol_157:not(#\9) {
-  margin-left: 8px;
   margin-left: var(--space-xs-rsr2qu, 8px);
-  margin-bottom: 8px;
   margin-bottom: var(--space-xs-rsr2qu, 8px);
   min-width: 1px;
 }
 .awsui_child-horizontal-s_18582_66aol_163:not(#\9) {
-  margin-left: 12px;
   margin-left: var(--space-s-hv8c1d, 12px);
-  margin-bottom: 12px;
   margin-bottom: var(--space-s-hv8c1d, 12px);
   min-width: 1px;
 }
 .awsui_child-horizontal-m_18582_66aol_169:not(#\9) {
-  margin-left: 16px;
   margin-left: var(--space-m-17eucw, 16px);
-  margin-bottom: 16px;
   margin-bottom: var(--space-m-17eucw, 16px);
   min-width: 1px;
 }
 .awsui_child-horizontal-l_18582_66aol_175:not(#\9) {
-  margin-left: 20px;
   margin-left: var(--space-l-4vl6xu, 20px);
-  margin-bottom: 20px;
   margin-bottom: var(--space-l-4vl6xu, 20px);
   min-width: 1px;
 }
 .awsui_child-horizontal-xl_18582_66aol_181:not(#\9) {
-  margin-left: 24px;
   margin-left: var(--space-xl-a39hup, 24px);
-  margin-bottom: 24px;
   margin-bottom: var(--space-xl-a39hup, 24px);
   min-width: 1px;
 }
 .awsui_child-horizontal-xxl_18582_66aol_187:not(#\9) {
-  margin-left: 32px;
   margin-left: var(--space-xxl-2nvmf1, 32px);
-  margin-bottom: 32px;
   margin-bottom: var(--space-xxl-2nvmf1, 32px);
   min-width: 1px;
 }
@@ -230,41 +198,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_child-vertical-xxxs_18582_66aol_200:not(#\9):not(:last-child) {
-  margin-bottom: 2px;
   margin-bottom: var(--space-xxxs-k2w98v, 2px);
 }
 .awsui_child-vertical-xxs_18582_66aol_204:not(#\9):not(:last-child) {
-  margin-bottom: 4px;
   margin-bottom: var(--space-xxs-ynfts5, 4px);
 }
 .awsui_child-vertical-xs_18582_66aol_208:not(#\9):not(:last-child) {
-  margin-bottom: 8px;
   margin-bottom: var(--space-xs-rsr2qu, 8px);
 }
 .awsui_child-vertical-s_18582_66aol_212:not(#\9):not(:last-child) {
-  margin-bottom: 12px;
   margin-bottom: var(--space-scaled-s-cu1hzn, 12px);
 }
 .awsui_child-vertical-m_18582_66aol_216:not(#\9):not(:last-child) {
-  margin-bottom: 16px;
   margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
 }
 .awsui_child-vertical-l_18582_66aol_220:not(#\9):not(:last-child) {
-  margin-bottom: 20px;
   margin-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
 .awsui_child-vertical-xl_18582_66aol_224:not(#\9):not(:last-child) {
-  margin-bottom: 24px;
   margin-bottom: var(--space-scaled-xl-w2t504, 24px);
 }
 .awsui_child-vertical-xxl_18582_66aol_228:not(#\9):not(:last-child) {
-  margin-bottom: 32px;
   margin-bottom: var(--space-scaled-xxl-pfgv96, 32px);
 }

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

@@ -133,41 +133,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: 0;
 }
 .awsui_root_1612d_ormt8_127.awsui_size-normal_1612d_ormt8_135:not(#\9) {
-  width: 16px;
   width: var(--size-icon-normal-j1z5fn, 16px);
-  height: 16px;
   height: var(--size-icon-normal-j1z5fn, 16px);
-  padding: calc((16px - 12px) / 2);
   padding: calc((var(--size-icon-normal-j1z5fn, 16px) - 12px) / 2);
-  margin-top: calc((22px - 16px) / 2);
   margin-top: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / 2);
-  margin-bottom: calc((22px - 16px) / 2);
   margin-bottom: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / 2);
   box-sizing: border-box;
 }
 .awsui_root_1612d_ormt8_127.awsui_size-big_1612d_ormt8_143:not(#\9) {
-  width: 32px;
   width: var(--size-icon-big-cu55wt, 32px);
-  height: 32px;
   height: var(--size-icon-big-cu55wt, 32px);
-  padding: calc((32px - 24px) / 2);
   padding: calc((var(--size-icon-big-cu55wt, 32px) - 24px) / 2);
-  margin-top: calc((36px - 32px) / 2);
   margin-top: calc((var(--font-heading-xl-line-height-qeciux, 36px) - var(--size-icon-big-cu55wt, 32px)) / 2);
-  margin-bottom: calc((36px - 32px) / 2);
   margin-bottom: calc((var(--font-heading-xl-line-height-qeciux, 36px) - var(--size-icon-big-cu55wt, 32px)) / 2);
   box-sizing: border-box;
 }
 .awsui_root_1612d_ormt8_127.awsui_size-large_1612d_ormt8_151:not(#\9) {
-  width: 48px;
   width: var(--size-icon-large-9vh494, 48px);
-  height: 48px;
   height: var(--size-icon-large-9vh494, 48px);
-  padding: calc((48px - 36px) / 2);
   padding: calc((var(--size-icon-large-9vh494, 48px) - 36px) / 2);
-  margin-top: calc((56px - 48px) / 2);
   margin-top: calc((var(--font-display-l-line-height-gic9xn, 56px) - var(--size-icon-large-9vh494, 48px)) / 2);
-  margin-bottom: calc((56px - 48px) / 2);
   margin-bottom: calc((var(--font-display-l-line-height-gic9xn, 56px) - var(--size-icon-large-9vh494, 48px)) / 2);
   box-sizing: border-box;
 }
@@ -175,11 +160,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: currentColor;
 }
 .awsui_root_1612d_ormt8_127.awsui_variant-disabled_1612d_ormt8_162:not(#\9) {
-  color: #aab7b8;
   color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
 }
 .awsui_root_1612d_ormt8_127.awsui_variant-inverted_1612d_ormt8_165:not(#\9) {
-  color: #ffffff;
   color: var(--color-text-inverted-p77o7g, #ffffff);
 }