@salutejs/plasma-new-hope 0.152.0-dev.0 → 0.153.0-canary.1447.11031873624.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Switch/Switch.css +12 -0
- package/cjs/components/Switch/Switch.js +12 -16
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.styles.js +6 -4
- package/cjs/components/Switch/Switch.styles.js.map +1 -1
- package/cjs/components/Switch/Switch.styles_1kk0qzz.css +4 -0
- package/cjs/components/Switch/Switch.tokens.js +7 -1
- package/cjs/components/Switch/Switch.tokens.js.map +1 -1
- package/cjs/components/Switch/_focused/base.js +1 -1
- package/{es/components/Switch/_focused/base_wl4drz.css → cjs/components/Switch/_focused/base_j4murk.css} +1 -1
- package/cjs/components/Switch/_size/base.js +1 -1
- package/cjs/components/Switch/_size/base.js.map +1 -1
- package/cjs/components/Switch/_size/{base_1sjw39x.css → base_1rjzpi4.css} +1 -1
- package/cjs/components/Switch/_view/base.js +1 -1
- package/cjs/components/Switch/_view/base_1mtyz12.css +1 -0
- package/cjs/index.css +7 -12
- package/cjs/index.js +0 -4
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Switch/Switch.js +4 -17
- package/emotion/cjs/components/Switch/Switch.styles.js +7 -4
- package/emotion/cjs/components/Switch/Switch.tokens.js +7 -2
- package/emotion/cjs/components/Switch/_size/base.js +1 -1
- package/emotion/cjs/components/Switch/index.js +0 -14
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +4 -10
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +8 -1
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +4 -10
- package/emotion/es/components/Switch/Switch.js +4 -17
- package/emotion/es/components/Switch/Switch.styles.js +6 -3
- package/emotion/es/components/Switch/Switch.tokens.js +6 -1
- package/emotion/es/components/Switch/_size/base.js +1 -1
- package/emotion/es/components/Switch/index.js +1 -6
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +4 -10
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +8 -1
- package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +4 -10
- package/es/components/Switch/Switch.css +12 -0
- package/es/components/Switch/Switch.js +4 -8
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Switch/Switch.styles.js +6 -5
- package/es/components/Switch/Switch.styles.js.map +1 -1
- package/es/components/Switch/Switch.styles_1kk0qzz.css +4 -0
- package/es/components/Switch/Switch.tokens.js +7 -2
- package/es/components/Switch/Switch.tokens.js.map +1 -1
- package/es/components/Switch/_focused/base.js +1 -1
- package/{cjs/components/Switch/_focused/base_wl4drz.css → es/components/Switch/_focused/base_j4murk.css} +1 -1
- package/es/components/Switch/_size/base.js +1 -1
- package/es/components/Switch/_size/base.js.map +1 -1
- package/es/components/Switch/_size/{base_1sjw39x.css → base_1rjzpi4.css} +1 -1
- package/es/components/Switch/_view/base.js +1 -1
- package/es/components/Switch/_view/base_1mtyz12.css +1 -0
- package/es/index.css +7 -12
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Switch/Switch.js +4 -8
- package/styled-components/cjs/components/Switch/Switch.styles.js +7 -3
- package/styled-components/cjs/components/Switch/Switch.tokens.js +7 -2
- package/styled-components/cjs/components/Switch/_size/base.js +1 -1
- package/styled-components/cjs/components/Switch/index.js +0 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +0 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +8 -1
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +0 -6
- package/styled-components/es/components/Switch/Switch.js +4 -8
- package/styled-components/es/components/Switch/Switch.styles.js +3 -0
- package/styled-components/es/components/Switch/Switch.tokens.js +6 -1
- package/styled-components/es/components/Switch/_size/base.js +1 -1
- package/styled-components/es/components/Switch/index.js +1 -6
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +8 -1
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +0 -6
- package/types/components/Switch/Switch.d.ts +0 -3
- package/types/components/Switch/Switch.d.ts.map +1 -1
- package/types/components/Switch/Switch.styles.d.ts +1 -0
- package/types/components/Switch/Switch.styles.d.ts.map +1 -1
- package/types/components/Switch/Switch.tokens.d.ts +5 -0
- package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
- package/types/components/Switch/index.d.ts +0 -4
- package/types/components/Switch/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts +0 -4
- package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.d.ts +0 -4
- package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.config.d.ts +0 -4
- package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.d.ts +0 -4
- package/types/examples/plasma_web/components/Switch/Switch.d.ts.map +1 -1
- package/cjs/components/Switch/Switch.styles_e1uxkt.css +0 -3
- package/cjs/components/Switch/Switch_svqw4q.css +0 -1
- package/cjs/components/Switch/_label-position/after.js +0 -9
- package/cjs/components/Switch/_label-position/after.js.map +0 -1
- package/cjs/components/Switch/_label-position/after_1sk7lsj.css +0 -1
- package/cjs/components/Switch/_label-position/base.js +0 -10
- package/cjs/components/Switch/_label-position/base.js.map +0 -1
- package/cjs/components/Switch/_label-position/base_x642ct.css +0 -1
- package/cjs/components/Switch/_label-position/before.js +0 -9
- package/cjs/components/Switch/_label-position/before.js.map +0 -1
- package/cjs/components/Switch/_label-position/before_15wiyms.css +0 -1
- package/cjs/components/Switch/_view/base_d10e49.css +0 -1
- package/emotion/cjs/components/Switch/_label-position/after.js +0 -9
- package/emotion/cjs/components/Switch/_label-position/base.js +0 -9
- package/emotion/cjs/components/Switch/_label-position/before.js +0 -9
- package/emotion/cjs/components/Switch/_label-position/tokens.json +0 -1
- package/emotion/es/components/Switch/_label-position/after.js +0 -3
- package/emotion/es/components/Switch/_label-position/base.js +0 -4
- package/emotion/es/components/Switch/_label-position/before.js +0 -3
- package/emotion/es/components/Switch/_label-position/tokens.json +0 -1
- package/es/components/Switch/Switch.styles_e1uxkt.css +0 -3
- package/es/components/Switch/Switch_svqw4q.css +0 -1
- package/es/components/Switch/_label-position/after.js +0 -5
- package/es/components/Switch/_label-position/after.js.map +0 -1
- package/es/components/Switch/_label-position/after_1sk7lsj.css +0 -1
- package/es/components/Switch/_label-position/base.js +0 -6
- package/es/components/Switch/_label-position/base.js.map +0 -1
- package/es/components/Switch/_label-position/base_x642ct.css +0 -1
- package/es/components/Switch/_label-position/before.js +0 -5
- package/es/components/Switch/_label-position/before.js.map +0 -1
- package/es/components/Switch/_label-position/before_15wiyms.css +0 -1
- package/es/components/Switch/_view/base_d10e49.css +0 -1
- package/styled-components/cjs/components/Switch/_label-position/after.js +0 -9
- package/styled-components/cjs/components/Switch/_label-position/base.js +0 -9
- package/styled-components/cjs/components/Switch/_label-position/before.js +0 -9
- package/styled-components/cjs/components/Switch/_label-position/tokens.json +0 -1
- package/styled-components/es/components/Switch/_label-position/after.js +0 -3
- package/styled-components/es/components/Switch/_label-position/base.js +0 -4
- package/styled-components/es/components/Switch/_label-position/before.js +0 -3
- package/styled-components/es/components/Switch/_label-position/tokens.json +0 -1
- package/types/components/Switch/_label-position/after.d.ts +0 -2
- package/types/components/Switch/_label-position/after.d.ts.map +0 -1
- package/types/components/Switch/_label-position/base.d.ts +0 -2
- package/types/components/Switch/_label-position/base.d.ts.map +0 -1
- package/types/components/Switch/_label-position/before.d.ts +0 -2
- package/types/components/Switch/_label-position/before.d.ts.map +0 -1
@@ -0,0 +1,12 @@
|
|
1
|
+
.base_1rjzpi4_bm1v11h__7f59456d{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_ssthlx1__7f59456d{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_ssthlx1__7f59456d::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_sdjnckq__7f59456d{margin:var(--plasma_private-switch__label-offset,0);}.base_1rjzpi4_bm1v11h__7f59456d:active:not([disabled]) .base_1rjzpi4_ssthlx1__7f59456d::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
|
2
|
+
|
3
|
+
.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_ssthlx1__d9dd5109{background-color:var(--plasma-switch__track_checked_false-bg-color);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:not([disabled]) ~ .base_1mtyz12_ssthlx1__d9dd5109:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked ~ .base_1mtyz12_ssthlx1__d9dd5109{background-color:var(--plasma-switch__track_checked_true-bg-color);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked:not([disabled]) ~ .base_1mtyz12_ssthlx1__d9dd5109:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_ssthlx1__d9dd5109::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked ~ .base_1mtyz12_ssthlx1__d9dd5109::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}
|
4
|
+
|
5
|
+
.base_j4murk_bvwxj2r__5f9cab46 .base_j4murk_ssthlx1__5f9cab46::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.base_j4murk_bvwxj2r__5f9cab46 .base_j4murk_s10fscgc__5f9cab46.base_j4murk_focusVisible__5f9cab46 ~ .base_j4murk_ssthlx1__5f9cab46::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
|
6
|
+
|
7
|
+
.base_15j754u_bnochw__b189000a{opacity:var(--plasma-switch-disabled-opacity);}.base_15j754u_bnochw__b189000a[disabled]{cursor:not-allowed;}
|
8
|
+
|
9
|
+
.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46:focus{outline:0 none;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionBefore__d172ad46{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionAfter__d172ad46{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
|
10
|
+
.Switch_styles_1kk0qzz_s10fscgc__d172ad46{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:focus{outline:0 none;}
|
11
|
+
.Switch_styles_1kk0qzz_sdjnckq__d172ad46{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
12
|
+
.Switch_styles_1kk0qzz_ssthlx1__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:checked ~ .Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{right:0;left:auto;}
|
@@ -1,20 +1,19 @@
|
|
1
|
-
import './Switch_svqw4q.css';
|
2
1
|
'use strict';
|
3
2
|
|
4
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
4
|
|
6
5
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
7
6
|
var React = require('react');
|
8
|
-
var base
|
9
|
-
var base$
|
10
|
-
var base$
|
11
|
-
var base$
|
12
|
-
var
|
7
|
+
var base = require('./_size/base.js');
|
8
|
+
var base$1 = require('./_view/base.js');
|
9
|
+
var base$3 = require('./_focused/base.js');
|
10
|
+
var base$2 = require('./_disabled/base.js');
|
11
|
+
var index = require('../../utils/index.js');
|
13
12
|
var Switch_styles = require('./Switch.styles.js');
|
13
|
+
var Switch_tokens = require('./Switch.tokens.js');
|
14
14
|
|
15
15
|
var _StyledTrigger;
|
16
16
|
var _excluded = ["size", "view", "focused", "outlined", "disabled", "labelPosition", "label", "id", "style", "className", "checked", "pressed", "defaultChecked"];
|
17
|
-
var base = "bagv7wj";
|
18
17
|
var switchRoot = function switchRoot(Root) {
|
19
18
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
20
19
|
var size = props.size,
|
@@ -40,7 +39,7 @@ var switchRoot = function switchRoot(Root) {
|
|
40
39
|
labelPosition: labelPosition,
|
41
40
|
id: id,
|
42
41
|
style: style,
|
43
|
-
className: className
|
42
|
+
className: index.cx(className, Switch_tokens.classes["".concat(labelPosition, "SwitchLabelPosition")])
|
44
43
|
}, /*#__PURE__*/React.createElement(Switch_styles.StyledInput, _rollupPluginBabelHelpers.extends({}, rest, {
|
45
44
|
ref: ref,
|
46
45
|
role: "switch",
|
@@ -59,24 +58,21 @@ var switchRoot = function switchRoot(Root) {
|
|
59
58
|
var switchConfig = {
|
60
59
|
name: 'Switch',
|
61
60
|
tag: 'label',
|
62
|
-
base: base,
|
61
|
+
base: Switch_styles.base,
|
63
62
|
layout: switchRoot,
|
64
63
|
variations: {
|
65
64
|
size: {
|
66
|
-
css: base
|
65
|
+
css: base.base
|
67
66
|
},
|
68
67
|
view: {
|
69
|
-
css: base$
|
68
|
+
css: base$1.base
|
70
69
|
},
|
71
70
|
disabled: {
|
72
|
-
css: base$
|
71
|
+
css: base$2.base,
|
73
72
|
attrs: true
|
74
73
|
},
|
75
74
|
focused: {
|
76
|
-
css: base$
|
77
|
-
},
|
78
|
-
labelPosition: {
|
79
|
-
css: base$5.base
|
75
|
+
css: base$3.base
|
80
76
|
}
|
81
77
|
},
|
82
78
|
defaults: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { base as sizeCSS } from '../Switch/_size/base';\nimport { base as viewCSS } from '../Switch/_view/base';\nimport { base as focusedCSS } from '../Switch/_focused/base';\nimport { base as disabledCSS } from '../Switch/_disabled/base';\nimport { cx } from '../../utils';\n\nimport { StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\nimport { classes } from './Switch.tokens';\n\nexport const switchRoot = (Root: RootProps<HTMLInputElement, SwitchProps>) =>\n forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n outlined,\n disabled,\n labelPosition,\n\n label,\n\n id,\n style,\n className,\n\n // singleLine,\n\n checked,\n pressed,\n defaultChecked,\n\n ...rest\n } = props;\n\n const exactChecked = Boolean((checked ?? pressed) !== undefined ? checked ?? pressed : defaultChecked);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused ?? outlined}\n labelPosition={labelPosition}\n id={id}\n style={style}\n className={cx(className, classes[`${labelPosition}SwitchLabelPosition` as keyof typeof classes])}\n >\n <StyledInput\n {...rest}\n ref={ref}\n role=\"switch\"\n aria-checked={exactChecked}\n type=\"checkbox\"\n checked={checked ?? pressed}\n defaultChecked={defaultChecked}\n disabled={disabled}\n />\n <StyledLabel tabIndex={-1}>{label}</StyledLabel>\n <StyledTrigger aria-hidden />\n </Root>\n );\n });\n\nexport const switchConfig = {\n name: 'Switch',\n tag: 'label',\n base,\n layout: switchRoot,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 's',\n view: 'default',\n },\n};\n"],"names":["switchRoot","Root","forwardRef","props","ref","size","view","focused","outlined","disabled","labelPosition","label","id","style","className","checked","pressed","defaultChecked","rest","_objectWithoutProperties","_excluded","exactChecked","Boolean","undefined","React","createElement","cx","classes","concat","StyledInput","_extends","role","type","StyledLabel","tabIndex","_StyledTrigger","StyledTrigger","switchConfig","name","tag","base","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;IAaaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACrEC,gBAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IACIC,IAAI,GAoBJF,KAAK,CApBLE,IAAI;MACJC,IAAI,GAmBJH,KAAK,CAnBLG,IAAI;MACJC,OAAO,GAkBPJ,KAAK,CAlBLI,OAAO;MACPC,QAAQ,GAiBRL,KAAK,CAjBLK,QAAQ;MACRC,QAAQ,GAgBRN,KAAK,CAhBLM,QAAQ;MACRC,aAAa,GAebP,KAAK,CAfLO,aAAa;MAEbC,KAAK,GAaLR,KAAK,CAbLQ,KAAK;MAELC,EAAE,GAWFT,KAAK,CAXLS,EAAE;MACFC,KAAK,GAULV,KAAK,CAVLU,KAAK;MACLC,SAAS,GASTX,KAAK,CATLW,SAAS;MAITC,OAAO,GAKPZ,KAAK,CALLY,OAAO;MACPC,OAAO,GAIPb,KAAK,CAJLa,OAAO;MACPC,cAAc,GAGdd,KAAK,CAHLc,cAAc;AAEXC,MAAAA,IAAI,GAAAC,iDAAA,CACPhB,KAAK,EAAAiB,SAAA,CAAA,CAAA;IAET,IAAMC,YAAY,GAAGC,OAAO,CAAC,CAACP,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,OAAO,MAAMO,SAAS,GAAGR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAIC,OAAO,GAAGC,cAAc,CAAC,CAAA;AAEtG,IAAA,oBACIO,KAAA,CAAAC,aAAA,CAACxB,IAAI,EAAA;AACDK,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXI,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,OAAO,EAAEA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,QAAS;AAC7BE,MAAAA,aAAa,EAAEA,aAAc;AAC7BE,MAAAA,EAAE,EAAEA,EAAG;AACPC,MAAAA,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEY,QAAE,CAACZ,SAAS,EAAEa,qBAAO,CAAAC,EAAAA,CAAAA,MAAA,CAAIlB,aAAa,EAA8C,qBAAA,CAAA,CAAA,CAAA;KAE/Fc,eAAAA,KAAA,CAAAC,aAAA,CAACI,yBAAW,EAAAC,iCAAA,KACJZ,IAAI,EAAA;AACRd,MAAAA,GAAG,EAAEA,GAAI;AACT2B,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,cAAA,EAAcV,YAAa;AAC3BW,MAAAA,IAAI,EAAC,UAAU;AACfjB,MAAAA,OAAO,EAAEA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,OAAQ;AAC5BC,MAAAA,cAAc,EAAEA,cAAe;AAC/BR,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,CACtB,CAAC,eACFe,KAAA,CAAAC,aAAA,CAACQ,yBAAW,EAAA;AAACC,MAAAA,QAAQ,EAAE,CAAC,CAAA;KAAIvB,EAAAA,KAAmB,CAAC,EAAAwB,cAAA,KAAAA,cAAA,gBAChDX,KAAA,CAAAC,aAAA,CAACW,2BAAa,EAAA;AAAC,MAAA,aAAA,EAAA,IAAA;KAAa,CAAC,CAC3B,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,OAAO;AACZC,EAAAA,IAAI,EAAJA,kBAAI;AACJC,EAAAA,MAAM,EAAEzC,UAAU;AAClB0C,EAAAA,UAAU,EAAE;AACRrC,IAAAA,IAAI,EAAE;AACFsC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDtC,IAAAA,IAAI,EAAE;AACFqC,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDpC,IAAAA,QAAQ,EAAE;AACNkC,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDxC,IAAAA,OAAO,EAAE;AACLoC,MAAAA,GAAG,EAAEK,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN5C,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
|
@@ -1,27 +1,29 @@
|
|
1
|
-
import './Switch.
|
1
|
+
import './Switch.styles_1kk0qzz.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
6
|
var react = require('@linaria/react');
|
7
7
|
|
8
|
+
var base = "b1fcyfkl";
|
8
9
|
var StyledInput = /*#__PURE__*/react.styled('input')({
|
9
10
|
name: "StyledInput",
|
10
|
-
"class": "
|
11
|
+
"class": "s10fscgc",
|
11
12
|
propsAsIs: false
|
12
13
|
});
|
13
14
|
var StyledLabel = /*#__PURE__*/react.styled('span')({
|
14
15
|
name: "StyledLabel",
|
15
|
-
"class": "
|
16
|
+
"class": "sdjnckq",
|
16
17
|
propsAsIs: false
|
17
18
|
});
|
18
19
|
var StyledTrigger = /*#__PURE__*/react.styled('div')({
|
19
20
|
name: "StyledTrigger",
|
20
|
-
"class": "
|
21
|
+
"class": "ssthlx1",
|
21
22
|
propsAsIs: false
|
22
23
|
});
|
23
24
|
|
24
25
|
exports.StyledInput = StyledInput;
|
25
26
|
exports.StyledLabel = StyledLabel;
|
26
27
|
exports.StyledTrigger = StyledTrigger;
|
28
|
+
exports.base = base;
|
27
29
|
//# sourceMappingURL=Switch.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nexport const StyledInput = styled.input`\n position: absolute;\n right: 0;\n margin: 0;\n opacity: 0;\n\n &:focus {\n outline: 0 none;\n }\n`;\n\nexport const StyledLabel = styled.span`\n user-select: none;\n\n // TODO: multiline switch\n ${applyEllipsis()}\n`;\n\nexport const StyledTrigger = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n transition: background-color 0.15s ease-in-out 0.1s;\n\n ::after {\n content: '';\n position: absolute;\n right: auto;\n left: 0;\n\n transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n }\n\n ${StyledInput}:checked ~ &::after {\n right: 0;\n left: auto;\n }\n`;\n"],"names":["StyledInput","styled","name","class","propsAsIs","StyledLabel","StyledTrigger"],"mappings":";;;;;;
|
1
|
+
{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n align-items: center;\n\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &:focus {\n outline: 0 none;\n }\n\n &.${classes.beforeSwitchLabelPosition} {\n justify-content: space-between;\n\n ${tokens.labelOffsetPrivate}: 0 var(${tokens.labelOffset}) 0 0;\n }\n\n &.${classes.afterSwitchLabelPosition} {\n justify-content: start;\n flex-direction: row-reverse;\n\n ${tokens.labelOffsetPrivate}: 0 0 0 var(${tokens.labelOffset});\n }\n`;\n\nexport const StyledInput = styled.input`\n position: absolute;\n right: 0;\n margin: 0;\n opacity: 0;\n\n &:focus {\n outline: 0 none;\n }\n`;\n\nexport const StyledLabel = styled.span`\n user-select: none;\n\n // TODO: multiline switch\n ${applyEllipsis()}\n`;\n\nexport const StyledTrigger = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n transition: background-color 0.15s ease-in-out 0.1s;\n\n ::after {\n content: '';\n position: absolute;\n right: auto;\n left: 0;\n\n transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n }\n\n ${StyledInput}:checked ~ &::after {\n right: 0;\n left: auto;\n }\n`;\n"],"names":["base","StyledInput","styled","name","class","propsAsIs","StyledLabel","StyledTrigger"],"mappings":";;;;;;AAOO,IAAMA,IAAI,GAwBhB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAME,aAAa,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;;;;"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
.b1fcyfkl{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.b1fcyfkl:focus{outline:0 none;}.b1fcyfkl.switch-label-position-before{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.b1fcyfkl.switch-label-position-after{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
|
2
|
+
.s10fscgc{position:absolute;right:0;margin:0;opacity:0;}.s10fscgc:focus{outline:0 none;}
|
3
|
+
.sdjnckq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
4
|
+
.ssthlx1{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.ssthlx1::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.s10fscgc:checked ~ .ssthlx1::after{right:0;left:auto;}
|
@@ -29,8 +29,14 @@ var tokens = {
|
|
29
29
|
thumbPressScale: '--plasma-switch__thumb-scale',
|
30
30
|
thumbBackgroundColor: '--plasma-switch__thumb-bg-color',
|
31
31
|
thumbBoxShadow: '--plasma-switch__thumb-box-shadow',
|
32
|
-
thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true'
|
32
|
+
thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',
|
33
|
+
labelOffsetPrivate: '--plasma_private-switch__label-offset'
|
34
|
+
};
|
35
|
+
var classes = {
|
36
|
+
beforeSwitchLabelPosition: 'switch-label-position-before',
|
37
|
+
afterSwitchLabelPosition: 'switch-label-position-after'
|
33
38
|
};
|
34
39
|
|
40
|
+
exports.classes = classes;
|
35
41
|
exports.tokens = tokens;
|
36
42
|
//# sourceMappingURL=Switch.tokens.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n fontFamily: '--plasma-switch-font-family',\n fontStyle: '--plasma-switch-font-style',\n fontSize: '--plasma-switch-font-size',\n fontWeight: '--plasma-switch-font-weight',\n letterSpacing: '--plasma-switch-letter-spacing',\n lineHeight: '--plasma-switch-line-height',\n\n /* Цвет подписи */\n labelColor: '--plasma-switch__label-color',\n labelOffset: '--plasma-switch__label-offset',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-switch-disabled-opacity',\n\n trackWidth: '--plasma-switch__track-width',\n trackHeight: '--plasma-switch__track-height',\n trackBorderRadius: '--plasma-switch__track-border-radius',\n // NOTE: could be intersection with checked\n trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n trackFocusColor: '--plasma-switch__track-focus-color',\n\n thumbSize: '--plasma-switch__thumb-size',\n thumbOffset: '--plasma-switch__thumb-offset',\n thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n thumbPressScale: '--plasma-switch__thumb-scale',\n\n thumbBackgroundColor: '--plasma-switch__thumb-bg-color',\n thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelOffset","disabledOpacity","trackWidth","trackHeight","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffset","thumbBorderRadius","thumbPressScale","thumbBackgroundColor","thumbBoxShadow","thumbBoxShadowOn"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,
|
1
|
+
{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n fontFamily: '--plasma-switch-font-family',\n fontStyle: '--plasma-switch-font-style',\n fontSize: '--plasma-switch-font-size',\n fontWeight: '--plasma-switch-font-weight',\n letterSpacing: '--plasma-switch-letter-spacing',\n lineHeight: '--plasma-switch-line-height',\n\n /* Цвет подписи */\n labelColor: '--plasma-switch__label-color',\n labelOffset: '--plasma-switch__label-offset',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-switch-disabled-opacity',\n\n trackWidth: '--plasma-switch__track-width',\n trackHeight: '--plasma-switch__track-height',\n trackBorderRadius: '--plasma-switch__track-border-radius',\n // NOTE: could be intersection with checked\n trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n trackFocusColor: '--plasma-switch__track-focus-color',\n\n thumbSize: '--plasma-switch__thumb-size',\n thumbOffset: '--plasma-switch__thumb-offset',\n thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n thumbPressScale: '--plasma-switch__thumb-scale',\n\n thumbBackgroundColor: '--plasma-switch__thumb-bg-color',\n thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n\n labelOffsetPrivate: '--plasma_private-switch__label-offset',\n};\n\nexport const classes = {\n beforeSwitchLabelPosition: 'switch-label-position-before',\n afterSwitchLabelPosition: 'switch-label-position-after',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelOffset","disabledOpacity","trackWidth","trackHeight","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffset","thumbBorderRadius","thumbPressScale","thumbBackgroundColor","thumbBoxShadow","thumbBoxShadowOn","labelOffsetPrivate","classes","beforeSwitchLabelPosition","afterSwitchLabelPosition"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAgD;AAElEC,EAAAA,kBAAkB,EAAE,uCAAA;AACxB,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,wBAAwB,EAAE,6BAAA;AAC9B;;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
.bvwxj2r .
|
1
|
+
.bvwxj2r .ssthlx1::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.bvwxj2r .s10fscgc.focus-visible ~ .ssthlx1::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledLabel, StyledTrigger } from '../Switch.styles';\n\nexport const base = css`\n font-family: var(${tokens.fontFamily});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n font-size: var(${tokens.fontSize});\n\n ${StyledTrigger} {\n flex: 0 0 var(${tokens.trackWidth});\n width: var(${tokens.trackWidth});\n height: var(${tokens.trackHeight});\n border-radius: var(${tokens.trackBorderRadius});\n\n &::after {\n width: var(${tokens.thumbSize});\n height: var(${tokens.thumbSize});\n border-radius: var(${tokens.thumbBorderRadius});\n margin: auto var(${tokens.thumbOffset});\n }\n }\n\n ${StyledLabel} {\n /* check _label_position */\n margin: var(
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledLabel, StyledTrigger } from '../Switch.styles';\n\nexport const base = css`\n font-family: var(${tokens.fontFamily});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n font-size: var(${tokens.fontSize});\n\n ${StyledTrigger} {\n flex: 0 0 var(${tokens.trackWidth});\n width: var(${tokens.trackWidth});\n height: var(${tokens.trackHeight});\n border-radius: var(${tokens.trackBorderRadius});\n\n &::after {\n width: var(${tokens.thumbSize});\n height: var(${tokens.thumbSize});\n border-radius: var(${tokens.thumbBorderRadius});\n margin: auto var(${tokens.thumbOffset});\n }\n }\n\n ${StyledLabel} {\n /* check _label_position */\n margin: var(${tokens.labelOffsetPrivate}, 0);\n }\n\n :active:not([disabled]) ${StyledTrigger}::after {\n width: calc(var(${tokens.thumbSize}) * var(${tokens.thumbPressScale}, 1));\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA8BhB;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
.bm1v11h{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.bm1v11h .
|
1
|
+
.bm1v11h{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.bm1v11h .ssthlx1{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.bm1v11h .ssthlx1::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.bm1v11h .sdjnckq{margin:var(--plasma_private-switch__label-offset,0);}.bm1v11h:active:not([disabled]) .ssthlx1::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1g0jmh3 .ssthlx1{background-color:var(--plasma-switch__track_checked_false-bg-color);}.b1g0jmh3 .s10fscgc:not([disabled]) ~ .ssthlx1:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.b1g0jmh3 .s10fscgc:checked ~ .ssthlx1{background-color:var(--plasma-switch__track_checked_true-bg-color);}.b1g0jmh3 .s10fscgc:checked:not([disabled]) ~ .ssthlx1:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.b1g0jmh3 .ssthlx1::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.b1g0jmh3 .s10fscgc:checked ~ .ssthlx1::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}
|
package/cjs/index.css
CHANGED
@@ -172,23 +172,18 @@
|
|
172
172
|
|
173
173
|
.TextFieldGroup_styles_soj2wl_buxwmzu__0f513e82{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
174
174
|
|
175
|
-
.
|
175
|
+
.base_1rjzpi4_bm1v11h__7f59456d{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_ssthlx1__7f59456d{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_ssthlx1__7f59456d::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_sdjnckq__7f59456d{margin:var(--plasma_private-switch__label-offset,0);}.base_1rjzpi4_bm1v11h__7f59456d:active:not([disabled]) .base_1rjzpi4_ssthlx1__7f59456d::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
|
176
176
|
|
177
|
-
.
|
177
|
+
.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_ssthlx1__d9dd5109{background-color:var(--plasma-switch__track_checked_false-bg-color);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:not([disabled]) ~ .base_1mtyz12_ssthlx1__d9dd5109:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked ~ .base_1mtyz12_ssthlx1__d9dd5109{background-color:var(--plasma-switch__track_checked_true-bg-color);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked:not([disabled]) ~ .base_1mtyz12_ssthlx1__d9dd5109:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_ssthlx1__d9dd5109::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked ~ .base_1mtyz12_ssthlx1__d9dd5109::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}
|
178
178
|
|
179
|
-
.
|
180
|
-
|
181
|
-
.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_sdjnckq__b753a1fb{background-color:var(--plasma-switch__track_checked_false-bg-color);}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_s1fcyfkl__b753a1fb:not([disabled]) ~ .base_d10e49_sdjnckq__b753a1fb:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_s1fcyfkl__b753a1fb:checked ~ .base_d10e49_sdjnckq__b753a1fb{background-color:var(--plasma-switch__track_checked_true-bg-color);}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_s1fcyfkl__b753a1fb:checked:not([disabled]) ~ .base_d10e49_sdjnckq__b753a1fb:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_sdjnckq__b753a1fb::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_d10e49_b1g0jmh3__b753a1fb .base_d10e49_s1fcyfkl__b753a1fb:checked ~ .base_d10e49_sdjnckq__b753a1fb::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}
|
182
|
-
|
183
|
-
.base_wl4drz_bvwxj2r__13006458 .base_wl4drz_sdjnckq__13006458::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.base_wl4drz_bvwxj2r__13006458 .base_wl4drz_s1fcyfkl__13006458.base_wl4drz_focusVisible__13006458 ~ .base_wl4drz_sdjnckq__13006458::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
|
179
|
+
.base_j4murk_bvwxj2r__5f9cab46 .base_j4murk_ssthlx1__5f9cab46::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.base_j4murk_bvwxj2r__5f9cab46 .base_j4murk_s10fscgc__5f9cab46.base_j4murk_focusVisible__5f9cab46 ~ .base_j4murk_ssthlx1__5f9cab46::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
|
184
180
|
|
185
181
|
.base_15j754u_bnochw__b189000a{opacity:var(--plasma-switch-disabled-opacity);}.base_15j754u_bnochw__b189000a[disabled]{cursor:not-allowed;}
|
186
182
|
|
187
|
-
.
|
188
|
-
.
|
189
|
-
.
|
190
|
-
|
191
|
-
.Switch_svqw4q_bagv7wj__12723d90{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_svqw4q_bagv7wj__12723d90:focus{outline:0 none;}
|
183
|
+
.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46:focus{outline:0 none;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionBefore__d172ad46{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionAfter__d172ad46{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
|
184
|
+
.Switch_styles_1kk0qzz_s10fscgc__d172ad46{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:focus{outline:0 none;}
|
185
|
+
.Switch_styles_1kk0qzz_sdjnckq__d172ad46{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
186
|
+
.Switch_styles_1kk0qzz_ssthlx1__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:checked ~ .Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{right:0;left:auto;}
|
192
187
|
|
193
188
|
.base_iw773q_b12fajph__34b9af5a{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
|
194
189
|
|
package/cjs/index.js
CHANGED
@@ -56,8 +56,6 @@ var TextField = require('./components/TextField/TextField.js');
|
|
56
56
|
var TextField_tokens = require('./components/TextField/TextField.tokens.js');
|
57
57
|
var TextFieldGroup = require('./components/TextFieldGroup/TextFieldGroup.js');
|
58
58
|
var TextFieldGroup_tokens = require('./components/TextFieldGroup/TextFieldGroup.tokens.js');
|
59
|
-
var after = require('./components/Switch/_label-position/after.js');
|
60
|
-
var before = require('./components/Switch/_label-position/before.js');
|
61
59
|
var Switch = require('./components/Switch/Switch.js');
|
62
60
|
var Switch_tokens = require('./components/Switch/Switch.tokens.js');
|
63
61
|
var Tabs = require('./components/Tabs/ui/Tabs/Tabs.js');
|
@@ -348,8 +346,6 @@ exports.textFieldGroupConfig = TextFieldGroup.textFieldGroupConfig;
|
|
348
346
|
exports.textFieldGroupRoot = TextFieldGroup.textFieldGroupRoot;
|
349
347
|
exports.textFieldGroupClasses = TextFieldGroup_tokens.classes;
|
350
348
|
exports.textFieldGroupTokens = TextFieldGroup_tokens.tokens;
|
351
|
-
exports.Switch_LabelPosition_After = after.labelPosition_After;
|
352
|
-
exports.Switch_LabelPosition_Before = before.labelPosition_Before;
|
353
349
|
exports.switchConfig = Switch.switchConfig;
|
354
350
|
exports.switchRoot = Switch.switchRoot;
|
355
351
|
exports.switchTokens = Switch_tokens.tokens;
|
package/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.switchRoot = exports.switchConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _react2 = /*#__PURE__*/require("@emotion/react");
|
10
9
|
var _base = /*#__PURE__*/require("../Switch/_size/base");
|
11
10
|
var _base2 = /*#__PURE__*/require("../Switch/_view/base");
|
12
11
|
var _base3 = /*#__PURE__*/require("../Switch/_focused/base");
|
13
12
|
var _base4 = /*#__PURE__*/require("../Switch/_disabled/base");
|
14
|
-
var
|
13
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
15
14
|
var _Switch = /*#__PURE__*/require("./Switch.styles");
|
15
|
+
var _Switch2 = /*#__PURE__*/require("./Switch.tokens");
|
16
16
|
var _StyledTrigger;
|
17
17
|
var _excluded = ["size", "view", "focused", "outlined", "disabled", "labelPosition", "label", "id", "style", "className", "checked", "pressed", "defaultChecked"];
|
18
18
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
@@ -20,16 +20,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
20
20
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
21
21
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
22
22
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
23
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
24
|
-
var base = process.env.NODE_ENV === "production" ? {
|
25
|
-
name: "17eu4cg-plasma-new-hope__base",
|
26
|
-
styles: "position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:focus{outline:0 none;};label:plasma-new-hope__base;"
|
27
|
-
} : {
|
28
|
-
name: "17eu4cg-plasma-new-hope__base",
|
29
|
-
styles: "position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:focus{outline:0 none;};label:plasma-new-hope__base;",
|
30
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgUm9vdFByb3BzIH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBiYXNlIGFzIHNpemVDU1MgfSBmcm9tICcuLi9Td2l0Y2gvX3NpemUvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIHZpZXdDU1MgfSBmcm9tICcuLi9Td2l0Y2gvX3ZpZXcvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIGZvY3VzZWRDU1MgfSBmcm9tICcuLi9Td2l0Y2gvX2ZvY3VzZWQvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIGRpc2FibGVkQ1NTIH0gZnJvbSAnLi4vU3dpdGNoL19kaXNhYmxlZC9iYXNlJztcbmltcG9ydCB7IGJhc2UgYXMgbGFiZWxQb3NpdGlvbkNTUyB9IGZyb20gJy4uL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmFzZSc7XG5cbmltcG9ydCB7IFN0eWxlZElucHV0LCBTdHlsZWRMYWJlbCwgU3R5bGVkVHJpZ2dlciB9IGZyb20gJy4vU3dpdGNoLnN0eWxlcyc7XG5pbXBvcnQgeyBTd2l0Y2hQcm9wcyB9IGZyb20gJy4vU3dpdGNoLnR5cGVzJztcblxuY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHN3aXRjaFJvb3QgPSAoUm9vdDogUm9vdFByb3BzPEhUTUxJbnB1dEVsZW1lbnQsIFN3aXRjaFByb3BzPikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFN3aXRjaFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICBzaXplLFxuICAgICAgICAgICAgdmlldyxcbiAgICAgICAgICAgIGZvY3VzZWQsXG4gICAgICAgICAgICBvdXRsaW5lZCxcbiAgICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICAgbGFiZWxQb3NpdGlvbixcblxuICAgICAgICAgICAgbGFiZWwsXG5cbiAgICAgICAgICAgIGlkLFxuICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgICBjbGFzc05hbWUsXG5cbiAgICAgICAgICAgIC8vIHNpbmdsZUxpbmUsXG5cbiAgICAgICAgICAgIGNoZWNrZWQsXG4gICAgICAgICAgICBwcmVzc2VkLFxuICAgICAgICAgICAgZGVmYXVsdENoZWNrZWQsXG5cbiAgICAgICAgICAgIC4uLnJlc3RcbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIGNvbnN0IGV4YWN0Q2hlY2tlZCA9IEJvb2xlYW4oKGNoZWNrZWQgPz8gcHJlc3NlZCkgIT09IHVuZGVmaW5lZCA/IGNoZWNrZWQgPz8gcHJlc3NlZCA6IGRlZmF1bHRDaGVja2VkKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFJvb3RcbiAgICAgICAgICAgICAgICB2aWV3PXt2aWV3fVxuICAgICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIGZvY3VzZWQ9e2ZvY3VzZWQgPz8gb3V0bGluZWR9XG4gICAgICAgICAgICAgICAgbGFiZWxQb3NpdGlvbj17bGFiZWxQb3NpdGlvbn1cbiAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzd2l0Y2hcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWNoZWNrZWQ9e2V4YWN0Q2hlY2tlZH1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZCA/PyBwcmVzc2VkfVxuICAgICAgICAgICAgICAgICAgICBkZWZhdWx0Q2hlY2tlZD17ZGVmYXVsdENoZWNrZWR9XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRMYWJlbCB0YWJJbmRleD17LTF9PntsYWJlbH08L1N0eWxlZExhYmVsPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRUcmlnZ2VyIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgICAgICA8L1Jvb3Q+XG4gICAgICAgICk7XG4gICAgfSk7XG5cbmV4cG9ydCBjb25zdCBzd2l0Y2hDb25maWcgPSB7XG4gICAgbmFtZTogJ1N3aXRjaCcsXG4gICAgdGFnOiAnbGFiZWwnLFxuICAgIGJhc2UsXG4gICAgbGF5b3V0OiBzd2l0Y2hSb290LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgY3NzOiBzaXplQ1NTLFxuICAgICAgICB9LFxuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBjc3M6IHZpZXdDU1MsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICBjc3M6IGRpc2FibGVkQ1NTLFxuICAgICAgICAgICAgYXR0cnM6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIGNzczogZm9jdXNlZENTUyxcbiAgICAgICAgfSxcbiAgICAgICAgbGFiZWxQb3NpdGlvbjoge1xuICAgICAgICAgICAgY3NzOiBsYWJlbFBvc2l0aW9uQ1NTLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgfSxcbn07XG4iXX0= */",
|
31
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
32
|
-
};
|
33
23
|
var switchRoot = exports.switchRoot = function switchRoot(Root) {
|
34
24
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
35
25
|
var size = props.size,
|
@@ -55,7 +45,7 @@ var switchRoot = exports.switchRoot = function switchRoot(Root) {
|
|
55
45
|
labelPosition: labelPosition,
|
56
46
|
id: id,
|
57
47
|
style: style,
|
58
|
-
className: className
|
48
|
+
className: (0, _utils.cx)(className, _Switch2.classes["".concat(labelPosition, "SwitchLabelPosition")])
|
59
49
|
}, /*#__PURE__*/_react["default"].createElement(_Switch.StyledInput, _extends({}, rest, {
|
60
50
|
ref: ref,
|
61
51
|
role: "switch",
|
@@ -74,7 +64,7 @@ var switchRoot = exports.switchRoot = function switchRoot(Root) {
|
|
74
64
|
var switchConfig = exports.switchConfig = {
|
75
65
|
name: 'Switch',
|
76
66
|
tag: 'label',
|
77
|
-
base: base,
|
67
|
+
base: _Switch.base,
|
78
68
|
layout: switchRoot,
|
79
69
|
variations: {
|
80
70
|
size: {
|
@@ -89,9 +79,6 @@ var switchConfig = exports.switchConfig = {
|
|
89
79
|
},
|
90
80
|
focused: {
|
91
81
|
css: _base3.base
|
92
|
-
},
|
93
|
-
labelPosition: {
|
94
|
-
css: _base5.base
|
95
82
|
}
|
96
83
|
},
|
97
84
|
defaults: {
|
@@ -3,11 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = void 0;
|
6
|
+
exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = void 0;
|
7
7
|
var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
|
8
|
+
var _react = /*#__PURE__*/require("@emotion/react");
|
8
9
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
10
|
+
var _Switch = /*#__PURE__*/require("./Switch.tokens");
|
9
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
12
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
13
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:focus{outline:0 none;}&.", _Switch.classes.beforeSwitchLabelPosition, "{justify-content:space-between;", _Switch.tokens.labelOffsetPrivate, ":0 var(", _Switch.tokens.labelOffset, ") 0 0;}&.", _Switch.classes.afterSwitchLabelPosition, "{justify-content:start;flex-direction:row-reverse;", _Switch.tokens.labelOffsetPrivate, ":0 0 0 var(", _Switch.tokens.labelOffset, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGFwcGx5RWxsaXBzaXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1N3aXRjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYmVmb3JlU3dpdGNoTGFiZWxQb3NpdGlvbn0ge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cbiAgICAgICAgJHt0b2tlbnMubGFiZWxPZmZzZXRQcml2YXRlfTogMCB2YXIoJHt0b2tlbnMubGFiZWxPZmZzZXR9KSAwIDA7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWZ0ZXJTd2l0Y2hMYWJlbFBvc2l0aW9ufSB7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3ctcmV2ZXJzZTtcblxuICAgICAgICAke3Rva2Vucy5sYWJlbE9mZnNldFByaXZhdGV9OiAwIDAgMCB2YXIoJHt0b2tlbnMubGFiZWxPZmZzZXR9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvcGFjaXR5OiAwO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDAgbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIC8vIFRPRE86IG11bHRpbGluZSBzd2l0Y2hcbiAgICAke2FwcGx5RWxsaXBzaXMoKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmlnZ2VyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZS1pbi1vdXQgMC4xcztcblxuICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICByaWdodDogYXV0bztcbiAgICAgICAgbGVmdDogMDtcblxuICAgICAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjE1cyBlYXNlLWluLW91dCAwcywgbGVmdCAwLjNzIGVhc2UtaW4tb3V0IDBzLCByaWdodCAwLjNzIGVhc2UtaW4tb3V0IDBzO1xuICAgIH1cblxuICAgICR7U3R5bGVkSW5wdXR9OmNoZWNrZWQgfiAmOjphZnRlciB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgIH1cbmA7XG4iXX0= */"));
|
11
14
|
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _base["default"])("input", {
|
12
15
|
target: "e14sd5t12",
|
13
16
|
label: "plasma-new-hope__StyledInput"
|
@@ -17,14 +20,14 @@ var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _base["default"])("inpu
|
|
17
20
|
} : {
|
18
21
|
name: "1nnrczf",
|
19
22
|
styles: "position:absolute;right:0;margin:0;opacity:0;&:focus{outline:0 none;}",
|
20
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
23
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUN1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9Td2l0Y2gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmJlZm9yZVN3aXRjaExhYmVsUG9zaXRpb259IHtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAgICR7dG9rZW5zLmxhYmVsT2Zmc2V0UHJpdmF0ZX06IDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSkgMCAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFmdGVyU3dpdGNoTGFiZWxQb3NpdGlvbn0ge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG5cbiAgICAgICAgJHt0b2tlbnMubGFiZWxPZmZzZXRQcml2YXRlfTogMCAwIDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgb3BhY2l0eTogMDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAvLyBUT0RPOiBtdWx0aWxpbmUgc3dpdGNoXG4gICAgJHthcHBseUVsbGlwc2lzKCl9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJpZ2dlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzIGVhc2UtaW4tb3V0IDAuMXM7XG5cbiAgICA6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IGF1dG87XG4gICAgICAgIGxlZnQ6IDA7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4xNXMgZWFzZS1pbi1vdXQgMHMsIGxlZnQgMC4zcyBlYXNlLWluLW91dCAwcywgcmlnaHQgMC4zcyBlYXNlLWluLW91dCAwcztcbiAgICB9XG5cbiAgICAke1N0eWxlZElucHV0fTpjaGVja2VkIH4gJjo6YWZ0ZXIge1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICB9XG5gO1xuIl19 */",
|
21
24
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
22
25
|
});
|
23
26
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/(0, _base["default"])("span", {
|
24
27
|
target: "e14sd5t11",
|
25
28
|
label: "plasma-new-hope__StyledLabel"
|
26
|
-
})("user-select:none;", /*#__PURE__*/(0, _mixins.applyEllipsis)(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
29
|
+
})("user-select:none;", /*#__PURE__*/(0, _mixins.applyEllipsis)(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9Td2l0Y2gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmJlZm9yZVN3aXRjaExhYmVsUG9zaXRpb259IHtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAgICR7dG9rZW5zLmxhYmVsT2Zmc2V0UHJpdmF0ZX06IDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSkgMCAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFmdGVyU3dpdGNoTGFiZWxQb3NpdGlvbn0ge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG5cbiAgICAgICAgJHt0b2tlbnMubGFiZWxPZmZzZXRQcml2YXRlfTogMCAwIDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgb3BhY2l0eTogMDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAvLyBUT0RPOiBtdWx0aWxpbmUgc3dpdGNoXG4gICAgJHthcHBseUVsbGlwc2lzKCl9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJpZ2dlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzIGVhc2UtaW4tb3V0IDAuMXM7XG5cbiAgICA6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IGF1dG87XG4gICAgICAgIGxlZnQ6IDA7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4xNXMgZWFzZS1pbi1vdXQgMHMsIGxlZnQgMC4zcyBlYXNlLWluLW91dCAwcywgcmlnaHQgMC4zcyBlYXNlLWluLW91dCAwcztcbiAgICB9XG5cbiAgICAke1N0eWxlZElucHV0fTpjaGVja2VkIH4gJjo6YWZ0ZXIge1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICB9XG5gO1xuIl19 */"));
|
27
30
|
var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/(0, _base["default"])("div", {
|
28
31
|
target: "e14sd5t10",
|
29
32
|
label: "plasma-new-hope__StyledTrigger"
|
30
|
-
})("position:relative;display:flex;align-items:center;transition:background-color 0.15s ease-in-out 0.1s;::after{content:'';position:absolute;right:auto;left:0;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}", StyledInput, ":checked~&::after{right:0;left:auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
33
|
+
})("position:relative;display:flex;align-items:center;transition:background-color 0.15s ease-in-out 0.1s;::after{content:'';position:absolute;right:auto;left:0;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}", StyledInput, ":checked~&::after{right:0;left:auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUR1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9Td2l0Y2gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmJlZm9yZVN3aXRjaExhYmVsUG9zaXRpb259IHtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAgICR7dG9rZW5zLmxhYmVsT2Zmc2V0UHJpdmF0ZX06IDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSkgMCAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFmdGVyU3dpdGNoTGFiZWxQb3NpdGlvbn0ge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG5cbiAgICAgICAgJHt0b2tlbnMubGFiZWxPZmZzZXRQcml2YXRlfTogMCAwIDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgb3BhY2l0eTogMDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAvLyBUT0RPOiBtdWx0aWxpbmUgc3dpdGNoXG4gICAgJHthcHBseUVsbGlwc2lzKCl9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJpZ2dlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzIGVhc2UtaW4tb3V0IDAuMXM7XG5cbiAgICA6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IGF1dG87XG4gICAgICAgIGxlZnQ6IDA7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4xNXMgZWFzZS1pbi1vdXQgMHMsIGxlZnQgMC4zcyBlYXNlLWluLW91dCAwcywgcmlnaHQgMC4zcyBlYXNlLWluLW91dCAwcztcbiAgICB9XG5cbiAgICAke1N0eWxlZElucHV0fTpjaGVja2VkIH4gJjo6YWZ0ZXIge1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.tokens = void 0;
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
7
|
var tokens = exports.tokens = {
|
8
8
|
fontFamily: '--plasma-switch-font-family',
|
9
9
|
fontStyle: '--plasma-switch-font-style',
|
@@ -31,5 +31,10 @@ var tokens = exports.tokens = {
|
|
31
31
|
thumbPressScale: '--plasma-switch__thumb-scale',
|
32
32
|
thumbBackgroundColor: '--plasma-switch__thumb-bg-color',
|
33
33
|
thumbBoxShadow: '--plasma-switch__thumb-box-shadow',
|
34
|
-
thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true'
|
34
|
+
thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',
|
35
|
+
labelOffsetPrivate: '--plasma_private-switch__label-offset'
|
36
|
+
};
|
37
|
+
var classes = exports.classes = {
|
38
|
+
beforeSwitchLabelPosition: 'switch-label-position-before',
|
39
|
+
afterSwitchLabelPosition: 'switch-label-position-after'
|
35
40
|
};
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
8
|
var _Switch = /*#__PURE__*/require("../Switch.tokens");
|
9
9
|
var _Switch2 = /*#__PURE__*/require("../Switch.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _Switch.tokens.fontFamily, ");font-style:var(", _Switch.tokens.fontStyle, ");font-weight:var(", _Switch.tokens.fontWeight, ");letter-spacing:var(", _Switch.tokens.letterSpacing, ");line-height:var(", _Switch.tokens.lineHeight, ");font-size:var(", _Switch.tokens.fontSize, ");", _Switch2.StyledTrigger, "{flex:0 0 var(", _Switch.tokens.trackWidth, ");width:var(", _Switch.tokens.trackWidth, ");height:var(", _Switch.tokens.trackHeight, ");border-radius:var(", _Switch.tokens.trackBorderRadius, ");&::after{width:var(", _Switch.tokens.thumbSize, ");height:var(", _Switch.tokens.thumbSize, ");border-radius:var(", _Switch.tokens.thumbBorderRadius, ");margin:auto var(", _Switch.tokens.thumbOffset, ");}}", _Switch2.StyledLabel, "{margin:var(
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _Switch.tokens.fontFamily, ");font-style:var(", _Switch.tokens.fontStyle, ");font-weight:var(", _Switch.tokens.fontWeight, ");letter-spacing:var(", _Switch.tokens.letterSpacing, ");line-height:var(", _Switch.tokens.lineHeight, ");font-size:var(", _Switch.tokens.fontSize, ");", _Switch2.StyledTrigger, "{flex:0 0 var(", _Switch.tokens.trackWidth, ");width:var(", _Switch.tokens.trackWidth, ");height:var(", _Switch.tokens.trackHeight, ");border-radius:var(", _Switch.tokens.trackBorderRadius, ");&::after{width:var(", _Switch.tokens.thumbSize, ");height:var(", _Switch.tokens.thumbSize, ");border-radius:var(", _Switch.tokens.thumbBorderRadius, ");margin:auto var(", _Switch.tokens.thumbOffset, ");}}", _Switch2.StyledLabel, "{margin:var(", _Switch.tokens.labelOffsetPrivate, ", 0);}:active:not([disabled]) ", _Switch2.StyledTrigger, "::after{width:calc(var(", _Switch.tokens.thumbSize, ") * var(", _Switch.tokens.thumbPressScale, ", 1));};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL19zaXplL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL19zaXplL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL1N3aXRjaC50b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkTGFiZWwsIFN0eWxlZFRyaWdnZXIgfSBmcm9tICcuLi9Td2l0Y2guc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG5cbiAgICAke1N0eWxlZFRyaWdnZXJ9IHtcbiAgICAgICAgZmxleDogMCAwIHZhcigke3Rva2Vucy50cmFja1dpZHRofSk7XG4gICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50cmFja0hlaWdodH0pO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnRodW1iU2l6ZX0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGh1bWJTaXplfSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudGh1bWJCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgIG1hcmdpbjogYXV0byB2YXIoJHt0b2tlbnMudGh1bWJPZmZzZXR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICR7U3R5bGVkTGFiZWx9IHtcbiAgICAgICAgLyogY2hlY2sgX2xhYmVsX3Bvc2l0aW9uICovXG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0UHJpdmF0ZX0sIDApO1xuICAgIH1cblxuICAgIDphY3RpdmU6bm90KFtkaXNhYmxlZF0pICR7U3R5bGVkVHJpZ2dlcn06OmFmdGVyIHtcbiAgICAgICAgd2lkdGg6IGNhbGModmFyKCR7dG9rZW5zLnRodW1iU2l6ZX0pICogdmFyKCR7dG9rZW5zLnRodW1iUHJlc3NTY2FsZX0sIDEpKTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -3,18 +3,6 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
Object.defineProperty(exports, "Switch_LabelPosition_After", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _after.labelPosition_After;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "Switch_LabelPosition_Before", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _before.labelPosition_Before;
|
16
|
-
}
|
17
|
-
});
|
18
6
|
Object.defineProperty(exports, "switchConfig", {
|
19
7
|
enumerable: true,
|
20
8
|
get: function get() {
|
@@ -33,7 +21,5 @@ Object.defineProperty(exports, "switchTokens", {
|
|
33
21
|
return _Switch2.tokens;
|
34
22
|
}
|
35
23
|
});
|
36
|
-
var _after = /*#__PURE__*/require("./_label-position/after");
|
37
|
-
var _before = /*#__PURE__*/require("./_label-position/before");
|
38
24
|
var _Switch = /*#__PURE__*/require("./Switch");
|
39
25
|
var _Switch2 = /*#__PURE__*/require("./Switch.tokens");
|