@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.
Files changed (131) hide show
  1. package/cjs/components/Switch/Switch.css +12 -0
  2. package/cjs/components/Switch/Switch.js +12 -16
  3. package/cjs/components/Switch/Switch.js.map +1 -1
  4. package/cjs/components/Switch/Switch.styles.js +6 -4
  5. package/cjs/components/Switch/Switch.styles.js.map +1 -1
  6. package/cjs/components/Switch/Switch.styles_1kk0qzz.css +4 -0
  7. package/cjs/components/Switch/Switch.tokens.js +7 -1
  8. package/cjs/components/Switch/Switch.tokens.js.map +1 -1
  9. package/cjs/components/Switch/_focused/base.js +1 -1
  10. package/{es/components/Switch/_focused/base_wl4drz.css → cjs/components/Switch/_focused/base_j4murk.css} +1 -1
  11. package/cjs/components/Switch/_size/base.js +1 -1
  12. package/cjs/components/Switch/_size/base.js.map +1 -1
  13. package/cjs/components/Switch/_size/{base_1sjw39x.css → base_1rjzpi4.css} +1 -1
  14. package/cjs/components/Switch/_view/base.js +1 -1
  15. package/cjs/components/Switch/_view/base_1mtyz12.css +1 -0
  16. package/cjs/index.css +7 -12
  17. package/cjs/index.js +0 -4
  18. package/cjs/index.js.map +1 -1
  19. package/emotion/cjs/components/Switch/Switch.js +4 -17
  20. package/emotion/cjs/components/Switch/Switch.styles.js +7 -4
  21. package/emotion/cjs/components/Switch/Switch.tokens.js +7 -2
  22. package/emotion/cjs/components/Switch/_size/base.js +1 -1
  23. package/emotion/cjs/components/Switch/index.js +0 -14
  24. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +4 -10
  25. package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +8 -1
  26. package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +4 -10
  27. package/emotion/es/components/Switch/Switch.js +4 -17
  28. package/emotion/es/components/Switch/Switch.styles.js +6 -3
  29. package/emotion/es/components/Switch/Switch.tokens.js +6 -1
  30. package/emotion/es/components/Switch/_size/base.js +1 -1
  31. package/emotion/es/components/Switch/index.js +1 -6
  32. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +4 -10
  33. package/emotion/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +8 -1
  34. package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +4 -10
  35. package/es/components/Switch/Switch.css +12 -0
  36. package/es/components/Switch/Switch.js +4 -8
  37. package/es/components/Switch/Switch.js.map +1 -1
  38. package/es/components/Switch/Switch.styles.js +6 -5
  39. package/es/components/Switch/Switch.styles.js.map +1 -1
  40. package/es/components/Switch/Switch.styles_1kk0qzz.css +4 -0
  41. package/es/components/Switch/Switch.tokens.js +7 -2
  42. package/es/components/Switch/Switch.tokens.js.map +1 -1
  43. package/es/components/Switch/_focused/base.js +1 -1
  44. package/{cjs/components/Switch/_focused/base_wl4drz.css → es/components/Switch/_focused/base_j4murk.css} +1 -1
  45. package/es/components/Switch/_size/base.js +1 -1
  46. package/es/components/Switch/_size/base.js.map +1 -1
  47. package/es/components/Switch/_size/{base_1sjw39x.css → base_1rjzpi4.css} +1 -1
  48. package/es/components/Switch/_view/base.js +1 -1
  49. package/es/components/Switch/_view/base_1mtyz12.css +1 -0
  50. package/es/index.css +7 -12
  51. package/es/index.js +0 -2
  52. package/es/index.js.map +1 -1
  53. package/package.json +2 -2
  54. package/styled-components/cjs/components/Switch/Switch.js +4 -8
  55. package/styled-components/cjs/components/Switch/Switch.styles.js +7 -3
  56. package/styled-components/cjs/components/Switch/Switch.tokens.js +7 -2
  57. package/styled-components/cjs/components/Switch/_size/base.js +1 -1
  58. package/styled-components/cjs/components/Switch/index.js +0 -14
  59. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +0 -6
  60. package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +8 -1
  61. package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +0 -6
  62. package/styled-components/es/components/Switch/Switch.js +4 -8
  63. package/styled-components/es/components/Switch/Switch.styles.js +3 -0
  64. package/styled-components/es/components/Switch/Switch.tokens.js +6 -1
  65. package/styled-components/es/components/Switch/_size/base.js +1 -1
  66. package/styled-components/es/components/Switch/index.js +1 -6
  67. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +0 -6
  68. package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +8 -1
  69. package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +0 -6
  70. package/types/components/Switch/Switch.d.ts +0 -3
  71. package/types/components/Switch/Switch.d.ts.map +1 -1
  72. package/types/components/Switch/Switch.styles.d.ts +1 -0
  73. package/types/components/Switch/Switch.styles.d.ts.map +1 -1
  74. package/types/components/Switch/Switch.tokens.d.ts +5 -0
  75. package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
  76. package/types/components/Switch/index.d.ts +0 -4
  77. package/types/components/Switch/index.d.ts.map +1 -1
  78. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts +0 -4
  79. package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
  80. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts +0 -4
  81. package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map +1 -1
  82. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts +0 -4
  83. package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
  84. package/types/examples/plasma_web/components/Switch/Switch.d.ts +0 -4
  85. package/types/examples/plasma_web/components/Switch/Switch.d.ts.map +1 -1
  86. package/cjs/components/Switch/Switch.styles_e1uxkt.css +0 -3
  87. package/cjs/components/Switch/Switch_svqw4q.css +0 -1
  88. package/cjs/components/Switch/_label-position/after.js +0 -9
  89. package/cjs/components/Switch/_label-position/after.js.map +0 -1
  90. package/cjs/components/Switch/_label-position/after_1sk7lsj.css +0 -1
  91. package/cjs/components/Switch/_label-position/base.js +0 -10
  92. package/cjs/components/Switch/_label-position/base.js.map +0 -1
  93. package/cjs/components/Switch/_label-position/base_x642ct.css +0 -1
  94. package/cjs/components/Switch/_label-position/before.js +0 -9
  95. package/cjs/components/Switch/_label-position/before.js.map +0 -1
  96. package/cjs/components/Switch/_label-position/before_15wiyms.css +0 -1
  97. package/cjs/components/Switch/_view/base_d10e49.css +0 -1
  98. package/emotion/cjs/components/Switch/_label-position/after.js +0 -9
  99. package/emotion/cjs/components/Switch/_label-position/base.js +0 -9
  100. package/emotion/cjs/components/Switch/_label-position/before.js +0 -9
  101. package/emotion/cjs/components/Switch/_label-position/tokens.json +0 -1
  102. package/emotion/es/components/Switch/_label-position/after.js +0 -3
  103. package/emotion/es/components/Switch/_label-position/base.js +0 -4
  104. package/emotion/es/components/Switch/_label-position/before.js +0 -3
  105. package/emotion/es/components/Switch/_label-position/tokens.json +0 -1
  106. package/es/components/Switch/Switch.styles_e1uxkt.css +0 -3
  107. package/es/components/Switch/Switch_svqw4q.css +0 -1
  108. package/es/components/Switch/_label-position/after.js +0 -5
  109. package/es/components/Switch/_label-position/after.js.map +0 -1
  110. package/es/components/Switch/_label-position/after_1sk7lsj.css +0 -1
  111. package/es/components/Switch/_label-position/base.js +0 -6
  112. package/es/components/Switch/_label-position/base.js.map +0 -1
  113. package/es/components/Switch/_label-position/base_x642ct.css +0 -1
  114. package/es/components/Switch/_label-position/before.js +0 -5
  115. package/es/components/Switch/_label-position/before.js.map +0 -1
  116. package/es/components/Switch/_label-position/before_15wiyms.css +0 -1
  117. package/es/components/Switch/_view/base_d10e49.css +0 -1
  118. package/styled-components/cjs/components/Switch/_label-position/after.js +0 -9
  119. package/styled-components/cjs/components/Switch/_label-position/base.js +0 -9
  120. package/styled-components/cjs/components/Switch/_label-position/before.js +0 -9
  121. package/styled-components/cjs/components/Switch/_label-position/tokens.json +0 -1
  122. package/styled-components/es/components/Switch/_label-position/after.js +0 -3
  123. package/styled-components/es/components/Switch/_label-position/base.js +0 -4
  124. package/styled-components/es/components/Switch/_label-position/before.js +0 -3
  125. package/styled-components/es/components/Switch/_label-position/tokens.json +0 -1
  126. package/types/components/Switch/_label-position/after.d.ts +0 -2
  127. package/types/components/Switch/_label-position/after.d.ts.map +0 -1
  128. package/types/components/Switch/_label-position/base.d.ts +0 -2
  129. package/types/components/Switch/_label-position/base.d.ts.map +0 -1
  130. package/types/components/Switch/_label-position/before.d.ts +0 -2
  131. package/types/components/Switch/_label-position/before.d.ts.map +0 -1
