@drivenets/design-system 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @drivenets/design-system
 
+## 0.6.0
+
+### Minor Changes
+
+- 9b50b80: - Add horizontal version, more composition options to `DsStepper`
+  - Add draggable option for floating panel to `DsPanel`
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/components/ds-alert-banner/ds-alert-banner.d.ts

@@ -1,5 +1,5 @@
 import { DsAlertBannerProps } from "./ds-alert-banner.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-alert-banner/ds-alert-banner.d.ts
@@ -19,7 +19,7 @@ declare const DsAlertBanner: {
     className,
     style,
     children
-  }: DsAlertBannerProps): react_jsx_runtime3.JSX.Element | null;
+  }: DsAlertBannerProps): react_jsx_runtime0.JSX.Element | null;
   Title: ({
     style,
     className,
@@ -28,7 +28,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime3.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   Body: ({
     style,
     className,
@@ -37,7 +37,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime3.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
   Actions: ({
     style,
     className,
@@ -46,7 +46,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime3.JSX.Element;
+  }) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 export { DsAlertBanner };

package/dist/components/ds-autocomplete/ds-autocomplete.d.ts

@@ -1,5 +1,5 @@
 import { DsAutocompleteProps } from "./ds-autocomplete.types.js";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/ds-autocomplete/ds-autocomplete.d.ts
 declare const DsAutocomplete: ({
@@ -16,7 +16,7 @@ declare const DsAutocomplete: ({
   highlightMatch,
   showTrigger,
   startAdornment
-}: DsAutocompleteProps) => react_jsx_runtime23.JSX.Element;
+}: DsAutocompleteProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { DsAutocomplete };
 //# sourceMappingURL=ds-autocomplete.d.ts.map

package/dist/components/ds-autocomplete/ds-autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-autocomplete.d.ts","names":[],"sources":["../../../src/components/ds-autocomplete/ds-autocomplete.tsx"],"sourcesContent":[],"mappings":";;;;cASa;;;;;;;;;;;;;;GAcV,wBAAmB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-autocomplete.d.ts","names":[],"sources":["../../../src/components/ds-autocomplete/ds-autocomplete.tsx"],"sourcesContent":[],"mappings":";;;;cASa;;;;;;;;;;;;;;GAcV,wBAAmB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ds-button/ds-button.d.ts

@@ -1,8 +1,8 @@
 import { DsButtonUnifiedProps } from "./ds-button.types.js";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime24.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { DsButton };
 //# sourceMappingURL=ds-button.d.ts.map

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.d.ts

@@ -0,0 +1,2 @@
+import "./ds-button-legacy.types.js";
+import React from "react";

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts

@@ -34,5 +34,5 @@ interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   contentClassName?: string;
 }
 //#endregion
-export { DsButtonProps };
+export { ButtonSchema, ButtonSize, ButtonVariant, DsButtonProps, buttonSchemas, buttonSizes, buttonVariants };
 //# sourceMappingURL=ds-button-legacy.types.d.ts.map

package/dist/components/ds-button/versions/ds-button-legacy/index.d.ts

@@ -0,0 +1,2 @@
+import { ButtonSchema, ButtonSize, ButtonVariant, DsButtonProps, buttonSchemas, buttonSizes, buttonVariants } from "./ds-button-legacy.types.js";
+import "./ds-button-legacy.js";

package/dist/components/ds-card/ds-card.d.cts

@@ -1,5 +1,5 @@
 import { DsCardBodyProps, DsCardFooterProps, DsCardHeaderProps, DsCardRootProps } from "./ds-card.types.cjs";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/ds-card/ds-card.d.ts
 declare const DsCard: {
@@ -16,25 +16,25 @@ declare const DsCard: {
     onClick,
     onKeyDown,
     ...rest
-  }: DsCardRootProps) => react_jsx_runtime13.JSX.Element;
+  }: DsCardRootProps) => react_jsx_runtime5.JSX.Element;
   Header: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardHeaderProps) => react_jsx_runtime13.JSX.Element;
+  }: DsCardHeaderProps) => react_jsx_runtime5.JSX.Element;
   Body: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardBodyProps) => react_jsx_runtime13.JSX.Element;
