@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.
Files changed (84) hide show
  1. package/dist/design-system.umd.cjs +18 -18
  2. package/dist/design-system.umd.cjs.map +1 -1
  3. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.composables.d.ts +1 -1
  4. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +31 -8
  5. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +4 -1
  6. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +40 -14
  7. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +10 -0
  8. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +1 -0
  9. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +122 -0
  10. package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +40 -14
  11. package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts +121 -0
  12. package/dist/lib/js/components/Tile/Tile.consts.d.ts +22 -0
  13. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1462 -0
  14. package/dist/lib/js/components/Tile/Tile.shared.d.ts +9 -4
  15. package/dist/lib/js/components/Tile/Tile.vue.d.ts +22 -7
  16. package/dist/lib/js/components/Tooltip/Tooltip.vue.d.ts +10 -0
  17. package/docs/assets/BasicRichListItem-Ctm7LWMn.js +1 -0
  18. package/docs/assets/{BasicRichListItem.stories-CYAxAAa4.js → BasicRichListItem.stories-CW9os382.js} +9 -5
  19. package/docs/assets/{Color-ERTF36HU-BKLy-2-d.js → Color-ERTF36HU-CqJ5SSs8.js} +1 -1
  20. package/docs/assets/DatePicker-Br-Dxnyn.js +2 -0
  21. package/docs/assets/DatePicker.stories-C4sN46Ws.js +175 -0
  22. package/docs/assets/DateRangePicker-B2xmoGPO.js +1 -0
  23. package/docs/assets/{DateRangePicker.stories-BEQd6aEn.js → DateRangePicker.stories-DGh5m4TF.js} +1 -1
  24. package/docs/assets/{DocsRenderer-CFRXHY34-vJAQuqDP.js → DocsRenderer-CFRXHY34-CemqquOQ.js} +5 -5
  25. package/docs/assets/{DrawerTile-BqpTb_42.js → DrawerTile-OeT5gefI.js} +1 -1
  26. package/docs/assets/DrawerTile.stories-nBKWobdB.js +10 -0
  27. package/docs/assets/OutlineItem-B0GAacWf.js +1 -0
  28. package/docs/assets/{OutlineItem.stories-CEsNJBgo.js → OutlineItem.stories-RvYTOp9N.js} +1 -1
  29. package/docs/assets/{OverlayHeader-Cuwk2J3B.js → OverlayHeader--26-GHPy.js} +1 -1
  30. package/docs/assets/{OverlayHeader.stories-WMRsiDpt.js → OverlayHeader.stories-BVxhjyuC.js} +1 -1
  31. package/docs/assets/{RichListItem.stories-CtgWAG3q.js → RichListItem.stories-B_DlwcQo.js} +1 -1
  32. package/docs/assets/SelectListItemTile-ohFw-wM4.js +1 -0
  33. package/docs/assets/SelectListItemTile.stories-BRCqpIYj.js +19 -0
  34. package/docs/assets/{SelectionTile-dsZMyVPh.js → SelectionTile-CjfV3f7H.js} +1 -1
  35. package/docs/assets/{SelectionTile.stories-DsAapWdD.js → SelectionTile.stories-PT6dhdE2.js} +1 -1
  36. package/docs/assets/TextGroup-lwPvABi6.js +1 -0
  37. package/docs/assets/TextGroup.stories-CnojKPTw.js +56 -0
  38. package/docs/assets/{ThreeColumnLayout-CRPRmmvx.js → ThreeColumnLayout-BR3bkVIs.js} +1 -1
  39. package/docs/assets/{ThreeColumnLayout.stories-CeCLjYHh.js → ThreeColumnLayout.stories-V4L7zdf_.js} +1 -1
  40. package/docs/assets/Tile-DjRk5xHI.js +1 -0
  41. package/docs/assets/Tile.sb.shared-Dt0Nhl_4.js +20 -0
  42. package/docs/assets/Tile.stories-lM4we8lW.js +12 -0
  43. package/docs/assets/Tooltip-Cni6OHo9.js +1 -0
  44. package/docs/assets/{Tooltip.stories-B94PUKgP.js → Tooltip.stories-C3h4ABpf.js} +1 -1
  45. package/docs/assets/{iframe-DuOsjH1S.js → iframe-OBly2w25.js} +11 -11
  46. package/docs/assets/{index-TQ9qBbRg.js → index-BX4u4pqi.js} +1 -1
  47. package/docs/assets/{index-D4AlyEjM.js → index-DRNPKjaN.js} +1 -1
  48. package/docs/assets/{preview-BjkZFWp3.js → preview-BA4xsxRI.js} +2 -2
  49. package/docs/assets/{preview-D76Q7lmj.js → preview-ByrBU2E6.js} +1 -1
  50. package/docs/iframe.html +1 -1
  51. package/docs/index.json +1 -1
  52. package/docs/project.json +1 -1
  53. package/lib/js/components/DatePickers/DatePicker/DatePicker.composables.ts +22 -1
  54. package/lib/js/components/DatePickers/DatePicker/DatePicker.stories.ts +26 -1
  55. package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +36 -4
  56. package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +15 -2
  57. package/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue +1 -0
  58. package/lib/js/components/Outline/OutlineItem/OutlineItem.vue +2 -1
  59. package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.stories.ts +6 -0
  60. package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue +5 -0
  61. package/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue +1 -1
  62. package/lib/js/components/TextGroup/TextGroup.stories.ts +20 -0
  63. package/lib/js/components/TextGroup/TextGroup.vue +51 -8
  64. package/lib/js/components/Tile/Tile.consts.ts +26 -0
  65. package/lib/js/components/Tile/Tile.sb.shared.ts +38 -4
  66. package/lib/js/components/Tile/Tile.shared.ts +19 -4
  67. package/lib/js/components/Tile/Tile.stories.ts +2 -2
  68. package/lib/js/components/Tile/Tile.vue +93 -44
  69. package/lib/js/components/Tooltip/Tooltip.vue +15 -1
  70. package/package.json +1 -1
  71. package/docs/assets/BasicRichListItem-VxP1mYya.js +0 -1
  72. package/docs/assets/DatePicker-B1ILf2Dx.js +0 -2
  73. package/docs/assets/DatePicker.stories-DOAIlaQC.js +0 -95
  74. package/docs/assets/DateRangePicker-DCZj8tMQ.js +0 -1
  75. package/docs/assets/DrawerTile.stories-BXRxmk1J.js +0 -10
  76. package/docs/assets/OutlineItem-BSNc7fID.js +0 -1
  77. package/docs/assets/SelectListItemTile-CRDx7Wjx.js +0 -1
  78. package/docs/assets/SelectListItemTile.stories-CADs56nZ.js +0 -19
  79. package/docs/assets/TextGroup-C6PK25ok.js +0 -1
  80. package/docs/assets/TextGroup.stories-DnrIWKMT.js +0 -48
  81. package/docs/assets/Tile-C731KsjF.js +0 -1
  82. package/docs/assets/Tile.sb.shared-Dr6W7Z8_.js +0 -16
  83. package/docs/assets/Tile.stories-CZlgEnY4.js +0 -12
  84. 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>;