@preply/ds-web-lib 0.72.0 → 0.74.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.
Files changed (14) hide show
  1. package/dist/components/Button/Button.d.ts +10 -1
  2. package/dist/components/Button/Button.js +11 -4
  3. package/dist/components/Button/style/index.module.less +7 -0
  4. package/dist/components/Button/style/index.module.less.js +9 -0
  5. package/dist/components/Button/style/mixins.less +23 -0
  6. package/dist/components/Button/style/mixins.less.js +8 -0
  7. package/dist/components/FieldButton/style/index.module.less.js +1 -1
  8. package/dist/components/FieldButton/style/mixins.less +3 -2
  9. package/dist/components/FieldLayout/style/index.module.less.js +1 -1
  10. package/dist/components/FieldLayout/style/mixins.less +4 -2
  11. package/dist/components/private/ButtonBase/style/index.module.less.js +1 -1
  12. package/dist/components/private/SelectFieldLayout/style/index.module.less.js +1 -1
  13. package/dist/components/private/SelectFieldLayout/style/mixins.less +3 -2
  14. package/package.json +12 -12
package/dist/components/Button/Button.d.ts CHANGED
@@ -1,4 +1,13 @@
1
+ import { ReactSVGComponentType } from '@preply/ds-web-core';
1
2
  import { FC } from 'react';
2
3
  import { ButtonBaseProps } from '../private/ButtonBase/ButtonBase';
3
- export declare type Props = Omit<ButtonBaseProps, 'isIconButton'>;
4
+ declare type LeadingOrTrailingSvgIcon = {
5
+ leadingSvgIcon?: ReactSVGComponentType;
6
+ trailingSvgIcon?: never;
7
+ } | {
8
+ trailingSvgIcon?: ReactSVGComponentType;
9
+ leadingSvgIcon?: never;
10
+ };
11
+ export declare type Props = Omit<ButtonBaseProps, 'isIconButton'> & LeadingOrTrailingSvgIcon;
4
12
  export declare const Button: FC<Props>;
13
+ export {};
package/dist/components/Button/Button.js CHANGED
@@ -1,16 +1,23 @@
1
1
  import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT } from '@preply/ds-core';
2
- import { useInstrument } from '@preply/ds-web-core';
2
+ import { useInstrument, moduleLocals } 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 './style/index.module.less.js';
5
6
 
6
7
  const BUTTON = 'Button';
7
- const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, url, a11yLabel, ...props }) => {
8
+ const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, url, a11yLabel, leadingSvgIcon: LeadingSvgIcon, trailingSvgIcon: TrailingSvgIcon, children, ...props }) => {
8
9
  useInstrument('render', {
9
10
  component: BUTTON,
10
11
  props: { variant, size, url, a11yLabel },
11
12
  });
12
- return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: false, variant: variant, size: size, url: url, a11yLabel: a11yLabel })));
13
+ const iconClassNames = [...moduleLocals(styles, BUTTON, ['icon'])];
14
+ return (React__default.createElement(ButtonBase, Object.assign({}, props, { isIconButton: false, variant: variant, size: size, url: url, a11yLabel: a11yLabel }),
15
+ !!LeadingSvgIcon && (React__default.createElement("span", { className: iconClassNames.join(' ') },
16
+ React__default.createElement(LeadingSvgIcon, { "aria-hidden": "true", focusable: "false" }))),
17
+ children,
18
+ !!TrailingSvgIcon && (React__default.createElement("span", { className: iconClassNames.join(' ') },
19
+ React__default.createElement(TrailingSvgIcon, { "aria-hidden": "true", focusable: "false" })))));
13
20
  };
14
21
 
15
22
  export { Button };
