@0xsquid/ui 2.7.1-dex-beta.1 → 2.8.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 (107) hide show
  1. package/dist/cjs/index.js +18509 -18394
  2. package/dist/cjs/types/components/badges/ImageGroup.d.ts +1 -1
  3. package/dist/cjs/types/components/badges/PriceChange.d.ts +2 -2
  4. package/dist/cjs/types/components/badges/index.d.ts +1 -1
  5. package/dist/cjs/types/components/buttons/Button.d.ts +2 -1
  6. package/dist/cjs/types/components/buttons/IconButton.d.ts +0 -2
  7. package/dist/cjs/types/components/controls/LargeNumericInput.d.ts +2 -6
  8. package/dist/cjs/types/components/controls/NumericInput.d.ts +21 -13
  9. package/dist/cjs/types/components/feedback/AnimateNumber.d.ts +8 -0
  10. package/dist/cjs/types/components/feedback/LoadingText.d.ts +7 -0
  11. package/dist/cjs/types/components/feedback/index.d.ts +3 -0
  12. package/dist/cjs/types/components/icons/Arrow.d.ts +1 -6
  13. package/dist/cjs/types/components/icons/CrossAnimatedIcon.d.ts +7 -0
  14. package/dist/cjs/types/components/icons/Generic.d.ts +0 -29
  15. package/dist/cjs/types/components/icons/Loader.d.ts +1 -1
  16. package/dist/cjs/types/components/icons/PaymentIcons.d.ts +12 -0
  17. package/dist/cjs/types/components/icons/SwapInputs.d.ts +4 -1
  18. package/dist/cjs/types/components/icons/Wallet.d.ts +1 -1
  19. package/dist/cjs/types/components/icons/index.d.ts +2 -0
  20. package/dist/cjs/types/components/index.d.ts +1 -1
  21. package/dist/cjs/types/components/layout/AppContainer.d.ts +3 -523
  22. package/dist/cjs/types/components/layout/DropdownMenu.d.ts +0 -1
  23. package/dist/cjs/types/components/layout/NavigationBar.d.ts +2 -1
  24. package/dist/cjs/types/components/layout/SwapConfiguration.d.ts +17 -1
  25. package/dist/cjs/types/components/layout/TokenDetailsView.d.ts +1 -6
  26. package/dist/cjs/types/components/lists/HistoryItem.d.ts +2 -1
  27. package/dist/cjs/types/components/lists/TokenGroup.d.ts +1 -2
  28. package/dist/cjs/types/components/views/SwapProgressView.d.ts +2 -1
  29. package/dist/cjs/types/core/constants.d.ts +1 -1
  30. package/dist/cjs/types/core/index.d.ts +1 -1
  31. package/dist/cjs/types/core/utils.d.ts +16 -0
  32. package/dist/cjs/types/hooks/index.d.ts +3 -2
  33. package/dist/cjs/types/hooks/useMeasure.d.ts +36 -0
  34. package/dist/cjs/types/hooks/useNumericInput.d.ts +35 -0
  35. package/dist/cjs/types/services/internal/colorService.d.ts +0 -2
  36. package/dist/cjs/types/stories/badges/ImageGroup.stories.d.ts +2 -3
  37. package/dist/cjs/types/stories/buttons/Button.stories.d.ts +3 -0
  38. package/dist/cjs/types/stories/buttons/IconButon.stories.d.ts +1 -1
  39. package/dist/cjs/types/stories/controls/NumericInput.stories.d.ts +17 -0
  40. package/dist/cjs/types/stories/feedback/AnimateNumber.stories.d.ts +6 -0
  41. package/dist/{esm/types/stories/badges → cjs/types/stories/feedback}/Loader.stories.d.ts +1 -1
  42. package/dist/cjs/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
  43. package/dist/cjs/types/stories/feedback/LoadingText.stories.d.ts +6 -0
  44. package/dist/cjs/types/stories/layout/NavigationBar.stories.d.ts +1 -0
  45. package/dist/cjs/types/stories/layout/SwapConfiguration.stories.d.ts +1 -1
  46. package/dist/cjs/types/stories/lists/ListItem.stories.d.ts +0 -1
  47. package/dist/cjs/types/stories/lists/TokenGroup.stories.d.ts +0 -1
  48. package/dist/cjs/types/stories/views/SwapProgressView.stories.d.ts +1 -0
  49. package/dist/esm/index.js +18858 -18740
  50. package/dist/esm/types/components/badges/ImageGroup.d.ts +1 -1
  51. package/dist/esm/types/components/badges/PriceChange.d.ts +2 -2
  52. package/dist/esm/types/components/badges/index.d.ts +1 -1
  53. package/dist/esm/types/components/buttons/Button.d.ts +2 -1
  54. package/dist/esm/types/components/buttons/IconButton.d.ts +0 -2
  55. package/dist/esm/types/components/controls/LargeNumericInput.d.ts +2 -6
  56. package/dist/esm/types/components/controls/NumericInput.d.ts +21 -13
  57. package/dist/esm/types/components/feedback/AnimateNumber.d.ts +8 -0
  58. package/dist/esm/types/components/feedback/LoadingText.d.ts +7 -0
  59. package/dist/esm/types/components/feedback/index.d.ts +3 -0
  60. package/dist/esm/types/components/icons/Arrow.d.ts +1 -6
  61. package/dist/esm/types/components/icons/CrossAnimatedIcon.d.ts +7 -0
  62. package/dist/esm/types/components/icons/Generic.d.ts +0 -29
  63. package/dist/esm/types/components/icons/Loader.d.ts +1 -1
  64. package/dist/esm/types/components/icons/PaymentIcons.d.ts +12 -0
  65. package/dist/esm/types/components/icons/SwapInputs.d.ts +4 -1
  66. package/dist/esm/types/components/icons/Wallet.d.ts +1 -1
  67. package/dist/esm/types/components/icons/index.d.ts +2 -0
  68. package/dist/esm/types/components/index.d.ts +1 -1
  69. package/dist/esm/types/components/layout/AppContainer.d.ts +3 -523
  70. package/dist/esm/types/components/layout/DropdownMenu.d.ts +0 -1
  71. package/dist/esm/types/components/layout/NavigationBar.d.ts +2 -1
  72. package/dist/esm/types/components/layout/SwapConfiguration.d.ts +17 -1
  73. package/dist/esm/types/components/layout/TokenDetailsView.d.ts +1 -6
  74. package/dist/esm/types/components/lists/HistoryItem.d.ts +2 -1
  75. package/dist/esm/types/components/lists/TokenGroup.d.ts +1 -2
  76. package/dist/esm/types/components/views/SwapProgressView.d.ts +2 -1
  77. package/dist/esm/types/core/constants.d.ts +1 -1
  78. package/dist/esm/types/core/index.d.ts +1 -1
  79. package/dist/esm/types/core/utils.d.ts +16 -0
  80. package/dist/esm/types/hooks/index.d.ts +3 -2
  81. package/dist/esm/types/hooks/useMeasure.d.ts +36 -0
  82. package/dist/esm/types/hooks/useNumericInput.d.ts +35 -0
  83. package/dist/esm/types/services/internal/colorService.d.ts +0 -2
  84. package/dist/esm/types/stories/badges/ImageGroup.stories.d.ts +2 -3
  85. package/dist/esm/types/stories/buttons/Button.stories.d.ts +3 -0
  86. package/dist/esm/types/stories/buttons/IconButon.stories.d.ts +1 -1
  87. package/dist/esm/types/stories/controls/NumericInput.stories.d.ts +17 -0
  88. package/dist/esm/types/stories/feedback/AnimateNumber.stories.d.ts +6 -0
  89. package/dist/{cjs/types/stories/badges → esm/types/stories/feedback}/Loader.stories.d.ts +1 -1
  90. package/dist/esm/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
  91. package/dist/esm/types/stories/feedback/LoadingText.stories.d.ts +6 -0
  92. package/dist/esm/types/stories/layout/NavigationBar.stories.d.ts +1 -0
  93. package/dist/esm/types/stories/layout/SwapConfiguration.stories.d.ts +1 -1
  94. package/dist/esm/types/stories/lists/ListItem.stories.d.ts +0 -1
  95. package/dist/esm/types/stories/lists/TokenGroup.stories.d.ts +0 -1
  96. package/dist/esm/types/stories/views/SwapProgressView.stories.d.ts +1 -0
  97. package/dist/index.css +1 -1
  98. package/dist/index.d.ts +140 -640
  99. package/package.json +2 -1
  100. package/dist/cjs/types/components/charts/DexChart.d.ts +0 -32
  101. package/dist/cjs/types/components/charts/index.d.ts +0 -1
  102. package/dist/cjs/types/stories/charts/DexChart.stories.d.ts +0 -10
  103. package/dist/esm/types/components/charts/DexChart.d.ts +0 -32
  104. package/dist/esm/types/components/charts/index.d.ts +0 -1
  105. package/dist/esm/types/stories/charts/DexChart.stories.d.ts +0 -10
  106. /package/dist/cjs/types/components/{badges → feedback}/LoadingSkeleton.d.ts +0 -0
  107. /package/dist/esm/types/components/{badges → feedback}/LoadingSkeleton.d.ts +0 -0
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "git+https://github.com/0xsquid/squid-ui.git"
6
6
  },
