kwant-ui 3.38.0-alpha.0 → 3.38.1-alpha.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.
- package/dist/components/Dropdown/DropdownTypes.d.ts +1 -0
- package/dist/components/DropdownSelect/DropdownSelect.types.d.ts +1 -0
- package/dist/index.es.js +396 -396
- package/dist/index.js +350 -350
- package/dist/package.json +1 -1
- package/dist/public/assets/icons/US.svg +1 -1
- package/dist/themes/colors.ts +1 -36
- package/dist/themes/types.d.ts +0 -36
- package/package.json +1 -1
- package/themes/colors.ts +1 -36
- package/themes/types.ts +0 -38
package/dist/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#US_svg__a)"><mask id="US_svg__b" width="35" height="25" x="-1" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><rect width="34.375" height="25" x="-.688" rx="2"/></mask><g mask="url(#US_svg__b)"><path fill-rule="evenodd" d="M33 0H-2v2h35V0Zm-.37 3.377H-1.747V5H32.63V3.377ZM-1.747 6.623H32.63v1.623H-1.746V6.623ZM32.63 9.87H-1.746v1.623H32.63V9.87Zm-34.375 3.246H32.63v1.623H-1.746v-1.623Zm34.375 3.247H-1.746v1.623H32.63v-1.623Zm-34.375 3.246H32.63v1.624H-1.746v-1.624Zm34.375 3.247H-1.746v1.623H32.63v-1.623Z" clip-rule="evenodd"/><path d="M-.688 0h13.542v11.458H-.688z"/><g filter="url(#US_svg__c)"><path fill-rule="evenodd" d="M1.528 2.565a.815.815 0 0 1-.819.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .819.364.819.812Zm3.273 0a.815.815 0 0 1-.818.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .818.364.818.812Zm2.456.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.812.815.815 0 0 0-.819.812c0 .448.367.812.819.812Zm4.092-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.812.819-.812.452 0 .818.364.818.812ZM2.346 5a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.818.811c0 .449.366.812.818.812Zm4.092-.812A.815.815 0 0 1 5.62 5a.815.815 0 0 1-.819-.812c0-.448.367-.811.819-.811.452 0 .818.363.818.811ZM8.894 5a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.819.811c0 .449.367.812.819.812Zm2.455.812a.815.815 0 0 1-.818.811.815.815 0 0 1-.819-.811c0-.449.367-.812.819-.812.452 0 .818.363.818.812Zm-4.092.811a.815.815 0 0 0 .818-.811A.815.815 0 0 0 7.257 5a.815.815 0 0 0-.819.812c0 .448.367.811.819.811ZM4.8 5.812a.815.815 0 0 1-.818.811.815.815 0 0 1-.818-.811c0-.449.366-.812.818-.812.452 0 .818.363.818.812ZM.71 6.623a.815.815 0 0 0 .819-.811A.815.815 0 0 0 .709 5a.815.815 0 0 0-.818.812c0 .448.366.811.818.811Zm2.455.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .818.364.818.812Zm2.456.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.812.815.815 0 0 0-.819.812c0 .448.367.812.819.812Zm4.092-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.812.819-.812.452 0 .818.364.818.812Zm.819 2.435a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.819.811c0 .448.367.812.819.812Zm-2.456-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.811.819-.811.452 0 .818.363.818.811Zm-4.092.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.818.811c0 .448.366.812.818.812Zm-2.455-.812a.815.815 0 0 1-.819.812.815.815 0 0 1-.818-.812c0-.448.366-.811.818-.811.452 0 .819.363.819.811Z" clip-rule="evenodd"/></g></g></g><defs><linearGradient id="US_svg__d" x1="-.109" x2="-.109" y1="1.753" y2="9.87" gradientUnits="userSpaceOnUse"><stop stop-color="
|
|
1
|
+
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#US_svg__a)"><mask id="US_svg__b" width="35" height="25" x="-1" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><rect width="34.375" height="25" x="-.688" rx="2"/></mask><g mask="url(#US_svg__b)"><path fill-rule="evenodd" d="M33 0H-2v2h35V0Zm-.37 3.377H-1.747V5H32.63V3.377ZM-1.747 6.623H32.63v1.623H-1.746V6.623ZM32.63 9.87H-1.746v1.623H32.63V9.87Zm-34.375 3.246H32.63v1.623H-1.746v-1.623Zm34.375 3.247H-1.746v1.623H32.63v-1.623Zm-34.375 3.246H32.63v1.624H-1.746v-1.624Zm34.375 3.247H-1.746v1.623H32.63v-1.623Z" clip-rule="evenodd"/><path d="M-.688 0h13.542v11.458H-.688z"/><g filter="url(#US_svg__c)"><path fill-rule="evenodd" d="M1.528 2.565a.815.815 0 0 1-.819.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .819.364.819.812Zm3.273 0a.815.815 0 0 1-.818.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .818.364.818.812Zm2.456.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.812.815.815 0 0 0-.819.812c0 .448.367.812.819.812Zm4.092-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.812.819-.812.452 0 .818.364.818.812ZM2.346 5a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.818.811c0 .449.366.812.818.812Zm4.092-.812A.815.815 0 0 1 5.62 5a.815.815 0 0 1-.819-.812c0-.448.367-.811.819-.811.452 0 .818.363.818.811ZM8.894 5a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.819.811c0 .449.367.812.819.812Zm2.455.812a.815.815 0 0 1-.818.811.815.815 0 0 1-.819-.811c0-.449.367-.812.819-.812.452 0 .818.363.818.812Zm-4.092.811a.815.815 0 0 0 .818-.811A.815.815 0 0 0 7.257 5a.815.815 0 0 0-.819.812c0 .448.367.811.819.811ZM4.8 5.812a.815.815 0 0 1-.818.811.815.815 0 0 1-.818-.811c0-.449.366-.812.818-.812.452 0 .818.363.818.812ZM.71 6.623a.815.815 0 0 0 .819-.811A.815.815 0 0 0 .709 5a.815.815 0 0 0-.818.812c0 .448.366.811.818.811Zm2.455.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.818-.812c0-.448.366-.812.818-.812.452 0 .818.364.818.812Zm2.456.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.812.815.815 0 0 0-.819.812c0 .448.367.812.819.812Zm4.092-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.812.819-.812.452 0 .818.364.818.812Zm.819 2.435a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.819.811c0 .448.367.812.819.812Zm-2.456-.812a.815.815 0 0 1-.818.812.815.815 0 0 1-.819-.812c0-.448.367-.811.819-.811.452 0 .818.363.818.811Zm-4.092.812a.815.815 0 0 0 .818-.812.815.815 0 0 0-.818-.811.815.815 0 0 0-.818.811c0 .448.366.812.818.812Zm-2.455-.812a.815.815 0 0 1-.819.812.815.815 0 0 1-.818-.812c0-.448.366-.811.818-.811.452 0 .819.363.819.811Z" clip-rule="evenodd"/></g></g></g><defs><linearGradient id="US_svg__d" x1="-.109" x2="-.109" y1="1.753" y2="9.87" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#F0F0F0"/></linearGradient><clipPath id="US_svg__a"><rect width="24" height="24" rx="12"/></clipPath><filter id="US_svg__c" width="11.459" height="9.116" x="-.109" y="1.753" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_193_1132"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_193_1132" result="shape"/></filter></defs></svg>
|
package/dist/themes/colors.ts
CHANGED
|
@@ -95,11 +95,8 @@ const colors: Color = {
|
|
|
95
95
|
grey300: '#C8D2DE',
|
|
96
96
|
grey400: '#A1AFC0',
|
|
97
97
|
grey500: '#798CA4',
|
|
98
|
-
grey700: '#5F758F',
|
|
99
|
-
grey600: '#616469',
|
|
100
98
|
grey800: '#39526B',
|
|
101
99
|
grey900: '#1C2E40',
|
|
102
|
-
grey1000: '#0B1B2A',
|
|
103
100
|
greyHigh: '#C2C2C2',
|
|
104
101
|
greyMedium: '#E5E5E5',
|
|
105
102
|
greyLow: '#F5F5F5',
|
|
@@ -161,27 +158,12 @@ const colors: Color = {
|
|
|
161
158
|
blue300: '#B7C5F8',
|
|
162
159
|
blue400: '#9FB2F6',
|
|
163
160
|
blue500: '#889FF4',
|
|
164
|
-
blue600: '#
|
|
161
|
+
blue600: '#708CF1s',
|
|
165
162
|
blue700: '#5879EF',
|
|
166
163
|
blue800: '#4065ED',
|
|
167
164
|
blue900: '#2852EA',
|
|
168
165
|
blue1000: '#103FE8',
|
|
169
166
|
},
|
|
170
|
-
|
|
171
|
-
yellow: {
|
|
172
|
-
yellow50: '#FEFCE8',
|
|
173
|
-
yellow100: '#FEF9C3',
|
|
174
|
-
yellow200: '#FEF08A',
|
|
175
|
-
yellow300: '#FDE047',
|
|
176
|
-
yellow400: '#FACC15',
|
|
177
|
-
yellow500: '#EAB308',
|
|
178
|
-
yellow600: '#CA8A04',
|
|
179
|
-
yellow700: '#A16207',
|
|
180
|
-
yellow800: '#854D0E',
|
|
181
|
-
yellow900: '#2852EA',
|
|
182
|
-
yellow1000: '#713F12',
|
|
183
|
-
},
|
|
184
|
-
|
|
185
167
|
red: {
|
|
186
168
|
red050: '#FDF2F2',
|
|
187
169
|
red50: '#FDF2F2',
|
|
@@ -195,27 +177,10 @@ const colors: Color = {
|
|
|
195
177
|
red800: '#9B1C1C',
|
|
196
178
|
red900: '#771D1D',
|
|
197
179
|
},
|
|
198
|
-
orange: {
|
|
199
|
-
orange050: '#FFF7ED',
|
|
200
|
-
orange50: '#FFF7ED',
|
|
201
|
-
orange100: '#FFEDD5',
|
|
202
|
-
orange200: '#FED7AA',
|
|
203
|
-
orange300: '#FDBA74',
|
|
204
|
-
orange400: '#FFA84C',
|
|
205
|
-
orange500: '#F98016',
|
|
206
|
-
orange600: '#EA580C',
|
|
207
|
-
orange700: '#C2410C',
|
|
208
|
-
orange800: '#9A3412',
|
|
209
|
-
orange900: '#7C2D12',
|
|
210
|
-
},
|
|
211
180
|
scrollbar: {
|
|
212
181
|
track: '#F2F5FA',
|
|
213
182
|
thumb: '#9CACC0',
|
|
214
183
|
},
|
|
215
|
-
transparent: {
|
|
216
|
-
blueHover: 'rgba(16, 63, 232, 0.06)',
|
|
217
|
-
transparent: '#ffffff78',
|
|
218
|
-
},
|
|
219
184
|
};
|
|
220
185
|
|
|
221
186
|
export { colors };
|
package/dist/themes/types.d.ts
CHANGED
|
@@ -16,11 +16,8 @@ export interface Color {
|
|
|
16
16
|
green: Green;
|
|
17
17
|
blue: Blue;
|
|
18
18
|
red: Red;
|
|
19
|
-
orange: Orange;
|
|
20
|
-
yellow: Yellow;
|
|
21
19
|
scrollbar: Scrollbar;
|
|
22
20
|
button: Button;
|
|
23
|
-
transparent: Transparent;
|
|
24
21
|
[key: string]: any;
|
|
25
22
|
}
|
|
26
23
|
export interface Accent {
|
|
@@ -60,8 +57,6 @@ export interface Grey {
|
|
|
60
57
|
grey5: string;
|
|
61
58
|
grey10: string;
|
|
62
59
|
grey500: string;
|
|
63
|
-
grey600: string;
|
|
64
|
-
grey700: string;
|
|
65
60
|
grey800: string;
|
|
66
61
|
grey900: string;
|
|
67
62
|
grey400: string;
|
|
@@ -69,7 +64,6 @@ export interface Grey {
|
|
|
69
64
|
grey250: string;
|
|
70
65
|
grey300: string;
|
|
71
66
|
grey100: string;
|
|
72
|
-
grey1000: string;
|
|
73
67
|
}
|
|
74
68
|
export interface Link {
|
|
75
69
|
linkHigh: string;
|
|
@@ -184,40 +178,10 @@ export interface Red {
|
|
|
184
178
|
red800: string;
|
|
185
179
|
red900: string;
|
|
186
180
|
}
|
|
187
|
-
export interface Orange {
|
|
188
|
-
orange050: string;
|
|
189
|
-
orange50: string;
|
|
190
|
-
orange100: string;
|
|
191
|
-
orange200: string;
|
|
192
|
-
orange300: string;
|
|
193
|
-
orange400: string;
|
|
194
|
-
orange500: string;
|
|
195
|
-
orange600: string;
|
|
196
|
-
orange700: string;
|
|
197
|
-
orange800: string;
|
|
198
|
-
orange900: string;
|
|
199
|
-
}
|
|
200
|
-
export interface Yellow {
|
|
201
|
-
yellow50: string;
|
|
202
|
-
yellow100: string;
|
|
203
|
-
yellow200: string;
|
|
204
|
-
yellow300: string;
|
|
205
|
-
yellow400: string;
|
|
206
|
-
yellow500: string;
|
|
207
|
-
yellow600: string;
|
|
208
|
-
yellow700: string;
|
|
209
|
-
yellow800: string;
|
|
210
|
-
yellow900: string;
|
|
211
|
-
yellow1000: string;
|
|
212
|
-
}
|
|
213
181
|
export interface Scrollbar {
|
|
214
182
|
track: string;
|
|
215
183
|
thumb: string;
|
|
216
184
|
}
|
|
217
|
-
export interface Transparent {
|
|
218
|
-
blueHover: string;
|
|
219
|
-
transparent: string;
|
|
220
|
-
}
|
|
221
185
|
export interface Button {
|
|
222
186
|
primaryButton: string;
|
|
223
187
|
primaryOutlineButton: string;
|
package/package.json
CHANGED
package/themes/colors.ts
CHANGED
|
@@ -95,11 +95,8 @@ const colors: Color = {
|
|
|
95
95
|
grey300: '#C8D2DE',
|
|
96
96
|
grey400: '#A1AFC0',
|
|
97
97
|
grey500: '#798CA4',
|
|
98
|
-
grey700: '#5F758F',
|
|
99
|
-
grey600: '#616469',
|
|
100
98
|
grey800: '#39526B',
|
|
101
99
|
grey900: '#1C2E40',
|
|
102
|
-
grey1000: '#0B1B2A',
|
|
103
100
|
greyHigh: '#C2C2C2',
|
|
104
101
|
greyMedium: '#E5E5E5',
|
|
105
102
|
greyLow: '#F5F5F5',
|
|
@@ -161,27 +158,12 @@ const colors: Color = {
|
|
|
161
158
|
blue300: '#B7C5F8',
|
|
162
159
|
blue400: '#9FB2F6',
|
|
163
160
|
blue500: '#889FF4',
|
|
164
|
-
blue600: '#
|
|
161
|
+
blue600: '#708CF1s',
|
|
165
162
|
blue700: '#5879EF',
|
|
166
163
|
blue800: '#4065ED',
|
|
167
164
|
blue900: '#2852EA',
|
|
168
165
|
blue1000: '#103FE8',
|
|
169
166
|
},
|
|
170
|
-
|
|
171
|
-
yellow: {
|
|
172
|
-
yellow50: '#FEFCE8',
|
|
173
|
-
yellow100: '#FEF9C3',
|
|
174
|
-
yellow200: '#FEF08A',
|
|
175
|
-
yellow300: '#FDE047',
|
|
176
|
-
yellow400: '#FACC15',
|
|
177
|
-
yellow500: '#EAB308',
|
|
178
|
-
yellow600: '#CA8A04',
|
|
179
|
-
yellow700: '#A16207',
|
|
180
|
-
yellow800: '#854D0E',
|
|
181
|
-
yellow900: '#2852EA',
|
|
182
|
-
yellow1000: '#713F12',
|
|
183
|
-
},
|
|
184
|
-
|
|
185
167
|
red: {
|
|
186
168
|
red050: '#FDF2F2',
|
|
187
169
|
red50: '#FDF2F2',
|
|
@@ -195,27 +177,10 @@ const colors: Color = {
|
|
|
195
177
|
red800: '#9B1C1C',
|
|
196
178
|
red900: '#771D1D',
|
|
197
179
|
},
|
|
198
|
-
orange: {
|
|
199
|
-
orange050: '#FFF7ED',
|
|
200
|
-
orange50: '#FFF7ED',
|
|
201
|
-
orange100: '#FFEDD5',
|
|
202
|
-
orange200: '#FED7AA',
|
|
203
|
-
orange300: '#FDBA74',
|
|
204
|
-
orange400: '#FFA84C',
|
|
205
|
-
orange500: '#F98016',
|
|
206
|
-
orange600: '#EA580C',
|
|
207
|
-
orange700: '#C2410C',
|
|
208
|
-
orange800: '#9A3412',
|
|
209
|
-
orange900: '#7C2D12',
|
|
210
|
-
},
|
|
211
180
|
scrollbar: {
|
|
212
181
|
track: '#F2F5FA',
|
|
213
182
|
thumb: '#9CACC0',
|
|
214
183
|
},
|
|
215
|
-
transparent: {
|
|
216
|
-
blueHover: 'rgba(16, 63, 232, 0.06)',
|
|
217
|
-
transparent: '#ffffff78',
|
|
218
|
-
},
|
|
219
184
|
};
|
|
220
185
|
|
|
221
186
|
export { colors };
|
package/themes/types.ts
CHANGED
|
@@ -16,11 +16,8 @@ export interface Color {
|
|
|
16
16
|
green: Green;
|
|
17
17
|
blue: Blue;
|
|
18
18
|
red: Red;
|
|
19
|
-
orange: Orange;
|
|
20
|
-
yellow: Yellow;
|
|
21
19
|
scrollbar: Scrollbar;
|
|
22
20
|
button: Button;
|
|
23
|
-
transparent: Transparent;
|
|
24
21
|
[key: string]: any;
|
|
25
22
|
}
|
|
26
23
|
|
|
@@ -65,8 +62,6 @@ export interface Grey {
|
|
|
65
62
|
grey5: string;
|
|
66
63
|
grey10: string;
|
|
67
64
|
grey500: string;
|
|
68
|
-
grey600: string;
|
|
69
|
-
grey700: string;
|
|
70
65
|
grey800: string;
|
|
71
66
|
grey900: string;
|
|
72
67
|
grey400: string;
|
|
@@ -74,7 +69,6 @@ export interface Grey {
|
|
|
74
69
|
grey250: string;
|
|
75
70
|
grey300: string;
|
|
76
71
|
grey100: string;
|
|
77
|
-
grey1000: string;
|
|
78
72
|
}
|
|
79
73
|
|
|
80
74
|
export interface Link {
|
|
@@ -202,43 +196,11 @@ export interface Red {
|
|
|
202
196
|
red900: string;
|
|
203
197
|
}
|
|
204
198
|
|
|
205
|
-
export interface Orange {
|
|
206
|
-
orange050: string;
|
|
207
|
-
orange50: string;
|
|
208
|
-
orange100: string;
|
|
209
|
-
orange200: string;
|
|
210
|
-
orange300: string;
|
|
211
|
-
orange400: string;
|
|
212
|
-
orange500: string;
|
|
213
|
-
orange600: string;
|
|
214
|
-
orange700: string;
|
|
215
|
-
orange800: string;
|
|
216
|
-
orange900: string;
|
|
217
|
-
}
|
|
218
|
-
export interface Yellow {
|
|
219
|
-
yellow50: string;
|
|
220
|
-
yellow100: string;
|
|
221
|
-
yellow200: string;
|
|
222
|
-
yellow300: string;
|
|
223
|
-
yellow400: string;
|
|
224
|
-
yellow500: string;
|
|
225
|
-
yellow600: string;
|
|
226
|
-
yellow700: string;
|
|
227
|
-
yellow800: string;
|
|
228
|
-
yellow900: string;
|
|
229
|
-
yellow1000: string;
|
|
230
|
-
}
|
|
231
|
-
|
|
232
199
|
export interface Scrollbar {
|
|
233
200
|
track: string;
|
|
234
201
|
thumb: string;
|
|
235
202
|
}
|
|
236
203
|
|
|
237
|
-
export interface Transparent {
|
|
238
|
-
blueHover: string;
|
|
239
|
-
transparent: string;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
204
|
export interface Button {
|
|
243
205
|
primaryButton: string;
|
|
244
206
|
primaryOutlineButton: string;
|