npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1000 → 3.0.1002 - Mend

@cloudscape-design/components-themeable 3.0.1000 → 3.0.1002

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

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

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1mabk_1s9ft_145:not(#\9) {
+.awsui_root_1mabk_xvogc_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -168,7 +168,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
-  color: var(--color-text-body-default-1tki40, #16191f);
+  color: var(--color-text-body-default-5qid0u, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -176,19 +176,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
-.awsui_radio_1mabk_1s9ft_178:not(#\9) {
+.awsui_radio_1mabk_xvogc_178:not(#\9) {
   /*used in test-utils*/
 }
-.awsui_radio_1mabk_1s9ft_178 + .awsui_radio_1mabk_1s9ft_178:not(#\9) {
+.awsui_radio_1mabk_xvogc_178 + .awsui_radio_1mabk_xvogc_178:not(#\9) {
   margin-block-start: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_radio--has-description_1mabk_1s9ft_186 + .awsui_radio_1mabk_1s9ft_178:not(#\9) {
+.awsui_radio--has-description_1mabk_xvogc_186 + .awsui_radio_1mabk_xvogc_178:not(#\9) {
   margin-block-start: var(--space-scaled-xs-sppte9, 8px);
 }
-.awsui_radio-control_1mabk_1s9ft_190:not(#\9) {
+.awsui_radio-control_1mabk_xvogc_190:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-control-lkpwjy, 14px)) / 2);
   min-block-size: var(--size-control-lkpwjy, 14px);
   min-inline-size: var(--size-control-lkpwjy, 14px);
@@ -196,14 +196,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-lkpwjy, 14px);
 }
-.awsui_outline_1mabk_1s9ft_198:not(#\9) {
+.awsui_outline_1mabk_xvogc_198:not(#\9) {
   position: relative;
 }
-.awsui_outline_1mabk_1s9ft_198:not(#\9) {
+.awsui_outline_1mabk_xvogc_198:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1mabk_1s9ft_198:not(#\9)::before {
+.awsui_outline_1mabk_xvogc_198:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -215,42 +215,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--border-radius-control-circular-focus-ring-0v2apg, 50%);
   border-end-start-radius: var(--border-radius-control-circular-focus-ring-0v2apg, 50%);
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-0v2apg, 50%);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-vx5mpq, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_styled-circle-border_1mabk_1s9ft_220:not(#\9) {
+.awsui_styled-circle-border_1mabk_xvogc_220:not(#\9) {
   stroke: var(--color-border-control-default-e686ow, #687078);
-  fill: var(--color-background-control-default-mgaemo, #ffffff);
+  fill: var(--color-background-control-default-wjdczs, #ffffff);
 }
-.awsui_styled-circle-border_1mabk_1s9ft_220.awsui_styled-circle-disabled_1mabk_1s9ft_224:not(#\9), .awsui_styled-circle-border_1mabk_1s9ft_220.awsui_styled-circle-readonly_1mabk_1s9ft_224:not(#\9) {
-  fill: var(--color-background-control-disabled-unvwwj, #d5dbdb);
-  stroke: var(--color-background-control-disabled-unvwwj, #d5dbdb);
+.awsui_styled-circle-border_1mabk_xvogc_220.awsui_styled-circle-disabled_1mabk_xvogc_224:not(#\9), .awsui_styled-circle-border_1mabk_xvogc_220.awsui_styled-circle-readonly_1mabk_xvogc_224:not(#\9) {
+  fill: var(--color-background-control-disabled-2ixett, #d5dbdb);
+  stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_styled-circle-fill_1mabk_1s9ft_229:not(#\9) {
-  stroke: var(--color-background-control-checked-8lskez, #0073bb);
-  fill: var(--color-foreground-control-default-y7fiqw, #ffffff);
+.awsui_styled-circle-fill_1mabk_xvogc_229:not(#\9) {
+  stroke: var(--color-background-control-checked-se0x0e, #0073bb);
+  fill: var(--color-foreground-control-default-rf7v4a, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1mabk_1s9ft_229:not(#\9) {
+  .awsui_styled-circle-fill_1mabk_xvogc_229:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_1s9ft_229:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_1s9ft_229:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1mabk_xvogc_229:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_xvogc_229:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1mabk_1s9ft_229.awsui_styled-circle-checked_1mabk_1s9ft_245:not(#\9) {
+.awsui_styled-circle-fill_1mabk_xvogc_229.awsui_styled-circle-checked_1mabk_xvogc_245:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1mabk_1s9ft_229.awsui_styled-circle-disabled_1mabk_1s9ft_224:not(#\9) {
-  fill: var(--color-foreground-control-disabled-zn23hn, #ffffff);
-  stroke: var(--color-background-control-disabled-unvwwj, #d5dbdb);
+.awsui_styled-circle-fill_1mabk_xvogc_229.awsui_styled-circle-disabled_1mabk_xvogc_224:not(#\9) {
+  fill: var(--color-foreground-control-disabled-kj751b, #ffffff);
+  stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_styled-circle-fill_1mabk_1s9ft_229.awsui_styled-circle-readonly_1mabk_1s9ft_224:not(#\9) {
-  fill: var(--color-foreground-control-read-only-g9rlks, #687078);
-  stroke: var(--color-background-control-disabled-unvwwj, #d5dbdb);
+.awsui_styled-circle-fill_1mabk_xvogc_229.awsui_styled-circle-readonly_1mabk_xvogc_224:not(#\9) {
+  fill: var(--color-foreground-control-read-only-cgy3yn, #687078);
+  stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1mabk_1s9ft_145",
-  "radio": "awsui_radio_1mabk_1s9ft_178",
-  "radio--has-description": "awsui_radio--has-description_1mabk_1s9ft_186",
-  "radio-control": "awsui_radio-control_1mabk_1s9ft_190",
-  "outline": "awsui_outline_1mabk_1s9ft_198",
-  "styled-circle-border": "awsui_styled-circle-border_1mabk_1s9ft_220",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_1s9ft_224",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_1s9ft_224",
-  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_1s9ft_229",
-  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_1s9ft_245"
+  "root": "awsui_root_1mabk_xvogc_145",
+  "radio": "awsui_radio_1mabk_xvogc_178",
+  "radio--has-description": "awsui_radio--has-description_1mabk_xvogc_186",
+  "radio-control": "awsui_radio-control_1mabk_xvogc_190",
+  "outline": "awsui_outline_1mabk_xvogc_198",
+  "styled-circle-border": "awsui_styled-circle-border_1mabk_xvogc_220",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_xvogc_224",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_xvogc_224",
+  "styled-circle-fill": "awsui_styled-circle-fill_1mabk_xvogc_229",
+  "styled-circle-checked": "awsui_styled-circle-checked_1mabk_xvogc_245"
 };

package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1vtzr_1rf2n_9",
-  "view-button": "awsui_view-button_1vtzr_1rf2n_13",
-  "browse-button": "awsui_browse-button_1vtzr_1rf2n_17",
-  "layout": "awsui_layout_1vtzr_1rf2n_21",
-  "layout-uri": "awsui_layout-uri_1vtzr_1rf2n_33",
-  "layout-version": "awsui_layout-version_1vtzr_1rf2n_37",
-  "layout-divider": "awsui_layout-divider_1vtzr_1rf2n_42"
+  "root": "awsui_root_1vtzr_18hz5_9",
+  "view-button": "awsui_view-button_1vtzr_18hz5_13",
+  "browse-button": "awsui_browse-button_1vtzr_18hz5_17",
+  "layout": "awsui_layout_1vtzr_18hz5_21",
+  "layout-uri": "awsui_layout-uri_1vtzr_18hz5_33",
+  "layout-version": "awsui_layout-version_1vtzr_18hz5_37",
+  "layout-divider": "awsui_layout-divider_1vtzr_18hz5_42"
 };

package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css CHANGED Viewed

@@ -6,19 +6,19 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1vtzr_1rf2n_9:not(#\9) {
+.awsui_root_1vtzr_18hz5_9:not(#\9) {
   /* used in test-utils */
 }
-.awsui_view-button_1vtzr_1rf2n_13:not(#\9) {
+.awsui_view-button_1vtzr_18hz5_13:not(#\9) {
   /* used in test-utils */
 }
-.awsui_browse-button_1vtzr_1rf2n_17:not(#\9) {
+.awsui_browse-button_1vtzr_18hz5_17:not(#\9) {
   /* used in test-utils */
 }
-.awsui_layout_1vtzr_1rf2n_21:not(#\9) {
+.awsui_layout_1vtzr_18hz5_21:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
@@ -26,20 +26,20 @@
   margin-inline: calc(-1 * var(--space-xs-kw7k3v, 8px));
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_layout_1vtzr_1rf2n_21 > *:not(#\9) {
+.awsui_layout_1vtzr_18hz5_21 > *:not(#\9) {
   margin-block: var(--space-xs-kw7k3v, 8px);
   margin-inline: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_layout-uri_1vtzr_1rf2n_33:not(#\9) {
+.awsui_layout-uri_1vtzr_18hz5_33:not(#\9) {
   min-inline-size: 200px;
   flex: 1;
 }
-.awsui_layout-version_1vtzr_1rf2n_37:not(#\9) {
+.awsui_layout-version_1vtzr_18hz5_37:not(#\9) {
   max-inline-size: 180px;
   min-inline-size: 140px;
   inline-size: 20%;
 }
-.awsui_layout-divider_1vtzr_1rf2n_42:not(#\9) {
+.awsui_layout-divider_1vtzr_18hz5_42:not(#\9) {
   block-size: calc(2 * var(--border-divider-section-width-sznrdy, 1px) + 2 * var(--space-scaled-xxs-jatbiv, 4px) + var(--line-height-body-m-bedeoh, 22px));
-  border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-pt4umz, #eaeded);
+  border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }

package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js CHANGED Viewed

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1vtzr_1rf2n_9",
-  "view-button": "awsui_view-button_1vtzr_1rf2n_13",
-  "browse-button": "awsui_browse-button_1vtzr_1rf2n_17",
-  "layout": "awsui_layout_1vtzr_1rf2n_21",
-  "layout-uri": "awsui_layout-uri_1vtzr_1rf2n_33",
-  "layout-version": "awsui_layout-version_1vtzr_1rf2n_37",
-  "layout-divider": "awsui_layout-divider_1vtzr_1rf2n_42"
+  "root": "awsui_root_1vtzr_18hz5_9",
+  "view-button": "awsui_view-button_1vtzr_18hz5_13",
+  "browse-button": "awsui_browse-button_1vtzr_18hz5_17",
+  "layout": "awsui_layout_1vtzr_18hz5_21",
+  "layout-uri": "awsui_layout-uri_1vtzr_18hz5_33",
+  "layout-version": "awsui_layout-version_1vtzr_18hz5_37",
+  "layout-divider": "awsui_layout-divider_1vtzr_18hz5_42"
 };

package/lib/internal/template/s3-resource-selector/s3-modal/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "modal-actions": "awsui_modal-actions_12hyz_h8mjq_181",
-  "submit-button": "awsui_submit-button_12hyz_h8mjq_185",
-  "last-updated-caption": "awsui_last-updated-caption_12hyz_h8mjq_189"
+  "modal-actions": "awsui_modal-actions_12hyz_1lqy5_181",
+  "submit-button": "awsui_submit-button_12hyz_1lqy5_185",
+  "last-updated-caption": "awsui_last-updated-caption_12hyz_1lqy5_189"
 };

package/lib/internal/template/s3-resource-selector/s3-modal/styles.scoped.css CHANGED Viewed

@@ -178,18 +178,18 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_modal-actions_12hyz_h8mjq_181:not(#\9) {
+.awsui_modal-actions_12hyz_1lqy5_181:not(#\9) {
   justify-content: flex-end;
 }
-.awsui_submit-button_12hyz_h8mjq_185:not(#\9) {
+.awsui_submit-button_12hyz_1lqy5_185:not(#\9) {
   /* used in test-utils */
 }
-.awsui_last-updated-caption_12hyz_h8mjq_189:not(#\9) {
+.awsui_last-updated-caption_12hyz_1lqy5_189:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   text-align: end;
-  color: var(--color-text-status-inactive-mtqnz3, #687078);
+  color: var(--color-text-status-inactive-n7p1uq, #687078);
 }

package/lib/internal/template/s3-resource-selector/s3-modal/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "modal-actions": "awsui_modal-actions_12hyz_h8mjq_181",
-  "submit-button": "awsui_submit-button_12hyz_h8mjq_185",
-  "last-updated-caption": "awsui_last-updated-caption_12hyz_h8mjq_189"
+  "modal-actions": "awsui_modal-actions_12hyz_1lqy5_181",
+  "submit-button": "awsui_submit-button_12hyz_1lqy5_185",
+  "last-updated-caption": "awsui_last-updated-caption_12hyz_1lqy5_189"
 };

package/lib/internal/template/segmented-control/styles.css.js CHANGED Viewed

@@ -1,21 +1,21 @@
     import './styles.scoped.css';
     export default {
-  "segment": "awsui_segment_8cbea_1j9xm_161",
-  "refresh": "awsui_refresh_8cbea_1j9xm_187",
-  "disabled": "awsui_disabled_8cbea_1j9xm_193",
-  "selected": "awsui_selected_8cbea_1j9xm_256",
-  "icon": "awsui_icon_8cbea_1j9xm_279",
-  "with-text": "awsui_with-text_8cbea_1j9xm_283",
-  "with-no-text": "awsui_with-no-text_8cbea_1j9xm_289",
-  "root": "awsui_root_8cbea_1j9xm_294",
-  "segment-part": "awsui_segment-part_8cbea_1j9xm_326",
-  "select": "awsui_select_8cbea_1j9xm_256",
-  "segment-count-2": "awsui_segment-count-2_8cbea_1j9xm_362",
-  "segment-count-3": "awsui_segment-count-3_8cbea_1j9xm_366",
-  "segment-count-4": "awsui_segment-count-4_8cbea_1j9xm_370",
-  "segment-count-5": "awsui_segment-count-5_8cbea_1j9xm_374",
-  "segment-count-6": "awsui_segment-count-6_8cbea_1j9xm_378",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1j9xm_382"
+  "segment": "awsui_segment_8cbea_1iwu6_161",
+  "refresh": "awsui_refresh_8cbea_1iwu6_187",
+  "disabled": "awsui_disabled_8cbea_1iwu6_193",
+  "selected": "awsui_selected_8cbea_1iwu6_256",
+  "icon": "awsui_icon_8cbea_1iwu6_279",
+  "with-text": "awsui_with-text_8cbea_1iwu6_283",
+  "with-no-text": "awsui_with-no-text_8cbea_1iwu6_289",
+  "root": "awsui_root_8cbea_1iwu6_294",
+  "segment-part": "awsui_segment-part_8cbea_1iwu6_326",
+  "select": "awsui_select_8cbea_1iwu6_256",
+  "segment-count-2": "awsui_segment-count-2_8cbea_1iwu6_362",
+  "segment-count-3": "awsui_segment-count-3_8cbea_1iwu6_366",
+  "segment-count-4": "awsui_segment-count-4_8cbea_1iwu6_370",
+  "segment-count-5": "awsui_segment-count-5_8cbea_1iwu6_374",
+  "segment-count-6": "awsui_segment-count-6_8cbea_1iwu6_378",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1iwu6_382"
 };

package/lib/internal/template/segmented-control/styles.scoped.css CHANGED Viewed

@@ -158,7 +158,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_segment_8cbea_1j9xm_161:not(#\9) {
+.awsui_segment_8cbea_1iwu6_161:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   word-wrap: break-word;
@@ -170,8 +170,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: 0.25px;
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline: calc(var(--space-button-horizontal-v8ywmo, 20px) - var(--space-static-xxs-0cgyf1, 4px));
-  background: var(--color-background-segment-default-r5r5po, #ffffff);
-  color: var(--color-text-segment-default-3edf05, #545b64);
+  background: var(--color-background-segment-default-c0s956, #ffffff);
+  color: var(--color-text-segment-default-fj1v75, #545b64);
   overflow: visible;
   border-start-start-radius: var(--border-radius-button-vm1lh4, 2px);
   border-start-end-radius: var(--border-radius-button-vm1lh4, 2px);
@@ -184,25 +184,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-inline: none;
   border-block: none;
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):not(.awsui_refresh_8cbea_1j9xm_187) {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):not(.awsui_refresh_8cbea_1iwu6_187) {
   block-size: calc(100% - var(--space-static-xxs-0cgyf1, 4px) - 2 * var(--border-width-field-9k1tdz, 1px));
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):focus {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_8cbea_1j9xm_161.awsui_disabled_8cbea_1j9xm_193:not(#\9) {
-  background: var(--color-background-segment-disabled-6rn547, #ffffff);
-  border-color: var(--color-border-segment-disabled-e054cl, #d5dbdb);
-  color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
+.awsui_segment_8cbea_1iwu6_161.awsui_disabled_8cbea_1iwu6_193:not(#\9) {
+  background: var(--color-background-segment-disabled-etp65k, #ffffff);
+  border-color: var(--color-border-segment-disabled-lhc94s, #d5dbdb);
+  color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1j9xm_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1j9xm_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1j9xm_161:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1iwu6_161:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -214,84 +214,84 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1j9xm_161:not(#\9):focu
   border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-vx5mpq, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):not(:last-child)::after {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):not(:last-child)::after {
   content: "";
   position: absolute;
   inset-inline-end: calc(-1 * (var(--space-static-xxs-0cgyf1, 4px) + 1px));
   block-size: calc(100% - (var(--space-static-xxs-0cgyf1, 4px) + var(--space-static-xxxs-zckw10, 2px)) * 2);
   min-block-size: calc(var(--line-height-body-m-bedeoh, 22px) - var(--space-static-xxs-0cgyf1, 4px) * 2);
   inline-size: 1px;
-  background: var(--color-border-input-default-dwoouh, #687078);
+  background: var(--color-border-input-default-txli8y, #687078);
   z-index: 1;
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):not(.awsui_refresh_8cbea_1j9xm_187):not(:last-child)::after {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):not(.awsui_refresh_8cbea_1iwu6_187):not(:last-child)::after {
   inset-inline-end: calc(-1 * var(--space-static-xxs-0cgyf1, 4px));
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(1) {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(1) {
   grid-column: 1;
   -ms-grid-column: 1;
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(2) {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(2) {
   grid-column: 2;
   -ms-grid-column: 2;
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(3) {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(3) {
   grid-column: 3;
   -ms-grid-column: 3;
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(4) {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(4) {
   grid-column: 4;
   -ms-grid-column: 4;
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(5) {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(5) {
   grid-column: 5;
   -ms-grid-column: 5;
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):nth-child(6) {
+.awsui_segment_8cbea_1iwu6_161:not(#\9):nth-child(6) {
   grid-column: 6;
   -ms-grid-column: 6;
 }
-.awsui_segment_8cbea_1j9xm_161.awsui_selected_8cbea_1j9xm_256:not(#\9) {
-  background: var(--color-background-segment-active-tb5v1u, #0073bb);
-  color: var(--color-text-segment-active-j0pz2b, #ffffff);
+.awsui_segment_8cbea_1iwu6_161.awsui_selected_8cbea_1iwu6_256:not(#\9) {
+  background: var(--color-background-segment-active-pvua4h, #0073bb);
+  color: var(--color-text-segment-active-q50mlg, #ffffff);
 }
-.awsui_segment_8cbea_1j9xm_161.awsui_selected_8cbea_1j9xm_256 + .awsui_segment_8cbea_1j9xm_161:not(#\9), .awsui_segment_8cbea_1j9xm_161.awsui_selected_8cbea_1j9xm_256 + .awsui_segment_8cbea_1j9xm_161.awsui_disabled_8cbea_1j9xm_193:not(#\9) {
-  border-inline-start-color: var(--color-border-segment-active-lq5o9c, #16191f);
+.awsui_segment_8cbea_1iwu6_161.awsui_selected_8cbea_1iwu6_256 + .awsui_segment_8cbea_1iwu6_161:not(#\9), .awsui_segment_8cbea_1iwu6_161.awsui_selected_8cbea_1iwu6_256 + .awsui_segment_8cbea_1iwu6_161.awsui_disabled_8cbea_1iwu6_193:not(#\9) {
+  border-inline-start-color: var(--color-border-segment-active-kbwjy5, #16191f);
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):not(.awsui_disabled_8cbea_1j9xm_193) + .awsui_segment_8cbea_1j9xm_161.awsui_disabled_8cbea_1j9xm_193 {
-  border-inline-start-color: var(--color-border-segment-default-t8hr6z, #687078);
+.awsui_segment_8cbea_1iwu6_161:not(#\9):not(.awsui_disabled_8cbea_1iwu6_193) + .awsui_segment_8cbea_1iwu6_161.awsui_disabled_8cbea_1iwu6_193 {
+  border-inline-start-color: var(--color-border-segment-default-29y0lr, #687078);
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):hover:not(.awsui_selected_8cbea_1j9xm_256):not(.awsui_disabled_8cbea_1j9xm_193):not(:focus) {
-  background: var(--color-background-segment-hover-jtyxhf, #fafafa);
-  color: var(--color-text-segment-hover-bhj7qd, #16191f);
-  border-color: var(--color-border-segment-hover-y1gvtl, #16191f);
+.awsui_segment_8cbea_1iwu6_161:not(#\9):hover:not(.awsui_selected_8cbea_1iwu6_256):not(.awsui_disabled_8cbea_1iwu6_193):not(:focus) {
+  background: var(--color-background-segment-hover-e4h2ea, #fafafa);
+  color: var(--color-text-segment-hover-qyb2p1, #16191f);
+  border-color: var(--color-border-segment-hover-dneu56, #16191f);
   cursor: pointer;
 }
-.awsui_segment_8cbea_1j9xm_161:not(#\9):hover:not(.awsui_selected_8cbea_1j9xm_256):not(.awsui_disabled_8cbea_1j9xm_193):not(:focus) + .awsui_segment_8cbea_1j9xm_161:not(.awsui_selected_8cbea_1j9xm_256) {
-  border-inline-start-color: var(--color-border-segment-hover-y1gvtl, #16191f);
+.awsui_segment_8cbea_1iwu6_161:not(#\9):hover:not(.awsui_selected_8cbea_1iwu6_256):not(.awsui_disabled_8cbea_1iwu6_193):not(:focus) + .awsui_segment_8cbea_1iwu6_161:not(.awsui_selected_8cbea_1iwu6_256) {
+  border-inline-start-color: var(--color-border-segment-hover-dneu56, #16191f);
 }
-.awsui_segment_8cbea_1j9xm_161.awsui_selected_8cbea_1j9xm_256 + .awsui_segment_8cbea_1j9xm_161:not(#\9):hover:not(.awsui_selected_8cbea_1j9xm_256):not(.awsui_disabled_8cbea_1j9xm_193):not(:focus) {
-  border-inline-start-color: var(--color-border-segment-active-lq5o9c, #16191f);
+.awsui_segment_8cbea_1iwu6_161.awsui_selected_8cbea_1iwu6_256 + .awsui_segment_8cbea_1iwu6_161:not(#\9):hover:not(.awsui_selected_8cbea_1iwu6_256):not(.awsui_disabled_8cbea_1iwu6_193):not(:focus) {
+  border-inline-start-color: var(--color-border-segment-active-kbwjy5, #16191f);
 }
-.awsui_icon_8cbea_1j9xm_279:not(#\9) {
+.awsui_icon_8cbea_1iwu6_279:not(#\9) {
   /* used in test-utils */
 }
-.awsui_with-text_8cbea_1j9xm_283:not(#\9) {
+.awsui_with-text_8cbea_1iwu6_283:not(#\9) {
   position: relative;
   inset-inline-start: calc(-1 * var(--space-xxs-jnczic, 4px));
   margin-inline-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_with-no-text_8cbea_1j9xm_289:not(#\9) {
+.awsui_with-no-text_8cbea_1iwu6_289:not(#\9) {
   margin-inline: auto;
   inset-inline: 0;
 }
-.awsui_root_8cbea_1j9xm_294:not(#\9) {
+.awsui_root_8cbea_1iwu6_294:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -317,68 +317,68 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1j9xm_161:not(#\9):focu
   word-spacing: normal;
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
-  color: var(--color-text-body-default-1tki40, #16191f);
+  color: var(--color-text-body-default-5qid0u, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_segment-part_8cbea_1j9xm_326:not(#\9) {
+.awsui_segment-part_8cbea_1iwu6_326:not(#\9) {
   display: inline-grid;
-  border-inline: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-dwoouh, #687078);
-  border-block: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-dwoouh, #687078);
+  border-inline: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-txli8y, #687078);
+  border-block: solid var(--border-width-field-9k1tdz, 1px) var(--color-border-input-default-txli8y, #687078);
   border-start-start-radius: var(--border-radius-button-vm1lh4, 2px);
   border-start-end-radius: var(--border-radius-button-vm1lh4, 2px);
   border-end-start-radius: var(--border-radius-button-vm1lh4, 2px);
   border-end-end-radius: var(--border-radius-button-vm1lh4, 2px);
-  background-color: var(--color-background-segment-wrapper-06se6k, #ffffff);
+  background-color: var(--color-background-segment-wrapper-8sntqj, #ffffff);
   align-items: center;
   min-block-size: calc(var(--line-height-body-m-bedeoh, 22px) + var(--space-static-xxs-0cgyf1, 4px));
   padding-block: calc(var(--space-static-xxs-0cgyf1, 4px) / 2 - var(--border-width-field-9k1tdz, 1px));
   padding-inline: calc(var(--space-static-xxs-0cgyf1, 4px) - var(--border-width-field-9k1tdz, 1px));
   gap: calc(var(--space-static-xxs-0cgyf1, 4px) * 2 + 1px);
 }
-.awsui_segment-part_8cbea_1j9xm_326:not(#\9):not(.awsui_refresh_8cbea_1j9xm_187) {
+.awsui_segment-part_8cbea_1iwu6_326:not(#\9):not(.awsui_refresh_8cbea_1iwu6_187) {
   padding-inline: calc(var(--space-static-xxxs-zckw10, 2px) + var(--border-width-field-9k1tdz, 1px));
   padding-block: 0;
   gap: calc(var(--space-static-xxs-0cgyf1, 4px) * 2 - 1px);
 }
 @media (max-width: 688px) {
-  .awsui_segment-part_8cbea_1j9xm_326:not(#\9) {
+  .awsui_segment-part_8cbea_1iwu6_326:not(#\9) {
     display: none;
   }
 }
-.awsui_select_8cbea_1j9xm_256:not(#\9) {
+.awsui_select_8cbea_1iwu6_256:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
-  .awsui_select_8cbea_1j9xm_256:not(#\9) {
+  .awsui_select_8cbea_1iwu6_256:not(#\9) {
     display: block;
   }
 }
-.awsui_segment-count-2_8cbea_1j9xm_362:not(#\9) {
+.awsui_segment-count-2_8cbea_1iwu6_362:not(#\9) {
   grid-template-columns: repeat(2, auto);
 }
-.awsui_segment-count-3_8cbea_1j9xm_366:not(#\9) {
+.awsui_segment-count-3_8cbea_1iwu6_366:not(#\9) {
   grid-template-columns: repeat(3, auto);
 }
-.awsui_segment-count-4_8cbea_1j9xm_370:not(#\9) {
+.awsui_segment-count-4_8cbea_1iwu6_370:not(#\9) {
   grid-template-columns: repeat(4, auto);
 }
-.awsui_segment-count-5_8cbea_1j9xm_374:not(#\9) {
+.awsui_segment-count-5_8cbea_1iwu6_374:not(#\9) {
   grid-template-columns: repeat(5, auto);
 }
-.awsui_segment-count-6_8cbea_1j9xm_378:not(#\9) {
+.awsui_segment-count-6_8cbea_1iwu6_378:not(#\9) {
   grid-template-columns: repeat(6, auto);
 }
-.awsui_disabled-reason-tooltip_8cbea_1j9xm_382:not(#\9) {
+.awsui_disabled-reason-tooltip_8cbea_1iwu6_382:not(#\9) {
   /* used in test-utils or tests */
 }

package/lib/internal/template/segmented-control/styles.selectors.js CHANGED Viewed

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment": "awsui_segment_8cbea_1j9xm_161",
-  "refresh": "awsui_refresh_8cbea_1j9xm_187",
-  "disabled": "awsui_disabled_8cbea_1j9xm_193",
-  "selected": "awsui_selected_8cbea_1j9xm_256",
-  "icon": "awsui_icon_8cbea_1j9xm_279",
-  "with-text": "awsui_with-text_8cbea_1j9xm_283",
-  "with-no-text": "awsui_with-no-text_8cbea_1j9xm_289",
-  "root": "awsui_root_8cbea_1j9xm_294",
-  "segment-part": "awsui_segment-part_8cbea_1j9xm_326",
-  "select": "awsui_select_8cbea_1j9xm_256",
-  "segment-count-2": "awsui_segment-count-2_8cbea_1j9xm_362",
-  "segment-count-3": "awsui_segment-count-3_8cbea_1j9xm_366",
-  "segment-count-4": "awsui_segment-count-4_8cbea_1j9xm_370",
-  "segment-count-5": "awsui_segment-count-5_8cbea_1j9xm_374",
-  "segment-count-6": "awsui_segment-count-6_8cbea_1j9xm_378",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1j9xm_382"
+  "segment": "awsui_segment_8cbea_1iwu6_161",
+  "refresh": "awsui_refresh_8cbea_1iwu6_187",
+  "disabled": "awsui_disabled_8cbea_1iwu6_193",
+  "selected": "awsui_selected_8cbea_1iwu6_256",
+  "icon": "awsui_icon_8cbea_1iwu6_279",
+  "with-text": "awsui_with-text_8cbea_1iwu6_283",
+  "with-no-text": "awsui_with-no-text_8cbea_1iwu6_289",
+  "root": "awsui_root_8cbea_1iwu6_294",
+  "segment-part": "awsui_segment-part_8cbea_1iwu6_326",
+  "select": "awsui_select_8cbea_1iwu6_256",
+  "segment-count-2": "awsui_segment-count-2_8cbea_1iwu6_362",
+  "segment-count-3": "awsui_segment-count-3_8cbea_1iwu6_366",
+  "segment-count-4": "awsui_segment-count-4_8cbea_1iwu6_370",
+  "segment-count-5": "awsui_segment-count-5_8cbea_1iwu6_374",
+  "segment-count-6": "awsui_segment-count-6_8cbea_1iwu6_378",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1iwu6_382"
 };