@rescui/radio-button 0.7.1 → 0.7.2-RUI-201-Support-css-modules-in-typography.23

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/parts/radio-button.p.module.css.js +14 -14
  3. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -1,35 +1,35 @@
1
- ._themeLight_1c43afu_8{
1
+ ._themeLight_o5k6r2_8{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_1c43afu_11{
4
+ ._themeDark_o5k6r2_11{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeS_1c43afu_15{
7
+ ._sizeS_o5k6r2_15{
8
8
  --_rs-radio-button-size:20px;
9
9
  --_rs-radio-button-box-shadow-size:3px;
10
10
  --_rs-radio-button-active-icon-border-width:5px;
11
11
  }
12
- ._sizeM_1c43afu_18{
12
+ ._sizeM_o5k6r2_18{
13
13
  --_rs-radio-button-size:24px;
14
14
  --_rs-radio-button-box-shadow-size:3px;
15
15
  --_rs-radio-button-active-icon-border-width:6px;
16
16
  }
17
- ._sizeL_1c43afu_21{
17
+ ._sizeL_o5k6r2_21{
18
18
  --_rs-radio-button-size:28px;
19
19
  --_rs-radio-button-box-shadow-size:4px;
20
20
  --_rs-radio-button-active-icon-border-width:6px;
21
21
  }
22
- ._classic_1c43afu_25{
22
+ ._classic_o5k6r2_25{
23
23
  --_rs-radio-button-active-icon-border-color:var(--_rs-color-primary);
24
24
  --_rs-radio-button-active-icon-background-color:#FFFFFF;
25
25
  --_rs-radio-button-active-icon-hover-box-shadow-color:var(--_rs-color-primary-t-fog);
26
26
  }
27
- ._rock_1c43afu_28{
27
+ ._rock_o5k6r2_28{
28
28
  --_rs-radio-button-active-icon-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));
29
29
  --_rs-radio-button-active-icon-background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
30
30
  --_rs-radio-button-active-icon-hover-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.1);
31
31
  }
32
- ._main_1c43afu_32{
32
+ ._main_o5k6r2_32{
33
33
  --_rs-theme-dark:var(
34
34
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
35
35
  var(--rs-theme-dark, 0)
@@ -39,7 +39,7 @@
39
39
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
40
40
  }
41
41
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
42
- ._main_1c43afu_32{
42
+ ._main_o5k6r2_32{
43
43
  --_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)));
44
44
  --_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)));
45
45
  --_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)));
@@ -48,7 +48,7 @@
48
48
  }
49
49
  }
50
50
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
51
- ._main_1c43afu_32{
51
+ ._main_o5k6r2_32{
52
52
  --_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);
53
53
  --_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));
54
54
  --_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));
@@ -56,7 +56,7 @@
56
56
  --_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));
57
57
  }
58
58
  }
