@marigold/components 0.3.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (232) hide show
  1. package/CHANGELOG.md +66 -161
  2. package/dist/index.d.ts +364 -32
  3. package/dist/index.js +1421 -5
  4. package/dist/index.mjs +1369 -0
  5. package/package.json +31 -11
  6. package/dist/ActionGroup/ActionGroup.d.ts +0 -8
  7. package/dist/ActionGroup/ActionGroup.stories.d.ts +0 -5
  8. package/dist/ActionGroup/index.d.ts +0 -1
  9. package/dist/Alert/Alert.d.ts +0 -18
  10. package/dist/Alert/Alert.stories.d.ts +0 -5
  11. package/dist/Alert/index.d.ts +0 -1
  12. package/dist/Badge/Badge.d.ts +0 -13
  13. package/dist/Badge/Badge.stories.d.ts +0 -5
  14. package/dist/Badge/index.d.ts +0 -1
  15. package/dist/Box.d.ts +0 -2
  16. package/dist/Button/Button.d.ts +0 -9
  17. package/dist/Button/Button.stories.d.ts +0 -5
  18. package/dist/Button/index.d.ts +0 -1
  19. package/dist/Card/Card.d.ts +0 -14
  20. package/dist/Card/Card.stories.d.ts +0 -5
  21. package/dist/Card/index.d.ts +0 -1
  22. package/dist/Checkbox/Checkbox.d.ts +0 -20
  23. package/dist/Checkbox/Checkbox.stories.d.ts +0 -5
  24. package/dist/Checkbox/CheckboxIcons.d.ts +0 -9
  25. package/dist/Checkbox/index.d.ts +0 -1
  26. package/dist/Column/Column.d.ts +0 -8
  27. package/dist/Column/Column.stories.d.ts +0 -5
  28. package/dist/Column/index.d.ts +0 -1
  29. package/dist/Columns/Columns.d.ts +0 -10
  30. package/dist/Columns/Columns.stories.d.ts +0 -5
  31. package/dist/Columns/index.d.ts +0 -1
  32. package/dist/Container/Container.d.ts +0 -6
  33. package/dist/Container/Container.stories.d.ts +0 -5
  34. package/dist/Container/index.d.ts +0 -1
  35. package/dist/Dialog/Dialog.d.ts +0 -17
  36. package/dist/Dialog/Dialog.stories.d.ts +0 -5
  37. package/dist/Dialog/ModalDialog.d.ts +0 -8
  38. package/dist/Dialog/index.d.ts +0 -1
  39. package/dist/Divider/Divider.d.ts +0 -12
  40. package/dist/Divider/Divider.stories.d.ts +0 -5
  41. package/dist/Divider/index.d.ts +0 -1
  42. package/dist/Field/Field.d.ts +0 -13
  43. package/dist/Field/Field.stories.d.ts +0 -5
  44. package/dist/Field/index.d.ts +0 -1
  45. package/dist/Image/Image.d.ts +0 -12
  46. package/dist/Image/Image.stories.d.ts +0 -5
  47. package/dist/Image/index.d.ts +0 -1
  48. package/dist/Inline/Inline.d.ts +0 -7
  49. package/dist/Inline/Inline.stories.d.ts +0 -5
  50. package/dist/Inline/index.d.ts +0 -1
  51. package/dist/Input/Input.d.ts +0 -11
  52. package/dist/Input/Input.stories.d.ts +0 -5
  53. package/dist/Input/index.d.ts +0 -1
  54. package/dist/Label/Label.d.ts +0 -19
  55. package/dist/Label/Label.stories.d.ts +0 -5
  56. package/dist/Label/index.d.ts +0 -1
  57. package/dist/Link/Link.d.ts +0 -10
  58. package/dist/Link/Link.stories.d.ts +0 -5
  59. package/dist/Link/index.d.ts +0 -1
  60. package/dist/Menu/Menu.d.ts +0 -15
  61. package/dist/Menu/Menu.stories.d.ts +0 -5
  62. package/dist/Menu/index.d.ts +0 -1
  63. package/dist/MenuItem/MenuItem.d.ts +0 -12
  64. package/dist/MenuItem/MenuItem.stories.d.ts +0 -5
  65. package/dist/MenuItem/index.d.ts +0 -1
  66. package/dist/Message/Message.d.ts +0 -12
  67. package/dist/Message/Message.stories.d.ts +0 -5
  68. package/dist/Message/index.d.ts +0 -1
  69. package/dist/Provider/MarigoldProvider.d.ts +0 -11
  70. package/dist/Provider/index.d.ts +0 -3
  71. package/dist/Radio/Radio.d.ts +0 -21
  72. package/dist/Radio/RadioIcons.d.ts +0 -10
  73. package/dist/Radio/index.d.ts +0 -1
  74. package/dist/Select/ListBox.d.ts +0 -9
  75. package/dist/Select/ListBoxSection.d.ts +0 -9
  76. package/dist/Select/Option.d.ts +0 -9
  77. package/dist/Select/Popover.d.ts +0 -9
  78. package/dist/Select/Select.d.ts +0 -27
  79. package/dist/Select/Select.stories.d.ts +0 -5
  80. package/dist/Select/index.d.ts +0 -1
  81. package/dist/Slider/Slider.d.ts +0 -11
  82. package/dist/Slider/Slider.stories.d.ts +0 -5
  83. package/dist/Slider/index.d.ts +0 -1
  84. package/dist/Stack/Stack.d.ts +0 -7
  85. package/dist/Stack/Stack.stories.d.ts +0 -5
  86. package/dist/Stack/index.d.ts +0 -1
  87. package/dist/Text/Text.d.ts +0 -17
  88. package/dist/Text/Text.stories.d.ts +0 -5
  89. package/dist/Text/index.d.ts +0 -1
  90. package/dist/Textarea/Textarea.d.ts +0 -16
  91. package/dist/Textarea/Textarea.stories.d.ts +0 -5
  92. package/dist/Textarea/index.d.ts +0 -1
  93. package/dist/ValidationMessage/ValidationMessage.d.ts +0 -11
  94. package/dist/ValidationMessage/ValidationMessage.stories.d.ts +0 -5
  95. package/dist/ValidationMessage/index.d.ts +0 -1
  96. package/dist/VisuallyHidden/VisuallyHidden.d.ts +0 -1
  97. package/dist/VisuallyHidden/VisuallyHidden.stories.d.ts +0 -5
  98. package/dist/VisuallyHidden/index.d.ts +0 -1
  99. package/dist/components.cjs.development.js +0 -1422
  100. package/dist/components.cjs.development.js.map +0 -1
  101. package/dist/components.cjs.production.min.js +0 -2
  102. package/dist/components.cjs.production.min.js.map +0 -1
  103. package/dist/components.esm.js +0 -1348
  104. package/dist/components.esm.js.map +0 -1
  105. package/dist/theme.d.ts +0 -23
  106. package/src/ActionGroup/ActionGroup.stories.tsx +0 -47
  107. package/src/ActionGroup/ActionGroup.test.tsx +0 -83
  108. package/src/ActionGroup/ActionGroup.tsx +0 -32
  109. package/src/ActionGroup/index.ts +0 -1
  110. package/src/Alert/Alert.stories.tsx +0 -32
  111. package/src/Alert/Alert.test.tsx +0 -82
  112. package/src/Alert/Alert.tsx +0 -52
  113. package/src/Alert/index.ts +0 -1
  114. package/src/Badge/Badge.stories.tsx +0 -38
  115. package/src/Badge/Badge.test.tsx +0 -65
  116. package/src/Badge/Badge.tsx +0 -37
  117. package/src/Badge/index.ts +0 -1
  118. package/src/Box.ts +0 -2
  119. package/src/Button/Button.stories.tsx +0 -57
  120. package/src/Button/Button.test.tsx +0 -149
  121. package/src/Button/Button.tsx +0 -64
  122. package/src/Button/index.ts +0 -1
  123. package/src/Card/Card.stories.tsx +0 -41
  124. package/src/Card/Card.test.tsx +0 -71
  125. package/src/Card/Card.tsx +0 -48
  126. package/src/Card/index.ts +0 -1
  127. package/src/Checkbox/Checkbox.stories.mdx +0 -97
  128. package/src/Checkbox/Checkbox.stories.tsx +0 -78
  129. package/src/Checkbox/Checkbox.test.tsx +0 -166
  130. package/src/Checkbox/Checkbox.tsx +0 -101
  131. package/src/Checkbox/CheckboxIcons.tsx +0 -59
  132. package/src/Checkbox/index.ts +0 -1
  133. package/src/Column/Column.stories.tsx +0 -33
  134. package/src/Column/Column.test.tsx +0 -32
  135. package/src/Column/Column.tsx +0 -27
  136. package/src/Column/index.ts +0 -1
  137. package/src/Columns/Columns.stories.tsx +0 -75
  138. package/src/Columns/Columns.test.tsx +0 -113
  139. package/src/Columns/Columns.tsx +0 -69
  140. package/src/Columns/index.ts +0 -1
  141. package/src/Container/Container.stories.tsx +0 -14
  142. package/src/Container/Container.test.tsx +0 -26
  143. package/src/Container/Container.tsx +0 -13
  144. package/src/Container/index.ts +0 -1
  145. package/src/Dialog/Dialog.stories.tsx +0 -88
  146. package/src/Dialog/Dialog.test.tsx +0 -158
  147. package/src/Dialog/Dialog.tsx +0 -130
  148. package/src/Dialog/ModalDialog.tsx +0 -76
  149. package/src/Dialog/index.ts +0 -1
  150. package/src/Divider/Divider.stories.tsx +0 -30
  151. package/src/Divider/Divider.test.tsx +0 -71
  152. package/src/Divider/Divider.tsx +0 -25
  153. package/src/Divider/index.ts +0 -1
  154. package/src/Field/Field.stories.tsx +0 -110
  155. package/src/Field/Field.test.tsx +0 -130
  156. package/src/Field/Field.tsx +0 -56
  157. package/src/Field/index.ts +0 -1
  158. package/src/Image/Image.stories.tsx +0 -34
  159. package/src/Image/Image.test.tsx +0 -73
  160. package/src/Image/Image.tsx +0 -25
  161. package/src/Image/index.ts +0 -1
  162. package/src/Inline/Inline.stories.tsx +0 -39
  163. package/src/Inline/Inline.test.tsx +0 -99
  164. package/src/Inline/Inline.tsx +0 -38
  165. package/src/Inline/index.ts +0 -1
  166. package/src/Input/Input.stories.tsx +0 -54
  167. package/src/Input/Input.test.tsx +0 -74
  168. package/src/Input/Input.tsx +0 -25
  169. package/src/Input/index.ts +0 -1
  170. package/src/Label/Label.stories.tsx +0 -41
  171. package/src/Label/Label.test.tsx +0 -109
  172. package/src/Label/Label.tsx +0 -64
  173. package/src/Label/index.ts +0 -1
  174. package/src/Link/Link.stories.tsx +0 -35
  175. package/src/Link/Link.test.tsx +0 -97
  176. package/src/Link/Link.tsx +0 -42
  177. package/src/Link/index.ts +0 -1
  178. package/src/Menu/Menu.stories.tsx +0 -62
  179. package/src/Menu/Menu.test.tsx +0 -84
  180. package/src/Menu/Menu.tsx +0 -51
  181. package/src/Menu/index.ts +0 -1
  182. package/src/MenuItem/MenuItem.stories.tsx +0 -30
  183. package/src/MenuItem/MenuItem.test.tsx +0 -68
  184. package/src/MenuItem/MenuItem.tsx +0 -35
  185. package/src/MenuItem/index.ts +0 -1
  186. package/src/Message/Message.stories.tsx +0 -30
  187. package/src/Message/Message.test.tsx +0 -90
  188. package/src/Message/Message.tsx +0 -55
  189. package/src/Message/index.ts +0 -1
  190. package/src/Provider/MarigoldProvider.test.tsx +0 -136
  191. package/src/Provider/MarigoldProvider.tsx +0 -47
  192. package/src/Provider/index.ts +0 -4
  193. package/src/Radio/Radio.stories.mdx +0 -97
  194. package/src/Radio/Radio.test.tsx +0 -119
  195. package/src/Radio/Radio.tsx +0 -128
  196. package/src/Radio/RadioIcons.tsx +0 -39
  197. package/src/Radio/index.ts +0 -1
  198. package/src/Select/ListBox.tsx +0 -40
  199. package/src/Select/ListBoxSection.tsx +0 -40
  200. package/src/Select/Option.tsx +0 -48
  201. package/src/Select/Popover.tsx +0 -50
  202. package/src/Select/Select.stories.tsx +0 -81
  203. package/src/Select/Select.test.tsx +0 -349
  204. package/src/Select/Select.tsx +0 -174
  205. package/src/Select/index.ts +0 -1
  206. package/src/Slider/Slider.stories.tsx +0 -24
  207. package/src/Slider/Slider.test.tsx +0 -63
  208. package/src/Slider/Slider.tsx +0 -35
  209. package/src/Slider/index.ts +0 -1
  210. package/src/Stack/Stack.stories.tsx +0 -57
  211. package/src/Stack/Stack.test.tsx +0 -138
  212. package/src/Stack/Stack.tsx +0 -39
  213. package/src/Stack/index.ts +0 -1
  214. package/src/Text/Text.stories.tsx +0 -61
  215. package/src/Text/Text.test.tsx +0 -99
  216. package/src/Text/Text.tsx +0 -60
  217. package/src/Text/index.ts +0 -1
  218. package/src/Textarea/Textarea.stories.tsx +0 -64
  219. package/src/Textarea/Textarea.test.tsx +0 -95
  220. package/src/Textarea/Textarea.tsx +0 -62
  221. package/src/Textarea/index.ts +0 -1
  222. package/src/ValidationMessage/ValidationMessage.stories.tsx +0 -27
  223. package/src/ValidationMessage/ValidationMessage.test.tsx +0 -68
  224. package/src/ValidationMessage/ValidationMessage.tsx +0 -40
  225. package/src/ValidationMessage/index.ts +0 -1
  226. package/src/VisuallyHidden/VisuallyHidden.stories.tsx +0 -19
  227. package/src/VisuallyHidden/VisuallyHidden.test.tsx +0 -10
  228. package/src/VisuallyHidden/VisuallyHidden.tsx +0 -1
  229. package/src/VisuallyHidden/index.ts +0 -1
  230. package/src/index.ts +0 -34
  231. package/src/theme.ts +0 -50
  232. package/tsconfig.build.json +0 -3
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const RadioChecked: ({ disabled, ...props }: {
3
- [x: string]: any;
4
- disabled?: boolean | undefined;
5
- }) => JSX.Element;
6
- export declare const RadioUnchecked: ({ disabled, error, ...props }: {
7
- [x: string]: any;
8
- disabled?: boolean | undefined;
9
- error?: boolean | undefined;
10
- }) => JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Radio';
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import type { AriaListBoxOptions } from '@react-aria/listbox';
3
- import type { ListState } from '@react-stately/list';
4
- interface ListBoxProps extends AriaListBoxOptions<unknown> {
5
- state: ListState<unknown>;
6
- error?: boolean;
7
- }
8
- export declare const ListBox: (props: ListBoxProps) => JSX.Element;
9
- export {};
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ListState } from '@react-stately/list';
3
- import type { Node } from '@react-types/shared';
4
- interface SectionProps {
5
- section: Node<unknown>;
6
- state: ListState<unknown>;
7
- }
8
- export declare const ListBoxSection: ({ section, state }: SectionProps) => JSX.Element;
9
- export {};
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ListState } from '@react-stately/list';
3
- import type { Node } from '@react-types/shared';
4
- interface OptionProps {
5
- item: Node<unknown>;
6
- state: ListState<unknown>;
7
- }
8
- export declare const Option: ({ item, state }: OptionProps) => JSX.Element;
9
- export {};
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- interface PopoverProps {
3
- isOpen?: boolean;
4
- onClose?: () => void;
5
- ref?: React.Ref<HTMLDivElement>;
6
- className?: string;
7
- }
8
- export declare const Popover: React.FC<PopoverProps>;
9
- export {};
@@ -1,27 +0,0 @@
1
- /// <reference types="react" />
2
- import type { AriaSelectProps } from '@react-types/select';
3
- import { SingleSelection } from '@react-types/shared';
4
- import { ComponentProps } from '@marigold/types';
5
- import { ResponsiveStyleValue } from '@marigold/system';
6
- export interface SelectThemeExtension<Value> {
7
- select?: {
8
- __default: Value;
9
- disabled?: Value;
10
- listbox?: {
11
- __default: Value;
12
- error?: Value;
13
- };
14
- section?: Value;
15
- option?: Value;
16
- };
17
- }
18
- export declare type SelectProps = {
19
- labelVariant?: string;
20
- placeholder?: string;
21
- disabled?: boolean;
22
- required?: boolean;
23
- width?: ResponsiveStyleValue<number | string>;
24
- error?: boolean;
25
- errorMessage?: string;
26
- } & ComponentProps<'select'> & AriaSelectProps<object> & SingleSelection;
27
- export declare const Select: ({ labelVariant, placeholder, disabled, required, error, errorMessage, width, className, ...props }: SelectProps) => JSX.Element;
@@ -1,5 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { Select } from './Select';
3
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
4
- export default _default;
5
- export declare const Basic: ComponentStory<typeof Select>;
@@ -1 +0,0 @@
1
- export * from './Select';
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { ComponentProps } from '@marigold/types';
3
- export interface SliderThemeExtension<Value> {
4
- slider?: {
5
- [key: string]: Value;
6
- };
7
- }
8
- export declare type SliderProps = {
9
- variant?: string;
10
- } & ComponentProps<'input'>;
11
- export declare const Slider: React.FC<SliderProps>;
@@ -1,5 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { Slider } from './Slider';
3
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
4
- export default _default;
5
- export declare const Basic: ComponentStory<typeof Slider>;
@@ -1 +0,0 @@
1
- export * from './Slider';
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { ResponsiveStyleValue } from '@marigold/system';
3
- export declare type StackProps = {
4
- space?: ResponsiveStyleValue<string>;
5
- align?: 'left' | 'right' | 'center';
6
- };
7
- export declare const Stack: React.FC<StackProps>;
@@ -1,5 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { Stack } from './Stack';
3
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
4
- export default _default;
5
- export declare const Basic: ComponentStory<typeof Stack>;
@@ -1 +0,0 @@
1
- export * from './Stack';
@@ -1,17 +0,0 @@
1
- import { ResponsiveStyleValue } from '@marigold/system';
2
- import { PolymorphicComponentWithRef, PolymorphicPropsWithRef } from '@marigold/types';
3
- import { BoxOwnProps } from '../Box';
4
- export interface TextThemeExtension<Value> {
5
- text?: {
6
- [key: string]: Value;
7
- };
8
- }
9
- export declare type TextOwnProps = {
10
- align?: ResponsiveStyleValue<string>;
11
- color?: ResponsiveStyleValue<string>;
12
- cursor?: ResponsiveStyleValue<string>;
13
- outline?: ResponsiveStyleValue<string>;
14
- userSelect?: ResponsiveStyleValue<string>;
15
- } & BoxOwnProps;
16
- export declare type TextProps = PolymorphicPropsWithRef<TextOwnProps, 'span'>;
17
- export declare const Text: PolymorphicComponentWithRef<TextOwnProps, 'span'>;
@@ -1,5 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { Text } from './Text';
3
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
4
- export default _default;
5
- export declare const Basic: ComponentStory<typeof Text>;
@@ -1 +0,0 @@
1
- export * from './Text';
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- import { ComponentProps } from '@marigold/types';
3
- export interface TextareaThemeExtension<Value> {
4
- textarea?: {
5
- [key: string]: Value;
6
- };
7
- }
8
- export declare type TextareaProps = {
9
- variant?: string;
10
- label?: string;
11
- htmlFor?: string;
12
- required?: boolean;
13
- error?: boolean;
14
- errorMessage?: string;
15
- } & ComponentProps<'textarea'>;
16
- export declare const Textarea: React.FC<TextareaProps>;
@@ -1,5 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { Textarea } from '.';
3
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
4
- export default _default;
5
- export declare const Basic: ComponentStory<typeof Textarea>;
@@ -1 +0,0 @@
1
- export * from './Textarea';
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { ComponentProps } from '@marigold/types';
3
- export interface ValidationMessageThemeExtension<Value> {
4
- validation?: {
5
- [key: string]: Value;
6
- };
7
- }
8
- export declare type ValidationMessageProps = {
9
- variant?: string;
10
- } & ComponentProps<'span'>;
11
- export declare const ValidationMessage: React.FC<ValidationMessageProps>;
@@ -1,5 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { ValidationMessage } from './ValidationMessage';
3
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
4
- export default _default;
5
- export declare const Basic: ComponentStory<typeof ValidationMessage>;
@@ -1 +0,0 @@
1
- export * from './ValidationMessage';
@@ -1 +0,0 @@
1
- export { VisuallyHidden } from '@react-aria/visually-hidden';
@@ -1,5 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { VisuallyHidden } from './VisuallyHidden';
3
- declare const _default: import("@storybook/csf").ComponentAnnotations<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;
4
- export default _default;
5
- export declare const Basic: ComponentStory<typeof VisuallyHidden>;
@@ -1 +0,0 @@
1
- export * from './VisuallyHidden';