@cloudscape-design/components 3.0.22 → 3.0.25

package/app-layout/mobile-toolbar/styles.scoped.css

@@ -107,20 +107,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1000;
   width: 100%;
   box-sizing: border-box;
-  background-color: #000716;
   background-color: var(--color-background-layout-mobile-panel-9vweqk, #000716);
-  box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
-  height: calc(2 * 16px + 8px);
   height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
 }
 
 .awsui_mobile-bar-breadcrumbs_19d8l_l5x8d_115:not(#\9) {
   min-width: 0;
   flex: 1;
-  margin-left: 16px;
   margin-left: var(--space-m-17eucw, 16px);
-  margin-right: 16px;
   margin-right: var(--space-m-17eucw, 16px);
 }
 
@@ -128,19 +123,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   cursor: pointer;
   z-index: 1;
-  padding: 4px 7px;
   padding: var(--space-xxs-ynfts5, 4px) 7px;
   width: 40px;
 }
 .awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9):first-child {
-  border-right: 1px solid #d1d5db;
   border-right: 1px solid var(--color-border-layout-wf5alz, #d1d5db);
 }
 .awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9):last-child {
-  border-left: 1px solid #d1d5db;
   border-left: 1px solid var(--color-border-layout-wf5alz, #d1d5db);
 }
 .awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9):hover {
-  background: #e9ebed;
   background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
 }

package/app-layout/styles.scoped.css

@@ -110,7 +110,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
-  background-color: #ffffff;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
 .awsui_layout-no-scroll_lm6vo_d9e10_115:not(#\9) {
@@ -120,7 +119,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_layout-main_lm6vo_d9e10_119:not(#\9) {
   flex: 1;
   min-width: 0;
-  background-color: #ffffff;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   position: relative;
 }
@@ -137,7 +135,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
-  box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
 }
 .awsui_drawer_lm6vo_d9e10_134:not(#\9):not(.awsui_drawer-mobile_lm6vo_d9e10_140) {
@@ -151,18 +148,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: none;
 }
 .awsui_drawer_lm6vo_d9e10_134.awsui_opaque-background_lm6vo_d9e10_150:not(#\9) {
-  background: #ffffff;
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
 }
 
 .awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
   position: fixed;
   overflow: auto;
-  background-color: #ffffff;
   background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
 }
 .awsui_opaque-background_lm6vo_d9e10_150 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
