npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1322 → 3.0.1324 - Mend

@cloudscape-design/components-themeable 3.0.1322 → 3.0.1324

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

package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED Viewed

@@ -1,19 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_1ca00_161",
-  "arrow": "awsui_arrow_18eso_1ca00_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1ca00_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1ca00_221",
-  "has-caret": "awsui_has-caret_18eso_1ca00_257",
-  "placeholder": "awsui_placeholder_18eso_1ca00_260",
-  "pressed": "awsui_pressed_18eso_1ca00_276",
-  "disabled": "awsui_disabled_18eso_1ca00_282",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1ca00_221",
-  "readonly": "awsui_readonly_18eso_1ca00_303",
-  "invalid": "awsui_invalid_18eso_1ca00_328",
-  "warning": "awsui_warning_18eso_1ca00_337",
-  "custom-option": "awsui_custom-option_18eso_1ca00_346",
-  "inline-tokens": "awsui_inline-tokens_18eso_1ca00_351"
+  "button-trigger": "awsui_button-trigger_18eso_1wa07_161",
+  "arrow": "awsui_arrow_18eso_1wa07_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1wa07_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1wa07_221",
+  "has-caret": "awsui_has-caret_18eso_1wa07_257",
+  "placeholder": "awsui_placeholder_18eso_1wa07_260",
+  "pressed": "awsui_pressed_18eso_1wa07_276",
+  "disabled": "awsui_disabled_18eso_1wa07_282",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1wa07_221",
+  "readonly": "awsui_readonly_18eso_1wa07_303",
+  "invalid": "awsui_invalid_18eso_1wa07_328",
+  "warning": "awsui_warning_18eso_1wa07_337",
+  "custom-option": "awsui_custom-option_18eso_1wa07_346",
+  "inline-tokens": "awsui_inline-tokens_18eso_1wa07_351"
 };

package/lib/internal/template/internal/components/button-trigger/styles.scoped.css CHANGED Viewed

