@cloudscape-design/components-themeable 3.0.801 → 3.0.803

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/constants.scss +2 -0
  3. package/lib/internal/scss/app-layout/mobile-toolbar/styles.scss +1 -1
  4. package/lib/internal/scss/app-layout/visual-refresh/mobile-toolbar.scss +2 -1
  5. package/lib/internal/scss/app-layout/visual-refresh-toolbar/toolbar/styles.scss +2 -1
  6. package/lib/internal/scss/property-filter/styles.scss +3 -1
  7. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +85 -85
  8. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +166 -162
  9. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +85 -85
  10. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
  11. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +24 -16
  12. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
  13. package/lib/internal/template/internal/environment.js +1 -1
  14. package/lib/internal/template/internal/environment.json +1 -1
  15. package/lib/internal/template/property-filter/styles.css.js +35 -35
  16. package/lib/internal/template/property-filter/styles.scoped.css +40 -38
  17. package/lib/internal/template/property-filter/styles.selectors.js +35 -35
  18. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "51d35e175b3c9194a46a995493aa5d14f223acca"
2
+ "commit": "a783fec31154cb860b8e977a0e84dad845f2624e"
3
3
  }
package/lib/internal/scss/app-layout/constants.scss CHANGED
@@ -29,6 +29,8 @@ $dashboard-content-widths: (
29
29
  $drawer-z-index: 830;
30
30
  // should be above mobile toolbar
31
31
  $drawer-z-index-mobile: 1001;
32
+ // used in both mobile toolbar and vr-toolbar
33
+ $toolbar-z-index: 1000;
32
34
 
33
35
  // Shared toolbar drawer component values
34
36
  $toolbar-vertical-panel-icon-offset: 10px;
package/lib/internal/scss/app-layout/mobile-toolbar/styles.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  display: flex;
17
17
  align-items: center;
18
18
  flex-shrink: 0;
19
- z-index: 1000;
19
+ z-index: constants.$toolbar-z-index;
20
20
  inline-size: 100%;
21
21
  box-sizing: border-box;
22
22
  background-color: awsui.$color-background-layout-mobile-panel;
package/lib/internal/scss/app-layout/visual-refresh/mobile-toolbar.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  @use '../../internal/styles/' as styles;
7
7
  @use '../../internal/styles/tokens' as awsui;
8
8
  @use '../../internal/generated/custom-css-properties/index.scss' as custom-props;
9
+ @use '../constants.scss' as constants;
9
10
 
10
11
  section.mobile-toolbar {
11
12
  align-items: center;
@@ -22,7 +23,7 @@ section.mobile-toolbar {
22
23
  padding-inline: awsui.$space-m;
23
24
  position: sticky;
24
25
  inset-block-start: var(#{custom-props.$offsetTop});
25
- z-index: 1000;
26
+ z-index: constants.$toolbar-z-index;
26
27
  &:not(.remove-high-contrast-header) {
27
28
  background-color: awsui.$color-background-layout-main;
28
29
  box-shadow: awsui.$shadow-panel-toggle;
package/lib/internal/scss/app-layout/visual-refresh-toolbar/toolbar/styles.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  @use '../../../internal/styles' as styles;
7
7
  @use '../../../internal/styles/tokens' as awsui;
8
8
  @use '../../../internal/generated/custom-css-properties/index.scss' as custom-props;
9
+ @use '../../constants.scss' as constants;
9
10
 
10
11
  .universal-toolbar {
11
12
  background-color: awsui.$color-background-layout-panel-content;
@@ -15,7 +16,7 @@
15
16
  //right padding set in child trigger-container below for focus indicator to show correctly
16
17
  padding-inline-end: 0;
17
18
  position: sticky;
18
- z-index: 840;
19
+ z-index: constants.$toolbar-z-index;
19
20
  @include styles.with-motion {
20
21
  transition: ease awsui.$motion-duration-refresh-only-slow;
21
22
  transition-property: inset-block-start, opacity;
package/lib/internal/scss/property-filter/styles.scss CHANGED
@@ -15,6 +15,8 @@ $operator-field-width: 120px;
15
15
  .search-field {
16
16
  display: flex;
17
17
  align-items: flex-end;
18
+ flex-wrap: wrap;
19
+ gap: awsui.$space-xs awsui.$space-s;
18
20
  }
19
21
 
20
22
  .input-wrapper {
@@ -174,7 +176,7 @@ $operator-field-width: 120px;
174
176
  }
175
177
 
176
178
  .custom-control {
177
- margin-inline-end: awsui.$space-s;
179
+ /* used in test-utils */
178
180
  }
179
181
 
180
182
  .input {
package/lib/internal/template/app-layout/visual-refresh/styles.css.js CHANGED
@@ -1,90 +1,90 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "background": "awsui_background_hyvsj_m91pb_145",
5
- "scrolling-background": "awsui_scrolling-background_hyvsj_m91pb_148",
6
- "breadcrumbs": "awsui_breadcrumbs_hyvsj_m91pb_159",
7
- "drawers-container": "awsui_drawers-container_hyvsj_m91pb_172",
8
- "has-open-drawer": "awsui_has-open-drawer_hyvsj_m91pb_183",
9
- "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_m91pb_204",
10
- "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_m91pb_209",
11
- "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_m91pb_250",
12
- "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_m91pb_260",
13
- "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_m91pb_265",
14
- "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_m91pb_279",
15
- "drawers-trigger": "awsui_drawers-trigger_hyvsj_m91pb_265",
16
- "drawer": "awsui_drawer_hyvsj_m91pb_172",
17
- "drawer-content-container": "awsui_drawer-content-container_hyvsj_m91pb_310",
18
- "drawer-close-button": "awsui_drawer-close-button_hyvsj_m91pb_319",
19
- "drawer-content": "awsui_drawer-content_hyvsj_m91pb_310",
20
- "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_m91pb_327",
21
- "drawer-slider": "awsui_drawer-slider_hyvsj_m91pb_330",
22
- "is-drawer-open": "awsui_is-drawer-open_hyvsj_m91pb_337",
23
- "content": "awsui_content_hyvsj_m91pb_363",
24
- "layout": "awsui_layout_hyvsj_m91pb_388",
25
- "has-max-content-width": "awsui_has-max-content-width_hyvsj_m91pb_460",
26
- "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_m91pb_475",
27
- "content-type-table": "awsui_content-type-table_hyvsj_m91pb_489",
28
- "content-type-cards": "awsui_content-type-cards_hyvsj_m91pb_489",
29
- "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_m91pb_495",
30
- "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_m91pb_498",
31
- "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_m91pb_512",
32
- "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_m91pb_515",
33
- "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_m91pb_525",
34
- "content-first-child-header": "awsui_content-first-child-header_hyvsj_m91pb_528",
35
- "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_m91pb_528",
36
- "has-header": "awsui_has-header_hyvsj_m91pb_528",
37
- "content-first-child-main": "awsui_content-first-child-main_hyvsj_m91pb_543",
38
- "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_m91pb_543",
39
- "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_m91pb_563",
40
- "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_m91pb_566",
41
- "has-split-panel": "awsui_has-split-panel_hyvsj_m91pb_586",
42
- "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_m91pb_586",
43
- "block-body-scroll": "awsui_block-body-scroll_hyvsj_m91pb_594",
44
- "unfocusable": "awsui_unfocusable_hyvsj_m91pb_599",
45
- "container": "awsui_container_hyvsj_m91pb_609",
46
- "is-navigation-open": "awsui_is-navigation-open_hyvsj_m91pb_635",
47
- "is-tools-open": "awsui_is-tools-open_hyvsj_m91pb_638",
48
- "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_m91pb_638",
49
- "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_m91pb_638",
50
- "has-active-drawer": "awsui_has-active-drawer_hyvsj_m91pb_638",
51
- "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_m91pb_647",
52
- "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_m91pb_664",
53
- "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_m91pb_668",
54
- "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_m91pb_672",
55
- "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_m91pb_676",
56
- "navigation-container": "awsui_navigation-container_hyvsj_m91pb_685",
57
- "show-navigation": "awsui_show-navigation_hyvsj_m91pb_723",
58
- "animating": "awsui_animating_hyvsj_m91pb_746",
59
- "showButtons": "awsui_showButtons_hyvsj_m91pb_1",
60
- "navigation": "awsui_navigation_hyvsj_m91pb_685",
61
- "openNavigation": "awsui_openNavigation_hyvsj_m91pb_1",
62
- "animated-content": "awsui_animated-content_hyvsj_m91pb_808",
63
- "hide-navigation": "awsui_hide-navigation_hyvsj_m91pb_817",
64
- "notifications": "awsui_notifications_hyvsj_m91pb_827",
65
- "has-notification-content": "awsui_has-notification-content_hyvsj_m91pb_832",
66
- "sticky-notifications": "awsui_sticky-notifications_hyvsj_m91pb_836",
67
- "high-contrast": "awsui_high-contrast_hyvsj_m91pb_841",
68
- "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_m91pb_859",
69
- "position-bottom": "awsui_position-bottom_hyvsj_m91pb_906",
70
- "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_m91pb_1",
71
- "split-panel-side": "awsui_split-panel-side_hyvsj_m91pb_935",
72
- "position-side": "awsui_position-side_hyvsj_m91pb_948",
73
- "tools-container": "awsui_tools-container_hyvsj_m91pb_970",
74
- "tools": "awsui_tools_hyvsj_m91pb_970",
75
- "openTools": "awsui_openTools_hyvsj_m91pb_1",
76
- "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_m91pb_1059",
77
- "hide-tools": "awsui_hide-tools_hyvsj_m91pb_1069",
78
- "show-tools": "awsui_show-tools_hyvsj_m91pb_1081",
79
- "has-tools-form": "awsui_has-tools-form_hyvsj_m91pb_1059",
80
- "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_m91pb_1164",
81
- "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_m91pb_1180",
82
- "trigger": "awsui_trigger_hyvsj_m91pb_1164",
83
- "selected": "awsui_selected_hyvsj_m91pb_1232",
84
- "badge": "awsui_badge_hyvsj_m91pb_1252",
85
- "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_m91pb_1256",
86
- "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_m91pb_1267",
87
- "dot": "awsui_dot_hyvsj_m91pb_1271",
88
- "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_m91pb_1284"
4
+ "background": "awsui_background_hyvsj_1el08_145",
5
+ "scrolling-background": "awsui_scrolling-background_hyvsj_1el08_148",
6
+ "breadcrumbs": "awsui_breadcrumbs_hyvsj_1el08_159",
7
+ "drawers-container": "awsui_drawers-container_hyvsj_1el08_172",
8
+ "has-open-drawer": "awsui_has-open-drawer_hyvsj_1el08_183",
9
+ "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1el08_204",
10
+ "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1el08_209",
11
+ "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1el08_250",
12
+ "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1el08_260",
13
+ "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1el08_265",
14
+ "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1el08_279",
15
+ "drawers-trigger": "awsui_drawers-trigger_hyvsj_1el08_265",
16
+ "drawer": "awsui_drawer_hyvsj_1el08_172",
17
+ "drawer-content-container": "awsui_drawer-content-container_hyvsj_1el08_310",
18
+ "drawer-close-button": "awsui_drawer-close-button_hyvsj_1el08_319",
19
+ "drawer-content": "awsui_drawer-content_hyvsj_1el08_310",
20
+ "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1el08_327",
21
+ "drawer-slider": "awsui_drawer-slider_hyvsj_1el08_330",
22
+ "is-drawer-open": "awsui_is-drawer-open_hyvsj_1el08_337",
23
+ "content": "awsui_content_hyvsj_1el08_363",
24
+ "layout": "awsui_layout_hyvsj_1el08_388",
25
+ "has-max-content-width": "awsui_has-max-content-width_hyvsj_1el08_460",
26
+ "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1el08_475",
27
+ "content-type-table": "awsui_content-type-table_hyvsj_1el08_489",
28
+ "content-type-cards": "awsui_content-type-cards_hyvsj_1el08_489",
29
+ "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1el08_495",
30
+ "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1el08_498",
31
+ "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1el08_512",
32
+ "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1el08_515",
33
+ "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1el08_525",
34
+ "content-first-child-header": "awsui_content-first-child-header_hyvsj_1el08_528",
35
+ "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1el08_528",
36
+ "has-header": "awsui_has-header_hyvsj_1el08_528",
37
+ "content-first-child-main": "awsui_content-first-child-main_hyvsj_1el08_543",
38
+ "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1el08_543",
39
+ "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_1el08_563",
40
+ "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_1el08_566",
41
+ "has-split-panel": "awsui_has-split-panel_hyvsj_1el08_586",
42
+ "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1el08_586",
43
+ "block-body-scroll": "awsui_block-body-scroll_hyvsj_1el08_594",
44
+ "unfocusable": "awsui_unfocusable_hyvsj_1el08_599",
45
+ "container": "awsui_container_hyvsj_1el08_609",
46
+ "is-navigation-open": "awsui_is-navigation-open_hyvsj_1el08_635",
47
+ "is-tools-open": "awsui_is-tools-open_hyvsj_1el08_638",
48
+ "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1el08_638",
49
+ "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1el08_638",
50
+ "has-active-drawer": "awsui_has-active-drawer_hyvsj_1el08_638",
51
+ "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1el08_651",
52
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1el08_668",
53
+ "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1el08_672",
54
+ "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1el08_676",
55
+ "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1el08_680",
56
+ "navigation-container": "awsui_navigation-container_hyvsj_1el08_689",
57
+ "show-navigation": "awsui_show-navigation_hyvsj_1el08_727",
58
+ "animating": "awsui_animating_hyvsj_1el08_750",
59
+ "showButtons": "awsui_showButtons_hyvsj_1el08_1",
60
+ "navigation": "awsui_navigation_hyvsj_1el08_689",
61
+ "openNavigation": "awsui_openNavigation_hyvsj_1el08_1",
62
+ "animated-content": "awsui_animated-content_hyvsj_1el08_812",
63
+ "hide-navigation": "awsui_hide-navigation_hyvsj_1el08_821",
64
+ "notifications": "awsui_notifications_hyvsj_1el08_831",
65
+ "has-notification-content": "awsui_has-notification-content_hyvsj_1el08_836",
66
+ "sticky-notifications": "awsui_sticky-notifications_hyvsj_1el08_840",
67
+ "high-contrast": "awsui_high-contrast_hyvsj_1el08_845",
68
+ "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1el08_863",
69
+ "position-bottom": "awsui_position-bottom_hyvsj_1el08_910",
70
+ "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1el08_1",
71
+ "split-panel-side": "awsui_split-panel-side_hyvsj_1el08_939",
72
+ "position-side": "awsui_position-side_hyvsj_1el08_952",
73
+ "tools-container": "awsui_tools-container_hyvsj_1el08_974",
74
+ "tools": "awsui_tools_hyvsj_1el08_974",
75
+ "openTools": "awsui_openTools_hyvsj_1el08_1",
76
+ "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1el08_1063",
77
+ "hide-tools": "awsui_hide-tools_hyvsj_1el08_1073",
78
+ "show-tools": "awsui_show-tools_hyvsj_1el08_1085",
79
+ "has-tools-form": "awsui_has-tools-form_hyvsj_1el08_1063",
80
+ "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_1el08_1168",
81
+ "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1el08_1184",
82
+ "trigger": "awsui_trigger_hyvsj_1el08_1168",
83
+ "selected": "awsui_selected_hyvsj_1el08_1236",
84
+ "badge": "awsui_badge_hyvsj_1el08_1256",
85
+ "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1el08_1260",
86
+ "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_1el08_1271",
87
+ "dot": "awsui_dot_hyvsj_1el08_1275",
88
+ "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_1el08_1288"
89
89
  };
90
90