xtreme-ui 0.0.1 → 0.0.3

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 (48) hide show
  1. package/dist/components/base/Button/Button.d.ts +3 -32
  2. package/dist/components/base/Button/Button.d.ts.map +1 -1
  3. package/dist/components/base/Button/types.d.ts +32 -0
  4. package/dist/components/base/Button/types.d.ts.map +1 -0
  5. package/dist/components/base/Icon/Icon.d.ts +3 -12
  6. package/dist/components/base/Icon/Icon.d.ts.map +1 -1
  7. package/dist/components/base/Icon/types.d.ts +12 -0
  8. package/dist/components/base/Icon/types.d.ts.map +1 -0
  9. package/dist/components/base/ProgressBar/ProgressBar.d.ts +3 -6
  10. package/dist/components/base/ProgressBar/ProgressBar.d.ts.map +1 -1
  11. package/dist/components/base/ProgressBar/types.d.ts +6 -0
  12. package/dist/components/base/ProgressBar/types.d.ts.map +1 -0
  13. package/dist/components/base/Textfield/Textfield.d.ts +3 -22
  14. package/dist/components/base/Textfield/Textfield.d.ts.map +1 -1
  15. package/dist/components/base/Textfield/types.d.ts +21 -1
  16. package/dist/components/base/Textfield/types.d.ts.map +1 -1
  17. package/dist/components/index.d.ts.map +1 -1
  18. package/dist/components/layout/Navigation/Navigation.d.ts +3 -7
  19. package/dist/components/layout/Navigation/Navigation.d.ts.map +1 -1
  20. package/dist/components/layout/Navigation/types.d.ts +5 -0
  21. package/dist/components/layout/Navigation/types.d.ts.map +1 -1
  22. package/dist/components/layout/Sider/Sider.d.ts +3 -18
  23. package/dist/components/layout/Sider/Sider.d.ts.map +1 -1
  24. package/dist/components/layout/Sider/types.d.ts +18 -0
  25. package/dist/components/layout/Sider/types.d.ts.map +1 -0
  26. package/dist/index.es.js +603 -603
  27. package/dist/index.umd.js +10 -10
  28. package/dist/style.css +1 -1
  29. package/dist/utils/function/mergeRefs.d.ts +3 -0
  30. package/dist/utils/function/mergeRefs.d.ts.map +1 -0
  31. package/package.json +3 -4
  32. package/dist/components/base/Button/Button.stories.d.ts +0 -57
  33. package/dist/components/base/Button/Button.stories.d.ts.map +0 -1
  34. package/dist/components/base/Icon/Icon.stories.d.ts +0 -38
  35. package/dist/components/base/Icon/Icon.stories.d.ts.map +0 -1
  36. package/dist/components/base/ProgressBar/ProgressBar.stories.d.ts +0 -33
  37. package/dist/components/base/ProgressBar/ProgressBar.stories.d.ts.map +0 -1
  38. package/dist/components/base/Textfield/Textfield.stories.d.ts +0 -37
  39. package/dist/components/base/Textfield/Textfield.stories.d.ts.map +0 -1
  40. package/dist/components/layout/Navigation/Navigation.stories.d.ts +0 -16
  41. package/dist/components/layout/Navigation/Navigation.stories.d.ts.map +0 -1
  42. package/dist/components/layout/Navigation/Routes.d.ts +0 -3
  43. package/dist/components/layout/Navigation/Routes.d.ts.map +0 -1
  44. package/dist/components/layout/Sider/Sider.stories.d.ts +0 -41
  45. package/dist/components/layout/Sider/Sider.stories.d.ts.map +0 -1
  46. package/dist/utils/helper/fontHelper.d.ts +0 -1
  47. package/dist/utils/helper/fontHelper.d.ts.map +0 -1
  48. package/dist/vite.svg +0 -1
@@ -0,0 +1,3 @@
1
+ import { LegacyRef, MutableRefObject, RefCallback } from 'react';
2
+ export declare const mergeRefs: <T>(refs: (MutableRefObject<T> | LegacyRef<T>)[]) => RefCallback<T>;
3
+ //# sourceMappingURL=mergeRefs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mergeRefs.d.ts","sourceRoot":"","sources":["../../src/utils/function/mergeRefs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEjE,eAAO,MAAM,SAAS,qEAUrB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xtreme-ui",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "type": "module",
5
5
  "main": "./dist/index.umd.js",