+  }: DsCardBodyProps) => react_jsx_runtime5.JSX.Element;
   Footer: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardFooterProps) => react_jsx_runtime13.JSX.Element;
+  }: DsCardFooterProps) => react_jsx_runtime5.JSX.Element;
 };
 //#endregion
 export { DsCard };

package/dist/components/ds-card/ds-card.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-card.d.cts","names":[],"sources":["../../../src/components/ds-card/ds-card.tsx"],"sourcesContent":[],"mappings":";;;;cAiFa;;;;;;;;;;;;;;KA3DV,oBAAe,mBAAA,CAAA,GAAA,CAAA;;;;;;KAmCqC,sBAAiB,mBAAA,CAAA,GAAA,CAAA;EAwB3D,IAAA,EAAA,CAAA;IAKZ,SAAA;IAAA,QAAA;IAAA,GAAA;IAAA,GAAA;EAAA,CAAA,EApBoD,eAoBpD,EAAA,GApBmE,mBAAA,CAAA,GAAA,CAAA,OAoBnE;;;;;;KAXsD,sBAAiB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-card.d.cts","names":[],"sources":["../../../src/components/ds-card/ds-card.tsx"],"sourcesContent":[],"mappings":";;;;cAiFa;;;;;;;;;;;;;;KA3DV,oBAAe,kBAAA,CAAA,GAAA,CAAA;;;;;;KAmCqC,sBAAiB,kBAAA,CAAA,GAAA,CAAA;EAwB3D,IAAA,EAAA,CAAA;IAKZ,SAAA;IAAA,QAAA;IAAA,GAAA;IAAA,GAAA;EAAA,CAAA,EApBoD,eAoBpD,EAAA,GApBmE,kBAAA,CAAA,GAAA,CAAA,OAoBnE;;;;;;KAXsD,sBAAiB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ds-card/ds-card.d.ts

@@ -1,5 +1,5 @@
 import { DsCardBodyProps, DsCardFooterProps, DsCardHeaderProps, DsCardRootProps } from "./ds-card.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/ds-card/ds-card.d.ts
 declare const DsCard: {
@@ -16,25 +16,25 @@ declare const DsCard: {
     onClick,
     onKeyDown,
     ...rest
-  }: DsCardRootProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardRootProps) => react_jsx_runtime4.JSX.Element;
   Header: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardHeaderProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardHeaderProps) => react_jsx_runtime4.JSX.Element;
   Body: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardBodyProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardBodyProps) => react_jsx_runtime4.JSX.Element;
   Footer: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardFooterProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardFooterProps) => react_jsx_runtime4.JSX.Element;
 };
 //#endregion
 export { DsCard };

package/dist/components/ds-card/ds-card.module.cjs

@@ -1,10 +1,10 @@
 
 //#region src/components/ds-card/ds-card.module.scss
 var ds_card_module_default = {
-	"root": "_root_gpxo3_1",
-	"header": "_header_gpxo3_1",
-	"body": "_body_gpxo3_1",
-	"footer": "_footer_gpxo3_1"
+	"root": "_root_qqvx6_1",
+	"header": "_header_qqvx6_1",
+	"body": "_body_qqvx6_1",
+	"footer": "_footer_qqvx6_1"
 };
 
 //#endregion

package/dist/components/ds-card/ds-card.module.js

@@ -1,9 +1,9 @@
 //#region src/components/ds-card/ds-card.module.scss
 var ds_card_module_default = {
-	"root": "_root_gpxo3_1",
-	"header": "_header_gpxo3_1",
-	"body": "_body_gpxo3_1",
-	"footer": "_footer_gpxo3_1"
+	"root": "_root_qqvx6_1",
+	"header": "_header_qqvx6_1",
+	"body": "_body_qqvx6_1",
+	"footer": "_footer_qqvx6_1"
 };
 
 //#endregion

