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

@cloudscape-design/components-themeable 3.0.24 → 3.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (161) hide show

package/lib/internal/template/code-editor/styles.scoped.css CHANGED Viewed

@@ -111,7 +111,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-image: none;
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
-  color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d13212' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -178,21 +177,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_marker-layer > .ace_active-line:not(#\9) {
   background: transparent;
   box-sizing: border-box;
-  border-top: 1px solid #d5dbdb;
   border-top: 1px solid var(--color-border-code-editor-ace-active-line-light-theme-wvvw7v, #d5dbdb);
-  border-bottom: 1px solid #d5dbdb;
   border-bottom: 1px solid var(--color-border-code-editor-ace-active-line-light-theme-wvvw7v, #d5dbdb);
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor.ace_dark .ace_marker-layer > .ace_active-line:not(#\9) {
-  border-top: 1px solid #687078;
   border-top: 1px solid var(--color-border-code-editor-ace-active-line-dark-theme-48wwb3, #687078);
-  border-bottom: 1px solid #687078;
   border-bottom: 1px solid var(--color-border-code-editor-ace-active-line-dark-theme-48wwb3, #687078);
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter:not(#\9) {
-  background-color: #f2f3f3;
   background-color: var(--color-background-code-editor-gutter-default-jzy459, #f2f3f3);
-  color: #16191f;
   color: var(--color-text-code-editor-gutter-default-xo884c, #16191f);
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
@@ -292,9 +285,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter-active-line:not(#\9) {
-  background-color: #687078;
   background-color: var(--color-background-code-editor-gutter-active-line-default-iqj33p, #687078);
-  color: #ffffff;
   color: var(--color-text-code-editor-gutter-active-line-x8sbgu, #ffffff);
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
@@ -394,9 +385,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 .awsui_code-editor_1gl9c_12bdt_98 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
-  color: #ffffff;
   color: var(--color-text-code-editor-gutter-active-line-x8sbgu, #ffffff);
-  background-color: #d13212;
   background-color: var(--color-background-code-editor-gutter-active-line-error-stt57c, #d13212);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -543,11 +532,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_code-editor-refresh_1gl9c_12bdt_534 .ace_editor .ace_gutter:not(#\9) {
-  border-top-left-radius: calc(0px - 1px);
   border-top-left-radius: calc(var(--border-radius-code-editor-7hgl06, 0px) - var(--border-item-width-yvnixs, 1px));
 }
 .awsui_code-editor-refresh_1gl9c_12bdt_534 .ace_editor .ace_scroller:not(#\9) {
-  border-top-right-radius: calc(0px - 1px);
   border-top-right-radius: calc(var(--border-radius-code-editor-7hgl06, 0px) - var(--border-item-width-yvnixs, 1px));
 }
@@ -561,21 +548,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   flex-direction: row;
   flex: 1;
-  border-top: 1px solid #d5dbdb;
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-default-41f0h6, #d5dbdb);
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-code-editor-7hgl06, 0px);
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-code-editor-7hgl06, 0px);
-  background: #f2f3f3;
   background: var(--color-background-code-editor-status-bar-ewmb7s, #f2f3f3);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
 }
 .awsui_pane__close-container_1gl9c_12bdt_557:not(#\9) {
   position: absolute;
   top: 0;
-  right: calc(12px / 2);
   right: calc(var(--space-s-hv8c1d, 12px) / 2);
 }
 .awsui_pane__list_1gl9c_12bdt_562:not(#\9) {
@@ -583,35 +564,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   max-height: 100%;
   box-sizing: border-box;
-  margin-right: calc(22px + 2 * 8px);
   margin-right: calc(var(--font-body-m-line-height-i7xxvv, 22px) + 2 * var(--space-xs-rsr2qu, 8px));
 }
 .awsui_pane__table_1gl9c_12bdt_569:not(#\9) {
   width: 100%;
   border-spacing: 0;
-  margin: 12px 0;
   margin: var(--space-s-hv8c1d, 12px) 0;
 }
 .awsui_pane__item_1gl9c_12bdt_574 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9) {
-  border-top: 1px solid transparent;
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-transparent-b76lky, transparent);
-  border-bottom: 1px solid transparent;
   border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-transparent-b76lky, transparent);
 }
 .awsui_pane__item_1gl9c_12bdt_574 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9):first-child {
-  border-left: 1px solid transparent;
   border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-transparent-b76lky, transparent);
-  border-top-left-radius: 0px;
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_pane__item_1gl9c_12bdt_574 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9):last-child {
-  border-right: 1px solid transparent;
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-transparent-b76lky, transparent);
-  border-top-right-radius: 0px;
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588:not(#\9), .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus {
@@ -619,39 +590,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   outline: none;
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9), .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover > .awsui_pane__cell_1gl9c_12bdt_574, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus > .awsui_pane__cell_1gl9c_12bdt_574 {
-  background-color: #eaeded;
   background-color: var(--color-background-code-editor-pane-item-hover-zlbhj7, #eaeded);
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9), .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover > .awsui_pane__cell_1gl9c_12bdt_574, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus > .awsui_pane__cell_1gl9c_12bdt_574 {
-  border-top: 1px solid #687078;
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-pane-item-hover-ibrahi, #687078);
-  border-bottom: 1px solid #687078;
   border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-pane-item-hover-ibrahi, #687078);
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9):first-child, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover > .awsui_pane__cell_1gl9c_12bdt_574:first-child, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus > .awsui_pane__cell_1gl9c_12bdt_574:first-child {
-  border-left: 1px solid #687078;
   border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-pane-item-hover-ibrahi, #687078);
-  border-top-left-radius: 0px;
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_pane__item--highlighted_1gl9c_12bdt_588 > .awsui_pane__cell_1gl9c_12bdt_574:not(#\9):last-child, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):hover > .awsui_pane__cell_1gl9c_12bdt_574:last-child, .awsui_pane__item_1gl9c_12bdt_574:not(#\9):focus > .awsui_pane__cell_1gl9c_12bdt_574:last-child {
-  border-right: 1px solid #687078;
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-pane-item-hover-ibrahi, #687078);
-  border-top-right-radius: 0px;
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
 .awsui_pane__location_1gl9c_12bdt_609:not(#\9), .awsui_pane__description_1gl9c_12bdt_609:not(#\9) {
-  padding: 4px 12px;
   padding: var(--space-xxs-ynfts5, 4px) var(--space-s-hv8c1d, 12px);
 }
 .awsui_pane__location_1gl9c_12bdt_609:not(#\9) {
   vertical-align: baseline;
   white-space: nowrap;
-  padding-left: calc(20px + 12px);
   padding-left: calc(var(--space-l-4vl6xu, 20px) + var(--space-s-hv8c1d, 12px));
 }
 .awsui_pane__description_1gl9c_12bdt_609:not(#\9) {
@@ -699,19 +659,13 @@ 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);
   display: inline-block;
-  border: 1px solid #d5dbdb;
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-default-41f0h6, #d5dbdb);
-  border-radius: 0px;
   border-radius: var(--border-radius-code-editor-7hgl06, 0px);
   width: 100%;
 }
@@ -726,15 +680,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: 0;
   bottom: 0;
   z-index: 10;
-  width: 20px;
   width: var(--space-l-4vl6xu, 20px);
-  height: 20px;
   height: var(--space-l-4vl6xu, 20px);
   background-repeat: no-repeat;
   background-origin: content-box;
   box-sizing: border-box;
   background-position: bottom right;
-  background-size: 20px;
   background-size: var(--space-l-4vl6xu, 20px);
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23687078' fill-opacity='0' stroke-width='1'%3E %3Cpath d='M 8 13 L 13 8 M 13 11 L 11 13 M 5 13 L 13 5'/%3E %3C/svg%3E");
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
@@ -785,43 +736,33 @@ 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: 2px;
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 .awsui_code-editor-refresh_1gl9c_12bdt_534 > .awsui_resizable-box_1gl9c_12bdt_647 > .awsui_editor_1gl9c_12bdt_689:not(#\9) {
-  border-top-left-radius: calc(0px - 1px);
   border-top-left-radius: calc(var(--border-radius-code-editor-7hgl06, 0px) - var(--border-item-width-yvnixs, 1px));
-  border-top-right-radius: calc(0px - 1px);
   border-top-right-radius: calc(var(--border-radius-code-editor-7hgl06, 0px) - var(--border-item-width-yvnixs, 1px));
 }
 .awsui_status-bar_1gl9c_12bdt_722:not(#\9) {
   display: flex;
   vertical-align: middle;
-  border-top: 1px solid #d5dbdb;
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-default-41f0h6, #d5dbdb);
-  background-color: #f2f3f3;
   background-color: var(--color-background-code-editor-status-bar-ewmb7s, #f2f3f3);
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 .awsui_status-bar-with-hidden-pane_1gl9c_12bdt_731:not(#\9) {
-  border-bottom-left-radius: 0px;
   border-bottom-left-radius: var(--border-radius-code-editor-7hgl06, 0px);
-  border-bottom-right-radius: 0px;
   border-bottom-right-radius: var(--border-radius-code-editor-7hgl06, 0px);
 }
 .awsui_status-bar__left_1gl9c_12bdt_735:not(#\9) {
   flex: 1;
   display: flex;
   flex-wrap: wrap;
-  padding-left: 20px;
   padding-left: var(--space-l-4vl6xu, 20px);
-  border-right: 1px solid #d5dbdb;
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-border-code-editor-default-41f0h6, #d5dbdb);
 }
 .awsui_status-bar__left-virtual_1gl9c_12bdt_742:not(#\9) {
@@ -834,13 +775,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_status-bar__language-mode_1gl9c_12bdt_750:not(#\9), .awsui_status-bar__cursor-position_1gl9c_12bdt_750:not(#\9) {
   display: inline-block;
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
-  padding: 8px 12px;
   padding: var(--space-scaled-xs-6859qs, 8px) var(--space-s-hv8c1d, 12px);
 }
 .awsui_status-bar__cog-button_1gl9c_12bdt_755:not(#\9) {
-  padding: calc(4px - 1px) calc(8px - 2px);
   padding: calc(var(--space-scaled-xxs-95dhkm, 4px) - 1px) calc(var(--space-xs-rsr2qu, 8px) - 2px);
 }
@@ -853,10 +791,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_tab-button_1gl9c_12bdt_765:not(#\9) {
   position: relative;
   display: inline-block;
-  padding: 8px 12px;
   padding: var(--space-scaled-xs-6859qs, 8px) var(--space-s-hv8c1d, 12px);
   line-height: inherit;
-  color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
   background: none;
   border: none;
@@ -866,7 +802,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1;
 }
 .awsui_tab-button--refresh_1gl9c_12bdt_778:not(#\9) {
-  padding-bottom: calc(8px + 2px - 2px);
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) + var(--border-active-width-bo43mb, 2px) - 2px);
 }
 .awsui_tab-button_1gl9c_12bdt_765:not(#\9)::after {
@@ -875,11 +810,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   left: 0;
   right: 0;
   bottom: 0;
-  height: 2px;
   height: var(--border-active-width-bo43mb, 2px);
-  border-radius: 0px;
   border-radius: var(--border-radius-tabs-focus-ring-774qv9, 0px);
-  background: #d13212;
   background: var(--color-text-status-error-jer77f, #d13212);
   opacity: 0;
 }
@@ -887,7 +819,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   opacity: 1;
 }
 .awsui_tab-button--refresh_1gl9c_12bdt_778:not(#\9)::after {
-  transition: opacity 165ms cubic-bezier(0.84, 0, 0.16, 1);
   transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
@@ -901,19 +832,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: none;
 }
 .awsui_tab-button_1gl9c_12bdt_765:not(#\9):hover {
-  color: #ffffff;
   color: var(--color-text-code-editor-tab-button-error-r25g2o, #ffffff);
-  background: #d13212;
   background: var(--color-text-status-error-jer77f, #d13212);
 }
 .awsui_tab-button--disabled_1gl9c_12bdt_812:not(#\9) {
   font-weight: normal;
-  color: #879596;
   color: var(--color-text-code-editor-status-bar-disabled-u2e9ms, #879596);
   cursor: default;
 }
 .awsui_tab-button--disabled_1gl9c_12bdt_812:not(#\9):hover {
-  color: #879596;
   color: var(--color-text-code-editor-status-bar-disabled-u2e9ms, #879596);
   background: transparent;
 }
@@ -925,33 +852,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_tab-button_1gl9c_12bdt_765[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(3px - 1px);
   outline-offset: calc(var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px) - 1px);
 }
 .awsui_tab-button_1gl9c_12bdt_765[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * 3px);
   left: calc(-1 * var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px));
-  top: calc(-1 * 3px);
   top: calc(-1 * var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px));
-  width: calc(100% + 2 * 3px);
   width: calc(100% + 2 * var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px));
-  height: calc(100% + 2 * 3px);
   height: calc(100% + 2 * var(--space-code-editor-status-focus-outline-gutter-hxg2um, 3px));
-  border-radius: 2px;
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 2px #0073bb;
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 .awsui_tab-button--divider_1gl9c_12bdt_842:not(#\9) {
   display: inline-block;
-  height: 22px;
   height: var(--font-body-m-line-height-i7xxvv, 22px);
-  width: 0px;
   width: var(--border-code-editor-status-divider-width-bgledl, 0px);
-  background: #aab7b8;
   background: var(--color-border-tabs-divider-lf9ugx, #aab7b8);
   vertical-align: middle;
 }
@@ -965,15 +882,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
   justify-content: center;
   height: 480px;
-  color: #545b64;
   color: var(--color-text-body-secondary-u912t7, #545b64);
-  background: #f2f3f3;
   background: var(--color-background-code-editor-loading-sm80zv, #f2f3f3);
-  border-radius: 0px;
   border-radius: var(--border-radius-code-editor-7hgl06, 0px);
 }
 .awsui_error-screen_1gl9c_12bdt_854:not(#\9) {
-  color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
 }

package/lib/internal/template/collection-preferences/styles.scoped.css CHANGED Viewed

@@ -190,24 +190,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_visible-content-title_tc96w_muv71_192: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);
-  font-weight: 400;
   font-weight: var(--font-display-label-weight-tjy9e4, 400);
-  color: #16191f;
   color: var(--color-text-form-label-i9s99a, #16191f);
-  margin-bottom: 20px;
   margin-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
 .awsui_visible-content-group-label_tc96w_muv71_200:not(#\9) {
-  color: #545b64;
   color: var(--color-text-group-label-5rxtyp, #545b64);
-  padding-bottom: 8px;
   padding-bottom: var(--space-xs-rsr2qu, 8px);
-  border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
@@ -215,9 +207,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
-  padding: 8px 0px 8px 20px;
   padding: var(--space-xs-rsr2qu, 8px) 0px var(--space-xs-rsr2qu, 8px) var(--space-scaled-l-t03y3z, 20px);
-  border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 .awsui_visible-content-option_tc96w_muv71_206:not(#\9):last-child {
@@ -228,7 +218,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  padding-right: 20px;
   padding-right: var(--space-l-4vl6xu, 20px);
   flex-grow: 1;
 }
@@ -243,7 +232,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_second-column-small_tc96w_muv71_234:not(#\9) {
-  padding-top: calc(2 * 20px);
   padding-top: calc(2 * var(--space-scaled-l-t03y3z, 20px));
 }

package/lib/internal/template/column-layout/styles.scoped.css CHANGED Viewed

@@ -120,19 +120,14 @@ div.awsui_column-layout_vvxn7_1rzms_93:not(#\9) {
   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);
   word-wrap: break-word;
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104:not(#\9) {
-  margin: calc(20px / -2);
   margin: calc(var(--space-grid-gutter-0subky, 20px) / -2);
   /* stylelint-disable-next-line selector-max-universal */
   /* stylelint-disable-next-line selector-max-universal */
@@ -142,11 +137,9 @@ div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-variant-text-grid_vvxn7_1rzms_112:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
-  margin: calc(-1 * (20px)) calc(-1 * 20px);
   margin: calc(-1 * (var(--space-text-grid-vertical-9z9zv2, 20px))) calc(-1 * var(--space-grid-gutter-0subky, 20px));
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-variant-text-grid_vvxn7_1rzms_112 > *:not(#\9) {
-  border-left: 1px solid #eaeded;
   border-left: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-variant-text-grid_vvxn7_1rzms_112.awsui_grid-breakpoint-default_vvxn7_1rzms_119 > *:not(#\9):nth-child(1n+1) {
@@ -177,20 +170,16 @@ div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-
   border-left-width: 0;
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1rzms_109) > * {
-  padding: calc(20px / 2);
   padding: calc(var(--space-grid-gutter-0subky, 20px) / 2);
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104:not(#\9):not(.awsui_grid-no-gutters_vvxn7_1rzms_109).awsui_grid-variant-text-grid_vvxn7_1rzms_112 > * {
-  padding: 0 20px;
   padding: 0 var(--space-grid-gutter-0subky, 20px);
-  margin: 20px 0;
   margin: var(--space-text-grid-vertical-9z9zv2, 20px) 0;
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-vertical-borders_vvxn7_1rzms_153:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-vertical-borders_vvxn7_1rzms_153 > *:not(#\9) {
-  border-right: 1px solid #eaeded;
   border-right: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-vertical-borders_vvxn7_1rzms_153.awsui_grid-breakpoint-default_vvxn7_1rzms_119 > *:not(#\9):nth-child(1n) {
@@ -225,7 +214,6 @@ div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-
   /* stylelint-enable selector-max-universal */
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-horizontal-borders_vvxn7_1rzms_186 > *:not(#\9) {
-  border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 div.awsui_column-layout_vvxn7_1rzms_93 > .awsui_grid_vvxn7_1rzms_104.awsui_grid-horizontal-borders_vvxn7_1rzms_186 > *:not(#\9):last-child {

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

@@ -124,32 +124,23 @@ 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);
   display: block;
   word-wrap: break-word;
 }
 .awsui_root_14iqq_5wfq7_97.awsui_variant-default_14iqq_5wfq7_109:not(#\9), .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
-  box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-top: 1px solid #eaeded;
   border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
-  border-radius: 0px;
   border-radius: var(--border-radius-container-1aveko, 0px);
   box-sizing: border-box;
-  background-color: #ffffff;
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
 }
 @media screen and (-ms-high-contrast: active) {
   .awsui_root_14iqq_5wfq7_97.awsui_variant-default_14iqq_5wfq7_109:not(#\9), .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
-    border: 1px solid #eaeded;
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
@@ -158,18 +149,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-bottom-left-radius: 0;
 }
 .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109 + .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
-  border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
-  box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-container-stacked-j8j87i, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
 .awsui_header_14iqq_5wfq7_132:not(#\9) {
-  background-color: #fafafa;
   background-color: var(--color-background-container-header-g9rg0j, #fafafa);
-  border-radius: 0px;
   border-radius: var(--border-radius-container-1aveko, 0px);
 }
 .awsui_header-sticky-disabled_14iqq_5wfq7_136:not(#\9) {
@@ -183,35 +170,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 800;
 }
 .awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
-  box-shadow: 0px 1px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: var(--shadow-sticky-embedded-5acv0s, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   border: 0;
   border-radius: 0;
 }
 .awsui_header-dynamic-height_14iqq_5wfq7_151.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
-  margin-bottom: calc(36px - 22px);
   margin-bottom: calc(var(--font-heading-xl-line-height-qeciux, 36px) - var(--font-heading-l-line-height-oujdab, 22px));
 }
 .awsui_header_14iqq_5wfq7_132:not(#\9):not(:empty) {
-  border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-container-sticky-width-pybmba, 1px) solid var(--color-border-container-divider-z203b8, #eaeded);
 }
 .awsui_header_14iqq_5wfq7_132.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
-  padding: 12px 20px;
   padding: var(--space-container-header-vertical-0bd19u, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
 .awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9) {
-  box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
-  border-top: 1px solid #eaeded;
   border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
-  border-radius: 0px;
   border-radius: var(--border-radius-container-1aveko, 0px);
   box-sizing: border-box;
 }
 @media screen and (-ms-high-contrast: active) {
   .awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9) {
-    border: 1px solid #eaeded;
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
@@ -229,7 +208,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-top-right-radius: 0;
 }
 .awsui_header-variant-full-page_14iqq_5wfq7_184.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
-  box-shadow: 0px 1px 4px -2px rgba(0, 28, 36, 0.5);
   box-shadow: var(--shadow-sticky-thyisb, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
@@ -238,24 +216,19 @@ The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
 .awsui_dark-header_14iqq_5wfq7_192:not(#\9) {
-  background-color: #f2f3f3;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
 }
 .awsui_content_14iqq_5wfq7_196.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
-  padding: 20px 20px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
 }
 .awsui_header_14iqq_5wfq7_132 + .awsui_content_14iqq_5wfq7_196.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
-  padding-top: 16px;
   padding-top: var(--space-container-content-top-u412x3, 16px);
 }
 .awsui_footer_14iqq_5wfq7_203.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
-  padding: 12px 20px;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
 .awsui_footer_14iqq_5wfq7_203.awsui_with-divider_14iqq_5wfq7_206:not(#\9) {
-  border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }