@rescui/toggle 0.3.13-RUI-230-Update-icons-7e73b1a0.23 → 0.3.13-RUI-230-Update-icons-6919f9e4.29

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 +22 -22
  2. package/lib/public-api.p.css +10 -4
  3. package/lib/public-api.pcss +10 -4
  4. package/lib/toggle.p.module.css.js +10 -10
  5. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -1,33 +1,33 @@
1
- ._themeLight_b68nk6_6{
1
+ ._themeLight_13s73_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_b68nk6_9{
4
+ ._themeDark_13s73_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_b68nk6_13{
7
+ ._sizeS_13s73_13{
8
8
  --_rs-toggle-width:20px;
9
9
  --_rs-toggle-height:12px;
10
10
  --_rs-toggle-shadow:3px;
11
11
  }
12
- ._sizeM_b68nk6_16{
12
+ ._sizeM_13s73_16{
13
13
  --_rs-toggle-width:28px;
14
14
  --_rs-toggle-height:16px;
15
15
  --_rs-toggle-shadow:3px;
16
16
  }
17
- ._sizeL_b68nk6_19{
17
+ ._sizeL_13s73_19{
18
18
  --_rs-toggle-width:32px;
19
19
  --_rs-toggle-height:18px;
20
20
  --_rs-toggle-shadow:4px;
21
21
  }
22
- ._classic_b68nk6_23{
22
+ ._classic_13s73_23{
23
23
  --_rs-toggle-hover-slider-box-shadow-color:var(--_rs-color-primary-t-fog);
24
24
  --_rs-toggle-checked-slider-background-color:var(--_rs-color-primary);
25
25
  }
26
- ._rock_b68nk6_26{
26
+ ._rock_13s73_26{
27
27
  --_rs-toggle-hover-slider-box-shadow-color:rgba(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), 0.2);
28
28
  --_rs-toggle-checked-slider-background-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));
29
29
  }
30
- ._main_b68nk6_30{
30
+ ._main_13s73_30{
31
31
  --_rs-toggle-circle-border:2px;
32
32
 
33
33
  --_rs-theme-dark:var(
@@ -42,7 +42,7 @@
42
42
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
43
43
  }
44
44
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
45
- ._main_b68nk6_30{
45
+ ._main_13s73_30{
46
46
  --_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)));
47
47
  --_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)));
48
48
  --_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)));
@@ -51,7 +51,7 @@
51
51
  }
52
52
  }
53
53
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
54
- ._main_b68nk6_30{
54
+ ._main_13s73_30{
55
55
  --_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);
56
56
  --_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));
57
57
  --_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));
@@ -59,7 +59,7 @@
59
59
  --_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));
60
60
  }
61
61
  }
