@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
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
2
|
import { switchTokens } from '../../../../components/Switch';
|
|
3
|
-
import { labelPosition_Before } from '../../../../components/Switch/_label-position/before';
|
|
4
|
-
import { labelPosition_After } from '../../../../components/Switch/_label-position/after';
|
|
5
3
|
export var config = {
|
|
6
4
|
defaults: {
|
|
7
5
|
view: 'default',
|
|
@@ -11,20 +9,16 @@ export var config = {
|
|
|
11
9
|
},
|
|
12
10
|
variations: {
|
|
13
11
|
size: {
|
|
14
|
-
m: /*#__PURE__*/css(switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", switchTokens.trackWidth, ":2.75rem;", switchTokens.trackHeight, ":1.75rem;", switchTokens.trackBorderRadius, ":calc(var(", switchTokens.trackHeight, ") / 2);", switchTokens.thumbSize, ":1.5rem;", switchTokens.thumbBorderRadius, ":calc(var(", switchTokens.thumbSize, ") / 2);", switchTokens.thumbOffset, ":0.125rem;", switchTokens.thumbPressScale, ":1.25;", switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
12
|
+
m: /*#__PURE__*/css(switchTokens.fontFamily, ":var(--plasma-typo-body1-font-family);", switchTokens.fontStyle, ":var(--plasma-typo-body1-font-style);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.fontWeight, ":var(--plasma-typo-body1-font-weight);", switchTokens.lineHeight, ":var(--plasma-typo-body1-line-height);", switchTokens.fontSize, ":var(--plasma-typo-body1-font-size);", switchTokens.letterSpacing, ":var(--plasma-typo-body1-letter-spacing);", switchTokens.trackWidth, ":2.75rem;", switchTokens.trackHeight, ":1.75rem;", switchTokens.trackBorderRadius, ":calc(var(", switchTokens.trackHeight, ") / 2);", switchTokens.thumbSize, ":1.5rem;", switchTokens.thumbBorderRadius, ":calc(var(", switchTokens.thumbSize, ") / 2);", switchTokens.thumbOffset, ":0.125rem;", switchTokens.thumbPressScale, ":1.25;", switchTokens.labelOffset, ":0.75rem;;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvcGxhc21hX3dlYi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBzd2l0Y2hUb2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL1N3aXRjaCc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgICAgIGxhYmVsUG9zaXRpb246ICdiZWZvcmUnLFxuICAgICAgICBmb2N1c2VkOiAndHJ1ZScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5saW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrV2lkdGh9OiAyLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fTogMS43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JvcmRlclJhZGl1c306IGNhbGModmFyKCR7c3dpdGNoVG9rZW5zLnRyYWNrSGVpZ2h0fSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYlNpemV9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50aHVtYlNpemV9KSAvIDIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iT2Zmc2V0fTogMC4xMjVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJQcmVzc1NjYWxlfTogMS4yNTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5sYWJlbE9mZnNldH06IDAuNzVyZW07XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPbn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JhY2tncm91bmRDb2xvck9uSG92ZXJ9OiB2YXIoLS1zdXJmYWNlLWFjY2VudC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZ9OiB2YXIoLS1zdXJmYWNlLXRyYW5zcGFyZW50LXRlcnRpYXJ5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0JhY2tncm91bmRDb2xvck9mZkhvdmVyfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoLS1vbi1kYXJrLXN1cmZhY2Utc29saWQtZGVmYXVsdCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJCb3hTaGFkb3d9OiAwIDFweCAxcHggcmdiYSgwLCAwLCAwLCAwLjExKTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZm9jdXNlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrRm9jdXNDb2xvcn06IHZhcigtLXN1cmZhY2UtYWNjZW50KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
|
15
13
|
},
|
|
16
14
|
view: {
|
|
17
|
-
"default": /*#__PURE__*/css(switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", switchTokens.trackBackgroundColorOnHover, ":var(--surface-accent-hover);", switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary);", switchTokens.trackBackgroundColorOffHover, ":var(--surface-transparent-tertiary-hover);", switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
-
},
|
|
19
|
-
labelPosition: {
|
|
20
|
-
before: labelPosition_Before,
|
|
21
|
-
after: labelPosition_After
|
|
15
|
+
"default": /*#__PURE__*/css(switchTokens.trackBackgroundColorOn, ":var(--surface-accent);", switchTokens.trackBackgroundColorOnHover, ":var(--surface-accent-hover);", switchTokens.trackBackgroundColorOff, ":var(--surface-transparent-tertiary);", switchTokens.trackBackgroundColorOffHover, ":var(--surface-transparent-tertiary-hover);", switchTokens.thumbBackgroundColor, ":var(--on-dark-surface-solid-default);", switchTokens.thumbBoxShadow, ":0 1px 1px rgba(0, 0, 0, 0.11);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPbkhvdmVyfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQtaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT2ZmfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnktaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQmFja2dyb3VuZENvbG9yfTogdmFyKC0tb24tZGFyay1zdXJmYWNlLXNvbGlkLWRlZmF1bHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm94U2hhZG93fTogMCAxcHggMXB4IHJnYmEoMCwgMCwgMCwgMC4xMSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0ZvY3VzQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
|
22
16
|
},
|
|
23
17
|
disabled: {
|
|
24
|
-
"true": /*#__PURE__*/css(switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
"true": /*#__PURE__*/css(switchTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPbkhvdmVyfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQtaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT2ZmfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnktaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQmFja2dyb3VuZENvbG9yfTogdmFyKC0tb24tZGFyay1zdXJmYWNlLXNvbGlkLWRlZmF1bHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm94U2hhZG93fTogMCAxcHggMXB4IHJnYmEoMCwgMCwgMCwgMC4xMSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0ZvY3VzQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
|
25
19
|
},
|
|
26
20
|
focused: {
|
|
27
|
-
"true": /*#__PURE__*/css(switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
"true": /*#__PURE__*/css(switchTokens.trackFocusColor, ":var(--surface-accent);;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Td2l0Y2gvU3dpdGNoLmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgc3dpdGNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Td2l0Y2gnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgICAgICBsYWJlbFBvc2l0aW9uOiAnYmVmb3JlJyxcbiAgICAgICAgZm9jdXNlZDogJ3RydWUnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMuZm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy5mb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja1dpZHRofTogMi43NXJlbTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH06IDEuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9OiBjYWxjKHZhcigke3N3aXRjaFRva2Vucy50cmFja0hlaWdodH0pIC8gMik7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHtzd2l0Y2hUb2tlbnMudGh1bWJTaXplfSkgLyAyKTtcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50aHVtYk9mZnNldH06IDAuMTI1cmVtO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iUHJlc3NTY2FsZX06IDEuMjU7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMubGFiZWxPZmZzZXR9OiAwLjc1cmVtO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgdmlldzoge1xuICAgICAgICAgICAgZGVmYXVsdDogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT259OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPbkhvdmVyfTogdmFyKC0tc3VyZmFjZS1hY2NlbnQtaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRyYWNrQmFja2dyb3VuZENvbG9yT2ZmfTogdmFyKC0tc3VyZmFjZS10cmFuc3BhcmVudC10ZXJ0aWFyeSk7XG4gICAgICAgICAgICAgICAgJHtzd2l0Y2hUb2tlbnMudHJhY2tCYWNrZ3JvdW5kQ29sb3JPZmZIb3Zlcn06IHZhcigtLXN1cmZhY2UtdHJhbnNwYXJlbnQtdGVydGlhcnktaG92ZXIpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQmFja2dyb3VuZENvbG9yfTogdmFyKC0tb24tZGFyay1zdXJmYWNlLXNvbGlkLWRlZmF1bHQpO1xuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLnRodW1iQm94U2hhZG93fTogMCAxcHggMXB4IHJnYmEoMCwgMCwgMCwgMC4xMSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7c3dpdGNoVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke3N3aXRjaFRva2Vucy50cmFja0ZvY3VzQ29sb3J9OiB2YXIoLS1zdXJmYWNlLWFjY2VudCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
|
28
22
|
}
|
|
29
23
|
}
|
|
30
24
|
};
|
|
@@ -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,16 +1,15 @@
|
|
|
1
|
-
import './Switch_svqw4q.css';
|
|
2
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
2
|
import React, { forwardRef } from 'react';
|
|
4
3
|
import { base as base$1 } from './_size/base.js';
|
|
5
4
|
import { base as base$2 } from './_view/base.js';
|
|
6
5
|
import { base as base$4 } from './_focused/base.js';
|
|
7
6
|
import { base as base$3 } from './_disabled/base.js';
|
|
8
|
-
import {
|
|
9
|
-
import { StyledInput, StyledLabel, StyledTrigger } from './Switch.styles.js';
|
|
7
|
+
import { cx } from '../../utils/index.js';
|
|
8
|
+
import { StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles.js';
|
|
9
|
+
import { classes } from './Switch.tokens.js';
|
|
10
10
|
|
|
11
11
|
var _StyledTrigger;
|
|
12
12
|
var _excluded = ["size", "view", "focused", "outlined", "disabled", "labelPosition", "label", "id", "style", "className", "checked", "pressed", "defaultChecked"];
|
|
13
|
-
var base = "bagv7wj";
|
|
14
13
|
var switchRoot = function switchRoot(Root) {
|
|
15
14
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
16
15
|
var size = props.size,
|
|
@@ -36,7 +35,7 @@ var switchRoot = function switchRoot(Root) {
|
|
|
36
35
|
labelPosition: labelPosition,
|
|
37
36
|
id: id,
|
|
38
37
|
style: style,
|
|
39
|
-
className: className
|
|
38
|
+
className: cx(className, classes["".concat(labelPosition, "SwitchLabelPosition")])
|
|
40
39
|
}, /*#__PURE__*/React.createElement(StyledInput, _extends({}, rest, {
|
|
41
40
|
ref: ref,
|
|
42
41
|
role: "switch",
|
|
@@ -70,9 +69,6 @@ var switchConfig = {
|
|
|
70
69
|
},
|
|
71
70
|
focused: {
|
|
72
71
|
css: base$4
|
|
73
|
-
},
|
|
74
|
-
labelPosition: {
|
|
75
|
-
css: base$5
|
|
76
72
|
}
|
|
77
73
|
},
|
|
78
74
|
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,UAAU,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,wBAAA,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,EAAE,CAACZ,SAAS,EAAEa,OAAO,CAAAC,EAAAA,CAAAA,MAAA,CAAIlB,aAAa,EAA8C,qBAAA,CAAA,CAAA,CAAA;KAE/Fc,eAAAA,KAAA,CAAAC,aAAA,CAACI,WAAW,EAAAC,QAAA,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,WAAW,EAAA;AAACC,MAAAA,QAAQ,EAAE,CAAC,CAAA;KAAIvB,EAAAA,KAAmB,CAAC,EAAAwB,cAAA,KAAAA,cAAA,gBAChDX,KAAA,CAAAC,aAAA,CAACW,aAAa,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,IAAI;AACJC,EAAAA,MAAM,EAAEzC,UAAU;AAClB0C,EAAAA,UAAU,EAAE;AACRrC,IAAAA,IAAI,EAAE;AACFsC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDtC,IAAAA,IAAI,EAAE;AACFqC,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDpC,IAAAA,QAAQ,EAAE;AACNkC,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDxC,IAAAA,OAAO,EAAE;AACLoC,MAAAA,GAAG,EAAEK,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN5C,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import './Switch.
|
|
1
|
+
import './Switch.styles_1kk0qzz.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
|
|
4
|
+
var base = "b1fcyfkl";
|
|
4
5
|
var StyledInput = /*#__PURE__*/styled('input')({
|
|
5
6
|
name: "StyledInput",
|
|
6
|
-
"class": "
|
|
7
|
+
"class": "s10fscgc",
|
|
7
8
|
propsAsIs: false
|
|
8
9
|
});
|
|
9
10
|
var StyledLabel = /*#__PURE__*/styled('span')({
|
|
10
11
|
name: "StyledLabel",
|
|
11
|
-
"class": "
|
|
12
|
+
"class": "sdjnckq",
|
|
12
13
|
propsAsIs: false
|
|
13
14
|
});
|
|
14
15
|
var StyledTrigger = /*#__PURE__*/styled('div')({
|
|
15
16
|
name: "StyledTrigger",
|
|
16
|
-
"class": "
|
|
17
|
+
"class": "ssthlx1",
|
|
17
18
|
propsAsIs: false
|
|
18
19
|
});
|
|
19
20
|
|
|
20
|
-
export { StyledInput, StyledLabel, StyledTrigger };
|
|
21
|
+
export { StyledInput, StyledLabel, StyledTrigger, base };
|
|
21
22
|
//# 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,MAAM,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,MAAM,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,MAAM,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;}
|
|
@@ -25,8 +25,13 @@ var tokens = {
|
|
|
25
25
|
thumbPressScale: '--plasma-switch__thumb-scale',
|
|
26
26
|
thumbBackgroundColor: '--plasma-switch__thumb-bg-color',
|
|
27
27
|
thumbBoxShadow: '--plasma-switch__thumb-box-shadow',
|
|
28
|
-
thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true'
|
|
28
|
+
thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',
|
|
29
|
+
labelOffsetPrivate: '--plasma_private-switch__label-offset'
|
|
30
|
+
};
|
|
31
|
+
var classes = {
|
|
32
|
+
beforeSwitchLabelPosition: 'switch-label-position-before',
|
|
33
|
+
afterSwitchLabelPosition: 'switch-label-position-after'
|
|
29
34
|
};
|
|
30
35
|
|
|
31
|
-
export { tokens };
|
|
36
|
+
export { classes, tokens };
|
|
32
37
|
//# 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/es/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/es/index.js
CHANGED
|
@@ -52,8 +52,6 @@ export { textFieldConfig, textFieldRoot } from './components/TextField/TextField
|
|
|
52
52
|
export { classes as textFieldClasses, tokens as textFieldTokens } from './components/TextField/TextField.tokens.js';
|
|
53
53
|
export { textFieldGroupConfig, textFieldGroupRoot } from './components/TextFieldGroup/TextFieldGroup.js';
|
|
54
54
|
export { classes as textFieldGroupClasses, tokens as textFieldGroupTokens } from './components/TextFieldGroup/TextFieldGroup.tokens.js';
|
|
55
|
-
export { labelPosition_After as Switch_LabelPosition_After } from './components/Switch/_label-position/after.js';
|
|
56
|
-
export { labelPosition_Before as Switch_LabelPosition_Before } from './components/Switch/_label-position/before.js';
|
|
57
55
|
export { switchConfig, switchRoot } from './components/Switch/Switch.js';
|
|
58
56
|
export { tokens as switchTokens } from './components/Switch/Switch.tokens.js';
|
|
59
57
|
export { tabsConfig, tabsRoot } from './components/Tabs/ui/Tabs/Tabs.js';
|
package/es/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.153.0-canary.1447.11031873624.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
"react-popper": "2.3.0",
|
|
124
124
|
"storeon": "3.1.5"
|
|
125
125
|
},
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "3a3508c38cbfbccd72db5e3793baeca70bd3a6d7"
|
|
127
127
|
}
|
|
@@ -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 _styledComponents = /*#__PURE__*/require("styled-components");
|
|
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,7 +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
|
-
var base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);&:focus{outline:0 none;}"]);
|
|
24
23
|
var switchRoot = exports.switchRoot = function switchRoot(Root) {
|
|
25
24
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
26
25
|
var size = props.size,
|
|
@@ -46,7 +45,7 @@ var switchRoot = exports.switchRoot = function switchRoot(Root) {
|
|
|
46
45
|
labelPosition: labelPosition,
|
|
47
46
|
id: id,
|
|
48
47
|
style: style,
|
|
49
|
-
className: className
|
|
48
|
+
className: (0, _utils.cx)(className, _Switch2.classes["".concat(labelPosition, "SwitchLabelPosition")])
|
|
50
49
|
}, /*#__PURE__*/_react["default"].createElement(_Switch.StyledInput, _extends({}, rest, {
|
|
51
50
|
ref: ref,
|
|
52
51
|
role: "switch",
|
|
@@ -65,7 +64,7 @@ var switchRoot = exports.switchRoot = function switchRoot(Root) {
|
|
|
65
64
|
var switchConfig = exports.switchConfig = {
|
|
66
65
|
name: 'Switch',
|
|
67
66
|
tag: 'label',
|
|
68
|
-
base: base,
|
|
67
|
+
base: _Switch.base,
|
|
69
68
|
layout: switchRoot,
|
|
70
69
|
variations: {
|
|
71
70
|
size: {
|
|
@@ -80,9 +79,6 @@ var switchConfig = exports.switchConfig = {
|
|
|
80
79
|
},
|
|
81
80
|
focused: {
|
|
82
81
|
css: _base3.base
|
|
83
|
-
},
|
|
84
|
-
labelPosition: {
|
|
85
|
-
css: _base5.base
|
|
86
82
|
}
|
|
87
83
|
},
|
|
88
84
|
defaults: {
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = void 0;
|
|
7
|
-
var _styledComponents = /*#__PURE__*/
|
|
7
|
+
exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = void 0;
|
|
8
|
+
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
|
8
9
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
|
9
|
-
|
|
10
|
+
var _Switch = /*#__PURE__*/require("./Switch.tokens");
|
|
11
|
+
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); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
13
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);&:focus{outline:0 none;}&.", "{justify-content:space-between;", ":0 var(", ") 0 0;}&.", "{justify-content:start;flex-direction:row-reverse;", ":0 0 0 var(", ");}"], _Switch.classes.beforeSwitchLabelPosition, _Switch.tokens.labelOffsetPrivate, _Switch.tokens.labelOffset, _Switch.classes.afterSwitchLabelPosition, _Switch.tokens.labelOffsetPrivate, _Switch.tokens.labelOffset);
|
|
10
14
|
var StyledInput = exports.StyledInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
|
11
15
|
componentId: "plasma-new-hope__sc-i4fgom-0"
|
|
12
16
|
})(["position:absolute;right:0;margin:0;opacity:0;&:focus{outline:0 none;}"]);
|
|
@@ -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 _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
8
|
var _Switch = /*#__PURE__*/require("../Switch.tokens");
|
|
9
9
|
var _Switch2 = /*#__PURE__*/require("../Switch.styles");
|
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");font-size:var(", ");", "{flex:0 0 var(", ");width:var(", ");height:var(", ");border-radius:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}", "{margin:var(
|
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["font-family:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");font-size:var(", ");", "{flex:0 0 var(", ");width:var(", ");height:var(", ");border-radius:var(", ");&::after{width:var(", ");height:var(", ");border-radius:var(", ");margin:auto var(", ");}}", "{margin:var(", ",0);}:active:not([disabled]) ", "::after{width:calc(var(", ") * var(", ",1));}"], _Switch.tokens.fontFamily, _Switch.tokens.fontStyle, _Switch.tokens.fontWeight, _Switch.tokens.letterSpacing, _Switch.tokens.lineHeight, _Switch.tokens.fontSize, _Switch2.StyledTrigger, _Switch.tokens.trackWidth, _Switch.tokens.trackWidth, _Switch.tokens.trackHeight, _Switch.tokens.trackBorderRadius, _Switch.tokens.thumbSize, _Switch.tokens.thumbSize, _Switch.tokens.thumbBorderRadius, _Switch.tokens.thumbOffset, _Switch2.StyledLabel, _Switch.tokens.labelOffsetPrivate, _Switch2.StyledTrigger, _Switch.tokens.thumbSize, _Switch.tokens.thumbPressScale);
|
|
@@ -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");
|
|
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.config = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
8
|
var _Switch = /*#__PURE__*/require("../../../../components/Switch");
|
|
9
|
-
var _before = /*#__PURE__*/require("../../../../components/Switch/_label-position/before");
|
|
10
|
-
var _after = /*#__PURE__*/require("../../../../components/Switch/_label-position/after");
|
|
11
9
|
var config = exports.config = {
|
|
12
10
|
defaults: {
|
|
13
11
|
view: 'default',
|
|
@@ -22,10 +20,6 @@ var config = exports.config = {
|
|
|
22
20
|
view: {
|
|
23
21
|
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], _Switch.switchTokens.trackBackgroundColorOn, _Switch.switchTokens.trackBackgroundColorOnHover, _Switch.switchTokens.trackBackgroundColorOff, _Switch.switchTokens.trackBackgroundColorOffHover, _Switch.switchTokens.thumbBackgroundColor, _Switch.switchTokens.thumbBoxShadow)
|
|
24
22
|
},
|
|
25
|
-
labelPosition: {
|
|
26
|
-
before: _before.labelPosition_Before,
|
|
27
|
-
after: _after.labelPosition_After
|
|
28
|
-
},
|
|
29
23
|
disabled: {
|
|
30
24
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _Switch.switchTokens.disabledOpacity)
|
|
31
25
|
},
|