@cloudscape-design/components-themeable 3.0.250 → 3.0.252

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "2545fdc482e16dc1e21a6d871c0e0449c7754048"
+  "commit": "20210cee4f66d92a45cbc56cab80f6af7a2e48f3"
 }

package/lib/internal/scss/button/styles.scss

@@ -38,8 +38,10 @@
     text-decoration: none;
   }
 
-  @include focus-visible.when-visible {
-    @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter);
+  &:not(.hide-focus-outline) {
+    @include focus-visible.when-visible {
+      @include styles.focus-highlight(awsui.$space-button-focus-outline-gutter);
+    }
   }
   &.variant-icon,
   &.variant-modal-dismiss,
@@ -53,7 +55,7 @@
       );
     }
   }
-  &.variant-inline-icon {
+  &.variant-inline-icon:not(.hide-focus-outline) {
     @include focus-visible.when-visible {
       @include styles.focus-highlight(awsui.$space-button-inline-icon-focus-outline-gutter);
     }

package/lib/internal/scss/internal/hooks/focus-visible/index.scss

@@ -6,7 +6,8 @@
 // mixin to apply styles only when keyboard focus is needed
 // requires JavaScript part from useFocusVisible hook to be applied
 @mixin when-visible {
-  &[data-awsui-focus-visible='true']:focus {
+  // stylelint-disable-next-line selector-combinator-disallowed-list
+  body[data-awsui-focus-visible='true'] &:focus {
     @content;
   }
 }

package/lib/internal/scss/table/body-cell/styles.scss

@@ -181,6 +181,12 @@ $border-placeholder: awsui.$border-item-width solid transparent;
     }
 
     &:not(.body-cell-edit-active) {
+      @mixin focused-editor-styles {
+        padding-right: calc(#{$cell-horizontal-padding} + #{awsui.$space-l});
+        & > .body-cell-editor {
+          opacity: 1;
+        }
+      }
       & > .body-cell-editor {
         opacity: 0;
       }
@@ -190,6 +196,11 @@ $border-placeholder: awsui.$border-item-width solid transparent;
         border: awsui.$border-divider-list-width solid awsui.$color-border-control-default;
         left: calc(-1 * #{awsui.$border-divider-list-width});
         right: calc(-1 * #{awsui.$border-divider-list-width});
+        @include focused-editor-styles;
+        &:first-child {
+          left: 0;
+          right: 0;
+        }
         & > .body-cell-editor {
           padding-right: calc(#{awsui.$space-xs} - (2 * #{awsui.$border-divider-list-width}));
         }
@@ -206,18 +217,9 @@ $border-placeholder: awsui.$border-item-width solid transparent;
           padding-bottom: calc(#{$cell-vertical-padding} - calc(#{awsui.$border-divider-list-width}));
         }
       }
-      &:hover,
-      &[data-awsui-focus-visible='true']:focus-within {
-        padding-right: calc(#{$cell-horizontal-padding} + #{awsui.$space-l});
-        & > .body-cell-editor {
-          opacity: 1;
-        }
-      }
-      &:hover:first-child {
-        left: 0;
-        right: 0;
-      }
-      &[data-awsui-focus-visible='true']:focus-within {
+      // stylelint-disable-next-line selector-combinator-disallowed-list
+      body[data-awsui-focus-visible='true'] &:focus-within {
+        @include focused-editor-styles;
         @include styles.focus-highlight(
           (
             'vertical': calc(-1 * #{awsui.$space-scaled-xxs}),

package/lib/internal/scss/table/header-cell/styles.scss

@@ -81,7 +81,8 @@
     @include styles.focus-highlight(awsui.$space-table-header-focus-outline-gutter);
   }
 
-  &.header-cell-fake-focus {
+  // stylelint-disable-next-line selector-combinator-disallowed-list
+  body[data-awsui-focus-visible='true'] &.header-cell-fake-focus {
     @include styles.focus-highlight(awsui.$space-table-header-focus-outline-gutter);
   }
 

package/lib/internal/scss/table/resizer/styles.scss

@@ -50,7 +50,8 @@ $active-separator-width: 2px;
       }
     }
   }
-  &.has-focus {
+  // stylelint-disable-next-line selector-combinator-disallowed-list
+  body[data-awsui-focus-visible='true'] &.has-focus {
     @include styles.focus-highlight(awsui.$space-table-header-focus-outline-gutter);
     position: absolute;
     &::before {

package/lib/internal/template/annotation-context/annotation/annotation-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-trigger.d.ts","sourceRoot":"lib/default/","sources":["annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IAEd,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IACnD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB;;AAED,wBA0BG"}
+{"version":3,"file":"annotation-trigger.d.ts","sourceRoot":"lib/default/","sources":["annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,OAAO,CAAC;IAEd,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB,WAAW,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IACnD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;CACzB;;AAED,wBAuBG"}

package/lib/internal/template/annotation-context/annotation/annotation-trigger.js

@@ -3,14 +3,12 @@
 import React, { useCallback } from 'react';
 import styles from './styles.css.js';
 import { AnnotationIcon } from './annotation-icon';
-import useFocusVisible from '../../internal/hooks/focus-visible/index.js';
 export default React.forwardRef(function AnnotationTrigger({ open, onClick: onClickHandler, i18nStrings, taskLocalStepIndex, totalLocalSteps }, ref) {
-    const focusVisible = useFocusVisible();
     const onClick = useCallback((event) => {
         event.preventDefault();
         onClickHandler();
     }, [onClickHandler]);
-    return (React.createElement("button", Object.assign({ ref: ref, className: styles.hotspot, "aria-haspopup": "dialog", "aria-label": i18nStrings.labelHotspot(open, taskLocalStepIndex !== null && taskLocalStepIndex !== void 0 ? taskLocalStepIndex : 0, totalLocalSteps !== null && totalLocalSteps !== void 0 ? totalLocalSteps : 0), onClick: onClick }, focusVisible),
+    return (React.createElement("button", { ref: ref, className: styles.hotspot, "aria-haspopup": "dialog", "aria-label": i18nStrings.labelHotspot(open, taskLocalStepIndex !== null && taskLocalStepIndex !== void 0 ? taskLocalStepIndex : 0, totalLocalSteps !== null && totalLocalSteps !== void 0 ? totalLocalSteps : 0), onClick: onClick },
         React.createElement(AnnotationIcon, { open: open })));
 });
 //# sourceMappingURL=annotation-trigger.js.map

package/lib/internal/template/annotation-context/annotation/annotation-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"annotation-trigger.js","sourceRoot":"lib/default/","sources":["annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,eAAe,MAAM,6CAA6C,CAAC;AAa1E,eAAe,KAAK,CAAC,UAAU,CAA4C,SAAS,iBAAiB,CACnG,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAA0B,EAC3G,GAAG;IAEH,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAuB,EAAE,EAAE;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,cAAc,EAAE,CAAC;IACnB,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,OAAO,mBACX,QAAQ,gBACV,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,CAAC,CAAC,EACzF,OAAO,EAAE,OAAO,IACZ,YAAY;QAEhB,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback } from 'react';\nimport styles from './styles.css.js';\nimport { AnnotationIcon } from './annotation-icon';\nimport useFocusVisible from '../../internal/hooks/focus-visible/index.js';\nimport { AnnotationContextProps } from '../interfaces';\n\nexport interface AnnotationTriggerProps {\n  open: boolean;\n\n  onClick: () => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n  taskLocalStepIndex: number;\n  totalLocalSteps: number;\n}\n\nexport default React.forwardRef<HTMLButtonElement, AnnotationTriggerProps>(function AnnotationTrigger(\n  { open, onClick: onClickHandler, i18nStrings, taskLocalStepIndex, totalLocalSteps }: AnnotationTriggerProps,\n  ref\n) {\n  const focusVisible = useFocusVisible();\n\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      event.preventDefault();\n      onClickHandler();\n    },\n    [onClickHandler]\n  );\n\n  return (\n    <button\n      ref={ref}\n      className={styles.hotspot}\n      aria-haspopup=\"dialog\"\n      aria-label={i18nStrings.labelHotspot(open, taskLocalStepIndex ?? 0, totalLocalSteps ?? 0)}\n      onClick={onClick}\n      {...focusVisible}\n    >\n      <AnnotationIcon open={open} />\n    </button>\n  );\n});\n"]}
+{"version":3,"file":"annotation-trigger.js","sourceRoot":"lib/default/","sources":["annotation-context/annotation/annotation-trigger.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAanD,eAAe,KAAK,CAAC,UAAU,CAA4C,SAAS,iBAAiB,CACnG,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAA0B,EAC3G,GAAG;IAEH,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAuB,EAAE,EAAE;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,cAAc,EAAE,CAAC;IACnB,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,MAAM,CAAC,OAAO,mBACX,QAAQ,gBACV,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,CAAC,EAAE,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,CAAC,CAAC,EACzF,OAAO,EAAE,OAAO;QAEhB,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI,GAAI,CACvB,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback } from 'react';\nimport styles from './styles.css.js';\nimport { AnnotationIcon } from './annotation-icon';\nimport { AnnotationContextProps } from '../interfaces';\n\nexport interface AnnotationTriggerProps {\n  open: boolean;\n\n  onClick: () => void;\n\n  i18nStrings: AnnotationContextProps['i18nStrings'];\n  taskLocalStepIndex: number;\n  totalLocalSteps: number;\n}\n\nexport default React.forwardRef<HTMLButtonElement, AnnotationTriggerProps>(function AnnotationTrigger(\n  { open, onClick: onClickHandler, i18nStrings, taskLocalStepIndex, totalLocalSteps }: AnnotationTriggerProps,\n  ref\n) {\n  const onClick = useCallback(\n    (event: React.MouseEvent) => {\n      event.preventDefault();\n      onClickHandler();\n    },\n    [onClickHandler]\n  );\n\n  return (\n    <button\n      ref={ref}\n      className={styles.hotspot}\n      aria-haspopup=\"dialog\"\n      aria-label={i18nStrings.labelHotspot(open, taskLocalStepIndex ?? 0, totalLocalSteps ?? 0)}\n      onClick={onClick}\n    >\n      <AnnotationIcon open={open} />\n    </button>\n  );\n});\n"]}

package/lib/internal/template/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_1srfv_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1srfv_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1srfv_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1srfv_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1srfv_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1srfv_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1srfv_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1srfv_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1srfv_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1srfv_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1srfv_137",
-  "annotation": "awsui_annotation_1hpp3_1srfv_145",
-  "next-button": "awsui_next-button_1hpp3_1srfv_146",
-  "previous-button": "awsui_previous-button_1hpp3_1srfv_147",
-  "finish-button": "awsui_finish-button_1hpp3_1srfv_148",
-  "header": "awsui_header_1hpp3_1srfv_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1srfv_150",
-  "content": "awsui_content_1hpp3_1srfv_151",
-  "description": "awsui_description_1hpp3_1srfv_155",
-  "actionBar": "awsui_actionBar_1hpp3_1srfv_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1srfv_167",
-  "divider": "awsui_divider_1hpp3_1srfv_171",
-  "hotspot": "awsui_hotspot_1hpp3_1srfv_175",
-  "icon": "awsui_icon_1hpp3_1srfv_215"
+  "arrow": "awsui_arrow_1hpp3_1t5h4_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1t5h4_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1t5h4_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1t5h4_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1t5h4_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1t5h4_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1t5h4_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1t5h4_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1t5h4_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1t5h4_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1t5h4_137",
+  "annotation": "awsui_annotation_1hpp3_1t5h4_145",
+  "next-button": "awsui_next-button_1hpp3_1t5h4_146",
+  "previous-button": "awsui_previous-button_1hpp3_1t5h4_147",
+  "finish-button": "awsui_finish-button_1hpp3_1t5h4_148",
+  "header": "awsui_header_1hpp3_1t5h4_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1t5h4_150",
+  "content": "awsui_content_1hpp3_1t5h4_151",
+  "description": "awsui_description_1hpp3_1t5h4_155",
+  "actionBar": "awsui_actionBar_1hpp3_1t5h4_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1t5h4_167",
+  "divider": "awsui_divider_1hpp3_1t5h4_171",
+  "hotspot": "awsui_hotspot_1hpp3_1t5h4_175",
+  "icon": "awsui_icon_1hpp3_1t5h4_215"
 };
   

package/lib/internal/template/annotation-context/annotation/styles.scoped.css

@@ -90,11 +90,11 @@ 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_arrow_1hpp3_1srfv_93:not(#\9) {
+.awsui_arrow_1hpp3_1t5h4_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_1srfv_97:not(#\9), .awsui_arrow-inner_1hpp3_1srfv_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9), .awsui_arrow-inner_1hpp3_1t5h4_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1srfv_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1t5h4_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after {
   background-color: var(--color-border-status-info-0iedcr, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_1srfv_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_1t5h4_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_1srfv_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_1t5h4_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-yq3r41, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_1srfv_128 > .awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1srfv_128 > .awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_1t5h4_128 > .awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1t5h4_128 > .awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_1srfv_131 > .awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1srfv_131 > .awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_1t5h4_131 > .awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1t5h4_131 > .awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_1srfv_134 > .awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1srfv_134 > .awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_1t5h4_134 > .awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1t5h4_134 > .awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1srfv_137 > .awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1srfv_137 > .awsui_arrow-outer_1hpp3_1srfv_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_1t5h4_137 > .awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1t5h4_137 > .awsui_arrow-outer_1hpp3_1t5h4_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-94w2kz, rgba(0, 28, 36, 0.5));
 }
 
@@ -142,37 +142,37 @@ 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_annotation_1hpp3_1srfv_145:not(#\9),
-.awsui_next-button_1hpp3_1srfv_146:not(#\9),
-.awsui_previous-button_1hpp3_1srfv_147:not(#\9),
-.awsui_finish-button_1hpp3_1srfv_148:not(#\9),
-.awsui_header_1hpp3_1srfv_149:not(#\9),
-.awsui_step-counter-content_1hpp3_1srfv_150:not(#\9),
-.awsui_content_1hpp3_1srfv_151:not(#\9) {
+.awsui_annotation_1hpp3_1t5h4_145:not(#\9),
+.awsui_next-button_1hpp3_1t5h4_146:not(#\9),
+.awsui_previous-button_1hpp3_1t5h4_147:not(#\9),
+.awsui_finish-button_1hpp3_1t5h4_148:not(#\9),
+.awsui_header_1hpp3_1t5h4_149:not(#\9),
+.awsui_step-counter-content_1hpp3_1t5h4_150:not(#\9),
+.awsui_content_1hpp3_1t5h4_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_1srfv_155:not(#\9) {
+.awsui_description_1hpp3_1t5h4_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_actionBar_1hpp3_1srfv_160:not(#\9) {
+.awsui_actionBar_1hpp3_1t5h4_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_1srfv_167:not(#\9) {
+.awsui_stepCounter_1hpp3_1t5h4_167:not(#\9) {
   margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_1srfv_171:not(#\9) {
+.awsui_divider_1hpp3_1t5h4_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 
-.awsui_hotspot_1hpp3_1srfv_175:not(#\9) {
+.awsui_hotspot_1hpp3_1t5h4_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -217,17 +217,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_1srfv_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_1t5h4_175:not(#\9):focus {
   outline: none;
 }
-.awsui_hotspot_1hpp3_1srfv_175[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1t5h4_175:not(#\9):focus {
   position: relative;
 }
-.awsui_hotspot_1hpp3_1srfv_175[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1t5h4_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_hotspot_1hpp3_1srfv_175[data-awsui-focus-visible=true]:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1t5h4_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -238,13 +238,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-circular-focus-ring-l88ib6, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_hotspot_1hpp3_1srfv_175 > .awsui_icon_1hpp3_1srfv_215:not(#\9) {
+.awsui_hotspot_1hpp3_1t5h4_175 > .awsui_icon_1hpp3_1t5h4_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-753y4e, #0073bb);
 }
-.awsui_hotspot_1hpp3_1srfv_175:not(#\9):hover > .awsui_icon_1hpp3_1srfv_215 {
+.awsui_hotspot_1hpp3_1t5h4_175:not(#\9):hover > .awsui_icon_1hpp3_1t5h4_215 {
   stroke: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_hotspot_1hpp3_1srfv_175:not(#\9):active > .awsui_icon_1hpp3_1srfv_215 {
+.awsui_hotspot_1hpp3_1t5h4_175:not(#\9):active > .awsui_icon_1hpp3_1t5h4_215 {
   stroke: var(--color-text-link-default-753y4e, #0073bb);
 }

package/lib/internal/template/annotation-context/annotation/styles.selectors.js

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_1srfv_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1srfv_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1srfv_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1srfv_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1srfv_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1srfv_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1srfv_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1srfv_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1srfv_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1srfv_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1srfv_137",
-  "annotation": "awsui_annotation_1hpp3_1srfv_145",
-  "next-button": "awsui_next-button_1hpp3_1srfv_146",
-  "previous-button": "awsui_previous-button_1hpp3_1srfv_147",
-  "finish-button": "awsui_finish-button_1hpp3_1srfv_148",
-  "header": "awsui_header_1hpp3_1srfv_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1srfv_150",
-  "content": "awsui_content_1hpp3_1srfv_151",
-  "description": "awsui_description_1hpp3_1srfv_155",
-  "actionBar": "awsui_actionBar_1hpp3_1srfv_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1srfv_167",
-  "divider": "awsui_divider_1hpp3_1srfv_171",
-  "hotspot": "awsui_hotspot_1hpp3_1srfv_175",
-  "icon": "awsui_icon_1hpp3_1srfv_215"
+  "arrow": "awsui_arrow_1hpp3_1t5h4_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1t5h4_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1t5h4_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1t5h4_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1t5h4_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1t5h4_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1t5h4_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1t5h4_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1t5h4_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1t5h4_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1t5h4_137",
+  "annotation": "awsui_annotation_1hpp3_1t5h4_145",
+  "next-button": "awsui_next-button_1hpp3_1t5h4_146",
+  "previous-button": "awsui_previous-button_1hpp3_1t5h4_147",
+  "finish-button": "awsui_finish-button_1hpp3_1t5h4_148",
+  "header": "awsui_header_1hpp3_1t5h4_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1t5h4_150",
+  "content": "awsui_content_1hpp3_1t5h4_151",
+  "description": "awsui_description_1hpp3_1t5h4_155",
+  "actionBar": "awsui_actionBar_1hpp3_1t5h4_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1t5h4_167",
+  "divider": "awsui_divider_1hpp3_1t5h4_171",
+  "hotspot": "awsui_hotspot_1hpp3_1t5h4_175",
+  "icon": "awsui_icon_1hpp3_1t5h4_215"
 };
   

package/lib/internal/template/app-layout/visual-refresh/styles.css.js

@@ -1,66 +1,66 @@
 
     import './styles.scoped.css';
     export default {
-  "appbar": "awsui_appbar_hyvsj_87j2t_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_87j2t_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_87j2t_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_87j2t_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_87j2t_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_87j2t_173",
-  "has-header": "awsui_has-header_hyvsj_87j2t_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_87j2t_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_87j2t_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_87j2t_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_87j2t_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_87j2t_187",
-  "background": "awsui_background_hyvsj_87j2t_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_87j2t_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_87j2t_237",
-  "overlap": "awsui_overlap_hyvsj_87j2t_243",
-  "content": "awsui_content_hyvsj_87j2t_180",
-  "layout": "awsui_layout_hyvsj_87j2t_335",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_87j2t_418",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_87j2t_433",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_87j2t_460",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_87j2t_463",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_87j2t_467",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_87j2t_481",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_87j2t_481",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_87j2t_493",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_87j2t_496",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_87j2t_511",
-  "container": "awsui_container_hyvsj_87j2t_519",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_87j2t_545",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_87j2t_550",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_87j2t_553",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_87j2t_553",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_87j2t_553",
-  "content-type-default": "awsui_content-type-default_hyvsj_87j2t_573",
-  "content-type-form": "awsui_content-type-form_hyvsj_87j2t_573",
-  "unfocusable": "awsui_unfocusable_hyvsj_87j2t_614",
-  "navigation-container": "awsui_navigation-container_hyvsj_87j2t_624",
-  "show-navigation": "awsui_show-navigation_hyvsj_87j2t_659",
-  "animating": "awsui_animating_hyvsj_87j2t_681",
-  "showButtons": "awsui_showButtons_hyvsj_87j2t_1",
-  "navigation": "awsui_navigation_hyvsj_87j2t_624",
-  "openNavigation": "awsui_openNavigation_hyvsj_87j2t_1",
-  "animated-content": "awsui_animated-content_hyvsj_87j2t_742",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_87j2t_751",
-  "notifications": "awsui_notifications_hyvsj_87j2t_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_87j2t_818",
-  "position-bottom": "awsui_position-bottom_hyvsj_87j2t_864",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_87j2t_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_87j2t_893",
-  "position-side": "awsui_position-side_hyvsj_87j2t_921",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_87j2t_1",
-  "tools-container": "awsui_tools-container_hyvsj_87j2t_958",
-  "tools": "awsui_tools_hyvsj_87j2t_958",
-  "openTools": "awsui_openTools_hyvsj_87j2t_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_87j2t_1043",
-  "hide-tools": "awsui_hide-tools_hyvsj_87j2t_1053",
-  "show-tools": "awsui_show-tools_hyvsj_87j2t_1065",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_87j2t_1043",
-  "trigger": "awsui_trigger_hyvsj_87j2t_1132",
-  "selected": "awsui_selected_hyvsj_87j2t_1171"
+  "appbar": "awsui_appbar_hyvsj_18e3o_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_18e3o_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_18e3o_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_18e3o_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_18e3o_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_18e3o_173",
+  "has-header": "awsui_has-header_hyvsj_18e3o_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_18e3o_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_18e3o_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_18e3o_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_18e3o_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_18e3o_187",
+  "background": "awsui_background_hyvsj_18e3o_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_18e3o_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_18e3o_237",
+  "overlap": "awsui_overlap_hyvsj_18e3o_243",
+  "content": "awsui_content_hyvsj_18e3o_180",
+  "layout": "awsui_layout_hyvsj_18e3o_335",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_18e3o_418",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_18e3o_433",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_18e3o_460",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_18e3o_463",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_18e3o_467",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_18e3o_481",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_18e3o_481",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_18e3o_493",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_18e3o_496",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_18e3o_511",
+  "container": "awsui_container_hyvsj_18e3o_519",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_18e3o_545",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_18e3o_550",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_18e3o_553",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_18e3o_553",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_18e3o_553",
+  "content-type-default": "awsui_content-type-default_hyvsj_18e3o_573",
+  "content-type-form": "awsui_content-type-form_hyvsj_18e3o_573",
+  "unfocusable": "awsui_unfocusable_hyvsj_18e3o_614",
+  "navigation-container": "awsui_navigation-container_hyvsj_18e3o_624",
+  "show-navigation": "awsui_show-navigation_hyvsj_18e3o_659",
+  "animating": "awsui_animating_hyvsj_18e3o_681",
+  "showButtons": "awsui_showButtons_hyvsj_18e3o_1",
+  "navigation": "awsui_navigation_hyvsj_18e3o_624",
+  "openNavigation": "awsui_openNavigation_hyvsj_18e3o_1",
+  "animated-content": "awsui_animated-content_hyvsj_18e3o_742",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_18e3o_751",
+  "notifications": "awsui_notifications_hyvsj_18e3o_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_18e3o_818",
+  "position-bottom": "awsui_position-bottom_hyvsj_18e3o_864",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_18e3o_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_18e3o_893",
+  "position-side": "awsui_position-side_hyvsj_18e3o_921",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_18e3o_1",
+  "tools-container": "awsui_tools-container_hyvsj_18e3o_958",
+  "tools": "awsui_tools_hyvsj_18e3o_958",
+  "openTools": "awsui_openTools_hyvsj_18e3o_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_18e3o_1043",
+  "hide-tools": "awsui_hide-tools_hyvsj_18e3o_1053",
+  "show-tools": "awsui_show-tools_hyvsj_18e3o_1065",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_18e3o_1043",
+  "trigger": "awsui_trigger_hyvsj_18e3o_1132",
+  "selected": "awsui_selected_hyvsj_18e3o_1171"
 };