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

@cloudscape-design/components-themeable 3.0.5 → 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 (120) hide show

package/lib/internal/template/input/styles.scoped.css CHANGED Viewed

@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_2rhyz_6eyay_93:not(#\9) {
+.awsui_root_2rhyz_dzicn_93:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9) {
+.awsui_input_2rhyz_dzicn_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -154,51 +154,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: 32px;
   height: var(--size-vertical-input-ikahdk, 32px);
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-readonly_2rhyz_6eyay_118:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-readonly_2rhyz_dzicn_118: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_input_2rhyz_6eyay_97:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9)::-webkit-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9)::-ms-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9)::-moz-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):-ms-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):-moz-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):focus {
+.awsui_input_2rhyz_dzicn_97:not(#\9):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_input_2rhyz_6eyay_97:not(#\9):disabled {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled {
   background-color: #eaeded;
   background-color: var(--color-background-input-disabled-5vlksk, #eaeded);
   border: 1px solid #eaeded;
@@ -208,34 +208,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled::-webkit-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled::-ms-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled::-moz-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled:-ms-input-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_dzicn_97:not(#\9):disabled:-moz-placeholder {
   color: #687078;
   color: var(--color-text-input-placeholder-disabled-60yf1a, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_6eyay_97:not(#\9):invalid {
+.awsui_input_2rhyz_dzicn_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-invalid_2rhyz_6eyay_179:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-invalid_2rhyz_dzicn_179:not(#\9) {
   color: #d13212;
   color: var(--color-text-status-error-jer77f, #d13212);
   border-color: #d13212;
@@ -249,11 +249,11 @@ 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_input_2rhyz_6eyay_97.awsui_input-invalid_2rhyz_6eyay_179:not(#\9):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_input_2rhyz_dzicn_97.awsui_input-invalid_2rhyz_dzicn_179:not(#\9):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_input_2rhyz_6eyay_97.awsui_input-invalid_2rhyz_6eyay_179.awsui_input-has-icon-left_2rhyz_6eyay_190:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-invalid_2rhyz_dzicn_179.awsui_input-has-icon-left_2rhyz_dzicn_190:not(#\9) {
   padding-left: calc(
         32px - (4px - 1px)
       );
@@ -261,54 +261,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
         var(--space-field-icon-offset-alfd6o, 32px) - (var(--border-invalid-width-glmng5, 4px) - var(--border-field-width-y6x4sn, 1px))
       );
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-type-search_2rhyz_6eyay_195:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-type-search_2rhyz_dzicn_195:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
   /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-type-search_2rhyz_6eyay_195:not(#\9)::-ms-clear {
+.awsui_input_2rhyz_dzicn_97.awsui_input-type-search_2rhyz_dzicn_195:not(#\9)::-ms-clear {
   display: none;
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-type-search_2rhyz_6eyay_195:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_dzicn_97.awsui_input-type-search_2rhyz_dzicn_195:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
   /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-type-search_2rhyz_6eyay_195:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_dzicn_97.awsui_input-type-search_2rhyz_dzicn_195:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-has-icon-left_2rhyz_6eyay_190:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-has-icon-left_2rhyz_dzicn_190:not(#\9) {
   padding-left: 32px;
   padding-left: var(--space-field-icon-offset-alfd6o, 32px);
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-has-icon-right_2rhyz_6eyay_213:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-has-icon-right_2rhyz_dzicn_213:not(#\9) {
   padding-right: 32px;
   padding-right: var(--space-field-icon-offset-alfd6o, 32px);
 }
-.awsui_input_2rhyz_6eyay_97.awsui_input-has-no-border-radius_2rhyz_6eyay_216:not(#\9) {
+.awsui_input_2rhyz_dzicn_97.awsui_input-has-no-border-radius_2rhyz_dzicn_216:not(#\9) {
   border-radius: 0px;
   border-radius: var(--border-dropdown-radius-wpmgp8, 0px);
 }
-.awsui_input-container_2rhyz_6eyay_220:not(#\9) {
+.awsui_input-container_2rhyz_dzicn_220:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon_2rhyz_6eyay_225:not(#\9) {
+.awsui_input-icon_2rhyz_dzicn_225:not(#\9) {
   position: absolute;
 }
-.awsui_input-icon_2rhyz_6eyay_225:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_6eyay_228) {
+.awsui_input-icon_2rhyz_dzicn_225:not(#\9):not(.awsui_input-icon-hoverable_2rhyz_dzicn_228) {
   pointer-events: none;
 }
-.awsui_input-icon-left_2rhyz_6eyay_232:not(#\9) {
+.awsui_input-icon-left_2rhyz_dzicn_232:not(#\9) {
   left: 8px;
   left: var(--space-field-horizontal-z3i1c8, 8px);
   top: calc(50% - 22px / 2);
   top: calc(50% - var(--font-body-m-line-height-i7xxvv, 22px) / 2);
 }
-.awsui_input-icon-right_2rhyz_6eyay_237:not(#\9) {
+.awsui_input-icon-right_2rhyz_dzicn_237:not(#\9) {
   right: 8px;
   right: var(--space-field-horizontal-z3i1c8, 8px);
   top: calc(50% - 22px / 2);
@@ -317,10 +317,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-button-inline-icon-default-qhj7jl, #545b64);
 }
-.awsui_input-icon-hoverable_2rhyz_6eyay_228:not(#\9) {
+.awsui_input-icon-hoverable_2rhyz_dzicn_228:not(#\9) {
   cursor: pointer;
 }
-.awsui_input-icon-hoverable_2rhyz_6eyay_228:not(#\9):hover {
+.awsui_input-icon-hoverable_2rhyz_dzicn_228:not(#\9):hover {
   color: #16191f;
   color: var(--color-text-button-inline-icon-hover-84mkuo, #16191f);
 }

package/lib/internal/template/input/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_6eyay_93",
-  "input": "awsui_input_2rhyz_6eyay_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_6eyay_118",
-  "input-invalid": "awsui_input-invalid_2rhyz_6eyay_179",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_6eyay_190",
-  "input-type-search": "awsui_input-type-search_2rhyz_6eyay_195",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_6eyay_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_6eyay_216",
-  "input-container": "awsui_input-container_2rhyz_6eyay_220",
-  "input-icon": "awsui_input-icon_2rhyz_6eyay_225",
-  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_6eyay_228",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_6eyay_232",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_6eyay_237"
+  "root": "awsui_root_2rhyz_dzicn_93",
+  "input": "awsui_input_2rhyz_dzicn_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_dzicn_118",
+  "input-invalid": "awsui_input-invalid_2rhyz_dzicn_179",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_dzicn_190",
+  "input-type-search": "awsui_input-type-search_2rhyz_dzicn_195",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_dzicn_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_dzicn_216",
+  "input-container": "awsui_input-container_2rhyz_dzicn_220",
+  "input-icon": "awsui_input-icon_2rhyz_dzicn_225",
+  "input-icon-hoverable": "awsui_input-icon-hoverable_2rhyz_dzicn_228",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_dzicn_232",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_dzicn_237"
 };

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;
@@ -784,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;
@@ -798,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;
@@ -1015,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;
@@ -1029,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;
@@ -1185,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;
@@ -1208,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;
@@ -1506,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;
@@ -1521,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;
@@ -1717,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;
@@ -1736,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;
@@ -1892,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;
@@ -1907,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;
@@ -2063,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;
@@ -2078,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;
@@ -2243,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;
@@ -2258,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;
@@ -2376,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;
@@ -2396,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;
@@ -2447,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;
@@ -2462,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"
 };