@0xsquid/ui 0.2.0 → 0.4.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 (124) hide show
  1. package/README.md +20 -0
  2. package/dist/cjs/index.js +375 -310
  3. package/dist/cjs/types/components/buttons/AssetsButton.d.ts +10 -0
  4. package/dist/cjs/types/components/buttons/BoostButton.d.ts +1 -1
  5. package/dist/cjs/types/components/buttons/SettingsButton.d.ts +4 -0
  6. package/dist/cjs/types/components/buttons/index.d.ts +2 -1
  7. package/dist/cjs/types/components/controls/SettingsSlider.d.ts +5 -0
  8. package/dist/cjs/types/components/controls/Switch.d.ts +2 -2
  9. package/dist/cjs/types/components/controls/Tooltip.d.ts +4 -2
  10. package/dist/cjs/types/components/controls/index.d.ts +1 -0
  11. package/dist/cjs/types/components/icons/Arrow.d.ts +20 -0
  12. package/dist/cjs/types/components/icons/Clock.d.ts +8 -0
  13. package/dist/cjs/types/components/icons/Coins.d.ts +4 -0
  14. package/dist/cjs/types/components/icons/CompassRound.d.ts +8 -0
  15. package/dist/cjs/types/components/icons/DashboardFast.d.ts +4 -0
  16. package/dist/cjs/types/components/icons/DotGrid.d.ts +4 -1
  17. package/dist/cjs/types/components/icons/Help.d.ts +16 -0
  18. package/dist/cjs/types/components/icons/Infinity.d.ts +4 -0
  19. package/dist/cjs/types/components/icons/Lightning.d.ts +4 -0
  20. package/dist/cjs/types/components/icons/SquidLogo.d.ts +1 -0
  21. package/dist/cjs/types/components/icons/SwapStepSeparator.d.ts +1 -0
  22. package/dist/cjs/types/components/icons/TradingViewSteps.d.ts +4 -0
  23. package/dist/cjs/types/components/layout/Boost.d.ts +9 -1
  24. package/dist/cjs/types/components/layout/DropdownMenu.d.ts +9 -0
  25. package/dist/cjs/types/components/layout/Menu.d.ts +6 -2
  26. package/dist/cjs/types/components/layout/NavigationBar.d.ts +3 -1
  27. package/dist/cjs/types/components/layout/SwapConfiguration.d.ts +3 -0
  28. package/dist/cjs/types/components/layout/SwapProgressViewHeader.d.ts +6 -0
  29. package/dist/cjs/types/components/layout/SwapStepsCollapsed.d.ts +5 -0
  30. package/dist/cjs/types/components/layout/TokenPair.d.ts +12 -0
  31. package/dist/cjs/types/components/layout/index.d.ts +3 -0
  32. package/dist/cjs/types/components/lists/DropdownMenuItem.d.ts +3 -3
  33. package/dist/cjs/types/components/lists/SettingsItem.d.ts +9 -0
  34. package/dist/cjs/types/components/lists/SwapDetailListItem.d.ts +8 -0
  35. package/dist/cjs/types/components/lists/SwapStepItem.d.ts +9 -0
  36. package/dist/cjs/types/components/lists/index.d.ts +3 -0
  37. package/dist/cjs/types/components/views/ProfileView.d.ts +1 -0
  38. package/dist/cjs/types/components/views/SwapDetailsView.d.ts +1 -0
  39. package/dist/cjs/types/core/themes.d.ts +2 -0
  40. package/dist/cjs/types/hooks/index.d.ts +1 -0
  41. package/dist/cjs/types/hooks/useModal.d.ts +10 -0
  42. package/dist/cjs/types/index.d.ts +1 -0
  43. package/dist/cjs/types/providers/SquidConfigProvider.d.ts +4 -2
  44. package/dist/cjs/types/stories/buttons/{Dropdown.stories.d.ts → AssetsButton.stories.d.ts} +3 -2
  45. package/dist/cjs/types/stories/buttons/SettingsButton.stories.d.ts +6 -0
  46. package/dist/cjs/types/stories/controls/SettingsSlider.stories.d.ts +7 -0
  47. package/dist/cjs/types/stories/layout/Boost.stories.d.ts +6 -0
  48. package/dist/cjs/types/stories/layout/DropdownMenu.stories.d.ts +6 -0
  49. package/dist/cjs/types/stories/layout/Menu.stories.d.ts +2 -0
  50. package/dist/cjs/types/stories/layout/NavigationBar.stories.d.ts +1 -0
  51. package/dist/cjs/types/stories/layout/SwapProgressView.stories.d.ts +9 -0
  52. package/dist/cjs/types/stories/layout/SwapProgressViewHeader.stories.d.ts +6 -0
  53. package/dist/cjs/types/stories/layout/TokenPair.stories.d.ts +6 -0
  54. package/dist/cjs/types/stories/lists/SettingsItem.stories.d.ts +9 -0
  55. package/dist/cjs/types/stories/lists/SwapDetailListItem.stories.d.ts +7 -0
  56. package/dist/cjs/types/stories/lists/SwapStepItem.stories.d.ts +10 -0
  57. package/dist/cjs/types/stories/views/ProfileView.stories.d.ts +6 -0
  58. package/dist/cjs/types/stories/views/SwapDetailsView.stories.d.ts +6 -0
  59. package/dist/cjs/types/types/components.d.ts +11 -0
  60. package/dist/cjs/types/types/config.d.ts +1 -0
  61. package/dist/esm/index.js +367 -311
  62. package/dist/esm/types/components/buttons/AssetsButton.d.ts +10 -0
  63. package/dist/esm/types/components/buttons/BoostButton.d.ts +1 -1
  64. package/dist/esm/types/components/buttons/SettingsButton.d.ts +4 -0
  65. package/dist/esm/types/components/buttons/index.d.ts +2 -1
  66. package/dist/esm/types/components/controls/SettingsSlider.d.ts +5 -0
  67. package/dist/esm/types/components/controls/Switch.d.ts +2 -2
  68. package/dist/esm/types/components/controls/Tooltip.d.ts +4 -2
  69. package/dist/esm/types/components/controls/index.d.ts +1 -0
  70. package/dist/esm/types/components/icons/Arrow.d.ts +20 -0
  71. package/dist/esm/types/components/icons/Clock.d.ts +8 -0
  72. package/dist/esm/types/components/icons/Coins.d.ts +4 -0
  73. package/dist/esm/types/components/icons/CompassRound.d.ts +8 -0
  74. package/dist/esm/types/components/icons/DashboardFast.d.ts +4 -0
  75. package/dist/esm/types/components/icons/DotGrid.d.ts +4 -1
  76. package/dist/esm/types/components/icons/Help.d.ts +16 -0
  77. package/dist/esm/types/components/icons/Infinity.d.ts +4 -0
  78. package/dist/esm/types/components/icons/Lightning.d.ts +4 -0
  79. package/dist/esm/types/components/icons/SquidLogo.d.ts +1 -0
  80. package/dist/esm/types/components/icons/SwapStepSeparator.d.ts +1 -0
  81. package/dist/esm/types/components/icons/TradingViewSteps.d.ts +4 -0
  82. package/dist/esm/types/components/layout/Boost.d.ts +9 -1
  83. package/dist/esm/types/components/layout/DropdownMenu.d.ts +9 -0
  84. package/dist/esm/types/components/layout/Menu.d.ts +6 -2
  85. package/dist/esm/types/components/layout/NavigationBar.d.ts +3 -1
  86. package/dist/esm/types/components/layout/SwapConfiguration.d.ts +3 -0
  87. package/dist/esm/types/components/layout/SwapProgressViewHeader.d.ts +6 -0
  88. package/dist/esm/types/components/layout/SwapStepsCollapsed.d.ts +5 -0
  89. package/dist/esm/types/components/layout/TokenPair.d.ts +12 -0
  90. package/dist/esm/types/components/layout/index.d.ts +3 -0
  91. package/dist/esm/types/components/lists/DropdownMenuItem.d.ts +3 -3
  92. package/dist/esm/types/components/lists/SettingsItem.d.ts +9 -0
  93. package/dist/esm/types/components/lists/SwapDetailListItem.d.ts +8 -0
  94. package/dist/esm/types/components/lists/SwapStepItem.d.ts +9 -0
  95. package/dist/esm/types/components/lists/index.d.ts +3 -0
  96. package/dist/esm/types/components/views/ProfileView.d.ts +1 -0
  97. package/dist/esm/types/components/views/SwapDetailsView.d.ts +1 -0
  98. package/dist/esm/types/core/themes.d.ts +2 -0
  99. package/dist/esm/types/hooks/index.d.ts +1 -0
  100. package/dist/esm/types/hooks/useModal.d.ts +10 -0
  101. package/dist/esm/types/index.d.ts +1 -0
  102. package/dist/esm/types/providers/SquidConfigProvider.d.ts +4 -2
  103. package/dist/esm/types/stories/buttons/{Dropdown.stories.d.ts → AssetsButton.stories.d.ts} +3 -2
  104. package/dist/esm/types/stories/buttons/SettingsButton.stories.d.ts +6 -0
  105. package/dist/esm/types/stories/controls/SettingsSlider.stories.d.ts +7 -0
  106. package/dist/esm/types/stories/layout/Boost.stories.d.ts +6 -0
  107. package/dist/esm/types/stories/layout/DropdownMenu.stories.d.ts +6 -0
  108. package/dist/esm/types/stories/layout/Menu.stories.d.ts +2 -0
  109. package/dist/esm/types/stories/layout/NavigationBar.stories.d.ts +1 -0
  110. package/dist/esm/types/stories/layout/SwapProgressView.stories.d.ts +9 -0
  111. package/dist/esm/types/stories/layout/SwapProgressViewHeader.stories.d.ts +6 -0
  112. package/dist/esm/types/stories/layout/TokenPair.stories.d.ts +6 -0
  113. package/dist/esm/types/stories/lists/SettingsItem.stories.d.ts +9 -0
  114. package/dist/esm/types/stories/lists/SwapDetailListItem.stories.d.ts +7 -0
  115. package/dist/esm/types/stories/lists/SwapStepItem.stories.d.ts +10 -0
  116. package/dist/esm/types/stories/views/ProfileView.stories.d.ts +6 -0
  117. package/dist/esm/types/stories/views/SwapDetailsView.stories.d.ts +6 -0
  118. package/dist/esm/types/types/components.d.ts +11 -0
  119. package/dist/esm/types/types/config.d.ts +1 -0
  120. package/dist/index.css +338 -55
  121. package/dist/index.d.ts +119 -20
  122. package/package.json +3 -3
  123. package/dist/cjs/types/components/buttons/Dropdown.d.ts +0 -7
  124. package/dist/esm/types/components/buttons/Dropdown.d.ts +0 -7
package/README.md CHANGED
@@ -70,3 +70,23 @@ yarn format:fix
70
70
  ```bash
71
71
  yarn lint:fix
72
72
  ```
73
+
74
+ ### Images
75
+
76
+ In case you need to add images somewhere that need to be included in the final bundle, convert them to base64 instead.
77
+
78
+ Example:
79
+
80
+ ```diff
81
+ .my-image {
82
+ - background-image: url('my-image.png');
83
+ + background-image: url('data:image/png;base64,iVBORw0...');
84
+ }
85
+ ```
86
+
87
+ Or in a React component:
88
+
89
+ ```diff
90
+ - <img src="my-image.png" />
91
+ + <img src="data:image/png;base64,iVBORw0..." />
92
+ ```