@db-ux/v-core-components 1.1.1 → 2.0.0-0-custom-select-16b8cce

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 (52) hide show
  1. package/README.md +2 -2
  2. package/dist/components/accordion-item/accordion-item.vue.d.ts +1 -1
  3. package/dist/components/badge/badge.vue.d.ts +1 -1
  4. package/dist/components/brand/brand.vue.d.ts +1 -1
  5. package/dist/components/button/button.vue.d.ts +3 -3
  6. package/dist/components/card/card.vue.d.ts +1 -1
  7. package/dist/components/checkbox/checkbox.vue.d.ts +1 -1
  8. package/dist/components/custom-select/custom-select.vue.d.ts +60 -0
  9. package/dist/components/custom-select/index.d.ts +1 -0
  10. package/dist/components/custom-select/model.d.ts +173 -0
  11. package/dist/components/custom-select-dropdown/custom-select-dropdown.vue.d.ts +15 -0
  12. package/dist/components/custom-select-dropdown/index.d.ts +1 -0
  13. package/dist/components/custom-select-dropdown/model.d.ts +15 -0
  14. package/dist/components/custom-select-form-field/custom-select-form-field.vue.d.ts +13 -0
  15. package/dist/components/custom-select-form-field/index.d.ts +1 -0
  16. package/dist/components/custom-select-form-field/model.d.ts +5 -0
  17. package/dist/components/custom-select-list/custom-select-list.vue.d.ts +16 -0
  18. package/dist/components/custom-select-list/index.d.ts +1 -0
  19. package/dist/components/custom-select-list/model.d.ts +8 -0
  20. package/dist/components/custom-select-list-item/custom-select-list-item.vue.d.ts +31 -0
  21. package/dist/components/custom-select-list-item/index.d.ts +1 -0
  22. package/dist/components/custom-select-list-item/model.d.ts +29 -0
  23. package/dist/components/divider/divider.vue.d.ts +1 -1
  24. package/dist/components/drawer/drawer.vue.d.ts +2 -2
  25. package/dist/components/icon/icon.vue.d.ts +1 -1
  26. package/dist/components/infotext/infotext.vue.d.ts +1 -1
  27. package/dist/components/input/input.vue.d.ts +5 -4
  28. package/dist/components/link/link.vue.d.ts +2 -2
  29. package/dist/components/navigation-item/navigation-item.vue.d.ts +2 -2
  30. package/dist/components/notification/notification.vue.d.ts +1 -1
  31. package/dist/components/page/model.d.ts +4 -0
  32. package/dist/components/page/page.vue.d.ts +1 -0
  33. package/dist/components/popover/popover.vue.d.ts +2 -2
  34. package/dist/components/radio/radio.vue.d.ts +1 -1
  35. package/dist/components/section/section.vue.d.ts +1 -1
  36. package/dist/components/select/model.d.ts +3 -3
  37. package/dist/components/select/select.vue.d.ts +3 -2
  38. package/dist/components/switch/switch.vue.d.ts +1 -1
  39. package/dist/components/tab-item/tab-item.vue.d.ts +1 -1
  40. package/dist/components/tabs/tabs.vue.d.ts +2 -2
  41. package/dist/components/tag/model.d.ts +3 -3
  42. package/dist/components/tag/tag.vue.d.ts +2 -2
  43. package/dist/components/textarea/textarea.vue.d.ts +3 -3
  44. package/dist/components/tooltip/tooltip.vue.d.ts +1 -1
  45. package/dist/db-ux.es.js +2042 -1240
  46. package/dist/db-ux.umd.js +1 -1
  47. package/dist/index.d.ts +5 -0
  48. package/dist/shared/constants.d.ts +5 -0
  49. package/dist/shared/model.d.ts +36 -19
  50. package/dist/utils/index.d.ts +2 -0
  51. package/dist/utils/react.d.ts +4 -4
  52. package/package.json +5 -5
@@ -38,7 +38,7 @@ export type SemanticProps = {
38
38
  };
