@cloudscape-design/components-themeable 3.0.664 → 3.0.666

package/lib/internal/template/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_1fpww_99:not(#\9) {
+.awsui_slider_cqzlk_6afo5_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_1fpww_99:not(#\9):focus {
+.awsui_slider_cqzlk_6afo5_97:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1fpww_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_6afo5_97:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1fpww_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_6afo5_97:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1fpww_99:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_6afo5_97:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -131,23 +129,23 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1fpww_99:not(#\9):focus:
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_slider-side_cqzlk_1fpww_134:not(#\9) {
+.awsui_slider-side_cqzlk_6afo5_132:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
 
-.awsui_slider-icon_cqzlk_1fpww_141:not(#\9) {
+.awsui_slider-icon_cqzlk_6afo5_139:not(#\9) {
   stroke: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_slider-icon_cqzlk_1fpww_141:not(#\9):hover {
+.awsui_slider-icon_cqzlk_6afo5_139:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-.awsui_slider-icon-bottom_cqzlk_1fpww_147:not(#\9) {
+.awsui_slider-icon-bottom_cqzlk_6afo5_145:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_cqzlk_1fpww_151:not(#\9) {
+.awsui_slider-icon-side_cqzlk_6afo5_149:not(#\9) {
   transform: rotate(90deg);
 }

package/lib/internal/template/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_1fpww_99",
-  "slider-side": "awsui_slider-side_cqzlk_1fpww_134",
-  "slider-icon": "awsui_slider-icon_cqzlk_1fpww_141",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1fpww_147",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1fpww_151"
+  "slider": "awsui_slider_cqzlk_6afo5_97",
+  "slider-side": "awsui_slider-side_cqzlk_6afo5_132",
+  "slider-icon": "awsui_slider-icon_cqzlk_6afo5_139",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_6afo5_145",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_6afo5_149"
 };
   

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/internal/components/selectable-item/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_12qf0_99",
-  "pad-bottom": "awsui_pad-bottom_15o6u_12qf0_123",
-  "has-background": "awsui_has-background_15o6u_12qf0_132",
-  "highlighted": "awsui_highlighted_15o6u_12qf0_135",
-  "selected": "awsui_selected_15o6u_12qf0_135",
-  "disabled": "awsui_disabled_15o6u_12qf0_153",
-  "next-item-selected": "awsui_next-item-selected_15o6u_12qf0_163",
-  "is-keyboard": "awsui_is-keyboard_15o6u_12qf0_175",
-  "parent": "awsui_parent_15o6u_12qf0_179",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_12qf0_183",
-  "child": "awsui_child_15o6u_12qf0_201",
-  "virtual": "awsui_virtual_15o6u_12qf0_216",
-  "measure-strut": "awsui_measure-strut_15o6u_12qf0_227",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_12qf0_236",
-  "screenreader-content": "awsui_screenreader-content_15o6u_12qf0_240",
-  "option-content": "awsui_option-content_15o6u_12qf0_246"
+  "selectable-item": "awsui_selectable-item_15o6u_ba6ii_97",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ba6ii_121",
+  "has-background": "awsui_has-background_15o6u_ba6ii_130",
+  "highlighted": "awsui_highlighted_15o6u_ba6ii_133",
+  "selected": "awsui_selected_15o6u_ba6ii_133",
+  "disabled": "awsui_disabled_15o6u_ba6ii_151",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ba6ii_161",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ba6ii_173",
+  "parent": "awsui_parent_15o6u_ba6ii_177",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ba6ii_181",
+  "child": "awsui_child_15o6u_ba6ii_199",
+  "virtual": "awsui_virtual_15o6u_ba6ii_214",
+  "measure-strut": "awsui_measure-strut_15o6u_ba6ii_225",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_ba6ii_234",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ba6ii_238",
+  "option-content": "awsui_option-content_15o6u_ba6ii_244"
 };
   

package/lib/internal/template/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_12qf0_99:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-body-default-ffdwgg, #16191f);
@@ -120,19 +118,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 );
   padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_pad-bottom_15o6u_12qf0_123:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_pad-bottom_15o6u_ba6ii_121:not(#\9) {
   padding-block-end: calc(calc(
   var(--space-xxs-9rrxti, 4px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
 ) + var(--space-xxxs-z28114, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_12qf0_99:not(#\9):not(:first-child) {
+.awsui_selectable-item_15o6u_ba6ii_97:not(#\9):not(:first-child) {
   margin-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_has-background_15o6u_12qf0_132:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_has-background_15o6u_ba6ii_130:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135:not(#\9), .awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133:not(#\9), .awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
   border-width: var(--border-item-width-0zxiwv, 1px);
   border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
@@ -142,89 +140,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-9rrxti, 4px);
   padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135.awsui_pad-bottom_15o6u_12qf0_123:not(#\9), .awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135.awsui_pad-bottom_15o6u_12qf0_123:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133.awsui_pad-bottom_15o6u_ba6ii_121:not(#\9), .awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133.awsui_pad-bottom_15o6u_ba6ii_121:not(#\9) {
   padding-block-end: calc(var(--space-xxs-9rrxti, 4px) + var(--space-xxxs-z28114, 2px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133:not(#\9) {
   z-index: 3;
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
   border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135.awsui_disabled_15o6u_12qf0_153:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133.awsui_disabled_15o6u_ba6ii_151:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-selected-u5p3gx, #f1faff);
   border-color: var(--color-border-dropdown-item-selected-fxzclw, #eaeded);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135.awsui_next-item-selected_15o6u_12qf0_163:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133.awsui_next-item-selected_15o6u_ba6ii_161:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135.awsui_highlighted_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133.awsui_highlighted_15o6u_ba6ii_133:not(#\9) {
   border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
   z-index: 3;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135 + .awsui_selectable-item_15o6u_12qf0_99.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133 + .awsui_selectable-item_15o6u_ba6ii_97.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_highlighted_15o6u_12qf0_135.awsui_is-keyboard_15o6u_12qf0_175:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_highlighted_15o6u_ba6ii_133.awsui_is-keyboard_15o6u_ba6ii_173:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-3o10kx, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-sizd89, #545b64);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179:not(#\9):not(.awsui_interactiveGroups_15o6u_12qf0_183) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177:not(#\9):not(.awsui_interactiveGroups_15o6u_ba6ii_181) {
   border-block-start-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
   padding-block: var(--space-xs-xf5ch3, 8px);
   padding-inline: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179.awsui_interactiveGroups_15o6u_12qf0_183:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177.awsui_interactiveGroups_15o6u_ba6ii_181:not(#\9) {
   padding-block: calc(
   var(--space-xs-xf5ch3, 8px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
 );
   padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179.awsui_interactiveGroups_15o6u_12qf0_183.awsui_highlighted_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177.awsui_interactiveGroups_15o6u_ba6ii_181.awsui_highlighted_15o6u_ba6ii_133:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179.awsui_interactiveGroups_15o6u_12qf0_183.awsui_highlighted_15o6u_12qf0_135:not(#\9), .awsui_selectable-item_15o6u_12qf0_99.awsui_parent_15o6u_12qf0_179.awsui_interactiveGroups_15o6u_12qf0_183.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177.awsui_interactiveGroups_15o6u_ba6ii_181.awsui_highlighted_15o6u_ba6ii_133:not(#\9), .awsui_selectable-item_15o6u_ba6ii_97.awsui_parent_15o6u_ba6ii_177.awsui_interactiveGroups_15o6u_ba6ii_181.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   padding-block: var(--space-xs-xf5ch3, 8px);
   padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_child_15o6u_12qf0_201:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_child_15o6u_ba6ii_199:not(#\9) {
   padding-inline-start: calc(var(--space-xxl-pd3205, 32px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_child_15o6u_12qf0_201.awsui_highlighted_15o6u_12qf0_135:not(#\9), .awsui_selectable-item_15o6u_12qf0_99.awsui_child_15o6u_12qf0_201.awsui_selected_15o6u_12qf0_135:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_child_15o6u_ba6ii_199.awsui_highlighted_15o6u_ba6ii_133:not(#\9), .awsui_selectable-item_15o6u_ba6ii_97.awsui_child_15o6u_ba6ii_199.awsui_selected_15o6u_ba6ii_133:not(#\9) {
   padding-inline-start: var(--space-xxl-pd3205, 32px);
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_disabled_15o6u_12qf0_153:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_disabled_15o6u_ba6ii_151:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
 }
-.awsui_selectable-item_15o6u_12qf0_99:not(#\9):not(.awsui_disabled_15o6u_12qf0_153):not(.awsui_parent_15o6u_12qf0_179) {
+.awsui_selectable-item_15o6u_ba6ii_97:not(#\9):not(.awsui_disabled_15o6u_ba6ii_151):not(.awsui_parent_15o6u_ba6ii_177) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_interactiveGroups_15o6u_12qf0_183:not(#\9):not(.awsui_disabled_15o6u_12qf0_153) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_interactiveGroups_15o6u_ba6ii_181:not(#\9):not(.awsui_disabled_15o6u_ba6ii_151) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_virtual_15o6u_12qf0_216:not(#\9) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_virtual_15o6u_ba6ii_214:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-fpddos, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_12qf0_99.awsui_virtual_15o6u_12qf0_216:not(#\9):first-of-type:not(.awsui_selected_15o6u_12qf0_135, .awsui_highlighted_15o6u_12qf0_135) {
+.awsui_selectable-item_15o6u_ba6ii_97.awsui_virtual_15o6u_ba6ii_214:not(#\9):first-of-type:not(.awsui_selected_15o6u_ba6ii_133, .awsui_highlighted_15o6u_ba6ii_133) {
   border-block-start-color: var(--color-border-dropdown-item-top-of452d, #eaeded);
 }
 
-.awsui_measure-strut_15o6u_12qf0_227:not(#\9) {
+.awsui_measure-strut_15o6u_ba6ii_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-471u6a, 1px);
 }
-.awsui_measure-strut-first_15o6u_12qf0_236:not(#\9) {
+.awsui_measure-strut-first_15o6u_ba6ii_234:not(#\9) {
   padding-block-end: var(--border-divider-list-width-471u6a, 1px);
 }
 
-.awsui_screenreader-content_15o6u_12qf0_240:not(#\9) {
+.awsui_screenreader-content_15o6u_ba6ii_238:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_12qf0_246:not(#\9) {
+.awsui_option-content_15o6u_ba6ii_244:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/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_12qf0_99",
-  "pad-bottom": "awsui_pad-bottom_15o6u_12qf0_123",
-  "has-background": "awsui_has-background_15o6u_12qf0_132",
-  "highlighted": "awsui_highlighted_15o6u_12qf0_135",
-  "selected": "awsui_selected_15o6u_12qf0_135",
-  "disabled": "awsui_disabled_15o6u_12qf0_153",
-  "next-item-selected": "awsui_next-item-selected_15o6u_12qf0_163",
-  "is-keyboard": "awsui_is-keyboard_15o6u_12qf0_175",
-  "parent": "awsui_parent_15o6u_12qf0_179",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_12qf0_183",
-  "child": "awsui_child_15o6u_12qf0_201",
-  "virtual": "awsui_virtual_15o6u_12qf0_216",
-  "measure-strut": "awsui_measure-strut_15o6u_12qf0_227",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_12qf0_236",
-  "screenreader-content": "awsui_screenreader-content_15o6u_12qf0_240",
-  "option-content": "awsui_option-content_15o6u_12qf0_246"
+  "selectable-item": "awsui_selectable-item_15o6u_ba6ii_97",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ba6ii_121",
+  "has-background": "awsui_has-background_15o6u_ba6ii_130",
+  "highlighted": "awsui_highlighted_15o6u_ba6ii_133",
+  "selected": "awsui_selected_15o6u_ba6ii_133",
+  "disabled": "awsui_disabled_15o6u_ba6ii_151",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ba6ii_161",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ba6ii_173",
+  "parent": "awsui_parent_15o6u_ba6ii_177",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ba6ii_181",
+  "child": "awsui_child_15o6u_ba6ii_199",
+  "virtual": "awsui_virtual_15o6u_ba6ii_214",
+  "measure-strut": "awsui_measure-strut_15o6u_ba6ii_225",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_ba6ii_234",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ba6ii_238",
+  "option-content": "awsui_option-content_15o6u_ba6ii_244"
 };
   

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

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_11gr9_99",
-  "horizontal": "awsui_horizontal_gfwv3_11gr9_104",
-  "vertical": "awsui_vertical_gfwv3_11gr9_108",
-  "list": "awsui_list_gfwv3_11gr9_112",
-  "list-item": "awsui_list-item_gfwv3_11gr9_132",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_11gr9_139",
-  "toggle": "awsui_toggle_gfwv3_11gr9_139",
-  "description": "awsui_description_gfwv3_11gr9_235",
-  "separator": "awsui_separator_gfwv3_11gr9_239"
+  "root": "awsui_root_gfwv3_1s2ab_97",
+  "horizontal": "awsui_horizontal_gfwv3_1s2ab_102",
+  "vertical": "awsui_vertical_gfwv3_1s2ab_106",
+  "list": "awsui_list_gfwv3_1s2ab_110",
+  "list-item": "awsui_list-item_gfwv3_1s2ab_130",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1s2ab_137",
+  "toggle": "awsui_toggle_gfwv3_1s2ab_137",
+  "description": "awsui_description_gfwv3_1s2ab_232",
+  "separator": "awsui_separator_gfwv3_1s2ab_236"
 };
   

package/lib/internal/template/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_11gr9_99:not(#\9) {
+.awsui_root_gfwv3_1s2ab_97:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_root_gfwv3_11gr9_99.awsui_horizontal_gfwv3_11gr9_104:not(#\9) {
+.awsui_root_gfwv3_1s2ab_97.awsui_horizontal_gfwv3_1s2ab_102:not(#\9) {
   gap: var(--space-xs-xf5ch3, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_11gr9_99.awsui_vertical_gfwv3_11gr9_108:not(#\9) {
+.awsui_root_gfwv3_1s2ab_97.awsui_vertical_gfwv3_1s2ab_106:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_11gr9_112:not(#\9) {
+.awsui_list_gfwv3_1s2ab_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_11gr9_112.awsui_horizontal_gfwv3_11gr9_104:not(#\9), .awsui_list_gfwv3_11gr9_112.awsui_vertical_gfwv3_11gr9_108:not(#\9) {
+.awsui_list_gfwv3_1s2ab_110.awsui_horizontal_gfwv3_1s2ab_102:not(#\9), .awsui_list_gfwv3_1s2ab_110.awsui_vertical_gfwv3_1s2ab_106:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_list_gfwv3_11gr9_112.awsui_horizontal_gfwv3_11gr9_104:not(#\9) {
+.awsui_list_gfwv3_1s2ab_110.awsui_horizontal_gfwv3_1s2ab_102:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_11gr9_112.awsui_vertical_gfwv3_11gr9_108:not(#\9) {
+.awsui_list_gfwv3_1s2ab_110.awsui_vertical_gfwv3_1s2ab_106:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_11gr9_132:not(#\9) {
+.awsui_list-item_gfwv3_1s2ab_130:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_11gr9_139:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_1s2ab_137:not(#\9) {
   padding-inline-start: var(--space-xs-xf5ch3, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_11gr9_139:not(#\9) {
+.awsui_toggle_gfwv3_1s2ab_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_11gr9_139:not(#\9) {
+  .awsui_toggle_gfwv3_1s2ab_137:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_11gr9_139:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_11gr9_139:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_1s2ab_137:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1s2ab_137:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):hover {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):focus {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):active {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):active, .awsui_toggle_gfwv3_11gr9_139:not(#\9):focus, .awsui_toggle_gfwv3_11gr9_139:not(#\9):hover {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):active, .awsui_toggle_gfwv3_1s2ab_137:not(#\9):focus, .awsui_toggle_gfwv3_1s2ab_137:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_11gr9_139:not(#\9):active, .awsui_toggle_gfwv3_11gr9_139:not(#\9):focus, .awsui_toggle_gfwv3_11gr9_139:not(#\9):hover {
+.awsui_toggle_gfwv3_1s2ab_137:not(#\9):active, .awsui_toggle_gfwv3_1s2ab_137:not(#\9):focus, .awsui_toggle_gfwv3_1s2ab_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_11gr9_139:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1s2ab_137:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
   border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
@@ -235,11 +232,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_11gr9_139:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_toggle_gfwv3_11gr9_139 > .awsui_description_gfwv3_11gr9_235:not(#\9) {
+.awsui_toggle_gfwv3_1s2ab_137 > .awsui_description_gfwv3_1s2ab_232:not(#\9) {
   margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_separator_gfwv3_11gr9_239:not(#\9) {
+.awsui_separator_gfwv3_1s2ab_236:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-er48cl, 16px);
   inline-size: var(--border-divider-section-width-wl9k66, 1px);

package/lib/internal/template/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_11gr9_99",
-  "horizontal": "awsui_horizontal_gfwv3_11gr9_104",
-  "vertical": "awsui_vertical_gfwv3_11gr9_108",
-  "list": "awsui_list_gfwv3_11gr9_112",
-  "list-item": "awsui_list-item_gfwv3_11gr9_132",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_11gr9_139",
-  "toggle": "awsui_toggle_gfwv3_11gr9_139",
-  "description": "awsui_description_gfwv3_11gr9_235",
-  "separator": "awsui_separator_gfwv3_11gr9_239"
+  "root": "awsui_root_gfwv3_1s2ab_97",
+  "horizontal": "awsui_horizontal_gfwv3_1s2ab_102",
+  "vertical": "awsui_vertical_gfwv3_1s2ab_106",
+  "list": "awsui_list_gfwv3_1s2ab_110",
+  "list-item": "awsui_list-item_gfwv3_1s2ab_130",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1s2ab_137",
+  "toggle": "awsui_toggle_gfwv3_1s2ab_137",
+  "description": "awsui_description_gfwv3_1s2ab_232",
+  "separator": "awsui_separator_gfwv3_1s2ab_236"
 };
   

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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