@galaxy-ds/core 2.0.24 → 2.0.26
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/dist/Avatar/Avatar.stories.d.ts +19 -11
- package/dist/Avatar/Avatar.types.d.ts +1 -1
- package/dist/AvatarGroup/AvatarGroup.stories.d.ts +16 -8
- package/dist/AvatarGroup/AvatarGroup.types.d.ts +1 -1
- package/dist/Card/Card.stories.d.ts +2 -2
- package/dist/Card/Card.types.d.ts +0 -1
- package/dist/ModalTitle/ModalTitle.stories.d.ts +3 -4
- package/dist/StepNavigation/StepNavigation.stories.d.ts +3 -3
- package/package.json +1 -1
|
@@ -18,9 +18,17 @@ declare const meta: {
|
|
|
18
18
|
export default meta;
|
|
19
19
|
export declare const Default: {
|
|
20
20
|
args: {};
|
|
21
|
+
argTypes: {
|
|
22
|
+
color: {
|
|
23
|
+
options: string[];
|
|
24
|
+
control: {
|
|
25
|
+
type: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
21
29
|
play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
|
|
22
30
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
23
|
-
color?: ("default" | "primary" | "secondary"
|
|
31
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
24
32
|
tooltip?: import("react").ReactNode;
|
|
25
33
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
26
34
|
alt?: string | undefined;
|
|
@@ -307,7 +315,7 @@ export declare const Default: {
|
|
|
307
315
|
}>) => Promise<void>;
|
|
308
316
|
render: (args: {
|
|
309
317
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
310
|
-
color?: ("default" | "primary" | "secondary"
|
|
318
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
311
319
|
tooltip?: import("react").ReactNode;
|
|
312
320
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
313
321
|
alt?: string | undefined;
|
|
@@ -600,7 +608,7 @@ export declare const Size: {
|
|
|
600
608
|
args: {};
|
|
601
609
|
play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
|
|
602
610
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
603
|
-
color?: ("default" | "primary" | "secondary"
|
|
611
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
604
612
|
tooltip?: import("react").ReactNode;
|
|
605
613
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
606
614
|
alt?: string | undefined;
|
|
@@ -887,7 +895,7 @@ export declare const Size: {
|
|
|
887
895
|
}>) => Promise<void>;
|
|
888
896
|
render: (args: {
|
|
889
897
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
890
|
-
color?: ("default" | "primary" | "secondary"
|
|
898
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
891
899
|
tooltip?: import("react").ReactNode;
|
|
892
900
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
893
901
|
alt?: string | undefined;
|
|
@@ -1180,7 +1188,7 @@ export declare const Images: {
|
|
|
1180
1188
|
args: {};
|
|
1181
1189
|
play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
|
|
1182
1190
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
1183
|
-
color?: ("default" | "primary" | "secondary"
|
|
1191
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
1184
1192
|
tooltip?: import("react").ReactNode;
|
|
1185
1193
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
1186
1194
|
alt?: string | undefined;
|
|
@@ -1467,7 +1475,7 @@ export declare const Images: {
|
|
|
1467
1475
|
}>) => Promise<void>;
|
|
1468
1476
|
render: (args: {
|
|
1469
1477
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
1470
|
-
color?: ("default" | "primary" | "secondary"
|
|
1478
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
1471
1479
|
tooltip?: import("react").ReactNode;
|
|
1472
1480
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
1473
1481
|
alt?: string | undefined;
|
|
@@ -1759,11 +1767,11 @@ export declare const Images: {
|
|
|
1759
1767
|
*/
|
|
1760
1768
|
export declare const Icons: {
|
|
1761
1769
|
args: {
|
|
1762
|
-
color:
|
|
1770
|
+
color: "default";
|
|
1763
1771
|
};
|
|
1764
1772
|
render: (args: {
|
|
1765
1773
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
1766
|
-
color?: ("default" | "primary" | "secondary"
|
|
1774
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
1767
1775
|
tooltip?: import("react").ReactNode;
|
|
1768
1776
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
1769
1777
|
alt?: string | undefined;
|
|
@@ -2054,11 +2062,11 @@ export declare const Icons: {
|
|
|
2054
2062
|
*/
|
|
2055
2063
|
export declare const Tooltip: {
|
|
2056
2064
|
args: {
|
|
2057
|
-
color:
|
|
2065
|
+
color: "default";
|
|
2058
2066
|
};
|
|
2059
2067
|
play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
|
|
2060
2068
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
2061
|
-
color?: ("default" | "primary" | "secondary"
|
|
2069
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
2062
2070
|
tooltip?: import("react").ReactNode;
|
|
2063
2071
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
2064
2072
|
alt?: string | undefined;
|
|
@@ -2345,7 +2353,7 @@ export declare const Tooltip: {
|
|
|
2345
2353
|
}>) => Promise<void>;
|
|
2346
2354
|
render: (args: {
|
|
2347
2355
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
2348
|
-
color?: ("default" | "primary" | "secondary"
|
|
2356
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
2349
2357
|
tooltip?: import("react").ReactNode;
|
|
2350
2358
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
2351
2359
|
alt?: string | undefined;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { AvatarProps } from '@mui/material';
|
|
3
3
|
export interface GDSAvatarProps extends AvatarProps {
|
|
4
4
|
size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
5
|
-
color?: 'default' | 'primary' | 'secondary'
|
|
5
|
+
color?: 'default' | 'primary' | 'secondary';
|
|
6
6
|
tooltip?: React.ReactNode;
|
|
7
7
|
tooltipPlacement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
|
|
8
8
|
}
|
|
@@ -18,7 +18,7 @@ export declare const Default: {
|
|
|
18
18
|
args: {};
|
|
19
19
|
play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
|
|
20
20
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
21
|
-
color?: ("default" | "primary" | "secondary"
|
|
21
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
22
22
|
tooltip?: import("react").ReactNode;
|
|
23
23
|
max?: number | undefined;
|
|
24
24
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
@@ -303,7 +303,7 @@ export declare const Default: {
|
|
|
303
303
|
}>) => Promise<void>;
|
|
304
304
|
render: (args: {
|
|
305
305
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
306
|
-
color?: ("default" | "primary" | "secondary"
|
|
306
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
307
307
|
tooltip?: import("react").ReactNode;
|
|
308
308
|
max?: number | undefined;
|
|
309
309
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
@@ -594,7 +594,7 @@ export declare const Size: {
|
|
|
594
594
|
args: {};
|
|
595
595
|
play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
|
|
596
596
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
597
|
-
color?: ("default" | "primary" | "secondary"
|
|
597
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
598
598
|
tooltip?: import("react").ReactNode;
|
|
599
599
|
max?: number | undefined;
|
|
600
600
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
@@ -879,7 +879,7 @@ export declare const Size: {
|
|
|
879
879
|
}>) => Promise<void>;
|
|
880
880
|
render: (args: {
|
|
881
881
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
882
|
-
color?: ("default" | "primary" | "secondary"
|
|
882
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
883
883
|
tooltip?: import("react").ReactNode;
|
|
884
884
|
max?: number | undefined;
|
|
885
885
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
@@ -1168,9 +1168,17 @@ export declare const Size: {
|
|
|
1168
1168
|
*/
|
|
1169
1169
|
export declare const Color: {
|
|
1170
1170
|
args: {};
|
|
1171
|
+
argTypes: {
|
|
1172
|
+
color: {
|
|
1173
|
+
options: string[];
|
|
1174
|
+
control: {
|
|
1175
|
+
type: string;
|
|
1176
|
+
};
|
|
1177
|
+
};
|
|
1178
|
+
};
|
|
1171
1179
|
play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
|
|
1172
1180
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
1173
|
-
color?: ("default" | "primary" | "secondary"
|
|
1181
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
1174
1182
|
tooltip?: import("react").ReactNode;
|
|
1175
1183
|
max?: number | undefined;
|
|
1176
1184
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
@@ -1455,7 +1463,7 @@ export declare const Color: {
|
|
|
1455
1463
|
}>) => Promise<void>;
|
|
1456
1464
|
render: (args: {
|
|
1457
1465
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
1458
|
-
color?: ("default" | "primary" | "secondary"
|
|
1466
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
1459
1467
|
tooltip?: import("react").ReactNode;
|
|
1460
1468
|
max?: number | undefined;
|
|
1461
1469
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
@@ -1746,7 +1754,7 @@ export declare const Tooltip: {
|
|
|
1746
1754
|
args: {};
|
|
1747
1755
|
play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
|
|
1748
1756
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
1749
|
-
color?: ("default" | "primary" | "secondary"
|
|
1757
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
1750
1758
|
tooltip?: import("react").ReactNode;
|
|
1751
1759
|
max?: number | undefined;
|
|
1752
1760
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
@@ -2031,7 +2039,7 @@ export declare const Tooltip: {
|
|
|
2031
2039
|
}>) => Promise<void>;
|
|
2032
2040
|
render: (args: {
|
|
2033
2041
|
size?: ("xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge") | undefined;
|
|
2034
|
-
color?: ("default" | "primary" | "secondary"
|
|
2042
|
+
color?: ("default" | "primary" | "secondary") | undefined;
|
|
2035
2043
|
tooltip?: import("react").ReactNode;
|
|
2036
2044
|
max?: number | undefined;
|
|
2037
2045
|
tooltipPlacement?: ("bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top") | undefined;
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { AvatarGroupProps as MuiAvatarGroupProps } from '@mui/material';
|
|
3
3
|
export interface AvatarGroupProps extends MuiAvatarGroupProps {
|
|
4
4
|
size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
5
|
-
color?: 'default' | 'primary' | 'secondary'
|
|
5
|
+
color?: 'default' | 'primary' | 'secondary';
|
|
6
6
|
tooltip?: React.ReactNode;
|
|
7
7
|
max?: number;
|
|
8
8
|
tooltipPlacement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
|
|
@@ -25,8 +25,8 @@ export declare const Default: {
|
|
|
25
25
|
};
|
|
26
26
|
play: ({ canvasElement }: import("@storybook/types").PlayFunctionContext<import("@storybook/react").ReactRenderer, {
|
|
27
27
|
children?: import("react").ReactNode;
|
|
28
|
-
raised?: boolean | undefined;
|
|
29
28
|
classes?: (Partial<import("@mui/material").CardClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
|
|
29
|
+
raised?: boolean | undefined;
|
|
30
30
|
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
31
31
|
elevation?: number | undefined;
|
|
32
32
|
square?: boolean | undefined;
|
|
@@ -301,8 +301,8 @@ export declare const Default: {
|
|
|
301
301
|
}>) => Promise<void>;
|
|
302
302
|
render: (args: {
|
|
303
303
|
children?: import("react").ReactNode;
|
|
304
|
-
raised?: boolean | undefined;
|
|
305
304
|
classes?: (Partial<import("@mui/material").CardClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
|
|
305
|
+
raised?: boolean | undefined;
|
|
306
306
|
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
307
307
|
elevation?: number | undefined;
|
|
308
308
|
square?: boolean | undefined;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import { ModalTitle } from './ModalTitle';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* `ModalTitle` has a LEAP logo prepended for Desktop theme, can set its visibility with `showLeapLogo` props. The logo is omitted in Web theme.
|
|
5
|
+
*
|
|
6
|
+
* ```js
|
|
5
7
|
* import { ModalTitle } from "@galaxy-ds/core";
|
|
6
8
|
* ```
|
|
7
9
|
*/
|
|
8
10
|
declare const meta: Meta<typeof ModalTitle>;
|
|
9
11
|
export default meta;
|
|
10
12
|
type Story = StoryObj<typeof ModalTitle>;
|
|
11
|
-
/**
|
|
12
|
-
* `ModalTitle` has a LEAP logo prepended for Desktop theme, can set its visibility with `showLeapLogo` props. The logo is omitted in Web theme.
|
|
13
|
-
*/
|
|
14
13
|
export declare const Default: Story;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
2
|
import { StepNavigation } from './StepNavigation';
|
|
3
3
|
/**
|
|
4
|
+
*
|
|
5
|
+
* Set the active step (zero based index). Set to -1 to disable all the steps.
|
|
6
|
+
*
|
|
4
7
|
* ```js
|
|
5
8
|
* import { StepNavigation } from "@galaxy-ds/core";
|
|
6
9
|
* ```
|
|
@@ -8,7 +11,4 @@ import { StepNavigation } from './StepNavigation';
|
|
|
8
11
|
declare const meta: Meta<typeof StepNavigation>;
|
|
9
12
|
export default meta;
|
|
10
13
|
type Story = StoryObj<typeof StepNavigation>;
|
|
11
|
-
/**
|
|
12
|
-
* Set the active step (zero based index). Set to -1 to disable all the steps.
|
|
13
|
-
*/
|
|
14
14
|
export declare const Default: Story;
|