package/dist/components/ds-card/ds-card.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-card.module.js","names":[],"sources":["../../../src/components/ds-card/ds-card.module.scss"],"sourcesContent":["$border-radius: 8px;\n$min-width-small: 224px;\n$min-width-medium: 264px;\n$min-width-large: 368px;\n$transition-duration: 0.2s;\n\n.root {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: var(--color-background);\n\tborder: 1px solid var(--color-border-contrast);\n\toverflow: hidden;\n\tbox-sizing: border-box;\n\tborder-radius: $border-radius;\n}\n\n.root[data-disabled] {\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\t// TODO: remove once we import all the tokens from figma\n\t\tbackground: rgba(255, 255, 255, 0.6);\n\t\tpointer-events: none;\n\t\tborder-radius: inherit;\n\t}\n}\n\n.root[data-size='small'] {\n\tmin-width: $min-width-small;\n\n\t.header,\n\t.body,\n\t.footer {\n\t\tpadding: var(--spacing-xs) var(--spacing-sm);\n\t}\n}\n\n.root[data-size='medium'] {\n\tmin-width: $min-width-medium;\n\n\t.header,\n\t.body,\n\t.footer {\n\t\tpadding: var(--spacing-xs) var(--spacing-standard);\n\t}\n}\n\n.root[data-size='large'] {\n\tmin-width: $min-width-large;\n\n\t.header,\n\t.body,\n\t.footer {\n\t\tpadding: var(--spacing-xs) var(--spacing-xl);\n\t}\n}\n\n.root[data-selectable] {\n\tcursor: pointer;\n\ttransition:\n\t\tborder-color $transition-duration ease-in-out,\n\t\tbox-shadow $transition-duration ease-in-out,\n\t\tbackground-color $transition-duration ease-in-out;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n\n\t&:hover:not([data-disabled]):not([data-selected]) {\n\t\tborder-color: var(--color-border-action-secondary);\n\t}\n\n\t&:focus-visible:not([data-selected]),\n\t&[data-focus-visible]:not([data-selected]) {\n\t\tborder-color: var(--color-border-action-secondary);\n\t\tbox-shadow: inset 0 0 0 1px var(--color-border-action-secondary);\n\t\toutline: none;\n\t}\n\n\t&:focus-visible[data-selected],\n\t&[data-focus-visible][data-selected] {\n\t\toutline: none;\n\t}\n\n\t&[data-disabled] {\n\t\tcursor: not-allowed;\n\t\tborder-color: var(--color-border-disabled);\n\t}\n}\n\n.root[data-selected] {\n\tborder-color: var(--color-border-action-primary);\n\n\t&:hover:not([data-disabled]),\n\t&:focus-visible,\n\t&[data-focus-visible] {\n\t\tbox-shadow: inset 0 0 0 1px var(--color-border-action-primary);\n\t}\n\n\t&[data-highlight] {\n\t\tbackground: var(--color-background-selected-weak);\n\t}\n}\n\n.header {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.body {\n\tflex: 1;\n}\n\n.footer {\n\tdisplay: flex;\n\talign-items: center;\n}\n"],"mappings":""}
+{"version":3,"file":"ds-card.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-card/ds-card.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/mixins/_disabled.scss"],"sourcesContent":["@use '../../styles/mixin' as mixins;\n\n$border-radius: 8px;\n$min-width-small: 224px;\n$min-width-medium: 264px;\n$min-width-large: 368px;\n$transition-duration: 0.2s;\n\n.root {\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tbackground: var(--color-background);\n\tborder: 1px solid var(--color-border-contrast);\n\toverflow: hidden;\n\tbox-sizing: border-box;\n\tborder-radius: $border-radius;\n\n\t@include mixins.disabled-overlay;\n}\n\n.root[data-size='small'] {\n\tmin-width: $min-width-small;\n\n\t.header,\n\t.body,\n\t.footer {\n\t\tpadding: var(--spacing-xs) var(--spacing-sm);\n\t}\n}\n\n.root[data-size='medium'] {\n\tmin-width: $min-width-medium;\n\n\t.header,\n\t.body,\n\t.footer {\n\t\tpadding: var(--spacing-xs) var(--spacing-standard);\n\t}\n}\n\n.root[data-size='large'] {\n\tmin-width: $min-width-large;\n\n\t.header,\n\t.body,\n\t.footer {\n\t\tpadding: var(--spacing-xs) var(--spacing-xl);\n\t}\n}\n\n.root[data-selectable] {\n\tcursor: pointer;\n\ttransition:\n\t\tborder-color $transition-duration ease-in-out,\n\t\tbox-shadow $transition-duration ease-in-out,\n\t\tbackground-color $transition-duration ease-in-out;\n\n\t&:focus {\n\t\toutline: none;\n\t}\n\n\t&:hover:not([data-disabled]):not([data-selected]) {\n\t\tborder-color: var(--color-border-action-secondary);\n\t}\n\n\t&:focus-visible:not([data-selected]),\n\t&[data-focus-visible]:not([data-selected]) {\n\t\tborder-color: var(--color-border-action-secondary);\n\t\tbox-shadow: inset 0 0 0 1px var(--color-border-action-secondary);\n\t\toutline: none;\n\t}\n\n\t&:focus-visible[data-selected],\n\t&[data-focus-visible][data-selected] {\n\t\toutline: none;\n\t}\n\n\t&[data-disabled] {\n\t\tcursor: not-allowed;\n\t\tborder-color: var(--color-border-disabled);\n\t}\n}\n\n.root[data-selected] {\n\tborder-color: var(--color-border-action-primary);\n\n\t&:hover:not([data-disabled]),\n\t&:focus-visible,\n\t&[data-focus-visible] {\n\t\tbox-shadow: inset 0 0 0 1px var(--color-border-action-primary);\n\t}\n\n\t&[data-highlight] {\n\t\tbackground: var(--color-background-selected-weak);\n\t}\n}\n\n.header {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.body {\n\tflex: 1;\n}\n\n.footer {\n\tdisplay: flex;\n\talign-items: center;\n}\n"],"mappings":""}