16
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZUluc3RydW1lbnQgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uQmFzZSwgQnV0dG9uQmFzZVByb3BzIH0gZnJvbSAnLi4vcHJpdmF0ZS9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuXG5jb25zdCBCVVRUT04gPSAnQnV0dG9uJztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSBPbWl0PEJ1dHRvbkJhc2VQcm9wcywgJ2lzSWNvbkJ1dHRvbic+O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIHVybCxcbiAgICBhMTF5TGFiZWwsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICB1c2VJbnN0cnVtZW50KCdyZW5kZXInLCB7XG4gICAgICAgIGNvbXBvbmVudDogQlVUVE9OLFxuICAgICAgICBwcm9wczogeyB2YXJpYW50LCBzaXplLCB1cmwsIGExMXlMYWJlbCB9LFxuICAgIH0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPEJ1dHRvbkJhc2VcbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIGlzSWNvbkJ1dHRvbj17ZmFsc2V9XG4gICAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIHVybD17dXJsfVxuICAgICAgICAgICAgYTExeUxhYmVsPXthMTF5TGFiZWx9XG4gICAgICAgIC8+XG4gICAgKTtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7O0FBTUEsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO01BSVgsTUFBTSxHQUFjLENBQUMsRUFDOUIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLEdBQUcsRUFDSCxTQUFTLEVBQ1QsR0FBRyxLQUFLLEVBQ1g7SUFDRyxhQUFhLENBQUMsUUFBUSxFQUFFO1FBQ3BCLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRTtLQUMzQyxDQUFDLENBQUM7SUFFSCxRQUNJQSw2QkFBQyxVQUFVLG9CQUNILEtBQUssSUFDVCxZQUFZLEVBQUUsS0FBSyxFQUNuQixPQUFPLEVBQUUsT0FBTyxFQUNoQixJQUFJLEVBQUUsSUFBSSxFQUNWLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLFNBQVMsSUFDdEIsRUFDSjtBQUNOOzs7OyJ9
23
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCVVRUT05fU0laRV9ERUZBVUxULCBCVVRUT05fVkFSSUFOVF9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IFJlYWN0U1ZHQ29tcG9uZW50VHlwZSwgbW9kdWxlTG9jYWxzLCB1c2VJbnN0cnVtZW50IH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJ1dHRvbkJhc2UsIEJ1dHRvbkJhc2VQcm9wcyB9IGZyb20gJy4uL3ByaXZhdGUvQnV0dG9uQmFzZS9CdXR0b25CYXNlJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgQlVUVE9OID0gJ0J1dHRvbic7XG5cbnR5cGUgTGVhZGluZ09yVHJhaWxpbmdTdmdJY29uID1cbiAgICB8IHtcbiAgICAgICAgICBsZWFkaW5nU3ZnSWNvbj86IFJlYWN0U1ZHQ29tcG9uZW50VHlwZTtcbiAgICAgICAgICB0cmFpbGluZ1N2Z0ljb24/OiBuZXZlcjtcbiAgICAgIH1cbiAgICB8IHtcbiAgICAgICAgICB0cmFpbGluZ1N2Z0ljb24/OiBSZWFjdFNWR0NvbXBvbmVudFR5cGU7XG4gICAgICAgICAgbGVhZGluZ1N2Z0ljb24/OiBuZXZlcjtcbiAgICAgIH07XG5cbmV4cG9ydCB0eXBlIFByb3BzID0gT21pdDxCdXR0b25CYXNlUHJvcHMsICdpc0ljb25CdXR0b24nPiAmIExlYWRpbmdPclRyYWlsaW5nU3ZnSWNvbjtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbjogRkM8UHJvcHM+ID0gKHtcbiAgICB2YXJpYW50ID0gQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBzaXplID0gQlVUVE9OX1NJWkVfREVGQVVMVCxcbiAgICB1cmwsXG4gICAgYTExeUxhYmVsLFxuICAgIGxlYWRpbmdTdmdJY29uOiBMZWFkaW5nU3ZnSWNvbixcbiAgICB0cmFpbGluZ1N2Z0ljb246IFRyYWlsaW5nU3ZnSWNvbixcbiAgICBjaGlsZHJlbixcbiAgICAuLi5wcm9wc1xufSkgPT4ge1xuICAgIHVzZUluc3RydW1lbnQoJ3JlbmRlcicsIHtcbiAgICAgICAgY29tcG9uZW50OiBCVVRUT04sXG4gICAgICAgIHByb3BzOiB7IHZhcmlhbnQsIHNpemUsIHVybCwgYTExeUxhYmVsIH0sXG4gICAgfSk7XG5cbiAgICBjb25zdCBpY29uQ2xhc3NOYW1lcyA9IFsuLi5tb2R1bGVMb2NhbHMoc3R5bGVzLCBCVVRUT04sIFsnaWNvbiddKV07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QnV0dG9uQmFzZVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgaXNJY29uQnV0dG9uPXtmYWxzZX1cbiAgICAgICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgdXJsPXt1cmx9XG4gICAgICAgICAgICBhMTF5TGFiZWw9e2ExMXlMYWJlbH1cbiAgICAgICAgPlxuICAgICAgICAgICAgeyEhTGVhZGluZ1N2Z0ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT17aWNvbkNsYXNzTmFtZXMuam9pbignICcpfT5cbiAgICAgICAgICAgICAgICAgICAgPExlYWRpbmdTdmdJY29uIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGZvY3VzYWJsZT1cImZhbHNlXCIgLz5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgeyEhVHJhaWxpbmdTdmdJY29uICYmIChcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2ljb25DbGFzc05hbWVzLmpvaW4oJyAnKX0+XG4gICAgICAgICAgICAgICAgICAgIDxUcmFpbGluZ1N2Z0ljb24gYXJpYS1oaWRkZW49XCJ0cnVlXCIgZm9jdXNhYmxlPVwiZmFsc2VcIiAvPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQnV0dG9uQmFzZT5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBUUEsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDO01BY1gsTUFBTSxHQUFjLENBQUMsRUFDOUIsT0FBTyxHQUFHLHNCQUFzQixFQUNoQyxJQUFJLEdBQUcsbUJBQW1CLEVBQzFCLEdBQUcsRUFDSCxTQUFTLEVBQ1QsY0FBYyxFQUFFLGNBQWMsRUFDOUIsZUFBZSxFQUFFLGVBQWUsRUFDaEMsUUFBUSxFQUNSLEdBQUcsS0FBSyxFQUNYO0lBQ0csYUFBYSxDQUFDLFFBQVEsRUFBRTtRQUNwQixTQUFTLEVBQUUsTUFBTTtRQUNqQixLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUU7S0FDM0MsQ0FBQyxDQUFDO0lBRUgsTUFBTSxjQUFjLEdBQUcsQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBRW5FLFFBQ0lBLDZCQUFDLFVBQVUsb0JBQ0gsS0FBSyxJQUNULFlBQVksRUFBRSxLQUFLLEVBQ25CLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsU0FBUztRQUVuQixDQUFDLENBQUMsY0FBYyxLQUNiQSx1Q0FBTSxTQUFTLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7WUFDckNBLDZCQUFDLGNBQWMsbUJBQWEsTUFBTSxFQUFDLFNBQVMsRUFBQyxPQUFPLEdBQUcsQ0FDcEQsQ0FDVjtRQUNBLFFBQVE7UUFDUixDQUFDLENBQUMsZUFBZSxLQUNkQSx1Q0FBTSxTQUFTLEVBQUUsY0FBYyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7WUFDckNBLDZCQUFDLGVBQWUsbUJBQWEsTUFBTSxFQUFDLFNBQVMsRUFBQyxPQUFPLEdBQUcsQ0FDckQsQ0FDVixDQUNRLEVBQ2Y7QUFDTjs7OzsifQ==
package/dist/components/Button/style/index.module.less ADDED
@@ -0,0 +1,7 @@
1
+ @import '@preply/ds-web-core/dist/typography/style/mixins.less';
2
+ @import '@preply/ds-web-core/dist/actions/style/mixins.less';
3
+ @import './mixins.less';
4
+
5
+ .Button {
6
+ .button();
7
+ }
package/dist/components/Button/style/index.module.less.js ADDED
@@ -0,0 +1,9 @@
1
+ import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "._3k_9Uf{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:calc(var(--f316e1)*-1/2);margin-top:calc(var(--f316e1)*-1/2)}._3k_9Uf svg{height:var(--f316e1);width:var(--f316e1)}._3k_9Uf svg path{fill:currentColor}";
4
+ var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/Button/style/index.module.less",__css:css_248z,"Button--icon":"_3k_9Uf"};
5
+ var stylesheet=css_248z;
6
+ styleInject(css_248z);
7
+
8
+ export { styles as default, stylesheet };
9
+
package/dist/components/Button/style/mixins.less ADDED
@@ -0,0 +1,23 @@
1
+ .button() {
2
+ @icon-size: @sizing-24;
3
+ &--icon {
4
+ display: flex;
5
+
6
+ // In Tokyo UI, the icons are always the same height, regardless the button size.
7
+ // Using the icons with small buttons result in the text being shorter than the icon, and
8
+ // the button gets taller because of the icon itself. This is, from a Designers perspective,
9
+ // an unexpected height. That's why we need to ensure the icon does not pushes the button's
10
+ // height
11
+ margin-top: calc(-1 * @icon-size / 2);
12
+ margin-bottom: calc(-1 * @icon-size / 2);
13
+
14
+ svg {
15
+ width: @icon-size;
16
+ height: @icon-size;
17
+
18
+ path {
19
+ fill: currentColor;
20
+ }
21
+ }
22
+ }
23
+ }
package/dist/components/Button/style/mixins.less.js ADDED
@@ -0,0 +1,8 @@
1
+ import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
2
+
3
+ var css_248z = "";
4
+ var stylesheet="";
5
+ styleInject(css_248z);
6
+
7
+ export { css_248z as default, stylesheet };
8
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9
package/dist/components/FieldButton/style/index.module.less.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "._1SK7Uw{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:var(--0191ea);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--3caeb9);justify-content:center;min-width:var(--d57208);outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._1SK7Uw:hover{background-color:var(--0bbea4)}._1SK7Uw:active{background-color:var(--33e933)}._1SK7Uw._2Ia3G8{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw svg{height:var(--f02c4e);width:var(--f02c4e)}";
3
+ var css_248z = "._1SK7Uw{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:var(--0191ea);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--3caeb9);justify-content:center;min-width:var(--d57208);outline:none;-ms-touch-action:manipulation;touch-action:manipulation}@media (hover:hover) and (pointer:fine){._1SK7Uw:hover{background-color:var(--0bbea4)}}._1SK7Uw:active{background-color:var(--33e933)}._1SK7Uw._2Ia3G8{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1SK7Uw svg{height:var(--f02c4e);width:var(--f02c4e)}";
4
4
  var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldButton/style/index.module.less",__css:css_248z,"FieldButton":"_1SK7Uw","focus-visible":"_2Ia3G8"};
5
5
  var stylesheet=css_248z;
6
6
  styleInject(css_248z);
package/dist/components/FieldButton/style/mixins.less CHANGED
@@ -3,6 +3,7 @@
3
3
  @import '@preply/ds-web-core/dist/touch/style/mixins.less';
4
4
  @import '@preply/ds-web-core/dist/responsive/style/mixins.less';
5
5
  @import '@preply/ds-web-core/dist/theme/style/declarations.mixins.less';
6
+ @import '@preply/ds-web-core/dist/generated/hover.less';
6
7
 
