@beydesign/storybook 0.0.38 → 0.0.40
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/index.d.ts +9 -32
- package/dist/index.js +9 -45
- package/dist/stories/{AgentCard → Agent}/AgentCard.js +4 -11
- package/dist/stories/{AgentCard → Agent}/AgentCardSkeleton.js +1 -1
- package/dist/stories/Agent/index.d.ts +3 -0
- package/dist/stories/Agent/index.js +3 -0
- package/dist/stories/{AgentCard → Agent}/types.d.ts +1 -1
- package/dist/stories/Buttons/MainButton.d.ts +3 -0
- package/dist/stories/{Button.js → Buttons/MainButton.js} +3 -7
- package/dist/stories/{Button.stories.d.ts → Buttons/MainButton.stories.d.ts} +1 -1
- package/dist/stories/{Button.stories.js → Buttons/MainButton.stories.js} +3 -6
- package/dist/stories/Buttons/ToggleButtonGroup.d.ts +3 -0
- package/dist/stories/{ToggleButtonGroup.js → Buttons/ToggleButtonGroup.js} +3 -7
- package/dist/stories/{ToggleButtonGroup.stories.js → Buttons/ToggleButtonGroup.stories.js} +2 -2
- package/dist/stories/Buttons/index.d.ts +3 -0
- package/dist/stories/Buttons/index.js +3 -0
- package/dist/stories/{types/button.d.ts → Buttons/types.d.ts} +21 -3
- package/dist/stories/{types/button.js → Buttons/types.js} +9 -0
- package/dist/stories/{CreditsCard.d.ts → Credits/CreditsCard.d.ts} +1 -1
- package/dist/stories/{CreditsCard.js → Credits/CreditsCard.js} +3 -5
- package/dist/stories/{CreditsCard.stories.js → Credits/CreditsCard.stories.js} +2 -2
- package/dist/stories/Credits/index.d.ts +2 -0
- package/dist/stories/Credits/index.js +2 -0
- package/dist/stories/{Checkbox.d.ts → Form/Checkbox.d.ts} +1 -1
- package/dist/stories/{Checkbox.js → Form/Checkbox.js} +2 -3
- package/dist/stories/{Checkbox.stories.js → Form/Checkbox.stories.js} +2 -2
- package/dist/stories/{TextArea.d.ts → Form/TextArea.d.ts} +1 -1
- package/dist/stories/{TextArea.js → Form/TextArea.js} +1 -2
- package/dist/stories/{TextArea.stories.d.ts → Form/TextArea.stories.d.ts} +1 -1
- package/dist/stories/{TextArea.stories.js → Form/TextArea.stories.js} +1 -1
- package/dist/stories/{TextInput.d.ts → Form/TextInput.d.ts} +1 -1
- package/dist/stories/{TextInput.js → Form/TextInput.js} +1 -2
- package/dist/stories/{TextInput.stories.d.ts → Form/TextInput.stories.d.ts} +1 -1
- package/dist/stories/{TextInput.stories.js → Form/TextInput.stories.js} +1 -1
- package/dist/stories/Form/Toggle.d.ts +3 -0
- package/dist/stories/{Toggle.js → Form/Toggle.js} +2 -6
- package/dist/stories/{Toggle.stories.js → Form/Toggle.stories.js} +2 -2
- package/dist/stories/Form/index.d.ts +5 -0
- package/dist/stories/Form/index.js +5 -0
- package/dist/stories/Form/types.d.ts +94 -0
- package/dist/stories/{types/toggle.js → Form/types.js} +5 -0
- package/dist/stories/{Colors.js → Foundations/Colors.js} +1 -2
- package/dist/stories/Foundations/index.d.ts +1 -0
- package/dist/stories/Foundations/index.js +1 -0
- package/dist/stories/{Header.d.ts → Navigation/Header.d.ts} +1 -1
- package/dist/stories/{Header.js → Navigation/Header.js} +4 -6
- package/dist/stories/{Header.stories.js → Navigation/Header.stories.js} +2 -2
- package/dist/stories/{NavItem.d.ts → Navigation/NavItem.d.ts} +1 -1
- package/dist/stories/{NavItem.js → Navigation/NavItem.js} +4 -6
- package/dist/stories/{NavItem.stories.js → Navigation/NavItem.stories.js} +2 -2
- package/dist/stories/{Sidebar.d.ts → Navigation/Sidebar.d.ts} +1 -1
- package/dist/stories/{Sidebar.js → Navigation/Sidebar.js} +5 -11
- package/dist/stories/{Sidebar.stories.js → Navigation/Sidebar.stories.js} +2 -3
- package/dist/stories/Navigation/index.d.ts +4 -0
- package/dist/stories/Navigation/index.js +4 -0
- package/dist/stories/{types/sidebar.d.ts → Navigation/types.d.ts} +61 -1
- package/dist/stories/{types/nav-item.js → Navigation/types.js} +5 -0
- package/dist/stories/Typography/Typography.d.ts +3 -0
- package/dist/stories/{Typography.js → Typography/Typography.js} +2 -5
- package/dist/stories/{Typography.stories.js → Typography/Typography.stories.js} +2 -2
- package/dist/stories/Typography/index.d.ts +2 -0
- package/dist/stories/Typography/index.js +2 -0
- package/dist/stories/{types/typography.d.ts → Typography/types.d.ts} +0 -5
- package/dist/stories/UI/Avatar.d.ts +3 -0
- package/dist/stories/{Avatar.js → UI/Avatar.js} +4 -7
- package/dist/stories/{Avatar.stories.js → UI/Avatar.stories.js} +2 -2
- package/dist/stories/{Bagde.d.ts → UI/Badge.d.ts} +1 -1
- package/dist/stories/{Bagde.js → UI/Badge.js} +3 -4
- package/dist/stories/{Badge.stories.d.ts → UI/Badge.stories.d.ts} +1 -1
- package/dist/stories/{Badge.stories.js → UI/Badge.stories.js} +3 -3
- package/dist/stories/{HintBubble.d.ts → UI/HintBubble.d.ts} +1 -1
- package/dist/stories/{HintBubble.js → UI/HintBubble.js} +2 -3
- package/dist/stories/{HintBubble.stories.js → UI/HintBubble.stories.js} +2 -2
- package/dist/stories/{Logo.d.ts → UI/Logo.d.ts} +1 -1
- package/dist/stories/{Logo.js → UI/Logo.js} +1 -1
- package/dist/stories/UI/Logo.stories.d.ts +11 -0
- package/dist/stories/{Logo.stories.js → UI/Logo.stories.js} +2 -2
- package/dist/stories/UI/Menu.d.ts +3 -0
- package/dist/stories/{Menu.js → UI/Menu.js} +3 -11
- package/dist/stories/UI/Menu.stories.d.ts +6 -0
- package/dist/stories/{Menu.stories.js → UI/Menu.stories.js} +1 -1
- package/dist/stories/UI/ProgressIndicator.d.ts +3 -0
- package/dist/stories/{ProgressIndicator.js → UI/ProgressIndicator.js} +2 -6
- package/dist/stories/{ProgressIndicator.stories.js → UI/ProgressIndicator.stories.js} +2 -2
- package/dist/stories/UI/SkeletonLoader.d.ts +3 -0
- package/dist/stories/{SkeletonLoader.stories.js → UI/SkeletonLoader.stories.js} +1 -1
- package/dist/stories/UI/index.d.ts +8 -0
- package/dist/stories/UI/index.js +8 -0
- package/dist/stories/UI/types.d.ts +205 -0
- package/dist/stories/UI/types.js +71 -0
- package/dist/utils/common.d.ts +1 -0
- package/dist/utils/common.js +6 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.js +2 -0
- package/package.json +1 -1
- package/dist/stories/AgentCard/index.d.ts +0 -3
- package/dist/stories/AgentCard/index.js +0 -2
- package/dist/stories/Avatar.d.ts +0 -4
- package/dist/stories/Button.d.ts +0 -4
- package/dist/stories/Logo.stories.d.ts +0 -39
- package/dist/stories/Menu.d.ts +0 -4
- package/dist/stories/Menu.stories.d.ts +0 -43
- package/dist/stories/ProgressIndicator.d.ts +0 -4
- package/dist/stories/SkeletonLoader.d.ts +0 -24
- package/dist/stories/Toggle.d.ts +0 -4
- package/dist/stories/ToggleButtonGroup.d.ts +0 -4
- package/dist/stories/Typography.d.ts +0 -4
- package/dist/stories/types/avatar.d.ts +0 -44
- package/dist/stories/types/avatar.js +0 -28
- package/dist/stories/types/badge.d.ts +0 -49
- package/dist/stories/types/badge.js +0 -25
- package/dist/stories/types/checkbox.d.ts +0 -26
- package/dist/stories/types/checkbox.js +0 -5
- package/dist/stories/types/header.d.ts +0 -25
- package/dist/stories/types/header.js +0 -1
- package/dist/stories/types/hint-bubble.d.ts +0 -24
- package/dist/stories/types/hint-bubble.js +0 -10
- package/dist/stories/types/logo.d.ts +0 -30
- package/dist/stories/types/logo.js +0 -6
- package/dist/stories/types/menu.d.ts +0 -30
- package/dist/stories/types/menu.js +0 -1
- package/dist/stories/types/nav-item.d.ts +0 -41
- package/dist/stories/types/progress-indicator.d.ts +0 -35
- package/dist/stories/types/progress-indicator.js +0 -8
- package/dist/stories/types/sidebar.js +0 -5
- package/dist/stories/types/text-area.d.ts +0 -30
- package/dist/stories/types/text-area.js +0 -1
- package/dist/stories/types/text-input.d.ts +0 -26
- package/dist/stories/types/text-input.js +0 -1
- package/dist/stories/types/toggle-button-group.d.ts +0 -28
- package/dist/stories/types/toggle-button-group.js +0 -9
- package/dist/stories/types/toggle.d.ts +0 -32
- /package/dist/stories/{AgentCard → Agent}/AgentCard.d.ts +0 -0
- /package/dist/stories/{AgentCard → Agent}/AgentCard.stories.d.ts +0 -0
- /package/dist/stories/{AgentCard → Agent}/AgentCard.stories.js +0 -0
- /package/dist/stories/{AgentCard → Agent}/AgentCardSkeleton.d.ts +0 -0
- /package/dist/stories/{AgentCard → Agent}/AgentCardSkeleton.stories.d.ts +0 -0
- /package/dist/stories/{AgentCard → Agent}/AgentCardSkeleton.stories.js +0 -0
- /package/dist/stories/{AgentCard → Agent}/types.js +0 -0
- /package/dist/stories/{ToggleButtonGroup.stories.d.ts → Buttons/ToggleButtonGroup.stories.d.ts} +0 -0
- /package/dist/stories/{CreditsCard.stories.d.ts → Credits/CreditsCard.stories.d.ts} +0 -0
- /package/dist/stories/{types/credits-card.d.ts → Credits/types.d.ts} +0 -0
- /package/dist/stories/{types/credits-card.js → Credits/types.js} +0 -0
- /package/dist/stories/{Checkbox.stories.d.ts → Form/Checkbox.stories.d.ts} +0 -0
- /package/dist/stories/{Toggle.stories.d.ts → Form/Toggle.stories.d.ts} +0 -0
- /package/dist/stories/{Colors.d.ts → Foundations/Colors.d.ts} +0 -0
- /package/dist/stories/{Colors.stories.d.ts → Foundations/Colors.stories.d.ts} +0 -0
- /package/dist/stories/{Colors.stories.js → Foundations/Colors.stories.js} +0 -0
- /package/dist/stories/{Header.stories.d.ts → Navigation/Header.stories.d.ts} +0 -0
- /package/dist/stories/{NavItem.stories.d.ts → Navigation/NavItem.stories.d.ts} +0 -0
- /package/dist/stories/{Sidebar.stories.d.ts → Navigation/Sidebar.stories.d.ts} +0 -0
- /package/dist/stories/{Typography.stories.d.ts → Typography/Typography.stories.d.ts} +0 -0
- /package/dist/stories/{types/typography.js → Typography/types.js} +0 -0
- /package/dist/stories/{Avatar.stories.d.ts → UI/Avatar.stories.d.ts} +0 -0
- /package/dist/stories/{HintBubble.stories.d.ts → UI/HintBubble.stories.d.ts} +0 -0
- /package/dist/stories/{ProgressIndicator.stories.d.ts → UI/ProgressIndicator.stories.d.ts} +0 -0
- /package/dist/stories/{SkeletonLoader.js → UI/SkeletonLoader.js} +0 -0
- /package/dist/stories/{SkeletonLoader.stories.d.ts → UI/SkeletonLoader.stories.d.ts} +0 -0
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export declare enum HintBubbleType {
|
|
2
|
-
Info = "Info",
|
|
3
|
-
Error = "Error"
|
|
4
|
-
}
|
|
5
|
-
export declare enum HintBubbleSize {
|
|
6
|
-
md = "md",
|
|
7
|
-
sm = "sm"
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* HintBubble component props
|
|
11
|
-
*/
|
|
12
|
-
export type HintBubbleProps = {
|
|
13
|
-
/** Type variant of the hint bubble */
|
|
14
|
-
type?: HintBubbleType;
|
|
15
|
-
/** Size variant of the hint bubble */
|
|
16
|
-
size?: HintBubbleSize;
|
|
17
|
-
/** Text of the hint bubble */
|
|
18
|
-
text: string;
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* Props for the Components wrapper
|
|
22
|
-
*/
|
|
23
|
-
export interface ComponentsProps {
|
|
24
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export var HintBubbleType;
|
|
2
|
-
(function (HintBubbleType) {
|
|
3
|
-
HintBubbleType["Info"] = "Info";
|
|
4
|
-
HintBubbleType["Error"] = "Error";
|
|
5
|
-
})(HintBubbleType || (HintBubbleType = {}));
|
|
6
|
-
export var HintBubbleSize;
|
|
7
|
-
(function (HintBubbleSize) {
|
|
8
|
-
HintBubbleSize["md"] = "md";
|
|
9
|
-
HintBubbleSize["sm"] = "sm";
|
|
10
|
-
})(HintBubbleSize || (HintBubbleSize = {}));
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
export declare enum LogoVariant {
|
|
2
|
-
Horizontal = "horizontal",
|
|
3
|
-
Vertical = "vertical",
|
|
4
|
-
Icon = "icon"
|
|
5
|
-
}
|
|
6
|
-
export interface LogoProps {
|
|
7
|
-
/**
|
|
8
|
-
* The variant of the logo to display
|
|
9
|
-
*/
|
|
10
|
-
variant?: LogoVariant;
|
|
11
|
-
/**
|
|
12
|
-
* The color to apply to the logo
|
|
13
|
-
* If gradient is provided, this will be ignored
|
|
14
|
-
*/
|
|
15
|
-
color?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Optional gradient value to apply to the logo
|
|
18
|
-
* Example: "linear-gradient(180deg, #3300ff 0%, #d170ff 100%)"
|
|
19
|
-
*/
|
|
20
|
-
gradient?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Optional className for additional styling
|
|
23
|
-
*/
|
|
24
|
-
className?: string;
|
|
25
|
-
/**
|
|
26
|
-
* Optional URL to override the default SVG
|
|
27
|
-
* If provided, this will be used instead of the built-in SVG
|
|
28
|
-
*/
|
|
29
|
-
svgUrl?: string;
|
|
30
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { IconName } from '../../utils/icon';
|
|
2
|
-
/**
|
|
3
|
-
* Menu item
|
|
4
|
-
*/
|
|
5
|
-
export interface MenuItemProps {
|
|
6
|
-
/** Label */
|
|
7
|
-
label: string;
|
|
8
|
-
/** Icon */
|
|
9
|
-
icon: IconName;
|
|
10
|
-
/** On click */
|
|
11
|
-
onClick: () => void;
|
|
12
|
-
/** Destructive */
|
|
13
|
-
destructive?: boolean;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* Menu component props
|
|
17
|
-
*/
|
|
18
|
-
export type MenuProps = {
|
|
19
|
-
/** Icon */
|
|
20
|
-
icon?: IconName;
|
|
21
|
-
/** Items */
|
|
22
|
-
items?: MenuItemProps[];
|
|
23
|
-
/** Style */
|
|
24
|
-
style?: React.CSSProperties;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Props for the Components wrapper
|
|
28
|
-
*/
|
|
29
|
-
export interface ComponentsProps {
|
|
30
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { IconName } from '../../utils/icon';
|
|
2
|
-
export declare enum NavItemState {
|
|
3
|
-
Default = "default",
|
|
4
|
-
Active = "active",
|
|
5
|
-
Disabled = "disabled"
|
|
6
|
-
}
|
|
7
|
-
export declare enum NavItemSize {
|
|
8
|
-
Expanded = "expanded",
|
|
9
|
-
Collapsed = "collapsed"
|
|
10
|
-
}
|
|
11
|
-
export interface NavItemProps {
|
|
12
|
-
/**
|
|
13
|
-
* The text to display in the navigation item
|
|
14
|
-
*/
|
|
15
|
-
text: string;
|
|
16
|
-
/**
|
|
17
|
-
* The icon to display before the text
|
|
18
|
-
* Uses Phosphor Icons
|
|
19
|
-
*/
|
|
20
|
-
icon: IconName;
|
|
21
|
-
/**
|
|
22
|
-
* The current state of the navigation item
|
|
23
|
-
*/
|
|
24
|
-
state?: NavItemState;
|
|
25
|
-
/**
|
|
26
|
-
* The size of the navigation item
|
|
27
|
-
*/
|
|
28
|
-
size?: NavItemSize;
|
|
29
|
-
/**
|
|
30
|
-
* Whether to show a "Coming Soon" badge
|
|
31
|
-
*/
|
|
32
|
-
showBadge?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Optional click handler
|
|
35
|
-
*/
|
|
36
|
-
onClick?: () => void;
|
|
37
|
-
/**
|
|
38
|
-
* Optional className for additional styling
|
|
39
|
-
*/
|
|
40
|
-
className?: string;
|
|
41
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@mui/material';
|
|
2
|
-
import { SxProps } from '@mui/material';
|
|
3
|
-
/**
|
|
4
|
-
* Progress indicator mode variants
|
|
5
|
-
*/
|
|
6
|
-
export declare enum ProgressIndicatorMode {
|
|
7
|
-
Value = "Value",
|
|
8
|
-
Percentage = "Percentage"
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Progress indicator component props
|
|
12
|
-
*/
|
|
13
|
-
export type ProgressIndicatorProps = {
|
|
14
|
-
/** Mode variant of the progress indicator */
|
|
15
|
-
mode?: ProgressIndicatorMode;
|
|
16
|
-
/** Value of the progress indicator */
|
|
17
|
-
currentValue: number;
|
|
18
|
-
/** Maximum value of the progress indicator */
|
|
19
|
-
maxValue: number;
|
|
20
|
-
/** Fill color of the progress indicator */
|
|
21
|
-
fillColor?: string;
|
|
22
|
-
/** Background color of the progress indicator */
|
|
23
|
-
backgroundColor?: string;
|
|
24
|
-
/** Text of the progress indicator */
|
|
25
|
-
text?: string;
|
|
26
|
-
/** Text color of the progress indicator */
|
|
27
|
-
textColor?: string;
|
|
28
|
-
/** Style of the progress indicator */
|
|
29
|
-
style?: SxProps<Theme>;
|
|
30
|
-
};
|
|
31
|
-
/**
|
|
32
|
-
* Props for the Components wrapper
|
|
33
|
-
*/
|
|
34
|
-
export interface ComponentsProps {
|
|
35
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Progress indicator mode variants
|
|
3
|
-
*/
|
|
4
|
-
export var ProgressIndicatorMode;
|
|
5
|
-
(function (ProgressIndicatorMode) {
|
|
6
|
-
ProgressIndicatorMode["Value"] = "Value";
|
|
7
|
-
ProgressIndicatorMode["Percentage"] = "Percentage";
|
|
8
|
-
})(ProgressIndicatorMode || (ProgressIndicatorMode = {}));
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Text area component props
|
|
3
|
-
*/
|
|
4
|
-
export type TextAreaProps = {
|
|
5
|
-
/** Text area label */
|
|
6
|
-
label: string;
|
|
7
|
-
/** Text area value */
|
|
8
|
-
value: string;
|
|
9
|
-
/** Text area onChange */
|
|
10
|
-
onChange: (value: string) => void;
|
|
11
|
-
/** Text input placeholder */
|
|
12
|
-
placeholder?: string;
|
|
13
|
-
/** Text input hint */
|
|
14
|
-
hintText?: string;
|
|
15
|
-
/** Text input error */
|
|
16
|
-
errorText?: string;
|
|
17
|
-
/** Text input disabled */
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/** Text input max length */
|
|
20
|
-
maxLength?: number;
|
|
21
|
-
/** Text input show max length indicator */
|
|
22
|
-
showMaxLengthIndicator?: boolean;
|
|
23
|
-
/** Text input number of rows */
|
|
24
|
-
numberOfRows?: number;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Props for the Components wrapper
|
|
28
|
-
*/
|
|
29
|
-
export interface ComponentsProps {
|
|
30
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Text input component props
|
|
3
|
-
*/
|
|
4
|
-
export type TextInputProps = {
|
|
5
|
-
/** Text input label */
|
|
6
|
-
label: string;
|
|
7
|
-
/** Text input value */
|
|
8
|
-
value: string;
|
|
9
|
-
/** Text input onChange */
|
|
10
|
-
onChange: (value: string) => void;
|
|
11
|
-
/** Text input placeholder */
|
|
12
|
-
placeholder?: string;
|
|
13
|
-
/** Text input hint */
|
|
14
|
-
hintText?: string;
|
|
15
|
-
/** Text input error */
|
|
16
|
-
errorText?: string;
|
|
17
|
-
/** Text input disabled */
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/** Text input trailing text */
|
|
20
|
-
trailingText?: string;
|
|
21
|
-
};
|
|
22
|
-
/**
|
|
23
|
-
* Props for the Components wrapper
|
|
24
|
-
*/
|
|
25
|
-
export interface ComponentsProps {
|
|
26
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Toggle button size variants
|
|
3
|
-
*/
|
|
4
|
-
export declare enum ToggleButtonGroupSize {
|
|
5
|
-
lg = "lg",
|
|
6
|
-
md = "md",
|
|
7
|
-
sm = "sm"
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Toggle button component props
|
|
11
|
-
*/
|
|
12
|
-
export type ToggleButtonGroupProps = {
|
|
13
|
-
/** Size variant of the toggle button */
|
|
14
|
-
size?: ToggleButtonGroupSize;
|
|
15
|
-
/** Selected option of the toggle button */
|
|
16
|
-
selectedOption: string;
|
|
17
|
-
/** Options of the toggle button */
|
|
18
|
-
options: string[];
|
|
19
|
-
/** Whether the toggle button is disabled */
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
/** Callback function when the toggle button is selected */
|
|
22
|
-
onChange: (option: string) => void;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* Props for the Components wrapper
|
|
26
|
-
*/
|
|
27
|
-
export interface ComponentsProps {
|
|
28
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Toggle button size variants
|
|
3
|
-
*/
|
|
4
|
-
export var ToggleButtonGroupSize;
|
|
5
|
-
(function (ToggleButtonGroupSize) {
|
|
6
|
-
ToggleButtonGroupSize["lg"] = "lg";
|
|
7
|
-
ToggleButtonGroupSize["md"] = "md";
|
|
8
|
-
ToggleButtonGroupSize["sm"] = "sm";
|
|
9
|
-
})(ToggleButtonGroupSize || (ToggleButtonGroupSize = {}));
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { SxProps, Theme } from '@mui/material';
|
|
2
|
-
/**
|
|
3
|
-
* Toggle position variants
|
|
4
|
-
*/
|
|
5
|
-
export declare enum TogglePosition {
|
|
6
|
-
Left = "Left",
|
|
7
|
-
Right = "Right"
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Toggle component props
|
|
11
|
-
*/
|
|
12
|
-
export type ToggleProps = {
|
|
13
|
-
/** Text of the toggle */
|
|
14
|
-
text?: string;
|
|
15
|
-
/** Title of the toggle */
|
|
16
|
-
title?: string;
|
|
17
|
-
/** Whether the toggle is checked */
|
|
18
|
-
checked: boolean;
|
|
19
|
-
/** Callback function when the toggle is checked */
|
|
20
|
-
onChange: (checked: boolean) => void;
|
|
21
|
-
/** Whether the toggle is disabled */
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
/** Position of the toggle */
|
|
24
|
-
togglePosition?: TogglePosition;
|
|
25
|
-
/** Style of the toggle */
|
|
26
|
-
style?: SxProps<Theme>;
|
|
27
|
-
};
|
|
28
|
-
/**
|
|
29
|
-
* Props for the Components wrapper
|
|
30
|
-
*/
|
|
31
|
-
export interface ComponentsProps {
|
|
32
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/stories/{ToggleButtonGroup.stories.d.ts → Buttons/ToggleButtonGroup.stories.d.ts}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|