npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1323 → 3.0.1325 - Mend

@cloudscape-design/components-themeable 3.0.1323 → 3.0.1325

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

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 (7f6f93b2)";
-export var GIT_SHA = "7f6f93b2";
+export var PACKAGE_VERSION = "3.0.0 (45502c04)";
+export var GIT_SHA = "45502c04";
 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 (7f6f93b2)",
-  "GIT_SHA": "7f6f93b2",
+  "PACKAGE_VERSION": "3.0.0 (45502c04)",
+  "GIT_SHA": "45502c04",
   "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;
@@ -739,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;
@@ -759,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)";
@@ -739,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)";
@@ -759,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)";