@marigold/components 0.5.1 → 0.6.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/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # @marigold/components
2
2
 
3
+ ## 0.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#1819](https://github.com/marigold-ui/marigold/pull/1819) [`d162a6a8`](https://github.com/marigold-ui/marigold/commit/d162a6a8d1f9d99bfc08d59f6dae294a6fa95310) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): add new Component Switch
8
+
9
+ * [#1842](https://github.com/marigold-ui/marigold/pull/1842) [`e053b7b9`](https://github.com/marigold-ui/marigold/commit/e053b7b903f02c56cf10e6b9aecbedd29399895d) Thanks [@ti10le](https://github.com/ti10le)! - feat: extend svg fill prop to handle theme color
10
+
11
+ - [#1822](https://github.com/marigold-ui/marigold/pull/1822) [`527ba94f`](https://github.com/marigold-ui/marigold/commit/527ba94fa1a3255dc6f846fcc9def978ec906bf3) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp/docs): Alert update variant + docs
12
+
13
+ * [#1807](https://github.com/marigold-ui/marigold/pull/1807) [`b55e10bc`](https://github.com/marigold-ui/marigold/commit/b55e10bc7119554373d43f9d8872346c1e6d6c39) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): add Tooltip component v1
14
+
15
+ - [#1851](https://github.com/marigold-ui/marigold/pull/1851) [`9a95a6f5`](https://github.com/marigold-ui/marigold/commit/9a95a6f541dec34e27eac8557186f929e811c07c) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): make Inline accepting fragment + standard text
16
+
17
+ * [#1820](https://github.com/marigold-ui/marigold/pull/1820) [`f62033b6`](https://github.com/marigold-ui/marigold/commit/f62033b642a623a75f311af701febc4b54f77120) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Checkbox add indeterminated state + doc update
18
+
19
+ ### Patch Changes
20
+
21
+ - [#1849](https://github.com/marigold-ui/marigold/pull/1849) [`21f72b34`](https://github.com/marigold-ui/marigold/commit/21f72b3499c7ed2f88a0b96315f0374140e98e85) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: remove Alert
22
+
23
+ * [#1852](https://github.com/marigold-ui/marigold/pull/1852) [`25c8675e`](https://github.com/marigold-ui/marigold/commit/25c8675ed470cc71f8f968a83b9781b66412c493) Thanks [@ti10le](https://github.com/ti10le)! - refa(comp): fill prop instead of css or \_\_basCSS
24
+
25
+ * Updated dependencies [[`4cc0ad3b`](https://github.com/marigold-ui/marigold/commit/4cc0ad3b85b993e01b4d85b6f30b1a81cdee2351), [`64b9089e`](https://github.com/marigold-ui/marigold/commit/64b9089ed2e1e35975472e342b02cda40f5de66f), [`539d4198`](https://github.com/marigold-ui/marigold/commit/539d41987118db125ee37a4a83231335ea15830a), [`e053b7b9`](https://github.com/marigold-ui/marigold/commit/e053b7b903f02c56cf10e6b9aecbedd29399895d)]:
26
+ - @marigold/system@0.6.0
27
+ - @marigold/icons@0.5.0
28
+
3
29
  ## 0.5.1
4
30
 
5
31
  ### Patch Changes
package/dist/index.d.ts CHANGED
@@ -6,12 +6,15 @@ import { ToggleProps } from '@react-types/checkbox';
6
6
  import { SeparatorProps } from '@react-aria/separator';
7
7
  import { AriaSelectProps } from '@react-types/select';
8
8
  import { SingleSelection } from '@react-types/shared';
9
+ import { AriaSwitchProps } from '@react-types/switch';
9
10
  import { AriaTextFieldProps } from '@react-types/textfield';
11
+ import { TooltipTriggerProps } from '@react-types/tooltip';
10
12
  import * as _react_stately_overlays from '@react-stately/overlays';
11
13
  import { OverlayProps } from '@react-aria/overlays';
12
14
  import { AriaDialogProps } from '@react-types/dialog';
13
15
  export { VisuallyHidden } from '@react-aria/visually-hidden';
14
16
  export { SSRProvider } from '@react-aria/ssr';
17
+ import { TooltipTriggerState } from '@react-stately/tooltip';
15
18
  export { Item, Section } from '@react-stately/collections';
16
19
 
17
20
  interface RootThemeExtension<Value> {
@@ -24,31 +27,6 @@ interface MarigoldProviderProps<T extends Theme$1> extends ThemeProviderProps<T>
24
27
  }
25
28
  declare function MarigoldProvider<T extends Theme$1>({ theme, children, }: MarigoldProviderProps<T>): JSX.Element;
26
29
 
27
- declare const ICON_MAP: {
28
- readonly success: ({ className, ...props }: {
29
- [x: string]: any;
30
- className?: string | undefined;
31
- }) => JSX.Element;
32
- readonly warning: ({ className, ...props }: {
33
- [x: string]: any;
34
- className?: string | undefined;
35
- }) => JSX.Element;
36
- readonly error: ({ className, ...props }: {
37
- [x: string]: any;
38
- className?: string | undefined;
39
- }) => JSX.Element;
40
- };
41
- declare type AlertVariants = keyof typeof ICON_MAP;
42
- interface AlertThemeExtension<Value> {
43
- alert?: {
44
- [key in AlertVariants]?: Value;
45
- };
46
- }
47
- interface AlertProps extends ComponentProps<'div'> {
48
- variant?: AlertVariants;
49
- }
50
- declare const Alert: React.FC<AlertProps>;
51
-
52
30
  interface BadgeThemeExtension<Value> {
53
31
  badge?: {
54
32
  [key: string]: Value;
@@ -86,6 +64,7 @@ interface CheckboxIconProps {
86
64
  variant?: string;
87
65
  checked?: boolean;
88
66
  disabled?: boolean;
67
+ indeterminated?: boolean;
89
68
  error?: boolean;
90
69
  }
91
70
 
@@ -267,6 +246,18 @@ interface SliderProps extends ComponentProps<'input'> {
267
246
  }
268
247
  declare const Slider: React.FC<SliderProps>;
269
248
 
249
+ interface SwitchThemeExtension<Value> {
250
+ switch?: {
251
+ [key: string]: Value;
252
+ };
253
+ }
254
+ declare type SwitchProps = {
255
+ variant?: string;
256
+ labelVariant?: string;
257
+ disabled?: boolean;
258
+ } & AriaSwitchProps & ToggleProps & ComponentProps<'input'>;
259
+ declare const Switch: React.FC<SwitchProps>;
260
+
270
261
  interface TextareaThemeExtension<Value> {
271
262
  textarea?: {
272
263
  [key: string]: Value;
@@ -280,6 +271,21 @@ declare type TextareaProps = {
280
271
  } & AriaTextFieldProps & ComponentProps<'textarea'>;
281
272
  declare const Textarea: React.FC<TextareaProps>;
282
273
 
274
+ interface TooltipThemeExtension<Value> {
275
+ tooltip?: {
276
+ [key: string]: Value;
277
+ };
278
+ }
279
+ interface TooltipProps extends TooltipTriggerProps {
280
+ variant?: string;
281
+ }
282
+ declare const Tooltip: React.FC<TooltipProps>;
283
+
284
+ declare const TooltipContext: React.Context<{
285
+ state?: TooltipTriggerState | undefined;
286
+ }>;
287
+ declare const TooltipTrigger: React.FC;
288
+
283
289
  interface ValidationMessageThemeExtension<Value> {
284
290
  validation?: {
285
291
  [key: string]: Value;
@@ -290,7 +296,7 @@ interface ValidationMessageProps extends ComponentProps<'span'> {
290
296
  }
291
297
  declare const ValidationMessage: React.FC<ValidationMessageProps>;
292
298
 
293
- interface Theme extends Theme$1, RootThemeExtension<CSSObject>, AlertThemeExtension<CSSObject>, BadgeThemeExtension<CSSObject>, ButtonThemeExtension<CSSObject>, CardThemeExtension<CSSObject>, CheckboxThemeExtension<CSSObject>, DividerThemeExtension<CSSObject>, ImageThemeExtension<CSSObject>, InputThemeExtension<CSSObject>, LabelThemeExtension<CSSObject>, LinkThemeExtension<CSSObject>, MenuThemeExtension<CSSObject>, MenuItemThemeExtension<CSSObject>, MessageThemeExtension<CSSObject>, RadioThemeExtension<CSSObject>, SelectThemeExtension<CSSObject>, SliderThemeExtension<CSSObject>, TextThemeExtension<CSSObject>, TextareaThemeExtension<CSSObject>, ValidationMessageThemeExtension<CSSObject> {
299
+ interface Theme extends Theme$1, RootThemeExtension<CSSObject>, BadgeThemeExtension<CSSObject>, ButtonThemeExtension<CSSObject>, CardThemeExtension<CSSObject>, CheckboxThemeExtension<CSSObject>, DividerThemeExtension<CSSObject>, ImageThemeExtension<CSSObject>, InputThemeExtension<CSSObject>, LabelThemeExtension<CSSObject>, LinkThemeExtension<CSSObject>, MenuThemeExtension<CSSObject>, MenuItemThemeExtension<CSSObject>, MessageThemeExtension<CSSObject>, RadioThemeExtension<CSSObject>, SelectThemeExtension<CSSObject>, SliderThemeExtension<CSSObject>, SwitchThemeExtension<CSSObject>, TextThemeExtension<CSSObject>, TextareaThemeExtension<CSSObject>, TooltipThemeExtension<CSSObject>, ValidationMessageThemeExtension<CSSObject> {
294
300
  }
295
301
 
296
302
  interface ActionGroupProps extends ComponentProps<'div'> {
@@ -359,4 +365,4 @@ interface ContainerProps extends ComponentProps<'div'> {
359
365
  }
360
366
  declare const Container: React.FC<ContainerProps>;
361
367
 
362
- export { ActionGroup, ActionGroupProps, Alert, AlertProps, AlertThemeExtension, AlertVariants, Badge, BadgeProps, BadgeThemeExtension, Button, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Checkbox, CheckboxProps, CheckboxThemeExtension, Column, ColumnProps, Columns, ColumnsProps, Container, ContainerProps, Dialog, DialogProps, Divider, DividerProps, DividerThemeExtension, Field, FieldProps, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputProps, InputThemeExtension, Label, LabelBase, LabelBaseProps, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuItem, MenuItemProps, MenuItemThemeExtension, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, Radio, RadioProps, RadioThemeExtension, RootThemeExtension, Select, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Stack, StackProps, Text, TextOwnProps, TextProps, TextThemeExtension, Textarea, TextareaProps, TextareaThemeExtension, Theme, ValidationMessage, ValidationMessageProps, ValidationMessageThemeExtension, useDialogButtonProps };
368
+ export { ActionGroup, ActionGroupProps, Badge, BadgeProps, BadgeThemeExtension, Button, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Checkbox, CheckboxProps, CheckboxThemeExtension, Column, ColumnProps, Columns, ColumnsProps, Container, ContainerProps, Dialog, DialogProps, Divider, DividerProps, DividerThemeExtension, Field, FieldProps, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputProps, InputThemeExtension, Label, LabelBase, LabelBaseProps, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuItem, MenuItemProps, MenuItemThemeExtension, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, Radio, RadioProps, RadioThemeExtension, RootThemeExtension, Select, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Stack, StackProps, Switch, SwitchProps, SwitchThemeExtension, Text, TextOwnProps, TextProps, TextThemeExtension, Textarea, TextareaProps, TextareaThemeExtension, Theme, Tooltip, TooltipContext, TooltipProps, TooltipThemeExtension, TooltipTrigger, ValidationMessage, ValidationMessageProps, ValidationMessageThemeExtension, useDialogButtonProps };