infinity-ui-elements 1.3.1 → 1.4.1-beta.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 (80) hide show
  1. package/README.md +62 -1
  2. package/dist/components/Badge/Badge.d.ts +28 -0
  3. package/dist/components/Badge/Badge.d.ts.map +1 -0
  4. package/dist/components/Badge/Badge.stories.d.ts +16 -0
  5. package/dist/components/Badge/Badge.stories.d.ts.map +1 -0
  6. package/dist/components/Badge/index.d.ts +3 -0
  7. package/dist/components/Badge/index.d.ts.map +1 -0
  8. package/dist/components/Button/Button.d.ts +1 -1
  9. package/dist/components/Button/Button.d.ts.map +1 -1
  10. package/dist/components/Checkbox/Checkbox.d.ts +49 -0
  11. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
  12. package/dist/components/Checkbox/Checkbox.stories.d.ts +23 -0
  13. package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -0
  14. package/dist/components/Checkbox/index.d.ts +3 -0
  15. package/dist/components/Checkbox/index.d.ts.map +1 -0
  16. package/dist/components/Counter/Counter.d.ts +24 -0
  17. package/dist/components/Counter/Counter.d.ts.map +1 -0
  18. package/dist/components/Counter/Counter.stories.d.ts +14 -0
  19. package/dist/components/Counter/Counter.stories.d.ts.map +1 -0
  20. package/dist/components/Counter/index.d.ts +3 -0
  21. package/dist/components/Counter/index.d.ts.map +1 -0
  22. package/dist/components/Divider/Divider.d.ts +37 -0
  23. package/dist/components/Divider/Divider.d.ts.map +1 -0
  24. package/dist/components/Divider/Divider.stories.d.ts +12 -0
  25. package/dist/components/Divider/Divider.stories.d.ts.map +1 -0
  26. package/dist/components/Divider/index.d.ts +2 -0
  27. package/dist/components/Divider/index.d.ts.map +1 -0
  28. package/dist/components/FormFooter/FormFooter.d.ts +38 -0
  29. package/dist/components/FormFooter/FormFooter.d.ts.map +1 -0
  30. package/dist/components/FormFooter/FormFooter.stories.d.ts +50 -0
  31. package/dist/components/FormFooter/FormFooter.stories.d.ts.map +1 -0
  32. package/dist/components/FormFooter/index.d.ts +3 -0
  33. package/dist/components/FormFooter/index.d.ts.map +1 -0
  34. package/dist/components/FormHeader/FormHeader.d.ts +58 -0
  35. package/dist/components/FormHeader/FormHeader.d.ts.map +1 -0
  36. package/dist/components/FormHeader/FormHeader.stories.d.ts +65 -0
  37. package/dist/components/FormHeader/FormHeader.stories.d.ts.map +1 -0
  38. package/dist/components/FormHeader/index.d.ts +3 -0
  39. package/dist/components/FormHeader/index.d.ts.map +1 -0
  40. package/dist/components/ListItem/ListItem.d.ts +63 -0
  41. package/dist/components/ListItem/ListItem.d.ts.map +1 -0
  42. package/dist/components/ListItem/ListItem.stories.d.ts +66 -0
  43. package/dist/components/ListItem/ListItem.stories.d.ts.map +1 -0
  44. package/dist/components/ListItem/index.d.ts +3 -0
  45. package/dist/components/ListItem/index.d.ts.map +1 -0
  46. package/dist/components/Radio/Radio.d.ts +45 -0
  47. package/dist/components/Radio/Radio.d.ts.map +1 -0
  48. package/dist/components/Radio/Radio.stories.d.ts +23 -0
  49. package/dist/components/Radio/Radio.stories.d.ts.map +1 -0
  50. package/dist/components/Radio/index.d.ts +3 -0
  51. package/dist/components/Radio/index.d.ts.map +1 -0
  52. package/dist/components/Switch/Switch.d.ts +39 -0
  53. package/dist/components/Switch/Switch.d.ts.map +1 -0
  54. package/dist/components/Switch/Switch.stories.d.ts +37 -0
  55. package/dist/components/Switch/Switch.stories.d.ts.map +1 -0
  56. package/dist/components/Switch/index.d.ts +3 -0
  57. package/dist/components/Switch/index.d.ts.map +1 -0
  58. package/dist/components/Text/Text.d.ts +2 -9
  59. package/dist/components/Text/Text.d.ts.map +1 -1
  60. package/dist/components/Text/index.d.ts +1 -1
  61. package/dist/components/Text/index.d.ts.map +1 -1
  62. package/dist/components/TextArea/TextArea.d.ts +31 -0
  63. package/dist/components/TextArea/TextArea.d.ts.map +1 -0
  64. package/dist/components/TextArea/TextArea.stories.d.ts +27 -0
  65. package/dist/components/TextArea/TextArea.stories.d.ts.map +1 -0
  66. package/dist/components/TextArea/index.d.ts +3 -0
  67. package/dist/components/TextArea/index.d.ts.map +1 -0
  68. package/dist/components/TextField/TextField.d.ts +4 -0
  69. package/dist/components/TextField/TextField.d.ts.map +1 -1
  70. package/dist/index.css +1 -1
  71. package/dist/index.d.ts +11 -0
  72. package/dist/index.d.ts.map +1 -1
  73. package/dist/index.esm.js +1208 -145
  74. package/dist/index.esm.js.map +1 -1
  75. package/dist/index.js +1227 -144
  76. package/dist/index.js.map +1 -1
  77. package/dist/lib/icons.d.ts +96 -0
  78. package/dist/lib/icons.d.ts.map +1 -0
  79. package/dist/lib/utils.d.ts.map +1 -1
  80. package/package.json +6 -2
