@db-ux/v-core-components 5.3.0 → 5.5.0

package/CHANGELOG.md

@@ -1,28 +1,51 @@
 # @db-ux/v-core-components
 
+## 5.5.0
+
+### Patch Changes
+
+- fix(DBCustomSelectListItem): make label bold when checked - [see commit 58df675](https://github.com/db-ux-design-system/core-web/commit/58df6754fde599346696e4e9372d97e13c384082)
+- fix(table): remove unwanted white background on component wrapper for `variant="spaced"` - [see commit 1524afe](https://github.com/db-ux-design-system/core-web/commit/1524afe64488b90e47c133594438182bb47a59e7)
+
+## 5.4.0
+
+### Minor Changes
+
+- feat(DBFooter): add the composable DBFooter, DBFooterContent and DBFooterMeta components - [see commit 7df9937](https://github.com/db-ux-design-system/core-web/commit/7df99378cb41c17ca818792918e7e8f18a96a2ec):
+
+    - `DBFooter` renders the native `contentinfo` landmark and the layout container with the
+    - optional `width` variants. `DBFooterContent` holds the primary area, `DBFooterMeta` the
+    - secondary one including an optional `copyright` holder, for which the component prepends
+    - the copyright symbol. Both areas are optional, so consumers compose only the parts they
+    - need and wrap navigational content in a labelled `nav` themselves.
+    - Inside `DBFooterMeta` the copyright and the secondary content sit side by side from a
+    - viewport width of 768 px upwards, with the copyright aligned to the top of the row, and
+    - stack below that. `data-force-mobile="true"` on the footer forces the stacked
+    - arrangement, for a footer placed in a region narrower than the viewport suggests.
+
 ## 5.3.0
 
 ### Minor Changes
 
 - feat: introduce control-panel shell architecture (deprecates DBPage, DBHeader, DBBrand, DBNavigation, DBNavigationItem) - [see commit eafd85b](https://github.com/db-ux-design-system/core-web/commit/eafd85bc0d1692e9124a7599fe1397f9ff68a759):
-  - New `DBShell` component (deprecates `DBPage`)
-  - New `DBControlPanelDesktop` and `DBControlPanelMobile` (deprecates `DBHeader`)
-  - New `DBControlPanelBrand` (deprecates `DBBrand`)
-  - New `DBControlPanelNavigation` (deprecates `DBNavigation`)
-  - New `DBControlPanelNavigationItem` (deprecates `DBNavigationItem`)
-  - New `DBControlPanelNavigationItemGroup` for sub-navigation
-  - New `DBShellContent` component for main content area
-  - New `DBShellSubNavigation` for secondary navigation panels
-  - New `DBControlPanelMeta`, `DBControlPanelActions1`, `DBControlPanelActions2` slot components
-  - New `DBControlPanelFlatIcon` for collapsed icon-only navigation
+    - New `DBShell` component (deprecates `DBPage`)
+    - New `DBControlPanelDesktop` and `DBControlPanelMobile` (deprecates `DBHeader`)
+    - New `DBControlPanelBrand` (deprecates `DBBrand`)
+    - New `DBControlPanelNavigation` (deprecates `DBNavigation`)
+    - New `DBControlPanelNavigationItem` (deprecates `DBNavigationItem`)
+    - New `DBControlPanelNavigationItemGroup` for sub-navigation
+    - New `DBShellContent` component for main content area
+    - New `DBShellSubNavigation` for secondary navigation panels
+    - New `DBControlPanelMeta`, `DBControlPanelActions1`, `DBControlPanelActions2` slot components
+    - New `DBControlPanelFlatIcon` for collapsed icon-only navigation
 
 - feat: add logo token variables - [see commit eafd85b](https://github.com/db-ux-design-system/core-web/commit/eafd85bc0d1692e9124a7599fe1397f9ff68a759):
-  - Providing `--db-logo-url`, `--db-logo-aspect-ratio`, `--db-logo-url-short`, and `--db-logo-aspect-ratio-short` tokens.
+    - Providing `--db-logo-url`, `--db-logo-aspect-ratio`, `--db-logo-url-short`, and `--db-logo-aspect-ratio-short` tokens.
 
 ### Patch Changes
 
 - fix(DBSelect): keep the user's selection when validation runs on `input` - [see commit 86d0feb](https://github.com/db-ux-design-system/core-web/commit/86d0feb14e3af59e170f08204fccf8c269e4c5fb):
-  - A browser dispatches `input` and `change` for a `select` in separate tasks. `DBSelect` validated synchronously on `input`, which changed internal state and triggered a re-render while the controlled `value` was still the previous one. Because React re-applies the `value` on every commit of a `select`, that re-render discarded the selection before `change` was dispatched — so controlled `required` selects never received the new value. Validation now runs once the value has been propagated.
+    - A browser dispatches `input` and `change` for a `select` in separate tasks. `DBSelect` validated synchronously on `input`, which changed internal state and triggered a re-render while the controlled `value` was still the previous one. Because React re-applies the `value` on every commit of a `select`, that re-render discarded the selection before `change` was dispatched — so controlled `required` selects never received the new value. Validation now runs once the value has been propagated.
 
 - fix(DBSwitch): icon no longer bleeds through a closed popover - [see commit 6d4deb5](https://github.com/db-ux-design-system/core-web/commit/6d4deb54cff50c36b45b3ea9b6331b333d072845)
 

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

@@ -0,0 +1,20 @@
+import { DBFooterProps } from "./model.js";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBFooterProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBFooterProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    width: import("../../index.js", { with: { "resolution-mode": "import" } }).MaxWidthType;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/footer/index.d.ts

@@ -0,0 +1 @@
+export { default as DBFooter } from './footer.vue';

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

@@ -0,0 +1,5 @@
+import type { ContainerWidthProps, GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBFooterDefaultProps = {};
+export type DBFooterProps = DBFooterDefaultProps & GlobalProps & ContainerWidthProps;
+export type DBFooterDefaultState = {};
+export type DBFooterState = DBFooterDefaultState & GlobalState;

package/dist/components/footer-content/footer-content.vue.d.ts

@@ -0,0 +1,18 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/footer-content/index.d.ts

@@ -0,0 +1 @@
+export { default as DBFooterContent } from './footer-content.vue';

package/dist/components/footer-content/model.d.ts

@@ -0,0 +1,5 @@
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBFooterContentDefaultProps = {};
+export type DBFooterContentProps = DBFooterContentDefaultProps & GlobalProps;
+export type DBFooterContentDefaultState = {};
+export type DBFooterContentState = DBFooterContentDefaultState & GlobalState;

package/dist/components/footer-meta/footer-meta.vue.d.ts

@@ -0,0 +1,20 @@
+import { DBFooterMetaProps } from "./model.js";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBFooterMetaProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBFooterMetaProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    copyright: string;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/footer-meta/index.d.ts

@@ -0,0 +1 @@
+export { default as DBFooterMeta } from './footer-meta.vue';

package/dist/components/footer-meta/model.d.ts

@@ -0,0 +1,12 @@
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBFooterMetaDefaultProps = {
+    /**
+     * Optional copyright holder rendered before the secondary content.
+     * The component prepends the copyright symbol, so pass only the holder
+     * (and a year if needed), for example `2026 Example Company`.
+     */
+    copyright?: string;
+};
+export type DBFooterMetaProps = DBFooterMetaDefaultProps & GlobalProps;
+export type DBFooterMetaDefaultState = {};
+export type DBFooterMetaState = DBFooterMetaDefaultState & GlobalState;