@dpa-id-components/dpa-shared-components 12.4.0 → 13.0.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 (9) hide show
  1. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.stories.d.ts +97 -98
  2. package/dist/components/UiRadioInputGroup/UiRadioInputGroup.vue.d.ts +25 -19
  3. package/dist/components/UiSimpleInput/UiSimpleInput.stories.d.ts +4 -4
  4. package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts +1 -1
  5. package/dist/components/index.d.ts +2 -2
  6. package/dist/dpa-shared-components.mjs +1280 -1271
  7. package/dist/dpa-shared-components.umd.js +3 -3
  8. package/dist/style.css +1 -1
  9. package/package.json +2 -2
package/dist/components/UiRadioInputGroup/UiRadioInputGroup.stories.d.ts CHANGED
@@ -1,32 +1,31 @@
1
1
  import { StoryObj } from '@storybook/vue3';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: import('vue').DefineComponent<{
5
- value: import('./UiRadioInputGroup.vue').Option[];
6
- groupName: string;
7
- variant?: "blue" | "gray";
8
- size?: "small" | "medium";
9
- direction?: "horizontal" | "vertical";
10
- disabled?: boolean;
11
- }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
12
- input: (args_0: import('./UiRadioInputGroup.vue').Option[]) => any;
13
- }, string, import('vue').PublicProps, Readonly<{
14
- value: import('./UiRadioInputGroup.vue').Option[];
15
- groupName: string;
16
- variant?: "blue" | "gray";
17
- size?: "small" | "medium";
18
- direction?: "horizontal" | "vertical";
19
- disabled?: boolean;
20
- }> & Readonly<{
21
- onInput?: ((args_0: import('./UiRadioInputGroup.vue').Option[]) => any) | undefined;
22
- }>, {
23
- size: "small" | "medium";
24
- disabled: boolean;
25
- variant: "blue" | "gray";
26
- direction: "horizontal" | "vertical";
27
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
4
+ component: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
5
+ slots: {};
6
+ emit: (evt: "update:modelValue", value: T) => void;
7
+ attrs: any;
8
+ }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
9
+ props: {
10
+ readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
11
+ modelValue?: T | undefined;
12
+ groupName: string;
13
+ disabled?: boolean | undefined;
14
+ direction?: "horizontal" | "vertical" | undefined;
15
+ options: import('./UiRadioInputGroup.vue').UiRadioInputGroupOption<T>[];
16
+ variant?: "blue" | "gray" | undefined;
17
+ size?: "small" | "medium" | undefined;
18
+ labelClass?: string | undefined;
19
+ } & import('vue').PublicProps;
20
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
21
+ attrs: any;
22
+ slots: {};
23
+ emit: (evt: "update:modelValue", value: T) => void;
24
+ }>) => import('vue').VNode & {
25
+ __ctx?: Awaited<typeof __VLS_setup>;
26
+ };
28
27
  argTypes: {
29
- value: {
28
+ options: {
30
29
  control: "object";
31
30
  };
32
31
  variant: {
@@ -47,9 +46,12 @@ declare const meta: {
47
46
  groupName: {
48
47
  control: "text";
49
48
  };
49
+ class: {
50
+ control: "text";
51
+ };
50
52
  };
51
53
  args: {
52
- value: ({
54
+ options: ({
53
55
  label: string;
54
56
  value: string;
55
57
  selected: true;
@@ -64,81 +66,78 @@ declare const meta: {
64
66
  disabled: false;
65
67
  groupName: string;
66
68
  };
67
- render: (args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
68
- value: import('./UiRadioInputGroup.vue').Option[];
69
- groupName: string;
70
- variant?: "blue" | "gray";
71
- size?: "small" | "medium";
72
- direction?: "horizontal" | "vertical";
73
- disabled?: boolean;
74
- }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
75
- input: (args_0: import('./UiRadioInputGroup.vue').Option[]) => any;
76
- }, string, import('vue').PublicProps, Readonly<{
77
- value: import('./UiRadioInputGroup.vue').Option[];
78
- groupName: string;
79
- variant?: "blue" | "gray";
80
- size?: "small" | "medium";
81
- direction?: "horizontal" | "vertical";
82
- disabled?: boolean;
83
- }> & Readonly<{
84
- onInput?: ((args_0: import('./UiRadioInputGroup.vue').Option[]) => any) | undefined;
85
- }>, {
86
- size: "small" | "medium";
87
- disabled: boolean;
88
- variant: "blue" | "gray";
89
- direction: "horizontal" | "vertical";
90
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>) => {
69
+ render: (args: import('@storybook/vue3').ComponentPropsAndSlots<(<T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
70
+ slots: {};
71
+ emit: (evt: "update:modelValue", value: T) => void;
72
+ attrs: any;
73
+ }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
74
+ props: {
75
+ readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
76
+ modelValue?: T | undefined;
77
+ groupName: string;
78
+ disabled?: boolean | undefined;
79
+ direction?: "horizontal" | "vertical" | undefined;
80
+ options: import('./UiRadioInputGroup.vue').UiRadioInputGroupOption<T>[];
81
+ variant?: "blue" | "gray" | undefined;
82
+ size?: "small" | "medium" | undefined;
83
+ labelClass?: string | undefined;
84
+ } & import('vue').PublicProps;
85
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
86
+ attrs: any;
87
+ slots: {};
88
+ emit: (evt: "update:modelValue", value: T) => void;
89
+ }>) => import('vue').VNode & {
90
+ __ctx?: Awaited<typeof __VLS_setup>;
91
+ })>) => {
91
92
  setup(this: void): {
92
- args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
93
- value: import('./UiRadioInputGroup.vue').Option[];
94
- groupName: string;
95
- variant?: "blue" | "gray";
96
- size?: "small" | "medium";
97
- direction?: "horizontal" | "vertical";
98
- disabled?: boolean;
99
- }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
100
- input: (args_0: import('./UiRadioInputGroup.vue').Option[]) => any;
101
- }, string, import('vue').PublicProps, Readonly<{
102
- value: import('./UiRadioInputGroup.vue').Option[];
103
- groupName: string;
104
- variant?: "blue" | "gray";
105
- size?: "small" | "medium";
106
- direction?: "horizontal" | "vertical";
107
- disabled?: boolean;
108
- }> & Readonly<{
109
- onInput?: ((args_0: import('./UiRadioInputGroup.vue').Option[]) => any) | undefined;
110
- }>, {
111
- size: "small" | "medium";
112
- disabled: boolean;
113
- variant: "blue" | "gray";
114
- direction: "horizontal" | "vertical";
115
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>>;
93
+ args: import('@storybook/vue3').ComponentPropsAndSlots<(<T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
94
+ slots: {};
95
+ emit: (evt: "update:modelValue", value: T) => void;
96
+ attrs: any;
97
+ }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
98
+ props: {
99
+ readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
100
+ modelValue?: T | undefined;
101
+ groupName: string;
102
+ disabled?: boolean | undefined;
103
+ direction?: "horizontal" | "vertical" | undefined;
104
+ options: import('./UiRadioInputGroup.vue').UiRadioInputGroupOption<T>[];
105
+ variant?: "blue" | "gray" | undefined;
106
+ size?: "small" | "medium" | undefined;
107
+ labelClass?: string | undefined;
108
+ } & import('vue').PublicProps;
109
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
110
+ attrs: any;
111
+ slots: {};
112
+ emit: (evt: "update:modelValue", value: T) => void;
113
+ }>) => import('vue').VNode & {
114
+ __ctx?: Awaited<typeof __VLS_setup>;
115
+ })>;
116
116
  };
117
117
  components: {
118
- UiRadioInputGroup: import('vue').DefineComponent<{
119
- value: import('./UiRadioInputGroup.vue').Option[];
120
- groupName: string;
121
- variant?: "blue" | "gray";
122
- size?: "small" | "medium";
123
- direction?: "horizontal" | "vertical";
124
- disabled?: boolean;
125
- }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
126
- input: (args_0: import('./UiRadioInputGroup.vue').Option[]) => any;
127
- }, string, import('vue').PublicProps, Readonly<{
128
- value: import('./UiRadioInputGroup.vue').Option[];
129
- groupName: string;
130
- variant?: "blue" | "gray";
131
- size?: "small" | "medium";
132
- direction?: "horizontal" | "vertical";
133
- disabled?: boolean;
134
- }> & Readonly<{
135
- onInput?: ((args_0: import('./UiRadioInputGroup.vue').Option[]) => any) | undefined;
136
- }>, {
137
- size: "small" | "medium";
138
- disabled: boolean;
139
- variant: "blue" | "gray";
140
- direction: "horizontal" | "vertical";
141
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
118
+ UiRadioInputGroup: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
119
+ slots: {};
120
+ emit: (evt: "update:modelValue", value: T) => void;
121
+ attrs: any;
122
+ }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
123
+ props: {
124
+ readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
125
+ modelValue?: T | undefined;
126
+ groupName: string;
127
+ disabled?: boolean | undefined;
128
+ direction?: "horizontal" | "vertical" | undefined;
129
+ options: import('./UiRadioInputGroup.vue').UiRadioInputGroupOption<T>[];
130
+ variant?: "blue" | "gray" | undefined;
131
+ size?: "small" | "medium" | undefined;
132
+ labelClass?: string | undefined;
133
+ } & import('vue').PublicProps;
134
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
135
+ attrs: any;
136
+ slots: {};
137
+ emit: (evt: "update:modelValue", value: T) => void;
138
+ }>) => import('vue').VNode & {
139
+ __ctx?: Awaited<typeof __VLS_setup>;
140
+ };
142
141
  };
