@rescui/switcher 0.7.0 → 0.7.1

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 +32 -32
  2. package/lib/index.p.module.css.js +13 -13
  3. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -1,14 +1,14 @@
1
- ._themeLight_xar5ar_6{
1
+ ._themeLight_2evwnb_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_xar5ar_9{
4
+ ._themeDark_2evwnb_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeXS_xar5ar_13{
7
+ ._sizeXS_2evwnb_13{
8
8
  --_rs-switcher-border-radius:4px;
9
9
  --_rs-switcher-option-padding:2px 12px;
10
10
  }
11
- ._sizeXS_xar5ar_13 [data-rs-internal='switcher__option']{
11
+ ._sizeXS_2evwnb_13 [data-rs-internal='switcher__option']{
12
12
  --_rs-typography-letter-spacing:0.0045em;
13
13
  --_rs-typography-text-transform:initial;
14
14
  --_rs-typography-font-variant-numeric:initial;
@@ -42,11 +42,11 @@
42
42
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
43
43
  --_rs-typography-link-border-bottom-width-from-text:1px;
44
44
  }
45
- ._sizeS_xar5ar_16{
45
+ ._sizeS_2evwnb_16{
46
46
  --_rs-switcher-border-radius:24px;
47
47
  --_rs-switcher-option-padding:6px 16px;
48
48
  }
49
- ._sizeS_xar5ar_16 [data-rs-internal='switcher__option']{
49
+ ._sizeS_2evwnb_16 [data-rs-internal='switcher__option']{
50
50
  --_rs-typography-letter-spacing:0.0045em;
51
51
  --_rs-typography-text-transform:initial;
52
52
  --_rs-typography-font-variant-numeric:initial;
@@ -80,11 +80,11 @@
80
80
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
81
81
  --_rs-typography-link-border-bottom-width-from-text:1px;
82
82
  }
83
- ._sizeM_xar5ar_19{
83
+ ._sizeM_2evwnb_19{
84
84
  --_rs-switcher-border-radius:24px;
85
85
  --_rs-switcher-option-padding:8px 24px;
86
86
  }
87
- ._sizeM_xar5ar_19 [data-rs-internal='switcher__option']{
87
+ ._sizeM_2evwnb_19 [data-rs-internal='switcher__option']{
88
88
  --_rs-typography-letter-spacing:0.0015em;
89
89
  --_rs-typography-text-transform:initial;
90
90
  --_rs-typography-font-variant-numeric:initial;
@@ -119,15 +119,15 @@
119
119
  --_rs-typography-link-border-bottom-width-from-text:1px;
120
120
  }
121
121
  @media screen and (max-width: 640px){
122
- ._sizeM_xar5ar_19 [data-rs-internal='switcher__option']{
122
+ ._sizeM_2evwnb_19 [data-rs-internal='switcher__option']{
123
123
  --_rs-typography-list-li-margin-top-from-text:12px;
124
124
  }
125
125
  }
126
- ._sizeL_xar5ar_22{
126
+ ._sizeL_2evwnb_22{
127
127
  --_rs-switcher-border-radius:36px;
128
128
  --_rs-switcher-option-padding:12px 32px;
129
129
  }
130
- ._sizeL_xar5ar_22 [data-rs-internal='switcher__option']{
130
+ ._sizeL_2evwnb_22 [data-rs-internal='switcher__option']{
131
131
  --_rs-typography-letter-spacing:normal;
132
132
  --_rs-typography-text-transform:initial;
133
133
  --_rs-typography-font-variant-numeric:initial;
@@ -162,22 +162,22 @@
162
162
  --_rs-typography-link-border-bottom-width-from-text:1px;
163
163
  }
164
164
  @media screen and (max-width: 640px){
165
- ._sizeL_xar5ar_22 [data-rs-internal='switcher__option']{
165
+ ._sizeL_2evwnb_22 [data-rs-internal='switcher__option']{
166
166
  --_rs-typography-list-li-margin-top-from-text:16px;
167
167
  }
168
168
  }
169
- ._modeClassic_xar5ar_26{
169
+ ._modeClassic_2evwnb_26{
170
170
  --_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
171
171
  --_rs-switcher-mark-border-color:var(--_rs-color-primary);
172
172
  }
173
- ._modeRock_xar5ar_29{
173
+ ._modeRock_2evwnb_29{
174
174
  --_rs-switcher-option-hover-background:rgba(
175
175
  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),
176
176
  0.1
177
177
  );
178
178
  --_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));
179
179
  }
180
- ._switcher_xar5ar_33{
180
+ ._switcher_2evwnb_33{
181
181
  --_rs-theme-dark:var(
182
182
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
183
183
  var(--rs-theme-dark, 0)
@@ -187,7 +187,7 @@
187
187
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
188
188
  }
189
189
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
190
- ._switcher_xar5ar_33{
190
+ ._switcher_2evwnb_33{
191
191
  --_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)));
192
192
  --_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)));
193
193
  --_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)));
@@ -196,7 +196,7 @@
196
196
  }
197
197
  }
198
198
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
199
- ._switcher_xar5ar_33{
199
+ ._switcher_2evwnb_33{
200
200
  --_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);
201
201
  --_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));
202
202
  --_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));
@@ -204,7 +204,7 @@
204
204
  --_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));