6
6
  "module": "./dist/index.es.js",
@@ -18,8 +18,6 @@
18
18
  "react-dom": "^18.2.0"
19
19
  },
20
20
  "devDependencies": {
21
- "@fontsource-variable/material-symbols-rounded": "^5.0.5",
22
- "@fontsource-variable/montserrat": "^5.0.6",
23
21
  "@storybook/addon-essentials": "7.0.26",
24
22
  "@storybook/addon-interactions": "7.0.26",
25
23
  "@storybook/addon-links": "7.0.26",
@@ -36,7 +34,6 @@
36
34
  "@typescript-eslint/parser": "^5.61.0",
37
35
  "@vitejs/plugin-react": "^4.0.2",
38
36
  "@vitejs/plugin-react-swc": "^3.3.2",
39
- "chromatic": "^6.19.9",
40
37
  "clsx": "^1.2.1",
41
38
  "eslint": "^8.44.0",
42
39
  "eslint-import-resolver-typescript": "^3.5.5",
@@ -76,6 +73,8 @@
76
73
  "react",
77
74
  "javascript",
78
75
  "design-systems",
76
+ "ui",
77
+ "ui-library",
79
78
  "typescript",
80
79
  "react-components",
81
80
  "vite"
@@ -1,57 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: (props: import("./Button").TButtonProps) => import("react/jsx-runtime").JSX.Element | null;
5
- tags: string[];
6
- argTypes: {
7
- className: {
8
- control: boolean;
9
- };
10
- onClick: {
11
- control: boolean;
12
- };
13
- size: {
14
- defaultValue: {
15
- summary: string;
16
- };
17
- };
18
- iconPosition: {
19
- defaultValue: {
20
- summary: string;
21
- };
22
- };
23
- iconFilled: {
24
- defaultValue: {
25
- summary: boolean;
26
- };
27
- };
28
- };
29
- args: {
30
- disabled: false;
31
- loading: false;
32
- iconPosition: "left";
33
- iconFilled: false;
34
- };
35
- };
36
- export default meta;
37
- type Story = StoryObj<typeof meta>;
38
- export declare const Primary: Story;
39
- export declare const PrimaryWithIcon: Story;
40
- export declare const PrimaryDisabled: Story;
41
- export declare const PrimaryLoading: Story;
42
- export declare const PrimaryIconButton: Story;
43
- export declare const PrimaryIconButtonDisabled: Story;
44
- export declare const PrimaryIconButtonLoading: Story;
45
- export declare const PrimaryDanger: Story;
46
- export declare const Secondary: Story;
47
- export declare const SecondaryWithIcon: Story;
48
- export declare const SecondaryDisabled: Story;
49
- export declare const SecondaryLoading: Story;
50
- export declare const SecondaryIconButton: Story;
51
- export declare const SecondaryIconButtonDisabled: Story;
52
- export declare const SecondaryIconButtonLoading: Story;
53
- export declare const SecondaryDanger: Story;
54
- export declare const Link: Story;
55
- export declare const LinkWithIcon: Story;
56
- export declare const LinkDanger: Story;
57
- //# sourceMappingURL=Button.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/base/Button/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC;AACF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,KAM/B,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,KAOvC,CAAC;AACF,eAAO,MAAM,wBAAwB,EAAE,KAOtC,CAAC;AACF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AACF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC;AACF,eAAO,MAAM,2BAA2B,EAAE,KAOzC,CAAC;AACF,eAAO,MAAM,0BAA0B,EAAE,KAOxC,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AACF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AACF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}
@@ -1,38 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: (props: import("./Icon").IIconProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- argTypes: {
7
- className: {
8
- control: boolean;
9
- };
10
- filled: {
11
- defaultValue: {
12
- summary: boolean;
13
- };
14
- };
15
- size: {
16
- control: {
17
- type: string;
18
- min: number;
19
- max: number;
20
- step: number;
21
- };
22
- defaultValue: {
23
- summary: number;
24
- };
25
- };
26
- };
27
- args: {
28
- name: string;
29
- size: number;
30
- filled: false;
31
- };
32
- };
33
- export default meta;
34
- type Story = StoryObj<typeof meta>;
35
- export declare const Default: Story;
36
- export declare const Filled: Story;
37
- export declare const Large: Story;
38
- //# sourceMappingURL=Icon.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/base/Icon/Icon.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AACF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}
@@ -1,33 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: (props: import("./ProgressBar").IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- argTypes: {
7
- className: {
8
- control: boolean;
9
- };
10
- progress: {
11
- control: {
12
- type: string;
13
- min: number;
14
- max: number;
15
- step: number;
16
- };
17
- };
18
- intermediate: {
19
- defaultValue: {
20
- summary: boolean;
21
- };
22
- };
23
- };
24
- args: {
25
- progress: number;
26
- intermediate: false;
27
- };
28
- };
29
- export default meta;
30
- type Story = StoryObj<typeof meta>;
31
- export declare const Default: Story;
32
- export declare const Intermediate: Story;
33
- //# sourceMappingURL=ProgressBar.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/base/ProgressBar/ProgressBar.stories.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAe0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AACF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC"}
@@ -1,37 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: (props: import("./Textfield").TTextfieldProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: string[];
6
- argTypes: {
7
- className: {
8
- control: boolean;
9
- };
10
- type: {
11
- defaultValue: {
12
- summary: string;
13
- };
14
- };
15
- autoComplete: {
16
- defaultValue: {
17
- summary: string;
18
- };
19
- };
20
- textarea: {
21
- defaultValue: {
22
- summary: boolean;
23
- };
24
- };
25
- };
26
- args: {
27
- type: "text";
28
- placeholder: string;
29
- textarea: false;
30
- autoComplete: "off";
31
- };
32
- };
33
- export default meta;
34
- type Story = StoryObj<typeof meta>;
35
- export declare const Default: Story;
36
- export declare const Textarea: Story;
37
- //# sourceMappingURL=Textfield.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Textfield.stories.d.ts","sourceRoot":"","sources":["../../../src/components/base/Textfield/Textfield.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}
@@ -1,16 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: (props: import("./Navigation").TNavigationProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: never[];
6
- argTypes: {
7
- className: {
8
- control: boolean;
9
- };
10
- };
11
- args: {};
12
- };
13
- export default meta;
14
- type Story = StoryObj<typeof meta>;
15
- export declare const Default: Story;
16
- //# sourceMappingURL=Navigation.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Navigation.stories.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Navigation/Navigation.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;CAUyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -1,3 +0,0 @@
1
- import { TNavigationRoute } from './types';
2
- export declare const Routes: (props: TNavigationRoute) => import("react/jsx-runtime").JSX.Element;
3
- //# sourceMappingURL=Routes.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Navigation/Routes.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAU3C,eAAO,MAAM,MAAM,UAAW,gBAAgB,4CAqB7C,CAAC"}
@@ -1,41 +0,0 @@
1
- import type { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: (props: import("./Sider").TSiderProps) => import("react/jsx-runtime").JSX.Element;
5
- tags: never[];
6
- argTypes: {
7
- className: {
8
- control: boolean;
9
- };
10
- leftSider: {
11
- control: boolean;
12
- };
13
- rightSider: {
14
- control: boolean;
15
- };
16
- open: {
17
- defaultValue: {
18
- summary: string;
19
- };
20
- };
21
- showMiniLeftSider: {
22
- defaultValue: {
23
- summary: boolean;
24
- };
25
- };
26
- showMiniRightSider: {
27
- defaultValue: {
28
- summary: boolean;
29
- };
30
- };
31
- };
32
- args: {
33
- leftSider: import("react/jsx-runtime").JSX.Element;
34
- open: "closed";
35
- showMiniLeftSider: true;
36
- };
37
- };
38
- export default meta;
39
- type Story = StoryObj<typeof meta>;
40
- export declare const Default: Story;
41
- //# sourceMappingURL=Sider.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Sider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Sider/Sider.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=fontHelper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fontHelper.d.ts","sourceRoot":"","sources":["../../src/utils/helper/fontHelper.ts"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AACvD,OAAO,wDAAwD,CAAC;AAChE,OAAO,iCAAiC,CAAC"}
package/dist/vite.svg DELETED
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>