@cloudscape-design/components-themeable 3.0.264 → 3.0.266

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "c95120a2acca52461e18575eda3aee4b34e2b937"
+  "commit": "b30cd3440f5eda4f506377dbec40acd42b48d84d"
 }

package/lib/internal/scss/app-layout/visual-refresh/drawers.scss

@@ -113,6 +113,7 @@
   > .drawer-close-button {
     grid-column: 2;
     grid-row: 2;
+    z-index: 1;
   }
 
   > .drawer-content {

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

@@ -5,7 +5,6 @@
 
 @use '../../internal/styles' as styles;
 @use '../../internal/styles/tokens' as awsui;
-@use '../../internal/hooks/focus-visible' as focus-visible;
 
 $cell-vertical-padding: awsui.$space-scaled-xs;
 // Calculate padding to prevent a shift in content after selection due to the difference
@@ -206,6 +205,19 @@ $border-placeholder: awsui.$border-item-width solid transparent;
       & > .body-cell-editor {
         opacity: 0;
       }
+      // We don't use our focus-visible polyfill here because it doesn't work properly with screen readers.
+      // These edit buttons are special because they are visually hidden (opacity: 0), but exposed to assistive technology.
+      // It's therefore important to display the focus outline, even when a keyboard user wasn't detected.
+      // For example, when an edit button is selected from the VoiceOver rotor menu.
+      &:focus-within {
+        @include focused-editor-styles;
+        @include styles.focus-highlight(
+          (
+            'vertical': calc(-1 * #{awsui.$space-scaled-xxs}),
+            'horizontal': calc(-1 * #{awsui.$space-scaled-xxs}),
+          )
+        );
+      }
       &:hover {
         position: relative;
         background-color: awsui.$color-background-dropdown-item-hover;
@@ -233,16 +245,6 @@ $border-placeholder: awsui.$border-item-width solid transparent;
           padding-bottom: calc(#{$cell-vertical-padding} - calc(#{awsui.$border-divider-list-width}));
         }
       }
-      // 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}),
-            'horizontal': calc(-1 * #{awsui.$space-scaled-xxs}),
-          )
-        );
-      }
     }
   }
   &-editable.is-visual-refresh:not(.body-cell-edit-active):hover {

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

@@ -1,76 +1,76 @@
 
     import './styles.scoped.css';
     export default {
-  "appbar": "awsui_appbar_hyvsj_ttvdf_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_ttvdf_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_ttvdf_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_ttvdf_125",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_ttvdf_126",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_ttvdf_167",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_ttvdf_175",
-  "has-header": "awsui_has-header_hyvsj_ttvdf_181",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_ttvdf_181",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_ttvdf_182",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_ttvdf_185",
-  "content-type-table": "awsui_content-type-table_hyvsj_ttvdf_186",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_ttvdf_189",
-  "background": "awsui_background_hyvsj_ttvdf_224",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_ttvdf_227",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_ttvdf_240",
-  "overlap": "awsui_overlap_hyvsj_ttvdf_246",
-  "drawers-container": "awsui_drawers-container_hyvsj_ttvdf_270",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_ttvdf_282",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_ttvdf_312",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_ttvdf_330",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_ttvdf_362",
-  "drawer": "awsui_drawer_hyvsj_ttvdf_126",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_ttvdf_406",
-  "drawer-content": "awsui_drawer-content_hyvsj_ttvdf_410",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_ttvdf_415",
-  "content": "awsui_content_hyvsj_ttvdf_182",
-  "layout": "awsui_layout_hyvsj_ttvdf_517",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_ttvdf_600",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_ttvdf_615",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_ttvdf_642",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_ttvdf_645",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_ttvdf_649",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_ttvdf_663",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_ttvdf_663",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_ttvdf_675",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_ttvdf_678",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_ttvdf_693",
-  "container": "awsui_container_hyvsj_ttvdf_701",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_ttvdf_727",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_ttvdf_732",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_ttvdf_735",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_ttvdf_735",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_ttvdf_735",
-  "content-type-default": "awsui_content-type-default_hyvsj_ttvdf_755",
-  "content-type-form": "awsui_content-type-form_hyvsj_ttvdf_755",
-  "unfocusable": "awsui_unfocusable_hyvsj_ttvdf_796",
-  "navigation-container": "awsui_navigation-container_hyvsj_ttvdf_806",
-  "show-navigation": "awsui_show-navigation_hyvsj_ttvdf_841",
-  "animating": "awsui_animating_hyvsj_ttvdf_863",
-  "showButtons": "awsui_showButtons_hyvsj_ttvdf_1",
-  "navigation": "awsui_navigation_hyvsj_ttvdf_806",
-  "openNavigation": "awsui_openNavigation_hyvsj_ttvdf_1",
-  "animated-content": "awsui_animated-content_hyvsj_ttvdf_924",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_ttvdf_933",
-  "notifications": "awsui_notifications_hyvsj_ttvdf_227",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_ttvdf_1000",
-  "position-bottom": "awsui_position-bottom_hyvsj_ttvdf_1046",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_ttvdf_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_ttvdf_1075",
-  "position-side": "awsui_position-side_hyvsj_ttvdf_1103",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_ttvdf_1",
-  "tools-container": "awsui_tools-container_hyvsj_ttvdf_1140",
-  "tools": "awsui_tools_hyvsj_ttvdf_1140",
-  "openTools": "awsui_openTools_hyvsj_ttvdf_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_ttvdf_1225",
-  "hide-tools": "awsui_hide-tools_hyvsj_ttvdf_1235",
-  "show-tools": "awsui_show-tools_hyvsj_ttvdf_1247",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_ttvdf_1225",
-  "trigger": "awsui_trigger_hyvsj_ttvdf_1314",
-  "selected": "awsui_selected_hyvsj_ttvdf_1353"
+  "appbar": "awsui_appbar_hyvsj_wxk9v_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_wxk9v_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_wxk9v_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_wxk9v_125",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_wxk9v_126",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_wxk9v_167",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_wxk9v_175",
+  "has-header": "awsui_has-header_hyvsj_wxk9v_181",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_wxk9v_181",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_wxk9v_182",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_wxk9v_185",
+  "content-type-table": "awsui_content-type-table_hyvsj_wxk9v_186",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_wxk9v_189",
+  "background": "awsui_background_hyvsj_wxk9v_224",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_wxk9v_227",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_wxk9v_240",
+  "overlap": "awsui_overlap_hyvsj_wxk9v_246",
+  "drawers-container": "awsui_drawers-container_hyvsj_wxk9v_270",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_wxk9v_282",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_wxk9v_312",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_wxk9v_330",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_wxk9v_362",
+  "drawer": "awsui_drawer_hyvsj_wxk9v_126",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_wxk9v_406",
+  "drawer-content": "awsui_drawer-content_hyvsj_wxk9v_411",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_wxk9v_416",
+  "content": "awsui_content_hyvsj_wxk9v_182",
+  "layout": "awsui_layout_hyvsj_wxk9v_518",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_wxk9v_601",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_wxk9v_616",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_wxk9v_643",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_wxk9v_646",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_wxk9v_650",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_wxk9v_664",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_wxk9v_664",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_wxk9v_676",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_wxk9v_679",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_wxk9v_694",
+  "container": "awsui_container_hyvsj_wxk9v_702",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_wxk9v_728",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_wxk9v_733",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_wxk9v_736",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_wxk9v_736",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_wxk9v_736",
+  "content-type-default": "awsui_content-type-default_hyvsj_wxk9v_756",
+  "content-type-form": "awsui_content-type-form_hyvsj_wxk9v_756",
+  "unfocusable": "awsui_unfocusable_hyvsj_wxk9v_797",
+  "navigation-container": "awsui_navigation-container_hyvsj_wxk9v_807",
+  "show-navigation": "awsui_show-navigation_hyvsj_wxk9v_842",
+  "animating": "awsui_animating_hyvsj_wxk9v_864",
+  "showButtons": "awsui_showButtons_hyvsj_wxk9v_1",
+  "navigation": "awsui_navigation_hyvsj_wxk9v_807",
+  "openNavigation": "awsui_openNavigation_hyvsj_wxk9v_1",
+  "animated-content": "awsui_animated-content_hyvsj_wxk9v_925",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_wxk9v_934",
+  "notifications": "awsui_notifications_hyvsj_wxk9v_227",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_wxk9v_1001",
+  "position-bottom": "awsui_position-bottom_hyvsj_wxk9v_1047",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_wxk9v_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_wxk9v_1076",
+  "position-side": "awsui_position-side_hyvsj_wxk9v_1104",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_wxk9v_1",
+  "tools-container": "awsui_tools-container_hyvsj_wxk9v_1141",
+  "tools": "awsui_tools_hyvsj_wxk9v_1141",
+  "openTools": "awsui_openTools_hyvsj_wxk9v_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_wxk9v_1226",
+  "hide-tools": "awsui_hide-tools_hyvsj_wxk9v_1236",
+  "show-tools": "awsui_show-tools_hyvsj_wxk9v_1248",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_wxk9v_1226",
+  "trigger": "awsui_trigger_hyvsj_wxk9v_1315",
+  "selected": "awsui_selected_hyvsj_wxk9v_1354"
 };