npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1303 → 3.0.1305 - Mend

@cloudscape-design/components-themeable 3.0.1303 → 3.0.1305

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

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_o8jty_161:not(#\9) {
+.awsui_segment_8cbea_1pidh_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: calc(var(--space-field-vertical-dgs6s0, 4px) - var(--border-width-field-9k1tdz, 1px));
   padding-inline: calc(var(--space-button-horizontal-v8ywmo, 20px) - var(--space-static-xxs-0cgyf1, 4px));
-  background: var(--awsui-style-background-default-6b9ypa, var(--color-background-segment-default-zwi7m6, #ffffff));
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-segment-default-a74tco, #545b64));
+  background: var(--awsui-style-background-default-jsjyte, var(--color-background-segment-default-zwi7m6, #ffffff));
+  color: var(--awsui-style-color-default-jsjyte, var(--color-text-segment-default-a74tco, #545b64));
   overflow: visible;
   border-start-start-radius: calc(var(--border-radius-button-vm1lh4, 2px) - 3px);
   border-start-end-radius: calc(var(--border-radius-button-vm1lh4, 2px) - 3px);
@@ -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-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-r5f6xl, #0073bb));
+  --awsui-style-focus-ring-box-shadow-jsjyte: 0 0 0 var(--awsui-style-focus-ring-border-width-jsjyte, 2px) var(--awsui-style-focus-ring-border-color-jsjyte, var(--color-border-item-focused-r5f6xl, #0073bb));
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):not(.awsui_refresh_8cbea_o8jty_188) {
+.awsui_segment_8cbea_1pidh_161:not(#\9):not(.awsui_refresh_8cbea_1pidh_188) {
   block-size: calc(100% - var(--space-static-xxs-0cgyf1, 4px) - 2 * var(--border-width-field-9k1tdz, 1px));
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):focus {
+.awsui_segment_8cbea_1pidh_161:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_8cbea_o8jty_161.awsui_disabled_8cbea_o8jty_194:not(#\9) {
-  background: var(--awsui-style-background-disabled-6b9ypa, var(--color-background-segment-disabled-etp65k, #ffffff));
-  color: var(--awsui-style-color-disabled-6b9ypa, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
+.awsui_segment_8cbea_1pidh_161.awsui_disabled_8cbea_1pidh_194:not(#\9) {
+  background: var(--awsui-style-background-disabled-jsjyte, var(--color-background-segment-disabled-etp65k, #ffffff));
+  color: var(--awsui-style-color-disabled-jsjyte, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_o8jty_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1pidh_161:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_o8jty_161:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1pidh_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_o8jty_161:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1pidh_161:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -210,14 +210,14 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_o8jty_161:not(#\9):focu
   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(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-jsjyte, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-jsjyte, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-jsjyte, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-jsjyte, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-jsjyte);
   z-index: 1;
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):not(:last-child)::after {
+.awsui_segment_8cbea_1pidh_161:not(#\9):not(:last-child)::after {
   content: "";
   position: absolute;
   inset-inline-end: calc(-1 * (var(--space-static-xxs-0cgyf1, 4px) + 1px));
@@ -227,53 +227,53 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_o8jty_161:not(#\9):focu
   background: var(--color-border-input-default-txli8y, #687078);
   z-index: 1;
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):not(.awsui_refresh_8cbea_o8jty_188):not(:last-child)::after {
+.awsui_segment_8cbea_1pidh_161:not(#\9):not(.awsui_refresh_8cbea_1pidh_188):not(:last-child)::after {
   inset-inline-end: calc(-1 * var(--space-static-xxs-0cgyf1, 4px));
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):nth-child(1) {
+.awsui_segment_8cbea_1pidh_161:not(#\9):nth-child(1) {
   grid-column: 1;
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):nth-child(2) {
+.awsui_segment_8cbea_1pidh_161:not(#\9):nth-child(2) {
   grid-column: 2;
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):nth-child(3) {
+.awsui_segment_8cbea_1pidh_161:not(#\9):nth-child(3) {
   grid-column: 3;
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):nth-child(4) {
+.awsui_segment_8cbea_1pidh_161:not(#\9):nth-child(4) {
   grid-column: 4;
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):nth-child(5) {
+.awsui_segment_8cbea_1pidh_161:not(#\9):nth-child(5) {
   grid-column: 5;
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):nth-child(6) {
+.awsui_segment_8cbea_1pidh_161:not(#\9):nth-child(6) {
   grid-column: 6;
 }
-.awsui_segment_8cbea_o8jty_161.awsui_selected_8cbea_o8jty_251:not(#\9) {
-  background: var(--awsui-style-background-active-6b9ypa, var(--color-background-segment-active-pvua4h, #0073bb));
-  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-segment-active-q50mlg, #ffffff));
+.awsui_segment_8cbea_1pidh_161.awsui_selected_8cbea_1pidh_251:not(#\9) {
+  background: var(--awsui-style-background-active-jsjyte, var(--color-background-segment-active-pvua4h, #0073bb));
+  color: var(--awsui-style-color-active-jsjyte, var(--color-text-segment-active-q50mlg, #ffffff));
 }
-.awsui_segment_8cbea_o8jty_161:not(#\9):hover:not(.awsui_selected_8cbea_o8jty_251):not(.awsui_disabled_8cbea_o8jty_194):not(:focus) {
-  background: var(--awsui-style-background-hover-6b9ypa, var(--color-background-segment-hover-bakufl, #fafafa));
-  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-segment-hover-33xnva, #16191f));
+.awsui_segment_8cbea_1pidh_161:not(#\9):hover:not(.awsui_selected_8cbea_1pidh_251):not(.awsui_disabled_8cbea_1pidh_194):not(:focus) {
+  background: var(--awsui-style-background-hover-jsjyte, var(--color-background-segment-hover-bakufl, #fafafa));
+  color: var(--awsui-style-color-hover-jsjyte, var(--color-text-segment-hover-33xnva, #16191f));
   cursor: pointer;
 }
-.awsui_icon_8cbea_o8jty_261:not(#\9) {
+.awsui_icon_8cbea_1pidh_261:not(#\9) {
   /* used in test-utils */
 }
-.awsui_with-text_8cbea_o8jty_265:not(#\9) {
+.awsui_with-text_8cbea_1pidh_265: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_o8jty_271:not(#\9) {
+.awsui_with-no-text_8cbea_1pidh_271:not(#\9) {
   margin-inline: auto;
   inset-inline: 0;
 }
-.awsui_root_8cbea_o8jty_276:not(#\9) {
+.awsui_root_8cbea_1pidh_276:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -305,7 +305,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_o8jty_161:not(#\9):focu
   -moz-osx-font-smoothing: auto;
 }
-.awsui_segment-part_8cbea_o8jty_308:not(#\9) {
+.awsui_segment-part_8cbea_1pidh_308:not(#\9) {
   display: inline-grid;
   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);
@@ -320,46 +320,46 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_o8jty_161:not(#\9):focu
   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_o8jty_308:not(#\9):not(.awsui_refresh_8cbea_o8jty_188) {
+.awsui_segment-part_8cbea_1pidh_308:not(#\9):not(.awsui_refresh_8cbea_1pidh_188) {
   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_o8jty_308:not(#\9) {
+  .awsui_segment-part_8cbea_1pidh_308:not(#\9) {
     display: none;
   }
 }
-.awsui_select_8cbea_o8jty_251:not(#\9) {
+.awsui_select_8cbea_1pidh_251:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
-  .awsui_select_8cbea_o8jty_251:not(#\9) {
+  .awsui_select_8cbea_1pidh_251:not(#\9) {
     display: block;
   }
 }
-.awsui_segment-count-2_8cbea_o8jty_343:not(#\9) {
+.awsui_segment-count-2_8cbea_1pidh_343:not(#\9) {
   grid-template-columns: repeat(2, auto);
 }
-.awsui_segment-count-3_8cbea_o8jty_347:not(#\9) {
+.awsui_segment-count-3_8cbea_1pidh_347:not(#\9) {
   grid-template-columns: repeat(3, auto);
 }
-.awsui_segment-count-4_8cbea_o8jty_351:not(#\9) {
+.awsui_segment-count-4_8cbea_1pidh_351:not(#\9) {
   grid-template-columns: repeat(4, auto);
 }
-.awsui_segment-count-5_8cbea_o8jty_355:not(#\9) {
+.awsui_segment-count-5_8cbea_1pidh_355:not(#\9) {
   grid-template-columns: repeat(5, auto);
 }
-.awsui_segment-count-6_8cbea_o8jty_359:not(#\9) {
+.awsui_segment-count-6_8cbea_1pidh_359:not(#\9) {
   grid-template-columns: repeat(6, auto);
 }
-.awsui_disabled-reason-tooltip_8cbea_o8jty_363:not(#\9) {
+.awsui_disabled-reason-tooltip_8cbea_1pidh_363: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_o8jty_161",
-  "refresh": "awsui_refresh_8cbea_o8jty_188",
-  "disabled": "awsui_disabled_8cbea_o8jty_194",
-  "selected": "awsui_selected_8cbea_o8jty_251",
-  "icon": "awsui_icon_8cbea_o8jty_261",
-  "with-text": "awsui_with-text_8cbea_o8jty_265",
-  "with-no-text": "awsui_with-no-text_8cbea_o8jty_271",
-  "root": "awsui_root_8cbea_o8jty_276",
-  "segment-part": "awsui_segment-part_8cbea_o8jty_308",
-  "select": "awsui_select_8cbea_o8jty_251",
-  "segment-count-2": "awsui_segment-count-2_8cbea_o8jty_343",
-  "segment-count-3": "awsui_segment-count-3_8cbea_o8jty_347",
-  "segment-count-4": "awsui_segment-count-4_8cbea_o8jty_351",
-  "segment-count-5": "awsui_segment-count-5_8cbea_o8jty_355",
-  "segment-count-6": "awsui_segment-count-6_8cbea_o8jty_359",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_o8jty_363"
+  "segment": "awsui_segment_8cbea_1pidh_161",
+  "refresh": "awsui_refresh_8cbea_1pidh_188",
+  "disabled": "awsui_disabled_8cbea_1pidh_194",
+  "selected": "awsui_selected_8cbea_1pidh_251",
+  "icon": "awsui_icon_8cbea_1pidh_261",
+  "with-text": "awsui_with-text_8cbea_1pidh_265",
+  "with-no-text": "awsui_with-no-text_8cbea_1pidh_271",
+  "root": "awsui_root_8cbea_1pidh_276",
+  "segment-part": "awsui_segment-part_8cbea_1pidh_308",
+  "select": "awsui_select_8cbea_1pidh_251",
+  "segment-count-2": "awsui_segment-count-2_8cbea_1pidh_343",
+  "segment-count-3": "awsui_segment-count-3_8cbea_1pidh_347",
+  "segment-count-4": "awsui_segment-count-4_8cbea_1pidh_351",
+  "segment-count-5": "awsui_segment-count-5_8cbea_1pidh_355",
+  "segment-count-6": "awsui_segment-count-6_8cbea_1pidh_359",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_8cbea_1pidh_363"
 };

package/lib/internal/template/slider/styles.css.js CHANGED Viewed

@@ -1,31 +1,31 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_pcgz5_16g3u_153",
-  "slider": "awsui_slider_pcgz5_16g3u_190",
-  "slider-track": "awsui_slider-track_pcgz5_16g3u_194",
-  "slider-range": "awsui_slider-range_pcgz5_16g3u_194",
-  "disabled": "awsui_disabled_pcgz5_16g3u_209",
-  "readonly": "awsui_readonly_pcgz5_16g3u_213",
-  "error": "awsui_error_pcgz5_16g3u_222",
-  "warning": "awsui_warning_pcgz5_16g3u_225",
-  "active": "awsui_active_pcgz5_16g3u_228",
-  "error-active": "awsui_error-active_pcgz5_16g3u_231",
-  "warning-active": "awsui_warning-active_pcgz5_16g3u_234",
-  "labels": "awsui_labels_pcgz5_16g3u_245",
-  "labels-noref": "awsui_labels-noref_pcgz5_16g3u_251",
-  "labels-reference": "awsui_labels-reference_pcgz5_16g3u_254",
-  "labels-min": "awsui_labels-min_pcgz5_16g3u_261",
-  "labels-max": "awsui_labels-max_pcgz5_16g3u_267",
-  "labels-aria-description": "awsui_labels-aria-description_pcgz5_16g3u_275",
-  "ticks": "awsui_ticks_pcgz5_16g3u_293",
-  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_16g3u_299",
-  "tick": "awsui_tick_pcgz5_16g3u_293",
-  "middle": "awsui_middle_pcgz5_16g3u_314",
-  "filled": "awsui_filled_pcgz5_16g3u_317",
-  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_16g3u_345",
-  "thumb": "awsui_thumb_pcgz5_16g3u_358",
-  "min": "awsui_min_pcgz5_16g3u_394",
-  "max": "awsui_max_pcgz5_16g3u_397"
+  "root": "awsui_root_pcgz5_1trzp_153",
+  "slider": "awsui_slider_pcgz5_1trzp_190",
+  "slider-track": "awsui_slider-track_pcgz5_1trzp_194",
+  "slider-range": "awsui_slider-range_pcgz5_1trzp_194",
+  "disabled": "awsui_disabled_pcgz5_1trzp_209",
+  "readonly": "awsui_readonly_pcgz5_1trzp_213",
+  "error": "awsui_error_pcgz5_1trzp_222",
+  "warning": "awsui_warning_pcgz5_1trzp_225",
+  "active": "awsui_active_pcgz5_1trzp_228",
+  "error-active": "awsui_error-active_pcgz5_1trzp_231",
+  "warning-active": "awsui_warning-active_pcgz5_1trzp_234",
+  "labels": "awsui_labels_pcgz5_1trzp_245",
+  "labels-noref": "awsui_labels-noref_pcgz5_1trzp_251",
+  "labels-reference": "awsui_labels-reference_pcgz5_1trzp_254",
+  "labels-min": "awsui_labels-min_pcgz5_1trzp_261",
+  "labels-max": "awsui_labels-max_pcgz5_1trzp_267",
+  "labels-aria-description": "awsui_labels-aria-description_pcgz5_1trzp_275",
+  "ticks": "awsui_ticks_pcgz5_1trzp_293",
+  "ticks-wrapper": "awsui_ticks-wrapper_pcgz5_1trzp_299",
+  "tick": "awsui_tick_pcgz5_1trzp_293",
+  "middle": "awsui_middle_pcgz5_1trzp_314",
+  "filled": "awsui_filled_pcgz5_1trzp_317",
+  "tooltip-thumb": "awsui_tooltip-thumb_pcgz5_1trzp_345",
+  "thumb": "awsui_thumb_pcgz5_1trzp_358",
+  "min": "awsui_min_pcgz5_1trzp_394",
+  "max": "awsui_max_pcgz5_1trzp_397"
 };