@db-ux/v-core-components 3.1.20 → 4.0.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @db-ux/v-core-components
 
+## 4.0.0
+
+### Major Changes
+
+- feat: Switch stable rework - [see commit cb2deb0](https://github.com/db-ux-design-system/core-web/commit/cb2deb0f1c54900d1967483aea05d81279c02f59):
+  - **BREAKING CHANGE**: remove `emphasis` property
+  - introduce validation (invalid and valid)
+  - configurable label position
+
+- **BREAKING CHANGE**: refactor(Custom Select): renamed `ariaListLabel` property to `listLabel` - [see commit 966d5ad](https://github.com/db-ux-design-system/core-web/commit/966d5ad01f00d0ca1707cc316a63e2d431fff1e9)
+
 ## 3.1.20
 
 ### Patch Changes

package/dist/components/custom-select/custom-select.vue.d.ts

@@ -35,7 +35,7 @@ declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectProps, {},
     messageIcon: import("@db-ux/core-foundations").IconTypes;
     showMessage: boolean | string;
     amountText: string;
-    ariaListLabel: string;
+    listLabel: string;
     clearSelectionText: string;
     dropdownWidth: import("../..").CustomSelectDropdownWidthType | string;
     formFieldWidth: import("../../shared/model").WidthType | string;

package/dist/components/custom-select/model.d.ts

@@ -68,7 +68,7 @@ export type DBCustomSelectDefaultProps = {
     /**
      * Overwrite the default aria-label (props.label) for the custom-select-list
      */
-    ariaListLabel?: string;
+    listLabel?: string;
     /**
      * Label for the clear selection button
      */

package/dist/components/input/model.d.ts

@@ -59,6 +59,5 @@ export type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & I
 export type DBInputDefaultState = {
     _dataListId?: string;
     getDataList: () => ValueLabelType[];
-    isIOSSafari: () => boolean;
 };
 export type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState;

package/dist/components/switch/model.d.ts

@@ -1,10 +1,14 @@
-import { ChangeEventProps, ChangeEventState, EmphasisProps, FocusEventProps, FocusEventState, FormCheckProps, FormProps, FormState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, SizeProps } from '../../shared/model';
+import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, LabelVariantHorizontalType, SizeProps } from '../../shared/model';
 export type DBSwitchDefaultProps = {
     /**
      * Add additional icons to indicate active/inactive state.
      */
     visualAid?: boolean | string;
+    /**
+     * Change the variant of the label to `trailing` or `leading`. Defaults to `trailing`
+     */
+    variant?: LabelVariantHorizontalType;
 };
-export type DBSwitchProps = DBSwitchDefaultProps & GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & EmphasisProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps;
+export type DBSwitchProps = GlobalProps & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & FormCheckProps & FormMessageProps & SizeProps & IconProps & IconTrailingProps & IconLeadingProps & DBSwitchDefaultProps;
 export type DBSwitchDefaultState = {};
-export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState;
+export type DBSwitchState = DBSwitchDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState & FromValidState;

package/dist/components/switch/switch.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<DBSwitchProps, {}, {}, {
     id: string;
     onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
     onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
+    variant: never;
     size: import("../../shared/model").SizeType;
-    emphasis: import("../../shared/model").EmphasisType;
     icon: import("@db-ux/core-foundations").IconTypes;
     iconLeading: import("@db-ux/core-foundations").IconTypes;
     iconTrailing: import("@db-ux/core-foundations").IconTypes;
@@ -28,6 +28,11 @@ declare const __VLS_base: import("vue").DefineComponent<DBSwitchProps, {}, {}, {
     showRequiredAsterisk: boolean | string;
     showLabel: boolean | string;
     checked: boolean | string;
+    message: string;
+    validMessage: string;
+    invalidMessage: string;
+    messageIcon: import("@db-ux/core-foundations").IconTypes;
+    showMessage: boolean | string;
     visualAid: boolean | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;