@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 +26 -0
- package/dist/index.d.ts +33 -27
- package/dist/index.js +298 -212
- package/dist/index.mjs +279 -194
- package/package.json +7 -3
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>,
|
|
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,
|
|
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 };
|