@dpa-id-components/dpa-shared-components 8.0.5 → 8.0.7

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 (12) hide show
  1. package/dist/UseBreakpoints.stories.ts +22 -0
  2. package/dist/UseBreakpoints.vue +12 -0
  3. package/dist/components/UiMenu/UiMenu.stories.d.ts +23 -0
  4. package/dist/components/UiMenu/UiMenu.vue.d.ts +9 -0
  5. package/dist/dpa-shared-components.mjs +478 -482
  6. package/dist/dpa-shared-components.umd.js +1 -1
  7. package/dist/main.css +23 -0
  8. package/dist/style.css +1 -1
  9. package/dist/tailwind/UseBreakpoints.stories.d.ts +10 -0
  10. package/dist/tailwind/useBreakpoints.d.ts +9 -0
  11. package/dist/useBreakpoints.ts +19 -0
  12. package/package.json +1 -1
package/dist/UseBreakpoints.stories.ts ADDED
@@ -0,0 +1,22 @@
1
+ import UseBreakpoints from "./UseBreakpoints.vue";
2
+ import type { Meta, StoryObj } from "@storybook/vue3";
3
+
4
+ const meta = {
5
+ title: "tailwind/UseBreakpoints.ts",
6
+ component: UseBreakpoints,
7
+ argTypes: {},
8
+ parameters: {},
9
+ } satisfies Meta<typeof UseBreakpoints>;
10
+
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+
14
+ export const Default: Story = {
15
+ render: (args: any) => ({
16
+ setup() {
17
+ return { args };
18
+ },
19
+ components: { UseBreakpoints },
20
+ template: `<div><UseBreakpoints /></div>`,
21
+ }),
22
+ };
package/dist/UseBreakpoints.vue ADDED
@@ -0,0 +1,12 @@
1
+ <template>
2
+ <UiButton v-if="lg">Button for LG</UiButton>
3
+ <UiIconButton v-else icon-name="emoji" />
4
+ </template>
5
+
6
+ <script setup lang="ts">
7
+ import useBreakpoints from "./useBreakpoints";
8
+ import UiIconButton from "@/components/UiIconButton/UiIconButton.vue";
9
+ import UiButton from "@/components/UiButton/UiButton.vue";
10
+
11
+ const { lg } = useBreakpoints();
12
+ </script>
package/dist/components/UiMenu/UiMenu.stories.d.ts CHANGED
@@ -31,6 +31,10 @@ declare const meta: {
31
31
  type: import("vue").PropType<boolean>;
32
32
  default: boolean;
33
33
  };
34
+ iconLeft: {
35
+ type: import("vue").PropType<string | null>;
36
+ default: null;
37
+ };
34
38
  hasAutoFocus: {
35
39
  type: import("vue").PropType<boolean>;
36
40
  default: boolean;
@@ -109,6 +113,10 @@ declare const meta: {
109
113
  type: import("vue").PropType<boolean>;
110
114
  default: boolean;
111
115
  };
116
+ iconLeft: {
117
+ type: import("vue").PropType<string | null>;
118
+ default: null;
119
+ };
112
120
  hasAutoFocus: {
113
121
  type: import("vue").PropType<boolean>;
114
122
  default: boolean;
@@ -169,6 +177,7 @@ declare const meta: {
169
177
  iconSize: "small" | "medium" | "large";
170
178
  checkboxSize: "small" | "medium";
171
179
  active: boolean;
180
+ iconLeft: string | null;
172
181
  hasAutoFocus: boolean;
173
182
  isOpen: boolean;
174
183
  defaultTitle: string;
@@ -205,6 +214,10 @@ declare const meta: {
205
214
  control: string;
206
215
  options: string[];
207
216
  };
217
+ iconLeft: {
218
+ control: string;
219
+ options: string[];
220
+ };
208
221
  imageShape: {
209
222
  control: string;
210
223
  options: string[];
@@ -248,6 +261,7 @@ declare const meta: {
248
261
  listVariant: "blank";
249
262
  checkboxColor: "blue";
250
263
  iconSize: "small";
264
+ iconLeft: string;
251
265
  imageShape: "square";
252
266
  checkboxSize: "medium";
253
267
  disabled: false;
@@ -317,6 +331,10 @@ export declare const WithBlankButton: {
317
331
  type: import("vue").PropType<boolean>;
318
332
  default: boolean;
319
333
  };
334
+ iconLeft: {
335
+ type: import("vue").PropType<string | null>;
336
+ default: null;
337
+ };
320
338
  hasAutoFocus: {
321
339
  type: import("vue").PropType<boolean>;
322
340
  default: boolean;
@@ -395,6 +413,10 @@ export declare const WithBlankButton: {
395
413
  type: import("vue").PropType<boolean>;
396
414
  default: boolean;
397
415
  };
416
+ iconLeft: {
417
+ type: import("vue").PropType<string | null>;
418
+ default: null;
419
+ };
398
420
  hasAutoFocus: {
399
421
  type: import("vue").PropType<boolean>;
400
422
  default: boolean;
@@ -455,6 +477,7 @@ export declare const WithBlankButton: {
455
477
  iconSize: "small" | "medium" | "large";
456
478
  checkboxSize: "small" | "medium";
457
479
  active: boolean;
480
+ iconLeft: string | null;
458
481
  hasAutoFocus: boolean;
459
482
  isOpen: boolean;
460
483
  defaultTitle: string;
package/dist/components/UiMenu/UiMenu.vue.d.ts CHANGED
@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<{
28
28
  type: import("vue").PropType<boolean>;
29
29
  default: boolean;
30
30
  };
31
+ iconLeft: {
32
+ type: import("vue").PropType<string | null>;
33
+ default: null;
34
+ };
31
35
  hasAutoFocus: {
32
36
  type: import("vue").PropType<boolean>;
33
37
  default: boolean;
@@ -106,6 +110,10 @@ declare const _default: import("vue").DefineComponent<{
106
110
  type: import("vue").PropType<boolean>;
107
111
  default: boolean;
108
112
  };
113
+ iconLeft: {
114
+ type: import("vue").PropType<string | null>;
115
+ default: null;
116
+ };
109
117
  hasAutoFocus: {
110
118
  type: import("vue").PropType<boolean>;
111
119
  default: boolean;
@@ -166,6 +174,7 @@ declare const _default: import("vue").DefineComponent<{
166
174
  iconSize: "small" | "medium" | "large";
167
175
  checkboxSize: "small" | "medium";
168
176
  active: boolean;
177
+ iconLeft: string | null;
169
178
  hasAutoFocus: boolean;
170
179
  isOpen: boolean;
171
180
  defaultTitle: string;