@duro-app/ui 0.1.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/LICENSE +21 -0
- package/dist/components/Alert/Alert.d.ts +9 -0
- package/dist/components/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alert/Alert.stories.d.ts +11 -0
- package/dist/components/Alert/Alert.stories.d.ts.map +1 -0
- package/dist/components/Alert/styles.css.d.ts +32 -0
- package/dist/components/Alert/styles.css.d.ts.map +1 -0
- package/dist/components/Badge/Badge.d.ts +11 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.stories.d.ts +13 -0
- package/dist/components/Badge/Badge.stories.d.ts.map +1 -0
- package/dist/components/Badge/styles.css.d.ts +48 -0
- package/dist/components/Badge/styles.css.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +15 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.stories.d.ts +14 -0
- package/dist/components/Button/Button.stories.d.ts.map +1 -0
- package/dist/components/Button/styles.css.d.ts +69 -0
- package/dist/components/Button/styles.css.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts +13 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.stories.d.ts +13 -0
- package/dist/components/Card/Card.stories.d.ts.map +1 -0
- package/dist/components/Card/styles.css.d.ts +51 -0
- package/dist/components/Card/styles.css.d.ts.map +1 -0
- package/dist/components/Field/Field.d.ts +26 -0
- package/dist/components/Field/Field.d.ts.map +1 -0
- package/dist/components/Field/Field.stories.d.ts +8 -0
- package/dist/components/Field/Field.stories.d.ts.map +1 -0
- package/dist/components/Field/FieldContext.d.ts +10 -0
- package/dist/components/Field/FieldContext.d.ts.map +1 -0
- package/dist/components/Field/styles.css.d.ts +22 -0
- package/dist/components/Field/styles.css.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +21 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/Input.stories.d.ts +11 -0
- package/dist/components/Input/Input.stories.d.ts.map +1 -0
- package/dist/components/Input/styles.css.d.ts +32 -0
- package/dist/components/Input/styles.css.d.ts.map +1 -0
- package/dist/components/Menu/Menu.d.ts +32 -0
- package/dist/components/Menu/Menu.d.ts.map +1 -0
- package/dist/components/Menu/Menu.stories.d.ts +8 -0
- package/dist/components/Menu/Menu.stories.d.ts.map +1 -0
- package/dist/components/Menu/MenuContext.d.ts +13 -0
- package/dist/components/Menu/MenuContext.d.ts.map +1 -0
- package/dist/components/Menu/styles.css.d.ts +79 -0
- package/dist/components/Menu/styles.css.d.ts.map +1 -0
- package/dist/components/Menu/useMenuRoot.d.ts +6 -0
- package/dist/components/Menu/useMenuRoot.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +33 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.stories.d.ts +7 -0
- package/dist/components/ScrollArea/ScrollArea.stories.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollAreaContext.d.ts +14 -0
- package/dist/components/ScrollArea/ScrollAreaContext.d.ts.map +1 -0
- package/dist/components/ScrollArea/styles.css.d.ts +74 -0
- package/dist/components/ScrollArea/styles.css.d.ts.map +1 -0
- package/dist/components/ScrollArea/useScrollAreaRoot.d.ts +3 -0
- package/dist/components/ScrollArea/useScrollAreaRoot.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +40 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/Select.stories.d.ts +8 -0
- package/dist/components/Select/Select.stories.d.ts.map +1 -0
- package/dist/components/Select/SelectContext.d.ts +17 -0
- package/dist/components/Select/SelectContext.d.ts.map +1 -0
- package/dist/components/Select/styles.css.d.ts +90 -0
- package/dist/components/Select/styles.css.d.ts.map +1 -0
- package/dist/components/Select/useSelectRoot.d.ts +12 -0
- package/dist/components/Select/useSelectRoot.d.ts.map +1 -0
- package/dist/components/SideNav/SideNav.d.ts +27 -0
- package/dist/components/SideNav/SideNav.d.ts.map +1 -0
- package/dist/components/SideNav/SideNavContext.d.ts +11 -0
- package/dist/components/SideNav/SideNavContext.d.ts.map +1 -0
- package/dist/components/SideNav/styles.css.d.ts +74 -0
- package/dist/components/SideNav/styles.css.d.ts.map +1 -0
- package/dist/components/Table/Table.d.ts +35 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.stories.d.ts +10 -0
- package/dist/components/Table/Table.stories.d.ts.map +1 -0
- package/dist/components/Table/styles.css.d.ts +70 -0
- package/dist/components/Table/styles.css.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +32 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.stories.d.ts +9 -0
- package/dist/components/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/components/Tabs/TabsContext.d.ts +12 -0
- package/dist/components/Tabs/TabsContext.d.ts.map +1 -0
- package/dist/components/Tabs/styles.css.d.ts +80 -0
- package/dist/components/Tabs/styles.css.d.ts.map +1 -0
- package/dist/components/Tabs/useTabsRoot.d.ts +10 -0
- package/dist/components/Tabs/useTabsRoot.d.ts.map +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +9 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -0
- package/dist/components/ThemeProvider/ThemeProvider.stories.d.ts +10 -0
- package/dist/components/ThemeProvider/ThemeProvider.stories.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +19 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts +9 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -0
- package/dist/components/Tooltip/styles.css.d.ts +52 -0
- package/dist/components/Tooltip/styles.css.d.ts.map +1 -0
- package/dist/hooks/useControllableValue.d.ts +2 -0
- package/dist/hooks/useControllableValue.d.ts.map +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1850 -0
- package/dist/index.js.map +1 -0
- package/package.json +59 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Frederic Rousseau
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type AlertVariant = 'error' | 'success' | 'warning' | 'info';
|
|
3
|
+
interface AlertProps {
|
|
4
|
+
variant?: AlertVariant;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare function Alert({ variant, children }: AlertProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AAEnE,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAC,OAAgB,EAAE,QAAQ,EAAC,EAAE,UAAU,2CAM7D"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Alert } from './Alert';
|
|
3
|
+
declare const meta: Meta<typeof Alert>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Alert>;
|
|
6
|
+
export declare const Error: Story;
|
|
7
|
+
export declare const Success: Story;
|
|
8
|
+
export declare const Warning: Story;
|
|
9
|
+
export declare const Info: Story;
|
|
10
|
+
export declare const AllVariants: Story;
|
|
11
|
+
//# sourceMappingURL=Alert.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAS5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly padding: css.StyleXClassNameFor<"padding", string>;
|
|
5
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
6
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
7
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
8
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
9
|
+
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
10
|
+
}>;
|
|
11
|
+
readonly error: Readonly<{
|
|
12
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
13
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
14
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
15
|
+
}>;
|
|
16
|
+
readonly success: Readonly<{
|
|
17
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
18
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
19
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
20
|
+
}>;
|
|
21
|
+
readonly warning: Readonly<{
|
|
22
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
23
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
24
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
25
|
+
}>;
|
|
26
|
+
readonly info: Readonly<{
|
|
27
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
28
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
29
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
30
|
+
}>;
|
|
31
|
+
}>;
|
|
32
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BjB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type BadgeVariant = 'default' | 'success' | 'warning' | 'error' | 'info';
|
|
3
|
+
export type BadgeSize = 'sm' | 'md';
|
|
4
|
+
interface BadgeProps {
|
|
5
|
+
variant?: BadgeVariant;
|
|
6
|
+
size?: BadgeSize;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare function Badge({ variant, size, children }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC/E,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;AAEnC,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAOD,wBAAgB,KAAK,CAAC,EAAC,OAAmB,EAAE,IAAW,EAAE,QAAQ,EAAC,EAAE,UAAU,2CAE7E"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Badge } from './Badge';
|
|
3
|
+
declare const meta: Meta<typeof Badge>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Badge>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Success: Story;
|
|
8
|
+
export declare const Warning: Story;
|
|
9
|
+
export declare const Error: Story;
|
|
10
|
+
export declare const Info: Story;
|
|
11
|
+
export declare const Small: Story;
|
|
12
|
+
export declare const AllVariants: Story;
|
|
13
|
+
//# sourceMappingURL=Badge.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAa5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAErB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAmCzB,CAAA"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
5
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
6
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
7
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
8
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
9
|
+
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", 1>;
|
|
10
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
11
|
+
readonly whiteSpace: css.StyleXClassNameFor<"whiteSpace", "nowrap">;
|
|
12
|
+
}>;
|
|
13
|
+
readonly sizeMd: Readonly<{
|
|
14
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
15
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
16
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
17
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
18
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
19
|
+
}>;
|
|
20
|
+
readonly sizeSm: Readonly<{
|
|
21
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", 2>;
|
|
22
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", 2>;
|
|
23
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
24
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
25
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", "0.625rem">;
|
|
26
|
+
}>;
|
|
27
|
+
readonly default: Readonly<{
|
|
28
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
29
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
30
|
+
}>;
|
|
31
|
+
readonly success: Readonly<{
|
|
32
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
33
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
34
|
+
}>;
|
|
35
|
+
readonly warning: Readonly<{
|
|
36
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
37
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
38
|
+
}>;
|
|
39
|
+
readonly error: Readonly<{
|
|
40
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
41
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
42
|
+
}>;
|
|
43
|
+
readonly info: Readonly<{
|
|
44
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
45
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
46
|
+
}>;
|
|
47
|
+
}>;
|
|
48
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CjB,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type ButtonVariant = 'primary' | 'secondary' | 'link' | 'danger';
|
|
3
|
+
export type ButtonSize = 'default' | 'small';
|
|
4
|
+
interface ButtonProps {
|
|
5
|
+
variant?: ButtonVariant;
|
|
6
|
+
size?: ButtonSize;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
type?: 'button' | 'submit';
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
children: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare function Button({ variant, size, fullWidth, disabled, type, onClick, children, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAA;AACvE,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;AAE5C,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAOD,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAgB,EAChB,SAAiB,EACjB,QAAgB,EAChB,IAAe,EACf,OAAO,EACP,QAAQ,GACT,EAAE,WAAW,2CAiBb"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Button } from './Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Secondary: Story;
|
|
8
|
+
export declare const Link: Story;
|
|
9
|
+
export declare const Danger: Story;
|
|
10
|
+
export declare const Small: Story;
|
|
11
|
+
export declare const FullWidth: Story;
|
|
12
|
+
export declare const Disabled: Story;
|
|
13
|
+
export declare const AllVariants: Story;
|
|
14
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAkB7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAOD,eAAO,MAAM,WAAW,EAAE,KAwCzB,CAAA"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "inline-flex">;
|
|
5
|
+
readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
|
|
6
|
+
readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
|
|
7
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
8
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
9
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
10
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
11
|
+
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
12
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
13
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
14
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
15
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
16
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color, color, opacity">;
|
|
17
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
18
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
|
|
19
|
+
readonly textDecoration: css.StyleXClassNameFor<"textDecoration", "none">;
|
|
20
|
+
readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0 | 2>;
|
|
21
|
+
readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
|
|
22
|
+
readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
|
|
23
|
+
readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", 0 | 2>;
|
|
24
|
+
}>;
|
|
25
|
+
readonly sizeDefault: Readonly<{
|
|
26
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
27
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
28
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
29
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
30
|
+
}>;
|
|
31
|
+
readonly sizeSmall: Readonly<{
|
|
32
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
33
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
34
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
35
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
36
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
37
|
+
}>;
|
|
38
|
+
readonly primary: Readonly<{
|
|
39
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
40
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
41
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
42
|
+
}>;
|
|
43
|
+
readonly secondary: Readonly<{
|
|
44
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
45
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
46
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
47
|
+
}>;
|
|
48
|
+
readonly link: Readonly<{
|
|
49
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
50
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", "transparent">;
|
|
51
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
52
|
+
readonly textDecoration: css.StyleXClassNameFor<"textDecoration", "none" | "underline">;
|
|
53
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", 0>;
|
|
54
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", 0>;
|
|
55
|
+
}>;
|
|
56
|
+
readonly danger: Readonly<{
|
|
57
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
58
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
59
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
60
|
+
}>;
|
|
61
|
+
readonly fullWidth: Readonly<{
|
|
62
|
+
readonly width: css.StyleXClassNameFor<"width", "100%">;
|
|
63
|
+
}>;
|
|
64
|
+
readonly disabled: Readonly<{
|
|
65
|
+
readonly opacity: css.StyleXClassNameFor<"opacity", 0.5>;
|
|
66
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "not-allowed">;
|
|
67
|
+
}>;
|
|
68
|
+
}>;
|
|
69
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Button/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGjB,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type CardVariant = 'elevated' | 'outlined' | 'filled' | 'interactive';
|
|
3
|
+
export type CardSize = 'default' | 'compact' | 'full';
|
|
4
|
+
interface CardProps {
|
|
5
|
+
variant?: CardVariant;
|
|
6
|
+
size?: CardSize;
|
|
7
|
+
header?: string;
|
|
8
|
+
onClick?: () => void;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export declare function Card({ variant, size, header, onClick, children, }: CardProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,aAAa,CAAA;AAC5E,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;AAErD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAQD,wBAAgB,IAAI,CAAC,EACnB,OAAoB,EACpB,IAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,SAAS,2CAOX"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Card } from './Card';
|
|
3
|
+
declare const meta: Meta<typeof Card>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Card>;
|
|
6
|
+
export declare const Elevated: Story;
|
|
7
|
+
export declare const Outlined: Story;
|
|
8
|
+
export declare const Filled: Story;
|
|
9
|
+
export declare const Interactive: Story;
|
|
10
|
+
export declare const Compact: Story;
|
|
11
|
+
export declare const Full: Story;
|
|
12
|
+
export declare const AllVariants: Story;
|
|
13
|
+
//# sourceMappingURL=Card.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAG3B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAc3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAA;AAYD,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
5
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
6
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
7
|
+
}>;
|
|
8
|
+
readonly elevated: Readonly<{
|
|
9
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
10
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
11
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
12
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
13
|
+
readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
|
|
14
|
+
}>;
|
|
15
|
+
readonly outlined: Readonly<{
|
|
16
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
17
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
18
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
19
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
20
|
+
}>;
|
|
21
|
+
readonly filled: Readonly<{
|
|
22
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
23
|
+
}>;
|
|
24
|
+
readonly interactive: Readonly<{
|
|
25
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
26
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
27
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
28
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
29
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
30
|
+
readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
|
|
31
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color, transform">;
|
|
32
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
33
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
|
|
34
|
+
readonly transform: css.StyleXClassNameFor<"transform", "translateY(0)" | "translateY(-2px)">;
|
|
35
|
+
}>;
|
|
36
|
+
readonly sizeDefault: Readonly<{
|
|
37
|
+
readonly padding: css.StyleXClassNameFor<"padding", string>;
|
|
38
|
+
}>;
|
|
39
|
+
readonly sizeCompact: Readonly<{
|
|
40
|
+
readonly padding: css.StyleXClassNameFor<"padding", string>;
|
|
41
|
+
}>;
|
|
42
|
+
readonly sizeFull: Readonly<{
|
|
43
|
+
readonly padding: css.StyleXClassNameFor<"padding", string>;
|
|
44
|
+
}>;
|
|
45
|
+
readonly header: Readonly<{
|
|
46
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
47
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
48
|
+
readonly marginBottom: css.StyleXClassNameFor<"marginBottom", string>;
|
|
49
|
+
}>;
|
|
50
|
+
}>;
|
|
51
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Card/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DjB,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface RootProps {
|
|
3
|
+
invalid?: boolean;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare function Root({ invalid, children }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
interface LabelProps {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
declare function Label({ children }: LabelProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
interface DescriptionProps {
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare function Description({ children }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
interface ErrorProps {
|
|
16
|
+
children?: ReactNode;
|
|
17
|
+
}
|
|
18
|
+
declare function Error({ children }: ErrorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
19
|
+
export declare const Field: {
|
|
20
|
+
Root: typeof Root;
|
|
21
|
+
Label: typeof Label;
|
|
22
|
+
Description: typeof Description;
|
|
23
|
+
Error: typeof Error;
|
|
24
|
+
};
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=Field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAA;AAMpD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,OAAe,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAiBnD;AAGD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE,UAAU,2CAOpC;AAGD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,WAAW,CAAC,EAAC,QAAQ,EAAC,EAAE,gBAAgB,2CAOhD;AAGD,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE,UAAU,kDASpC;AAED,eAAO,MAAM,KAAK;;;;;CAKjB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const WithError: Story;
|
|
7
|
+
export declare const FormExample: Story;
|
|
8
|
+
//# sourceMappingURL=Field.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAMpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface FieldContextValue {
|
|
2
|
+
controlId: string;
|
|
3
|
+
descriptionId: string;
|
|
4
|
+
errorId: string;
|
|
5
|
+
invalid: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const FieldContext: import('react').Context<FieldContextValue | null>;
|
|
8
|
+
export declare function useFieldContext(): FieldContextValue | null;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=FieldContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldContext.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldContext.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,YAAY,mDAAgD,CAAA;AAEzE,wBAAgB,eAAe,6BAE9B"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly root: Readonly<{
|
|
4
|
+
readonly display: css.StyleXClassNameFor<"display", "flex">;
|
|
5
|
+
readonly flexDirection: css.StyleXClassNameFor<"flexDirection", "column">;
|
|
6
|
+
readonly gap: css.StyleXClassNameFor<"gap", string>;
|
|
7
|
+
}>;
|
|
8
|
+
readonly label: Readonly<{
|
|
9
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
10
|
+
readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
|
|
11
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
12
|
+
}>;
|
|
13
|
+
readonly description: Readonly<{
|
|
14
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
15
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
16
|
+
}>;
|
|
17
|
+
readonly error: Readonly<{
|
|
18
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
19
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
20
|
+
}>;
|
|
21
|
+
}>;
|
|
22
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Field/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;EAmBjB,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { html } from 'react-strict-dom';
|
|
2
|
+
type StrictInputProps = React.ComponentProps<typeof html.input>;
|
|
3
|
+
export type InputType = NonNullable<StrictInputProps['type']>;
|
|
4
|
+
export type InputVariant = 'default' | 'error';
|
|
5
|
+
interface InputProps {
|
|
6
|
+
variant?: InputVariant;
|
|
7
|
+
type?: InputType;
|
|
8
|
+
name?: string;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
minLength?: number;
|
|
12
|
+
pattern?: string;
|
|
13
|
+
autoComplete?: 'on' | 'off' | 'email' | 'username' | 'current-password' | 'new-password' | 'name' | 'tel' | 'url';
|
|
14
|
+
value?: string;
|
|
15
|
+
defaultValue?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
18
|
+
}
|
|
19
|
+
export declare function Input({ variant, type, name, placeholder, required, minLength, pattern, autoComplete, value, defaultValue, disabled, onChange, }: InputProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAA;AAIrC,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAA;AAC/D,MAAM,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAA;AAE7D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAA;AAE9C,UAAU,UAAU;IAClB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EACT,IAAI,GACJ,KAAK,GACL,OAAO,GACP,UAAU,GACV,kBAAkB,GAClB,cAAc,GACd,MAAM,GACN,KAAK,GACL,KAAK,CAAA;IACT,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC5D;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,IAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,EAAE,UAAU,2CA4BZ"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Input } from './Input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Error: Story;
|
|
8
|
+
export declare const Password: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const AllVariants: Story;
|
|
11
|
+
//# sourceMappingURL=Input.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAGpD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiB5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAA;AAMD,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { css } from 'react-strict-dom';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly base: Readonly<{
|
|
4
|
+
readonly width: css.StyleXClassNameFor<"width", "100%">;
|
|
5
|
+
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
6
|
+
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
7
|
+
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
8
|
+
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
9
|
+
readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
|
|
10
|
+
readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
|
|
11
|
+
readonly lineHeight: css.StyleXClassNameFor<"lineHeight", string>;
|
|
12
|
+
readonly color: css.StyleXClassNameFor<"color", string>;
|
|
13
|
+
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
14
|
+
readonly borderWidth: css.StyleXClassNameFor<"borderWidth", 1>;
|
|
15
|
+
readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
|
|
16
|
+
readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
|
|
17
|
+
readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "border-color">;
|
|
18
|
+
readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", "150ms">;
|
|
19
|
+
readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", "ease">;
|
|
20
|
+
readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", 0 | 2>;
|
|
21
|
+
readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
|
|
22
|
+
readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
|
|
23
|
+
readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", 0 | 1>;
|
|
24
|
+
}>;
|
|
25
|
+
readonly default: Readonly<{
|
|
26
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
27
|
+
}>;
|
|
28
|
+
readonly error: Readonly<{
|
|
29
|
+
readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
|
|
30
|
+
}>;
|
|
31
|
+
}>;
|
|
32
|
+
//# sourceMappingURL=styles.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAGpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDjB,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface RootProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
declare function Root({ children }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function Trigger({ children }: {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
interface PopupProps {
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
align?: 'start' | 'end';
|
|
12
|
+
}
|
|
13
|
+
declare function Popup({ children, align }: PopupProps): import("react/jsx-runtime").JSX.Element | null;
|
|
14
|
+
interface ItemProps {
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
}
|
|
18
|
+
declare function Item({ onClick, children }: ItemProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
interface LinkItemProps {
|
|
20
|
+
href: string;
|
|
21
|
+
children: ReactNode;
|
|
22
|
+
}
|
|
23
|
+
declare function LinkItem({ href, children }: LinkItemProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare const Menu: {
|
|
25
|
+
Root: typeof Root;
|
|
26
|
+
Trigger: typeof Trigger;
|
|
27
|
+
Popup: typeof Popup;
|
|
28
|
+
Item: typeof Item;
|
|
29
|
+
LinkItem: typeof LinkItem;
|
|
30
|
+
};
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAA;AAO9D,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CAUlC;AAGD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAsBjD;AAGD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAe,EAAC,EAAE,UAAU,kDAkBrD;AAGD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA6B3C;AAGD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,QAAQ,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,aAAa,2CAyBhD;AAED,eAAO,MAAM,IAAI;;;;;;CAMhB,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Default: Story;
|
|
6
|
+
export declare const KeyboardNavigation: Story;
|
|
7
|
+
export declare const WithLinks: Story;
|
|
8
|
+
//# sourceMappingURL=Menu.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAIpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAwDrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA8DhC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqCvB,CAAA"}
|