@cloudscape-design/components-themeable 3.0.196 → 3.0.198
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/app-layout/styles.scss +1 -85
- package/lib/internal/scss/app-layout/visual-refresh/main.scss +3 -1
- package/lib/internal/template/app-layout/drawer.d.ts +1 -4
- package/lib/internal/template/app-layout/drawer.d.ts.map +1 -1
- package/lib/internal/template/app-layout/drawer.js +4 -13
- package/lib/internal/template/app-layout/drawer.js.map +1 -1
- package/lib/internal/template/app-layout/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/index.js +4 -15
- package/lib/internal/template/app-layout/index.js.map +1 -1
- package/lib/internal/template/app-layout/mobile-toolbar/index.js +3 -3
- package/lib/internal/template/app-layout/mobile-toolbar/index.js.map +1 -1
- package/lib/internal/template/app-layout/navigation-panel.d.ts +1 -3
- package/lib/internal/template/app-layout/navigation-panel.d.ts.map +1 -1
- package/lib/internal/template/app-layout/navigation-panel.js +2 -2
- package/lib/internal/template/app-layout/navigation-panel.js.map +1 -1
- package/lib/internal/template/app-layout/notifications/index.d.ts +0 -4
- package/lib/internal/template/app-layout/notifications/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/notifications/index.js +1 -2
- package/lib/internal/template/app-layout/notifications/index.js.map +1 -1
- package/lib/internal/template/app-layout/styles.css.js +26 -38
- package/lib/internal/template/app-layout/styles.scoped.css +34 -109
- package/lib/internal/template/app-layout/styles.selectors.js +26 -38
- package/lib/internal/template/app-layout/tools-and-split-panel.d.ts +1 -8
- package/lib/internal/template/app-layout/tools-and-split-panel.d.ts.map +1 -1
- package/lib/internal/template/app-layout/tools-and-split-panel.js +2 -3
- package/lib/internal/template/app-layout/tools-and-split-panel.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/header.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/header.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/header.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh/notifications.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +60 -60
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +150 -148
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +60 -60
- package/lib/internal/template/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/lib/internal/template/flashbar/collapsible-flashbar.js +5 -7
- package/lib/internal/template/flashbar/collapsible-flashbar.js.map +1 -1
- package/lib/internal/template/flashbar/internal/analytics.d.ts.map +1 -1
- package/lib/internal/template/flashbar/internal/analytics.js +5 -3
- package/lib/internal/template/flashbar/internal/analytics.js.map +1 -1
- package/lib/internal/template/internal/base-component/index.d.ts.map +1 -1
- package/lib/internal/template/internal/base-component/index.js +3 -11
- package/lib/internal/template/internal/base-component/index.js.map +1 -1
- package/lib/internal/template/internal/base-component/init-awsui-versions.d.ts +2 -0
- package/lib/internal/template/internal/base-component/init-awsui-versions.d.ts.map +1 -0
- package/lib/internal/template/internal/base-component/init-awsui-versions.js +15 -0
- package/lib/internal/template/internal/base-component/init-awsui-versions.js.map +1 -0
- package/lib/internal/template/internal/base-component/styles.scoped.css +38 -40
- package/lib/internal/template/internal/environment.d.ts +1 -0
- package/lib/internal/template/internal/environment.js +2 -1
- package/lib/internal/template/internal/hooks/use-base-component/component-metadata.d.ts +3 -0
- package/lib/internal/template/internal/hooks/use-base-component/component-metadata.d.ts.map +1 -0
- package/lib/internal/template/internal/hooks/use-base-component/component-metadata.js +21 -0
- package/lib/internal/template/internal/hooks/use-base-component/component-metadata.js.map +1 -0
- package/lib/internal/template/internal/hooks/use-base-component/index.d.ts +0 -1
- package/lib/internal/template/internal/hooks/use-base-component/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/use-base-component/index.js +3 -28
- package/lib/internal/template/internal/hooks/use-base-component/index.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-telemetry/index.d.ts.map +1 -1
- package/lib/internal/template/internal/hooks/use-telemetry/index.js +4 -15
- package/lib/internal/template/internal/hooks/use-telemetry/index.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-telemetry/telemetry.d.ts +8 -0
- package/lib/internal/template/internal/hooks/use-telemetry/telemetry.d.ts.map +1 -0
- package/lib/internal/template/internal/hooks/use-telemetry/telemetry.js +20 -0
- package/lib/internal/template/internal/hooks/use-telemetry/telemetry.js.map +1 -0
- package/lib/internal/template/internal/metrics/index.d.ts +3 -0
- package/lib/internal/template/internal/metrics/index.d.ts.map +1 -0
- package/lib/internal/template/internal/metrics/index.js +5 -0
- package/lib/internal/template/internal/metrics/index.js.map +1 -0
- package/lib/internal/template/internal/metrics/log-clients.d.ts +39 -0
- package/lib/internal/template/internal/metrics/log-clients.d.ts.map +1 -0
- package/lib/internal/template/internal/metrics/log-clients.js +90 -0
- package/lib/internal/template/internal/metrics/log-clients.js.map +1 -0
- package/lib/internal/template/internal/metrics/metrics-formatters.d.ts +7 -0
- package/lib/internal/template/internal/metrics/metrics-formatters.d.ts.map +1 -0
- package/lib/internal/template/internal/metrics/metrics-formatters.js +36 -0
- package/lib/internal/template/internal/metrics/metrics-formatters.js.map +1 -0
- package/lib/internal/template/internal/{metrics.d.ts → metrics/metrics.d.ts} +11 -18
- package/lib/internal/template/internal/metrics/metrics.d.ts.map +1 -0
- package/lib/internal/template/internal/metrics/metrics.js +95 -0
- package/lib/internal/template/internal/metrics/metrics.js.map +1 -0
- package/lib/internal/template/property-filter/index.d.ts.map +1 -1
- package/lib/internal/template/property-filter/index.js +1 -1
- package/lib/internal/template/property-filter/index.js.map +1 -1
- package/lib/internal/template/segmented-control/styles.css.js +14 -14
- package/lib/internal/template/segmented-control/styles.scoped.css +37 -37
- package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
- package/lib/internal/template/wizard/internal/analytics.d.ts.map +1 -1
- package/lib/internal/template/wizard/internal/analytics.js +5 -3
- package/lib/internal/template/wizard/internal/analytics.js.map +1 -1
- package/package.json +1 -1
- package/lib/internal/template/app-layout/toggle-buttons.d.ts +0 -12
- package/lib/internal/template/app-layout/toggle-buttons.d.ts.map +0 -1
- package/lib/internal/template/app-layout/toggle-buttons.js +0 -13
- package/lib/internal/template/app-layout/toggle-buttons.js.map +0 -1
- package/lib/internal/template/internal/hooks/use-previous-frame/index.d.ts +0 -8
- package/lib/internal/template/internal/hooks/use-previous-frame/index.d.ts.map +0 -1
- package/lib/internal/template/internal/hooks/use-previous-frame/index.js +0 -20
- package/lib/internal/template/internal/hooks/use-previous-frame/index.js.map +0 -1
- package/lib/internal/template/internal/metrics.d.ts.map +0 -1
- package/lib/internal/template/internal/metrics.js +0 -177
- package/lib/internal/template/internal/metrics.js.map +0 -1
|
@@ -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_14n8k_93",
|
|
5
|
+
"appbar-nav": "awsui_appbar-nav_hyvsj_14n8k_117",
|
|
6
|
+
"breadcrumbs": "awsui_breadcrumbs_hyvsj_14n8k_121",
|
|
7
|
+
"appbar-tools": "awsui_appbar-tools_hyvsj_14n8k_125",
|
|
8
|
+
"has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_14n8k_166",
|
|
9
|
+
"has-notifications-content": "awsui_has-notifications-content_hyvsj_14n8k_173",
|
|
10
|
+
"has-header": "awsui_has-header_hyvsj_14n8k_179",
|
|
11
|
+
"has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_14n8k_179",
|
|
12
|
+
"content-type-wizard": "awsui_content-type-wizard_hyvsj_14n8k_180",
|
|
13
|
+
"content-type-cards": "awsui_content-type-cards_hyvsj_14n8k_183",
|
|
14
|
+
"content-type-table": "awsui_content-type-table_hyvsj_14n8k_184",
|
|
15
|
+
"has-sticky-background": "awsui_has-sticky-background_hyvsj_14n8k_187",
|
|
16
|
+
"background": "awsui_background_hyvsj_14n8k_221",
|
|
17
|
+
"notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_14n8k_224",
|
|
18
|
+
"sticky-notifications": "awsui_sticky-notifications_hyvsj_14n8k_236",
|
|
19
|
+
"overlap": "awsui_overlap_hyvsj_14n8k_242",
|
|
20
|
+
"content": "awsui_content_hyvsj_14n8k_180",
|
|
21
|
+
"layout": "awsui_layout_hyvsj_14n8k_333",
|
|
22
|
+
"has-max-content-width": "awsui_has-max-content-width_hyvsj_14n8k_415",
|
|
23
|
+
"is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_14n8k_442",
|
|
24
|
+
"disable-body-scroll": "awsui_disable-body-scroll_hyvsj_14n8k_445",
|
|
25
|
+
"has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_14n8k_449",
|
|
26
|
+
"has-split-panel": "awsui_has-split-panel_hyvsj_14n8k_463",
|
|
27
|
+
"split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_14n8k_463",
|
|
28
|
+
"has-content-gap-left": "awsui_has-content-gap-left_hyvsj_14n8k_475",
|
|
29
|
+
"has-content-gap-right": "awsui_has-content-gap-right_hyvsj_14n8k_478",
|
|
30
|
+
"block-body-scroll": "awsui_block-body-scroll_hyvsj_14n8k_493",
|
|
31
|
+
"container": "awsui_container_hyvsj_14n8k_501",
|
|
32
|
+
"disable-content-paddings": "awsui_disable-content-paddings_hyvsj_14n8k_527",
|
|
33
|
+
"is-navigation-open": "awsui_is-navigation-open_hyvsj_14n8k_532",
|
|
34
|
+
"is-tools-open": "awsui_is-tools-open_hyvsj_14n8k_535",
|
|
35
|
+
"is-split-panel-open": "awsui_is-split-panel-open_hyvsj_14n8k_535",
|
|
36
|
+
"split-panel-position-side": "awsui_split-panel-position-side_hyvsj_14n8k_535",
|
|
37
|
+
"content-type-default": "awsui_content-type-default_hyvsj_14n8k_555",
|
|
38
|
+
"content-type-form": "awsui_content-type-form_hyvsj_14n8k_555",
|
|
39
|
+
"unfocusable": "awsui_unfocusable_hyvsj_14n8k_596",
|
|
40
|
+
"navigation-container": "awsui_navigation-container_hyvsj_14n8k_606",
|
|
41
|
+
"show-navigation": "awsui_show-navigation_hyvsj_14n8k_641",
|
|
42
|
+
"animating": "awsui_animating_hyvsj_14n8k_663",
|
|
43
|
+
"showButtons": "awsui_showButtons_hyvsj_14n8k_1",
|
|
44
|
+
"navigation": "awsui_navigation_hyvsj_14n8k_606",
|
|
45
|
+
"openNavigation": "awsui_openNavigation_hyvsj_14n8k_1",
|
|
46
|
+
"animated-content": "awsui_animated-content_hyvsj_14n8k_724",
|
|
47
|
+
"hide-navigation": "awsui_hide-navigation_hyvsj_14n8k_733",
|
|
48
|
+
"notifications": "awsui_notifications_hyvsj_14n8k_224",
|
|
49
|
+
"split-panel-bottom": "awsui_split-panel-bottom_hyvsj_14n8k_798",
|
|
50
|
+
"position-bottom": "awsui_position-bottom_hyvsj_14n8k_844",
|
|
51
|
+
"openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_14n8k_1",
|
|
52
|
+
"split-panel-side": "awsui_split-panel-side_hyvsj_14n8k_873",
|
|
53
|
+
"position-side": "awsui_position-side_hyvsj_14n8k_901",
|
|
54
|
+
"openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_14n8k_1",
|
|
55
|
+
"tools-container": "awsui_tools-container_hyvsj_14n8k_938",
|
|
56
|
+
"tools": "awsui_tools_hyvsj_14n8k_938",
|
|
57
|
+
"openTools": "awsui_openTools_hyvsj_14n8k_1",
|
|
58
|
+
"has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_14n8k_1023",
|
|
59
|
+
"hide-tools": "awsui_hide-tools_hyvsj_14n8k_1033",
|
|
60
|
+
"show-tools": "awsui_show-tools_hyvsj_14n8k_1045",
|
|
61
|
+
"has-tools-form": "awsui_has-tools-form_hyvsj_14n8k_1023",
|
|
62
|
+
"trigger": "awsui_trigger_hyvsj_14n8k_1102",
|
|
63
|
+
"selected": "awsui_selected_hyvsj_14n8k_1141"
|
|
64
64
|
};
|
|
65
65
|
|