-  border-right: 2px solid #e9ebed;
   border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
 }
 .awsui_drawer-mobile_lm6vo_d9e10_140 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9) {
@@ -176,7 +170,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 40px;
 }
 .awsui_drawer-closed_lm6vo_d9e10_143 > .awsui_drawer-content_lm6vo_d9e10_154:not(#\9):hover {
-  background: #e9ebed;
   background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
 }
 .awsui_drawer-content_lm6vo_d9e10_154 > [aria-hidden=true]:not(#\9) {
@@ -185,13 +178,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 
 .awsui_toggle_lm6vo_d9e10_179:not(#\9) {
   box-sizing: border-box;
-  padding: 4px 7px;
   padding: var(--space-xxs-ynfts5, 4px) 7px;
 }
 
 .awsui_visual-refresh-toggle_lm6vo_d9e10_184:not(#\9) {
   position: fixed;
-  padding: 12px 20px;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
 }
 .awsui_visual-refresh-toggle-type-tools_lm6vo_d9e10_188:not(#\9) {
@@ -208,7 +199,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_button-toggles-container_lm6vo_d9e10_201:not(#\9) {
-  min-width: calc(40px + 2 * 20px);
   min-width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
   position: relative;
   z-index: 851;
@@ -222,38 +212,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   bottom: 0;
   right: 0;
-  width: calc(40px + 2 * 20px);
   width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
-  background: #ffffff;
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
-  border-left: 2px solid #e9ebed;
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
 }
 
 .awsui_breadcrumbs-desktop_lm6vo_d9e10_220:not(#\9) {
-  padding-top: 16px;
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
-  padding-bottom: 12px;
   padding-bottom: var(--space-scaled-s-cu1hzn, 12px);
 }
 
 .awsui_content-header-wrapper_lm6vo_d9e10_225:not(#\9) {
-  padding-bottom: 16px;
   padding-bottom: var(--space-scaled-m-pv0fmt, 16px);
 }
 
 .awsui_content-wrapper_lm6vo_d9e10_229:not(#\9) {
-  padding-bottom: 40px;
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
 }
 
 .awsui_content-overlapped_lm6vo_d9e10_233:not(#\9) {
-  margin-top: calc(-1 * 36px);
   margin-top: calc(-1 * var(--space-dark-header-overlap-distance-hfejul, 36px));
 }
 
 .awsui_content-extra-top-padding_lm6vo_d9e10_237:not(#\9) {
-  padding-top: 16px;
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
 }
 
@@ -326,6 +307,5 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_panel-wrapper-inner_lm6vo_d9e10_288:not(#\9) {
-  background: #ffffff;
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
 }

package/app-layout/toggles/styles.scoped.css

@@ -93,9 +93,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_close-button_16w0h_kzvce_93:not(#\9) {
   position: absolute;
   outline: none;
-  right: 16px;
   right: var(--space-m-17eucw, 16px);
-  top: 15px;
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
   z-index: 1;
 }
@@ -104,17 +102,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   border-radius: 50%;
   border: none;
-  width: 40px;
   width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
-  height: 40px;
   height: var(--space-layout-toggle-diameter-hzvqtj, 40px);
-  padding: 0 12px;
   padding: 0 var(--space-s-hv8c1d, 12px);
-  background: #192534;
   background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
-  color: #ffffff;
   color: var(--color-text-layout-toggle-20sb9r, #ffffff);
-  box-shadow: 0px 6px 12px 1px rgba(0, 7, 22, 0.12);
   box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
 }
 .awsui_circular-toggle_16w0h_kzvce_101:not(#\9):focus {
@@ -135,30 +127,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: calc(-1 * 3px);
   width: calc(100% + 2 * 3px);
   height: calc(100% + 2 * 3px);
-  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 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 .awsui_circular-toggle_16w0h_kzvce_101:not(#\9):hover {
-  background: #354150;
   background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
 }
 .awsui_circular-toggle_16w0h_kzvce_101:not(#\9):active {
-  background: #354150;
   background: var(--color-background-layout-toggle-active-d15dki, #354150);
 }
 .awsui_circular-toggle-selected_16w0h_kzvce_139:not(#\9) {
-  background: #0972d3;
   background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
-  color: #ffffff;
   color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
 }
 .awsui_circular-toggle-selected_16w0h_kzvce_139:not(#\9):hover {
-  background: #065299;
   background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
 }
 .awsui_circular-toggle-selected_16w0h_kzvce_139:not(#\9):active {
-  background: #0972d3;
   background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
 }

package/app-layout/visual-refresh/styles.scoped.css

@@ -116,17 +116,14 @@ section.awsui_appbar_hyvsj_1cvzy_93:not(#\9) {
 }
 section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_appbar-nav_hyvsj_1cvzy_117:not(#\9) {
   grid-column: 1;
-  margin-right: 16px;
   margin-right: var(--space-m-17eucw, 16px);
 }
 section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121:not(#\9) {
   grid-column: 2;
-  background-color: #ffffff;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
 section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_appbar-tools_hyvsj_1cvzy_125:not(#\9) {
   grid-column: 3;
-  margin-left: 16px;
   margin-left: var(--space-m-17eucw, 16px);
 }
 @media (min-width: 689px) {
@@ -168,38 +165,29 @@ section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_appbar-tools_hyvsj_1cvzy_125:not(#\
     display: none;
   }
   section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121:not(#\9):not(.awsui_has-notifications-content_hyvsj_1cvzy_167) {
-    padding-top: 16px;
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
   section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121.awsui_has-notifications-content_hyvsj_1cvzy_167:not(#\9) {
-    padding-top: 12px;
     padding-top: var(--space-scaled-2x-s-9svxjy, 12px);
   }
   section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121:not(#\9):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173),
 section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121:not(#\9):not(.awsui_has-header_hyvsj_1cvzy_173).awsui_content-type-wizard_hyvsj_1cvzy_174 {
-    padding-bottom: 16px;
     padding-bottom: var(--space-m-17eucw, 16px);
   }
   section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121.awsui_content-type-cards_hyvsj_1cvzy_177:not(#\9),
 section.awsui_appbar_hyvsj_1cvzy_93 > .awsui_breadcrumbs_hyvsj_1cvzy_121.awsui_content-type-table_hyvsj_1cvzy_178:not(#\9) {
-    padding-bottom: 4px;
     padding-bottom: var(--space-xxs-ynfts5, 4px);
     z-index: 799;
   }
 }
 @media (max-width: 688px) {
   section.awsui_appbar_hyvsj_1cvzy_93:not(#\9) {
-    background-color: #000716;
     background-color: var(--color-background-home-header-mpq08f, #000716);
-    border-bottom: 1px solid #e9ebed;
     border-bottom: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
-    box-shadow: 0px 6px 12px 1px rgba(0, 7, 22, 0.12);
     box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
     grid-column: 1/span 5;
     grid-row: 1;
-    height: calc(2 * 16px + 8px);
     height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
-    padding: 0 16px;
     padding: 0 var(--space-m-17eucw, 16px);
     position: sticky;
     top: var(--awsui-offset-top-ujkcpl);
@@ -226,7 +214,6 @@ div.awsui_background_hyvsj_1cvzy_213:not(#\9) {
   display: contents;
 }
 div.awsui_background_hyvsj_1cvzy_213 > .awsui_notifications-appbar-header_hyvsj_1cvzy_216:not(#\9) {
-  background-color: #ffffff;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 1/span 3;
@@ -245,7 +232,6 @@ div.awsui_background_hyvsj_1cvzy_213 > .awsui_notifications-appbar-header_hyvsj_
   }
 }
 div.awsui_background_hyvsj_1cvzy_213 > .awsui_overlap_hyvsj_1cvzy_234:not(#\9) {
-  background-color: #ffffff;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1/span 5;
   grid-row: 4;
@@ -272,7 +258,6 @@ div.awsui_background_hyvsj_1cvzy_213 > .awsui_overlap_hyvsj_1cvzy_234:not(#\9) {
 header.awsui_content_hyvsj_1cvzy_174:not(#\9) {
   grid-column: 3;
   grid-row: 3;
-  padding-bottom: 24px;
   padding-bottom: var(--space-dark-header-padding-bottom-jg1586, 24px);
 }
 @media (min-width: 689px) {
@@ -295,21 +280,17 @@ header.awsui_content_hyvsj_1cvzy_174:not(#\9) {
     */
   }
   header.awsui_content_hyvsj_1cvzy_174.awsui_has-notifications-content_hyvsj_1cvzy_167:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160) {
-    padding-top: 8px;
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
   header.awsui_content_hyvsj_1cvzy_174.awsui_has-breadcrumbs_hyvsj_1cvzy_160:not(#\9) {
-    padding-top: 4px;
     padding-top: var(--space-xxs-ynfts5, 4px);
   }
   header.awsui_content_hyvsj_1cvzy_174:not(#\9):not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160) {
-    padding-top: 8px;
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
 @media (max-width: 688px) {
   header.awsui_content_hyvsj_1cvzy_174:not(#\9) {
-    padding: 16px 0 24px;
     padding: var(--space-m-17eucw, 16px) 0 var(--space-dark-header-padding-bottom-jg1586, 24px);
     /*
     Breadcrumbs has moved to first position and sticky so Notifications 
@@ -317,7 +298,6 @@ header.awsui_content_hyvsj_1cvzy_174:not(#\9) {
     */
   }
   header.awsui_content_hyvsj_1cvzy_174.awsui_has-notifications-content_hyvsj_1cvzy_167:not(#\9) {
-    padding-top: 8px;
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
 }
@@ -355,7 +335,6 @@ header.awsui_content_hyvsj_1cvzy_174:not(#\9) {
   --awsui-offset-top-ujkcpl: 0px;
   --awsui-offset-top-with-notifications-ujkcpl: 0px;
   --awsui-overlap-height-ujkcpl: var(--space-dark-header-overlap-distance-hfejul, 36px);
-  background-color: #ffffff;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   display: grid;
   grid-template-rows: repeat(3, auto) var(--awsui-overlap-height-ujkcpl) 1fr;
@@ -511,7 +490,6 @@ when the navigation or tools drawers are open in responsive viewports.
 .awsui_container_hyvsj_1cvzy_490:not(#\9) {
   grid-column: 3;
   grid-row: 4/span 2;
-  padding-bottom: 40px;
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
   /*
   If disableContentPaddings is enabled then the Main content has a different 
@@ -555,11 +533,9 @@ when the navigation or tools drawers are open in responsive viewports.
     */
   }
   .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-default_hyvsj_1cvzy_535.awsui_has-notifications-content_hyvsj_1cvzy_167:not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173), .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-form_hyvsj_1cvzy_535.awsui_has-notifications-content_hyvsj_1cvzy_167:not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173) {
-    padding-top: 16px;
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
   .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-default_hyvsj_1cvzy_535:not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173), .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-form_hyvsj_1cvzy_535:not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-breadcrumbs_hyvsj_1cvzy_160):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173) {
-    padding-top: 8px;
     padding-top: var(--space-scaled-xs-6859qs, 8px);
   }
   .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_has-header_hyvsj_1cvzy_173, .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173 {
@@ -583,11 +559,9 @@ when the navigation or tools drawers are open in responsive viewports.
     */
   }
   .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-default_hyvsj_1cvzy_535.awsui_has-notifications-content_hyvsj_1cvzy_167:not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173), .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-form_hyvsj_1cvzy_535.awsui_has-notifications-content_hyvsj_1cvzy_167:not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173) {
-    padding-top: 16px;
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
   .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-default_hyvsj_1cvzy_535:not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173), .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_content-type-form_hyvsj_1cvzy_535:not(.awsui_has-notifications-content_hyvsj_1cvzy_167):not(.awsui_has-header_hyvsj_1cvzy_173):not(.awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173) {
-    padding-top: 16px;
     padding-top: var(--space-scaled-m-pv0fmt, 16px);
   }
   .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_has-header_hyvsj_1cvzy_173, .awsui_container_hyvsj_1cvzy_490:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cvzy_507).awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173 {
@@ -632,7 +606,6 @@ when the navigation or tools drawers are open in responsive viewports.
 }
 
 nav.awsui_show-navigation_hyvsj_1cvzy_608:not(#\9) {
-  padding: 12px 20px;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
   /*
   Apply the animation only in desktop viewports because the AppBar will 
@@ -655,7 +628,6 @@ nav.awsui_show-navigation_hyvsj_1cvzy_608.awsui_is-navigation-open_hyvsj_1cvzy_5
     display: block;
   }
   nav.awsui_show-navigation_hyvsj_1cvzy_608:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cvzy_512).awsui_animating_hyvsj_1cvzy_630 {
-    animation: awsui_showButtons_hyvsj_1cvzy_1 115ms;
     animation: awsui_showButtons_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   }
 }
@@ -673,9 +645,7 @@ nav.awsui_show-navigation_hyvsj_1cvzy_608.awsui_is-navigation-open_hyvsj_1cvzy_5
 }
 
 nav.awsui_navigation_hyvsj_1cvzy_584:not(#\9) {
-  background-color: #ffffff;
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
-  box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
   bottom: 0;
   height: 100%;
@@ -693,7 +663,6 @@ nav.awsui_navigation_hyvsj_1cvzy_584:not(#\9) {
 @keyframes awsui_openNavigation_hyvsj_1cvzy_1 {
   from {
     opacity: 0;
-    width: calc(20px * 2 + 40px);
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
   }
   to {
@@ -706,7 +675,6 @@ nav.awsui_navigation_hyvsj_1cvzy_584:not(#\9):not(.awsui_is-navigation-open_hyvs
   display: none;
 }
 nav.awsui_navigation_hyvsj_1cvzy_584.awsui_is-navigation-open_hyvsj_1cvzy_512.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
-  animation: awsui_openNavigation_hyvsj_1cvzy_1 115ms;
   animation: awsui_openNavigation_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -730,9 +698,7 @@ nav.awsui_navigation_hyvsj_1cvzy_584 > .awsui_animated-content_hyvsj_1cvzy_690:n
 
 .awsui_hide-navigation_hyvsj_1cvzy_699:not(#\9) {
   position: absolute;
-  right: 16px;
   right: var(--space-m-17eucw, 16px);
-  top: 15px;
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
 }
 
@@ -758,7 +724,6 @@ nav.awsui_navigation_hyvsj_1cvzy_584 > .awsui_animated-content_hyvsj_1cvzy_690:n
 }
 @media (min-width: 689px) {
   .awsui_notifications_hyvsj_1cvzy_216:not(#\9) {
-    margin: 8px 0;
     margin: var(--space-xs-rsr2qu, 8px) 0;
     /*
     var(--space-xs-rsr2qu, 8px) token needs to align with the $offsetTopWithNotifications 
@@ -767,7 +732,6 @@ nav.awsui_navigation_hyvsj_1cvzy_584 > .awsui_animated-content_hyvsj_1cvzy_690:n
   }
   .awsui_notifications_hyvsj_1cvzy_216.awsui_sticky-notifications_hyvsj_1cvzy_228:not(#\9) {
     position: sticky;
-    top: calc(var(--awsui-offset-top-ujkcpl) + 8px);
     top: calc(var(--awsui-offset-top-ujkcpl) + var(--space-xs-rsr2qu, 8px));
   }
   .awsui_notifications_hyvsj_1cvzy_216:not(#\9):not(.awsui_has-notifications-content_hyvsj_1cvzy_167) {
@@ -777,7 +741,6 @@ nav.awsui_navigation_hyvsj_1cvzy_584 > .awsui_animated-content_hyvsj_1cvzy_690:n
 @media (max-width: 688px) {
   .awsui_notifications_hyvsj_1cvzy_216:not(#\9) {
     grid-row: 2;
-    margin: 12px 0;
     margin: var(--space-scaled-s-cu1hzn, 12px) 0;
   }
   .awsui_notifications_hyvsj_1cvzy_216.awsui_sticky-notifications_hyvsj_1cvzy_228:not(#\9) {
@@ -826,7 +789,6 @@ section.awsui_split-panel-bottom_hyvsj_1cvzy_766:not(#\9) {
 }
 @keyframes awsui_openSplitPanelBottom_hyvsj_1cvzy_1 {
   from {
-    height: 0;
     height: var(--awsui-split-panel-reported-header-size-ujkcpl, 0);
   }
   to {
@@ -849,11 +811,9 @@ section.awsui_split-panel-bottom_hyvsj_1cvzy_766:not(#\9):not(.awsui_is-split-pa
   box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
 }
 section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-bottom_hyvsj_1cvzy_801:not(#\9) {
-  box-shadow: 0px -36px 36px -36px rgba(0, 7, 22, 0.1);
   box-shadow: var(--shadow-split-bottom-otfetg, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
 }
 section.awsui_split-panel-bottom_hyvsj_1cvzy_766.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-bottom_hyvsj_1cvzy_801.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
-  animation: awsui_openSplitPanelBottom_hyvsj_1cvzy_1 115ms;
   animation: awsui_openSplitPanelBottom_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -884,7 +844,6 @@ section.awsui_split-panel-side_hyvsj_1cvzy_830:not(#\9) {
 @keyframes awsui_openSplitPanelSide_hyvsj_1cvzy_1 {
   from {
     opacity: 0;
-    width: 280px;
     width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
   }
   to {
@@ -896,15 +855,11 @@ section.awsui_split-panel-side_hyvsj_1cvzy_830:not(#\9):not(.awsui_is-split-pane
   width: 0;
 }
 section.awsui_split-panel-side_hyvsj_1cvzy_830.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-side_hyvsj_1cvzy_857:not(#\9) {
-  box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
-  max-width: 280px;
   max-width: var(--awsui-split-panel-max-width-ujkcpl, 280px);
-  min-width: 280px;
   min-width: var(--awsui-split-panel-min-width-ujkcpl, 280px);
 }
 section.awsui_split-panel-side_hyvsj_1cvzy_830.awsui_is-split-panel-open_hyvsj_1cvzy_515.awsui_position-side_hyvsj_1cvzy_857.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
-  animation: awsui_openSplitPanelSide_hyvsj_1cvzy_1 115ms;
   animation: awsui_openSplitPanelSide_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -967,9 +922,7 @@ viewport size and state of the Tools drawer.
 }
 
 .awsui_tools_hyvsj_1cvzy_894:not(#\9) {
-  background-color: #ffffff;
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
-  box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
   flex-shrink: 0;
   height: 100%;
@@ -992,9 +945,7 @@ viewport size and state of the Tools drawer.
 }
 @keyframes awsui_openTools_hyvsj_1cvzy_1 {
   from {
-    opacity: 0;
     opacity: var(--awsui-tools-animation-starting-opacity-ujkcpl, 0);
-    width: calc(20px * 2 + 40px);
     width: calc(var(--space-layout-toggle-padding-axl9jr, 20px) * 2 + var(--space-layout-toggle-diameter-hzvqtj, 40px));
   }
   to {
@@ -1007,7 +958,6 @@ viewport size and state of the Tools drawer.
   display: none;
 }
 .awsui_tools_hyvsj_1cvzy_894.awsui_is-tools-open_hyvsj_1cvzy_515.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
-  animation: awsui_openTools_hyvsj_1cvzy_1 115ms;
   animation: awsui_openTools_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -1025,7 +975,6 @@ viewport size and state of the Tools drawer.
 }
 @media (min-width: 689px) {
   .awsui_tools_hyvsj_1cvzy_894.awsui_is-tools-open_hyvsj_1cvzy_515.awsui_has-tools-form-persistence_hyvsj_1cvzy_977:not(#\9) {
-    border-right: 2px solid #e9ebed;
     border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   }
 }
@@ -1037,9 +986,7 @@ viewport size and state of the Tools drawer.
 
 .awsui_hide-tools_hyvsj_1cvzy_987:not(#\9) {
   position: absolute;
-  right: 16px;
   right: var(--space-m-17eucw, 16px);
-  top: 15px;
   top: var(--size-vertical-panel-icon-offset-ti40n4, 15px);
   z-index: 1;
 }
@@ -1051,7 +998,6 @@ handleSplitPanelMaxWidth function in the context.
 */
 .awsui_show-tools_hyvsj_1cvzy_999:not(#\9) {
   box-sizing: border-box;
-  padding: 12px 20px;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
   /*
   Apply the animation only in desktop viewports because the AppBar will 
@@ -1073,11 +1019,9 @@ handleSplitPanelMaxWidth function in the context.
   .awsui_show-tools_hyvsj_1cvzy_999.awsui_has-tools-form_hyvsj_1cvzy_977:not(#\9) {
     display: flex;
     flex-direction: column;
-    gap: 8px;
     gap: var(--space-xs-rsr2qu, 8px);
   }
   .awsui_show-tools_hyvsj_1cvzy_999.awsui_has-tools-form_hyvsj_1cvzy_977.awsui_animating_hyvsj_1cvzy_630:not(#\9) {
-    animation: awsui_showButtons_hyvsj_1cvzy_1 115ms;
     animation: awsui_showButtons_hyvsj_1cvzy_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   }
 }
@@ -1095,7 +1039,6 @@ handleSplitPanelMaxWidth function in the context.
 }
 @media (min-width: 689px) {
   .awsui_show-tools_hyvsj_1cvzy_999.awsui_has-tools-form-persistence_hyvsj_1cvzy_977:not(#\9) {
-    background-color: #ffffff;
     background-color: var(--color-background-container-content-i8i4a0, #ffffff);
     z-index: 1;
   }
@@ -1111,20 +1054,14 @@ the calculation used to determine the Split Panel maximum width in the
 handleSplitPanelMaxWidth function in the context.
 */
 .awsui_trigger_hyvsj_1cvzy_1056:not(#\9) {
-  background: #192534;
   background: var(--color-background-layout-toggle-default-f9hnkv, #192534);
   border: none;
   border-radius: 50%;
-  box-shadow: 0px 6px 12px 1px rgba(0, 7, 22, 0.12);
   box-shadow: var(--shadow-panel-toggle-3fk0ch, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
-  color: #ffffff;
   color: var(--color-text-layout-toggle-20sb9r, #ffffff);
   cursor: pointer;
-  height: 40px;
   height: var(--space-layout-toggle-diameter-hzvqtj, 40px);
-  padding: 0 12px;
   padding: 0 var(--space-s-hv8c1d, 12px);
-  width: 40px;
   width: var(--space-layout-toggle-diameter-hzvqtj, 40px);
 }
 .awsui_trigger_hyvsj_1cvzy_1056[data-awsui-focus-visible=true]:not(#\9):focus {
@@ -1142,34 +1079,26 @@ handleSplitPanelMaxWidth function in the context.
   top: calc(-1 * 3px);
   width: calc(100% + 2 * 3px);
   height: calc(100% + 2 * 3px);
-  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 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 .awsui_trigger_hyvsj_1cvzy_1056:not(#\9):focus {
   outline: none;
 }
 .awsui_trigger_hyvsj_1cvzy_1056:not(#\9):hover {
-  background: #354150;
   background: var(--color-background-layout-toggle-hover-gi0e0b, #354150);
 }
 .awsui_trigger_hyvsj_1cvzy_1056:not(#\9):active {
-  background: #354150;
   background: var(--color-background-layout-toggle-active-d15dki, #354150);
 }
 .awsui_trigger_hyvsj_1cvzy_1056.awsui_selected_hyvsj_1cvzy_1094:not(#\9) {
-  background: #0972d3;
   background: var(--color-background-layout-toggle-selected-default-e1giv3, #0972d3);
-  color: #ffffff;
   color: var(--color-text-layout-toggle-selected-tzwifo, #ffffff);
 }
 .awsui_trigger_hyvsj_1cvzy_1056.awsui_selected_hyvsj_1cvzy_1094:not(#\9):hover {
-  background: #065299;
   background: var(--color-background-layout-toggle-selected-hover-mes33s, #065299);
 }
 .awsui_trigger_hyvsj_1cvzy_1056.awsui_selected_hyvsj_1cvzy_1094:not(#\9):active {
-  background: #0972d3;
   background: var(--color-background-layout-toggle-selected-active-9w7pk3, #0972d3);
 }
 

package/area-chart/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_series_y1yrh_1jtdf_93 > rect:not(#\9) {
-  transition: opacity 90ms linear;
   transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -139,14 +138,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);
   position: relative;
   display: block;
@@ -180,22 +175,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_content--reserve-filter_y1yrh_1jtdf_151:not(#\9) {
-  margin-top: calc(2 * 22px);
   margin-top: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
 .awsui_content--reserve-legend_y1yrh_1jtdf_155:not(#\9) {
-  margin-bottom: calc(2 * 22px);
   margin-bottom: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
 .awsui_series_y1yrh_1jtdf_93:not(#\9) {
   display: block;
-  stroke-width: 2px;
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
   fill: none;
   stroke-linecap: round;
-  stroke-linejoin: round;
   stroke-linejoin: var(--border-line-chart-line-join-nan7pn, round);
 }
 
@@ -208,15 +199,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_series--threshold_y1yrh_1jtdf_175:not(#\9) {
-  stroke-dasharray: 3 5;
   stroke-dasharray: var(--border-line-chart-dash-array-4wa4ab, 3 5);
-  stroke-width: 2px;
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
 }
 
 .awsui_popover-divider_y1yrh_1jtdf_180:not(#\9) {
-  margin: 4px 0;
   margin: var(--space-xxs-ynfts5, 4px) 0;
-  border-bottom: 2px solid #e9ebed;
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }