@rescui/switcher 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/index.css +39 -39
  2. package/lib/index.p.module.css.js +17 -0
  3. package/lib/switcher.js +1 -1
  4. package/package.json +6 -6
  5. package/lib/index.module.pcss.js +0 -17
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._switcher_7hbhfy_4{
1
+ ._switcher_x6uv7y_4{
2
2
  position:relative;
3
3
 
4
4
  display:-webkit-inline-box;
@@ -15,21 +15,21 @@
15
15
 
16
16
  background:transparent;
17
17
  }
18
- ._themeLight_7hbhfy_16{
18
+ ._themeLight_x6uv7y_16{
19
19
  -webkit-box-shadow:inset rgba(25,25,28,0.4) 0 0 0 1px;
20
20
  box-shadow:inset rgba(25,25,28,0.4) 0 0 0 1px;
21
21
  }
22
- ._themeDark_7hbhfy_20{
22
+ ._themeDark_x6uv7y_20{
23
23
  -webkit-box-shadow:inset rgba(255,255,255,0.5) 0 0 0 1px;
24
24
  box-shadow:inset rgba(255,255,255,0.5) 0 0 0 1px;
25
25
  }
26
- ._sizeL_7hbhfy_24{
26
+ ._sizeL_x6uv7y_24{
27
27
  border-radius:36px;
28
28
  }
29
- ._sizeXS_7hbhfy_28{
29
+ ._sizeXS_x6uv7y_28{
30
30
  border-radius:4px;
31
31
  }
32
- ._option_7hbhfy_32{
32
+ ._option_x6uv7y_32{
33
33
  position:relative;
34
34
  -webkit-appearance:none;
35
35
  -moz-appearance:none;
@@ -49,7 +49,7 @@
49
49
 
50
50
  background:transparent;
51
51
  }
52
- ._sizeL_7hbhfy_24 ._option_7hbhfy_32{
52
+ ._sizeL_x6uv7y_24 ._option_x6uv7y_32{
53
53
  padding:12px 32px;
54
54
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
55
55
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -60,7 +60,7 @@
60
60
  line-height:var(--rs-text-1-line-height, 28px);
61
61
  border-radius:36px;
62
62
  }
63
- ._sizeM_7hbhfy_55 ._option_7hbhfy_32{
63
+ ._sizeM_x6uv7y_55 ._option_x6uv7y_32{
64
64
  padding:8px 24px;
65
65
  letter-spacing:0.0015em;
66
66
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -71,10 +71,10 @@
71
71
  line-height:24px;
72
72
  line-height:var(--rs-text-2-line-height, 24px);
73
73
  }
74
- ._rs-reset-letter-spacing_7hbhfy_1 ._sizeM_7hbhfy_55 ._option_7hbhfy_32{
74
+ ._rs-reset-letter-spacing_x6uv7y_1 ._sizeM_x6uv7y_55 ._option_x6uv7y_32{
75
75
  letter-spacing:normal;
76
76
  }
77
- ._sizeS_7hbhfy_60 ._option_7hbhfy_32{
77
+ ._sizeS_x6uv7y_60 ._option_x6uv7y_32{
78
78
  padding:6px 16px;
79
79
  letter-spacing:0.0015em;
80
80
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -85,10 +85,10 @@
85
85
  line-height:24px;
86
86
  line-height:var(--rs-text-2-line-height, 24px);
87
87
  }
88
- ._rs-reset-letter-spacing_7hbhfy_1 ._sizeS_7hbhfy_60 ._option_7hbhfy_32{
88
+ ._rs-reset-letter-spacing_x6uv7y_1 ._sizeS_x6uv7y_60 ._option_x6uv7y_32{
89
89
  letter-spacing:normal;
90
90
  }
91
- ._sizeXS_7hbhfy_28 ._option_7hbhfy_32{
91
+ ._sizeXS_x6uv7y_28 ._option_x6uv7y_32{
92
92
  padding:2px 12px;
93
93
  letter-spacing:0.0045em;
94
94
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -98,68 +98,68 @@
98
98
  line-height:20px;
99
99
  line-height:var(--rs-text-3-line-height, 20px);
100
100
  }
101
- ._rs-reset-letter-spacing_7hbhfy_1 ._sizeXS_7hbhfy_28 ._option_7hbhfy_32{
101
+ ._rs-reset-letter-spacing_x6uv7y_1 ._sizeXS_x6uv7y_28 ._option_x6uv7y_32{
102
102
  letter-spacing:normal;
103
103
  }
104
- ._sizeXS_7hbhfy_28 ._option_7hbhfy_32 {
104
+ ._sizeXS_x6uv7y_28 ._option_x6uv7y_32 {
105
105
  border-radius:4px;
106
106
  }
107
- ._disabled_7hbhfy_71 ._option_7hbhfy_32{
107
+ ._disabled_x6uv7y_71 ._option_x6uv7y_32{
108
108
  cursor:not-allowed;
109
109
  pointer-events:none;
110
110
  }
111
- ._themeLight_7hbhfy_16 ._option_7hbhfy_32{
111
+ ._themeLight_x6uv7y_16 ._option_x6uv7y_32{
112
112
  color:#19191C;
113
113
  }
114
- ._themeLight_7hbhfy_16 ._option_7hbhfy_32:focus[data-focus-method='key']{
114
+ ._themeLight_x6uv7y_16 ._option_x6uv7y_32:focus[data-focus-method='key']{
115
115
  -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
116
116
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
117
117
  box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
118
118
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
119
119
  }
120
- ._themeLight_7hbhfy_16 ._option_7hbhfy_32._selected_7hbhfy_84:hover, ._themeLight_7hbhfy_16 ._option_7hbhfy_32._selected_7hbhfy_84:active{
120
+ ._themeLight_x6uv7y_16 ._option_x6uv7y_32._selected_x6uv7y_84:hover, ._themeLight_x6uv7y_16 ._option_x6uv7y_32._selected_x6uv7y_84:active{
121
121
  background:transparent;
122
122
  cursor:default;
123
123
  }
124
- ._themeLight_7hbhfy_16._modeClassic_7hbhfy_92 ._option_7hbhfy_32:hover{
124
+ ._themeLight_x6uv7y_16._modeClassic_x6uv7y_92 ._option_x6uv7y_32:hover{
125
125
  background:rgba(107, 87, 255,0.2);
126
126
  background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
127
127
  }
128
- ._themeLight_7hbhfy_16._modeRock_7hbhfy_98 ._option_7hbhfy_32:hover{
128
+ ._themeLight_x6uv7y_16._modeRock_x6uv7y_98 ._option_x6uv7y_32:hover{
129
129
  background:rgba(25,25,28,0.1);
130
130
  }
131
- ._disabled_7hbhfy_71._themeLight_7hbhfy_16 ._option_7hbhfy_32,
132
- ._disabled_7hbhfy_71._themeLight_7hbhfy_16 ._option_7hbhfy_32._selected_7hbhfy_84{
131
+ ._disabled_x6uv7y_71._themeLight_x6uv7y_16 ._option_x6uv7y_32,
132
+ ._disabled_x6uv7y_71._themeLight_x6uv7y_16 ._option_x6uv7y_32._selected_x6uv7y_84{
133
133
  color:rgba(25,25,28,0.4);
134
134
  }
135
- ._themeDark_7hbhfy_20 ._option_7hbhfy_32{
135
+ ._themeDark_x6uv7y_20 ._option_x6uv7y_32{
136
136
  color:#FFFFFF;
137
137
  }
138
- ._themeDark_7hbhfy_20 ._option_7hbhfy_32:hover{
138
+ ._themeDark_x6uv7y_20 ._option_x6uv7y_32:hover{
139
139
  background:rgba(255,255,255,0.1);
140
140
  }
141
- ._themeDark_7hbhfy_20 ._option_7hbhfy_32:focus[data-focus-method='key']{
141
+ ._themeDark_x6uv7y_20 ._option_x6uv7y_32:focus[data-focus-method='key']{
142
142
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
143
143
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
144
144
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
145
145
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
146
146
  }
147
- ._themeDark_7hbhfy_20 ._option_7hbhfy_32._selected_7hbhfy_84:hover, ._themeDark_7hbhfy_20 ._option_7hbhfy_32._selected_7hbhfy_84:active{
147
+ ._themeDark_x6uv7y_20 ._option_x6uv7y_32._selected_x6uv7y_84:hover, ._themeDark_x6uv7y_20 ._option_x6uv7y_32._selected_x6uv7y_84:active{
148
148
  background:transparent;
149
149
  cursor:default;
150
150
  }
151
- ._themeDark_7hbhfy_20._modeClassic_7hbhfy_92 ._option_7hbhfy_32:hover{
151
+ ._themeDark_x6uv7y_20._modeClassic_x6uv7y_92 ._option_x6uv7y_32:hover{
152
152
  background:rgba(132, 115, 255,0.3);
153
153
  background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
154
154
  }
155
- ._themeDark_7hbhfy_20._modeRock_7hbhfy_98 ._option_7hbhfy_32:hover{
155
+ ._themeDark_x6uv7y_20._modeRock_x6uv7y_98 ._option_x6uv7y_32:hover{
156
156
  background:rgba(255,255,255,0.1);
157
157
  }
158
- ._disabled_7hbhfy_71._themeDark_7hbhfy_20 ._option_7hbhfy_32,
159
- ._disabled_7hbhfy_71._themeDark_7hbhfy_20 ._option_7hbhfy_32._selected_7hbhfy_84{
158
+ ._disabled_x6uv7y_71._themeDark_x6uv7y_20 ._option_x6uv7y_32,
159
+ ._disabled_x6uv7y_71._themeDark_x6uv7y_20 ._option_x6uv7y_32._selected_x6uv7y_84{
160
160
  color:rgba(255,255,255,0.2);
161
161
  }
162
- ._mark_7hbhfy_145{
162
+ ._mark_x6uv7y_145{
163
163
  position:absolute;
164
164
  top:0;
165
165
  bottom:0;
@@ -170,29 +170,29 @@
170
170
  -webkit-transition:all 0.3s;
171
171
  transition:all 0.3s;
172
172
  }
173
- ._themeLight_7hbhfy_16._modeClassic_7hbhfy_92 ._mark_7hbhfy_145{
173
+ ._themeLight_x6uv7y_16._modeClassic_x6uv7y_92 ._mark_x6uv7y_145{
174
174
  border:solid 2px #6B57FF;
175
175
  border:solid 2px var(--rs-color-primary-light-theme, #6B57FF);
176
176
  }
177
- ._themeDark_7hbhfy_20._modeClassic_7hbhfy_92 ._mark_7hbhfy_145{
177
+ ._themeDark_x6uv7y_20._modeClassic_x6uv7y_92 ._mark_x6uv7y_145{
178
178
  border:solid 2px #8473FF;
179
179
  border:solid 2px var(--rs-color-primary-dark-theme, #8473FF);
180
180
  }
181
- ._themeLight_7hbhfy_16._modeRock_7hbhfy_98 ._mark_7hbhfy_145{
181
+ ._themeLight_x6uv7y_16._modeRock_x6uv7y_98 ._mark_x6uv7y_145{
182
182
  border:solid 2px #19191C;
183
183
  }
184
- ._themeDark_7hbhfy_20._modeRock_7hbhfy_98 ._mark_7hbhfy_145{
184
+ ._themeDark_x6uv7y_20._modeRock_x6uv7y_98 ._mark_x6uv7y_145{
185
185
  border:solid 2px #FFFFFF;
186
186
  }
187
- ._sizeL_7hbhfy_24 ._mark_7hbhfy_145{
187
+ ._sizeL_x6uv7y_24 ._mark_x6uv7y_145{
188
188
  border-radius:36px;
189
189
  }
190
- ._sizeXS_7hbhfy_28 ._mark_7hbhfy_145{
190
+ ._sizeXS_x6uv7y_28 ._mark_x6uv7y_145{
191
191
  border-radius:4px;
192
192
  }
193
- ._themeLight_7hbhfy_16._disabled_7hbhfy_71 ._mark_7hbhfy_145{
193
+ ._themeLight_x6uv7y_16._disabled_x6uv7y_71 ._mark_x6uv7y_145{
194
194
  border:solid 2px rgba(25,25,28,0.4);
195
195
  }
196
- ._themeDark_7hbhfy_20._disabled_7hbhfy_71 ._mark_7hbhfy_145{
196
+ ._themeDark_x6uv7y_20._disabled_x6uv7y_71 ._mark_x6uv7y_145{
197
197
  border:solid 2px rgba(255,255,255,0.2);
198
198
  }
package/lib/index.p.module.css.js ADDED
@@ -0,0 +1,17 @@
1
+ var styles = {
2
+ "switcher": "_switcher_x6uv7y_4",
3
+ "themeLight": "_themeLight_x6uv7y_16",
4
+ "themeDark": "_themeDark_x6uv7y_20",
5
+ "sizeL": "_sizeL_x6uv7y_24",
6
+ "sizeXS": "_sizeXS_x6uv7y_28",
7
+ "option": "_option_x6uv7y_32",
8
+ "sizeM": "_sizeM_x6uv7y_55",
9
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_x6uv7y_1",
10
+ "sizeS": "_sizeS_x6uv7y_60",
11
+ "disabled": "_disabled_x6uv7y_71",
12
+ "selected": "_selected_x6uv7y_84",
13
+ "modeClassic": "_modeClassic_x6uv7y_92",
14
+ "modeRock": "_modeRock_x6uv7y_98",
15
+ "mark": "_mark_x6uv7y_145"
16
+ };
17
+ export { styles as default };
package/lib/switcher.js CHANGED
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
8
8
  import { useResizeDetector } from 'react-resize-detector';
9
9
  import cn from 'classnames';
10
10
  import { useTheme } from '@rescui/ui-contexts';
11
- import styles from './index.module.pcss.js';
11
+ import styles from './index.p.module.css.js';
12
12
  var sizeToClass = {
13
13
  l: styles.sizeL,
14
14
  m: styles.sizeM,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.3.0",
3
+ "version": "0.3.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -21,17 +21,17 @@
21
21
  "react-resize-detector": "^6.7.3"
22
22
  },
23
23
  "peerDependencies": {
24
- "@rescui/ui-contexts": "<0.3.0",
24
+ "@rescui/ui-contexts": "<0.4.0",
25
25
  "prop-types": "^15.7.2",
26
26
  "react": ">=16.8.0 <18"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.1.1",
30
- "@rescui/scripts": "^0.1.5",
31
- "@rescui/typography": "^0.7.2"
29
+ "@rescui/colors": "^0.1.2",
30
+ "@rescui/scripts": "^0.1.6",
31
+ "@rescui/typography": "^0.7.4"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
- "gitHead": "67f695b72d13fd8445542c48f096b65656fdd7d9"
36
+ "gitHead": "c5b48e321608ae1755e691238aa5db5977318c75"
37
37
  }
package/lib/index.module.pcss.js DELETED
@@ -1,17 +0,0 @@
1
- var styles = {
2
- "switcher": "_switcher_7hbhfy_4",
3
- "themeLight": "_themeLight_7hbhfy_16",
4
- "themeDark": "_themeDark_7hbhfy_20",
5
- "sizeL": "_sizeL_7hbhfy_24",
6
- "sizeXS": "_sizeXS_7hbhfy_28",
7
- "option": "_option_7hbhfy_32",
8
- "sizeM": "_sizeM_7hbhfy_55",
9
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_7hbhfy_1",
10
- "sizeS": "_sizeS_7hbhfy_60",
11
- "disabled": "_disabled_7hbhfy_71",
12
- "selected": "_selected_7hbhfy_84",
13
- "modeClassic": "_modeClassic_7hbhfy_92",
14
- "modeRock": "_modeRock_7hbhfy_98",
15
- "mark": "_mark_7hbhfy_145"
16
- };
17
- export { styles as default };