@db-ux/react-core-components 1.1.1 → 1.2.0

package/README.md

@@ -7,7 +7,7 @@
 
 A React library containing all styles & components of [DB UX Design System (technical components)](https://github.com/db-ux-design-system/core-web).
 
-> **Note:** Find more information about specific components [here](https://db-ux-design-system.github.io/core-web/review/main)
+> **Note:** Find more information about specific components [here](https://design-system.deutschebahn.com/core-web/review/main)
 
 ## Install
 
@@ -61,7 +61,7 @@ import { DBButton } from '@db-ux/react-core-components';
 
 ## Deutsche Bahn brand
 
-As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even when being used with the code that we're provide with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UX Design System products free to use and release it under the Apache 2.0 license.
+As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even if being used with the code that we're providing with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UX Design System products free to use and release it under the Apache 2.0 license.
 Please have a look at our brand portal at <https://marketingportal.extranet.deutschebahn.com/> for any further questions and whom to contact on any brand issues.
 
 For any usage outside of Deutsche Bahn websites and applications you aren't allowed to use any Deutsche Bahn brand and

package/dist/components/accordion/accordion.js

@@ -89,5 +89,4 @@ function DBAccordionFn(props, component) {
         props.items ? (React.createElement(React.Fragment, null, (_a = convertItems(props.items)) === null || _a === void 0 ? void 0 : _a.map((item, index) => (React.createElement(DBAccordionItem, { key: `accordion-item-${index}`, headlinePlain: item.headlinePlain, disabled: item.disabled, text: item.text }))))) : null));
 }
 const DBAccordion = forwardRef(DBAccordionFn);
-DBAccordion.defaultProps = {};
 export default DBAccordion;

package/dist/components/accordion-item/accordion-item.js

@@ -31,5 +31,4 @@ function DBAccordionItemFn(props, component) {
             React.createElement("div", null, props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children)))));
 }
 const DBAccordionItem = forwardRef(DBAccordionItemFn);
-DBAccordionItem.defaultProps = {};
 export default DBAccordionItem;

package/dist/components/badge/badge.js

@@ -29,5 +29,4 @@ function DBBadgeFn(props, component) {
     return (React.createElement("span", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-badge", props.className), "data-semantic": props.semantic, "data-size": props.size, "data-emphasis": props.emphasis, "data-placement": props.placement, "data-label": ((_a = props.placement) === null || _a === void 0 ? void 0 : _a.startsWith("corner")) && ((_b = props.label) !== null && _b !== void 0 ? _b : DEFAULT_LABEL) }), props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children)));
 }
 const DBBadge = forwardRef(DBBadgeFn);
-DBBadge.defaultProps = {};
 export default DBBadge;

package/dist/components/brand/brand.js

@@ -10,5 +10,4 @@ function DBBrandFn(props, component) {
     return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { "data-icon": props.hideLogo ? "none" : (_a = props.icon) !== null && _a !== void 0 ? _a : DEFAULT_ICON, "data-hide-icon": getHideProp(props.showIcon), id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-brand", props.className) }), props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children)));
 }
 const DBBrand = forwardRef(DBBrandFn);
-DBBrand.defaultProps = {};
 export default DBBrand;

package/dist/components/button/button.js

@@ -13,5 +13,4 @@ function DBButtonFn(props, component) {
     return (React.createElement("button", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-button", props.className), type: props.type || "button", disabled: props.disabled, "aria-label": props.label, "data-icon": props.icon, "data-hide-icon": getHideProp(props.showIcon), "data-size": props.size, "data-state": props.state, "data-width": props.width, "data-variant": props.variant, "data-no-text": getBooleanAsString(props.noText), name: props.name, value: props.value, "aria-describedby": props.describedbyid, "aria-expanded": props.ariaexpanded, "aria-pressed": props.ariapressed, onClick: (event) => handleClick(event) }), props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children)));
 }
 const DBButton = forwardRef(DBButtonFn);
-DBButton.defaultProps = {};
 export default DBButton;

package/dist/components/card/card.js

@@ -13,5 +13,4 @@ function DBCardFn(props, component) {
     return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-card", props.className), "data-behavior": props.behavior, "data-elevation-level": props.elevationLevel, "data-spacing": props.spacing, role: props.behavior === "interactive" ? "button" : undefined, tabIndex: props.behavior === "interactive" ? 0 : undefined, onClick: (event) => handleClick(event) }), props.children));
 }
 const DBCard = forwardRef(DBCardFn);
-DBCard.defaultProps = {};
 export default DBCard;

package/dist/components/checkbox/checkbox.js

@@ -110,5 +110,4 @@ function DBCheckboxFn(props, component) {
         React.createElement("span", { "data-visually-hidden": "true", role: "status" }, _voiceOverFallback)));
 }
 const DBCheckbox = forwardRef(DBCheckboxFn);
-DBCheckbox.defaultProps = {};
 export default DBCheckbox;

package/dist/components/divider/divider.js

@@ -8,5 +8,4 @@ function DBDividerFn(props, component) {
     return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id, "data-margin": props.margin, "data-variant": props.variant, "data-emphasis": props.emphasis, "data-width": props.width }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-divider", props.className) })));
 }
 const DBDivider = forwardRef(DBDividerFn);
-DBDivider.defaultProps = {};
 export default DBDivider;

package/dist/components/drawer/drawer.js

@@ -67,5 +67,4 @@ function DBDrawerFn(props, component) {
             React.createElement("div", { className: "db-drawer-content" }, props.children))));
 }
 const DBDrawer = forwardRef(DBDrawerFn);
