@rescui/switcher 0.1.5 → 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 +39 -48
  2. package/lib/index.module.pcss.js +14 -14
  3. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -1,5 +1,4 @@
1
- ._switcher_165bbt6_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_165bbt6_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_165bbt6_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_165bbt6_25{
26
+ ._sizeL_xz2zby_24{
28
27
  border-radius:36px;
29
28
  }
30
- ._sizeXS_165bbt6_29{
29
+ ._sizeXS_xz2zby_28{
31
30
  border-radius:4px;
32
31
  }
33
- ._option_165bbt6_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_165bbt6_25 ._option_165bbt6_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_165bbt6_56 ._option_165bbt6_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_165bbt6_1 ._sizeM_165bbt6_56 ._option_165bbt6_33{
74
+ ._rs-reset-letter-spacing_xz2zby_1 ._sizeM_xz2zby_55 ._option_xz2zby_32{
80
75
  letter-spacing:normal;
81
76
  }
82
- ._sizeS_165bbt6_61 ._option_165bbt6_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_165bbt6_1 ._sizeS_165bbt6_61 ._option_165bbt6_33{
88
+ ._rs-reset-letter-spacing_xz2zby_1 ._sizeS_xz2zby_60 ._option_xz2zby_32{
96
89
  letter-spacing:normal;
97
90
  }
98
- ._sizeXS_165bbt6_29 ._option_165bbt6_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_165bbt6_1 ._sizeXS_165bbt6_29 ._option_165bbt6_33{
101
+ ._rs-reset-letter-spacing_xz2zby_1 ._sizeXS_xz2zby_28 ._option_xz2zby_32{
111
102
  letter-spacing:normal;
112
103
  }
113
- ._sizeXS_165bbt6_29 ._option_165bbt6_33 {
104
+ ._sizeXS_xz2zby_28 ._option_xz2zby_32 {
114
105
  border-radius:4px;
115
106
  }
116
- ._disabled_165bbt6_72 ._option_165bbt6_33{
107
+ ._disabled_xz2zby_71 ._option_xz2zby_32{
117
108
  cursor:not-allowed;
118
109
  pointer-events:none;
119
110
  }
120
- ._themeLight_165bbt6_17 ._option_165bbt6_33{
111
+ ._themeLight_xz2zby_16 ._option_xz2zby_32{
121
112
  color:#19191C;
122
113
  }
123
- ._themeLight_165bbt6_17 ._option_165bbt6_33:focus[data-focus-method='key']{
114
+ ._themeLight_xz2zby_16 ._option_xz2zby_32:focus[data-focus-method='key']{
124
115
  -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
125
116
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
126
117
  box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
127
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_165bbt6_17 ._option_165bbt6_33._selected_165bbt6_85:hover, ._themeLight_165bbt6_17 ._option_165bbt6_33._selected_165bbt6_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_165bbt6_17._modeClassic_165bbt6_93 ._option_165bbt6_33:hover{
124
+ ._themeLight_xz2zby_16._modeClassic_xz2zby_92 ._option_xz2zby_32:hover{
134
125
  background:rgba(107, 87, 255,0.2);
135
126
  background:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2));
136
127
  }
137
- ._themeLight_165bbt6_17._modeRock_165bbt6_99 ._option_165bbt6_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_165bbt6_72._themeLight_165bbt6_17 ._option_165bbt6_33,
141
- ._disabled_165bbt6_72._themeLight_165bbt6_17 ._option_165bbt6_33._selected_165bbt6_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_165bbt6_21 ._option_165bbt6_33{
135
+ ._themeDark_xz2zby_20 ._option_xz2zby_32{
145
136
  color:#FFFFFF;
146
137
  }
147
- ._themeDark_165bbt6_21 ._option_165bbt6_33:hover{
138
+ ._themeDark_xz2zby_20 ._option_xz2zby_32:hover{
148
139
  background:rgba(255,255,255,0.1);
149
140
  }
150
- ._themeDark_165bbt6_21 ._option_165bbt6_33:focus[data-focus-method='key']{
141
+ ._themeDark_xz2zby_20 ._option_xz2zby_32:focus[data-focus-method='key']{
151
142
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
152
143
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
153
144
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
154
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_165bbt6_21 ._option_165bbt6_33._selected_165bbt6_85:hover, ._themeDark_165bbt6_21 ._option_165bbt6_33._selected_165bbt6_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_165bbt6_21._modeClassic_165bbt6_93 ._option_165bbt6_33:hover{
151
+ ._themeDark_xz2zby_20._modeClassic_xz2zby_92 ._option_xz2zby_32:hover{
161
152
  background:rgba(132, 115, 255,0.3);
162
153
  background:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3));
163
154
  }
164
- ._themeDark_165bbt6_21._modeRock_165bbt6_99 ._option_165bbt6_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_165bbt6_72._themeDark_165bbt6_21 ._option_165bbt6_33,
168
- ._disabled_165bbt6_72._themeDark_165bbt6_21 ._option_165bbt6_33._selected_165bbt6_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_165bbt6_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_165bbt6_17._modeClassic_165bbt6_93 ._mark_165bbt6_146{
173
+ ._themeLight_xz2zby_16._modeClassic_xz2zby_92 ._mark_xz2zby_145{
183
174
  border:solid 2px #6B57FF;
184
175
  border:solid 2px var(--rs-color-primary-light-theme, #6B57FF);
185
176
  }
186
- ._themeDark_165bbt6_21._modeClassic_165bbt6_93 ._mark_165bbt6_146{
177
+ ._themeDark_xz2zby_20._modeClassic_xz2zby_92 ._mark_xz2zby_145{
187
178
  border:solid 2px #8473FF;
188
179
  border:solid 2px var(--rs-color-primary-dark-theme, #8473FF);
189
180
  }
190
- ._themeLight_165bbt6_17._modeRock_165bbt6_99 ._mark_165bbt6_146{
181
+ ._themeLight_xz2zby_16._modeRock_xz2zby_98 ._mark_xz2zby_145{
191
182
  border:solid 2px #19191C;
192
183
  }
193
- ._themeDark_165bbt6_21._modeRock_165bbt6_99 ._mark_165bbt6_146{
184
+ ._themeDark_xz2zby_20._modeRock_xz2zby_98 ._mark_xz2zby_145{
194
185
  border:solid 2px #FFFFFF;
195
186
  }
196
- ._sizeL_165bbt6_25 ._mark_165bbt6_146{
187
+ ._sizeL_xz2zby_24 ._mark_xz2zby_145{
197
188
  border-radius:36px;
198
189
  }
199
- ._sizeXS_165bbt6_29 ._mark_165bbt6_146{
190
+ ._sizeXS_xz2zby_28 ._mark_xz2zby_145{
200
191
  border-radius:4px;
201
192
  }
202
- ._themeLight_165bbt6_17._disabled_165bbt6_72 ._mark_165bbt6_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_165bbt6_21._disabled_165bbt6_72 ._mark_165bbt6_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_165bbt6_4",
3
- "themeLight": "_themeLight_165bbt6_17",
4
- "themeDark": "_themeDark_165bbt6_21",
5
- "sizeL": "_sizeL_165bbt6_25",
6
- "sizeXS": "_sizeXS_165bbt6_29",
7
- "option": "_option_165bbt6_33",
8
- "sizeM": "_sizeM_165bbt6_56",
9
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_165bbt6_1",
10
- "sizeS": "_sizeS_165bbt6_61",
11
- "disabled": "_disabled_165bbt6_72",
12
- "selected": "_selected_165bbt6_85",
13
- "modeClassic": "_modeClassic_165bbt6_93",
14
- "modeRock": "_modeRock_165bbt6_99",
15
- "mark": "_mark_165bbt6_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.5",
3
+ "version": "0.2.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -28,10 +28,10 @@
28
28
  "devDependencies": {
29
29
  "@rescui/colors": "^0.1.0",
30
30
  "@rescui/scripts": "^0.1.4",
31
- "@rescui/typography": "^0.5.1"
31
+ "@rescui/typography": "^0.6.0"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
- "gitHead": "24a3fbe87179468f1dc804374864b21042fa2dbe"
36
+ "gitHead": "91cb43cee6ffc54aae5360a73437d97c3f4ed36d"
37
37
  }