@seeqdev/qomponents 0.0.173 → 0.0.175

package/dist/Icon/Icon.types.d.ts

@@ -1,91 +0,0 @@
-/// <reference types="react" />
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
-export declare const iconTypes: readonly ["theme", "white", "dark-gray", "darkish-gray", "gray", "color", "info", "text", "warning", "inherit", "danger", "theme-light", "success"];
-export type IconType = (typeof iconTypes)[number];
-export type IconSize = '2xs' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
-/**
- * Props for the Icon component that renders customizable icons with various styling options.
- * Extends TooltipComponentProps to support tooltip functionality on the icon.
- */
-export interface IconProps extends TooltipComponentProps {
-    /**
-     * Icon class name to display, typically from FontAwesome.
-     * Examples: 'fc-zoom', 'fc-delete', 'fc-save'. This determines which icon is rendered.
-     */
-    icon: string;
-    /**
-     * Custom prefix for the icon class when not using standard FontAwesome icons.
-     * By default, icons are prefixed with 'fa-sharp fa-regular', but some icons
-     * from different icon sets require specific prefixes. Use this to override the default.
-     */
-    iconPrefix?: string;
-    /**
-     * Visual style type that determines the icon's color and appearance:
-     * - `theme`: Uses primary theme colors (default)
-     * - `white`: Pure white color
-     * - `text`: Uses standard text color
-     * - `dark-gray`: Dark gray color
-     * - `darkish-gray`: Medium-dark gray color
-     * - `gray`: Standard gray color
-     * - `color`: Uses custom color specified in `color` prop
-     * - `info`: Blue informational color
-     * - `warning`: Yellow/orange warning color
-     * - `danger`: Red error/danger color
-     * - `success`: Green success color
-     * - `theme-light`: Lighter version of theme color
-     * - `inherit`: Inherits color from parent element
-     * @default 'theme'
-     */
-    type?: IconType;
-    /**
-     * Icon size, mapped to FontAwesome sizing classes so it works for both FA and FontCustom icons.
-     * Examples: 'sm', 'lg', 'xl', '2xl', '1x'...'10x', 'xs', '2xs'.
-     */
-    size?: IconSize;
-    /**
-     * Custom color value for the icon when `type` is set to 'color'.
-     * Can be any valid CSS color (hex, rgb, color names, etc.).
-     * This property is required when type is 'color'.
-     */
-    color?: string;
-    /**
-     * Callback function triggered when the icon is clicked.
-     * Receives the mouse event as a parameter. Use this to make icons interactive
-     * for actions like opening menus, triggering functions, or navigation.
-     */
-    onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => any;
-    /**
-     * Additional CSS classes to apply to the icon element.
-     * Use this to customize the icon's appearance, spacing, or behavior beyond built-in options.
-     */
-    extraClassNames?: string;
-    /**
-     * HTML ID attribute for the icon element.
-     * Should be unique across the page for proper HTML semantics and accessibility.
-     */
-    id?: string;
-    /**
-     * @deprecated Use `size="lg"` instead.
-     */
-    large?: boolean;
-    /**
-     * @deprecated Use `size="sm"` instead.
-     */
-    small?: boolean;
-    /**
-     * Test ID attribute for the icon element used in automated testing.
-     * Applied to the `data-testid` attribute for element selection in test suites.
-     */
-    testId?: string;
-    /**
-     * Custom identifier placed in the `data-customid` attribute on the icon element.
-     * Useful for identifying the specific icon in event handlers when multiple icons
-     * share the same click handler. Helps distinguish which icon was clicked.
-     */
-    customId?: string;
-    /**
-     * Numeric value associated with the icon, purpose depends on specific use case.
-     * Can be used for ordering, counting, or any numeric data related to the icon.
-     */
-    number?: number;
-}

package/dist/Icon/Icon.types.js

@@ -1,16 +0,0 @@
-export const iconTypes = [
-    'theme',
-    'white',
-    'dark-gray',
-    'darkish-gray',
-    'gray',
-    'color',
-    'info',
-    'text',
-    'warning',
-    'inherit',
-    'danger',
-    'theme-light',
-    'success',
-];
-//# sourceMappingURL=Icon.types.js.map

