@cloudscape-design/components 3.0.1143 → 3.0.1144

package/segmented-control/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "segment": "awsui_segment_8cbea_8fha8_161",
-  "refresh": "awsui_refresh_8cbea_8fha8_187",
-  "disabled": "awsui_disabled_8cbea_8fha8_193",
-  "selected": "awsui_selected_8cbea_8fha8_250",
-  "icon": "awsui_icon_8cbea_8fha8_273",
-  "with-text": "awsui_with-text_8cbea_8fha8_277",
-  "with-no-text": "awsui_with-no-text_8cbea_8fha8_283",
-  "root": "awsui_root_8cbea_8fha8_288",
-  "segment-part": "awsui_segment-part_8cbea_8fha8_320",
-  "select": "awsui_select_8cbea_8fha8_250",
-  "segment-count-2": "awsui_segment-count-2_8cbea_8fha8_355",
-  "segment-count-3": "awsui_segment-count-3_8cbea_8fha8_359",
-  "segment-count-4": "awsui_segment-count-4_8cbea_8fha8_363",
-  "segment-count-5": "awsui_segment-count-5_8cbea_8fha8_367",
-  "segment-count-6": "awsui_segment-count-6_8cbea_8fha8_371",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_8fha8_375"
+  "segment": "awsui_segment_8cbea_1nnm7_161",
+  "refresh": "awsui_refresh_8cbea_1nnm7_188",
+  "disabled": "awsui_disabled_8cbea_1nnm7_194",
+  "selected": "awsui_selected_8cbea_1nnm7_251",
+  "icon": "awsui_icon_8cbea_1nnm7_261",
+  "with-text": "awsui_with-text_8cbea_1nnm7_265",
+  "with-no-text": "awsui_with-no-text_8cbea_1nnm7_271",
+  "root": "awsui_root_8cbea_1nnm7_276",
+  "segment-part": "awsui_segment-part_8cbea_1nnm7_308",
+  "select": "awsui_select_8cbea_1nnm7_251",
+  "segment-count-2": "awsui_segment-count-2_8cbea_1nnm7_343",
+  "segment-count-3": "awsui_segment-count-3_8cbea_1nnm7_347",
+  "segment-count-4": "awsui_segment-count-4_8cbea_1nnm7_351",
+  "segment-count-5": "awsui_segment-count-5_8cbea_1nnm7_355",
+  "segment-count-6": "awsui_segment-count-6_8cbea_1nnm7_359",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1nnm7_363"
 };
   

package/segmented-control/styles.scoped.css

@@ -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_8fha8_161:not(#\9) {
+.awsui_segment_8cbea_1nnm7_161:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   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-pfm1nx, 4px);
   padding-inline: calc(var(--space-button-horizontal-k0c786, 20px) - var(--space-static-xxs-ns94dp, 4px));