62
- ._main_b68nk6_30 {
62
+ ._main_13s73_30 {
63
63
 
64
64
  position:relative;
65
65
 
@@ -71,7 +71,7 @@
71
71
 
72
72
  cursor:pointer;
73
73
  }
74
- ._main_b68nk6_30 input{
74
+ ._main_13s73_30 input{
75
75
  position:absolute;
76
76
  z-index:-1;
77
77
 
@@ -81,11 +81,11 @@
81
81
 
82
82
  pointer-events:none;
83
83
  }
84
- ._main_b68nk6_30._disabled_b68nk6_57{
84
+ ._main_13s73_30._disabled_13s73_57{
85
85
  cursor:default;
86
86
  pointer-events:none;
87
87
  }
88
- ._slider_b68nk6_63{
88
+ ._slider_13s73_63{
89
89
  position:absolute;
90
90
  top:var(--_rs-toggle-shadow);
91
91
  left:var(--_rs-toggle-shadow);
@@ -99,7 +99,7 @@
99
99
 
100
100
  transition:background-color 200ms;
101
101
  }
102
- ._slider_b68nk6_63:after{
102
+ ._slider_13s73_63:after{
103
103
  position:absolute;
104
104
  top:0;
105
105
  left:0;
@@ -118,15 +118,15 @@
118
118
  transition:transform 200ms, height 200ms, width 200ms, border-color 200ms;
119
119
  transform:translate(0);
120
120
  }
121
- ._disabled_b68nk6_57 ._slider_b68nk6_63{
121
+ ._disabled_13s73_57 ._slider_13s73_63{
122
122
  background:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
123
123
  }
124
- ._disabled_b68nk6_57 ._slider_b68nk6_63:after{
124
+ ._disabled_13s73_57 ._slider_13s73_63:after{
125
125
  border-color:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
126
126
 
127
127
  background:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
128
128
  }
129
- input:checked + ._slider_b68nk6_63:after{
129
+ input:checked + ._slider_13s73_63:after{
130
130
  width:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
131
131
  height:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
132
132
 
@@ -135,15 +135,15 @@ input:checked + ._slider_b68nk6_63:after{
135
135
  calc(var(--_rs-toggle-circle-border)/-2)
136
136
  );
137
137
  }
138
- ._main_b68nk6_30:not(._disabled_b68nk6_57) input:hover + ._slider_b68nk6_63{
138
+ ._main_13s73_30:not(._disabled_13s73_57) input:hover + ._slider_13s73_63{
139
139
  box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
140
140
  }
141
- ._main_b68nk6_30:not(._disabled_b68nk6_57) input:checked + ._slider_b68nk6_63{
141
+ ._main_13s73_30:not(._disabled_13s73_57) input:checked + ._slider_13s73_63{
142
142
  background-color:var(--_rs-toggle-checked-slider-background-color);
143
143
  }
144
- ._main_b68nk6_30:not(._disabled_b68nk6_57) input:checked + ._slider_b68nk6_63:after{
144
+ ._main_13s73_30:not(._disabled_13s73_57) input:checked + ._slider_13s73_63:after{
145
145
  border-color:var(--_rs-toggle-checked-slider-background-color);
146
146
  }
147
- ._main_b68nk6_30:not(._disabled_b68nk6_57) input:focus[data-focus-method='key'] + ._slider_b68nk6_63{
147
+ ._main_13s73_30:not(._disabled_13s73_57) input:focus[data-focus-method='key'] + ._slider_13s73_63{
148
148
  box-shadow:0 0 0 var(--_rs-toggle-shadow) var(--_rs-color-primary-t-dim);
149
149
  }
package/lib/public-api.p.css CHANGED
@@ -80,14 +80,17 @@
80
80
  --_rs-typography-text-auto-offset:16px;
81
81
  --_rs-typography-ul-list-li-padding-left:22px;
82
82
  --_rs-typography-ol-list-li-padding-left:26px;
83
- --_rs-typography-list-li-margin-top-from-text:16px;
83
+ --_rs-typography-list-li-margin-top-from-text:var(
84
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
85
+ 16px
86
+ );
84
87
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
85
88
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
86
89
  --_rs-typography-link-border-bottom-width-from-text:1px;
87
90
  }
88
91
  @media screen and (max-width: 640px){
89
92
  &[class][class]{
90
- --_rs-typography-list-li-margin-top-from-text:12px;
93
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
91
94
  }
92
95
  }
93
96
  }
@@ -129,14 +132,17 @@
129
132
  --_rs-typography-text-auto-offset:32px;
130
133
  --_rs-typography-ul-list-li-padding-left:26px;
131
134
  --_rs-typography-ol-list-li-padding-left:32px;
132
- --_rs-typography-list-li-margin-top-from-text:24px;
135
+ --_rs-typography-list-li-margin-top-from-text:var(
136
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
137
+ 24px
138
+ );
133
139
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
134
140
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
135
141
  --_rs-typography-link-border-bottom-width-from-text:1px;
136
142
  }
137
143
  @media screen and (max-width: 640px){
138
144
  &[class][class]{
139
- --_rs-typography-list-li-margin-top-from-text:16px;
145
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
140
146
  }
141
147
  }
142
148
  }
package/lib/public-api.pcss CHANGED
@@ -80,14 +80,17 @@
80
80
  --_rs-typography-text-auto-offset:16px;
81
81
  --_rs-typography-ul-list-li-padding-left:22px;
82
82
  --_rs-typography-ol-list-li-padding-left:26px;
83
- --_rs-typography-list-li-margin-top-from-text:16px;
83
+ --_rs-typography-list-li-margin-top-from-text:var(
84
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
85
+ 16px
86
+ );
84
87
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
85
88
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
86
89
  --_rs-typography-link-border-bottom-width-from-text:1px;
87
90
  }
88
91
  @media screen and (max-width: 640px){
89
92
  &[class][class]{
90
- --_rs-typography-list-li-margin-top-from-text:12px;
93
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
91
94
  }
92
95
  }
93
96
  }
@@ -129,14 +132,17 @@
129
132
  --_rs-typography-text-auto-offset:32px;
130
133
  --_rs-typography-ul-list-li-padding-left:26px;
131
134
  --_rs-typography-ol-list-li-padding-left:32px;
132
- --_rs-typography-list-li-margin-top-from-text:24px;
135
+ --_rs-typography-list-li-margin-top-from-text:var(
136
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
137
+ 24px
138
+ );
133
139
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
134
140
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
135
141
  --_rs-typography-link-border-bottom-width-from-text:1px;
136
142
  }
137
143
  @media screen and (max-width: 640px){
138
144
  &[class][class]{
139
- --_rs-typography-list-li-margin-top-from-text:16px;
145
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
140
146
  }
141
147
  }
142
148
  }
package/lib/toggle.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_b68nk6_6",
3
- "themeDark": "_themeDark_b68nk6_9",
4
- "sizeS": "_sizeS_b68nk6_13",
5
- "sizeM": "_sizeM_b68nk6_16",
6
- "sizeL": "_sizeL_b68nk6_19",
7
- "classic": "_classic_b68nk6_23",
8
- "rock": "_rock_b68nk6_26",
9
- "main": "_main_b68nk6_30",
10
- "disabled": "_disabled_b68nk6_57",
11
- "slider": "_slider_b68nk6_63"
2
+ "themeLight": "_themeLight_13s73_6",
3
+ "themeDark": "_themeDark_13s73_9",
4
+ "sizeS": "_sizeS_13s73_13",
5
+ "sizeM": "_sizeM_13s73_16",
6
+ "sizeL": "_sizeL_13s73_19",
7
+ "classic": "_classic_13s73_23",
8
+ "rock": "_rock_13s73_26",
9
+ "main": "_main_13s73_30",
10
+ "disabled": "_disabled_13s73_57",
11
+ "slider": "_slider_13s73_63"
12
12
  };
13
13
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/toggle",
3
- "version": "0.3.13-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
3
+ "version": "0.3.13-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
4
4
  "description": "Toggle is a control that allows you to turn elements on and off instantly",
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.26.0",
19
- "@rescui/menu": "0.10.13-RUI-230-Update-icons-7e73b1a0.23+7e73b1a0",
19
+ "@rescui/menu": "0.10.13-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
20
20
  "classnames": "^2.2.6"
21
21
  },
22
22
  "peerDependencies": {
@@ -25,7 +25,7 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "0.2.7-RUI-230-Update-icons-7e73b1a0.47+7e73b1a0",
28
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-6919f9e4.53+6919f9e4",
29
29
  "@rescui/scripts": "0.3.5",
30
30
  "@rescui/visual-regression": "0.1.2",
31
31
  "@types/classnames": "^2.2.11"
@@ -35,5 +35,5 @@
35
35
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
36
36
  },
37
37
  "nx": {},
38
- "gitHead": "7e73b1a086335930a7a71b61e7d6c150a187d045"
38
+ "gitHead": "6919f9e47242359e9341826175a53441c8c70f75"
39
39
  }