7
8
  .field-button() {
8
9
  display: flex;
@@ -20,9 +21,9 @@
20
21
 
21
22
  .avoid-default-tap-highlight();
22
23
 
23
- &:hover {
24
+ .onHover({
24
25
  .bg-color('action', 'inline-hover');
25
- }
26
+ });
26
27
 
27
28
  &:active {
28
29
  .bg-color('action', 'inline-active');
package/dist/components/FieldLayout/style/index.module.less.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "._3wd25W{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--302ecf);background-color:var(--211bc0);border-radius:var(--c4b051);color:var(--41d493);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}._3wd25W:hover input,._3wd25W:hover textarea{border-color:var(--0bd642)}._3wd25W input,._3wd25W textarea{background:none;border:var(--d9baa3) solid var(--29cd58);border-radius:var(--c4b051);font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:calc(var(--477fda) - var(--d9baa3))}._3wd25W input::-webkit-input-placeholder,._3wd25W textarea::-webkit-input-placeholder{color:var(--d9209f)}._3wd25W input::-moz-placeholder,._3wd25W textarea::-moz-placeholder{color:var(--d9209f)}._3wd25W input:-ms-input-placeholder,._3wd25W textarea:-ms-input-placeholder{color:var(--d9209f)}._3wd25W input::-ms-input-placeholder,._3wd25W textarea::-ms-input-placeholder{color:var(--d9209f)}._3wd25W input::placeholder,._3wd25W textarea::placeholder{color:var(--d9209f)}.dR7X8n{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0;height:100%;left:calc(var(--477fda) - var(--d9baa3));pointer-events:none;position:absolute;top:0}.dR7X8n svg{color:var(--cbc724)}._2LQKru ._3wd25W input{padding-left:calc(var(--477fda) - var(--d9baa3) + var(--7c1b1c) + var(--1ba55a))}._2ywoTt ._3wd25W input{padding-right:58px}._2oOvNj ._3wd25W{background-color:var(--95df5b)}._2oOvNj ._3wd25W input,._2oOvNj ._3wd25W textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._2oOvNj .dR7X8n svg{color:var(--7b0f41)}._3VIW2W ._3wd25W input,._3VIW2W ._3wd25W textarea{border-color:var(--398094)}._2AzKuR ._3wd25W{background-color:var(--04daeb)}._2AzKuR ._3wd25W input,._2AzKuR ._3wd25W textarea{border-color:transparent}._3wd25W button{margin-bottom:calc(var(--1ba55a)*-1);margin-top:calc(var(--1ba55a)*-1);position:absolute;right:var(--6947b0);top:calc(var(--1ba55a) + var(--6947b0))}";
3
+ var css_248z = "._3wd25W{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--302ecf);background-color:var(--211bc0);border-radius:var(--c4b051);color:var(--41d493);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}@media (hover:hover) and (pointer:fine){._3wd25W:hover input,._3wd25W:hover textarea{border-color:var(--0bd642)}}._3wd25W input,._3wd25W textarea{background:none;border:var(--d9baa3) solid var(--29cd58);border-radius:var(--c4b051);font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:calc(var(--477fda) - var(--d9baa3))}._3wd25W input::-webkit-input-placeholder,._3wd25W textarea::-webkit-input-placeholder{color:var(--d9209f)}._3wd25W input::-moz-placeholder,._3wd25W textarea::-moz-placeholder{color:var(--d9209f)}._3wd25W input:-ms-input-placeholder,._3wd25W textarea:-ms-input-placeholder{color:var(--d9209f)}._3wd25W input::-ms-input-placeholder,._3wd25W textarea::-ms-input-placeholder{color:var(--d9209f)}._3wd25W input::placeholder,._3wd25W textarea::placeholder{color:var(--d9209f)}.dR7X8n{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0;height:100%;left:calc(var(--477fda) - var(--d9baa3));pointer-events:none;position:absolute;top:0}.dR7X8n svg{color:var(--cbc724)}._2LQKru ._3wd25W input{padding-left:calc(var(--477fda) - var(--d9baa3) + var(--7c1b1c) + var(--1ba55a))}._2ywoTt ._3wd25W input{padding-right:58px}._2oOvNj ._3wd25W{background-color:var(--95df5b)}._2oOvNj ._3wd25W input,._2oOvNj ._3wd25W textarea{border-color:var(--eaf4a3);color:var(--7b0f41)}._2oOvNj .dR7X8n svg{color:var(--7b0f41)}._3VIW2W ._3wd25W input,._3VIW2W ._3wd25W textarea{border-color:var(--398094)}._2AzKuR ._3wd25W{background-color:var(--04daeb)}._2AzKuR ._3wd25W input,._2AzKuR ._3wd25W textarea{border-color:transparent}._3wd25W button{margin-bottom:calc(var(--1ba55a)*-1);margin-top:calc(var(--1ba55a)*-1);position:absolute;right:var(--6947b0);top:calc(var(--1ba55a) + var(--6947b0))}";
4
4
  var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldLayout/style/index.module.less",__css:css_248z,"FieldLayout--input":"_3wd25W","FieldLayout--icon":"dR7X8n","FieldLayout--has-icon":"_2LQKru","FieldLayout--has-button":"_2ywoTt","FieldLayout--has-error":"_2oOvNj","FieldLayout--is-focused":"_3VIW2W","FieldLayout--is-disabled":"_2AzKuR"};
5
5
  var stylesheet=css_248z;
6
6
  styleInject(css_248z);
package/dist/components/FieldLayout/style/mixins.less CHANGED
@@ -1,5 +1,6 @@
1
1
  @import '@preply/ds-web-core/dist/focus/style/mixins.less';
2
2
  @import '@preply/ds-web-core/dist/generated/tokens.less';
3
+ @import '@preply/ds-web-core/dist/generated/hover.less';
3
4
  @import '@preply/ds-web-core/dist/typography/style/mixins.less';
4
5
 
5
6
  // https://stackoverflow.com/questions/14279328/is-there-a-way-to-use-variables-in-less-for-the-operator-like-calc100
@@ -18,12 +19,13 @@
18
19
  background-color: @color-background-secondary;
19
20
  .color('input', 'base');
20
21
  .bg-color('input', 'base');
21
- &:hover {
22
+
23
+ .onHover({
22
24
  input,
23
25
  textarea {
24
26
  .border-color('border', 'hover');
25
27
  }
26
- }
28
+ });
27
29
 
28
30
  input,
29
31
  textarea {
package/dist/components/private/ButtonBase/style/index.module.less.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "._3hHYL8{width:100%}._1iptd0{width:auto}@media (min-width:400px){._2ghB2K{width:100%}.eYcGG3{width:auto}}@media (min-width:700px){._1qWN7E{width:100%}.wEf49e{width:auto}}@media (min-width:880px){._17V9hZ{width:100%}.Gvat7x{width:auto}}@media (min-width:1200px){._3Z_U9Y{width:100%}._35vY4m{width:auto}}@media (min-width:1900px){._1ViAy9{width:100%}.qy6lL9{width:auto}}._31l8bu{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;background-color:transparent;border:var(--0b1b71) solid transparent;border-radius:var(--8d5131);color:var(--aface6);cursor:pointer;font-size:var(--8d63e4);font-weight:var(--d61910);line-height:var(--d4313c);outline:none;position:relative;text-align:center;text-decoration:none;-ms-touch-action:manipulation;touch-action:manipulation;-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(--0aee7b);gap:var(--0aee7b);vertical-align:baseline}._3B1mWU ._1Mv9ye svg{height:var(--f02c4e);width:var(--f02c4e)}._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],._31l8bu[disabled]:hover{background-color:var(--04daeb);border-color:var(--e05289);color:var(--a8b89c);cursor:not-allowed}._31l8bu._1FbZSm{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._31l8bu:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1S4uD4{cursor:default;pointer-events:none}._1S4uD4 ._1Mv9ye{visibility:hidden}.WxNTfY{width:100%}._3QJ6Hl{width:auto}@media (min-width:400px){._2DAIbw{width:100%}._3ucBWh{width:auto}}@media (min-width:700px){._3ibkTo{width:100%}.qKlnnB{width:auto}}@media (min-width:880px){.XgtEv8{width:100%}._2SkVZB{width:auto}}@media (min-width:1200px){._1_wwhF{width:100%}._2fYjNF{width:auto}}@media (min-width:1900px){._4nUwGY{width:100%}._18-Bpr{width:auto}}._2UUzTb{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}._11s-ki{height:var(--50cc65);padding:0;width:var(--50cc65)}.f5AXpU{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._6FVgw3{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1jI8S4{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}.W-cta5{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3MD2lP{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._3lMgNy{height:var(--26156f);padding:0;width:var(--26156f)}._33xIkb{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._3tmMGE{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._131JVG{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._2ZEg1D{height:var(--3d8452);padding:0;width:var(--3d8452)}._3X_BYq{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}.OoBI-Y{height:var(--c82a41);padding:0;width:var(--c82a41)}._2F1HkY{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._32t-NB{height:var(--5eca09);padding:0;width:var(--5eca09)}@media (min-width:400px){._1Fui6C{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}._3sOzzZ{height:var(--50cc65);padding:0;width:var(--50cc65)}._2zoyDK{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}.qHsjRA{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._339yV6{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}._2Avv9s{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3jYX4K{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._2LnQRW{height:var(--26156f);padding:0;width:var(--26156f)}._38wUKC{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._2htxLT{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._2XKmx0{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._3q5FnI{height:var(--3d8452);padding:0;width:var(--3d8452)}.eKV37f{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._13BF0T{height:var(--c82a41);padding:0;width:var(--c82a41)}._235qVd{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._1_jlEn{height:var(--5eca09);padding:0;width:var(--5eca09)}}@media (min-width:700px){._3MaUF9{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}._2xYp55{height:var(--50cc65);padding:0;width:var(--50cc65)}._1ZbRnu{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._1Y-AhY{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._3LZmYy{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}._NVra0{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._1aS8lZ{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._3v3udu{height:var(--26156f);padding:0;width:var(--26156f)}._16xT4Z{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}.P-YFev{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._3JnUwg{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._32QjAJ{height:var(--3d8452);padding:0;width:var(--3d8452)}._31nbAh{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._3nibnA{height:var(--c82a41);padding:0;width:var(--c82a41)}.TPB6vg{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._2Edttp{height:var(--5eca09);padding:0;width:var(--5eca09)}}@media (min-width:880px){._7hxDKc{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}.KmFWXd{height:var(--50cc65);padding:0;width:var(--50cc65)}._3UDkIj{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._3o5YX-{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._2PMGXq{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}.T4DFya{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._2gMpQ6{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._0Is2O{height:var(--26156f);padding:0;width:var(--26156f)}._3MqJlW{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._1dQ77F{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._3wptvr{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._38t1Gp{height:var(--3d8452);padding:0;width:var(--3d8452)}.NPCdt5{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._1q-9F0{height:var(--c82a41);padding:0;width:var(--c82a41)}._2yD2s_{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._1iyvBl{height:var(--5eca09);padding:0;width:var(--5eca09)}}@media (min-width:1200px){.AqbzL7{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}.ooyL9P{height:var(--50cc65);padding:0;width:var(--50cc65)}._2UPys-{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._20uvg_{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1CHfKl{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}.OXR3lz{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._1rSSOv{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}.VHT7H8{height:var(--26156f);padding:0;width:var(--26156f)}._3DLN3h{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._1nD5GZ{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._32WcBi{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._1q4OQA{height:var(--3d8452);padding:0;width:var(--3d8452)}.YlzFug{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._2xAzYr{height:var(--c82a41);padding:0;width:var(--c82a41)}._1UR1ZK{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._2amMXx{height:var(--5eca09);padding:0;width:var(--5eca09)}}@media (min-width:1900px){._1vcX6P{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}._2hfhpz{height:var(--50cc65);padding:0;width:var(--50cc65)}._1SB59X{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._2mEdq9{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1KmJ7a{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}._2R9lOj{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3oo5_m{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._3ttJoT{height:var(--26156f);padding:0;width:var(--26156f)}.maQZRc{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._1KfKav{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._1vNhEd{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._1mgfIz{height:var(--3d8452);padding:0;width:var(--3d8452)}._2zPzGU{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._1RCcwP{height:var(--c82a41);padding:0;width:var(--c82a41)}._2bRcw5{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._2W5-IA{height:var(--5eca09);padding:0;width:var(--5eca09)}}._hzLAU{background-color:var(--508b34);border-color:var(--44bfe9);color:var(--d2baa6);-webkit-text-decoration:var(--74cfa2);text-decoration:var(--74cfa2)}._3qV6TH,._hzLAU:hover{background-color:var(--902b50);color:var(--df6151)}._hzLAU[disabled],._hzLAU[disabled]:hover{border-color:var(--f0720e)}._2duUhI,._hzLAU:active{background-color:var(--c1c1ca);color:var(--15cee1)}.wj4gqc{background-color:var(--e56164);border-color:var(--ab736c);color:var(--1614c9);-webkit-text-decoration:var(--c6c73d);text-decoration:var(--c6c73d)}._2Y4NZw,.wj4gqc:hover{background-color:var(--0d124d);color:var(--0d6ae2)}.wj4gqc[disabled],.wj4gqc[disabled]:hover{border-color:var(--3f0f51)}._3g52sd,.wj4gqc:active{background-color:var(--33b439);color:var(--22cb4c)}._3xhNOP{background-color:var(--28f3c1);border-color:var(--10556e);color:var(--937543);-webkit-text-decoration:var(--ce0e6a);text-decoration:var(--ce0e6a)}._3xhNOP:hover,._31LNkz{background-color:var(--ec17be);color:var(--175a77)}._3xhNOP[disabled],._3xhNOP[disabled]:hover{border-color:var(--fd08b7)}._3xhNOP:active,._5Y4Nfx{background-color:var(--b0bf50);color:var(--8274ee)}._3A21nR{background-color:var(--e46449);border-color:var(--0e9e01);color:var(--9cf6ec);-webkit-text-decoration:var(--5c0a2f);text-decoration:var(--5c0a2f)}._2RC6Rj,._3A21nR:hover{background-color:var(--afc176);color:var(--6609c6)}._3A21nR[disabled],._3A21nR[disabled]:hover{border-color:var(--3e2684)}._3A21nR:active,.sI18mN{background-color:var(--2ee553);color:var(--e9f226)}._2KP2CA{background-color:var(--64bffa);border-color:var(--39e128);color:var(--255ddc);-webkit-text-decoration:var(--31d455);text-decoration:var(--31d455)}._2KP2CA:hover,._2ZCqve{background-color:var(--3b749f);color:var(--e69072)}._2KP2CA[disabled],._2KP2CA[disabled]:hover{border-color:var(--af2d26)}._2KP2CA:active,._3jP1Oo{background-color:var(--6beb48);color:var(--ddf285)}._3edP56{background-color:var(--a5cfbe);color:var(--5f5238)}._2ssLbd{background-color:var(--bbb356);border-color:var(--0cad84);color:var(--122a99);-webkit-text-decoration:var(--d2d32f);text-decoration:var(--d2d32f)}._2sc_B9,._2ssLbd:hover{background-color:var(--df2aca);color:var(--1265db)}._2ssLbd[disabled],._2ssLbd[disabled]:hover{border-color:var(--c6b607)}._2ssLbd:active,._3t3pbU{background-color:var(--435fa5);color:var(--a41624)}._2Uo_yl{background-color:var(--118bda);border-color:var(--ab5970);color:var(--efde5b);-webkit-text-decoration:var(--0bf14c);text-decoration:var(--0bf14c)}._2Uo_yl:hover,._3Ga_QP{background-color:var(--e0b0f4);color:var(--6f5d5d)}._2Uo_yl[disabled],._2Uo_yl[disabled]:hover{border-color:var(--7deffa)}._2Uo_yl:active,.B3SjoB{background-color:var(--a5eaa1);color:var(--6b4e92)}._3h97pQ{background-color:var(--faae28);border-color:var(--b357d0);color:var(--f68030);-webkit-text-decoration:var(--91f4fa);text-decoration:var(--91f4fa)}._3h97pQ:hover,.UkBFjJ{background-color:var(--064c43);color:var(--c3136e)}._3h97pQ[disabled],._3h97pQ[disabled]:hover{border-color:var(--e117c7)}._3h97pQ:active,.US3gqN{background-color:var(--152a7a);color:var(--f9fba8)}._3ZDPJU{background-color:var(--d64a99);border-color:var(--d2723c);color:var(--96343f);-webkit-text-decoration:var(--af7137);text-decoration:var(--af7137)}._1OdWqJ,._3ZDPJU:hover{background-color:var(--549e56);color:var(--145384)}._3ZDPJU[disabled],._3ZDPJU[disabled]:hover{border-color:var(--e1a214)}._3ZDPJU:active,.zn3jFa{background-color:var(--936fce);color:var(--f772e8)}._2c1499{background-color:var(--7a038f);border-color:var(--38faba);color:var(--8d482c);-webkit-text-decoration:var(--4d5ea8);text-decoration:var(--4d5ea8)}._1RKu-A,._2c1499:hover{background-color:var(--077a93);color:var(--55bfda)}._2c1499[disabled],._2c1499[disabled]:hover{border-color:var(--659377)}._2c1499:active,._2Cf0t9{background-color:var(--45d93a);color:var(--b62751)}.wRdmSF{background-color:var(--16a985);color:var(--a0b42b)}._1UhbVz{background-color:var(--6c36b5);border-color:var(--4a9eb5);color:var(--4a94de);-webkit-text-decoration:var(--6c9741);text-decoration:var(--6c9741)}._1rlsqj,._1UhbVz:hover{background-color:var(--dcdb32);color:var(--3e45d7)}._1UhbVz[disabled],._1UhbVz[disabled]:hover{border-color:var(--e7f949)}._1UhbVz:active,._1wWG4c{background-color:var(--fc3d8b);color:var(--cb03bc)}.r50k0K{background-color:var(--4aa1b1);border-color:var(--f103e9);color:var(--c93681);-webkit-text-decoration:var(--6e7352);text-decoration:var(--6e7352)}._2Jc14N,.r50k0K:hover{background-color:var(--46a009);color:var(--e91696)}.r50k0K[disabled],.r50k0K[disabled]:hover{border-color:var(--f6a20e)}._1Zj5jz,.r50k0K:active{background-color:var(--dd5a43);color:var(--58d992)}._1kfg5j{background-color:var(--c54155);border-color:var(--fe1378);color:var(--81b7df);-webkit-text-decoration:var(--fb8624);text-decoration:var(--fb8624)}._1kfg5j:hover,._1Lb0hC{background-color:var(--8a16b5);color:var(--79a09e)}._1kfg5j[disabled],._1kfg5j[disabled]:hover{border-color:var(--e797f1)}._1kfg5j:active,._2gvVEi{background-color:var(--de59a1);color:var(--77e945)}.swKWn7{background-color:var(--7dbfce);border-color:var(--a7eddc);color:var(--ad44c3);-webkit-text-decoration:var(--fd7ece);text-decoration:var(--fd7ece)}._2IOdAN,.swKWn7:hover{background-color:var(--dd2815);color:var(--ddcea1)}.swKWn7[disabled],.swKWn7[disabled]:hover{border-color:var(--7d2338)}._3dzhrE,.swKWn7:active{background-color:var(--b3e453);color:var(--d4762b)}._9lz6YH{background-color:var(--1bdcc0);border-color:var(--8e8894);color:var(--aa08fb);-webkit-text-decoration:var(--c82204);text-decoration:var(--c82204)}._2db49i,._9lz6YH:hover{background-color:var(--f043dc);color:var(--59b757)}._3PEh1h,._9lz6YH:active{background-color:var(--5bba7d);color:var(--349ae3)}._9lz6YH{-o-border-image:var(--0b0037);border-image:var(--0b0037)}._9lz6YH[disabled],._9lz6YH[disabled]:hover{border-color:var(--6ac212);-o-border-image:initial;border-image:none;border-image:initial}._1rbWLs{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}";
3
+ var css_248z = "._3hHYL8{width:100%}._1iptd0{width:auto}@media (min-width:400px){._2ghB2K{width:100%}.eYcGG3{width:auto}}@media (min-width:700px){._1qWN7E{width:100%}.wEf49e{width:auto}}@media (min-width:880px){._17V9hZ{width:100%}.Gvat7x{width:auto}}@media (min-width:1200px){._3Z_U9Y{width:100%}._35vY4m{width:auto}}@media (min-width:1900px){._1ViAy9{width:100%}.qy6lL9{width:auto}}._31l8bu{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;background-color:transparent;border:var(--0b1b71) solid transparent;border-radius:var(--8d5131);color:var(--aface6);cursor:pointer;font-size:var(--8d63e4);font-weight:var(--d61910);line-height:var(--d4313c);outline:none;position:relative;text-align:center;text-decoration:none;-ms-touch-action:manipulation;touch-action:manipulation;-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(--0aee7b);gap:var(--0aee7b);vertical-align:baseline}._3B1mWU ._1Mv9ye svg{height:var(--f02c4e);width:var(--f02c4e)}._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],._31l8bu[disabled]:hover{background-color:var(--04daeb);border-color:var(--e05289);color:var(--a8b89c);cursor:not-allowed}._31l8bu._1FbZSm{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._31l8bu:focus-visible{outline-color:var(--603ec6);outline-offset:var(--c0b12c);outline-style:solid;outline-width:var(--99d31f)}._1S4uD4{cursor:default;pointer-events:none}._1S4uD4 ._1Mv9ye{visibility:hidden}.WxNTfY{width:100%}._3QJ6Hl{width:auto}@media (min-width:400px){._2DAIbw{width:100%}._3ucBWh{width:auto}}@media (min-width:700px){._3ibkTo{width:100%}.qKlnnB{width:auto}}@media (min-width:880px){.XgtEv8{width:100%}._2SkVZB{width:auto}}@media (min-width:1200px){._1_wwhF{width:100%}._2fYjNF{width:auto}}@media (min-width:1900px){._4nUwGY{width:100%}._18-Bpr{width:auto}}._2UUzTb{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}._11s-ki{height:var(--50cc65);padding:0;width:var(--50cc65)}.f5AXpU{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._6FVgw3{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1jI8S4{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}.W-cta5{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3MD2lP{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._3lMgNy{height:var(--26156f);padding:0;width:var(--26156f)}._33xIkb{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._3tmMGE{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._131JVG{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._2ZEg1D{height:var(--3d8452);padding:0;width:var(--3d8452)}._3X_BYq{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}.OoBI-Y{height:var(--c82a41);padding:0;width:var(--c82a41)}._2F1HkY{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._32t-NB{height:var(--5eca09);padding:0;width:var(--5eca09)}@media (min-width:400px){._1Fui6C{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}._3sOzzZ{height:var(--50cc65);padding:0;width:var(--50cc65)}._2zoyDK{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}.qHsjRA{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._339yV6{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}._2Avv9s{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3jYX4K{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._2LnQRW{height:var(--26156f);padding:0;width:var(--26156f)}._38wUKC{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._2htxLT{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._2XKmx0{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._3q5FnI{height:var(--3d8452);padding:0;width:var(--3d8452)}.eKV37f{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._13BF0T{height:var(--c82a41);padding:0;width:var(--c82a41)}._235qVd{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._1_jlEn{height:var(--5eca09);padding:0;width:var(--5eca09)}}@media (min-width:700px){._3MaUF9{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}._2xYp55{height:var(--50cc65);padding:0;width:var(--50cc65)}._1ZbRnu{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._1Y-AhY{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._3LZmYy{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}._NVra0{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._1aS8lZ{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._3v3udu{height:var(--26156f);padding:0;width:var(--26156f)}._16xT4Z{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}.P-YFev{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._3JnUwg{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._32QjAJ{height:var(--3d8452);padding:0;width:var(--3d8452)}._31nbAh{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._3nibnA{height:var(--c82a41);padding:0;width:var(--c82a41)}.TPB6vg{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._2Edttp{height:var(--5eca09);padding:0;width:var(--5eca09)}}@media (min-width:880px){._7hxDKc{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}.KmFWXd{height:var(--50cc65);padding:0;width:var(--50cc65)}._3UDkIj{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._3o5YX-{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._2PMGXq{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}.T4DFya{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._2gMpQ6{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._0Is2O{height:var(--26156f);padding:0;width:var(--26156f)}._3MqJlW{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._1dQ77F{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._3wptvr{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._38t1Gp{height:var(--3d8452);padding:0;width:var(--3d8452)}.NPCdt5{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._1q-9F0{height:var(--c82a41);padding:0;width:var(--c82a41)}._2yD2s_{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._1iyvBl{height:var(--5eca09);padding:0;width:var(--5eca09)}}@media (min-width:1200px){.AqbzL7{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}.ooyL9P{height:var(--50cc65);padding:0;width:var(--50cc65)}._2UPys-{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._20uvg_{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1CHfKl{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}.OXR3lz{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._1rSSOv{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}.VHT7H8{height:var(--26156f);padding:0;width:var(--26156f)}._3DLN3h{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._1nD5GZ{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._32WcBi{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._1q4OQA{height:var(--3d8452);padding:0;width:var(--3d8452)}.YlzFug{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._2xAzYr{height:var(--c82a41);padding:0;width:var(--c82a41)}._1UR1ZK{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._2amMXx{height:var(--5eca09);padding:0;width:var(--5eca09)}}@media (min-width:1900px){._1vcX6P{font-size:var(--357dd0);letter-spacing:var(--027f88);min-height:var(--50cc65);padding:calc(var(--50cc65)/2 - var(--d4313c)*var(--357dd0)/2 - var(--0b1b71)) var(--29b033)}._2hfhpz{height:var(--50cc65);padding:0;width:var(--50cc65)}._1SB59X{font-size:var(--b47a67);letter-spacing:var(--fc5c61);min-height:var(--2f2e00);padding:calc(var(--2f2e00)/2 - var(--d4313c)*var(--b47a67)/2 - var(--0b1b71)) var(--65766b)}._2mEdq9{height:var(--2f2e00);padding:0;width:var(--2f2e00)}._1KmJ7a{font-size:var(--89a358);letter-spacing:var(--2e1239);min-height:var(--bcfcbc);padding:calc(var(--bcfcbc)/2 - var(--d4313c)*var(--89a358)/2 - var(--0b1b71)) var(--0f2d7e)}._2R9lOj{height:var(--bcfcbc);padding:0;width:var(--bcfcbc)}._3oo5_m{font-size:var(--a899be);letter-spacing:var(--c04d5d);min-height:var(--26156f);padding:calc(var(--26156f)/2 - var(--d4313c)*var(--a899be)/2 - var(--0b1b71)) var(--b1c76a)}._3ttJoT{height:var(--26156f);padding:0;width:var(--26156f)}.maQZRc{font-size:var(--f7be07);letter-spacing:var(--a34be4);min-height:var(--d6bfc9);padding:calc(var(--d6bfc9)/2 - var(--d4313c)*var(--f7be07)/2 - var(--0b1b71)) var(--88eefe)}._1KfKav{height:var(--d6bfc9);padding:0;width:var(--d6bfc9)}._1vNhEd{font-size:var(--56d354);letter-spacing:var(--dc9bea);min-height:var(--3d8452);padding:calc(var(--3d8452)/2 - var(--d4313c)*var(--56d354)/2 - var(--0b1b71)) var(--79f043)}._1mgfIz{height:var(--3d8452);padding:0;width:var(--3d8452)}._2zPzGU{font-size:var(--c84e20);letter-spacing:var(--ad1bd2);min-height:var(--c82a41);padding:calc(var(--c82a41)/2 - var(--d4313c)*var(--c84e20)/2 - var(--0b1b71)) var(--aebd97)}._1RCcwP{height:var(--c82a41);padding:0;width:var(--c82a41)}._2bRcw5{font-size:var(--f20194);letter-spacing:var(--9663af);min-height:var(--5eca09);padding:calc(var(--5eca09)/2 - var(--d4313c)*var(--f20194)/2 - var(--0b1b71)) var(--d17b90)}._2W5-IA{height:var(--5eca09);padding:0;width:var(--5eca09)}}._hzLAU{background-color:var(--508b34);border-color:var(--44bfe9);color:var(--d2baa6);-webkit-text-decoration:var(--74cfa2);text-decoration:var(--74cfa2)}._3qV6TH{background-color:var(--902b50);color:var(--df6151)}@media (hover:hover) and (pointer:fine){._hzLAU:hover{background-color:var(--902b50);color:var(--df6151)}}._hzLAU[disabled],._hzLAU[disabled]:hover{border-color:var(--f0720e)}._2duUhI,._hzLAU:active{background-color:var(--c1c1ca);color:var(--15cee1)}.wj4gqc{background-color:var(--e56164);border-color:var(--ab736c);color:var(--1614c9);-webkit-text-decoration:var(--c6c73d);text-decoration:var(--c6c73d)}._2Y4NZw{background-color:var(--0d124d);color:var(--0d6ae2)}@media (hover:hover) and (pointer:fine){.wj4gqc:hover{background-color:var(--0d124d);color:var(--0d6ae2)}}.wj4gqc[disabled],.wj4gqc[disabled]:hover{border-color:var(--3f0f51)}._3g52sd,.wj4gqc:active{background-color:var(--33b439);color:var(--22cb4c)}._3xhNOP{background-color:var(--28f3c1);border-color:var(--10556e);color:var(--937543);-webkit-text-decoration:var(--ce0e6a);text-decoration:var(--ce0e6a)}._31LNkz{background-color:var(--ec17be);color:var(--175a77)}@media (hover:hover) and (pointer:fine){._3xhNOP:hover{background-color:var(--ec17be);color:var(--175a77)}}._3xhNOP[disabled],._3xhNOP[disabled]:hover{border-color:var(--fd08b7)}._3xhNOP:active,._5Y4Nfx{background-color:var(--b0bf50);color:var(--8274ee)}._3A21nR{background-color:var(--e46449);border-color:var(--0e9e01);color:var(--9cf6ec);-webkit-text-decoration:var(--5c0a2f);text-decoration:var(--5c0a2f)}._2RC6Rj{background-color:var(--afc176);color:var(--6609c6)}@media (hover:hover) and (pointer:fine){._3A21nR:hover{background-color:var(--afc176);color:var(--6609c6)}}._3A21nR[disabled],._3A21nR[disabled]:hover{border-color:var(--3e2684)}._3A21nR:active,.sI18mN{background-color:var(--2ee553);color:var(--e9f226)}._2KP2CA{background-color:var(--64bffa);border-color:var(--39e128);color:var(--255ddc);-webkit-text-decoration:var(--31d455);text-decoration:var(--31d455)}._2ZCqve{background-color:var(--3b749f);color:var(--e69072)}@media (hover:hover) and (pointer:fine){._2KP2CA:hover{background-color:var(--3b749f);color:var(--e69072)}}._2KP2CA[disabled],._2KP2CA[disabled]:hover{border-color:var(--af2d26)}._2KP2CA:active,._3jP1Oo{background-color:var(--6beb48);color:var(--ddf285)}._3edP56{background-color:var(--a5cfbe);color:var(--5f5238)}._2ssLbd{background-color:var(--bbb356);border-color:var(--0cad84);color:var(--122a99);-webkit-text-decoration:var(--d2d32f);text-decoration:var(--d2d32f)}._2sc_B9{background-color:var(--df2aca);color:var(--1265db)}@media (hover:hover) and (pointer:fine){._2ssLbd:hover{background-color:var(--df2aca);color:var(--1265db)}}._2ssLbd[disabled],._2ssLbd[disabled]:hover{border-color:var(--c6b607)}._2ssLbd:active,._3t3pbU{background-color:var(--435fa5);color:var(--a41624)}._2Uo_yl{background-color:var(--118bda);border-color:var(--ab5970);color:var(--efde5b);-webkit-text-decoration:var(--0bf14c);text-decoration:var(--0bf14c)}._3Ga_QP{background-color:var(--e0b0f4);color:var(--6f5d5d)}@media (hover:hover) and (pointer:fine){._2Uo_yl:hover{background-color:var(--e0b0f4);color:var(--6f5d5d)}}._2Uo_yl[disabled],._2Uo_yl[disabled]:hover{border-color:var(--7deffa)}._2Uo_yl:active,.B3SjoB{background-color:var(--a5eaa1);color:var(--6b4e92)}._3h97pQ{background-color:var(--faae28);border-color:var(--b357d0);color:var(--f68030);-webkit-text-decoration:var(--91f4fa);text-decoration:var(--91f4fa)}.UkBFjJ{background-color:var(--064c43);color:var(--c3136e)}@media (hover:hover) and (pointer:fine){._3h97pQ:hover{background-color:var(--064c43);color:var(--c3136e)}}._3h97pQ[disabled],._3h97pQ[disabled]:hover{border-color:var(--e117c7)}._3h97pQ:active,.US3gqN{background-color:var(--152a7a);color:var(--f9fba8)}._3ZDPJU{background-color:var(--d64a99);border-color:var(--d2723c);color:var(--96343f);-webkit-text-decoration:var(--af7137);text-decoration:var(--af7137)}._1OdWqJ{background-color:var(--549e56);color:var(--145384)}@media (hover:hover) and (pointer:fine){._3ZDPJU:hover{background-color:var(--549e56);color:var(--145384)}}._3ZDPJU[disabled],._3ZDPJU[disabled]:hover{border-color:var(--e1a214)}._3ZDPJU:active,.zn3jFa{background-color:var(--936fce);color:var(--f772e8)}._2c1499{background-color:var(--7a038f);border-color:var(--38faba);color:var(--8d482c);-webkit-text-decoration:var(--4d5ea8);text-decoration:var(--4d5ea8)}._1RKu-A{background-color:var(--077a93);color:var(--55bfda)}@media (hover:hover) and (pointer:fine){._2c1499:hover{background-color:var(--077a93);color:var(--55bfda)}}._2c1499[disabled],._2c1499[disabled]:hover{border-color:var(--659377)}._2c1499:active,._2Cf0t9{background-color:var(--45d93a);color:var(--b62751)}.wRdmSF{background-color:var(--16a985);color:var(--a0b42b)}._1UhbVz{background-color:var(--6c36b5);border-color:var(--4a9eb5);color:var(--4a94de);-webkit-text-decoration:var(--6c9741);text-decoration:var(--6c9741)}._1rlsqj{background-color:var(--dcdb32);color:var(--3e45d7)}@media (hover:hover) and (pointer:fine){._1UhbVz:hover{background-color:var(--dcdb32);color:var(--3e45d7)}}._1UhbVz[disabled],._1UhbVz[disabled]:hover{border-color:var(--e7f949)}._1UhbVz:active,._1wWG4c{background-color:var(--fc3d8b);color:var(--cb03bc)}.r50k0K{background-color:var(--4aa1b1);border-color:var(--f103e9);color:var(--c93681);-webkit-text-decoration:var(--6e7352);text-decoration:var(--6e7352)}._2Jc14N{background-color:var(--46a009);color:var(--e91696)}@media (hover:hover) and (pointer:fine){.r50k0K:hover{background-color:var(--46a009);color:var(--e91696)}}.r50k0K[disabled],.r50k0K[disabled]:hover{border-color:var(--f6a20e)}._1Zj5jz,.r50k0K:active{background-color:var(--dd5a43);color:var(--58d992)}._1kfg5j{background-color:var(--c54155);border-color:var(--fe1378);color:var(--81b7df);-webkit-text-decoration:var(--fb8624);text-decoration:var(--fb8624)}._1Lb0hC{background-color:var(--8a16b5);color:var(--79a09e)}@media (hover:hover) and (pointer:fine){._1kfg5j:hover{background-color:var(--8a16b5);color:var(--79a09e)}}._1kfg5j[disabled],._1kfg5j[disabled]:hover{border-color:var(--e797f1)}._1kfg5j:active,._2gvVEi{background-color:var(--de59a1);color:var(--77e945)}.swKWn7{background-color:var(--7dbfce);border-color:var(--a7eddc);color:var(--ad44c3);-webkit-text-decoration:var(--fd7ece);text-decoration:var(--fd7ece)}._2IOdAN{background-color:var(--dd2815);color:var(--ddcea1)}@media (hover:hover) and (pointer:fine){.swKWn7:hover{background-color:var(--dd2815);color:var(--ddcea1)}}.swKWn7[disabled],.swKWn7[disabled]:hover{border-color:var(--7d2338)}._3dzhrE,.swKWn7:active{background-color:var(--b3e453);color:var(--d4762b)}._9lz6YH{background-color:var(--1bdcc0);border-color:var(--8e8894);color:var(--aa08fb);-webkit-text-decoration:var(--c82204);text-decoration:var(--c82204)}._2db49i{background-color:var(--f043dc);color:var(--59b757)}@media (hover:hover) and (pointer:fine){._9lz6YH:hover{background-color:var(--f043dc);color:var(--59b757)}}._3PEh1h,._9lz6YH:active{background-color:var(--5bba7d);color:var(--349ae3)}._9lz6YH{-o-border-image:var(--0b0037);border-image:var(--0b0037)}._9lz6YH[disabled],._9lz6YH[disabled]:hover{border-color:var(--6ac212);-o-border-image:initial;border-image:none;border-image:initial}._1rbWLs{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}";
4
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":"_2ghB2K","button-width--narrow-l--width-auto":"eYcGG3","button-width--medium-s--width-full":"_1qWN7E","button-width--medium-s--width-auto":"wEf49e","button-width--medium-l--width-full":"_17V9hZ","button-width--medium-l--width-auto":"Gvat7x","button-width--wide-s--width-full":"_3Z_U9Y","button-width--wide-s--width-auto":"_35vY4m","button-width--wide-l--width-full":"_1ViAy9","button-width--wide-l--width-auto":"qy6lL9","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":"_2DAIbw","ButtonBase--narrow-l--width-auto":"_3ucBWh","ButtonBase--medium-s--width-full":"_3ibkTo","ButtonBase--medium-s--width-auto":"qKlnnB","ButtonBase--medium-l--width-full":"XgtEv8","ButtonBase--medium-l--width-auto":"_2SkVZB","ButtonBase--wide-s--width-full":"_1_wwhF","ButtonBase--wide-s--width-auto":"_2fYjNF","ButtonBase--wide-l--width-full":"_4nUwGY","ButtonBase--wide-l--width-auto":"_18-Bpr","ButtonBase--size-xs":"_2UUzTb","ButtonBase--is-icon-button-size-xs":"_11s-ki","ButtonBase--size-s":"f5AXpU","ButtonBase--is-icon-button-size-s":"_6FVgw3","ButtonBase--size-m":"_1jI8S4","ButtonBase--is-icon-button-size-m":"W-cta5","ButtonBase--size-l":"_3MD2lP","ButtonBase--is-icon-button-size-l":"_3lMgNy","ButtonBase--size-xl":"_33xIkb","ButtonBase--is-icon-button-size-xl":"_3tmMGE","ButtonBase--size-large":"_131JVG","ButtonBase--is-icon-button-size-large":"_2ZEg1D","ButtonBase--size-medium":"_3X_BYq","ButtonBase--is-icon-button-size-medium":"OoBI-Y","ButtonBase--size-small":"_2F1HkY","ButtonBase--is-icon-button-size-small":"_32t-NB","ButtonBase--narrow-l--size-xs":"_1Fui6C","ButtonBase--narrow-l--is-icon-button-size-xs":"_3sOzzZ","ButtonBase--narrow-l--size-s":"_2zoyDK","ButtonBase--narrow-l--is-icon-button-size-s":"qHsjRA","ButtonBase--narrow-l--size-m":"_339yV6","ButtonBase--narrow-l--is-icon-button-size-m":"_2Avv9s","ButtonBase--narrow-l--size-l":"_3jYX4K","ButtonBase--narrow-l--is-icon-button-size-l":"_2LnQRW","ButtonBase--narrow-l--size-xl":"_38wUKC","ButtonBase--narrow-l--is-icon-button-size-xl":"_2htxLT","ButtonBase--narrow-l--size-large":"_2XKmx0","ButtonBase--narrow-l--is-icon-button-size-large":"_3q5FnI","ButtonBase--narrow-l--size-medium":"eKV37f","ButtonBase--narrow-l--is-icon-button-size-medium":"_13BF0T","ButtonBase--narrow-l--size-small":"_235qVd","ButtonBase--narrow-l--is-icon-button-size-small":"_1_jlEn","ButtonBase--medium-s--size-xs":"_3MaUF9","ButtonBase--medium-s--is-icon-button-size-xs":"_2xYp55","ButtonBase--medium-s--size-s":"_1ZbRnu","ButtonBase--medium-s--is-icon-button-size-s":"_1Y-AhY","ButtonBase--medium-s--size-m":"_3LZmYy","ButtonBase--medium-s--is-icon-button-size-m":"_NVra0","ButtonBase--medium-s--size-l":"_1aS8lZ","ButtonBase--medium-s--is-icon-button-size-l":"_3v3udu","ButtonBase--medium-s--size-xl":"_16xT4Z","ButtonBase--medium-s--is-icon-button-size-xl":"P-YFev","ButtonBase--medium-s--size-large":"_3JnUwg","ButtonBase--medium-s--is-icon-button-size-large":"_32QjAJ","ButtonBase--medium-s--size-medium":"_31nbAh","ButtonBase--medium-s--is-icon-button-size-medium":"_3nibnA","ButtonBase--medium-s--size-small":"TPB6vg","ButtonBase--medium-s--is-icon-button-size-small":"_2Edttp","ButtonBase--medium-l--size-xs":"_7hxDKc","ButtonBase--medium-l--is-icon-button-size-xs":"KmFWXd","ButtonBase--medium-l--size-s":"_3UDkIj","ButtonBase--medium-l--is-icon-button-size-s":"_3o5YX-","ButtonBase--medium-l--size-m":"_2PMGXq","ButtonBase--medium-l--is-icon-button-size-m":"T4DFya","ButtonBase--medium-l--size-l":"_2gMpQ6","ButtonBase--medium-l--is-icon-button-size-l":"_0Is2O","ButtonBase--medium-l--size-xl":"_3MqJlW","ButtonBase--medium-l--is-icon-button-size-xl":"_1dQ77F","ButtonBase--medium-l--size-large":"_3wptvr","ButtonBase--medium-l--is-icon-button-size-large":"_38t1Gp","ButtonBase--medium-l--size-medium":"NPCdt5","ButtonBase--medium-l--is-icon-button-size-medium":"_1q-9F0","ButtonBase--medium-l--size-small":"_2yD2s_","ButtonBase--medium-l--is-icon-button-size-small":"_1iyvBl","ButtonBase--wide-s--size-xs":"AqbzL7","ButtonBase--wide-s--is-icon-button-size-xs":"ooyL9P","ButtonBase--wide-s--size-s":"_2UPys-","ButtonBase--wide-s--is-icon-button-size-s":"_20uvg_","ButtonBase--wide-s--size-m":"_1CHfKl","ButtonBase--wide-s--is-icon-button-size-m":"OXR3lz","ButtonBase--wide-s--size-l":"_1rSSOv","ButtonBase--wide-s--is-icon-button-size-l":"VHT7H8","ButtonBase--wide-s--size-xl":"_3DLN3h","ButtonBase--wide-s--is-icon-button-size-xl":"_1nD5GZ","ButtonBase--wide-s--size-large":"_32WcBi","ButtonBase--wide-s--is-icon-button-size-large":"_1q4OQA","ButtonBase--wide-s--size-medium":"YlzFug","ButtonBase--wide-s--is-icon-button-size-medium":"_2xAzYr","ButtonBase--wide-s--size-small":"_1UR1ZK","ButtonBase--wide-s--is-icon-button-size-small":"_2amMXx","ButtonBase--wide-l--size-xs":"_1vcX6P","ButtonBase--wide-l--is-icon-button-size-xs":"_2hfhpz","ButtonBase--wide-l--size-s":"_1SB59X","ButtonBase--wide-l--is-icon-button-size-s":"_2mEdq9","ButtonBase--wide-l--size-m":"_1KmJ7a","ButtonBase--wide-l--is-icon-button-size-m":"_2R9lOj","ButtonBase--wide-l--size-l":"_3oo5_m","ButtonBase--wide-l--is-icon-button-size-l":"_3ttJoT","ButtonBase--wide-l--size-xl":"maQZRc","ButtonBase--wide-l--is-icon-button-size-xl":"_1KfKav","ButtonBase--wide-l--size-large":"_1vNhEd","ButtonBase--wide-l--is-icon-button-size-large":"_1mgfIz","ButtonBase--wide-l--size-medium":"_2zPzGU","ButtonBase--wide-l--is-icon-button-size-medium":"_1RCcwP","ButtonBase--wide-l--size-small":"_2bRcw5","ButtonBase--wide-l--is-icon-button-size-small":"_2W5-IA","ButtonBase--variant-primary":"_hzLAU","ButtonBase--variant-primary--dsInternalSimulation-hover":"_3qV6TH","ButtonBase--variant-primary--dsInternalSimulation-active":"_2duUhI","ButtonBase--variant-secondary":"wj4gqc","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_2Y4NZw","ButtonBase--variant-secondary--dsInternalSimulation-active":"_3g52sd","ButtonBase--variant-tertiary":"_3xhNOP","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_31LNkz","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_5Y4Nfx","ButtonBase--variant-quaternary":"_3A21nR","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_2RC6Rj","ButtonBase--variant-quaternary--dsInternalSimulation-active":"sI18mN","ButtonBase--variant-ghost":"_2KP2CA","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_2ZCqve","ButtonBase--variant-ghost--dsInternalSimulation-active":"_3jP1Oo","ButtonBase--variant-ghost--is-selected":"_3edP56","ButtonBase--variant-plain":"_2ssLbd","ButtonBase--variant-plain--dsInternalSimulation-hover":"_2sc_B9","ButtonBase--variant-plain--dsInternalSimulation-active":"_3t3pbU","ButtonBase--variant-dangerous":"_2Uo_yl","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_3Ga_QP","ButtonBase--variant-dangerous--dsInternalSimulation-active":"B3SjoB","ButtonBase--variant-critical":"_3h97pQ","ButtonBase--variant-critical--dsInternalSimulation-hover":"UkBFjJ","ButtonBase--variant-critical--dsInternalSimulation-active":"US3gqN","ButtonBase--variant-onColor":"_3ZDPJU","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_1OdWqJ","ButtonBase--variant-onColor--dsInternalSimulation-active":"zn3jFa","ButtonBase--variant-classroom":"_2c1499","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_1RKu-A","ButtonBase--variant-classroom--dsInternalSimulation-active":"_2Cf0t9","ButtonBase--variant-classroom--is-selected":"wRdmSF","ButtonBase--variant-primaryB2b":"_1UhbVz","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_1rlsqj","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_1wWG4c","ButtonBase--variant-primaryTutor":"r50k0K","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_2Jc14N","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_1Zj5jz","ButtonBase--variant-inverted":"_1kfg5j","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_1Lb0hC","ButtonBase--variant-inverted--dsInternalSimulation-active":"_2gvVEi","ButtonBase--variant-newFeature":"swKWn7","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_2IOdAN","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_3dzhrE","ButtonBase--variant-ai":"_9lz6YH","ButtonBase--variant-ai--dsInternalSimulation-hover":"_2db49i","ButtonBase--variant-ai--dsInternalSimulation-active":"_3PEh1h","ButtonBase--no-wrap":"_1rbWLs"};
5
5
  var stylesheet=css_248z;
6
6
  styleInject(css_248z);
package/dist/components/private/SelectFieldLayout/style/index.module.less.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "._2SEQrL{background-color:var(--302ecf);background-color:var(--211bc0);border:var(--d9baa3) solid var(--29cd58);border-radius:var(--c4b051);color:var(--41d493);position:relative}._2SEQrL:hover{border-color:var(--0bd642)}._2SEQrL select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--d9209f);font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:0;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:calc(var(--1ba55a) + var(--7c1b1c) + var(--1ba55a))}._3u5Oif{font-size:0;height:var(--7c1b1c);left:calc(var(--477fda) - var(--d9baa3));pointer-events:none;position:absolute;top:calc(var(--d9baa3) + var(--1ba55a))}._3u5Oif svg{color:var(--cbc724)}._2_9eb5{font-size:0;height:var(--7c1b1c);pointer-events:none;position:absolute;right:var(--1ba55a);top:calc(var(--d9baa3) + var(--1ba55a))}._2_9eb5 svg{color:var(--cbc724)}._1bTLhg ._2SEQrL select{color:var(--41d493)}._4Jsiyx ._2SEQrL select{padding-left:calc(var(--477fda) - var(--d9baa3) + var(--7c1b1c) + var(--1ba55a))}._1iwfc0 ._2SEQrL{background-color:var(--95df5b);border-color:var(--eaf4a3)}._1iwfc0 ._2SEQrL input,._1iwfc0 ._3u5Oif svg{color:var(--7b0f41)}._332FPb ._2SEQrL{border-color:var(--398094)}._3B5W1m ._2SEQrL{background-color:var(--04daeb);border-color:transparent}";
3
+ var css_248z = "._2SEQrL{background-color:var(--302ecf);background-color:var(--211bc0);border:var(--d9baa3) solid var(--29cd58);border-radius:var(--c4b051);color:var(--41d493);position:relative}@media (hover:hover) and (pointer:fine){._2SEQrL:hover{border-color:var(--0bd642)}}._2SEQrL select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--d9209f);font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:0;padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:calc(var(--1ba55a) + var(--7c1b1c) + var(--1ba55a))}._3u5Oif{font-size:0;height:var(--7c1b1c);left:calc(var(--477fda) - var(--d9baa3));pointer-events:none;position:absolute;top:calc(var(--d9baa3) + var(--1ba55a))}._3u5Oif svg{color:var(--cbc724)}._2_9eb5{font-size:0;height:var(--7c1b1c);pointer-events:none;position:absolute;right:var(--1ba55a);top:calc(var(--d9baa3) + var(--1ba55a))}._2_9eb5 svg{color:var(--cbc724)}._1bTLhg ._2SEQrL select{color:var(--41d493)}._4Jsiyx ._2SEQrL select{padding-left:calc(var(--477fda) - var(--d9baa3) + var(--7c1b1c) + var(--1ba55a))}._1iwfc0 ._2SEQrL{background-color:var(--95df5b);border-color:var(--eaf4a3)}._1iwfc0 ._2SEQrL input,._1iwfc0 ._3u5Oif svg{color:var(--7b0f41)}._332FPb ._2SEQrL{border-color:var(--398094)}._3B5W1m ._2SEQrL{background-color:var(--04daeb);border-color:transparent}";
4
4
  var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/private/SelectFieldLayout/style/index.module.less",__css:css_248z,"SelectFieldLayout--input":"_2SEQrL","SelectFieldLayout--icon":"_3u5Oif","SelectFieldLayout--dropdown-indicator":"_2_9eb5","SelectFieldLayout--has-value":"_1bTLhg","SelectFieldLayout--has-icon":"_4Jsiyx","SelectFieldLayout--has-error":"_1iwfc0","SelectFieldLayout--is-focused":"_332FPb","SelectFieldLayout--is-disabled":"_3B5W1m"};
5
5
  var stylesheet=css_248z;
6
6
  styleInject(css_248z);
package/dist/components/private/SelectFieldLayout/style/mixins.less CHANGED
@@ -1,5 +1,6 @@
1
1
  @import '@preply/ds-web-core/dist/focus/style/mixins.less';
2
2
  @import '@preply/ds-web-core/dist/generated/tokens.less';
3
+ @import '@preply/ds-web-core/dist/generated/hover.less';
3
4
  @import '@preply/ds-web-core/dist/typography/style/mixins.less';
4
5
 
5
6
  // https://stackoverflow.com/questions/14279328/is-there-a-way-to-use-variables-in-less-for-the-operator-like-calc100
@@ -28,9 +29,9 @@
28
29
  .border-width('input', 'base');
29
30
  .border-radius('input', 'base');
30
31
 
31
- &:hover {
32
+ .onHover({
32
33
  .border-color('border', 'hover');
33
- }
34
+ });
34
35
 
35
36
  select {
36
37
  .unstyled-input();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@preply/ds-web-lib",
3
- "version": "0.72.0",
3
+ "version": "0.74.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -19,26 +19,26 @@
19
19
  "dev": "run build:rollup -w"
20
20
  },
21
21
  "dependencies": {
22
- "@preply/ds-core": "0.72.0",
23
- "@preply/ds-media-icons": "0.72.0",
24
- "@preply/ds-web-core": "0.72.0",
25
- "@preply/ds-web-root": "0.72.0"
22
+ "@preply/ds-core": "0.74.0",
23
+ "@preply/ds-media-icons": "0.74.0",
24
+ "@preply/ds-web-core": "0.74.0",
25
+ "@preply/ds-web-root": "0.74.0"
26
26
  },
27
27
  "peerDependencies": {
28
- "@preply/ds-core": "0.72.0",
29
- "@preply/ds-media-icons": "0.72.0",
30
- "@preply/ds-web-core": "0.72.0",
31
- "@preply/ds-web-root": "0.72.0",
28
+ "@preply/ds-core": "0.74.0",
29
+ "@preply/ds-media-icons": "0.74.0",
30
+ "@preply/ds-web-core": "0.74.0",
31
+ "@preply/ds-web-root": "0.74.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.72.0",
37
- "@preply/ds-theme-base-ui": "0.72.0",
36
+ "@preply/ds-docs-toolkit": "0.74.0",
37
+ "@preply/ds-theme-base-ui": "0.74.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
  "jsdom-testing-mocks": "^1.7.0"
42
42
  },
43
- "gitHead": "212a73279d8e2cdeb70223d3119d5d3bfcbbf8a0"
43
+ "gitHead": "015b20c66e061f7ec9cc399cb68ae2aa4c0419dc"
44
44
  }