package/dist/components/ds-confirmation/ds-confirmation.d.cts

@@ -1,5 +1,5 @@
 import { DsConfirmationProps } from "./ds-confirmation.types.cjs";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import * as react0 from "react";
 
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
@@ -8,7 +8,7 @@ import * as react0 from "react";
  * @see {@link ../ds-modal} for the replacement component.
  */
 declare const DsConfirmation: {
-  (props: DsConfirmationProps): react_jsx_runtime6.JSX.Element;
+  (props: DsConfirmationProps): react_jsx_runtime10.JSX.Element;
   Header: ({
     style,
     className,
@@ -17,7 +17,7 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime6.JSX.Element;
+  }) => react_jsx_runtime10.JSX.Element;
   Title: ({
     style,
     className,
@@ -26,14 +26,14 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime6.JSX.Element;
+  }) => react_jsx_runtime10.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: react0.CSSProperties;
     className?: string;
-  }) => react_jsx_runtime6.JSX.Element;
+  }) => react_jsx_runtime10.JSX.Element;
   Body: ({
     style,
     className,
@@ -42,7 +42,7 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime6.JSX.Element;
+  }) => react_jsx_runtime10.JSX.Element;
   Footer: ({
     style,
     className,
@@ -51,7 +51,7 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime6.JSX.Element;
+  }) => react_jsx_runtime10.JSX.Element;
   Actions: ({
     style,
     className,
@@ -60,7 +60,7 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime6.JSX.Element;
+  }) => react_jsx_runtime10.JSX.Element;
 };
 //#endregion
 export { DsConfirmation };

