@cloudscape-design/components 3.0.23 → 3.0.26

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);
 }

package/attribute-editor/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_empty_n4qlp_h3o62_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_h3o62_1 180ms ease-out;
   animation: awsui_awsui-motion-fade-in_n4qlp_h3o62_1 var(--motion-duration-transition-show-paced-ai4wlf, 180ms) var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
 }
 @keyframes awsui_awsui-motion-fade-in_n4qlp_h3o62_1 {
@@ -147,24 +146,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: #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);
   display: block;
 }
 
 .awsui_empty_n4qlp_h3o62_93: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: #5f6b7a;
   color: var(--color-text-empty-fjv325, #5f6b7a);
 }
 
@@ -189,44 +181,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_button-container_n4qlp_h3o62_157:not(#\9) {
-  padding-top: calc(4px + 22px);
   padding-top: calc(var(--space-xxs-ynfts5, 4px) + var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
 .awsui_divider_n4qlp_h3o62_161:not(#\9) {
-  border-bottom: 2px solid #e9ebed;
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 
 .awsui_additional-info_n4qlp_h3o62_165:not(#\9) {
-  color: #5f6b7a;
   color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
-  font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
-  line-height: 16px;
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
-  letter-spacing: 0.005em;
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
   display: block;
   word-wrap: break-word;
-  margin-top: 4px;
   margin-top: var(--space-xxs-ynfts5, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
 .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9) {
-  color: #0972d3;
   color: var(--color-text-link-default-5f186r, #0972d3);
-  font-weight: "inherit";
   font-weight: var(--font-link-primary-weight-91pybi, "inherit");
-  letter-spacing: "inherit";
   letter-spacing: var(--font-link-primary-letter-spacing-vmsgcx, "inherit");
-  text-decoration: underline;
   text-decoration: var(--font-link-primary-decoration-wfgjh2, underline);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  text-decoration-color: #0972d3;
   text-decoration-color: var(--color-text-link-primary-underline-ga7rq8, #0972d3);
   transition-property: color, text-decoration;
-  transition-duration: 165ms;
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -241,14 +220,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):hover {
   cursor: pointer;
-  color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
 .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):focus {
   outline: none;
 }
 .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):active {
-  color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
 .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):active, .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):focus, .awsui_additional-info_n4qlp_h3o62_165 > a:not(#\9):hover {

package/badge/styles.scoped.css

@@ -120,44 +120,29 @@ 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);
-  font-size: 12px;
   font-size: var(--font-body-s-size-ukw2p9, 12px);
-  line-height: 16px;
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
-  letter-spacing: 0.005em;
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   display: inline-block;
-  border-radius: 4px;
   border-radius: var(--border-radius-badge-x5oehc, 4px);
-  padding: 0 8px;
   padding: 0 var(--space-xs-rsr2qu, 8px);
-  color: #fbfbfb;
   color: var(--color-text-notification-default-2kpcxy, #fbfbfb);
 }
 .awsui_badge_1yjyg_vuat3_93.awsui_badge-color-grey_1yjyg_vuat3_111:not(#\9) {
-  background-color: #414d5c;
   background-color: var(--color-background-notification-grey-ua4ep5, #414d5c);
 }
 .awsui_badge_1yjyg_vuat3_93.awsui_badge-color-green_1yjyg_vuat3_114:not(#\9) {
-  background-color: #037f0c;
   background-color: var(--color-background-notification-green-0d9ow8, #037f0c);
 }
 .awsui_badge_1yjyg_vuat3_93.awsui_badge-color-blue_1yjyg_vuat3_117:not(#\9) {
-  background-color: #0972d3;
   background-color: var(--color-background-notification-blue-vqb59v, #0972d3);
 }
 .awsui_badge_1yjyg_vuat3_93.awsui_badge-color-red_1yjyg_vuat3_120:not(#\9) {
-  background-color: #d91515;
   background-color: var(--color-background-notification-red-v7js1f, #d91515);
 }

package/bar-chart/interfaces.d.ts

@@ -1,6 +1,6 @@
 import { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';
 import { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';
-declare type BarSeries<T> = MixedLineBarChartProps.BarDataSeries<T> | MixedLineBarChartProps.ThresholdSeries;
+declare type BarSeries<T> = MixedLineBarChartProps.BarDataSeries<T> | MixedLineBarChartProps.ThresholdSeries<T>;
 export interface BarChartProps<T extends ChartDataTypes> extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {
     /**
      * Array that represents the source of data for the displayed chart.

package/bar-chart/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/bar-chart/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5F,aAAK,SAAS,CAAC,CAAC,IAAI,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,eAAe,CAAC;AAErG,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,cAAc,CACrD,SAAQ,mBAAmB,CAAC,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACrE;;;;;;;;;OASG;IACH,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAGD,yBAAiB,aAAa,CAAC,GAAE"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/bar-chart/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAE5F,aAAK,SAAS,CAAC,CAAC,IAAI,sBAAsB,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;AAExG,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,cAAc,CACrD,SAAQ,mBAAmB,CAAC,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACrE;;;;;;;;;OASG;IACH,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAGD,yBAAiB,aAAa,CAAC,GAAE"}

package/bar-chart/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/bar-chart/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';\nimport { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';\n\ntype BarSeries<T> = MixedLineBarChartProps.BarDataSeries<T> | MixedLineBarChartProps.ThresholdSeries;\n\nexport interface BarChartProps<T extends ChartDataTypes>\n  extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {\n  /**\n   * Array that represents the source of data for the displayed chart.\n   * Each element can represent a bar series or a threshold, and can have the following properties:\n   *\n   * * `title` (string): A human-readable title for this series\n   * * `type` (string): Series type (`\"bar\"`, or `\"threshold\"`)\n   * * `data` (Array): An array of data points, represented as objects with `x` and `y` properties\n   * * `color` (string): (Optional) A color hex value for this series. When assigned, it takes priority over the automatically assigned color\n   * * `valueFormatter` (Function): (Optional) A function that formats data values before rendering in the UI, For example, in the details popover.\n   */\n  series: ReadonlyArray<BarSeries<T>>;\n\n  /**\n   * When set to `true`, bars in the same data point are stacked instead of grouped next to each other.\n   */\n  stackedBars?: boolean;\n\n  /**\n   * When set to `true`, the x and y axes are flipped, which causes any bars to be rendered horizontally instead of vertically.\n   * This can only be used when the chart consists exclusively of bar series.\n   */\n  horizontalBars?: boolean;\n\n  /**\n   * When set to `true`, adds a visual emphasis on the zero baseline axis.\n   * See the usage guidelines for more details.\n   */\n  emphasizeBaselineAxis?: boolean;\n}\n\n// W/o this documenter injects CartesianChartProps namespace properties into BarChartProps definition.\nexport namespace BarChartProps {}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/bar-chart/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { CartesianChartProps } from '../internal/components/cartesian-chart/interfaces';\nimport { ChartDataTypes, MixedLineBarChartProps } from '../mixed-line-bar-chart/interfaces';\n\ntype BarSeries<T> = MixedLineBarChartProps.BarDataSeries<T> | MixedLineBarChartProps.ThresholdSeries<T>;\n\nexport interface BarChartProps<T extends ChartDataTypes>\n  extends CartesianChartProps<T, MixedLineBarChartProps.ChartSeries<T>> {\n  /**\n   * Array that represents the source of data for the displayed chart.\n   * Each element can represent a bar series or a threshold, and can have the following properties:\n   *\n   * * `title` (string): A human-readable title for this series\n   * * `type` (string): Series type (`\"bar\"`, or `\"threshold\"`)\n   * * `data` (Array): An array of data points, represented as objects with `x` and `y` properties\n   * * `color` (string): (Optional) A color hex value for this series. When assigned, it takes priority over the automatically assigned color\n   * * `valueFormatter` (Function): (Optional) A function that formats data values before rendering in the UI, For example, in the details popover.\n   */\n  series: ReadonlyArray<BarSeries<T>>;\n\n  /**\n   * When set to `true`, bars in the same data point are stacked instead of grouped next to each other.\n   */\n  stackedBars?: boolean;\n\n  /**\n   * When set to `true`, the x and y axes are flipped, which causes any bars to be rendered horizontally instead of vertically.\n   * This can only be used when the chart consists exclusively of bar series.\n   */\n  horizontalBars?: boolean;\n\n  /**\n   * When set to `true`, adds a visual emphasis on the zero baseline axis.\n   * See the usage guidelines for more details.\n   */\n  emphasizeBaselineAxis?: boolean;\n}\n\n// W/o this documenter injects CartesianChartProps namespace properties into BarChartProps definition.\nexport namespace BarChartProps {}\n"]}