@marigold/components 0.3.2 → 0.5.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 +37 -0
  2. package/dist/index.d.ts +362 -32
  3. package/dist/index.js +1407 -5
  4. package/dist/index.mjs +1355 -0
  5. package/package.json +30 -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 -27
  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 -11
  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 -19
  72. package/dist/Radio/Radio.stories.d.ts +0 -5
  73. package/dist/Radio/RadioIcon.d.ts +0 -9
  74. package/dist/Radio/index.d.ts +0 -1
  75. package/dist/Select/ListBox.d.ts +0 -9
  76. package/dist/Select/ListBoxSection.d.ts +0 -9
  77. package/dist/Select/Option.d.ts +0 -9
  78. package/dist/Select/Popover.d.ts +0 -9
  79. package/dist/Select/Select.d.ts +0 -27
  80. package/dist/Select/Select.stories.d.ts +0 -5
  81. package/dist/Select/index.d.ts +0 -1
  82. package/dist/Slider/Slider.d.ts +0 -11
  83. package/dist/Slider/Slider.stories.d.ts +0 -5
  84. package/dist/Slider/index.d.ts +0 -1
  85. package/dist/Stack/Stack.d.ts +0 -7
  86. package/dist/Stack/Stack.stories.d.ts +0 -5
  87. package/dist/Stack/index.d.ts +0 -1
  88. package/dist/Text/Text.d.ts +0 -17
  89. package/dist/Text/Text.stories.d.ts +0 -5
  90. package/dist/Text/index.d.ts +0 -1
  91. package/dist/Textarea/Textarea.d.ts +0 -16
  92. package/dist/Textarea/Textarea.stories.d.ts +0 -5
  93. package/dist/Textarea/index.d.ts +0 -1
  94. package/dist/ValidationMessage/ValidationMessage.d.ts +0 -11
  95. package/dist/ValidationMessage/ValidationMessage.stories.d.ts +0 -5
  96. package/dist/ValidationMessage/index.d.ts +0 -1
  97. package/dist/VisuallyHidden/VisuallyHidden.d.ts +0 -1
  98. package/dist/VisuallyHidden/VisuallyHidden.stories.d.ts +0 -5
  99. package/dist/VisuallyHidden/index.d.ts +0 -1
  100. package/dist/components.cjs.development.js +0 -1394
  101. package/dist/components.cjs.development.js.map +0 -1
  102. package/dist/components.cjs.production.min.js +0 -2
  103. package/dist/components.cjs.production.min.js.map +0 -1
  104. package/dist/components.esm.js +0 -1320
  105. package/dist/components.esm.js.map +0 -1
  106. package/dist/theme.d.ts +0 -23
  107. package/src/ActionGroup/ActionGroup.stories.tsx +0 -47
  108. package/src/ActionGroup/ActionGroup.test.tsx +0 -83
  109. package/src/ActionGroup/ActionGroup.tsx +0 -32
  110. package/src/ActionGroup/index.ts +0 -1
  111. package/src/Alert/Alert.stories.tsx +0 -32
  112. package/src/Alert/Alert.test.tsx +0 -82
  113. package/src/Alert/Alert.tsx +0 -52
  114. package/src/Alert/index.ts +0 -1
  115. package/src/Badge/Badge.stories.tsx +0 -38
  116. package/src/Badge/Badge.test.tsx +0 -65
  117. package/src/Badge/Badge.tsx +0 -37
  118. package/src/Badge/index.ts +0 -1
  119. package/src/Box.ts +0 -2
  120. package/src/Button/Button.stories.tsx +0 -57
  121. package/src/Button/Button.test.tsx +0 -149
  122. package/src/Button/Button.tsx +0 -64
  123. package/src/Button/index.ts +0 -1
  124. package/src/Card/Card.stories.tsx +0 -41
  125. package/src/Card/Card.test.tsx +0 -71
  126. package/src/Card/Card.tsx +0 -48
  127. package/src/Card/index.ts +0 -1
  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 -72
  152. package/src/Divider/Divider.tsx +0 -33
  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 -43
  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.tsx +0 -78
  194. package/src/Radio/Radio.test.tsx +0 -154
  195. package/src/Radio/Radio.tsx +0 -88
  196. package/src/Radio/RadioIcon.tsx +0 -49
  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,5 +0,0 @@
1
- import type { ComponentStory } from '@storybook/react';
2
- import { Radio } from './Radio';
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 Radio>;
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- export declare type RadioIconProps = {
3
- variant?: string;
4
- checked?: boolean;
5
- disabled?: boolean;
6
- error?: boolean;
7
- children?: never;
8
- };
9
- export declare const RadioIcon: React.FC<RadioIconProps>;
@@ -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';