143
142
  template: string;
144
143
  methods: {
package/dist/components/UiRadioInputGroup/UiRadioInputGroup.vue.d.ts CHANGED
@@ -1,24 +1,30 @@
1
- export interface Option {
1
+ export interface UiRadioInputGroupOption<T> {
2
+ value: T;
2
3
  label: string;
3
- value: string;
4
4
  selected: boolean;
5
5
  }
6
- type __VLS_Props = {
7
- value: Option[];
8
- groupName: string;
9
- variant?: "blue" | "gray";
10
- size?: "small" | "medium";
11
- direction?: "horizontal" | "vertical";
12
- disabled?: boolean;
6
+ declare const _default: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
7
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
8
+ readonly "onUpdate:modelValue"?: ((value: T) => any) | undefined;
9
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
10
+ modelValue?: T;
11
+ } & {
12
+ groupName: string;
13
+ disabled?: boolean;
14
+ direction?: "horizontal" | "vertical";
15
+ options: UiRadioInputGroupOption<T>[];
16
+ variant?: "blue" | "gray";
17
+ size?: "small" | "medium";
18
+ labelClass?: string;
19
+ }) & Partial<{}>> & import('vue').PublicProps;
20
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
21
+ attrs: any;
22
+ slots: {};
23
+ emit: (evt: "update:modelValue", value: T) => void;
24
+ }>) => import('vue').VNode & {
25
+ __ctx?: Awaited<typeof __VLS_setup>;
13
26
  };
14
- declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
15
- input: (args_0: Option[]) => any;
16
- }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
17
- onInput?: ((args_0: Option[]) => any) | undefined;
18
- }>, {
19
- size: "small" | "medium";
20
- disabled: boolean;
21
- variant: "blue" | "gray";
22
- direction: "horizontal" | "vertical";
23
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
24
27
  export default _default;
28
+ type __VLS_PrettifyLocal<T> = {
29
+ [K in keyof T]: T[K];
30
+ } & {};
package/dist/components/UiSimpleInput/UiSimpleInput.stories.d.ts CHANGED
@@ -25,7 +25,7 @@ declare const meta: {
25
25
  hasIcon: boolean;
26
26
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
27
27
  autofocusRef: HTMLInputElement;
28
- }, HTMLDivElement>;
28
+ }, any>;
29
29
  argTypes: {
30
30
  value: {
31
31
  control: "text";
@@ -75,7 +75,7 @@ declare const meta: {
75
75
  hasIcon: boolean;
76
76
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
77
77
  autofocusRef: HTMLInputElement;
78
- }, HTMLDivElement>>) => {
78
+ }, any>>) => {
79
79
  setup(this: void): {
80
80
  args: import('@storybook/vue3').ComponentPropsAndSlots<import('vue').DefineComponent<{
81
81
  value?: string;
@@ -101,7 +101,7 @@ declare const meta: {
101
101
  hasIcon: boolean;
102
102
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
103
103
  autofocusRef: HTMLInputElement;
104
- }, HTMLDivElement>>;
104
+ }, any>>;
105
105
  };
106
106
  components: {
107
107
  UiSimpleInput: import('vue').DefineComponent<{
@@ -128,7 +128,7 @@ declare const meta: {
128
128
  hasIcon: boolean;
129
129
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
130
130
  autofocusRef: HTMLInputElement;
131
- }, HTMLDivElement>;
131
+ }, any>;
132
132
  };
133
133
  template: string;
134
134
  methods: {
package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts CHANGED
@@ -17,5 +17,5 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
17
17
  hasIcon: boolean;
18
18
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
19
19
  autofocusRef: HTMLInputElement;
20
- }, HTMLDivElement>;
20
+ }, any>;
21
21
  export default _default;
