@preply/ds-web-lib 0.27.0 → 0.29.1
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.js +10 -3
- package/dist/components/IconButton/IconButton.js +2 -4
- package/dist/components/Link/Link.js +4 -3
- package/dist/components/Panel/Panel.js +1 -1
- package/dist/components/PreplyLogo/PreplyLogo.js +4 -3
- package/dist/components/PreplyLogo/svg/logo.svg.js +6 -8
- package/dist/components/private/ButtonBase/ButtonBase.d.ts +2 -2
- package/dist/components/private/ButtonBase/ButtonBase.js +14 -16
- package/dist/components/private/ButtonBase/style/index.module.less +1 -4
- package/dist/components/private/ButtonBase/style/index.module.less.js +2 -2
- package/dist/components/private/ButtonBase/style/mixins.less +13 -0
- package/dist/components/private/ButtonBase/style/mixins.less.js +2 -2
- package/package.json +12 -12
|
@@ -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,9 +1,16 @@
|
|
|
1
|
+
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
+
import { useInstrument } from '@preply/ds-web-core';
|
|
1
3
|
import React__default from 'react';
|
|
2
4
|
import { ButtonBase } from '../private/ButtonBase/ButtonBase.js';
|
|
3
5
|
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
+
const BUTTON = 'Button';
|
|
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 })));
|
|
6
13
|
};
|
|
7
14
|
|
|
8
15
|
export { Button };
|
|
9
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5jb25zdCBCVVRUT04gPSAnQnV0dG9uJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2lzSWNvbkJ1dHRvbic+O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGExMXlMYWJlbCxcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBCVVRUT04sXG4gICAgICAgIHByb3BzOiB7IHZhcmlhbnQsIHNpemUsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvbj17ZmFsc2V9XG4gICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGExMXlMYWJlbD17YTExeUxhYmVsfVxuICAgICAgICAvPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQU1BLE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQztNQUlYLE1BQU0sR0FBYyxDQUFDLEVBQzlCLE9BQU8sR0FBRyxzQkFBc0IsRUFDaEMsSUFBSSxHQUFHLG1CQUFtQixFQUMxQixTQUFTLEVBQ1QsR0FBRyxLQUFLLEVBQ1g7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFO0tBQ3RDLENBQUMsQ0FBQztJQUVILFFBQ0lBLDZCQUFDLFVBQVUsb0JBQ0gsS0FBSyxJQUNULFlBQVksRUFBRSxLQUFLLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsU0FBUyxFQUFFLFNBQVMsSUFDdEIsRUFDSjtBQUNOOzs7OyJ9
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useInstrument
|
|
2
|
+
import { useInstrument } from '@preply/ds-web-core';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import { ButtonBase } from '../private/ButtonBase/ButtonBase.js';
|
|
5
|
-
import styles from '../private/ButtonBase/style/index.module.less.js';
|
|
6
5
|
|
|
7
6
|
const ICONBUTTON = 'IconButton';
|
|
8
7
|
const IconButton = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, a11yLabel, svg: Svg, ...props }) => {
|
|
@@ -10,10 +9,9 @@ const IconButton = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
10
9
|
component: ICONBUTTON,
|
|
11
10
|
props: { variant, size, a11yLabel },
|
|
12
11
|
});
|
|
13
|
-
useStyleExtract(styles);
|
|
14
12
|
return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: true, variant: variant, size: size, a11yLabel: a11yLabel }),
|
|
15
13
|
React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
|
|
16
14
|
};
|
|
17
15
|
|
|
18
16
|
export { IconButton };
|
|
19
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
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=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PREPLY_LOGO_VARIANT_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
|
import SvgLogo from './svg/logo.svg.js';
|
|
@@ -7,9 +7,10 @@ import SvgLogo from './svg/logo.svg.js';
|
|
|
7
7
|
const PREPLY_LOGO = 'PreplyLogo';
|
|
8
8
|
const MODES = {
|
|
9
9
|
COMPLETE: { width: 130, viewBox: '0 0 130 40' },
|
|
10
|
-
ICON_ONLY: { width:
|
|
10
|
+
ICON_ONLY: { width: 21, viewBox: '0 0 21 40' },
|
|
11
11
|
};
|
|
12
12
|
const PreplyLogo = ({ variant = PREPLY_LOGO_VARIANT_DEFAULT, iconOnly = false, inverted = false, }) => {
|
|
13
|
+
useStyleExtract(styles);
|
|
13
14
|
const classNames = moduleClassNames(styles, PREPLY_LOGO, [
|
|
14
15
|
stringClassNames('variant', variant),
|
|
15
16
|
booleanClassNames('inverted', undefined, inverted),
|
|
@@ -20,4 +21,4 @@ const PreplyLogo = ({ variant = PREPLY_LOGO_VARIANT_DEFAULT, iconOnly = false, i
|
|
|
20
21
|
};
|
|
21
22
|
|
|
22
23
|
export { PreplyLogo };
|
|
23
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJlcGx5TG9nby5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUHJlcGx5TG9nby9QcmVwbHlMb2dvLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByZXBseUxvZ29WYXJpYW50IH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFBSRVBMWV9MT0dPX1ZBUklBTlRfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuaW1wb3J0IExvZ29TdmcgZnJvbSAnLi9zdmcvbG9nby5zdmcnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFByb3BzIHtcbiAgICB2YXJpYW50PzogUHJlcGx5TG9nb1ZhcmlhbnQ7XG4gICAgaWNvbk9ubHk/OiBib29sZWFuO1xuICAgIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgUFJFUExZX0xPR08gPSAnUHJlcGx5TG9nbyc7XG5cbmNvbnN0IE1PREVTID0ge1xuICAgIENPTVBMRVRFOiB7IHdpZHRoOiAxMzAsIHZpZXdCb3g6ICcwIDAgMTMwIDQwJyB9LFxuICAgIElDT05fT05MWTogeyB3aWR0aDogMjEsIHZpZXdCb3g6ICcwIDAgMjEgNDAnIH0sXG59O1xuXG5leHBvcnQgY29uc3QgUHJlcGx5TG9nbzogRkM8UHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gUFJFUExZX0xPR09fVkFSSUFOVF9ERUZBVUxULFxuICAgIGljb25Pbmx5ID0gZmFsc2UsXG4gICAgaW52ZXJ0ZWQgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIFBSRVBMWV9MT0dPLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCB2YXJpYW50KSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2ludmVydGVkJywgdW5kZWZpbmVkLCBpbnZlcnRlZCksXG4gICAgXSk7XG5cbiAgICBjb25zdCB7IHdpZHRoLCB2aWV3Qm94IH0gPSBpY29uT25seSA/IE1PREVTLklDT05fT05MWSA6IE1PREVTLkNPTVBMRVRFO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICA8TG9nb1N2Z1xuICAgICAgICAgICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICAgICAgICAgIGZvY3VzYWJsZT1cImZhbHNlXCJcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPVwiUHJlcGx5XCJcbiAgICAgICAgICAgICAgICB2aWV3Qm94PXt2aWV3Qm94fVxuICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsIkxvZ29TdmciXSwibWFwcGluZ3MiOiI7Ozs7OztBQW1CQSxNQUFNLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFakMsTUFBTSxLQUFLLEdBQUc7SUFDVixRQUFRLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUU7SUFDL0MsU0FBUyxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFO0NBQ2pELENBQUM7TUFFVyxVQUFVLEdBQWMsQ0FBQyxFQUNsQyxPQUFPLEdBQUcsMkJBQTJCLEVBQ3JDLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLEdBQ1o7SUFDSixlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFeEIsTUFBTSxVQUFVLEdBQUcsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRTtRQUNyRCxnQkFBZ0IsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO1FBQ3BDLGlCQUFpQixDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxDQUFDO0tBQ3JELENBQUMsQ0FBQztJQUVILE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEdBQUcsUUFBUSxHQUFHLEtBQUssQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQztJQUV2RSxRQUNJQSx1Q0FBTSxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDakNBLDZCQUFDQyxPQUFPLElBQ0osSUFBSSxFQUFDLEtBQUssRUFDVixTQUFTLEVBQUMsT0FBTyxnQkFDTixRQUFRLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLEtBQUssRUFBRSxLQUFLLEdBQ2QsQ0FDQyxFQUNUO0FBQ047Ozs7In0=
|
|
@@ -14,23 +14,21 @@ function SvgLogo(props) {
|
|
|
14
14
|
"data-name": "logomark"
|
|
15
15
|
}, /*#__PURE__*/React.createElement("path", {
|
|
16
16
|
"data-name": "top",
|
|
17
|
-
d: "M18.556 8.
|
|
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
18
|
fill: "#CD4A86"
|
|
19
19
|
}), /*#__PURE__*/React.createElement("path", {
|
|
20
20
|
"data-name": "bottom",
|
|
21
|
-
d: "M18.
|
|
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
22
|
fill: "#27E0F6"
|
|
23
23
|
}))), _g2 || (_g2 = /*#__PURE__*/React.createElement("g", {
|
|
24
24
|
"data-name": "preply",
|
|
25
|
-
fill: "#192435"
|
|
26
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
27
|
-
d: "M109.213 25.942h-4.851V4.392c0-.644.233-1.189.694-1.63a2.32 2.32 0 011.665-.659h2.492v23.84zM52.375 25.942v-8.939c0-1.804.268-3.315.798-4.539.53-1.224 1.258-2.205 2.18-2.943.877-.694 1.908-1.2 3.082-1.526a13.725 13.725 0 013.637-.486h.694v4.92H61.17c-1.337 0-2.334.322-2.978.972-.649.649-.97 1.665-.97 3.047v9.494h-4.847zM115.398 32.597l-1.041.002v-.77h.001v-3.186h1.318c.922 0 1.65-.218 2.18-.66.53-.44.634-1.144.312-2.11l-6.441-18.36h5.336l3.741 13.028 3.256-11.362c.277-1.11 1.016-1.665 2.215-1.665h3.325l-7.066 20.995c-.555 1.526-1.249 2.611-2.076 3.255-.833.555-2.196.833-4.088.833h-.972z"
|
|
28
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
29
25
|
fillRule: "evenodd",
|
|
30
26
|
clipRule: "evenodd",
|
|
31
|
-
|
|
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"
|
|
32
30
|
}))));
|
|
33
31
|
}
|
|
34
32
|
|
|
35
33
|
export { SvgLogo as default };
|
|
36
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby5zdmcuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { ButtonSize, ButtonVariant, Dataset } from '@preply/ds-core';
|
|
1
|
+
import type { ButtonSize, ButtonVariant, Dataset, Responsive } from '@preply/ds-core';
|
|
2
2
|
import { FC, MouseEvent } from 'react';
|
|
3
3
|
export interface ButtonBaseProps {
|
|
4
4
|
variant?: ButtonVariant;
|
|
5
5
|
size?: ButtonSize;
|
|
6
|
-
fullWidth?: boolean
|
|
6
|
+
fullWidth?: Responsive<boolean>;
|
|
7
7
|
wrap?: boolean;
|
|
8
8
|
url?: string;
|
|
9
9
|
opensInNewTab?: boolean;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
|
|
2
|
-
import { useStyleExtract,
|
|
2
|
+
import { useStyleExtract, useHostname, moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps, getExternalUrlProps, moduleLocals, mapEdgeKeyToStandard } from '@preply/ds-web-core';
|
|
3
3
|
import React__default, { useRef } from 'react';
|
|
4
4
|
import { Spinner } from '../../Spinner/Spinner.js';
|
|
5
5
|
import styles from './style/index.module.less.js';
|
|
6
6
|
|
|
7
7
|
const BUTTON_BASE = 'ButtonBase';
|
|
8
8
|
const renderContent = ({ children, busy }) => {
|
|
9
|
-
const contentClassNames = [...
|
|
10
|
-
const busyClassNames = [...
|
|
9
|
+
const contentClassNames = [...moduleLocals(styles, BUTTON_BASE, ['--content'])];
|
|
10
|
+
const busyClassNames = [...moduleLocals(styles, BUTTON_BASE, ['--busy'])];
|
|
11
11
|
return (React__default.createElement(React__default.Fragment, null,
|
|
12
12
|
React__default.createElement("span", { className: contentClassNames.join(' ') }, children),
|
|
13
13
|
busy && (React__default.createElement("span", { className: busyClassNames.join(' ') },
|
|
@@ -15,6 +15,7 @@ const renderContent = ({ children, busy }) => {
|
|
|
15
15
|
};
|
|
16
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
17
|
useStyleExtract(styles);
|
|
18
|
+
const hostname = useHostname();
|
|
18
19
|
const ref = useRef(null);
|
|
19
20
|
const handleClick = (event) => {
|
|
20
21
|
if (disabled || busy) {
|
|
@@ -32,17 +33,14 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
32
33
|
(_a = ref.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
33
34
|
}
|
|
34
35
|
};
|
|
35
|
-
const classNames = [
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
{ if: isIconButton, then: 'is-icon-button' },
|
|
44
|
-
]),
|
|
45
|
-
];
|
|
36
|
+
const classNames = moduleClassNames(styles, BUTTON_BASE, [
|
|
37
|
+
stringClassNames('variant', variant),
|
|
38
|
+
stringClassNames('size', size),
|
|
39
|
+
booleanClassNames(undefined, 'no-wrap', wrap),
|
|
40
|
+
booleanClassNames('width-full', 'width-auto', fullWidth),
|
|
41
|
+
booleanClassNames('is-busy', undefined, busy),
|
|
42
|
+
booleanClassNames('is-icon-button', undefined, isIconButton),
|
|
43
|
+
]);
|
|
46
44
|
const title = isIconButton ? assistiveText || a11yLabel : undefined;
|
|
47
45
|
const ariaLabel = !isIconButton ? assistiveText || a11yLabel : undefined;
|
|
48
46
|
const props = {
|
|
@@ -55,10 +53,10 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
55
53
|
'aria-disabled': disabled || busy ? true : undefined,
|
|
56
54
|
};
|
|
57
55
|
if (url) {
|
|
58
|
-
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, isIconButton })));
|
|
56
|
+
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 })));
|
|
59
57
|
}
|
|
60
58
|
return (React__default.createElement("button", Object.assign({}, props, { type: submitsForm ? 'submit' : 'button' }), renderContent({ children, busy, isIconButton })));
|
|
61
59
|
};
|
|
62
60
|
|
|
63
61
|
export { ButtonBase };
|
|
64
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZSB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgZ2V0RGF0YXNldFByb3BzLFxuICAgIGdldEV4dGVybmFsVXJsUHJvcHMsXG4gICAgbWFwRWRnZUtleVRvU3RhbmRhcmQsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICBtb2R1bGVMb2NhbHMsXG4gICAgc3RyaW5nQ2xhc3NOYW1lcyxcbiAgICB1c2VIb3N0bmFtZSxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDLCBLZXlib2FyZEV2ZW50LCBNb3VzZUV2ZW50LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi8uLi9TcGlubmVyL1NwaW5uZXInO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkJhc2VQcm9wcyB7XG4gICAgdmFyaWFudD86IEJ1dHRvblZhcmlhbnQ7XG4gICAgc2l6ZT86IEJ1dHRvblNpemU7XG4gICAgZnVsbFdpZHRoPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbiAgICB3cmFwPzogYm9vbGVhbjtcbiAgICB1cmw/OiBzdHJpbmc7XG4gICAgb3BlbnNJbk5ld1RhYj86IGJvb2xlYW47XG4gICAgc3VibWl0c0Zvcm0/OiBib29sZWFuO1xuICAgIGExMXlMYWJlbD86IHN0cmluZztcbiAgICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nO1xuICAgIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICAgIGJ1c3k/OiBib29sZWFuO1xuICAgIGRhdGFzZXQ/OiBEYXRhc2V0O1xuICAgIGlzSWNvbkJ1dHRvbjogYm9vbGVhbjtcbn1cblxuY29uc3QgQlVUVE9OX0JBU0UgPSAnQnV0dG9uQmFzZSc7XG5cbmNvbnN0IHJlbmRlckNvbnRlbnQ6IEZDPEJ1dHRvbkJhc2VQcm9wcz4gPSAoeyBjaGlsZHJlbiwgYnVzeSB9KSA9PiB7XG4gICAgY29uc3QgY29udGVudENsYXNzTmFtZXMgPSBbLi4ubW9kdWxlTG9jYWxzKHN0eWxlcywgQlVUVE9OX0JBU0UsIFsnLS1jb250ZW50J10pXTtcbiAgICBjb25zdCBidXN5Q2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT05fQkFTRSwgWyctLWJ1c3knXSldO1xuICAgIHJldHVybiAoXG4gICAgICAgIDw+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc05hbWVzLmpvaW4oJyAnKX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgICAgIHtidXN5ICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2J1c3lDbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxTcGlubmVyIC8+XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBCdXR0b25CYXNlOiBGQzxCdXR0b25CYXNlUHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICBmdWxsV2lkdGgsXG4gICAgd3JhcCxcbiAgICB1cmwsXG4gICAgb3BlbnNJbk5ld1RhYixcbiAgICBzdWJtaXRzRm9ybSxcbiAgICBhMTF5TGFiZWwsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICBvbkNsaWNrLFxuICAgIGRpc2FibGVkLFxuICAgIGJ1c3ksXG4gICAgZGF0YXNldCxcbiAgICBpc0ljb25CdXR0b24sXG4gICAgY2hpbGRyZW4sXG59KSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBob3N0bmFtZSA9IHVzZUhvc3RuYW1lKCk7XG4gICAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxBbmNob3JFbGVtZW50PihudWxsKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZCB8fCBidXN5KSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgICBvbkNsaWNrKGV2ZW50KTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVLZXlQcmVzcyA9IChldmVudDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBjb25zdCBrZXkgPSBtYXBFZGdlS2V5VG9TdGFuZGFyZChldmVudC5rZXkpO1xuICAgICAgICBpZiAoa2V5ID09PSAnICcgfHwga2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgcmVmLmN1cnJlbnQ/LmNsaWNrKCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoc3R5bGVzLCBCVVRUT05fQkFTRSwgW1xuICAgICAgICBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgdmFyaWFudCksXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3NpemUnLCBzaXplKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXModW5kZWZpbmVkLCAnbm8td3JhcCcsIHdyYXApLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnd2lkdGgtZnVsbCcsICd3aWR0aC1hdXRvJywgZnVsbFdpZHRoKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWJ1c3knLCB1bmRlZmluZWQsIGJ1c3kpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtaWNvbi1idXR0b24nLCB1bmRlZmluZWQsIGlzSWNvbkJ1dHRvbiksXG4gICAgXSk7XG5cbiAgICBjb25zdCB0aXRsZSA9IGlzSWNvbkJ1dHRvbiA/IGFzc2lzdGl2ZVRleHQgfHwgYTExeUxhYmVsIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGFyaWFMYWJlbCA9ICFpc0ljb25CdXR0b24gPyBhc3Npc3RpdmVUZXh0IHx8IGExMXlMYWJlbCA6IHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCksXG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcy5qb2luKCcgJyksXG4gICAgICAgIHRpdGxlLFxuICAgICAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgICAgICAgb25DbGljazogaGFuZGxlQ2xpY2ssXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICAnYXJpYS1kaXNhYmxlZCc6IGRpc2FibGVkIHx8IGJ1c3kgPyB0cnVlIDogdW5kZWZpbmVkLFxuICAgIH07XG5cbiAgICBpZiAodXJsKSB7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgICAgICB7Li4uZ2V0RXh0ZXJuYWxVcmxQcm9wcyhob3N0bmFtZSwgdXJsLCBvcGVuc0luTmV3VGFiKX1cbiAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICByb2xlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICB0YWJJbmRleD17ZGlzYWJsZWQgPyAtMSA6IDB9XG4gICAgICAgICAgICAgICAgaHJlZj17dXJsfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlS2V5UHJlc3N9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3JlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSwgaXNJY29uQnV0dG9uIH0pfVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICApO1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxidXR0b24gey4uLnByb3BzfSB0eXBlPXtzdWJtaXRzRm9ybSA/ICdzdWJtaXQnIDogJ2J1dHRvbid9PlxuICAgICAgICAgICAge3JlbmRlckNvbnRlbnQoeyBjaGlsZHJlbiwgYnVzeSwgaXNJY29uQnV0dG9uIH0pfVxuICAgICAgICA8L2J1dHRvbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBb0NBLE1BQU0sV0FBVyxHQUFHLFlBQVksQ0FBQztBQUVqQyxNQUFNLGFBQWEsR0FBd0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7SUFDMUQsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDaEYsTUFBTSxjQUFjLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzFFLFFBQ0lBO1FBQ0lBLHVDQUFNLFNBQVMsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFRO1FBQzlELElBQUksS0FDREEsdUNBQU0sU0FBUyxF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
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
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)}.
|
|
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--
|
|
3
|
+
var css_248z = "._3hHYL8{width:100%}._1iptd0{width:auto}@media (min-width:400px){._3XfEDp{width:100%}.XMorT6{width:auto}}@media (min-width:700px){._3wTiSw{width:100%}._3pU7ET{width:auto}}@media (min-width:880px){.GVd0oC{width:100%}._3T5j7j{width:auto}}@media (min-width:1200px){._3TwKHf{width:100%}._1GpVsH{width:auto}}@media (min-width:1900px){._11CN6O{width:100%}._1LzfUG{width:auto}}._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}.WxNTfY{width:100%}._3QJ6Hl{width:auto}@media (min-width:400px){._3LIigi{width:100%}.s81__L{width:auto}}@media (min-width:700px){._1e-nPW{width:100%}._2p5d6d{width:auto}}@media (min-width:880px){._3q1h6z{width:100%}._3-pGFS{width:auto}}@media (min-width:1200px){._3PBOGK{width:100%}._2sdD0Z{width:auto}}@media (min-width:1900px){.niq2xX{width:100%}._2Jx7VN{width:auto}}._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)}._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,"button-width--width-full":"_3hHYL8","button-width--width-auto":"_1iptd0","button-width__narrow-l--width-full":"_3XfEDp","button-width__narrow-l--width-auto":"XMorT6","button-width__medium-s--width-full":"_3wTiSw","button-width__medium-s--width-auto":"_3pU7ET","button-width__medium-l--width-full":"GVd0oC","button-width__medium-l--width-auto":"_3T5j7j","button-width__wide-s--width-full":"_3TwKHf","button-width__wide-s--width-auto":"_1GpVsH","button-width__wide-l--width-full":"_11CN6O","button-width__wide-l--width-auto":"_1LzfUG","ButtonBase":"_31l8bu","ButtonBase--content":"_1Mv9ye","ButtonBase--is-icon-button":"_3B1mWU","ButtonBase--busy":"dDiXSd","focus-visible":"_1FbZSm","ButtonBase--is-busy":"_1S4uD4","ButtonBase--width-full":"WxNTfY","ButtonBase--width-auto":"_3QJ6Hl","ButtonBase__narrow-l--width-full":"_3LIigi","ButtonBase__narrow-l--width-auto":"s81__L","ButtonBase__medium-s--width-full":"_1e-nPW","ButtonBase__medium-s--width-auto":"_2p5d6d","ButtonBase__medium-l--width-full":"_3q1h6z","ButtonBase__medium-l--width-auto":"_3-pGFS","ButtonBase__wide-s--width-full":"_3PBOGK","ButtonBase__wide-s--width-auto":"_2sdD0Z","ButtonBase__wide-l--width-full":"niq2xX","ButtonBase__wide-l--width-auto":"_2Jx7VN","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--no-wrap":"_1rbWLs"};
|
|
5
5
|
var stylesheet=css_248z;
|
|
6
6
|
styleInject(css_248z);
|
|
7
7
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@import '@preply/ds-web-core/dist/generated/tokens.less';
|
|
2
2
|
@import '@preply/ds-web-core/dist/generated/options.less';
|
|
3
|
+
@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
|
|
3
4
|
@import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
|
|
4
5
|
|
|
5
6
|
@namespace: 'button';
|
|
@@ -71,3 +72,15 @@
|
|
|
71
72
|
visibility: hidden;
|
|
72
73
|
}
|
|
73
74
|
}
|
|
75
|
+
|
|
76
|
+
.button-width {
|
|
77
|
+
.responsive({
|
|
78
|
+
&--width-full {
|
|
79
|
+
width: 100%;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
&--width-auto {
|
|
83
|
+
width: auto;
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "";
|
|
4
|
-
var stylesheet="";
|
|
3
|
+
var css_248z = ".button-width--width-full{width:100%}.button-width--width-auto{width:auto}@media (min-width:400px){.button-width__narrow-l--width-full{width:100%}.button-width__narrow-l--width-auto{width:auto}}@media (min-width:700px){.button-width__medium-s--width-full{width:100%}.button-width__medium-s--width-auto{width:auto}}@media (min-width:880px){.button-width__medium-l--width-full{width:100%}.button-width__medium-l--width-auto{width:auto}}@media (min-width:1200px){.button-width__wide-s--width-full{width:100%}.button-width__wide-s--width-auto{width:auto}}@media (min-width:1900px){.button-width__wide-l--width-full{width:100%}.button-width__wide-l--width-auto{width:auto}}";
|
|
4
|
+
var stylesheet=".button-width--width-full{width:100%}.button-width--width-auto{width:auto}@media (min-width:400px){.button-width__narrow-l--width-full{width:100%}.button-width__narrow-l--width-auto{width:auto}}@media (min-width:700px){.button-width__medium-s--width-full{width:100%}.button-width__medium-s--width-auto{width:auto}}@media (min-width:880px){.button-width__medium-l--width-full{width:100%}.button-width__medium-l--width-auto{width:auto}}@media (min-width:1200px){.button-width__wide-s--width-full{width:100%}.button-width__wide-s--width-auto{width:auto}}@media (min-width:1900px){.button-width__wide-l--width-full{width:100%}.button-width__wide-l--width-auto{width:auto}}";
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { css_248z as default, stylesheet };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preply/ds-web-lib",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.29.1",
|
|
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.29.1",
|
|
23
|
+
"@preply/ds-media-icons": "0.29.1",
|
|
24
|
+
"@preply/ds-web-core": "0.29.1",
|
|
25
|
+
"@preply/ds-web-root": "0.29.1"
|
|
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.29.1",
|
|
29
|
+
"@preply/ds-media-icons": "0.29.1",
|
|
30
|
+
"@preply/ds-web-core": "0.29.1",
|
|
31
|
+
"@preply/ds-web-root": "0.29.1",
|
|
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.29.1",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.29.1",
|
|
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": "066f652c8e487042b1b9a07fdcb14f577b8130f3"
|
|
43
43
|
}
|