39
39
  export type IconProps = {
40
40
  /**
41
- * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
41
+ * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
42
42
  */
43
43
  icon?: IconTypes;
44
44
  };
@@ -51,7 +51,7 @@ export type ShowIconProps = {
51
51
  };
52
52
  export type IconAfterProps = {
53
53
  /**
54
- * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
54
+ * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
55
55
  */
56
56
  iconAfter?: IconTypes;
57
57
  };
@@ -61,7 +61,7 @@ export type SpacingProps = {
61
61
  /**
62
62
  * The spacing attribute changes the padding of the component.
63
63
  */
64
- spacing?: SpacingType;
64
+ spacing?: SpacingType | string;
65
65
  };
66
66
  export declare const MarginList: readonly ["medium", "small", "large", "none"];
67
67
  export type MarginType = (typeof MarginList)[number];
@@ -71,7 +71,11 @@ export type MarginProps = {
71
71
  */
72
72
  margin?: MarginType;
73
73
  };
74
- export declare const PlacementList: readonly ["left", "right", "top", "bottom", "left-start", "left-end", "right-start", "right-end", "top-start", "top-end", "bottom-start", "bottom-end"];
74
+ export declare const PlacementHorizontalList: readonly ["left", "right", "left-start", "left-end", "right-start", "right-end"];
75
+ export type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];
76
+ export declare const PlacementVerticalList: readonly ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"];
77
+ export type PlacementVerticalType = (typeof PlacementVerticalList)[number];
78
+ export declare const PlacementList: readonly ["left", "right", "left-start", "left-end", "right-start", "right-end", "top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"];
75
79
  export type PlacementType = (typeof PlacementList)[number];
76
80
  export type PlacementProps = {
77
81
  /**
@@ -116,7 +120,7 @@ export type WidthProps = {
116
120
  /**
117
121
  * Width of the component. Auto width based on children size, full width based on parent elements width.
118
122
  */
119
- width?: WidthType;
123
+ width?: WidthType | string;
120
124
  };
121
125
  export declare const MaxWidthList: readonly ["full", "medium", "large", "small"];
122
126
  export type MaxWidthType = (typeof MaxWidthList)[number];
@@ -179,19 +183,29 @@ export type TagEmphasisProps = {
179
183
  };
180
184
  export declare const ValidationList: readonly ["invalid", "valid", "no-validation"];
181
185
  export type ValidationType = (typeof ValidationList)[number];
