@rescui/switcher 0.9.7 → 0.9.8

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 +33 -33
  2. package/lib/index.p.module.css.js +17 -17
  3. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_16znoon_6{
1
+ ._themeLight_es4omi_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_16znoon_9{
4
+ ._themeDark_es4omi_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeXS_16znoon_13{
7
+ ._sizeXS_es4omi_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_16znoon_13 [data-rs-internal='switcher__option']{
17
+ ._sizeXS_es4omi_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_16znoon_16{
51
+ ._sizeS_es4omi_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_16znoon_16 [data-rs-internal='switcher__option']{
61
+ ._sizeS_es4omi_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_16znoon_19{
95
+ ._sizeM_es4omi_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_16znoon_19 [data-rs-internal='switcher__option']{
105
+ ._sizeM_es4omi_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_16znoon_19 [data-rs-internal='switcher__option']{
140
+ ._sizeM_es4omi_19 [data-rs-internal='switcher__option']{
141
141
  --_rs-typography-list-li-margin-top-from-text:12px;
142
142
  }
143
143
  }
144
- ._sizeL_16znoon_22{
144
+ ._sizeL_es4omi_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_16znoon_22 [data-rs-internal='switcher__option']{
154
+ ._sizeL_es4omi_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_16znoon_22 [data-rs-internal='switcher__option']{
189
+ ._sizeL_es4omi_22 [data-rs-internal='switcher__option']{
190
190
  --_rs-typography-list-li-margin-top-from-text:16px;
191
191
  }
192
192
  }
193
- ._modeClassic_16znoon_26{
193
+ ._modeClassic_es4omi_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_16znoon_29{
197
+ ._modeRock_es4omi_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_16znoon_33{
204
+ ._compact_es4omi_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_16znoon_37{
209
+ ._switcher_es4omi_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_16znoon_37{
219
+ ._switcher_es4omi_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_16znoon_37{
228
+ ._switcher_es4omi_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_16znoon_37 {
236
+ ._switcher_es4omi_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_16znoon_61{
265
+ ._alignIconLeft_es4omi_61{
266
266
  --_rs-switcher-option-flex-direction:row;
267
267
  }
268
- ._alignIconRight_16znoon_64{
268
+ ._alignIconRight_es4omi_64{
269
269
  --_rs-switcher-option-flex-direction:row-reverse;
270
270
  }
271
- ._option_16znoon_68{
271
+ ._option_es4omi_68{
272
272
  letter-spacing:var(
273
273
  --rs-text-base-letter-spacing,
274
274
  var(--_rs-typography-letter-spacing)
@@ -335,26 +335,26 @@
335
335
  -moz-appearance:none;
336
336
  appearance:none;
337
337
  }
338
- ._disabled_16znoon_104 ._option_16znoon_68{
338
+ ._disabled_es4omi_104 ._option_es4omi_68{
339
339
  cursor:not-allowed;
340
340
  pointer-events:none;
341
341
  }
342
- ._option_16znoon_68:focus[data-focus-method='key']{
342
+ ._option_es4omi_68:focus[data-focus-method='key']{
343
343
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
344
344
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
345
345
  }
346
- ._option_16znoon_68:hover{
346
+ ._option_es4omi_68:hover{
347
347
  background:var(--_rs-switcher-option-hover-background);
348
348
  }
349
- ._option_16znoon_68._selected_16znoon_117:active{
349
+ ._option_es4omi_68._selected_es4omi_117:active{
350
350
  background:transparent;
351
351
  }
352
- ._option_16znoon_68._selected_16znoon_117:hover,
353
- ._option_16znoon_68._selected_16znoon_117:active{
352
+ ._option_es4omi_68._selected_es4omi_117:hover,
353
+ ._option_es4omi_68._selected_es4omi_117:active{
354
354
  cursor:default;
355
355
  }
356
- ._disabled_16znoon_104 ._option_16znoon_68,
357
- ._disabled_16znoon_104 ._option_16znoon_68._selected_16znoon_117{
356
+ ._disabled_es4omi_104 ._option_es4omi_68,
357
+ ._disabled_es4omi_104 ._option_es4omi_68._selected_es4omi_117{
358
358
  cursor:default;
359
359
 
360
360
  color:rgba(
@@ -363,7 +363,7 @@
363
363
  );
364
364
  background:transparent;
365
365
  }
366
- ._option_16znoon_68 ._icon_16znoon_138{
366
+ ._option_es4omi_68 ._icon_es4omi_138{
367
367
  -webkit-box-flex:0;
368
368
  -ms-flex:0 0 auto;
369
369
  flex:0 0 auto;
@@ -376,7 +376,7 @@
376
376
  margin-top:var(--_rs-switcher-icon-margin-vertical);
377
377
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
378
378
  }
379
- ._mark_16znoon_151{
379
+ ._mark_es4omi_151{
380
380
  position:absolute;
381
381
  top:0;
382
382
  bottom:0;
@@ -398,7 +398,7 @@
398
398
 
399
399
  transition:all 0.2s;
400
400
  }
401
- ._disabled_16znoon_104 ._mark_16znoon_151{
401
+ ._disabled_es4omi_104 ._mark_es4omi_151{
402
402
  border:solid 2px rgba(
403
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),
404
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_16znoon_6",
3
- "themeDark": "_themeDark_16znoon_9",
4
- "sizeXS": "_sizeXS_16znoon_13",
5
- "sizeS": "_sizeS_16znoon_16",
6
- "sizeM": "_sizeM_16znoon_19",
7
- "sizeL": "_sizeL_16znoon_22",
8
- "modeClassic": "_modeClassic_16znoon_26",
9
- "modeRock": "_modeRock_16znoon_29",
10
- "compact": "_compact_16znoon_33",
11
- "switcher": "_switcher_16znoon_37",
12
- "alignIconLeft": "_alignIconLeft_16znoon_61",
13
- "alignIconRight": "_alignIconRight_16znoon_64",
14
- "option": "_option_16znoon_68",
15
- "disabled": "_disabled_16znoon_104",
16
- "selected": "_selected_16znoon_117",
17
- "icon": "_icon_16znoon_138",
18
- "mark": "_mark_16znoon_151"
2
+ "themeLight": "_themeLight_es4omi_6",
3
+ "themeDark": "_themeDark_es4omi_9",
4
+ "sizeXS": "_sizeXS_es4omi_13",
5
+ "sizeS": "_sizeS_es4omi_16",
6
+ "sizeM": "_sizeM_es4omi_19",
7
+ "sizeL": "_sizeL_es4omi_22",
8
+ "modeClassic": "_modeClassic_es4omi_26",
9
+ "modeRock": "_modeRock_es4omi_29",
10
+ "compact": "_compact_es4omi_33",
11
+ "switcher": "_switcher_es4omi_37",
12
+ "alignIconLeft": "_alignIconLeft_es4omi_61",
13
+ "alignIconRight": "_alignIconRight_es4omi_64",
14
+ "option": "_option_es4omi_68",
15
+ "disabled": "_disabled_es4omi_104",
16
+ "selected": "_selected_es4omi_117",
17
+ "icon": "_icon_es4omi_138",
18
+ "mark": "_mark_es4omi_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.7",
3
+ "version": "0.9.8",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -27,7 +27,7 @@
27
27
  },
28
28
  "devDependencies": {
29
29
  "@rescui/colors": "^0.2.5",
30
- "@rescui/icons": "^0.16.8",
30
+ "@rescui/icons": "^0.16.9",
31
31
  "@rescui/scripts": "^0.3.4",
32
32
  "@rescui/typography": "^0.18.2"
33
33
  },
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "dd4daa4d090de538f8e90608cc39027ea8018603"
39
+ "gitHead": "efe72850816ad50de41544ab1d6f84db0d89b322"
40
40
  }