-DBDrawer.defaultProps = {};
 export default DBDrawer;

package/dist/components/header/header.js

@@ -65,5 +65,4 @@ function DBHeaderFn(props, component) {
                     React.createElement(React.Fragment, null, props.secondaryAction))))));
 }
 const DBHeader = forwardRef(DBHeaderFn);
-DBHeader.defaultProps = {};
 export default DBHeader;

package/dist/components/icon/icon.js

@@ -8,5 +8,4 @@ function DBIconFn(props, component) {
     return (React.createElement("span", Object.assign({ "aria-hidden": "true", ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-icon", props.className), "data-icon": props.icon, "data-icon-weight": props.weight, "data-icon-variant": props.variant }), props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children)));
 }
 const DBIcon = forwardRef(DBIconFn);
-DBIcon.defaultProps = {};
 export default DBIcon;

package/dist/components/infotext/infotext.js

@@ -9,5 +9,4 @@ function DBInfotextFn(props, component) {
     return (React.createElement("span", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-infotext", props.className), "data-icon": props.icon, "data-semantic": props.semantic, "data-size": props.size, "data-hide-icon-before": getHideProp((_a = props.showIcon) !== null && _a !== void 0 ? _a : true) }), props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children)));
 }
 const DBInfotext = forwardRef(DBInfotextFn);
-DBInfotext.defaultProps = {};
 export default DBInfotext;

package/dist/components/input/input.js

@@ -116,5 +116,4 @@ function DBInputFn(props, component) {
         React.createElement("span", { "data-visually-hidden": "true", role: "status" }, _voiceOverFallback)));
 }
 const DBInput = forwardRef(DBInputFn);
-DBInput.defaultProps = {};
 export default DBInput;

package/dist/components/link/link.js

@@ -14,5 +14,4 @@ function DBLinkFn(props, component) {
     return (React.createElement("a", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-link", props.className), href: props.href, target: props.target, rel: props.rel, role: props.role, hrefLang: props.hreflang, "aria-disabled": getBooleanAsString(props.disabled), tabIndex: props.disabled ? -1 : 0, "aria-selected": props.selected, "aria-label": props.label, "aria-current": props.current, "data-size": props.size, "data-hide-icon-after": getHideProp((_a = props.showIcon) !== null && _a !== void 0 ? _a : true), "data-variant": props.variant, "data-content": props.content || "internal", onClick: (event) => handleClick(event) }), props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children)));
 }
 const DBLink = forwardRef(DBLinkFn);
-DBLink.defaultProps = {};
 export default DBLink;

package/dist/components/navigation/navigation.js

@@ -14,5 +14,4 @@ function DBNavigationFn(props, component) {
         React.createElement("menu", null, props.children)));
 }
 const DBNavigation = forwardRef(DBNavigationFn);
-DBNavigation.defaultProps = {};
 export default DBNavigation;

package/dist/components/navigation-item/navigation-item.js

@@ -74,5 +74,4 @@ function DBNavigationItemFn(props, component) {
                 React.createElement(React.Fragment, null, props.subNavigation)))) : null));
 }
 const DBNavigationItem = forwardRef(DBNavigationItemFn);
-DBNavigationItem.defaultProps = {};
 export default DBNavigationItem;

package/dist/components/notification/notification.js

@@ -22,5 +22,4 @@ function DBNotificationFn(props, component) {
         props.closeable ? (React.createElement(DBButton, { icon: "cross", variant: "ghost", size: "small", id: props.closeButtonId, noText: true, onClick: (event) => handleClose(event) }, (_a = props.closeButtonText) !== null && _a !== void 0 ? _a : DEFAULT_CLOSE_BUTTON)) : null));
 }
 const DBNotification = forwardRef(DBNotificationFn);
