@bethinkpl/design-system 18.8.0 → 18.9.0
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/design-system.umd.js +159 -61
- package/dist/design-system.umd.js.map +1 -1
- package/dist/lib/js/components/Badges/Badge/Badge.consts.d.ts +1 -0
- package/dist/lib/js/components/Badges/Badge/Badge.vue.d.ts +21 -1
- package/dist/lib/js/components/Banner/Banner.vue.d.ts +1 -0
- package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +1 -0
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +1 -0
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -0
- package/dist/lib/js/components/Drawer/DrawerContent/DrawerContent.vue.d.ts +4 -3
- package/dist/lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue.d.ts +20 -3
- package/dist/lib/js/components/Drawer/DrawerListItemGroup/DrawerListItemGroup.vue.d.ts +4 -3
- package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +231 -3
- package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +63 -3
- package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +1 -0
- package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -0
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +1 -0
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +1 -0
- package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -0
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +1 -0
- package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +1 -0
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +1 -0
- package/dist/lib/js/components/Pill/Pill.vue.d.ts +1 -0
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -0
- package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -0
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.consts.d.ts +53 -0
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.stories.d.ts +5 -0
- package/dist/lib/js/components/RichList/RichListItem/index.d.ts +3 -0
- package/dist/lib/js/components/RichList/RichListItemBasic/RichListItemBasic.stories.d.ts +5 -0
- package/dist/lib/js/components/RichList/RichListItemBasic/index.d.ts +2 -0
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +62 -3
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +58 -3
- package/dist/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue.d.ts +14 -3
- package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +1 -0
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -0
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +1 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +1 -0
- package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1 -0
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +1 -0
- package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -0
- package/dist/lib/js/icons/fontawesome.d.ts +1 -0
- package/docs/988.4ee26573.iframe.bundle.js +2 -0
- package/docs/iframe.html +1 -1
- package/docs/main.b20a2704.iframe.bundle.js +1 -0
- package/docs/project.json +1 -1
- package/lib/js/components/Badges/Badge/Badge.consts.ts +1 -0
- package/lib/js/components/Badges/Badge/Badge.stories.ts +11 -2
- package/lib/js/components/Badges/Badge/Badge.vue +44 -4
- package/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue +1 -1
- package/lib/js/components/RichList/RichListItem/RichListItem.consts.ts +64 -0
- package/lib/js/components/RichList/RichListItem/RichListItem.stories.ts +136 -0
- package/lib/js/components/RichList/RichListItem/RichListItem.vue +459 -0
- package/lib/js/components/RichList/RichListItem/index.ts +4 -0
- package/lib/js/components/RichList/RichListItemBasic/RichListItemBasic.stories.ts +137 -0
- package/lib/js/components/RichList/RichListItemBasic/RichListItemBasic.vue +176 -0
- package/lib/js/components/RichList/RichListItemBasic/index.ts +3 -0
- package/lib/js/icons/fontawesome.ts +2 -0
- package/package.json +2 -2
- package/docs/48.83e0f3f5.iframe.bundle.js +0 -2
- package/docs/main.0bee6853.iframe.bundle.js +0 -1
- /package/docs/{48.83e0f3f5.iframe.bundle.js.LICENSE.txt → 988.4ee26573.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -1,3 +1,62 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import Tile from '../../Tile';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
name: string;
|
|
4
|
+
components: {
|
|
5
|
+
DsTile: typeof Tile;
|
|
6
|
+
};
|
|
7
|
+
props: {
|
|
8
|
+
interactive: {
|
|
9
|
+
type: BooleanConstructor;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
12
|
+
iconLeft: {
|
|
13
|
+
type: ObjectConstructor;
|
|
14
|
+
default: null;
|
|
15
|
+
validator(iconLeft: any): boolean;
|
|
16
|
+
};
|
|
17
|
+
iconRight: {
|
|
18
|
+
type: ObjectConstructor;
|
|
19
|
+
default: null;
|
|
20
|
+
validator(iconRight: any): boolean;
|
|
21
|
+
};
|
|
22
|
+
text: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
required: boolean;
|
|
25
|
+
};
|
|
26
|
+
eyebrowText: {
|
|
27
|
+
type: StringConstructor;
|
|
28
|
+
default: null;
|
|
29
|
+
};
|
|
30
|
+
additionalText: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
default: null;
|
|
33
|
+
};
|
|
34
|
+
color: {
|
|
35
|
+
type: StringConstructor;
|
|
36
|
+
default: "neutral";
|
|
37
|
+
validator(color: any): boolean;
|
|
38
|
+
};
|
|
39
|
+
isEyebrowTextUppercase: {
|
|
40
|
+
type: BooleanConstructor;
|
|
41
|
+
default: boolean;
|
|
42
|
+
};
|
|
43
|
+
state: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
default: "default";
|
|
46
|
+
validator(value: import("../../../utils/type.utils").Value<{
|
|
47
|
+
readonly DEFAULT: "default";
|
|
48
|
+
readonly DISABLED: "disabled";
|
|
49
|
+
readonly LOADING: "loading";
|
|
50
|
+
}>): boolean;
|
|
51
|
+
};
|
|
52
|
+
eyebrowEllipsis: {
|
|
53
|
+
type: BooleanConstructor;
|
|
54
|
+
default: boolean;
|
|
55
|
+
};
|
|
56
|
+
textEllipsis: {
|
|
57
|
+
type: BooleanConstructor;
|
|
58
|
+
default: boolean;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
export default _default;
|
package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts
CHANGED
|
@@ -1,3 +1,58 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { IconItem } from '../../Icons/Icon';
|
|
2
|
+
import SelectListItem from '../SelectListItem/SelectListItem.vue';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
name: string;
|
|
5
|
+
components: {
|
|
6
|
+
SelectListItem: typeof SelectListItem;
|
|
7
|
+
};
|
|
8
|
+
props: {
|
|
9
|
+
iconOff: {
|
|
10
|
+
type: ObjectConstructor;
|
|
11
|
+
default: null;
|
|
12
|
+
validator(icon: any): boolean;
|
|
13
|
+
};
|
|
14
|
+
iconOn: {
|
|
15
|
+
type: ObjectConstructor;
|
|
16
|
+
default: null;
|
|
17
|
+
validator(icon: any): boolean;
|
|
18
|
+
};
|
|
19
|
+
isOn: {
|
|
20
|
+
type: BooleanConstructor;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
labelOff: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
required: boolean;
|
|
26
|
+
};
|
|
27
|
+
labelOn: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
required: boolean;
|
|
30
|
+
};
|
|
31
|
+
size: {
|
|
32
|
+
type: StringConstructor;
|
|
33
|
+
default: string;
|
|
34
|
+
validator(size: any): boolean;
|
|
35
|
+
};
|
|
36
|
+
state: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
default: string;
|
|
39
|
+
validator(size: any): boolean;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
data(): {
|
|
43
|
+
SELECT_LIST_ITEM_SELECTION_MODE: Readonly<{
|
|
44
|
+
SELECT_ONLY: string;
|
|
45
|
+
TOGGLE: string;
|
|
46
|
+
}>;
|
|
47
|
+
SELECT_LIST_ITEM_STATES: Readonly<{
|
|
48
|
+
DEFAULT: string;
|
|
49
|
+
LOADING: string;
|
|
50
|
+
DISABLED: string;
|
|
51
|
+
}>;
|
|
52
|
+
};
|
|
53
|
+
computed: {
|
|
54
|
+
icon(): IconItem | null;
|
|
55
|
+
label(): string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
export default _default;
|
package/dist/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue.d.ts
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
declare const _default: {
|
|
2
|
+
name: string;
|
|
3
|
+
props: {
|
|
4
|
+
label: {
|
|
5
|
+
type: StringConstructor;
|
|
6
|
+
required: boolean;
|
|
7
|
+
};
|
|
8
|
+
isUppercase: {
|
|
9
|
+
type: BooleanConstructor;
|
|
10
|
+
default: boolean;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export default _default;
|
|
@@ -149,6 +149,7 @@ declare const _default: import("vue").DefineComponent<Readonly<import("vue").Com
|
|
|
149
149
|
readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
150
150
|
readonly FA_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
151
151
|
readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
152
|
+
readonly FA_SHARE_NODES: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
152
153
|
readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
153
154
|
readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
154
155
|
readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
@@ -159,6 +159,7 @@ declare const _default: {
|
|
|
159
159
|
readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
160
160
|
readonly FA_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
161
161
|
readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
162
|
+
readonly FA_SHARE_NODES: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
162
163
|
readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
163
164
|
readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
164
165
|
readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
@@ -159,6 +159,7 @@ declare const _default: {
|
|
|
159
159
|
readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
160
160
|
readonly FA_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
161
161
|
readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
162
|
+
readonly FA_SHARE_NODES: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
162
163
|
readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
163
164
|
readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
164
165
|
readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
@@ -179,6 +179,7 @@ declare const _default: {
|
|
|
179
179
|
readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
180
180
|
readonly FA_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
181
181
|
readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
182
|
+
readonly FA_SHARE_NODES: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
182
183
|
readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
183
184
|
readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
184
185
|
readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts
CHANGED
|
@@ -199,6 +199,7 @@ declare const _default: {
|
|
|
199
199
|
readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
200
200
|
readonly FA_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
201
201
|
readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
202
|
+
readonly FA_SHARE_NODES: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
202
203
|
readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
203
204
|
readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
204
205
|
readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
@@ -149,6 +149,7 @@ export declare const data: () => {
|
|
|
149
149
|
readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
150
150
|
readonly FA_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
151
151
|
readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
152
|
+
readonly FA_SHARE_NODES: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
152
153
|
readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
153
154
|
readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
154
155
|
readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
@@ -207,6 +207,7 @@ declare const _default: {
|
|
|
207
207
|
readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
208
208
|
readonly FA_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
209
209
|
readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
210
|
+
readonly FA_SHARE_NODES: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
210
211
|
readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
211
212
|
readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
212
213
|
readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
@@ -214,6 +214,7 @@ declare const _default: {
|
|
|
214
214
|
readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
215
215
|
readonly FA_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
216
216
|
readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
217
|
+
readonly FA_SHARE_NODES: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
217
218
|
readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
218
219
|
readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
219
220
|
readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
@@ -142,6 +142,7 @@ export declare const FONTAWESOME_ICONS: {
|
|
|
142
142
|
readonly FA_REPLY: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
143
143
|
readonly FA_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
144
144
|
readonly FA_SHARE: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
145
|
+
readonly FA_SHARE_NODES: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
145
146
|
readonly FA_SHIELD_HALVED: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
146
147
|
readonly FA_SIGNAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
|
147
148
|
readonly FA_SITEMAP: import("@fortawesome/fontawesome-common-types").IconDefinition;
|