@zealicsolutions/web-ui 0.4.95 → 1.0.0

package/package.json

@@ -1,124 +1,100 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.4.95",
-  "testVersion": "0.3.266",
+  "version": "1.0.0",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
   },
-  "author": "Zealic Helth_Solutions",
+  "author": "Ferhat Sahin <ferhat.sahin@zealicsolutions.com>",
   "license": "UNLICENSED",
-  "main": "./dist/cjs/index.js",
-  "module": "./dist/esm/index.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "publishConfig": {
     "directory": "dist"
   },
   "files": [
     "dist"
   ],
-  "types": "./dist/index.d.ts",
-  "moduleNameMapper": {
-    "^@zealicsolutions/web-ui/(.*)$": "<rootDir>/dist/$1",
-    "^@zealicsolutions/web-ui$": "<rootDir>/dist/index.ts"
-  },
+  "types": "dist/index.d.ts",
   "scripts": {
     "build": "npm run clean && rollup -c",
     "test": "jest",
-    "start": "npm run storybook",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
     "clean": "rimraf dist",
-    "lint:fix": "eslint --fix ./src/**/*.ts",
-    "format:fix": "prettier --write ./src",
+    "lint-fix": "eslint --fix ./src/**/*.ts",
+    "pretty": "prettier --write ./src",
     "prepare": "husky install",
-    "precommit": "yarn format:fix && yarn lint:fix"
+    "precommit": "yarn pretty && 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",
-    "@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",
-    "react-router-dom": "6.3.0"
+    "@babel/core": "^7.19.0",
+    "@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": "^6.5.10",
+    "@storybook/addon-essentials": "^6.5.10",
+    "@storybook/addon-interactions": "^6.5.10",
+    "@storybook/addon-links": "^6.5.10",
+    "@storybook/builder-webpack4": "^6.5.10",
+    "@storybook/manager-webpack4": "^6.5.10",
+    "@storybook/react": "^6.5.10",
+    "@storybook/testing-library": "^0.0.13",
+    "@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/user-event": "^14.4.3",
+    "@types/jest": "^29.0.0",
+    "@types/react": "^18.0.18",
+    "@types/styled-components": "^5.1.26",
+    "@types/styled-system": "^5.1.15",
+    "@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": "^18.2.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",
+    "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-pdf": "6.2.2",
-    "styled-components": "5.3.5",
-    "react-router-dom": "6.3.0"
+    "react": "*",
+    "react-dom": "*"
   },
   "dependencies": {
-    "@mui/material": "5.10.4",
+    "@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",
-    "styled-components": "5.3.5",
-    "text-mask-addons": "3.8.0"
+    "@types/react-dom": "^18.0.6",
+    "rc-dropdown": "^4.0.1",
+    "rc-notification": "^4.6.0",
+    "rc-tooltip": "^5.2.2",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.34.2",
+    "styled-components": "^5.3.5"
   },
   "resolutions": {
     "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
   },
   "husky": {
     "hooks": {
-      "precommit": "yarn format:fix && yarn lint:fix && yarn test"
+      "precommit": "yarn pretty && yarn lint-fix && yarn test"
     }
   },
   "bugs": {
@@ -127,4 +103,4 @@
   "homepage": "https://bitbucket.org/Zealic_Solutions/zeal-ui-web#readme",
   "keywords": [],
   "description": ""
-}
+}

package/dist/cjs/src/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) => JSX.Element;

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

@@ -1,8 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Avatar as AvatarComponent } from './Avatar';
-declare const _default: {
-    title: string;
-    component: ({ size, withShadow, label, backgroundColor, onPress, content: { initials, iconName, imageUrl }, textConfig: { color, font }, }: import("./Avatar").AvatarProps) => JSX.Element;
-};
-export default _default;
-export declare const Avatar: ComponentStory<typeof AvatarComponent>;

package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts

@@ -1,19 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import { TextButtonProps } from 'atoms/Buttons/TextButton';
-import { FC } from 'react';
-import { IconButton as IconButtonComponent } from './IconButton';
-import { TouchableOpacityProps } from './TouchableOpacity';
-declare const _default: {
-    title: string;
-    component: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("../..").BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
-        buttonLink: string;
-        elementId: string;
-        $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        $variant: import("atoms/Buttons/TextButton").LinkVariant;
-        textColor: string;
-    }>, never>;
-};
-export default _default;
-export declare const TouchableOpacity: StoryFn<FC<TouchableOpacityProps>>;
-export declare const TextButton: StoryFn<FC<TextButtonProps>>;
-export declare const IconButton: StoryFn<typeof IconButtonComponent>;

