@rango-dev/ui 0.26.1-next.5 → 0.26.1-next.6

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 (132) hide show
  1. package/dist/index.js +2 -2
  2. package/dist/index.js.map +4 -4
  3. package/dist/translations/en.d.ts.map +1 -1
  4. package/dist/translations/es.d.ts.map +1 -1
  5. package/dist/translations/fr.d.ts.map +1 -1
  6. package/dist/translations/ja.d.ts.map +1 -1
  7. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts +8 -0
  8. package/dist/widget/ui/src/components/Alert/Alert.styles.d.ts.map +1 -1
  9. package/dist/widget/ui/src/components/BlockchainsChip/BlockchainsChip.styles.d.ts +2 -0
  10. package/dist/widget/ui/src/components/BlockchainsChip/BlockchainsChip.styles.d.ts.map +1 -1
  11. package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts +4 -0
  12. package/dist/widget/ui/src/components/BottomLogo/BottomLogo.styles.d.ts.map +1 -1
  13. package/dist/widget/ui/src/components/Button/Button.styles.d.ts +6 -0
  14. package/dist/widget/ui/src/components/Button/Button.styles.d.ts.map +1 -1
  15. package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts +4 -0
  16. package/dist/widget/ui/src/components/ChainToken/ChainToken.styles.d.ts.map +1 -1
  17. package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts +8 -0
  18. package/dist/widget/ui/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
  19. package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts +2 -0
  20. package/dist/widget/ui/src/components/Chip/Chip.styles.d.ts.map +1 -1
  21. package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts +2 -0
  22. package/dist/widget/ui/src/components/Collapsible/Collapsible.styles.d.ts.map +1 -1
  23. package/dist/widget/ui/src/components/Divider/Divider.d.ts +2 -5
  24. package/dist/widget/ui/src/components/Divider/Divider.d.ts.map +1 -1
  25. package/dist/widget/ui/src/components/Divider/Divider.styles.d.ts +163 -0
  26. package/dist/widget/ui/src/components/Divider/Divider.styles.d.ts.map +1 -0
  27. package/dist/widget/ui/src/components/Divider/Divider.types.d.ts +10 -0
  28. package/dist/widget/ui/src/components/Divider/Divider.types.d.ts.map +1 -0
  29. package/dist/widget/ui/src/components/Drawer/Drawer.styles.d.ts +10 -0
  30. package/dist/widget/ui/src/components/Drawer/Drawer.styles.d.ts.map +1 -1
  31. package/dist/widget/ui/src/components/Header/Header.styles.d.ts +4 -0
  32. package/dist/widget/ui/src/components/Header/Header.styles.d.ts.map +1 -1
  33. package/dist/widget/ui/src/components/Icon/CloseIcon.d.ts +2 -0
  34. package/dist/widget/ui/src/components/Icon/CloseIcon.d.ts.map +1 -1
  35. package/dist/widget/ui/src/components/Icon/common.d.ts +4 -0
  36. package/dist/widget/ui/src/components/Icon/common.d.ts.map +1 -1
  37. package/dist/widget/ui/src/components/List/List.styles.d.ts +2 -0
  38. package/dist/widget/ui/src/components/List/List.styles.d.ts.map +1 -1
  39. package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts +2 -0
  40. package/dist/widget/ui/src/components/ListItem/ListItem.styles.d.ts.map +1 -1
  41. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts +2 -0
  42. package/dist/widget/ui/src/components/ListItemButton/ListItemButton.styles.d.ts.map +1 -1
  43. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts +2 -0
  44. package/dist/widget/ui/src/components/MessageBox/CollapsibleMessageBox.styles.d.ts.map +1 -1
  45. package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts +6 -0
  46. package/dist/widget/ui/src/components/MessageBox/MessageBox.styles.d.ts.map +1 -1
  47. package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts +12 -0
  48. package/dist/widget/ui/src/components/Modal/Modal.styles.d.ts.map +1 -1
  49. package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts +2 -0
  50. package/dist/widget/ui/src/components/NotFound/NotFound.styles.d.ts.map +1 -1
  51. package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts +4 -0
  52. package/dist/widget/ui/src/components/Popover/Popover.styles.d.ts.map +1 -1
  53. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts +4 -0
  54. package/dist/widget/ui/src/components/PriceImpact/PriceImpact.styles.d.ts.map +1 -1
  55. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts +8 -0
  56. package/dist/widget/ui/src/components/QuoteCost/QuoteCost.styles.d.ts.map +1 -1
  57. package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts +4 -0
  58. package/dist/widget/ui/src/components/Radio/Radio.styles.d.ts.map +1 -1
  59. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts +8 -0
  60. package/dist/widget/ui/src/components/RadioGroup/RadioGroup.styles.d.ts.map +1 -1
  61. package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.styles.d.ts +4 -0
  62. package/dist/widget/ui/src/components/RefreshProgressButton/RefreshProgressButton.styles.d.ts.map +1 -1
  63. package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts +2 -0
  64. package/dist/widget/ui/src/components/RoutesOverview/RoutesOverview.d.ts.map +1 -1
  65. package/dist/widget/ui/src/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts +6 -0
  66. package/dist/widget/ui/src/components/SelectableCategoryList/SelectableCategoryList.styles.d.ts.map +1 -1
  67. package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts +2 -0
  68. package/dist/widget/ui/src/components/Skeleton/Skeleton.styles.d.ts.map +1 -1
  69. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts +10 -0
  70. package/dist/widget/ui/src/components/StepDetails/StepDetails.styles.d.ts.map +1 -1
  71. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts +2 -0
  72. package/dist/widget/ui/src/components/SvgIcon/SvgIcon.style.d.ts.map +1 -1
  73. package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts +2 -0
  74. package/dist/widget/ui/src/components/SwapDetailsPlaceholder/SwapDetailsPlaceholder.d.ts.map +1 -1
  75. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts +12 -0
  76. package/dist/widget/ui/src/components/SwapListItem/SwapListItem.styles.d.ts.map +1 -1
  77. package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts +18 -0
  78. package/dist/widget/ui/src/components/SwapListItem/SwapToken.styles.d.ts.map +1 -1
  79. package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts +4 -0
  80. package/dist/widget/ui/src/components/Switch/Switch.styles.d.ts.map +1 -1
  81. package/dist/widget/ui/src/components/TextField/TextField.d.ts +2 -1
  82. package/dist/widget/ui/src/components/TextField/TextField.d.ts.map +1 -1
  83. package/dist/widget/ui/src/components/TextField/TextField.stories.d.ts +2 -1
  84. package/dist/widget/ui/src/components/TextField/TextField.stories.d.ts.map +1 -1
  85. package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts +6 -0
  86. package/dist/widget/ui/src/components/TextField/TextField.styles.d.ts.map +1 -1
  87. package/dist/widget/ui/src/components/TextField/TextField.types.d.ts +3 -1
  88. package/dist/widget/ui/src/components/TextField/TextField.types.d.ts.map +1 -1
  89. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts +6 -0
  90. package/dist/widget/ui/src/components/TokenAmount/TokenAmount.styles.d.ts.map +1 -1
  91. package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts +6 -0
  92. package/dist/widget/ui/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
  93. package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts +2 -0
  94. package/dist/widget/ui/src/components/Typography/Typography.styles.d.ts.map +1 -1
  95. package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts +10 -0
  96. package/dist/widget/ui/src/components/Wallet/Wallet.styles.d.ts.map +1 -1
  97. package/dist/widget/ui/src/components/common/FilledCircle.d.ts +2 -0
  98. package/dist/widget/ui/src/components/common/FilledCircle.d.ts.map +1 -1
  99. package/dist/widget/ui/src/components/common/Image.d.ts +2 -0
  100. package/dist/widget/ui/src/components/common/Image.d.ts.map +1 -1
  101. package/dist/widget/ui/src/components/common/styles.d.ts +2 -0
  102. package/dist/widget/ui/src/components/common/styles.d.ts.map +1 -1
  103. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts +20 -0
  104. package/dist/widget/ui/src/containers/SwapHistory/SwapHistory.d.ts.map +1 -1
  105. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +24 -1
  106. package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
  107. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts +10 -0
  108. package/dist/widget/ui/src/containers/SwapInput/TokenSection.styles.d.ts.map +1 -1
  109. package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts +2 -0
  110. package/dist/widget/ui/src/containers/TokenSelector/TokenSelector.d.ts.map +1 -1
  111. package/dist/widget/ui/src/icons/Height.d.ts +5 -0
  112. package/dist/widget/ui/src/icons/Height.d.ts.map +1 -0
  113. package/dist/widget/ui/src/icons/Key.d.ts +5 -0
  114. package/dist/widget/ui/src/icons/Key.d.ts.map +1 -0
  115. package/dist/widget/ui/src/icons/Width.d.ts +5 -0
  116. package/dist/widget/ui/src/icons/Width.d.ts.map +1 -0
  117. package/dist/widget/ui/src/icons/index.d.ts +3 -0
  118. package/dist/widget/ui/src/icons/index.d.ts.map +1 -1
  119. package/dist/widget/ui/src/theme.d.ts +20 -0
  120. package/dist/widget/ui/src/theme.d.ts.map +1 -1
  121. package/package.json +1 -1
  122. package/src/components/Divider/Divider.styles.ts +165 -0
  123. package/src/components/Divider/Divider.tsx +8 -140
  124. package/src/components/Divider/Divider.types.ts +10 -0
  125. package/src/components/Switch/Switch.styles.tsx +7 -0
  126. package/src/components/TextField/TextField.tsx +5 -2
  127. package/src/components/TextField/TextField.types.tsx +3 -1
  128. package/src/icons/Height.tsx +24 -0
  129. package/src/icons/Key.tsx +32 -0
  130. package/src/icons/Width.tsx +29 -0
  131. package/src/icons/index.ts +3 -0
  132. package/src/theme.ts +2 -0
