@rescui/switcher 0.1.3 → 0.2.0

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 +55 -64
  2. package/lib/index.module.pcss.js +14 -14
  3. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -1,5 +1,4 @@
1
- ._switcher_defyb_4{
2
-
1
+ ._switcher_xz2zby_4{
3
2
  position:relative;
4
3
 
5
4
  display:-webkit-inline-box;
@@ -16,21 +15,21 @@
16
15
 
17
16
  background:transparent;
18
17
  }
19
- ._themeLight_defyb_17{
18
+ ._themeLight_xz2zby_16{
20
19
  -webkit-box-shadow:inset rgba(25,25,28,0.4) 0 0 0 1px;
21
20
  box-shadow:inset rgba(25,25,28,0.4) 0 0 0 1px;
22
21
  }
23
- ._themeDark_defyb_21{
22
+ ._themeDark_xz2zby_20{
24
23
  -webkit-box-shadow:inset rgba(255,255,255,0.5) 0 0 0 1px;
25
24
  box-shadow:inset rgba(255,255,255,0.5) 0 0 0 1px;
26
25
  }
27
- ._sizeL_defyb_25{
26
+ ._sizeL_xz2zby_24{
28
27
  border-radius:36px;
29
28
  }
30
- ._sizeXS_defyb_29{
29
+ ._sizeXS_xz2zby_28{
31
30
  border-radius:4px;
32
31
  }
33
- ._option_defyb_33{
32
+ ._option_xz2zby_32{
34
33
  position:relative;
35
34
  -webkit-appearance:none;
36
35
  -moz-appearance:none;
@@ -50,10 +49,8 @@
50
49
 
51
50
  background:transparent;
52
51
  }
53
- ._sizeL_defyb_25 ._option_defyb_33{
52
+ ._sizeL_xz2zby_24 ._option_xz2zby_32{
54
53
  padding:12px 32px;
55
- color:rgba(25,25,28,0.7);
56
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
57
54
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
58
55
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
59
56
  font-size:19px;
@@ -63,11 +60,9 @@
63
60
  line-height:var(--rs-text-1-line-height, 28px);
64
61
  border-radius:36px;
65
62
  }
66
- ._sizeM_defyb_56 ._option_defyb_33{
63
+ ._sizeM_xz2zby_55 ._option_xz2zby_32{
67
64
  padding:8px 24px;
68
65
  letter-spacing:0.0015em;
69
- color:rgba(25,25,28,0.7);
70
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
71
66
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
72
67
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
73
68
  font-size:16px;
@@ -76,14 +71,12 @@
76
71
  line-height:24px;
77
72
  line-height:var(--rs-text-2-line-height, 24px);
78
73
  }
79
- ._rs-reset-letter-spacing_defyb_1 ._sizeM_defyb_56 ._option_defyb_33{
74
+ ._rs-reset-letter-spacing_xz2zby_1 ._sizeM_xz2zby_55 ._option_xz2zby_32{
80
75
  letter-spacing:normal;
81
76
  }
82
- ._sizeS_defyb_61 ._option_defyb_33{
77
+ ._sizeS_xz2zby_60 ._option_xz2zby_32{
83
78
  padding:6px 16px;
84
79
  letter-spacing:0.0015em;
85
- color:rgba(25,25,28,0.7);
86
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
87
80
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
88
81
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
89
82
  font-size:16px;
@@ -92,14 +85,12 @@
92
85
  line-height:24px;
93
86
  line-height:var(--rs-text-2-line-height, 24px);
94
87
  }
95
- ._rs-reset-letter-spacing_defyb_1 ._sizeS_defyb_61 ._option_defyb_33{
88
+ ._rs-reset-letter-spacing_xz2zby_1 ._sizeS_xz2zby_60 ._option_xz2zby_32{
96
89
  letter-spacing:normal;
97
90
  }
98
- ._sizeXS_defyb_29 ._option_defyb_33{
91
+ ._sizeXS_xz2zby_28 ._option_xz2zby_32{
99
92
  padding:2px 12px;
100
93
  letter-spacing:0.0045em;
101
- color:rgba(25,25,28,0.7);
102
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
103
94
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
104
95
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
105
96
  font-size:13px;
@@ -107,68 +98,68 @@
107
98
  line-height:20px;
108
99
  line-height:var(--rs-text-3-line-height, 20px);
109
100
  }
110
- ._rs-reset-letter-spacing_defyb_1 ._sizeXS_defyb_29 ._option_defyb_33{
101
+ ._rs-reset-letter-spacing_xz2zby_1 ._sizeXS_xz2zby_28 ._option_xz2zby_32{
111
102
  letter-spacing:normal;
112
103
  }
113
- ._sizeXS_defyb_29 ._option_defyb_33 {
104
+ ._sizeXS_xz2zby_28 ._option_xz2zby_32 {
114
105
  border-radius:4px;
115
106
  }
116
- ._disabled_defyb_72 ._option_defyb_33{
107
+ ._disabled_xz2zby_71 ._option_xz2zby_32{
117
108
  cursor:not-allowed;
118
109
  pointer-events:none;
119
110
  }
120
- ._themeLight_defyb_17 ._option_defyb_33{
111
+ ._themeLight_xz2zby_16 ._option_xz2zby_32{
121
112
  color:#19191C;
122
113
  }
123
- ._themeLight_defyb_17 ._option_defyb_33:focus[data-focus-method='key']{
124
- -webkit-box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
125
- -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
126
- box-shadow:rgba(22,125,255,0.8) 0 0 0 4px;
127
- box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(22,125,255,0.8)) 0 0 0 4px;
114
+ ._themeLight_xz2zby_16 ._option_xz2zby_32:focus[data-focus-method='key']{
115
+ -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
116
+ -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
117
+ box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
118
+ box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
128
119
  }
129
- ._themeLight_defyb_17 ._option_defyb_33._selected_defyb_85:hover, ._themeLight_defyb_17 ._option_defyb_33._selected_defyb_85:active{
120
+ ._themeLight_xz2zby_16 ._option_xz2zby_32._selected_xz2zby_84:hover, ._themeLight_xz2zby_16 ._option_xz2zby_32._selected_xz2zby_84:active{
130
121
  background:transparent;
131
122
  cursor:default;
132
123
  }
133
- ._themeLight_defyb_17._modeClassic_defyb_93 ._option_defyb_33:hover{
134
- background:rgba(22,125,255,0.2);
135
- background:var(--rs-color-primary-t-fog-light-theme, rgba(22,125,255,0.2));
124
+ ._themeLight_xz2zby_16._modeClassic_xz2zby_92 ._option_xz2zby_32:hover{
125
+ background:rgba(107, 87, 255,0.2);
126
+ background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
136
127
  }
137
- ._themeLight_defyb_17._modeRock_defyb_99 ._option_defyb_33:hover{
128
+ ._themeLight_xz2zby_16._modeRock_xz2zby_98 ._option_xz2zby_32:hover{
138
129
  background:rgba(25,25,28,0.1);
139
130
  }
140
- ._disabled_defyb_72._themeLight_defyb_17 ._option_defyb_33,
141
- ._disabled_defyb_72._themeLight_defyb_17 ._option_defyb_33._selected_defyb_85{
131
+ ._disabled_xz2zby_71._themeLight_xz2zby_16 ._option_xz2zby_32,
132
+ ._disabled_xz2zby_71._themeLight_xz2zby_16 ._option_xz2zby_32._selected_xz2zby_84{
142
133
  color:rgba(25,25,28,0.4);
143
134
  }
144
- ._themeDark_defyb_21 ._option_defyb_33{
135
+ ._themeDark_xz2zby_20 ._option_xz2zby_32{
145
136
  color:#FFFFFF;
146
137
  }
147
- ._themeDark_defyb_21 ._option_defyb_33:hover{
138
+ ._themeDark_xz2zby_20 ._option_xz2zby_32:hover{
148
139
  background:rgba(255,255,255,0.1);
149
140
  }
150
- ._themeDark_defyb_21 ._option_defyb_33:focus[data-focus-method='key']{
151
- -webkit-box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
152
- -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
153
- box-shadow:rgba(76,166,255,0.8) 0 0 0 4px;
154
- box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(76,166,255,0.8)) 0 0 0 4px;
141
+ ._themeDark_xz2zby_20 ._option_xz2zby_32:focus[data-focus-method='key']{
142
+ -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
143
+ -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
144
+ box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
145
+ box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
155
146
  }
156
- ._themeDark_defyb_21 ._option_defyb_33._selected_defyb_85:hover, ._themeDark_defyb_21 ._option_defyb_33._selected_defyb_85:active{
147
+ ._themeDark_xz2zby_20 ._option_xz2zby_32._selected_xz2zby_84:hover, ._themeDark_xz2zby_20 ._option_xz2zby_32._selected_xz2zby_84:active{
157
148
  background:transparent;
158
149
  cursor:default;
159
150
  }
160
- ._themeDark_defyb_21._modeClassic_defyb_93 ._option_defyb_33:hover{
161
- background:rgba(76,166,255,0.3);
162
- background:var(--rs-color-primary-t-fog-dark-theme, rgba(76,166,255,0.3));
151
+ ._themeDark_xz2zby_20._modeClassic_xz2zby_92 ._option_xz2zby_32:hover{
152
+ background:rgba(132, 115, 255,0.3);
153
+ background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
163
154
  }
164
- ._themeDark_defyb_21._modeRock_defyb_99 ._option_defyb_33:hover{
155
+ ._themeDark_xz2zby_20._modeRock_xz2zby_98 ._option_xz2zby_32:hover{
165
156
  background:rgba(255,255,255,0.1);
166
157
  }
167
- ._disabled_defyb_72._themeDark_defyb_21 ._option_defyb_33,
168
- ._disabled_defyb_72._themeDark_defyb_21 ._option_defyb_33._selected_defyb_85{
158
+ ._disabled_xz2zby_71._themeDark_xz2zby_20 ._option_xz2zby_32,
159
+ ._disabled_xz2zby_71._themeDark_xz2zby_20 ._option_xz2zby_32._selected_xz2zby_84{
169
160
  color:rgba(255,255,255,0.2);
170
161
  }
171
- ._mark_defyb_146{
162
+ ._mark_xz2zby_145{
172
163
  position:absolute;
173
164
  top:0;
174
165
  bottom:0;
@@ -179,29 +170,29 @@
179
170
  -webkit-transition:all 0.3s;
180
171
  transition:all 0.3s;
181
172
  }
182
- ._themeLight_defyb_17._modeClassic_defyb_93 ._mark_defyb_146{
183
- border:solid 2px #167DFF;
184
- border:solid 2px var(--rs-color-primary-light-theme, #167DFF);
173
+ ._themeLight_xz2zby_16._modeClassic_xz2zby_92 ._mark_xz2zby_145{
174
+ border:solid 2px #6B57FF;
175
+ border:solid 2px var(--rs-color-primary-light-theme, #6B57FF);
185
176
  }
186
- ._themeDark_defyb_21._modeClassic_defyb_93 ._mark_defyb_146{
187
- border:solid 2px #4CA6ff;
188
- border:solid 2px var(--rs-color-primary-dark-theme, #4CA6ff);
177
+ ._themeDark_xz2zby_20._modeClassic_xz2zby_92 ._mark_xz2zby_145{
178
+ border:solid 2px #8473FF;
179
+ border:solid 2px var(--rs-color-primary-dark-theme, #8473FF);
189
180
  }
190
- ._themeLight_defyb_17._modeRock_defyb_99 ._mark_defyb_146{
181
+ ._themeLight_xz2zby_16._modeRock_xz2zby_98 ._mark_xz2zby_145{
191
182
  border:solid 2px #19191C;
192
183
  }
193
- ._themeDark_defyb_21._modeRock_defyb_99 ._mark_defyb_146{
184
+ ._themeDark_xz2zby_20._modeRock_xz2zby_98 ._mark_xz2zby_145{
194
185
  border:solid 2px #FFFFFF;
195
186
  }
196
- ._sizeL_defyb_25 ._mark_defyb_146{
187
+ ._sizeL_xz2zby_24 ._mark_xz2zby_145{
197
188
  border-radius:36px;
198
189
  }
199
- ._sizeXS_defyb_29 ._mark_defyb_146{
190
+ ._sizeXS_xz2zby_28 ._mark_xz2zby_145{
200
191
  border-radius:4px;
201
192
  }
202
- ._themeLight_defyb_17._disabled_defyb_72 ._mark_defyb_146{
193
+ ._themeLight_xz2zby_16._disabled_xz2zby_71 ._mark_xz2zby_145{
203
194
  border:solid 2px rgba(25,25,28,0.4);
204
195
  }
205
- ._themeDark_defyb_21._disabled_defyb_72 ._mark_defyb_146{
196
+ ._themeDark_xz2zby_20._disabled_xz2zby_71 ._mark_xz2zby_145{
206
197
  border:solid 2px rgba(255,255,255,0.2);
207
198
  }
package/lib/index.module.pcss.js CHANGED
@@ -1,17 +1,17 @@
1
1
  var styles = {
2
- "switcher": "_switcher_defyb_4",
3
- "themeLight": "_themeLight_defyb_17",
4
- "themeDark": "_themeDark_defyb_21",
5
- "sizeL": "_sizeL_defyb_25",
6
- "sizeXS": "_sizeXS_defyb_29",
7
- "option": "_option_defyb_33",
8
- "sizeM": "_sizeM_defyb_56",
9
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_defyb_1",
10
- "sizeS": "_sizeS_defyb_61",
11
- "disabled": "_disabled_defyb_72",
12
- "selected": "_selected_defyb_85",
13
- "modeClassic": "_modeClassic_defyb_93",
14
- "modeRock": "_modeRock_defyb_99",
15
- "mark": "_mark_defyb_146"
2
+ "switcher": "_switcher_xz2zby_4",
3
+ "themeLight": "_themeLight_xz2zby_16",
4
+ "themeDark": "_themeDark_xz2zby_20",
5
+ "sizeL": "_sizeL_xz2zby_24",
6
+ "sizeXS": "_sizeXS_xz2zby_28",
7
+ "option": "_option_xz2zby_32",
8
+ "sizeM": "_sizeM_xz2zby_55",
9
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_xz2zby_1",
10
+ "sizeS": "_sizeS_xz2zby_60",
11
+ "disabled": "_disabled_xz2zby_71",
12
+ "selected": "_selected_xz2zby_84",
13
+ "modeClassic": "_modeClassic_xz2zby_92",
14
+ "modeRock": "_modeRock_xz2zby_98",
15
+ "mark": "_mark_xz2zby_145"
16
16
  };
17
17
  export default styles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.1.3",
3
+ "version": "0.2.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -26,12 +26,12 @@
26
26
  "react": ">=16.8.0 <18"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.0.6",
29
+ "@rescui/colors": "^0.1.0",
30
30
  "@rescui/scripts": "^0.1.4",
31
- "@rescui/typography": "^0.4.0"
31
+ "@rescui/typography": "^0.6.0"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
- "gitHead": "6b1d206de2641861028760d73f33dee214c07911"
36
+ "gitHead": "91cb43cee6ffc54aae5360a73437d97c3f4ed36d"
37
37
  }