package/dist/components/ds-confirmation/ds-confirmation.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-confirmation.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAOa,cAAA,cAEZ,EAAA;EAFqC,CAAA,KAAA,EAAA,mBAAA,CAAA,EAAmB,kBAAA,CAAA,GAAA,CAAA,OAAnB;EAAmB,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;mBAU44B;;cAAA,MAAA,CAAA;sCAAA;EAAA,KAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;mBAA+N;;cAAA,MAAA,CAAA;;cAAA,EAAA,CAAA;IAAA,KAAA;IAAA;GAAA,EAAA;IAAA,KAAA,CAAA,SAAgS,aAAhS;;;;;;;;IAAgS,KAAA,CAAA,SAA4O,aAA5O;;cAA4O,MAAA,CAAA;;;;;;;IAAA,KAAA,CAAA,SAA8N,aAA9N;IAAA,SAAA,CAAA,EAAA,MAAA;cAA8N,MAAA,CAAA;;;;;;;mBAAiO;IAAjO,SAAA,CAAA,EAAA,MAAA;IAAA,QAAA,EAAiO,MAAA,CAAA,SAAjO"}
+{"version":3,"file":"ds-confirmation.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAOa,cAAA,cAEZ,EAAA;EAFqC,CAAA,KAAA,EAAA,mBAAA,CAAA,EAAmB,mBAAA,CAAA,GAAA,CAAA,OAAnB;EAAmB,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;mBAU44B;;cAAA,MAAA,CAAA;uCAAA;EAAA,KAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;mBAA+N;;cAAA,MAAA,CAAA;;cAAA,EAAA,CAAA;IAAA,KAAA;IAAA;GAAA,EAAA;IAAA,KAAA,CAAA,SAAgS,aAAhS;;;;;;;;IAAgS,KAAA,CAAA,SAA4O,aAA5O;;cAA4O,MAAA,CAAA;;;;;;;IAAA,KAAA,CAAA,SAA8N,aAA9N;IAAA,SAAA,CAAA,EAAA,MAAA;cAA8N,MAAA,CAAA;;;;;;;mBAAiO;IAAjO,SAAA,CAAA,EAAA,MAAA;IAAA,QAAA,EAAiO,MAAA,CAAA,SAAjO"}

package/dist/components/ds-confirmation/ds-confirmation.d.ts

@@ -1,5 +1,5 @@
 import { DsConfirmationProps } from "./ds-confirmation.types.js";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import * as react0 from "react";
 
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
@@ -8,7 +8,7 @@ import * as react0 from "react";
  * @see {@link ../ds-modal} for the replacement component.
  */
 declare const DsConfirmation: {
-  (props: DsConfirmationProps): react_jsx_runtime41.JSX.Element;
+  (props: DsConfirmationProps): react_jsx_runtime32.JSX.Element;
   Header: ({
     style,
     className,
@@ -17,7 +17,7 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime41.JSX.Element;
+  }) => react_jsx_runtime32.JSX.Element;
   Title: ({
     style,
     className,
@@ -26,14 +26,14 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime41.JSX.Element;
+  }) => react_jsx_runtime32.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: react0.CSSProperties;
     className?: string;
-  }) => react_jsx_runtime41.JSX.Element;
+  }) => react_jsx_runtime32.JSX.Element;
   Body: ({
     style,
     className,
@@ -42,7 +42,7 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime41.JSX.Element;
+  }) => react_jsx_runtime32.JSX.Element;
   Footer: ({
     style,
     className,
@@ -51,7 +51,7 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime41.JSX.Element;
+  }) => react_jsx_runtime32.JSX.Element;
   Actions: ({
     style,
     className,
@@ -60,7 +60,7 @@ declare const DsConfirmation: {
     style?: react0.CSSProperties;
     className?: string;
     children: react0.ReactNode;
-  }) => react_jsx_runtime41.JSX.Element;
+  }) => react_jsx_runtime32.JSX.Element;
 };
 //#endregion
 export { DsConfirmation };

