@moises.ai/design-system 3.9.1 → 3.9.3
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/package.json
CHANGED
|
@@ -7,14 +7,11 @@ import { Text } from '../Text/Text'
|
|
|
7
7
|
// Emphasis: Low High
|
|
8
8
|
// Size: Medium Large
|
|
9
9
|
export const EmptyState = ({
|
|
10
|
-
title
|
|
11
|
-
secondaryText
|
|
12
|
-
buttonLabel
|
|
10
|
+
title,
|
|
11
|
+
secondaryText,
|
|
12
|
+
buttonLabel,
|
|
13
13
|
onButtonClick,
|
|
14
14
|
icon,
|
|
15
|
-
showIcon = true,
|
|
16
|
-
showSecondaryText = true,
|
|
17
|
-
showButton = true,
|
|
18
15
|
className,
|
|
19
16
|
titleMultiline = false,
|
|
20
17
|
emphasis = 'low',
|
|
@@ -32,7 +29,7 @@ export const EmptyState = ({
|
|
|
32
29
|
{...props}
|
|
33
30
|
>
|
|
34
31
|
<Flex direction="column" align="center" justify="center" className={styles.content} gap="5" py="6">
|
|
35
|
-
{
|
|
32
|
+
{icon && (
|
|
36
33
|
<div className={classNames(styles.iconWrapper, {
|
|
37
34
|
[styles.iconWrapperLarge]: size === 'large',
|
|
38
35
|
[styles.iconWrapperMedium]: size === 'medium',
|
|
@@ -54,7 +51,7 @@ export const EmptyState = ({
|
|
|
54
51
|
>
|
|
55
52
|
{title}
|
|
56
53
|
</Text>
|
|
57
|
-
{
|
|
54
|
+
{secondaryText && (
|
|
58
55
|
<Text
|
|
59
56
|
size={size === 'large' ? '3' : '2'}
|
|
60
57
|
weight="regular"
|
|
@@ -65,7 +62,7 @@ export const EmptyState = ({
|
|
|
65
62
|
>{secondaryText}</Text>
|
|
66
63
|
)}
|
|
67
64
|
</Flex>
|
|
68
|
-
{
|
|
65
|
+
{hasButtonContent && (
|
|
69
66
|
<div>
|
|
70
67
|
{children ?? (
|
|
71
68
|
<Button
|
|
@@ -41,7 +41,7 @@ function SetlistExpandButton({ onExpand, className, style, collapsed = false })
|
|
|
41
41
|
)
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
function NewSetlistButton({ onClick, className, collapsed = false }) {
|
|
44
|
+
function NewSetlistButton({ onClick, className, collapsed = false, text = 'New Setlist' }) {
|
|
45
45
|
return (
|
|
46
46
|
<SetlistItem
|
|
47
47
|
isSelected={false}
|
|
@@ -55,7 +55,7 @@ function NewSetlistButton({ onClick, className, collapsed = false }) {
|
|
|
55
55
|
/>
|
|
56
56
|
</div>
|
|
57
57
|
}
|
|
58
|
-
text=
|
|
58
|
+
text={text}
|
|
59
59
|
className={classNames(styles.newSetlistItemButton, styles.collapsedTransition, className)}
|
|
60
60
|
collapsed={collapsed}
|
|
61
61
|
/>
|
|
@@ -238,6 +238,7 @@ export const SetlistList = ({
|
|
|
238
238
|
selectedSetlistId,
|
|
239
239
|
onSetlistClick,
|
|
240
240
|
onNewSetlistClick,
|
|
241
|
+
newSetlistButtonText = 'New Setlist',
|
|
241
242
|
collapsed = false,
|
|
242
243
|
isMobile = false,
|
|
243
244
|
}) => {
|
|
@@ -405,6 +406,7 @@ export const SetlistList = ({
|
|
|
405
406
|
onClick={handleNewSetlistClick}
|
|
406
407
|
className={styles.collapsedTransition}
|
|
407
408
|
collapsed={collapsed}
|
|
409
|
+
text={newSetlistButtonText}
|
|
408
410
|
/>
|
|
409
411
|
))}
|
|
410
412
|
{visibleSetlists.map((setlist, index) => {
|