7
7
  "description": "Squid's UI components",
8
- "version": "2.7.1-dex-beta.1",
8
+ "version": "2.8.0",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {
@@ -36,6 +36,7 @@
36
36
  "date-fns": "^3.6.0",
37
37
  "deepmerge": "4.3.1",
38
38
  "framer-motion": "^11.2.12",
39
+ "motion": "^12.12.1",
39
40
  "react-day-picker": "^8.10.1",
40
41
  "react-device-detect": "2.2.3",
41
42
  "tailwind-merge": "2.3.0",
@@ -1,32 +0,0 @@
1
- /// <reference types="react" />
2
- import { type Timeframe } from "../layout/TokenDetailsView";
3
- interface MarketStat {
4
- label: string;
5
- value: string;
6
- }
7
- export interface ChartMenuItem {
8
- id: string;
9
- label: string;
10
- icon?: React.ReactNode;
11
- }
12
- export interface DexChartProps {
13
- price: string;
14
- priceChange: string | number;
15
- isPositive?: boolean;
16
- selectedTimeSpan: Timeframe;
17
- onTimeSpanChange: (timeSpan: Timeframe) => void;
18
- menuItems?: ChartMenuItem[];
19
- onMenuItemClick?: (itemId: string) => void;
20
- onSettingsOpen?: () => void;
21
- isMenuOpen?: boolean;
22
- menuRef?: React.RefObject<HTMLDivElement>;
23
- dropdownRef?: React.RefObject<HTMLDivElement>;
24
- openDropdownButtonRef?: React.RefObject<HTMLButtonElement>;
25
- stats: MarketStat[];
26
- children?: React.ReactNode;
27
- isLoading?: boolean;
28
- className?: string;
29
- timeSpanOptions?: Timeframe[];
30
- }
31
- export declare function DexChart({ price, priceChange, selectedTimeSpan, onTimeSpanChange, menuItems, onMenuItemClick, onSettingsOpen, isMenuOpen, menuRef, dropdownRef, openDropdownButtonRef, stats, children, isLoading, className, timeSpanOptions, }: DexChartProps): import("react/jsx-runtime").JSX.Element;
32
- export {};
@@ -1 +0,0 @@
1
- export * from "./DexChart";
@@ -1,10 +0,0 @@
1
- import { type Meta, type StoryObj } from "@storybook/react";
2
- import { DexChart } from "../../components/charts/DexChart";
3
- declare const meta: Meta<typeof DexChart>;
4
- export default meta;
5
- type Story = StoryObj<typeof DexChart>;
6
- export declare const Default: Story;
7
- export declare const Negative: Story;
8
- export declare const WithoutMenu: Story;
9
- export declare const Loading: Story;
10
- export declare const MinimalTimeSpans: Story;
@@ -1,32 +0,0 @@
1
- /// <reference types="react" />
2
- import { type Timeframe } from "../layout/TokenDetailsView";
3
- interface MarketStat {
4
- label: string;
5
- value: string;
6
- }
7
- export interface ChartMenuItem {
8
- id: string;
9
- label: string;
10
- icon?: React.ReactNode;
11
- }
12
- export interface DexChartProps {
13
- price: string;
14
- priceChange: string | number;
15
- isPositive?: boolean;
16
- selectedTimeSpan: Timeframe;
17
- onTimeSpanChange: (timeSpan: Timeframe) => void;
18
- menuItems?: ChartMenuItem[];
19
- onMenuItemClick?: (itemId: string) => void;
20
- onSettingsOpen?: () => void;
21
- isMenuOpen?: boolean;
22
- menuRef?: React.RefObject<HTMLDivElement>;
23
- dropdownRef?: React.RefObject<HTMLDivElement>;
24
- openDropdownButtonRef?: React.RefObject<HTMLButtonElement>;
25
- stats: MarketStat[];
26
- children?: React.ReactNode;
27
- isLoading?: boolean;
28
- className?: string;
29
- timeSpanOptions?: Timeframe[];
30
- }
31
- export declare function DexChart({ price, priceChange, selectedTimeSpan, onTimeSpanChange, menuItems, onMenuItemClick, onSettingsOpen, isMenuOpen, menuRef, dropdownRef, openDropdownButtonRef, stats, children, isLoading, className, timeSpanOptions, }: DexChartProps): import("react/jsx-runtime").JSX.Element;
32
- export {};
@@ -1 +0,0 @@
1
- export * from "./DexChart";
@@ -1,10 +0,0 @@
1
- import { type Meta, type StoryObj } from "@storybook/react";
2
- import { DexChart } from "../../components/charts/DexChart";
3
- declare const meta: Meta<typeof DexChart>;
4
- export default meta;
5
- type Story = StoryObj<typeof DexChart>;
6
- export declare const Default: Story;
7
- export declare const Negative: Story;
8
- export declare const WithoutMenu: Story;
9
- export declare const Loading: Story;
10
- export declare const MinimalTimeSpans: Story;