npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.3 → 3.0.6 - Mend

@cloudscape-design/components-themeable 3.0.3 → 3.0.6

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

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

@@ -223,7 +223,7 @@
   --color-border-button-normal-hover-993ry7:#16191f;
   --color-border-button-primary-disabled-exj7lz:#d5dbdb;
   --color-border-calendar-grid-54zscx:#eaeded;
-  --color-border-calendar-grid-selected-focus-ring-6je1up:#00a1c9;
+  --color-border-calendar-grid-selected-focus-ring-vzbqhb:#0073bb;
   --color-border-code-editor-ace-active-line-light-theme-wvvw7v:#d5dbdb;
   --color-border-code-editor-ace-active-line-dark-theme-48wwb3:#687078;
   --color-border-code-editor-default-41f0h6:#d5dbdb;
@@ -246,7 +246,7 @@
   --color-border-dropdown-item-top-3kvhpl:#eaeded;
   --color-border-input-default-94d18j:#aab7b8;
   --color-border-input-disabled-ek5o0x:#eaeded;
-  --color-border-item-focused-bs10w5:#00a1c9;
+  --color-border-item-focused-n5kd8g:#0073bb;
   --color-border-item-placeholder-wtgwev:transparent;
   --color-border-item-selected-pr9yuf:#00a1c9;
   --color-border-layout-ifju5o:#d5dbdb;
@@ -567,6 +567,7 @@
   --shadow-split-bottom-nxe040:0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3);
   --shadow-split-side-dzdo00:0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   --shadow-sticky-thyisb:0px 1px 4px -2px rgba(0, 28, 36, 0.5);
+  --shadow-sticky-embedded-5acv0s:0px 1px 4px -2px rgba(0, 28, 36, 0.5);
 }
 .awsui-dark-mode:not(#\9) {
@@ -783,6 +784,7 @@
   --color-border-button-normal-hover-993ry7:#aab7b8;
   --color-border-button-primary-disabled-exj7lz:#414750;
   --color-border-calendar-grid-54zscx:#414750;
+  --color-border-calendar-grid-selected-focus-ring-vzbqhb:#00a1c9;
   --color-border-code-editor-default-41f0h6:#687078;
   --color-border-code-editor-pane-item-hover-ibrahi:#879596;
   --color-border-container-divider-z203b8:#414750;
@@ -797,6 +799,7 @@
   --color-border-dropdown-item-top-3kvhpl:#414750;
   --color-border-input-default-94d18j:#879596;
   --color-border-input-disabled-ek5o0x:#414750;
+  --color-border-item-focused-n5kd8g:#00a1c9;
   --color-border-layout-ifju5o:#414750;
   --color-border-popover-jq2u63:#545b64;
   --color-border-segment-active-9wobfw:#ffffff;
@@ -898,6 +901,7 @@
   --shadow-split-bottom-nxe040:0 -2px 1px -1px rgba(0, 0, 0, 0.3), 0 -1px 1px -1px rgba(0, 0, 0, 0.3);
   --shadow-split-side-dzdo00:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
   --shadow-sticky-thyisb:0px 1px 4px -2px rgba(0, 0, 0, 0.5);
+  --shadow-sticky-embedded-5acv0s:0px 1px 4px -2px rgba(0, 0, 0, 0.5);
 }
 .awsui-compact-mode:not(#\9) {
@@ -1013,6 +1017,7 @@
   --color-border-button-normal-hover-993ry7:#aab7b8;
   --color-border-button-primary-disabled-exj7lz:#414750;
   --color-border-calendar-grid-54zscx:#414750;
+  --color-border-calendar-grid-selected-focus-ring-vzbqhb:#00a1c9;
   --color-border-code-editor-default-41f0h6:#687078;
   --color-border-code-editor-pane-item-hover-ibrahi:#879596;
   --color-border-container-divider-z203b8:#414750;
@@ -1027,6 +1032,7 @@
   --color-border-dropdown-item-top-3kvhpl:#414750;
   --color-border-input-default-94d18j:#879596;
   --color-border-input-disabled-ek5o0x:#414750;
+  --color-border-item-focused-n5kd8g:#00a1c9;
   --color-border-layout-ifju5o:#414750;
   --color-border-popover-jq2u63:#545b64;
   --color-border-segment-active-9wobfw:#ffffff;
@@ -1183,7 +1189,7 @@
   --color-border-button-normal-hover-993ry7:#033160;
   --color-border-button-primary-disabled-exj7lz:#e9ebed;
   --color-border-calendar-grid-54zscx:transparent;
-  --color-border-calendar-grid-selected-focus-ring-6je1up:#fbfbfb;
+  --color-border-calendar-grid-selected-focus-ring-vzbqhb:#fbfbfb;
   --color-border-code-editor-ace-active-line-light-theme-wvvw7v:#d1d5db;
   --color-border-code-editor-ace-active-line-dark-theme-48wwb3:#5f6b7a;
   --color-border-code-editor-default-41f0h6:#d1d5db;
@@ -1206,7 +1212,7 @@
   --color-border-dropdown-item-top-3kvhpl:transparent;
   --color-border-input-default-94d18j:#9ba7b6;
   --color-border-input-disabled-ek5o0x:#e9ebed;
-  --color-border-item-focused-bs10w5:#0972d3;
+  --color-border-item-focused-n5kd8g:#0972d3;
   --color-border-item-placeholder-wtgwev:#0972d3;
   --color-border-item-selected-pr9yuf:#0972d3;
   --color-border-layout-ifju5o:#d1d5db;
@@ -1436,6 +1442,7 @@
   --shadow-split-bottom-nxe040:0px -36px 36px -36px rgba(0, 7, 22, 0.10);
   --shadow-split-side-dzdo00:-1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.10);
   --shadow-sticky-thyisb:0px 4px 20px 1px rgba(0, 7, 22, 0.10);
