@cloudscape-design/components-themeable 3.0.1385 → 3.0.1387
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.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/button/styles.scss +1 -4
- package/lib/internal/scss/icon/mixins.scss +0 -2
- package/lib/internal/scss/icon/styles.scss +8 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/spinner/mixins.scss +0 -1
- package/lib/internal/scss/tiles/styles.scss +0 -1
- package/lib/internal/scss/toggle/motion.scss +76 -0
- package/lib/internal/scss/toggle/styles.scss +4 -0
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +43 -43
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/app-layout/utils/feature-flags.d.ts +1 -0
- package/lib/internal/template/app-layout/utils/feature-flags.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/feature-flags.js +1 -0
- package/lib/internal/template/app-layout/utils/feature-flags.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -1
- package/lib/internal/template/badge/styles.css.js +10 -10
- package/lib/internal/template/badge/styles.scoped.css +11 -11
- package/lib/internal/template/badge/styles.selectors.js +10 -10
- package/lib/internal/template/button/styles.css.js +23 -23
- package/lib/internal/template/button/styles.scoped.css +72 -115
- package/lib/internal/template/button/styles.selectors.js +23 -23
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +8 -8
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/dropdown/styles.css.js +20 -20
- package/lib/internal/template/dropdown/styles.scoped.css +38 -38
- package/lib/internal/template/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/i18n/messages/all.all.js +1 -1
- package/lib/internal/template/i18n/messages/all.all.json +1 -1
- package/lib/internal/template/i18n/messages/all.ar.js +1 -1
- package/lib/internal/template/i18n/messages/all.ar.json +1 -1
- package/lib/internal/template/i18n/messages/all.de.js +1 -1
- package/lib/internal/template/i18n/messages/all.de.json +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.js +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.json +1 -1
- package/lib/internal/template/i18n/messages/all.en.js +1 -1
- package/lib/internal/template/i18n/messages/all.en.json +1 -1
- package/lib/internal/template/i18n/messages/all.es.js +1 -1
- package/lib/internal/template/i18n/messages/all.es.json +1 -1
- package/lib/internal/template/i18n/messages/all.fr.js +1 -1
- package/lib/internal/template/i18n/messages/all.fr.json +1 -1
- package/lib/internal/template/i18n/messages/all.id.js +1 -1
- package/lib/internal/template/i18n/messages/all.id.json +1 -1
- package/lib/internal/template/i18n/messages/all.it.js +1 -1
- package/lib/internal/template/i18n/messages/all.it.json +1 -1
- package/lib/internal/template/i18n/messages/all.ja.js +1 -1
- package/lib/internal/template/i18n/messages/all.ja.json +1 -1
- package/lib/internal/template/i18n/messages/all.ko.js +1 -1
- package/lib/internal/template/i18n/messages/all.ko.json +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.js +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.json +1 -1
- package/lib/internal/template/i18n/messages/all.th.js +1 -1
- package/lib/internal/template/i18n/messages/all.th.json +1 -1
- package/lib/internal/template/i18n/messages/all.tr.js +1 -1
- package/lib/internal/template/i18n/messages/all.tr.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.json +1 -1
- package/lib/internal/template/i18n/messages-types.d.ts +679 -678
- package/lib/internal/template/i18n/messages-types.d.ts.map +1 -1
- package/lib/internal/template/i18n/messages-types.js +1 -0
- package/lib/internal/template/i18n/messages-types.js.map +1 -1
- package/lib/internal/template/icon/styles.css.js +43 -43
- package/lib/internal/template/icon/styles.scoped.css +110 -118
- package/lib/internal/template/icon/styles.selectors.js +43 -43
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/link/styles.css.js +21 -21
- package/lib/internal/template/link/styles.scoped.css +73 -73
- package/lib/internal/template/link/styles.selectors.js +21 -21
- package/lib/internal/template/radio-button/styles.css.js +1 -1
- package/lib/internal/template/radio-button/styles.scoped.css +2 -2
- package/lib/internal/template/radio-button/styles.selectors.js +1 -1
- package/lib/internal/template/spinner/styles.css.js +14 -14
- package/lib/internal/template/spinner/styles.scoped.css +20 -24
- package/lib/internal/template/spinner/styles.selectors.js +14 -14
- package/lib/internal/template/tiles/styles.css.js +30 -30
- package/lib/internal/template/tiles/styles.scoped.css +72 -76
- package/lib/internal/template/tiles/styles.selectors.js +30 -30
- package/lib/internal/template/toggle/internal.d.ts.map +1 -1
- package/lib/internal/template/toggle/internal.js +8 -2
- package/lib/internal/template/toggle/internal.js.map +1 -1
- package/lib/internal/template/toggle/styles.css.js +10 -10
- package/lib/internal/template/toggle/styles.scoped.css +20 -21
- package/lib/internal/template/toggle/styles.selectors.js +10 -10
- package/package.json +1 -1
|
@@ -34,8 +34,6 @@ $tokens: style-api.resolve($props, carrier);
|
|
|
34
34
|
border-block-width: style-api.value($tokens, border-width, map.get($variant, 'border-width'));
|
|
35
35
|
border-inline-width: style-api.value($tokens, border-width, map.get($variant, 'border-width'));
|
|
36
36
|
}
|
|
37
|
-
position: relative;
|
|
38
|
-
text-decoration: none;
|
|
39
37
|
@if map.get($variant, 'padding') {
|
|
40
38
|
padding-block: style-api.value($tokens, padding-block, map.get($variant, 'padding'));
|
|
41
39
|
padding-inline: style-api.value($tokens, padding-inline, map.get($variant, 'padding'));
|
|
@@ -55,7 +53,6 @@ $tokens: style-api.resolve($props, carrier);
|
|
|
55
53
|
);
|
|
56
54
|
color: style-api.value($tokens, color, var(#{custom-props.$styleColorHover}, map.get($variant, 'hover-color')));
|
|
57
55
|
box-shadow: style-api.value($tokens, box-shadow, var(#{custom-props.$styleBoxShadowHover}));
|
|
58
|
-
text-decoration: none;
|
|
59
56
|
}
|
|
60
57
|
|
|
61
58
|
&:active {
|
|
@@ -90,7 +87,6 @@ $tokens: style-api.resolve($props, carrier);
|
|
|
90
87
|
var(#{custom-props.$styleColorDisabled}, map.get($variant, 'disabled-color'))
|
|
91
88
|
);
|
|
92
89
|
box-shadow: style-api.value($tokens, box-shadow, var(#{custom-props.$styleBoxShadowDisabled}));
|
|
93
|
-
text-decoration: none;
|
|
94
90
|
cursor: auto;
|
|
95
91
|
}
|
|
96
92
|
}
|
|
@@ -116,6 +112,7 @@ $tokens: style-api.resolve($props, carrier);
|
|
|
116
112
|
display: inline-block; // for <a> as a button
|
|
117
113
|
text-decoration: none;
|
|
118
114
|
cursor: pointer;
|
|
115
|
+
position: relative;
|
|
119
116
|
|
|
120
117
|
@each $variant in map.keys(constants.$variants) {
|
|
121
118
|
&.variant-#{$variant} {
|
|
@@ -91,7 +91,6 @@ $_icon-sizes: (
|
|
|
91
91
|
|
|
92
92
|
&.size-#{$name} {
|
|
93
93
|
inline-size: $size;
|
|
94
|
-
box-sizing: border-box;
|
|
95
94
|
&-mapped-height {
|
|
96
95
|
block-size: $supportedLineHeight;
|
|
97
96
|
padding-block: $padding;
|
|
@@ -102,7 +101,6 @@ $_icon-sizes: (
|
|
|
102
101
|
> img {
|
|
103
102
|
inline-size: $size;
|
|
104
103
|
block-size: $size;
|
|
105
|
-
vertical-align: top;
|
|
106
104
|
}
|
|
107
105
|
|
|
108
106
|
> svg {
|
|
@@ -12,18 +12,25 @@
|
|
|
12
12
|
position: relative;
|
|
13
13
|
display: inline-block;
|
|
14
14
|
vertical-align: top;
|
|
15
|
+
box-sizing: border-box;
|
|
15
16
|
&-flex-height {
|
|
16
17
|
display: inline-flex;
|
|
17
18
|
align-items: center;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
|
-
|
|
21
|
+
// stylelint-disable selector-max-type
|
|
21
22
|
> svg {
|
|
22
23
|
// SVG is focusable by default
|
|
23
24
|
// https://stackoverflow.com/questions/18646111/disable-onfocus-event-for-svg-element
|
|
24
25
|
pointer-events: none;
|
|
25
26
|
}
|
|
26
27
|
|
|
28
|
+
> svg,
|
|
29
|
+
> img {
|
|
30
|
+
vertical-align: top;
|
|
31
|
+
}
|
|
32
|
+
// stylelint-enable selector-max-type
|
|
33
|
+
|
|
27
34
|
@include mixins.style-svg();
|
|
28
35
|
|
|
29
36
|
@include mixins.make-icon-sizes;
|
|
@@ -90,7 +90,6 @@ $selected-line: calc(awsui.$border-width-item-selected - 1px);
|
|
|
90
90
|
& > .tile-container {
|
|
91
91
|
margin-block: calc((#{$gutter} / 4));
|
|
92
92
|
margin-inline: calc((#{$gutter} / 4));
|
|
93
|
-
box-sizing: border-box;
|
|
94
93
|
@include make-column(12);
|
|
95
94
|
&.breakpoint-xs {
|
|
96
95
|
@include make-column(map.get($columns-setting, 'xs'));
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
|
|
4
|
+
@use '../internal/styles/tokens' as awsui;
|
|
5
|
+
@use '../internal/styles/utils/theming' as theming;
|
|
6
|
+
|
|
7
|
+
// Scopes @content to themes that opted in to $expressive-motion-themes in theming.scss.
|
|
8
|
+
@mixin toggle-expressive-with-motion {
|
|
9
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
10
|
+
@include theming.expressive-motion-only(':not(.awsui-motion-disabled):not(.awsui-mode-entering)') {
|
|
11
|
+
@content;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
$travel-duration: awsui.$motion-duration-fast;
|
|
17
|
+
$settle-easing: awsui.$motion-easing-refresh-only-a;
|
|
18
|
+
$tail-duration: awsui.$motion-duration-refresh-only-medium;
|
|
19
|
+
$tail-stretch: 4px;
|
|
20
|
+
|
|
21
|
+
// Include inside the track rule.
|
|
22
|
+
@mixin control {
|
|
23
|
+
@include toggle-expressive-with-motion {
|
|
24
|
+
transition: background-color $travel-duration $settle-easing;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
// Include inside the handle rule. `$handle-size` is the handle's resting inline size.
|
|
29
|
+
@mixin handle($handle-size) {
|
|
30
|
+
@include toggle-expressive-with-motion {
|
|
31
|
+
transition:
|
|
32
|
+
transform $travel-duration $settle-easing,
|
|
33
|
+
background-color $travel-duration $settle-easing;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
// The tail only plays once the state has changed since mount.
|
|
37
|
+
&[data-awsui-motion-ready] {
|
|
38
|
+
@include toggle-expressive-with-motion {
|
|
39
|
+
animation: awsui-toggle-tail-off $tail-duration $settle-easing;
|
|
40
|
+
}
|
|
41
|
+
&.toggle-handle-checked {
|
|
42
|
+
@include toggle-expressive-with-motion {
|
|
43
|
+
animation-name: awsui-toggle-tail-on;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
@if theming.has-expressive-motion() {
|
|
49
|
+
@keyframes awsui-toggle-tail-on {
|
|
50
|
+
0% {
|
|
51
|
+
inline-size: $handle-size;
|
|
52
|
+
margin-inline-start: 0;
|
|
53
|
+
}
|
|
54
|
+
35% {
|
|
55
|
+
inline-size: $handle-size + $tail-stretch;
|
|
56
|
+
margin-inline-start: -$tail-stretch;
|
|
57
|
+
}
|
|
58
|
+
100% {
|
|
59
|
+
inline-size: $handle-size;
|
|
60
|
+
margin-inline-start: 0;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
// Going off, the trailing edge is the end edge, so the width alone grows.
|
|
64
|
+
@keyframes awsui-toggle-tail-off {
|
|
65
|
+
0% {
|
|
66
|
+
inline-size: $handle-size;
|
|
67
|
+
}
|
|
68
|
+
35% {
|
|
69
|
+
inline-size: $handle-size + $tail-stretch;
|
|
70
|
+
}
|
|
71
|
+
100% {
|
|
72
|
+
inline-size: $handle-size;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
@use '../internal/styles/foundation' as foundation;
|
|
9
9
|
@use '../internal/generated/custom-css-properties/index.scss' as custom-props;
|
|
10
10
|
@use '../internal/styles/style-api' as style-api;
|
|
11
|
+
@use './motion' as motion;
|
|
11
12
|
|
|
12
13
|
$toggle-width: 2.4 * styles.$base-size;
|
|
13
14
|
$toggle-height: 1.6 * styles.$base-size;
|
|
@@ -62,6 +63,7 @@ $description-tokens: style-api.resolve((color), public);
|
|
|
62
63
|
&-readonly {
|
|
63
64
|
background: style-api.value($control-tokens, background-color, awsui.$color-background-control-disabled);
|
|
64
65
|
}
|
|
66
|
+
@include motion.control;
|
|
65
67
|
}
|
|
66
68
|
|
|
67
69
|
.toggle-handle {
|
|
@@ -106,4 +108,6 @@ $description-tokens: style-api.resolve((color), public);
|
|
|
106
108
|
background: style-api.value($control-tokens, color, awsui.$color-foreground-control-read-only);
|
|
107
109
|
}
|
|
108
110
|
}
|
|
111
|
+
|
|
112
|
+
@include motion.handle($handle-size);
|
|
109
113
|
}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"alert": "
|
|
5
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
6
|
-
"root": "
|
|
7
|
-
"hidden": "
|
|
8
|
-
"alert-wrapper": "awsui_alert-
|
|
9
|
-
"initial-hidden": "awsui_initial-
|
|
10
|
-
"header": "
|
|
11
|
-
"header-replacement": "awsui_header-
|
|
12
|
-
"action": "
|
|
13
|
-
"action-slot": "awsui_action-
|
|
14
|
-
"action-button": "awsui_action-
|
|
15
|
-
"alert-focus-wrapper": "awsui_alert-focus-
|
|
16
|
-
"icon": "
|
|
17
|
-
"text": "
|
|
18
|
-
"message": "
|
|
19
|
-
"action-wrapped": "awsui_action-
|
|
20
|
-
"icon-size-medium": "awsui_icon-size-
|
|
21
|
-
"icon-size-big": "awsui_icon-size-
|
|
22
|
-
"icon-size-normal": "awsui_icon-size-
|
|
23
|
-
"content": "
|
|
24
|
-
"content-replacement": "awsui_content-
|
|
25
|
-
"dismiss": "
|
|
26
|
-
"dismiss-button": "awsui_dismiss-
|
|
27
|
-
"type-error": "awsui_type-
|
|
28
|
-
"type-warning": "awsui_type-
|
|
29
|
-
"type-success": "awsui_type-
|
|
30
|
-
"type-info": "awsui_type-
|
|
4
|
+
"alert": "awsui_alert_mx3cw_xzff1_13",
|
|
5
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_xzff1_1",
|
|
6
|
+
"root": "awsui_root_mx3cw_xzff1_84",
|
|
7
|
+
"hidden": "awsui_hidden_mx3cw_xzff1_119",
|
|
8
|
+
"alert-wrapper": "awsui_alert-wrapper_mx3cw_xzff1_182",
|
|
9
|
+
"initial-hidden": "awsui_initial-hidden_mx3cw_xzff1_194",
|
|
10
|
+
"header": "awsui_header_mx3cw_xzff1_199",
|
|
11
|
+
"header-replacement": "awsui_header-replacement_mx3cw_xzff1_200",
|
|
12
|
+
"action": "awsui_action_mx3cw_xzff1_204",
|
|
13
|
+
"action-slot": "awsui_action-slot_mx3cw_xzff1_208",
|
|
14
|
+
"action-button": "awsui_action-button_mx3cw_xzff1_209",
|
|
15
|
+
"alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_xzff1_213",
|
|
16
|
+
"icon": "awsui_icon_mx3cw_xzff1_245",
|
|
17
|
+
"text": "awsui_text_mx3cw_xzff1_249",
|
|
18
|
+
"message": "awsui_message_mx3cw_xzff1_259",
|
|
19
|
+
"action-wrapped": "awsui_action-wrapped_mx3cw_xzff1_263",
|
|
20
|
+
"icon-size-medium": "awsui_icon-size-medium_mx3cw_xzff1_267",
|
|
21
|
+
"icon-size-big": "awsui_icon-size-big_mx3cw_xzff1_271",
|
|
22
|
+
"icon-size-normal": "awsui_icon-size-normal_mx3cw_xzff1_275",
|
|
23
|
+
"content": "awsui_content_mx3cw_xzff1_279",
|
|
24
|
+
"content-replacement": "awsui_content-replacement_mx3cw_xzff1_280",
|
|
25
|
+
"dismiss": "awsui_dismiss_mx3cw_xzff1_284",
|
|
26
|
+
"dismiss-button": "awsui_dismiss-button_mx3cw_xzff1_290",
|
|
27
|
+
"type-error": "awsui_type-error_mx3cw_xzff1_294",
|
|
28
|
+
"type-warning": "awsui_type-warning_mx3cw_xzff1_302",
|
|
29
|
+
"type-success": "awsui_type-success_mx3cw_xzff1_310",
|
|
30
|
+
"type-info": "awsui_type-info_mx3cw_xzff1_318"
|
|
31
31
|
};
|
|
32
32
|
|
|
@@ -10,10 +10,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
10
10
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
11
11
|
SPDX-License-Identifier: Apache-2.0
|
|
12
12
|
*/
|
|
13
|
-
.
|
|
14
|
-
animation: awsui_awsui-motion-fade-
|
|
13
|
+
.awsui_alert_mx3cw_xzff1_13:not(#\9) {
|
|
14
|
+
animation: awsui_awsui-motion-fade-in_mx3cw_xzff1_1 var(--motion-duration-show-paced-i87eux, 180ms) var(--motion-easing-show-paced-r4ee22, ease-out);
|
|
15
15
|
}
|
|
16
|
-
@keyframes awsui_awsui-motion-fade-
|
|
16
|
+
@keyframes awsui_awsui-motion-fade-in_mx3cw_xzff1_1 {
|
|
17
17
|
from {
|
|
18
18
|
opacity: 0.2;
|
|
19
19
|
}
|
|
@@ -22,12 +22,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
@media (prefers-reduced-motion: reduce) {
|
|
25
|
-
.
|
|
25
|
+
.awsui_alert_mx3cw_xzff1_13:not(#\9) {
|
|
26
26
|
animation: none;
|
|
27
27
|
transition: none;
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
.awsui-motion-disabled .
|
|
30
|
+
.awsui-motion-disabled .awsui_alert_mx3cw_xzff1_13:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_xzff1_13:not(#\9) {
|
|
31
31
|
animation: none;
|
|
32
32
|
transition: none;
|
|
33
33
|
}
|
|
@@ -80,8 +80,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
80
80
|
syntax: "*";
|
|
81
81
|
inherits: false;
|
|
82
82
|
}
|
|
83
|
-
/* awsui:style-api-slot name=root tokens=color, background-color, border-color, border-width, border-radius, padding-block, padding-inline, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline */
|
|
84
|
-
.
|
|
83
|
+
/* awsui:style-api-slot name=root tokens=color, background-color, border-color, border-width, border-radius, padding-block, padding-inline, focus-ring-color, focus-ring-width, focus-ring-radius, focus-ring-gutter-block, focus-ring-gutter-inline properties= */
|
|
84
|
+
.awsui_root_mx3cw_xzff1_84:not(#\9) {
|
|
85
85
|
border-collapse: separate;
|
|
86
86
|
border-spacing: 0;
|
|
87
87
|
box-sizing: border-box;
|
|
@@ -116,11 +116,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
116
116
|
overflow: hidden;
|
|
117
117
|
display: block;
|
|
118
118
|
}
|
|
119
|
-
.
|
|
119
|
+
.awsui_root_mx3cw_xzff1_84.awsui_hidden_mx3cw_xzff1_119:not(#\9) {
|
|
120
120
|
display: none;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
|
-
.
|
|
123
|
+
.awsui_alert_mx3cw_xzff1_13:not(#\9) {
|
|
124
124
|
--awsui-internal-style-color: var(--awsui-style-color);
|
|
125
125
|
--awsui-internal-style-background-color: var(--awsui-style-background-color);
|
|
126
126
|
--awsui-internal-style-border-color: var(--awsui-style-border-color);
|
|
@@ -179,7 +179,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
179
179
|
background-color: var(--awsui-internal-style-background-color, var(--color-background-container-content-mjfil9, #ffffff));
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
-
.awsui_alert-
|
|
182
|
+
.awsui_alert-wrapper_mx3cw_xzff1_182:not(#\9) {
|
|
183
183
|
flex: 1;
|
|
184
184
|
display: flex;
|
|
185
185
|
flex-direction: row;
|
|
@@ -187,46 +187,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
187
187
|
column-gap: var(--space-alert-action-left-6trzof, 20px);
|
|
188
188
|
}
|
|
189
189
|
|
|
190
|
-
.
|
|
190
|
+
.awsui_hidden_mx3cw_xzff1_119:not(#\9) {
|
|
191
191
|
display: none;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
.awsui_initial-
|
|
194
|
+
.awsui_initial-hidden_mx3cw_xzff1_194:not(#\9) {
|
|
195
195
|
overflow: hidden;
|
|
196
196
|
block-size: 0;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
.
|
|
200
|
-
.awsui_header-
|
|
199
|
+
.awsui_header_mx3cw_xzff1_199:not(#\9),
|
|
200
|
+
.awsui_header-replacement_mx3cw_xzff1_200:not(#\9) {
|
|
201
201
|
font-weight: var(--font-weight-alert-header-ym3e4s, 700);
|
|
202
202
|
}
|
|
203
203
|
|
|
204
|
-
.
|
|
204
|
+
.awsui_action_mx3cw_xzff1_204:not(#\9) {
|
|
205
205
|
white-space: nowrap;
|
|
206
206
|
}
|
|
207
207
|
|
|
208
|
-
.awsui_action-
|
|
209
|
-
.awsui_action-
|
|
208
|
+
.awsui_action-slot_mx3cw_xzff1_208:not(#\9),
|
|
209
|
+
.awsui_action-button_mx3cw_xzff1_209:not(#\9) {
|
|
210
210
|
/* used in test-utils */
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
.awsui_alert-focus-
|
|
213
|
+
.awsui_alert-focus-wrapper_mx3cw_xzff1_213:not(#\9) {
|
|
214
214
|
flex: 1;
|
|
215
215
|
min-inline-size: 70%;
|
|
216
216
|
display: grid;
|
|
217
217
|
grid-template-columns: min-content auto;
|
|
218
218
|
}
|
|
219
|
-
.awsui_alert-focus-
|
|
219
|
+
.awsui_alert-focus-wrapper_mx3cw_xzff1_213:not(#\9):focus {
|
|
220
220
|
outline: none;
|
|
221
221
|
}
|
|
222
|
-
body[data-awsui-focus-visible=true] .awsui_alert-focus-
|
|
222
|
+
body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_xzff1_213:not(#\9):focus {
|
|
223
223
|
position: relative;
|
|
224
224
|
}
|
|
225
|
-
body[data-awsui-focus-visible=true] .awsui_alert-focus-
|
|
225
|
+
body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_xzff1_213:not(#\9):focus {
|
|
226
226
|
outline: 2px dotted transparent;
|
|
227
227
|
outline-offset: calc(var(--awsui-internal-style-focus-ring-gutter-inline, var(--space-button-focus-outline-gutter-dzjnny, 3px)) - 1px);
|
|
228
228
|
}
|
|
229
|
-
body[data-awsui-focus-visible=true] .awsui_alert-focus-
|
|
229
|
+
body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_xzff1_213:not(#\9):focus::before {
|
|
230
230
|
content: " ";
|
|
231
231
|
display: block;
|
|
232
232
|
position: absolute;
|
|
@@ -241,84 +241,84 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_184ir_213:n
|
|
|
241
241
|
box-shadow: 0 0 0 var(--awsui-internal-style-focus-ring-width, var(--awsui-alert-focus-ring-border-width-ka4djm, 2px)) var(--awsui-internal-style-focus-ring-color, var(--awsui-alert-focus-ring-border-color-ka4djm, var(--color-border-item-focused-sewkzn, #0073bb)));
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
/* awsui:style-api-slot name=icon tokens=color */
|
|
245
|
-
.
|
|
244
|
+
/* awsui:style-api-slot name=icon tokens=color properties= */
|
|
245
|
+
.awsui_icon_mx3cw_xzff1_245:not(#\9) {
|
|
246
246
|
--awsui-internal-style-color: var(--awsui-style-color);
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
-
.
|
|
249
|
+
.awsui_text_mx3cw_xzff1_249:not(#\9) {
|
|
250
250
|
min-inline-size: 0;
|
|
251
251
|
padding-block: var(--border-width-button-lffd4t, 1px);
|
|
252
252
|
padding-inline: 0;
|
|
253
253
|
margin-block: var(--space-scaled-xxs-j00t0m, 4px);
|
|
254
254
|
margin-inline: var(--space-xxs-3o1yoq, 4px);
|
|
255
255
|
}
|
|
256
|
-
.
|
|
256
|
+
.awsui_text_mx3cw_xzff1_249.awsui_icon_mx3cw_xzff1_245:not(#\9) {
|
|
257
257
|
margin-inline-start: 0;
|
|
258
258
|
}
|
|
259
|
-
.
|
|
259
|
+
.awsui_text_mx3cw_xzff1_249.awsui_message_mx3cw_xzff1_259:not(#\9) {
|
|
260
260
|
margin-inline-end: var(--space-alert-message-right-3i2sx2, 0px);
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
.awsui_action-
|
|
263
|
+
.awsui_action-wrapped_mx3cw_xzff1_263:not(#\9) {
|
|
264
264
|
margin-block-end: var(--space-xxs-3o1yoq, 4px);
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
.awsui_icon-size-
|
|
267
|
+
.awsui_icon-size-medium_mx3cw_xzff1_267 > .awsui_alert-wrapper_mx3cw_xzff1_182 > .awsui_action-wrapped_mx3cw_xzff1_263:not(#\9) {
|
|
268
268
|
margin-inline-start: calc(var(--size-icon-medium-0cbske, 16px) + var(--space-xs-m9b7jf, 8px));
|
|
269
269
|
}
|
|
270
270
|
|
|
271
|
-
.awsui_icon-size-
|
|
271
|
+
.awsui_icon-size-big_mx3cw_xzff1_271 > .awsui_alert-wrapper_mx3cw_xzff1_182 > .awsui_action-wrapped_mx3cw_xzff1_263:not(#\9) {
|
|
272
272
|
margin-inline-start: calc(var(--size-icon-big-z6z1yl, 32px) + var(--space-xs-m9b7jf, 8px));
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
.awsui_icon-size-
|
|
275
|
+
.awsui_icon-size-normal_mx3cw_xzff1_275 > .awsui_alert-wrapper_mx3cw_xzff1_182 > .awsui_action-wrapped_mx3cw_xzff1_263:not(#\9) {
|
|
276
276
|
margin-inline-start: calc(var(--size-icon-normal-311gry, 16px) + var(--space-xs-m9b7jf, 8px));
|
|
277
277
|
}
|
|
278
278
|
|
|
279
|
-
.
|
|
280
|
-
.awsui_content-
|
|
279
|
+
.awsui_content_mx3cw_xzff1_279:not(#\9),
|
|
280
|
+
.awsui_content-replacement_mx3cw_xzff1_280:not(#\9) {
|
|
281
281
|
/* used in test-utils */
|
|
282
282
|
}
|
|
283
283
|
|
|
284
|
-
.
|
|
284
|
+
.awsui_dismiss_mx3cw_xzff1_284:not(#\9) {
|
|
285
285
|
margin-inline-end: calc(-1 * var(--space-xxs-3o1yoq, 4px));
|
|
286
286
|
margin-inline-start: var(--space-s-kll7oj, 12px);
|
|
287
287
|
}
|
|
288
288
|
|
|
289
289
|
/* awsui:style-api-slot name=dismissButton component=button slot=root */
|
|
290
|
-
.awsui_dismiss-
|
|
290
|
+
.awsui_dismiss-button_mx3cw_xzff1_290:not(#\9) {
|
|
291
291
|
/* used in test-utils */
|
|
292
292
|
}
|
|
293
293
|
|
|
294
|
-
.awsui_type-
|
|
294
|
+
.awsui_type-error_mx3cw_xzff1_294:not(#\9) {
|
|
295
295
|
border-color: var(--awsui-internal-style-border-color, var(--color-border-status-error-nczvil, #d13212));
|
|
296
296
|
background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-error-dpj69i, #fdf3f1));
|
|
297
297
|
}
|
|
298
|
-
.awsui_type-
|
|
298
|
+
.awsui_type-error_mx3cw_xzff1_294 > .awsui_alert-wrapper_mx3cw_xzff1_182 > .awsui_alert-focus-wrapper_mx3cw_xzff1_213 > .awsui_icon_mx3cw_xzff1_245:not(#\9) {
|
|
299
299
|
color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-ka4djm, var(--color-text-alert-icon-error-6ivbnd, #d13212)));
|
|
300
300
|
}
|
|
301
301
|
|
|
302
|
-
.awsui_type-
|
|
302
|
+
.awsui_type-warning_mx3cw_xzff1_302:not(#\9) {
|
|
303
303
|
border-color: var(--awsui-internal-style-border-color, var(--color-border-status-warning-zj1tu9, #906806));
|
|
304
304
|
background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-warning-021z3n, #fffef0));
|
|
305
305
|
}
|
|
306
|
-
.awsui_type-
|
|
306
|
+
.awsui_type-warning_mx3cw_xzff1_302 > .awsui_alert-wrapper_mx3cw_xzff1_182 > .awsui_alert-focus-wrapper_mx3cw_xzff1_213 > .awsui_icon_mx3cw_xzff1_245:not(#\9) {
|
|
307
307
|
color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-ka4djm, var(--color-text-alert-icon-warning-lan9qr, #906806)));
|
|
308
308
|
}
|
|
309
309
|
|
|
310
|
-
.awsui_type-
|
|
310
|
+
.awsui_type-success_mx3cw_xzff1_310:not(#\9) {
|
|
311
311
|
border-color: var(--awsui-internal-style-border-color, var(--color-border-status-success-zsy8d6, #1d8102));
|
|
312
312
|
background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-success-9dyn87, #f2f8f0));
|
|
313
313
|
}
|
|
314
|
-
.awsui_type-
|
|
314
|
+
.awsui_type-success_mx3cw_xzff1_310 > .awsui_alert-wrapper_mx3cw_xzff1_182 > .awsui_alert-focus-wrapper_mx3cw_xzff1_213 > .awsui_icon_mx3cw_xzff1_245:not(#\9) {
|
|
315
315
|
color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-ka4djm, var(--color-text-alert-icon-success-1ldpm2, #1d8102)));
|
|
316
316
|
}
|
|
317
317
|
|
|
318
|
-
.awsui_type-
|
|
318
|
+
.awsui_type-info_mx3cw_xzff1_318:not(#\9) {
|
|
319
319
|
border-color: var(--awsui-internal-style-border-color, var(--color-border-status-info-e5c14y, #0073bb));
|
|
320
320
|
background-color: var(--awsui-internal-style-background-color, var(--color-background-alert-info-lqhdg0, #f1faff));
|
|
321
321
|
}
|
|
322
|
-
.awsui_type-
|
|
322
|
+
.awsui_type-info_mx3cw_xzff1_318 > .awsui_alert-wrapper_mx3cw_xzff1_182 > .awsui_alert-focus-wrapper_mx3cw_xzff1_213 > .awsui_icon_mx3cw_xzff1_245:not(#\9) {
|
|
323
323
|
color: var(--awsui-internal-style-color, var(--awsui-alert-icon-color-ka4djm, var(--color-text-alert-icon-info-ud5q0o, #0073bb)));
|
|
324
324
|
}
|
|
@@ -2,32 +2,32 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"alert": "
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"root": "
|
|
8
|
-
"hidden": "
|
|
9
|
-
"alert-wrapper": "awsui_alert-
|
|
10
|
-
"initial-hidden": "awsui_initial-
|
|
11
|
-
"header": "
|
|
12
|
-
"header-replacement": "awsui_header-
|
|
13
|
-
"action": "
|
|
14
|
-
"action-slot": "awsui_action-
|
|
15
|
-
"action-button": "awsui_action-
|
|
16
|
-
"alert-focus-wrapper": "awsui_alert-focus-
|
|
17
|
-
"icon": "
|
|
18
|
-
"text": "
|
|
19
|
-
"message": "
|
|
20
|
-
"action-wrapped": "awsui_action-
|
|
21
|
-
"icon-size-medium": "awsui_icon-size-
|
|
22
|
-
"icon-size-big": "awsui_icon-size-
|
|
23
|
-
"icon-size-normal": "awsui_icon-size-
|
|
24
|
-
"content": "
|
|
25
|
-
"content-replacement": "awsui_content-
|
|
26
|
-
"dismiss": "
|
|
27
|
-
"dismiss-button": "awsui_dismiss-
|
|
28
|
-
"type-error": "awsui_type-
|
|
29
|
-
"type-warning": "awsui_type-
|
|
30
|
-
"type-success": "awsui_type-
|
|
31
|
-
"type-info": "awsui_type-
|
|
5
|
+
"alert": "awsui_alert_mx3cw_xzff1_13",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_xzff1_1",
|
|
7
|
+
"root": "awsui_root_mx3cw_xzff1_84",
|
|
8
|
+
"hidden": "awsui_hidden_mx3cw_xzff1_119",
|
|
9
|
+
"alert-wrapper": "awsui_alert-wrapper_mx3cw_xzff1_182",
|
|
10
|
+
"initial-hidden": "awsui_initial-hidden_mx3cw_xzff1_194",
|
|
11
|
+
"header": "awsui_header_mx3cw_xzff1_199",
|
|
12
|
+
"header-replacement": "awsui_header-replacement_mx3cw_xzff1_200",
|
|
13
|
+
"action": "awsui_action_mx3cw_xzff1_204",
|
|
14
|
+
"action-slot": "awsui_action-slot_mx3cw_xzff1_208",
|
|
15
|
+
"action-button": "awsui_action-button_mx3cw_xzff1_209",
|
|
16
|
+
"alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_xzff1_213",
|
|
17
|
+
"icon": "awsui_icon_mx3cw_xzff1_245",
|
|
18
|
+
"text": "awsui_text_mx3cw_xzff1_249",
|
|
19
|
+
"message": "awsui_message_mx3cw_xzff1_259",
|
|
20
|
+
"action-wrapped": "awsui_action-wrapped_mx3cw_xzff1_263",
|
|
21
|
+
"icon-size-medium": "awsui_icon-size-medium_mx3cw_xzff1_267",
|
|
22
|
+
"icon-size-big": "awsui_icon-size-big_mx3cw_xzff1_271",
|
|
23
|
+
"icon-size-normal": "awsui_icon-size-normal_mx3cw_xzff1_275",
|
|
24
|
+
"content": "awsui_content_mx3cw_xzff1_279",
|
|
25
|
+
"content-replacement": "awsui_content-replacement_mx3cw_xzff1_280",
|
|
26
|
+
"dismiss": "awsui_dismiss_mx3cw_xzff1_284",
|
|
27
|
+
"dismiss-button": "awsui_dismiss-button_mx3cw_xzff1_290",
|
|
28
|
+
"type-error": "awsui_type-error_mx3cw_xzff1_294",
|
|
29
|
+
"type-warning": "awsui_type-warning_mx3cw_xzff1_302",
|
|
30
|
+
"type-success": "awsui_type-success_mx3cw_xzff1_310",
|
|
31
|
+
"type-info": "awsui_type-info_mx3cw_xzff1_318"
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export declare const useAppLayoutFlagEnabled: () => boolean | undefined;
|
|
2
2
|
export declare const useAppLayoutToolbarDesignEnabled: () => boolean | undefined;
|
|
3
|
+
export declare const isAppLayoutHideToolbarBreadcrumbsEnabled: () => boolean;
|
|
3
4
|
//# sourceMappingURL=feature-flags.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/utils/feature-flags.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,uBAAuB,2BAGnC,CAAC;AAMF,eAAO,MAAM,gCAAgC,2BAK5C,CAAC"}
|
|
1
|
+
{"version":3,"file":"feature-flags.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/utils/feature-flags.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,uBAAuB,2BAGnC,CAAC;AAMF,eAAO,MAAM,gCAAgC,2BAK5C,CAAC;AAEF,eAAO,MAAM,wCAAwC,eAA2D,CAAC"}
|
|
@@ -19,4 +19,5 @@ export const useAppLayoutToolbarDesignEnabled = () => {
|
|
|
19
19
|
const isToolbarPublic = (_a = useContext(AppLayoutToolbarPublicContext)) !== null && _a !== void 0 ? _a : false;
|
|
20
20
|
return isToolbarPublic || isToolbarPrivate;
|
|
21
21
|
};
|
|
22
|
+
export const isAppLayoutHideToolbarBreadcrumbsEnabled = () => !!getGlobalFlag('appLayoutHideToolbarBreadcrumbs');
|
|
22
23
|
//# sourceMappingURL=feature-flags.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feature-flags.js","sourceRoot":"","sources":["../../../../src/app-layout/utils/feature-flags.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,uGAAuG;AACvG,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,SAAS,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,IAAI,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAC9F,CAAC,CAAC;AAEF,gDAAgD;AAChD,6HAA6H;AAC7H,qHAAqH;AACrH,+EAA+E;AAC/E,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAG,EAAE;;IACnD,MAAM,gBAAgB,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,eAAe,GAAG,MAAA,UAAU,CAAC,6BAA6B,CAAC,mCAAI,KAAK,CAAC;IAE3E,OAAO,eAAe,IAAI,gBAAgB,CAAC;AAC7C,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext } from 'react';\n\nimport { getGlobalFlag } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { AppLayoutToolbarPublicContext } from '../visual-refresh-toolbar/contexts';\n\n// useAppLayoutFlagEnabled is set to true only in consoles. It controls if AppLayout theme is toolbar\nexport const useAppLayoutFlagEnabled = () => {\n const isRefresh = useVisualRefresh();\n return isRefresh && (getGlobalFlag('appLayoutWidget') || getGlobalFlag('appLayoutToolbar'));\n};\n\n// AppLayoutToolbar component will have 2 modes:\n// - for those who use AppLayout component with toolbar. they expect to have all existing features, including deduplication\n// - for non-console usage. in this case we don't need \"hidden\" features to be enabled, now it's only deduplication\n// the hooks I want to name will exist only internally to control this behavior\nexport const useAppLayoutToolbarDesignEnabled = () => {\n const isToolbarPrivate = useAppLayoutFlagEnabled();\n const isToolbarPublic = useContext(AppLayoutToolbarPublicContext) ?? false;\n\n return isToolbarPublic || isToolbarPrivate;\n};\n"]}
|
|
1
|
+
{"version":3,"file":"feature-flags.js","sourceRoot":"","sources":["../../../../src/app-layout/utils/feature-flags.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAEnF,uGAAuG;AACvG,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IAC1C,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,SAAS,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,IAAI,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAC9F,CAAC,CAAC;AAEF,gDAAgD;AAChD,6HAA6H;AAC7H,qHAAqH;AACrH,+EAA+E;AAC/E,MAAM,CAAC,MAAM,gCAAgC,GAAG,GAAG,EAAE;;IACnD,MAAM,gBAAgB,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,eAAe,GAAG,MAAA,UAAU,CAAC,6BAA6B,CAAC,mCAAI,KAAK,CAAC;IAE3E,OAAO,eAAe,IAAI,gBAAgB,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wCAAwC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext } from 'react';\n\nimport { getGlobalFlag } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { AppLayoutToolbarPublicContext } from '../visual-refresh-toolbar/contexts';\n\n// useAppLayoutFlagEnabled is set to true only in consoles. It controls if AppLayout theme is toolbar\nexport const useAppLayoutFlagEnabled = () => {\n const isRefresh = useVisualRefresh();\n return isRefresh && (getGlobalFlag('appLayoutWidget') || getGlobalFlag('appLayoutToolbar'));\n};\n\n// AppLayoutToolbar component will have 2 modes:\n// - for those who use AppLayout component with toolbar. they expect to have all existing features, including deduplication\n// - for non-console usage. in this case we don't need \"hidden\" features to be enabled, now it's only deduplication\n// the hooks I want to name will exist only internally to control this behavior\nexport const useAppLayoutToolbarDesignEnabled = () => {\n const isToolbarPrivate = useAppLayoutFlagEnabled();\n const isToolbarPublic = useContext(AppLayoutToolbarPublicContext) ?? false;\n\n return isToolbarPublic || isToolbarPrivate;\n};\n\nexport const isAppLayoutHideToolbarBreadcrumbsEnabled = () => !!getGlobalFlag('appLayoutHideToolbarBreadcrumbs');\n"]}
|
|
@@ -88,7 +88,7 @@ export interface AppLayoutInternals {
|
|
|
88
88
|
onActiveAiDrawerResize: (size: number) => void;
|
|
89
89
|
}
|
|
90
90
|
export interface AppLayoutWidgetizedState extends AppLayoutInternals {
|
|
91
|
-
|
|
91
|
+
hideBreadcrumbsInToolbar?: boolean;
|
|
92
92
|
reportOwnBreadcrumbsProps?: BreadcrumbsSlotContextType['reportOwnBreadcrumbsProps'];
|
|
93
93
|
isNested: boolean;
|
|
94
94
|
verticalOffsets: VerticalLayoutOutput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"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"}
|