@rescui/switcher 0.6.1 → 0.6.3

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 (3) hide show
  1. package/lib/index.css +47 -39
  2. package/lib/index.p.module.css.js +14 -14
  3. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._switcher_3znal8_4{
1
+ ._switcher_7o9xm2_4{
2
2
  position:relative;
3
3
 
4
4
  display:-webkit-inline-box;
@@ -15,22 +15,28 @@
15
15
 
16
16
  background:transparent;
17
17
  }
18
- ._themeLight_3znal8_16{
18
+ ._themeLight_7o9xm2_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_3znal8_20{
22
+ ._themeDark_7o9xm2_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_3znal8_24{
26
+ ._sizeL_7o9xm2_24{
27
27
  border-radius:36px;
28
28
  }
29
- ._sizeXS_3znal8_28{
29
+ ._sizeXS_7o9xm2_28{
30
30
  border-radius:4px;
31
31
  }
32
- ._option_3znal8_32{
32
+ ._option_7o9xm2_32{
33
33
  position:relative;
34
+
35
+ -webkit-box-flex:1;
36
+
37
+ -ms-flex:1 0 auto;
38
+
39
+ flex:1 0 auto;
34
40
  -webkit-appearance:none;
35
41
  -moz-appearance:none;
36
42
  appearance:none;
@@ -49,7 +55,7 @@
49
55
 
50
56
  background:transparent;
51
57
  }
52
- ._sizeL_3znal8_24 ._option_3znal8_32{
58
+ ._sizeL_7o9xm2_24 ._option_7o9xm2_32{
53
59
  padding:12px 32px;
54
60
  letter-spacing:normal;
55
61
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -63,7 +69,7 @@
63
69
  line-height:var(--rs-text-1-line-height, 28px);
64
70
  border-radius:36px;
65
71
  }
66
- ._sizeM_3znal8_55 ._option_3znal8_32{
72
+ ._sizeM_7o9xm2_57 ._option_7o9xm2_32{
67
73
  padding:8px 24px;
68
74
  letter-spacing:0.0015em;
69
75
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -76,10 +82,10 @@
76
82
  line-height:24px;
77
83
  line-height:var(--rs-text-2-line-height, 24px);
78
84
  }
79
- ._rs-reset-letter-spacing_3znal8_1 ._sizeM_3znal8_55 ._option_3znal8_32{
85
+ ._rs-reset-letter-spacing_7o9xm2_1 ._sizeM_7o9xm2_57 ._option_7o9xm2_32{
80
86
  letter-spacing:normal;
81
87
  }
82
- ._sizeS_3znal8_60 ._option_3znal8_32{
88
+ ._sizeS_7o9xm2_62 ._option_7o9xm2_32{
83
89
  padding:6px 16px;
84
90
  letter-spacing:0.0045em;
85
91
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -91,10 +97,10 @@
91
97
  line-height:20px;
92
98
  line-height:var(--rs-text-3-line-height, 20px);
93
99
  }
94
- ._rs-reset-letter-spacing_3znal8_1 ._sizeS_3znal8_60 ._option_3znal8_32{
100
+ ._rs-reset-letter-spacing_7o9xm2_1 ._sizeS_7o9xm2_62 ._option_7o9xm2_32{
95
101
  letter-spacing:normal;
96
102
  }
97
- ._sizeXS_3znal8_28 ._option_3znal8_32{
103
+ ._sizeXS_7o9xm2_28 ._option_7o9xm2_32{
98
104
  padding:2px 12px;
99
105
  letter-spacing:0.0045em;
100
106
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -106,68 +112,70 @@
106
112
  line-height:20px;
107
113
  line-height:var(--rs-text-3-line-height, 20px);
108
114
  }
109
- ._rs-reset-letter-spacing_3znal8_1 ._sizeXS_3znal8_28 ._option_3znal8_32{
115
+ ._rs-reset-letter-spacing_7o9xm2_1 ._sizeXS_7o9xm2_28 ._option_7o9xm2_32{
110
116
  letter-spacing:normal;
111
117
  }
112
- ._sizeXS_3znal8_28 ._option_3znal8_32 {
118
+ ._sizeXS_7o9xm2_28 ._option_7o9xm2_32 {
113
119
  border-radius:4px;
114
120
  }
115
- ._disabled_3znal8_71 ._option_3znal8_32{
121
+ ._disabled_7o9xm2_73 ._option_7o9xm2_32{
116
122
  cursor:not-allowed;
117
123
  pointer-events:none;
118
124
  }
119
- ._themeLight_3znal8_16 ._option_3znal8_32{
125
+ ._themeLight_7o9xm2_16 ._option_7o9xm2_32{
120
126
  color:#19191C;
121
127
  }
122
- ._themeLight_3znal8_16 ._option_3znal8_32:focus[data-focus-method='key']{
128
+ ._themeLight_7o9xm2_16 ._option_7o9xm2_32:focus[data-focus-method='key']{
123
129
  -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
124
130
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
125
131
  box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
126
132
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
127
133
  }
128
- ._themeLight_3znal8_16 ._option_3znal8_32._selected_3znal8_84:hover, ._themeLight_3znal8_16 ._option_3znal8_32._selected_3znal8_84:active{
134
+ ._themeLight_7o9xm2_16 ._option_7o9xm2_32._selected_7o9xm2_86:hover,
135
+ ._themeLight_7o9xm2_16 ._option_7o9xm2_32._selected_7o9xm2_86:active{
129
136
  background:transparent;
130
137
  cursor:default;
131
138
  }
132
- ._themeLight_3znal8_16._modeClassic_3znal8_92 ._option_3znal8_32:hover{
139
+ ._themeLight_7o9xm2_16._modeClassic_7o9xm2_95 ._option_7o9xm2_32:hover{
133
140
  background:rgba(107, 87, 255,0.2);
134
141
  background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
135
142
  }
136
- ._themeLight_3znal8_16._modeRock_3znal8_98 ._option_3znal8_32:hover{
143
+ ._themeLight_7o9xm2_16._modeRock_7o9xm2_101 ._option_7o9xm2_32:hover{
137
144
  background:rgba(25,25,28,0.1);
138
145
  }
139
- ._disabled_3znal8_71._themeLight_3znal8_16 ._option_3znal8_32,
140
- ._disabled_3znal8_71._themeLight_3znal8_16 ._option_3znal8_32._selected_3znal8_84{
146
+ ._disabled_7o9xm2_73._themeLight_7o9xm2_16 ._option_7o9xm2_32,
147
+ ._disabled_7o9xm2_73._themeLight_7o9xm2_16 ._option_7o9xm2_32._selected_7o9xm2_86{
141
148
  color:rgba(25,25,28,0.4);
142
149
  }
143
- ._themeDark_3znal8_20 ._option_3znal8_32{
150
+ ._themeDark_7o9xm2_20 ._option_7o9xm2_32{
144
151
  color:#FFFFFF;
145
152
  }
146
- ._themeDark_3znal8_20 ._option_3znal8_32:hover{
153
+ ._themeDark_7o9xm2_20 ._option_7o9xm2_32:hover{
147
154
  background:rgba(255,255,255,0.1);
148
155
  }
149
- ._themeDark_3znal8_20 ._option_3znal8_32:focus[data-focus-method='key']{
156
+ ._themeDark_7o9xm2_20 ._option_7o9xm2_32:focus[data-focus-method='key']{
150
157
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
151
158
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
152
159
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
153
160
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
154
161
  }
155
- ._themeDark_3znal8_20 ._option_3znal8_32._selected_3znal8_84:hover, ._themeDark_3znal8_20 ._option_3znal8_32._selected_3znal8_84:active{
162
+ ._themeDark_7o9xm2_20 ._option_7o9xm2_32._selected_7o9xm2_86:hover,
163
+ ._themeDark_7o9xm2_20 ._option_7o9xm2_32._selected_7o9xm2_86:active{
156
164
  background:transparent;
157
165
  cursor:default;
158
166
  }
159
- ._themeDark_3znal8_20._modeClassic_3znal8_92 ._option_3znal8_32:hover{
167
+ ._themeDark_7o9xm2_20._modeClassic_7o9xm2_95 ._option_7o9xm2_32:hover{
160
168
  background:rgba(132, 115, 255,0.3);
161
169
  background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
162
170
  }
163
- ._themeDark_3znal8_20._modeRock_3znal8_98 ._option_3znal8_32:hover{
171
+ ._themeDark_7o9xm2_20._modeRock_7o9xm2_101 ._option_7o9xm2_32:hover{
164
172
  background:rgba(255,255,255,0.1);
165
173
  }
166
- ._disabled_3znal8_71._themeDark_3znal8_20 ._option_3znal8_32,
167
- ._disabled_3znal8_71._themeDark_3znal8_20 ._option_3znal8_32._selected_3znal8_84{
174
+ ._disabled_7o9xm2_73._themeDark_7o9xm2_20 ._option_7o9xm2_32,
175
+ ._disabled_7o9xm2_73._themeDark_7o9xm2_20 ._option_7o9xm2_32._selected_7o9xm2_86{
168
176
  color:rgba(255,255,255,0.2);
169
177
  }
170
- ._mark_3znal8_145{
178
+ ._mark_7o9xm2_149{
171
179
  position:absolute;
172
180
  top:0;
173
181
  bottom:0;
@@ -178,29 +186,29 @@
178
186
  -webkit-transition:all 0.2s;
179
187
  transition:all 0.2s;
180
188
  }
181
- ._themeLight_3znal8_16._modeClassic_3znal8_92 ._mark_3znal8_145{
189
+ ._themeLight_7o9xm2_16._modeClassic_7o9xm2_95 ._mark_7o9xm2_149{
182
190
  border:solid 2px #6B57FF;
183
191
  border:solid 2px var(--rs-color-primary-light-theme, #6B57FF);
184
192
  }
185
- ._themeDark_3znal8_20._modeClassic_3znal8_92 ._mark_3znal8_145{
193
+ ._themeDark_7o9xm2_20._modeClassic_7o9xm2_95 ._mark_7o9xm2_149{
186
194
  border:solid 2px #8473FF;
187
195
  border:solid 2px var(--rs-color-primary-dark-theme, #8473FF);
188
196
  }
189
- ._themeLight_3znal8_16._modeRock_3znal8_98 ._mark_3znal8_145{
197
+ ._themeLight_7o9xm2_16._modeRock_7o9xm2_101 ._mark_7o9xm2_149{
190
198
  border:solid 2px #19191C;
191
199
  }
192
- ._themeDark_3znal8_20._modeRock_3znal8_98 ._mark_3znal8_145{
200
+ ._themeDark_7o9xm2_20._modeRock_7o9xm2_101 ._mark_7o9xm2_149{
193
201
  border:solid 2px #FFFFFF;
194
202
  }
195
- ._sizeL_3znal8_24 ._mark_3znal8_145{
203
+ ._sizeL_7o9xm2_24 ._mark_7o9xm2_149{
196
204
  border-radius:36px;
197
205
  }
198
- ._sizeXS_3znal8_28 ._mark_3znal8_145{
206
+ ._sizeXS_7o9xm2_28 ._mark_7o9xm2_149{
199
207
  border-radius:4px;
200
208
  }
201
- ._themeLight_3znal8_16._disabled_3znal8_71 ._mark_3znal8_145{
209
+ ._themeLight_7o9xm2_16._disabled_7o9xm2_73 ._mark_7o9xm2_149{
202
210
  border:solid 2px rgba(25,25,28,0.4);
203
211
  }
204
- ._themeDark_3znal8_20._disabled_3znal8_71 ._mark_3znal8_145{
212
+ ._themeDark_7o9xm2_20._disabled_7o9xm2_73 ._mark_7o9xm2_149{
205
213
  border:solid 2px rgba(255,255,255,0.2);
206
214
  }
package/lib/index.p.module.css.js CHANGED
@@ -1,17 +1,17 @@
1
1
  var styles = {
2
- "switcher": "_switcher_3znal8_4",
3
- "themeLight": "_themeLight_3znal8_16",
4
- "themeDark": "_themeDark_3znal8_20",
5
- "sizeL": "_sizeL_3znal8_24",
6
- "sizeXS": "_sizeXS_3znal8_28",
7
- "option": "_option_3znal8_32",
8
- "sizeM": "_sizeM_3znal8_55",
9
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_3znal8_1",
10
- "sizeS": "_sizeS_3znal8_60",
11
- "disabled": "_disabled_3znal8_71",
12
- "selected": "_selected_3znal8_84",
13
- "modeClassic": "_modeClassic_3znal8_92",
14
- "modeRock": "_modeRock_3znal8_98",
15
- "mark": "_mark_3znal8_145"
2
+ "switcher": "_switcher_7o9xm2_4",
3
+ "themeLight": "_themeLight_7o9xm2_16",
4
+ "themeDark": "_themeDark_7o9xm2_20",
5
+ "sizeL": "_sizeL_7o9xm2_24",
6
+ "sizeXS": "_sizeXS_7o9xm2_28",
7
+ "option": "_option_7o9xm2_32",
8
+ "sizeM": "_sizeM_7o9xm2_57",
9
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_7o9xm2_1",
10
+ "sizeS": "_sizeS_7o9xm2_62",
11
+ "disabled": "_disabled_7o9xm2_73",
12
+ "selected": "_selected_7o9xm2_86",
13
+ "modeClassic": "_modeClassic_7o9xm2_95",
14
+ "modeRock": "_modeRock_7o9xm2_101",
15
+ "mark": "_mark_7o9xm2_149"
16
16
  };
17
17
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.6.1",
3
+ "version": "0.6.3",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -26,12 +26,12 @@
26
26
  "react": ">=16.8.0 <19"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.1.9",
29
+ "@rescui/colors": "^0.1.10",
30
30
  "@rescui/scripts": "^0.2.2",
31
- "@rescui/typography": "^0.12.0"
31
+ "@rescui/typography": "^0.13.0"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
- "gitHead": "5b8028f2a39036c58de3bfcba424df687b540f55"
36
+ "gitHead": "498f4f71458e1323b14f9182713a7bf213e4333a"
37
37
  }