@cloudscape-design/components 3.0.649 → 3.0.651

package/internal/components/panel-resize-handle/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,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_slider_cqzlk_1ksjn_99:not(#\9) {
+.awsui_slider_cqzlk_1i9f3_97:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   cursor: ns-resize;
@@ -106,17 +104,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 16px;
   touch-action: none;
 }
-.awsui_slider_cqzlk_1ksjn_99:not(#\9):focus {
+.awsui_slider_cqzlk_1i9f3_97:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1i9f3_97:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1i9f3_97:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1i9f3_97:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -131,23 +129,23 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus:
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
 
-.awsui_slider-side_cqzlk_1ksjn_134:not(#\9) {
+.awsui_slider-side_cqzlk_1i9f3_132:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
 
-.awsui_slider-icon_cqzlk_1ksjn_141:not(#\9) {
+.awsui_slider-icon_cqzlk_1i9f3_139:not(#\9) {
   stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
 }
-.awsui_slider-icon_cqzlk_1ksjn_141:not(#\9):hover {
+.awsui_slider-icon_cqzlk_1i9f3_139:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-mj8add, #000716);
 }
-.awsui_slider-icon-bottom_cqzlk_1ksjn_147:not(#\9) {
+.awsui_slider-icon-bottom_cqzlk_1i9f3_145:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_cqzlk_1ksjn_151:not(#\9) {
+.awsui_slider-icon-side_cqzlk_1i9f3_149:not(#\9) {
   transform: rotate(90deg);
 }

package/internal/components/panel-resize-handle/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "slider": "awsui_slider_cqzlk_1ksjn_99",
-  "slider-side": "awsui_slider-side_cqzlk_1ksjn_134",
-  "slider-icon": "awsui_slider-icon_cqzlk_1ksjn_141",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1ksjn_147",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1ksjn_151"
+  "slider": "awsui_slider_cqzlk_1i9f3_97",
+  "slider-side": "awsui_slider-side_cqzlk_1i9f3_132",
+  "slider-icon": "awsui_slider-icon_cqzlk_1i9f3_139",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1i9f3_145",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1i9f3_149"
 };
   

package/internal/components/screenreader-only/styles.css.js

@@ -1,6 +1,6 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_xttbq_pgwjg_99"
+  "root": "awsui_root_xttbq_1fuh1_97"
 };
   

package/internal/components/screenreader-only/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,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_root_xttbq_pgwjg_99:not(#\9) {
+.awsui_root_xttbq_1fuh1_97:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;

package/internal/components/screenreader-only/styles.selectors.js

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_xttbq_pgwjg_99"
+  "root": "awsui_root_xttbq_1fuh1_97"
 };
   

package/internal/components/selectable-item/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_1qv14_99",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1qv14_123",
-  "has-background": "awsui_has-background_15o6u_1qv14_132",
-  "highlighted": "awsui_highlighted_15o6u_1qv14_135",
-  "selected": "awsui_selected_15o6u_1qv14_135",
-  "disabled": "awsui_disabled_15o6u_1qv14_153",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1qv14_163",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1qv14_175",
-  "parent": "awsui_parent_15o6u_1qv14_179",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1qv14_183",
-  "child": "awsui_child_15o6u_1qv14_201",
-  "virtual": "awsui_virtual_15o6u_1qv14_216",
-  "measure-strut": "awsui_measure-strut_15o6u_1qv14_227",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1qv14_236",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1qv14_240",
-  "option-content": "awsui_option-content_15o6u_1qv14_246"
+  "selectable-item": "awsui_selectable-item_15o6u_1nwbb_97",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1nwbb_121",
+  "has-background": "awsui_has-background_15o6u_1nwbb_130",
+  "highlighted": "awsui_highlighted_15o6u_1nwbb_133",
+  "selected": "awsui_selected_15o6u_1nwbb_133",
+  "disabled": "awsui_disabled_15o6u_1nwbb_151",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1nwbb_161",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1nwbb_173",
+  "parent": "awsui_parent_15o6u_1nwbb_177",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1nwbb_181",
+  "child": "awsui_child_15o6u_1nwbb_199",
+  "virtual": "awsui_virtual_15o6u_1nwbb_214",
+  "measure-strut": "awsui_measure-strut_15o6u_1nwbb_225",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_1nwbb_234",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1nwbb_238",
+  "option-content": "awsui_option-content_15o6u_1nwbb_244"
 };
   

package/internal/components/selectable-item/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,7 +94,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_selectable-item_15o6u_1qv14_99:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-at06ol, #000716);
@@ -120,19 +118,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 );
   padding-inline: calc(var(--space-field-horizontal-gg19kw, 12px) + var(--border-item-width-yel47s, 2px));
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_pad-bottom_15o6u_1qv14_123:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_pad-bottom_15o6u_1nwbb_121:not(#\9) {
   padding-block-end: calc(calc(
   var(--space-xxs-p8yyaw, 4px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
 ) + var(--space-xxxs-zbmxqb, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_1qv14_99:not(#\9):not(:first-child) {
+.awsui_selectable-item_15o6u_1nwbb_97:not(#\9):not(:first-child) {
   margin-block-start: calc(-1 * var(--border-item-width-yel47s, 2px));
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_has-background_15o6u_1qv14_132:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_has-background_15o6u_1nwbb_130:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_highlighted_15o6u_1qv14_135:not(#\9), .awsui_selectable-item_15o6u_1qv14_99.awsui_selected_15o6u_1qv14_135:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_highlighted_15o6u_1nwbb_133:not(#\9), .awsui_selectable-item_15o6u_1nwbb_97.awsui_selected_15o6u_1nwbb_133:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
   border-width: var(--border-item-width-yel47s, 2px);
   border-start-start-radius: var(--border-radius-item-05df9h, 8px);
@@ -142,89 +140,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-p8yyaw, 4px);
   padding-inline: var(--space-field-horizontal-gg19kw, 12px);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_highlighted_15o6u_1qv14_135.awsui_pad-bottom_15o6u_1qv14_123:not(#\9), .awsui_selectable-item_15o6u_1qv14_99.awsui_selected_15o6u_1qv14_135.awsui_pad-bottom_15o6u_1qv14_123:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_highlighted_15o6u_1nwbb_133.awsui_pad-bottom_15o6u_1nwbb_121:not(#\9), .awsui_selectable-item_15o6u_1nwbb_97.awsui_selected_15o6u_1nwbb_133.awsui_pad-bottom_15o6u_1nwbb_121:not(#\9) {
   padding-block-end: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-xxxs-zbmxqb, 2px));
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_highlighted_15o6u_1qv14_135:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_highlighted_15o6u_1nwbb_133:not(#\9) {
   z-index: 3;
   background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
   border-color: var(--color-border-dropdown-item-hover-461g78, #7d8998);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_highlighted_15o6u_1qv14_135.awsui_disabled_15o6u_1qv14_153:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_highlighted_15o6u_1nwbb_133.awsui_disabled_15o6u_1nwbb_151:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
   border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
   background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_selected_15o6u_1qv14_135:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_selected_15o6u_1nwbb_133:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-selected-n136dm, #f2f8fd);
   border-color: var(--color-border-dropdown-item-selected-096aj1, #0972d3);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_selected_15o6u_1qv14_135.awsui_next-item-selected_15o6u_1qv14_163:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_selected_15o6u_1nwbb_133.awsui_next-item-selected_15o6u_1nwbb_161:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_selected_15o6u_1qv14_135.awsui_highlighted_15o6u_1qv14_135:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_selected_15o6u_1nwbb_133.awsui_highlighted_15o6u_1nwbb_133:not(#\9) {
   border-color: var(--color-border-dropdown-item-hover-461g78, #7d8998);
   z-index: 3;
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_selected_15o6u_1qv14_135 + .awsui_selectable-item_15o6u_1qv14_99.awsui_selected_15o6u_1qv14_135:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_selected_15o6u_1nwbb_133 + .awsui_selectable-item_15o6u_1nwbb_97.awsui_selected_15o6u_1nwbb_133:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_highlighted_15o6u_1qv14_135.awsui_is-keyboard_15o6u_1qv14_175:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_highlighted_15o6u_1nwbb_133.awsui_is-keyboard_15o6u_1nwbb_173:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-5hbaf3, #414d5c);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_parent_15o6u_1qv14_179:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_parent_15o6u_1nwbb_177:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-4x4uyw, #414d5c);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_parent_15o6u_1qv14_179:not(#\9):not(.awsui_interactiveGroups_15o6u_1qv14_183) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_parent_15o6u_1nwbb_177:not(#\9):not(.awsui_interactiveGroups_15o6u_1nwbb_181) {
   border-block-start-color: var(--color-border-dropdown-group-yakmix, #b6bec9);
   padding-block: var(--space-xs-zb16t3, 8px);
   padding-inline: var(--space-xs-zb16t3, 8px);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_parent_15o6u_1qv14_179.awsui_interactiveGroups_15o6u_1qv14_183:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_parent_15o6u_1nwbb_177.awsui_interactiveGroups_15o6u_1nwbb_181:not(#\9) {
   padding-block: calc(
   var(--space-xs-zb16t3, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
 );
   padding-inline: calc(var(--space-field-horizontal-gg19kw, 12px) + var(--border-item-width-yel47s, 2px));
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_parent_15o6u_1qv14_179.awsui_interactiveGroups_15o6u_1qv14_183.awsui_highlighted_15o6u_1qv14_135:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_parent_15o6u_1nwbb_177.awsui_interactiveGroups_15o6u_1nwbb_181.awsui_highlighted_15o6u_1nwbb_133:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_parent_15o6u_1qv14_179.awsui_interactiveGroups_15o6u_1qv14_183.awsui_highlighted_15o6u_1qv14_135:not(#\9), .awsui_selectable-item_15o6u_1qv14_99.awsui_parent_15o6u_1qv14_179.awsui_interactiveGroups_15o6u_1qv14_183.awsui_selected_15o6u_1qv14_135:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_parent_15o6u_1nwbb_177.awsui_interactiveGroups_15o6u_1nwbb_181.awsui_highlighted_15o6u_1nwbb_133:not(#\9), .awsui_selectable-item_15o6u_1nwbb_97.awsui_parent_15o6u_1nwbb_177.awsui_interactiveGroups_15o6u_1nwbb_181.awsui_selected_15o6u_1nwbb_133:not(#\9) {
   padding-block: var(--space-xs-zb16t3, 8px);
   padding-inline: var(--space-field-horizontal-gg19kw, 12px);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_child_15o6u_1qv14_201:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_child_15o6u_1nwbb_199:not(#\9) {
   padding-inline-start: calc(var(--space-xxl-cu2m1r, 32px) + var(--border-item-width-yel47s, 2px));
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_child_15o6u_1qv14_201.awsui_highlighted_15o6u_1qv14_135:not(#\9), .awsui_selectable-item_15o6u_1qv14_99.awsui_child_15o6u_1qv14_201.awsui_selected_15o6u_1qv14_135:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_child_15o6u_1nwbb_199.awsui_highlighted_15o6u_1nwbb_133:not(#\9), .awsui_selectable-item_15o6u_1nwbb_97.awsui_child_15o6u_1nwbb_199.awsui_selected_15o6u_1nwbb_133:not(#\9) {
   padding-inline-start: var(--space-xxl-cu2m1r, 32px);
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_disabled_15o6u_1qv14_153:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_disabled_15o6u_1nwbb_151:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
 }
-.awsui_selectable-item_15o6u_1qv14_99:not(#\9):not(.awsui_disabled_15o6u_1qv14_153):not(.awsui_parent_15o6u_1qv14_179) {
+.awsui_selectable-item_15o6u_1nwbb_97:not(#\9):not(.awsui_disabled_15o6u_1nwbb_151):not(.awsui_parent_15o6u_1nwbb_177) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_interactiveGroups_15o6u_1qv14_183:not(#\9):not(.awsui_disabled_15o6u_1qv14_153) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_interactiveGroups_15o6u_1nwbb_181:not(#\9):not(.awsui_disabled_15o6u_1nwbb_151) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_virtual_15o6u_1qv14_216:not(#\9) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_virtual_15o6u_1nwbb_214:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-kekgc0, 2px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_1qv14_99.awsui_virtual_15o6u_1qv14_216:not(#\9):first-of-type:not(.awsui_selected_15o6u_1qv14_135, .awsui_highlighted_15o6u_1qv14_135) {
+.awsui_selectable-item_15o6u_1nwbb_97.awsui_virtual_15o6u_1nwbb_214:not(#\9):first-of-type:not(.awsui_selected_15o6u_1nwbb_133, .awsui_highlighted_15o6u_1nwbb_133) {
   border-block-start-color: var(--color-border-dropdown-item-top-ky64jq, transparent);
 }
 
-.awsui_measure-strut_15o6u_1qv14_227:not(#\9) {
+.awsui_measure-strut_15o6u_1nwbb_225:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -233,16 +231,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   padding-block-start: var(--border-divider-list-width-27y3k5, 1px);
 }
-.awsui_measure-strut-first_15o6u_1qv14_236:not(#\9) {
+.awsui_measure-strut-first_15o6u_1nwbb_234:not(#\9) {
   padding-block-end: var(--border-divider-list-width-27y3k5, 1px);
 }
 
-.awsui_screenreader-content_15o6u_1qv14_240:not(#\9) {
+.awsui_screenreader-content_15o6u_1nwbb_238:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_1qv14_246:not(#\9) {
+.awsui_option-content_15o6u_1nwbb_244:not(#\9) {
   /* used in test-utils */
 }

package/internal/components/selectable-item/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_1qv14_99",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1qv14_123",
-  "has-background": "awsui_has-background_15o6u_1qv14_132",
-  "highlighted": "awsui_highlighted_15o6u_1qv14_135",
-  "selected": "awsui_selected_15o6u_1qv14_135",
-  "disabled": "awsui_disabled_15o6u_1qv14_153",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1qv14_163",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1qv14_175",
-  "parent": "awsui_parent_15o6u_1qv14_179",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1qv14_183",
-  "child": "awsui_child_15o6u_1qv14_201",
-  "virtual": "awsui_virtual_15o6u_1qv14_216",
-  "measure-strut": "awsui_measure-strut_15o6u_1qv14_227",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1qv14_236",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1qv14_240",
-  "option-content": "awsui_option-content_15o6u_1qv14_246"
+  "selectable-item": "awsui_selectable-item_15o6u_1nwbb_97",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1nwbb_121",
+  "has-background": "awsui_has-background_15o6u_1nwbb_130",
+  "highlighted": "awsui_highlighted_15o6u_1nwbb_133",
+  "selected": "awsui_selected_15o6u_1nwbb_133",
+  "disabled": "awsui_disabled_15o6u_1nwbb_151",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1nwbb_161",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1nwbb_173",
+  "parent": "awsui_parent_15o6u_1nwbb_177",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1nwbb_181",
+  "child": "awsui_child_15o6u_1nwbb_199",
+  "virtual": "awsui_virtual_15o6u_1nwbb_214",
+  "measure-strut": "awsui_measure-strut_15o6u_1nwbb_225",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_1nwbb_234",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1nwbb_238",
+  "option-content": "awsui_option-content_15o6u_1nwbb_244"
 };
   

package/internal/components/token-list/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_1exu9_99",
-  "horizontal": "awsui_horizontal_gfwv3_1exu9_104",
-  "vertical": "awsui_vertical_gfwv3_1exu9_108",
-  "list": "awsui_list_gfwv3_1exu9_112",
-  "list-item": "awsui_list-item_gfwv3_1exu9_132",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1exu9_139",
-  "toggle": "awsui_toggle_gfwv3_1exu9_139",
-  "description": "awsui_description_gfwv3_1exu9_235",
-  "separator": "awsui_separator_gfwv3_1exu9_239"
+  "root": "awsui_root_gfwv3_1gn2o_97",
+  "horizontal": "awsui_horizontal_gfwv3_1gn2o_102",
+  "vertical": "awsui_vertical_gfwv3_1gn2o_106",
+  "list": "awsui_list_gfwv3_1gn2o_110",
+  "list-item": "awsui_list-item_gfwv3_1gn2o_130",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1gn2o_137",
+  "toggle": "awsui_toggle_gfwv3_1gn2o_137",
+  "description": "awsui_description_gfwv3_1gn2o_232",
+  "separator": "awsui_separator_gfwv3_1gn2o_236"
 };
   

package/internal/components/token-list/styles.scoped.css

@@ -6,8 +6,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,20 +94,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gfwv3_1exu9_99:not(#\9) {
+.awsui_root_gfwv3_1gn2o_97:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_root_gfwv3_1exu9_99.awsui_horizontal_gfwv3_1exu9_104:not(#\9) {
+.awsui_root_gfwv3_1gn2o_97.awsui_horizontal_gfwv3_1gn2o_102:not(#\9) {
   gap: var(--space-xs-zb16t3, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_1exu9_99.awsui_vertical_gfwv3_1exu9_108:not(#\9) {
+.awsui_root_gfwv3_1gn2o_97.awsui_vertical_gfwv3_1gn2o_106:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_1exu9_112:not(#\9) {
+.awsui_list_gfwv3_1gn2o_110:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -117,32 +115,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_1exu9_112.awsui_horizontal_gfwv3_1exu9_104:not(#\9), .awsui_list_gfwv3_1exu9_112.awsui_vertical_gfwv3_1exu9_108:not(#\9) {
+.awsui_list_gfwv3_1gn2o_110.awsui_horizontal_gfwv3_1gn2o_102:not(#\9), .awsui_list_gfwv3_1gn2o_110.awsui_vertical_gfwv3_1gn2o_106:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-xs-zb16t3, 8px);
 }
-.awsui_list_gfwv3_1exu9_112.awsui_horizontal_gfwv3_1exu9_104:not(#\9) {
+.awsui_list_gfwv3_1gn2o_110.awsui_horizontal_gfwv3_1gn2o_102:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_1exu9_112.awsui_vertical_gfwv3_1exu9_108:not(#\9) {
+.awsui_list_gfwv3_1gn2o_110.awsui_vertical_gfwv3_1gn2o_106:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_1exu9_132:not(#\9) {
+.awsui_list-item_gfwv3_1gn2o_130:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_1exu9_139:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_1gn2o_137:not(#\9) {
   padding-inline-start: var(--space-xs-zb16t3, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_1exu9_139:not(#\9) {
+.awsui_toggle_gfwv3_1gn2o_137:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -197,35 +195,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_1exu9_139:not(#\9) {
+  .awsui_toggle_gfwv3_1gn2o_137:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_1exu9_139:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1exu9_139:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1gn2o_137:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1gn2o_137:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_1exu9_139:not(#\9):hover {
+.awsui_toggle_gfwv3_1gn2o_137:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_toggle_gfwv3_1exu9_139:not(#\9):focus {
+.awsui_toggle_gfwv3_1gn2o_137:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_1exu9_139:not(#\9):active {
+.awsui_toggle_gfwv3_1gn2o_137:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_toggle_gfwv3_1exu9_139:not(#\9):active, .awsui_toggle_gfwv3_1exu9_139:not(#\9):focus, .awsui_toggle_gfwv3_1exu9_139:not(#\9):hover {
+.awsui_toggle_gfwv3_1gn2o_137:not(#\9):active, .awsui_toggle_gfwv3_1gn2o_137:not(#\9):focus, .awsui_toggle_gfwv3_1gn2o_137:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_1exu9_139:not(#\9):active, .awsui_toggle_gfwv3_1exu9_139:not(#\9):focus, .awsui_toggle_gfwv3_1exu9_139:not(#\9):hover {
+.awsui_toggle_gfwv3_1gn2o_137:not(#\9):active, .awsui_toggle_gfwv3_1gn2o_137:not(#\9):focus, .awsui_toggle_gfwv3_1gn2o_137:not(#\9):hover {
   text-decoration: none;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1exu9_139:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1gn2o_137:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
   border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
@@ -235,11 +232,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1exu9_139:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_toggle_gfwv3_1exu9_139 > .awsui_description_gfwv3_1exu9_235:not(#\9) {
+.awsui_toggle_gfwv3_1gn2o_137 > .awsui_description_gfwv3_1gn2o_232:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_separator_gfwv3_1exu9_239:not(#\9) {
+.awsui_separator_gfwv3_1gn2o_236:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-mo5yse, 16px);
   inline-size: var(--border-divider-section-width-1061zr, 1px);

package/internal/components/token-list/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_1exu9_99",
-  "horizontal": "awsui_horizontal_gfwv3_1exu9_104",
-  "vertical": "awsui_vertical_gfwv3_1exu9_108",
-  "list": "awsui_list_gfwv3_1exu9_112",
-  "list-item": "awsui_list-item_gfwv3_1exu9_132",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1exu9_139",
-  "toggle": "awsui_toggle_gfwv3_1exu9_139",
-  "description": "awsui_description_gfwv3_1exu9_235",
-  "separator": "awsui_separator_gfwv3_1exu9_239"
+  "root": "awsui_root_gfwv3_1gn2o_97",
+  "horizontal": "awsui_horizontal_gfwv3_1gn2o_102",
+  "vertical": "awsui_vertical_gfwv3_1gn2o_106",
+  "list": "awsui_list_gfwv3_1gn2o_110",
+  "list-item": "awsui_list-item_gfwv3_1gn2o_130",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1gn2o_137",
+  "toggle": "awsui_toggle_gfwv3_1gn2o_137",
+  "description": "awsui_description_gfwv3_1gn2o_232",
+  "separator": "awsui_separator_gfwv3_1gn2o_236"
 };
   

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (50805ae7)";
+export var PACKAGE_VERSION = "3.0.0 (ffcd6452)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (50805ae7)",
+  "PACKAGE_VERSION": "3.0.0 (ffcd6452)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/hooks/use-performance-marks/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * This function returns an object that needs to be spread onto the same
+ * element as the `elementRef`, so that the data attribute is applied
+ * correctly.
+ */
+export declare function usePerformanceMarks(name: string, enabled: boolean, elementRef: React.RefObject<HTMLElement>, getDetails: () => Record<string, string | boolean | number | undefined>, dependencies: React.DependencyList): {
+    "data-analytics-performance-mark": string | undefined;
+};
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-performance-marks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-performance-marks/index.ts"],"names":[],"mappings":";AA2BA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc;;EA0DnC"}

package/internal/hooks/{use-performance-marks.js → use-performance-marks/index.js}

@@ -1,12 +1,34 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { useEffect } from 'react';
-import { useUniqueId } from './use-unique-id';
-import { useEffectOnUpdate } from './use-effect-on-update';
-import { useModalContext } from '../context/modal-context';
+import { useEffect, useRef } from 'react';
+import { useRandomId } from '../use-unique-id';
+import { useEffectOnUpdate } from '../use-effect-on-update';
+import { useModalContext } from '../../context/modal-context';
+/*
+This hook allows setting an HTML attribute after the first render, without rerendering the component.
+*/
+function usePerformanceMarkAttribute(elementRef, value) {
+    const attributeName = 'data-analytics-performance-mark';
+    const attributeValueRef = useRef();
+    useEffect(() => {
+        var _a;
+        // With this effect, we apply the attribute only on the client, to avoid hydration errors.
+        attributeValueRef.current = value;
+        (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(attributeName, value);
+    }, [value, elementRef]);
+    return {
+        [attributeName]: attributeValueRef.current,
+    };
+}
+/**
+ * This function returns an object that needs to be spread onto the same
+ * element as the `elementRef`, so that the data attribute is applied
+ * correctly.
+ */
 export function usePerformanceMarks(name, enabled, elementRef, getDetails, dependencies) {
-    const id = useUniqueId();
+    const id = useRandomId();
     const { isInModal } = useModalContext();
+    const attributes = usePerformanceMarkAttribute(elementRef, id);
     useEffect(() => {
         if (!enabled || !elementRef.current || isInModal) {
             return;
@@ -39,5 +61,6 @@ export function usePerformanceMarks(name, enabled, elementRef, getDetails, depen
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, dependencies);
+    return attributes;
 }
-//# sourceMappingURL=use-performance-marks.js.map
+//# sourceMappingURL=index.js.map