@cloudscape-design/components 3.0.23 → 3.0.26

package/text-content/styles.scoped.css

@@ -121,14 +121,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);
   /* stylelint-disable no-descending-specificity */
   /* stylelint-enable no-descending-specificity */
@@ -143,7 +139,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: normal;
   text-decoration: none;
   margin: 0;
-  padding: 4px 0;
   padding: var(--space-xxs-ynfts5, 4px) 0;
 }
 .awsui_text-content_6absk_12b8j_94 h1:not(#\9),
@@ -151,55 +146,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_text-content_6absk_12b8j_94 h3:not(#\9),
 .awsui_text-content_6absk_12b8j_94 h4:not(#\9),
 .awsui_text-content_6absk_12b8j_94 h5:not(#\9) {
-  color: #000716;
   color: var(--color-text-heading-default-jopz0f, #000716);
 }
 .awsui_text-content_6absk_12b8j_94 h1:not(#\9) {
-  font-size: 32px;
   font-size: var(--font-heading-xl-size-d0vjbk, 32px);
-  line-height: 40px;
   line-height: var(--font-heading-xl-line-height-doxfdj, 40px);
-  letter-spacing: -0.02em;
   letter-spacing: var(--font-heading-xl-letter-spacing-9tcsmy, -0.02em);
-  font-weight: 800;
   font-weight: var(--font-heading-xl-weight-772870, 800);
 }
 .awsui_text-content_6absk_12b8j_94 h2:not(#\9) {
-  font-size: 24px;
   font-size: var(--font-heading-l-size-otmxys, 24px);
-  line-height: 30px;
   line-height: var(--font-heading-l-line-height-gev4n1, 30px);
-  letter-spacing: -0.015em;
   letter-spacing: var(--font-heading-l-letter-spacing-f6wvtk, -0.015em);
-  font-weight: 800;
   font-weight: var(--font-heading-l-weight-xm7ks9, 800);
 }
 .awsui_text-content_6absk_12b8j_94 h3:not(#\9) {
-  font-size: 20px;
   font-size: var(--font-heading-m-size-6e3jmg, 20px);
-  line-height: 24px;
   line-height: var(--font-heading-m-line-height-u3t54f, 24px);
-  letter-spacing: -0.01em;
   letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
-  font-weight: 800;
   font-weight: var(--font-heading-m-weight-hi5n0j, 800);
 }
 .awsui_text-content_6absk_12b8j_94 h4:not(#\9) {
-  font-size: 16px;
   font-size: var(--font-heading-s-size-9clg8y, 16px);
-  line-height: 20px;
   line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
-  letter-spacing: -0.005em;
   letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
-  font-weight: 800;
   font-weight: var(--font-heading-s-weight-k8ys41, 800);
 }
 .awsui_text-content_6absk_12b8j_94 h5:not(#\9) {
-  font-size: 14px;
   font-size: var(--font-heading-xs-size-fryxro, 14px);
-  line-height: 18px;
   line-height: var(--font-heading-xs-line-height-5x131j, 18px);
-  font-weight: 800;
   font-weight: var(--font-heading-xs-weight-wwznty, 800);
 }
 .awsui_text-content_6absk_12b8j_94 b:not(#\9),
@@ -207,38 +182,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 700;
 }
 .awsui_text-content_6absk_12b8j_94 p: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: inherit;
 }
 .awsui_text-content_6absk_12b8j_94 small:not(#\9) {
   display: inline-block;
-  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);
-  color: #5f6b7a;
   color: var(--color-text-small-le1y42, #5f6b7a);
 }
 .awsui_text-content_6absk_12b8j_94 small a:not(#\9) {
   font-size: inherit;
-  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) {
@@ -253,14 +216,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_text-content_6absk_12b8j_94 small a:not(#\9):hover {
   cursor: pointer;
-  color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
 .awsui_text-content_6absk_12b8j_94 small a:not(#\9):focus {
   outline: none;
 }
 .awsui_text-content_6absk_12b8j_94 small a:not(#\9):active {
-  color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
 .awsui_text-content_6absk_12b8j_94 small a:not(#\9):active, .awsui_text-content_6absk_12b8j_94 small a:not(#\9):focus, .awsui_text-content_6absk_12b8j_94 small a:not(#\9):hover {
@@ -271,20 +232,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_text-content_6absk_12b8j_94 code:not(#\9),
 .awsui_text-content_6absk_12b8j_94 pre:not(#\9),
 .awsui_text-content_6absk_12b8j_94 samp:not(#\9) {
-  font-family: Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace;
   font-family: var(--font-family-monospace-iz223z, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
   background: transparent;
 }
 .awsui_text-content_6absk_12b8j_94 code:not(#\9) {
-  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);
 }
 .awsui_text-content_6absk_12b8j_94 a:not(#\9) {
-  color: #0972d3;
   color: var(--color-text-link-default-5f186r, #0972d3);
   font-weight: inherit;
   letter-spacing: normal;
@@ -292,7 +248,6 @@ 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);
 }
 @media (prefers-reduced-motion: reduce) {
@@ -307,14 +262,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_text-content_6absk_12b8j_94 a:not(#\9):hover {
   cursor: pointer;
-  color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
 .awsui_text-content_6absk_12b8j_94 a:not(#\9):focus {
   outline: none;
 }
 .awsui_text-content_6absk_12b8j_94 a:not(#\9):active {
-  color: #033160;
   color: var(--color-text-link-hover-kololx, #033160);
 }
 .awsui_text-content_6absk_12b8j_94 a:not(#\9):active, .awsui_text-content_6absk_12b8j_94 a:not(#\9):focus, .awsui_text-content_6absk_12b8j_94 a:not(#\9):hover {
@@ -324,21 +277,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 .awsui_text-content_6absk_12b8j_94 a:not(#\9):focus {
   outline: thin dotted;
-  outline: 0;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
-  outline-color: #0972d3;
   outline-color: 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 2px #0972d3;
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 .awsui_text-content_6absk_12b8j_94 ul:not(#\9),
 .awsui_text-content_6absk_12b8j_94 ol:not(#\9) {
-  padding-left: 20px;
   padding-left: var(--space-l-4vl6xu, 20px);
-  margin: 4px 0;
   margin: var(--space-xxs-ynfts5, 4px) 0;
   list-style-position: outside;
 }
@@ -356,7 +303,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 .awsui_text-content_6absk_12b8j_94 ol > li + ol:not(#\9),
 .awsui_text-content_6absk_12b8j_94 ol > li > ul:not(#\9),
 .awsui_text-content_6absk_12b8j_94 ol > li > ol:not(#\9) {
-  padding-top: 4px;
   padding-top: var(--space-xxs-ynfts5, 4px);
 }
 .awsui_text-content_6absk_12b8j_94 ul > li > ul:not(#\9),

package/text-filter/styles.scoped.css

@@ -120,18 +120,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: #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;
   align-items: center;
-  max-width: calc(688px - 2 * 20px);
   max-width: calc(688px - 2 * var(--space-l-4vl6xu, 20px));
 }
 
@@ -140,13 +135,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 .awsui_results_1sdq3_mhcwk_111:not(#\9) {
-  color: #000716;
   color: var(--color-text-form-label-k3j0b4, #000716);
   display: inline-block;
   box-sizing: border-box;
   white-space: nowrap;
 }
 .awsui_results-visible_1sdq3_mhcwk_117:not(#\9) {
-  padding-left: 12px;
   padding-left: var(--space-s-hv8c1d, 12px);
 }

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