59
- ._main_1c43afu_32 {
59
+ ._main_o5k6r2_32 {
60
60
 
61
61
  display:inline-block;
62
62
 
@@ -65,7 +65,7 @@
65
65
 
66
66
  vertical-align:middle;
67
67
  }
68
- ._errorMessage_1c43afu_44{
68
+ ._errorMessage_o5k6r2_44{
69
69
  letter-spacing:var(
70
70
  --rs-text-base-letter-spacing,
71
71
  var(--_rs-typography-letter-spacing)
@@ -79,11 +79,11 @@
79
79
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
80
80
  font-feature-settings:'kern', 'liga', 'calt';
81
81
  }
82
- ._errorMessage_1c43afu_44 > p:not(:nth-child(1)),
83
- ._errorMessage_1c43afu_44 > pre:not(:nth-child(1)){
82
+ ._errorMessage_o5k6r2_44 > p:not(:nth-child(1)),
83
+ ._errorMessage_o5k6r2_44 > pre:not(:nth-child(1)){
84
84
  padding-top:var(--_rs-typography-auto-offset-or-initial);
85
85
  }
86
- ._errorMessage_1c43afu_44 {
86
+ ._errorMessage_o5k6r2_44 {
87
87
  --_rs-typography-letter-spacing:0.0045em;
88
88
  --_rs-typography-text-transform:initial;
89
89
  --_rs-typography-font-variant-numeric:initial;
@@ -121,7 +121,7 @@
121
121
 
122
122
  color:#F45C4A;
123
123
  }
124
- ._input_1c43afu_53{
124
+ ._input_o5k6r2_53{
125
125
  position:absolute;
126
126
  -webkit-appearance:none;
127
127
  -moz-appearance:none;
@@ -135,7 +135,7 @@
135
135
 
136
136
  border:0;
137
137
  }
138
- ._icon_1c43afu_66{
138
+ ._icon_o5k6r2_66{
139
139
  position:relative;
140
140
 
141
141
  display:inline-block;
@@ -154,16 +154,16 @@
154
154
 
155
155
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
156
156
  }
157
- ._enabled_1c43afu_87 ._icon_1c43afu_66{
157
+ ._enabled_o5k6r2_87 ._icon_o5k6r2_66{
158
158
  cursor:pointer;
159
159
  }
160
- ._enabled_1c43afu_87:hover > ._icon_1c43afu_66,
161
- label:hover ._enabled_1c43afu_87 > ._icon_1c43afu_66{
160
+ ._enabled_o5k6r2_87:hover > ._icon_o5k6r2_66,
161
+ label:hover ._enabled_o5k6r2_87 > ._icon_o5k6r2_66{
162
162
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182));
163
163
  }
164
- ._disabled_1c43afu_96 ._icon_1c43afu_66._icon_1c43afu_66,
165
- ._input_1c43afu_53:disabled + ._icon_1c43afu_66._icon_1c43afu_66,
166
- ._input_1c43afu_53:checked:disabled + ._icon_1c43afu_66{
164
+ ._disabled_o5k6r2_96 ._icon_o5k6r2_66._icon_o5k6r2_66,
165
+ ._input_o5k6r2_53:disabled + ._icon_o5k6r2_66._icon_o5k6r2_66,
166
+ ._input_o5k6r2_53:checked:disabled + ._icon_o5k6r2_66{
167
167
  border-color:rgb(calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(186 - var(--_rs-theme-dark-coefficient, 0)*92), calc(187 - var(--_rs-theme-dark-coefficient, 0)*91));
168
168
 
169
169
  cursor:not-allowed;
@@ -171,27 +171,27 @@
171
171
 
172
172
  background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*196), calc(244 - var(--_rs-theme-dark-coefficient, 0)*193));
173
173
  }
174
- ._enabled_1c43afu_87 ._input_1c43afu_53:active + ._icon_1c43afu_66,
175
- ._enabled_1c43afu_87 ._input_1c43afu_53:checked + ._icon_1c43afu_66{
174
+ ._enabled_o5k6r2_87 ._input_o5k6r2_53:active + ._icon_o5k6r2_66,
175
+ ._enabled_o5k6r2_87 ._input_o5k6r2_53:checked + ._icon_o5k6r2_66{
176
176
  border-color:var(--_rs-radio-button-active-icon-border-color);
177
177
 
178
178
  background-color:var(--_rs-radio-button-active-icon-background-color);
179
179
  }
180
- ._enabled_1c43afu_87 ._input_1c43afu_53:active + ._icon_1c43afu_66,
181
- ._enabled_1c43afu_87 ._input_1c43afu_53:checked + ._icon_1c43afu_66,
182
- ._main_1c43afu_32 ._input_1c43afu_53:checked:disabled + ._icon_1c43afu_66{
180
+ ._enabled_o5k6r2_87 ._input_o5k6r2_53:active + ._icon_o5k6r2_66,
181
+ ._enabled_o5k6r2_87 ._input_o5k6r2_53:checked + ._icon_o5k6r2_66,
182
+ ._main_o5k6r2_32 ._input_o5k6r2_53:checked:disabled + ._icon_o5k6r2_66{
183
183
  border-width:var(--_rs-radio-button-active-icon-border-width);
184
184
  }
185
- ._error_1c43afu_44 ._icon_1c43afu_66._icon_1c43afu_66._icon_1c43afu_66{
185
+ ._error_o5k6r2_44 ._icon_o5k6r2_66._icon_o5k6r2_66._icon_o5k6r2_66{
186
186
  border-color:#F45C4A;
187
187
  }
188
- ._enabled_1c43afu_87:hover > ._icon_1c43afu_66._icon_1c43afu_66,
189
- label:hover ._enabled_1c43afu_87 > ._icon_1c43afu_66._icon_1c43afu_66,
190
- ._enabled_1c43afu_87 ._input_1c43afu_53:active:not(:checked) + ._icon_1c43afu_66{
188
+ ._enabled_o5k6r2_87:hover > ._icon_o5k6r2_66._icon_o5k6r2_66,
189
+ label:hover ._enabled_o5k6r2_87 > ._icon_o5k6r2_66._icon_o5k6r2_66,
190
+ ._enabled_o5k6r2_87 ._input_o5k6r2_53:active:not(:checked) + ._icon_o5k6r2_66{
191
191
  -webkit-box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
192
192
  box-shadow:0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-radio-button-active-icon-hover-box-shadow-color);
193
193
  }
194
- ._enabled_1c43afu_87 ._input_1c43afu_53:focus[data-focus-method='key'] + ._icon_1c43afu_66{
194
+ ._enabled_o5k6r2_87 ._input_o5k6r2_53:focus[data-focus-method='key'] + ._icon_o5k6r2_66{
195
195
  -webkit-box-shadow:0 0 0 1px 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)), 0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-color-primary-t-dim);
196
196
  box-shadow:0 0 0 1px 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)), 0 0 0 var(--_rs-radio-button-box-shadow-size) var(--_rs-color-primary-t-dim);
197
197
  }
package/lib/parts/radio-button.p.module.css.js CHANGED
@@ -1,17 +1,17 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1c43afu_8",
3
- "themeDark": "_themeDark_1c43afu_11",
4
- "sizeS": "_sizeS_1c43afu_15",
5
- "sizeM": "_sizeM_1c43afu_18",
6
- "sizeL": "_sizeL_1c43afu_21",
7
- "classic": "_classic_1c43afu_25",
8
- "rock": "_rock_1c43afu_28",
9
- "main": "_main_1c43afu_32",
10
- "errorMessage": "_errorMessage_1c43afu_44",
11
- "input": "_input_1c43afu_53",
12
- "icon": "_icon_1c43afu_66",
13
- "enabled": "_enabled_1c43afu_87",
14
- "disabled": "_disabled_1c43afu_96",
15
- "error": "_error_1c43afu_44"
2
+ "themeLight": "_themeLight_o5k6r2_8",
3
+ "themeDark": "_themeDark_o5k6r2_11",
4
+ "sizeS": "_sizeS_o5k6r2_15",
5
+ "sizeM": "_sizeM_o5k6r2_18",
6
+ "sizeL": "_sizeL_o5k6r2_21",
7
+ "classic": "_classic_o5k6r2_25",
8
+ "rock": "_rock_o5k6r2_28",
9
+ "main": "_main_o5k6r2_32",
10
+ "errorMessage": "_errorMessage_o5k6r2_44",
11
+ "input": "_input_o5k6r2_53",
12
+ "icon": "_icon_o5k6r2_66",
13
+ "enabled": "_enabled_o5k6r2_87",
14
+ "disabled": "_disabled_o5k6r2_96",
15
+ "error": "_error_o5k6r2_44"
16
16
  };
17
17
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/radio-button",
3
- "version": "0.7.1",
3
+ "version": "0.7.2-RUI-201-Support-css-modules-in-typography.23+2583dfa0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/menu": "^0.10.1",
18
+ "@rescui/menu": "0.10.2-RUI-201-Support-css-modules-in-typography.23+2583dfa0",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1"
21
21
  },
@@ -25,13 +25,13 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.2.0",
29
- "@rescui/scripts": "^0.3.0",
30
- "@rescui/typography": "^0.16.1"
28
+ "@rescui/colors": "0.2.1-RUI-201-Support-css-modules-in-typography.25+2583dfa0",
29
+ "@rescui/scripts": "0.3.0",
30
+ "@rescui/typography": "0.16.2-RUI-201-Support-css-modules-in-typography.23+2583dfa0"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rescui-scripts build && yarn run build-pcss-api",
34
34
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
35
35
  },
36
- "gitHead": "6457f4265a1a30050b9f4cc1f0dd808c005d1ca0"
36
+ "gitHead": "2583dfa060441a32fe4e32024b04fa6f32a51eec"
37
37
  }