182
- export type FormProps = {
186
+ export type RequiredProps = {
183
187
  /**
184
- * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.
188
+ * When the required attribute specified, the user will be required to fill the form element before submitting the form.
185
189
  */
186
- validation?: ValidationType;
190
+ required?: boolean;
191
+ };
192
+ export type ShowLabelProps = {
187
193
  /**
188
- * The disabled attribute can be set to keep a user from clicking on the form element.
194
+ * Enables/disables the visibility of the label
189
195
  */
190
- disabled?: boolean;
196
+ showLabel?: boolean;
197
+ };
198
+ export type ValueProps = {
191
199
  /**
192
- * Associates the control with a form element
200
+ * The value property is to receive results from the native form element.
193
201
  */
194
- form?: string;
202
+ value?: any;
203
+ };
204
+ export type BaseFormProps = {
205
+ /**
206
+ * The disabled attribute can be set to keep a user from clicking on the form element.
207
+ */
208
+ disabled?: boolean;
195
209
  /**
196
210
  * The label attribute specifies the caption of the form element.
197
211
  */
@@ -200,19 +214,22 @@ export type FormProps = {
200
214
  * The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.
201
215
  */
202
216
  name?: string;
217
+ };
218
+ export type CustomFormProps = {
203
219
  /**
204
- * When the required attribute specified, the user will be required to fill the form element before submitting the form.
220
+ * Overwrites auto handling for aria-describedby.
205
221
  */
206
- required?: boolean;
222
+ ariaDescribedBy?: string;
207
223
  /**
208
- * Enables/disables the visibility of the label
224
+ * Associates the control with a form element
209
225
  */
210
- showLabel?: boolean;
226
+ form?: string;
211
227
  /**
212
- * The value property is to receive results from the native form element.
228
+ * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.
213
229
  */
214
- value?: any;
230
+ validation?: ValidationType;
215
231
  };
232
+ export type FormProps = CustomFormProps & BaseFormProps & RequiredProps & ShowLabelProps & ValueProps;
216
233
  export type FormTextProps = {
217
234
  /**
218
235
  * Maximum length (number of characters) of value
@@ -378,7 +395,7 @@ export type AlignmentProps = {
378
395
  /**
379
396
  * Define the content alignment in full width
380
397
  */
381
- alignment?: AlignmentType;
398
+ alignment?: AlignmentType | string;
382
399
  };
383
400
  export type ActiveProps = {
384
401
  /**
@@ -31,7 +31,9 @@ export declare const delay: (fn: () => void, ms: number) => Promise<unknown>;
31
31
  export declare const getBooleanAsString: (originBool?: boolean) => any;
32
32
  export declare const getHideProp: (show?: boolean) => any;
33
33
  export declare const stringPropVisible: (givenString?: string, showString?: boolean) => string | boolean | undefined;
34
+ export declare const getSearchInput: (element: HTMLElement) => HTMLInputElement | null;
34
35
  declare const _default: {
36
+ getSearchInput: (element: HTMLElement) => HTMLInputElement | null;
35
37
  cls: (...args: ClassNameArg[]) => string;
36
38
  addAttributeToChildren: (element: Element, attribute: {
37
39
  key: string;
@@ -1,7 +1,7 @@
1
- export declare const filterPassingProps: (props: Record<string, unknown>, propsPassingFilter: string[]) => Record<string, unknown>;
2
- export declare const getRootProps: (props: Record<string, unknown>, rooProps: string[]) => Record<string, unknown>;
1
+ export declare const filterPassingProps: (props: any, propsPassingFilter: string[]) => Record<string, unknown>;
2
+ export declare const getRootProps: (props: any, rooProps: string[]) => Record<string, unknown>;
3
3
  declare const _default: {
4
- getRootProps: (props: Record<string, unknown>, rooProps: string[]) => Record<string, unknown>;
5
- filterPassingProps: (props: Record<string, unknown>, propsPassingFilter: string[]) => Record<string, unknown>;
4
+ getRootProps: (props: any, rooProps: string[]) => Record<string, unknown>;
5
+ filterPassingProps: (props: any, propsPassingFilter: string[]) => Record<string, unknown>;
6
6
  };
7
7
  export default _default;
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@db-ux/v-core-components",
3
- "version": "1.1.1",
3
+ "version": "2.0.0-0-custom-select-16b8cce",
4
4
  "type": "module",
5
5
  "description": "Vue components for @db-ux/core-components",
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "https://github.com/db-ux-design-system/core-web.git"
8
+ "url": "git+https://github.com/db-ux-design-system/core-web.git"
9
9
  },
10
10
  "license": "Apache-2.0",
11
11
  "main": "./dist/db-ux.umd.js",
@@ -41,7 +41,7 @@
41
41
  "replace-in-file": "^8.3.0",
42
42
  "tsx": "^4.19.3",
43
43
  "typescript": "^5.4.5",
44
- "vite": "^6.2.0",
44
+ "vite": "^6.2.1",
45
45
  "vue": "^3.5.13",
46
46
  "vue-tsc": "^2.2.8"
47
47
  },
@@ -52,7 +52,7 @@
52
52
  "sideEffects": false,
53
53
  "source": "src/index.ts",
54
54
  "dependencies": {
55
- "@db-ux/core-components": "1.1.1",
56
- "@db-ux/core-foundations": "1.1.1"
55
+ "@db-ux/core-components": "2.0.0-0-custom-select-16b8cce",
56
+ "@db-ux/core-foundations": "2.0.0-0-custom-select-16b8cce"
57
57
  }
58
58
  }