@cloudscape-design/components-themeable 3.0.617 → 3.0.618
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/visual-refresh/navigation.scss +0 -5
- package/lib/internal/scss/app-layout/visual-refresh/tools.scss +0 -5
- package/lib/internal/template/app-layout/classic.d.ts +5 -0
- package/lib/internal/template/app-layout/classic.d.ts.map +1 -1
- package/lib/internal/template/app-layout/classic.js +10 -18
- package/lib/internal/template/app-layout/classic.js.map +1 -1
- package/lib/internal/template/app-layout/defaults.d.ts +0 -1
- package/lib/internal/template/app-layout/defaults.d.ts.map +1 -1
- package/lib/internal/template/app-layout/defaults.js +1 -2
- package/lib/internal/template/app-layout/defaults.js.map +1 -1
- package/lib/internal/template/app-layout/implementation.d.ts +5 -0
- package/lib/internal/template/app-layout/implementation.d.ts.map +1 -1
- package/lib/internal/template/app-layout/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/index.js +31 -6
- package/lib/internal/template/app-layout/index.js.map +1 -1
- package/lib/internal/template/app-layout/interfaces.d.ts +1 -1
- package/lib/internal/template/app-layout/interfaces.d.ts.map +1 -1
- package/lib/internal/template/app-layout/interfaces.js.map +1 -1
- package/lib/internal/template/app-layout/internal.d.ts +5 -0
- package/lib/internal/template/app-layout/internal.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-resize.d.ts +2 -1
- package/lib/internal/template/app-layout/utils/use-resize.d.ts.map +1 -1
- package/lib/internal/template/app-layout/utils/use-resize.js +7 -9
- package/lib/internal/template/app-layout/utils/use-resize.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/context.d.ts +1 -4
- package/lib/internal/template/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/context.js +28 -64
- package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/drawers.js +4 -4
- package/lib/internal/template/app-layout/visual-refresh/drawers.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/index.d.ts +5 -0
- package/lib/internal/template/app-layout/visual-refresh/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/layout.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh/layout.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/main.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh/main.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js +3 -3
- package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/navigation.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/navigation.js +10 -12
- package/lib/internal/template/app-layout/visual-refresh/navigation.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/split-panel.js +5 -5
- package/lib/internal/template/app-layout/visual-refresh/split-panel.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +81 -81
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +169 -181
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/lib/internal/template/app-layout/visual-refresh/tools.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/tools.js +2 -3
- package/lib/internal/template/app-layout/visual-refresh/tools.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/navigation.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,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,cAAc,MAAM,gDAAgD,CAAC;AAE5E;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,MAAM,EACJ,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/navigation.tsx"],"names":[],"mappings":"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","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 { InternalButton } from '../../button/internal';\nimport TriggerButton from './trigger-button';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\nimport { Transition } from '../../internal/components/transition';\nimport { findUpUntil } from '../../internal/utils/dom';\nimport customCssProps from '../../internal/generated/custom-css-properties';\n\n/**\n * The Navigation component consists of the following elements:\n * the container, or root element, that sits as a direct child to the Layout grid definition;\n * the show navigation form that contains the trigger for the drawer in large viewports;\n * the navigation, or drawer, that contains the hide navigation form and the children\n * passed through the API;\n */\nexport default function Navigation() {\n const {\n ariaLabels,\n disableBodyScroll,\n handleNavigationClick,\n hasDrawerViewportOverlay,\n isMobile,\n navigationOpen,\n isToolsOpen,\n navigation,\n navigationHide,\n navigationRefs,\n navigationWidth,\n toolsHide,\n } = useAppLayoutInternals();\n\n if (navigationHide) {\n return null;\n }\n\n // Close the Navigation drawer on mobile when a user clicks a link inside.\n const onNavigationClick = (event: React.MouseEvent) => {\n const hasLink = findUpUntil(\n event.target as HTMLElement,\n node => node.tagName === 'A' && !!(node as HTMLAnchorElement).href\n );\n if (hasLink && isMobile) {\n handleNavigationClick(false);\n }\n };\n\n const isUnfocusable = hasDrawerViewportOverlay && (!navigationOpen || (isToolsOpen && !toolsHide));\n\n return (\n <Transition in={navigationOpen}>\n {(state, transitionEventsRef) => (\n <div\n className={clsx(styles['navigation-container'], {\n [styles['disable-body-scroll']]: disableBodyScroll,\n [styles.unfocusable]: isUnfocusable,\n [testutilStyles['drawer-closed']]: !navigationOpen,\n })}\n style={{ [customCssProps.navigationWidth]: `${navigationWidth}px` }}\n >\n {!isMobile && (\n <nav\n aria-hidden={isMobile || navigationOpen}\n aria-label={ariaLabels?.navigation ?? undefined}\n className={clsx(styles['show-navigation'], {\n [styles.animating]: state === 'exiting',\n [styles['is-navigation-open']]: navigationOpen,\n })}\n ref={state === 'exiting' ? transitionEventsRef : undefined}\n >\n <TriggerButton\n ariaLabel={ariaLabels?.navigationToggle}\n ariaExpanded={navigationOpen ? undefined : false}\n iconName=\"menu\"\n className={testutilStyles['navigation-toggle']}\n onClick={() => handleNavigationClick(true)}\n ref={navigationRefs.toggle}\n />\n </nav>\n )}\n\n <nav\n aria-label={ariaLabels?.navigation ?? undefined}\n className={clsx(\n styles.navigation,\n {\n [styles.animating]: state === 'entering',\n [styles['is-navigation-open']]: navigationOpen,\n },\n testutilStyles.navigation\n )}\n ref={state !== 'exiting' ? transitionEventsRef : undefined}\n aria-hidden={!navigationOpen}\n onClick={event => {\n onNavigationClick && onNavigationClick(event);\n }}\n >\n <div className={clsx(styles['animated-content'])}>\n <div className={clsx(styles['hide-navigation'])}>\n <InternalButton\n ariaLabel={ariaLabels?.navigationClose ?? undefined}\n iconName={isMobile ? 'close' : 'angle-left'}\n onClick={() => handleNavigationClick(false)}\n variant=\"icon\"\n formAction=\"none\"\n className={testutilStyles['navigation-close']}\n ref={navigationRefs.close}\n />\n </div>\n {navigation}\n </div>\n </nav>\n </div>\n )}\n </Transition>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"split-panel.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/split-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C;;;GAGG;AACH,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,eA0CjE;kBA1CQ,UAAU;;;;AA4CnB;;;;;GAKG;AACH,iBAAS,gBAAgB,uBAuCxB;AAED;;;;;GAKG;AAEH;;GAEG;AAEH,iBAAS,cAAc,
|
|
1
|
+
{"version":3,"file":"split-panel.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/split-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAI/C;;;GAGG;AACH,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,eA0CjE;kBA1CQ,UAAU;;;;AA4CnB;;;;;GAKG;AACH,iBAAS,gBAAgB,uBAuCxB;AAED;;;;;GAKG;AAEH;;GAEG;AAEH,iBAAS,cAAc,uBA+BtB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,0BAA0B,EAAE,OAAO,EACnC,qBAAqB,EAAE,cAAc,CAAC,qBAAqB,GAAG,SAAS,qCASxE;AAID,eAAe,UAAU,CAAC"}
|
|
@@ -4,7 +4,7 @@ import React from 'react';
|
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { useAppLayoutInternals } from './context';
|
|
6
6
|
import styles from './styles.css.js';
|
|
7
|
-
import { SplitPanelProvider } from '../split-panel';
|
|
7
|
+
import { SPLIT_PANEL_MIN_WIDTH, SplitPanelProvider } from '../split-panel';
|
|
8
8
|
import { Transition } from '../../internal/components/transition';
|
|
9
9
|
import customCssProps from '../../internal/generated/custom-css-properties';
|
|
10
10
|
/**
|
|
@@ -45,7 +45,7 @@ function SplitPanel({ children }) {
|
|
|
45
45
|
* on the presence and state of the Navigation and Tools components.
|
|
46
46
|
*/
|
|
47
47
|
function SplitPanelBottom() {
|
|
48
|
-
const { disableBodyScroll, hasOpenDrawer,
|
|
48
|
+
const { disableBodyScroll, hasOpenDrawer, navigationOpen, isSplitPanelOpen, splitPanel, splitPanelPosition, splitPanelReportedSize, splitPanelReportedHeaderHeight, } = useAppLayoutInternals();
|
|
49
49
|
if (!splitPanel) {
|
|
50
50
|
return null;
|
|
51
51
|
}
|
|
@@ -53,7 +53,7 @@ function SplitPanelBottom() {
|
|
|
53
53
|
[styles.animating]: state === 'entering',
|
|
54
54
|
[styles['disable-body-scroll']]: disableBodyScroll,
|
|
55
55
|
[styles['has-open-drawer']]: hasOpenDrawer,
|
|
56
|
-
[styles['is-navigation-open']]:
|
|
56
|
+
[styles['is-navigation-open']]: navigationOpen,
|
|
57
57
|
[styles['is-split-panel-open']]: isSplitPanelOpen,
|
|
58
58
|
}), ref: transitionEventsRef, style: {
|
|
59
59
|
[customCssProps.splitPanelReportedSize]: `${splitPanelReportedSize}px`,
|
|
@@ -72,7 +72,7 @@ function SplitPanelBottom() {
|
|
|
72
72
|
* This component has no opening animations because it causes lots of rerenders that makes the component lag. *
|
|
73
73
|
*/
|
|
74
74
|
function SplitPanelSide() {
|
|
75
|
-
const { isSplitPanelOpen, splitPanel, splitPanelPosition, splitPanelMaxWidth,
|
|
75
|
+
const { isSplitPanelOpen, splitPanel, splitPanelPosition, splitPanelMaxWidth, splitPanelControlId, isToolsOpen, activeDrawerId, } = useAppLayoutInternals();
|
|
76
76
|
if (!splitPanel) {
|
|
77
77
|
return null;
|
|
78
78
|
}
|
|
@@ -81,7 +81,7 @@ function SplitPanelSide() {
|
|
|
81
81
|
[styles['has-open-drawer']]: !!activeDrawerId || isToolsOpen,
|
|
82
82
|
}), style: {
|
|
83
83
|
[customCssProps.splitPanelMaxWidth]: `${splitPanelMaxWidth}px`,
|
|
84
|
-
[customCssProps.splitPanelMinWidth]: `${
|
|
84
|
+
[customCssProps.splitPanelMinWidth]: `${SPLIT_PANEL_MIN_WIDTH}px`,
|
|
85
85
|
} }, splitPanelPosition === 'side' && splitPanel));
|
|
86
86
|
}
|
|
87
87
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"split-panel.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/split-panel.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,EAAE,kBAAkB,EAA2B,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"split-panel.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh/split-panel.tsx"],"names":[],"mappings":"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","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 { SPLIT_PANEL_MIN_WIDTH, SplitPanelProvider, SplitPanelProviderProps } from '../split-panel';\nimport { AppLayoutProps } from '../interfaces';\nimport { Transition } from '../../internal/components/transition';\nimport customCssProps from '../../internal/generated/custom-css-properties';\n\n/**\n * If there is no Split Panel in the AppLayout context then the SplitPanel\n * will pass through the AppLayout children without the context.\n */\nfunction SplitPanel({ children }: React.PropsWithChildren<unknown>) {\n const {\n footerHeight,\n handleSplitPanelClick,\n handleSplitPanelPreferencesChange,\n handleSplitPanelResize,\n headerHeight,\n isSplitPanelForcedPosition,\n isSplitPanelOpen,\n setSplitPanelReportedSize,\n setSplitPanelReportedHeaderHeight,\n setSplitPanelToggle,\n splitPanelPosition,\n splitPanelRefs,\n splitPanelSize,\n } = useAppLayoutInternals();\n\n const props: SplitPanelProviderProps = {\n bottomOffset: 0,\n getMaxHeight: () => {\n const availableHeight = document.documentElement.clientHeight - headerHeight - footerHeight;\n // If the page is likely zoomed in at 200%, allow the split panel to fill the content area.\n return availableHeight < 400 ? availableHeight - 40 : availableHeight - 250;\n },\n maxWidth: typeof document !== 'undefined' ? document.documentElement.clientWidth : Number.POSITIVE_INFINITY,\n isForcedPosition: isSplitPanelForcedPosition,\n isOpen: isSplitPanelOpen,\n leftOffset: 0,\n onPreferencesChange: handleSplitPanelPreferencesChange,\n onResize: handleSplitPanelResize,\n onToggle: handleSplitPanelClick,\n position: splitPanelPosition,\n reportSize: setSplitPanelReportedSize,\n reportHeaderHeight: setSplitPanelReportedHeaderHeight,\n rightOffset: 0,\n size: splitPanelSize || 0,\n topOffset: 0,\n setSplitPanelToggle,\n refs: splitPanelRefs,\n };\n\n return <SplitPanelProvider {...props}>{children}</SplitPanelProvider>;\n}\n\n/**\n * This is the render function for the SplitPanel when it is in bottom position.\n * The Split Panel container will be another row entry in the grid definition in\n * the Layout component. The start and finish columns will be variable based\n * on the presence and state of the Navigation and Tools components.\n */\nfunction SplitPanelBottom() {\n const {\n disableBodyScroll,\n hasOpenDrawer,\n navigationOpen,\n isSplitPanelOpen,\n splitPanel,\n splitPanelPosition,\n splitPanelReportedSize,\n splitPanelReportedHeaderHeight,\n } = useAppLayoutInternals();\n\n if (!splitPanel) {\n return null;\n }\n\n return (\n <Transition in={isSplitPanelOpen ?? false} exit={false}>\n {(state, transitionEventsRef) => (\n <section\n className={clsx(styles['split-panel-bottom'], styles[`position-${splitPanelPosition}`], {\n [styles.animating]: state === 'entering',\n [styles['disable-body-scroll']]: disableBodyScroll,\n [styles['has-open-drawer']]: hasOpenDrawer,\n [styles['is-navigation-open']]: navigationOpen,\n [styles['is-split-panel-open']]: isSplitPanelOpen,\n })}\n ref={transitionEventsRef}\n style={{\n [customCssProps.splitPanelReportedSize]: `${splitPanelReportedSize}px`,\n [customCssProps.splitPanelReportedHeaderSize]: `${splitPanelReportedHeaderHeight}px`,\n }}\n >\n <SplitPanel></SplitPanel>\n {splitPanelPosition === 'bottom' && splitPanel}\n </section>\n )}\n </Transition>\n );\n}\n\n/**\n * This is the render function for the SplitPanel when it is side position.\n * The Split Panel will not be within the grid defined in the Layout component\n * but instead a direct child of the Tools component. The width constraints\n * for this position are computed in the Tools component.\n */\n\n/**\n * This component has no opening animations because it causes lots of rerenders that makes the component lag. *\n */\n\nfunction SplitPanelSide() {\n const {\n isSplitPanelOpen,\n splitPanel,\n splitPanelPosition,\n splitPanelMaxWidth,\n splitPanelControlId,\n isToolsOpen,\n activeDrawerId,\n } = useAppLayoutInternals();\n\n if (!splitPanel) {\n return null;\n }\n\n return (\n <section\n id={splitPanelControlId}\n aria-hidden={!isSplitPanelOpen || splitPanelPosition === 'bottom' ? true : false}\n className={clsx(styles['split-panel-side'], styles[`position-${splitPanelPosition}`], {\n [styles['is-split-panel-open']]: isSplitPanelOpen,\n [styles['has-open-drawer']]: !!activeDrawerId || isToolsOpen,\n })}\n style={{\n [customCssProps.splitPanelMaxWidth]: `${splitPanelMaxWidth}px`,\n [customCssProps.splitPanelMinWidth]: `${SPLIT_PANEL_MIN_WIDTH}px`,\n }}\n >\n {splitPanelPosition === 'side' && splitPanel}\n </section>\n );\n}\n\n/**\n * This logic will determine what the Split Panel position should be. It reconciles the possibility\n * of being in forced position with the current selected position in the settings.\n */\nexport function getSplitPanelPosition(\n isSplitPanelForcedPosition: boolean,\n splitPanelPreferences: AppLayoutProps.SplitPanelPreferences | undefined\n) {\n let splitPanelPosition: AppLayoutProps.SplitPanelPosition = 'bottom';\n\n if (!isSplitPanelForcedPosition && splitPanelPreferences?.position === 'side') {\n splitPanelPosition = 'side';\n }\n\n return splitPanelPosition;\n}\nSplitPanel.Bottom = SplitPanelBottom;\nSplitPanel.Side = SplitPanelSide;\n\nexport default SplitPanel;\n"]}
|
|
@@ -1,86 +1,86 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"background": "
|
|
5
|
-
"scrolling-background": "awsui_scrolling-
|
|
6
|
-
"sticky-background": "awsui_sticky-
|
|
7
|
-
"has-sticky-notifications": "awsui_has-sticky-
|
|
8
|
-
"breadcrumbs": "
|
|
9
|
-
"has-sticky-background": "awsui_has-sticky-
|
|
10
|
-
"drawers-container": "awsui_drawers-
|
|
11
|
-
"has-open-drawer": "awsui_has-open-
|
|
12
|
-
"disable-body-scroll": "awsui_disable-body-
|
|
13
|
-
"drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-
|
|
14
|
-
"has-multiple-triggers": "awsui_has-multiple-
|
|
15
|
-
"drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-
|
|
16
|
-
"drawers-trigger-content": "awsui_drawers-trigger-
|
|
17
|
-
"drawers-trigger-overflow": "awsui_drawers-trigger-
|
|
18
|
-
"drawers-trigger": "awsui_drawers-
|
|
19
|
-
"drawer": "
|
|
20
|
-
"drawer-content-container": "awsui_drawer-content-
|
|
21
|
-
"drawer-close-button": "awsui_drawer-close-
|
|
22
|
-
"drawer-content": "awsui_drawer-
|
|
23
|
-
"drawer-content-hidden": "awsui_drawer-content-
|
|
24
|
-
"drawer-slider": "awsui_drawer-
|
|
25
|
-
"is-drawer-open": "awsui_is-drawer-
|
|
26
|
-
"content": "
|
|
27
|
-
"layout": "
|
|
28
|
-
"has-max-content-width": "awsui_has-max-content-
|
|
29
|
-
"content-type-dashboard": "awsui_content-type-
|
|
30
|
-
"content-type-table": "awsui_content-type-
|
|
31
|
-
"content-type-cards": "awsui_content-type-
|
|
32
|
-
"is-overlap-disabled": "awsui_is-overlap-
|
|
33
|
-
"is-hide-mobile-toolbar": "awsui_is-hide-mobile-
|
|
34
|
-
"has-content-gap-left": "awsui_has-content-gap-
|
|
35
|
-
"has-content-gap-right": "awsui_has-content-gap-
|
|
36
|
-
"content-first-child-notifications": "awsui_content-first-child-
|
|
37
|
-
"has-breadcrumbs": "awsui_has-
|
|
38
|
-
"content-first-child-header": "awsui_content-first-child-
|
|
39
|
-
"has-header": "awsui_has-
|
|
40
|
-
"content-first-child-main": "awsui_content-first-child-
|
|
41
|
-
"disable-content-paddings": "awsui_disable-content-
|
|
42
|
-
"has-split-panel": "awsui_has-split-
|
|
43
|
-
"split-panel-position-bottom": "awsui_split-panel-position-
|
|
44
|
-
"block-body-scroll": "awsui_block-body-
|
|
45
|
-
"unfocusable": "
|
|
46
|
-
"container": "
|
|
47
|
-
"is-navigation-open": "awsui_is-navigation-
|
|
48
|
-
"is-tools-open": "awsui_is-tools-
|
|
49
|
-
"is-split-panel-open": "awsui_is-split-panel-
|
|
50
|
-
"split-panel-position-side": "awsui_split-panel-position-
|
|
51
|
-
"has-active-drawer": "awsui_has-active-
|
|
52
|
-
"mobile-toolbar": "awsui_mobile-
|
|
53
|
-
"remove-high-contrast-header": "awsui_remove-high-contrast-
|
|
54
|
-
"mobile-toolbar-nav": "awsui_mobile-toolbar-
|
|
55
|
-
"mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-
|
|
56
|
-
"mobile-toolbar-tools": "awsui_mobile-toolbar-
|
|
57
|
-
"navigation-container": "awsui_navigation-
|
|
58
|
-
"show-navigation": "awsui_show-
|
|
59
|
-
"animating": "
|
|
60
|
-
"showButtons": "
|
|
61
|
-
"navigation": "
|
|
62
|
-
"openNavigation": "
|
|
63
|
-
"animated-content": "awsui_animated-
|
|
64
|
-
"hide-navigation": "awsui_hide-
|
|
65
|
-
"notifications": "
|
|
66
|
-
"sticky-notifications": "awsui_sticky-
|
|
67
|
-
"split-panel-bottom": "awsui_split-panel-
|
|
68
|
-
"position-bottom": "awsui_position-
|
|
69
|
-
"openSplitPanelBottom": "
|
|
70
|
-
"split-panel-side": "awsui_split-panel-
|
|
71
|
-
"position-side": "awsui_position-
|
|
72
|
-
"tools-container": "awsui_tools-
|
|
73
|
-
"tools": "
|
|
74
|
-
"openTools": "
|
|
75
|
-
"has-tools-form-persistence": "awsui_has-tools-form-
|
|
76
|
-
"hide-tools": "awsui_hide-
|
|
77
|
-
"show-tools": "awsui_show-
|
|
78
|
-
"has-tools-form": "awsui_has-tools-
|
|
79
|
-
"trigger-badge-wrapper": "awsui_trigger-badge-
|
|
80
|
-
"trigger": "
|
|
81
|
-
"selected": "
|
|
82
|
-
"badge": "
|
|
83
|
-
"trigger-wrapper": "awsui_trigger-
|
|
84
|
-
"dot": "
|
|
4
|
+
"background": "awsui_background_hyvsj_1f1vi_99",
|
|
5
|
+
"scrolling-background": "awsui_scrolling-background_hyvsj_1f1vi_102",
|
|
6
|
+
"sticky-background": "awsui_sticky-background_hyvsj_1f1vi_108",
|
|
7
|
+
"has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1f1vi_116",
|
|
8
|
+
"breadcrumbs": "awsui_breadcrumbs_hyvsj_1f1vi_129",
|
|
9
|
+
"has-sticky-background": "awsui_has-sticky-background_hyvsj_1f1vi_139",
|
|
10
|
+
"drawers-container": "awsui_drawers-container_hyvsj_1f1vi_151",
|
|
11
|
+
"has-open-drawer": "awsui_has-open-drawer_hyvsj_1f1vi_162",
|
|
12
|
+
"disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1f1vi_185",
|
|
13
|
+
"drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1f1vi_190",
|
|
14
|
+
"has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1f1vi_231",
|
|
15
|
+
"drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1f1vi_241",
|
|
16
|
+
"drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1f1vi_245",
|
|
17
|
+
"drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1f1vi_259",
|
|
18
|
+
"drawers-trigger": "awsui_drawers-trigger_hyvsj_1f1vi_245",
|
|
19
|
+
"drawer": "awsui_drawer_hyvsj_1f1vi_151",
|
|
20
|
+
"drawer-content-container": "awsui_drawer-content-container_hyvsj_1f1vi_290",
|
|
21
|
+
"drawer-close-button": "awsui_drawer-close-button_hyvsj_1f1vi_299",
|
|
22
|
+
"drawer-content": "awsui_drawer-content_hyvsj_1f1vi_290",
|
|
23
|
+
"drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1f1vi_307",
|
|
24
|
+
"drawer-slider": "awsui_drawer-slider_hyvsj_1f1vi_310",
|
|
25
|
+
"is-drawer-open": "awsui_is-drawer-open_hyvsj_1f1vi_317",
|
|
26
|
+
"content": "awsui_content_hyvsj_1f1vi_343",
|
|
27
|
+
"layout": "awsui_layout_hyvsj_1f1vi_364",
|
|
28
|
+
"has-max-content-width": "awsui_has-max-content-width_hyvsj_1f1vi_447",
|
|
29
|
+
"content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1f1vi_462",
|
|
30
|
+
"content-type-table": "awsui_content-type-table_hyvsj_1f1vi_476",
|
|
31
|
+
"content-type-cards": "awsui_content-type-cards_hyvsj_1f1vi_476",
|
|
32
|
+
"is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1f1vi_482",
|
|
33
|
+
"is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1f1vi_485",
|
|
34
|
+
"has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1f1vi_517",
|
|
35
|
+
"has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1f1vi_520",
|
|
36
|
+
"content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1f1vi_530",
|
|
37
|
+
"has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1f1vi_533",
|
|
38
|
+
"content-first-child-header": "awsui_content-first-child-header_hyvsj_1f1vi_536",
|
|
39
|
+
"has-header": "awsui_has-header_hyvsj_1f1vi_536",
|
|
40
|
+
"content-first-child-main": "awsui_content-first-child-main_hyvsj_1f1vi_557",
|
|
41
|
+
"disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1f1vi_557",
|
|
42
|
+
"has-split-panel": "awsui_has-split-panel_hyvsj_1f1vi_600",
|
|
43
|
+
"split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1f1vi_600",
|
|
44
|
+
"block-body-scroll": "awsui_block-body-scroll_hyvsj_1f1vi_616",
|
|
45
|
+
"unfocusable": "awsui_unfocusable_hyvsj_1f1vi_621",
|
|
46
|
+
"container": "awsui_container_hyvsj_1f1vi_631",
|
|
47
|
+
"is-navigation-open": "awsui_is-navigation-open_hyvsj_1f1vi_657",
|
|
48
|
+
"is-tools-open": "awsui_is-tools-open_hyvsj_1f1vi_660",
|
|
49
|
+
"is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1f1vi_660",
|
|
50
|
+
"split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1f1vi_660",
|
|
51
|
+
"has-active-drawer": "awsui_has-active-drawer_hyvsj_1f1vi_660",
|
|
52
|
+
"mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1f1vi_669",
|
|
53
|
+
"remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_1f1vi_686",
|
|
54
|
+
"mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1f1vi_690",
|
|
55
|
+
"mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1f1vi_694",
|
|
56
|
+
"mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1f1vi_698",
|
|
57
|
+
"navigation-container": "awsui_navigation-container_hyvsj_1f1vi_707",
|
|
58
|
+
"show-navigation": "awsui_show-navigation_hyvsj_1f1vi_745",
|
|
59
|
+
"animating": "awsui_animating_hyvsj_1f1vi_768",
|
|
60
|
+
"showButtons": "awsui_showButtons_hyvsj_1f1vi_1",
|
|
61
|
+
"navigation": "awsui_navigation_hyvsj_1f1vi_707",
|
|
62
|
+
"openNavigation": "awsui_openNavigation_hyvsj_1f1vi_1",
|
|
63
|
+
"animated-content": "awsui_animated-content_hyvsj_1f1vi_830",
|
|
64
|
+
"hide-navigation": "awsui_hide-navigation_hyvsj_1f1vi_839",
|
|
65
|
+
"notifications": "awsui_notifications_hyvsj_1f1vi_849",
|
|
66
|
+
"sticky-notifications": "awsui_sticky-notifications_hyvsj_1f1vi_855",
|
|
67
|
+
"split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1f1vi_872",
|
|
68
|
+
"position-bottom": "awsui_position-bottom_hyvsj_1f1vi_919",
|
|
69
|
+
"openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1f1vi_1",
|
|
70
|
+
"split-panel-side": "awsui_split-panel-side_hyvsj_1f1vi_948",
|
|
71
|
+
"position-side": "awsui_position-side_hyvsj_1f1vi_961",
|
|
72
|
+
"tools-container": "awsui_tools-container_hyvsj_1f1vi_983",
|
|
73
|
+
"tools": "awsui_tools_hyvsj_1f1vi_983",
|
|
74
|
+
"openTools": "awsui_openTools_hyvsj_1f1vi_1",
|
|
75
|
+
"has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1f1vi_1074",
|
|
76
|
+
"hide-tools": "awsui_hide-tools_hyvsj_1f1vi_1084",
|
|
77
|
+
"show-tools": "awsui_show-tools_hyvsj_1f1vi_1096",
|
|
78
|
+
"has-tools-form": "awsui_has-tools-form_hyvsj_1f1vi_1074",
|
|
79
|
+
"trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1f1vi_1181",
|
|
80
|
+
"trigger": "awsui_trigger_hyvsj_1f1vi_1181",
|
|
81
|
+
"selected": "awsui_selected_hyvsj_1f1vi_1255",
|
|
82
|
+
"badge": "awsui_badge_hyvsj_1f1vi_1275",
|
|
83
|
+
"trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1f1vi_1279",
|
|
84
|
+
"dot": "awsui_dot_hyvsj_1f1vi_1290"
|
|
85
85
|
};
|
|
86
86
|
|