+  --shadow-sticky-embedded-5acv0s:0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.10);
 }
 .awsui-dark-mode.awsui-visual-refresh:not(#\9) {
@@ -1503,7 +1510,7 @@
   --color-border-button-normal-disabled-7btdw0:#5f6b7a;
   --color-border-button-normal-hover-993ry7:#89bdee;
   --color-border-button-primary-disabled-exj7lz:#354150;
-  --color-border-calendar-grid-selected-focus-ring-6je1up:#0f1b2a;
+  --color-border-calendar-grid-selected-focus-ring-vzbqhb:#0f1b2a;
   --color-border-code-editor-default-41f0h6:#5f6b7a;
   --color-border-code-editor-pane-item-hover-ibrahi:#5f6b7a;
   --color-border-control-checked-9uv01j:#539fe5;
@@ -1518,7 +1525,7 @@
   --color-border-dropdown-item-selected-bzuxys:#539fe5;
   --color-border-input-default-94d18j:#5f6b7a;
   --color-border-input-disabled-ek5o0x:#192534;
-  --color-border-item-focused-bs10w5:#539fe5;
+  --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
   --color-border-item-selected-pr9yuf:#539fe5;
   --color-border-layout-ifju5o:#354150;
@@ -1626,6 +1633,7 @@
   --shadow-split-bottom-nxe040:0px -36px 36px -36px rgba(0, 7, 22, 1);
   --shadow-split-side-dzdo00:-1px 0px 1px 0px #192534, -36px 6px 36px -36px rgba(0, 7, 22, 1);
   --shadow-sticky-thyisb:0px 4px 20px 1px rgba(0, 7, 22, 1);
+  --shadow-sticky-embedded-5acv0s:0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1);
 }
 .awsui-compact-mode.awsui-visual-refresh:not(#\9) {
@@ -1713,7 +1721,7 @@
   --color-border-button-normal-hover-993ry7:#89bdee;
   --color-border-button-primary-disabled-exj7lz:#354150;
   --color-border-calendar-grid-54zscx:transparent;
-  --color-border-calendar-grid-selected-focus-ring-6je1up:#0f1b2a;
+  --color-border-calendar-grid-selected-focus-ring-vzbqhb:#0f1b2a;
   --color-border-code-editor-default-41f0h6:#5f6b7a;
   --color-border-code-editor-pane-item-hover-ibrahi:#5f6b7a;
   --color-border-container-divider-z203b8:transparent;
@@ -1732,7 +1740,7 @@
   --color-border-dropdown-item-top-3kvhpl:transparent;
   --color-border-input-default-94d18j:#5f6b7a;
   --color-border-input-disabled-ek5o0x:#192534;
-  --color-border-item-focused-bs10w5:#539fe5;
+  --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
   --color-border-item-selected-pr9yuf:#539fe5;
   --color-border-layout-ifju5o:#354150;
@@ -1888,7 +1896,7 @@
   --color-border-button-normal-disabled-7btdw0:#5f6b7a;
   --color-border-button-normal-hover-993ry7:#89bdee;
   --color-border-button-primary-disabled-exj7lz:#354150;
-  --color-border-calendar-grid-selected-focus-ring-6je1up:#0f1b2a;
+  --color-border-calendar-grid-selected-focus-ring-vzbqhb:#0f1b2a;
   --color-border-code-editor-default-41f0h6:#5f6b7a;
   --color-border-code-editor-pane-item-hover-ibrahi:#5f6b7a;
   --color-border-control-checked-9uv01j:#539fe5;
@@ -1903,7 +1911,7 @@
   --color-border-dropdown-item-selected-bzuxys:#539fe5;
   --color-border-input-default-94d18j:#5f6b7a;
   --color-border-input-disabled-ek5o0x:#192534;
-  --color-border-item-focused-bs10w5:#539fe5;
+  --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
   --color-border-item-selected-pr9yuf:#539fe5;
   --color-border-layout-ifju5o:#354150;
@@ -2059,7 +2067,7 @@
   --color-border-button-normal-disabled-7btdw0:#5f6b7a;
   --color-border-button-normal-hover-993ry7:#89bdee;
   --color-border-button-primary-disabled-exj7lz:#354150;
-  --color-border-calendar-grid-selected-focus-ring-6je1up:#0f1b2a;
+  --color-border-calendar-grid-selected-focus-ring-vzbqhb:#0f1b2a;
   --color-border-code-editor-default-41f0h6:#5f6b7a;
   --color-border-code-editor-pane-item-hover-ibrahi:#5f6b7a;
   --color-border-control-checked-9uv01j:#539fe5;
@@ -2074,7 +2082,7 @@
   --color-border-dropdown-item-selected-bzuxys:#539fe5;
   --color-border-input-default-94d18j:#5f6b7a;
   --color-border-input-disabled-ek5o0x:#192534;
-  --color-border-item-focused-bs10w5:#539fe5;
+  --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
   --color-border-item-selected-pr9yuf:#539fe5;
   --color-border-layout-ifju5o:#354150;
@@ -2178,6 +2186,7 @@
   --shadow-split-bottom-nxe040:0px -36px 36px -36px rgba(0, 7, 22, 1);
   --shadow-split-side-dzdo00:-1px 0px 1px 0px #192534, -36px 6px 36px -36px rgba(0, 7, 22, 1);
   --shadow-sticky-thyisb:0px 4px 20px 1px rgba(0, 7, 22, 1);
+  --shadow-sticky-embedded-5acv0s:0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1);
 }
 .awsui-context-content-header.awsui-visual-refresh:not(#\9) {
@@ -2238,7 +2247,7 @@
   --color-border-button-normal-disabled-7btdw0:#5f6b7a;
   --color-border-button-normal-hover-993ry7:#89bdee;
   --color-border-button-primary-disabled-exj7lz:#354150;
-  --color-border-calendar-grid-selected-focus-ring-6je1up:#0f1b2a;
+  --color-border-calendar-grid-selected-focus-ring-vzbqhb:#0f1b2a;
   --color-border-code-editor-default-41f0h6:#5f6b7a;
   --color-border-code-editor-pane-item-hover-ibrahi:#5f6b7a;
   --color-border-control-checked-9uv01j:#539fe5;
@@ -2253,7 +2262,7 @@
   --color-border-dropdown-item-selected-bzuxys:#539fe5;
   --color-border-input-default-94d18j:#5f6b7a;
   --color-border-input-disabled-ek5o0x:#192534;
-  --color-border-item-focused-bs10w5:#539fe5;
+  --color-border-item-focused-n5kd8g:#539fe5;
   --color-border-item-placeholder-wtgwev:#539fe5;
   --color-border-item-selected-pr9yuf:#539fe5;
   --color-border-layout-ifju5o:#354150;
@@ -2357,6 +2366,7 @@
   --shadow-split-bottom-nxe040:0px -36px 36px -36px rgba(0, 7, 22, 1);
   --shadow-split-side-dzdo00:-1px 0px 1px 0px #192534, -36px 6px 36px -36px rgba(0, 7, 22, 1);
   --shadow-sticky-thyisb:0px 4px 20px 1px rgba(0, 7, 22, 1);
+  --shadow-sticky-embedded-5acv0s:0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1);
 }
 .awsui-visual-refresh .awsui-context-flashbar:not(#\9) {
@@ -2370,7 +2380,7 @@
   --color-border-button-normal-active-mkds03:#ffffff;
   --color-border-button-normal-default-d57sob:#fbfbfb;
   --color-border-button-normal-hover-993ry7:#ffffff;
-  --color-border-item-focused-bs10w5:#fbfbfb;
+  --color-border-item-focused-n5kd8g:#fbfbfb;
   --color-text-button-normal-active-hvhe2o:#ffffff;
   --color-text-button-normal-default-kwrutp:#fbfbfb;
   --color-text-button-normal-hover-de4793:#ffffff;
@@ -2390,7 +2400,7 @@
   --color-border-button-normal-active-mkds03:#ffffff;
   --color-border-button-normal-default-d57sob:#fbfbfb;
   --color-border-button-normal-hover-993ry7:#ffffff;
-  --color-border-item-focused-bs10w5:#fbfbfb;
+  --color-border-item-focused-n5kd8g:#fbfbfb;
   --color-text-button-normal-active-hvhe2o:#ffffff;
   --color-text-button-normal-default-kwrutp:#fbfbfb;
   --color-text-button-normal-hover-de4793:#ffffff;
@@ -2441,7 +2451,7 @@
   --color-border-button-normal-active-mkds03:#ffffff;
   --color-border-button-normal-default-d57sob:#d1d5db;
   --color-border-button-normal-hover-993ry7:#ffffff;
-  --color-border-item-focused-bs10w5:#fbfbfb;
+  --color-border-item-focused-n5kd8g:#fbfbfb;
   --color-text-button-normal-active-hvhe2o:#ffffff;
   --color-text-button-normal-default-kwrutp:#d1d5db;
   --color-text-button-normal-hover-de4793:#ffffff;
@@ -2456,7 +2466,7 @@
   --color-border-button-normal-active-mkds03:#ffffff;
   --color-border-button-normal-default-d57sob:#d1d5db;
   --color-border-button-normal-hover-993ry7:#ffffff;
-  --color-border-item-focused-bs10w5:#fbfbfb;
+  --color-border-item-focused-n5kd8g:#fbfbfb;
   --color-text-button-normal-active-hvhe2o:#ffffff;
   --color-text-button-normal-default-kwrutp:#d1d5db;
   --color-text-button-normal-hover-de4793:#ffffff;

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

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_1sw4s_97",
-  "arrow": "awsui_arrow_18eso_1sw4s_97",
-  "has-caret": "awsui_has-caret_18eso_1sw4s_135",
-  "placeholder": "awsui_placeholder_18eso_1sw4s_138",
-  "pressed": "awsui_pressed_18eso_1sw4s_151",
-  "disabled": "awsui_disabled_18eso_1sw4s_154",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1sw4s_163",
-  "read-only": "awsui_read-only_18eso_1sw4s_169",
-  "invalid": "awsui_invalid_18eso_1sw4s_186"
+  "button-trigger": "awsui_button-trigger_18eso_1sl75_97",
+  "arrow": "awsui_arrow_18eso_1sl75_97",
+  "has-caret": "awsui_has-caret_18eso_1sl75_135",
+  "placeholder": "awsui_placeholder_18eso_1sl75_138",
+  "pressed": "awsui_pressed_18eso_1sl75_151",
+  "disabled": "awsui_disabled_18eso_1sl75_154",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1sl75_163",
+  "read-only": "awsui_read-only_18eso_1sl75_169",
+  "invalid": "awsui_invalid_18eso_1sl75_186"
 };

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