205
205
  }
206
206
  }
207
- ._switcher_xar5ar_33 {
207
+ ._switcher_2evwnb_33 {
208
208
 
209
209
  position:relative;
210
210
 
@@ -230,7 +230,7 @@
230
230
  calc(0.4 + var(--_rs-theme-dark-coefficient)*0.1)
231
231
  ) 0 0 0 1px;
232
232
  }
233
- ._option_xar5ar_54{
233
+ ._option_2evwnb_54{
234
234
  letter-spacing:var(
235
235
  --rs-text-base-letter-spacing,
236
236
  var(--_rs-typography-letter-spacing)
@@ -244,11 +244,11 @@
244
244
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
245
245
  font-feature-settings:'kern', 'liga', 'calt';
246
246
  }
247
- ._option_xar5ar_54 > p:not(:nth-child(1)),
248
- ._option_xar5ar_54 > pre:not(:nth-child(1)){
247
+ ._option_2evwnb_54 > p:not(:nth-child(1)),
248
+ ._option_2evwnb_54 > pre:not(:nth-child(1)){
249
249
  padding-top:var(--_rs-typography-auto-offset-or-initial);
250
250
  }
251
- ._option_xar5ar_54 {
251
+ ._option_2evwnb_54 {
252
252
  --_rs-typography-hardness-color:var(
253
253
  --rs-color-hard,
254
254
  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))
@@ -280,26 +280,26 @@
280
280
  -moz-appearance:none;
281
281
  appearance:none;
282
282
  }
283
- ._disabled_xar5ar_78 ._option_xar5ar_54{
283
+ ._disabled_2evwnb_78 ._option_2evwnb_54{
284
284
  cursor:not-allowed;
285
285
  pointer-events:none;
286
286
  }
287
- ._option_xar5ar_54:focus[data-focus-method='key']{
287
+ ._option_2evwnb_54:focus[data-focus-method='key']{
288
288
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
289
289
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
290
290
  }
291
- ._option_xar5ar_54:hover{
291
+ ._option_2evwnb_54:hover{
292
292
  background:var(--_rs-switcher-option-hover-background);
293
293
  }
294
- ._option_xar5ar_54._selected_xar5ar_91:active{
294
+ ._option_2evwnb_54._selected_2evwnb_91:active{
295
295
  background:transparent;
296
296
  }
297
- ._option_xar5ar_54._selected_xar5ar_91:hover,
298
- ._option_xar5ar_54._selected_xar5ar_91:active{
297
+ ._option_2evwnb_54._selected_2evwnb_91:hover,
298
+ ._option_2evwnb_54._selected_2evwnb_91:active{
299
299
  cursor:default;
300
300
  }
301
- ._disabled_xar5ar_78 ._option_xar5ar_54,
302
- ._disabled_xar5ar_78 ._option_xar5ar_54._selected_xar5ar_91{
301
+ ._disabled_2evwnb_78 ._option_2evwnb_54,
302
+ ._disabled_2evwnb_78 ._option_2evwnb_54._selected_2evwnb_91{
303
303
  cursor:default;
304
304
 
305
305
  color:rgba(
@@ -308,7 +308,7 @@
308
308
  );
309
309
  background:transparent;
310
310
  }
311
- ._mark_xar5ar_113{
311
+ ._mark_2evwnb_113{
312
312
  position:absolute;
313
313
  top:0;
314
314
  bottom:0;
@@ -327,7 +327,7 @@
327
327
 
328
328
  transition:all 0.2s;
329
329
  }
330
- ._disabled_xar5ar_78 ._mark_xar5ar_113{
330
+ ._disabled_2evwnb_78 ._mark_2evwnb_113{
331
331
  border:solid 2px rgba(
332
332
  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),
333
333
  calc(0.4 - var(--_rs-theme-dark-coefficient)*0.2)
package/lib/index.p.module.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_xar5ar_6",
3
- "themeDark": "_themeDark_xar5ar_9",
4
- "sizeXS": "_sizeXS_xar5ar_13",
5
- "sizeS": "_sizeS_xar5ar_16",
6
- "sizeM": "_sizeM_xar5ar_19",
7
- "sizeL": "_sizeL_xar5ar_22",
8
- "modeClassic": "_modeClassic_xar5ar_26",
9
- "modeRock": "_modeRock_xar5ar_29",
10
- "switcher": "_switcher_xar5ar_33",
11
- "option": "_option_xar5ar_54",
12
- "disabled": "_disabled_xar5ar_78",
13
- "selected": "_selected_xar5ar_91",
14
- "mark": "_mark_xar5ar_113"
2
+ "themeLight": "_themeLight_2evwnb_6",
3
+ "themeDark": "_themeDark_2evwnb_9",
4
+ "sizeXS": "_sizeXS_2evwnb_13",
5
+ "sizeS": "_sizeS_2evwnb_16",
6
+ "sizeM": "_sizeM_2evwnb_19",
7
+ "sizeL": "_sizeL_2evwnb_22",
8
+ "modeClassic": "_modeClassic_2evwnb_26",
9
+ "modeRock": "_modeRock_2evwnb_29",
10
+ "switcher": "_switcher_2evwnb_33",
11
+ "option": "_option_2evwnb_54",
12
+ "disabled": "_disabled_2evwnb_78",
13
+ "selected": "_selected_2evwnb_91",
14
+ "mark": "_mark_2evwnb_113"
15
15
  };
16
16
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.7.0",
3
+ "version": "0.7.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -21,18 +21,18 @@
21
21
  "core-js": "^3.9.1"
22
22
  },
23
23
  "peerDependencies": {
24
- "@rescui/ui-contexts": "^0.4.0",
24
+ "@rescui/ui-contexts": "^0.5.0",
25
25
  "prop-types": "^15.7.2",
26
26
  "react": ">=16.8.0 <19"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@rescui/colors": "^0.2.0",
30
30
  "@rescui/scripts": "^0.3.0",
31
- "@rescui/typography": "^0.16.0"
31
+ "@rescui/typography": "^0.16.1"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build && yarn run build-pcss-api",
35
35
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
36
  },
37
- "gitHead": "51da8a7188f4c558c563065a4ff4ef5c8e74994c"
37
+ "gitHead": "6457f4265a1a30050b9f4cc1f0dd808c005d1ca0"
38
38
  }