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

@cloudscape-design/components-themeable 3.0.22 → 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 (214) hide show

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

@@ -124,101 +124,71 @@ 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);
   resize: auto;
   /* stylelint-disable-line plugin/no-unsupported-browser-features */
   cursor: text;
   white-space: pre-wrap;
-  padding: 4px 8px;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-z3i1c8, 8px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   max-width: 100%;
   width: 100%;
   display: block;
   box-sizing: border-box;
-  background-color: #ffffff;
   background-color: var(--color-background-input-default-ewlytp, #ffffff);
-  border-radius: 2px;
   border-radius: var(--border-radius-input-fterib, 2px);
-  border: 1px solid #aab7b8;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-default-94d18j, #aab7b8);
-  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);
 }
 .awsui_textarea_qk1j1_1er1n_97.awsui_textarea-readonly_qk1j1_1er1n_122:not(#\9) {
-  background-color: #ffffff;
   background-color: var(--color-background-input-default-ewlytp, #ffffff);
-  border: 1px solid #eaeded;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
 }
 .awsui_textarea_qk1j1_1er1n_97:not(#\9)::placeholder {
-  color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   opacity: 1;
 }
 .awsui_textarea_qk1j1_1er1n_97:not(#\9):-ms-input-placeholder {
-  color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
 .awsui_textarea_qk1j1_1er1n_97:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: 1px solid #0073bb;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
-  border-radius: 2px;
   border-radius: var(--border-radius-input-fterib, 2px);
-  box-shadow: 0 0 0 1px #0073bb;
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 .awsui_textarea_qk1j1_1er1n_97:not(#\9):invalid {
   box-shadow: none;
 }
 .awsui_textarea_qk1j1_1er1n_97:not(#\9):disabled {
-  background-color: #eaeded;
   background-color: var(--color-background-input-disabled-5vlksk, #eaeded);
-  border: 1px solid #eaeded;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
-  color: #879596;
   color: var(--color-text-input-disabled-zfb02z, #879596);
   cursor: auto;
   cursor: default;
 }
 .awsui_textarea_qk1j1_1er1n_97:not(#\9):disabled::placeholder {
-  color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   opacity: 1;
 }
 .awsui_textarea_qk1j1_1er1n_97:not(#\9):disabled:-ms-input-placeholder {
-  color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
 }
 .awsui_textarea_qk1j1_1er1n_97.awsui_textarea-invalid_qk1j1_1er1n_158:not(#\9) {
-  color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
-  border-color: #d13212;
   border-color: var(--color-text-status-error-jer77f, #d13212);
-  padding-left: calc(
-  8px - (4px - 1px)
-);
   padding-left: calc(
   var(--space-field-horizontal-z3i1c8, 8px) - (var(--border-invalid-width-glmng5, 4px) - var(--border-field-width-y6x4sn, 1px))
 );
-  border-left-width: 4px;
   border-left-width: var(--border-invalid-width-glmng5, 4px);
 }
 .awsui_textarea_qk1j1_1er1n_97.awsui_textarea-invalid_qk1j1_1er1n_158:not(#\9):focus {
-  box-shadow: 0 0 0 1px #0073bb;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-6t5p47, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }

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

@@ -120,19 +120,14 @@ div.awsui_column-layout_vj6p7_og0iq_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_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_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_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-
 }
 div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-variant-text-grid_vj6p7_og0iq_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_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-variant-text-grid_vj6p7_og0iq_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_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-variant-text-grid_vj6p7_og0iq_112.awsui_grid-breakpoint-default_vj6p7_og0iq_119 > *:not(#\9):nth-child(1n+1) {
@@ -177,20 +170,16 @@ div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-
   border-left-width: 0;
 }
 div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_og0iq_109) > * {
-  padding: calc(20px / 2);
   padding: calc(var(--space-grid-gutter-0subky, 20px) / 2);
 }
 div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_og0iq_109).awsui_grid-variant-text-grid_vj6p7_og0iq_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_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-vertical-borders_vj6p7_og0iq_153:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
 }
 div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-vertical-borders_vj6p7_og0iq_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_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-vertical-borders_vj6p7_og0iq_153.awsui_grid-breakpoint-default_vj6p7_og0iq_119 > *:not(#\9):nth-child(1n) {
@@ -225,7 +214,6 @@ div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-
   /* stylelint-enable selector-max-universal */
 }
 div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-horizontal-borders_vj6p7_og0iq_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_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-horizontal-borders_vj6p7_og0iq_186 > *:not(#\9):last-child {
@@ -305,14 +293,10 @@ div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
-  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   min-width: 0;
   -ms-word-break: break-all;
@@ -322,31 +306,22 @@ div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-
 .awsui_tile-container_vj6p7_og0iq_255:not(#\9) {
   box-sizing: border-box;
-  border: 1px solid #aab7b8;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-default-94d18j, #aab7b8);
-  border-radius: 2px;
   border-radius: var(--border-radius-tiles-3ylknk, 2px);
-  padding: 8px 16px;
   padding: var(--space-xs-rsr2qu, 8px) var(--space-scaled-m-pv0fmt, 16px);
   display: flex;
   flex-direction: column;
-  transition: border-color 90ms linear, background-color 90ms linear;
   transition: border-color var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear), background-color var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 .awsui_tile-container_vj6p7_og0iq_255.awsui_has-metadata_vj6p7_og0iq_264:not(#\9) {
-  padding-bottom: 12px;
   padding-bottom: var(--space-s-hv8c1d, 12px);
 }
 .awsui_tile-container_vj6p7_og0iq_255.awsui_selected_vj6p7_og0iq_267:not(#\9) {
-  border: 1px solid #00a1c9;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-selected-pr9yuf, #00a1c9);
-  background: #f1faff;
   background: var(--color-background-item-selected-fva7ca, #f1faff);
 }
 .awsui_tile-container_vj6p7_og0iq_255.awsui_disabled_vj6p7_og0iq_271:not(#\9) {
-  border: 1px solid transparent;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-tiles-disabled-l8y8wj, transparent);
-  background: #eaeded;
   background: var(--color-background-tiles-disabled-o2m90z, #eaeded);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -363,109 +338,79 @@ div.awsui_column-layout_vj6p7_og0iq_93 > .awsui_grid_vj6p7_og0iq_104.awsui_grid-
 .awsui_columns_vj6p7_og0iq_286:not(#\9) {
   display: flex;
   flex-wrap: wrap;
-  margin: calc(20px / -2);
   margin: calc(var(--space-grid-gutter-0subky, 20px) / -2);
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-1_vj6p7_og0iq_291 > .awsui_tile-container_vj6p7_og0iq_255:not(#\9) {
-  margin: calc(20px / 2);
   margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
-  flex-basis: calc(100% - 20px);
   flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(100% - 20px);
   max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-1_vj6p7_og0iq_291 > .awsui_tile-container_vj6p7_og0iq_255.awsui_breakpoint-xs_vj6p7_og0iq_298:not(#\9) {
   flex: 0 0;
-  flex-basis: calc(100% - 20px);
   flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(100% - 20px);
   max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-1_vj6p7_og0iq_291 > .awsui_tile-container_vj6p7_og0iq_255.awsui_breakpoint-xxs_vj6p7_og0iq_303:not(#\9) {
   flex: 0 0;
-  flex-basis: calc(100% - 20px);
   flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(100% - 20px);
   max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-2_vj6p7_og0iq_308 > .awsui_tile-container_vj6p7_og0iq_255:not(#\9) {
-  margin: calc(20px / 2);
   margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
-  flex-basis: calc(100% - 20px);
   flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(100% - 20px);
   max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-2_vj6p7_og0iq_308 > .awsui_tile-container_vj6p7_og0iq_255.awsui_breakpoint-xs_vj6p7_og0iq_298:not(#\9) {
   flex: 0 0;
-  flex-basis: calc(50% - 20px);
   flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(50% - 20px);
   max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-2_vj6p7_og0iq_308 > .awsui_tile-container_vj6p7_og0iq_255.awsui_breakpoint-xxs_vj6p7_og0iq_303:not(#\9) {
   flex: 0 0;
-  flex-basis: calc(50% - 20px);
   flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(50% - 20px);
   max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-3_vj6p7_og0iq_325 > .awsui_tile-container_vj6p7_og0iq_255:not(#\9) {
-  margin: calc(20px / 2);
   margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
-  flex-basis: calc(100% - 20px);
   flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(100% - 20px);
   max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-3_vj6p7_og0iq_325 > .awsui_tile-container_vj6p7_og0iq_255.awsui_breakpoint-xs_vj6p7_og0iq_298:not(#\9) {
   flex: 0 0;
-  flex-basis: calc(33.3333333333% - 20px);
   flex-basis: calc(33.3333333333% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(33.3333333333% - 20px);
   max-width: calc(33.3333333333% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-3_vj6p7_og0iq_325 > .awsui_tile-container_vj6p7_og0iq_255.awsui_breakpoint-xxs_vj6p7_og0iq_303:not(#\9) {
   flex: 0 0;
-  flex-basis: calc(50% - 20px);
   flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(50% - 20px);
   max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-4_vj6p7_og0iq_342 > .awsui_tile-container_vj6p7_og0iq_255:not(#\9) {
-  margin: calc(20px / 2);
   margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
   box-sizing: border-box;
   flex: 0 0;
-  flex-basis: calc(100% - 20px);
   flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(100% - 20px);
   max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-4_vj6p7_og0iq_342 > .awsui_tile-container_vj6p7_og0iq_255.awsui_breakpoint-xs_vj6p7_og0iq_298:not(#\9) {
   flex: 0 0;
-  flex-basis: calc(25% - 20px);
   flex-basis: calc(25% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(25% - 20px);
   max-width: calc(25% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_columns_vj6p7_og0iq_286.awsui_column-4_vj6p7_og0iq_342 > .awsui_tile-container_vj6p7_og0iq_255.awsui_breakpoint-xxs_vj6p7_og0iq_303:not(#\9) {
   flex: 0 0;
-  flex-basis: calc(50% - 20px);
   flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
-  max-width: calc(50% - 20px);
   max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
 }
 .awsui_control_vj6p7_og0iq_360:not(#\9) {
   flex-grow: 1;
-  margin-bottom: 12px;
   margin-bottom: var(--space-s-hv8c1d, 12px);
 }
 .awsui_control_vj6p7_og0iq_360.awsui_no-image_vj6p7_og0iq_364:not(#\9) {

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

@@ -120,14 +120,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
-  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   display: flex;
 }
@@ -150,54 +146,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: calc(-1 * 2px);
   width: calc(100% + 2 * 2px);
   height: calc(100% + 2 * 2px);
-  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_toggle-control_4yi2u_901q2_127:not(#\9) {
-  margin-top: calc((22px - 16px) / 2);
   margin-top: calc((var(--font-body-m-line-height-i7xxvv, 22px) - 16px) / 2);
   min-height: 16px;
   min-width: 24px;
   height: 16px;
   width: 24px;
-  background: #545b64;
   background: var(--color-background-toggle-default-0jqm1q, #545b64);
   border-radius: 8px;
 }
 .awsui_toggle-control-checked_4yi2u_901q2_136:not(#\9) {
-  background: #0073bb;
   background: var(--color-background-control-checked-dyuc53, #0073bb);
 }
 .awsui_toggle-control-disabled_4yi2u_901q2_139:not(#\9) {
-  background: #d5dbdb;
   background: var(--color-background-control-disabled-0y91m8, #d5dbdb);
 }
 .awsui_toggle-control-disabled_4yi2u_901q2_139.awsui_toggle-control-checked_4yi2u_901q2_136:not(#\9) {
-  background: #99cbe4;
   background: var(--color-background-toggle-checked-disabled-8l29jd, #99cbe4);
 }
 .awsui_toggle-handle_4yi2u_901q2_146:not(#\9) {
   position: absolute;
   border-radius: 6px;
-  background: #ffffff;
   background: var(--color-foreground-control-default-i2wjwi, #ffffff);
   box-shadow: 1px 1px rgba(0, 0, 0, 0.25);
   width: 12px;
   height: 12px;
   top: 2px;
   left: 2px;
-  transition: transform 90ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 90ms cubic-bezier(0.165, 0.84, 0.44, 1);
   transition: transform var(--motion-duration-fast-nk2ap0, 90ms) var(--motion-easing-ease-out-quart-z687ml, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-nk2ap0, 90ms) var(--motion-easing-ease-out-quart-z687ml, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 .awsui_toggle-handle-checked_4yi2u_901q2_157:not(#\9) {
   transform: translateX(8px);
 }
 .awsui_toggle-handle-disabled_4yi2u_901q2_160:not(#\9) {
-  background: #ffffff;
   background: var(--color-foreground-control-disabled-84rf4t, #ffffff);
   box-shadow: none;
 }

package/lib/internal/template/token-group/styles.scoped.css CHANGED Viewed

@@ -124,45 +124,32 @@ 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);
 }
 .awsui_root_dm8gx_15qqo_97.awsui_has-items_dm8gx_15qqo_107:not(#\9) {
-  padding-top: 8px;
   padding-top: var(--space-xs-rsr2qu, 8px);
 }
 .awsui_token_dm8gx_15qqo_111:not(#\9) {
-  border: 1px solid #00a1c9;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-selected-pr9yuf, #00a1c9);
-  padding: 4px 4px 4px 8px;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px) var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-z3i1c8, 8px);
   display: flex;
   align-items: flex-start;
-  background: #f1faff;
   background: var(--color-background-item-selected-fva7ca, #f1faff);
-  border-radius: 2px;
   border-radius: var(--border-radius-token-3ax3p2, 2px);
-  color: #16191f;
   color: var(--color-text-body-default-7m2b3r, #16191f);
   height: 100%;
   box-sizing: border-box;
 }
 .awsui_dismiss-button_dm8gx_15qqo_123:not(#\9) {
-  margin: -1px -1px 0 4px;
   margin: -1px -1px 0 var(--space-xxs-ynfts5, 4px);
   border: 1px solid transparent;
-  padding: 0 4px;
   padding: 0 var(--space-xxs-ynfts5, 4px);
-  color: #545b64;
   color: var(--color-text-button-inline-icon-default-qhj7jl, #545b64);
   background-color: transparent;
 }
@@ -181,9 +168,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: calc(-1 * 0px);
   width: calc(100% + 2 * 0px);
   height: calc(100% + 2 * 0px);
-  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_dismiss-button_dm8gx_15qqo_123:not(#\9):focus {
@@ -192,27 +177,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_dismiss-button_dm8gx_15qqo_123:not(#\9):hover {
   cursor: pointer;
-  color: #16191f;
   color: var(--color-text-button-inline-icon-hover-84mkuo, #16191f);
 }
 .awsui_token-disabled_dm8gx_15qqo_157:not(#\9) {
-  border-color: #d5dbdb;
   border-color: var(--color-border-control-disabled-zgidl5, #d5dbdb);
-  background-color: #ffffff;
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
-  color: #aab7b8;
   color: var(--color-text-disabled-pjiy51, #aab7b8);
   pointer-events: none;
 }
 .awsui_token-disabled_dm8gx_15qqo_157 > .awsui_dismiss-button_dm8gx_15qqo_123:not(#\9) {
-  color: #aab7b8;
   color: var(--color-text-button-inline-icon-disabled-sesloi, #aab7b8);
 }
 .awsui_token-disabled_dm8gx_15qqo_157 > .awsui_dismiss-button_dm8gx_15qqo_123:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: auto;
-  color: #aab7b8;
   color: var(--color-text-button-inline-icon-disabled-sesloi, #aab7b8);
 }
@@ -246,16 +225,11 @@ 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);
-  color: #0073bb;
   color: var(--color-text-link-default-753y4e, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
@@ -263,14 +237,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
   transition-property: color, text-decoration;
-  transition-duration: 165ms;
   transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
   display: flex;
   align-items: center;
   background-color: transparent;
-  border: 1px solid transparent;
   border: var(--border-field-width-y6x4sn, 1px) solid transparent;
-  margin-top: 8px;
   margin-top: var(--space-scaled-xs-6859qs, 8px);
   padding: 0;
   margin-left: -1px;
@@ -287,14 +258,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_toggle_dm8gx_15qqo_172:not(#\9):hover {
   cursor: pointer;
-  color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
 .awsui_toggle_dm8gx_15qqo_172:not(#\9):focus {
   outline: none;
 }
 .awsui_toggle_dm8gx_15qqo_172:not(#\9):active {
-  color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
 .awsui_toggle_dm8gx_15qqo_172:not(#\9):active, .awsui_toggle_dm8gx_15qqo_172:not(#\9):focus, .awsui_toggle_dm8gx_15qqo_172:not(#\9):hover {
@@ -309,14 +278,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_toggle_dm8gx_15qqo_172[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: 1px solid #0073bb;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
-  border-radius: 2px;
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
-  box-shadow: 0 0 0 1px #0073bb;
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 .awsui_toggle_dm8gx_15qqo_172 > .awsui_description_dm8gx_15qqo_233:not(#\9) {
-  margin-left: 4px;
   margin-left: var(--space-xxs-ynfts5, 4px);
 }