@preply/ds-web-lib 0.4.3-beta.34
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/README.md +51 -0
- package/dist/components/Avatar/Avatar.d.ts +9 -0
- package/dist/components/Avatar/Avatar.js +17 -0
- package/dist/components/Avatar/constants.d.ts +3 -0
- package/dist/components/Avatar/constants.js +5 -0
- package/dist/components/Avatar/style/index.module.less +9 -0
- package/dist/components/Avatar/style/index.module.less.js +9 -0
- package/dist/components/Avatar/style/mixins.less +34 -0
- package/dist/components/Avatar/style/mixins.less.js +8 -0
- package/dist/components/Avatar/types.d.ts +1 -0
- package/dist/components/Avatar/types.js +2 -0
- package/dist/components/Button/Button.d.ts +19 -0
- package/dist/components/Button/Button.js +50 -0
- package/dist/components/Button/constants.d.ts +3 -0
- package/dist/components/Button/constants.js +5 -0
- package/dist/components/Button/style/index.module.less +13 -0
- package/dist/components/Button/style/index.module.less.js +9 -0
- package/dist/components/Button/style/mixins.less +80 -0
- package/dist/components/Button/style/mixins.less.js +8 -0
- package/dist/components/Button/types.d.ts +2 -0
- package/dist/components/Button/types.js +2 -0
- package/dist/components/Heading/Heading.d.ts +8 -0
- package/dist/components/Heading/Heading.js +16 -0
- package/dist/components/Heading/style/index.module.less +8 -0
- package/dist/components/Heading/style/index.module.less.js +9 -0
- package/dist/components/Heading/style/mixins.less +12 -0
- package/dist/components/Heading/style/mixins.less.js +8 -0
- package/dist/components/Icon/Icon.d.ts +9 -0
- package/dist/components/Icon/Icon.js +25 -0
- package/dist/components/Icon/constants.d.ts +2 -0
- package/dist/components/Icon/constants.js +4 -0
- package/dist/components/Icon/style/index.module.less +9 -0
- package/dist/components/Icon/style/index.module.less.js +9 -0
- package/dist/components/Icon/style/mixins.less +44 -0
- package/dist/components/Icon/style/mixins.less.js +8 -0
- package/dist/components/Icon/types.d.ts +5 -0
- package/dist/components/Icon/types.js +2 -0
- package/dist/components/LayoutFlex/LayoutFlex.d.ts +4 -0
- package/dist/components/LayoutFlex/LayoutFlex.js +10 -0
- package/dist/components/LayoutGrid/LayoutGrid.d.ts +4 -0
- package/dist/components/LayoutGrid/LayoutGrid.js +11 -0
- package/dist/components/Link/Link.d.ts +9 -0
- package/dist/components/Link/Link.js +24 -0
- package/dist/components/Link/style/index.module.less +6 -0
- package/dist/components/Link/style/index.module.less.js +9 -0
- package/dist/components/Link/style/mixins.less +28 -0
- package/dist/components/Link/style/mixins.less.js +8 -0
- package/dist/components/Link/types.d.ts +1 -0
- package/dist/components/Link/types.js +2 -0
- package/dist/components/Panel/Panel.d.ts +8 -0
- package/dist/components/Panel/Panel.js +18 -0
- package/dist/components/Panel/constants.d.ts +2 -0
- package/dist/components/Panel/constants.js +4 -0
- package/dist/components/Panel/private/PanelBody.d.ts +4 -0
- package/dist/components/Panel/private/PanelBody.js +16 -0
- package/dist/components/Panel/private/PanelFooter.d.ts +4 -0
- package/dist/components/Panel/private/PanelFooter.js +16 -0
- package/dist/components/Panel/private/PanelHeader.d.ts +4 -0
- package/dist/components/Panel/private/PanelHeader.js +16 -0
- package/dist/components/Panel/private/PanelSection.d.ts +4 -0
- package/dist/components/Panel/private/PanelSection.js +16 -0
- package/dist/components/Panel/style/index.module.less +35 -0
- package/dist/components/Panel/style/index.module.less.js +9 -0
- package/dist/components/Panel/style/mixins.less +22 -0
- package/dist/components/Panel/style/mixins.less.js +8 -0
- package/dist/components/Panel/types.d.ts +1 -0
- package/dist/components/Panel/types.js +2 -0
- package/dist/components/Text/Text.d.ts +9 -0
- package/dist/components/Text/Text.js +20 -0
- package/dist/components/Text/style/index.module.less +9 -0
- package/dist/components/Text/style/index.module.less.js +9 -0
- package/dist/components/Text/style/mixins.less +12 -0
- package/dist/components/Text/style/mixins.less.js +8 -0
- package/dist/components/TextInline/TextInline.d.ts +8 -0
- package/dist/components/TextInline/TextInline.js +16 -0
- package/dist/components/TextInline/style/index.module.less +7 -0
- package/dist/components/TextInline/style/index.module.less.js +9 -0
- package/dist/components/TextInline/style/mixins.less +11 -0
- package/dist/components/TextInline/style/mixins.less.js +8 -0
- package/dist/components/index.d.ts +14 -0
- package/dist/components/index.js +15 -0
- package/dist/external/style-inject/dist/style-inject.es.js +29 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +16 -0
- package/dist/version.d.ts +1 -0
- package/dist/version.js +4 -0
- package/package.json +42 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useLayoutFlexClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
const LayoutFlex = ({ children, ...props }) => {
|
|
5
|
+
const classNames = useLayoutFlexClassNames('flex', props);
|
|
6
|
+
return React.createElement("div", { className: classNames.join(' ') }, children);
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export { LayoutFlex };
|
|
10
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0RmxleC9MYXlvdXRGbGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IExheW91dEZsZXhQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VMYXlvdXRGbGV4Q2xhc3NOYW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IExheW91dEZsZXhQcm9wcztcblxuZXhwb3J0IGNvbnN0IExheW91dEZsZXg6IEZDPFByb3BzPiA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IHVzZUxheW91dEZsZXhDbGFzc05hbWVzKCdmbGV4JywgcHJvcHMpO1xuXG4gICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvZGl2Pjtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O01BTWEsVUFBVSxHQUFjLENBQUMsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLEVBQUU7SUFDeEQsTUFBTSxVQUFVLEdBQUcsdUJBQXVCLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBRTFELE9BQU8sNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDbEU7Ozs7In0=
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { useLayoutGridClassNames, useLayoutGridStyles } from '@preply/ds-web-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
|
|
4
|
+
const LayoutGrid = ({ children, ...props }) => {
|
|
5
|
+
const classNames = useLayoutGridClassNames('grid', props);
|
|
6
|
+
const style = useLayoutGridStyles(props);
|
|
7
|
+
return (React.createElement("div", { className: classNames.join(' '), style: style }, children));
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { LayoutGrid };
|
|
11
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0R3JpZC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGF5b3V0R3JpZC9MYXlvdXRHcmlkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IExheW91dEdyaWRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB1c2VMYXlvdXRHcmlkQ2xhc3NOYW1lcywgdXNlTGF5b3V0R3JpZFN0eWxlcyB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IExheW91dEdyaWRQcm9wcztcblxuZXhwb3J0IGNvbnN0IExheW91dEdyaWQ6IEZDPFByb3BzPiA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IHVzZUxheW91dEdyaWRDbGFzc05hbWVzKCdncmlkJywgcHJvcHMpO1xuICAgIGNvbnN0IHN0eWxlID0gdXNlTGF5b3V0R3JpZFN0eWxlcyhwcm9wcyk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9IHN0eWxlPXtzdHlsZX0+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztNQU1hLFVBQVUsR0FBYyxDQUFDLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxFQUFFO0lBQ3hELE1BQU0sVUFBVSxHQUFHLHVCQUF1QixDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUMxRCxNQUFNLEtBQUssR0FBRyxtQkFBbUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUV6QyxRQUNJLDZCQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLElBQzdDLFFBQVEsQ0FDUCxFQUNSO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Dataset } from '@preply/ds-core';
|
|
2
|
+
import { FC, MouseEvent } from 'react';
|
|
3
|
+
export interface Props {
|
|
4
|
+
url: string;
|
|
5
|
+
opensInNewTab?: boolean;
|
|
6
|
+
onClick?: (event: MouseEvent) => void;
|
|
7
|
+
dataset?: Dataset;
|
|
8
|
+
}
|
|
9
|
+
export declare const Link: FC<Props>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { safeClassName, getDatasetProps, getExternalUrlProps } from '@preply/ds-web-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styles from './style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const LINK = 'Link';
|
|
6
|
+
const Link = ({ onClick, url, opensInNewTab, dataset, children }) => {
|
|
7
|
+
const handleClick = (event) => {
|
|
8
|
+
if (onClick) {
|
|
9
|
+
onClick(event);
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
const classNames = [safeClassName(styles, LINK)];
|
|
13
|
+
const props = {
|
|
14
|
+
href: url,
|
|
15
|
+
onClick: handleClick,
|
|
16
|
+
className: classNames.join(' '),
|
|
17
|
+
...getDatasetProps(dataset),
|
|
18
|
+
...getExternalUrlProps(url, opensInNewTab),
|
|
19
|
+
};
|
|
20
|
+
return React.createElement("a", Object.assign({}, props), children);
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { Link };
|
|
24
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgZ2V0RGF0YXNldFByb3BzLCBnZXRFeHRlcm5hbFVybFByb3BzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHVybDogc3RyaW5nO1xuICAgIG9wZW5zSW5OZXdUYWI/OiBib29sZWFuO1xuICAgIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmNvbnN0IExJTksgPSAnTGluayc7XG5cbmV4cG9ydCBjb25zdCBMaW5rOiBGQzxQcm9wcz4gPSAoeyBvbkNsaWNrLCB1cmwsIG9wZW5zSW5OZXdUYWIsIGRhdGFzZXQsIGNoaWxkcmVuIH0pID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IChldmVudDogTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgICAgb25DbGljayhldmVudCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IFtzYWZlQ2xhc3NOYW1lKHN0eWxlcywgTElOSyldO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgIGhyZWY6IHVybCxcbiAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2ssXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgLi4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyh1cmwsIG9wZW5zSW5OZXdUYWIpLFxuICAgIH07XG5cbiAgICByZXR1cm4gPGEgey4uLnByb3BzfT57Y2hpbGRyZW59PC9hPjtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQWFBLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQztNQUVQLElBQUksR0FBYyxDQUFDLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRTtJQUM5RSxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQWlCO1FBQ2xDLElBQUksT0FBTyxFQUFFO1lBQ1QsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2xCO0tBQ0osQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBRWpELE1BQU0sS0FBSyxHQUFHO1FBQ1YsSUFBSSxFQUFFLEdBQUc7UUFDVCxPQUFPLEVBQUUsV0FBVztRQUNwQixTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDL0IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLEdBQUcsbUJBQW1CLENBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQztLQUM3QyxDQUFDO0lBRUYsT0FBTywyQ0FBTyxLQUFLLEdBQUcsUUFBUSxDQUFLLENBQUM7QUFDeEM7Ozs7In0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._3Ipr_0 {\n display: inline;\n line-height: var(--text--size-base--line-height);\n font-weight: var(--t-font-weight--bold);\n text-decoration: none;\n color: var(--scheme--action-plain--color);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n}\n._3Ipr_0:hover {\n -webkit-filter: brightness(var(--scheme--action-plain-hover--brigthness));\n filter: brightness(var(--scheme--action-plain-hover--brigthness));\n}\n._3Ipr_0:focus {\n outline-width: 2px;\n outline-offset: 4px;\n outline-style: dotted;\n outline-color: var(--scheme--action-plain-focus--outline-color);\n}\n";
|
|
4
|
+
var styles = {"Link":"_3Ipr_0"};
|
|
5
|
+
var stylesheet="._3Ipr_0 {\n display: inline;\n line-height: var(--text--size-base--line-height);\n font-weight: var(--t-font-weight--bold);\n text-decoration: none;\n color: var(--scheme--action-plain--color);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n}\n._3Ipr_0:hover {\n -webkit-filter: brightness(var(--scheme--action-plain-hover--brigthness));\n filter: brightness(var(--scheme--action-plain-hover--brigthness));\n}\n._3Ipr_0:focus {\n outline-width: 2px;\n outline-offset: 4px;\n outline-style: dotted;\n outline-color: var(--scheme--action-plain-focus--outline-color);\n}\n";
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7In0=
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
.link-base() {
|
|
2
|
+
display: inline;
|
|
3
|
+
line-height: var(--text--size-base--line-height);
|
|
4
|
+
font-weight: var(--t-font-weight--bold);
|
|
5
|
+
text-decoration: none;
|
|
6
|
+
.color('scheme', 'action-plain');
|
|
7
|
+
user-select: none;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
|
|
10
|
+
&:hover {
|
|
11
|
+
.hover-filter('scheme', 'action-plain');
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&:focus {
|
|
15
|
+
outline-width: 2px;
|
|
16
|
+
outline-offset: 4px;
|
|
17
|
+
outline-style: dotted;
|
|
18
|
+
.focus-outline('scheme', 'action-plain');
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.heading-strong() {
|
|
23
|
+
font-weight: var(--t-font-weight--base);
|
|
24
|
+
|
|
25
|
+
&--strong {
|
|
26
|
+
font-weight: var(--t-font-weight--bold);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type LinkState = 'normal' | 'hover';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ColorSchemeProps, ThemeProps } from '@preply/ds-web-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import type { PanelPadding } from './types';
|
|
4
|
+
export interface OwnProps {
|
|
5
|
+
padding?: PanelPadding;
|
|
6
|
+
}
|
|
7
|
+
export declare type Props = OwnProps & ThemeProps & ColorSchemeProps;
|
|
8
|
+
export declare const Panel: FC<Props>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { withColorScheme, withTheme, safeClassName, globalClasses, localClasses } from '@preply/ds-web-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { PANEL_PADDING_DEFAULT } from './constants.js';
|
|
4
|
+
import styles from './style/index.module.less.js';
|
|
5
|
+
|
|
6
|
+
const PANEL = 'Panel';
|
|
7
|
+
const PanelBase = ({ themeClassName, colorSchemeClassName, children, padding = PANEL_PADDING_DEFAULT, }) => {
|
|
8
|
+
const classNames = [
|
|
9
|
+
safeClassName(styles, PANEL),
|
|
10
|
+
...globalClasses([themeClassName, colorSchemeClassName]),
|
|
11
|
+
...localClasses(styles, PANEL, [['padding', padding]]),
|
|
12
|
+
];
|
|
13
|
+
return React.createElement("section", { className: classNames.join(' ') }, children);
|
|
14
|
+
};
|
|
15
|
+
const Panel = withColorScheme(withTheme(PanelBase));
|
|
16
|
+
|
|
17
|
+
export { Panel };
|
|
18
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7XG4gICAgQ29sb3JTY2hlbWVQcm9wcyxcbiAgICBUaGVtZVByb3BzLFxuICAgIFdpdGhDb2xvclNjaGVtZVByb3BzLFxuICAgIFdpdGhUaGVtZVByb3BzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2xvYmFsQ2xhc3NlcyxcbiAgICBsb2NhbENsYXNzZXMsXG4gICAgc2FmZUNsYXNzTmFtZSxcbiAgICB3aXRoQ29sb3JTY2hlbWUsXG4gICAgd2l0aFRoZW1lLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgUEFORUxfUEFERElOR19ERUZBVUxUIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcbmltcG9ydCB0eXBlIHsgUGFuZWxQYWRkaW5nIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgT3duUHJvcHMge1xuICAgIHBhZGRpbmc/OiBQYW5lbFBhZGRpbmc7XG59XG5cbmNvbnN0IFBBTkVMID0gJ1BhbmVsJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPd25Qcm9wcyAmIFRoZW1lUHJvcHMgJiBDb2xvclNjaGVtZVByb3BzO1xuXG5jb25zdCBQYW5lbEJhc2U6IEZDPE93blByb3BzICYgV2l0aFRoZW1lUHJvcHMgJiBXaXRoQ29sb3JTY2hlbWVQcm9wcz4gPSAoe1xuICAgIHRoZW1lQ2xhc3NOYW1lLFxuICAgIGNvbG9yU2NoZW1lQ2xhc3NOYW1lLFxuICAgIGNoaWxkcmVuLFxuICAgIHBhZGRpbmcgPSBQQU5FTF9QQURESU5HX0RFRkFVTFQsXG59KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IFtcbiAgICAgICAgc2FmZUNsYXNzTmFtZShzdHlsZXMsIFBBTkVMKSxcbiAgICAgICAgLi4uZ2xvYmFsQ2xhc3NlcyhbdGhlbWVDbGFzc05hbWUsIGNvbG9yU2NoZW1lQ2xhc3NOYW1lXSksXG4gICAgICAgIC4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIFBBTkVMLCBbWydwYWRkaW5nJywgcGFkZGluZ11dKSxcbiAgICBdO1xuXG4gICAgcmV0dXJuIDxzZWN0aW9uIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L3NlY3Rpb24+O1xufTtcblxuZXhwb3J0IGNvbnN0IFBhbmVsOiBGQzxQcm9wcz4gPSB3aXRoQ29sb3JTY2hlbWUod2l0aFRoZW1lKFBhbmVsQmFzZSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBdUJBLE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQztBQUl0QixNQUFNLFNBQVMsR0FBeUQsQ0FBQyxFQUNyRSxjQUFjLEVBQ2Qsb0JBQW9CLEVBQ3BCLFFBQVEsRUFDUixPQUFPLEdBQUcscUJBQXFCLEdBQ2xDO0lBQ0csTUFBTSxVQUFVLEdBQUc7UUFDZixhQUFhLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztRQUM1QixHQUFHLGFBQWEsQ0FBQyxDQUFDLGNBQWMsRUFBRSxvQkFBb0IsQ0FBQyxDQUFDO1FBQ3hELEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO0tBQ3pELENBQUM7SUFFRixPQUFPLGlDQUFTLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFHLFFBQVEsQ0FBVyxDQUFDO0FBQzFFLENBQUMsQ0FBQztNQUVXLEtBQUssR0FBYyxlQUFlLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQzs7OzsifQ==
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const PANEL_PADDING_DEFAULT = 'base';
|
|
2
|
+
|
|
3
|
+
export { PANEL_PADDING_DEFAULT };
|
|
4
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9QYW5lbC9jb25zdGFudHMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGFuZWxQYWRkaW5nIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBQQU5FTF9QQURESU5HX0RFRkFVTFQ6IFBhbmVsUGFkZGluZyA9ICdiYXNlJztcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiTUFFYSxxQkFBcUIsR0FBaUI7Ozs7In0=
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { safeClassName, globalClasses, useLayoutClassNames, useLayoutStyles } from '@preply/ds-web-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styles from '../style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const PANEL_BODY = 'PanelBody';
|
|
6
|
+
const PanelBody = ({ children, layout, ...props }) => {
|
|
7
|
+
const classNames = [
|
|
8
|
+
safeClassName(styles, PANEL_BODY),
|
|
9
|
+
...globalClasses(useLayoutClassNames({ layout, ...props })),
|
|
10
|
+
];
|
|
11
|
+
const style = useLayoutStyles({ layout, ...props });
|
|
12
|
+
return (React.createElement("div", { className: classNames.join(' '), style: style }, children));
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { PanelBody };
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWxCb2R5LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9QYW5lbC9wcml2YXRlL1BhbmVsQm9keS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb25hbExheW91dFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2xvYmFsQ2xhc3NlcyxcbiAgICBzYWZlQ2xhc3NOYW1lLFxuICAgIHVzZUxheW91dENsYXNzTmFtZXMsXG4gICAgdXNlTGF5b3V0U3R5bGVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IFBBTkVMX0JPRFkgPSAnUGFuZWxCb2R5JztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPcHRpb25hbExheW91dFByb3BzO1xuXG5leHBvcnQgY29uc3QgUGFuZWxCb2R5OiBGQzxQcm9wcz4gPSAoeyBjaGlsZHJlbiwgbGF5b3V0LCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IFtcbiAgICAgICAgc2FmZUNsYXNzTmFtZShzdHlsZXMsIFBBTkVMX0JPRFkpLFxuICAgICAgICAuLi5nbG9iYWxDbGFzc2VzKHVzZUxheW91dENsYXNzTmFtZXMoeyBsYXlvdXQsIC4uLnByb3BzIH0pKSxcbiAgICBdO1xuXG4gICAgY29uc3Qgc3R5bGUgPSB1c2VMYXlvdXRTdHlsZXMoeyBsYXlvdXQsIC4uLnByb3BzIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBV0EsTUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDO01BSWxCLFNBQVMsR0FBYyxDQUFDLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxHQUFHLEtBQUssRUFBRTtJQUMvRCxNQUFNLFVBQVUsR0FBRztRQUNmLGFBQWEsQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDO1FBQ2pDLEdBQUcsYUFBYSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUMsQ0FBQztLQUM5RCxDQUFDO0lBRUYsTUFBTSxLQUFLLEdBQUcsZUFBZSxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUVwRCxRQUNJLDZCQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLElBQzdDLFFBQVEsQ0FDUCxFQUNSO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { safeClassName, globalClasses, useLayoutClassNames, useLayoutStyles } from '@preply/ds-web-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styles from '../style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const PANEL_FOOTER = 'PanelFooter';
|
|
6
|
+
const PanelFooter = ({ children, layout, ...props }) => {
|
|
7
|
+
const classNames = [
|
|
8
|
+
safeClassName(styles, PANEL_FOOTER),
|
|
9
|
+
...globalClasses(useLayoutClassNames({ layout, ...props })),
|
|
10
|
+
];
|
|
11
|
+
const style = useLayoutStyles({ layout, ...props });
|
|
12
|
+
return (React.createElement("footer", { className: classNames.join(' '), style: style }, children));
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { PanelFooter };
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWxGb290ZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhbmVsL3ByaXZhdGUvUGFuZWxGb290ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uYWxMYXlvdXRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGdsb2JhbENsYXNzZXMsXG4gICAgc2FmZUNsYXNzTmFtZSxcbiAgICB1c2VMYXlvdXRDbGFzc05hbWVzLFxuICAgIHVzZUxheW91dFN0eWxlcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBQQU5FTF9GT09URVIgPSAnUGFuZWxGb290ZXInO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IE9wdGlvbmFsTGF5b3V0UHJvcHM7XG5cbmV4cG9ydCBjb25zdCBQYW5lbEZvb3RlcjogRkM8UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGxheW91dCwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBbXG4gICAgICAgIHNhZmVDbGFzc05hbWUoc3R5bGVzLCBQQU5FTF9GT09URVIpLFxuICAgICAgICAuLi5nbG9iYWxDbGFzc2VzKHVzZUxheW91dENsYXNzTmFtZXMoeyBsYXlvdXQsIC4uLnByb3BzIH0pKSxcbiAgICBdO1xuXG4gICAgY29uc3Qgc3R5bGUgPSB1c2VMYXlvdXRTdHlsZXMoeyBsYXlvdXQsIC4uLnByb3BzIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGZvb3RlciBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Zvb3Rlcj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBV0EsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDO01BSXRCLFdBQVcsR0FBYyxDQUFDLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxHQUFHLEtBQUssRUFBRTtJQUNqRSxNQUFNLFVBQVUsR0FBRztRQUNmLGFBQWEsQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDO1FBQ25DLEdBQUcsYUFBYSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUMsQ0FBQztLQUM5RCxDQUFDO0lBRUYsTUFBTSxLQUFLLEdBQUcsZUFBZSxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUVwRCxRQUNJLGdDQUFRLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLElBQ2hELFFBQVEsQ0FDSixFQUNYO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { safeClassName, globalClasses, useLayoutClassNames, useLayoutStyles } from '@preply/ds-web-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styles from '../style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const PANEL_HEADER = 'PanelHeader';
|
|
6
|
+
const PanelHeader = ({ children, layout, ...props }) => {
|
|
7
|
+
const classNames = [
|
|
8
|
+
safeClassName(styles, PANEL_HEADER),
|
|
9
|
+
...globalClasses(useLayoutClassNames({ layout, ...props })),
|
|
10
|
+
];
|
|
11
|
+
const style = useLayoutStyles({ layout, ...props });
|
|
12
|
+
return (React.createElement("header", { className: classNames.join(' '), style: style }, children));
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { PanelHeader };
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWxIZWFkZXIuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhbmVsL3ByaXZhdGUvUGFuZWxIZWFkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgT3B0aW9uYWxMYXlvdXRQcm9wcyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGdsb2JhbENsYXNzZXMsXG4gICAgc2FmZUNsYXNzTmFtZSxcbiAgICB1c2VMYXlvdXRDbGFzc05hbWVzLFxuICAgIHVzZUxheW91dFN0eWxlcyxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5jb25zdCBQQU5FTF9IRUFERVIgPSAnUGFuZWxIZWFkZXInO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IE9wdGlvbmFsTGF5b3V0UHJvcHM7XG5cbmV4cG9ydCBjb25zdCBQYW5lbEhlYWRlcjogRkM8UHJvcHM+ID0gKHsgY2hpbGRyZW4sIGxheW91dCwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBbXG4gICAgICAgIHNhZmVDbGFzc05hbWUoc3R5bGVzLCBQQU5FTF9IRUFERVIpLFxuICAgICAgICAuLi5nbG9iYWxDbGFzc2VzKHVzZUxheW91dENsYXNzTmFtZXMoeyBsYXlvdXQsIC4uLnByb3BzIH0pKSxcbiAgICBdO1xuXG4gICAgY29uc3Qgc3R5bGUgPSB1c2VMYXlvdXRTdHlsZXMoeyBsYXlvdXQsIC4uLnByb3BzIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGhlYWRlciBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfSBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2hlYWRlcj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBV0EsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDO01BSXRCLFdBQVcsR0FBYyxDQUFDLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxHQUFHLEtBQUssRUFBRTtJQUNqRSxNQUFNLFVBQVUsR0FBRztRQUNmLGFBQWEsQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDO1FBQ25DLEdBQUcsYUFBYSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUMsQ0FBQztLQUM5RCxDQUFDO0lBRUYsTUFBTSxLQUFLLEdBQUcsZUFBZSxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUVwRCxRQUNJLGdDQUFRLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLElBQ2hELFFBQVEsQ0FDSixFQUNYO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { safeClassName, globalClasses, useLayoutClassNames, useLayoutStyles } from '@preply/ds-web-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import styles from '../style/index.module.less.js';
|
|
4
|
+
|
|
5
|
+
const PANEL_SECTION = 'PanelSection';
|
|
6
|
+
const PanelSection = ({ children, layout, ...props }) => {
|
|
7
|
+
const classNames = [
|
|
8
|
+
safeClassName(styles, PANEL_SECTION),
|
|
9
|
+
...globalClasses(useLayoutClassNames({ layout, ...props })),
|
|
10
|
+
];
|
|
11
|
+
const style = useLayoutStyles({ layout, ...props });
|
|
12
|
+
return (React.createElement("section", { className: classNames.join(' '), style: style }, children));
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { PanelSection };
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWxTZWN0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9QYW5lbC9wcml2YXRlL1BhbmVsU2VjdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBPcHRpb25hbExheW91dFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2xvYmFsQ2xhc3NlcyxcbiAgICBzYWZlQ2xhc3NOYW1lLFxuICAgIHVzZUxheW91dENsYXNzTmFtZXMsXG4gICAgdXNlTGF5b3V0U3R5bGVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmNvbnN0IFBBTkVMX1NFQ1RJT04gPSAnUGFuZWxTZWN0aW9uJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPcHRpb25hbExheW91dFByb3BzO1xuXG5leHBvcnQgY29uc3QgUGFuZWxTZWN0aW9uOiBGQzxQcm9wcz4gPSAoeyBjaGlsZHJlbiwgbGF5b3V0LCAuLi5wcm9wcyB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IFtcbiAgICAgICAgc2FmZUNsYXNzTmFtZShzdHlsZXMsIFBBTkVMX1NFQ1RJT04pLFxuICAgICAgICAuLi5nbG9iYWxDbGFzc2VzKHVzZUxheW91dENsYXNzTmFtZXMoeyBsYXlvdXQsIC4uLnByb3BzIH0pKSxcbiAgICBdO1xuXG4gICAgY29uc3Qgc3R5bGUgPSB1c2VMYXlvdXRTdHlsZXMoeyBsYXlvdXQsIC4uLnByb3BzIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHNlY3Rpb24gY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0gc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9zZWN0aW9uPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFXQSxNQUFNLGFBQWEsR0FBRyxjQUFjLENBQUM7TUFJeEIsWUFBWSxHQUFjLENBQUMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFO0lBQ2xFLE1BQU0sVUFBVSxHQUFHO1FBQ2YsYUFBYSxDQUFDLE1BQU0sRUFBRSxhQUFhLENBQUM7UUFDcEMsR0FBRyxhQUFhLENBQUMsbUJBQW1CLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0tBQzlELENBQUM7SUFFRixNQUFNLEtBQUssR0FBRyxlQUFlLENBQUMsRUFBRSxNQUFNLEVBQUUsR0FBRyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBRXBELFFBQ0ksaUNBQVMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssSUFDakQsUUFBUSxDQUNILEVBQ1o7QUFDTjs7OzsifQ==
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@import './mixins.less';
|
|
2
|
+
|
|
3
|
+
.Panel {
|
|
4
|
+
.panel-base();
|
|
5
|
+
.panel-paddings();
|
|
6
|
+
|
|
7
|
+
> .PanelHeader + .PanelBody {
|
|
8
|
+
padding-top: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
> .PanelBody + .PanelFooter {
|
|
12
|
+
padding-top: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
> .PanelSection {
|
|
16
|
+
.border-color('scheme', 'divider');
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
> .PanelSection:not(:last-child) {
|
|
20
|
+
border-bottom-width: 1px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
> .PanelSection:not(:first-child) {
|
|
24
|
+
border-top-width: 1px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
> .PanelSection + .PanelSection {
|
|
28
|
+
border-top: none;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.PanelSection {
|
|
33
|
+
border-width: 0px;
|
|
34
|
+
border-style: solid;
|
|
35
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._1P8hDa {\n color: var(--scheme--text-normal--color);\n background-color: var(--scheme--panel--bg-color);\n border-radius: var(--panel--base--border-radius);\n}\n._3UVnzc > .AC9lsg,\n._3UVnzc ._2AEx3V,\n._3UVnzc ._1YAsmT,\n._3UVnzc ._3eU6Ry {\n padding: var(--panel--padding-small--padding);\n}\n.ytPqbT > .AC9lsg,\n.ytPqbT ._2AEx3V,\n.ytPqbT ._1YAsmT,\n.ytPqbT ._3eU6Ry {\n padding: var(--panel--padding-base--padding);\n}\n._1q_-ys > .AC9lsg,\n._1q_-ys ._2AEx3V,\n._1q_-ys ._1YAsmT,\n._1q_-ys ._3eU6Ry {\n padding: var(--panel--padding-medium--padding);\n}\n._2HdQc_ > .AC9lsg,\n._2HdQc_ ._2AEx3V,\n._2HdQc_ ._1YAsmT,\n._2HdQc_ ._3eU6Ry {\n padding: var(--panel--padding-large--padding);\n}\n._1P8hDa > .AC9lsg + ._2AEx3V {\n padding-top: 0;\n}\n._1P8hDa > ._2AEx3V + ._1YAsmT {\n padding-top: 0;\n}\n._1P8hDa > ._3eU6Ry {\n border-color: var(--scheme--divider--border-color);\n}\n._1P8hDa > ._3eU6Ry:not(:last-child) {\n border-bottom-width: 1px;\n}\n._1P8hDa > ._3eU6Ry:not(:first-child) {\n border-top-width: 1px;\n}\n._1P8hDa > ._3eU6Ry + ._3eU6Ry {\n border-top: none;\n}\n._3eU6Ry {\n border-width: 0px;\n border-style: solid;\n}\n";
|
|
4
|
+
var styles = {"Panel":"_1P8hDa","Panel--padding-small":"_3UVnzc","PanelHeader":"AC9lsg","PanelBody":"_2AEx3V","PanelFooter":"_1YAsmT","PanelSection":"_3eU6Ry","Panel--padding-base":"ytPqbT","Panel--padding-medium":"_1q_-ys","Panel--padding-large":"_2HdQc_"};
|
|
5
|
+
var stylesheet="._1P8hDa {\n color: var(--scheme--text-normal--color);\n background-color: var(--scheme--panel--bg-color);\n border-radius: var(--panel--base--border-radius);\n}\n._3UVnzc > .AC9lsg,\n._3UVnzc ._2AEx3V,\n._3UVnzc ._1YAsmT,\n._3UVnzc ._3eU6Ry {\n padding: var(--panel--padding-small--padding);\n}\n.ytPqbT > .AC9lsg,\n.ytPqbT ._2AEx3V,\n.ytPqbT ._1YAsmT,\n.ytPqbT ._3eU6Ry {\n padding: var(--panel--padding-base--padding);\n}\n._1q_-ys > .AC9lsg,\n._1q_-ys ._2AEx3V,\n._1q_-ys ._1YAsmT,\n._1q_-ys ._3eU6Ry {\n padding: var(--panel--padding-medium--padding);\n}\n._2HdQc_ > .AC9lsg,\n._2HdQc_ ._2AEx3V,\n._2HdQc_ ._1YAsmT,\n._2HdQc_ ._3eU6Ry {\n padding: var(--panel--padding-large--padding);\n}\n._1P8hDa > .AC9lsg + ._2AEx3V {\n padding-top: 0;\n}\n._1P8hDa > ._2AEx3V + ._1YAsmT {\n padding-top: 0;\n}\n._1P8hDa > ._3eU6Ry {\n border-color: var(--scheme--divider--border-color);\n}\n._1P8hDa > ._3eU6Ry:not(:last-child) {\n border-bottom-width: 1px;\n}\n._1P8hDa > ._3eU6Ry:not(:first-child) {\n border-top-width: 1px;\n}\n._1P8hDa > ._3eU6Ry + ._3eU6Ry {\n border-top: none;\n}\n._3eU6Ry {\n border-width: 0px;\n border-style: solid;\n}\n";
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7In0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
2
|
+
|
|
3
|
+
@namespace: 'panel';
|
|
4
|
+
|
|
5
|
+
@paddings: small, base, medium, large;
|
|
6
|
+
|
|
7
|
+
.panel-base() {
|
|
8
|
+
.color('scheme', 'text-normal');
|
|
9
|
+
.bg-color('scheme', 'panel');
|
|
10
|
+
.border-radius(@namespace, 'base');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.panel-paddings() {
|
|
14
|
+
each(@paddings, {
|
|
15
|
+
&--padding-@{value} {
|
|
16
|
+
> .PanelHeader, .PanelBody, .PanelFooter, .PanelSection {
|
|
17
|
+
@token: 'padding-@{value}';
|
|
18
|
+
.padding(@namespace, @token);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare type PanelPadding = 'small' | 'base' | 'medium' | 'large';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TEXT_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { safeClassName, localClasses } from '@preply/ds-web-core';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import styles from './style/index.module.less.js';
|
|
5
|
+
|
|
6
|
+
const TEXT = 'Text';
|
|
7
|
+
const Text = ({ children, size, accent, strong, tag: Tag = TEXT_TAG_DEFAULT, }) => {
|
|
8
|
+
const classNames = [
|
|
9
|
+
safeClassName(styles, TEXT),
|
|
10
|
+
...localClasses(styles, TEXT, [
|
|
11
|
+
['size', size],
|
|
12
|
+
['accent', accent],
|
|
13
|
+
{ if: strong, then: 'strong' },
|
|
14
|
+
]),
|
|
15
|
+
];
|
|
16
|
+
return React.createElement(Tag, { className: classNames.join(' ') }, children);
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export { Text };
|
|
20
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dC9UZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRleHRBY2NlbnQsIFRleHRTaXplLCBUZXh0VGFnIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFRFWFRfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHNpemU/OiBUZXh0U2l6ZTtcbiAgICBhY2NlbnQ/OiBUZXh0QWNjZW50O1xuICAgIHN0cm9uZz86IGJvb2xlYW47XG4gICAgdGFnPzogVGV4dFRhZztcbn1cblxuY29uc3QgVEVYVCA9ICdUZXh0JztcblxuZXhwb3J0IGNvbnN0IFRleHQ6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgc2l6ZSxcbiAgICBhY2NlbnQsXG4gICAgc3Ryb25nLFxuICAgIHRhZzogVGFnID0gVEVYVF9UQUdfREVGQVVMVCxcbn0pID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gW1xuICAgICAgICBzYWZlQ2xhc3NOYW1lKHN0eWxlcywgVEVYVCksXG4gICAgICAgIC4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIFRFWFQsIFtcbiAgICAgICAgICAgIFsnc2l6ZScsIHNpemVdLFxuICAgICAgICAgICAgWydhY2NlbnQnLCBhY2NlbnRdLFxuICAgICAgICAgICAgeyBpZjogc3Ryb25nLCB0aGVuOiAnc3Ryb25nJyB9LFxuICAgICAgICBdKSxcbiAgICBdO1xuXG4gICAgcmV0dXJuIDxUYWcgY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFjQSxNQUFNLElBQUksR0FBRyxNQUFNLENBQUM7TUFFUCxJQUFJLEdBQWMsQ0FBQyxFQUM1QixRQUFRLEVBQ1IsSUFBSSxFQUNKLE1BQU0sRUFDTixNQUFNLEVBQ04sR0FBRyxFQUFFLEdBQUcsR0FBRyxnQkFBZ0IsR0FDOUI7SUFDRyxNQUFNLFVBQVUsR0FBRztRQUNmLGFBQWEsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO1FBQzNCLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUU7WUFDMUIsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO1lBQ2QsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO1lBQ2xCLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFO1NBQ2pDLENBQUM7S0FDTCxDQUFDO0lBRUYsT0FBTyxvQkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDbEU7Ozs7In0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".khPkeq {\n margin: 0;\n line-height: var(--text--size-base--line-height);\n font-weight: var(--t-font-weight--base);\n}\n._3mi36Z {\n font-weight: var(--t-font-weight--bold);\n}\n._1qPoch {\n color: var(--scheme--text-normal--color);\n}\n._3_4tFY {\n color: var(--scheme--text-muted--color);\n}\n._3OF4Qh {\n color: var(--scheme--text-positive--color);\n}\n._1z7aJE {\n color: var(--scheme--text-highlighted--color);\n}\n._33WHuG {\n color: var(--scheme--text-brand--color);\n}\n._2d5kVN {\n font-size: var(--text--size-xsmall--font-size);\n}\n.IwdfL6 {\n font-size: var(--text--size-small--font-size);\n}\n._2N894z {\n font-size: var(--text--size-base--font-size);\n}\n._2FE_eQ {\n font-size: var(--text--size-medium--font-size);\n}\n.hfca8G {\n font-size: var(--text--size-large--font-size);\n}\n._2RYjZL {\n font-size: var(--text--size-xlarge--font-size);\n}\n";
|
|
4
|
+
var styles = {"Text":"khPkeq","Text--strong":"_3mi36Z","Text--accent-normal":"_1qPoch","Text--accent-muted":"_3_4tFY","Text--accent-positive":"_3OF4Qh","Text--accent-highlighted":"_1z7aJE","Text--accent-brand":"_33WHuG","Text--size-xsmall":"_2d5kVN","Text--size-small":"IwdfL6","Text--size-base":"_2N894z","Text--size-medium":"_2FE_eQ","Text--size-large":"hfca8G","Text--size-xlarge":"_2RYjZL"};
|
|
5
|
+
var stylesheet=".khPkeq {\n margin: 0;\n line-height: var(--text--size-base--line-height);\n font-weight: var(--t-font-weight--base);\n}\n._3mi36Z {\n font-weight: var(--t-font-weight--bold);\n}\n._1qPoch {\n color: var(--scheme--text-normal--color);\n}\n._3_4tFY {\n color: var(--scheme--text-muted--color);\n}\n._3OF4Qh {\n color: var(--scheme--text-positive--color);\n}\n._1z7aJE {\n color: var(--scheme--text-highlighted--color);\n}\n._33WHuG {\n color: var(--scheme--text-brand--color);\n}\n._2d5kVN {\n font-size: var(--text--size-xsmall--font-size);\n}\n.IwdfL6 {\n font-size: var(--text--size-small--font-size);\n}\n._2N894z {\n font-size: var(--text--size-base--font-size);\n}\n._2FE_eQ {\n font-size: var(--text--size-medium--font-size);\n}\n.hfca8G {\n font-size: var(--text--size-large--font-size);\n}\n._2RYjZL {\n font-size: var(--text--size-xlarge--font-size);\n}\n";
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7In0=
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { TEXT_ACCENT_DEFAULT, TEXT_INLINE_TAG_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { safeClassName, localClasses } from '@preply/ds-web-core';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import styles from './style/index.module.less.js';
|
|
5
|
+
|
|
6
|
+
const TEXT_INLINE = 'TextInline';
|
|
7
|
+
const TextInline = ({ children, accent = TEXT_ACCENT_DEFAULT, strong, tag: Tag = TEXT_INLINE_TAG_DEFAULT, }) => {
|
|
8
|
+
const classNames = [
|
|
9
|
+
safeClassName(styles, TEXT_INLINE),
|
|
10
|
+
...localClasses(styles, TEXT_INLINE, [['accent', accent], { if: strong, then: 'strong' }]),
|
|
11
|
+
];
|
|
12
|
+
return React.createElement(Tag, { className: classNames.join(' ') }, children);
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { TextInline };
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElubGluZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVGV4dElubGluZS9UZXh0SW5saW5lLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRleHRBY2NlbnQsIFRleHRJbmxpbmVUYWcgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgVEVYVF9BQ0NFTlRfREVGQVVMVCwgVEVYVF9JTkxJTkVfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgbG9jYWxDbGFzc2VzLCBzYWZlQ2xhc3NOYW1lIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIGFjY2VudD86IFRleHRBY2NlbnQ7XG4gICAgc3Ryb25nPzogYm9vbGVhbjtcbiAgICB0YWc/OiBUZXh0SW5saW5lVGFnO1xufVxuXG5jb25zdCBURVhUX0lOTElORSA9ICdUZXh0SW5saW5lJztcblxuZXhwb3J0IGNvbnN0IFRleHRJbmxpbmU6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgYWNjZW50ID0gVEVYVF9BQ0NFTlRfREVGQVVMVCxcbiAgICBzdHJvbmcsXG4gICAgdGFnOiBUYWcgPSBURVhUX0lOTElORV9UQUdfREVGQVVMVCxcbn0pID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gW1xuICAgICAgICBzYWZlQ2xhc3NOYW1lKHN0eWxlcywgVEVYVF9JTkxJTkUpLFxuICAgICAgICAuLi5sb2NhbENsYXNzZXMoc3R5bGVzLCBURVhUX0lOTElORSwgW1snYWNjZW50JywgYWNjZW50XSwgeyBpZjogc3Ryb25nLCB0aGVuOiAnc3Ryb25nJyB9XSksXG4gICAgXTtcblxuICAgIHJldHVybiA8VGFnIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBYUEsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO01BRXBCLFVBQVUsR0FBYyxDQUFDLEVBQ2xDLFFBQVEsRUFDUixNQUFNLEdBQUcsbUJBQW1CLEVBQzVCLE1BQU0sRUFDTixHQUFHLEVBQUUsR0FBRyxHQUFHLHVCQUF1QixHQUNyQztJQUNHLE1BQU0sVUFBVSxHQUFHO1FBQ2YsYUFBYSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDbEMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztLQUM3RixDQUFDO0lBRUYsT0FBTyxvQkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDbEU7Ozs7In0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._2iIfiT {\n margin: 0;\n}\n._2XIA2T {\n color: var(--scheme--text-normal--color);\n}\n._3ttusQ {\n color: var(--scheme--text-muted--color);\n}\n._2C_Wto {\n color: var(--scheme--text-positive--color);\n}\n.pT-pRU {\n color: var(--scheme--text-highlighted--color);\n}\n._2eU8R6 {\n color: var(--scheme--text-brand--color);\n}\n";
|
|
4
|
+
var styles = {"TextInline":"_2iIfiT","TextInline--accent-normal":"_2XIA2T","TextInline--accent-muted":"_3ttusQ","TextInline--accent-positive":"_2C_Wto","TextInline--accent-highlighted":"pT-pRU","TextInline--accent-brand":"_2eU8R6"};
|
|
5
|
+
var stylesheet="._2iIfiT {\n margin: 0;\n}\n._2XIA2T {\n color: var(--scheme--text-normal--color);\n}\n._3ttusQ {\n color: var(--scheme--text-muted--color);\n}\n._2C_Wto {\n color: var(--scheme--text-positive--color);\n}\n.pT-pRU {\n color: var(--scheme--text-highlighted--color);\n}\n._2eU8R6 {\n color: var(--scheme--text-brand--color);\n}\n";
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7In0=
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "";
|
|
4
|
+
var stylesheet="";
|
|
5
|
+
styleInject(css_248z);
|
|
6
|
+
|
|
7
|
+
export { css_248z as default, stylesheet };
|
|
8
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export { Avatar } from './Avatar/Avatar';
|
|
2
|
+
export { Button } from './Button/Button';
|
|
3
|
+
export { Heading } from './Heading/Heading';
|
|
4
|
+
export { Icon } from './Icon/Icon';
|
|
5
|
+
export { LayoutFlex } from './LayoutFlex/LayoutFlex';
|
|
6
|
+
export { LayoutGrid } from './LayoutGrid/LayoutGrid';
|
|
7
|
+
export { Link } from './Link/Link';
|
|
8
|
+
export { Panel } from './Panel/Panel';
|
|
9
|
+
export { PanelHeader } from './Panel/private/PanelHeader';
|
|
10
|
+
export { PanelBody } from './Panel/private/PanelBody';
|
|
11
|
+
export { PanelSection } from './Panel/private/PanelSection';
|
|
12
|
+
export { PanelFooter } from './Panel/private/PanelFooter';
|
|
13
|
+
export { Text } from './Text/Text';
|
|
14
|
+
export { TextInline } from './TextInline/TextInline';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export { Avatar } from './Avatar/Avatar.js';
|
|
2
|
+
export { Button } from './Button/Button.js';
|
|
3
|
+
export { Heading } from './Heading/Heading.js';
|
|
4
|
+
export { Icon } from './Icon/Icon.js';
|
|
5
|
+
export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
|
|
6
|
+
export { LayoutGrid } from './LayoutGrid/LayoutGrid.js';
|
|
7
|
+
export { Link } from './Link/Link.js';
|
|
8
|
+
export { Panel } from './Panel/Panel.js';
|
|
9
|
+
export { PanelHeader } from './Panel/private/PanelHeader.js';
|
|
10
|
+
export { PanelBody } from './Panel/private/PanelBody.js';
|
|
11
|
+
export { PanelSection } from './Panel/private/PanelSection.js';
|
|
12
|
+
export { PanelFooter } from './Panel/private/PanelFooter.js';
|
|
13
|
+
export { Text } from './Text/Text.js';
|
|
14
|
+
export { TextInline } from './TextInline/TextInline.js';
|
|
15
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7OyJ9
|