@trafilea/afrodita-components 3.0.7-beta.0 → 4.0.1-beta.1

package/build/dts/components/icon-button/IconButton.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ComponentSize } from '../../types/enums';
+export interface IconButtonProps {
+    children: React.ReactNode;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
+}
+export interface ContainerProps {
+    backgroundColor: string;
+    hoverBackgroundColor: string;
+    disabledColor: string;
+    disabledIconColor: string;
+    size: ComponentSize;
+}
+export declare const IconButton: ({ children, disabled, size, onClick, }: IconButtonProps) => JSX.Element;

package/build/dts/components/icon-button/IconButton.stories.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { IconButtonProps } from './IconButton';
+import { ComponentSize } from '../../types/enums';
+declare const _default: {
+    title: string;
+    component: ({ children, disabled, size, onClick, }: IconButtonProps) => JSX.Element;
+    argTypes: {
+        size: {
+            options: ComponentSize[];
+            control: {
+                type: string;
+                labels: {
+                    0: string;
+                    1: string;
+                    2: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const BasicButtonIcon: Story<IconButtonProps>;

package/build/dts/components/icon-button/IconButton.test.d.ts

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

package/build/dts/components/icon-button/amazonAndPaypal/AmazonPaypalButtons.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface AmazonPaypalBtnProps {
+    onClick: () => void;
+}
+export declare const AmazonButton: ({ onClick }: AmazonPaypalBtnProps) => JSX.Element;
+export declare const PaypalButton: ({ onClick }: AmazonPaypalBtnProps) => JSX.Element;

package/build/dts/components/icon-button/amazonAndPaypal/AmazonPaypalButtons.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story } from '@storybook/react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Paypal: Story;
+export declare const Amazon: Story;

package/build/dts/components/icon-button/amazonAndPaypal/AmazonPaypalButtons.test.d.ts

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

package/build/dts/components/icons/Actions/Check.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Check: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Actions/ClearLight.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const ClearLight: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Actions/Close.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Close: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Actions/LightCheck.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export interface LightCheckProps extends IconProps {
+    strokeWidth?: number;
+}
+export declare const LightCheck: ({ height, width, fill, strokeWidth }: LightCheckProps) => JSX.Element;

package/build/dts/components/icons/Actions/LightExclamation.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const LightExclamation: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Actions/Question.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Question: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Actions/Trash.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Trash: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Actions/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Check';
+export * from './ClearLight';
+export * from './LightExclamation';
+export * from './LightCheck';
+export * from './Question';
+export * from './Close';
+export * from './Trash';

package/build/dts/components/icons/Arrows/ChevronDown.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const ChevronDown: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Arrows/ChevronLeft.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconWithOpacityProps } from '../../../types/types';
+export declare const ChevronLeft: ({ height, width, fill, opacity }: IconWithOpacityProps) => JSX.Element;

package/build/dts/components/icons/Arrows/ChevronRight.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconWithOpacityProps } from '../../../types/types';
+export declare const ChevronRight: ({ height, width, fill, opacity }: IconWithOpacityProps) => JSX.Element;

package/build/dts/components/icons/Arrows/ChevronRightVariant.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const ChevronRightVariant: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Arrows/ChevronUp.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const ChevronUp: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Arrows/ChevronUpSolid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const ChevronUpSolid: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Arrows/CircleUp.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const CircleUp: ({ width, height, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Arrows/index.d.ts

@@ -0,0 +1,7 @@
+export * from './ChevronDown';
+export * from './ChevronLeft';
+export * from './ChevronRight';
+export * from './ChevronRightVariant';
+export * from './ChevronUp';
+export * from './ChevronUpSolid';
+export * from './CircleUp';

package/build/dts/components/icons/Custom/SixtyDaysGuarantee.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps) => JSX.Element;

package/build/dts/components/icons/Custom/index.d.ts

@@ -0,0 +1 @@
+export * from './SixtyDaysGuarantee';

package/build/dts/components/icons/Download/AppleStore.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const AppleStore: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Download/GooglePlay.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const GooglePlay: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Download/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AppleStore';
+export * from './GooglePlay';

package/build/dts/components/icons/Messaging/Comment.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Comment: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Messaging/Messenger.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Messenger: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Messaging/QuestionCircle.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const QuestionCircle: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Messaging/index.d.ts

@@ -0,0 +1,3 @@
+export * from './QuestionCircle';
+export * from './Messenger';
+export * from './Comment';

package/build/dts/components/icons/Navigation/MapMarker.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const MapMarker: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Navigation/Search.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Search: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Navigation/ShoppingBag.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const ShoppingBag: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Navigation/User.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const User: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Navigation/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Search';
+export * from './User';
+export * from './ShoppingBag';
+export * from './MapMarker';

package/build/dts/components/icons/Other/FitPredictor.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const FitPredictor: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/Other/Loading.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export interface LoadingProps extends IconProps {
+    backgroundColor: string;
+}
+export declare const Loading: ({ height, width, fill, backgroundColor }: LoadingProps) => JSX.Element;

package/build/dts/components/icons/Other/Shapermint.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Shapermint: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Other/index.d.ts

@@ -0,0 +1,4 @@
+export * from './FitPredictor';
+export * from './Loading';
+export * from './Shapermint';
+export * from './mcAfee';

package/build/dts/components/icons/Other/mcAfee.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const McAfee: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/Clock.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Clock: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/FlagUSA.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const FlagUSA: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/Minus.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Minus: ({ height, width, fill, title }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/Plus.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Plus: ({ height, width, fill, title }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/Rule.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Rule: ({ width, height, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/Shipping.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Shipping: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/Star.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Star: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/StarEmpty.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const StarEmpty: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/StarHalf.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const StarHalf: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/Stopwatch.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Stopwatch: ({ height, width, fill, title }: IconProps) => JSX.Element;

package/build/dts/components/icons/PDP/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Clock';
+export * from './FlagUSA';
+export * from './Minus';
+export * from './Plus';
+export * from './Rule';
+export * from './Star';
+export * from './StarEmpty';
+export * from './StarHalf';
+export * from './Stopwatch';
+export * from './Shipping';

package/build/dts/components/icons/Payment/Amazon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Amazon: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Payment/Amex.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const AMEX: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Payment/JCB.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const JCB: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Payment/Klarna.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Klarna: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Payment/MasterCard.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const MasterCard: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Payment/Paypal.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Paypal: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Payment/Visa.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Visa: ({ height, width }: IconProps) => JSX.Element;

package/build/dts/components/icons/Payment/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Visa';
+export * from './MasterCard';
+export * from './Amex';
+export * from './JCB';
+export * from './Paypal';
+export * from './Klarna';
+export * from './Amazon';

package/build/dts/components/icons/SlideDots/SlideDot.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconWithOpacityProps, WithTestId } from '../../../types/types';
+export declare const SlideDot: ({ height, width, fill, opacity, dataTestId, }: IconWithOpacityProps & WithTestId) => JSX.Element;

package/build/dts/components/icons/SlideDots/index.d.ts

@@ -0,0 +1 @@
+export * from './SlideDot';

package/build/dts/components/icons/SocialMedia/Facebook.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Facebook: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/SocialMedia/FacebookSolid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const FacebookSolid: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/SocialMedia/Instagram.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Instagram: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/SocialMedia/InstagramSolid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const InstagramSolid: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/SocialMedia/Pinterest.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Pinterest: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/SocialMedia/Twitter.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Twitter: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/SocialMedia/Youtube.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconProps } from '../../../types/types';
+export declare const Youtube: ({ height, width, fill }: IconProps) => JSX.Element;

package/build/dts/components/icons/SocialMedia/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Facebook';
+export * from './FacebookSolid';
+export * from './Instagram';
+export * from './InstagramSolid';
+export * from './Pinterest';
+export * from './Twitter';
+export * from './Youtube';

package/build/dts/components/icons/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { IconProps } from '../../types/types';
+import * as Custom from './Custom';
+import * as Actions from './Actions';
+import * as Other from './Other';
+import * as Arrows from './Arrows';
+import * as PDP from './PDP';
+import * as SocialMedia from './SocialMedia';
+import * as Navigation from './Navigation';
+import * as Messaging from './Messaging';
+import * as Download from './Download';
+import * as Payment from './Payment';
+import * as SlideDots from './SlideDots';
+export declare type IconType = ({ height, width, fill }: IconProps) => JSX.Element;
+export declare const Icon: {
+    Custom: typeof Custom;
+    Arrows: typeof Arrows;
+    Actions: typeof Actions;
+    Other: typeof Other;
+    PDP: typeof PDP;
+    SocialMedia: typeof SocialMedia;
+    Navigation: typeof Navigation;
+    Messaging: typeof Messaging;
+    Download: typeof Download;
+    Payment: typeof Payment;
+    SlideDots: typeof SlideDots;
+};

package/build/dts/components/index.d.ts

@@ -0,0 +1,48 @@
+import { Icon } from './icons';
+import { Card } from './shared/card';
+import { ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline } from './cta';
+import SimpleDropdown from './dropdown/variants/simple/SimpleDropdown';
+import SizeSelector from './size/selector/SizeSelector';
+import SizeFitGuide from './size/guide/SizeFitGuide';
+import TextButton from './text-button/TextButton';
+import { DiscountTag, PriceLabel } from './pricing';
+import SingleColorPicker from './color/SingleColorPicker';
+import MultiColorPicker from './color/MultiColorPicker';
+import ProductGallery from './gallery/ProductGallery';
+import { Rating } from './rating/Rating';
+import { FitPredictor } from './fit/FitPredictor';
+import { ProgressBar } from './progress-bar/ProgressBar';
+import { IconButton } from './icon-button/IconButton';
+import { Tooltip } from './tooltip/Tooltip';
+import Accordion from './accordion/Accordion';
+import { Checkbox } from './checkbox/Checkbox';
+import { RadioGroupInput } from './radio';
+import { Bundle } from './bundle';
+import { CategoryTag, SeasonOfferTag } from './tag';
+import { Timer } from './timer/Timer';
+import { Input } from './input';
+import { PaymentMethod } from './payment-methods/PaymentMethod';
+import { OfferBanner } from './offer-banner/OfferBanner';
+import { Totals } from './totals';
+import { DeliveryDetails } from './delivery-details/DeliveryDetails';
+import { ScrollToTop } from './scroll-to-top/ScrollToTop';
+import { OrderBar } from './order-bar/OrderBar';
+import { SizeTable } from './size-table/SizeTable';
+import SimpleOrderItem from './product/order/item/SimpleOrderItem';
+import Review from './review/Review';
+import SliderNavigation from './slider/SliderNavigation';
+import { DropdownListIcons } from './dropdown-list-icons/DropdownListIcons';
+import Image from './shared/image/Image';
+import { AmazonButton, PaypalButton } from './icon-button/amazonAndPaypal/AmazonPaypalButtons';
+import * as CrossSell from './cross-sell';
+import { Collection } from './collection/index';
+import { StarList } from './rating/starList/StarList';
+import { Drawer } from './drawer/Drawer';
+import { Spinner } from './spinner/Spinner';
+import { Tags as FilteringTags } from './filtering/Tags/Tags';
+import FilteringDropdown from './dropdown/variants/filtering/FilteringDropdown';
+import { Pagination } from './pagination/Pagination';
+import Text from './text/Text';
+import { SearchBar } from './search-bar';
+import ProductGalleryMobile from './mobile/gallery/ProductGalleryMobile';
+export { Icon, Card, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, SimpleDropdown, SizeSelector, SizeFitGuide, TextButton, DiscountTag, PriceLabel, SingleColorPicker, MultiColorPicker, ProductGallery, Rating, FitPredictor, ProgressBar, IconButton, Tooltip, Accordion, Checkbox, RadioGroupInput, Bundle, CategoryTag, SeasonOfferTag, Timer, Input, PaymentMethod, OfferBanner, Totals, DeliveryDetails, ScrollToTop, OrderBar, SizeTable, SimpleOrderItem, Review, SliderNavigation, DropdownListIcons, Image, AmazonButton, PaypalButton, CrossSell, Collection, StarList, Drawer, Spinner, FilteringTags, FilteringDropdown, Pagination, Text, SearchBar, ProductGalleryMobile, };

package/build/dts/components/input/base/BaseInput.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { InputValidationType } from '../../../types/enums';
+export interface BaseInputProps {
+    defaultValue?: string;
+    maxLength?: number;
+    placeholder?: string;
+    label?: string;
+    onChange?: (value: string) => void;
+    onValidation?: (status: InputValidationType) => void;
+    disabled?: boolean;
+    required?: string;
+    children?: React.ReactNode;
+}
+export declare const BaseInput: ({ onChange, defaultValue, label, children, required, onValidation, ...rest }: BaseInputProps) => JSX.Element;

package/build/dts/components/input/base/BaseInput.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { BaseInputProps } from './BaseInput';
+declare const _default: {
+    title: string;
+    component: ({ onChange, defaultValue, label, children, required, onValidation, ...rest }: BaseInputProps) => JSX.Element;
+};
+export default _default;
+export declare const Base: Story<BaseInputProps>;

package/build/dts/components/input/base/BaseInput.test.d.ts

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

package/build/dts/components/input/base/Error.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface ErrorProps {
+    error: string;
+}
+export declare const Error: ({ error }: ErrorProps) => JSX.Element;
+export {};

package/build/dts/components/input/base/Styled.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+export interface StyledInputProps {
+    border: string;
+    borderRadius: string;
+    color: string;
+    placeholderColor: string;
+    disabledColor: string;
+    disabledBackgroundColor: string;
+    fontSize: string;
+    fontWeight: number;
+    padding: string;
+    lineHeight: string;
+    highlight: string;
+    boxShadow: string;
+}
+interface ContainerProps {
+    color: string;
+}
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & StyledInputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/build/dts/components/input/basePlusButton/BasePlusButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BaseInputProps } from '../base/BaseInput';
+declare type BaseInputPropsWithoutLabel = Omit<BaseInputProps, 'label'>;
+export interface BasePlusButtonProps extends BaseInputPropsWithoutLabel {
+    onClick: () => void;
+    onClickEdit: () => void;
+    text: string;
+    success: boolean;
+    editText: string;
+    successText: string;
+}
+export declare const BasePlusButton: ({ onClick, onClickEdit, text, success, editText, successText, ...rest }: BasePlusButtonProps) => JSX.Element;
+export {};

package/build/dts/components/input/basePlusButton/BasePlusButton.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Story } from '@storybook/react';
+import { BasePlusButtonProps } from './BasePlusButton';
+declare const _default: {
+    title: string;
+    component: ({ onClick, onClickEdit, text, success, editText, successText, ...rest }: BasePlusButtonProps) => JSX.Element;
+};
+export default _default;
+export declare const Baseplusbutton: Story<BasePlusButtonProps>;

package/build/dts/components/input/basePlusButton/BasePlusButton.test.d.ts

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