@saasmakers/ui 1.4.36 → 1.4.38
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/app/components/bases/BaseButton.vue +1 -2
- package/app/components/bases/BaseMessage.vue +1 -1
- package/app/components/bases/BaseMetric.vue +2 -2
- package/app/components/fields/FieldSelect.vue +2 -2
- package/app/types/global.d.ts +0 -2
- package/nuxt.config.ts +0 -1
- package/package.json +11 -14
- package/app/components/bases/BaseAlert.stories.ts +0 -42
- package/app/components/bases/BaseAvatar.stories.ts +0 -18
- package/app/components/bases/BaseBordered.stories.ts +0 -22
- package/app/components/bases/BaseButton.stories.ts +0 -81
- package/app/components/bases/BaseCharacter.stories.ts +0 -31
- package/app/components/bases/BaseChart.stories.ts +0 -20
- package/app/components/bases/BaseDivider.stories.ts +0 -36
- package/app/components/bases/BaseEmoji.stories.ts +0 -28
- package/app/components/bases/BaseHeading.stories.ts +0 -49
- package/app/components/bases/BaseIcon.stories.ts +0 -56
- package/app/components/bases/BaseMessage.stories.ts +0 -35
- package/app/components/bases/BaseMetric.stories.ts +0 -39
- package/app/components/bases/BaseOverlay.stories.ts +0 -30
- package/app/components/bases/BaseParagraph.stories.ts +0 -36
- package/app/components/bases/BasePower.stories.ts +0 -58
- package/app/components/bases/BaseQuote.stories.ts +0 -63
- package/app/components/bases/BaseShortcut.stories.ts +0 -24
- package/app/components/bases/BaseSpinner.stories.ts +0 -42
- package/app/components/bases/BaseTag.stories.ts +0 -44
- package/app/components/bases/BaseTags.stories.ts +0 -42
- package/app/components/bases/BaseText.stories.ts +0 -47
- package/app/components/bases/BaseToast.stories.ts +0 -70
- package/app/components/fields/FieldAvatar.stories.ts +0 -37
- package/app/components/fields/FieldCheckbox.stories.ts +0 -36
- package/app/components/fields/FieldDays.stories.ts +0 -10
- package/app/components/fields/FieldEmojis.stories.ts +0 -10
- package/app/components/fields/FieldInput.stories.ts +0 -100
- package/app/components/fields/FieldLabel.stories.ts +0 -30
- package/app/components/fields/FieldMessage.stories.ts +0 -22
- package/app/components/fields/FieldSelect.stories.ts +0 -73
- package/app/components/fields/FieldTabs.stories.ts +0 -44
- package/app/components/fields/FieldTextarea.stories.ts +0 -44
- package/app/components/fields/FieldTime.stories.ts +0 -37
- package/app/components/layout/LayoutToasts.stories.ts +0 -8
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import FieldSelect from './FieldSelect.vue'
|
|
2
|
-
|
|
3
|
-
export default {
|
|
4
|
-
component: FieldSelect,
|
|
5
|
-
title: 'Fields/FieldSelect',
|
|
6
|
-
|
|
7
|
-
argTypes: {
|
|
8
|
-
border: {
|
|
9
|
-
control: 'select',
|
|
10
|
-
options: [
|
|
11
|
-
'bottom',
|
|
12
|
-
'full',
|
|
13
|
-
'none',
|
|
14
|
-
] satisfies FieldSelectBorder[],
|
|
15
|
-
},
|
|
16
|
-
caret: { control: 'boolean' },
|
|
17
|
-
columns: { control: 'object' },
|
|
18
|
-
description: { control: 'text' },
|
|
19
|
-
direction: {
|
|
20
|
-
control: 'select',
|
|
21
|
-
options: ['bottom', 'top'] satisfies FieldSelectDirection[],
|
|
22
|
-
},
|
|
23
|
-
disabled: { control: 'boolean' },
|
|
24
|
-
hideError: { control: 'boolean' },
|
|
25
|
-
label: { control: 'text' },
|
|
26
|
-
labelIcon: { control: 'text' },
|
|
27
|
-
maxHeight: {
|
|
28
|
-
control: 'select',
|
|
29
|
-
options: [
|
|
30
|
-
'xs',
|
|
31
|
-
'sm',
|
|
32
|
-
'md',
|
|
33
|
-
'lg',
|
|
34
|
-
] satisfies FieldSelectMaxHeight[],
|
|
35
|
-
},
|
|
36
|
-
openOnHover: { control: 'boolean' },
|
|
37
|
-
options: { control: 'object' },
|
|
38
|
-
padding: { control: 'boolean' },
|
|
39
|
-
placeholder: { control: 'text' },
|
|
40
|
-
required: { control: 'boolean' },
|
|
41
|
-
size: {
|
|
42
|
-
control: 'select',
|
|
43
|
-
options: [
|
|
44
|
-
'xs',
|
|
45
|
-
'sm',
|
|
46
|
-
'base',
|
|
47
|
-
'lg',
|
|
48
|
-
] satisfies FieldSize[],
|
|
49
|
-
},
|
|
50
|
-
},
|
|
51
|
-
} satisfies Meta<typeof FieldSelect>
|
|
52
|
-
|
|
53
|
-
export const Default: StoryObj<typeof FieldSelect> = {
|
|
54
|
-
args: {
|
|
55
|
-
label: 'Select Label',
|
|
56
|
-
modelValue: '',
|
|
57
|
-
options: [
|
|
58
|
-
{
|
|
59
|
-
text: 'Option 1',
|
|
60
|
-
value: '1',
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
text: 'Option 2',
|
|
64
|
-
value: '2',
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
text: 'Option 3',
|
|
68
|
-
value: '3',
|
|
69
|
-
},
|
|
70
|
-
],
|
|
71
|
-
placeholder: 'Choose an option...',
|
|
72
|
-
} satisfies Partial<FieldSelect>,
|
|
73
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import FieldTabs from './FieldTabs.vue'
|
|
2
|
-
|
|
3
|
-
export default {
|
|
4
|
-
component: FieldTabs,
|
|
5
|
-
title: 'Fields/FieldTabs',
|
|
6
|
-
|
|
7
|
-
argTypes: {
|
|
8
|
-
minimizeOnMobile: { control: 'boolean' },
|
|
9
|
-
size: {
|
|
10
|
-
control: 'select',
|
|
11
|
-
options: [
|
|
12
|
-
'xs',
|
|
13
|
-
'sm',
|
|
14
|
-
'base',
|
|
15
|
-
'lg',
|
|
16
|
-
] satisfies FieldSize[],
|
|
17
|
-
},
|
|
18
|
-
tabs: { control: 'object' },
|
|
19
|
-
theme: {
|
|
20
|
-
control: 'select',
|
|
21
|
-
options: ['border', 'rounded'] satisfies FieldTabsTheme[],
|
|
22
|
-
},
|
|
23
|
-
},
|
|
24
|
-
} satisfies Meta<typeof FieldTabs>
|
|
25
|
-
|
|
26
|
-
export const Default: StoryObj<typeof FieldTabs> = {
|
|
27
|
-
args: {
|
|
28
|
-
modelValue: 'tab1',
|
|
29
|
-
tabs: [
|
|
30
|
-
{
|
|
31
|
-
label: 'Tab 1',
|
|
32
|
-
value: 'tab1',
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
label: 'Tab 2',
|
|
36
|
-
value: 'tab2',
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
label: 'Tab 3',
|
|
40
|
-
value: 'tab3',
|
|
41
|
-
},
|
|
42
|
-
],
|
|
43
|
-
} satisfies Partial<FieldTabs>,
|
|
44
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import FieldTextarea from './FieldTextarea.vue'
|
|
2
|
-
|
|
3
|
-
export default {
|
|
4
|
-
component: FieldTextarea,
|
|
5
|
-
title: 'Fields/FieldTextarea',
|
|
6
|
-
|
|
7
|
-
argTypes: {
|
|
8
|
-
autofocus: { control: 'boolean' },
|
|
9
|
-
background: {
|
|
10
|
-
control: 'select',
|
|
11
|
-
options: ['gray', 'white'] satisfies FieldBackground[],
|
|
12
|
-
},
|
|
13
|
-
border: { control: 'boolean' },
|
|
14
|
-
description: { control: 'text' },
|
|
15
|
-
disabled: { control: 'boolean' },
|
|
16
|
-
fullWidth: { control: 'boolean' },
|
|
17
|
-
hideError: { control: 'boolean' },
|
|
18
|
-
label: { control: 'text' },
|
|
19
|
-
labelIcon: { control: 'text' },
|
|
20
|
-
loading: { control: 'boolean' },
|
|
21
|
-
padding: { control: 'boolean' },
|
|
22
|
-
placeholder: { control: 'text' },
|
|
23
|
-
required: { control: 'boolean' },
|
|
24
|
-
resize: { control: 'boolean' },
|
|
25
|
-
rows: { control: 'number' },
|
|
26
|
-
size: {
|
|
27
|
-
control: 'select',
|
|
28
|
-
options: [
|
|
29
|
-
'xs',
|
|
30
|
-
'sm',
|
|
31
|
-
'base',
|
|
32
|
-
'lg',
|
|
33
|
-
] satisfies FieldSize[],
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
} satisfies Meta<typeof FieldTextarea>
|
|
37
|
-
|
|
38
|
-
export const Default: StoryObj<typeof FieldTextarea> = {
|
|
39
|
-
args: {
|
|
40
|
-
label: 'Textarea Label',
|
|
41
|
-
modelValue: '',
|
|
42
|
-
placeholder: 'Enter text...',
|
|
43
|
-
} satisfies Partial<FieldTextarea>,
|
|
44
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import FieldTime from './FieldTime.vue'
|
|
2
|
-
|
|
3
|
-
export default {
|
|
4
|
-
component: FieldTime,
|
|
5
|
-
title: 'Fields/FieldTime',
|
|
6
|
-
|
|
7
|
-
argTypes: {
|
|
8
|
-
background: {
|
|
9
|
-
control: 'select',
|
|
10
|
-
options: ['gray', 'white'] satisfies FieldBackground[],
|
|
11
|
-
},
|
|
12
|
-
description: { control: 'text' },
|
|
13
|
-
disabled: { control: 'boolean' },
|
|
14
|
-
hideError: { control: 'boolean' },
|
|
15
|
-
icon: { control: 'text' },
|
|
16
|
-
label: { control: 'text' },
|
|
17
|
-
labelIcon: { control: 'text' },
|
|
18
|
-
name: { control: 'text' },
|
|
19
|
-
required: { control: 'boolean' },
|
|
20
|
-
size: {
|
|
21
|
-
control: 'select',
|
|
22
|
-
options: [
|
|
23
|
-
'xs',
|
|
24
|
-
'sm',
|
|
25
|
-
'base',
|
|
26
|
-
'lg',
|
|
27
|
-
] satisfies FieldSize[],
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
} satisfies Meta<typeof FieldTime>
|
|
31
|
-
|
|
32
|
-
export const Default: StoryObj<typeof FieldTime> = {
|
|
33
|
-
args: {
|
|
34
|
-
label: 'Time Label',
|
|
35
|
-
modelValue: '',
|
|
36
|
-
} satisfies Partial<FieldTime>,
|
|
37
|
-
}
|