npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1287 → 3.0.1289 - Mend

@cloudscape-design/components-themeable 3.0.1287 → 3.0.1289

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 (34) hide show

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

@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_39ths_1nma6_209:not(#\9) {
+.awsui_root_39ths_ek06f_209:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -238,16 +238,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_file-loading-overlay_39ths_1nma6_241:not(#\9) {
+.awsui_file-loading-overlay_39ths_ek06f_241:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-static-xs-4gq40t, 8px);
   inset-block-end: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_file-loading-overlay-single-row_39ths_1nma6_246:not(#\9) {
+.awsui_file-loading-overlay-single-row_39ths_ek06f_246:not(#\9) {
   inset-inline-end: var(--space-static-xxl-lfov4w, 32px);
 }
-.awsui_file-name-container_39ths_1nma6_250:not(#\9) {
+.awsui_file-name-container_39ths_ek06f_250:not(#\9) {
   all: unset;
   display: block;
   inline-size: 100%;
@@ -255,14 +255,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: default;
   text-align: start;
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_1nma6_250:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_ek06f_250:not(#\9):focus-visible:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_1nma6_250:not(#\9):focus-visible:focus {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_ek06f_250:not(#\9):focus-visible:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_1nma6_250:not(#\9):focus-visible:focus::before {
+body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_ek06f_250:not(#\9):focus-visible:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -277,26 +277,26 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_1nma6_250:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_file-option-name_39ths_1nma6_280:not(#\9),
-.awsui_file-option-size_39ths_1nma6_281:not(#\9),
-.awsui_file-option-last-modified_39ths_1nma6_282:not(#\9) {
+.awsui_file-option-name_39ths_ek06f_280:not(#\9),
+.awsui_file-option-size_39ths_ek06f_281:not(#\9),
+.awsui_file-option-last-modified_39ths_ek06f_282:not(#\9) {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-.awsui_file-option_39ths_1nma6_280:not(#\9) {
+.awsui_file-option_39ths_ek06f_280:not(#\9) {
   inline-size: 100%;
   min-inline-size: 0;
   display: flex;
   gap: var(--space-scaled-xs-sppte9, 8px);
 }
-.awsui_file-option-thumbnail_39ths_1nma6_295:not(#\9) {
+.awsui_file-option-thumbnail_39ths_ek06f_295:not(#\9) {
   margin-block-start: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_file-option-thumbnail-image_39ths_1nma6_299:not(#\9) {
+.awsui_file-option-thumbnail-image_39ths_ek06f_299:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -309,43 +309,43 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_1nma6_250:n
   overflow: hidden;
 }
-.awsui_file-option-metadata_39ths_1nma6_312:not(#\9) {
+.awsui_file-option-metadata_39ths_ek06f_312:not(#\9) {
   inline-size: 100%;
 }
-.awsui_file-option-metadata_39ths_1nma6_312.awsui_with-image_39ths_1nma6_315:not(#\9) {
+.awsui_file-option-metadata_39ths_ek06f_312.awsui_with-image_39ths_ek06f_315:not(#\9) {
   inline-size: calc(100% - 48px);
 }
-.awsui_file-option-metadata_39ths_1nma6_312.awsui_single-row-loading_39ths_1nma6_318:not(#\9) {
+.awsui_file-option-metadata_39ths_ek06f_312.awsui_single-row-loading_39ths_ek06f_318:not(#\9) {
   inline-size: calc(100% - var(--size-icon-normal-2f5zkr, 16px));
 }
-.awsui_token_39ths_1nma6_322:not(#\9) {
+.awsui_token_39ths_ek06f_322:not(#\9) {
   position: relative;
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-jnczic, 4px);
 }
-.awsui_token-grid_39ths_1nma6_329:not(#\9) {
+.awsui_token-grid_39ths_ek06f_329:not(#\9) {
   display: grid;
   grid-template-rows: max-content auto;
 }
 @media (max-width: 688px) {
-  .awsui_token-grid_39ths_1nma6_329:not(#\9) {
+  .awsui_token-grid_39ths_ek06f_329:not(#\9) {
     display: flex;
   }
 }
-.awsui_token-contains-image_39ths_1nma6_338:not(#\9) {
+.awsui_token-contains-image_39ths_ek06f_338:not(#\9) {
   grid-template-rows: 68px auto;
 }
-.awsui_token-box_39ths_1nma6_342:not(#\9) {
+.awsui_token-box_39ths_ek06f_342:not(#\9) {
   position: relative;
   block-size: 100%;
   border-block: var(--border-width-token-cwl2sl, 1px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-vq6ddf, #0073bb));
   border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-vq6ddf, #0073bb));
-  padding-block-start: var(--space-field-vertical-dgs6s0, 4px);
-  padding-block-end: var(--space-field-vertical-dgs6s0, 4px);
+  padding-block-start: var(--space-token-vertical-00mcu9, 4px);
+  padding-block-end: var(--space-token-vertical-00mcu9, 4px);
   padding-inline-start: var(--space-field-horizontal-n5peob, 8px);
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   display: flex;
@@ -358,48 +358,48 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_1nma6_250:n
   color: var(--color-text-body-default-5qid0u, #16191f);
   box-sizing: border-box;
 }
-.awsui_token-box_39ths_1nma6_342.awsui_horizontal_39ths_1nma6_361:not(#\9) {
+.awsui_token-box_39ths_ek06f_342.awsui_horizontal_39ths_ek06f_361:not(#\9) {
   max-inline-size: 230px;
 }
 @media (max-width: 688px) {
-  .awsui_token-box_39ths_1nma6_342.awsui_horizontal_39ths_1nma6_361:not(#\9) {
+  .awsui_token-box_39ths_ek06f_342.awsui_horizontal_39ths_ek06f_361:not(#\9) {
     max-inline-size: 100%;
   }
 }
-.awsui_token-box_39ths_1nma6_342.awsui_error_39ths_1nma6_369:not(#\9) {
+.awsui_token-box_39ths_ek06f_342.awsui_error_39ths_ek06f_369:not(#\9) {
   border-color: var(--color-border-status-error-jybbdz, #d13212);
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_token-box_39ths_1nma6_342.awsui_error_39ths_1nma6_369 > .awsui_dismiss-button_39ths_1nma6_373:not(#\9) {
+.awsui_token-box_39ths_ek06f_342.awsui_error_39ths_ek06f_369 > .awsui_dismiss-button_39ths_ek06f_373:not(#\9) {
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
 }
-.awsui_token-box_39ths_1nma6_342.awsui_error_39ths_1nma6_369 > .awsui_dismiss-button_39ths_1nma6_373:not(#\9):hover {
+.awsui_token-box_39ths_ek06f_342.awsui_error_39ths_ek06f_369 > .awsui_dismiss-button_39ths_ek06f_373:not(#\9):hover {
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_token-box_39ths_1nma6_342.awsui_warning_39ths_1nma6_379:not(#\9) {
+.awsui_token-box_39ths_ek06f_342.awsui_warning_39ths_ek06f_379:not(#\9) {
   border-color: var(--color-border-status-warning-qmz1c4, #906806);
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_token-box_39ths_1nma6_342.awsui_warning_39ths_1nma6_379 > .awsui_dismiss-button_39ths_1nma6_373:not(#\9) {
+.awsui_token-box_39ths_ek06f_342.awsui_warning_39ths_ek06f_379 > .awsui_dismiss-button_39ths_ek06f_373:not(#\9) {
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
 }
-.awsui_token-box_39ths_1nma6_342.awsui_warning_39ths_1nma6_379 > .awsui_dismiss-button_39ths_1nma6_373:not(#\9):hover {
+.awsui_token-box_39ths_ek06f_342.awsui_warning_39ths_ek06f_379 > .awsui_dismiss-button_39ths_ek06f_373:not(#\9):hover {
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_token-box_39ths_1nma6_342.awsui_read-only_39ths_1nma6_389:not(#\9) {
+.awsui_token-box_39ths_ek06f_342.awsui_read-only_39ths_ek06f_389:not(#\9) {
   border-color: var(--color-border-input-disabled-tz38ro, #eaeded);
   background-color: var(--color-background-container-content-aemn43, #ffffff);
   pointer-events: none;
 }
-.awsui_token-box_39ths_1nma6_342.awsui_read-only_39ths_1nma6_389 > .awsui_dismiss-button_39ths_1nma6_373:not(#\9) {
+.awsui_token-box_39ths_ek06f_342.awsui_read-only_39ths_ek06f_389 > .awsui_dismiss-button_39ths_ek06f_373:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8);
 }
-.awsui_token-box_39ths_1nma6_342.awsui_read-only_39ths_1nma6_389 > .awsui_dismiss-button_39ths_1nma6_373:not(#\9):hover {
+.awsui_token-box_39ths_ek06f_342.awsui_read-only_39ths_ek06f_389 > .awsui_dismiss-button_39ths_ek06f_373:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8);
 }
-.awsui_token-box_39ths_1nma6_342.awsui_loading_39ths_1nma6_402:not(#\9) {
+.awsui_token-box_39ths_ek06f_342.awsui_loading_39ths_ek06f_402:not(#\9) {
   border-color: var(--color-border-control-disabled-c9dn39, #d5dbdb);
   background-color: var(--color-background-container-content-aemn43, #ffffff);
 }

package/lib/internal/template/file-token-group/styles.selectors.js CHANGED Viewed

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_39ths_1nma6_209",
-  "file-loading-overlay": "awsui_file-loading-overlay_39ths_1nma6_241",
-  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_1nma6_246",
-  "file-name-container": "awsui_file-name-container_39ths_1nma6_250",
-  "file-option-name": "awsui_file-option-name_39ths_1nma6_280",
-  "file-option-size": "awsui_file-option-size_39ths_1nma6_281",
-  "file-option-last-modified": "awsui_file-option-last-modified_39ths_1nma6_282",
-  "file-option": "awsui_file-option_39ths_1nma6_280",
-  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_1nma6_295",
-  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_1nma6_299",
-  "file-option-metadata": "awsui_file-option-metadata_39ths_1nma6_312",
-  "with-image": "awsui_with-image_39ths_1nma6_315",
-  "single-row-loading": "awsui_single-row-loading_39ths_1nma6_318",
-  "token": "awsui_token_39ths_1nma6_322",
-  "token-grid": "awsui_token-grid_39ths_1nma6_329",
-  "token-contains-image": "awsui_token-contains-image_39ths_1nma6_338",
-  "token-box": "awsui_token-box_39ths_1nma6_342",
-  "horizontal": "awsui_horizontal_39ths_1nma6_361",
-  "error": "awsui_error_39ths_1nma6_369",
-  "dismiss-button": "awsui_dismiss-button_39ths_1nma6_373",
-  "warning": "awsui_warning_39ths_1nma6_379",
-  "read-only": "awsui_read-only_39ths_1nma6_389",
-  "loading": "awsui_loading_39ths_1nma6_402"
+  "root": "awsui_root_39ths_ek06f_209",
+  "file-loading-overlay": "awsui_file-loading-overlay_39ths_ek06f_241",
+  "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_ek06f_246",
+  "file-name-container": "awsui_file-name-container_39ths_ek06f_250",
+  "file-option-name": "awsui_file-option-name_39ths_ek06f_280",
+  "file-option-size": "awsui_file-option-size_39ths_ek06f_281",
+  "file-option-last-modified": "awsui_file-option-last-modified_39ths_ek06f_282",
+  "file-option": "awsui_file-option_39ths_ek06f_280",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_ek06f_295",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_ek06f_299",
+  "file-option-metadata": "awsui_file-option-metadata_39ths_ek06f_312",
+  "with-image": "awsui_with-image_39ths_ek06f_315",
+  "single-row-loading": "awsui_single-row-loading_39ths_ek06f_318",
+  "token": "awsui_token_39ths_ek06f_322",
+  "token-grid": "awsui_token-grid_39ths_ek06f_329",
+  "token-contains-image": "awsui_token-contains-image_39ths_ek06f_338",
+  "token-box": "awsui_token-box_39ths_ek06f_342",
+  "horizontal": "awsui_horizontal_39ths_ek06f_361",
+  "error": "awsui_error_39ths_ek06f_369",
+  "dismiss-button": "awsui_dismiss-button_39ths_ek06f_373",
+  "warning": "awsui_warning_39ths_ek06f_379",
+  "read-only": "awsui_read-only_39ths_ek06f_389",
+  "loading": "awsui_loading_39ths_ek06f_402"
 };

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -291,6 +291,7 @@ body {
   --color-background-layout-mobile-panel-20j5lz:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
   --color-background-layout-panel-hover-5jdzo1:var(--color-neutral-250-hdfqdx);
+  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-toggle-active-ovmpb9:var(--color-neutral-750-gjawa6);
   --color-background-layout-toggle-default-q2nv0b:transparent;
   --color-background-layout-toggle-hover-t77zty:var(--color-neutral-650-92yp10);
@@ -353,7 +354,10 @@ body {
   --color-text-button-normal-disabled-sr2mjc:var(--color-neutral-500-h8gwav);
   --color-border-button-normal-hover-3y34o0:var(--color-neutral-950-qehfms);
   --color-text-button-icon-disabled-xkerbo:var(--color-neutral-500-h8gwav);
+  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
   --color-border-button-primary-disabled-xk738n:var(--color-neutral-300-y8n3aq);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-text-button-primary-disabled-xs2e2t:var(--color-neutral-500-h8gwav);
   --color-item-selected-2dv7ug:var(--color-primary-600-be1v6a);
   --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
@@ -716,6 +720,7 @@ body {
   --space-button-focus-outline-gutter-vsdlzg:3px;
   --space-button-horizontal-v8ywmo:var(--space-l-3cws6j);
   --space-button-vertical-bxhh45:var(--space-scaled-xxs-jatbiv);
+  --space-token-vertical-00mcu9:var(--space-scaled-xxs-jatbiv);
   --space-field-vertical-dgs6s0:4px;
   --space-button-icon-focus-outline-gutter-vertical-gm57sd:var(--space-button-focus-outline-gutter-vsdlzg);
   --space-button-icon-only-horizontal-67q6rd:var(--space-m-n2lypl);
@@ -1151,6 +1156,7 @@ body {
   --space-scaled-xxxl-70ei3i:var(--space-xxl-q0lyvp);
   --space-alert-vertical-7hsinh:var(--space-scaled-s-gjhvjd);
   --space-button-vertical-bxhh45:var(--space-scaled-xxs-jatbiv);
+  --space-token-vertical-00mcu9:var(--space-scaled-xxs-jatbiv);
   --space-button-modal-dismiss-vertical-yopl9m:var(--space-scaled-xxs-jatbiv);
   --space-card-vertical-default-wltzyi:var(--space-scaled-l-66n9sr);
   --space-item-card-horizontal-embedded-87yawk:var(--space-card-horizontal-embedded-z4gdo8);
@@ -1214,6 +1220,7 @@ body {
   --space-scaled-xxxl-70ei3i:var(--space-xxl-q0lyvp);
   --space-alert-vertical-7hsinh:var(--space-scaled-s-gjhvjd);
   --space-button-vertical-bxhh45:var(--space-scaled-xxs-jatbiv);
+  --space-token-vertical-00mcu9:var(--space-scaled-xxs-jatbiv);
   --space-button-modal-dismiss-vertical-yopl9m:var(--space-scaled-xxs-jatbiv);
   --space-card-vertical-default-wltzyi:var(--space-scaled-l-66n9sr);
   --space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
@@ -1418,6 +1425,7 @@ body {
   --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-mobile-panel-20j5lz:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
+  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
@@ -1437,6 +1445,9 @@ body {
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-border-button-normal-active-soiq8b:var(--color-border-button-normal-default-5aez2l);
+  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
@@ -2036,6 +2047,9 @@ body {
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
   --color-text-button-normal-disabled-sr2mjc:var(--color-neutral-500-h8gwav);
   --color-text-button-icon-disabled-xkerbo:var(--color-neutral-500-h8gwav);
+  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-text-button-primary-disabled-xs2e2t:var(--color-neutral-500-h8gwav);
   --color-item-selected-2dv7ug:var(--color-primary-600-be1v6a);
   --color-border-cell-shaded-yvj0a8:var(--color-neutral-300-y8n3aq);
@@ -2476,12 +2490,16 @@ body {
   --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
   --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
+  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
   --color-background-segment-wrapper-8sntqj:var(--color-background-container-content-aemn43);
   --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
   --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
@@ -2667,6 +2685,7 @@ body {
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
+  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
@@ -2686,7 +2705,10 @@ body {
   --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
@@ -2938,6 +2960,7 @@ body {
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
+  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
   --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
@@ -2953,7 +2976,10 @@ body {
   --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
@@ -3208,6 +3234,7 @@ body {
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
+  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
   --color-background-slider-range-default-ckhqiz:var(--color-background-slider-handle-default-pb538l);
@@ -3223,7 +3250,10 @@ body {
   --color-background-dialog-ce2sax:var(--color-background-status-info-nzp1n3);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
@@ -3330,6 +3360,8 @@ body {
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -3370,6 +3402,8 @@ body {
   --color-border-button-normal-active-soiq8b:var(--color-text-button-normal-hover-tksuqp);
   --color-border-button-normal-default-5aez2l:var(--color-text-button-normal-default-gl8uar);
   --color-border-button-normal-hover-3y34o0:var(--color-text-button-normal-hover-tksuqp);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-text-button-normal-active-9o0xsh:var(--color-text-button-normal-hover-tksuqp);
   --color-text-link-button-normal-active-q28r86:var(--color-text-button-normal-active-9o0xsh);
   --color-text-button-link-active-7k8nt4:var(--color-text-button-normal-active-9o0xsh);
@@ -3413,6 +3447,8 @@ body {
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -3457,6 +3493,8 @@ body {
   --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
   --color-border-divider-default-ipvpev:var(--color-text-button-normal-default-gl8uar);
@@ -3492,6 +3530,8 @@ body {
   --color-background-button-primary-hover-o7mzaq:var(--color-border-button-normal-hover-3y34o0);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
   --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -3687,6 +3727,7 @@ body {
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
+  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
@@ -3706,7 +3747,10 @@ body {
   --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
@@ -3945,6 +3989,7 @@ body {
   --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
   --color-background-drawer-v79o7e:var(--color-background-layout-panel-content-9tbx75);
   --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
+  --color-background-layout-toolbar-oyny45:var(--color-background-layout-panel-content-9tbx75);
   --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
   --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
   --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
@@ -3964,7 +4009,10 @@ body {
   --color-background-table-header-5hauij:var(--color-background-container-header-b8qo49);
   --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
   --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
+  --color-border-button-primary-active-59dqcy:var(--color-background-button-primary-active-78nndc);
+  --color-border-button-primary-default-gqc01m:var(--color-background-button-primary-default-3w82vy);
   --color-border-button-primary-disabled-xk738n:var(--color-background-button-primary-disabled-1tc1nl);
+  --color-border-button-primary-hover-g5jizy:var(--color-background-button-primary-hover-o7mzaq);
   --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
   --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
   --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
@@ -4187,5 +4235,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-4fcc3f6a: true;
+  --awsui-version-info-f5628d2d: true;
 }

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (4fcc3f6a)";
-export var GIT_SHA = "4fcc3f6a";
+export var PACKAGE_VERSION = "3.0.0 (f5628d2d)";
+export var GIT_SHA = "f5628d2d";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (4fcc3f6a)",
-  "GIT_SHA": "4fcc3f6a",
+  "PACKAGE_VERSION": "3.0.0 (f5628d2d)",
+  "GIT_SHA": "f5628d2d",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false

package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED Viewed

@@ -329,6 +329,7 @@ export const colorBackgroundDrawer: string;
 export const colorBackgroundLayoutMobilePanel: string;
 export const colorBackgroundLayoutPanelContent: string;
 export const colorBackgroundLayoutPanelHover: string;
+export const colorBackgroundLayoutToolbar: string;
 export const colorBackgroundLayoutToggleActive: string;
 export const colorBackgroundLayoutToggleDefault: string;
 export const colorBackgroundLayoutToggleHover: string;
@@ -391,7 +392,10 @@ export const colorBorderButtonNormalDisabled: string;
 export const colorTextButtonNormalDisabled: string;
 export const colorBorderButtonNormalHover: string;
 export const colorTextButtonIconDisabled: string;
+export const colorBorderButtonPrimaryActive: string;
+export const colorBorderButtonPrimaryDefault: string;
 export const colorBorderButtonPrimaryDisabled: string;
+export const colorBorderButtonPrimaryHover: string;
 export const colorTextButtonPrimaryDisabled: string;
 export const colorItemSelected: string;
 export const colorBorderCalendarGrid: string;
@@ -763,6 +767,7 @@ export const spaceAlertVertical: string;
 export const spaceButtonFocusOutlineGutter: string;
 export const spaceButtonHorizontal: string;
 export const spaceButtonVertical: string;
+export const spaceTokenVertical: string;
 export const spaceFieldVertical: string;
 export const spaceButtonIconFocusOutlineGutterVertical: string;
 export const spaceButtonIconOnlyHorizontal: string;

package/lib/internal/template/internal/generated/styles/tokens.js CHANGED Viewed

@@ -329,6 +329,7 @@ export var colorBackgroundDrawer = "var(--color-background-drawer-5hs0eh, #fffff
 export var colorBackgroundLayoutMobilePanel = "var(--color-background-layout-mobile-panel-ed0ava, #0f141a)";
 export var colorBackgroundLayoutPanelContent = "var(--color-background-layout-panel-content-xto15e, #ffffff)";
 export var colorBackgroundLayoutPanelHover = "var(--color-background-layout-panel-hover-tguulw, #ebebf0)";
+export var colorBackgroundLayoutToolbar = "var(--color-background-layout-toolbar-y0cu80, #ffffff)";
 export var colorBackgroundLayoutToggleActive = "var(--color-background-layout-toggle-active-ap91vm, #424650)";
 export var colorBackgroundLayoutToggleDefault = "var(--color-background-layout-toggle-default-2hgjdu, #424650)";
 export var colorBackgroundLayoutToggleHover = "var(--color-background-layout-toggle-hover-0cpm7g, #656871)";
@@ -391,7 +392,10 @@ export var colorBorderButtonNormalDisabled = "var(--color-border-button-normal-d
 export var colorTextButtonNormalDisabled = "var(--color-text-button-normal-disabled-05p74s, #8c8c94)";
 export var colorBorderButtonNormalHover = "var(--color-border-button-normal-hover-6a2tdq, #002b66)";
 export var colorTextButtonIconDisabled = "var(--color-text-button-icon-disabled-nnofkn, #8c8c94)";
+export var colorBorderButtonPrimaryActive = "var(--color-border-button-primary-active-6jnxoc, #002b66)";
+export var colorBorderButtonPrimaryDefault = "var(--color-border-button-primary-default-45p8u2, #006ce0)";
 export var colorBorderButtonPrimaryDisabled = "var(--color-border-button-primary-disabled-b5p1ji, #ebebf0)";
+export var colorBorderButtonPrimaryHover = "var(--color-border-button-primary-hover-rktx0f, #002b66)";
 export var colorTextButtonPrimaryDisabled = "var(--color-text-button-primary-disabled-q79gms, #8c8c94)";
 export var colorItemSelected = "var(--color-item-selected-72rnwy, #006ce0)";
 export var colorBorderCalendarGrid = "var(--color-border-calendar-grid-67r4w4, transparent)";
@@ -763,6 +767,7 @@ export var spaceAlertVertical = "var(--space-alert-vertical-dlp5wr, 8px)";
 export var spaceButtonFocusOutlineGutter = "var(--space-button-focus-outline-gutter-jj138g, 4px)";
 export var spaceButtonHorizontal = "var(--space-button-horizontal-k0c786, 20px)";
 export var spaceButtonVertical = "var(--space-button-vertical-xaxp6x, 4px)";
+export var spaceTokenVertical = "var(--space-token-vertical-m3oh2a, 4px)";
 export var spaceFieldVertical = "var(--space-field-vertical-vm99qz, 5px)";
 export var spaceButtonIconFocusOutlineGutterVertical = "var(--space-button-icon-focus-outline-gutter-vertical-r44mtq, 0px)";
 export var spaceButtonIconOnlyHorizontal = "var(--space-button-icon-only-horizontal-i85hxi, 6px)";