@davincihealthcare/elty-design-system-vue 1.13.7 → 1.14.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/README.md CHANGED
@@ -8,8 +8,13 @@ To get started with using these components in your Vue project, follow these sim
8
8
 
9
9
  ### Installation
10
10
 
11
+ First install Tailwindcss following the steps at https://tailwindcss.com/docs/installation/framework-guides
12
+
13
+ Then install required plugins and the design system package itself
14
+
11
15
  ```bash
12
- # using yarn
16
+ # using yarn (or any other package manager)
17
+ yarn add -D @tailwindcss/forms @tailwindcss/typography
13
18
  yarn add @davincihealthcare/elty-design-system-vue
14
19
  ```
15
20
 
@@ -23,8 +28,8 @@ module.exports = {
23
28
  ...
24
29
  content: [..., './node_modules/@davincihealthcare/elty-design-system-vue/**/*.{tsx,js}'],
25
30
  plugins: [
26
- require('@tailwindcss/forms'), // ⚠️
27
- require('@tailwindcss/typography'), // ⚠️
31
+ require('@tailwindcss/forms'),
32
+ require('@tailwindcss/typography'),
28
33
  require('@davincihealthcare/elty-design-system-vue').EltyTailwindPlugin
29
34
  ]
30
35
  ...
@@ -35,10 +40,7 @@ Note: content needs a new entry in the array, alongside other you may already ha
35
40
 
36
41
  Make sure to:
37
42
 
38
- - NOT to import the elty foundations which are already imported alongside this plugin.
39
- - import other required official tailwind plugins
40
- - `@tailwindcss/forms`
41
- - `@tailwindcss/typography`
43
+ - do NOT to import the elty foundations which are already imported alongside this plugin.
42
44
 
43
45
  in main.ts file
44
46
 
@@ -116,11 +116,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
116
116
  right?: boolean | undefined;
117
117
  minWidth?: number | undefined;
118
118
  isOpen?: boolean | undefined;
119
+ maxHeight?: number | undefined;
119
120
  }>, {
120
121
  title: undefined;
121
122
  action: undefined;
122
123
  isOpen: undefined;
123
124
  minWidth: undefined;
125
+ maxHeight: number;
124
126
  }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
125
127
  "click:action": () => void;
126
128
  "update:is-open": (isOpen: boolean) => void;
@@ -242,11 +244,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
242
244
  right?: boolean | undefined;
243
245
  minWidth?: number | undefined;
244
246
  isOpen?: boolean | undefined;
247
+ maxHeight?: number | undefined;
245
248
  }>, {
246
249
  title: undefined;
247
250
  action: undefined;
248
251
  isOpen: undefined;
249
252
  minWidth: undefined;
253
+ maxHeight: number;
250
254
  }>>> & {
251
255
  "onClick:action"?: (() => any) | undefined;
252
256
  "onUpdate:is-open"?: ((isOpen: boolean) => any) | undefined;
@@ -329,6 +333,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
329
333
  };
330
334
  }>>, "disabled" | "type" | "onClick" | "label" | "icon" | "size" | "loading" | "error" | "dark" | "variant" | "loadOnClick">, "size" | "variant">;
331
335
  isOpen: boolean;
336
+ maxHeight: number;
332
337
  }, {}>, {
333
338
  anchor?(_: {
334
339
  isOpen: boolean;