@@ -1 +1 @@
1
- {"version":3,"file":"TokenSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/TokenSelector/TokenSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM1B,CAAC;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAUD,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,qBAiC7C"}
1
+ {"version":3,"file":"TokenSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/TokenSelector/TokenSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAM1B,CAAC;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAUD,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,qBAiC7C"}
@@ -0,0 +1,5 @@
1
+ import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
2
+ import React from 'react';
3
+ declare function SvgHeight(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
4
+ export default SvgHeight;
5
+ //# sourceMappingURL=Height.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Height.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Height.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,SAAS,CAAC,KAAK,EAAE,wBAAwB,4DAgBjD;AACD,eAAe,SAAS,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
2
+ import React from 'react';
3
+ declare function SvgKey(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
4
+ export default SvgKey;
5
+ //# sourceMappingURL=Key.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Key.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Key.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,MAAM,CAAC,KAAK,EAAE,wBAAwB,4DAwB9C;AACD,eAAe,MAAM,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
2
+ import React from 'react';
3
+ declare function SvgWidth(props: SvgIconPropsWithChildren): React.FunctionComponentElement<SvgIconPropsWithChildren>;
4
+ export default SvgWidth;
5
+ //# sourceMappingURL=Width.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Width.d.ts","sourceRoot":"","sources":["../../../../../src/icons/Width.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,iBAAS,QAAQ,CAAC,KAAK,EAAE,wBAAwB,4DAqBhD;AACD,eAAe,QAAQ,CAAC"}
@@ -18,6 +18,7 @@ export { default as ErrorIcon } from './Error';
18
18
  export { default as ExternalLinkIcon } from './ExternalLink';
19
19
  export { default as FontIcon } from './Font';
20
20
  export { default as GasIcon } from './Gas';
21
+ export { default as HeightIcon } from './Height';
21
22
  export { default as InProgressIcon } from './InProgress';
22
23
  export { default as InfoErrorIcon } from './InfoError';
23
24
  export { default as InfoIcon } from './Info';
@@ -43,8 +44,10 @@ export { default as TransactionIcon } from './Transaction';
43
44
  export { default as UtxoCategoryIcon } from './UtxoCategory';
44
45
  export { default as WalletIcon } from './Wallet';
45
46
  export { default as WarningIcon } from './Warning';
47
+ export { default as WidthIcon } from './Width';
46
48
  export { default as ChainsIcon } from './Chains';
47
49
  export { default as ColorsIcon } from './Colors';
50
+ export { default as KeyIcon } from './Key';
48
51
  export { default as SettingsIcon } from './Settings';
49
52
  export { default as StyleIcon } from './Style';
50
53
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/icons/index.ts"],"names":[],"mappings":"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"}
@@ -129,12 +129,14 @@ export declare const theme: {
129
129
  4: string;
130
130
  6: string;
131
131
  8: string;
132
+ 10: string;
132
133
  12: string;
133
134
  16: string;
134
135
  18: string;
135
136
  20: string;
136
137
  24: string;
137
138
  28: string;
139
+ 30: string;
138
140
  32: string;
139
141
  36: string;
140
142
  40: string;
@@ -304,12 +306,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
304
306
  4: string;
305
307
  6: string;
306
308
  8: string;
309
+ 10: string;
307
310
  12: string;
308
311
  16: string;
309
312
  18: string;
310
313
  20: string;
311
314
  24: string;
312
315
  28: string;
316
+ 30: string;
313
317
  32: string;
314
318
  36: string;
315
319
  40: string;
@@ -471,12 +475,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
471
475
  4: string;
472
476
  6: string;
473
477
  8: string;
478
+ 10: string;
474
479
  12: string;
475
480
  16: string;
476
481
  18: string;
477
482
  20: string;
478
483
  24: string;
479
484
  28: string;
485
+ 30: string;
480
486
  32: string;
481
487
  36: string;
482
488
  40: string;
@@ -625,12 +631,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
625
631
  4: string;
626
632
  6: string;
627
633
  8: string;
634
+ 10: string;
628
635
  12: string;
629
636
  16: string;
630
637
  18: string;
631
638
  20: string;
632
639
  24: string;
633
640
  28: string;
641
+ 30: string;
634
642
  32: string;
635
643
  36: string;
636
644
  40: string;
@@ -788,12 +796,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
788
796
  4?: string | number | boolean | undefined;
789
797
  6?: string | number | boolean | undefined;
790
798
  8?: string | number | boolean | undefined;
799
+ 10?: string | number | boolean | undefined;
791
800
  12?: string | number | boolean | undefined;
792
801
  16?: string | number | boolean | undefined;
793
802
  18?: string | number | boolean | undefined;
794
803
  20?: string | number | boolean | undefined;
795
804
  24?: string | number | boolean | undefined;
796
805
  28?: string | number | boolean | undefined;
806
+ 30?: string | number | boolean | undefined;
797
807
  32?: string | number | boolean | undefined;
798
808
  36?: string | number | boolean | undefined;
799
809
  40?: string | number | boolean | undefined;
@@ -941,12 +951,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
941
951
  4?: string | number | boolean | undefined;
942
952
  6?: string | number | boolean | undefined;
943
953
  8?: string | number | boolean | undefined;
954
+ 10?: string | number | boolean | undefined;
944
955
  12?: string | number | boolean | undefined;
945
956
  16?: string | number | boolean | undefined;
946
957
  18?: string | number | boolean | undefined;
947
958
  20?: string | number | boolean | undefined;
948
959
  24?: string | number | boolean | undefined;
949
960
  28?: string | number | boolean | undefined;
961
+ 30?: string | number | boolean | undefined;
950
962
  32?: string | number | boolean | undefined;
951
963
  36?: string | number | boolean | undefined;
952
964
  40?: string | number | boolean | undefined;
@@ -1102,12 +1114,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
1102
1114
  4: string;
1103
1115
  6: string;
1104
1116
  8: string;
1117
+ 10: string;
1105
1118
  12: string;
1106
1119
  16: string;
1107
1120
  18: string;
1108
1121
  20: string;
1109
1122
  24: string;
1110
1123
  28: string;
1124
+ 30: string;
1111
1125
  32: string;
1112
1126
  36: string;
1113
1127
  40: string;
@@ -1264,12 +1278,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
1264
1278
  4: string;
1265
1279
  6: string;
1266
1280
  8: string;
1281
+ 10: string;
1267
1282
  12: string;
1268
1283
  16: string;
1269
1284
  18: string;
1270
1285
  20: string;
1271
1286
  24: string;
1272
1287
  28: string;
1288
+ 30: string;
1273
1289
  32: string;
1274
1290
  36: string;
1275
1291
  40: string;
@@ -1417,12 +1433,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
1417
1433
  4: string;
1418
1434
  6: string;
1419
1435
  8: string;
1436
+ 10: string;
1420
1437
  12: string;
1421
1438
  16: string;
1422
1439
  18: string;
1423
1440
  20: string;
1424
1441
  24: string;
1425
1442
  28: string;
1443
+ 30: string;
1426
1444
  32: string;
1427
1445
  36: string;
1428
1446
  40: string;
@@ -1572,12 +1590,14 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
1572
1590
  4: string;
1573
1591
  6: string;
1574
1592
  8: string;
1593
+ 10: string;
1575
1594
  12: string;
1576
1595
  16: string;
1577
1596
  18: string;
1578
1597
  20: string;
1579
1598
  24: string;
1580
1599
  28: string;
1600
+ 30: string;
1581
1601
  32: string;
1582
1602
  36: string;
1583
1603
  40: string;
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+JjB,CAAC;AAYF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;CAuBtB,CAAC;AAMF,eAAO,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4KAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKjE,CAAC;AAEL,eAAO,MAAM,UAAU;;;gEAAoC,CAAC;AAE5D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKpB,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/theme.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKjB,CAAC;AAYF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;CAuBtB,CAAC;AAMF,eAAO,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4KAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKjE,CAAC;AAEL,eAAO,MAAM,UAAU;;;gEAAoC,CAAC;AAE5D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKpB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rango-dev/ui",
3
- "version": "0.26.1-next.5",
3
+ "version": "0.26.1-next.6",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
@@ -0,0 +1,165 @@
1
+ import { styled } from '../../theme';
2
+
3
+ export const DividerContainer = styled('div', {
4
+ flexShrink: 0,
5
+ variants: {
6
+ size: {
7
+ 4: {},
8
+ 8: {},
9
+ 10: {},
10
+ 12: {},
11
+ 16: {},
12
+ 18: {},
13
+ 20: {},
14
+ 24: {},
15
+ 30: {},
16
+ 32: {},
17
+ },
18
+ direction: {
19
+ vertical: {},
20
+ horizontal: {},
21
+ },
22
+ },
23
+ compoundVariants: [
24
+ {
25
+ size: 4,
26
+ direction: 'horizontal',
27
+ css: {
28
+ width: '$4',
29
+ },
30
+ },
31
+ {
32
+ size: 4,
33
+ direction: 'vertical',
34
+ css: {
35
+ height: '$4',
36
+ },
37
+ },
38
+ {
39
+ size: 8,
40
+ direction: 'horizontal',
41
+ css: {
42
+ width: '$8',
43
+ },
44
+ },
45
+ {
46
+ size: 8,
47
+ direction: 'vertical',
48
+ css: {
49
+ height: '$8',
50
+ },
51
+ },
52
+ {
53
+ size: 10,
54
+ direction: 'horizontal',
55
+ css: {
56
+ width: '$10',
57
+ },
58
+ },
59
+ {
60
+ size: 10,
61
+ direction: 'vertical',
62
+ css: {
63
+ height: '$10',
64
+ },
65
+ },
66
+ {
67
+ size: 12,
68
+ direction: 'horizontal',
69
+ css: {
70
+ width: '$12',
71
+ },
72
+ },
73
+ {
74
+ size: 12,
75
+ direction: 'vertical',
76
+ css: {
77
+ height: '$12',
78
+ },
79
+ },
80
+ {
81
+ size: 16,
82
+ direction: 'horizontal',
83
+ css: {
84
+ width: '$16',
85
+ },
86
+ },
87
+ {
88
+ size: 16,
89
+ direction: 'vertical',
90
+ css: {
91
+ height: '$16',
92
+ },
93
+ },
94
+ {
95
+ size: 18,
96
+ direction: 'horizontal',
97
+ css: {
98
+ width: '$18',
99
+ },
100
+ },
101
+ {
102
+ size: 18,
103
+ direction: 'vertical',
104
+ css: {
105
+ height: '$18',
106
+ },
107
+ },
108
+ {
109
+ size: 20,
110
+ direction: 'horizontal',
111
+ css: {
112
+ width: '$20',
113
+ },
114
+ },
115
+ {
116
+ size: 20,
117
+ direction: 'vertical',
118
+ css: {
119
+ height: '$20',
120
+ },
121
+ },
122
+ {
123
+ size: 24,
124
+ direction: 'horizontal',
125
+ css: {
126
+ width: '$24',
127
+ },
128
+ },
129
+ {
130
+ size: 24,
131
+ direction: 'vertical',
132
+ css: {
133
+ height: '$24',
134
+ },
135
+ },
136
+ {
137
+ size: 30,
138
+ direction: 'horizontal',
139
+ css: {
140
+ width: '$30',
141
+ },
142
+ },
143
+ {
144
+ size: 30,
145
+ direction: 'vertical',
146
+ css: {
147
+ height: '$30',
148
+ },
149
+ },
150
+ {
151
+ size: 32,
152
+ direction: 'horizontal',
153
+ css: {
154
+ width: '$32',
155
+ },
156
+ },
157
+ {
158
+ size: 32,
159
+ direction: 'vertical',
160
+ css: {
161
+ height: '$32',
162
+ },
163
+ },
164
+ ],
165
+ });
@@ -1,146 +1,14 @@
1
- /* eslint-disable @typescript-eslint/no-magic-numbers */
1
+ import type { PropTypes } from './Divider.types';
2
+
2
3
  import React from 'react';
3
4
 
4
- import { styled } from '../../theme';
5
+ import { DividerContainer } from './Divider.styles';
5
6
 
6
- const DividerContainer = styled('div', {
7
- flexShrink: 0,
8
- variants: {
9
- size: {
10
- 4: {},
11
- 8: {},
12
- 12: {},
13
- 16: {},
14
- 18: {},
15
- 20: {},
16
- 24: {},
17
- 32: {},
18
- },
19
- direction: {
20
- vertical: {},
21
- horizontal: {},
22
- },
23
- },
24
- compoundVariants: [
25
- {
26
- size: 4,
27
- direction: 'horizontal',
28
- css: {
29
- width: '$4',
30
- },
31
- },
32
- {
33
- size: 4,
34
- direction: 'vertical',
35
- css: {
36
- height: '$4',
37
- },
38
- },
39
- {
40
- size: 8,
41
- direction: 'horizontal',
42
- css: {
43
- width: '$8',
44
- },
45
- },
46
- {
47
- size: 8,
48
- direction: 'vertical',
49
- css: {
50
- height: '$8',
51
- },
52
- },
53
- {
54
- size: 12,
55
- direction: 'horizontal',
56
- css: {
57
- width: '$12',
58
- },
59
- },
60
- {
61
- size: 12,
62
- direction: 'vertical',
63
- css: {
64
- height: '$12',
65
- },
66
- },
67
- {
68
- size: 16,
69
- direction: 'horizontal',
70
- css: {
71
- width: '$16',
72
- },
73
- },
74
- {
75
- size: 16,
76
- direction: 'vertical',
77
- css: {
78
- height: '$16',
79
- },
80
- },
81
- {
82
- size: 18,
83
- direction: 'horizontal',
84
- css: {
85
- width: '$18',
86
- },
87
- },
88
- {
89
- size: 18,
90
- direction: 'vertical',
91
- css: {
92
- height: '$18',
93
- },
94
- },
95
- {
96
- size: 20,
97
- direction: 'horizontal',
98
- css: {
99
- width: '$20',
100
- },
101
- },
102
- {
103
- size: 20,
104
- direction: 'vertical',
105
- css: {
106
- height: '$20',
107
- },
108
- },
109
- {
110
- size: 24,
111
- direction: 'horizontal',
112
- css: {
113
- width: '$24',
114
- },
115
- },
116
- {
117
- size: 24,
118
- direction: 'vertical',
119
- css: {
120
- height: '$24',
121
- },
122
- },
123
- {
124
- size: 32,
125
- direction: 'horizontal',
126
- css: {
127
- width: '$32',
128
- },
129
- },
130
- {
131
- size: 32,
132
- direction: 'vertical',
133
- css: {
134
- height: '$32',
135
- },
136
- },
137
- ],
138
- });
139
- export interface PropTypes {
140
- size?: 4 | 8 | 12 | 16 | 18 | 20 | 24 | 32;
141
- direction?: 'vertical' | 'horizontal';
142
- }
7
+ const Default_Size = 12;
143
8
 
144
- export function Divider({ size = 12, direction = 'vertical' }: PropTypes) {
9
+ export function Divider({
10
+ size = Default_Size,
11
+ direction = 'vertical',
12
+ }: PropTypes) {
145
13
  return <DividerContainer size={size} direction={direction} />;
146
14
  }
@@ -0,0 +1,10 @@
1
+ import type { DividerContainer } from './Divider.styles';
2
+ import type * as Stitches from '@stitches/react';
3
+
4
+ type BaseProps = Stitches.VariantProps<typeof DividerContainer>;
5
+ type BaseSizes = Exclude<BaseProps['size'], object>;
6
+
7
+ export interface PropTypes {
8
+ size?: BaseSizes;
9
+ direction?: 'vertical' | 'horizontal';
10
+ }
@@ -17,6 +17,7 @@ export const StyledSwitchRoot = styled(RadixSwitch.Root, {
17
17
  padding: '0',
18
18
  cursor: 'pointer',
19
19
  transition: 'all 0.35s',
20
+ overflow: 'hidden',
20
21
 
21
22
  '&[data-state="checked"]': {
22
23
  $$color: '$colors$secondary500',
@@ -41,6 +42,12 @@ export const StyledSwitchThumb = styled(RadixSwitch.Thumb, {
41
42
  transition: ' transform 300ms',
42
43
  borderRadius: '999999px',
43
44
  willChange: 'transform',
45
+ '&:hover': {
46
+ boxShadow: 'rgba(0, 0, 0, 0.6) 0px 3px 8px',
47
+ '-moz-box-shadow': 'rgba(0, 0, 0, 0.6) 0px 3px 8px',
48
+ '-webkit-box-shadow': 'rgba(0, 0, 0, 0.6) 0px 3px 8px',
49
+ '-o-box-shadow': 'rgba(0, 0, 0, 0.6) 0px 3px 8px',
50
+ },
44
51
 
45
52
  '&[data-state="checked"]': {
46
53
  transform: 'translateX(8px)',
@@ -17,14 +17,17 @@ function TextFieldComponent(props: PropsWithChildren<PropTypes>, ref?: Ref) {
17
17
  style,
18
18
  variant,
19
19
  fullWidth,
20
+ labelProps,
20
21
  ...inputAttributes
21
22
  } = props;
22
23
  return (
23
24
  <>
24
25
  {label && (
25
26
  <>
26
- <Label {...(inputAttributes.id && { htmlFor: inputAttributes.id })}>
27
- <Typography variant="label" size="large">
27
+ <Label
28
+ className="_text"
29
+ {...(inputAttributes.id && { htmlFor: inputAttributes.id })}>
30
+ <Typography variant="label" size="large" {...labelProps}>
28
31
  {label}
29
32
  </Typography>
30
33
  </Label>
@@ -1,4 +1,5 @@
1
1
  import type { InputContainer } from './TextField.styles';
2
+ import type { PropTypes as TypographyProps } from '../Typography/Typography.types';
2
3
  import type * as Stitches from '@stitches/react';
3
4
 
4
5
  type BaseProps = Stitches.VariantProps<typeof InputContainer>;
@@ -12,10 +13,11 @@ export type Ref =
12
13
  | undefined;
13
14
 
14
15
  export type PropTypes = {
15
- label?: string;
16
+ label?: string | React.ReactNode;
16
17
  prefix?: React.ReactNode;
17
18
  suffix?: React.ReactNode;
18
19
  size?: BaseSizes;
19
20
  variant?: BaseVariants;
20
21
  fullWidth?: boolean;
22
+ labelProps?: TypographyProps;
21
23
  } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'>;
@@ -0,0 +1,24 @@
1
+ import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
2
+
3
+ import React, { createElement } from 'react';
4
+
5
+ import { SvgIcon } from '../components/SvgIcon';
6
+
7
+ function SvgHeight(props: SvgIconPropsWithChildren) {
8
+ return createElement(
9
+ SvgIcon,
10
+ props,
11
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
12
+ <g id="Height">
13
+ <path
14
+ id="Height_2"
15
+ fillRule="evenodd"
16
+ clipRule="evenodd"
17
+ d="M12.3807 23.7933C12.1204 24.0689 11.6983 24.0689 11.4379 23.7933L7.19526 19.301C6.93491 19.0254 6.93491 18.5784 7.19526 18.3028C7.45561 18.0271 7.87772 18.0271 8.13807 18.3028L11.2426 21.59V2.41003L8.13807 5.69723C7.87772 5.97289 7.45561 5.97289 7.19526 5.69723C6.93491 5.42156 6.93491 4.97462 7.19526 4.69896L11.4379 0.206747C11.6983 -0.0689157 12.1204 -0.0689157 12.3807 0.206747L16.6234 4.69896C16.8837 4.97462 16.8837 5.42156 16.6234 5.69723C16.363 5.97289 15.9409 5.97289 15.6805 5.69723L12.576 2.41003V21.59L15.6805 18.3028C15.9409 18.0271 16.363 18.0271 16.6234 18.3028C16.8837 18.5784 16.8837 19.0254 16.6234 19.301L12.3807 23.7933Z"
18
+ fill="currentColor"
19
+ />
20
+ </g>
21
+ </svg>
22
+ );
23
+ }
24
+ export default SvgHeight;