@drivenets/design-system 0.2.0 → 0.4.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-autocomplete.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-autocomplete/ds-autocomplete.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_input.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_dropdown.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/mixins/_bounding-box.scss"],"sourcesContent":["@use '../../styles/shared/dropdown';\n@use '../../styles/shared/input';\n\n$autocomplete-input-height: 36px;\n$autocomplete-max-visible-items: 4;\n$autocomplete-item-height: 38px;\n$autocomplete-dropdown-max-height: calc($autocomplete-max-visible-items * $autocomplete-item-height);\n$autocomplete-trigger-size: 24px;\n$autocomplete-trigger-border-radius: 4px;\n$autocomplete-highlight-border-radius: 2px;\n$autocomplete-animation-duration: 0.2s;\n$autocomplete-animation-translate: -8px;\n$autocomplete-outline-width: 2px;\n$autocomplete-outline-offset: 2px;\n$autocomplete-rotation-open: 180deg;\n$autocomplete-opacity-hidden: 0;\n$autocomplete-opacity-visible: 1;\n\n.root {\n\tposition: relative;\n\twidth: 100%;\n\tdisplay: inline-flex;\n\tflex-direction: column;\n}\n\n.control {\n\t@include input.base-input-container;\n\t@include input.input-container-states;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-3xs);\n\theight: $autocomplete-input-height;\n\tmin-height: $autocomplete-input-height;\n\tmax-height: $autocomplete-input-height;\n\n\t&[data-focus] {\n\t\tborder-color: var(--form-control-border-color, var(--color-border-action-primary)) !important;\n\t}\n\n\t&[data-invalid] {\n\t\tborder-color: var(--color-background-danger-strong);\n\t}\n}\n\n.input {\n\t@include input.base-input;\n\tflex: 1;\n\tmin-width: 0;\n\toutline: none;\n\n\t&::placeholder {\n\t\tcolor: var(--color-font-placeholder);\n\t}\n}\n\n.startAdornment {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: var(--color-background-action);\n\tflex-shrink: 0;\n}\n\n.iconContainer {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-3xs);\n\tflex-shrink: 0;\n}\n\n.clearButton {\n\t@include input.icon-button;\n\tcursor: pointer;\n\topacity: $autocomplete-opacity-hidden;\n\tvisibility: hidden;\n\ttransition: opacity $autocomplete-animation-duration ease;\n\n\t&:hover {\n\t\tcolor: var(--color-background-action-hover);\n\t}\n}\n\n.control:hover .clearButton,\n.control[data-focus] .clearButton {\n\topacity: $autocomplete-opacity-visible;\n\tvisibility: visible;\n}\n\n.trigger {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: var(--color-background-deselected);\n\ttransition:\n\t\ttransform $autocomplete-animation-duration ease-in-out,\n\t\tbackground-color $autocomplete-animation-duration ease,\n\t\tcolor $autocomplete-animation-duration ease;\n\tcursor: pointer;\n\tbackground: transparent;\n\tborder: none;\n\tpadding: 0;\n\tborder-radius: $autocomplete-trigger-border-radius;\n\twidth: $autocomplete-trigger-size;\n\theight: $autocomplete-trigger-size;\n\n\t&:hover {\n\t\tcolor: var(--color-background-deselected-hover);\n\t\tbackground: var(--color-background-action-hover-weak);\n\t}\n\n\t&[data-state='open'] {\n\t\ttransform: rotate($autocomplete-rotation-open);\n\t\tcolor: var(--color-background-deselected-hover);\n\t\tbackground: var(--color-background-action-hover-weak);\n\t}\n\n\t&:focus-visible {\n\t\toutline: $autocomplete-outline-width solid var(--color-focus);\n\t\toutline-offset: $autocomplete-outline-offset;\n\t}\n}\n\n.control[data-focus] .trigger {\n\tcolor: var(--color-background-deselected-hover);\n\tbackground: var(--color-background-action-hover-weak);\n}\n\n.positioner {\n\tz-index: var(--z-index-dropdown, 9999);\n\twidth: var(--reference-width);\n}\n\n.content {\n\t@include dropdown.dropdown-content;\n\toverflow: hidden;\n\tanimation: expand $autocomplete-animation-duration ease;\n\twidth: 100%;\n\tmin-width: var(--reference-width);\n\tmax-height: $autocomplete-dropdown-max-height;\n\n\t&[data-state='open'] {\n\t\tanimation: expand $autocomplete-animation-duration ease;\n\t}\n\n\t&[data-state='closed'] {\n\t\tanimation: collapse $autocomplete-animation-duration ease;\n\t}\n}\n\n.itemGroup {\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\tmax-height: $autocomplete-dropdown-max-height;\n\tscrollbar-width: thin;\n}\n\n.item {\n\t@include dropdown.dropdown-item;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-xs);\n\theight: $autocomplete-item-height;\n\tmin-height: $autocomplete-item-height;\n\n\t&[data-highlighted] {\n\t\tbackground: var(--color-background-secondary-selected-weak);\n\t}\n}\n\n.itemIcon {\n\tcolor: var(--color-background-deselected);\n\tflex-shrink: 0;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.itemText {\n\tflex: 1;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tmark {\n\t\tbackground-color: var(--color-data-yellow);\n\t\tcolor: var(--color-font-main);\n\t\tfont-weight: var(--font-weight-medium);\n\t\tpadding: 0;\n\t\tborder-radius: $autocomplete-highlight-border-radius;\n\t}\n}\n\n.noMatches {\n\tpadding: var(--spacing-xs);\n\tcolor: var(--color-font-disabled);\n\ttext-align: center;\n\tfont-size: var(--font-size-sm);\n}\n\n.disabled {\n\t.control {\n\t\tcolor: var(--color-background-deselected);\n\t\tbackground: var(--color-background-secondary);\n\t\tborder-color: var(--color-border-disabled);\n\t\tcursor: not-allowed;\n\n\t\t.input {\n\t\t\tcolor: var(--color-font-disabled);\n\t\t\tcursor: not-allowed;\n\t\t}\n\n\t\t.trigger {\n\t\t\tcolor: var(--color-background-disable);\n\t\t\tcursor: not-allowed;\n\t\t\tbackground: transparent;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: transparent;\n\t\t\t\tcolor: var(--color-background-disable);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.invalid {\n\t.control {\n\t\tborder-color: var(--color-background-danger-strong);\n\n\t\t&:hover,\n\t\t&[data-focus] {\n\t\t\tborder-color: var(--color-background-danger-strong) !important;\n\t\t}\n\t}\n}\n\n@keyframes expand {\n\t0% {\n\t\topacity: $autocomplete-opacity-hidden;\n\t\ttransform: translateY($autocomplete-animation-translate);\n\t}\n\n\t100% {\n\t\topacity: $autocomplete-opacity-visible;\n\t\ttransform: translateY(0);\n\t}\n}\n\n@keyframes collapse {\n\t0% {\n\t\topacity: $autocomplete-opacity-visible;\n\t\ttransform: translateY(0);\n\t}\n\n\t100% {\n\t\topacity: $autocomplete-opacity-hidden;\n\t\ttransform: translateY($autocomplete-animation-translate);\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-autocomplete/ds-autocomplete.types.d.cts

@@ -0,0 +1,79 @@
+import { IconName } from "../ds-icon/ds-icon.types.cjs";
+import React from "react";
+
+//#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
+interface DsAutocompleteOption {
+  /**
+   * Label to display in the autocomplete dropdown
+   */
+  label: string;
+  /**
+   * Value to return when the option is selected
+   */
+  value: string;
+  /**
+   * Optional icon to display next to the label
+   */
+  icon?: IconName;
+}
+interface DsAutocompleteProps {
+  /**
+   * Unique identifier for the autocomplete component
+   */
+  id?: string;
+  /**
+   * Options to display in the dropdown
+   */
+  options: DsAutocompleteOption[];
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Placeholder text to display when input is empty
+   */
+  placeholder?: string;
+  /**
+   * Whether the autocomplete is disabled
+   */
+  disabled?: boolean;
+  /**
+   * Whether the autocomplete is in an invalid state
+   */
+  invalid?: boolean;
+  /**
+   * Event handler called when the value changes (when an option is selected or custom value is entered)
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Event handler called when the input value changes (on every keystroke)
+   */
+  onInputValueChange?: (value: string) => void;
+  /**
+   * Message to display when no options match the input
+   * @default 'No matches found'
+   */
+  noMatchesMessage?: string;
+  /**
+   * Whether to highlight the matching text in the dropdown options
+   * @default true
+   */
+  highlightMatch?: boolean;
+  /**
+   * Whether to show the dropdown trigger (arrow) button.
+   * If false, the dropdown will only open on typing.
+   * @default true
+   */
+  showTrigger?: boolean;
+  /**
+   * Content to display at the start of the input (e.g., a search icon).
+   */
+  startAdornment?: React.ReactNode;
+}
+//#endregion
+export { DsAutocompleteOption, DsAutocompleteProps };
+//# sourceMappingURL=ds-autocomplete.types.d.cts.map

package/dist/components/ds-autocomplete/ds-autocomplete.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-autocomplete.types.d.cts","names":[],"sources":["../../../src/components/ds-autocomplete/ds-autocomplete.types.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,oBAAA;;AAAjB;AAeA;EAQU,KAAA,EAAA,MAAA;EAID;;;;;;;SAfD;;UAGS,mBAAA;;;;;;;;WAQP;;;;UAID,KAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA4CG,KAAA,CAAM"}

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

@@ -0,0 +1,80 @@
+import { IconName } from "../ds-icon/ds-icon.types.js";
+import "../ds-icon/index.js";
+import React from "react";
+
+//#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
+interface DsAutocompleteOption {
+  /**
+   * Label to display in the autocomplete dropdown
+   */
+  label: string;
+  /**
+   * Value to return when the option is selected
+   */
+  value: string;
+  /**
+   * Optional icon to display next to the label
+   */
+  icon?: IconName;
+}
+interface DsAutocompleteProps {
+  /**
+   * Unique identifier for the autocomplete component
+   */
+  id?: string;
+  /**
+   * Options to display in the dropdown
+   */
+  options: DsAutocompleteOption[];
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Placeholder text to display when input is empty
+   */
+  placeholder?: string;
+  /**
+   * Whether the autocomplete is disabled
+   */
+  disabled?: boolean;
+  /**
+   * Whether the autocomplete is in an invalid state
+   */
+  invalid?: boolean;
+  /**
+   * Event handler called when the value changes (when an option is selected or custom value is entered)
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Event handler called when the input value changes (on every keystroke)
+   */
+  onInputValueChange?: (value: string) => void;
+  /**
+   * Message to display when no options match the input
+   * @default 'No matches found'
+   */
+  noMatchesMessage?: string;
+  /**
+   * Whether to highlight the matching text in the dropdown options
+   * @default true
+   */
+  highlightMatch?: boolean;
+  /**
+   * Whether to show the dropdown trigger (arrow) button.
+   * If false, the dropdown will only open on typing.
+   * @default true
+   */
+  showTrigger?: boolean;
+  /**
+   * Content to display at the start of the input (e.g., a search icon).
+   */
+  startAdornment?: React.ReactNode;
+}
+//#endregion
+export { DsAutocompleteOption, DsAutocompleteProps };
+//# sourceMappingURL=ds-autocomplete.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-autocomplete.types.d.ts","names":[],"sources":["../../../src/components/ds-autocomplete/ds-autocomplete.types.tsx"],"sourcesContent":[],"mappings":";;;;;UAGiB,oBAAA;;;AAAjB;EAeiB,KAAA,EAAA,MAAA;EAQP;;;EAgDuB,KAAA,EAAA,MAAA;;;;SA3DzB;;UAGS,mBAAA;;;;;;;;WAQP;;;;UAID,KAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA4CG,KAAA,CAAM"}

package/dist/components/ds-autocomplete/index.cjs

@@ -0,0 +1 @@
+const require_ds_autocomplete = require('./ds-autocomplete.cjs');

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

@@ -0,0 +1,2 @@
+import { DsAutocompleteOption, DsAutocompleteProps } from "./ds-autocomplete.types.js";
+import { DsAutocomplete } from "./ds-autocomplete.js";

package/dist/components/ds-autocomplete/index.js

@@ -0,0 +1 @@
+import { DsAutocomplete } from "./ds-autocomplete.js";

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

@@ -1 +1 @@
-{"version":3,"file":"ds-avatar.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar/ds-avatar.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar/_mixins.scss"],"sourcesContent":["@import './mixins';\n\n.avatar {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: relative;\n\toverflow: hidden;\n\tbackground-color: var(--color-background-deselected);\n\tcolor: var(--color-font-on-action);\n\tflex-shrink: 0;\n\tuser-select: none;\n\n\t&.circle {\n\t\tborder-radius: 50%;\n\t}\n\n\t&.rounded {\n\t\t&.xsm,\n\t\t&.sm {\n\t\t\tborder-radius: $avatar-border-radius-small;\n\t\t}\n\t\t&.regular,\n\t\t&.md,\n\t\t&.lg,\n\t\t&.xl {\n\t\t\tborder-radius: $avatar-border-radius-large;\n\t\t}\n\t}\n\n\t@include avatar-sizes;\n\n\timg {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tdisplay: block;\n\t}\n\n\t.fallback {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tfont-weight: var(--font-weight-medium);\n\t\ttext-transform: uppercase;\n\t}\n}\n"],"mappings":""}
+{"version":3,"file":"ds-avatar.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar/ds-avatar.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar/_mixins.scss"],"sourcesContent":["@use './mixins' as *;\n\n.avatar {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: relative;\n\toverflow: hidden;\n\tbackground-color: var(--color-background-deselected);\n\tcolor: var(--color-font-on-action);\n\tflex-shrink: 0;\n\tuser-select: none;\n\n\t&.circle {\n\t\tborder-radius: 50%;\n\t}\n\n\t&.rounded {\n\t\t&.xsm,\n\t\t&.sm {\n\t\t\tborder-radius: $avatar-border-radius-small;\n\t\t}\n\t\t&.regular,\n\t\t&.md,\n\t\t&.lg,\n\t\t&.xl {\n\t\t\tborder-radius: $avatar-border-radius-large;\n\t\t}\n\t}\n\n\t@include avatar-sizes;\n\n\timg {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t\tdisplay: block;\n\t}\n\n\t.fallback {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tfont-weight: var(--font-weight-medium);\n\t\ttext-transform: uppercase;\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-avatar-group/ds-avatar-group.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-avatar-group.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar-group/ds-avatar-group.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar/_mixins.scss"],"sourcesContent":["@import '../ds-avatar/mixins';\n\n.avatarGroup {\n\tdisplay: flex;\n\talign-items: center;\n\n\t.avatarItem {\n\t\tborder: $avatar-border-width solid var(--color-background);\n\n\t\t&:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-default;\n\t\t}\n\n\t\t&.xsm:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-xsm;\n\t\t}\n\n\t\t&.sm:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-sm;\n\t\t}\n\t}\n\n\t.moreAvatar {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: var(--color-background);\n\t\tcolor: var(--color-font-action);\n\t\tborder: $avatar-border-width solid var(--color-background);\n\t\tmargin-left: $avatar-overlap-default;\n\t\tfont-weight: var(--font-weight-medium);\n\t\tz-index: 1;\n\t\tcursor: default;\n\t\tflex-shrink: 0;\n\n\t\t&.circle {\n\t\t\tborder-radius: 50%;\n\t\t}\n\n\t\t&.rounded {\n\t\t\t&.xsm,\n\t\t\t&.sm {\n\t\t\t\tborder-radius: $avatar-border-radius-small;\n\t\t\t}\n\t\t\t&.regular,\n\t\t\t&.md,\n\t\t\t&.lg,\n\t\t\t&.xl {\n\t\t\t\tborder-radius: $avatar-border-radius-large;\n\t\t\t}\n\t\t}\n\n\t\t@include avatar-sizes;\n\n\t\t&.xsm {\n\t\t\tmargin-left: $avatar-overlap-xsm;\n\t\t}\n\n\t\t&.sm {\n\t\t\tmargin-left: $avatar-overlap-sm;\n\t\t}\n\t}\n\n\t.tooltipList {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--spacing-3xs);\n\t\tpadding: var(--spacing-3xs) 0;\n\t}\n}\n"],"mappings":""}
+{"version":3,"file":"ds-avatar-group.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar-group/ds-avatar-group.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-avatar/_mixins.scss"],"sourcesContent":["@use '../ds-avatar/mixins' as *;\n\n.avatarGroup {\n\tdisplay: flex;\n\talign-items: center;\n\n\t.avatarItem {\n\t\tborder: $avatar-border-width solid var(--color-background);\n\n\t\t&:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-default;\n\t\t}\n\n\t\t&.xsm:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-xsm;\n\t\t}\n\n\t\t&.sm:not(:first-child) {\n\t\t\tmargin-left: $avatar-overlap-sm;\n\t\t}\n\t}\n\n\t.moreAvatar {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: var(--color-background);\n\t\tcolor: var(--color-font-action);\n\t\tborder: $avatar-border-width solid var(--color-background);\n\t\tmargin-left: $avatar-overlap-default;\n\t\tfont-weight: var(--font-weight-medium);\n\t\tz-index: 1;\n\t\tcursor: default;\n\t\tflex-shrink: 0;\n\n\t\t&.circle {\n\t\t\tborder-radius: 50%;\n\t\t}\n\n\t\t&.rounded {\n\t\t\t&.xsm,\n\t\t\t&.sm {\n\t\t\t\tborder-radius: $avatar-border-radius-small;\n\t\t\t}\n\t\t\t&.regular,\n\t\t\t&.md,\n\t\t\t&.lg,\n\t\t\t&.xl {\n\t\t\t\tborder-radius: $avatar-border-radius-large;\n\t\t\t}\n\t\t}\n\n\t\t@include avatar-sizes;\n\n\t\t&.xsm {\n\t\t\tmargin-left: $avatar-overlap-xsm;\n\t\t}\n\n\t\t&.sm {\n\t\t\tmargin-left: $avatar-overlap-sm;\n\t\t}\n\t}\n\n\t.tooltipList {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--spacing-3xs);\n\t\tpadding: var(--spacing-3xs) 0;\n\t}\n}\n"],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ds-button.d.cts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-button.d.cts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,mBAAA,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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime18.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DsButton };
 //# sourceMappingURL=ds-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ds-button.d.ts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-button.d.ts","names":[],"sources":["../../../src/components/ds-button/ds-button.tsx"],"sourcesContent":[],"mappings":";;;;cAIM,kBAAmB,yBAAoB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.cjs

@@ -10,7 +10,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * Design system Button component
 */
 const DsButton = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(24);
+	const $ = (0, react_compiler_runtime.c)(23);
 	let children;
 	let className;
 	let contentClassName;
@@ -47,33 +47,32 @@ const DsButton = (t0) => {
 	const t5 = require_ds_button_legacy_module.default[`${schema}-${variant}`];
 	const t6 = require_ds_button_legacy_module.default[size];
 	let t7;
-	if ($[9] !== className || $[10] !== disabled || $[11] !== t5 || $[12] !== t6) {
-		t7 = (0, classnames.default)(require_ds_button_legacy_module.default.button, t5, t6, { [require_ds_button_legacy_module.default.disabled]: disabled }, className);
+	if ($[9] !== className || $[10] !== t5 || $[11] !== t6) {
+		t7 = (0, classnames.default)(require_ds_button_legacy_module.default.button, t5, t6, className);
 		$[9] = className;
-		$[10] = disabled;
-		$[11] = t5;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
 	const buttonClass = t7;
 	let t8;
-	if ($[14] !== contentClassName) {
+	if ($[13] !== contentClassName) {
 		t8 = (0, classnames.default)(require_ds_button_legacy_module.default.content, contentClassName);
-		$[14] = contentClassName;
-		$[15] = t8;
-	} else t8 = $[15];
+		$[13] = contentClassName;
+		$[14] = t8;
+	} else t8 = $[14];
 	let t9;
-	if ($[16] !== children || $[17] !== t8) {
+	if ($[15] !== children || $[16] !== t8) {
 		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: t8,
 			children
 		});
-		$[16] = children;
-		$[17] = t8;
-		$[18] = t9;
-	} else t9 = $[18];
+		$[15] = children;
+		$[16] = t8;
+		$[17] = t9;
+	} else t9 = $[17];
 	let t10;
-	if ($[19] !== buttonClass || $[20] !== disabled || $[21] !== props || $[22] !== t9) {
+	if ($[18] !== buttonClass || $[19] !== disabled || $[20] !== props || $[21] !== t9) {
 		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			type: "button",
 			className: buttonClass,
@@ -81,12 +80,12 @@ const DsButton = (t0) => {
 			...props,
 			children: t9
 		});
-		$[19] = buttonClass;
-		$[20] = disabled;
-		$[21] = props;
-		$[22] = t9;
-		$[23] = t10;
-	} else t10 = $[23];
+		$[18] = buttonClass;
+		$[19] = disabled;
+		$[20] = props;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
 	return t10;
 };
 var ds_button_legacy_default = DsButton;

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 * Design system Button component
 */
 const DsButton = (t0) => {
-	const $ = c(24);
+	const $ = c(23);
 	let children;
 	let className;
 	let contentClassName;
@@ -45,33 +45,32 @@ const DsButton = (t0) => {
 	const t5 = ds_button_legacy_module_default[`${schema}-${variant}`];
 	const t6 = ds_button_legacy_module_default[size];
 	let t7;
-	if ($[9] !== className || $[10] !== disabled || $[11] !== t5 || $[12] !== t6) {
-		t7 = classNames(ds_button_legacy_module_default.button, t5, t6, { [ds_button_legacy_module_default.disabled]: disabled }, className);
+	if ($[9] !== className || $[10] !== t5 || $[11] !== t6) {
+		t7 = classNames(ds_button_legacy_module_default.button, t5, t6, className);
 		$[9] = className;
-		$[10] = disabled;
-		$[11] = t5;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
 	const buttonClass = t7;
 	let t8;
-	if ($[14] !== contentClassName) {
+	if ($[13] !== contentClassName) {
 		t8 = classNames(ds_button_legacy_module_default.content, contentClassName);
-		$[14] = contentClassName;
-		$[15] = t8;
-	} else t8 = $[15];
+		$[13] = contentClassName;
+		$[14] = t8;
+	} else t8 = $[14];
 	let t9;
-	if ($[16] !== children || $[17] !== t8) {
+	if ($[15] !== children || $[16] !== t8) {
 		t9 = /* @__PURE__ */ jsx("span", {
 			className: t8,
 			children
 		});
-		$[16] = children;
-		$[17] = t8;
-		$[18] = t9;
-	} else t9 = $[18];
+		$[15] = children;
+		$[16] = t8;
+		$[17] = t9;
+	} else t9 = $[17];
 	let t10;
-	if ($[19] !== buttonClass || $[20] !== disabled || $[21] !== props || $[22] !== t9) {
+	if ($[18] !== buttonClass || $[19] !== disabled || $[20] !== props || $[21] !== t9) {
 		t10 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: buttonClass,
@@ -79,12 +78,12 @@ const DsButton = (t0) => {
 			...props,
 			children: t9
 		});
-		$[19] = buttonClass;
-		$[20] = disabled;
-		$[21] = props;
-		$[22] = t9;
-		$[23] = t10;
-	} else t10 = $[23];
+		$[18] = buttonClass;
+		$[19] = disabled;
+		$[20] = props;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
 	return t10;
 };
 var ds_button_legacy_default = DsButton;

package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-button-legacy.js","names":["classNames","React","styles","DsButtonProps","DsButton","FC","t0","$","_c","children","className","contentClassName","props","t1","t2","t3","t4","schema","variant","size","disabled","undefined","t5","t6","t7","button","buttonClass","t8","content","t9","t10"],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport styles from './ds-button-legacy.module.scss';\nimport type { DsButtonProps } from './ds-button-legacy.types';\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tschema = 'primary',\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\tstyles[`${schema}-${variant}`],\n\t\tstyles[size],\n\t\t{ [styles.disabled]: disabled },\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<button type=\"button\" className={buttonClass} disabled={disabled} {...props}>\n\t\t\t<span className={classNames(styles.content, contentClassName)}>{children}</span>\n\t\t</button>\n\t);\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;;AAQA,MAAMI,YAAoCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAT,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAW,QAAAJ,IAAAK,SAAAJ,IAAAK,MAAAJ,IAAAK,UAAAJ,IAAAN,WAAAC,kBAAAF,aAAAG,SAAAN;AAS1CC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;QAAA;AAAAP,aAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAI,qBAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;AAAAS,OAAAT,EAAA;;CARA,MAAAU,SAAAJ,OAAAQ,SAAA,YAAAR;CACA,MAAAK,UAAAJ,OAAAO,SAAA,WAAAP;CACA,MAAAK,OAAAJ,OAAAM,SAAA,WAAAN;CACA,MAAAK,WAAAJ,OAAAK,SAAA,QAAAL;CAQC,MAAAM,KAAApB,gCAAO,GAAGe,OAAM,GAAIC;CACpB,MAAAK,KAAArB,gCAAOiB;CAAK,IAAAK;AAAA,KAAAjB,EAAA,OAAAG,aAAAH,EAAA,QAAAa,YAAAb,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,IAAA;AAHOC,OAAAxB,WACnBE,gCAAMuB,QACNH,IACAC,IACA,GAAGrB,gCAAMkB,WAAYA,UAAU,EAC/BV,UACA;AAAAH,IAAA,KAAAG;AAAAH,IAAA,MAAAa;AAAAb,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAND,MAAAmB,cAAoBF;CAMlB,IAAAG;AAAA,KAAApB,EAAA,QAAAI,kBAAA;AAIiBgB,OAAA3B,WAAWE,gCAAM0B,SAAUjB,iBAAiB;AAAAJ,IAAA,MAAAI;AAAAJ,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAE,YAAAF,EAAA,QAAAoB,IAAA;AAA7DE,OAAA,oBAAA;GAAiB,WAAAF;GAA+ClB;IAAgB;AAAAF,IAAA,MAAAE;AAAAF,IAAA,MAAAoB;AAAApB,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;CAAA,IAAAuB;AAAA,KAAAvB,EAAA,QAAAmB,eAAAnB,EAAA,QAAAa,YAAAb,EAAA,QAAAK,SAAAL,EAAA,QAAAsB,IAAA;AADjFC,QAAA,oBAAA;GAAa,MAAA;GAAoBJ,WAAAA;GAAuBN;GAAQ,GAAMR;aACrEiB;IACQ;AAAAtB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAa;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAsB;AAAAtB,IAAA,MAAAuB;OAAAA,OAAAvB,EAAA;AAAA,QAFTuB;;AAMF,+BAAe1B"}
+{"version":3,"file":"ds-button-legacy.js","names":["classNames","React","styles","DsButtonProps","DsButton","FC","t0","$","_c","children","className","contentClassName","props","t1","t2","t3","t4","schema","variant","size","disabled","undefined","t5","t6","t7","button","buttonClass","t8","content","t9","t10"],"sources":["../../../../../src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport styles from './ds-button-legacy.module.scss';\nimport type { DsButtonProps } from './ds-button-legacy.types';\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tschema = 'primary',\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst buttonClass = classNames(styles.button, styles[`${schema}-${variant}`], styles[size], className);\n\n\treturn (\n\t\t<button type=\"button\" className={buttonClass} disabled={disabled} {...props}>\n\t\t\t<span className={classNames(styles.content, contentClassName)}>{children}</span>\n\t\t</button>\n\t);\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;;AAQA,MAAMI,YAAoCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAT,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAW,QAAAJ,IAAAK,SAAAJ,IAAAK,MAAAJ,IAAAK,UAAAJ,IAAAN,WAAAC,kBAAAF,aAAAG,SAAAN;AAS1CC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;QAAA;AAAAP,aAAAF,EAAA;AAAAG,cAAAH,EAAA;AAAAI,qBAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;AAAAS,OAAAT,EAAA;;CARA,MAAAU,SAAAJ,OAAAQ,SAAA,YAAAR;CACA,MAAAK,UAAAJ,OAAAO,SAAA,WAAAP;CACA,MAAAK,OAAAJ,OAAAM,SAAA,WAAAN;CACA,MAAAK,WAAAJ,OAAAK,SAAA,QAAAL;CAM8C,MAAAM,KAAApB,gCAAO,GAAGe,OAAM,GAAIC;CAAY,MAAAK,KAAArB,gCAAOiB;CAAK,IAAAK;AAAA,KAAAjB,EAAA,OAAAG,aAAAH,EAAA,QAAAe,MAAAf,EAAA,QAAAgB,IAAA;AAAtEC,OAAAxB,WAAWE,gCAAMuB,QAASH,IAAgCC,IAAcb,UAAU;AAAAH,IAAA,KAAAG;AAAAH,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAtG,MAAAmB,cAAoBF;CAAmF,IAAAG;AAAA,KAAApB,EAAA,QAAAI,kBAAA;AAIpFgB,OAAA3B,WAAWE,gCAAM0B,SAAUjB,iBAAiB;AAAAJ,IAAA,MAAAI;AAAAJ,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAE,YAAAF,EAAA,QAAAoB,IAAA;AAA7DE,OAAA,oBAAA;GAAiB,WAAAF;GAA+ClB;IAAgB;AAAAF,IAAA,MAAAE;AAAAF,IAAA,MAAAoB;AAAApB,IAAA,MAAAsB;OAAAA,MAAAtB,EAAA;CAAA,IAAAuB;AAAA,KAAAvB,EAAA,QAAAmB,eAAAnB,EAAA,QAAAa,YAAAb,EAAA,QAAAK,SAAAL,EAAA,QAAAsB,IAAA;AADjFC,QAAA,oBAAA;GAAa,MAAA;GAAoBJ,WAAAA;GAAuBN;GAAQ,GAAMR;aACrEiB;IACQ;AAAAtB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAa;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAsB;AAAAtB,IAAA,MAAAuB;OAAAA,OAAAvB,EAAA;AAAA,QAFTuB;;AAMF,+BAAe1B"}

package/dist/components/ds-button/versions/ds-button-new/ds-button-new.cjs

@@ -17,7 +17,7 @@ const isIconOnly = (children) => {
 * Design system Button component
 */
 const DsButton = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(26);
+	const $ = (0, react_compiler_runtime.c)(25);
 	let buttonType;
 	let children;
 	let className;
@@ -52,35 +52,34 @@ const DsButton = (t0) => {
 	const disabled = t3 === void 0 ? false : t3;
 	const type = buttonType ?? (variant === "ghost" ? "secondary" : "primary");
 	let t4;
-	if ($[9] !== children || $[10] !== className || $[11] !== disabled || $[12] !== size || $[13] !== type || $[14] !== variant) {
-		t4 = (0, classnames.default)(require_ds_button_new_module.default.button, { [require_ds_button_new_module.default.iconButton]: isIconOnly(children) }, require_ds_button_new_module.default[`${type}-${variant}`], require_ds_button_new_module.default[size], { [require_ds_button_new_module.default.disabled]: disabled }, className);
+	if ($[9] !== children || $[10] !== className || $[11] !== size || $[12] !== type || $[13] !== variant) {
+		t4 = (0, classnames.default)(require_ds_button_new_module.default.button, { [require_ds_button_new_module.default.iconButton]: isIconOnly(children) }, require_ds_button_new_module.default[size], className, require_ds_button_new_module.default[`${type}-${variant}`]);
 		$[9] = children;
 		$[10] = className;
-		$[11] = disabled;
-		$[12] = size;
-		$[13] = type;
-		$[14] = variant;
-		$[15] = t4;
-	} else t4 = $[15];
+		$[11] = size;
+		$[12] = type;
+		$[13] = variant;
+		$[14] = t4;
+	} else t4 = $[14];
 	const buttonClass = t4;
 	let t5;
-	if ($[16] !== contentClassName) {
+	if ($[15] !== contentClassName) {
 		t5 = (0, classnames.default)(require_ds_button_new_module.default.content, contentClassName);
-		$[16] = contentClassName;
-		$[17] = t5;
-	} else t5 = $[17];
+		$[15] = contentClassName;
+		$[16] = t5;
+	} else t5 = $[16];
 	let t6;
-	if ($[18] !== children || $[19] !== t5) {
+	if ($[17] !== children || $[18] !== t5) {
 		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: t5,
 			children
 		});
-		$[18] = children;
-		$[19] = t5;
-		$[20] = t6;
-	} else t6 = $[20];
+		$[17] = children;
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
 	let t7;
-	if ($[21] !== buttonClass || $[22] !== disabled || $[23] !== props || $[24] !== t6) {
+	if ($[20] !== buttonClass || $[21] !== disabled || $[22] !== props || $[23] !== t6) {
 		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			type: "button",
 			className: buttonClass,
@@ -88,12 +87,12 @@ const DsButton = (t0) => {
 			...props,
 			children: t6
 		});
-		$[21] = buttonClass;
-		$[22] = disabled;
-		$[23] = props;
-		$[24] = t6;
-		$[25] = t7;
-	} else t7 = $[25];
+		$[20] = buttonClass;
+		$[21] = disabled;
+		$[22] = props;
+		$[23] = t6;
+		$[24] = t7;
+	} else t7 = $[24];
 	return t7;
 };
 var ds_button_new_default = DsButton;

package/dist/components/ds-button/versions/ds-button-new/ds-button-new.js

@@ -15,7 +15,7 @@ const isIconOnly = (children) => {
 * Design system Button component
 */
 const DsButton = (t0) => {
-	const $ = c(26);
+	const $ = c(25);
 	let buttonType;
 	let children;
 	let className;
@@ -50,35 +50,34 @@ const DsButton = (t0) => {
 	const disabled = t3 === void 0 ? false : t3;
 	const type = buttonType ?? (variant === "ghost" ? "secondary" : "primary");
 	let t4;
-	if ($[9] !== children || $[10] !== className || $[11] !== disabled || $[12] !== size || $[13] !== type || $[14] !== variant) {
-		t4 = classNames(ds_button_new_module_default.button, { [ds_button_new_module_default.iconButton]: isIconOnly(children) }, ds_button_new_module_default[`${type}-${variant}`], ds_button_new_module_default[size], { [ds_button_new_module_default.disabled]: disabled }, className);
+	if ($[9] !== children || $[10] !== className || $[11] !== size || $[12] !== type || $[13] !== variant) {
+		t4 = classNames(ds_button_new_module_default.button, { [ds_button_new_module_default.iconButton]: isIconOnly(children) }, ds_button_new_module_default[size], className, ds_button_new_module_default[`${type}-${variant}`]);
 		$[9] = children;
 		$[10] = className;
-		$[11] = disabled;
-		$[12] = size;
-		$[13] = type;
-		$[14] = variant;
-		$[15] = t4;
-	} else t4 = $[15];
+		$[11] = size;
+		$[12] = type;
+		$[13] = variant;
+		$[14] = t4;
+	} else t4 = $[14];
 	const buttonClass = t4;
 	let t5;
-	if ($[16] !== contentClassName) {
+	if ($[15] !== contentClassName) {
 		t5 = classNames(ds_button_new_module_default.content, contentClassName);
-		$[16] = contentClassName;
-		$[17] = t5;
-	} else t5 = $[17];
+		$[15] = contentClassName;
+		$[16] = t5;
+	} else t5 = $[16];
 	let t6;
-	if ($[18] !== children || $[19] !== t5) {
+	if ($[17] !== children || $[18] !== t5) {
 		t6 = /* @__PURE__ */ jsx("span", {
 			className: t5,
 			children
 		});
-		$[18] = children;
-		$[19] = t5;
-		$[20] = t6;
-	} else t6 = $[20];
+		$[17] = children;
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
 	let t7;
-	if ($[21] !== buttonClass || $[22] !== disabled || $[23] !== props || $[24] !== t6) {
+	if ($[20] !== buttonClass || $[21] !== disabled || $[22] !== props || $[23] !== t6) {
 		t7 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: buttonClass,
@@ -86,12 +85,12 @@ const DsButton = (t0) => {
 			...props,
 			children: t6
 		});
-		$[21] = buttonClass;
-		$[22] = disabled;
-		$[23] = props;
-		$[24] = t6;
-		$[25] = t7;
-	} else t7 = $[25];
+		$[20] = buttonClass;
+		$[21] = disabled;
+		$[22] = props;
+		$[23] = t6;
+		$[24] = t7;
+	} else t7 = $[24];
 	return t7;
 };
 var ds_button_new_default = DsButton;

package/dist/components/ds-button/versions/ds-button-new/ds-button-new.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-button-new.js","names":["classNames","React","Children","isValidElement","styles","DsButtonProps","DsIcon","isIconOnly","children","ReactNode","count","childArray","toArray","onlyChild","type","DsButton","FC","t0","$","_c","buttonType","className","contentClassName","props","t1","t2","t3","variant","size","disabled","undefined","t4","button","iconButton","buttonClass","t5","content","t6","t7"],"sources":["../../../../../src/components/ds-button/versions/ds-button-new/ds-button-new.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport { Children, isValidElement } from 'react';\nimport styles from './ds-button-new.module.scss';\nimport type { DsButtonProps } from './ds-button-new.types';\nimport DsIcon from '../../../ds-icon/ds-icon';\n\nconst isIconOnly = (children: React.ReactNode) => {\n\tif (Children.count(children) !== 1) {\n\t\treturn false;\n\t}\n\n\tconst childArray = Children.toArray(children);\n\tconst onlyChild = childArray[0];\n\n\treturn isValidElement(onlyChild) && onlyChild.type === DsIcon;\n};\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tbuttonType,\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst type = buttonType ?? (variant === 'ghost' ? 'secondary' : 'primary');\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\t{ [styles.iconButton]: isIconOnly(children) },\n\t\tstyles[`${type}-${variant}`],\n\t\tstyles[size],\n\t\t{ [styles.disabled]: disabled },\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<button type=\"button\" className={buttonClass} disabled={disabled} {...props}>\n\t\t\t<span className={classNames(styles.content, contentClassName)}>{children}</span>\n\t\t</button>\n\t);\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;AAOA,MAAMO,cAAcC,aAA8B;AACjD,KAAIN,SAASQ,MAAMF,SAAS,KAAK,EAChC,QAAO;CAIR,MAAMK,YADaX,SAASU,QAAQJ,SAAS,CAChB;AAE7B,QAAOL,eAAeU,UAAU,IAAIA,UAAUC,SAASR;;;;;AAMxD,MAAMS,YAAoCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAZ;CAAA,IAAAa;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAR,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAG,YAAAO,SAAAH,IAAAI,MAAAH,IAAAI,UAAAH,IAAAL,WAAAC,kBAAAd,aAAAe,SAAAN;AAS1CC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAV;AAAAU,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;QAAA;AAAAN,eAAAF,EAAA;AAAAV,aAAAU,EAAA;AAAAG,cAAAH,EAAA;AAAAI,qBAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;;CAPA,MAAAS,UAAAH,OAAAM,SAAA,WAAAN;CACA,MAAAI,OAAAH,OAAAK,SAAA,WAAAL;CACA,MAAAI,WAAAH,OAAAI,SAAA,QAAAJ;CAMA,MAAAZ,OAAaM,eAAeO,YAAY,UAAZ,cAAA;CAA+C,IAAAI;AAAA,KAAAb,EAAA,OAAAV,YAAAU,EAAA,QAAAG,aAAAH,EAAA,QAAAW,YAAAX,EAAA,QAAAU,QAAAV,EAAA,QAAAJ,QAAAI,EAAA,QAAAS,SAAA;AACvDI,OAAA/B,WACnBI,6BAAM4B,QACN,GAAG5B,6BAAM6B,aAAc1B,WAAWC,SAAQ,EAAG,EAC7CJ,6BAAO,GAAGU,KAAI,GAAIa,YAClBvB,6BAAOwB,OACP,GAAGxB,6BAAMyB,WAAYA,UAAU,EAC/BR,UACA;AAAAH,IAAA,KAAAV;AAAAU,IAAA,MAAAG;AAAAH,IAAA,MAAAW;AAAAX,IAAA,MAAAU;AAAAV,IAAA,MAAAJ;AAAAI,IAAA,MAAAS;AAAAT,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAPD,MAAAgB,cAAoBH;CAOlB,IAAAI;AAAA,KAAAjB,EAAA,QAAAI,kBAAA;AAIiBa,OAAAnC,WAAWI,6BAAMgC,SAAUd,iBAAiB;AAAAJ,IAAA,MAAAI;AAAAJ,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAV,YAAAU,EAAA,QAAAiB,IAAA;AAA7DE,OAAA,oBAAA;GAAiB,WAAAF;GAA+C3B;IAAgB;AAAAU,IAAA,MAAAV;AAAAU,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAgB,eAAAhB,EAAA,QAAAW,YAAAX,EAAA,QAAAK,SAAAL,EAAA,QAAAmB,IAAA;AADjFC,OAAA,oBAAA;GAAa,MAAA;GAAoBJ,WAAAA;GAAuBL;GAAQ,GAAMN;aACrEc;IACQ;AAAAnB,IAAA,MAAAgB;AAAAhB,IAAA,MAAAW;AAAAX,IAAA,MAAAK;AAAAL,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;AAAA,QAFToB;;AAMF,4BAAevB"}
+{"version":3,"file":"ds-button-new.js","names":["classNames","React","Children","isValidElement","styles","DsButtonProps","DsIcon","isIconOnly","children","ReactNode","count","childArray","toArray","onlyChild","type","DsButton","FC","t0","$","_c","buttonType","className","contentClassName","props","t1","t2","t3","variant","size","disabled","undefined","t4","button","iconButton","buttonClass","t5","content","t6","t7"],"sources":["../../../../../src/components/ds-button/versions/ds-button-new/ds-button-new.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport type React from 'react';\nimport { Children, isValidElement } from 'react';\nimport styles from './ds-button-new.module.scss';\nimport type { DsButtonProps } from './ds-button-new.types';\nimport DsIcon from '../../../ds-icon/ds-icon';\n\nconst isIconOnly = (children: React.ReactNode) => {\n\tif (Children.count(children) !== 1) {\n\t\treturn false;\n\t}\n\n\tconst childArray = Children.toArray(children);\n\tconst onlyChild = childArray[0];\n\n\treturn isValidElement(onlyChild) && onlyChild.type === DsIcon;\n};\n\n/**\n * Design system Button component\n */\nconst DsButton: React.FC<DsButtonProps> = ({\n\tbuttonType,\n\tvariant = 'filled',\n\tsize = 'medium',\n\tdisabled = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n\t...props\n}) => {\n\tconst type = buttonType ?? (variant === 'ghost' ? 'secondary' : 'primary');\n\tconst buttonClass = classNames(\n\t\tstyles.button,\n\t\t{ [styles.iconButton]: isIconOnly(children) },\n\t\tstyles[size],\n\t\tclassName,\n\n\t\t// @ts-expect-error: we don't have all variations of classnames defined\n\t\t// eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n\t\tstyles[`${type}-${variant}`],\n\t);\n\n\treturn (\n\t\t<button type=\"button\" className={buttonClass} disabled={disabled} {...props}>\n\t\t\t<span className={classNames(styles.content, contentClassName)}>{children}</span>\n\t\t</button>\n\t);\n};\n\nexport default DsButton;\n"],"mappings":";;;;;;;;AAOA,MAAMO,cAAcC,aAA8B;AACjD,KAAIN,SAASQ,MAAMF,SAAS,KAAK,EAChC,QAAO;CAIR,MAAMK,YADaX,SAASU,QAAQJ,SAAS,CAChB;AAE7B,QAAOL,eAAeU,UAAU,IAAIA,UAAUC,SAASR;;;;;AAMxD,MAAMS,YAAoCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAZ;CAAA,IAAAa;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAR,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAG,YAAAO,SAAAH,IAAAI,MAAAH,IAAAI,UAAAH,IAAAL,WAAAC,kBAAAd,aAAAe,SAAAN;AAS1CC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAV;AAAAU,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;QAAA;AAAAN,eAAAF,EAAA;AAAAV,aAAAU,EAAA;AAAAG,cAAAH,EAAA;AAAAI,qBAAAJ,EAAA;AAAAK,UAAAL,EAAA;AAAAM,OAAAN,EAAA;AAAAO,OAAAP,EAAA;AAAAQ,OAAAR,EAAA;;CAPA,MAAAS,UAAAH,OAAAM,SAAA,WAAAN;CACA,MAAAI,OAAAH,OAAAK,SAAA,WAAAL;CACA,MAAAI,WAAAH,OAAAI,SAAA,QAAAJ;CAMA,MAAAZ,OAAaM,eAAeO,YAAY,UAAZ,cAAA;CAA+C,IAAAI;AAAA,KAAAb,EAAA,OAAAV,YAAAU,EAAA,QAAAG,aAAAH,EAAA,QAAAU,QAAAV,EAAA,QAAAJ,QAAAI,EAAA,QAAAS,SAAA;AACvDI,OAAA/B,WACnBI,6BAAM4B,QACN,GAAG5B,6BAAM6B,aAAc1B,WAAWC,SAAQ,EAAG,EAC7CJ,6BAAOwB,OACPP,WAIAjB,6BAAO,GAAGU,KAAI,GAAIa,WAClB;AAAAT,IAAA,KAAAV;AAAAU,IAAA,MAAAG;AAAAH,IAAA,MAAAU;AAAAV,IAAA,MAAAJ;AAAAI,IAAA,MAAAS;AAAAT,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CATD,MAAAgB,cAAoBH;CASlB,IAAAI;AAAA,KAAAjB,EAAA,QAAAI,kBAAA;AAIiBa,OAAAnC,WAAWI,6BAAMgC,SAAUd,iBAAiB;AAAAJ,IAAA,MAAAI;AAAAJ,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,QAAAV,YAAAU,EAAA,QAAAiB,IAAA;AAA7DE,OAAA,oBAAA;GAAiB,WAAAF;GAA+C3B;IAAgB;AAAAU,IAAA,MAAAV;AAAAU,IAAA,MAAAiB;AAAAjB,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAgB,eAAAhB,EAAA,QAAAW,YAAAX,EAAA,QAAAK,SAAAL,EAAA,QAAAmB,IAAA;AADjFC,OAAA,oBAAA;GAAa,MAAA;GAAoBJ,WAAAA;GAAuBL;GAAQ,GAAMN;aACrEc;IACQ;AAAAnB,IAAA,MAAAgB;AAAAhB,IAAA,MAAAW;AAAAX,IAAA,MAAAK;AAAAL,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;AAAA,QAFToB;;AAMF,4BAAevB"}

package/dist/components/ds-chip-group/hooks/use-chip-row-calculation.cjs

@@ -21,6 +21,7 @@ const useChipRowCalculation = ({ chipsWrapperRef, totalFilters }) => {
 			let total = 0;
 			for (index = 0; index < children.length; index++) {
 				const current = children[index];
+				if (!current) continue;
 				const next = (current.offsetWidth === wrapper.clientWidth ? 0 : gap) + current.offsetWidth;
 				if (total + next >= wrapper.clientWidth) {
 					line++;

package/dist/components/ds-chip-group/hooks/use-chip-row-calculation.js

@@ -20,6 +20,7 @@ const useChipRowCalculation = ({ chipsWrapperRef, totalFilters }) => {
 			let total = 0;
 			for (index = 0; index < children.length; index++) {
 				const current = children[index];
+				if (!current) continue;
 				const next = (current.offsetWidth === wrapper.clientWidth ? 0 : gap) + current.offsetWidth;
 				if (total + next >= wrapper.clientWidth) {
 					line++;