@patternfly/react-core 5.0.0-alpha.64 → 5.0.0-alpha.65
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/CHANGELOG.md +6 -0
- package/dist/esm/components/Sidebar/Sidebar.d.ts +2 -0
- package/dist/esm/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/esm/components/Sidebar/Sidebar.js +2 -2
- package/dist/esm/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/esm/components/Sidebar/SidebarContent.d.ts +2 -0
- package/dist/esm/components/Sidebar/SidebarContent.d.ts.map +1 -1
- package/dist/esm/components/Sidebar/SidebarContent.js +2 -2
- package/dist/esm/components/Sidebar/SidebarContent.js.map +1 -1
- package/dist/esm/components/Sidebar/SidebarPanel.d.ts +2 -0
- package/dist/esm/components/Sidebar/SidebarPanel.d.ts.map +1 -1
- package/dist/esm/components/Sidebar/SidebarPanel.js +2 -2
- package/dist/esm/components/Sidebar/SidebarPanel.js.map +1 -1
- package/dist/js/components/Sidebar/Sidebar.d.ts +2 -0
- package/dist/js/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/js/components/Sidebar/Sidebar.js +2 -2
- package/dist/js/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/js/components/Sidebar/SidebarContent.d.ts +2 -0
- package/dist/js/components/Sidebar/SidebarContent.d.ts.map +1 -1
- package/dist/js/components/Sidebar/SidebarContent.js +2 -2
- package/dist/js/components/Sidebar/SidebarContent.js.map +1 -1
- package/dist/js/components/Sidebar/SidebarPanel.d.ts +2 -0
- package/dist/js/components/Sidebar/SidebarPanel.d.ts.map +1 -1
- package/dist/js/components/Sidebar/SidebarPanel.js +2 -2
- package/dist/js/components/Sidebar/SidebarPanel.js.map +1 -1
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +2 -2
- package/src/components/Sidebar/Sidebar.tsx +4 -1
- package/src/components/Sidebar/SidebarContent.tsx +12 -1
- package/src/components/Sidebar/SidebarPanel.tsx +4 -0
- package/src/components/Sidebar/__tests__/Sidebar.test.tsx +5 -0
- package/src/components/Sidebar/__tests__/SidebarContent.test.tsx +5 -0
- package/src/components/Sidebar/__tests__/SidebarPanel.test.tsx +6 -1
- package/src/components/Sidebar/examples/Sidebar.md +12 -0
- package/src/components/Sidebar/examples/SidebarBorder.tsx +24 -0
- package/src/components/Sidebar/examples/SidebarPaddingContent.tsx +25 -0
- package/src/components/Sidebar/examples/SidebarPaddingPanel.tsx +24 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [5.0.0-alpha.65](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.64...@patternfly/react-core@5.0.0-alpha.65) (2023-04-12)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **Sidebar:** add border and padding ([#8918](https://github.com/patternfly/patternfly-react/issues/8918)) ([4bc165c](https://github.com/patternfly/patternfly-react/commit/4bc165cbefcd188a136e7a578df82794a25043c3))
|
|
11
|
+
|
|
6
12
|
# 5.0.0-alpha.64 (2023-04-12)
|
|
7
13
|
|
|
8
14
|
**Note:** Version bump only for package @patternfly/react-core
|
|
@@ -9,6 +9,8 @@ export interface SidebarProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
9
9
|
hasGutter?: boolean;
|
|
10
10
|
/** Removes the background color. */
|
|
11
11
|
hasNoBackground?: boolean;
|
|
12
|
+
/** Adds a border between the panel and content. */
|
|
13
|
+
hasBorder?: boolean;
|
|
12
14
|
}
|
|
13
15
|
export declare const Sidebar: React.FunctionComponent<SidebarProps>;
|
|
14
16
|
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mIAAmI;IACnI,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,wGAAwG;IACxG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mIAAmI;IACnI,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,wGAAwG;IACxG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAuBzD,CAAC"}
|
|
@@ -3,9 +3,9 @@ import * as React from 'react';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Sidebar/sidebar';
|
|
5
5
|
export const Sidebar = (_a) => {
|
|
6
|
-
var { className, children, orientation, isPanelRight = false, hasGutter, hasNoBackground } = _a, props = __rest(_a, ["className", "children", "orientation", "isPanelRight", "hasGutter", "hasNoBackground"]);
|
|
6
|
+
var { className, children, orientation, isPanelRight = false, hasGutter, hasNoBackground, hasBorder } = _a, props = __rest(_a, ["className", "children", "orientation", "isPanelRight", "hasGutter", "hasNoBackground", "hasBorder"]);
|
|
7
7
|
return (React.createElement("div", Object.assign({ className: css(styles.sidebar, hasGutter && styles.modifiers.gutter, hasNoBackground && styles.modifiers.noBackground, isPanelRight && styles.modifiers.panelRight, styles.modifiers[orientation], className) }, props),
|
|
8
|
-
React.createElement("div", { className: styles.sidebarMain }, children)));
|
|
8
|
+
React.createElement("div", { className: css(styles.sidebarMain, hasBorder && styles.modifiers.border) }, children)));
|
|
9
9
|
};
|
|
10
10
|
Sidebar.displayName = 'Sidebar';
|
|
11
11
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAgB7E,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAShD,EAAE,EAAE;QAT4C,EAC7D,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,eAAe,EACf,SAAS,OAEI,EADV,KAAK,cARqD,qGAS9D,CADS;IACU,OAAA,CAClB,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,OAAO,EACd,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACpC,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EAC7B,SAAS,CACV,IACG,KAAK;QAET,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAG,QAAQ,CAAO,CAC3F,CACP,CAAA;CAAA,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -3,6 +3,8 @@ export interface SidebarContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
/** Removes the background color. */
|
|
5
5
|
hasNoBackground?: boolean;
|
|
6
|
+
/** Adds padding to the content. */
|
|
7
|
+
hasPadding?: boolean;
|
|
6
8
|
}
|
|
7
9
|
export declare const SidebarContent: React.FunctionComponent<SidebarContentProps>;
|
|
8
10
|
//# sourceMappingURL=SidebarContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SidebarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAkBvE,CAAC"}
|
|
@@ -3,8 +3,8 @@ import * as React from 'react';
|
|
|
3
3
|
import { css } from '@patternfly/react-styles';
|
|
4
4
|
import styles from '@patternfly/react-styles/css/components/Sidebar/sidebar';
|
|
5
5
|
export const SidebarContent = (_a) => {
|
|
6
|
-
var { className, children, hasNoBackground } = _a, props = __rest(_a, ["className", "children", "hasNoBackground"]);
|
|
7
|
-
return (React.createElement("div", Object.assign({ className: css(styles.sidebarContent, hasNoBackground && styles.modifiers.noBackground, className) }, props), children));
|
|
6
|
+
var { className, children, hasNoBackground, hasPadding } = _a, props = __rest(_a, ["className", "children", "hasNoBackground", "hasPadding"]);
|
|
7
|
+
return (React.createElement("div", Object.assign({ className: css(styles.sidebarContent, hasNoBackground && styles.modifiers.noBackground, hasPadding && styles.modifiers.padding, className) }, props), children));
|
|
8
8
|
};
|
|
9
9
|
SidebarContent.displayName = 'SidebarContent';
|
|
10
10
|
//# sourceMappingURL=SidebarContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarContent.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;
|
|
1
|
+
{"version":3,"file":"SidebarContent.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAU7E,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,SAAS,EACT,QAAQ,EACR,eAAe,EACf,UAAU,OAEU,EADjB,KAAK,cALmE,0DAM5E,CADS;IACiB,OAAA,CACzB,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,cAAc,EACrB,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACtC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -14,6 +14,8 @@ export interface SidebarPanelProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
14
14
|
variant?: 'default' | 'sticky' | 'static';
|
|
15
15
|
/** Removes the background color. */
|
|
16
16
|
hasNoBackground?: boolean;
|
|
17
|
+
/** Adds padding to the panel. */
|
|
18
|
+
hasPadding?: boolean;
|
|
17
19
|
/** Sets the panel width at various breakpoints. Default is 250px when the orientation is split. */
|
|
18
20
|
width?: {
|
|
19
21
|
default?: 'default' | 'width_25' | 'width_33' | 'width_50' | 'width_66' | 'width_75' | 'width_100';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,QAAQ,cAAc;CACvB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yNAAyN;IACzN,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mGAAmG;IACnG,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QACnG,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;KAClG,CAAC;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,QAAQ,cAAc;CACvB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yNAAyN;IACzN,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mGAAmG;IACnG,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QACnG,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;KAClG,CAAC;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAsBnE,CAAC"}
|
|
@@ -14,8 +14,8 @@ export var SidebarPanelWidthType;
|
|
|
14
14
|
SidebarPanelWidthType["width100"] = "width_100";
|
|
15
15
|
})(SidebarPanelWidthType || (SidebarPanelWidthType = {}));
|
|
16
16
|
export const SidebarPanel = (_a) => {
|
|
17
|
-
var { className, children, variant = 'default', hasNoBackground, width } = _a, props = __rest(_a, ["className", "children", "variant", "hasNoBackground", "width"]);
|
|
18
|
-
return (React.createElement("div", Object.assign({ className: css(styles.sidebarPanel, variant !== 'default' && styles.modifiers[variant], hasNoBackground && styles.modifiers.noBackground, formatBreakpointMods(width, styles), className) }, props), children));
|
|
17
|
+
var { className, children, variant = 'default', hasNoBackground, hasPadding, width } = _a, props = __rest(_a, ["className", "children", "variant", "hasNoBackground", "hasPadding", "width"]);
|
|
18
|
+
return (React.createElement("div", Object.assign({ className: css(styles.sidebarPanel, variant !== 'default' && styles.modifiers[variant], hasNoBackground && styles.modifiers.noBackground, hasPadding && styles.modifiers.padding, formatBreakpointMods(width, styles), className) }, props), children));
|
|
19
19
|
};
|
|
20
20
|
SidebarPanel.displayName = 'SidebarPanel';
|
|
21
21
|
//# sourceMappingURL=SidebarPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarPanel.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAN,IAAY,qBAQX;AARD,WAAY,qBAAqB;IAC/B,4CAAmB,CAAA;IACnB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,+CAAsB,CAAA;AACxB,CAAC,EARW,qBAAqB,KAArB,qBAAqB,QAQhC;
|
|
1
|
+
{"version":3,"file":"SidebarPanel.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAN,IAAY,qBAQX;AARD,WAAY,qBAAqB;IAC/B,4CAAmB,CAAA;IACnB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,+CAAsB,CAAA;AACxB,CAAC,EARW,qBAAqB,KAArB,qBAAqB,QAQhC;AAqBD,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAQrD,EAAE,EAAE;QARiD,EACvE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,UAAU,EACV,KAAK,OAEa,EADf,KAAK,cAP+D,8EAQxE,CADS;IACe,OAAA,CACvB,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,OAAO,KAAK,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,EAClD,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,YAAY,EAChD,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EACtC,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,EACnC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -9,6 +9,8 @@ export interface SidebarProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
9
9
|
hasGutter?: boolean;
|
|
10
10
|
/** Removes the background color. */
|
|
11
11
|
hasNoBackground?: boolean;
|
|
12
|
+
/** Adds a border between the panel and content. */
|
|
13
|
+
hasBorder?: boolean;
|
|
12
14
|
}
|
|
13
15
|
export declare const Sidebar: React.FunctionComponent<SidebarProps>;
|
|
14
16
|
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mIAAmI;IACnI,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,wGAAwG;IACxG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mIAAmI;IACnI,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,wGAAwG;IACxG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAuBzD,CAAC"}
|
|
@@ -6,9 +6,9 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const sidebar_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Sidebar/sidebar"));
|
|
8
8
|
const Sidebar = (_a) => {
|
|
9
|
-
var { className, children, orientation, isPanelRight = false, hasGutter, hasNoBackground } = _a, props = tslib_1.__rest(_a, ["className", "children", "orientation", "isPanelRight", "hasGutter", "hasNoBackground"]);
|
|
9
|
+
var { className, children, orientation, isPanelRight = false, hasGutter, hasNoBackground, hasBorder } = _a, props = tslib_1.__rest(_a, ["className", "children", "orientation", "isPanelRight", "hasGutter", "hasNoBackground", "hasBorder"]);
|
|
10
10
|
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(sidebar_1.default.sidebar, hasGutter && sidebar_1.default.modifiers.gutter, hasNoBackground && sidebar_1.default.modifiers.noBackground, isPanelRight && sidebar_1.default.modifiers.panelRight, sidebar_1.default.modifiers[orientation], className) }, props),
|
|
11
|
-
React.createElement("div", { className: sidebar_1.default.sidebarMain }, children)));
|
|
11
|
+
React.createElement("div", { className: (0, react_styles_1.css)(sidebar_1.default.sidebarMain, hasBorder && sidebar_1.default.modifiers.border) }, children)));
|
|
12
12
|
};
|
|
13
13
|
exports.Sidebar = Sidebar;
|
|
14
14
|
exports.Sidebar.displayName = 'Sidebar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;AAgBtE,MAAM,OAAO,GAA0C,CAAC,EAShD,EAAE,EAAE;QAT4C,EAC7D,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,eAAe,EACf,SAAS,OAEI,EADV,KAAK,sBARqD,qGAS9D,CADS;IACU,OAAA,CAClB,2CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,iBAAM,CAAC,OAAO,EACd,SAAS,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,EACpC,eAAe,IAAI,iBAAM,CAAC,SAAS,CAAC,YAAY,EAChD,YAAY,IAAI,iBAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,iBAAM,CAAC,SAAS,CAAC,WAAW,CAAC,EAC7B,SAAS,CACV,IACG,KAAK;QAET,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,WAAW,EAAE,SAAS,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAG,QAAQ,CAAO,CAC3F,CACP,CAAA;CAAA,CAAC;AAvBW,QAAA,OAAO,WAuBlB;AACF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -3,6 +3,8 @@ export interface SidebarContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
/** Removes the background color. */
|
|
5
5
|
hasNoBackground?: boolean;
|
|
6
|
+
/** Adds padding to the content. */
|
|
7
|
+
hasPadding?: boolean;
|
|
6
8
|
}
|
|
7
9
|
export declare const SidebarContent: React.FunctionComponent<SidebarContentProps>;
|
|
8
10
|
//# sourceMappingURL=SidebarContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SidebarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAkBvE,CAAC"}
|
|
@@ -6,8 +6,8 @@ const React = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
7
7
|
const sidebar_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Sidebar/sidebar"));
|
|
8
8
|
const SidebarContent = (_a) => {
|
|
9
|
-
var { className, children, hasNoBackground } = _a, props = tslib_1.__rest(_a, ["className", "children", "hasNoBackground"]);
|
|
10
|
-
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(sidebar_1.default.sidebarContent, hasNoBackground && sidebar_1.default.modifiers.noBackground, className) }, props), children));
|
|
9
|
+
var { className, children, hasNoBackground, hasPadding } = _a, props = tslib_1.__rest(_a, ["className", "children", "hasNoBackground", "hasPadding"]);
|
|
10
|
+
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(sidebar_1.default.sidebarContent, hasNoBackground && sidebar_1.default.modifiers.noBackground, hasPadding && sidebar_1.default.modifiers.padding, className) }, props), children));
|
|
11
11
|
};
|
|
12
12
|
exports.SidebarContent = SidebarContent;
|
|
13
13
|
exports.SidebarContent.displayName = 'SidebarContent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarContent.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;
|
|
1
|
+
{"version":3,"file":"SidebarContent.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;AAUtE,MAAM,cAAc,GAAiD,CAAC,EAMvD,EAAE,EAAE;QANmD,EAC3E,SAAS,EACT,QAAQ,EACR,eAAe,EACf,UAAU,OAEU,EADjB,KAAK,sBALmE,0DAM5E,CADS;IACiB,OAAA,CACzB,2CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,iBAAM,CAAC,cAAc,EACrB,eAAe,IAAI,iBAAM,CAAC,SAAS,CAAC,YAAY,EAChD,UAAU,IAAI,iBAAM,CAAC,SAAS,CAAC,OAAO,EACtC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAlBW,QAAA,cAAc,kBAkBzB;AACF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -14,6 +14,8 @@ export interface SidebarPanelProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
14
14
|
variant?: 'default' | 'sticky' | 'static';
|
|
15
15
|
/** Removes the background color. */
|
|
16
16
|
hasNoBackground?: boolean;
|
|
17
|
+
/** Adds padding to the panel. */
|
|
18
|
+
hasPadding?: boolean;
|
|
17
19
|
/** Sets the panel width at various breakpoints. Default is 250px when the orientation is split. */
|
|
18
20
|
width?: {
|
|
19
21
|
default?: 'default' | 'width_25' | 'width_33' | 'width_50' | 'width_66' | 'width_75' | 'width_100';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,QAAQ,cAAc;CACvB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yNAAyN;IACzN,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mGAAmG;IACnG,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QACnG,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;KAClG,CAAC;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"SidebarPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,qBAAqB;IAC/B,OAAO,YAAY;IACnB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,OAAO,aAAa;IACpB,QAAQ,cAAc;CACvB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yNAAyN;IACzN,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mGAAmG;IACnG,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QACnG,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,EAAE,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;QAC9F,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;KAClG,CAAC;CACH;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAsBnE,CAAC"}
|
|
@@ -17,8 +17,8 @@ var SidebarPanelWidthType;
|
|
|
17
17
|
SidebarPanelWidthType["width100"] = "width_100";
|
|
18
18
|
})(SidebarPanelWidthType = exports.SidebarPanelWidthType || (exports.SidebarPanelWidthType = {}));
|
|
19
19
|
const SidebarPanel = (_a) => {
|
|
20
|
-
var { className, children, variant = 'default', hasNoBackground, width } = _a, props = tslib_1.__rest(_a, ["className", "children", "variant", "hasNoBackground", "width"]);
|
|
21
|
-
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(sidebar_1.default.sidebarPanel, variant !== 'default' && sidebar_1.default.modifiers[variant], hasNoBackground && sidebar_1.default.modifiers.noBackground, (0, util_1.formatBreakpointMods)(width, sidebar_1.default), className) }, props), children));
|
|
20
|
+
var { className, children, variant = 'default', hasNoBackground, hasPadding, width } = _a, props = tslib_1.__rest(_a, ["className", "children", "variant", "hasNoBackground", "hasPadding", "width"]);
|
|
21
|
+
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(sidebar_1.default.sidebarPanel, variant !== 'default' && sidebar_1.default.modifiers[variant], hasNoBackground && sidebar_1.default.modifiers.noBackground, hasPadding && sidebar_1.default.modifiers.padding, (0, util_1.formatBreakpointMods)(width, sidebar_1.default), className) }, props), children));
|
|
22
22
|
};
|
|
23
23
|
exports.SidebarPanel = SidebarPanel;
|
|
24
24
|
exports.SidebarPanel.displayName = 'SidebarPanel';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarPanel.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;AAC7E,6CAA0D;AAE1D,IAAY,qBAQX;AARD,WAAY,qBAAqB;IAC/B,4CAAmB,CAAA;IACnB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,+CAAsB,CAAA;AACxB,CAAC,EARW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAQhC;
|
|
1
|
+
{"version":3,"file":"SidebarPanel.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarPanel.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2DAA+C;AAC/C,8GAA6E;AAC7E,6CAA0D;AAE1D,IAAY,qBAQX;AARD,WAAY,qBAAqB;IAC/B,4CAAmB,CAAA;IACnB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,6CAAoB,CAAA;IACpB,+CAAsB,CAAA;AACxB,CAAC,EARW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAQhC;AAqBM,MAAM,YAAY,GAA+C,CAAC,EAQrD,EAAE,EAAE;QARiD,EACvE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,UAAU,EACV,KAAK,OAEa,EADf,KAAK,sBAP+D,8EAQxE,CADS;IACe,OAAA,CACvB,2CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,iBAAM,CAAC,YAAY,EACnB,OAAO,KAAK,SAAS,IAAI,iBAAM,CAAC,SAAS,CAAC,OAAO,CAAC,EAClD,eAAe,IAAI,iBAAM,CAAC,SAAS,CAAC,YAAY,EAChD,UAAU,IAAI,iBAAM,CAAC,SAAS,CAAC,OAAO,EACtC,IAAA,2BAAoB,EAAC,KAAK,EAAE,iBAAM,CAAC,EACnC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAtBW,QAAA,YAAY,gBAsBvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|