package/dist/cjs/src/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) => JSX.Element;

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

@@ -1,17 +0,0 @@
-import { BaseButtonProps } from 'molecules';
-import { StylesType } from 'typescript';
-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 TextButton: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<BaseButtonProps, "children" | "onClick" | "disabled" | "size" | "colorTheme"> & Partial<{
-    buttonLink: string;
-    elementId: string;
-    $styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-    $variant: LinkVariant;
-    textColor: string;
-}>, never>;

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

@@ -1,8 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Checkbox as CheckboxComponent } from './Checkbox';
-declare const _default: {
-    title: string;
-    component: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
-};
-export default _default;
-export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

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

@@ -1,2 +0,0 @@
-import { CheckboxInternalConfigProps, CheckBoxStates, CheckboxStylesConfig } from './types';
-export declare const getCheckboxStyles: (isHovered: boolean, checkboxState: CheckBoxStates, internalConfig?: CheckboxInternalConfigProps) => CheckboxStylesConfig;

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

@@ -1,18 +0,0 @@
-import { SizesTypes, ThemeColors } from 'theme';
-import type { StylesType } from 'typescript';
-export declare type CheckboxInternalConfigProps = Partial<{
-    selectedCheckboxBackgroundColor: ThemeColors | string;
-    selectedCheckboxIconColor: ThemeColors | string;
-    buttonPadding: number;
-    textPadding: number;
-    styles: StylesType;
-    wrapperStyles: StylesType;
-    buttonOptionSpacing?: SizesTypes;
-}>;
-export declare type CheckboxStylesConfig = {
-    checkboxIconWrapperColor: StylesType;
-    checkboxIconColor: ThemeColors | string;
-    checkboxWrapperStyles: StylesType;
-    checkboxTextStyles: StylesType;
-};
-export declare type CheckBoxStates = 'selected' | 'disabled' | 'error' | 'default';

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

@@ -1,8 +0,0 @@
-declare type CircleType = 'link' | 'message';
-export declare type CircleBoxProps = {
-    index: number;
-    type: CircleType;
-};
-export declare const Circle: ({ index, type }: CircleBoxProps) => JSX.Element;
-export declare const CirclesWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export {};

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

@@ -1,8 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Circle as CircleComponent } from 'atoms/Circle/Circle';
-declare const _default: {
-    title: string;
-    component: ({ index, type }: import("atoms/Circle/Circle").CircleBoxProps) => JSX.Element;
-};
-export default _default;
-export declare const Circle: ComponentStory<typeof CircleComponent>;

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

@@ -1,8 +0,0 @@
-import { ThemeColors } from 'theme';
-export declare type CircularIndicatorProps = {
-    active: boolean;
-    activeColor?: ThemeColors | string;
-    inactiveColor?: ThemeColors | string;
-};
-export declare const CircularIndicator: ({ activeColor, inactiveColor, ...props }: CircularIndicatorProps) => JSX.Element;
-export declare const CircularIndicatorStyledComponent: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CircularIndicatorProps, never>;

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

@@ -1,8 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import { CircularIndicator as CircularIndicatorComponent } from './CircularIndicator';
-declare const _default: {
-    title: string;
-    component: ({ activeColor, inactiveColor, ...props }: import("./CircularIndicator").CircularIndicatorProps) => JSX.Element;
-};
-export default _default;
-export declare const CircularIndicator: StoryFn<typeof CircularIndicatorComponent>;

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

@@ -1,9 +0,0 @@
-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("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DividerProps, never>;

package/dist/cjs/src/atoms/GoogleMap/GoogleMap.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { WithGoogleMapProps } from 'react-google-maps/lib/withGoogleMap';
-import { WithScriptjsProps } from 'react-google-maps/lib/withScriptjs';
-export declare type MapPosition = {
-    lat: number;
-    lng: number;
-};
-export declare type GoogleMapProps = {
-    position: MapPosition;
-} & WithScriptjsProps & WithGoogleMapProps;
-export declare const GoogleMap: React.ComponentClass<{
-    position: MapPosition;
-} & WithScriptjsProps & WithGoogleMapProps, any>;

package/dist/cjs/src/atoms/GoogleMap/GoogleMap.stories.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-/// <reference types="react-google-maps/types" />
-import type { ComponentStory } from '@storybook/react';
-import { GoogleMap as GoogleMapComponent } from './GoogleMap';
-declare const _default: {
-    title: string;
-    component: import("react").ComponentClass<{
-        position: import("./GoogleMap").MapPosition;
-    } & import("react-google-maps/lib/withScriptjs").WithScriptjsProps & import("react-google-maps/lib/withGoogleMap").WithGoogleMapProps, any>;
-};
-export default _default;
-export declare const GoogleMap: ComponentStory<typeof GoogleMapComponent>;

package/dist/cjs/src/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) => JSX.Element;

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