-DBNotification.defaultProps = {};
 export default DBNotification;

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

@@ -20,6 +20,10 @@ export type DBPageDefaultProps = {
      * The slot can be used for React to set a header.
      */
     header?: any;
+    /**
+     * Adds `class` to `<main>` element
+     */
+    mainClass?: string;
     /**
      * The variant=fixed uses flex-box to make header and footer static
      */

package/dist/components/page/page.js

@@ -40,9 +40,8 @@ function DBPageFn(props, component) {
     }, []);
     return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-page", props.className), "data-variant": props.variant, "data-fade-in": props.fadeIn, "data-fonts-loaded": getBooleanAsString(fontsLoaded) }),
         React.createElement(React.Fragment, null, props.header),
-        React.createElement("main", { className: "db-main" }, props.children),
+        React.createElement("main", { className: cls("db-main", props.mainClass) }, props.children),
         React.createElement(React.Fragment, null, props.footer)));
 }
 const DBPage = forwardRef(DBPageFn);
-DBPage.defaultProps = {};
 export default DBPage;

package/dist/components/popover/popover.js

@@ -71,5 +71,4 @@ function DBPopoverFn(props, component) {
         React.createElement("article", { className: "db-popover-content", "data-spacing": props.spacing, "data-gap": getBooleanAsString(props.gap), "data-animation": getBooleanAsString((_a = props.animation) !== null && _a !== void 0 ? _a : true), "data-open": props.open, "data-delay": props.delay, "data-width": props.width, "data-placement": props.placement }, props.children)));
 }
 const DBPopover = forwardRef(DBPopoverFn);
-DBPopover.defaultProps = {};
 export default DBPopover;

package/dist/components/radio/radio.js

@@ -46,5 +46,4 @@ function DBRadioFn(props, component) {
         props.label ? React.createElement(React.Fragment, null, props.label) : React.createElement(React.Fragment, null, props.children)));
 }
 const DBRadio = forwardRef(DBRadioFn);
-DBRadio.defaultProps = {};
 export default DBRadio;

package/dist/components/section/section.js

@@ -13,5 +13,4 @@ function DBSectionFn(props, component) {
     return (React.createElement("section", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: _id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-section", props.className), "data-spacing": props.spacing || "medium", "data-width": props.width }), props.children));
 }
 const DBSection = forwardRef(DBSectionFn);
-DBSection.defaultProps = {};
 export default DBSection;

package/dist/components/select/select.js

@@ -129,5 +129,4 @@ function DBSelectFn(props, component) {
         React.createElement("span", { "data-visually-hidden": "true", role: "status" }, _voiceOverFallback)));
 }
 const DBSelect = forwardRef(DBSelectFn);
-DBSelect.defaultProps = {};
 export default DBSelect;

package/dist/components/stack/stack.js

@@ -8,5 +8,4 @@ function DBStackFn(props, component) {
     return (React.createElement("div", Object.assign({ ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { id: props.id }, getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-stack", props.className), "data-gap": props.gap, "data-variant": props.variant, "data-direction": props.direction, "data-alignment": props.alignment, "data-justify-content": props.justifyContent, "data-wrap": getBooleanAsString(props.wrap) }), props.children));
 }
 const DBStack = forwardRef(DBStackFn);
-DBStack.defaultProps = {};
 export default DBStack;

package/dist/components/switch/switch.js

@@ -48,5 +48,4 @@ function DBSwitchFn(props, component) {
         props.label ? React.createElement(React.Fragment, null, props.label) : React.createElement(React.Fragment, null, props.children)));
 }
 const DBSwitch = forwardRef(DBSwitchFn);
-DBSwitch.defaultProps = {};
 export default DBSwitch;

package/dist/components/tab-item/tab-item.js

@@ -34,5 +34,4 @@ function DBTabItemFn(props, component) {
             props.children)));
 }
 const DBTabItem = forwardRef(DBTabItemFn);
-DBTabItem.defaultProps = {};
 export default DBTabItem;

package/dist/components/tab-list/tab-list.js

@@ -14,5 +14,4 @@ function DBTabListFn(props, component) {
         React.createElement("ul", { role: "tablist" }, props.children)));
 }
 const DBTabList = forwardRef(DBTabListFn);
-DBTabList.defaultProps = {};
 export default DBTabList;

package/dist/components/tab-panel/tab-panel.js

@@ -11,5 +11,4 @@ function DBTabPanelFn(props, component) {
         props.children));
 }
 const DBTabPanel = forwardRef(DBTabPanelFn);