package/dist/Icon/Icon.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.types.js","sourceRoot":"","sources":["../../src/Icon/Icon.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO;IACP,OAAO;IACP,WAAW;IACX,cAAc;IACd,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,QAAQ;IACR,aAAa;IACb,SAAS;CACD,CAAC"}

package/dist/Icon/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Icon';

package/dist/Icon/index.js

@@ -1,2 +0,0 @@
-export { default } from './Icon';
-//# sourceMappingURL=index.js.map

package/dist/Icon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/InputGroup/InputGroup.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { InputGroupProps } from './InputGroup.types';
-import '../styles.css';
-/**
- * InputGroup.
- */
-export declare const InputGroup: React.FunctionComponent<InputGroupProps>;

package/dist/InputGroup/InputGroup.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import '../styles.css';
-import { getQTipData } from '../Tooltip/qTip.utilities';
-import TextField from '../TextField';
-import Button from '../Button';
-const baseClasses = 'tw-flex tw-outline-none tw-rounded-md tw-w-full tw-relative tw-flex-wrap';
-const errorClasses = 'tw-border-sq-danger-color';
-const borderColorClasses = [
-    'tw-border-sq-disabled-gray',
-    'dark:tw-border-sq-dark-disabled-gray',
-    'dark:focus:tw-border-sq-color-dark-dark',
-    'dark:active:tw-border-sq-color-dark-dark',
-    'focus:tw-border-sq-color-dark',
-    'active:tw-border-sq-color-dark',
-].join(' ');
-const fieldBorderRadius = 'tw-rounded-l-md tw-rounded-r-none';
-const fieldClasses = 'tw-leading-normal tw-outline-none tw-py-1 tw-px-3' + 'tw-p-1 tw-border-solid tw-border';
-const darkTheme = 'dark:tw-bg-sq-dark-background dark:tw-text-sq-dark-text disabled:dark:tw-text-sq-dark-text-lighter';
-const lightTheme = 'tw-text-sq-text-color disabled:tw-text-sq-darkish-gray';
-/**
- * InputGroup.
- */
-export const InputGroup = React.forwardRef((props, ref) => {
-    const { readonly = false, onChange, onKeyUp, onFocus, onBlur, onKeyDown, name, value, placeholder, append = [], extraClassNames = '', id, testId, showError, required, autoComplete, autoFocus, disabled, type, step, min, max, field, maxLength, minLength, ...tooltipProps } = props;
-    const tooltipData = getQTipData(tooltipProps);
-    const appliedClasses = `${baseClasses} ${extraClassNames}`;
-    const fieldAppliedClasses = `${fieldClasses} ${extraClassNames} ${lightTheme} ${darkTheme} ${fieldBorderRadius} ${showError ? errorClasses : borderColorClasses} `;
-    const elementsToAppend = append.filter(Boolean);
-    return (_jsxs("div", { id: `input-group-${id}`, className: appliedClasses, children: [field ? (_jsx("div", { "data-testid": testId, className: `tw-flex tw-flex-1 tw-cursor-pointer active:tw-z-50 ${fieldAppliedClasses}`, children: field })) : (_jsx(TextField, { testId: testId, readonly: readonly, onChange: onChange, onKeyUp: onKeyUp, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, name: name, ref: ref, showError: showError, value: value, required: required, placeholder: placeholder, autoComplete: autoComplete, autoFocus: autoFocus, id: id, type: type, disabled: disabled, step: step, min: min, max: max, maxLength: maxLength, minLength: minLength, extraClassNames: `tw-flex tw-flex-1 tw-w-full focus:tw-z-30 tw-rounded-r-none last:tw-rounded-r-md ${extraClassNames}`, ...tooltipData })), elementsToAppend.map((item, index) => {
-                return item?.variant === 'button' ? (_jsx(Button, { extraClassNames: `${index ? 'tw-ml-[-1px]' : 'tw-ml-0'} focus:tw-z-40 focus:tw-border tw-rounded-none last:tw-rounded-r-md`, ...item.buttonProps }, index)) : (_jsx("div", { className: `${borderColorClasses} ${index ? 'tw-ml-[-1px]' : 'tw-ml-0'} tw-flex tw-items-center tw-justify-center tw-rounded-none last:tw-rounded-r-md active:tw-z-30 active:tw-border tw-border`, children: item?.element }, index));
-            })] }));
-});
-//# sourceMappingURL=InputGroup.js.map

