@preply/ds-web-lib 0.28.0 → 0.29.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/private/ButtonBase/ButtonBase.d.ts +2 -2
- package/dist/components/private/ButtonBase/ButtonBase.js +12 -15
- 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,9 +1,9 @@
|
|
|
1
|
-
import type { ButtonSize, ButtonVariant, Dataset } from '@preply/ds-core';
|
|
1
|
+
import type { ButtonSize, ButtonVariant, Dataset, ResponsiveProp } 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?: ResponsiveProp<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, useHostname,
|
|
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(' ') },
|
|
@@ -33,17 +33,14 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
33
33
|
(_a = ref.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
|
-
const classNames = [
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
{ if: isIconButton, then: 'is-icon-button' },
|
|
45
|
-
]),
|
|
46
|
-
];
|
|
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
|
+
]);
|
|
47
44
|
const title = isIconButton ? assistiveText || a11yLabel : undefined;
|
|
48
45
|
const ariaLabel = !isIconButton ? assistiveText || a11yLabel : undefined;
|
|
49
46
|
const props = {
|
|
@@ -62,4 +59,4 @@ const ButtonBase = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAU
|
|
|
62
59
|
};
|
|
63
60
|
|
|
64
61
|
export { ButtonBase };
|
|
65
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQmFzZS5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQnV0dG9uU2l6ZSwgQnV0dG9uVmFyaWFudCwgRGF0YXNldCwgUmVzcG9uc2l2ZVByb3AgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgQlVUVE9OX1NJWkVfREVGQVVMVCwgQlVUVE9OX1ZBUklBTlRfREVGQVVMVCB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBnZXRFeHRlcm5hbFVybFByb3BzLFxuICAgIG1hcEVkZ2VLZXlUb1N0YW5kYXJkLFxuICAgIG1vZHVsZUNsYXNzTmFtZXMsXG4gICAgbW9kdWxlTG9jYWxzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlSG9zdG5hbWUsXG4gICAgdXNlU3R5bGVFeHRyYWN0LFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgS2V5Ym9hcmRFdmVudCwgTW91c2VFdmVudCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi4vLi4vU3Bpbm5lci9TcGlubmVyJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBCdXR0b25CYXNlUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50O1xuICAgIHNpemU/OiBCdXR0b25TaXplO1xuICAgIGZ1bGxXaWR0aD86IFJlc3BvbnNpdmVQcm9wPGJvb2xlYW4+O1xuICAgIHdyYXA/OiBib29sZWFuO1xuICAgIHVybD86IHN0cmluZztcbiAgICBvcGVuc0luTmV3VGFiPzogYm9vbGVhbjtcbiAgICBzdWJtaXRzRm9ybT86IGJvb2xlYW47XG4gICAgYTExeUxhYmVsPzogc3RyaW5nO1xuICAgIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmc7XG4gICAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgYnVzeT86IGJvb2xlYW47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgaXNJY29uQnV0dG9uOiBib29sZWFuO1xufVxuXG5jb25zdCBCVVRUT05fQkFTRSA9ICdCdXR0b25CYXNlJztcblxuY29uc3QgcmVuZGVyQ29udGVudDogRkM8QnV0dG9uQmFzZVByb3BzPiA9ICh7IGNoaWxkcmVuLCBidXN5IH0pID0+IHtcbiAgICBjb25zdCBjb250ZW50Q2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT05fQkFTRSwgWyctLWNvbnRlbnQnXSldO1xuICAgIGNvbnN0IGJ1c3lDbGFzc05hbWVzID0gWy4uLm1vZHVsZUxvY2FscyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbJy0tYnVzeSddKV07XG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y29udGVudENsYXNzTmFtZXMuam9pbignICcpfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAgICAgICAge2J1c3kgJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17YnVzeUNsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICAgICAgPFNwaW5uZXIgLz5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICA8Lz5cbiAgICApO1xufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbkJhc2U6IEZDPEJ1dHRvbkJhc2VQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGZ1bGxXaWR0aCxcbiAgICB3cmFwLFxuICAgIHVybCxcbiAgICBvcGVuc0luTmV3VGFiLFxuICAgIHN1Ym1pdHNGb3JtLFxuICAgIGExMXlMYWJlbCxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIG9uQ2xpY2ssXG4gICAgZGlzYWJsZWQsXG4gICAgYnVzeSxcbiAgICBkYXRhc2V0LFxuICAgIGlzSWNvbkJ1dHRvbixcbiAgICBjaGlsZHJlbixcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IGhvc3RuYW1lID0gdXNlSG9zdG5hbWUoKTtcbiAgICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEFuY2hvckVsZW1lbnQ+KG51bGwpO1xuXG4gICAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkIHx8IGJ1c3kpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgICAgIG9uQ2xpY2soZXZlbnQpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUtleVByZXNzID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgIGNvbnN0IGtleSA9IG1hcEVkZ2VLZXlUb1N0YW5kYXJkKGV2ZW50LmtleSk7XG4gICAgICAgIGlmIChrZXkgPT09ICcgJyB8fCBrZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICByZWYuY3VycmVudD8uY2xpY2soKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhzdHlsZXMsIEJVVFRPTl9CQVNFLCBbXG4gICAgICAgIHN0cmluZ0NsYXNzTmFtZXMoJ3ZhcmlhbnQnLCB2YXJpYW50KSxcbiAgICAgICAgc3RyaW5nQ2xhc3NOYW1lcygnc2l6ZScsIHNpemUpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcyh1bmRlZmluZWQsICduby13cmFwJywgd3JhcCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCd3aWR0aC1mdWxsJywgJ3dpZHRoLWF1dG8nLCBmdWxsV2lkdGgpLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtYnVzeScsIHVuZGVmaW5lZCwgYnVzeSksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdpcy1pY29uLWJ1dHRvbicsIHVuZGVmaW5lZCwgaXNJY29uQnV0dG9uKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IHRpdGxlID0gaXNJY29uQnV0dG9uID8gYXNzaXN0aXZlVGV4dCB8fCBhMTF5TGFiZWwgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgYXJpYUxhYmVsID0gIWlzSWNvbkJ1dHRvbiA/IGFzc2lzdGl2ZVRleHQgfHwgYTExeUxhYmVsIDogdW5kZWZpbmVkO1xuXG4gICAgY29uc3QgcHJvcHMgPSB7XG4gICAgICAgIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSxcbiAgICAgICAgY2xhc3NOYW1lOiBjbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgdGl0bGUsXG4gICAgICAgICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAgICAgICBvbkNsaWNrOiBoYW5kbGVDbGljayxcbiAgICAgICAgZGlzYWJsZWQsXG4gICAgICAgICdhcmlhLWRpc2FibGVkJzogZGlzYWJsZWQgfHwgYnVzeSA/IHRydWUgOiB1bmRlZmluZWQsXG4gICAgfTtcblxuICAgIGlmICh1cmwpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICAgIHsuLi5nZXRFeHRlcm5hbFVybFByb3BzKGhvc3RuYW1lLCB1cmwsIG9wZW5zSW5OZXdUYWIpfVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHJvbGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIHRhYkluZGV4PXtkaXNhYmxlZCA/IC0xIDogMH1cbiAgICAgICAgICAgICAgICBocmVmPXt1cmx9XG4gICAgICAgICAgICAgICAgb25LZXlEb3duPXtoYW5kbGVLZXlQcmVzc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5LCBpc0ljb25CdXR0b24gfSl9XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPGJ1dHRvbiB7Li4ucHJvcHN9IHR5cGU9e3N1Ym1pdHNGb3JtID8gJ3N1Ym1pdCcgOiAnYnV0dG9uJ30+XG4gICAgICAgICAgICB7cmVuZGVyQ29udGVudCh7IGNoaWxkcmVuLCBidXN5LCBpc0ljb25CdXR0b24gfSl9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICk7XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFvQ0EsTUFBTSxXQUFXLEdBQUcsWUFBWSxDQUFDO0FBRWpDLE1BQU0sYUFBYSxHQUF3QixDQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtJQUMxRCxNQUFNLGlCQUFpQixHQUFHLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLFdBQVcsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoRixNQUFNLGNBQWMsR0FBRyxDQUFDLEdBQUcsWUFBWSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDMUUsUUFDSUE7UUFDSUEsdUNBQU0sU0FBUyxFQUFFLGlCQUFpQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBRyxRQUFRLENBQVE7UUFDOUQsSUFBSSxLQUNEQSx1Q0FB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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.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.29.0",
|
|
23
|
+
"@preply/ds-media-icons": "0.29.0",
|
|
24
|
+
"@preply/ds-web-core": "0.29.0",
|
|
25
|
+
"@preply/ds-web-root": "0.29.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.29.0",
|
|
29
|
+
"@preply/ds-media-icons": "0.29.0",
|
|
30
|
+
"@preply/ds-web-core": "0.29.0",
|
|
31
|
+
"@preply/ds-web-root": "0.29.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.29.0",
|
|
37
|
+
"@preply/ds-theme-base-ui": "0.29.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": "16326f91ec0858548265909eeb7c142c07491214"
|
|
43
43
|
}
|