@rango-dev/ui 0.30.0 → 0.30.1-next.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/CHANGELOG.md +27 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.Skeletons.d.ts.map +1 -1
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.d.ts.map +1 -1
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.styles.d.ts +162 -0
- package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.styles.d.ts.map +1 -1
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.d.ts.map +1 -1
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.types.d.ts +1 -0
- package/dist/widget/ui/src/components/PriceImpact/PriceImpact.types.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/FullExpandedQuote/FullExpandedQuote.Skeletons.tsx +5 -12
- package/src/components/FullExpandedQuote/FullExpandedQuote.styles.ts +9 -2
- package/src/components/FullExpandedQuote/FullExpandedQuote.tsx +2 -1
- package/src/components/PriceImpact/PriceImpact.tsx +5 -1
- package/src/components/PriceImpact/PriceImpact.types.ts +1 -0
package/dist/widget/ui/src/components/FullExpandedQuote/FullExpandedQuote.Skeletons.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullExpandedQuote.Skeletons.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.Skeletons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FullExpandedQuote.Skeletons.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.Skeletons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,wBAAgB,cAAc,sBAkB7B;AAED,wBAAgB,cAAc,sBAa7B;AACD,wBAAgB,gBAAgB,sBAM/B;AAED,wBAAgB,iBAAiB,sBAehC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullExpandedQuote.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAsC1B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"FullExpandedQuote.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAsC1B,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,qBAkJjD"}
|
|
@@ -4212,4 +4212,166 @@ export declare const OutputLoading: import("@stitches/react/types/styled-compone
|
|
|
4212
4212
|
zIndices: {};
|
|
4213
4213
|
transitions: {};
|
|
4214
4214
|
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
4215
|
+
export declare const SkeletonItemLeftContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
|
|
4216
|
+
xs: string;
|
|
4217
|
+
sm: string;
|
|
4218
|
+
md: string;
|
|
4219
|
+
lg: string;
|
|
4220
|
+
}, import("@stitches/react/types/css-util").CSS<{
|
|
4221
|
+
xs: string;
|
|
4222
|
+
sm: string;
|
|
4223
|
+
md: string;
|
|
4224
|
+
lg: string;
|
|
4225
|
+
}, {
|
|
4226
|
+
colors: {
|
|
4227
|
+
primary: string;
|
|
4228
|
+
primary500: string;
|
|
4229
|
+
primary600: string;
|
|
4230
|
+
secondary: string;
|
|
4231
|
+
secondary100: string;
|
|
4232
|
+
secondary200: string;
|
|
4233
|
+
secondary300: string;
|
|
4234
|
+
secondary400: string;
|
|
4235
|
+
secondary500: string;
|
|
4236
|
+
secondary600: string;
|
|
4237
|
+
secondary700: string;
|
|
4238
|
+
secondary800: string;
|
|
4239
|
+
secondary900: string;
|
|
4240
|
+
neutral: string;
|
|
4241
|
+
neutral100: string;
|
|
4242
|
+
neutral200: string;
|
|
4243
|
+
neutral300: string;
|
|
4244
|
+
neutral400: string;
|
|
4245
|
+
neutral500: string;
|
|
4246
|
+
neutral600: string;
|
|
4247
|
+
neutral700: string;
|
|
4248
|
+
neutral800: string;
|
|
4249
|
+
neutral900: string;
|
|
4250
|
+
error100: string;
|
|
4251
|
+
error300: string;
|
|
4252
|
+
error500: string;
|
|
4253
|
+
error600: string;
|
|
4254
|
+
error700: string;
|
|
4255
|
+
warning100: string;
|
|
4256
|
+
warning300: string;
|
|
4257
|
+
warning500: string;
|
|
4258
|
+
warning600: string;
|
|
4259
|
+
warning700: string;
|
|
4260
|
+
info: string;
|
|
4261
|
+
info100: string;
|
|
4262
|
+
info300: string;
|
|
4263
|
+
info500: string;
|
|
4264
|
+
info600: string;
|
|
4265
|
+
info700: string;
|
|
4266
|
+
success100: string;
|
|
4267
|
+
success300: string;
|
|
4268
|
+
success500: string;
|
|
4269
|
+
success600: string;
|
|
4270
|
+
success700: string;
|
|
4271
|
+
background: string;
|
|
4272
|
+
foreground: string;
|
|
4273
|
+
};
|
|
4274
|
+
space: {
|
|
4275
|
+
0: string;
|
|
4276
|
+
5: string;
|
|
4277
|
+
10: string;
|
|
4278
|
+
15: string;
|
|
4279
|
+
20: string;
|
|
4280
|
+
25: string;
|
|
4281
|
+
30: string;
|
|
4282
|
+
40: string;
|
|
4283
|
+
46: string;
|
|
4284
|
+
50: string;
|
|
4285
|
+
60: string;
|
|
4286
|
+
70: string;
|
|
4287
|
+
80: string;
|
|
4288
|
+
90: string;
|
|
4289
|
+
100: string;
|
|
4290
|
+
2: string;
|
|
4291
|
+
4: string;
|
|
4292
|
+
6: string;
|
|
4293
|
+
8: string;
|
|
4294
|
+
12: string;
|
|
4295
|
+
16: string;
|
|
4296
|
+
24: string;
|
|
4297
|
+
28: string;
|
|
4298
|
+
32: string;
|
|
4299
|
+
};
|
|
4300
|
+
radii: {
|
|
4301
|
+
xs: string;
|
|
4302
|
+
sm: string;
|
|
4303
|
+
xm: string;
|
|
4304
|
+
md: string;
|
|
4305
|
+
xl: string;
|
|
4306
|
+
lg: string;
|
|
4307
|
+
primary: string;
|
|
4308
|
+
secondary: string;
|
|
4309
|
+
};
|
|
4310
|
+
fontSizes: {
|
|
4311
|
+
10: string;
|
|
4312
|
+
12: string;
|
|
4313
|
+
14: string;
|
|
4314
|
+
16: string;
|
|
4315
|
+
18: string;
|
|
4316
|
+
20: string;
|
|
4317
|
+
22: string;
|
|
4318
|
+
24: string;
|
|
4319
|
+
28: string;
|
|
4320
|
+
32: string;
|
|
4321
|
+
36: string;
|
|
4322
|
+
40: string;
|
|
4323
|
+
48: string;
|
|
4324
|
+
};
|
|
4325
|
+
fonts: {
|
|
4326
|
+
primary: string;
|
|
4327
|
+
widget: string;
|
|
4328
|
+
};
|
|
4329
|
+
fontWeights: {
|
|
4330
|
+
regular: number;
|
|
4331
|
+
medium: number;
|
|
4332
|
+
semiBold: number;
|
|
4333
|
+
bold: number;
|
|
4334
|
+
};
|
|
4335
|
+
lineHeights: {
|
|
4336
|
+
12: string;
|
|
4337
|
+
16: string;
|
|
4338
|
+
20: string;
|
|
4339
|
+
24: string;
|
|
4340
|
+
26: string;
|
|
4341
|
+
28: string;
|
|
4342
|
+
30: string;
|
|
4343
|
+
36: string;
|
|
4344
|
+
40: string;
|
|
4345
|
+
44: string;
|
|
4346
|
+
52: string;
|
|
4347
|
+
64: string;
|
|
4348
|
+
};
|
|
4349
|
+
letterSpacings: {};
|
|
4350
|
+
sizes: {
|
|
4351
|
+
4: string;
|
|
4352
|
+
6: string;
|
|
4353
|
+
8: string;
|
|
4354
|
+
10: string;
|
|
4355
|
+
12: string;
|
|
4356
|
+
16: string;
|
|
4357
|
+
18: string;
|
|
4358
|
+
20: string;
|
|
4359
|
+
24: string;
|
|
4360
|
+
26: string;
|
|
4361
|
+
28: string;
|
|
4362
|
+
30: string;
|
|
4363
|
+
32: string;
|
|
4364
|
+
36: string;
|
|
4365
|
+
40: string;
|
|
4366
|
+
45: string;
|
|
4367
|
+
48: string;
|
|
4368
|
+
};
|
|
4369
|
+
borderWidths: {};
|
|
4370
|
+
borderStyles: {};
|
|
4371
|
+
shadows: {
|
|
4372
|
+
s: string;
|
|
4373
|
+
};
|
|
4374
|
+
zIndices: {};
|
|
4375
|
+
transitions: {};
|
|
4376
|
+
}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
|
|
4215
4377
|
//# sourceMappingURL=FullExpandedQuote.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullExpandedQuote.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAU,CAAC;AAExC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAIrB,CAAC;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgCzB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAUtB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGxB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGhB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAInB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGtB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+
|
|
1
|
+
{"version":3,"file":"FullExpandedQuote.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FullExpandedQuote/FullExpandedQuote.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAU,CAAC;AAExC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAIrB,CAAC;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgCzB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAUtB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGxB,CAAC;AAEH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGhB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAInB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGtB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAYvB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAYpB,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAQ3B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAgBvB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAyBxB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAGxB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DASvB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAG5B,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAiBxB,CAAC;AAIH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKpB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAKxB,CAAC;AAEH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAIpC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceImpact.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PriceImpact/PriceImpact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"PriceImpact.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PriceImpact/PriceImpact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA2DlD"}
|
|
@@ -4,6 +4,7 @@ export type PriceImpactWarningLevel = 'low' | 'high' | undefined;
|
|
|
4
4
|
export type PriceImpactProps = {
|
|
5
5
|
size: TypographyPropTypes['size'];
|
|
6
6
|
outputUsdValue?: string;
|
|
7
|
+
outputColor?: string;
|
|
7
8
|
realOutputUsdValue?: string;
|
|
8
9
|
error?: string;
|
|
9
10
|
percentageChange?: string | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PriceImpact.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PriceImpact/PriceImpact.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;CACH,CAAC"}
|
|
1
|
+
{"version":3,"file":"PriceImpact.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PriceImpact/PriceImpact.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAC1C,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;KACjC,CAAC;CACH,CAAC"}
|
package/package.json
CHANGED
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
FlexCenter,
|
|
8
8
|
OutputLoading,
|
|
9
9
|
Separator,
|
|
10
|
+
SkeletonItemLeftContainer,
|
|
10
11
|
VerticalLine,
|
|
11
12
|
} from './FullExpandedQuote.styles';
|
|
12
13
|
|
|
@@ -24,11 +25,7 @@ export function SkeletonHeader() {
|
|
|
24
25
|
css={{
|
|
25
26
|
gap: '$5',
|
|
26
27
|
}}>
|
|
27
|
-
<Skeleton width={
|
|
28
|
-
<Skeleton width={80} variant="text" size="large" />
|
|
29
|
-
<Skeleton width={75} variant="text" size="large" />
|
|
30
|
-
<Skeleton width={52} variant="text" size="large" />
|
|
31
|
-
<Skeleton width={95} variant="text" size="large" />
|
|
28
|
+
<Skeleton width={153} variant="text" size="large" />
|
|
32
29
|
</FlexCenter>
|
|
33
30
|
</>
|
|
34
31
|
);
|
|
@@ -39,7 +36,7 @@ export function SkeletonOutput() {
|
|
|
39
36
|
<OutputLoading>
|
|
40
37
|
<ChainToken
|
|
41
38
|
useAsPlaceholder={true}
|
|
42
|
-
size="
|
|
39
|
+
size="large"
|
|
43
40
|
chainImage=""
|
|
44
41
|
tokenImage=""
|
|
45
42
|
loading={true}
|
|
@@ -50,13 +47,9 @@ export function SkeletonOutput() {
|
|
|
50
47
|
}
|
|
51
48
|
export function SkeletonItemLeft() {
|
|
52
49
|
return (
|
|
53
|
-
<
|
|
54
|
-
style={{
|
|
55
|
-
display: 'flex',
|
|
56
|
-
alignItems: 'center',
|
|
57
|
-
}}>
|
|
50
|
+
<SkeletonItemLeftContainer>
|
|
58
51
|
<Skeleton variant="rounded" width={42} height={49} />
|
|
59
|
-
</
|
|
52
|
+
</SkeletonItemLeftContainer>
|
|
60
53
|
);
|
|
61
54
|
}
|
|
62
55
|
|
|
@@ -61,7 +61,7 @@ export const TagsContainer = styled('div', {
|
|
|
61
61
|
|
|
62
62
|
export const Steps = styled('div', {
|
|
63
63
|
display: 'flex',
|
|
64
|
-
height: '
|
|
64
|
+
height: '85px',
|
|
65
65
|
});
|
|
66
66
|
|
|
67
67
|
export const StepItem = styled('div', {
|
|
@@ -82,6 +82,7 @@ export const RightSection = styled('div', {
|
|
|
82
82
|
borderColor: '$info300',
|
|
83
83
|
display: 'flex',
|
|
84
84
|
flexDirection: 'column',
|
|
85
|
+
justifyContent: 'flex-end',
|
|
85
86
|
gap: '2px',
|
|
86
87
|
[`.${darkTheme} &`]: {
|
|
87
88
|
borderColor: '$secondary600',
|
|
@@ -207,8 +208,14 @@ export const Separator = styled('div', {
|
|
|
207
208
|
});
|
|
208
209
|
|
|
209
210
|
export const OutputLoading = styled(FlexCenter, {
|
|
210
|
-
padding: '
|
|
211
|
+
padding: '$10 $2 0',
|
|
211
212
|
height: '85px',
|
|
212
213
|
gap: '$10',
|
|
213
214
|
flexDirection: 'column',
|
|
214
215
|
});
|
|
216
|
+
|
|
217
|
+
export const SkeletonItemLeftContainer = styled('div', {
|
|
218
|
+
display: 'flex',
|
|
219
|
+
alignItems: 'center',
|
|
220
|
+
paddingTop: '$25',
|
|
221
|
+
});
|
|
@@ -168,7 +168,8 @@ export function FullExpandedQuote(props: PropTypes) {
|
|
|
168
168
|
</Tooltip>
|
|
169
169
|
</div>
|
|
170
170
|
<StyledPriceImpact
|
|
171
|
-
size="
|
|
171
|
+
size="small"
|
|
172
|
+
outputColor="$neutral700"
|
|
172
173
|
warningLevel={warningLevel}
|
|
173
174
|
outputUsdValue={props.outputPrice.usdValue}
|
|
174
175
|
realOutputUsdValue={props.outputPrice.realUsdValue}
|
|
@@ -10,6 +10,7 @@ export function PriceImpact(props: PriceImpactProps) {
|
|
|
10
10
|
const {
|
|
11
11
|
size = 'medium',
|
|
12
12
|
outputUsdValue,
|
|
13
|
+
outputColor,
|
|
13
14
|
realOutputUsdValue,
|
|
14
15
|
percentageChange,
|
|
15
16
|
warningLevel,
|
|
@@ -37,7 +38,10 @@ export function PriceImpact(props: PriceImpactProps) {
|
|
|
37
38
|
: undefined
|
|
38
39
|
}
|
|
39
40
|
side={tooltipProps?.side}>
|
|
40
|
-
<OutputUsdValue
|
|
41
|
+
<OutputUsdValue
|
|
42
|
+
size={size}
|
|
43
|
+
variant="body"
|
|
44
|
+
color={outputColor || '$neutral600'}>
|
|
41
45
|
{`~$${outputUsdValue}`}
|
|
42
46
|
</OutputUsdValue>
|
|
43
47
|
</Tooltip>
|
|
@@ -6,6 +6,7 @@ export type PriceImpactWarningLevel = 'low' | 'high' | undefined;
|
|
|
6
6
|
export type PriceImpactProps = {
|
|
7
7
|
size: TypographyPropTypes['size'];
|
|
8
8
|
outputUsdValue?: string;
|
|
9
|
+
outputColor?: string;
|
|
9
10
|
realOutputUsdValue?: string;
|
|
10
11
|
error?: string;
|
|
11
12
|
percentageChange?: string | null;
|