@@ -94,17 +94,17 @@ 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_1sw4s_97 > .awsui_arrow_18eso_1sw4s_97:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97 > .awsui_arrow_18eso_1sl75_97:not(#\9) {
   transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
   transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_1sw4s_97 > .awsui_arrow_18eso_1sw4s_97:not(#\9) {
+  .awsui_button-trigger_18eso_1sl75_97 > .awsui_arrow_18eso_1sl75_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_1sw4s_97 > .awsui_arrow_18eso_1sw4s_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1sw4s_97 > .awsui_arrow_18eso_1sw4s_97:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_1sl75_97 > .awsui_arrow_18eso_1sl75_97:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_1sl75_97 > .awsui_arrow_18eso_1sl75_97:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -113,7 +113,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_button-trigger_18eso_1sw4s_97:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -169,16 +169,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   min-height: 32px;
   min-height: var(--size-vertical-input-ikahdk, 32px);
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_has-caret_18eso_1sw4s_135:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97.awsui_has-caret_18eso_1sl75_135:not(#\9) {
   padding-right: 32px;
   padding-right: var(--space-field-icon-offset-alfd6o, 32px);
 }
-.awsui_button-trigger_18eso_1sw4s_97 > .awsui_placeholder_18eso_1sw4s_138:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97 > .awsui_placeholder_18eso_1sl75_138:not(#\9) {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_1sw4s_97 > .awsui_arrow_18eso_1sw4s_97:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97 > .awsui_arrow_18eso_1sl75_97:not(#\9) {
   position: absolute;
   right: 8px;
   right: var(--space-field-horizontal-z3i1c8, 8px);
@@ -187,14 +187,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: #545b64;
   color: var(--color-text-button-inline-icon-default-qhj7jl, #545b64);
 }
-.awsui_button-trigger_18eso_1sw4s_97:not(#\9):hover > .awsui_arrow_18eso_1sw4s_97 {
+.awsui_button-trigger_18eso_1sl75_97:not(#\9):hover > .awsui_arrow_18eso_1sl75_97 {
   color: #16191f;
   color: var(--color-text-button-inline-icon-hover-84mkuo, #16191f);
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_pressed_18eso_1sw4s_151 > .awsui_arrow_18eso_1sw4s_97:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97.awsui_pressed_18eso_1sl75_151 > .awsui_arrow_18eso_1sl75_97:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_disabled_18eso_1sw4s_154:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97.awsui_disabled_18eso_1sl75_154:not(#\9) {
   background-color: #eaeded;
   background-color: var(--color-background-input-disabled-5vlksk, #eaeded);
   border: 1px solid #eaeded;
@@ -203,41 +203,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-input-disabled-zfb02z, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_disabled_18eso_1sw4s_154 > .awsui_arrow_18eso_1sw4s_97:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97.awsui_disabled_18eso_1sl75_154 > .awsui_arrow_18eso_1sl75_97:not(#\9) {
   color: #aab7b8;
   color: var(--color-text-button-inline-icon-disabled-sesloi, #aab7b8);
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_disabled_18eso_1sw4s_154.awsui_in-filtering-token_18eso_1sw4s_163:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97.awsui_disabled_18eso_1sl75_154.awsui_in-filtering-token_18eso_1sl75_163:not(#\9) {
   border-color: #d5dbdb;
   border-color: var(--color-border-control-disabled-zgidl5, #d5dbdb);
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_disabled_18eso_1sw4s_154 > .awsui_placeholder_18eso_1sw4s_138:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97.awsui_disabled_18eso_1sl75_154 > .awsui_placeholder_18eso_1sl75_138:not(#\9) {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_read-only_18eso_1sw4s_169:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97.awsui_read-only_18eso_1sl75_169:not(#\9) {
   background-color: #ffffff;
   background-color: var(--color-background-input-default-ewlytp, #ffffff);
   border: 1px solid #eaeded;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-input-disabled-ek5o0x, #eaeded);
 }
-.awsui_button-trigger_18eso_1sw4s_97:not(#\9):focus {
+.awsui_button-trigger_18eso_1sl75_97:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_button-trigger_18eso_1sw4s_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sw4s_163)[data-awsui-focus-visible=true]:focus {
+.awsui_button-trigger_18eso_1sl75_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sl75_163)[data-awsui-focus-visible=true]:focus {
   outline: 2px dotted transparent;
-  border: 1px solid #00a1c9;
-  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-bs10w5, #00a1c9);
+  border: 1px solid #0073bb;
+  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: 2px;
   border-radius: var(--border-field-radius-9emqsd, 2px);
-  box-shadow: 0 0 0 1px #00a1c9;
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 1px #0073bb;
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_button-trigger_18eso_1sw4s_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sw4s_163):invalid {
+.awsui_button-trigger_18eso_1sl75_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sl75_163):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_1sw4s_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sw4s_163).awsui_invalid_18eso_1sw4s_186, .awsui_button-trigger_18eso_1sw4s_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sw4s_163).awsui_invalid_18eso_1sw4s_186:focus {
+.awsui_button-trigger_18eso_1sl75_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sl75_163).awsui_invalid_18eso_1sl75_186, .awsui_button-trigger_18eso_1sl75_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sl75_163).awsui_invalid_18eso_1sl75_186:focus {
   color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
   border-color: #d13212;
@@ -251,26 +251,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-left-width: 4px;
   border-left-width: var(--border-invalid-width-glmng5, 4px);
 }
-.awsui_button-trigger_18eso_1sw4s_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sw4s_163).awsui_invalid_18eso_1sw4s_186:focus, .awsui_button-trigger_18eso_1sw4s_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sw4s_163).awsui_invalid_18eso_1sw4s_186:focus:focus {
-  box-shadow: 0 0 0 1px #00a1c9;
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-6t5p47, 1px) var(--color-border-item-focused-bs10w5, #00a1c9);
+.awsui_button-trigger_18eso_1sl75_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sl75_163).awsui_invalid_18eso_1sl75_186:focus, .awsui_button-trigger_18eso_1sl75_97:not(#\9):not(.awsui_in-filtering-token_18eso_1sl75_163).awsui_invalid_18eso_1sl75_186:focus:focus {
+  box-shadow: 0 0 0 1px #0073bb;
+  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-6t5p47, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_in-filtering-token_18eso_1sw4s_163:not(#\9) {
+.awsui_button-trigger_18eso_1sl75_97.awsui_in-filtering-token_18eso_1sl75_163:not(#\9) {
   border-color: #00a1c9;
   border-color: var(--color-border-item-selected-pr9yuf, #00a1c9);
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   height: 100%;
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_in-filtering-token_18eso_1sw4s_163[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_button-trigger_18eso_1sl75_97.awsui_in-filtering-token_18eso_1sl75_163[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_in-filtering-token_18eso_1sw4s_163[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_button-trigger_18eso_1sl75_97.awsui_in-filtering-token_18eso_1sl75_163[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-0nruvp, 0px) - 1px);
 }
-.awsui_button-trigger_18eso_1sw4s_97.awsui_in-filtering-token_18eso_1sw4s_163[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_button-trigger_18eso_1sl75_97.awsui_in-filtering-token_18eso_1sl75_163[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -284,6 +284,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(100% + 2 * var(--space-filtering-token-operation-select-focus-outline-gutter-0nruvp, 0px));
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 2px #00a1c9;
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 2px #0073bb;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_1sw4s_97",
-  "arrow": "awsui_arrow_18eso_1sw4s_97",
-  "has-caret": "awsui_has-caret_18eso_1sw4s_135",
-  "placeholder": "awsui_placeholder_18eso_1sw4s_138",
-  "pressed": "awsui_pressed_18eso_1sw4s_151",
-  "disabled": "awsui_disabled_18eso_1sw4s_154",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_1sw4s_163",
-  "read-only": "awsui_read-only_18eso_1sw4s_169",
-  "invalid": "awsui_invalid_18eso_1sw4s_186"
+  "button-trigger": "awsui_button-trigger_18eso_1sl75_97",
+  "arrow": "awsui_arrow_18eso_1sl75_97",
+  "has-caret": "awsui_has-caret_18eso_1sl75_135",
+  "placeholder": "awsui_placeholder_18eso_1sl75_138",
+  "pressed": "awsui_pressed_18eso_1sl75_151",
+  "disabled": "awsui_disabled_18eso_1sl75_154",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1sl75_163",
+  "read-only": "awsui_read-only_18eso_1sl75_169",
+  "invalid": "awsui_invalid_18eso_1sl75_186"
 };

package/lib/internal/template/internal/components/cartesian-chart/styles.css.js CHANGED Viewed

@@ -1,26 +1,26 @@
     import './styles.scoped.css';
     export default {
-  "axis": "awsui_axis_f0fot_np3w1_9",
-  "vertical-marker": "awsui_vertical-marker_f0fot_np3w1_10",
-  "axis--emphasized": "awsui_axis--emphasized_f0fot_np3w1_15",
-  "axis-label": "awsui_axis-label_f0fot_np3w1_19",
-  "axis-label--x": "awsui_axis-label--x_f0fot_np3w1_24",
-  "axis-label--y": "awsui_axis-label--y_f0fot_np3w1_25",
-  "grid": "awsui_grid_f0fot_np3w1_29",
-  "ticks__line": "awsui_ticks__line_f0fot_np3w1_34",
-  "ticks__text": "awsui_ticks__text_f0fot_np3w1_39",
-  "ticks--y": "awsui_ticks--y_f0fot_np3w1_44",
-  "ticks--x": "awsui_ticks--x_f0fot_np3w1_45",
-  "ticks--bottom": "awsui_ticks--bottom_f0fot_np3w1_49",
-  "labels-left": "awsui_labels-left_f0fot_np3w1_54",
-  "ticks": "awsui_ticks_f0fot_np3w1_34",
-  "labels-left__label": "awsui_labels-left__label_f0fot_np3w1_69",
-  "labels-left--hidden": "awsui_labels-left--hidden_f0fot_np3w1_73",
-  "labels-bottom": "awsui_labels-bottom_f0fot_np3w1_81",
-  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_np3w1_92",
-  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_np3w1_98",
-  "focus-outline": "awsui_focus-outline_f0fot_np3w1_103",
-  "filter-container": "awsui_filter-container_f0fot_np3w1_111"
+  "axis": "awsui_axis_f0fot_47sbx_9",
+  "vertical-marker": "awsui_vertical-marker_f0fot_47sbx_10",
+  "axis--emphasized": "awsui_axis--emphasized_f0fot_47sbx_15",
+  "axis-label": "awsui_axis-label_f0fot_47sbx_19",
+  "axis-label--x": "awsui_axis-label--x_f0fot_47sbx_24",
+  "axis-label--y": "awsui_axis-label--y_f0fot_47sbx_25",
+  "grid": "awsui_grid_f0fot_47sbx_29",
+  "ticks__line": "awsui_ticks__line_f0fot_47sbx_34",
+  "ticks__text": "awsui_ticks__text_f0fot_47sbx_39",
+  "ticks--y": "awsui_ticks--y_f0fot_47sbx_44",
+  "ticks--x": "awsui_ticks--x_f0fot_47sbx_45",
+  "ticks--bottom": "awsui_ticks--bottom_f0fot_47sbx_49",
+  "labels-left": "awsui_labels-left_f0fot_47sbx_54",
+  "ticks": "awsui_ticks_f0fot_47sbx_34",
+  "labels-left__label": "awsui_labels-left__label_f0fot_47sbx_69",
+  "labels-left--hidden": "awsui_labels-left--hidden_f0fot_47sbx_73",
+  "labels-bottom": "awsui_labels-bottom_f0fot_47sbx_81",
+  "vertical-marker-circle": "awsui_vertical-marker-circle_f0fot_47sbx_92",
+  "vertical-marker-circle-active": "awsui_vertical-marker-circle-active_f0fot_47sbx_98",
+  "focus-outline": "awsui_focus-outline_f0fot_47sbx_103",
+  "filter-container": "awsui_filter-container_f0fot_47sbx_111"
 };

package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css CHANGED Viewed

@@ -6,96 +6,96 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_axis_f0fot_np3w1_9:not(#\9),
-.awsui_vertical-marker_f0fot_np3w1_10:not(#\9) {
+.awsui_axis_f0fot_47sbx_9:not(#\9),
+.awsui_vertical-marker_f0fot_47sbx_10:not(#\9) {
   stroke: #d5dbdb;
   stroke: var(--color-charts-line-axis-wprqas, #d5dbdb);
   stroke-width: 1px;
 }
-.awsui_axis--emphasized_f0fot_np3w1_15:not(#\9) {
+.awsui_axis--emphasized_f0fot_47sbx_15:not(#\9) {
   stroke-width: 2px;
 }
-.awsui_axis-label_f0fot_np3w1_19:not(#\9) {
+.awsui_axis-label_f0fot_47sbx_19:not(#\9) {
   font-weight: bold;
   fill: #16191f;
   fill: var(--color-text-body-default-7m2b3r, #16191f);
 }
-.awsui_axis-label--x_f0fot_np3w1_24:not(#\9),
-.awsui_axis-label--y_f0fot_np3w1_25:not(#\9) {
+.awsui_axis-label--x_f0fot_47sbx_24:not(#\9),
+.awsui_axis-label--y_f0fot_47sbx_25:not(#\9) {
   /* used in test-utils */
 }
-.awsui_grid_f0fot_np3w1_29:not(#\9) {
+.awsui_grid_f0fot_47sbx_29:not(#\9) {
   stroke: #d5dbdb;
   stroke: var(--color-charts-line-grid-zjz2dj, #d5dbdb);
   stroke-width: 1px;
 }
-.awsui_ticks__line_f0fot_np3w1_34:not(#\9) {
+.awsui_ticks__line_f0fot_47sbx_34:not(#\9) {
   stroke: #d5dbdb;
   stroke: var(--color-charts-line-tick-qwh0yx, #d5dbdb);
   stroke-width: 1px;
 }
-.awsui_ticks__text_f0fot_np3w1_39:not(#\9) {
+.awsui_ticks__text_f0fot_47sbx_39:not(#\9) {
   font-size: 14px;
   font-size: var(--font-chart-detail-size-viz5mm, 14px);
   fill: #545b64;
   fill: var(--color-text-body-secondary-u912t7, #545b64);
 }
-.awsui_ticks--y_f0fot_np3w1_44:not(#\9),
-.awsui_ticks--x_f0fot_np3w1_45:not(#\9) {
+.awsui_ticks--y_f0fot_47sbx_44:not(#\9),
+.awsui_ticks--x_f0fot_47sbx_45:not(#\9) {
   /* used in test-utils */
 }
-.awsui_ticks--bottom_f0fot_np3w1_49 > .awsui_ticks__text_f0fot_np3w1_39:not(#\9) {
+.awsui_ticks--bottom_f0fot_47sbx_49 > .awsui_ticks__text_f0fot_47sbx_39:not(#\9) {
   text-anchor: middle;
   dominant-baseline: hanging;
 }
-.awsui_labels-left_f0fot_np3w1_54 > .awsui_ticks_f0fot_np3w1_34 > .awsui_ticks__text_f0fot_np3w1_39:not(#\9) {
+.awsui_labels-left_f0fot_47sbx_54 > .awsui_ticks_f0fot_47sbx_34 > .awsui_ticks__text_f0fot_47sbx_39:not(#\9) {
   text-anchor: end;
   dominant-baseline: central;
 }
-.awsui_labels-left_f0fot_np3w1_54:not(#\9) {
+.awsui_labels-left_f0fot_47sbx_54:not(#\9) {
   position: relative;
   margin-right: 12px;
 }
-.awsui_labels-left_f0fot_np3w1_54 > .awsui_axis-label_f0fot_np3w1_19:not(#\9) {
+.awsui_labels-left_f0fot_47sbx_54 > .awsui_axis-label_f0fot_47sbx_19:not(#\9) {
   position: absolute;
   visibility: visible;
   white-space: nowrap;
 }
-.awsui_labels-left__label_f0fot_np3w1_69:not(#\9) {
+.awsui_labels-left__label_f0fot_47sbx_69:not(#\9) {
   position: absolute;
 }
-.awsui_labels-left--hidden_f0fot_np3w1_73:not(#\9) {
+.awsui_labels-left--hidden_f0fot_47sbx_73:not(#\9) {
   visibility: hidden;
 }
-.awsui_labels-left--hidden_f0fot_np3w1_73 > .awsui_labels-left__label_f0fot_np3w1_69:not(#\9) {
+.awsui_labels-left--hidden_f0fot_47sbx_73 > .awsui_labels-left__label_f0fot_47sbx_69:not(#\9) {
   position: relative;
   white-space: nowrap;
 }
-.awsui_labels-bottom_f0fot_np3w1_81:not(#\9) {
+.awsui_labels-bottom_f0fot_47sbx_81:not(#\9) {
   position: relative;
   display: block;
   width: 100%;
   overflow: visible;
 }
-.awsui_vertical-marker_f0fot_np3w1_10:not(#\9) {
+.awsui_vertical-marker_f0fot_47sbx_10:not(#\9) {
   pointer-events: none;
 }
-.awsui_vertical-marker-circle_f0fot_np3w1_92:not(#\9) {
+.awsui_vertical-marker-circle_f0fot_47sbx_92:not(#\9) {
   fill: #ffffff;
   fill: var(--color-background-container-content-o88wxm, #ffffff);
   pointer-events: none;
@@ -103,21 +103,21 @@
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
 }
-.awsui_vertical-marker-circle-active_f0fot_np3w1_98:not(#\9) {
+.awsui_vertical-marker-circle-active_f0fot_47sbx_98:not(#\9) {
   cursor: pointer;
   stroke-width: 2px;
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
 }
-.awsui_focus-outline_f0fot_np3w1_103:not(#\9) {
+.awsui_focus-outline_f0fot_47sbx_103:not(#\9) {
   outline: none;
   pointer-events: none;
   fill: none;
-  stroke: #00a1c9;
-  stroke: var(--color-border-item-focused-bs10w5, #00a1c9);
+  stroke: #0073bb;
+  stroke: var(--color-border-item-focused-n5kd8g, #0073bb);
   stroke-width: 2px;
 }
-.awsui_filter-container_f0fot_np3w1_111:not(#\9) {
+.awsui_filter-container_f0fot_47sbx_111:not(#\9) {
   /* used in test-utils */
 }