vueless 0.0.345 → 0.0.346
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 +1 -1
- package/ui.button/storybook/stories.js +22 -26
- package/ui.button-link/storybook/stories.js +26 -26
- package/ui.button-toggle/storybook/stories.js +18 -31
- package/ui.button-toggle-item/storybook/stories.js +6 -6
- package/ui.container-accordion/storybook/stories.js +2 -2
- package/ui.container-card/storybook/stories.js +16 -16
- package/ui.container-col/storybook/stories.js +3 -3
- package/ui.container-divider/storybook/stories.js +20 -20
- package/ui.container-group/storybook/stories.js +13 -15
- package/ui.container-modal/storybook/stories.js +20 -20
- package/ui.container-modal-confirm/storybook/stories.js +20 -20
- package/ui.container-page/storybook/stories.js +24 -24
- package/ui.container-row/storybook/stories.js +6 -6
- package/ui.data-list/storybook/stories.js +14 -14
- package/ui.data-table/storybook/stories.js +23 -30
- package/ui.dropdown-badge/storybook/stories.js +12 -12
- package/ui.dropdown-button/storybook/stories.js +6 -6
- package/ui.dropdown-link/storybook/stories.js +10 -10
- package/ui.dropdown-list/storybook/stories.js +6 -6
- package/ui.form-checkbox/storybook/stories.js +2 -2
- package/ui.form-checkbox-group/storybook/stories.js +4 -4
- package/ui.form-checkbox-multi-state/storybook/stories.js +2 -2
- package/ui.form-date-picker/storybook/stories.js +20 -20
- package/ui.form-date-picker-range/storybook/stories.js +2 -8
- package/ui.form-input/storybook/stories.js +32 -36
- package/ui.form-input-file/storybook/stories.js +12 -12
- package/ui.form-input-money/storybook/stories.js +42 -46
- package/ui.form-input-number/storybook/stories.js +9 -13
- package/ui.form-input-rating/storybook/stories.js +18 -18
- package/ui.form-input-search/storybook/stories.js +18 -22
- package/ui.form-label/storybook/stories.js +2 -2
- package/ui.form-radio/storybook/stories.js +8 -8
- package/ui.form-select/storybook/stories.js +52 -60
- package/ui.form-switch/storybook/stories.js +14 -14
- package/ui.form-textarea/storybook/stories.js +22 -22
- package/ui.image-avatar/storybook/stories.js +14 -14
- package/ui.image-icon/storybook/stories.js +10 -10
- package/ui.loader/storybook/stories.js +6 -6
- package/ui.navigation-pagination/storybook/stories.js +12 -12
- package/ui.navigation-progress/storybook/stories.js +2 -2
- package/ui.navigation-tab/storybook/stories.js +4 -4
- package/ui.navigation-tabs/storybook/stories.js +6 -6
- package/ui.text-alert/storybook/stories.js +24 -26
- package/ui.text-badge/storybook/stories.js +12 -16
- package/ui.text-block/storybook/stories.js +6 -6
- package/ui.text-empty/storybook/stories.js +8 -8
- package/ui.text-money/storybook/stories.js +22 -26
- package/ui.text-notify/storybook/stories.js +4 -4
- package/web-types.json +1 -1
|
@@ -93,18 +93,14 @@ Sizes.args = { enum: "size" };
|
|
|
93
93
|
export const Colors = ColorsTemplate.bind({});
|
|
94
94
|
Colors.args = {};
|
|
95
95
|
|
|
96
|
-
export const
|
|
97
|
-
|
|
98
|
-
leftIcon: "star",
|
|
99
|
-
};
|
|
96
|
+
export const LeftIcon = DefaultTemplate.bind({});
|
|
97
|
+
LeftIcon.args = { leftIcon: "star" };
|
|
100
98
|
|
|
101
|
-
export const
|
|
102
|
-
|
|
103
|
-
rightIcon: "star",
|
|
104
|
-
};
|
|
99
|
+
export const RightIcon = DefaultTemplate.bind({});
|
|
100
|
+
RightIcon.args = { rightIcon: "star" };
|
|
105
101
|
|
|
106
|
-
export const
|
|
107
|
-
|
|
102
|
+
export const LeftIconSlot = DefaultTemplate.bind({});
|
|
103
|
+
LeftIconSlot.args = {
|
|
108
104
|
slotTemplate: `
|
|
109
105
|
<template #left-icon>
|
|
110
106
|
<UIcon
|
|
@@ -115,8 +111,8 @@ leftIconSlot.args = {
|
|
|
115
111
|
`,
|
|
116
112
|
};
|
|
117
113
|
|
|
118
|
-
export const
|
|
119
|
-
|
|
114
|
+
export const RightIconSlot = DefaultTemplate.bind({});
|
|
115
|
+
RightIconSlot.args = {
|
|
120
116
|
slotTemplate: `
|
|
121
117
|
<template #right-icon>
|
|
122
118
|
<UIcon
|
|
@@ -127,8 +123,8 @@ rightIconSlot.args = {
|
|
|
127
123
|
`,
|
|
128
124
|
};
|
|
129
125
|
|
|
130
|
-
export const
|
|
131
|
-
|
|
126
|
+
export const SlotLeft = DefaultTemplate.bind({});
|
|
127
|
+
SlotLeft.args = {
|
|
132
128
|
slotTemplate: `
|
|
133
129
|
<template #left>
|
|
134
130
|
🤘
|
|
@@ -136,8 +132,8 @@ slotLeft.args = {
|
|
|
136
132
|
`,
|
|
137
133
|
};
|
|
138
134
|
|
|
139
|
-
export const
|
|
140
|
-
|
|
135
|
+
export const SlotRight = DefaultTemplate.bind({});
|
|
136
|
+
SlotRight.args = {
|
|
141
137
|
slotTemplate: `
|
|
142
138
|
<template #right>
|
|
143
139
|
🤘
|
|
@@ -63,11 +63,11 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
|
|
|
63
63
|
export const Default = DefaultTemplate.bind({});
|
|
64
64
|
Default.args = {};
|
|
65
65
|
|
|
66
|
-
export const
|
|
67
|
-
|
|
66
|
+
export const Sizes = EnumVariantTemplate.bind({});
|
|
67
|
+
Sizes.args = { enum: "size" };
|
|
68
68
|
|
|
69
|
-
export const
|
|
70
|
-
|
|
69
|
+
export const Paragraphs = DefaultTemplate.bind({});
|
|
70
|
+
Paragraphs.args = {
|
|
71
71
|
slotTemplate: `
|
|
72
72
|
<template #default>
|
|
73
73
|
<p>
|
|
@@ -92,8 +92,8 @@ paragraphs.args = {
|
|
|
92
92
|
`,
|
|
93
93
|
};
|
|
94
94
|
|
|
95
|
-
export const
|
|
96
|
-
|
|
95
|
+
export const List = DefaultTemplate.bind({});
|
|
96
|
+
List.args = {
|
|
97
97
|
slotTemplate: `
|
|
98
98
|
<template #default>
|
|
99
99
|
<URow gap="2xl">
|
|
@@ -59,11 +59,11 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
|
|
|
59
59
|
export const Default = DefaultTemplate.bind({});
|
|
60
60
|
Default.args = {};
|
|
61
61
|
|
|
62
|
-
export const
|
|
63
|
-
|
|
62
|
+
export const Sizes = EnumVariantTemplate.bind({});
|
|
63
|
+
Sizes.args = { enum: "size", title: "" };
|
|
64
64
|
|
|
65
|
-
export const
|
|
66
|
-
|
|
65
|
+
export const SlotHeader = DefaultTemplate.bind({});
|
|
66
|
+
SlotHeader.args = {
|
|
67
67
|
slotTemplate: `
|
|
68
68
|
<template #header>
|
|
69
69
|
<UIcon
|
|
@@ -75,8 +75,8 @@ slotHeader.args = {
|
|
|
75
75
|
`,
|
|
76
76
|
};
|
|
77
77
|
|
|
78
|
-
export const
|
|
79
|
-
|
|
78
|
+
export const SlotDefault = DefaultTemplate.bind({});
|
|
79
|
+
SlotDefault.args = {
|
|
80
80
|
slotTemplate: `
|
|
81
81
|
<template #default>
|
|
82
82
|
<span>Some unique <b><code>HTML</code></b> or <b><code>Components</code></b>...</span>
|
|
@@ -84,8 +84,8 @@ slotDefault.args = {
|
|
|
84
84
|
`,
|
|
85
85
|
};
|
|
86
86
|
|
|
87
|
-
export const
|
|
88
|
-
|
|
87
|
+
export const SlotFooter = DefaultTemplate.bind({});
|
|
88
|
+
SlotFooter.args = {
|
|
89
89
|
slotTemplate: `
|
|
90
90
|
<template #footer>
|
|
91
91
|
<UButton label="Add new one" size="sm" variant="thirdary" filled />
|
|
@@ -72,44 +72,40 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
|
|
|
72
72
|
export const Default = DefaultTemplate.bind({});
|
|
73
73
|
Default.args = {};
|
|
74
74
|
|
|
75
|
-
export const
|
|
76
|
-
|
|
77
|
-
sum: 10,
|
|
78
|
-
symbol: "$",
|
|
79
|
-
sign: "negative",
|
|
80
|
-
};
|
|
75
|
+
export const OtherValues = DefaultTemplate.bind({});
|
|
76
|
+
OtherValues.args = { sum: 10, symbol: "$", sign: "negative" };
|
|
81
77
|
|
|
82
|
-
export const
|
|
83
|
-
|
|
78
|
+
export const Colors = EnumVariantTemplate.bind({});
|
|
79
|
+
Colors.args = {
|
|
84
80
|
enum: "color",
|
|
85
81
|
sum: 0,
|
|
86
82
|
symbol: "$",
|
|
87
83
|
sign: "default",
|
|
88
84
|
};
|
|
89
85
|
|
|
90
|
-
export const
|
|
91
|
-
|
|
86
|
+
export const Sizes = EnumVariantTemplate.bind({});
|
|
87
|
+
Sizes.args = { enum: "size" };
|
|
92
88
|
|
|
93
|
-
export const
|
|
94
|
-
|
|
89
|
+
export const Sign = EnumVariantTemplate.bind({});
|
|
90
|
+
Sign.args = { enum: "sign" };
|
|
95
91
|
|
|
96
|
-
export const
|
|
97
|
-
|
|
92
|
+
export const SymbolAlign = EnumVariantTemplate.bind({});
|
|
93
|
+
SymbolAlign.args = { enum: "symbolAlign" };
|
|
98
94
|
|
|
99
|
-
export const
|
|
100
|
-
|
|
95
|
+
export const Planned = DefaultTemplate.bind({});
|
|
96
|
+
Planned.args = { planned: true };
|
|
101
97
|
|
|
102
|
-
export const
|
|
103
|
-
|
|
98
|
+
export const Integer = DefaultTemplate.bind({});
|
|
99
|
+
Integer.args = { integer: true };
|
|
104
100
|
|
|
105
|
-
export const
|
|
106
|
-
|
|
101
|
+
export const NumeralDecimalScale3 = DefaultTemplate.bind({});
|
|
102
|
+
NumeralDecimalScale3.args = { numeralDecimalScale: 3 };
|
|
107
103
|
|
|
108
|
-
export const
|
|
109
|
-
|
|
104
|
+
export const Align = EnumVariantTemplate.bind({});
|
|
105
|
+
Align.args = { enum: "align" };
|
|
110
106
|
|
|
111
|
-
export const
|
|
112
|
-
|
|
107
|
+
export const SlotLeft = DefaultTemplate.bind({});
|
|
108
|
+
SlotLeft.args = {
|
|
113
109
|
slotTemplate: `
|
|
114
110
|
<template #left>
|
|
115
111
|
<UIcon :src="icons.Debit" size="3xs" />
|
|
@@ -117,8 +113,8 @@ slotLeft.args = {
|
|
|
117
113
|
`,
|
|
118
114
|
};
|
|
119
115
|
|
|
120
|
-
export const
|
|
121
|
-
|
|
116
|
+
export const SlotRight = DefaultTemplate.bind({});
|
|
117
|
+
SlotRight.args = {
|
|
122
118
|
slotTemplate: `
|
|
123
119
|
<template #right>
|
|
124
120
|
<UIcon :src="icons.Credit" size="3xs" />
|
|
@@ -93,8 +93,8 @@ const TypesTemplate = (args) => ({
|
|
|
93
93
|
export const Default = DefaultTemplate.bind({});
|
|
94
94
|
Default.args = {};
|
|
95
95
|
|
|
96
|
-
export const
|
|
97
|
-
|
|
96
|
+
export const Position = DefaultTemplate.bind({});
|
|
97
|
+
Position.args = { xPosition: "right", yPosition: "bottom" };
|
|
98
98
|
|
|
99
|
-
export const
|
|
100
|
-
|
|
99
|
+
export const Types = TypesTemplate.bind({});
|
|
100
|
+
Types.args = {};
|