@@ -0,0 +1,12 @@
1
+ .base_1rjzpi4_bm1v11h__7f59456d{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_ssthlx1__7f59456d{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_ssthlx1__7f59456d::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.base_1rjzpi4_bm1v11h__7f59456d .base_1rjzpi4_sdjnckq__7f59456d{margin:var(--plasma_private-switch__label-offset,0);}.base_1rjzpi4_bm1v11h__7f59456d:active:not([disabled]) .base_1rjzpi4_ssthlx1__7f59456d::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
2
+
3
+ .base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_ssthlx1__d9dd5109{background-color:var(--plasma-switch__track_checked_false-bg-color);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:not([disabled]) ~ .base_1mtyz12_ssthlx1__d9dd5109:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked ~ .base_1mtyz12_ssthlx1__d9dd5109{background-color:var(--plasma-switch__track_checked_true-bg-color);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked:not([disabled]) ~ .base_1mtyz12_ssthlx1__d9dd5109:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_ssthlx1__d9dd5109::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_1mtyz12_b1g0jmh3__d9dd5109 .base_1mtyz12_s10fscgc__d9dd5109:checked ~ .base_1mtyz12_ssthlx1__d9dd5109::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}
4
+
5
+ .base_j4murk_bvwxj2r__5f9cab46 .base_j4murk_ssthlx1__5f9cab46::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.base_j4murk_bvwxj2r__5f9cab46 .base_j4murk_s10fscgc__5f9cab46.base_j4murk_focusVisible__5f9cab46 ~ .base_j4murk_ssthlx1__5f9cab46::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
6
+
7
+ .base_15j754u_bnochw__b189000a{opacity:var(--plasma-switch-disabled-opacity);}.base_15j754u_bnochw__b189000a[disabled]{cursor:not-allowed;}
8
+
9
+ .Switch_styles_1kk0qzz_b1fcyfkl__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46:focus{outline:0 none;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionBefore__d172ad46{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionAfter__d172ad46{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
10
+ .Switch_styles_1kk0qzz_s10fscgc__d172ad46{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:focus{outline:0 none;}
11
+ .Switch_styles_1kk0qzz_sdjnckq__d172ad46{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
12
+ .Switch_styles_1kk0qzz_ssthlx1__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:checked ~ .Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{right:0;left:auto;}
@@ -1,20 +1,19 @@
1
- import './Switch_svqw4q.css';
2
1
  'use strict';
3
2
 
4
3
  Object.defineProperty(exports, '__esModule', { value: true });
5
4
 
6
5
  var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
7
6
  var React = require('react');
8
- var base$1 = require('./_size/base.js');
9
- var base$2 = require('./_view/base.js');
10
- var base$4 = require('./_focused/base.js');
11
- var base$3 = require('./_disabled/base.js');
12
- var base$5 = require('./_label-position/base.js');
7
+ var base = require('./_size/base.js');
8
+ var base$1 = require('./_view/base.js');
9
+ var base$3 = require('./_focused/base.js');
10
+ var base$2 = require('./_disabled/base.js');
11
+ var index = require('../../utils/index.js');
13
12
  var Switch_styles = require('./Switch.styles.js');
13
+ var Switch_tokens = require('./Switch.tokens.js');
14
14
 
15
15
  var _StyledTrigger;
16
16
  var _excluded = ["size", "view", "focused", "outlined", "disabled", "labelPosition", "label", "id", "style", "className", "checked", "pressed", "defaultChecked"];
17
- var base = "bagv7wj";
18
17
  var switchRoot = function switchRoot(Root) {
19
18
  return /*#__PURE__*/React.forwardRef(function (props, ref) {
20
19
  var size = props.size,
@@ -40,7 +39,7 @@ var switchRoot = function switchRoot(Root) {
40
39
  labelPosition: labelPosition,
41
40
  id: id,
42
41
  style: style,
43
- className: className
42
+ className: index.cx(className, Switch_tokens.classes["".concat(labelPosition, "SwitchLabelPosition")])
44
43
  }, /*#__PURE__*/React.createElement(Switch_styles.StyledInput, _rollupPluginBabelHelpers.extends({}, rest, {
45
44
  ref: ref,
46
45
  role: "switch",
@@ -59,24 +58,21 @@ var switchRoot = function switchRoot(Root) {
59
58
  var switchConfig = {
60
59
  name: 'Switch',
61
60
  tag: 'label',
62
- base: base,
61
+ base: Switch_styles.base,
63
62
  layout: switchRoot,
64
63
  variations: {
65
64
  size: {
66
- css: base$1.base
65
+ css: base.base
67
66
  },
68
67
  view: {
69
- css: base$2.base
68
+ css: base$1.base
70
69
  },
71
70
  disabled: {
72
- css: base$3.base,
71
+ css: base$2.base,
73
72
  attrs: true
74
73
  },
75
74
  focused: {
76
- css: base$4.base
77
- },
78
- labelPosition: {
79
- css: base$5.base
75
+ css: base$3.base
80
76
  }
81
77
  },
82
78
  defaults: {
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { css } from '@linaria/core';\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 { base as labelPositionCSS } from '../Switch/_label-position/base';\n\nimport { StyledInput, StyledLabel, StyledTrigger } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\n\nconst 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\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={className}\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 labelPosition: {\n css: labelPositionCSS,\n },\n },\n defaults: {\n size: 's',\n view: 'default',\n },\n};\n"],"names":["base","switchRoot","Root","forwardRef","props","ref","size","view","focused","outlined","disabled","labelPosition","label","id","style","className","checked","pressed","defaultChecked","rest","_excluded","exactChecked","Boolean","undefined","React","createElement","StyledInput","_extends","role","type","StyledLabel","tabIndex","_StyledTrigger","StyledTrigger","switchConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","focusedCSS","labelPositionCSS","defaults"],"mappings":";;;;;;;;;;;;;;;AAaA,IAAMA,IAAI,GAWT,SAAA,CAAA;IAEYC,UAAU,GAAGA,SAAbA,UAAUA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACrEC,gBAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IACIC,IAAI,GAoBJF,KAAK,CApBLE,IAAI;MACJC,IAAI,GAmBJH,KAAK,CAnBLG,IAAI;MACJC,OAAO,GAkBPJ,KAAK,CAlBLI,OAAO;MACPC,QAAQ,GAiBRL,KAAK,CAjBLK,QAAQ;MACRC,QAAQ,GAgBRN,KAAK,CAhBLM,QAAQ;MACRC,aAAa,GAebP,KAAK,CAfLO,aAAa;MAEbC,KAAK,GAaLR,KAAK,CAbLQ,KAAK;MAELC,EAAE,GAWFT,KAAK,CAXLS,EAAE;MACFC,KAAK,GAULV,KAAK,CAVLU,KAAK;MACLC,SAAS,GASTX,KAAK,CATLW,SAAS;MAITC,OAAO,GAKPZ,KAAK,CALLY,OAAO;MACPC,OAAO,GAIPb,KAAK,CAJLa,OAAO;MACPC,cAAc,GAGdd,KAAK,CAHLc,cAAc;AAEXC,MAAAA,IAAAA,GAAAA,iDAAAA,CACHf,KAAK,EAAAgB,SAAA,CAAA,CAAA;IAET,IAAMC,YAAY,GAAGC,OAAO,CAAC,CAACN,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,OAAO,MAAMM,SAAS,GAAGP,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAIC,OAAO,GAAGC,cAAc,CAAC,CAAA;AAEtG,IAAA,oBACIM,KAAA,CAAAC,aAAA,CAACvB,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;AACbC,MAAAA,SAAS,EAAEA,SAAAA;KAEXS,eAAAA,KAAA,CAAAC,aAAA,CAACC,yBAAW,EAAAC,iCAAA,KACJR,IAAI,EAAA;AACRd,MAAAA,GAAG,EAAEA,GAAI;AACTuB,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,cAAA,EAAcP,YAAa;AAC3BQ,MAAAA,IAAI,EAAC,UAAU;AACfb,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,CAAA,CAAA,eAEvBc,KAAA,CAAAC,aAAA,CAACK,yBAAW,EAAA;AAACC,MAAAA,QAAQ,EAAE,CAAC,CAAA;KAAInB,EAAAA,KAAmB,CAAA,EAAAoB,cAAA,KAAAA,cAAA,gBAC/CR,KAAA,CAAAC,aAAA,CAACQ,2BAAa,EAAA;AAAC,MAAA,aAAA,EAAA,IAAA;KAAW,CAAA,CACxB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,OAAO;AACZpC,EAAAA,IAAI,EAAJA,IAAI;AACJqC,EAAAA,MAAM,EAAEpC,UAAU;AAClBqC,EAAAA,UAAU,EAAE;AACRhC,IAAAA,IAAI,EAAE;AACFiC,MAAAA,GAAG,EAAEC,WAAAA;KACR;AACDjC,IAAAA,IAAI,EAAE;AACFgC,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACD/B,IAAAA,QAAQ,EAAE;AACN6B,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDnC,IAAAA,OAAO,EAAE;AACL+B,MAAAA,GAAG,EAAEK,WAAAA;KACR;AACDjC,IAAAA,aAAa,EAAE;AACX4B,MAAAA,GAAG,EAAEM,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;;"}
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":"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"}
@@ -1,27 +1,29 @@
1
- import './Switch.styles_e1uxkt.css';
1
+ import './Switch.styles_1kk0qzz.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
5
5
 
6
6
  var react = require('@linaria/react');
7
7
 
8
+ var base = "b1fcyfkl";
8
9
  var StyledInput = /*#__PURE__*/react.styled('input')({
9
10
  name: "StyledInput",
10
- "class": "s1fcyfkl",
11
+ "class": "s10fscgc",
11
12
  propsAsIs: false
12
13
  });
13
14
  var StyledLabel = /*#__PURE__*/react.styled('span')({
14
15
  name: "StyledLabel",
15
- "class": "s10fscgc",
16
+ "class": "sdjnckq",
16
17
  propsAsIs: false
17
18
  });
18
19
  var StyledTrigger = /*#__PURE__*/react.styled('div')({
19
20
  name: "StyledTrigger",
20
- "class": "sdjnckq",
21
+ "class": "ssthlx1",
21
22
  propsAsIs: false
22
23
  });
23
24
 
24
25
  exports.StyledInput = StyledInput;
25
26
  exports.StyledLabel = StyledLabel;
26
27
  exports.StyledTrigger = StyledTrigger;
28
+ exports.base = base;
27
29
  //# sourceMappingURL=Switch.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nexport const StyledInput = styled.input`\n position: absolute;\n right: 0;\n margin: 0;\n opacity: 0;\n\n &:focus {\n outline: 0 none;\n }\n`;\n\nexport const StyledLabel = styled.span`\n user-select: none;\n\n // TODO: multiline switch\n ${applyEllipsis()}\n`;\n\nexport const StyledTrigger = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n transition: background-color 0.15s ease-in-out 0.1s;\n\n ::after {\n content: '';\n position: absolute;\n right: auto;\n left: 0;\n\n transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n }\n\n ${StyledInput}:checked ~ &::after {\n right: 0;\n left: auto;\n }\n`;\n"],"names":["StyledInput","styled","name","class","propsAsIs","StyledLabel","StyledTrigger"],"mappings":";;;;;;AAIO,IAAMA,WAAW,gBAAGC,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAME,aAAa,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;;;"}
1
+ {"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n align-items: center;\n\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &:focus {\n outline: 0 none;\n }\n\n &.${classes.beforeSwitchLabelPosition} {\n justify-content: space-between;\n\n ${tokens.labelOffsetPrivate}: 0 var(${tokens.labelOffset}) 0 0;\n }\n\n &.${classes.afterSwitchLabelPosition} {\n justify-content: start;\n flex-direction: row-reverse;\n\n ${tokens.labelOffsetPrivate}: 0 0 0 var(${tokens.labelOffset});\n }\n`;\n\nexport const StyledInput = styled.input`\n position: absolute;\n right: 0;\n margin: 0;\n opacity: 0;\n\n &:focus {\n outline: 0 none;\n }\n`;\n\nexport const StyledLabel = styled.span`\n user-select: none;\n\n // TODO: multiline switch\n ${applyEllipsis()}\n`;\n\nexport const StyledTrigger = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n transition: background-color 0.15s ease-in-out 0.1s;\n\n ::after {\n content: '';\n position: absolute;\n right: auto;\n left: 0;\n\n transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n }\n\n ${StyledInput}:checked ~ &::after {\n right: 0;\n left: auto;\n }\n`;\n"],"names":["base","StyledInput","styled","name","class","propsAsIs","StyledLabel","StyledTrigger"],"mappings":";;;;;;AAOO,IAAMA,IAAI,GAwBhB,WAAA;AAEM,IAAMC,WAAW,gBAAGC,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAME,aAAa,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ .b1fcyfkl{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.b1fcyfkl:focus{outline:0 none;}.b1fcyfkl.switch-label-position-before{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.b1fcyfkl.switch-label-position-after{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
2
+ .s10fscgc{position:absolute;right:0;margin:0;opacity:0;}.s10fscgc:focus{outline:0 none;}
3
+ .sdjnckq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
4
+ .ssthlx1{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.ssthlx1::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.s10fscgc:checked ~ .ssthlx1::after{right:0;left:auto;}
@@ -29,8 +29,14 @@ var tokens = {
29
29
  thumbPressScale: '--plasma-switch__thumb-scale',
30
30
  thumbBackgroundColor: '--plasma-switch__thumb-bg-color',
31
31
  thumbBoxShadow: '--plasma-switch__thumb-box-shadow',
32
- thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true'
32
+ thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',
33
+ labelOffsetPrivate: '--plasma_private-switch__label-offset'
34
+ };
35
+ var classes = {
36
+ beforeSwitchLabelPosition: 'switch-label-position-before',
37
+ afterSwitchLabelPosition: 'switch-label-position-after'
33
38
  };
34
39
 
40
+ exports.classes = classes;
35
41
  exports.tokens = tokens;
36
42
  //# sourceMappingURL=Switch.tokens.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n fontFamily: '--plasma-switch-font-family',\n fontStyle: '--plasma-switch-font-style',\n fontSize: '--plasma-switch-font-size',\n fontWeight: '--plasma-switch-font-weight',\n letterSpacing: '--plasma-switch-letter-spacing',\n lineHeight: '--plasma-switch-line-height',\n\n /* Цвет подписи */\n labelColor: '--plasma-switch__label-color',\n labelOffset: '--plasma-switch__label-offset',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-switch-disabled-opacity',\n\n trackWidth: '--plasma-switch__track-width',\n trackHeight: '--plasma-switch__track-height',\n trackBorderRadius: '--plasma-switch__track-border-radius',\n // NOTE: could be intersection with checked\n trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n trackFocusColor: '--plasma-switch__track-focus-color',\n\n thumbSize: '--plasma-switch__thumb-size',\n thumbOffset: '--plasma-switch__thumb-offset',\n thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n thumbPressScale: '--plasma-switch__thumb-scale',\n\n thumbBackgroundColor: '--plasma-switch__thumb-bg-color',\n thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","labelColor","labelOffset","disabledOpacity","trackWidth","trackHeight","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffset","thumbBorderRadius","thumbPressScale","thumbBackgroundColor","thumbBoxShadow","thumbBoxShadowOn"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAA;AACtB;;;;"}
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,4 +1,4 @@
1
- import './base_wl4drz.css';
1
+ import './base_j4murk.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- .bvwxj2r .sdjnckq::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 .s1fcyfkl.focus-visible ~ .sdjnckq::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
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,4 +1,4 @@
1
- import './base_1sjw39x.css';
1
+ import './base_1rjzpi4.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -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(--plasma_private-switch__label-offset, 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
+ {"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 .sdjnckq{-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 .sdjnckq::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 .s10fscgc{margin:var(--plasma_private-switch__label-offset,0);}.bm1v11h:active:not([disabled]) .sdjnckq::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,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 .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,4 +1,4 @@
1
- import './base_d10e49.css';
1
+ import './base_1mtyz12.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -0,0 +1 @@
1
+ .b1g0jmh3 .ssthlx1{background-color:var(--plasma-switch__track_checked_false-bg-color);}.b1g0jmh3 .s10fscgc:not([disabled]) ~ .ssthlx1:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.b1g0jmh3 .s10fscgc:checked ~ .ssthlx1{background-color:var(--plasma-switch__track_checked_true-bg-color);}.b1g0jmh3 .s10fscgc:checked:not([disabled]) ~ .ssthlx1:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.b1g0jmh3 .ssthlx1::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.b1g0jmh3 .s10fscgc:checked ~ .ssthlx1::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}
package/cjs/index.css CHANGED
@@ -172,23 +172,18 @@
172
172
 
173
173
  .TextFieldGroup_styles_soj2wl_buxwmzu__0f513e82{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
174
174
 
175
- .after_1sk7lsj_l1u83q10__310e7ae9{-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);}
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
- .before_15wiyms_l1k91d31__886db968{-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;}
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
- .base_1sjw39x_bm1v11h__66225ece{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_1sjw39x_bm1v11h__66225ece .base_1sjw39x_sdjnckq__66225ece{-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_1sjw39x_bm1v11h__66225ece .base_1sjw39x_sdjnckq__66225ece::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_1sjw39x_bm1v11h__66225ece .base_1sjw39x_s10fscgc__66225ece{margin:var(--plasma_private-switch__label-offset,0);}.base_1sjw39x_bm1v11h__66225ece:active:not([disabled]) .base_1sjw39x_sdjnckq__66225ece::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
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
- .Switch_styles_e1uxkt_s1fcyfkl__ce741570{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_e1uxkt_s1fcyfkl__ce741570:focus{outline:0 none;}
188
- .Switch_styles_e1uxkt_s10fscgc__ce741570{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
189
- .Switch_styles_e1uxkt_sdjnckq__ce741570{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_e1uxkt_sdjnckq__ce741570::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_e1uxkt_s1fcyfkl__ce741570:checked ~ .Switch_styles_e1uxkt_sdjnckq__ce741570::after{right:0;left:auto;}
190
-
191
- .Switch_svqw4q_bagv7wj__12723d90{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_svqw4q_bagv7wj__12723d90:focus{outline:0 none;}
183
+ .Switch_styles_1kk0qzz_b1fcyfkl__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46:focus{outline:0 none;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionBefore__d172ad46{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_1kk0qzz_b1fcyfkl__d172ad46.Switch_styles_1kk0qzz_switchLabelPositionAfter__d172ad46{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
184
+ .Switch_styles_1kk0qzz_s10fscgc__d172ad46{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:focus{outline:0 none;}
185
+ .Switch_styles_1kk0qzz_sdjnckq__d172ad46{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
186
+ .Switch_styles_1kk0qzz_ssthlx1__d172ad46{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_1kk0qzz_s10fscgc__d172ad46:checked ~ .Switch_styles_1kk0qzz_ssthlx1__d172ad46::after{right:0;left:auto;}
192
187
 
193
188
  .base_iw773q_b12fajph__34b9af5a{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
194
189
 
package/cjs/index.js CHANGED
@@ -56,8 +56,6 @@ var TextField = require('./components/TextField/TextField.js');
56
56
  var TextField_tokens = require('./components/TextField/TextField.tokens.js');
57
57
  var TextFieldGroup = require('./components/TextFieldGroup/TextFieldGroup.js');
58
58
  var TextFieldGroup_tokens = require('./components/TextFieldGroup/TextFieldGroup.tokens.js');
59
- var after = require('./components/Switch/_label-position/after.js');
60
- var before = require('./components/Switch/_label-position/before.js');
61
59
  var Switch = require('./components/Switch/Switch.js');
62
60
  var Switch_tokens = require('./components/Switch/Switch.tokens.js');
63
61
  var Tabs = require('./components/Tabs/ui/Tabs/Tabs.js');
@@ -348,8 +346,6 @@ exports.textFieldGroupConfig = TextFieldGroup.textFieldGroupConfig;
348
346
  exports.textFieldGroupRoot = TextFieldGroup.textFieldGroupRoot;
349
347
  exports.textFieldGroupClasses = TextFieldGroup_tokens.classes;
350
348
  exports.textFieldGroupTokens = TextFieldGroup_tokens.tokens;
351
- exports.Switch_LabelPosition_After = after.labelPosition_After;
352
- exports.Switch_LabelPosition_Before = before.labelPosition_Before;
353
349
  exports.switchConfig = Switch.switchConfig;
354
350
  exports.switchRoot = Switch.switchRoot;
355
351
  exports.switchTokens = Switch_tokens.tokens;
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.switchRoot = exports.switchConfig = void 0;
8
8
  var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _react2 = /*#__PURE__*/require("@emotion/react");
10
9
  var _base = /*#__PURE__*/require("../Switch/_size/base");
11
10
  var _base2 = /*#__PURE__*/require("../Switch/_view/base");
12
11
  var _base3 = /*#__PURE__*/require("../Switch/_focused/base");
13
12
  var _base4 = /*#__PURE__*/require("../Switch/_disabled/base");
14
- var _base5 = /*#__PURE__*/require("../Switch/_label-position/base");
13
+ var _utils = /*#__PURE__*/require("../../utils");
15
14
  var _Switch = /*#__PURE__*/require("./Switch.styles");
15
+ var _Switch2 = /*#__PURE__*/require("./Switch.tokens");
16
16
  var _StyledTrigger;
17
17
  var _excluded = ["size", "view", "focused", "outlined", "disabled", "labelPosition", "label", "id", "style", "className", "checked", "pressed", "defaultChecked"];
18
18
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -20,16 +20,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
20
20
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
21
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
22
22
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
24
- var base = process.env.NODE_ENV === "production" ? {
25
- name: "17eu4cg-plasma-new-hope__base",
26
- styles: "position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:focus{outline:0 none;};label:plasma-new-hope__base;"
27
- } : {
28
- name: "17eu4cg-plasma-new-hope__base",
29
- styles: "position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:focus{outline:0 none;};label:plasma-new-hope__base;",
30
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgUm9vdFByb3BzIH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBiYXNlIGFzIHNpemVDU1MgfSBmcm9tICcuLi9Td2l0Y2gvX3NpemUvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIHZpZXdDU1MgfSBmcm9tICcuLi9Td2l0Y2gvX3ZpZXcvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIGZvY3VzZWRDU1MgfSBmcm9tICcuLi9Td2l0Y2gvX2ZvY3VzZWQvYmFzZSc7XG5pbXBvcnQgeyBiYXNlIGFzIGRpc2FibGVkQ1NTIH0gZnJvbSAnLi4vU3dpdGNoL19kaXNhYmxlZC9iYXNlJztcbmltcG9ydCB7IGJhc2UgYXMgbGFiZWxQb3NpdGlvbkNTUyB9IGZyb20gJy4uL1N3aXRjaC9fbGFiZWwtcG9zaXRpb24vYmFzZSc7XG5cbmltcG9ydCB7IFN0eWxlZElucHV0LCBTdHlsZWRMYWJlbCwgU3R5bGVkVHJpZ2dlciB9IGZyb20gJy4vU3dpdGNoLnN0eWxlcyc7XG5pbXBvcnQgeyBTd2l0Y2hQcm9wcyB9IGZyb20gJy4vU3dpdGNoLnR5cGVzJztcblxuY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHN3aXRjaFJvb3QgPSAoUm9vdDogUm9vdFByb3BzPEhUTUxJbnB1dEVsZW1lbnQsIFN3aXRjaFByb3BzPikgPT5cbiAgICBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFN3aXRjaFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICBzaXplLFxuICAgICAgICAgICAgdmlldyxcbiAgICAgICAgICAgIGZvY3VzZWQsXG4gICAgICAgICAgICBvdXRsaW5lZCxcbiAgICAgICAgICAgIGRpc2FibGVkLFxuICAgICAgICAgICAgbGFiZWxQb3NpdGlvbixcblxuICAgICAgICAgICAgbGFiZWwsXG5cbiAgICAgICAgICAgIGlkLFxuICAgICAgICAgICAgc3R5bGUsXG4gICAgICAgICAgICBjbGFzc05hbWUsXG5cbiAgICAgICAgICAgIC8vIHNpbmdsZUxpbmUsXG5cbiAgICAgICAgICAgIGNoZWNrZWQsXG4gICAgICAgICAgICBwcmVzc2VkLFxuICAgICAgICAgICAgZGVmYXVsdENoZWNrZWQsXG5cbiAgICAgICAgICAgIC4uLnJlc3RcbiAgICAgICAgfSA9IHByb3BzO1xuXG4gICAgICAgIGNvbnN0IGV4YWN0Q2hlY2tlZCA9IEJvb2xlYW4oKGNoZWNrZWQgPz8gcHJlc3NlZCkgIT09IHVuZGVmaW5lZCA/IGNoZWNrZWQgPz8gcHJlc3NlZCA6IGRlZmF1bHRDaGVja2VkKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFJvb3RcbiAgICAgICAgICAgICAgICB2aWV3PXt2aWV3fVxuICAgICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIGZvY3VzZWQ9e2ZvY3VzZWQgPz8gb3V0bGluZWR9XG4gICAgICAgICAgICAgICAgbGFiZWxQb3NpdGlvbj17bGFiZWxQb3NpdGlvbn1cbiAgICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJzd2l0Y2hcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLWNoZWNrZWQ9e2V4YWN0Q2hlY2tlZH1cbiAgICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZCA/PyBwcmVzc2VkfVxuICAgICAgICAgICAgICAgICAgICBkZWZhdWx0Q2hlY2tlZD17ZGVmYXVsdENoZWNrZWR9XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRMYWJlbCB0YWJJbmRleD17LTF9PntsYWJlbH08L1N0eWxlZExhYmVsPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRUcmlnZ2VyIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgICAgICA8L1Jvb3Q+XG4gICAgICAgICk7XG4gICAgfSk7XG5cbmV4cG9ydCBjb25zdCBzd2l0Y2hDb25maWcgPSB7XG4gICAgbmFtZTogJ1N3aXRjaCcsXG4gICAgdGFnOiAnbGFiZWwnLFxuICAgIGJhc2UsXG4gICAgbGF5b3V0OiBzd2l0Y2hSb290LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgY3NzOiBzaXplQ1NTLFxuICAgICAgICB9LFxuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBjc3M6IHZpZXdDU1MsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICBjc3M6IGRpc2FibGVkQ1NTLFxuICAgICAgICAgICAgYXR0cnM6IHRydWUsXG4gICAgICAgIH0sXG4gICAgICAgIGZvY3VzZWQ6IHtcbiAgICAgICAgICAgIGNzczogZm9jdXNlZENTUyxcbiAgICAgICAgfSxcbiAgICAgICAgbGFiZWxQb3NpdGlvbjoge1xuICAgICAgICAgICAgY3NzOiBsYWJlbFBvc2l0aW9uQ1NTLFxuICAgICAgICB9LFxuICAgIH0sXG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ3MnLFxuICAgICAgICB2aWV3OiAnZGVmYXVsdCcsXG4gICAgfSxcbn07XG4iXX0= */",
31
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
32
- };
33
23
  var switchRoot = exports.switchRoot = function switchRoot(Root) {
34
24
  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
35
25
  var size = props.size,
@@ -55,7 +45,7 @@ var switchRoot = exports.switchRoot = function switchRoot(Root) {
55
45
  labelPosition: labelPosition,
56
46
  id: id,
57
47
  style: style,
58
- className: className
48
+ className: (0, _utils.cx)(className, _Switch2.classes["".concat(labelPosition, "SwitchLabelPosition")])
59
49
  }, /*#__PURE__*/_react["default"].createElement(_Switch.StyledInput, _extends({}, rest, {
60
50
  ref: ref,
61
51
  role: "switch",
@@ -74,7 +64,7 @@ var switchRoot = exports.switchRoot = function switchRoot(Root) {
74
64
  var switchConfig = exports.switchConfig = {
75
65
  name: 'Switch',
76
66
  tag: 'label',
77
- base: base,
67
+ base: _Switch.base,
78
68
  layout: switchRoot,
79
69
  variations: {
80
70
  size: {
@@ -89,9 +79,6 @@ var switchConfig = exports.switchConfig = {
89
79
  },
90
80
  focused: {
91
81
  css: _base3.base
92
- },
93
- labelPosition: {
94
- css: _base5.base
95
82
  }
96
83
  },
97
84
  defaults: {
@@ -3,11 +3,14 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = void 0;
6
+ exports.base = exports.StyledTrigger = exports.StyledLabel = exports.StyledInput = void 0;
7
7
  var _base = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("@emotion/styled/base"));
8
+ var _react = /*#__PURE__*/require("@emotion/react");
8
9
  var _mixins = /*#__PURE__*/require("../../mixins");
10
+ var _Switch = /*#__PURE__*/require("./Switch.tokens");
9
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
12
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
13
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("position:relative;display:flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);&:focus{outline:0 none;}&.", _Switch.classes.beforeSwitchLabelPosition, "{justify-content:space-between;", _Switch.tokens.labelOffsetPrivate, ":0 var(", _Switch.tokens.labelOffset, ") 0 0;}&.", _Switch.classes.afterSwitchLabelPosition, "{justify-content:start;flex-direction:row-reverse;", _Switch.tokens.labelOffsetPrivate, ":0 0 0 var(", _Switch.tokens.labelOffset, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGFwcGx5RWxsaXBzaXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1N3aXRjaC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYmVmb3JlU3dpdGNoTGFiZWxQb3NpdGlvbn0ge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cbiAgICAgICAgJHt0b2tlbnMubGFiZWxPZmZzZXRQcml2YXRlfTogMCB2YXIoJHt0b2tlbnMubGFiZWxPZmZzZXR9KSAwIDA7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuYWZ0ZXJTd2l0Y2hMYWJlbFBvc2l0aW9ufSB7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3ctcmV2ZXJzZTtcblxuICAgICAgICAke3Rva2Vucy5sYWJlbE9mZnNldFByaXZhdGV9OiAwIDAgMCB2YXIoJHt0b2tlbnMubGFiZWxPZmZzZXR9KTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvcGFjaXR5OiAwO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDAgbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIC8vIFRPRE86IG11bHRpbGluZSBzd2l0Y2hcbiAgICAke2FwcGx5RWxsaXBzaXMoKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmlnZ2VyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZS1pbi1vdXQgMC4xcztcblxuICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICByaWdodDogYXV0bztcbiAgICAgICAgbGVmdDogMDtcblxuICAgICAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjE1cyBlYXNlLWluLW91dCAwcywgbGVmdCAwLjNzIGVhc2UtaW4tb3V0IDBzLCByaWdodCAwLjNzIGVhc2UtaW4tb3V0IDBzO1xuICAgIH1cblxuICAgICR7U3R5bGVkSW5wdXR9OmNoZWNrZWQgfiAmOjphZnRlciB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgIH1cbmA7XG4iXX0= */"));
11
14
  var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _base["default"])("input", {
12
15
  target: "e14sd5t12",
13
16
  label: "plasma-new-hope__StyledInput"
@@ -17,14 +20,14 @@ var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _base["default"])("inpu
17
20
  } : {
18
21
  name: "1nnrczf",
19
22
  styles: "position:absolute;right:0;margin:0;opacity:0;&:focus{outline:0 none;}",
20
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5RWxsaXBzaXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvcGFjaXR5OiAwO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDAgbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIC8vIFRPRE86IG11bHRpbGluZSBzd2l0Y2hcbiAgICAke2FwcGx5RWxsaXBzaXMoKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmlnZ2VyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZS1pbi1vdXQgMC4xcztcblxuICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICByaWdodDogYXV0bztcbiAgICAgICAgbGVmdDogMDtcblxuICAgICAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjE1cyBlYXNlLWluLW91dCAwcywgbGVmdCAwLjNzIGVhc2UtaW4tb3V0IDBzLCByaWdodCAwLjNzIGVhc2UtaW4tb3V0IDBzO1xuICAgIH1cblxuICAgICR7U3R5bGVkSW5wdXR9OmNoZWNrZWQgfiAmOjphZnRlciB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgIH1cbmA7XG4iXX0= */",
23
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUN1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9Td2l0Y2gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmJlZm9yZVN3aXRjaExhYmVsUG9zaXRpb259IHtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAgICR7dG9rZW5zLmxhYmVsT2Zmc2V0UHJpdmF0ZX06IDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSkgMCAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFmdGVyU3dpdGNoTGFiZWxQb3NpdGlvbn0ge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG5cbiAgICAgICAgJHt0b2tlbnMubGFiZWxPZmZzZXRQcml2YXRlfTogMCAwIDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgb3BhY2l0eTogMDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAvLyBUT0RPOiBtdWx0aWxpbmUgc3dpdGNoXG4gICAgJHthcHBseUVsbGlwc2lzKCl9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJpZ2dlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzIGVhc2UtaW4tb3V0IDAuMXM7XG5cbiAgICA6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IGF1dG87XG4gICAgICAgIGxlZnQ6IDA7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4xNXMgZWFzZS1pbi1vdXQgMHMsIGxlZnQgMC4zcyBlYXNlLWluLW91dCAwcywgcmlnaHQgMC4zcyBlYXNlLWluLW91dCAwcztcbiAgICB9XG5cbiAgICAke1N0eWxlZElucHV0fTpjaGVja2VkIH4gJjo6YWZ0ZXIge1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICB9XG5gO1xuIl19 */",
21
24
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
22
25
  });
23
26
  var StyledLabel = exports.StyledLabel = /*#__PURE__*/(0, _base["default"])("span", {
24
27
  target: "e14sd5t11",
25
28
  label: "plasma-new-hope__StyledLabel"
26
- })("user-select:none;", /*#__PURE__*/(0, _mixins.applyEllipsis)(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXNDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5RWxsaXBzaXMgfSBmcm9tICcuLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHJpZ2h0OiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBvcGFjaXR5OiAwO1xuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDAgbm9uZTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIC8vIFRPRE86IG11bHRpbGluZSBzd2l0Y2hcbiAgICAke2FwcGx5RWxsaXBzaXMoKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUcmlnZ2VyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xNXMgZWFzZS1pbi1vdXQgMC4xcztcblxuICAgIDo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICByaWdodDogYXV0bztcbiAgICAgICAgbGVmdDogMDtcblxuICAgICAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjE1cyBlYXNlLWluLW91dCAwcywgbGVmdCAwLjNzIGVhc2UtaW4tb3V0IDBzLCByaWdodCAwLjNzIGVhc2UtaW4tb3V0IDBzO1xuICAgIH1cblxuICAgICR7U3R5bGVkSW5wdXR9OmNoZWNrZWQgfiAmOjphZnRlciB7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBsZWZ0OiBhdXRvO1xuICAgIH1cbmA7XG4iXX0= */"));
29
+ })("user-select:none;", /*#__PURE__*/(0, _mixins.applyEllipsis)(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9Td2l0Y2gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmJlZm9yZVN3aXRjaExhYmVsUG9zaXRpb259IHtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAgICR7dG9rZW5zLmxhYmVsT2Zmc2V0UHJpdmF0ZX06IDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSkgMCAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFmdGVyU3dpdGNoTGFiZWxQb3NpdGlvbn0ge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG5cbiAgICAgICAgJHt0b2tlbnMubGFiZWxPZmZzZXRQcml2YXRlfTogMCAwIDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgb3BhY2l0eTogMDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAvLyBUT0RPOiBtdWx0aWxpbmUgc3dpdGNoXG4gICAgJHthcHBseUVsbGlwc2lzKCl9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJpZ2dlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzIGVhc2UtaW4tb3V0IDAuMXM7XG5cbiAgICA6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IGF1dG87XG4gICAgICAgIGxlZnQ6IDA7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4xNXMgZWFzZS1pbi1vdXQgMHMsIGxlZnQgMC4zcyBlYXNlLWluLW91dCAwcywgcmlnaHQgMC4zcyBlYXNlLWluLW91dCAwcztcbiAgICB9XG5cbiAgICAke1N0eWxlZElucHV0fTpjaGVja2VkIH4gJjo6YWZ0ZXIge1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICB9XG5gO1xuIl19 */"));
27
30
  var StyledTrigger = exports.StyledTrigger = /*#__PURE__*/(0, _base["default"])("div", {
28
31
  target: "e14sd5t10",
29
32
  label: "plasma-new-hope__StyledTrigger"
30
- })("position:relative;display:flex;align-items:center;transition:background-color 0.15s ease-in-out 0.1s;::after{content:'';position:absolute;right:auto;left:0;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}", StyledInput, ":checked~&::after{right:0;left:auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgb3BhY2l0eTogMDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAvLyBUT0RPOiBtdWx0aWxpbmUgc3dpdGNoXG4gICAgJHthcHBseUVsbGlwc2lzKCl9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJpZ2dlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzIGVhc2UtaW4tb3V0IDAuMXM7XG5cbiAgICA6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IGF1dG87XG4gICAgICAgIGxlZnQ6IDA7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4xNXMgZWFzZS1pbi1vdXQgMHMsIGxlZnQgMC4zcyBlYXNlLWluLW91dCAwcywgcmlnaHQgMC4zcyBlYXNlLWluLW91dCAwcztcbiAgICB9XG5cbiAgICAke1N0eWxlZElucHV0fTpjaGVja2VkIH4gJjo6YWZ0ZXIge1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICB9XG5gO1xuIl19 */"));
33
+ })("position:relative;display:flex;align-items:center;transition:background-color 0.15s ease-in-out 0.1s;::after{content:'';position:absolute;right:auto;left:0;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}", StyledInput, ":checked~&::after{right:0;left:auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUR1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1N3aXRjaC9Td2l0Y2guc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUVsbGlwc2lzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi9Td2l0Y2gudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmJlZm9yZVN3aXRjaExhYmVsUG9zaXRpb259IHtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXG4gICAgICAgICR7dG9rZW5zLmxhYmVsT2Zmc2V0UHJpdmF0ZX06IDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSkgMCAwO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFmdGVyU3dpdGNoTGFiZWxQb3NpdGlvbn0ge1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93LXJldmVyc2U7XG5cbiAgICAgICAgJHt0b2tlbnMubGFiZWxPZmZzZXRQcml2YXRlfTogMCAwIDAgdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0fSk7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICByaWdodDogMDtcbiAgICBtYXJnaW46IDA7XG4gICAgb3BhY2l0eTogMDtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiAwIG5vbmU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLnNwYW5gXG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICAvLyBUT0RPOiBtdWx0aWxpbmUgc3dpdGNoXG4gICAgJHthcHBseUVsbGlwc2lzKCl9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHJpZ2dlciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzIGVhc2UtaW4tb3V0IDAuMXM7XG5cbiAgICA6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgcmlnaHQ6IGF1dG87XG4gICAgICAgIGxlZnQ6IDA7XG5cbiAgICAgICAgdHJhbnNpdGlvbjogd2lkdGggMC4xNXMgZWFzZS1pbi1vdXQgMHMsIGxlZnQgMC4zcyBlYXNlLWluLW91dCAwcywgcmlnaHQgMC4zcyBlYXNlLWluLW91dCAwcztcbiAgICB9XG5cbiAgICAke1N0eWxlZElucHV0fTpjaGVja2VkIH4gJjo6YWZ0ZXIge1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgbGVmdDogYXV0bztcbiAgICB9XG5gO1xuIl19 */"));
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.tokens = void 0;
6
+ exports.tokens = exports.classes = void 0;
7
7
  var tokens = exports.tokens = {
8
8
  fontFamily: '--plasma-switch-font-family',
9
9
  fontStyle: '--plasma-switch-font-style',
@@ -31,5 +31,10 @@ var tokens = exports.tokens = {
31
31
  thumbPressScale: '--plasma-switch__thumb-scale',
32
32
  thumbBackgroundColor: '--plasma-switch__thumb-bg-color',
33
33
  thumbBoxShadow: '--plasma-switch__thumb-box-shadow',
34
- thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true'
34
+ thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',
35
+ labelOffsetPrivate: '--plasma_private-switch__label-offset'
36
+ };
37
+ var classes = exports.classes = {
38
+ beforeSwitchLabelPosition: 'switch-label-position-before',
39
+ afterSwitchLabelPosition: 'switch-label-position-after'
35
40
  };
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _react = /*#__PURE__*/require("@emotion/react");
8
8
  var _Switch = /*#__PURE__*/require("../Switch.tokens");
9
9
  var _Switch2 = /*#__PURE__*/require("../Switch.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _Switch.tokens.fontFamily, ");font-style:var(", _Switch.tokens.fontStyle, ");font-weight:var(", _Switch.tokens.fontWeight, ");letter-spacing:var(", _Switch.tokens.letterSpacing, ");line-height:var(", _Switch.tokens.lineHeight, ");font-size:var(", _Switch.tokens.fontSize, ");", _Switch2.StyledTrigger, "{flex:0 0 var(", _Switch.tokens.trackWidth, ");width:var(", _Switch.tokens.trackWidth, ");height:var(", _Switch.tokens.trackHeight, ");border-radius:var(", _Switch.tokens.trackBorderRadius, ");&::after{width:var(", _Switch.tokens.thumbSize, ");height:var(", _Switch.tokens.thumbSize, ");border-radius:var(", _Switch.tokens.thumbBorderRadius, ");margin:auto var(", _Switch.tokens.thumbOffset, ");}}", _Switch2.StyledLabel, "{margin:var(--plasma_private-switch__label-offset, 0);}:active:not([disabled]) ", _Switch2.StyledTrigger, "::after{width:calc(var(", _Switch.tokens.thumbSize, ") * var(", _Switch.tokens.thumbPressScale, ", 1));};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL19zaXplL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL19zaXplL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL1N3aXRjaC50b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkTGFiZWwsIFN0eWxlZFRyaWdnZXIgfSBmcm9tICcuLi9Td2l0Y2guc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG5cbiAgICAke1N0eWxlZFRyaWdnZXJ9IHtcbiAgICAgICAgZmxleDogMCAwIHZhcigke3Rva2Vucy50cmFja1dpZHRofSk7XG4gICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50cmFja0hlaWdodH0pO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnRodW1iU2l6ZX0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGh1bWJTaXplfSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudGh1bWJCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgIG1hcmdpbjogYXV0byB2YXIoJHt0b2tlbnMudGh1bWJPZmZzZXR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICR7U3R5bGVkTGFiZWx9IHtcbiAgICAgICAgLyogY2hlY2sgX2xhYmVsX3Bvc2l0aW9uICovXG4gICAgICAgIG1hcmdpbjogdmFyKC0tcGxhc21hX3ByaXZhdGUtc3dpdGNoX19sYWJlbC1vZmZzZXQsIDApO1xuICAgIH1cblxuICAgIDphY3RpdmU6bm90KFtkaXNhYmxlZF0pICR7U3R5bGVkVHJpZ2dlcn06OmFmdGVyIHtcbiAgICAgICAgd2lkdGg6IGNhbGModmFyKCR7dG9rZW5zLnRodW1iU2l6ZX0pICogdmFyKCR7dG9rZW5zLnRodW1iUHJlc3NTY2FsZX0sIDEpKTtcbiAgICB9XG5gO1xuIl19 */"));
10
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _Switch.tokens.fontFamily, ");font-style:var(", _Switch.tokens.fontStyle, ");font-weight:var(", _Switch.tokens.fontWeight, ");letter-spacing:var(", _Switch.tokens.letterSpacing, ");line-height:var(", _Switch.tokens.lineHeight, ");font-size:var(", _Switch.tokens.fontSize, ");", _Switch2.StyledTrigger, "{flex:0 0 var(", _Switch.tokens.trackWidth, ");width:var(", _Switch.tokens.trackWidth, ");height:var(", _Switch.tokens.trackHeight, ");border-radius:var(", _Switch.tokens.trackBorderRadius, ");&::after{width:var(", _Switch.tokens.thumbSize, ");height:var(", _Switch.tokens.thumbSize, ");border-radius:var(", _Switch.tokens.thumbBorderRadius, ");margin:auto var(", _Switch.tokens.thumbOffset, ");}}", _Switch2.StyledLabel, "{margin:var(", _Switch.tokens.labelOffsetPrivate, ", 0);}:active:not([disabled]) ", _Switch2.StyledTrigger, "::after{width:calc(var(", _Switch.tokens.thumbSize, ") * var(", _Switch.tokens.thumbPressScale, ", 1));};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL19zaXplL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvU3dpdGNoL19zaXplL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uL1N3aXRjaC50b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkTGFiZWwsIFN0eWxlZFRyaWdnZXIgfSBmcm9tICcuLi9Td2l0Y2guc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuZm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG5cbiAgICAke1N0eWxlZFRyaWdnZXJ9IHtcbiAgICAgICAgZmxleDogMCAwIHZhcigke3Rva2Vucy50cmFja1dpZHRofSk7XG4gICAgICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMudHJhY2tXaWR0aH0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy50cmFja0hlaWdodH0pO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudHJhY2tCb3JkZXJSYWRpdXN9KTtcblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICB3aWR0aDogdmFyKCR7dG9rZW5zLnRodW1iU2l6ZX0pO1xuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGh1bWJTaXplfSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMudGh1bWJCb3JkZXJSYWRpdXN9KTtcbiAgICAgICAgICAgIG1hcmdpbjogYXV0byB2YXIoJHt0b2tlbnMudGh1bWJPZmZzZXR9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICR7U3R5bGVkTGFiZWx9IHtcbiAgICAgICAgLyogY2hlY2sgX2xhYmVsX3Bvc2l0aW9uICovXG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmxhYmVsT2Zmc2V0UHJpdmF0ZX0sIDApO1xuICAgIH1cblxuICAgIDphY3RpdmU6bm90KFtkaXNhYmxlZF0pICR7U3R5bGVkVHJpZ2dlcn06OmFmdGVyIHtcbiAgICAgICAgd2lkdGg6IGNhbGModmFyKCR7dG9rZW5zLnRodW1iU2l6ZX0pICogdmFyKCR7dG9rZW5zLnRodW1iUHJlc3NTY2FsZX0sIDEpKTtcbiAgICB9XG5gO1xuIl19 */"));
@@ -3,18 +3,6 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "Switch_LabelPosition_After", {
7
- enumerable: true,
8
- get: function get() {
9
- return _after.labelPosition_After;
10
- }
11
- });
12
- Object.defineProperty(exports, "Switch_LabelPosition_Before", {
13
- enumerable: true,
14
- get: function get() {
15
- return _before.labelPosition_Before;
16
- }
17
- });
18
6
  Object.defineProperty(exports, "switchConfig", {
19
7
  enumerable: true,
20
8
  get: function get() {
@@ -33,7 +21,5 @@ Object.defineProperty(exports, "switchTokens", {
33
21
  return _Switch2.tokens;
34
22
  }
35
23
  });
36
- var _after = /*#__PURE__*/require("./_label-position/after");
37
- var _before = /*#__PURE__*/require("./_label-position/before");
38
24
  var _Switch = /*#__PURE__*/require("./Switch");
39
25
  var _Switch2 = /*#__PURE__*/require("./Switch.tokens");