@cloudscape-design/components 3.0.23 → 3.0.24

package/textarea/styles.scoped.css

@@ -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: #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);
   resize: auto;
   /* stylelint-disable-line plugin/no-unsupported-browser-features */
   cursor: text;
   white-space: pre-wrap;
-  padding: 4px 12px;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-89h2yr, 12px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   max-width: 100%;
   width: 100%;
   display: block;
   box-sizing: border-box;
-  background-color: #ffffff;
   background-color: var(--color-background-input-default-u57378, #ffffff);
-  border-radius: 8px;
   border-radius: var(--border-radius-input-txq8zy, 8px);
-  border: 2px solid #9ba7b6;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-dtyu8d, #9ba7b6);
-  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_kusqt_97.awsui_textarea-readonly_qk1j1_kusqt_122:not(#\9) {
-  background-color: #ffffff;
   background-color: var(--color-background-input-default-u57378, #ffffff);
-  border: 2px solid #e9ebed;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
 }
 .awsui_textarea_qk1j1_kusqt_97:not(#\9)::placeholder {
-  color: #5f6b7a;
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
   opacity: 1;
 }
 .awsui_textarea_qk1j1_kusqt_97:not(#\9):-ms-input-placeholder {
-  color: #5f6b7a;
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
 }
 .awsui_textarea_qk1j1_kusqt_97:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: 2px solid #0972d3;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
-  border-radius: 8px;
   border-radius: var(--border-radius-input-txq8zy, 8px);
-  box-shadow: 0 0 0 0px #0972d3;
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 .awsui_textarea_qk1j1_kusqt_97:not(#\9):invalid {
   box-shadow: none;
 }
 .awsui_textarea_qk1j1_kusqt_97:not(#\9):disabled {
-  background-color: #e9ebed;
   background-color: var(--color-background-input-disabled-wu9j6u, #e9ebed);
-  border: 2px solid #e9ebed;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
-  color: #9ba7b6;
   color: var(--color-text-input-disabled-oawyzo, #9ba7b6);
   cursor: auto;
   cursor: default;
 }
 .awsui_textarea_qk1j1_kusqt_97:not(#\9):disabled::placeholder {
-  color: #9ba7b6;
   color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
   opacity: 1;
 }
 .awsui_textarea_qk1j1_kusqt_97:not(#\9):disabled:-ms-input-placeholder {
-  color: #9ba7b6;
   color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
 }
 .awsui_textarea_qk1j1_kusqt_97.awsui_textarea-invalid_qk1j1_kusqt_158:not(#\9) {
-  color: #d91515;
   color: var(--color-text-status-error-5sesl6, #d91515);
-  border-color: #d91515;
   border-color: var(--color-text-status-error-5sesl6, #d91515);
-  padding-left: calc(
-  12px - (8px - 2px)
-);
   padding-left: calc(
   var(--space-field-horizontal-89h2yr, 12px) - (var(--border-invalid-width-5jpdqn, 8px) - var(--border-field-width-idlekx, 2px))
 );
-  border-left-width: 8px;
   border-left-width: var(--border-invalid-width-5jpdqn, 8px);
 }
 .awsui_textarea_qk1j1_kusqt_97.awsui_textarea-invalid_qk1j1_kusqt_158:not(#\9):focus {
-  box-shadow: 0 0 0 2px #0972d3;
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-omt6il, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }

package/tiles/styles.scoped.css

@@ -120,19 +120,14 @@ div.awsui_column-layout_vj6p7_1ws36_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: #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);
   word-wrap: break-word;
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_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_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-variant-text-grid_vj6p7_1ws36_112:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
-  margin: calc(-1 * (16px)) calc(-1 * 20px);
   margin: calc(-1 * (var(--space-text-grid-vertical-tj8m1c, 16px))) calc(-1 * var(--space-grid-gutter-0subky, 20px));
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-variant-text-grid_vj6p7_1ws36_112 > *:not(#\9) {
-  border-left: 2px solid #e9ebed;
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-variant-text-grid_vj6p7_1ws36_112.awsui_grid-breakpoint-default_vj6p7_1ws36_119 > *:not(#\9):nth-child(1n+1) {
@@ -177,20 +170,16 @@ div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-
   border-left-width: 0;
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1ws36_109) > * {
-  padding: calc(20px / 2);
   padding: calc(var(--space-grid-gutter-0subky, 20px) / 2);
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1ws36_109).awsui_grid-variant-text-grid_vj6p7_1ws36_112 > * {
-  padding: 0 20px;
   padding: 0 var(--space-grid-gutter-0subky, 20px);
-  margin: 16px 0;
   margin: var(--space-text-grid-vertical-tj8m1c, 16px) 0;
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-vertical-borders_vj6p7_1ws36_153:not(#\9) {
   /* stylelint-disable-next-line selector-max-universal */
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-vertical-borders_vj6p7_1ws36_153 > *:not(#\9) {
-  border-right: 2px solid #e9ebed;
   border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-vertical-borders_vj6p7_1ws36_153.awsui_grid-breakpoint-default_vj6p7_1ws36_119 > *:not(#\9):nth-child(1n) {
@@ -225,7 +214,6 @@ div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-
   /* stylelint-enable selector-max-universal */
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-horizontal-borders_vj6p7_1ws36_186 > *:not(#\9) {
-  border-bottom: 2px solid #e9ebed;
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-horizontal-borders_vj6p7_1ws36_186 > *:not(#\9):last-child {
@@ -305,14 +293,10 @@ div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_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: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   min-width: 0;
   -ms-word-break: break-all;
@@ -322,31 +306,22 @@ div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-
 
 .awsui_tile-container_vj6p7_1ws36_255:not(#\9) {
   box-sizing: border-box;
-  border: 2px solid #9ba7b6;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-dtyu8d, #9ba7b6);
-  border-radius: 8px;
   border-radius: var(--border-radius-tiles-kl8mtb, 8px);
-  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_1ws36_255.awsui_has-metadata_vj6p7_1ws36_264:not(#\9) {
-  padding-bottom: 12px;
   padding-bottom: var(--space-s-hv8c1d, 12px);
 }
 .awsui_tile-container_vj6p7_1ws36_255.awsui_selected_vj6p7_1ws36_267:not(#\9) {
-  border: 2px solid #0972d3;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
-  background: #f2f8fd;
   background: var(--color-background-item-selected-ebt4bi, #f2f8fd);
 }
 .awsui_tile-container_vj6p7_1ws36_255.awsui_disabled_vj6p7_1ws36_271:not(#\9) {
-  border: 2px solid #e9ebed;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-tiles-disabled-dp4h7y, #e9ebed);
-  background: #e9ebed;
   background: var(--color-background-tiles-disabled-byt5lx, #e9ebed);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -363,109 +338,79 @@ div.awsui_column-layout_vj6p7_1ws36_93 > .awsui_grid_vj6p7_1ws36_104.awsui_grid-
 .awsui_columns_vj6p7_1ws36_286:not(#\9) {
   display: flex;
   flex-wrap: wrap;
-  margin: calc(20px / -2);
   margin: calc(var(--space-grid-gutter-0subky, 20px) / -2);
 }
 .awsui_columns_vj6p7_1ws36_286.awsui_column-1_vj6p7_1ws36_291 > .awsui_tile-container_vj6p7_1ws36_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_1ws36_286.awsui_column-1_vj6p7_1ws36_291 > .awsui_tile-container_vj6p7_1ws36_255.awsui_breakpoint-xs_vj6p7_1ws36_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_1ws36_286.awsui_column-1_vj6p7_1ws36_291 > .awsui_tile-container_vj6p7_1ws36_255.awsui_breakpoint-xxs_vj6p7_1ws36_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_1ws36_286.awsui_column-2_vj6p7_1ws36_308 > .awsui_tile-container_vj6p7_1ws36_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_1ws36_286.awsui_column-2_vj6p7_1ws36_308 > .awsui_tile-container_vj6p7_1ws36_255.awsui_breakpoint-xs_vj6p7_1ws36_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_1ws36_286.awsui_column-2_vj6p7_1ws36_308 > .awsui_tile-container_vj6p7_1ws36_255.awsui_breakpoint-xxs_vj6p7_1ws36_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_1ws36_286.awsui_column-3_vj6p7_1ws36_325 > .awsui_tile-container_vj6p7_1ws36_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_1ws36_286.awsui_column-3_vj6p7_1ws36_325 > .awsui_tile-container_vj6p7_1ws36_255.awsui_breakpoint-xs_vj6p7_1ws36_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_1ws36_286.awsui_column-3_vj6p7_1ws36_325 > .awsui_tile-container_vj6p7_1ws36_255.awsui_breakpoint-xxs_vj6p7_1ws36_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_1ws36_286.awsui_column-4_vj6p7_1ws36_342 > .awsui_tile-container_vj6p7_1ws36_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_1ws36_286.awsui_column-4_vj6p7_1ws36_342 > .awsui_tile-container_vj6p7_1ws36_255.awsui_breakpoint-xs_vj6p7_1ws36_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_1ws36_286.awsui_column-4_vj6p7_1ws36_342 > .awsui_tile-container_vj6p7_1ws36_255.awsui_breakpoint-xxs_vj6p7_1ws36_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_1ws36_360:not(#\9) {
   flex-grow: 1;
-  margin-bottom: 12px;
   margin-bottom: var(--space-s-hv8c1d, 12px);
 }
 .awsui_control_vj6p7_1ws36_360.awsui_no-image_vj6p7_1ws36_364:not(#\9) {

package/toggle/styles.scoped.css

@@ -120,14 +120,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
-  line-height: 22px;
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   font-weight: 400;
-  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   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: 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_toggle-control_4yi2u_1dkvh_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: #414d5c;
   background: var(--color-background-toggle-default-w4ftus, #414d5c);
   border-radius: 8px;
 }
 .awsui_toggle-control-checked_4yi2u_1dkvh_136:not(#\9) {
-  background: #0972d3;
   background: var(--color-background-control-checked-9admlu, #0972d3);
 }
 .awsui_toggle-control-disabled_4yi2u_1dkvh_139:not(#\9) {
-  background: #d1d5db;
   background: var(--color-background-control-disabled-zplipy, #d1d5db);
 }
 .awsui_toggle-control-disabled_4yi2u_1dkvh_139.awsui_toggle-control-checked_4yi2u_1dkvh_136:not(#\9) {
-  background: #b5d6f4;
   background: var(--color-background-toggle-checked-disabled-07lf06, #b5d6f4);
 }
 
 .awsui_toggle-handle_4yi2u_1dkvh_146:not(#\9) {
   position: absolute;
   border-radius: 6px;
-  background: #ffffff;
   background: var(--color-foreground-control-default-7ajdem, #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_1dkvh_157:not(#\9) {
   transform: translateX(8px);
 }
 .awsui_toggle-handle-disabled_4yi2u_1dkvh_160:not(#\9) {
-  background: #ffffff;
   background: var(--color-foreground-control-disabled-v6a97u, #ffffff);
   box-shadow: none;
 }

package/token-group/styles.scoped.css

@@ -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: #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);
 }
 .awsui_root_dm8gx_1kw6u_97.awsui_has-items_dm8gx_1kw6u_107:not(#\9) {
-  padding-top: 8px;
   padding-top: var(--space-xs-rsr2qu, 8px);
 }
 
 .awsui_token_dm8gx_1kw6u_111:not(#\9) {
-  border: 2px solid #0972d3;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
-  padding: 4px 4px 4px 12px;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px) var(--space-scaled-xxs-95dhkm, 4px) var(--space-field-horizontal-89h2yr, 12px);
   display: flex;
   align-items: flex-start;
-  background: #f2f8fd;
   background: var(--color-background-item-selected-ebt4bi, #f2f8fd);
-  border-radius: 8px;
   border-radius: var(--border-radius-token-wohc9e, 8px);
-  color: #000716;
   color: var(--color-text-body-default-ajf1h5, #000716);
   height: 100%;
   box-sizing: border-box;
 }
 
 .awsui_dismiss-button_dm8gx_1kw6u_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: #0972d3;
   color: var(--color-text-button-inline-icon-default-w65lqn, #0972d3);
   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: 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_dismiss-button_dm8gx_1kw6u_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_1kw6u_123:not(#\9):hover {
   cursor: pointer;
-  color: #033160;
   color: var(--color-text-button-inline-icon-hover-wd5icp, #033160);
 }
 
 .awsui_token-disabled_dm8gx_1kw6u_157:not(#\9) {
-  border-color: #d1d5db;
   border-color: var(--color-border-control-disabled-vx8bco, #d1d5db);
-  background-color: #ffffff;
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
-  color: #9ba7b6;
   color: var(--color-text-disabled-a2nkh4, #9ba7b6);
   pointer-events: none;
 }
 .awsui_token-disabled_dm8gx_1kw6u_157 > .awsui_dismiss-button_dm8gx_1kw6u_123:not(#\9) {
-  color: #9ba7b6;
   color: var(--color-text-button-inline-icon-disabled-gfhvz7, #9ba7b6);
 }
 .awsui_token-disabled_dm8gx_1kw6u_157 > .awsui_dismiss-button_dm8gx_1kw6u_123:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: auto;
-  color: #9ba7b6;
   color: var(--color-text-button-inline-icon-disabled-gfhvz7, #9ba7b6);
 }
 
@@ -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: #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);
-  color: #0972d3;
   color: var(--color-text-link-default-5f186r, #0972d3);
   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: 2px solid transparent;
   border: var(--border-field-width-idlekx, 2px) 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_1kw6u_172:not(#\9):hover {
   cursor: pointer;
-  color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
 .awsui_toggle_dm8gx_1kw6u_172:not(#\9):focus {
   outline: none;
 }
 .awsui_toggle_dm8gx_1kw6u_172:not(#\9):active {
-  color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
 .awsui_toggle_dm8gx_1kw6u_172:not(#\9):active, .awsui_toggle_dm8gx_1kw6u_172:not(#\9):focus, .awsui_toggle_dm8gx_1kw6u_172:not(#\9):hover {
@@ -309,14 +278,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_toggle_dm8gx_1kw6u_172[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: 2px solid #0972d3;
   border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
-  border-radius: 4px;
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
-  box-shadow: 0 0 0 0px #0972d3;
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 .awsui_toggle_dm8gx_1kw6u_172 > .awsui_description_dm8gx_1kw6u_233:not(#\9) {
-  margin-left: 4px;
   margin-left: var(--space-xxs-ynfts5, 4px);
 }