@cloudscape-design/components 3.0.191 → 3.0.193
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/app-layout/visual-refresh/header.d.ts.map +1 -1
- package/app-layout/visual-refresh/header.js +2 -1
- package/app-layout/visual-refresh/header.js.map +1 -1
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +2 -1
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +60 -60
- package/app-layout/visual-refresh/styles.scoped.css +150 -148
- package/app-layout/visual-refresh/styles.selectors.js +60 -60
- package/breadcrumb-group/item/item.d.ts.map +1 -1
- package/breadcrumb-group/item/item.js +13 -10
- package/breadcrumb-group/item/item.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/test-utils/dom/breadcrumb-group/index.d.ts +6 -4
- package/test-utils/dom/breadcrumb-group/index.js +8 -6
- package/test-utils/dom/breadcrumb-group/index.js.map +1 -1
- package/test-utils/selectors/breadcrumb-group/index.d.ts +6 -4
- package/test-utils/selectors/breadcrumb-group/index.js +8 -6
- package/test-utils/selectors/breadcrumb-group/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAOA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,uBAsB7B"}
|
|
@@ -10,13 +10,14 @@ import styles from './styles.css.js';
|
|
|
10
10
|
*/
|
|
11
11
|
export default function Header() {
|
|
12
12
|
var _a;
|
|
13
|
-
var _b = useAppLayoutInternals(), breadcrumbs = _b.breadcrumbs, contentHeader = _b.contentHeader, hasNotificationsContent = _b.hasNotificationsContent;
|
|
13
|
+
var _b = useAppLayoutInternals(), breadcrumbs = _b.breadcrumbs, contentHeader = _b.contentHeader, hasNotificationsContent = _b.hasNotificationsContent, isMobile = _b.isMobile, isAnyPanelOpen = _b.isAnyPanelOpen;
|
|
14
14
|
if (!contentHeader) {
|
|
15
15
|
return null;
|
|
16
16
|
}
|
|
17
17
|
return (React.createElement("header", { className: clsx(styles.content, (_a = {},
|
|
18
18
|
_a[styles['has-breadcrumbs']] = breadcrumbs,
|
|
19
19
|
_a[styles['has-notifications-content']] = hasNotificationsContent,
|
|
20
|
+
_a[styles.unfocusable] = isMobile && isAnyPanelOpen,
|
|
20
21
|
_a), 'awsui-context-content-header') }, contentHeader));
|
|
21
22
|
}
|
|
22
23
|
//# sourceMappingURL=header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM;;IACtB,IAAA,
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM;;IACtB,IAAA,KAAoF,qBAAqB,EAAE,EAAzG,WAAW,iBAAA,EAAE,aAAa,mBAAA,EAAE,uBAAuB,6BAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAA4B,CAAC;IAElH,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,gCACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,OAAO;YAEZ,GAAC,MAAM,CAAC,iBAAiB,CAAC,IAAG,WAAW;YACxC,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,WAAW,IAAG,QAAQ,IAAI,cAAc;iBAElD,8BAA8B,CAC/B,IAEA,aAAa,CACP,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function Header() {\n const { breadcrumbs, contentHeader, hasNotificationsContent, isMobile, isAnyPanelOpen } = useAppLayoutInternals();\n\n if (!contentHeader) {\n return null;\n }\n\n return (\n <header\n className={clsx(\n styles.content,\n {\n [styles['has-breadcrumbs']]: breadcrumbs,\n [styles['has-notifications-content']]: hasNotificationsContent,\n [styles.unfocusable]: isMobile && isAnyPanelOpen,\n },\n 'awsui-context-content-header'\n )}\n >\n {contentHeader}\n </header>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,
|
|
1
|
+
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAQA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,uBAkCpC"}
|
|
@@ -12,13 +12,14 @@ import testutilStyles from '../test-classes/styles.css.js';
|
|
|
12
12
|
export default function Notifications() {
|
|
13
13
|
var _a;
|
|
14
14
|
var _b;
|
|
15
|
-
var _c = useAppLayoutInternals(), ariaLabels = _c.ariaLabels, hasNotificationsContent = _c.hasNotificationsContent, notifications = _c.notifications, notificationsElement = _c.notificationsElement, stickyNotifications = _c.stickyNotifications;
|
|
15
|
+
var _c = useAppLayoutInternals(), ariaLabels = _c.ariaLabels, hasNotificationsContent = _c.hasNotificationsContent, notifications = _c.notifications, notificationsElement = _c.notificationsElement, stickyNotifications = _c.stickyNotifications, isMobile = _c.isMobile, isAnyPanelOpen = _c.isAnyPanelOpen;
|
|
16
16
|
if (!notifications) {
|
|
17
17
|
return null;
|
|
18
18
|
}
|
|
19
19
|
return (React.createElement("div", { role: "region", "aria-label": (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.notifications) !== null && _b !== void 0 ? _b : undefined, className: clsx(styles.notifications, (_a = {},
|
|
20
20
|
_a[styles['has-notifications-content']] = hasNotificationsContent,
|
|
21
21
|
_a[styles['sticky-notifications']] = stickyNotifications,
|
|
22
|
+
_a[styles.unfocusable] = isMobile && isAnyPanelOpen,
|
|
22
23
|
_a), testutilStyles.notifications, 'awsui-context-content-header'), ref: notificationsElement }, notifications));
|
|
23
24
|
}
|
|
24
25
|
//# sourceMappingURL=notifications.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;;;IAC7B,IAAA,
|
|
1
|
+
{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/notifications.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAE3D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;;;IAC7B,IAAA,KAQF,qBAAqB,EAAE,EAPzB,UAAU,gBAAA,EACV,uBAAuB,6BAAA,EACvB,aAAa,mBAAA,EACb,oBAAoB,0BAAA,EACpB,mBAAmB,yBAAA,EACnB,QAAQ,cAAA,EACR,cAAc,oBACW,CAAC;IAE5B,IAAI,CAAC,aAAa,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,gBACD,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,mCAAI,SAAS,EAClD,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,aAAa;YAElB,GAAC,MAAM,CAAC,2BAA2B,CAAC,IAAG,uBAAuB;YAC9D,GAAC,MAAM,CAAC,sBAAsB,CAAC,IAAG,mBAAmB;YACrD,GAAC,MAAM,CAAC,WAAW,IAAG,QAAQ,IAAI,cAAc;iBAElD,cAAc,CAAC,aAAa,EAC5B,8BAA8B,CAC/B,EACD,GAAG,EAAE,oBAAoB,IAExB,aAAa,CACV,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function Notifications() {\n const {\n ariaLabels,\n hasNotificationsContent,\n notifications,\n notificationsElement,\n stickyNotifications,\n isMobile,\n isAnyPanelOpen,\n } = useAppLayoutInternals();\n\n if (!notifications) {\n return null;\n }\n\n return (\n <div\n role=\"region\"\n aria-label={ariaLabels?.notifications ?? undefined}\n className={clsx(\n styles.notifications,\n {\n [styles['has-notifications-content']]: hasNotificationsContent,\n [styles['sticky-notifications']]: stickyNotifications,\n [styles.unfocusable]: isMobile && isAnyPanelOpen,\n },\n testutilStyles.notifications,\n 'awsui-context-content-header'\n )}\n ref={notificationsElement}\n >\n {notifications}\n </div>\n );\n}\n"]}
|
|
@@ -1,65 +1,65 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"appbar": "
|
|
5
|
-
"appbar-nav": "awsui_appbar-
|
|
6
|
-
"breadcrumbs": "
|
|
7
|
-
"appbar-tools": "awsui_appbar-
|
|
8
|
-
"has-breadcrumbs": "awsui_has-
|
|
9
|
-
"has-notifications-content": "awsui_has-notifications-
|
|
10
|
-
"has-header": "awsui_has-
|
|
11
|
-
"has-dynamic-overlap-height": "awsui_has-dynamic-overlap-
|
|
12
|
-
"content-type-wizard": "awsui_content-type-
|
|
13
|
-
"content-type-cards": "awsui_content-type-
|
|
14
|
-
"content-type-table": "awsui_content-type-
|
|
15
|
-
"has-sticky-background": "awsui_has-sticky-
|
|
16
|
-
"background": "
|
|
17
|
-
"notifications-appbar-header": "awsui_notifications-appbar-
|
|
18
|
-
"sticky-notifications": "awsui_sticky-
|
|
19
|
-
"overlap": "
|
|
20
|
-
"content": "
|
|
21
|
-
"layout": "
|
|
22
|
-
"has-max-content-width": "awsui_has-max-content-
|
|
23
|
-
"is-overlap-disabled": "awsui_is-overlap-
|
|
24
|
-
"disable-body-scroll": "awsui_disable-body-
|
|
25
|
-
"has-sticky-notifications": "awsui_has-sticky-
|
|
26
|
-
"has-split-panel": "awsui_has-split-
|
|
27
|
-
"split-panel-position-bottom": "awsui_split-panel-position-
|
|
28
|
-
"has-content-gap-left": "awsui_has-content-gap-
|
|
29
|
-
"has-content-gap-right": "awsui_has-content-gap-
|
|
30
|
-
"block-body-scroll": "awsui_block-body-
|
|
31
|
-
"container": "
|
|
32
|
-
"disable-content-paddings": "awsui_disable-content-
|
|
33
|
-
"is-navigation-open": "awsui_is-navigation-
|
|
34
|
-
"is-tools-open": "awsui_is-tools-
|
|
35
|
-
"is-split-panel-open": "awsui_is-split-panel-
|
|
36
|
-
"split-panel-position-side": "awsui_split-panel-position-
|
|
37
|
-
"content-type-default": "awsui_content-type-
|
|
38
|
-
"content-type-form": "awsui_content-type-
|
|
39
|
-
"unfocusable": "
|
|
40
|
-
"navigation-container": "awsui_navigation-
|
|
41
|
-
"show-navigation": "awsui_show-
|
|
42
|
-
"animating": "
|
|
43
|
-
"showButtons": "
|
|
44
|
-
"navigation": "
|
|
45
|
-
"openNavigation": "
|
|
46
|
-
"animated-content": "awsui_animated-
|
|
47
|
-
"hide-navigation": "awsui_hide-
|
|
48
|
-
"notifications": "
|
|
49
|
-
"split-panel-bottom": "awsui_split-panel-
|
|
50
|
-
"position-bottom": "awsui_position-
|
|
51
|
-
"openSplitPanelBottom": "
|
|
52
|
-
"split-panel-side": "awsui_split-panel-
|
|
53
|
-
"position-side": "awsui_position-
|
|
54
|
-
"openSplitPanelSide": "
|
|
55
|
-
"tools-container": "awsui_tools-
|
|
56
|
-
"tools": "
|
|
57
|
-
"openTools": "
|
|
58
|
-
"has-tools-form-persistence": "awsui_has-tools-form-
|
|
59
|
-
"hide-tools": "awsui_hide-
|
|
60
|
-
"show-tools": "awsui_show-
|
|
61
|
-
"has-tools-form": "awsui_has-tools-
|
|
62
|
-
"trigger": "
|
|
63
|
-
"selected": "
|
|
4
|
+
"appbar": "awsui_appbar_hyvsj_j35f2_93",
|
|
5
|
+
"appbar-nav": "awsui_appbar-nav_hyvsj_j35f2_117",
|
|
6
|
+
"breadcrumbs": "awsui_breadcrumbs_hyvsj_j35f2_121",
|
|
7
|
+
"appbar-tools": "awsui_appbar-tools_hyvsj_j35f2_125",
|
|
8
|
+
"has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_j35f2_166",
|
|
9
|
+
"has-notifications-content": "awsui_has-notifications-content_hyvsj_j35f2_173",
|
|
10
|
+
"has-header": "awsui_has-header_hyvsj_j35f2_179",
|
|
11
|
+
"has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_j35f2_179",
|
|
12
|
+
"content-type-wizard": "awsui_content-type-wizard_hyvsj_j35f2_180",
|
|
13
|
+
"content-type-cards": "awsui_content-type-cards_hyvsj_j35f2_183",
|
|
14
|
+
"content-type-table": "awsui_content-type-table_hyvsj_j35f2_184",
|
|
15
|
+
"has-sticky-background": "awsui_has-sticky-background_hyvsj_j35f2_187",
|
|
16
|
+
"background": "awsui_background_hyvsj_j35f2_221",
|
|
17
|
+
"notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_j35f2_224",
|
|
18
|
+
"sticky-notifications": "awsui_sticky-notifications_hyvsj_j35f2_236",
|
|
19
|
+
"overlap": "awsui_overlap_hyvsj_j35f2_242",
|
|
20
|
+
"content": "awsui_content_hyvsj_j35f2_180",
|
|
21
|
+
"layout": "awsui_layout_hyvsj_j35f2_333",
|
|
22
|
+
"has-max-content-width": "awsui_has-max-content-width_hyvsj_j35f2_415",
|
|
23
|
+
"is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_j35f2_442",
|
|
24
|
+
"disable-body-scroll": "awsui_disable-body-scroll_hyvsj_j35f2_445",
|
|
25
|
+
"has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_j35f2_449",
|
|
26
|
+
"has-split-panel": "awsui_has-split-panel_hyvsj_j35f2_463",
|
|
27
|
+
"split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_j35f2_463",
|
|
28
|
+
"has-content-gap-left": "awsui_has-content-gap-left_hyvsj_j35f2_475",
|
|
29
|
+
"has-content-gap-right": "awsui_has-content-gap-right_hyvsj_j35f2_478",
|
|
30
|
+
"block-body-scroll": "awsui_block-body-scroll_hyvsj_j35f2_493",
|
|
31
|
+
"container": "awsui_container_hyvsj_j35f2_501",
|
|
32
|
+
"disable-content-paddings": "awsui_disable-content-paddings_hyvsj_j35f2_527",
|
|
33
|
+
"is-navigation-open": "awsui_is-navigation-open_hyvsj_j35f2_532",
|
|
34
|
+
"is-tools-open": "awsui_is-tools-open_hyvsj_j35f2_535",
|
|
35
|
+
"is-split-panel-open": "awsui_is-split-panel-open_hyvsj_j35f2_535",
|
|
36
|
+
"split-panel-position-side": "awsui_split-panel-position-side_hyvsj_j35f2_535",
|
|
37
|
+
"content-type-default": "awsui_content-type-default_hyvsj_j35f2_555",
|
|
38
|
+
"content-type-form": "awsui_content-type-form_hyvsj_j35f2_555",
|
|
39
|
+
"unfocusable": "awsui_unfocusable_hyvsj_j35f2_596",
|
|
40
|
+
"navigation-container": "awsui_navigation-container_hyvsj_j35f2_606",
|
|
41
|
+
"show-navigation": "awsui_show-navigation_hyvsj_j35f2_641",
|
|
42
|
+
"animating": "awsui_animating_hyvsj_j35f2_663",
|
|
43
|
+
"showButtons": "awsui_showButtons_hyvsj_j35f2_1",
|
|
44
|
+
"navigation": "awsui_navigation_hyvsj_j35f2_606",
|
|
45
|
+
"openNavigation": "awsui_openNavigation_hyvsj_j35f2_1",
|
|
46
|
+
"animated-content": "awsui_animated-content_hyvsj_j35f2_724",
|
|
47
|
+
"hide-navigation": "awsui_hide-navigation_hyvsj_j35f2_733",
|
|
48
|
+
"notifications": "awsui_notifications_hyvsj_j35f2_224",
|
|
49
|
+
"split-panel-bottom": "awsui_split-panel-bottom_hyvsj_j35f2_798",
|
|
50
|
+
"position-bottom": "awsui_position-bottom_hyvsj_j35f2_844",
|
|
51
|
+
"openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_j35f2_1",
|
|
52
|
+
"split-panel-side": "awsui_split-panel-side_hyvsj_j35f2_873",
|
|
53
|
+
"position-side": "awsui_position-side_hyvsj_j35f2_901",
|
|
54
|
+
"openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_j35f2_1",
|
|
55
|
+
"tools-container": "awsui_tools-container_hyvsj_j35f2_938",
|
|
56
|
+
"tools": "awsui_tools_hyvsj_j35f2_938",
|
|
57
|
+
"openTools": "awsui_openTools_hyvsj_j35f2_1",
|
|
58
|
+
"has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_j35f2_1023",
|
|
59
|
+
"hide-tools": "awsui_hide-tools_hyvsj_j35f2_1033",
|
|
60
|
+
"show-tools": "awsui_show-tools_hyvsj_j35f2_1045",
|
|
61
|
+
"has-tools-form": "awsui_has-tools-form_hyvsj_j35f2_1023",
|
|
62
|
+
"trigger": "awsui_trigger_hyvsj_j35f2_1102",
|
|
63
|
+
"selected": "awsui_selected_hyvsj_j35f2_1141"
|
|
64
64
|
};
|
|
65
65
|
|