@@ -1,8 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { HorizontalButtons as HorizontalButtonsComponent } from './HorizontalButtons';
-declare const _default: {
-    title: string;
-    component: ({ onClick, disabled, buttonOptions, selectedButtonId, error, }: import("./HorizontalButtons").HorizontalButtonsProps) => JSX.Element;
-};
-export default _default;
-export declare const HorizontalButtons: ComponentStory<typeof HorizontalButtonsComponent>;

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

@@ -1,8 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Icon as IconComponent } from './Icon';
-declare const _default: {
-    title: string;
-    component: ({ name, color, ...props }: import("./Icon").IconProps) => JSX.Element;
-};
-export default _default;
-export declare const Icon: ComponentStory<typeof IconComponent>;

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

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-import type { StoryFn } from '@storybook/react';
-import { InputProps } from './Input';
-import { InputFieldTypes } from '../../fieldsConfiguration';
-declare const _default: {
-    title: string;
-    component: ({ value, leftIcon, rightIcon, onChange, onBlur, disabled, isError, placeholder, isEditMode, type, internalConfig, config, ...rest }: Partial<{
-        value: string;
-        leftIcon: import("./Input").InputIconProps;
-        rightIcon: import("./Input").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("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        }>;
-        config?: import("./helpers").MaskConfig | undefined;
-        state: import("../..").FormStateType;
-    }>) => JSX.Element;
-};
-export default _default;
-export declare const Input: StoryFn<InputProps>;

package/dist/cjs/src/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?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "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("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-    }>;
-    config?: MaskConfig | undefined;
-    state: import("../../containers").FormStateType;
-}>, "disabled" | "isEditMode" | "isError"> & {
-    isFocused: boolean;
-}) => ThemeColors;

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

@@ -1,6 +0,0 @@
-import { SizesTypes } from 'theme';
-export declare type PaddingProps = {
-    padding: SizesTypes | number;
-};
-export declare const HorizontalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PaddingProps, never>;
-export declare const VerticalPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PaddingProps, never>;

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

@@ -1,55 +0,0 @@
-import { RadioGroup } from '@mui/material';
-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: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        buttonOptionSpacing: SizesTypes;
-        radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-    }>;
-}>) => JSX.Element;
-export declare const RadioGroupWrapper: import("styled-components").StyledComponent<typeof RadioGroup, import("styled-components").DefaultTheme, StyledTransientProps<{
-    isRow: boolean;
-}> & OverrideStyles, never>;

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

@@ -1,30 +0,0 @@
-import type { StoryFn } from '@storybook/react';
-import { RadioButtons as RadioButtonsComponent } from './RadioButtons';
-declare const _default: {
-    title: string;
-    component: <T extends string>({ ref, name, value, options, onBlur, onChange, isRow, isError, disabled, isEditMode, isRichText, internalConfig, }: Partial<{
-        ref: import("react-hook-form").RefCallBack;
-        name: string;
-        value: T;
-        options: import("..").SelectOption[];
-        onBlur: import("../../typescript").Callback;
-        onChange: (value: T) => void;
-        isRow: boolean;
-        isError: boolean;
-        disabled: boolean;
-        isEditMode: boolean;
-        isRichText: boolean;
-        internalConfig: Partial<{
-            selectedRadioOptionBackgroundColor: string;
-            selectedRadioOptionIndicatorColor: string;
-            buttonPadding: number;
-            textPadding: number;
-            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-            buttonOptionSpacing: import("theme").SizesTypes;
-            radioGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
-        }>;
-    }>) => JSX.Element;
-};
-export default _default;
-export declare const RadioButtons: StoryFn<typeof RadioButtonsComponent>;

package/dist/cjs/src/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) => JSX.Element;
-export {};