@salutejs/plasma-new-hope 0.184.0-canary.1538.11686719130.0 → 0.184.0-canary.1539.11687316067.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (122) hide show
  1. package/cjs/components/Dropdown/Dropdown.js +4 -6
  2. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  3. package/cjs/components/Switch/Switch.css +11 -7
  4. package/cjs/components/Switch/Switch.js +16 -7
  5. package/cjs/components/Switch/Switch.js.map +1 -1
  6. package/cjs/components/Switch/Switch.styles.js +16 -4
  7. package/cjs/components/Switch/Switch.styles.js.map +1 -1
  8. package/cjs/components/Switch/Switch.styles_bei7bh.css +6 -0
  9. package/cjs/components/Switch/Switch.tokens.js +11 -0
  10. package/cjs/components/Switch/Switch.tokens.js.map +1 -1
  11. package/cjs/components/Switch/_focused/base.js +1 -1
  12. package/{es/components/Switch/_focused/base_j4murk.css → cjs/components/Switch/_focused/base_sz3n0x.css} +1 -1
  13. package/cjs/components/Switch/_size/base.js +1 -1
  14. package/cjs/components/Switch/_size/base.js.map +1 -1
  15. package/cjs/components/Switch/_size/base_1tcl212.css +1 -0
  16. package/cjs/components/Switch/_toggleSize/base.js +9 -0
  17. package/cjs/components/Switch/_toggleSize/base.js.map +1 -0
  18. package/cjs/components/Switch/_toggleSize/base_6i0904.css +1 -0
  19. package/cjs/components/Switch/_view/base.js +1 -1
  20. package/cjs/components/Switch/_view/base.js.map +1 -1
  21. package/cjs/components/Switch/_view/base_yxkf3s.css +1 -0
  22. package/cjs/index.css +11 -7
  23. package/emotion/cjs/components/Dropdown/Dropdown.js +4 -6
  24. package/emotion/cjs/components/Switch/Switch.js +17 -8
  25. package/emotion/cjs/components/Switch/Switch.styles.js +21 -5
  26. package/emotion/cjs/components/Switch/Switch.template-doc.mdx +37 -1
  27. package/emotion/cjs/components/Switch/Switch.tokens.js +11 -0
  28. package/emotion/cjs/components/Switch/_size/base.js +1 -1
  29. package/emotion/cjs/components/Switch/_toggleSize/base.js +10 -0
  30. package/emotion/cjs/components/Switch/_view/base.js +1 -1
  31. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +11 -4
  32. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +7 -1
  33. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +11 -4
  34. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +14 -1
  35. package/emotion/es/components/Dropdown/Dropdown.js +4 -6
  36. package/emotion/es/components/Switch/Switch.js +13 -4
  37. package/emotion/es/components/Switch/Switch.styles.js +20 -4
  38. package/emotion/es/components/Switch/Switch.template-doc.mdx +37 -1
  39. package/emotion/es/components/Switch/Switch.tokens.js +11 -0
  40. package/emotion/es/components/Switch/_size/base.js +2 -2
  41. package/emotion/es/components/Switch/_toggleSize/base.js +4 -0
  42. package/emotion/es/components/Switch/_view/base.js +2 -2
  43. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +11 -4
  44. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +7 -1
  45. package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +11 -4
  46. package/emotion/es/examples/plasma_web/components/Switch/Switch.stories.tsx +14 -1
  47. package/es/components/Dropdown/Dropdown.js +4 -6
  48. package/es/components/Dropdown/Dropdown.js.map +1 -1
  49. package/es/components/Switch/Switch.css +11 -7
  50. package/es/components/Switch/Switch.js +17 -8
  51. package/es/components/Switch/Switch.js.map +1 -1
  52. package/es/components/Switch/Switch.styles.js +15 -5
  53. package/es/components/Switch/Switch.styles.js.map +1 -1
  54. package/es/components/Switch/Switch.styles_bei7bh.css +6 -0
  55. package/es/components/Switch/Switch.tokens.js +11 -0
  56. package/es/components/Switch/Switch.tokens.js.map +1 -1
  57. package/es/components/Switch/_focused/base.js +1 -1
  58. package/{cjs/components/Switch/_focused/base_j4murk.css → es/components/Switch/_focused/base_sz3n0x.css} +1 -1
  59. package/es/components/Switch/_size/base.js +1 -1
  60. package/es/components/Switch/_size/base.js.map +1 -1
  61. package/es/components/Switch/_size/base_1tcl212.css +1 -0
  62. package/es/components/Switch/_toggleSize/base.js +5 -0
  63. package/es/components/Switch/_toggleSize/base.js.map +1 -0
  64. package/es/components/Switch/_toggleSize/base_6i0904.css +1 -0
  65. package/es/components/Switch/_view/base.js +1 -1
  66. package/es/components/Switch/_view/base.js.map +1 -1
  67. package/es/components/Switch/_view/base_yxkf3s.css +1 -0
  68. package/es/index.css +11 -7
  69. package/package.json +2 -2
  70. package/styled-components/cjs/components/Dropdown/Dropdown.js +4 -6
  71. package/styled-components/cjs/components/Switch/Switch.js +17 -8
  72. package/styled-components/cjs/components/Switch/Switch.styles.js +11 -5
  73. package/styled-components/cjs/components/Switch/Switch.template-doc.mdx +37 -1
  74. package/styled-components/cjs/components/Switch/Switch.tokens.js +11 -0
  75. package/styled-components/cjs/components/Switch/_size/base.js +1 -1
  76. package/styled-components/cjs/components/Switch/_toggleSize/base.js +10 -0
  77. package/styled-components/cjs/components/Switch/_view/base.js +1 -1
  78. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +9 -2
  79. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +7 -1
  80. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +9 -2
  81. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +14 -1
  82. package/styled-components/es/components/Dropdown/Dropdown.js +4 -6
  83. package/styled-components/es/components/Switch/Switch.js +13 -4
  84. package/styled-components/es/components/Switch/Switch.styles.js +10 -4
  85. package/styled-components/es/components/Switch/Switch.template-doc.mdx +37 -1
  86. package/styled-components/es/components/Switch/Switch.tokens.js +11 -0
  87. package/styled-components/es/components/Switch/_size/base.js +2 -2
  88. package/styled-components/es/components/Switch/_toggleSize/base.js +4 -0
  89. package/styled-components/es/components/Switch/_view/base.js +2 -2
  90. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +9 -2
  91. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +7 -1
  92. package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +9 -2
  93. package/styled-components/es/examples/plasma_web/components/Switch/Switch.stories.tsx +14 -1
  94. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  95. package/types/components/Dropdown/Dropdown.types.d.ts +0 -4
  96. package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
  97. package/types/components/Switch/Switch.d.ts +3 -0
  98. package/types/components/Switch/Switch.d.ts.map +1 -1
  99. package/types/components/Switch/Switch.styles.d.ts +2 -0
  100. package/types/components/Switch/Switch.styles.d.ts.map +1 -1
  101. package/types/components/Switch/Switch.tokens.d.ts +9 -0
  102. package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
  103. package/types/components/Switch/Switch.types.d.ts +10 -2
  104. package/types/components/Switch/Switch.types.d.ts.map +1 -1
  105. package/types/components/Switch/_size/base.d.ts.map +1 -1
  106. package/types/components/Switch/_toggleSize/base.d.ts +2 -0
  107. package/types/components/Switch/_toggleSize/base.d.ts.map +1 -0
  108. package/types/components/Switch/_view/base.d.ts.map +1 -1
  109. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts +7 -0
  110. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
  111. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts +6 -0
  112. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map +1 -1
  113. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts +7 -0
  114. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
  115. package/types/examples/plasma_web/components/Switch/Switch.d.ts +6 -0
  116. package/types/examples/plasma_web/components/Switch/Switch.d.ts.map +1 -1
  117. package/cjs/components/Switch/Switch.styles_1kk0qzz.css +0 -4
  118. package/cjs/components/Switch/_size/base_1rjzpi4.css +0 -1
  119. package/cjs/components/Switch/_view/base_1mtyz12.css +0 -1
  120. package/es/components/Switch/Switch.styles_1kk0qzz.css +0 -4
  121. package/es/components/Switch/_size/base_1rjzpi4.css +0 -1
  122. package/es/components/Switch/_view/base_1mtyz12.css +0 -1