-DBTabPanel.defaultProps = {};
 export default DBTabPanel;

package/dist/components/tabs/tabs.js

@@ -150,5 +150,4 @@ function DBTabsFn(props, component) {
         props.children));
 }
 const DBTabs = forwardRef(DBTabsFn);
-DBTabs.defaultProps = {};
 export default DBTabs;

package/dist/components/tag/tag.js

@@ -43,5 +43,4 @@ function DBTagFn(props, component) {
         props.behavior === "removable" ? (React.createElement("button", { className: "db-button db-tab-remove-button", "data-icon": "cross", "data-size": "small", "data-no-text": "true", "data-variant": "ghost", onClick: (event) => handleRemove(), title: getRemoveButtonText() }, getRemoveButtonText())) : null));
 }
 const DBTag = forwardRef(DBTagFn);
-DBTag.defaultProps = {};
 export default DBTag;

package/dist/components/textarea/textarea.js

@@ -102,5 +102,4 @@ function DBTextareaFn(props, component) {
         React.createElement("span", { "data-visually-hidden": "true", role: "status" }, _voiceOverFallback)));
 }
 const DBTextarea = forwardRef(DBTextareaFn);
-DBTextarea.defaultProps = {};
 export default DBTextarea;

package/dist/components/tooltip/tooltip.js

@@ -40,5 +40,4 @@ function DBTooltipFn(props, component) {
     return (React.createElement("i", Object.assign({ role: "tooltip", "aria-hidden": "true", "data-gap": "true", ref: _ref }, filterPassingProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), getRootProps(props, ["data-icon-variant", "data-icon-variant-before", "data-icon-variant-after", "data-icon-weight", "data-icon-weight-before", "data-icon-weight-after", "data-interactive", "data-force-mobile", "data-color", "data-container-color", "data-bg-color", "data-on-bg-color", "data-color-scheme", "data-font-size", "data-headline-size", "data-divider", "data-focus", "data-font"]), { className: cls("db-tooltip", props.className), id: _id, "data-emphasis": props.emphasis, "data-animation": getBooleanAsString((_a = props.animation) !== null && _a !== void 0 ? _a : true), "data-delay": props.delay, "data-width": props.width, "data-show-arrow": getBooleanAsString((_b = props.showArrow) !== null && _b !== void 0 ? _b : true), "data-placement": props.placement, onClick: (event) => handleClick(event) }), props.children));
 }
 const DBTooltip = forwardRef(DBTooltipFn);
-DBTooltip.defaultProps = {};
 export default DBTooltip;

package/dist/shared/model.d.ts

@@ -39,7 +39,7 @@ export type SemanticProps = {
 };
 export type IconProps = {
     /**
-     * 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.
+     * 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.
      */
     icon?: IconTypes;
 };
@@ -52,7 +52,7 @@ export type ShowIconProps = {
 };
 export type IconAfterProps = {
     /**
-     * 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.
+     * 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.
      */
     iconAfter?: IconTypes;
 };
@@ -62,7 +62,7 @@ export type SpacingProps = {
     /**
      * The spacing attribute changes the padding of the component.
      */
-    spacing?: SpacingType;
+    spacing?: SpacingType | string;
 };
 export declare const MarginList: readonly ["medium", "small", "large", "none"];
 export type MarginType = (typeof MarginList)[number];
@@ -117,7 +117,7 @@ export type WidthProps = {
     /**
      * Width of the component. Auto width based on children size, full width based on parent elements width.
      */
-    width?: WidthType;
+    width?: WidthType | string;
 };
 export declare const MaxWidthList: readonly ["full", "medium", "large", "small"];
 export type MaxWidthType = (typeof MaxWidthList)[number];
@@ -379,7 +379,7 @@ export type AlignmentProps = {
     /**
      * Define the content alignment in full width
      */
-    alignment?: AlignmentType;
+    alignment?: AlignmentType | string;
 };
 export type ActiveProps = {
     /**

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@db-ux/react-core-components",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "React components for @db-ux/core-components",
   "repository": {
     "type": "git",
-    "url": "https://github.com/db-ux-design-system/core-web.git"
+    "url": "git+https://github.com/db-ux-design-system/core-web.git"
   },
   "license": "Apache-2.0",
   "main": "./dist/index.js",
@@ -37,7 +37,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@db-ux/core-components": "1.1.1",
-    "@db-ux/core-foundations": "1.1.1"
+    "@db-ux/core-components": "1.2.0",
+    "@db-ux/core-foundations": "1.2.0"
   }
 }