@zealicsolutions/web-ui 0.3.268 → 0.3.334

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.268",
-  "testVersion": "0.3.266",
+  "version": "0.3.334",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
   },
-  "author": "Zealic Health Solutions",
+  "author": "Ferhat Sahin <ferhat.sahin@zealicsolutions.com>",
   "license": "UNLICENSED",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -22,114 +21,103 @@
     "^@zealicsolutions/web-ui$": "<rootDir>/dist/index.ts"
   },
   "scripts": {
-    "clean": "rimraf dist",
     "build": "npm run clean && rollup -c",
     "test": "jest",
     "start": "npm run storybook",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "clean": "rimraf dist",
     "lint:fix": "eslint --fix ./src/**/*.ts",
     "format:fix": "prettier --write ./src",
     "prepare": "husky install",
     "precommit": "yarn format:fix && yarn lint:fix"
   },
   "devDependencies": {
-    "@babel/core": "7.19.0",
-    "@babel/preset-env": "7.22.4",
-    "@babel/preset-react": "7.22.3",
-    "@babel/preset-typescript": "7.21.5",
-    "@commitlint/cli": "17.1.2",
-    "@commitlint/config-conventional": "17.1.0",
-    "@emotion/babel-plugin": "^11.12.0",
-    "@rollup/plugin-commonjs": "22.0.2",
-    "@rollup/plugin-node-resolve": "14.0.0",
-    "@rollup/plugin-typescript": "8.5.0",
-    "@storybook/addon-actions": "7.0.18",
-    "@storybook/addon-essentials": "7.0.18",
-    "@storybook/addon-interactions": "7.0.18",
-    "@storybook/addon-links": "7.0.18",
-    "@storybook/react": "7.0.18",
-    "@storybook/react-webpack5": "7.0.18",
-    "@storybook/testing-library": "0.1.0",
-    "@swc/core": "1.2.248",
-    "@swc/jest": "0.2.22",
-    "@testing-library/jest-dom": "5.16.5",
-    "@testing-library/react": "13.4.0",
-    "@testing-library/react-hooks": "8.0.1",
-    "@testing-library/user-event": "14.4.3",
-    "@types/jest": "29.0.0",
-    "@types/react": "18.0.18",
-    "@types/react-pdf": "6.2.0",
-    "@types/react-text-mask": "5.4.11",
-    "@types/styled-components": "5.1.26",
-    "@types/styled-system": "5.1.15",
-    "@types/text-mask-addons": "3.8.1",
-    "@typescript-eslint/eslint-plugin": "5.36.2",
-    "@typescript-eslint/parser": "5.36.2",
-    "babel-loader": "8.2.5",
-    "eslint": "8.23.0",
-    "eslint-config-airbnb": "19.0.4",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-prettier": "4.2.1",
-    "husky": "8.0.1",
-    "jest": "29.0.2",
-    "jest-environment-jsdom": "29.0.2",
-    "prettier": "2.7.1",
-    "react-router-dom": "6.3.0",
-    "rimraf": "3.0.2",
-    "rollup": "2.79.0",
-    "rollup-plugin-dts": "4.2.2",
-    "rollup-plugin-import-css": "3.0.3",
-    "rollup-plugin-peer-deps-external": "2.2.4",
-    "rollup-plugin-terser": "7.0.2",
-    "storybook": "7.0.18",
-    "styled-system": "5.1.5",
-    "ts-node": "10.9.1",
-    "typescript": "4.8.2"
+    "@babel/core": "^7.19.0",
+    "@babel/preset-env": "^7.22.4",
+    "@babel/preset-react": "^7.22.3",
+    "@babel/preset-typescript": "^7.21.5",
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@rollup/plugin-commonjs": "^22.0.2",
+    "@rollup/plugin-node-resolve": "^14.0.0",
+    "@rollup/plugin-typescript": "^8.5.0",
+    "@storybook/addon-actions": "^7.0.18",
+    "@storybook/addon-essentials": "^7.0.18",
+    "@storybook/addon-interactions": "^7.0.18",
+    "@storybook/addon-links": "^7.0.18",
+    "@storybook/react": "^7.0.18",
+    "@storybook/react-webpack5": "^7.0.18",
+    "@storybook/testing-library": "^0.1.0",
+    "@swc/core": "^1.2.248",
+    "@swc/jest": "^0.2.22",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^29.0.0",
+    "@types/react": "^18.0.18",
+    "@types/react-pdf": "^6.2.0",
+    "@types/react-text-mask": "^5.4.11",
+    "@types/styled-components": "^5.1.26",
+    "@types/styled-system": "^5.1.15",
+    "@types/text-mask-addons": "^3.8.1",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
+    "babel-loader": "^8.2.5",
+    "eslint": "^8.23.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "husky": "^8.0.1",
+    "jest": "^29.0.2",
+    "jest-environment-jsdom": "^29.0.2",
+    "prettier": "^2.7.1",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.79.0",
+    "rollup-plugin-dts": "^4.2.2",
+    "rollup-plugin-import-css": "^3.0.3",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2",
+    "storybook": "^7.0.18",
+    "styled-system": "^5.1.5",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.8.2"
   },
   "peerDependencies": {
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-pdf": "6.2.2",
-    "react-router-dom": "6.3.0",
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@mui/base": "^5.0.0-beta.60",
-    "@mui/joy": "^5.0.0-beta.48",
-    "@mui/material": "6.1.5",
-    "@mui/utils": "^6.1.5"
+    "styled-components": "^5.3.5"
   },
   "dependencies": {
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@mui/base": "^5.0.0-beta.60",
-    "@mui/joy": "^5.0.0-beta.48",
-    "@mui/material": "6.1.5",
-    "@mui/utils": "^6.1.5",
-    "@types/react-dom": "18.0.6",
-    "date-fns": "2.29.3",
-    "rc-dropdown": "4.0.1",
-    "rc-notification": "4.6.0",
-    "rc-tooltip": "5.2.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-google-maps": "9.4.5",
-    "react-hook-form": "7.34.2",
+    "@mui/material": "^5.10.4",
+    "@mui/styled-engine-sc": "npm:@mui/styled-engine-sc@latest",
+    "@types/react-dom": "^18.0.6",
+    "date-fns": "^2.29.3",
+    "rc-dropdown": "^4.0.1",
+    "rc-notification": "^4.6.0",
+    "rc-tooltip": "^5.2.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-google-maps": "^9.4.5",
+    "react-hook-form": "^7.34.2",
     "react-pdf": "6.2.2",
-    "react-text-mask": "5.5.0",
-    "slate": "0.85.0",
-    "slate-react": "0.83.2",
-    "text-mask-addons": "3.8.0"
+    "react-text-mask": "^5.5.0",
+    "slate": "^0.85.0",
+    "slate-react": "^0.83.2",
+    "styled-components": "^5.3.5",
+    "text-mask-addons": "^3.8.0"
+  },
+  "resolutions": {
+    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
   },
   "husky": {
     "hooks": {
       "precommit": "yarn format:fix && yarn lint:fix && yarn test"
     }
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "bugs": {
     "url": "https://bitbucket.org/Zealic_Solutions/zeal-ui-web/issues"
   },

package/dist/cjs/atoms/Avatar/Avatar.d.ts

@@ -1,20 +0,0 @@
-import type { Callback } from 'typescript';
-import { FontSizesTypes, SizesTypes, ThemeColors } from 'theme';
-import { IconNames } from '..';
-export declare type AvatarProps = {
-    size?: SizesTypes | number;
-    withShadow?: boolean;
-    label?: string;
-    backgroundColor?: ThemeColors;
-    textConfig?: {
-        color?: ThemeColors;
-        font?: FontSizesTypes;
-    };
-    content: {
-        initials?: string;
-        iconName?: IconNames;
-        imageUrl?: string;
-    };
-    onPress?: Callback;
-};
-export declare const Avatar: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/atoms/Buttons/IconButton.d.ts

@@ -1,12 +0,0 @@
-import { ThemeColors } from 'theme';
-import { IconNames, TouchableOpacityProps } from 'atoms';
-import type { Callback } from 'typescript';
-export declare type IconButtonProps = {
-    name: IconNames;
-    size?: number;
-    onClick: Callback;
-    color?: ThemeColors | string;
-    fill?: ThemeColors | string;
-    pointerEvents?: 'auto' | 'none';
-};
-export declare const IconButton: ({ name, color, onClick, disabled, activeOpacity, withoutOpacityEffect, ...props }: IconButtonProps & TouchableOpacityProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/atoms/Buttons/TextButton.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { StylesType } from 'typescript';
-import { BaseButtonProps } from 'molecules';
-export declare type LinkVariant = 'link' | 'custom';
-export declare type TextButtonProps = Pick<BaseButtonProps, 'disabled' | 'onClick' | 'children' | 'colorTheme' | 'size'> & Partial<{
-    buttonLink: string;
-    elementId: string;
-    $styles: StylesType;
-    $variant: LinkVariant;
-    textColor: string;
-}>;
-export declare const BaseTextButton: React.FC<TextButtonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>>;
-export declare const TextButton: import("@emotion/styled").StyledComponent<Pick<BaseButtonProps, "children" | "disabled" | "size" | "onClick" | "colorTheme"> & Partial<{
-    buttonLink: string;
-    elementId: string;
-    $styles: StylesType;
-    $variant: LinkVariant;
-    textColor: string;
-}> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/dist/cjs/atoms/Buttons/TouchableOpacity.d.ts

@@ -1,16 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare type TouchableOpacityProps = PropsWithChildren<{
-    activeOpacity?: number;
-    withoutOpacityEffect?: boolean;
-    disabled?: boolean;
-}>;
-export declare const TouchableOpacity: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    activeOpacity?: number | undefined;
-    withoutOpacityEffect?: boolean | undefined;
-    disabled?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/atoms/Checkbox/Checkbox.d.ts

@@ -1,14 +0,0 @@
-import { CheckboxInternalConfigProps } from './types';
-export declare type CheckboxProps = {
-    id: string;
-    onClick: (id: string) => void;
-    label: string;
-    isError?: boolean;
-    disabled?: boolean;
-    isEditMode?: boolean;
-    isSelected?: boolean;
-    isRichText?: boolean;
-    notInteractable?: boolean;
-    internalConfig?: CheckboxInternalConfigProps;
-};
-export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/atoms/Circle/Circle.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-declare type CircleType = 'link' | 'message';
-export declare type CircleBoxProps = {
-    index: number;
-    type: CircleType;
-};
-export declare const Circle: ({ index, type }: CircleBoxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CirclesWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export {};

package/dist/cjs/atoms/CircularIndicator/CircularIndicator.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { ThemeColors } from 'theme';
-export declare type CircularIndicatorProps = {
-    active: boolean;
-    activeColor?: ThemeColors | string;
-    inactiveColor?: ThemeColors | string;
-};
-export declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CircularIndicatorStyledComponent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & CircularIndicatorProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/cjs/atoms/Divider/Divider.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { SizesTypes, ThemeColors } from 'theme';
-export declare type DividerProps = {
-    type?: 'horizontal' | 'vertical';
-    color?: ThemeColors | string;
-    marginVertical?: SizesTypes | number;
-    marginHorizontal?: SizesTypes | number;
-    weight?: number;
-};
-export declare const Divider: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & DividerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/atoms/HorizontalButtons/HorizontalButtons.d.ts

@@ -1,11 +0,0 @@
-export declare type HorizontalButtonsProps = {
-    selectedButtonId: string;
-    buttonOptions: {
-        value: string;
-        id: string;
-    }[];
-    onClick: (value: string) => void;
-    disabled?: boolean;
-    error?: boolean;
-};
-export declare const HorizontalButtons: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: HorizontalButtonsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/atoms/Icon/Icon.d.ts

@@ -1,38 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { ThemeColors } from 'theme';
-export declare type IconProps = {
-    name: IconNames;
-    size?: number;
-    color?: ThemeColors | string;
-    fill?: ThemeColors | string;
-    pointerEvents?: 'auto' | 'none';
-    style?: CSSObject;
-};
-declare const availableIcons: {
-    ArrowRight: ({ color, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Bell: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Bookmark: ({ fill, color, size, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    CaretDown: ({ color, size, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    CaretLeft: ({ color, size, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    CaretRight: ({ color, size, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    CaretUp: ({ color, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Check: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Close: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Edit: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Filter: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Hide: ({ color, size }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Info: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    InfoBoxIcon: ({ color, size }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Mail: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Menu: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Minus: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Mobile: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Play: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Save: ({ size, color }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Search: ({ size, color, ...props }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    View: ({ color, size, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Warning: ({ size, color, }: Omit<IconProps, "name">) => import("@emotion/react/jsx-runtime").JSX.Element;
-};
-export declare type IconNames = keyof typeof availableIcons;
-export declare const Icon: ({ name, color, ...props }: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/atoms/Input/Input.d.ts

@@ -1,39 +0,0 @@
-import type { IconNames } from 'atoms/Icon/Icon';
-import { FormStateType } from 'containers';
-import { InputFieldTypes } from 'fieldsConfiguration/types';
-import React from 'react';
-import { ThemeColors } from 'theme/types';
-import type { Callback, StylesType } from 'typescript';
-import { MaskConfig } from './helpers';
-export declare type InputFieldInternalConfigProps = Partial<{
-    textColor: ThemeColors | string;
-    textFontSize: number;
-    placeholderTextColor: ThemeColors | string;
-    placeholderTextFontSize: number;
-    verticalPadding: number;
-    horizontalPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-}>;
-export declare type InputIconProps = {
-    name: IconNames;
-    onClick?: Callback;
-};
-export declare type InputProps = Partial<{
-    value: string;
-    leftIcon: InputIconProps;
-    rightIcon: InputIconProps;
-    onBlur: Callback;
-    type: InputFieldTypes;
-    placeholder: string;
-    disabled: boolean;
-    isEditMode: boolean;
-    isError: boolean;
-    maxLength: number;
-    onChange: (value: string) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    internalConfig: InputFieldInternalConfigProps;
-    config?: MaskConfig;
-    state: FormStateType;
-}>;
-export declare const Input: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: InputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/atoms/Input/helpers.d.ts

@@ -1,44 +0,0 @@
-import { MaskedInputProps } from 'react-text-mask';
-import { HTMLInputTypeAttribute } from 'react';
-import { ThemeColors } from 'theme';
-import { InputProps } from 'atoms';
-import { InputFieldTypes } from '../../fieldsConfiguration';
-import { DataModelFieldFormatCodeTypes } from '../../containers';
-export declare type MaskConfig = {
-    maskPlaceholder?: string;
-    maskPattern?: Array<string | RegExp>;
-    dataModelFieldType: DataModelFieldFormatCodeTypes;
-};
-export declare const getSpecificInputProps: (type: InputFieldTypes) => {
-    type?: HTMLInputTypeAttribute | undefined;
-    inputMode?: "none" | "search" | "text" | "email" | "numeric" | "tel" | "url" | "decimal" | undefined;
-};
-export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
-export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<Partial<{
-    value: string;
-    leftIcon: import("atoms").InputIconProps;
-    rightIcon: import("atoms").InputIconProps;
-    onBlur: import("../../typescript").Callback;
-    type: InputFieldTypes;
-    placeholder: string;
-    disabled: boolean;
-    isEditMode: boolean;
-    isError: boolean;
-    maxLength: number;
-    onChange: (value: string) => void;
-    onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
-    internalConfig: Partial<{
-        textColor: string;
-        textFontSize: number;
-        placeholderTextColor: string;
-        placeholderTextFontSize: number;
-        verticalPadding: number;
-        horizontalPadding: number;
-        styles: import("@emotion/utils").SerializedStyles;
-        wrapperStyles: import("@emotion/utils").SerializedStyles;
-    }>;
-    config?: MaskConfig | undefined;
-    state: import("../../containers").FormStateType;
-}>, "disabled" | "isEditMode" | "isError"> & {
-    isFocused: boolean;
-}) => ThemeColors;

package/dist/cjs/atoms/Paddings/Paddings.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { SizesTypes } from 'theme';
-export declare type PaddingProps = {
-    padding: SizesTypes | number;
-};
-export declare const HorizontalPadding: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & PaddingProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const VerticalPadding: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & PaddingProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/atoms/RadioButtons/RadioButtons.d.ts

@@ -1,56 +0,0 @@
-import { RefCallBack } from 'react-hook-form/dist/types';
-import { SizesTypes, ThemeColors } from 'theme';
-import type { Callback, OverrideStyles, StyledTransientProps, StylesType } from 'typescript';
-import { SelectOption } from '../Select/Select';
-export declare type RadioButtonInternalConfigProps = Partial<{
-    selectedRadioOptionBackgroundColor: ThemeColors | string;
-    selectedRadioOptionIndicatorColor: ThemeColors | string;
-    buttonPadding: number;
-    textPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-    buttonOptionSpacing: SizesTypes;
-    radioGroupWrapperStyles: StylesType;
-}>;
-export declare type RadioButtonsProps<T extends string> = Partial<{
-    ref: RefCallBack;
-    name: string;
-    value: T;
-    options: SelectOption[];
-    onBlur: Callback;
-    onChange: (value: T) => void;
-    isRow: boolean;
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isRichText: boolean;
-    internalConfig: RadioButtonInternalConfigProps;
-}>;
-export declare const RadioButtons: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
-    ref: RefCallBack;
-    name: string;
-    value: T;
-    options: SelectOption[];
-    onBlur: Callback;
-    onChange: (value: T) => void;
-    isRow: boolean;
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isRichText: boolean;
-    internalConfig: Partial<{
-        selectedRadioOptionBackgroundColor: ThemeColors | string;
-        selectedRadioOptionIndicatorColor: ThemeColors | string;
-        buttonPadding: number;
-        textPadding: number;
-        styles: StylesType;
-        wrapperStyles: StylesType;
-        buttonOptionSpacing: SizesTypes;
-        radioGroupWrapperStyles: StylesType;
-    }>;
-}>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const RadioGroupWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").RadioGroupProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & StyledTransientProps<{
-    isRow: boolean;
-}> & OverrideStyles, {}, {}>;

package/dist/cjs/atoms/RadioButtons/RadioOption.d.ts

@@ -1,11 +0,0 @@
-import { RadioButtonInternalConfigProps, SelectOption } from 'atoms';
-declare type RadioOptionProps = {
-    option: SelectOption;
-    isError?: boolean;
-    disabled?: boolean;
-    isEditMode?: boolean;
-    isRichText?: boolean;
-    internalConfig?: RadioButtonInternalConfigProps;
-};
-export declare const RadioOption: ({ option, isError, disabled, isEditMode, isRichText, internalConfig, }: RadioOptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/atoms/RadioButtons/helpers.d.ts

@@ -1,17 +0,0 @@
-import { RadioButtonInternalConfigProps } from 'atoms';
-import { ThemeColors } from 'theme';
-import type { StylesType } from 'typescript';
-declare type RadioOptionStylesConfig = {
-    textStyles: StylesType;
-    groupWrapperStyles: StylesType;
-    radioIconWrapperStyles: StylesType;
-    radioLabelWrapperStyles: StylesType;
-    textColor: ThemeColors;
-};
-declare type GetRadioOptionStylesProps = Partial<{
-    isError: boolean;
-    disabled: boolean;
-    internalConfig: RadioButtonInternalConfigProps;
-}>;
-export declare const getRadioOptionStyles: ({ isError, disabled, internalConfig, }: GetRadioOptionStylesProps) => RadioOptionStylesConfig;
-export {};

package/dist/cjs/atoms/RadioButtons/styles.d.ts

@@ -1,13 +0,0 @@
-import type { OverrideStyles, StyledTransientProps } from 'typescript';
-export declare const RadioLabelWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlLabelProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & StyledTransientProps<{
-    isError?: boolean | undefined;
-}> & OverrideStyles, {}, {}>;
-export declare const RadioIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/material").RadioProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & StyledTransientProps<{
-    disabled: boolean;
-    isError?: boolean | undefined;
-    isEditMode?: boolean | undefined;
-}> & OverrideStyles, {}, {}>;

package/dist/cjs/atoms/RegularImage/RegularImage.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import type { Callback, OverrideStyles } from 'typescript';
-import { SizesTypes } from 'theme';
-export declare type RegularImageProps = {
-    src: string;
-} & Partial<{
-    alt: string;
-    width: number | string;
-    height: number | string;
-    onClick: Callback;
-    cornerRadius: SizesTypes | number;
-}> & OverrideStyles;
-export declare const RegularImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    src: string;
-} & Partial<{
-    alt: string;
-    width: number | string;
-    height: number | string;
-    onClick: Callback;
-    cornerRadius: SizesTypes | number;
-}> & OverrideStyles, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const BackgroundImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    src: string;
-} & Partial<{
-    alt: string;
-    width: number | string;
-    height: number | string;
-    onClick: Callback;
-    cornerRadius: SizesTypes | number;
-}> & OverrideStyles & import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;