npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.961 → 3.0.963 - Mend

@cloudscape-design/components-themeable 3.0.961 → 3.0.963

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

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

@@ -158,140 +158,140 @@ 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_1h8wn_161:not(#\9) {
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
+.awsui_segment_8cbea_rieo0_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;
   max-inline-size: 100%;
   overflow: hidden;
-  font-weight: var(--font-weight-button-rw26ot, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+  font-weight: var(--font-weight-button-hh0ago, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   letter-spacing: 0.25px;
-  padding-block: var(--space-scaled-xxs-krq5fq, 4px);
-  padding-inline: calc(var(--space-button-horizontal-wlq0m6, 20px) - var(--space-static-xxs-9qxzo2, 4px));
-  background: var(--color-background-segment-default-i67ckm, #ffffff);
-  color: var(--color-text-segment-default-ifduc0, #545b64);
+  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);
   overflow: visible;
-  border-start-start-radius: var(--border-radius-button-r0qo8t, 2px);
-  border-start-end-radius: var(--border-radius-button-r0qo8t, 2px);
-  border-end-start-radius: var(--border-radius-button-r0qo8t, 2px);
-  border-end-end-radius: var(--border-radius-button-r0qo8t, 2px);
+  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);
   position: relative;
-  block-size: calc(100% - var(--space-static-xxs-9qxzo2, 4px));
+  block-size: calc(100% - var(--space-static-xxs-0cgyf1, 4px));
   display: flex;
   align-items: center;
   border-inline: none;
   border-block: none;
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):not(.awsui_refresh_8cbea_1h8wn_187) {
-  block-size: calc(100% - var(--space-static-xxs-9qxzo2, 4px) - 2 * var(--border-width-field-9kmoac, 1px));
+.awsui_segment_8cbea_rieo0_161:not(#\9):not(.awsui_refresh_8cbea_rieo0_187) {
+  block-size: calc(100% - var(--space-static-xxs-0cgyf1, 4px) - 2 * var(--border-width-field-9k1tdz, 1px));
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):focus {
+.awsui_segment_8cbea_rieo0_161:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_8cbea_1h8wn_161.awsui_disabled_8cbea_1h8wn_193:not(#\9) {
-  background: var(--color-background-segment-disabled-qrelg7, #ffffff);
-  border-color: var(--color-border-segment-disabled-eyq9ch, #d5dbdb);
-  color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
+.awsui_segment_8cbea_rieo0_161.awsui_disabled_8cbea_rieo0_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);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1h8wn_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1h8wn_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-zduejh, 3px) - 1px);
+  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1h8wn_161:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_rieo0_161:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-segmented-control-focus-outline-gutter-zduejh, 3px));
-  inset-block-start: calc(-1 * var(--space-segmented-control-focus-outline-gutter-zduejh, 3px));
-  inline-size: calc(100% + var(--space-segmented-control-focus-outline-gutter-zduejh, 3px) + var(--space-segmented-control-focus-outline-gutter-zduejh, 3px));
-  block-size: calc(100% + var(--space-segmented-control-focus-outline-gutter-zduejh, 3px) + var(--space-segmented-control-focus-outline-gutter-zduejh, 3px));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
-}
-.awsui_segment_8cbea_1h8wn_161:not(#\9):not(:last-child)::after {
+  inset-inline-start: calc(-1 * var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px));
+  inset-block-start: calc(-1 * var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px));
+  inline-size: calc(100% + var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px) + var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px));
+  block-size: calc(100% + var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px) + var(--space-segmented-control-focus-outline-gutter-tvktqv, 3px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  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);
+}
+.awsui_segment_8cbea_rieo0_161:not(#\9):not(:last-child)::after {
   content: "";
   position: absolute;
-  inset-inline-end: calc(-1 * (var(--space-static-xxs-9qxzo2, 4px) + 1px));
-  block-size: calc(100% - (var(--space-static-xxs-9qxzo2, 4px) + var(--space-static-xxxs-h1c9px, 2px)) * 2);
-  min-block-size: calc(var(--line-height-body-m-gw0130, 22px) - var(--space-static-xxs-9qxzo2, 4px) * 2);
+  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-2868kh, #687078);
+  background: var(--color-border-input-default-dwoouh, #687078);
   z-index: 1;
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):not(.awsui_refresh_8cbea_1h8wn_187):not(:last-child)::after {
-  inset-inline-end: calc(-1 * var(--space-static-xxs-9qxzo2, 4px));
+.awsui_segment_8cbea_rieo0_161:not(#\9):not(.awsui_refresh_8cbea_rieo0_187):not(:last-child)::after {
+  inset-inline-end: calc(-1 * var(--space-static-xxs-0cgyf1, 4px));
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):nth-child(1) {
+.awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(1) {
   grid-column: 1;
   -ms-grid-column: 1;
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):nth-child(2) {
+.awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(2) {
   grid-column: 2;
   -ms-grid-column: 2;
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):nth-child(3) {
+.awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(3) {
   grid-column: 3;
   -ms-grid-column: 3;
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):nth-child(4) {
+.awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(4) {
   grid-column: 4;
   -ms-grid-column: 4;
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):nth-child(5) {
+.awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(5) {
   grid-column: 5;
   -ms-grid-column: 5;
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):nth-child(6) {
+.awsui_segment_8cbea_rieo0_161:not(#\9):nth-child(6) {
   grid-column: 6;
   -ms-grid-column: 6;
 }
-.awsui_segment_8cbea_1h8wn_161.awsui_selected_8cbea_1h8wn_256:not(#\9) {
-  background: var(--color-background-segment-active-sly4sl, #0073bb);
-  color: var(--color-text-segment-active-mr3gdg, #ffffff);
+.awsui_segment_8cbea_rieo0_161.awsui_selected_8cbea_rieo0_256:not(#\9) {
+  background: var(--color-background-segment-active-tb5v1u, #0073bb);
+  color: var(--color-text-segment-active-j0pz2b, #ffffff);
 }
-.awsui_segment_8cbea_1h8wn_161.awsui_selected_8cbea_1h8wn_256 + .awsui_segment_8cbea_1h8wn_161:not(#\9), .awsui_segment_8cbea_1h8wn_161.awsui_selected_8cbea_1h8wn_256 + .awsui_segment_8cbea_1h8wn_161.awsui_disabled_8cbea_1h8wn_193:not(#\9) {
-  border-inline-start-color: var(--color-border-segment-active-9825j1, #16191f);
+.awsui_segment_8cbea_rieo0_161.awsui_selected_8cbea_rieo0_256 + .awsui_segment_8cbea_rieo0_161:not(#\9), .awsui_segment_8cbea_rieo0_161.awsui_selected_8cbea_rieo0_256 + .awsui_segment_8cbea_rieo0_161.awsui_disabled_8cbea_rieo0_193:not(#\9) {
+  border-inline-start-color: var(--color-border-segment-active-lq5o9c, #16191f);
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):not(.awsui_disabled_8cbea_1h8wn_193) + .awsui_segment_8cbea_1h8wn_161.awsui_disabled_8cbea_1h8wn_193 {
-  border-inline-start-color: var(--color-border-segment-default-e5zkrx, #687078);
+.awsui_segment_8cbea_rieo0_161:not(#\9):not(.awsui_disabled_8cbea_rieo0_193) + .awsui_segment_8cbea_rieo0_161.awsui_disabled_8cbea_rieo0_193 {
+  border-inline-start-color: var(--color-border-segment-default-t8hr6z, #687078);
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):hover:not(.awsui_selected_8cbea_1h8wn_256):not(.awsui_disabled_8cbea_1h8wn_193):not(:focus) {
-  background: var(--color-background-segment-hover-6vky3v, #fafafa);
-  color: var(--color-text-segment-hover-2pspuk, #16191f);
-  border-color: var(--color-border-segment-hover-2w1whe, #16191f);
+.awsui_segment_8cbea_rieo0_161:not(#\9):hover:not(.awsui_selected_8cbea_rieo0_256):not(.awsui_disabled_8cbea_rieo0_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);
   cursor: pointer;
 }
-.awsui_segment_8cbea_1h8wn_161:not(#\9):hover:not(.awsui_selected_8cbea_1h8wn_256):not(.awsui_disabled_8cbea_1h8wn_193):not(:focus) + .awsui_segment_8cbea_1h8wn_161:not(.awsui_selected_8cbea_1h8wn_256) {
-  border-inline-start-color: var(--color-border-segment-hover-2w1whe, #16191f);
+.awsui_segment_8cbea_rieo0_161:not(#\9):hover:not(.awsui_selected_8cbea_rieo0_256):not(.awsui_disabled_8cbea_rieo0_193):not(:focus) + .awsui_segment_8cbea_rieo0_161:not(.awsui_selected_8cbea_rieo0_256) {
+  border-inline-start-color: var(--color-border-segment-hover-y1gvtl, #16191f);
 }
-.awsui_segment_8cbea_1h8wn_161.awsui_selected_8cbea_1h8wn_256 + .awsui_segment_8cbea_1h8wn_161:not(#\9):hover:not(.awsui_selected_8cbea_1h8wn_256):not(.awsui_disabled_8cbea_1h8wn_193):not(:focus) {
-  border-inline-start-color: var(--color-border-segment-active-9825j1, #16191f);
+.awsui_segment_8cbea_rieo0_161.awsui_selected_8cbea_rieo0_256 + .awsui_segment_8cbea_rieo0_161:not(#\9):hover:not(.awsui_selected_8cbea_rieo0_256):not(.awsui_disabled_8cbea_rieo0_193):not(:focus) {
+  border-inline-start-color: var(--color-border-segment-active-lq5o9c, #16191f);
 }
-.awsui_icon_8cbea_1h8wn_279:not(#\9) {
+.awsui_icon_8cbea_rieo0_279:not(#\9) {
   /* used in test-utils */
 }
-.awsui_with-text_8cbea_1h8wn_283:not(#\9) {
+.awsui_with-text_8cbea_rieo0_283:not(#\9) {
   position: relative;
-  inset-inline-start: calc(-1 * var(--space-xxs-y2432o, 4px));
-  margin-inline-end: var(--space-xxs-y2432o, 4px);
+  inset-inline-start: calc(-1 * var(--space-xxs-jnczic, 4px));
+  margin-inline-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_with-no-text_8cbea_1h8wn_289:not(#\9) {
+.awsui_with-no-text_8cbea_rieo0_289:not(#\9) {
   margin-inline: auto;
   inset-inline: 0;
 }
-.awsui_root_8cbea_1h8wn_294:not(#\9) {
+.awsui_root_8cbea_rieo0_294:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -315,67 +315,69 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1h8wn_161:not(#\9):focu
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  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);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  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_1h8wn_326:not(#\9) {
+.awsui_segment-part_8cbea_rieo0_326:not(#\9) {
   display: inline-grid;
-  border-inline: solid var(--border-width-field-9kmoac, 1px) var(--color-border-input-default-2868kh, #687078);
-  border-block: solid var(--border-width-field-9kmoac, 1px) var(--color-border-input-default-2868kh, #687078);
-  border-start-start-radius: var(--border-radius-button-r0qo8t, 2px);
-  border-start-end-radius: var(--border-radius-button-r0qo8t, 2px);
-  border-end-start-radius: var(--border-radius-button-r0qo8t, 2px);
-  border-end-end-radius: var(--border-radius-button-r0qo8t, 2px);
+  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-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);
   align-items: center;
-  min-block-size: calc(var(--line-height-body-m-gw0130, 22px) + var(--space-static-xxs-9qxzo2, 4px));
-  padding-inline: var(--space-static-xxxs-h1c9px, 2px);
-  gap: calc(var(--space-static-xxs-9qxzo2, 4px) * 2 + 1px);
+  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_1h8wn_326:not(#\9):not(.awsui_refresh_8cbea_1h8wn_187) {
-  padding-inline: calc(var(--space-static-xxxs-h1c9px, 2px) + 1px);
-  gap: calc(var(--space-static-xxs-9qxzo2, 4px) * 2 - 1px);
+.awsui_segment-part_8cbea_rieo0_326:not(#\9):not(.awsui_refresh_8cbea_rieo0_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_1h8wn_326:not(#\9) {
+  .awsui_segment-part_8cbea_rieo0_326:not(#\9) {
     display: none;
   }
 }
-.awsui_select_8cbea_1h8wn_256:not(#\9) {
+.awsui_select_8cbea_rieo0_256:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
-  .awsui_select_8cbea_1h8wn_256:not(#\9) {
+  .awsui_select_8cbea_rieo0_256:not(#\9) {
     display: block;
   }
 }
-.awsui_segment-count-2_8cbea_1h8wn_359:not(#\9) {
+.awsui_segment-count-2_8cbea_rieo0_361:not(#\9) {
   grid-template-columns: repeat(2, auto);
 }
-.awsui_segment-count-3_8cbea_1h8wn_363:not(#\9) {
+.awsui_segment-count-3_8cbea_rieo0_365:not(#\9) {
   grid-template-columns: repeat(3, auto);
 }
-.awsui_segment-count-4_8cbea_1h8wn_367:not(#\9) {
+.awsui_segment-count-4_8cbea_rieo0_369:not(#\9) {
   grid-template-columns: repeat(4, auto);
 }
-.awsui_segment-count-5_8cbea_1h8wn_371:not(#\9) {
+.awsui_segment-count-5_8cbea_rieo0_373:not(#\9) {
   grid-template-columns: repeat(5, auto);
 }
-.awsui_segment-count-6_8cbea_1h8wn_375:not(#\9) {
+.awsui_segment-count-6_8cbea_rieo0_377:not(#\9) {
   grid-template-columns: repeat(6, auto);
 }
-.awsui_disabled-reason-tooltip_8cbea_1h8wn_379:not(#\9) {
+.awsui_disabled-reason-tooltip_8cbea_rieo0_381: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_1h8wn_161",
-  "refresh": "awsui_refresh_8cbea_1h8wn_187",
-  "disabled": "awsui_disabled_8cbea_1h8wn_193",
-  "selected": "awsui_selected_8cbea_1h8wn_256",
-  "icon": "awsui_icon_8cbea_1h8wn_279",
-  "with-text": "awsui_with-text_8cbea_1h8wn_283",
-  "with-no-text": "awsui_with-no-text_8cbea_1h8wn_289",
-  "root": "awsui_root_8cbea_1h8wn_294",
-  "segment-part": "awsui_segment-part_8cbea_1h8wn_326",
-  "select": "awsui_select_8cbea_1h8wn_256",
-  "segment-count-2": "awsui_segment-count-2_8cbea_1h8wn_359",
-  "segment-count-3": "awsui_segment-count-3_8cbea_1h8wn_363",
-  "segment-count-4": "awsui_segment-count-4_8cbea_1h8wn_367",
-  "segment-count-5": "awsui_segment-count-5_8cbea_1h8wn_371",
-  "segment-count-6": "awsui_segment-count-6_8cbea_1h8wn_375",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1h8wn_379"
+  "segment": "awsui_segment_8cbea_rieo0_161",
+  "refresh": "awsui_refresh_8cbea_rieo0_187",
+  "disabled": "awsui_disabled_8cbea_rieo0_193",
+  "selected": "awsui_selected_8cbea_rieo0_256",
+  "icon": "awsui_icon_8cbea_rieo0_279",
+  "with-text": "awsui_with-text_8cbea_rieo0_283",
+  "with-no-text": "awsui_with-no-text_8cbea_rieo0_289",
+  "root": "awsui_root_8cbea_rieo0_294",
+  "segment-part": "awsui_segment-part_8cbea_rieo0_326",
+  "select": "awsui_select_8cbea_rieo0_256",
+  "segment-count-2": "awsui_segment-count-2_8cbea_rieo0_361",
+  "segment-count-3": "awsui_segment-count-3_8cbea_rieo0_365",
+  "segment-count-4": "awsui_segment-count-4_8cbea_rieo0_369",
+  "segment-count-5": "awsui_segment-count-5_8cbea_rieo0_373",
+  "segment-count-6": "awsui_segment-count-6_8cbea_rieo0_377",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_rieo0_381"
 };

package/lib/internal/template/select/parts/styles.css.js CHANGED Viewed

@@ -1,25 +1,25 @@
     import './styles.scoped.css';
     export default {
-  "placeholder": "awsui_placeholder_dwuol_1yl5a_145",
-  "item": "awsui_item_dwuol_1yl5a_150",
-  "checkbox": "awsui_checkbox_dwuol_1yl5a_154",
-  "filter": "awsui_filter_dwuol_1yl5a_163",
-  "trigger": "awsui_trigger_dwuol_1yl5a_168",
-  "layout-strut": "awsui_layout-strut_dwuol_1yl5a_174",
-  "list-bottom": "awsui_list-bottom_dwuol_1yl5a_180",
-  "selected-icon": "awsui_selected-icon_dwuol_1yl5a_184",
-  "show-label-tag": "awsui_show-label-tag_dwuol_1yl5a_188",
-  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_1yl5a_192",
-  "inline-token-list": "awsui_inline-token-list_dwuol_1yl5a_199",
-  "inline-token": "awsui_inline-token_dwuol_1yl5a_192",
-  "visual-refresh": "awsui_visual-refresh_dwuol_1yl5a_229",
-  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_1yl5a_236",
-  "inline-token-counter": "awsui_inline-token-counter_dwuol_1yl5a_242",
-  "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_1yl5a_246",
-  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_dwuol_1yl5a_252",
-  "inline-label-wrapper": "awsui_inline-label-wrapper_dwuol_1yl5a_256",
-  "inline-label": "awsui_inline-label_dwuol_1yl5a_252",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_1yl5a_282"
+  "placeholder": "awsui_placeholder_dwuol_sejbl_145",
+  "item": "awsui_item_dwuol_sejbl_150",
+  "checkbox": "awsui_checkbox_dwuol_sejbl_154",
+  "filter": "awsui_filter_dwuol_sejbl_163",
+  "trigger": "awsui_trigger_dwuol_sejbl_168",
+  "layout-strut": "awsui_layout-strut_dwuol_sejbl_174",
+  "list-bottom": "awsui_list-bottom_dwuol_sejbl_180",
+  "selected-icon": "awsui_selected-icon_dwuol_sejbl_184",
+  "show-label-tag": "awsui_show-label-tag_dwuol_sejbl_188",
+  "inline-token-trigger": "awsui_inline-token-trigger_dwuol_sejbl_192",
+  "inline-token-list": "awsui_inline-token-list_dwuol_sejbl_199",
+  "inline-token": "awsui_inline-token_dwuol_sejbl_192",
+  "visual-refresh": "awsui_visual-refresh_dwuol_sejbl_229",
+  "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_sejbl_236",
+  "inline-token-counter": "awsui_inline-token-counter_dwuol_sejbl_242",
+  "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_sejbl_246",
+  "inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_dwuol_sejbl_252",
+  "inline-label-wrapper": "awsui_inline-label-wrapper_dwuol_sejbl_256",
+  "inline-label": "awsui_inline-label_dwuol_sejbl_252",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_sejbl_282"
 };

package/lib/internal/template/select/parts/styles.scoped.css CHANGED Viewed

@@ -142,143 +142,143 @@
 */
 /* 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_placeholder_dwuol_1yl5a_145:not(#\9) {
-  color: var(--color-text-input-placeholder-od847j, #687078);
+.awsui_placeholder_dwuol_sejbl_145:not(#\9) {
+  color: var(--color-text-input-placeholder-rerqpa, #687078);
   font-style: italic;
 }
-.awsui_item_dwuol_1yl5a_150:not(#\9) {
+.awsui_item_dwuol_sejbl_150:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_item_dwuol_1yl5a_150 > .awsui_checkbox_dwuol_1yl5a_154:not(#\9) {
+.awsui_item_dwuol_sejbl_150 > .awsui_checkbox_dwuol_sejbl_154:not(#\9) {
   position: relative;
-  min-block-size: var(--size-control-rwazx4, 14px);
-  min-inline-size: var(--size-control-rwazx4, 14px);
-  block-size: var(--size-control-rwazx4, 14px);
-  inline-size: var(--size-control-rwazx4, 14px);
-  margin-inline-end: var(--space-field-horizontal-cxdor9, 8px);
+  min-block-size: var(--size-control-lkpwjy, 14px);
+  min-inline-size: var(--size-control-lkpwjy, 14px);
+  block-size: var(--size-control-lkpwjy, 14px);
+  inline-size: var(--size-control-lkpwjy, 14px);
+  margin-inline-end: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_filter_dwuol_1yl5a_163:not(#\9) {
+.awsui_filter_dwuol_sejbl_163:not(#\9) {
   z-index: 4;
   flex-shrink: 0;
 }
-.awsui_trigger_dwuol_1yl5a_168:not(#\9) {
+.awsui_trigger_dwuol_sejbl_168:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_layout-strut_dwuol_1yl5a_174:not(#\9) {
+.awsui_layout-strut_dwuol_sejbl_174:not(#\9) {
   inline-size: 100%;
   position: relative;
   transform: translate3d(0, 0, 0);
 }
-.awsui_list-bottom_dwuol_1yl5a_180:not(#\9) {
+.awsui_list-bottom_dwuol_sejbl_180:not(#\9) {
   /* used in unit-tests */
 }
-.awsui_selected-icon_dwuol_1yl5a_184:not(#\9) {
-  color: var(--color-border-item-focused-q68bgg, #0073bb);
+.awsui_selected-icon_dwuol_sejbl_184:not(#\9) {
+  color: var(--color-border-item-focused-vx5mpq, #0073bb);
 }
-.awsui_show-label-tag_dwuol_1yl5a_188 > .awsui_selected-icon_dwuol_1yl5a_184:not(#\9) {
-  padding-inline-start: var(--space-scaled-s-8j7izy, 12px);
+.awsui_show-label-tag_dwuol_sejbl_188 > .awsui_selected-icon_dwuol_sejbl_184:not(#\9) {
+  padding-inline-start: var(--space-scaled-s-gjhvjd, 12px);
 }
-.awsui_inline-token-trigger_dwuol_1yl5a_192:not(#\9) {
+.awsui_inline-token-trigger_dwuol_sejbl_192:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
-  column-gap: var(--space-xxs-y2432o, 4px);
+  column-gap: var(--space-xxs-jnczic, 4px);
   inline-size: 100%;
 }
-.awsui_inline-token-list_dwuol_1yl5a_199:not(#\9) {
+.awsui_inline-token-list_dwuol_sejbl_199:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
-  gap: var(--space-xxs-y2432o, 4px);
+  gap: var(--space-xxs-jnczic, 4px);
   inline-size: 100%;
   overflow-x: hidden;
   mask-image: linear-gradient(270deg, transparent, white 20px, white);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_inline-token-list_dwuol_1yl5a_199:not(#\9):dir(rtl) {
+.awsui_inline-token-list_dwuol_sejbl_199:not(#\9):dir(rtl) {
   mask-image: linear-gradient(-270deg, transparent, white 20px, white);
 }
-.awsui_inline-token-list_dwuol_1yl5a_199 > .awsui_inline-token_dwuol_1yl5a_192:not(#\9) {
+.awsui_inline-token-list_dwuol_sejbl_199 > .awsui_inline-token_dwuol_sejbl_192:not(#\9) {
   display: flex;
   align-items: center;
   min-inline-size: max-content;
   block-size: 18px;
-  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-selected-aam4fo, #0073bb);
-  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-item-selected-aam4fo, #0073bb);
+  border-block: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-item-selected-gjef9b, #0073bb);
+  border-inline: var(--border-width-token-cwl2sl, 1px) solid var(--color-border-item-selected-gjef9b, #0073bb);
   padding-block: 0;
-  padding-inline: var(--space-xxs-y2432o, 4px);
-  background: var(--color-background-item-selected-ln25al, #f1faff);
-  border-start-start-radius: var(--border-radius-token-m43vgu, 2px);
-  border-start-end-radius: var(--border-radius-token-m43vgu, 2px);
-  border-end-start-radius: var(--border-radius-token-m43vgu, 2px);
-  border-end-end-radius: var(--border-radius-token-m43vgu, 2px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  padding-inline: var(--space-xxs-jnczic, 4px);
+  background: var(--color-background-item-selected-wgqdgm, #f1faff);
+  border-start-start-radius: var(--border-radius-token-8arsz0, 2px);
+  border-start-end-radius: var(--border-radius-token-8arsz0, 2px);
+  border-end-start-radius: var(--border-radius-token-8arsz0, 2px);
+  border-end-end-radius: var(--border-radius-token-8arsz0, 2px);
+  color: var(--color-text-body-default-1tki40, #16191f);
 }
-.awsui_visual-refresh_dwuol_1yl5a_229 > .awsui_inline-token-list_dwuol_1yl5a_199 > .awsui_inline-token_dwuol_1yl5a_192:not(#\9) {
-  border-start-start-radius: var(--border-radius-badge-nlbq5e, 16px);
-  border-start-end-radius: var(--border-radius-badge-nlbq5e, 16px);
-  border-end-start-radius: var(--border-radius-badge-nlbq5e, 16px);
-  border-end-end-radius: var(--border-radius-badge-nlbq5e, 16px);
+.awsui_visual-refresh_dwuol_sejbl_229 > .awsui_inline-token-list_dwuol_sejbl_199 > .awsui_inline-token_dwuol_sejbl_192:not(#\9) {
+  border-start-start-radius: var(--border-radius-badge-o70tla, 16px);
+  border-start-end-radius: var(--border-radius-badge-o70tla, 16px);
+  border-end-start-radius: var(--border-radius-badge-o70tla, 16px);
+  border-end-end-radius: var(--border-radius-badge-o70tla, 16px);
 }
-.awsui_inline-token-hidden-placeholder_dwuol_1yl5a_236:not(#\9) {
+.awsui_inline-token-hidden-placeholder_dwuol_sejbl_236:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_inline-token-counter_dwuol_1yl5a_242:not(#\9) {
+.awsui_inline-token-counter_dwuol_sejbl_242:not(#\9) {
   white-space: nowrap;
 }
-.awsui_inline-token-trigger--disabled_dwuol_1yl5a_246 > .awsui_inline-token-list_dwuol_1yl5a_199 > .awsui_inline-token_dwuol_1yl5a_192:not(#\9) {
-  border-color: var(--color-border-control-disabled-7jgofv, #d5dbdb);
-  background-color: var(--color-background-container-content-myy7cn, #ffffff);
-  color: var(--color-text-disabled-hv8bna, #aab7b8);
+.awsui_inline-token-trigger--disabled_dwuol_sejbl_246 > .awsui_inline-token-list_dwuol_sejbl_199 > .awsui_inline-token_dwuol_sejbl_192:not(#\9) {
+  border-color: var(--color-border-control-disabled-nznalw, #d5dbdb);
+  background-color: var(--color-background-container-content-mvmryi, #ffffff);
+  color: var(--color-text-disabled-nvj3g2, #aab7b8);
 }
-.awsui_inline-label-trigger-wrapper_dwuol_1yl5a_252:not(#\9) {
+.awsui_inline-label-trigger-wrapper_dwuol_sejbl_252:not(#\9) {
   margin-block-start: -7px;
 }
-.awsui_inline-label-wrapper_dwuol_1yl5a_256:not(#\9) {
-  margin-block-start: calc(var(--space-scaled-xs-t3am3w, 8px) * -1);
+.awsui_inline-label-wrapper_dwuol_sejbl_256:not(#\9) {
+  margin-block-start: calc(var(--space-scaled-xs-sppte9, 8px) * -1);
 }
-.awsui_inline-label_dwuol_1yl5a_252:not(#\9) {
-  background: var(--color-background-container-header-9jxtzb, #fafafa);
+.awsui_inline-label_dwuol_sejbl_252:not(#\9) {
+  background: linear-gradient(to bottom, var(--color-background-layout-main-nu5m0g, #f2f3f3), var(--color-background-input-default-83w0sy, #ffffff));
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;
   border-end-start-radius: 2px;
   border-end-end-radius: 2px;
   box-sizing: border-box;
   display: inline-block;
-  color: var(--color-text-form-label-o56hrc, #16191f);
-  font-weight: var(--font-display-label-weight-5p8eav, 400);
-  font-size: var(--font-size-body-s-4dzx5q, 12px);
+  color: var(--color-text-form-label-dkbeb1, #16191f);
+  font-weight: var(--font-display-label-weight-ise9n2, 400);
+  font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: 14px;
-  letter-spacing: var(--letter-spacing-body-s-cbaxyl, normal);
+  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   position: relative;
-  inset-inline-start: calc(var(--border-width-field-9kmoac, 1px) + var(--space-field-horizontal-cxdor9, 8px) - var(--space-scaled-xxs-krq5fq, 4px));
-  margin-block-start: var(--space-scaled-xs-t3am3w, 8px);
+  inset-inline-start: calc(var(--border-width-field-9k1tdz, 1px) + var(--space-field-horizontal-n5peob, 8px) - var(--space-scaled-xxs-jatbiv, 4px));
+  margin-block-start: var(--space-scaled-xs-sppte9, 8px);
   padding-block-end: 2px;
-  padding-inline: var(--space-scaled-xxs-krq5fq, 4px);
-  max-inline-size: calc(100% - 2 * var(--space-field-horizontal-cxdor9, 8px));
+  padding-inline: var(--space-scaled-xxs-jatbiv, 4px);
+  max-inline-size: calc(100% - 2 * var(--space-field-horizontal-n5peob, 8px));
   z-index: 1;
 }
-.awsui_disabled-reason-tooltip_dwuol_1yl5a_282:not(#\9) {
+.awsui_disabled-reason-tooltip_dwuol_sejbl_282:not(#\9) {
   /* used in test-utils or tests */
 }