package/dist/components/index.d.ts CHANGED
@@ -25,7 +25,7 @@ import { default as UiMenuList } from './UiMenu/UiMenuList.vue';
25
25
  import { default as UiMenuItem } from './UiMenu/UiMenuItem.vue';
26
26
  import { default as UiOverlay } from './UiOverlay/UiOverlay.vue';
27
27
  import { default as UiOverlayMenu } from './UiOverlayMenu/UiOverlayMenu.vue';
28
- import { default as UiRadioInputGroup } from './UiRadioInputGroup/UiRadioInputGroup.vue';
28
+ import { default as UiRadioInputGroup, UiRadioInputGroupOption } from './UiRadioInputGroup/UiRadioInputGroup.vue';
29
29
  import { default as UiSection } from './UiSection/UiSection.vue';
30
30
  import { default as UiSectionDivider } from './UiSectionDivider/UiSectionDivider.vue';
31
31
  import { default as UiSkeletonBox } from './UiSkeletonBox/UiSkeletonBox.vue';
@@ -38,5 +38,5 @@ import { default as UiSearchBar } from './UiSearchBar/UiSearchBar.vue';
38
38
  import { default as UiSimpleInput } from './UiSimpleInput/UiSimpleInput.vue';
39
39
  import { default as UiColorPicker } from './UiColorPicker/UiColorPicker.vue';
40
40
  import { default as UiTextButton } from './UiTextButton/UiTextButton.vue';
41
- export type { UiIconName, UiMenuOptionType, UiMenuGroupedOption };
41
+ export type { UiIconName, UiMenuOptionType, UiMenuGroupedOption, UiRadioInputGroupOption, };
42
42
  export { DpaMediaItem, UiAutocomplete, UiBadge, UiButton, UiButtonGroup, UiCard, UiCheckbox, UiCheckBoxGroup, UiChip, UiCollapseNavigation, UiDatePicker, UiDialog, UiFilterBadge, UiFilterBadgeButton, UiFilterButton, UiIcon, UiIconButton, UiInfoContent, UiInput, UiList, UiListItem, UiMenu, UiMenuList, UiMenuItem, UiOverlay, UiOverlayMenu, UiRadioInputGroup, UiSection, UiSectionDivider, UiSkeletonBox, UiSpinner, UiSnackbar, UiToggleButton, UiTooltip, UiSearchInput, UiSearchBar, UiSimpleInput, UiColorPicker, UiTextButton, };