@cloudscape-design/components 3.0.22 → 3.0.25

package/select/parts/styles.scoped.css

@@ -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_192xm_93:not(#\9) {
-  color: #5f6b7a;
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
 }
@@ -102,15 +101,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_item_dwuol_192xm_98 > .awsui_checkbox_dwuol_192xm_102:not(#\9) {
   position: relative;
-  min-height: 16px;
   min-height: var(--size-control-n9i4yo, 16px);
-  min-width: 16px;
   min-width: var(--size-control-n9i4yo, 16px);
-  height: 16px;
   height: var(--size-control-n9i4yo, 16px);
-  width: 16px;
   width: var(--size-control-n9i4yo, 16px);
-  margin-right: 12px;
   margin-right: var(--space-field-horizontal-89h2yr, 12px);
 }
 

package/select/styles.scoped.css

@@ -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: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }

package/side-navigation/styles.scoped.css

@@ -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: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open 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_1mtlo_107:not(#\9) {
-  padding: 20px 28px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-panel-nav-left-o5fvw3, 28px);
-  padding-right: calc(32px + 24px);
   padding-right: calc(var(--space-scaled-xxl-pfgv96, 32px) + var(--space-xl-a39hup, 24px));
 }
 
 .awsui_header-link_l0dv0_1mtlo_112:not(#\9) {
-  font-size: 20px;
   font-size: var(--font-panel-header-size-0vdgjc, 20px);
-  line-height: 24px;
   line-height: var(--font-panel-header-line-height-x2226j, 24px);
-  font-weight: 800;
   font-weight: var(--font-heading-l-weight-xm7ks9, 800);
-  color: #000716;
   color: var(--color-text-heading-default-jopz0f, #000716);
-  min-height: 24px;
   min-height: var(--font-panel-header-line-height-x2226j, 24px);
   display: flex;
 }
@@ -159,11 +148,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_header-logo_l0dv0_1mtlo_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_1mtlo_135:not(#\9) {
-  margin-top: 20px;
   margin-top: var(--space-scaled-l-t03y3z, 20px);
 }
 
 .awsui_list_l0dv0_1mtlo_135:not(#\9) {
   margin: 0;
   padding: 0;
-  padding-left: 20px;
   padding-left: var(--space-l-4vl6xu, 20px);
 }
 
 .awsui_list-variant-root_l0dv0_1mtlo_145:not(#\9) {
   margin: 0;
-  margin-bottom: 40px;
   margin-bottom: var(--space-scaled-xxxl-ffokcj, 40px);
-  padding: 0 24px 0 28px;
   padding: 0 var(--space-panel-side-right-kev4k9, 24px) 0 var(--space-panel-nav-left-o5fvw3, 28px);
 }
 
 .awsui_list-variant-expandable-link-group_l0dv0_1mtlo_151:not(#\9) {
-  padding-left: 40px;
   padding-left: var(--space-xxxl-bo9z7f, 40px);
 }
 
 .awsui_list-item_l0dv0_1mtlo_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_1mtlo_161:not(#\9),
 .awsui_expandable-link-group_l0dv0_1mtlo_162:not(#\9) {
-  margin-left: calc(-1 * 20px);
   margin-left: calc(-1 * var(--space-l-4vl6xu, 20px));
 }
 
 .awsui_section_l0dv0_1mtlo_161:not(#\9) {
-  margin-top: calc(20px - 2px);
   margin-top: calc(var(--space-scaled-2x-l-yejodm, 20px) - var(--border-divider-section-width-4wm2it, 2px));
-  margin-bottom: calc(20px - 2px);
   margin-bottom: calc(var(--space-scaled-2x-l-yejodm, 20px) - var(--border-divider-section-width-4wm2it, 2px));
   /* 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_1mtlo_175:not(#\9) {
-  color: #414d5c;
   color: var(--color-text-body-secondary-fdstdf, #414d5c);
   font-weight: 700;
 }
 
 .awsui_link_l0dv0_1mtlo_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: #414d5c;
   color: var(--color-text-body-secondary-fdstdf, #414d5c);
   font-weight: 400;
 }
 
 .awsui_link-active_l0dv0_1mtlo_187:not(#\9) {
-  font-weight: 800;
   font-weight: var(--font-wayfinding-link-active-weight-l3fid7, 800);
-  color: #0972d3;
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
 
@@ -250,7 +221,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_header-link_l0dv0_1mtlo_112:not(#\9):hover,
 .awsui_link_l0dv0_1mtlo_180:not(#\9):hover {
-  color: #0972d3;
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
 .awsui_header-link_l0dv0_1mtlo_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_1mtlo_112[data-awsui-focus-visible=true]:not(#\9):focus,
 .awsui_link_l0dv0_1mtlo_180[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
-  outline: 0;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
-  outline-color: #0972d3;
   outline-color: var(--color-border-item-focused-ap3b6s, #0972d3);
-  border-radius: 4px;
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
-  box-shadow: 0 0 0 2px #0972d3;
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
 .awsui_info_l0dv0_1mtlo_219:not(#\9) {
-  margin-left: 8px;
   margin-left: var(--space-xs-rsr2qu, 8px);
 }
 
 .awsui_external-icon_l0dv0_1mtlo_223:not(#\9) {
-  margin-left: 4px;
   margin-left: var(--space-xxs-ynfts5, 4px);
 }
 
 .awsui_divider_l0dv0_1mtlo_227:not(#\9) {
   border: none;
-  border-top: 2px solid #e9ebed;
   border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 
 .awsui_divider-default_l0dv0_1mtlo_232:not(#\9) {
-  margin: 24px calc(-1 * 12px);
   margin: var(--space-scaled-2x-xl-x30c9w, 24px) calc(-1 * var(--space-s-hv8c1d, 12px));
 }
 

package/space-between/styles.scoped.css

@@ -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/spinner/styles.scoped.css

@@ -133,41 +133,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: 0;
 }
 .awsui_root_1612d_9hw1o_127.awsui_size-normal_1612d_9hw1o_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_9hw1o_127.awsui_size-big_1612d_9hw1o_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((40px - 32px) / 2);
   margin-top: calc((var(--font-heading-xl-line-height-doxfdj, 40px) - var(--size-icon-big-cu55wt, 32px)) / 2);
-  margin-bottom: calc((40px - 32px) / 2);
   margin-bottom: calc((var(--font-heading-xl-line-height-doxfdj, 40px) - var(--size-icon-big-cu55wt, 32px)) / 2);
   box-sizing: border-box;
 }
 .awsui_root_1612d_9hw1o_127.awsui_size-large_1612d_9hw1o_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((54px - 48px) / 2);
   margin-top: calc((var(--font-display-l-line-height-71tnj3, 54px) - var(--size-icon-large-9vh494, 48px)) / 2);
-  margin-bottom: calc((54px - 48px) / 2);
   margin-bottom: calc((var(--font-display-l-line-height-71tnj3, 54px) - 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_9hw1o_127.awsui_variant-disabled_1612d_9hw1o_162:not(#\9) {
-  color: #9ba7b6;
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
 }
 .awsui_root_1612d_9hw1o_127.awsui_variant-inverted_1612d_9hw1o_165:not(#\9) {
-  color: #ffffff;
   color: var(--color-text-inverted-821sko, #ffffff);
 }