package/dist/components/ds-date-input/ds-date-input.d.cts

@@ -1,5 +1,5 @@
 import { DsDateInputProps } from "./ds-date-input.types.cjs";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/components/ds-date-input/ds-date-input.d.ts
 
@@ -25,7 +25,7 @@ declare const DsDateInput: ({
   readOnly,
   id,
   ...datePickerProps
-}: DsDateInputProps) => react_jsx_runtime44.JSX.Element;
+}: DsDateInputProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { DsDateInput };
 //# sourceMappingURL=ds-date-input.d.cts.map

package/dist/components/ds-drawer/ds-drawer.d.cts

@@ -1,5 +1,5 @@
 import { DsDrawerProps } from "./ds-drawer.types.cjs";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-drawer/ds-drawer.d.ts
@@ -22,7 +22,7 @@ declare const DsDrawer: {
     style,
     className,
     children
-  }: DsDrawerProps): react_jsx_runtime45.JSX.Element;
+  }: DsDrawerProps): react_jsx_runtime18.JSX.Element;
   Header: ({
     style,
     className,
@@ -31,7 +31,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime45.JSX.Element;
+  }) => react_jsx_runtime18.JSX.Element;
   Title: ({
     style,
     className,
@@ -40,14 +40,14 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime45.JSX.Element;
+  }) => react_jsx_runtime18.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime45.JSX.Element;
+  }) => react_jsx_runtime18.JSX.Element;
   Toolbar: ({
     style,
     className,
@@ -56,7 +56,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime45.JSX.Element;
+  }) => react_jsx_runtime18.JSX.Element;
   Body: ({
     style,
     className,
@@ -65,7 +65,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime45.JSX.Element;
+  }) => react_jsx_runtime18.JSX.Element;
   Footer: ({
     style,
     className,
@@ -74,7 +74,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime45.JSX.Element;
+  }) => react_jsx_runtime18.JSX.Element;
   Actions: ({
     style,
     className,
@@ -83,7 +83,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime45.JSX.Element;
+  }) => react_jsx_runtime18.JSX.Element;
 };
 //#endregion
 export { DsDrawer };

package/dist/components/ds-drawer/ds-drawer.d.ts

@@ -1,5 +1,5 @@
 import { DsDrawerProps } from "./ds-drawer.types.js";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-drawer/ds-drawer.d.ts
@@ -22,7 +22,7 @@ declare const DsDrawer: {
     style,
     className,
     children
-  }: DsDrawerProps): react_jsx_runtime33.JSX.Element;
+  }: DsDrawerProps): react_jsx_runtime42.JSX.Element;
   Header: ({
     style,
     className,
@@ -31,7 +31,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime33.JSX.Element;
+  }) => react_jsx_runtime42.JSX.Element;
   Title: ({
     style,
     className,
@@ -40,14 +40,14 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime33.JSX.Element;
+  }) => react_jsx_runtime42.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime33.JSX.Element;
+  }) => react_jsx_runtime42.JSX.Element;
   Toolbar: ({
     style,
     className,
@@ -56,7 +56,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime33.JSX.Element;
+  }) => react_jsx_runtime42.JSX.Element;
   Body: ({
     style,
     className,
@@ -65,7 +65,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime33.JSX.Element;
+  }) => react_jsx_runtime42.JSX.Element;
   Footer: ({
     style,
     className,
@@ -74,7 +74,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime33.JSX.Element;
+  }) => react_jsx_runtime42.JSX.Element;
   Actions: ({
     style,
     className,
@@ -83,7 +83,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime33.JSX.Element;
+  }) => react_jsx_runtime42.JSX.Element;
 };
 //#endregion
 export { DsDrawer };

package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.cts

@@ -1,5 +1,5 @@
 import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.cjs";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
 declare function DsExpandableTextInput({
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
   onExpandChange,
   icon,
   ...props
-}: DsExpandableTextInputProps): react_jsx_runtime43.JSX.Element;
+}: DsExpandableTextInputProps): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { DsExpandableTextInput };
 //# sourceMappingURL=ds-expandable-text-input.d.cts.map