@@ -4,15 +4,22 @@ export var config = {
4
4
  defaults: {
5
5
  view: 'default',
6
6
  size: 'm',
7
+ toggleSize: 'l',
7
8
  labelPosition: 'before',
8
9
  focused: 'true'
9
10
  },
10
11
  variations: {
11
12
  size: {
12
- m: /*#__PURE__*/css(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-line-height);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-letter-spacing);", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
13
+ s: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
14
+ m: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
15
+ l: /*#__PURE__*/css(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset)
16
+ },
17
+ toggleSize: {
18
+ l: /*#__PURE__*/css(["", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale),
19
+ s: /*#__PURE__*/css(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":1rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
13
20
  },
14
21
  view: {
15
- "default": /*#__PURE__*/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);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
22
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":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);"], switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
16
23
  },
17
24
  disabled: {
18
25
  "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)
@@ -18,7 +18,7 @@ const meta: Meta<SwitchProps> = {
18
18
  decorators: [WithTheme],
19
19
  component: Switch,
20
20
  argTypes: {
21
- ...argTypesFromConfig(mergeConfig(switchConfig, config), ['size', 'view', 'focused']),
21
+ ...argTypesFromConfig(mergeConfig(switchConfig, config), ['view', 'focused']),
22
22
  labelPosition: {
23
23
  options: ['before', 'after'],
24
24
  control: { type: 'select' },
@@ -26,6 +26,7 @@ const meta: Meta<SwitchProps> = {
26
26
  },
27
27
  args: {
28
28
  label: 'Label',
29
+ description: 'Description',
29
30
  labelPosition: 'before',
30
31
  },
31
32
  };
@@ -64,5 +65,10 @@ const StoryDefault = (args: SwitchProps) => {
64
65
  };
65
66
 
66
67
  export const Default: StoryObj<SwitchProps> = {
68
+ args: {
69
+ size: 'm',
70
+ toggleSize: 'l',
71
+ disabled: false,
72
+ },
67
73
  render: (args) => <StoryDefault {...args} />,
68
74
  };
@@ -4,15 +4,22 @@ export var config = {
4
4
  defaults: {
5
5
  view: 'default',
6
6
  size: 'm',
7
+ toggleSize: 'l',
7
8
  labelPosition: 'before',
8
9
  focused: 'true'
9
10
  },
10
11
  variations: {
11
12
  size: {
12
- m: /*#__PURE__*/css(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-line-height);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-letter-spacing);", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
13
+ s: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
14
+ m: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
15
+ l: /*#__PURE__*/css(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset)
16
+ },
17
+ toggleSize: {
18
+ l: /*#__PURE__*/css(["", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale),
19
+ s: /*#__PURE__*/css(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":1rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
13
20
  },
14
21
  view: {
15
- "default": /*#__PURE__*/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);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
22
+ "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":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);"], switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
16
23
  },
17
24
  disabled: {
18
25
  "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)
@@ -17,9 +17,17 @@ const meta: Meta<SwitchProps> = {
17
17
  title: 'plasma_web/Switch',
18
18
  decorators: [WithTheme],
19
19
  component: Switch,
20
- argTypes: argTypesFromConfig(mergeConfig(switchConfig, config), ['size', 'view', 'focused']),
20
+ argTypes: {
21
+ ...argTypesFromConfig(mergeConfig(switchConfig, config), ['view', 'focused']),
22
+ labelPosition: {
23
+ options: ['before', 'after'],
24
+ control: { type: 'select' },
25
+ },
26
+ },
21
27
  args: {
22
28
  label: 'Label',
29
+ description: 'Description',
30
+ labelPosition: 'before',
23
31
  },
24
32
  };
25
33
 
@@ -57,5 +65,10 @@ const StoryDefault = (args: SwitchProps) => {
57
65
  };
58
66
 
59
67
  export const Default: StoryObj<SwitchProps> = {
68
+ args: {
69
+ size: 'm',
70
+ toggleSize: 'l',
71
+ disabled: false,
72
+ },
60
73
  render: (args) => <StoryDefault {...args} />,
61
74
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,aAAa,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAM3F,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,yFAyJrF,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBA3JQ,UAAU,cAAc,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;CA4KzF,CAAC"}
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,aAAa,EAA0B,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAM3F,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC,yFAwJrF,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBA1JQ,UAAU,cAAc,EAAE,KAAK,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;CA2KzF,CAAC"}
@@ -9,10 +9,6 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
9
9
  * Список элементов.
10
10
  */
11
11
  items: Array<DropdownItemOption>;
12
- /**
13
- * Дропдаун открыт всегда.
14
- */
15
- alwaysOpened?: boolean;
16
12
  /**
17
13
  * Target для открытия.
18
14
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"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"}
@@ -14,6 +14,9 @@ export declare const switchConfig: {
14
14
  view: {
15
15
  css: import("@linaria/core").LinariaClassName;
16
16
  };
17
+ toggleSize: {
18
+ css: import("@linaria/core").LinariaClassName;
19
+ };
17
20
  disabled: {
18
21
  css: import("@linaria/core").LinariaClassName;
19
22
  attrs: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,UAAU,SAAU,UAAU,gBAAgB,EAAE,WAAW,CAAC,yFAoDnE,CAAC;AAEP,eAAO,MAAM,YAAY;;;;mBAtDQ,UAAU,gBAAgB,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;CA8ExE,CAAC"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,eAAO,MAAM,UAAU,SAAU,UAAU,gBAAgB,EAAE,WAAW,CAAC,yFA0DnE,CAAC;AAEP,eAAO,MAAM,YAAY;;;;mBA5DQ,UAAU,gBAAgB,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;CAuFxE,CAAC"}
@@ -1,5 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export declare const base: import("@linaria/core").LinariaClassName;
3
+ export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
4
+ export declare const StyledDescription: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
5
  export declare const StyledInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
4
6
  export declare const StyledLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
5
7
  export declare const StyledTrigger: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI,0CAwBhB,CAAC;AAEF,eAAO,MAAM,WAAW,8KASvB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAKvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAmBzB,CAAC"}
1
+ {"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.styles.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI,0CAYhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAkBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,WAAW,8KASvB,CAAC;AAEF,eAAO,MAAM,WAAW,uKAKvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAmBzB,CAAC"}
@@ -5,10 +5,19 @@ export declare const tokens: {
5
5
  fontWeight: string;
6
6
  letterSpacing: string;
7
7
  lineHeight: string;
8
+ descriptionFontFamily: string;
9
+ descriptionFontStyle: string;
10
+ descriptionFontSize: string;
11
+ descriptionFontWeight: string;
12
+ descriptionLetterSpacing: string;
13
+ descriptionLineHeight: string;
8
14
  labelColor: string;
9
15
  labelOffset: string;
16
+ descriptionColor: string;
17
+ descriptionOffset: string;
10
18
  /** Прозрачность для всего компонента в состоянии disabled */
11
19
  disabledOpacity: string;
20
+ verticalGap: string;
12
21
  trackWidth: string;
13
22
  trackHeight: string;
14
23
  trackBorderRadius: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;IAYf,6DAA6D;;;;;;;;;;;;;;;;;;CAyBhE,CAAC;AAEF,eAAO,MAAM,OAAO;;;CAGnB,CAAC"}
1
+ {"version":3,"file":"Switch.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;IAwBf,6DAA6D;;;;;;;;;;;;;;;;;;;CA0BhE,CAAC;AAEF,eAAO,MAAM,OAAO;;;CAGnB,CAAC"}
@@ -4,16 +4,24 @@ export interface SwitchPropsPropsBase {
4
4
  * Метка-подпись к элементу
5
5
  */
6
6
  label?: string;
7
+ /**
8
+ * Дополнительное описание
9
+ */
10
+ description?: string;
7
11
  }
8
12
  export interface SwitchPropsVariations extends SwitchPropsPropsBase {
9
13
  /**
10
- * Размер контрола.
14
+ * Размер компонента.
11
15
  */
12
16
  size?: string;
13
17
  /**
14
- * Вид контрола.
18
+ * Вид компонента.
15
19
  */
16
20
  view?: string;
21
+ /**
22
+ * Размер toggle.
23
+ */
24
+ toggleSize?: string;
17
25
  /**
18
26
  * Расположение подпись
19
27
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEnC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,qBAAqB;CAAG"}
1
+ {"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAEnC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,qBAAqB;CAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA8BhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAuBhB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_toggleSize/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAkBhB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAyBhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAiChB,CAAC"}
@@ -2,12 +2,19 @@ export declare const config: {
2
2
  defaults: {
3
3
  view: string;
4
4
  size: string;
5
+ toggleSize: string;
5
6
  labelPosition: string;
6
7
  focused: string;
7
8
  };
8
9
  variations: {
9
10
  size: {
11
+ s: import("@linaria/core").LinariaClassName;
10
12
  m: import("@linaria/core").LinariaClassName;
13
+ l: import("@linaria/core").LinariaClassName;
14
+ };
15
+ toggleSize: {
16
+ l: import("@linaria/core").LinariaClassName;
17
+ s: import("@linaria/core").LinariaClassName;
11
18
  };
12
19
  view: {
13
20
  default: import("@linaria/core").LinariaClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAgDlB,CAAC"}
1
+ {"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGlB,CAAC"}
@@ -1,7 +1,13 @@
1
1
  /// <reference types="react" />
2
2
  export declare const Switch: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
3
  size: {
4
+ s: import("@linaria/core").LinariaClassName;
4
5
  m: import("@linaria/core").LinariaClassName;
6
+ l: import("@linaria/core").LinariaClassName;
7
+ };
8
+ toggleSize: {
9
+ l: import("@linaria/core").LinariaClassName;
10
+ s: import("@linaria/core").LinariaClassName;
5
11
  };
6
12
  view: {
7
13
  default: import("@linaria/core").LinariaClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;2GAA0B,CAAC"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;2GAA0B,CAAC"}
@@ -2,12 +2,19 @@ export declare const config: {
2
2
  defaults: {
3
3
  view: string;
4
4
  size: string;
5
+ toggleSize: string;
5
6
  labelPosition: string;
6
7
  focused: string;
7
8
  };
8
9
  variations: {
9
10
  size: {
11
+ s: import("@linaria/core").LinariaClassName;
10
12
  m: import("@linaria/core").LinariaClassName;
13
+ l: import("@linaria/core").LinariaClassName;
14
+ };
15
+ toggleSize: {
16
+ l: import("@linaria/core").LinariaClassName;
17
+ s: import("@linaria/core").LinariaClassName;
11
18
  };
12
19
  view: {
13
20
  default: import("@linaria/core").LinariaClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAgDlB,CAAC"}
1
+ {"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGlB,CAAC"}
@@ -1,7 +1,13 @@
1
1
  /// <reference types="react" />
2
2
  export declare const Switch: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
3
  size: {
4
+ s: import("@linaria/core").LinariaClassName;
4
5
  m: import("@linaria/core").LinariaClassName;
6
+ l: import("@linaria/core").LinariaClassName;
7
+ };
8
+ toggleSize: {
9
+ l: import("@linaria/core").LinariaClassName;
10
+ s: import("@linaria/core").LinariaClassName;
5
11
  };
6
12
  view: {
7
13
  default: import("@linaria/core").LinariaClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Switch/Switch.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;2GAA0B,CAAC"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Switch/Switch.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;2GAA0B,CAAC"}
@@ -1,4 +0,0 @@
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;}
@@ -1 +0,0 @@
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));}
@@ -1 +0,0 @@
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));}
@@ -1,4 +0,0 @@
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;}
@@ -1 +0,0 @@
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));}
@@ -1 +0,0 @@
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));}