@beydesign/storybook 0.0.38 → 0.0.39

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 (158) hide show
  1. package/dist/index.d.ts +10 -32
  2. package/dist/index.js +10 -45
  3. package/dist/stories/{AgentCard → Agent}/AgentCard.js +4 -11
  4. package/dist/stories/{AgentCard → Agent}/AgentCardSkeleton.js +1 -1
  5. package/dist/stories/Agent/index.d.ts +3 -0
  6. package/dist/stories/Agent/index.js +3 -0
  7. package/dist/stories/{AgentCard → Agent}/types.d.ts +1 -1
  8. package/dist/stories/Buttons/MainButton.d.ts +3 -0
  9. package/dist/stories/{Button.js → Buttons/MainButton.js} +3 -7
  10. package/dist/stories/{Button.stories.d.ts → Buttons/MainButton.stories.d.ts} +1 -1
  11. package/dist/stories/{Button.stories.js → Buttons/MainButton.stories.js} +3 -6
  12. package/dist/stories/Buttons/ToggleButtonGroup.d.ts +3 -0
  13. package/dist/stories/{ToggleButtonGroup.js → Buttons/ToggleButtonGroup.js} +3 -7
  14. package/dist/stories/{ToggleButtonGroup.stories.js → Buttons/ToggleButtonGroup.stories.js} +2 -2
  15. package/dist/stories/Buttons/index.d.ts +3 -0
  16. package/dist/stories/Buttons/index.js +3 -0
  17. package/dist/stories/{types/button.d.ts → Buttons/types.d.ts} +21 -3
  18. package/dist/stories/{types/button.js → Buttons/types.js} +9 -0
  19. package/dist/stories/{CreditsCard.d.ts → Credits/CreditsCard.d.ts} +1 -1
  20. package/dist/stories/{CreditsCard.js → Credits/CreditsCard.js} +3 -5
  21. package/dist/stories/{CreditsCard.stories.js → Credits/CreditsCard.stories.js} +2 -2
  22. package/dist/stories/Credits/index.d.ts +2 -0
  23. package/dist/stories/Credits/index.js +2 -0
  24. package/dist/stories/{Checkbox.d.ts → Form/Checkbox.d.ts} +1 -1
  25. package/dist/stories/{Checkbox.js → Form/Checkbox.js} +2 -3
  26. package/dist/stories/{Checkbox.stories.js → Form/Checkbox.stories.js} +2 -2
  27. package/dist/stories/{TextArea.d.ts → Form/TextArea.d.ts} +1 -1
  28. package/dist/stories/{TextArea.js → Form/TextArea.js} +1 -2
  29. package/dist/stories/{TextArea.stories.d.ts → Form/TextArea.stories.d.ts} +1 -1
  30. package/dist/stories/{TextArea.stories.js → Form/TextArea.stories.js} +1 -1
  31. package/dist/stories/{TextInput.d.ts → Form/TextInput.d.ts} +1 -1
  32. package/dist/stories/{TextInput.js → Form/TextInput.js} +1 -2
  33. package/dist/stories/{TextInput.stories.d.ts → Form/TextInput.stories.d.ts} +1 -1
  34. package/dist/stories/{TextInput.stories.js → Form/TextInput.stories.js} +1 -1
  35. package/dist/stories/Form/Toggle.d.ts +3 -0
  36. package/dist/stories/{Toggle.js → Form/Toggle.js} +2 -6
  37. package/dist/stories/{Toggle.stories.js → Form/Toggle.stories.js} +2 -2
  38. package/dist/stories/Form/index.d.ts +5 -0
  39. package/dist/stories/Form/index.js +5 -0
  40. package/dist/stories/Form/types.d.ts +94 -0
  41. package/dist/stories/{types/toggle.js → Form/types.js} +5 -0
  42. package/dist/stories/{Colors.js → Foundations/Colors.js} +1 -2
  43. package/dist/stories/Foundations/index.d.ts +1 -0
  44. package/dist/stories/Foundations/index.js +1 -0
  45. package/dist/stories/{Header.d.ts → Navigation/Header.d.ts} +1 -1
  46. package/dist/stories/{Header.js → Navigation/Header.js} +4 -6
  47. package/dist/stories/{Header.stories.js → Navigation/Header.stories.js} +2 -2
  48. package/dist/stories/{NavItem.d.ts → Navigation/NavItem.d.ts} +1 -1
  49. package/dist/stories/{NavItem.js → Navigation/NavItem.js} +4 -6
  50. package/dist/stories/{NavItem.stories.js → Navigation/NavItem.stories.js} +2 -2
  51. package/dist/stories/{Sidebar.d.ts → Navigation/Sidebar.d.ts} +1 -1
  52. package/dist/stories/{Sidebar.js → Navigation/Sidebar.js} +5 -11
  53. package/dist/stories/{Sidebar.stories.js → Navigation/Sidebar.stories.js} +2 -3
  54. package/dist/stories/Navigation/index.d.ts +4 -0
  55. package/dist/stories/Navigation/index.js +4 -0
  56. package/dist/stories/{types/sidebar.d.ts → Navigation/types.d.ts} +61 -1
  57. package/dist/stories/{types/nav-item.js → Navigation/types.js} +5 -0
  58. package/dist/stories/Typography/Typography.d.ts +3 -0
  59. package/dist/stories/{Typography.js → Typography/Typography.js} +2 -5
  60. package/dist/stories/{Typography.stories.js → Typography/Typography.stories.js} +2 -2
  61. package/dist/stories/Typography/index.d.ts +2 -0
  62. package/dist/stories/Typography/index.js +2 -0
  63. package/dist/stories/{types/typography.d.ts → Typography/types.d.ts} +0 -5
  64. package/dist/stories/UI/Avatar.d.ts +3 -0
  65. package/dist/stories/{Avatar.js → UI/Avatar.js} +4 -7
  66. package/dist/stories/{Avatar.stories.js → UI/Avatar.stories.js} +2 -2
  67. package/dist/stories/{Bagde.d.ts → UI/Badge.d.ts} +1 -1
  68. package/dist/stories/{Bagde.js → UI/Badge.js} +3 -4
  69. package/dist/stories/{Badge.stories.d.ts → UI/Badge.stories.d.ts} +1 -1
  70. package/dist/stories/{Badge.stories.js → UI/Badge.stories.js} +3 -3
  71. package/dist/stories/{HintBubble.d.ts → UI/HintBubble.d.ts} +1 -1
  72. package/dist/stories/{HintBubble.js → UI/HintBubble.js} +2 -3
  73. package/dist/stories/{HintBubble.stories.js → UI/HintBubble.stories.js} +2 -2
  74. package/dist/stories/{Logo.d.ts → UI/Logo.d.ts} +1 -1
  75. package/dist/stories/{Logo.js → UI/Logo.js} +1 -1
  76. package/dist/stories/UI/Logo.stories.d.ts +11 -0
  77. package/dist/stories/{Logo.stories.js → UI/Logo.stories.js} +2 -2
  78. package/dist/stories/UI/Menu.d.ts +3 -0
  79. package/dist/stories/{Menu.js → UI/Menu.js} +3 -11
  80. package/dist/stories/UI/Menu.stories.d.ts +6 -0
  81. package/dist/stories/{Menu.stories.js → UI/Menu.stories.js} +1 -1
  82. package/dist/stories/UI/ProgressIndicator.d.ts +3 -0
  83. package/dist/stories/{ProgressIndicator.js → UI/ProgressIndicator.js} +2 -6
  84. package/dist/stories/{ProgressIndicator.stories.js → UI/ProgressIndicator.stories.js} +2 -2
  85. package/dist/stories/UI/SkeletonLoader.d.ts +3 -0
  86. package/dist/stories/{SkeletonLoader.stories.js → UI/SkeletonLoader.stories.js} +1 -1
  87. package/dist/stories/UI/index.d.ts +8 -0
  88. package/dist/stories/UI/index.js +8 -0
  89. package/dist/stories/UI/types.d.ts +205 -0
  90. package/dist/stories/UI/types.js +71 -0
  91. package/dist/utils/common.d.ts +1 -0
  92. package/dist/utils/common.js +6 -0
  93. package/dist/utils/index.d.ts +2 -0
  94. package/dist/utils/index.js +2 -0
  95. package/package.json +1 -1
  96. package/dist/stories/AgentCard/index.d.ts +0 -3
  97. package/dist/stories/AgentCard/index.js +0 -2
  98. package/dist/stories/Avatar.d.ts +0 -4
  99. package/dist/stories/Button.d.ts +0 -4
  100. package/dist/stories/Logo.stories.d.ts +0 -39
  101. package/dist/stories/Menu.d.ts +0 -4
  102. package/dist/stories/Menu.stories.d.ts +0 -43
  103. package/dist/stories/ProgressIndicator.d.ts +0 -4
  104. package/dist/stories/SkeletonLoader.d.ts +0 -24
  105. package/dist/stories/Toggle.d.ts +0 -4
  106. package/dist/stories/ToggleButtonGroup.d.ts +0 -4
  107. package/dist/stories/Typography.d.ts +0 -4
  108. package/dist/stories/types/avatar.d.ts +0 -44
  109. package/dist/stories/types/avatar.js +0 -28
  110. package/dist/stories/types/badge.d.ts +0 -49
  111. package/dist/stories/types/badge.js +0 -25
  112. package/dist/stories/types/checkbox.d.ts +0 -26
  113. package/dist/stories/types/checkbox.js +0 -5
  114. package/dist/stories/types/header.d.ts +0 -25
  115. package/dist/stories/types/header.js +0 -1
  116. package/dist/stories/types/hint-bubble.d.ts +0 -24
  117. package/dist/stories/types/hint-bubble.js +0 -10
  118. package/dist/stories/types/logo.d.ts +0 -30
  119. package/dist/stories/types/logo.js +0 -6
  120. package/dist/stories/types/menu.d.ts +0 -30
  121. package/dist/stories/types/menu.js +0 -1
  122. package/dist/stories/types/nav-item.d.ts +0 -41
  123. package/dist/stories/types/progress-indicator.d.ts +0 -35
  124. package/dist/stories/types/progress-indicator.js +0 -8
  125. package/dist/stories/types/sidebar.js +0 -5
  126. package/dist/stories/types/text-area.d.ts +0 -30
  127. package/dist/stories/types/text-area.js +0 -1
  128. package/dist/stories/types/text-input.d.ts +0 -26
  129. package/dist/stories/types/text-input.js +0 -1
  130. package/dist/stories/types/toggle-button-group.d.ts +0 -28
  131. package/dist/stories/types/toggle-button-group.js +0 -9
  132. package/dist/stories/types/toggle.d.ts +0 -32
  133. /package/dist/stories/{AgentCard → Agent}/AgentCard.d.ts +0 -0
  134. /package/dist/stories/{AgentCard → Agent}/AgentCard.stories.d.ts +0 -0
  135. /package/dist/stories/{AgentCard → Agent}/AgentCard.stories.js +0 -0
  136. /package/dist/stories/{AgentCard → Agent}/AgentCardSkeleton.d.ts +0 -0
  137. /package/dist/stories/{AgentCard → Agent}/AgentCardSkeleton.stories.d.ts +0 -0
  138. /package/dist/stories/{AgentCard → Agent}/AgentCardSkeleton.stories.js +0 -0
  139. /package/dist/stories/{AgentCard → Agent}/types.js +0 -0
  140. /package/dist/stories/{ToggleButtonGroup.stories.d.ts → Buttons/ToggleButtonGroup.stories.d.ts} +0 -0
  141. /package/dist/stories/{CreditsCard.stories.d.ts → Credits/CreditsCard.stories.d.ts} +0 -0
  142. /package/dist/stories/{types/credits-card.d.ts → Credits/types.d.ts} +0 -0
  143. /package/dist/stories/{types/credits-card.js → Credits/types.js} +0 -0
  144. /package/dist/stories/{Checkbox.stories.d.ts → Form/Checkbox.stories.d.ts} +0 -0
  145. /package/dist/stories/{Toggle.stories.d.ts → Form/Toggle.stories.d.ts} +0 -0
  146. /package/dist/stories/{Colors.d.ts → Foundations/Colors.d.ts} +0 -0
  147. /package/dist/stories/{Colors.stories.d.ts → Foundations/Colors.stories.d.ts} +0 -0
  148. /package/dist/stories/{Colors.stories.js → Foundations/Colors.stories.js} +0 -0
  149. /package/dist/stories/{Header.stories.d.ts → Navigation/Header.stories.d.ts} +0 -0
  150. /package/dist/stories/{NavItem.stories.d.ts → Navigation/NavItem.stories.d.ts} +0 -0
  151. /package/dist/stories/{Sidebar.stories.d.ts → Navigation/Sidebar.stories.d.ts} +0 -0
  152. /package/dist/stories/{Typography.stories.d.ts → Typography/Typography.stories.d.ts} +0 -0
  153. /package/dist/stories/{types/typography.js → Typography/types.js} +0 -0
  154. /package/dist/stories/{Avatar.stories.d.ts → UI/Avatar.stories.d.ts} +0 -0
  155. /package/dist/stories/{HintBubble.stories.d.ts → UI/HintBubble.stories.d.ts} +0 -0
  156. /package/dist/stories/{ProgressIndicator.stories.d.ts → UI/ProgressIndicator.stories.d.ts} +0 -0
  157. /package/dist/stories/{SkeletonLoader.js → UI/SkeletonLoader.js} +0 -0
  158. /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,6 +0,0 @@
1
- export var LogoVariant;
2
- (function (LogoVariant) {
3
- LogoVariant["Horizontal"] = "horizontal";
4
- LogoVariant["Vertical"] = "vertical";
5
- LogoVariant["Icon"] = "icon";
6
- })(LogoVariant || (LogoVariant = {}));
@@ -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,5 +0,0 @@
1
- export var SidebarSize;
2
- (function (SidebarSize) {
3
- SidebarSize["Expanded"] = "expanded";
4
- SidebarSize["Collapsed"] = "collapsed";
5
- })(SidebarSize || (SidebarSize = {}));
@@ -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