@@ -0,0 +1,63 @@
1
+ import * as React from "react";
2
+ declare const listItemVariants: (props?: ({
3
+ variant?: "default" | "primary" | "negative" | "bordered" | null | undefined;
4
+ isDisabled?: boolean | null | undefined;
5
+ isSelected?: boolean | null | undefined;
6
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
+ export interface ListItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color"> {
8
+ /**
9
+ * Type of list item - determines if checkbox is shown
10
+ */
11
+ type?: "single" | "multiple";
12
+ /**
13
+ * Leading icon to display on the left
14
+ */
15
+ leadingIcon?: React.ReactNode;
16
+ /**
17
+ * Title text (required)
18
+ */
19
+ title: string;
20
+ /**
21
+ * Description text (optional)
22
+ */
23
+ description?: string;
24
+ /**
25
+ * Trailing icon to display on the right
26
+ */
27
+ trailingIcon?: React.ReactNode;
28
+ /**
29
+ * Whether to show the default chevron trailing icon
30
+ */
31
+ showChevron?: boolean;
32
+ /**
33
+ * Visual variant of the list item
34
+ */
35
+ variant?: "default" | "bordered" | "primary" | "negative";
36
+ /**
37
+ * Whether the list item is disabled
38
+ */
39
+ isDisabled?: boolean;
40
+ /**
41
+ * Whether the list item is selected (for multiple type)
42
+ */
43
+ isSelected?: boolean;
44
+ /**
45
+ * Callback when the list item selection changes
46
+ */
47
+ onSelectionChange?: (selected: boolean) => void;
48
+ /**
49
+ * Size of the checkbox (when type is multiple)
50
+ */
51
+ checkboxSize?: "small" | "medium" | "large";
52
+ /**
53
+ * Custom class name for the container
54
+ */
55
+ containerClassName?: string;
56
+ /**
57
+ * Custom class name for the content area
58
+ */
59
+ contentClassName?: string;
60
+ }
61
+ declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
62
+ export { ListItem, listItemVariants };
63
+ //# sourceMappingURL=ListItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,gBAAgB;;;;mFAwCrB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC1D;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAqBD,QAAA,MAAM,QAAQ,sFAyIb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,66 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ import React from "react";
3
+ declare const meta: {
4
+ title: string;
5
+ component: React.ForwardRefExoticComponent<import("./ListItem").ListItemProps & React.RefAttributes<HTMLDivElement>>;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ argTypes: {
11
+ type: {
12
+ control: "select";
13
+ options: string[];
14
+ description: string;
15
+ };
16
+ variant: {
17
+ control: "select";
18
+ options: string[];
19
+ description: string;
20
+ };
21
+ title: {
22
+ control: "text";
23
+ description: string;
24
+ };
25
+ description: {
26
+ control: "text";
27
+ description: string;
28
+ };
29
+ showChevron: {
30
+ control: "boolean";
31
+ description: string;
32
+ };
33
+ isDisabled: {
34
+ control: "boolean";
35
+ description: string;
36
+ };
37
+ isSelected: {
38
+ control: "boolean";
39
+ description: string;
40
+ };
41
+ checkboxSize: {
42
+ control: "select";
43
+ options: string[];
44
+ description: string;
45
+ };
46
+ };
47
+ };
48
+ export default meta;
49
+ type Story = StoryObj<typeof meta>;
50
+ export declare const Default: Story;
51
+ export declare const WithoutDescription: Story;
52
+ export declare const Multiple: Story;
53
+ export declare const MultipleSelected: Story;
54
+ export declare const WithoutChevron: Story;
55
+ export declare const WithoutLeadingIcon: Story;
56
+ export declare const CustomTrailingIcon: Story;
57
+ export declare const Bordered: Story;
58
+ export declare const Primary: Story;
59
+ export declare const Negative: Story;
60
+ export declare const Disabled: Story;
61
+ export declare const LongDescription: Story;
62
+ export declare const SmallCheckbox: Story;
63
+ export declare const LargeCheckbox: Story;
64
+ export declare const List: Story;
65
+ export declare const SingleSelectionList: Story;
66
+ //# sourceMappingURL=ListItem.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkCnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAkDlB,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KA2CjC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { ListItem, listItemVariants } from "./ListItem";
2
+ export type { ListItemProps } from "./ListItem";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,45 @@
1
+ import * as React from "react";
2
+ declare const radioVariants: (props?: ({
3
+ size?: "small" | "medium" | "large" | null | undefined;
4
+ validationState?: "none" | "error" | null | undefined;
5
+ isChecked?: boolean | null | undefined;
6
+ isDisabled?: boolean | null | undefined;
7
+ isFocused?: boolean | null | undefined;
8
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
9
+ export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
10
+ /**
11
+ * Label text to display next to the radio button
12
+ */
13
+ label?: string;
14
+ /**
15
+ * Error text to display below the radio button
16
+ */
17
+ errorText?: string;
18
+ /**
19
+ * Size of the radio button
20
+ */
21
+ size?: "small" | "medium" | "large";
22
+ /**
23
+ * Validation state of the radio button
24
+ */
25
+ validationState?: "none" | "error";
26
+ /**
27
+ * Whether the radio button is disabled
28
+ */
29
+ isDisabled?: boolean;
30
+ /**
31
+ * Whether to show error text (defaults to true if errorText is provided)
32
+ */
33
+ showErrorText?: boolean;
34
+ /**
35
+ * Custom class name for the container
36
+ */
37
+ containerClassName?: string;
38
+ /**
39
+ * Custom class name for the label
40
+ */
41
+ labelClassName?: string;
42
+ }
43
+ declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
44
+ export { Radio, radioVariants };
45
+ //# sourceMappingURL=Radio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,aAAa;;;;;;mFA6ElB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,qFAsMV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
@@ -0,0 +1,23 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Radio").RadioProps & import("react").RefAttributes<HTMLInputElement>>;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ };
10
+ export default meta;
11
+ type Story = StoryObj<typeof meta>;
12
+ export declare const Default: Story;
13
+ export declare const Checked: Story;
14
+ export declare const WithError: Story;
15
+ export declare const WithErrorChecked: Story;
16
+ export declare const Disabled: Story;
17
+ export declare const DisabledChecked: Story;
18
+ export declare const Sizes: Story;
19
+ export declare const ValidationStates: Story;
20
+ export declare const RadioGroup: Story;
21
+ export declare const RadioBase: Story;
22
+ export declare const FullRadioComponent: Story;
23
+ //# sourceMappingURL=Radio.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radio.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;CAOoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA4B9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiUvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAuUhC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Radio, radioVariants } from "./Radio";
2
+ export type { RadioProps } from "./Radio";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,39 @@
1
+ import * as React from "react";
2
+ declare const switchVariants: (props?: ({
3
+ size?: "small" | "medium" | "large" | null | undefined;
4
+ isChecked?: boolean | null | undefined;
5
+ isDisabled?: boolean | null | undefined;
6
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
+ export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
8
+ /**
9
+ * Label text to display next to the switch
10
+ */
11
+ label?: string;
12
+ /**
13
+ * Size of the switch
14
+ */
15
+ size?: "small" | "medium" | "large";
16
+ /**
17
+ * Whether the switch is disabled
18
+ */
19
+ isDisabled?: boolean;
20
+ /**
21
+ * Custom class name for the container
22
+ */
23
+ containerClassName?: string;
24
+ /**
25
+ * Custom class name for the label
26
+ */
27
+ labelClassName?: string;
28
+ /**
29
+ * Custom class name for the switch track
30
+ */
31
+ trackClassName?: string;
32
+ /**
33
+ * Custom class name for the switch thumb
34
+ */
35
+ thumbClassName?: string;
36
+ }
37
+ declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
38
+ export { Switch, switchVariants };
39
+ //# sourceMappingURL=Switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;;mFAoCnB,CAAC;AA0DF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,sFAqIX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
@@ -0,0 +1,37 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").ForwardRefExoticComponent<import("./Switch").SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {
10
+ size: {
11
+ control: "select";
12
+ options: string[];
13
+ description: string;
14
+ };
15
+ isDisabled: {
16
+ control: "boolean";
17
+ description: string;
18
+ };
19
+ label: {
20
+ control: "text";
21
+ description: string;
22
+ };
23
+ };
24
+ };
25
+ export default meta;
26
+ type Story = StoryObj<typeof meta>;
27
+ export declare const Default: Story;
28
+ export declare const WithLabel: Story;
29
+ export declare const Small: Story;
30
+ export declare const Medium: Story;
31
+ export declare const Large: Story;
32
+ export declare const Checked: Story;
33
+ export declare const Disabled: Story;
34
+ export declare const DisabledChecked: Story;
35
+ export declare const AllSizes: Story;
36
+ export declare const AllStates: Story;
37
+ //# sourceMappingURL=Switch.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAsBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAenC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAwOvB,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Switch, switchVariants } from "./Switch";
2
+ export type { SwitchProps } from "./Switch";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
@@ -1,20 +1,13 @@
1
1
  import * as React from "react";
2
- declare const textVariants: (props?: ({
3
- variant?: "heading" | "display" | "body" | "caption" | null | undefined;
4
- size?: "xsmall" | "small" | "medium" | "large" | "2xlarge" | "xlarge" | null | undefined;
5
- weight?: "medium" | "regular" | "semibold" | null | undefined;
6
- color?: "default" | "primary" | "disabled" | "subtle" | "muted" | "onPrimary" | null | undefined;
7
- as?: "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "div" | "label" | null | undefined;
8
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
9
2
  export interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, "color"> {
10
3
  children: React.ReactNode;
11
4
  variant?: "display" | "heading" | "body" | "caption";
12
5
  size?: "2xlarge" | "xlarge" | "large" | "medium" | "small" | "xsmall";
13
6
  weight?: "regular" | "medium" | "semibold";
14
- color?: "default" | "subtle" | "muted" | "disabled" | "primary" | "onPrimary";
7
+ color?: "default" | "subtle" | "muted" | "disabled" | "primary" | "onPrimary" | "positive" | "negative" | "notice" | "info" | "neutral";
15
8
  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div" | "label";
16
9
  className?: string;
17
10
  }
18
11
  declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
19
- export { Text, textVariants };
12
+ export { Text };
20
13
  //# sourceMappingURL=Text.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY;;;;;;mFA+JhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACrD,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtE,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,WAAW,CAAC;IAC9E,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+EAmBT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8C/B,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACrD,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtE,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C,KAAK,CAAC,EACF,SAAS,GACT,QAAQ,GACR,OAAO,GACP,UAAU,GACV,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;IACd,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,+EA4BT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -1,3 +1,3 @@
1
- export { Text, textVariants } from "./Text";
1
+ export { Text } from "./Text";
2
2
  export type { TextProps } from "./Text";
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,31 @@
1
+ import * as React from "react";
2
+ declare const textAreaVariants: (props?: ({
3
+ size?: "small" | "medium" | "large" | null | undefined;
4
+ validationState?: "positive" | "negative" | "none" | null | undefined;
5
+ isDisabled?: boolean | null | undefined;
6
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
+ export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
8
+ label?: string;
9
+ helperText?: string;
10
+ errorText?: string;
11
+ successText?: string;
12
+ size?: "small" | "medium" | "large";
13
+ validationState?: "none" | "positive" | "negative";
14
+ isDisabled?: boolean;
15
+ isRequired?: boolean;
16
+ isOptional?: boolean;
17
+ maxChar?: number;
18
+ showCharCount?: boolean;
19
+ containerClassName?: string;
20
+ labelClassName?: string;
21
+ textAreaClassName?: string;
22
+ infoHeading?: string;
23
+ infoDescription?: string;
24
+ linkText?: string;
25
+ linkHref?: string;
26
+ onLinkClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
27
+ rows?: number;
28
+ }
29
+ declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
30
+ export { TextArea, textAreaVariants };
31
+ //# sourceMappingURL=TextArea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,gBAAgB;;;;mFAyCrB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,QAAQ,2FAsJb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,27 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { TextArea } from "./TextArea";
3
+ declare const meta: Meta<typeof TextArea>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TextArea>;
6
+ export declare const Default: Story;
7
+ export declare const WithValue: Story;
8
+ export declare const WithMaxCharLimit: Story;
9
+ export declare const NearCharLimit: Story;
10
+ export declare const Success: Story;
11
+ export declare const Error: Story;
12
+ export declare const Disabled: Story;
13
+ export declare const WithoutCharCount: Story;
14
+ export declare const Small: Story;
15
+ export declare const Medium: Story;
16
+ export declare const Large: Story;
17
+ export declare const TwoRows: Story;
18
+ export declare const SixRows: Story;
19
+ export declare const AllStates: Story;
20
+ export declare const SizeComparison: Story;
21
+ export declare const CompleteMatrix: Story;
22
+ export declare const MinimalWithoutLabel: Story;
23
+ export declare const MinimalWithoutMaxChar: Story;
24
+ export declare const CommentBox: Story;
25
+ export declare const BioField: Story;
26
+ export declare const FeedbackForm: Story;
27
+ //# sourceMappingURL=TextArea.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAgC/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAGvC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAsGvB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KA6C5B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAsG5B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAKjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { TextArea, textAreaVariants } from "./TextArea";
2
+ export type { TextAreaProps } from "./TextArea";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
@@ -13,6 +13,7 @@ export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInput
13
13
  validationState?: "none" | "positive" | "negative";
14
14
  isDisabled?: boolean;
15
15
  isRequired?: boolean;
16
+ isOptional?: boolean;
16
17
  prefix?: React.ReactNode;
17
18
  suffix?: React.ReactNode;
18
19
  showClearButton?: boolean;
@@ -22,6 +23,9 @@ export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInput
22
23
  inputClassName?: string;
23
24
  infoHeading?: string;
24
25
  infoDescription?: string;
26
+ linkText?: string;
27
+ linkHref?: string;
28
+ onLinkClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
25
29
  }
26
30
  declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
27
31
  export { TextField, textFieldVariants };
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,iBAAiB;;;;mFA2CtB,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,SAAS,yFAgRd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,iBAAiB;;;;mFAyCtB,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,eAAe,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,QAAA,MAAM,SAAS,yFAqMd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC"}