@preply/ds-web-lib 0.25.0 → 0.28.0
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/dist/components/Avatar/Avatar.js +3 -2
- package/dist/components/Button/Button.d.ts +3 -17
- package/dist/components/Button/Button.js +10 -55
- package/dist/components/IconButton/IconButton.d.ts +9 -0
- package/dist/components/IconButton/IconButton.js +17 -0
- package/dist/components/Link/Link.js +4 -3
- package/dist/components/Panel/Panel.js +1 -1
- package/dist/components/PreplyLogo/PreplyLogo.d.ts +8 -0
- package/dist/components/PreplyLogo/PreplyLogo.js +24 -0
- package/dist/components/PreplyLogo/style/index.module.less +7 -0
- package/dist/components/PreplyLogo/style/index.module.less.js +9 -0
- package/dist/components/PreplyLogo/style/mixins.less +54 -0
- package/dist/components/{Button → PreplyLogo}/style/mixins.less.js +0 -0
- package/dist/components/PreplyLogo/svg/logo.svg.js +34 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +3 -1
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +19 -0
- package/dist/components/private/ButtonBase/ButtonBase.js +65 -0
- package/dist/components/{Button → private/ButtonBase}/style/index.module.less +4 -3
- package/dist/components/private/ButtonBase/style/index.module.less.js +9 -0
- package/dist/components/{Button → private/ButtonBase}/style/mixins.less +12 -38
- package/dist/components/private/ButtonBase/style/mixins.less.js +8 -0
- package/dist/index.js +3 -1
- package/package.json +12 -12
- package/dist/components/Button/style/index.module.less.js +0 -9
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { AVATAR_SIZE_DEFAULT, AVATAR_SRC_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { moduleClassNames, stringClassNames, booleanClassNames } from '@preply/ds-web-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import styles from './style/index.module.less.js';
|
|
5
5
|
|
|
6
6
|
const AVATAR = 'Avatar';
|
|
7
7
|
const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round = true, src, alt = '', }) => {
|
|
8
|
+
useStyleExtract(styles);
|
|
8
9
|
const classNames = moduleClassNames(styles, AVATAR, [
|
|
9
10
|
stringClassNames('size', size),
|
|
10
11
|
booleanClassNames('round', undefined, round),
|
|
@@ -14,4 +15,4 @@ const Avatar = ({ size = AVATAR_SIZE_DEFAULT, round = true, src, alt = '', }) =>
|
|
|
14
15
|
};
|
|
15
16
|
|
|
16
17
|
export { Avatar };
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXZhdGFyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdmF0YXIvQXZhdGFyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEF2YXRhclNpemUsIFJlc3BvbnNpdmUgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQVZBVEFSX1NJWkVfREVGQVVMVCwgQVZBVEFSX1NSQ19ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbi8vIGltcG9ydCB7IGJvb2xlYW5Qcm9wLCBsb2NhbENsYXNzTmFtZXMsIG9wdGlvblByb3AsIHNhZmVDbGFzc05hbWUgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBzdHJpbmdDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHNpemU/OiBSZXNwb25zaXZlPEF2YXRhclNpemU+O1xuICAgIHJvdW5kPzogYm9vbGVhbjtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xufVxuXG5jb25zdCBBVkFUQVIgPSAnQXZhdGFyJztcblxuZXhwb3J0IGNvbnN0IEF2YXRhcjogRkM8UHJvcHM+ID0gKHtcbiAgICBzaXplID0gQVZBVEFSX1NJWkVfREVGQVVMVCxcbiAgICByb3VuZCA9IHRydWUsXG4gICAgc3JjLFxuICAgIGFsdCA9ICcnLFxufTogUHJvcHMpID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgQVZBVEFSLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ3JvdW5kJywgdW5kZWZpbmVkLCByb3VuZCksXG4gICAgXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8cGljdHVyZSBjbGFzc05hbWU9e2NsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgIDxpbWcgc3JjPXtzcmMgfHwgQVZBVEFSX1NSQ19ERUZBVUxUfSBhbHQ9e2FsdH0gLz5cbiAgICAgICAgPC9waWN0dXJlPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQW9CQSxNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUM7TUFFWCxNQUFNLEdBQWMsQ0FBQyxFQUM5QixJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLEtBQUssR0FBRyxJQUFJLEVBQ1osR0FBRyxFQUNILEdBQUcsR0FBRyxFQUFFLEdBQ0o7SUFDSixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRTtRQUNoRCxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO1FBQzlCLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0tBQy9DLENBQUMsQ0FBQztJQUVILFFBQ0lBLDBDQUFTLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUNwQ0Esc0NBQUssR0FBRyxFQUFFLEdBQUcsSUFBSSxrQkFBa0IsRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQzNDLEVBQ1o7QUFDTjs7OzsifQ==
|
|
@@ -1,18 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
export
|
|
4
|
-
variant?: ButtonVariant;
|
|
5
|
-
size?: ButtonSize;
|
|
6
|
-
fullWidth?: boolean;
|
|
7
|
-
wrap?: boolean;
|
|
8
|
-
url?: string;
|
|
9
|
-
opensInNewTab?: boolean;
|
|
10
|
-
submitsForm?: boolean;
|
|
11
|
-
a11yLabel?: string;
|
|
12
|
-
assistiveText?: string;
|
|
13
|
-
onClick?: (event: MouseEvent) => void;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
busy?: boolean;
|
|
16
|
-
dataset?: Dataset;
|
|
17
|
-
}
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ButtonBaseProps } from '../private/ButtonBase/ButtonBase';
|
|
3
|
+
export declare type Props = Omit<ButtonBaseProps, 'isIconButton'>;
|
|
18
4
|
export declare const Button: FC<Props>;
|
|
@@ -1,61 +1,16 @@
|
|
|
1
1
|
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useInstrument
|
|
3
|
-
import React__default
|
|
4
|
-
import {
|
|
5
|
-
import styles from './style/index.module.less.js';
|
|
2
|
+
import { useInstrument } from '@preply/ds-web-core';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { ButtonBase } from '../private/ButtonBase/ButtonBase.js';
|
|
6
5
|
|
|
7
6
|
const BUTTON = 'Button';
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
React__default.createElement(Spinner, null)))));
|
|
15
|
-
};
|
|
16
|
-
const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth, wrap, url, opensInNewTab, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, dataset, children, }) => {
|
|
17
|
-
useInstrument('render', { component: BUTTON, props: { variant, size, a11yLabel } });
|
|
18
|
-
useStyleExtract(styles);
|
|
19
|
-
const ref = useRef(null);
|
|
20
|
-
const handleClick = (event) => {
|
|
21
|
-
if (disabled || busy) {
|
|
22
|
-
event.preventDefault();
|
|
23
|
-
}
|
|
24
|
-
if (onClick) {
|
|
25
|
-
onClick(event);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
const handleKeyPress = (event) => {
|
|
29
|
-
var _a;
|
|
30
|
-
const key = mapEdgeKeyToStandard(event.key);
|
|
31
|
-
if (key === ' ' || key === 'Enter') {
|
|
32
|
-
event.preventDefault();
|
|
33
|
-
(_a = ref.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
const classNames = [
|
|
37
|
-
safeClassName(styles, BUTTON),
|
|
38
|
-
...localClasses(styles, BUTTON, [
|
|
39
|
-
['variant', variant],
|
|
40
|
-
['size', size],
|
|
41
|
-
{ if: !wrap, then: 'no-wrap' },
|
|
42
|
-
{ if: fullWidth, then: 'width-full' },
|
|
43
|
-
{ if: busy, then: 'is-busy' },
|
|
44
|
-
]),
|
|
45
|
-
];
|
|
46
|
-
const props = {
|
|
47
|
-
...getDatasetProps(dataset),
|
|
48
|
-
className: classNames.join(' '),
|
|
49
|
-
'aria-label': assistiveText || a11yLabel,
|
|
50
|
-
onClick: handleClick,
|
|
51
|
-
disabled,
|
|
52
|
-
'aria-disabled': disabled || busy ? true : undefined,
|
|
53
|
-
};
|
|
54
|
-
if (!url) {
|
|
55
|
-
return (React__default.createElement("button", Object.assign({}, props, { type: submitsForm ? 'submit' : 'button' }), renderContent({ children, busy })));
|
|
56
|
-
}
|
|
57
|
-
return (React__default.createElement("a", Object.assign({}, props, getExternalUrlProps(url, opensInNewTab), { ref: ref, role: "button", tabIndex: disabled ? -1 : 0, href: url, onKeyDown: handleKeyPress }), renderContent({ children, busy })));
|
|
7
|
+
const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, a11yLabel, ...props }) => {
|
|
8
|
+
useInstrument('render', {
|
|
9
|
+
component: BUTTON,
|
|
10
|
+
props: { variant, size, a11yLabel },
|
|
11
|
+
});
|
|
12
|
+
return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: false, variant: variant, size: size, a11yLabel: a11yLabel })));
|
|
58
13
|
};
|
|
59
14
|
|
|
60
15
|
export { Button };
|
|
61
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5jb25zdCBCVVRUT04gPSAnQnV0dG9uJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2lzSWNvbkJ1dHRvbic+O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGExMXlMYWJlbCxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBCVVRUT04sXG4gICAgICAgIHByb3BzOiB7IHZhcmlhbnQsIHNpemUsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvbj17ZmFsc2V9XG4gICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGExMXlMYWJlbD17YTExeUxhYmVsfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQU1BLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztNQUlYLE1BQU0sR0FBYyxDQUFDLEVBQzlCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixTQUFTLEVBQ1QsR0FBRyxLQUFLLEVBQ1g7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFO0tBQ3RDLENBQUMsQ0FBQztJQUVILFFBQ0lBLDZCQUFDLFVBQVUsb0JBQ0gsS0FBSyxJQUNULFlBQVksRUFBRSxLQUFLLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsU0FBUyxFQUFFLFNBQVMsSUFDdEIsRUFDSjtBQUNOOzs7OyJ9
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { FC, SVGAttributes } from 'react';
|
|
2
|
+
import { ButtonBaseProps } from '../private/ButtonBase/ButtonBase';
|
|
3
|
+
export declare type ReactSVGComponentType = React.ComponentType<SVGAttributes<SVGElement>>;
|
|
4
|
+
export declare type IconButtonProps = Omit<ButtonBaseProps, 'fullWidth' | 'wrap' | 'isIconButton'>;
|
|
5
|
+
export declare type Props = IconButtonProps & {
|
|
6
|
+
assistiveText: string;
|
|
7
|
+
svg: ReactSVGComponentType;
|
|
8
|
+
};
|
|
9
|
+
export declare const IconButton: FC<Props>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { useInstrument } from '@preply/ds-web-core';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { ButtonBase } from '../private/ButtonBase/ButtonBase.js';
|
|
5
|
+
|
|
6
|
+
const ICONBUTTON = 'IconButton';
|
|
7
|
+
const IconButton = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, a11yLabel, svg: Svg, ...props }) => {
|
|
8
|
+
useInstrument('render', {
|
|
9
|
+
component: ICONBUTTON,
|
|
10
|
+
props: { variant, size, a11yLabel },
|
|
11
|
+
});
|
|
12
|
+
return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: true, variant: variant, size: size, a11yLabel: a11yLabel }),
|
|
13
|
+
React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export { IconButton };
|
|
17
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkJ1dHRvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgU1ZHQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5leHBvcnQgdHlwZSBSZWFjdFNWR0NvbXBvbmVudFR5cGUgPSBSZWFjdC5Db21wb25lbnRUeXBlPFNWR0F0dHJpYnV0ZXM8U1ZHRWxlbWVudD4+O1xuXG5jb25zdCBJQ09OQlVUVE9OID0gJ0ljb25CdXR0b24nO1xuXG5leHBvcnQgdHlwZSBJY29uQnV0dG9uUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2Z1bGxXaWR0aCcgfCAnd3JhcCcgfCAnaXNJY29uQnV0dG9uJz47XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gSWNvbkJ1dHRvblByb3BzICYge1xuICAgIGFzc2lzdGl2ZVRleHQ6IHN0cmluZztcbiAgICBzdmc6IFJlYWN0U1ZHQ29tcG9uZW50VHlwZTtcbn07XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGExMXlMYWJlbCxcbiAgICBzdmc6IFN2ZyxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBJQ09OQlVUVE9OLFxuICAgICAgICBwcm9wczogeyB2YXJpYW50LCBzaXplLCBhMTF5TGFiZWwgfSxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxCdXR0b25CYXNlIHsuLi5wcm9wc30gaXNJY29uQnV0dG9uIHZhcmlhbnQ9e3ZhcmlhbnR9IHNpemU9e3NpemV9IGExMXlMYWJlbD17YTExeUxhYmVsfT5cbiAgICAgICAgICAgIDxTdmcgYXJpYS1oaWRkZW49XCJ0cnVlXCIgZm9jdXNhYmxlPVwiZmFsc2VcIiAvPlxuICAgICAgICA8L0J1dHRvbkJhc2U+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBUUEsTUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDO01BU25CLFVBQVUsR0FBYyxDQUFDLEVBQ2xDLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixTQUFTLEVBQ1QsR0FBRyxFQUFFLEdBQUcsRUFDUixHQUFHLEtBQUssRUFDWDtJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDcEIsU0FBUyxFQUFFLFVBQVU7UUFDckIsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUU7S0FDdEMsQ0FBQyxDQUFDO0lBRUgsUUFDSUEsNkJBQUMsVUFBVSxvQkFBSyxLQUFLLElBQUUsWUFBWSxRQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUztRQUNsRkEsNkJBQUMsR0FBRyxtQkFBYSxNQUFNLEVBQUMsU0FBUyxFQUFDLE9BQU8sR0FBRyxDQUNuQyxFQUNmO0FBQ047Ozs7In0=
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { useStyleExtract, safeClassName, getDatasetProps, getExternalUrlProps } from '@preply/ds-web-core';
|
|
1
|
+
import { useStyleExtract, useHostname, safeClassName, getDatasetProps, getExternalUrlProps } from '@preply/ds-web-core';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import styles from './style/index.module.less.js';
|
|
4
4
|
|
|
5
5
|
const LINK = 'Link';
|
|
6
6
|
const Link = ({ onClick, url, opensInNewTab, dataset, children }) => {
|
|
7
7
|
useStyleExtract(styles);
|
|
8
|
+
const hostname = useHostname();
|
|
8
9
|
const handleClick = (event) => {
|
|
9
10
|
if (onClick) {
|
|
10
11
|
onClick(event);
|
|
@@ -16,10 +17,10 @@ const Link = ({ onClick, url, opensInNewTab, dataset, children }) => {
|
|
|
16
17
|
onClick: handleClick,
|
|
17
18
|
className: classNames.join(' '),
|
|
18
19
|
...getDatasetProps(dataset),
|
|
19
|
-
...getExternalUrlProps(url, opensInNewTab),
|
|
20
|
+
...getExternalUrlProps(hostname, url, opensInNewTab),
|
|
20
21
|
};
|
|
21
22
|
return React__default.createElement("a", Object.assign({}, props), children);
|
|
22
23
|
};
|
|
23
24
|
|
|
24
25
|
export { Link };
|
|
25
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHtcbiAgICBnZXREYXRhc2V0UHJvcHMsXG4gICAgZ2V0RXh0ZXJuYWxVcmxQcm9wcyxcbiAgICBzYWZlQ2xhc3NOYW1lLFxuICAgIHVzZUhvc3RuYW1lLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbn0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9zdHlsZS9pbmRleC5tb2R1bGUubGVzcyc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIHVybDogc3RyaW5nO1xuICAgIG9wZW5zSW5OZXdUYWI/OiBib29sZWFuO1xuICAgIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG59XG5cbmNvbnN0IExJTksgPSAnTGluayc7XG5cbmV4cG9ydCBjb25zdCBMaW5rOiBGQzxQcm9wcz4gPSAoeyBvbkNsaWNrLCB1cmwsIG9wZW5zSW5OZXdUYWIsIGRhdGFzZXQsIGNoaWxkcmVuIH0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGhvc3RuYW1lID0gdXNlSG9zdG5hbWUoKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gW3NhZmVDbGFzc05hbWUoc3R5bGVzLCBMSU5LKV07XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgaHJlZjogdXJsLFxuICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQpLFxuICAgICAgICAuLi5nZXRFeHRlcm5hbFVybFByb3BzKGhvc3RuYW1lLCB1cmwsIG9wZW5zSW5OZXdUYWIpLFxuICAgIH07XG5cbiAgICByZXR1cm4gPGEgey4uLnByb3BzfT57Y2hpbGRyZW59PC9hPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7QUFtQkEsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDO01BRVAsSUFBSSxHQUFjLENBQUMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFO0lBQzlFLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUV4QixNQUFNLFFBQVEsR0FBRyxXQUFXLEVBQUUsQ0FBQztJQUUvQixNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQWlCO1FBQ2xDLElBQUksT0FBTyxFQUFFO1lBQ1QsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2xCO0tBQ0osQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFDO0lBRWpELE1BQU0sS0FBSyxHQUFHO1FBQ1YsSUFBSSxFQUFFLEdBQUc7UUFDVCxPQUFPLEVBQUUsV0FBVztRQUNwQixTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDL0IsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLEdBQUcsbUJBQW1CLENBQUMsUUFBUSxFQUFFLEdBQUcsRUFBRSxhQUFhLENBQUM7S0FDdkQsQ0FBQztJQUVGLE9BQU9BLG9EQUFPLEtBQUssR0FBRyxRQUFRLENBQUssQ0FBQztBQUN4Qzs7OzsifQ==
|
|
@@ -17,4 +17,4 @@ const PanelBase = ({ themeClassName, colorSchemeClassName, children, padding = P
|
|
|
17
17
|
const Panel = withColorScheme(withTheme(PanelBase));
|
|
18
18
|
|
|
19
19
|
export { Panel };
|
|
20
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFBhbmVsUGFkZGluZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIENvbG9yU2NoZW1lUHJvcHMsXG4gICAgVGhlbWVQcm9wcyxcbiAgICBXaXRoQ29sb3JTY2hlbWVQcm9wcyxcbiAgICBXaXRoVGhlbWVQcm9wcyxcbiAgICBnbG9iYWxDbGFzc2VzLFxuICAgIGxvY2FsQ2xhc3NlcyxcbiAgICBzYWZlQ2xhc3NOYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHdpdGhDb2xvclNjaGVtZSxcbiAgICB3aXRoVGhlbWUsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBQQU5FTF9QQURESU5HX0RFRkFVTFQgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIE93blByb3BzIHtcbiAgICBwYWRkaW5nPzogUGFuZWxQYWRkaW5nO1xufVxuXG5jb25zdCBQQU5FTCA9ICdQYW5lbCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gT3duUHJvcHMgJiBUaGVtZVByb3BzICYgQ29sb3JTY2hlbWVQcm9wcztcblxuY29uc3QgUGFuZWxCYXNlOiBGQzxPd25Qcm9wcyAmIFdpdGhUaGVtZVByb3BzICYgV2l0aENvbG9yU2NoZW1lUHJvcHM+
|
|
20
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWwuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFBhbmVsUGFkZGluZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIENvbG9yU2NoZW1lUHJvcHMsXG4gICAgVGhlbWVQcm9wcyxcbiAgICBXaXRoQ29sb3JTY2hlbWVQcm9wcyxcbiAgICBXaXRoVGhlbWVQcm9wcyxcbiAgICBnbG9iYWxDbGFzc2VzLFxuICAgIGxvY2FsQ2xhc3NlcyxcbiAgICBzYWZlQ2xhc3NOYW1lLFxuICAgIHVzZUluc3RydW1lbnQsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxuICAgIHdpdGhDb2xvclNjaGVtZSxcbiAgICB3aXRoVGhlbWUsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBQQU5FTF9QQURESU5HX0RFRkFVTFQgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIE93blByb3BzIHtcbiAgICBwYWRkaW5nPzogUGFuZWxQYWRkaW5nO1xufVxuXG5jb25zdCBQQU5FTCA9ICdQYW5lbCc7XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gT3duUHJvcHMgJiBUaGVtZVByb3BzICYgQ29sb3JTY2hlbWVQcm9wcztcblxuY29uc3QgUGFuZWxCYXNlOiBGQzxPd25Qcm9wcyAmIFdpdGhUaGVtZVByb3BzICYgV2l0aENvbG9yU2NoZW1lUHJvcHM+ID0gKHtcbiAgICB0aGVtZUNsYXNzTmFtZSxcbiAgICBjb2xvclNjaGVtZUNsYXNzTmFtZSxcbiAgICBjaGlsZHJlbixcbiAgICBwYWRkaW5nID0gUEFORUxfUEFERElOR19ERUZBVUxULFxufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHsgY29tcG9uZW50OiBQQU5FTCB9KTtcblxuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IFtcbiAgICAgICAgc2FmZUNsYXNzTmFtZShzdHlsZXMsIFBBTkVMKSxcbiAgICAgICAgLi4uZ2xvYmFsQ2xhc3NlcyhbdGhlbWVDbGFzc05hbWUsIGNvbG9yU2NoZW1lQ2xhc3NOYW1lXSksXG4gICAgICAgIC4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIFBBTkVMLCBbWydwYWRkaW5nJywgcGFkZGluZ11dKSxcbiAgICBdO1xuXG4gICAgcmV0dXJuIDxzZWN0aW9uIGNsYXNzTmFtZT17Y2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L3NlY3Rpb24+O1xufTtcblxuZXhwb3J0IGNvbnN0IFBhbmVsOiBGQzxQcm9wcz4gPSB3aXRoQ29sb3JTY2hlbWUod2l0aFRoZW1lKFBhbmVsQmFzZSkpO1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQXVCQSxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7QUFJdEIsTUFBTSxTQUFTLEdBQXlELENBQUMsRUFDckUsY0FBYyxFQUNkLG9CQUFvQixFQUNwQixRQUFRLEVBQ1IsT0FBTyxHQUFHLHFCQUFxQixHQUNsQztJQUNHLGFBQWEsQ0FBQyxRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUU5QyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUc7UUFDZixhQUFhLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztRQUM1QixHQUFHLGFBQWEsQ0FBQyxDQUFDLGNBQWMsRUFBRSxvQkFBb0IsQ0FBQyxDQUFDO1FBQ3hELEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO0tBQ3pELENBQUM7SUFFRixPQUFPQSwwQ0FBUyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQVcsQ0FBQztBQUMxRSxDQUFDLENBQUM7TUFFVyxLQUFLLEdBQWMsZUFBZSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUM7Ozs7In0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { PREPLY_LOGO_VARIANT_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames } from '@preply/ds-web-core';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import styles from './style/index.module.less.js';
|
|
5
|
+
import SvgLogo from './svg/logo.svg.js';
|
|
6
|
+
|
|
7
|
+
const PREPLY_LOGO = 'PreplyLogo';
|
|
8
|
+
const MODES = {
|
|
9
|
+
COMPLETE: { width: 130, viewBox: '0 0 130 40' },
|
|
10
|
+
ICON_ONLY: { width: 21, viewBox: '0 0 21 40' },
|
|
11
|
+
};
|
|
12
|
+
const PreplyLogo = ({ variant = PREPLY_LOGO_VARIANT_DEFAULT, iconOnly = false, inverted = false, }) => {
|
|
13
|
+
useStyleExtract(styles);
|
|
14
|
+
const classNames = moduleClassNames(styles, PREPLY_LOGO, [
|
|
15
|
+
stringClassNames('variant', variant),
|
|
16
|
+
booleanClassNames('inverted', undefined, inverted),
|
|
17
|
+
]);
|
|
18
|
+
const { width, viewBox } = iconOnly ? MODES.ICON_ONLY : MODES.COMPLETE;
|
|
19
|
+
return (React__default.createElement("span", { className: classNames.join(' ') },
|
|
20
|
+
React__default.createElement(SvgLogo, { role: "img", focusable: "false", "aria-label": "Preply", viewBox: viewBox, width: width })));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { PreplyLogo };
|
|
24
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJlcGx5TG9nby5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUHJlcGx5TG9nby9QcmVwbHlMb2dvLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByZXBseUxvZ29WYXJpYW50IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFBSRVBMWV9MT0dPX1ZBUklBTlRfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuaW1wb3J0IExvZ29TdmcgZnJvbSAnLi9zdmcvbG9nby5zdmcnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICB2YXJpYW50PzogUHJlcGx5TG9nb1ZhcmlhbnQ7XG4gICAgaWNvbk9ubHk/OiBib29sZWFuO1xuICAgIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgUFJFUExZX0xPR08gPSAnUHJlcGx5TG9nbyc7XG5cbmNvbnN0IE1PREVTID0ge1xuICAgIENPTVBMRVRFOiB7IHdpZHRoOiAxMzAsIHZpZXdCb3g6ICcwIDAgMTMwIDQwJyB9LFxuICAgIElDT05fT05MWTogeyB3aWR0aDogMjEsIHZpZXdCb3g6ICcwIDAgMjEgNDAnIH0sXG59O1xuXG5leHBvcnQgY29uc3QgUHJlcGx5TG9nbzogRkM8UHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gUFJFUExZX0xPR09fVkFSSUFOVF9ERUZBVUxULFxuICAgIGljb25Pbmx5ID0gZmFsc2UsXG4gICAgaW52ZXJ0ZWQgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFBSRVBMWV9MT0dPLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCB2YXJpYW50KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2ludmVydGVkJywgdW5kZWZpbmVkLCBpbnZlcnRlZCksXG4gICAgXSk7XG5cbiAgICBjb25zdCB7IHdpZHRoLCB2aWV3Qm94IH0gPSBpY29uT25seSA/IE1PREVTLklDT05fT05MWSA6IE1PREVTLkNPTVBMRVRFO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8TG9nb1N2Z1xuICAgICAgICAgICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICAgICAgICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiUHJlcGx5XCJcbiAgICAgICAgICAgICAgICB2aWV3Qm94PXt2aWV3Qm94fVxuICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsIkxvZ29TdmciXSwibWFwcGluZ3MiOiI7Ozs7OztBQW1CQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxLQUFLLEdBQUc7SUFDVixRQUFRLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUU7SUFDL0MsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFO0NBQ2pELENBQUM7TUFFVyxVQUFVLEdBQWMsQ0FBQyxFQUNsQyxPQUFPLEdBQUcsMkJBQTJCLEVBQ3JDLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLEdBQ1o7SUFDSixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNyRCxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO1FBQ3BDLGlCQUFpQixDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO0tBQ3JELENBQUMsQ0FBQztJQUVILE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQUcsUUFBUSxHQUFHLEtBQUssQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQztJQUV2RSxRQUNJQSx1Q0FBTSxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDakNBLDZCQUFDQyxPQUFPLElBQ0osSUFBSSxFQUFDLEtBQUssRUFDVixTQUFTLEVBQUMsT0FBTyxnQkFDTixRQUFRLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLEtBQUssRUFBRSxLQUFLLEdBQ2QsQ0FDQyxFQUNUO0FBQ047Ozs7In0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._3Ubdzh{display:inline-block}._3Ubdzh svg{display:block}._2RBCvP [data-name=preply] path{fill:var(--14567)}._6mjWbg [data-name=top]{fill:var(--f72cd)}._6mjWbg [data-name=bottom]{fill:var(--b706b)}._1wZt-U [data-name=logomark] path{fill:var(--c9575)}._1wZt-U._2RBCvP [data-name=logomark] path{fill:var(--14567)}._2PuzId [data-name=top]{fill:#0057b7}._2PuzId [data-name=bottom]{fill:gold}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/PreplyLogo/style/index.module.less",__css:css_248z,"PreplyLogo":"_3Ubdzh","PreplyLogo--inverted":"_2RBCvP","PreplyLogo--variant-default":"_6mjWbg","PreplyLogo--variant-monochrome":"_1wZt-U","PreplyLogo--variant-ua":"_2PuzId"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/generated/options.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
|
|
4
|
+
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
5
|
+
|
|
6
|
+
@namespace: 'preply-logo';
|
|
7
|
+
|
|
8
|
+
.preply-logo-base() {
|
|
9
|
+
display: inline-block;
|
|
10
|
+
|
|
11
|
+
svg {
|
|
12
|
+
display: block;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.preply-logo-inverted() {
|
|
17
|
+
&--inverted {
|
|
18
|
+
[data-name='preply'] path {
|
|
19
|
+
fill: @root-palette-white;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.preply-logo-variants() {
|
|
25
|
+
&--variant-default {
|
|
26
|
+
[data-name='top'] {
|
|
27
|
+
fill: @root-palette-magenta-300;
|
|
28
|
+
}
|
|
29
|
+
[data-name='bottom'] {
|
|
30
|
+
fill: @root-palette-teal-200;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&--variant-monochrome {
|
|
35
|
+
[data-name='logomark'] path {
|
|
36
|
+
fill: @root-palette-gray-500;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&--variant-monochrome&--inverted {
|
|
41
|
+
[data-name='logomark'] path {
|
|
42
|
+
fill: @root-palette-white;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
&--variant-ua {
|
|
47
|
+
[data-name='top'] {
|
|
48
|
+
fill: #0057b7;
|
|
49
|
+
}
|
|
50
|
+
[data-name='bottom'] {
|
|
51
|
+
fill: #ffd700;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
var _g, _g2;
|
|
4
|
+
|
|
5
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
|
+
|
|
7
|
+
function SvgLogo(props) {
|
|
8
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
9
|
+
width: 130,
|
|
10
|
+
height: 40,
|
|
11
|
+
fill: "none",
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
13
|
+
}, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
14
|
+
"data-name": "logomark"
|
|
15
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
16
|
+
"data-name": "top",
|
|
17
|
+
d: "M18.556 8.632c.9.465 1.528 1.538 1.214 2.552-.182.591-.815 1.094-1.362 1.382l-4.83 2.489-11.824 6.24C1.09 21.682 0 21.504 0 20.51c0-.348.234-.619.502-.83l4.175-3.447c-.97-.522-1.959-1.218-2.417-1.465C1.08 14.13 1 13.11 1 12.72V2.106c0-.37-.018-.669.094-1.033A1.508 1.508 0 013 .073c.14.045.253.116.387.191l15.17 8.368z",
|
|
18
|
+
fill: "#CD4A86"
|
|
19
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
20
|
+
"data-name": "bottom",
|
|
21
|
+
d: "M18.74 14.883c1.248-.66 2.257-.053 2.257 1.356L21 27c0 1.409-1.01 3.086-2.256 3.745L2.256 39.612C1.01 40.272 0 39.666 0 38.257V27.495c0-1.409 1.01-3.085 2.256-3.745l16.485-8.867z",
|
|
22
|
+
fill: "#27E0F6"
|
|
23
|
+
}))), _g2 || (_g2 = /*#__PURE__*/React.createElement("g", {
|
|
24
|
+
"data-name": "preply",
|
|
25
|
+
fillRule: "evenodd",
|
|
26
|
+
clipRule: "evenodd",
|
|
27
|
+
fill: "#192435"
|
|
28
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
29
|
+
d: "M109 27h-5V5.377C104 4.167 105.113 3 106.359 3H109v24zM53 27l-.017-9.013c0-2.767.727-5.678 2.978-7.482 2.028-1.604 5.02-2.012 7.539-2.012v4.92c-1.434 0-3.604-.133-4.7.972-.649.649-.8 1.665-.8 3.047V27h-5zM113.631 29.627v3.957l1.712-.003c1.447 0 3.137.002 4.388-.833.827-.644 1.521-1.729 2.076-3.255L129 8h-3.5c-1.199 0-1.889 1.053-2.167 2.163l-3.255 11.362L116 8h-5l6.442 18.857c.322.966.218 1.67-.312 2.11-.972.808-2.319.66-3.499.66zM37.5 31.5v-7.07c1.09 1.916 3.368 2.77 5.473 2.77 2.17 0 3.95-.877 5.337-2.63 1.505-1.959 2.057-4.456 2.075-6.886.027-2.663-.48-5.625-2.482-7.548-1.651-1.604-3.976-2.127-6.209-2.127-2.426 0-5.136.719-6.825 2.548-1.244 1.27-1.866 3.217-1.866 5.836V34h2.354c1.284 0 2.143-1.215 2.143-2.5zm8.114-13.789c0 1.66-.342 2.978-1.04 3.95-.694.97-1.64 1.456-2.84 1.456-1.293 0-2.284-.485-2.978-1.457-.693-.877-1.04-2.195-1.04-3.949 0-2.538.801-5.614 3.88-5.614 3.074 0 4.018 3.022 4.018 5.614zM88.497 31.5v-7.07c1.09 1.916 3.368 2.77 5.473 2.77 2.17 0 3.949-.877 5.337-2.63 1.504-1.959 2.056-4.456 2.075-6.886.026-2.663-.48-5.625-2.483-7.548-1.65-1.604-3.975-2.127-6.208-2.127-2.427 0-5.137.719-6.826 2.548C84.623 11.827 84 13.774 84 16.393V34h2.354c1.284 0 2.143-1.215 2.143-2.5zm8.114-13.789c0 1.66-.342 2.978-1.04 3.95-.694.97-1.64 1.456-2.84 1.456-1.293 0-2.284-.485-2.978-1.457-.694-.877-1.04-2.195-1.04-3.949 0-2.538.8-5.614 3.88-5.614 3.073 0 4.018 3.022 4.018 5.614zM81.694 21.156H78.23c-.555 0-.98.114-1.283.352-.463.357-.777.876-1.285 1.18-.6.357-1.315.485-2.005.485-1.2 0-2.101-.372-2.7-1.11-.65-.694-.997-1.631-1.041-3.063h12.05c0-2.997-.404-6.12-2.466-8.508C77.979 8.832 76.08 8 73.31 8c-2.631 0-4.688.852-6.164 2.562C65.714 12.222 65 14.536 65 17.489c0 3.092.738 5.346 2.215 7.011 1.477 1.71 3.533 2.5 6.164 2.5 2.17 0 3.974-.44 5.406-1.5 1.432-1.016 2.398-2.402 2.909-4.344zm-4.712-5.406h-7.067c.045-1.2.392-2.12 1.041-2.77.644-.65 1.477-.971 2.492-.971 1.106 0 1.963.327 2.562.97.555.6.877 1.522.972 2.77z"
|
|
30
|
+
}))));
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export { SvgLogo as default };
|
|
34
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby5zdmcuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
|
|
@@ -2,6 +2,7 @@ export { Avatar } from './Avatar/Avatar';
|
|
|
2
2
|
export { Button } from './Button/Button';
|
|
3
3
|
export { Heading } from './Heading/Heading';
|
|
4
4
|
export { Icon } from './Icon/Icon';
|
|
5
|
+
export { IconButton } from './IconButton/IconButton';
|
|
5
6
|
export { LayoutFlex } from './LayoutFlex/LayoutFlex';
|
|
6
7
|
export { LayoutGrid } from './LayoutGrid/LayoutGrid';
|
|
7
8
|
export { Link } from './Link/Link';
|
|
@@ -10,6 +11,7 @@ export { PanelHeader } from './Panel/private/PanelHeader';
|
|
|
10
11
|
export { PanelBody } from './Panel/private/PanelBody';
|
|
11
12
|
export { PanelSection } from './Panel/private/PanelSection';
|
|
12
13
|
export { PanelFooter } from './Panel/private/PanelFooter';
|
|
14
|
+
export { PreplyLogo } from './PreplyLogo/PreplyLogo';
|
|
13
15
|
export { Text } from './Text/Text';
|
|
14
16
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted';
|
|
15
17
|
export { TextInline } from './TextInline/TextInline';
|
package/dist/components/index.js
CHANGED
|
@@ -2,6 +2,7 @@ export { Avatar } from './Avatar/Avatar.js';
|
|
|
2
2
|
export { Button } from './Button/Button.js';
|
|
3
3
|
export { Heading } from './Heading/Heading.js';
|
|
4
4
|
export { Icon } from './Icon/Icon.js';
|
|
5
|
+
export { IconButton } from './IconButton/IconButton.js';
|
|
5
6
|
export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
|
|
6
7
|
export { LayoutGrid } from './LayoutGrid/LayoutGrid.js';
|
|
7
8
|
export { Link } from './Link/Link.js';
|
|
@@ -10,7 +11,8 @@ export { PanelHeader } from './Panel/private/PanelHeader.js';
|
|
|
10
11
|
export { PanelBody } from './Panel/private/PanelBody.js';
|
|
11
12
|
export { PanelSection } from './Panel/private/PanelSection.js';
|
|
12
13
|
export { PanelFooter } from './Panel/private/PanelFooter.js';
|
|
14
|
+
export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
|
|
13
15
|
export { Text } from './Text/Text.js';
|
|
14
16
|
export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
|
|
15
17
|
export { TextInline } from './TextInline/TextInline.js';
|
|
16
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OyJ9
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { ButtonSize, ButtonVariant, Dataset } from '@preply/ds-core';
|
|
2
|
+
import { FC, MouseEvent } from 'react';
|
|
3
|
+
export interface ButtonBaseProps {
|
|
4
|
+
variant?: ButtonVariant;
|
|
5
|
+
size?: ButtonSize;
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
wrap?: boolean;
|
|
8
|
+
url?: string;
|
|
9
|
+
opensInNewTab?: boolean;
|
|
10
|
+
submitsForm?: boolean;
|
|
11
|
+
a11yLabel?: string;
|
|
12
|
+
assistiveText?: string;
|
|
13
|
+
onClick?: (event: MouseEvent) => void;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
busy?: boolean;
|
|
16
|
+
dataset?: Dataset;
|
|
17
|
+
isIconButton: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const ButtonBase: FC<ButtonBaseProps>;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { useStyleExtract, useHostname, safeClassName, localClasses, getDatasetProps, getExternalUrlProps, mapEdgeKeyToStandard } from '@preply/ds-web-core';
|
|
3
|
+
import React__default, { useRef } from 'react';
|
|
4
|
+
import { Spinner } from '../../Spinner/Spinner.js';
|
|
5
|
+
import styles from './style/index.module.less.js';
|
|
6
|
+
|
|
7
|
+
const BUTTON_BASE = 'ButtonBase';
|
|
8
|
+
const renderContent = ({ children, busy }) => {
|
|
9
|
+
const contentClassNames = [...localClasses(styles, BUTTON_BASE, ['content'])];
|
|
10
|
+
const busyClassNames = [...localClasses(styles, BUTTON_BASE, ['busy'])];
|
|
11
|
+
return (React__default.createElement(React__default.Fragment, null,
|
|
12
|
+
React__default.createElement("span", { className: contentClassNames.join(' ') }, children),
|
|
13
|
+
busy && (React__default.createElement("span", { className: busyClassNames.join(' ') },
|
|
14
|
+
React__default.createElement(Spinner, null)))));
|
|
15
|
+
};
|
|
16
|
+
const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth, wrap, url, opensInNewTab, submitsForm, a11yLabel, assistiveText, onClick, disabled, busy, dataset, isIconButton, children, }) => {
|
|
17
|
+
useStyleExtract(styles);
|
|
18
|
+
const hostname = useHostname();
|
|
19
|
+
const ref = useRef(null);
|
|
20
|
+
const handleClick = (event) => {
|
|
21
|
+
if (disabled || busy) {
|
|
22
|
+
event.preventDefault();
|
|
23
|
+
}
|
|
24
|
+
if (onClick) {
|
|
25
|
+
onClick(event);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const handleKeyPress = (event) => {
|
|
29
|
+
var _a;
|
|
30
|
+
const key = mapEdgeKeyToStandard(event.key);
|
|
31
|
+
if (key === ' ' || key === 'Enter') {
|
|
32
|
+
event.preventDefault();
|
|
33
|
+
(_a = ref.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const classNames = [
|
|
37
|
+
safeClassName(styles, BUTTON_BASE),
|
|
38
|
+
...localClasses(styles, BUTTON_BASE, [
|
|
39
|
+
['variant', variant],
|
|
40
|
+
['size', size],
|
|
41
|
+
{ if: !wrap, then: 'no-wrap' },
|
|
42
|
+
{ if: fullWidth, then: 'width-full' },
|
|
43
|
+
{ if: busy, then: 'is-busy' },
|
|
44
|
+
{ if: isIconButton, then: 'is-icon-button' },
|
|
45
|
+
]),
|
|
46
|
+
];
|
|
47
|
+
const title = isIconButton ? assistiveText || a11yLabel : undefined;
|
|
48
|
+
const ariaLabel = !isIconButton ? assistiveText || a11yLabel : undefined;
|
|
49
|
+
const props = {
|
|
50
|
+
...getDatasetProps(dataset),
|
|
51
|
+
className: classNames.join(' '),
|
|
52
|
+
title,
|
|
53
|
+
'aria-label': ariaLabel,
|
|
54
|
+
onClick: handleClick,
|
|
55
|
+
disabled,
|
|
56
|
+
'aria-disabled': disabled || busy ? true : undefined,
|
|
57
|
+
};
|
|
58
|
+
if (url) {
|
|
59
|
+
return (React__default.createElement("a", Object.assign({}, props, getExternalUrlProps(hostname, url, opensInNewTab), { ref: ref, role: "button", tabIndex: disabled ? -1 : 0, href: url, onKeyDown: handleKeyPress }), renderContent({ children, busy, isIconButton })));
|
|
60
|
+
}
|
|
61
|
+
return (React__default.createElement("button", Object.assign({}, props, { type: submitsForm ? 'submit' : 'button' }), renderContent({ children, busy, isIconButton })));
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
export { ButtonBase };
|
|
65
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbG9jYWxDbGFzc2VzLFxuICAgIG1hcEVkZ2VLZXlUb1N0YW5kYXJkLFxuICAgIHNhZmVDbGFzc05hbWUsXG4gICAgdXNlSG9zdG5hbWUsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgS2V5Ym9hcmRFdmVudCwgTW91c2VFdmVudCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi4vLi4vU3Bpbm5lci9TcGlubmVyJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25CYXNlUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50O1xuICAgIHNpemU/OiBCdXR0b25TaXplO1xuICAgIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gICAgd3JhcD86IGJvb2xlYW47XG4gICAgdXJsPzogc3RyaW5nO1xuICAgIG9wZW5zSW5OZXdUYWI/OiBib29sZWFuO1xuICAgIHN1Ym1pdHNGb3JtPzogYm9vbGVhbjtcbiAgICBhMTF5TGFiZWw/OiBzdHJpbmc7XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBvbkNsaWNrPzogKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBidXN5PzogYm9vbGVhbjtcbiAgICBkYXRhc2V0PzogRGF0YXNldDtcbiAgICBpc0ljb25CdXR0b246IGJvb2xlYW47XG59XG5cbmNvbnN0IEJVVFRPTl9CQVNFID0gJ0J1dHRvbkJhc2UnO1xuXG5jb25zdCByZW5kZXJDb250ZW50OiBGQzxCdXR0b25CYXNlUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGJ1c3kgfSkgPT4ge1xuICAgIGNvbnN0IGNvbnRlbnRDbGFzc05hbWVzID0gWy4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2NvbnRlbnQnXSldO1xuICAgIGNvbnN0IGJ1c3lDbGFzc05hbWVzID0gWy4uLmxvY2FsQ2xhc3NlcyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJ2J1c3knXSldO1xuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgICAgIHtidXN5ICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2J1c3lDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxTcGlubmVyIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCdXR0b25CYXNlOiBGQzxCdXR0b25CYXNlUHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBmdWxsV2lkdGgsXG4gICAgd3JhcCxcbiAgICB1cmwsXG4gICAgb3BlbnNJbk5ld1RhYixcbiAgICBzdWJtaXRzRm9ybSxcbiAgICBhMTF5TGFiZWwsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRpc2FibGVkLFxuICAgIGJ1c3ksXG4gICAgZGF0YXNldCxcbiAgICBpc0ljb25CdXR0b24sXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCBrZXkgPSBtYXBFZGdlS2V5VG9TdGFuZGFyZChldmVudC5rZXkpO1xuICAgICAgICBpZiAoa2V5ID09PSAnICcgfHwga2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmVmLmN1cnJlbnQ/LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IFtcbiAgICAgICAgc2FmZUNsYXNzTmFtZShzdHlsZXMsIEJVVFRPTl9CQVNFKSxcbiAgICAgICAgLi4ubG9jYWxDbGFzc2VzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFtcbiAgICAgICAgICAgIFsndmFyaWFudCcsIHZhcmlhbnRdLFxuICAgICAgICAgICAgWydzaXplJywgc2l6ZV0sXG4gICAgICAgICAgICB7IGlmOiAhd3JhcCwgdGhlbjogJ25vLXdyYXAnIH0sXG4gICAgICAgICAgICB7IGlmOiBmdWxsV2lkdGgsIHRoZW46ICd3aWR0aC1mdWxsJyB9LFxuICAgICAgICAgICAgeyBpZjogYnVzeSwgdGhlbjogJ2lzLWJ1c3knIH0sXG4gICAgICAgICAgICB7IGlmOiBpc0ljb25CdXR0b24sIHRoZW46ICdpcy1pY29uLWJ1dHRvbicgfSxcbiAgICAgICAgXSksXG4gICAgXTtcblxuICAgIGNvbnN0IHRpdGxlID0gaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgYXJpYUxhYmVsID0gIWlzSWNvbkJ1dHRvbiA/IGFzc2lzdGl2ZVRleHQgfHwgYTExeUxhYmVsIDogdW5kZWZpbmVkO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgdGl0bGUsXG4gICAgICAgICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayxcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICdhcmlhLWRpc2FibGVkJzogZGlzYWJsZWQgfHwgYnVzeSA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgfTtcblxuICAgIGlmICh1cmwpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICAgIHsuLi5nZXRFeHRlcm5hbFVybFByb3BzKGhvc3RuYW1lLCB1cmwsIG9wZW5zSW5OZXdUYWIpfVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIHRhYkluZGV4PXtkaXNhYmxlZCA/IC0xIDogMH1cbiAgICAgICAgICAgICAgICBocmVmPXt1cmx9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlQcmVzc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5LCBpc0ljb25CdXR0b24gfSl9XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGJ1dHRvbiB7Li4ucHJvcHN9IHR5cGU9e3N1Ym1pdHNGb3JtID8gJ3N1Ym1pdCcgOiAnYnV0dG9uJ30+XG4gICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5LCBpc0ljb25CdXR0b24gfSl9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFrQ0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0sYUFBYSxHQUF3QixDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtJQUMxRCxNQUFNLGlCQUFpQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM5RSxNQUFNLGNBQWMsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEUsUUFDSUE7UUFDSUEsdUNBQU0sU0FBUyxFQUFFLGlCQUFpQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQVE7UUFDOUQsSUFBSSxLQUNEQSx1Q0FBTSxTQUFTLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7WUFDckNBLDZCQUFDLE9BQU8sT0FBRyxDQUNSLENBQ1YsQ0FDRixFQUNMO0FBQ04sQ0FBQyxDQUFDO01BRVcsVUFBVSxHQUF3QixDQUFDLEVBQzVDLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixTQUFTLEVBQ1QsSUFBSSxFQUNKLEdBQUcsRUFDSCxhQUFhLEVBQ2IsV0FBVyxFQUNYLFNBQVMsRUFDVCxhQUFhLEVBQ2IsT0FBTyxFQUNQLFFBQVEsRUFDUixJQUFJLEVBQ0osT0FBTyxFQUNQLFlBQVksRUFDWixRQUFRLEdBQ1g7SUFDRyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxRQUFRLEdBQUcsV0FBVyxFQUFFLENBQUM7SUFDL0IsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFvQixJQUFJLENBQUMsQ0FBQztJQUU1QyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQWlCO1FBQ2xDLElBQUksUUFBUSxJQUFJLElBQUksRUFBRTtZQUNsQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDMUI7UUFDRCxJQUFJLE9BQU8sRUFBRTtZQUNULE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNsQjtLQUNKLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQW9COztRQUN4QyxNQUFNLEdBQUcsR0FBRyxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDNUMsSUFBSSxHQUFHLEtBQUssR0FBRyxJQUFJLEdBQUcsS0FBSyxPQUFPLEVBQUU7WUFDaEMsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3ZCLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsS0FBSyxHQUFHO1NBQ3hCO0tBQ0osQ0FBQztJQUVGLE1BQU0sVUFBVSxHQUFHO1FBQ2YsYUFBYSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7UUFDbEMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtZQUNqQyxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUM7WUFDcEIsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDO1lBQ2QsRUFBRSxFQUFFLEVBQUUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRTtZQUM5QixFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRTtZQUNyQyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRTtZQUM3QixFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFO1NBQy9DLENBQUM7S0FDTCxDQUFDO0lBRUYsTUFBTSxLQUFLLEdBQUcsWUFBWSxHQUFHLGFBQWEsSUFBSSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQ3BFLE1BQU0sU0FBUyxHQUFHLENBQUMsWUFBWSxHQUFHLGFBQWEsSUFBSSxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBRXpFLE1BQU0sS0FBSyxHQUFHO1FBQ1YsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDO1FBQzNCLFNBQVMsRUFBRSxVQUFVLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQztRQUMvQixLQUFLO1FBQ0wsWUFBWSxFQUFFLFNBQVM7UUFDdkIsT0FBTyxFQUFFLFdBQVc7UUFDcEIsUUFBUTtRQUNSLGVBQWUsRUFBRSxRQUFRLElBQUksSUFBSSxHQUFHLElBQUksR0FBRyxTQUFTO0tBQ3ZELENBQUM7SUFFRixJQUFJLEdBQUcsRUFBRTtRQUNMLFFBQ0lBLG9EQUNRLEtBQUssRUFDTCxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUNyRCxHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxRQUFRLEVBQ2IsUUFBUSxFQUFFLFFBQVEsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLEVBQzNCLElBQUksRUFBRSxHQUFHLEVBQ1QsU0FBUyxFQUFFLGNBQWMsS0FFeEIsYUFBYSxDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUNoRCxFQUNOO0tBQ0w7SUFFRCxRQUNJQSx5REFBWSxLQUFLLElBQUUsSUFBSSxFQUFFLFdBQVcsR0FBRyxRQUFRLEdBQUcsUUFBUSxLQUNyRCxhQUFhLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxDQUFDLENBQzNDLEVBQ1g7QUFDTjs7OzsifQ==
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
@import '@preply/ds-web-core/dist/typography/style/mixins.less';
|
|
2
|
+
@import '@preply/ds-web-core/dist/actions/style/action.mixins.less';
|
|
2
3
|
@import './mixins.less';
|
|
3
4
|
|
|
4
|
-
.
|
|
5
|
+
.ButtonBase {
|
|
5
6
|
.type-base();
|
|
6
7
|
.button-base();
|
|
7
|
-
.
|
|
8
|
-
.
|
|
8
|
+
.action-sizes();
|
|
9
|
+
.action-variants();
|
|
9
10
|
|
|
10
11
|
&--width-full {
|
|
11
12
|
width: 100%;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = "._31l8bu{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:transparent;border:1px solid transparent;border-radius:var(--8d513);color:var(--aface);cursor:pointer;font-family:var(--0e309);font-size:var(--8d63e);font-weight:var(--6e979);line-height:var(--d4313);position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1Mv9ye,._31l8bu{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}._1Mv9ye{grid-gap:var(--0aee7);gap:var(--0aee7);vertical-align:baseline}._3B1mWU ._1Mv9ye svg{height:var(--f02c4);width:var(--f02c4)}._3B1mWU ._1Mv9ye svg path{fill:currentColor}.dDiXSd{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}._31l8bu[disabled]{background-color:var(--04dae);border-color:var(--e0528);color:var(--a8b89);cursor:default;pointer-events:none}._31l8bu._1FbZSm{outline-color:var(--603ec);outline-offset:var(--c0b12);outline-style:solid;outline-width:var(--99d31)}._31l8bu:focus-visible{outline-color:var(--603ec);outline-offset:var(--c0b12);outline-style:solid;outline-width:var(--99d31)}._1S4uD4{cursor:default;pointer-events:none}._1S4uD4 ._1Mv9ye{visibility:hidden}._2UUzTb{font-size:var(--357dd);min-height:var(--50cc6);padding:var(--fec17) var(--29b03)}._3B1mWU._2UUzTb{height:var(--50cc6);padding:0;width:var(--50cc6)}.f5AXpU{font-size:var(--b47a6);min-height:var(--2f2e0);padding:var(--9a573) var(--65766)}._3B1mWU.f5AXpU{height:var(--2f2e0);padding:0;width:var(--2f2e0)}._1jI8S4{font-size:var(--89a35);min-height:var(--bcfcb);padding:var(--3b902) var(--0f2d7)}._3B1mWU._1jI8S4{height:var(--bcfcb);padding:0;width:var(--bcfcb)}._3MD2lP{font-size:var(--a899b);min-height:var(--26156);padding:var(--303c6) var(--b1c76)}._3B1mWU._3MD2lP{height:var(--26156);padding:0;width:var(--26156)}._33xIkb{font-size:var(--f7be0);min-height:var(--d6bfc);padding:var(--da188) var(--88eef)}._3B1mWU._33xIkb{height:var(--d6bfc);padding:0;width:var(--d6bfc)}._hzLAU{background-color:var(--508b3);border-color:var(--44bfe);color:var(--d2baa)}._hzLAU:hover{background-color:var(--902b5);color:var(--df615)}._hzLAU:active{background-color:var(--c1c1c);color:var(--15cee)}.wj4gqc{background-color:var(--e5616);border-color:var(--ab736);color:var(--1614c)}.wj4gqc:hover{background-color:var(--0d124);color:var(--0d6ae)}.wj4gqc:active{background-color:var(--33b43);color:var(--22cb4)}._3xhNOP{background-color:var(--28f3c);border-color:var(--10556);color:var(--93754)}._3xhNOP:hover{background-color:var(--ec17b);color:var(--175a7)}._3xhNOP:active{background-color:var(--b0bf5);color:var(--8274e)}._3A21nR{background-color:var(--e4644);border-color:var(--0e9e0);color:var(--9cf6e)}._3A21nR:hover{background-color:var(--afc17);color:var(--6609c)}._3A21nR:active{background-color:var(--2ee55);color:var(--e9f22)}._2ssLbd{background-color:var(--bbb35);border-color:var(--0cad8);color:var(--122a9)}._2ssLbd:hover{background-color:var(--df2ac);color:var(--1265d)}._2ssLbd:active{background-color:var(--435fa);color:var(--a4162)}._2Uo_yl{background-color:var(--118bd);border-color:var(--ab597);color:var(--efde5)}._2Uo_yl:hover{background-color:var(--e0b0f);color:var(--6f5d5)}._2Uo_yl:active{background-color:var(--a5eaa);color:var(--6b4e9)}.WxNTfY{width:100%}._1rbWLs{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}";
|
|
4
|
+
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/ButtonBase/style/index.module.less",__css:css_248z,"ButtonBase":"_31l8bu","ButtonBase--content":"_1Mv9ye","ButtonBase--is-icon-button":"_3B1mWU","ButtonBase--busy":"dDiXSd","focus-visible":"_1FbZSm","ButtonBase--is-busy":"_1S4uD4","ButtonBase--size-xs":"_2UUzTb","ButtonBase--size-s":"f5AXpU","ButtonBase--size-m":"_1jI8S4","ButtonBase--size-l":"_3MD2lP","ButtonBase--size-xl":"_33xIkb","ButtonBase--variant-primary":"_hzLAU","ButtonBase--variant-secondary":"wj4gqc","ButtonBase--variant-tertiary":"_3xhNOP","ButtonBase--variant-quaternary":"_3A21nR","ButtonBase--variant-plain":"_2ssLbd","ButtonBase--variant-dangerous":"_2Uo_yl","ButtonBase--width-full":"WxNTfY","ButtonBase--no-wrap":"_1rbWLs"};
|
|
5
|
+
var stylesheet=css_248z;
|
|
6
|
+
styleInject(css_248z);
|
|
7
|
+
|
|
8
|
+
export { styles as default, stylesheet };
|
|
9
|
+
|
|
@@ -27,6 +27,15 @@
|
|
|
27
27
|
vertical-align: baseline;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
&--is-icon-button &--content svg {
|
|
31
|
+
width: @root-size-300;
|
|
32
|
+
height: @root-size-300;
|
|
33
|
+
|
|
34
|
+
path {
|
|
35
|
+
fill: currentColor;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
30
39
|
&--busy {
|
|
31
40
|
position: absolute;
|
|
32
41
|
top: 0;
|
|
@@ -56,44 +65,9 @@
|
|
|
56
65
|
&--is-busy {
|
|
57
66
|
cursor: default;
|
|
58
67
|
pointer-events: none;
|
|
59
|
-
|
|
60
|
-
.Button--content {
|
|
61
|
-
visibility: hidden;
|
|
62
|
-
}
|
|
63
68
|
}
|
|
64
|
-
}
|
|
65
69
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
@token: 'size-@{value}';
|
|
70
|
-
.min-height('action', @token);
|
|
71
|
-
.verticalAndHorizontalPadding('action', @token);
|
|
72
|
-
.font-size('action', @token);
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.button-variants() {
|
|
78
|
-
each(@BUTTON_VARIANT_OPTIONS, #(@variant) {
|
|
79
|
-
&--variant-@{variant} {
|
|
80
|
-
@token: 'variant-@{variant}';
|
|
81
|
-
|
|
82
|
-
.color('action', @token);
|
|
83
|
-
.bg-color('action', @token);
|
|
84
|
-
.border-color('action', @token);
|
|
85
|
-
|
|
86
|
-
&:hover {
|
|
87
|
-
@token: 'variant-@{variant}-hover';
|
|
88
|
-
.color('action', @token);
|
|
89
|
-
.bg-color('action', @token);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
&:active {
|
|
93
|
-
@token: 'variant-@{variant}-active';
|
|
94
|
-
.color('action', @token);
|
|
95
|
-
.bg-color('action', @token);
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
});
|
|
70
|
+
&--is-busy &--content {
|
|
71
|
+
visibility: hidden;
|
|
72
|
+
}
|
|
99
73
|
}
|
|
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3QiwyREFBK0Q7QUFDdkY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
|
package/dist/index.js
CHANGED
|
@@ -3,6 +3,7 @@ export { Avatar } from './components/Avatar/Avatar.js';
|
|
|
3
3
|
export { Button } from './components/Button/Button.js';
|
|
4
4
|
export { Heading } from './components/Heading/Heading.js';
|
|
5
5
|
export { Icon } from './components/Icon/Icon.js';
|
|
6
|
+
export { IconButton } from './components/IconButton/IconButton.js';
|
|
6
7
|
export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
|
|
7
8
|
export { LayoutGrid } from './components/LayoutGrid/LayoutGrid.js';
|
|
8
9
|
export { Link } from './components/Link/Link.js';
|
|
@@ -11,7 +12,8 @@ export { PanelHeader } from './components/Panel/private/PanelHeader.js';
|
|
|
11
12
|
export { PanelBody } from './components/Panel/private/PanelBody.js';
|
|
12
13
|
export { PanelSection } from './components/Panel/private/PanelSection.js';
|
|
13
14
|
export { PanelFooter } from './components/Panel/private/PanelFooter.js';
|
|
15
|
+
export { PreplyLogo } from './components/PreplyLogo/PreplyLogo.js';
|
|
14
16
|
export { Text } from './components/Text/Text.js';
|
|
15
17
|
export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
|
|
16
18
|
export { TextInline } from './components/TextInline/TextInline.js';
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.28.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -19,25 +19,25 @@
|
|
|
19
19
|
"dev": "run build:rollup -w"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@preply/ds-core": "0.
|
|
23
|
-
"@preply/ds-media-icons": "0.
|
|
24
|
-
"@preply/ds-web-core": "0.
|
|
25
|
-
"@preply/ds-web-root": "0.
|
|
22
|
+
"@preply/ds-core": "0.28.0",
|
|
23
|
+
"@preply/ds-media-icons": "0.28.0",
|
|
24
|
+
"@preply/ds-web-core": "0.28.0",
|
|
25
|
+
"@preply/ds-web-root": "0.28.0"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@preply/ds-core": "0.
|
|
29
|
-
"@preply/ds-media-icons": "0.
|
|
30
|
-
"@preply/ds-web-core": "0.
|
|
31
|
-
"@preply/ds-web-root": "0.
|
|
28
|
+
"@preply/ds-core": "0.28.0",
|
|
29
|
+
"@preply/ds-media-icons": "0.28.0",
|
|
30
|
+
"@preply/ds-web-core": "0.28.0",
|
|
31
|
+
"@preply/ds-web-root": "0.28.0",
|
|
32
32
|
"react": "^16.8.3",
|
|
33
33
|
"react-dom": "^16.8.3"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@preply/ds-docs-toolkit": "0.
|
|
37
|
-
"@preply/ds-theme-base-ui": "0.
|
|
36
|
+
"@preply/ds-docs-toolkit": "0.28.0",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.28.0",
|
|
38
38
|
"@storybook/addon-docs": "6.4.18",
|
|
39
39
|
"@storybook/react": "6.4.18",
|
|
40
40
|
"@testing-library/react": "11.2.7"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "95aa2a060c37054c2fd9c1749a130a8912cf0cec"
|
|
43
43
|
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "._2K2A6a{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:transparent;border:1px solid transparent;border-radius:var(--8d513);color:var(--aface);cursor:pointer;font-family:var(--0e309);font-size:var(--8d63e);font-weight:var(--6e979);line-height:var(--d4313);position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1Wa9oz,._2K2A6a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}._1Wa9oz{grid-gap:var(--0aee7);gap:var(--0aee7);vertical-align:baseline}._15fNhn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}._2K2A6a[disabled]{background-color:var(--04dae);border-color:var(--e0528);color:var(--a8b89);cursor:default;pointer-events:none}._2K2A6a._2l4V5u{outline-color:var(--603ec);outline-offset:var(--c0b12);outline-style:solid;outline-width:var(--99d31)}._2K2A6a:focus-visible{outline-color:var(--603ec);outline-offset:var(--c0b12);outline-style:solid;outline-width:var(--99d31)}._2vrhF4{cursor:default;pointer-events:none}._2vrhF4 ._1Wa9oz{visibility:hidden}._2cFsf0{font-size:var(--357dd);min-height:var(--50cc6);padding:var(--fec17) var(--29b03)}.sMUHXO{font-size:var(--b47a6);min-height:var(--2f2e0);padding:var(--9a573) var(--65766)}._25alve{font-size:var(--89a35);min-height:var(--bcfcb);padding:var(--3b902) var(--0f2d7)}._3SuAaY{font-size:var(--a899b);min-height:var(--26156);padding:var(--303c6) var(--b1c76)}._2-lhss{font-size:var(--f7be0);min-height:var(--d6bfc);padding:var(--da188) var(--88eef)}._2oPEsT{background-color:var(--508b3);border-color:var(--44bfe);color:var(--d2baa)}._2oPEsT:hover{background-color:var(--902b5);color:var(--df615)}._2oPEsT:active{background-color:var(--c1c1c);color:var(--15cee)}.M4_8bJ{background-color:var(--e5616);border-color:var(--ab736);color:var(--1614c)}.M4_8bJ:hover{background-color:var(--0d124);color:var(--0d6ae)}.M4_8bJ:active{background-color:var(--33b43);color:var(--22cb4)}._3pHOqs{background-color:var(--28f3c);border-color:var(--10556);color:var(--93754)}._3pHOqs:hover{background-color:var(--ec17b);color:var(--175a7)}._3pHOqs:active{background-color:var(--b0bf5);color:var(--8274e)}._2wKHX3{background-color:var(--e4644);border-color:var(--0e9e0);color:var(--9cf6e)}._2wKHX3:hover{background-color:var(--afc17);color:var(--6609c)}._2wKHX3:active{background-color:var(--2ee55);color:var(--e9f22)}._2MKEet{background-color:var(--bbb35);border-color:var(--0cad8);color:var(--122a9)}._2MKEet:hover{background-color:var(--df2ac);color:var(--1265d)}._2MKEet:active{background-color:var(--435fa);color:var(--a4162)}._3efdqm{background-color:var(--118bd);border-color:var(--ab597);color:var(--efde5)}._3efdqm:hover{background-color:var(--e0b0f);color:var(--6f5d5)}._3efdqm:active{background-color:var(--a5eaa);color:var(--6b4e9)}._31304r{width:100%}._18Yfzb{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}";
|
|
4
|
-
var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Button/style/index.module.less",__css:css_248z,"Button":"_2K2A6a","Button--content":"_1Wa9oz","Button--busy":"_15fNhn","focus-visible":"_2l4V5u","Button--is-busy":"_2vrhF4","Button--size-xs":"_2cFsf0","Button--size-s":"sMUHXO","Button--size-m":"_25alve","Button--size-l":"_3SuAaY","Button--size-xl":"_2-lhss","Button--variant-primary":"_2oPEsT","Button--variant-secondary":"M4_8bJ","Button--variant-tertiary":"_3pHOqs","Button--variant-quaternary":"_2wKHX3","Button--variant-plain":"_2MKEet","Button--variant-dangerous":"_3efdqm","Button--width-full":"_31304r","Button--no-wrap":"_18Yfzb"};
|
|
5
|
-
var stylesheet=css_248z;
|
|
6
|
-
styleInject(css_248z);
|
|
7
|
-
|
|
8
|
-
export { styles as default, stylesheet };
|
|
9
|
-
|