package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-expandable-text-input.d.cts","names":[],"sources":["../../../src/components/ds-expandable-text-input/ds-expandable-text-input.tsx"],"sourcesContent":[],"mappings":";;;;iBASgB,qBAAA;;;;;GAKb,6BAA0B,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-expandable-text-input.d.cts","names":[],"sources":["../../../src/components/ds-expandable-text-input/ds-expandable-text-input.tsx"],"sourcesContent":[],"mappings":";;;;iBASgB,qBAAA;;;;;GAKb,6BAA0B,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.ts

@@ -1,5 +1,5 @@
 import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.js";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
 declare function DsExpandableTextInput({
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
   onExpandChange,
   icon,
   ...props
-}: DsExpandableTextInputProps): react_jsx_runtime32.JSX.Element;
+}: DsExpandableTextInputProps): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { DsExpandableTextInput };
 //# sourceMappingURL=ds-expandable-text-input.d.ts.map

package/dist/components/ds-form-control/ds-form-control.d.cts

@@ -5,7 +5,7 @@ import { DsPasswordInputProps } from "../ds-password-input/ds-password-input.typ
 import { DsTextareaProps } from "../ds-textarea/ds-textarea.types.cjs";
 import { DsSelectProps } from "../ds-select/ds-select.types.cjs";
 import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.cjs";
-import * as react_jsx_runtime53 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -21,13 +21,13 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime53.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime53.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime53.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime53.JSX.Element;
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime53.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime53.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime53.JSX.Element;
+  }: DsFormControlProps): react_jsx_runtime26.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime26.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime26.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime26.JSX.Element;
+  DateInput: (props: DsDateInputProps) => react_jsx_runtime26.JSX.Element;
+  Textarea: (props: DsTextareaProps) => react_jsx_runtime26.JSX.Element;
+  Select: (props: DsSelectProps) => react_jsx_runtime26.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion

package/dist/components/ds-icon/ds-icon.d.cts

@@ -1,5 +1,5 @@
 import { DsIconProps } from "./ds-icon.types.cjs";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/ds-icon/ds-icon.d.ts
 /**
@@ -13,7 +13,7 @@ declare const DsIcon: ({
   className,
   style,
   ...rest
-}: DsIconProps) => react_jsx_runtime60.JSX.Element;
+}: DsIconProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { DsIcon };
 //# sourceMappingURL=ds-icon.d.cts.map

package/dist/components/ds-icon/ds-icon.d.ts

@@ -1,5 +1,5 @@
 import { DsIconProps } from "./ds-icon.types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/ds-icon/ds-icon.d.ts
 /**
@@ -13,7 +13,7 @@ declare const DsIcon: ({
   className,
   style,
   ...rest
-}: DsIconProps) => react_jsx_runtime7.JSX.Element;
+}: DsIconProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { DsIcon };
 //# sourceMappingURL=ds-icon.d.ts.map

package/dist/components/ds-icon/ds-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-icon.d.ts","names":[],"sources":["../../../src/components/ds-icon/ds-icon.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAEmD,cAM7C,MA+BL,EAAA,CAAA;EAAA,IAAA;EAAA,IAAA;EAAA,OAAA;EAAA,MAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAvBE,WAuBF,EAAA,GAvBa,kBAAA,CAAA,GAAA,CAAA,OAuBb"}
+{"version":3,"file":"ds-icon.d.ts","names":[],"sources":["../../../src/components/ds-icon/ds-icon.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAEmD,cAM7C,MA+BL,EAAA,CAAA;EAAA,IAAA;EAAA,IAAA;EAAA,OAAA;EAAA,MAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAvBE,WAuBF,EAAA,GAvBa,mBAAA,CAAA,GAAA,CAAA,OAuBb"}