-  background: var(--color-background-segment-default-b0r494, #ffffff);
-  color: var(--color-text-segment-default-vi2vn9, #424650);
+  background: var(--awsui-style-background-default-d43v8n, var(--color-background-segment-default-b0r494, #ffffff));
+  color: var(--awsui-style-color-default-d43v8n, var(--color-text-segment-default-vi2vn9, #424650));
   overflow: visible;
   border-start-start-radius: var(--border-radius-button-7bgkcs, 20px);
   border-start-end-radius: var(--border-radius-button-7bgkcs, 20px);
@@ -183,26 +183,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
   border-inline: none;
   border-block: none;
+  --awsui-style-focus-ring-box-shadow-d43v8n: 0 0 0 var(--awsui-style-focus-ring-border-width-d43v8n, 2px) var(--awsui-style-focus-ring-border-color-d43v8n, var(--color-border-item-focused-uk47pl, #006ce0));
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):not(.awsui_refresh_8cbea_8fha8_187) {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):not(.awsui_refresh_8cbea_1nnm7_188) {
   block-size: calc(100% - var(--space-static-xxs-ns94dp, 4px) - 2 * var(--border-width-field-2xc78x, 1px));
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):focus {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_8cbea_8fha8_161.awsui_disabled_8cbea_8fha8_193:not(#\9) {
-  background: var(--color-background-segment-disabled-m2a5t7, #ffffff);
-  border-color: var(--color-border-segment-disabled-fcrbcl, #424650);
-  color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
+.awsui_segment_8cbea_1nnm7_161.awsui_disabled_8cbea_1nnm7_194:not(#\9) {
+  background: var(--awsui-style-background-disabled-d43v8n, var(--color-background-segment-disabled-m2a5t7, #ffffff));
+  color: var(--awsui-style-color-disabled-d43v8n, var(--color-text-interactive-disabled-1bqmrl, #b4b4bb));
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_8fha8_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1nnm7_161:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_8fha8_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1nnm7_161:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_8fha8_161:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1nnm7_161:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -210,13 +210,14 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_8fha8_161:not(#\9):focu
   inset-block-start: calc(-1 * var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px));
   inline-size: calc(100% + var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px) + var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px));
   block-size: calc(100% + var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px) + var(--space-segmented-control-focus-outline-gutter-x1ywqb, 6px));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-d43v8n);
+  z-index: 1;
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):not(:last-child)::after {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):not(:last-child)::after {
   content: "";
   position: absolute;
   inset-inline-end: calc(-1 * (var(--space-static-xxs-ns94dp, 4px) + 1px));
@@ -226,66 +227,53 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_8fha8_161:not(#\9):focu
   background: var(--color-border-input-default-317xk5, #8c8c94);
   z-index: 1;
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):not(.awsui_refresh_8cbea_8fha8_187):not(:last-child)::after {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):not(.awsui_refresh_8cbea_1nnm7_188):not(:last-child)::after {
   inset-inline-end: calc(-1 * var(--space-static-xxs-ns94dp, 4px));
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):nth-child(1) {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):nth-child(1) {
   grid-column: 1;
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):nth-child(2) {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):nth-child(2) {
   grid-column: 2;
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):nth-child(3) {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):nth-child(3) {
   grid-column: 3;
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):nth-child(4) {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):nth-child(4) {
   grid-column: 4;
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):nth-child(5) {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):nth-child(5) {
   grid-column: 5;
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):nth-child(6) {
+.awsui_segment_8cbea_1nnm7_161:not(#\9):nth-child(6) {
   grid-column: 6;
 }
-.awsui_segment_8cbea_8fha8_161.awsui_selected_8cbea_8fha8_250:not(#\9) {
-  background: var(--color-background-segment-active-1u2ldl, #006ce0);
-  color: var(--color-text-segment-active-hlorbe, #ffffff);
-}
-.awsui_segment_8cbea_8fha8_161.awsui_selected_8cbea_8fha8_250 + .awsui_segment_8cbea_8fha8_161:not(#\9), .awsui_segment_8cbea_8fha8_161.awsui_selected_8cbea_8fha8_250 + .awsui_segment_8cbea_8fha8_161.awsui_disabled_8cbea_8fha8_193:not(#\9) {
-  border-inline-start-color: var(--color-border-segment-active-ls9t4n, #424650);
-}
-.awsui_segment_8cbea_8fha8_161:not(#\9):not(.awsui_disabled_8cbea_8fha8_193) + .awsui_segment_8cbea_8fha8_161.awsui_disabled_8cbea_8fha8_193 {
-  border-inline-start-color: var(--color-border-segment-default-6ig2mo, #424650);
+.awsui_segment_8cbea_1nnm7_161.awsui_selected_8cbea_1nnm7_251:not(#\9) {
+  background: var(--awsui-style-background-active-d43v8n, var(--color-background-segment-active-1u2ldl, #006ce0));
+  color: var(--awsui-style-color-active-d43v8n, var(--color-text-segment-active-hlorbe, #ffffff));
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):hover:not(.awsui_selected_8cbea_8fha8_250):not(.awsui_disabled_8cbea_8fha8_193):not(:focus) {
-  background: var(--color-background-segment-hover-800sl4, #f0fbff);
-  color: var(--color-text-segment-hover-65a2x8, #002b66);
-  border-color: var(--color-border-segment-hover-0o9ey3, #424650);
+.awsui_segment_8cbea_1nnm7_161:not(#\9):hover:not(.awsui_selected_8cbea_1nnm7_251):not(.awsui_disabled_8cbea_1nnm7_194):not(:focus) {
+  background: var(--awsui-style-background-hover-d43v8n, var(--color-background-segment-hover-800sl4, #f0fbff));
+  color: var(--awsui-style-color-hover-d43v8n, var(--color-text-segment-hover-65a2x8, #002b66));
   cursor: pointer;
 }
-.awsui_segment_8cbea_8fha8_161:not(#\9):hover:not(.awsui_selected_8cbea_8fha8_250):not(.awsui_disabled_8cbea_8fha8_193):not(:focus) + .awsui_segment_8cbea_8fha8_161:not(.awsui_selected_8cbea_8fha8_250) {
-  border-inline-start-color: var(--color-border-segment-hover-0o9ey3, #424650);
-}
-.awsui_segment_8cbea_8fha8_161.awsui_selected_8cbea_8fha8_250 + .awsui_segment_8cbea_8fha8_161:not(#\9):hover:not(.awsui_selected_8cbea_8fha8_250):not(.awsui_disabled_8cbea_8fha8_193):not(:focus) {
-  border-inline-start-color: var(--color-border-segment-active-ls9t4n, #424650);
-}
 
-.awsui_icon_8cbea_8fha8_273:not(#\9) {
+.awsui_icon_8cbea_1nnm7_261:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_with-text_8cbea_8fha8_277:not(#\9) {
+.awsui_with-text_8cbea_1nnm7_265:not(#\9) {
   position: relative;
   inset-inline-start: calc(-1 * var(--space-xxs-hwfkai, 4px));
   margin-inline-end: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_with-no-text_8cbea_8fha8_283:not(#\9) {
+.awsui_with-no-text_8cbea_1nnm7_271:not(#\9) {
   margin-inline: auto;
   inset-inline: 0;
 }
 
-.awsui_root_8cbea_8fha8_288:not(#\9) {
+.awsui_root_8cbea_1nnm7_276:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -317,7 +305,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_8fha8_161:not(#\9):focu
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_segment-part_8cbea_8fha8_320:not(#\9) {
+.awsui_segment-part_8cbea_1nnm7_308:not(#\9) {
   display: inline-grid;
   border-inline: solid var(--border-width-field-2xc78x, 1px) var(--color-border-input-default-317xk5, #8c8c94);
   border-block: solid var(--border-width-field-2xc78x, 1px) var(--color-border-input-default-317xk5, #8c8c94);
@@ -332,46 +320,46 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_8fha8_161:not(#\9):focu
   padding-inline: calc(var(--space-static-xxs-ns94dp, 4px) - var(--border-width-field-2xc78x, 1px));
   gap: calc(var(--space-static-xxs-ns94dp, 4px) * 2 + 1px);
 }
-.awsui_segment-part_8cbea_8fha8_320:not(#\9):not(.awsui_refresh_8cbea_8fha8_187) {
+.awsui_segment-part_8cbea_1nnm7_308:not(#\9):not(.awsui_refresh_8cbea_1nnm7_188) {
   padding-inline: calc(var(--space-static-xxxs-yidks1, 2px) + var(--border-width-field-2xc78x, 1px));
   padding-block: 0;
   gap: calc(var(--space-static-xxs-ns94dp, 4px) * 2 - 1px);
 }
 @media (max-width: 688px) {
-  .awsui_segment-part_8cbea_8fha8_320:not(#\9) {
+  .awsui_segment-part_8cbea_1nnm7_308:not(#\9) {
     display: none;
   }
 }
 
-.awsui_select_8cbea_8fha8_250:not(#\9) {
+.awsui_select_8cbea_1nnm7_251:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
-  .awsui_select_8cbea_8fha8_250:not(#\9) {
+  .awsui_select_8cbea_1nnm7_251:not(#\9) {
     display: block;
   }
 }
 
-.awsui_segment-count-2_8cbea_8fha8_355:not(#\9) {
+.awsui_segment-count-2_8cbea_1nnm7_343:not(#\9) {
   grid-template-columns: repeat(2, auto);
 }
 
-.awsui_segment-count-3_8cbea_8fha8_359:not(#\9) {
+.awsui_segment-count-3_8cbea_1nnm7_347:not(#\9) {
   grid-template-columns: repeat(3, auto);
 }
 
-.awsui_segment-count-4_8cbea_8fha8_363:not(#\9) {
+.awsui_segment-count-4_8cbea_1nnm7_351:not(#\9) {
   grid-template-columns: repeat(4, auto);
 }
 
-.awsui_segment-count-5_8cbea_8fha8_367:not(#\9) {
+.awsui_segment-count-5_8cbea_1nnm7_355:not(#\9) {
   grid-template-columns: repeat(5, auto);
 }
 
-.awsui_segment-count-6_8cbea_8fha8_371:not(#\9) {
+.awsui_segment-count-6_8cbea_1nnm7_359:not(#\9) {
   grid-template-columns: repeat(6, auto);
 }
 
-.awsui_disabled-reason-tooltip_8cbea_8fha8_375:not(#\9) {
+.awsui_disabled-reason-tooltip_8cbea_1nnm7_363:not(#\9) {
   /* used in test-utils or tests */
 }

package/segmented-control/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment": "awsui_segment_8cbea_8fha8_161",
-  "refresh": "awsui_refresh_8cbea_8fha8_187",
-  "disabled": "awsui_disabled_8cbea_8fha8_193",
-  "selected": "awsui_selected_8cbea_8fha8_250",
-  "icon": "awsui_icon_8cbea_8fha8_273",
-  "with-text": "awsui_with-text_8cbea_8fha8_277",
-  "with-no-text": "awsui_with-no-text_8cbea_8fha8_283",
-  "root": "awsui_root_8cbea_8fha8_288",
-  "segment-part": "awsui_segment-part_8cbea_8fha8_320",
-  "select": "awsui_select_8cbea_8fha8_250",
-  "segment-count-2": "awsui_segment-count-2_8cbea_8fha8_355",
-  "segment-count-3": "awsui_segment-count-3_8cbea_8fha8_359",
-  "segment-count-4": "awsui_segment-count-4_8cbea_8fha8_363",
-  "segment-count-5": "awsui_segment-count-5_8cbea_8fha8_367",
-  "segment-count-6": "awsui_segment-count-6_8cbea_8fha8_371",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_8fha8_375"
+  "segment": "awsui_segment_8cbea_1nnm7_161",
+  "refresh": "awsui_refresh_8cbea_1nnm7_188",
+  "disabled": "awsui_disabled_8cbea_1nnm7_194",
+  "selected": "awsui_selected_8cbea_1nnm7_251",
+  "icon": "awsui_icon_8cbea_1nnm7_261",
+  "with-text": "awsui_with-text_8cbea_1nnm7_265",
+  "with-no-text": "awsui_with-no-text_8cbea_1nnm7_271",
+  "root": "awsui_root_8cbea_1nnm7_276",
+  "segment-part": "awsui_segment-part_8cbea_1nnm7_308",
+  "select": "awsui_select_8cbea_1nnm7_251",
+  "segment-count-2": "awsui_segment-count-2_8cbea_1nnm7_343",
+  "segment-count-3": "awsui_segment-count-3_8cbea_1nnm7_347",
+  "segment-count-4": "awsui_segment-count-4_8cbea_1nnm7_351",
+  "segment-count-5": "awsui_segment-count-5_8cbea_1nnm7_355",
+  "segment-count-6": "awsui_segment-count-6_8cbea_1nnm7_359",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1nnm7_363"
 };