@@ -158,21 +158,21 @@ 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_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161 > .awsui_arrow_18eso_1wa07_161:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-4er9qu, 135ms) var(--motion-easing-rotate-180-xlspcm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
+  .awsui_button-trigger_18eso_1wa07_161 > .awsui_arrow_18eso_1wa07_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_1wa07_161 > .awsui_arrow_18eso_1wa07_161:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1wa07_161 > .awsui_arrow_18eso_1wa07_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_button-trigger_18eso_1ca00_161:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -218,7 +218,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-default-txli8y, #687078);
   min-block-size: var(--size-vertical-input-8gzd1t, 32px);
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-root_18eso_1ca00_221:not(#\9), .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token-root_18eso_1wa07_221:not(#\9), .awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token-nested_18eso_1wa07_221:not(#\9) {
   padding-block: 0px;
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
   border-block-width: var(--border-width-token-cwl2sl, 1px);
@@ -229,14 +229,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   min-block-size: unset;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-root_18eso_1ca00_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token-root_18eso_1wa07_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token-nested_18eso_1wa07_221:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-root_18eso_1ca00_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token-root_18eso_1wa07_221:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token-nested_18eso_1wa07_221:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-jo15dc, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-root_18eso_1ca00_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token-root_18eso_1wa07_221:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token-nested_18eso_1wa07_221:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -250,46 +250,46 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token-nested_18eso_1ca00_221:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token-nested_18eso_1wa07_221:not(#\9) {
   border-start-start-radius: calc(var(--border-radius-input-4vr9on, 2px) / 2);
   border-end-start-radius: calc(var(--border-radius-input-4vr9on, 2px) / 2);
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_has-caret_18eso_1ca00_257:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_has-caret_18eso_1wa07_257:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-ihoxql, 32px);
 }
-.awsui_button-trigger_18eso_1ca00_161 > .awsui_placeholder_18eso_1ca00_260:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161 > .awsui_placeholder_18eso_1wa07_260:not(#\9) {
   color: var(--color-text-input-placeholder-hvcry0, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161 > .awsui_arrow_18eso_1wa07_161:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-field-horizontal-n5peob, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-4lrtb0, #545b64);
 }
-.awsui-one-theme .awsui_button-trigger_18eso_1ca00_161 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
+.awsui-one-theme .awsui_button-trigger_18eso_1wa07_161 > .awsui_arrow_18eso_1wa07_161:not(#\9) {
   inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2 + var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_button-trigger_18eso_1ca00_161:not(#\9):hover > .awsui_arrow_18eso_1ca00_161 {
+.awsui_button-trigger_18eso_1wa07_161:not(#\9):hover > .awsui_arrow_18eso_1wa07_161 {
   color: var(--color-text-button-inline-icon-hover-8fgg9l, #16191f);
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_pressed_18eso_1ca00_276 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_pressed_18eso_1wa07_276 > .awsui_arrow_18eso_1wa07_161:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui-one-theme .awsui_button-trigger_18eso_1ca00_161.awsui_pressed_18eso_1ca00_276 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
+.awsui-one-theme .awsui_button-trigger_18eso_1wa07_161.awsui_pressed_18eso_1wa07_276 > .awsui_arrow_18eso_1wa07_161:not(#\9) {
   inset-block-start: calc(50% - var(--line-height-body-m-bedeoh, 22px) / 2 - var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_disabled_18eso_1wa07_282:not(#\9) {
   background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   color: var(--color-text-input-disabled-y5t5v9, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282 > .awsui_arrow_18eso_1ca00_161:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_disabled_18eso_1wa07_282 > .awsui_arrow_18eso_1wa07_161:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8);
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282.awsui_in-filtering-token_18eso_1ca00_221:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_disabled_18eso_1wa07_282.awsui_in-filtering-token_18eso_1wa07_221:not(#\9) {
   background-color: var(--color-background-input-disabled-4vlau3, #eaeded);
   border-block: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
@@ -297,23 +297,23 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161.awsui_
   cursor: auto;
   border-color: var(--color-border-control-disabled-c9dn39, #d5dbdb);
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282 > .awsui_placeholder_18eso_1ca00_260:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_disabled_18eso_1wa07_282 > .awsui_placeholder_18eso_1wa07_260:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_readonly_18eso_1ca00_303:not(#\9):not(.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282):not(.awsui_button-trigger_18eso_1ca00_161.awsui_in-filtering-token_18eso_1ca00_221) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_readonly_18eso_1wa07_303:not(#\9):not(.awsui_button-trigger_18eso_1wa07_161.awsui_disabled_18eso_1wa07_282):not(.awsui_button-trigger_18eso_1wa07_161.awsui_in-filtering-token_18eso_1wa07_221) {
   background-color: var(--color-background-input-default-1z2buq, #ffffff);
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-disabled-tz38ro, #eaeded);
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_readonly_18eso_1ca00_303:not(#\9):not(.awsui_button-trigger_18eso_1ca00_161.awsui_disabled_18eso_1ca00_282) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_readonly_18eso_1wa07_303:not(#\9):not(.awsui_button-trigger_18eso_1wa07_161.awsui_disabled_18eso_1wa07_282) {
   -webkit-user-select: text;
           user-select: text;
 }
-.awsui_button-trigger_18eso_1ca00_161:not(#\9):focus {
+.awsui_button-trigger_18eso_1wa07_161:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
   border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--color-border-input-focused-lslq4r, #0073bb);
@@ -323,32 +323,32 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_1ca00_161:not(#\
   border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221):invalid {
+.awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_invalid_18eso_1ca00_328, .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_invalid_18eso_1ca00_328:focus {
-  color: var(--color-text-status-error-aknuvu, #d13212);
-  border-color: var(--color-text-status-error-aknuvu, #d13212);
+.awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221).awsui_invalid_18eso_1wa07_328, .awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221).awsui_invalid_18eso_1wa07_328:focus {
+  color: var(--color-text-status-error-c3at5p, #d13212);
+  border-color: var(--color-text-status-error-c3at5p, #d13212);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_invalid_18eso_1ca00_328:focus, .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_invalid_18eso_1ca00_328:focus:focus {
+.awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221).awsui_invalid_18eso_1wa07_328:focus, .awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221).awsui_invalid_18eso_1wa07_328:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_warning_18eso_1ca00_337, .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_warning_18eso_1ca00_337:focus {
-  color: var(--color-text-status-warning-9b45qh, #906806);
-  border-color: var(--color-text-status-warning-9b45qh, #906806);
+.awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221).awsui_warning_18eso_1wa07_337, .awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221).awsui_warning_18eso_1wa07_337:focus {
+  color: var(--color-text-status-warning-08d9ki, #906806);
+  border-color: var(--color-text-status-warning-08d9ki, #906806);
   padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
   border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
 }
-.awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_warning_18eso_1ca00_337:focus, .awsui_button-trigger_18eso_1ca00_161:not(#\9):not(.awsui_in-filtering-token_18eso_1ca00_221).awsui_warning_18eso_1ca00_337:focus:focus {
+.awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221).awsui_warning_18eso_1wa07_337:focus, .awsui_button-trigger_18eso_1wa07_161:not(#\9):not(.awsui_in-filtering-token_18eso_1wa07_221).awsui_warning_18eso_1wa07_337:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_custom-option_18eso_1ca00_346:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_custom-option_18eso_1wa07_346:not(#\9) {
   padding-block: 0;
   padding-inline-start: 0;
   overflow: clip;
 }
-.awsui_button-trigger_18eso_1ca00_161.awsui_inline-tokens_18eso_1ca00_351:not(#\9) {
+.awsui_button-trigger_18eso_1wa07_161.awsui_inline-tokens_18eso_1wa07_351:not(#\9) {
   padding-block: 0;
 }

package/lib/internal/template/internal/components/button-trigger/styles.selectors.js CHANGED Viewed

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_1ca00_161",
-  "arrow": "awsui_arrow_18eso_1ca00_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1ca00_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1ca00_221",
-  "has-caret": "awsui_has-caret_18eso_1ca00_257",
-  "placeholder": "awsui_placeholder_18eso_1ca00_260",
-  "pressed": "awsui_pressed_18eso_1ca00_276",
-  "disabled": "awsui_disabled_18eso_1ca00_282",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1ca00_221",
-  "readonly": "awsui_readonly_18eso_1ca00_303",
-  "invalid": "awsui_invalid_18eso_1ca00_328",
-  "warning": "awsui_warning_18eso_1ca00_337",
-  "custom-option": "awsui_custom-option_18eso_1ca00_346",
-  "inline-tokens": "awsui_inline-tokens_18eso_1ca00_351"
+  "button-trigger": "awsui_button-trigger_18eso_1wa07_161",
+  "arrow": "awsui_arrow_18eso_1wa07_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1wa07_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1wa07_221",
+  "has-caret": "awsui_has-caret_18eso_1wa07_257",
+  "placeholder": "awsui_placeholder_18eso_1wa07_260",
+  "pressed": "awsui_pressed_18eso_1wa07_276",
+  "disabled": "awsui_disabled_18eso_1wa07_282",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1wa07_221",
+  "readonly": "awsui_readonly_18eso_1wa07_303",
+  "invalid": "awsui_invalid_18eso_1wa07_328",
+  "warning": "awsui_warning_18eso_1wa07_337",
+  "custom-option": "awsui_custom-option_18eso_1wa07_346",
+  "inline-tokens": "awsui_inline-tokens_18eso_1wa07_351"
 };

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 (6a213a01)";
-export var GIT_SHA = "6a213a01";
+export var PACKAGE_VERSION = "3.0.0 (350ae2f5)";
+export var GIT_SHA = "350ae2f5";
 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 (6a213a01)",
-  "GIT_SHA": "6a213a01",
+  "PACKAGE_VERSION": "3.0.0 (350ae2f5)",
+  "GIT_SHA": "350ae2f5",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,

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

@@ -337,6 +337,7 @@ export const colorBackgroundInputDefault: string;
 export const colorBackgroundInputDisabled: string;
 export const colorBackgroundItemSelected: string;
 export const colorBackgroundSideNavigationItemActive: string;
+export const colorBackgroundSideNavigationItemActiveCollapsed: string;
 export const colorBackgroundLayoutMain: string;
 export const colorBackgroundDrawer: string;
 export const colorBackgroundBackdrop: string;
@@ -358,6 +359,10 @@ export const colorBackgroundNotificationGreen: string;
 export const colorBackgroundNotificationGrey: string;
 export const colorBackgroundNotificationRed: string;
 export const colorBackgroundNotificationYellow: string;
+export const colorBackgroundFlashbarSuccess: string;
+export const colorBackgroundFlashbarError: string;
+export const colorBackgroundFlashbarInfo: string;
+export const colorBackgroundFlashbarWarning: string;
 export const colorBackgroundNotificationStackBar: string;
 export const colorBackgroundNotificationStackBarActive: string;
 export const colorBackgroundNotificationStackBarHover: string;
@@ -422,6 +427,8 @@ export const colorBorderButtonPrimaryHover: string;
 export const colorTextButtonPrimaryDisabled: string;
 export const colorItemSelected: string;
 export const colorTextSideNavigationItemActive: string;
+export const colorTextSideNavigationItemActiveCollapsed: string;
+export const colorTextSideNavigationItemDefault: string;
 export const colorBorderCalendarGrid: string;
 export const colorBorderCalendarGridSelectedFocusRing: string;
 export const colorBorderCellShaded: string;
@@ -652,6 +659,7 @@ export const fontPanelHeaderSize: string;
 export const fontSizeBodyM: string;
 export const fontSizeBodyS: string;
 export const fontSizeDisplayL: string;
+export const fontSizeDisplayXl: string;
 export const fontSizeFormLabel: string;
 export const fontSizeHeadingL: string;
 export const fontSizeHeadingM: string;
@@ -668,6 +676,7 @@ export const fontWeightBold: string;
 export const fontWeightBreadcrumbCurrent: string;
 export const fontWeightButton: string;
 export const fontWeightDisplayL: string;
+export const fontWeightDisplayXl: string;
 export const fontWeightFlashbarHeader: string;
 export const fontWeightFormLabel: string;
 export const fontWeightHeadingL: string;
@@ -683,6 +692,7 @@ export const fontWeightTabs: string;
 export const fontWeightTabsDisabled: string;
 export const letterSpacingBodyS: string;
 export const letterSpacingDisplayL: string;
+export const letterSpacingDisplayXl: string;
 export const letterSpacingHeadingL: string;
 export const letterSpacingHeadingM: string;
 export const letterSpacingHeadingS: string;
@@ -691,6 +701,7 @@ export const letterSpacingHeadingXs: string;
 export const lineHeightBodyM: string;
 export const lineHeightBodyS: string;
 export const lineHeightDisplayL: string;
+export const lineHeightDisplayXl: string;
 export const lineHeightFormLabel: string;
 export const lineHeightHeadingL: string;
 export const lineHeightHeadingM: string;
@@ -735,6 +746,8 @@ export const borderRadiusDropzone: string;
 export const borderRadiusFlashbar: string;
 export const borderRadiusInput: string;
 export const borderRadiusItem: string;
+export const borderRadiusSideNavigationItem: string;
+export const borderRadiusSideNavigationItemCollapsed: string;
 export const borderRadiusItemCardDefault: string;
 export const borderRadiusItemCardEmbedded: string;
 export const borderRadiusPopover: string;
@@ -755,6 +768,7 @@ export const borderWidthAlertBlockEnd: string;
 export const borderWidthAlertBlockStart: string;
 export const borderWidthAlertInlineEnd: string;
 export const borderWidthAlertInlineStart: string;
+export const borderWidthFlashbarInlineStart: string;
 export const borderWidthButton: string;
 export const borderWidthCard: string;
 export const borderWidthCardSelected: string;

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

@@ -314,7 +314,7 @@ export var colorTextDirectionButtonDisabled = "var(--color-text-direction-button
 export var colorBackgroundCalendarCurrentDate = "var(--color-background-calendar-current-date-sk0f6i, #f3f3f7)";
 export var colorBackgroundCellShaded = "var(--color-background-cell-shaded-v7o6so, #f6f6f9)";
 export var colorBackgroundCodeEditorGutterActiveLineDefault = "var(--color-background-code-editor-gutter-active-line-default-51v1pv, #656871)";
-export var colorBackgroundCodeEditorGutterActiveLineError = "var(--color-background-code-editor-gutter-active-line-error-ro2qo1, #db0000)";
+export var colorBackgroundCodeEditorGutterActiveLineError = "var(--color-background-code-editor-gutter-active-line-error-4tea3r, #db0000)";
 export var colorBackgroundCodeEditorGutterDefault = "var(--color-background-code-editor-gutter-default-15qdwh, #f3f3f7)";
 export var colorBackgroundCodeEditorLoading = "var(--color-background-code-editor-loading-6nwpin, #f9f9fa)";
 export var colorBackgroundCodeEditorPaneItemHover = "var(--color-background-code-editor-pane-item-hover-z6k9mr, #ebebf0)";
@@ -337,6 +337,7 @@ export var colorBackgroundInputDefault = "var(--color-background-input-default-i
 export var colorBackgroundInputDisabled = "var(--color-background-input-disabled-dihaja, #ebebf0)";
 export var colorBackgroundItemSelected = "var(--color-background-item-selected-9gppru, #f0fbff)";
 export var colorBackgroundSideNavigationItemActive = "var(--color-background-side-navigation-item-active-adfprg, transparent)";
+export var colorBackgroundSideNavigationItemActiveCollapsed = "var(--color-background-side-navigation-item-active-collapsed-ceubmy, #006ce0)";
 export var colorBackgroundLayoutMain = "var(--color-background-layout-main-5ilwcb, #ffffff)";
 export var colorBackgroundDrawer = "var(--color-background-drawer-5hs0eh, #ffffff)";
 export var colorBackgroundBackdrop = "var(--color-background-backdrop-33f45f, rgba(35, 43, 55, 0.7))";
@@ -358,6 +359,10 @@ export var colorBackgroundNotificationGreen = "var(--color-background-notificati
 export var colorBackgroundNotificationGrey = "var(--color-background-notification-grey-x3vul6, #424650)";
 export var colorBackgroundNotificationRed = "var(--color-background-notification-red-0487ea, #db0000)";
 export var colorBackgroundNotificationYellow = "var(--color-background-notification-yellow-y6us5r, #ffe347)";
+export var colorBackgroundFlashbarSuccess = "var(--color-background-flashbar-success-vw7ng1, #00802f)";
+export var colorBackgroundFlashbarError = "var(--color-background-flashbar-error-q2h7ak, #db0000)";
+export var colorBackgroundFlashbarInfo = "var(--color-background-flashbar-info-2pbjjg, #006ce0)";
+export var colorBackgroundFlashbarWarning = "var(--color-background-flashbar-warning-n9x5as, #ffe347)";
 export var colorBackgroundNotificationStackBar = "var(--color-background-notification-stack-bar-qe5n4w, #232b37)";
 export var colorBackgroundNotificationStackBarActive = "var(--color-background-notification-stack-bar-active-a4h9r8, #232b37)";
 export var colorBackgroundNotificationStackBarHover = "var(--color-background-notification-stack-bar-hover-jh82oo, #424650)";
@@ -375,14 +380,14 @@ export var colorBackgroundSliderHandleDefault = "var(--color-background-slider-h
 export var colorBackgroundSliderHandleActive = "var(--color-background-slider-handle-active-50ubqb, #004a9e)";
 export var colorBackgroundSliderTrackDefault = "var(--color-background-slider-track-default-vk2c9o, #8c8c94)";
 export var colorBackgroundSliderHandleRing = "var(--color-background-slider-handle-ring-9sfenj, #ffffff)";
-export var colorBackgroundSliderHandleErrorDefault = "var(--color-background-slider-handle-error-default-411tqq, #db0000)";
-export var colorBackgroundSliderHandleErrorActive = "var(--color-background-slider-handle-error-active-x65pfh, #db0000)";
-export var colorBackgroundSliderHandleWarningDefault = "var(--color-background-slider-handle-warning-default-or76ej, #855900)";
-export var colorBackgroundSliderHandleWarningActive = "var(--color-background-slider-handle-warning-active-7o84zp, #855900)";
-export var colorBackgroundSliderRangeErrorDefault = "var(--color-background-slider-range-error-default-b519qn, #db0000)";
-export var colorBackgroundSliderRangeErrorActive = "var(--color-background-slider-range-error-active-6bo8an, #db0000)";
-export var colorBackgroundSliderRangeWarningDefault = "var(--color-background-slider-range-warning-default-6isqvo, #855900)";
-export var colorBackgroundSliderRangeWarningActive = "var(--color-background-slider-range-warning-active-dm2pha, #855900)";
+export var colorBackgroundSliderHandleErrorDefault = "var(--color-background-slider-handle-error-default-lkvr7g, #db0000)";
+export var colorBackgroundSliderHandleErrorActive = "var(--color-background-slider-handle-error-active-juz76l, #db0000)";
+export var colorBackgroundSliderHandleWarningDefault = "var(--color-background-slider-handle-warning-default-bxdwem, #855900)";
+export var colorBackgroundSliderHandleWarningActive = "var(--color-background-slider-handle-warning-active-g2mc01, #855900)";
+export var colorBackgroundSliderRangeErrorDefault = "var(--color-background-slider-range-error-default-3mwwq7, #db0000)";
+export var colorBackgroundSliderRangeErrorActive = "var(--color-background-slider-range-error-active-jkg6yr, #db0000)";
+export var colorBackgroundSliderRangeWarningDefault = "var(--color-background-slider-range-warning-default-enwb8c, #855900)";
+export var colorBackgroundSliderRangeWarningActive = "var(--color-background-slider-range-warning-active-7pdaif, #855900)";
 export var colorBackgroundStatusError = "var(--color-background-status-error-mu3lcw, #fff5f5)";
 export var colorBackgroundStatusInfo = "var(--color-background-status-info-sfobba, #f0fbff)";
 export var colorBackgroundDialog = "var(--color-background-dialog-2fj3uu, #f0fbff)";
@@ -422,6 +427,8 @@ export var colorBorderButtonPrimaryHover = "var(--color-border-button-primary-ho
 export var colorTextButtonPrimaryDisabled = "var(--color-text-button-primary-disabled-q79gms, #8c8c94)";
 export var colorItemSelected = "var(--color-item-selected-72rnwy, #006ce0)";
 export var colorTextSideNavigationItemActive = "var(--color-text-side-navigation-item-active-w3c4dj, #006ce0)";
+export var colorTextSideNavigationItemActiveCollapsed = "var(--color-text-side-navigation-item-active-collapsed-kwpe9n, #ffffff)";
+export var colorTextSideNavigationItemDefault = "var(--color-text-side-navigation-item-default-1vcdej, #424650)";
 export var colorBorderCalendarGrid = "var(--color-border-calendar-grid-67r4w4, transparent)";
 export var colorBorderCalendarGridSelectedFocusRing = "var(--color-border-calendar-grid-selected-focus-ring-jk1fb0, #f9f9fa)";
 export var colorBorderCellShaded = "var(--color-border-cell-shaded-0ipazf, #dedee3)";
@@ -586,11 +593,11 @@ export var colorTextSegmentActive = "var(--color-text-segment-active-hlorbe, #ff
 export var colorTextSegmentDefault = "var(--color-text-segment-default-vi2vn9, #424650)";
 export var colorTextSegmentHover = "var(--color-text-segment-hover-65a2x8, #002b66)";
 export var colorTextSmall = "var(--color-text-small-m1tr70, #656871)";
-export var colorTextStatusError = "var(--color-text-status-error-ksqavh, #db0000)";
+export var colorTextStatusError = "var(--color-text-status-error-bwp1cm, #db0000)";
 export var colorTextStatusInactive = "var(--color-text-status-inactive-gy7337, #656871)";
-export var colorTextStatusInfo = "var(--color-text-status-info-ue8bd2, #006ce0)";
-export var colorTextStatusSuccess = "var(--color-text-status-success-ybmii8, #00802f)";
-export var colorTextStatusWarning = "var(--color-text-status-warning-6meo06, #855900)";
+export var colorTextStatusInfo = "var(--color-text-status-info-2ftgrk, #006ce0)";
+export var colorTextStatusSuccess = "var(--color-text-status-success-r9s7ha, #00802f)";
+export var colorTextStatusWarning = "var(--color-text-status-warning-ylxn5k, #855900)";
 export var colorTextTopNavigationTitle = "var(--color-text-top-navigation-title-en0v40, #0f141a)";
 export var colorTextTutorialHotspotDefault = "var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0)";
 export var colorTextTutorialHotspotHover = "var(--color-text-tutorial-hotspot-hover-92pxog, #002b66)";
@@ -652,6 +659,7 @@ export var fontPanelHeaderSize = "var(--font-panel-header-size-33h9j8, 18px)";
 export var fontSizeBodyM = "var(--font-size-body-m-a7nh2n, 14px)";
 export var fontSizeBodyS = "var(--font-size-body-s-smc8cv, 12px)";
 export var fontSizeDisplayL = "var(--font-size-display-l-wa6woo, 42px)";
+export var fontSizeDisplayXl = "var(--font-size-display-xl-twzhl4, 64px)";
 export var fontSizeFormLabel = "var(--font-size-form-label-mxiqd7, 14px)";
 export var fontSizeHeadingL = "var(--font-size-heading-l-vnacx6, 20px)";
 export var fontSizeHeadingM = "var(--font-size-heading-m-170yiy, 18px)";
@@ -668,6 +676,7 @@ export var fontWeightBold = "var(--font-weight-bold-fo1afg, 700)";
 export var fontWeightBreadcrumbCurrent = "var(--font-weight-breadcrumb-current-v39mbh, 700)";
 export var fontWeightButton = "var(--font-weight-button-0eg20c, 700)";
 export var fontWeightDisplayL = "var(--font-weight-display-l-h5zsi8, 700)";
+export var fontWeightDisplayXl = "var(--font-weight-display-xl-pdx6bm, 400)";
 export var fontWeightFlashbarHeader = "var(--font-weight-flashbar-header-fg5kye, 700)";
 export var fontWeightFormLabel = "var(--font-weight-form-label-mrg9ef, 700)";
 export var fontWeightHeadingL = "var(--font-weight-heading-l-0t6dwc, 700)";
@@ -683,6 +692,7 @@ export var fontWeightTabs = "var(--font-weight-tabs-ichxzl, 700)";
 export var fontWeightTabsDisabled = "var(--font-weight-tabs-disabled-v5r551, 700)";
 export var letterSpacingBodyS = "var(--letter-spacing-body-s-gq78ok, 0.005em)";
 export var letterSpacingDisplayL = "var(--letter-spacing-display-l-elyyxk, -0.03em)";
+export var letterSpacingDisplayXl = "var(--letter-spacing-display-xl-yptw1j, -0.03em)";
 export var letterSpacingHeadingL = "var(--letter-spacing-heading-l-5v6ibv, -0.015em)";
 export var letterSpacingHeadingM = "var(--letter-spacing-heading-m-29ewnk, -0.010em)";
 export var letterSpacingHeadingS = "var(--letter-spacing-heading-s-4st9ep, -0.005em)";
@@ -691,6 +701,7 @@ export var letterSpacingHeadingXs = "var(--letter-spacing-heading-xs-fgog7a, nor
 export var lineHeightBodyM = "var(--line-height-body-m-2mh3ke, 20px)";
 export var lineHeightBodyS = "var(--line-height-body-s-nu5hx1, 16px)";
 export var lineHeightDisplayL = "var(--line-height-display-l-vwanzp, 48px)";
+export var lineHeightDisplayXl = "var(--line-height-display-xl-e5ij0u, 72px)";
 export var lineHeightFormLabel = "var(--line-height-form-label-asu26u, 20px)";
 export var lineHeightHeadingL = "var(--line-height-heading-l-mg5bx6, 24px)";
 export var lineHeightHeadingM = "var(--line-height-heading-m-uoaqdh, 22px)";
@@ -735,6 +746,8 @@ export var borderRadiusDropzone = "var(--border-radius-dropzone-eklq14, 12px)";
 export var borderRadiusFlashbar = "var(--border-radius-flashbar-pp1ptu, 12px)";
 export var borderRadiusInput = "var(--border-radius-input-7q0str, 8px)";
 export var borderRadiusItem = "var(--border-radius-item-iwaia5, 8px)";
+export var borderRadiusSideNavigationItem = "var(--border-radius-side-navigation-item-okro0s, 8px)";
+export var borderRadiusSideNavigationItemCollapsed = "var(--border-radius-side-navigation-item-collapsed-e8960w, 50%)";
 export var borderRadiusItemCardDefault = "var(--border-radius-item-card-default-pi9u8q, 16px)";
 export var borderRadiusItemCardEmbedded = "var(--border-radius-item-card-embedded-l0g6e3, 8px)";
 export var borderRadiusPopover = "var(--border-radius-popover-6fqb5w, 8px)";
@@ -755,6 +768,7 @@ export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42
 export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
 export var borderWidthAlertInlineEnd = "var(--border-width-alert-inline-end-9s426v, 2px)";
 export var borderWidthAlertInlineStart = "var(--border-width-alert-inline-start-gjm6m1, 2px)";
+export var borderWidthFlashbarInlineStart = "var(--border-width-flashbar-inline-start-exuaev, 0px)";
 export var borderWidthButton = "var(--border-width-button-jm0qg7, 2px)";
 export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
 export var borderWidthCardSelected = "var(--border-width-card-selected-01i6br, 2px)";