package/dist/InputGroup/InputGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../../src/InputGroup/InputGroup.tsx"],"names":[],"mappings":"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"}

package/dist/InputGroup/InputGroup.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllTextFields: () => import("react/jsx-runtime").JSX.Element;

package/dist/InputGroup/InputGroup.stories.js

@@ -1,129 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { InputGroup } from './InputGroup';
-import { QTip } from '../Tooltip/Qtip';
-export default {
-    title: 'InputGroup',
-};
-export const AllTextFields = () => {
-    const renderAllVariations = () => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "light", children: [_jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { value: "value provided", append: [
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-annotate',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-trash',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, value: "with tooltip", append: [
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-annotate',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-trash',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, value: "with tooltip", append: [
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-annotate',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, value: "with custom element", append: [
-                                {
-                                    variant: 'element',
-                                    element: _jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background", children: "Custom" }),
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, value: "button input group", field: _jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background", onClick: () => console.log('clicked'), children: "custom grouped element" }), append: [
-                                {
-                                    variant: 'element',
-                                    element: (_jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background dark:tw-text-sq-dark-text", children: "Custom" })),
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, field: _jsxs("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background", children: [_jsx("div", { className: "tw-rounded-sm tw-bg-green-400 ", children: "Custom element 1" }), _jsx("div", { className: "tw-rounded-sm tw-bg-red-400 tw-mt-1", onClick: () => console.log('clicked'), children: "Custom element 2" })] }), append: [
-                                {
-                                    variant: 'element',
-                                    element: (_jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background dark:tw-text-sq-dark-text", children: "Edit" })),
-                                },
-                                {
-                                    variant: 'element',
-                                    element: (_jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background dark:tw-text-sq-dark-text", children: "Edit 2" })),
-                                },
-                                {
-                                    variant: 'element',
-                                    element: (_jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background dark:tw-text-sq-dark-text", children: "Delete" })),
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, placeholder: "inputgroup without any appended element", tooltipPlacement: "top", isHtmlTooltip: false, append: [] }) })] }), _jsxs("div", { className: "tw-dark tw-bg-sq-dark-background", children: [_jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { value: "value provided", append: [
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-annotate',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-trash',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, value: "with tooltip", append: [
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-annotate',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-trash',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, value: "with tooltip", append: [
-                                {
-                                    variant: 'button',
-                                    buttonProps: {
-                                        icon: 'fc-annotate',
-                                        iconStyle: 'theme',
-                                    },
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, value: "with custom element", append: [
-                                {
-                                    variant: 'element',
-                                    element: (_jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background dark:tw-text-sq-dark-text", children: "Custom" })),
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, value: "button input group", field: _jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background dark:tw-text-sq-dark-text", onClick: () => console.log('clicked'), children: "custom grouped element" }), append: [
-                                {
-                                    variant: 'element',
-                                    element: (_jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background dark:tw-text-sq-dark-text", children: "Custom" })),
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false, field: _jsxs("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background", children: [_jsx("div", { className: "tw-rounded-sm tw-bg-green-400 dark:tw-text-sq-dark-text", children: "Custom element 1" }), _jsx("div", { className: "tw-rounded-sm tw-bg-red-400 dark:tw-text-sq-dark-text tw-mt-1", onClick: () => console.log('clicked'), children: "Custom element 2" })] }), append: [
-                                {
-                                    variant: 'element',
-                                    element: (_jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background dark:tw-text-sq-dark-text", children: "Edit" })),
-                                },
-                                {
-                                    variant: 'element',
-                                    element: (_jsx("div", { className: "tw-text-sm tw-p-1 tw-bg-sq-light-background dark:tw-text-sq-dark-text", children: "Delete" })),
-                                },
-                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(InputGroup, { tooltip: "This is a small input group.", tooltipDelay: 0, placeholder: "inputgroup without any appended element", tooltipPlacement: "top", isHtmlTooltip: false, append: [] }) })] })] }));
-    return (_jsxs("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4", children: [_jsx(QTip, {}), _jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderAllVariations()] })] }));
-};
-//# sourceMappingURL=InputGroup.stories.js.map

package/dist/InputGroup/InputGroup.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup.stories.js","sourceRoot":"","sources":["../../src/InputGroup/InputGroup.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,eAAe;IACb,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,CAChC,8BACE,eAAK,SAAS,EAAC,OAAO,aACpB,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,aAAa;wCACnB,SAAS,EAAE,OAAO;qCACnB;iCACF;gCACD;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,UAAU;wCAChB,SAAS,EAAE,OAAO;qCACnB;iCACF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,aAAa;wCACnB,SAAS,EAAE,OAAO;qCACnB;iCACF;gCACD;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,UAAU;wCAChB,SAAS,EAAE,OAAO;qCACnB;iCACF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,aAAa;wCACnB,SAAS,EAAE,OAAO;qCACnB;iCACF;6BACF,GACD,GACE,EAEN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAC,qBAAqB,EAC3B,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,SAAS;oCAClB,OAAO,EAAE,cAAK,SAAS,EAAC,6CAA6C,uBAAa;iCACnF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAC,oBAAoB,EAC1B,KAAK,EACH,cAAK,SAAS,EAAC,6CAA6C,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,uCAE5F,EAER,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,SAAS;oCAClB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,uEAAuE,uBAAa,CACpG;iCACF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EACH,eAAK,SAAS,EAAC,6CAA6C,aAC1D,cAAK,SAAS,EAAC,gCAAgC,iCAAuB,EACtE,cAAK,SAAS,EAAC,qCAAqC,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,iCAEpF,IACF,EAER,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,SAAS;oCAClB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,uEAAuE,qBAAW,CAClG;iCACF;gCACD;oCACE,OAAO,EAAE,SAAS;oCAClB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,uEAAuE,uBAAa,CACpG;iCACF;gCACD;oCACE,OAAO,EAAE,SAAS;oCAClB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,uEAAuE,uBAAa,CACpG;iCACF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,WAAW,EAAC,yCAAyC,EACrD,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,MAAM,EAAE,EAAE,GACV,GACE,IACF,EAEN,eAAK,SAAS,EAAC,kCAAkC,aAC/C,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,aAAa;wCACnB,SAAS,EAAE,OAAO;qCACnB;iCACF;gCACD;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,UAAU;wCAChB,SAAS,EAAE,OAAO;qCACnB;iCACF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,aAAa;wCACnB,SAAS,EAAE,OAAO;qCACnB;iCACF;gCACD;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,UAAU;wCAChB,SAAS,EAAE,OAAO;qCACnB;iCACF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,QAAQ;oCACjB,WAAW,EAAE;wCACX,IAAI,EAAE,aAAa;wCACnB,SAAS,EAAE,OAAO;qCACnB;iCACF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAC,qBAAqB,EAC3B,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,SAAS;oCAClB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,uEAAuE,uBAAa,CACpG;iCACF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAC,oBAAoB,EAC1B,KAAK,EACH,cACE,SAAS,EAAC,uEAAuE,EACjF,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,uCAEjC,EAER,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,SAAS;oCAClB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,uEAAuE,uBAAa,CACpG;iCACF;6BACF,GACD,GACE,EACN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,KAAK,EACH,eAAK,SAAS,EAAC,6CAA6C,aAC1D,cAAK,SAAS,EAAC,yDAAyD,iCAAuB,EAC/F,cACE,SAAS,EAAC,+DAA+D,EACzE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,iCAEjC,IACF,EAER,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,SAAS;oCAClB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,uEAAuE,qBAAW,CAClG;iCACF;gCACD;oCACE,OAAO,EAAE,SAAS;oCAClB,OAAO,EAAE,CACP,cAAK,SAAS,EAAC,uEAAuE,uBAAa,CACpG;iCACF;6BACF,GACD,GACE,EAEN,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,UAAU,IACT,OAAO,EAAC,8BAA8B,EACtC,YAAY,EAAE,CAAC,EACf,WAAW,EAAC,yCAAyC,EACrD,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,MAAM,EAAE,EAAE,GACV,GACE,IACF,IACL,CACJ,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,IAAI,KAAG,EACR,eAAK,SAAS,EAAC,aAAa,aAC1B,uCAAmB,EAClB,mBAAmB,EAAE,IAClB,EAEN,eAAK,SAAS,EAAC,gBAAgB,aAC7B,0CAAsB,EACrB,mBAAmB,EAAE,IAClB,EAEN,eAAK,SAAS,EAAC,eAAe,aAC5B,yCAAqB,EACpB,mBAAmB,EAAE,IAClB,EAEN,eAAK,SAAS,EAAC,eAAe,aAC5B,yCAAqB,EACpB,mBAAmB,EAAE,IAClB,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/InputGroup/InputGroup.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/InputGroup/InputGroup.test.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { InputGroup } from './InputGroup';
-describe('InputGroup', () => {
-    const defaultProps = {
-        value: 'with tooltip',
-        append: [
-            {
-                variant: 'button',
-                buttonProps: {
-                    icon: 'fc-annotate',
-                    iconStyle: 'theme',
-                },
-            },
-        ],
-        extraClassNames: 'extra-class',
-        tooltip: 'Tooltip title',
-        tooltipDelay: 0,
-        id: 'input-group-id',
-        testId: 'input-group-test-id',
-    };
-    it('renders without crashing', () => {
-        const { getByTestId } = render(_jsx(InputGroup, { ...defaultProps }));
-        expect(getByTestId('input-group-test-id')).toBeInTheDocument();
-    });
-    it('applies the correct classes', () => {
-        const { getByTestId } = render(_jsx(InputGroup, { ...defaultProps }));
-        const inputGroup = getByTestId('input-group-test-id');
-        expect(inputGroup).toHaveClass('tw-flex');
-        expect(inputGroup).toHaveClass('tw-outline-none');
-        expect(inputGroup).toHaveClass('extra-class');
-    });
-    it('renders append items', () => {
-        const { getByRole } = render(_jsx(InputGroup, { ...defaultProps }));
-        expect(getByRole('button')).toBeInTheDocument();
-    });
-    it('renders input element', () => {
-        const { container } = render(_jsx(InputGroup, { ...defaultProps }));
-        expect(container.querySelector('input[type="text"]')).toBeInTheDocument();
-    });
-});
-//# sourceMappingURL=InputGroup.test.js.map

package/dist/InputGroup/InputGroup.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup.test.js","sourceRoot":"","sources":["../../src/InputGroup/InputGroup.test.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,MAAM,YAAY,GAAoB;QACpC,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE;YACN;gBACE,OAAO,EAAE,QAAQ;gBACjB,WAAW,EAAE;oBACX,IAAI,EAAE,aAAa;oBACnB,SAAS,EAAE,OAAO;iBACnB;aACF;SACF;QACD,eAAe,EAAE,aAAa;QAC9B,OAAO,EAAE,eAAe;QACxB,YAAY,EAAE,CAAC;QACf,EAAE,EAAE,gBAAgB;QACpB,MAAM,EAAE,qBAAqB;KAC9B,CAAC;IAEF,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,OAAK,YAAY,GAAI,CAAC,CAAC;QACjE,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,OAAK,YAAY,GAAI,CAAC,CAAC;QACjE,MAAM,UAAU,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;QACtD,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QAClD,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,OAAK,YAAY,GAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,UAAU,OAAK,YAAY,GAAI,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/InputGroup/InputGroup.types.d.ts

@@ -1,62 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '../Button/Button.types';
-import { InputLengthStyleProps, TextFieldProps } from '../TextField/TextField.types';
-import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
-/**
- * Interface for button elements that can be appended to an InputGroup.
- * Used when you want to add interactive buttons alongside the input field.
- */
-interface AppendedButtonProps {
-    /**
-     * Specifies that this appended item is an interactive button.
-     * Button items can trigger actions and provide additional functionality to the input.
-     */
-    variant: 'button';
-    /**
-     * Configuration properties for the button component.
-     * Uses all standard Button props including click handlers, styling, icons, and tooltips.
-     */
-    buttonProps: ButtonProps;
-}
-/**
- * Interface for custom React elements that can be appended to an InputGroup.
- * Used when you need to add non-button content like icons, labels, or decorative elements.
- */
-interface ElementProps {
-    /**
-     * Specifies that this appended item is a custom React element.
-     * Element items are typically decorative or informational and don't have built-in interactivity.
-     */
-    variant: 'element';
-    /**
-     * The React content to render alongside the input field.
-     * Can be any valid React node including text, icons, indicators, or complex components.
-     */
-    element: React.ReactNode;
-}
-export type AppendedProps = AppendedButtonProps | ElementProps | undefined;
-/**
- * Base interface for InputGroup component properties.
- * Extends TextFieldProps to inherit all text input functionality while adding group-specific features.
- */
-interface BaseInputGroupProps extends TextFieldProps {
-    /**
-     * Array of elements to append to the right side of the input field.
-     * Each item can be either a button (for interactive functionality) or an element (for decoration).
-     * Items are displayed in the order they appear in the array, creating a cohesive input group.
-     */
-    append: AppendedProps[];
-    /**
-     * Custom input field component to render instead of the default TextField.
-     * Use this when you need specialized input behavior while maintaining the group styling.
-     * The field will be integrated seamlessly with the appended elements.
-     */
-    field?: React.ReactNode;
-}
-/**
- * Complete props interface for the InputGroup component.
- * Combines base input group functionality with tooltip support and text length constraints.
- * Creates a cohesive input control with attached buttons or decorative elements.
- */
-export type InputGroupProps = BaseInputGroupProps & TooltipComponentProps & InputLengthStyleProps;
-export {};

package/dist/InputGroup/InputGroup.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=InputGroup.types.js.map

package/dist/InputGroup/InputGroup.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup.types.js","sourceRoot":"","sources":["../../src/InputGroup/InputGroup.types.ts"],"names":[],"mappings":""}

package/dist/InputGroup/index.d.ts

@@ -1,2 +0,0 @@
-export { InputGroup as default } from './InputGroup';
-export type { AppendedProps } from './InputGroup.types';

package/dist/InputGroup/index.js

@@ -1,2 +0,0 @@
-export { InputGroup as default } from './InputGroup';
-//# sourceMappingURL=index.js.map

package/dist/InputGroup/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/InputGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/Modal/Modal.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import '../styles.css';
-import { ModalProps } from './Modal.types';
-declare const Modal: React.FunctionComponent<ModalProps>;
-export default Modal;

package/dist/Modal/Modal.js

@@ -1,76 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import classNames from 'classnames';
-import '../styles.css';
-import Button from '../Button';
-import Icon from '../Icon';
-import TextField from '../TextField';
-const Dialog = DialogPrimitive.Root;
-const DialogPortal = DialogPrimitive.Portal;
-const DialogClose = DialogPrimitive.Close;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx("div", { className: "tw-select-none tw-fixed tw-w-full tw-h-full tw-opacity-50 tw-inset-0 tw-z-[1009] tw-bg-sq-dark-background\n    data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\n    data-[state=open]:fade-in-0 " }), _jsxs(DialogPrimitive.Content, { ref: ref, className: `tw-fixed tw-left-[50%] tw-top-0 tw-my-6 tw-translate-x-[-50%] tw-z-[1010] tw-grid
-       tw-gap-4 tw-border tw-bg-sq-white dark:tw-bg-sq-dark-background tw-p-6 tw-shadow-lg tw-duration-200
-       tw-rounded-lg ${className}`, ...props, children: [_jsx(DialogPrimitive.DialogTitle, { className: "tw-hidden" }), children] })] })));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = (props) => (_jsx("div", { className: "tw-w-full tw-justify-between", children: _jsx("div", { ...props }) }));
-DialogHeader.displayName = 'DialogHeader';
-const DialogFooter = (props) => _jsx("div", { ...props });
-DialogFooter.displayName = 'DialogFooter';
-const DialogTitle = React.forwardRef((props, ref) => _jsx(DialogPrimitive.Title, { ref: ref, ...props }));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-const DialogDescription = React.forwardRef((props, ref) => _jsx(DialogPrimitive.Description, { ref: ref, ...props }));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-const Modal = ({ titleIcon, title = 'Modal title example', titleSuffixLabel, subtitle, children, open = false, onClose, customButton = false, customButtonLabel = 'Back', onClickCustomButton, submitButtonLabel = 'Submit', cancelButtonLabel = 'Cancel', disableSubmitButton = false, stopPropagationSubmitButton = false, onSubmit, isTitleEditable = false, onTitleChanged, inputExtraClassNames, hideCloseIcon = false, size = 'xl', titleIconPosition = 'left', hideFooterButtons = false, hideSubmitButton = false, hideCancelButton = false, testId = 'modal', modalFooter, dialogClassName, titlePlaceholder, titleRequired, titleError, submitButtonTooltip, cancelButtonTooltip, disableCustomButton, customHeader, middleFooterSection = _jsx(_Fragment, {}), customButtonVariant = 'outline', submitButtonVariant = 'theme', keepFocusInsideModal = true, onPointerDownOutside, onInteractOutside, }) => {
-    const [isLoading, setIsLoading] = useState(false);
-    // the Dialog is adding pointerEvents: none to body and the dropdowns from the modal does not work anymore
-    useEffect(() => {
-        if (open) {
-            // Pushing the change to the end of the call stack
-            const timer = setTimeout(() => {
-                document.body.style.pointerEvents = '';
-            }, 0);
-            return () => clearTimeout(timer);
-        }
-        else {
-            document.body.style.pointerEvents = 'auto';
-        }
-    }, [open]);
-    const handleSubmit = async (e) => {
-        if (!onSubmit)
-            return;
-        try {
-            setIsLoading(true);
-            await onSubmit(e);
-        }
-        finally {
-            setIsLoading(false);
-        }
-    };
-    const renderTitle = () => {
-        let titleIconElement = _jsx(_Fragment, {});
-        if (titleIcon) {
-            if (typeof titleIcon === 'string') {
-                titleIconElement = (_jsx(Icon, { icon: titleIcon, testId: "modalTitleIcon", extraClassNames: "tw-flex tw-text-xl tw-mt-1" }));
-            }
-            else {
-                titleIconElement = _jsx("div", { className: "tw-mt-1.5", children: titleIcon });
-            }
-        }
-        return (_jsxs(_Fragment, { children: [titleIcon && titleIconPosition === 'left' ? _jsx("div", { className: "tw-flex tw-mr-2", children: titleIconElement }) : _jsx(_Fragment, {}), _jsx(DialogTitle, { asChild: true, children: isTitleEditable ? (_jsxs("div", { className: "tw-flex tw-w-full tw-items-center", children: [_jsx(TextField, { extraClassNames: inputExtraClassNames, value: title, type: "text", testId: "modalTitle", onChange: onTitleChanged, placeholder: titlePlaceholder, required: titleRequired, showError: !!titleError }), titleError && _jsx("p", { className: "tw-text-sq-danger-color tw-min-w-fit tw-pl-2 tw-mb-0", children: titleError })] })) : (customHeader ?? (_jsxs("div", { "data-testid": "modalTitle", className: "modal-title", children: [_jsxs("div", { className: "tw-flex tw-items-center", children: [_jsx("h3", { children: title }), titleSuffixLabel && _jsx("span", { className: "tw-text-xl tw-pl-0.5", children: titleSuffixLabel })] }), subtitle && (_jsx("div", { className: "tw-italic tw-text-sm tw-text-left tw-mt-1", "data-testid": "modal-subtitle", children: subtitle }))] }))) }), titleIcon && titleIconPosition === 'right' ? _jsx("div", { className: "tw-flex tw-ml-4", children: titleIconElement }) : _jsx(_Fragment, {})] }));
-    };
-    return open ? (_jsx(Dialog, { open: true, onOpenChange: onClose, modal: keepFocusInsideModal, children: _jsxs(DialogContent, { onPointerDownOutside: (e) => (onPointerDownOutside ? onPointerDownOutside(e) : e.preventDefault()), onInteractOutside: (e) => (onInteractOutside ? onInteractOutside(e) : e.preventDefault()), "data-testid": testId, className: classNames(`modalContent tw-w-full !tw-p-0 tw-border-none tw-shadow-none dark:tw-text-sq-dark-text !tw-gap-0`, {
-                'tw-max-w-xs': size === 'xs',
-                'tw-max-w-sm': size === 'sm',
-                'tw-max-w-md': size === 'md',
-                'tw-max-w-lg': size === 'lg',
-                'tw-max-w-xl': size === 'xl',
-                'tw-max-w-2xl': size === '2xl',
-                'tw-max-w-3xl': size === '3xl',
-                'tw-max-w-4xl': size === '4xl',
-                'tw-max-w-5xl': size === '5xl',
-                'tw-max-w-6xl': size === '6xl',
-            }, dialogClassName), children: [_jsxs(DialogHeader, { className: "modal-header tw-flex tw-w-full tw-justify-between tw-border-sq-disabled-gray\n          dark:tw-border-sq-dark-disabled-gray tw-border-0 tw-border-b tw-px-6 tw-py-4", children: [_jsx("div", { className: "tw-flex tw-w-full", children: renderTitle() }), !hideCloseIcon && (_jsx(DialogClose, { autoFocus: false, className: "[&:has(:focus-visible)]:none tw-opacity-70 tw-bg-transparent hover:tw-opacity-100  close tw-text-base tw-cursor-pointer tw-ml-4", "data-testid": "closeButton", children: _jsx("span", { className: "tw-cursor-pointer", children: "\u00D7" }) }))] }), _jsx(DialogDescription, { className: "modal-body tw-px-6 tw-py-4 tw-overflow-y-auto", asChild: true, children: children }), !hideFooterButtons && (_jsx(DialogFooter, { className: "modal-footer tw-px-6 tw-py-4", children: modalFooter ?? (_jsxs("div", { className: "tw-flex tw-w-full tw-justify-between", "data-testid": "modalFooter", children: [_jsx("div", { className: "tw-flex tw-justify-start", children: customButton && (_jsx(Button, { label: customButtonLabel, onClick: onClickCustomButton, disabled: disableCustomButton, extraClassNames: "tw-justify-start tw-min-w-[100px]", testId: "customButton", variant: customButtonVariant })) }), _jsxs("div", { className: "tw-flex tw-justify-end", children: [_jsx("div", { className: "tw-flex tw-items-center", children: middleFooterSection }), !hideCancelButton && (_jsx(DialogClose, { asChild: true, children: _jsx(Button, { label: cancelButtonLabel, extraClassNames: "tw-mr-5 tw-min-w-[100px]", tooltip: cancelButtonTooltip, variant: "outline", stopPropagation: false, testId: "cancelButton" }) })), !hideSubmitButton && (_jsx(Button, { label: submitButtonLabel, onClick: handleSubmit, disabled: disableSubmitButton || isLoading, variant: submitButtonVariant, stopPropagation: stopPropagationSubmitButton, tooltip: submitButtonTooltip, icon: isLoading ? 'fc-loading-notch tw-animate-spin' : undefined, iconPosition: "left", testId: "submitButton", extraClassNames: "tw-min-w-[100px]" }))] })] })) }))] }) })) : (_jsx(_Fragment, {}));
-};
-export default Modal;
-//# sourceMappingURL=Modal.js.map

package/dist/Modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"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"}

package/dist/Modal/Modal.stories.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AllModalsVariants: React.FunctionComponent;
-export declare const ModalsWithDisabledSubmit: React.FunctionComponent;
-export declare const ModalsWithEditableTitle: React.FunctionComponent;
-export declare const ModalsWithCustomButton: React.FunctionComponent;
-export declare const ModalsWithVariantButton: React.FunctionComponent;