@rescui/switcher 0.9.3 → 0.9.5

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 +34 -41
  2. package/lib/index.p.module.css.js +17 -17
  3. package/package.json +7 -7
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_16eh9dy_6{
1
+ ._themeLight_r9040y_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_16eh9dy_9{
4
+ ._themeDark_r9040y_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeXS_16eh9dy_13{
7
+ ._sizeXS_r9040y_13{
8
8
  --_rs-switcher-border-radius:4px;
9
9
  --_rs-switcher-compact-border-radius:var(--_rs-switcher-border-radius);
10
10
  --_rs-switcher-option-padding:2px 12px;
@@ -14,7 +14,7 @@
14
14
  --_rs-switcher-compact-icon-offset:var(--_rs-switcher-icon-offset);
15
15
  --_rs-switcher-icon-margin-vertical:2px;
16
16
  }
17
- ._sizeXS_16eh9dy_13 [data-rs-internal='switcher__option']{
17
+ ._sizeXS_r9040y_13 [data-rs-internal='switcher__option']{
18
18
  --_rs-typography-letter-spacing:0.0045em;
19
19
  --_rs-typography-text-transform:initial;
20
20
  --_rs-typography-font-variant-numeric:initial;
@@ -48,7 +48,7 @@
48
48
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
49
49
  --_rs-typography-link-border-bottom-width-from-text:1px;
50
50
  }
51
- ._sizeS_16eh9dy_16{
51
+ ._sizeS_r9040y_16{
52
52
  --_rs-switcher-border-radius:16px;
53
53
  --_rs-switcher-compact-border-radius:4px;
54
54
  --_rs-switcher-option-padding:6px 16px;
@@ -58,7 +58,7 @@
58
58
  --_rs-switcher-compact-icon-offset:4px;
59
59
  --_rs-switcher-icon-margin-vertical:0px;
60
60
  }
61
- ._sizeS_16eh9dy_16 [data-rs-internal='switcher__option']{
61
+ ._sizeS_r9040y_16 [data-rs-internal='switcher__option']{
62
62
  --_rs-typography-letter-spacing:0.0045em;
63
63
  --_rs-typography-text-transform:initial;
64
64
  --_rs-typography-font-variant-numeric:initial;
@@ -92,7 +92,7 @@
92
92
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
93
93
  --_rs-typography-link-border-bottom-width-from-text:1px;
94
94
  }
95
- ._sizeM_16eh9dy_19{
95
+ ._sizeM_r9040y_19{
96
96
  --_rs-switcher-border-radius:20px;
97
97
  --_rs-switcher-compact-border-radius:8px;
98
98
  --_rs-switcher-option-padding:8px 24px;
@@ -102,7 +102,7 @@
102
102
  --_rs-switcher-compact-icon-offset:8px;
103
103
  --_rs-switcher-icon-margin-vertical:0px;
104
104
  }
105
- ._sizeM_16eh9dy_19 [data-rs-internal='switcher__option']{
105
+ ._sizeM_r9040y_19 [data-rs-internal='switcher__option']{
106
106
  --_rs-typography-letter-spacing:0.0015em;
107
107
  --_rs-typography-text-transform:initial;
108
108
  --_rs-typography-font-variant-numeric:initial;
@@ -137,11 +137,11 @@
137
137
  --_rs-typography-link-border-bottom-width-from-text:1px;
138
138
  }
139
139
  @media screen and (max-width: 640px){
140
- ._sizeM_16eh9dy_19 [data-rs-internal='switcher__option']{
140
+ ._sizeM_r9040y_19 [data-rs-internal='switcher__option']{
141
141
  --_rs-typography-list-li-margin-top-from-text:12px;
142
142
  }
143
143
  }
144
- ._sizeL_16eh9dy_22{
144
+ ._sizeL_r9040y_22{
145
145
  --_rs-switcher-border-radius:26px;
146
146
  --_rs-switcher-compact-border-radius:12px;
147
147
  --_rs-switcher-option-padding:12px 32px;
@@ -151,7 +151,7 @@
151
151
  --_rs-switcher-compact-icon-offset:12px;
152
152
  --_rs-switcher-icon-margin-vertical:0px;
153
153
  }
154
- ._sizeL_16eh9dy_22 [data-rs-internal='switcher__option']{
154
+ ._sizeL_r9040y_22 [data-rs-internal='switcher__option']{
155
155
  --_rs-typography-letter-spacing:normal;
156
156
  --_rs-typography-text-transform:initial;
157
157
  --_rs-typography-font-variant-numeric:initial;
@@ -186,27 +186,27 @@
186
186
  --_rs-typography-link-border-bottom-width-from-text:1px;
187
187
  }
188
188
  @media screen and (max-width: 640px){
189
- ._sizeL_16eh9dy_22 [data-rs-internal='switcher__option']{
189
+ ._sizeL_r9040y_22 [data-rs-internal='switcher__option']{
190
190
  --_rs-typography-list-li-margin-top-from-text:16px;
191
191
  }
192
192
  }
193
- ._modeClassic_16eh9dy_26{
193
+ ._modeClassic_r9040y_26{
194
194
  --_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
195
195
  --_rs-switcher-mark-border-color:var(--_rs-color-primary);
196
196
  }
197
- ._modeRock_16eh9dy_29{
197
+ ._modeRock_r9040y_29{
198
198
  --_rs-switcher-option-hover-background:rgba(
199
199
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
200
200
  0.1
201
201
  );
202
202
  --_rs-switcher-mark-border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
203
203
  }
204
- ._compact_16eh9dy_33{
204
+ ._compact_r9040y_33{
205
205
  --_rs-switcher-border-radius-from-compact:var(--_rs-switcher-compact-border-radius);
206
206
  --_rs-switcher-option-padding-from-compact:var(--_rs-switcher-compact-option-padding);
207
207
  --_rs-switcher-icon-offset-from-compact:var(--_rs-switcher-compact-icon-offset);
208
208
  }
209
- ._switcher_16eh9dy_37{
209
+ ._switcher_r9040y_37{
210
210
  --_rs-theme-dark:var(
211
211
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
212
212
  var(--rs-theme-dark, 0)
@@ -216,7 +216,7 @@
216
216
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
217
217
  }
218
218
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
219
- ._switcher_16eh9dy_37{
219
+ ._switcher_r9040y_37{
220
220
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
221
221
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
222
222
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -225,7 +225,7 @@
225
225
  }
226
226
  }
227
227
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
228
- ._switcher_16eh9dy_37{
228
+ ._switcher_r9040y_37{
229
229
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
230
230
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
231
231
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -233,7 +233,7 @@
233
233
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
234
234
  }
235
235
  }
236
- ._switcher_16eh9dy_37 {
236
+ ._switcher_r9040y_37 {
237
237
 
238
238
  position:relative;
239
239
 
@@ -262,13 +262,13 @@
262
262
  calc(0.4 + var(--_rs-theme-dark-coefficient)*0.1)
263
263
  ) 0 0 0 1px;
264
264
  }
265
- ._alignIconLeft_16eh9dy_61{
265
+ ._alignIconLeft_r9040y_61{
266
266
  --_rs-switcher-option-flex-direction:row;
267
267
  }
268
- ._alignIconRight_16eh9dy_64{
268
+ ._alignIconRight_r9040y_64{
269
269
  --_rs-switcher-option-flex-direction:row-reverse;
270
270
  }
271
- ._option_16eh9dy_68{
271
+ ._option_r9040y_68{
272
272
  letter-spacing:var(
273
273
  --rs-text-base-letter-spacing,
274
274
  var(--_rs-typography-letter-spacing)
@@ -281,13 +281,7 @@
281
281
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
282
282
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
283
283
  font-feature-settings:'kern', 'liga', 'calt';
284
- }
285
- ._option_16eh9dy_68 > p:not(:nth-child(1)),
286
- ._option_16eh9dy_68 > pre:not(:nth-child(1)){
287
- padding-top:var(--_rs-typography-auto-offset-or-initial);
288
- }
289
- ._option_16eh9dy_68 {
290
- --_rs-typography-hardness-color:var(
284
+ color:var(
291
285
  --rs-color-hard,
292
286
  rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
293
287
  );
@@ -336,32 +330,31 @@
336
330
 
337
331
  cursor:pointer;
338
332
 
339
- color:var(--_rs-typography-hardness-color);
340
333
  background:transparent;
341
334
  -webkit-appearance:none;
342
335
  -moz-appearance:none;
343
336
  appearance:none;
344
337
  }
345
- ._disabled_16eh9dy_105 ._option_16eh9dy_68{
338
+ ._disabled_r9040y_104 ._option_r9040y_68{
346
339
  cursor:not-allowed;
347
340
  pointer-events:none;
348
341
  }
349
- ._option_16eh9dy_68:focus[data-focus-method='key']{
342
+ ._option_r9040y_68:focus[data-focus-method='key']{
350
343
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
351
344
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
352
345
  }
353
- ._option_16eh9dy_68:hover{
346
+ ._option_r9040y_68:hover{
354
347
  background:var(--_rs-switcher-option-hover-background);
355
348
  }
356
- ._option_16eh9dy_68._selected_16eh9dy_118:active{
349
+ ._option_r9040y_68._selected_r9040y_117:active{
357
350
  background:transparent;
358
351
  }
359
- ._option_16eh9dy_68._selected_16eh9dy_118:hover,
360
- ._option_16eh9dy_68._selected_16eh9dy_118:active{
352
+ ._option_r9040y_68._selected_r9040y_117:hover,
353
+ ._option_r9040y_68._selected_r9040y_117:active{
361
354
  cursor:default;
362
355
  }
363
- ._disabled_16eh9dy_105 ._option_16eh9dy_68,
364
- ._disabled_16eh9dy_105 ._option_16eh9dy_68._selected_16eh9dy_118{
356
+ ._disabled_r9040y_104 ._option_r9040y_68,
357
+ ._disabled_r9040y_104 ._option_r9040y_68._selected_r9040y_117{
365
358
  cursor:default;
366
359
 
367
360
  color:rgba(
@@ -370,7 +363,7 @@
370
363
  );
371
364
  background:transparent;
372
365
  }
373
- ._option_16eh9dy_68 ._icon_16eh9dy_139{
366
+ ._option_r9040y_68 ._icon_r9040y_138{
374
367
  -webkit-box-flex:0;
375
368
  -ms-flex:0 0 auto;
376
369
  flex:0 0 auto;
@@ -383,7 +376,7 @@
383
376
  margin-top:var(--_rs-switcher-icon-margin-vertical);
384
377
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
385
378
  }
386
- ._mark_16eh9dy_152{
379
+ ._mark_r9040y_151{
387
380
  position:absolute;
388
381
  top:0;
389
382
  bottom:0;
@@ -405,7 +398,7 @@
405
398
 
406
399
  transition:all 0.2s;
407
400
  }
408
- ._disabled_16eh9dy_105 ._mark_16eh9dy_152{
401
+ ._disabled_r9040y_104 ._mark_r9040y_151{
409
402
  border:solid 2px rgba(
410
403
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
411
404
  calc(0.4 - var(--_rs-theme-dark-coefficient)*0.2)
package/lib/index.p.module.css.js CHANGED
@@ -1,20 +1,20 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_16eh9dy_6",
3
- "themeDark": "_themeDark_16eh9dy_9",
4
- "sizeXS": "_sizeXS_16eh9dy_13",
5
- "sizeS": "_sizeS_16eh9dy_16",
6
- "sizeM": "_sizeM_16eh9dy_19",
7
- "sizeL": "_sizeL_16eh9dy_22",
8
- "modeClassic": "_modeClassic_16eh9dy_26",
9
- "modeRock": "_modeRock_16eh9dy_29",
10
- "compact": "_compact_16eh9dy_33",
11
- "switcher": "_switcher_16eh9dy_37",
12
- "alignIconLeft": "_alignIconLeft_16eh9dy_61",
13
- "alignIconRight": "_alignIconRight_16eh9dy_64",
14
- "option": "_option_16eh9dy_68",
15
- "disabled": "_disabled_16eh9dy_105",
16
- "selected": "_selected_16eh9dy_118",
17
- "icon": "_icon_16eh9dy_139",
18
- "mark": "_mark_16eh9dy_152"
2
+ "themeLight": "_themeLight_r9040y_6",
3
+ "themeDark": "_themeDark_r9040y_9",
4
+ "sizeXS": "_sizeXS_r9040y_13",
5
+ "sizeS": "_sizeS_r9040y_16",
6
+ "sizeM": "_sizeM_r9040y_19",
7
+ "sizeL": "_sizeL_r9040y_22",
8
+ "modeClassic": "_modeClassic_r9040y_26",
9
+ "modeRock": "_modeRock_r9040y_29",
10
+ "compact": "_compact_r9040y_33",
11
+ "switcher": "_switcher_r9040y_37",
12
+ "alignIconLeft": "_alignIconLeft_r9040y_61",
13
+ "alignIconRight": "_alignIconRight_r9040y_64",
14
+ "option": "_option_r9040y_68",
15
+ "disabled": "_disabled_r9040y_104",
16
+ "selected": "_selected_r9040y_117",
17
+ "icon": "_icon_r9040y_138",
18
+ "mark": "_mark_r9040y_151"
19
19
  };
20
20
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.9.3",
3
+ "version": "0.9.5",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.14.0",
19
- "@rescui/use-resize-observer": "^0.2.2",
19
+ "@rescui/use-resize-observer": "^0.2.4",
20
20
  "classnames": "^2.2.6",
21
21
  "core-js": "^3.9.1"
22
22
  },
@@ -26,15 +26,15 @@
26
26
  "react": ">=16.8.0 <19"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.2.2",
30
- "@rescui/icons": "^0.16.4",
31
- "@rescui/scripts": "^0.3.2",
32
- "@rescui/typography": "^0.16.4"
29
+ "@rescui/colors": "^0.2.4",
30
+ "@rescui/icons": "^0.16.6",
31
+ "@rescui/scripts": "^0.3.4",
32
+ "@rescui/typography": "^0.18.0"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rescui-scripts build && yarn run build-pcss-api",
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "d4bb4a95bc321907bc55b9ad9768f7e822acbd2d"
39
+ "gitHead": "ac2efc85e94cfd6b9bae29c2829d38b6bd608474"
40
40
  }