@bethinkpl/design-system 26.4.0 → 26.6.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.cjs +18 -18
- package/dist/design-system.umd.cjs.map +1 -1
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.composables.d.ts +1 -1
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +31 -8
- package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +4 -1
- package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +40 -14
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +10 -0
- package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +1 -0
- package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +122 -0
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +40 -14
- package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts +121 -0
- package/dist/lib/js/components/Tile/Tile.consts.d.ts +22 -0
- package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1462 -0
- package/dist/lib/js/components/Tile/Tile.shared.d.ts +9 -4
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +22 -7
- package/dist/lib/js/components/Tooltip/Tooltip.vue.d.ts +10 -0
- package/docs/assets/BasicRichListItem-Ctm7LWMn.js +1 -0
- package/docs/assets/{BasicRichListItem.stories-CYAxAAa4.js → BasicRichListItem.stories-CW9os382.js} +9 -5
- package/docs/assets/{Color-ERTF36HU-BKLy-2-d.js → Color-ERTF36HU-CqJ5SSs8.js} +1 -1
- package/docs/assets/DatePicker-Br-Dxnyn.js +2 -0
- package/docs/assets/DatePicker.stories-C4sN46Ws.js +175 -0
- package/docs/assets/DateRangePicker-B2xmoGPO.js +1 -0
- package/docs/assets/{DateRangePicker.stories-BEQd6aEn.js → DateRangePicker.stories-DGh5m4TF.js} +1 -1
- package/docs/assets/{DocsRenderer-CFRXHY34-vJAQuqDP.js → DocsRenderer-CFRXHY34-CemqquOQ.js} +5 -5
- package/docs/assets/{DrawerTile-BqpTb_42.js → DrawerTile-OeT5gefI.js} +1 -1
- package/docs/assets/DrawerTile.stories-nBKWobdB.js +10 -0
- package/docs/assets/OutlineItem-B0GAacWf.js +1 -0
- package/docs/assets/{OutlineItem.stories-CEsNJBgo.js → OutlineItem.stories-RvYTOp9N.js} +1 -1
- package/docs/assets/{OverlayHeader-Cuwk2J3B.js → OverlayHeader--26-GHPy.js} +1 -1
- package/docs/assets/{OverlayHeader.stories-WMRsiDpt.js → OverlayHeader.stories-BVxhjyuC.js} +1 -1
- package/docs/assets/{RichListItem.stories-CtgWAG3q.js → RichListItem.stories-B_DlwcQo.js} +1 -1
- package/docs/assets/SelectListItemTile-ohFw-wM4.js +1 -0
- package/docs/assets/SelectListItemTile.stories-BRCqpIYj.js +19 -0
- package/docs/assets/{SelectionTile-dsZMyVPh.js → SelectionTile-CjfV3f7H.js} +1 -1
- package/docs/assets/{SelectionTile.stories-DsAapWdD.js → SelectionTile.stories-PT6dhdE2.js} +1 -1
- package/docs/assets/TextGroup-lwPvABi6.js +1 -0
- package/docs/assets/TextGroup.stories-CnojKPTw.js +56 -0
- package/docs/assets/{ThreeColumnLayout-CRPRmmvx.js → ThreeColumnLayout-BR3bkVIs.js} +1 -1
- package/docs/assets/{ThreeColumnLayout.stories-CeCLjYHh.js → ThreeColumnLayout.stories-V4L7zdf_.js} +1 -1
- package/docs/assets/Tile-DjRk5xHI.js +1 -0
- package/docs/assets/Tile.sb.shared-Dt0Nhl_4.js +20 -0
- package/docs/assets/Tile.stories-lM4we8lW.js +12 -0
- package/docs/assets/Tooltip-Cni6OHo9.js +1 -0
- package/docs/assets/{Tooltip.stories-B94PUKgP.js → Tooltip.stories-C3h4ABpf.js} +1 -1
- package/docs/assets/{iframe-DuOsjH1S.js → iframe-OBly2w25.js} +11 -11
- package/docs/assets/{index-TQ9qBbRg.js → index-BX4u4pqi.js} +1 -1
- package/docs/assets/{index-D4AlyEjM.js → index-DRNPKjaN.js} +1 -1
- package/docs/assets/{preview-BjkZFWp3.js → preview-BA4xsxRI.js} +2 -2
- package/docs/assets/{preview-D76Q7lmj.js → preview-ByrBU2E6.js} +1 -1
- package/docs/iframe.html +1 -1
- package/docs/index.json +1 -1
- package/docs/project.json +1 -1
- package/lib/js/components/DatePickers/DatePicker/DatePicker.composables.ts +22 -1
- package/lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts +26 -1
- package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +36 -4
- package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +15 -2
- package/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue +1 -0
- package/lib/js/components/Outline/OutlineItem/OutlineItem.vue +2 -1
- package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts +6 -0
- package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue +5 -0
- package/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue +1 -1
- package/lib/js/components/TextGroup/TextGroup.stories.ts +20 -0
- package/lib/js/components/TextGroup/TextGroup.vue +51 -8
- package/lib/js/components/Tile/Tile.consts.ts +26 -0
- package/lib/js/components/Tile/Tile.sb.shared.ts +38 -4
- package/lib/js/components/Tile/Tile.shared.ts +19 -4
- package/lib/js/components/Tile/Tile.stories.ts +2 -2
- package/lib/js/components/Tile/Tile.vue +93 -44
- package/lib/js/components/Tooltip/Tooltip.vue +15 -1
- package/package.json +1 -1
- package/docs/assets/BasicRichListItem-VxP1mYya.js +0 -1
- package/docs/assets/DatePicker-B1ILf2Dx.js +0 -2
- package/docs/assets/DatePicker.stories-DOAIlaQC.js +0 -95
- package/docs/assets/DateRangePicker-DCZj8tMQ.js +0 -1
- package/docs/assets/DrawerTile.stories-BXRxmk1J.js +0 -10
- package/docs/assets/OutlineItem-BSNc7fID.js +0 -1
- package/docs/assets/SelectListItemTile-CRDx7Wjx.js +0 -1
- package/docs/assets/SelectListItemTile.stories-CADs56nZ.js +0 -19
- package/docs/assets/TextGroup-C6PK25ok.js +0 -1
- package/docs/assets/TextGroup.stories-DnrIWKMT.js +0 -48
- package/docs/assets/Tile-C731KsjF.js +0 -1
- package/docs/assets/Tile.sb.shared-Dr6W7Z8_.js +0 -16
- package/docs/assets/Tile.stories-CZlgEnY4.js +0 -12
- package/docs/assets/Tooltip-4m2CjENZ.js +0 -1
|
@@ -54,6 +54,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
54
54
|
type: PropType<TextGroupState>;
|
|
55
55
|
default: "default";
|
|
56
56
|
};
|
|
57
|
+
isSupportingTextTooltipEnabled: {
|
|
58
|
+
type: BooleanConstructor;
|
|
59
|
+
default: boolean;
|
|
60
|
+
};
|
|
61
|
+
isSupportingTextTooltipEnabledOnMobile: {
|
|
62
|
+
type: BooleanConstructor;
|
|
63
|
+
default: boolean;
|
|
64
|
+
};
|
|
65
|
+
isSupportingTextTooltipAutoFilledWithContent: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: boolean;
|
|
68
|
+
};
|
|
69
|
+
supportingTextTooltipContent: {
|
|
70
|
+
type: (StringConstructor | null)[];
|
|
71
|
+
default: null;
|
|
72
|
+
};
|
|
57
73
|
}>, {}, {
|
|
58
74
|
TEXT_GROUP_SIZES: Readonly<{
|
|
59
75
|
SMALL: string;
|
|
@@ -122,6 +138,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
122
138
|
type: PropType<TextGroupState>;
|
|
123
139
|
default: "default";
|
|
124
140
|
};
|
|
141
|
+
isSupportingTextTooltipEnabled: {
|
|
142
|
+
type: BooleanConstructor;
|
|
143
|
+
default: boolean;
|
|
144
|
+
};
|
|
145
|
+
isSupportingTextTooltipEnabledOnMobile: {
|
|
146
|
+
type: BooleanConstructor;
|
|
147
|
+
default: boolean;
|
|
148
|
+
};
|
|
149
|
+
isSupportingTextTooltipAutoFilledWithContent: {
|
|
150
|
+
type: BooleanConstructor;
|
|
151
|
+
default: boolean;
|
|
152
|
+
};
|
|
153
|
+
supportingTextTooltipContent: {
|
|
154
|
+
type: (StringConstructor | null)[];
|
|
155
|
+
default: null;
|
|
156
|
+
};
|
|
125
157
|
}>> & Readonly<{}>, {
|
|
126
158
|
size: string;
|
|
127
159
|
color: "neutral";
|
|
@@ -136,6 +168,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
136
168
|
mainTextEllipsis: boolean;
|
|
137
169
|
supportingTextEllipsis: boolean;
|
|
138
170
|
skeletonLoadingSize: string;
|
|
171
|
+
isSupportingTextTooltipEnabled: boolean;
|
|
172
|
+
isSupportingTextTooltipEnabledOnMobile: boolean;
|
|
173
|
+
isSupportingTextTooltipAutoFilledWithContent: boolean;
|
|
174
|
+
supportingTextTooltipContent: string | null;
|
|
139
175
|
}, {}, {
|
|
140
176
|
DsSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
141
177
|
height: {
|
|
@@ -179,5 +215,90 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
179
215
|
}, {}, {
|
|
180
216
|
PrimeSkeleton: import('@primevue/core').DefineComponent<import('primevue/skeleton').SkeletonProps, import('primevue/skeleton').SkeletonSlots, (e: string, ...args: any[]) => void, {}>;
|
|
181
217
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
218
|
+
DsTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
219
|
+
placement: {
|
|
220
|
+
type: PropType<import('../Tooltip').TooltipPlacement>;
|
|
221
|
+
default: "bottom";
|
|
222
|
+
validator(placement: import('../Tooltip').TooltipPlacement): boolean;
|
|
223
|
+
};
|
|
224
|
+
text: {
|
|
225
|
+
type: StringConstructor;
|
|
226
|
+
default: string;
|
|
227
|
+
};
|
|
228
|
+
isDisabled: {
|
|
229
|
+
type: BooleanConstructor;
|
|
230
|
+
default: boolean;
|
|
231
|
+
};
|
|
232
|
+
isPointerVisible: {
|
|
233
|
+
type: BooleanConstructor;
|
|
234
|
+
default: boolean;
|
|
235
|
+
};
|
|
236
|
+
inline: {
|
|
237
|
+
type: BooleanConstructor;
|
|
238
|
+
default: boolean;
|
|
239
|
+
};
|
|
240
|
+
isHiddenOnMobile: {
|
|
241
|
+
type: BooleanConstructor;
|
|
242
|
+
default: boolean;
|
|
243
|
+
};
|
|
244
|
+
}>, {}, {}, {
|
|
245
|
+
tooltipParams(): {
|
|
246
|
+
position: any;
|
|
247
|
+
event: string;
|
|
248
|
+
};
|
|
249
|
+
options(): {
|
|
250
|
+
value: any;
|
|
251
|
+
disabled: any;
|
|
252
|
+
dt: {
|
|
253
|
+
shadow: string;
|
|
254
|
+
padding: string;
|
|
255
|
+
background: string;
|
|
256
|
+
color: string;
|
|
257
|
+
borderRadius: string;
|
|
258
|
+
maxWidth: string;
|
|
259
|
+
};
|
|
260
|
+
class: string | null;
|
|
261
|
+
ptOptions: {
|
|
262
|
+
mergeProps: boolean;
|
|
263
|
+
};
|
|
264
|
+
pt: {
|
|
265
|
+
text: string;
|
|
266
|
+
arrow: string;
|
|
267
|
+
};
|
|
268
|
+
};
|
|
269
|
+
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
270
|
+
placement: {
|
|
271
|
+
type: PropType<import('../Tooltip').TooltipPlacement>;
|
|
272
|
+
default: "bottom";
|
|
273
|
+
validator(placement: import('../Tooltip').TooltipPlacement): boolean;
|
|
274
|
+
};
|
|
275
|
+
text: {
|
|
276
|
+
type: StringConstructor;
|
|
277
|
+
default: string;
|
|
278
|
+
};
|
|
279
|
+
isDisabled: {
|
|
280
|
+
type: BooleanConstructor;
|
|
281
|
+
default: boolean;
|
|
282
|
+
};
|
|
283
|
+
isPointerVisible: {
|
|
284
|
+
type: BooleanConstructor;
|
|
285
|
+
default: boolean;
|
|
286
|
+
};
|
|
287
|
+
inline: {
|
|
288
|
+
type: BooleanConstructor;
|
|
289
|
+
default: boolean;
|
|
290
|
+
};
|
|
291
|
+
isHiddenOnMobile: {
|
|
292
|
+
type: BooleanConstructor;
|
|
293
|
+
default: boolean;
|
|
294
|
+
};
|
|
295
|
+
}>> & Readonly<{}>, {
|
|
296
|
+
text: string;
|
|
297
|
+
inline: boolean;
|
|
298
|
+
placement: import('../Tooltip').TooltipPlacement;
|
|
299
|
+
isDisabled: boolean;
|
|
300
|
+
isPointerVisible: boolean;
|
|
301
|
+
isHiddenOnMobile: boolean;
|
|
302
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
182
303
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
183
304
|
export default _default;
|
|
@@ -17,3 +17,25 @@ export declare const TILE_STATES: {
|
|
|
17
17
|
readonly LOADING: "loading";
|
|
18
18
|
};
|
|
19
19
|
export declare type TileStates = Value<typeof TILE_STATES>;
|
|
20
|
+
export declare const TILE_BORDER_COLORS: {
|
|
21
|
+
readonly NEUTRAL: "neutral";
|
|
22
|
+
readonly NEUTRAL_WEAK: "neutralWeak";
|
|
23
|
+
readonly PRIMARY: "primary";
|
|
24
|
+
readonly PRIMARY_WEAK: "primaryWeak";
|
|
25
|
+
readonly SUCCESS: "success";
|
|
26
|
+
readonly SUCCESS_WEAK: "successWeak";
|
|
27
|
+
readonly FAIL: "fail";
|
|
28
|
+
readonly FAIL_WEAK: "failWeak";
|
|
29
|
+
readonly DANGER: "danger";
|
|
30
|
+
readonly DANGER_WEAK: "dangerWeak";
|
|
31
|
+
readonly WARNING: "warning";
|
|
32
|
+
readonly WARNING_WEAK: "warningWeak";
|
|
33
|
+
readonly INFO: "info";
|
|
34
|
+
readonly INFO_WEAK: "infoWeak";
|
|
35
|
+
};
|
|
36
|
+
export declare type TileBorderColors = Value<typeof TILE_BORDER_COLORS>;
|
|
37
|
+
export declare const TILE_ADDITIONAL_TEXT_MAX_WIDTHS: {
|
|
38
|
+
readonly SMALL: "small";
|
|
39
|
+
readonly MEDIUM: "medium";
|
|
40
|
+
};
|
|
41
|
+
export declare type TileAdditionalTextMaxWidths = Value<typeof TILE_ADDITIONAL_TEXT_MAX_WIDTHS>;
|