@croquiscom/pds 0.3.0 → 0.5.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @croquiscom/pds
 
+## 0.5.0
+
+### Minor Changes
+
+- 3f4dfc0: BreakPoint
+
+  Deprecated 컴포넌트 제거
+
+  - Input
+  - NumbericInput
+  - TextArea
+
+## 0.4.0
+
+### Minor Changes
+
+- 2f44078: Control 그룹 컴포넌트 추가
+
+  - Checkbox, Radio, Switch, CheckboxGroup, BoxRadio
+
 ## 0.3.0
 
 ### Minor Changes

package/README.md

@@ -1,4 +1,4 @@
-[![npm version](https://badge.fury.io/js/@croquiscom%2Fpastel-ui.svg)](https://badge.fury.io/js/@croquiscom%2Fpastel-ui)
+[![npm version](https://badge.fury.io/js/@croquiscom%2Fpds.svg)](https://badge.fury.io/js/@croquiscom%2Fpds)
 
 # PDS
 

package/dist/button/Button.stories.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-};
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
 export default _default;
 export declare const Brand: any;
 export declare const Primary: any;

package/dist/checkbox/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
+export default _default;
+export declare const Default: any;
+export declare const Checked: any;
+export declare const Disabled: any;
+export declare const CheckedDisabled: any;

package/dist/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+import { AlignType } from '../radio';
+interface CheckboxItem<CheckboxValue> {
+    label: ReactNode;
+    value: CheckboxValue;
+    disabled?: boolean;
+}
+export interface CheckboxGroupProps<CheckboxValue> {
+    className?: string;
+    defaultValue?: CheckboxValue[];
+    value?: CheckboxValue[];
+    disabled?: boolean;
+    name?: string;
+    /** @default 24 */
+    spacing?: number;
+    items: CheckboxItem<CheckboxValue>[];
+    align?: AlignType;
+    keyExtractor?: (item: CheckboxItem<CheckboxValue>, index: number) => string | number;
+    onChange?: (value: CheckboxValue[]) => void;
+}
+export interface CheckboxGroupInstance<CheckboxValue> {
+    value?: CheckboxValue[];
+    focus: () => void;
+}
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps<string | number | boolean> & React.RefAttributes<CheckboxGroupInstance<string | number | boolean>>>;
+export {};

package/dist/checkbox/CheckboxGroup.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./CheckboxGroup").CheckboxGroupProps<string | number | boolean> & React.RefAttributes<import("./CheckboxGroup").CheckboxGroupInstance<string | number | boolean>>>>;
+export default _default;
+export declare const Base: any;
+export declare const Spacing: any;
+export declare const Disabled: any;
+export declare const VerticalAlign: any;
+export declare const Controlled: () => JSX.Element;

package/dist/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+export * from './CheckboxGroup';

package/dist/divider/Divider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpaceProps } from '../styles';
 import { CSSValueWithLength } from '../styles/buildCSSWithLength';
 declare type orientation = 'horizontal' | 'vertical';

package/dist/form/FormHelperText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="@emotion/react/types/css-prop" />
 import React from 'react';
 export declare type FormHelperTextVariant = 'info' | 'confirm' | 'error';
 declare type FormHelperTextElement = keyof Pick<JSX.IntrinsicElements, 'div' | 'p' | 'span'>;

package/dist/form/FormHelperText.stories.d.ts

@@ -8,5 +8,4 @@ export default _default;
 export declare const Base: any;
 export declare const Confirm: any;
 export declare const Error: any;
-export declare const WithInput: () => JSX.Element;
 export declare const WithButton: () => JSX.Element;

package/dist/global_style/GlobalStyle.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const reset: import("@emotion/utils").SerializedStyles;
 export declare const GlobalStyle: () => JSX.Element;

package/dist/icons/generated/Account24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgAccount24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgAccount24;

package/dist/icons/generated/Alert16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgAlert16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgAlert16;

package/dist/icons/generated/Alert20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgAlert20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgAlert20;

package/dist/icons/generated/Alert24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgAlert24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgAlert24;

package/dist/icons/generated/Alert50.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgAlert50: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgAlert50;

package/dist/icons/generated/AlertFill20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgAlertFill20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgAlertFill20;

package/dist/icons/generated/AlertTriangle18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgAlertTriangle18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgAlertTriangle18;

package/dist/icons/generated/ArrowBottom16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowBottom16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowBottom16;

package/dist/icons/generated/ArrowBottom18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowBottom18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowBottom18;

package/dist/icons/generated/ArrowDecrease10.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowDecrease10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowDecrease10;

package/dist/icons/generated/ArrowIncrease10.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowIncrease10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowIncrease10;

package/dist/icons/generated/ArrowLeft16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowLeft16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowLeft16;

package/dist/icons/generated/ArrowLeft18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowLeft18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowLeft18;

package/dist/icons/generated/ArrowLineDown20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowLineDown20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowLineDown20;

package/dist/icons/generated/ArrowLineLeft20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowLineLeft20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowLineLeft20;

package/dist/icons/generated/ArrowLineRight20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowLineRight20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowLineRight20;

package/dist/icons/generated/ArrowLineUp20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowLineUp20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowLineUp20;

package/dist/icons/generated/ArrowRight16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowRight16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowRight16;

package/dist/icons/generated/ArrowRight18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowRight18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowRight18;

package/dist/icons/generated/ArrowStick10.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowStick10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowStick10;

package/dist/icons/generated/ArrowTop16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowTop16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowTop16;

package/dist/icons/generated/ArrowTop18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgArrowTop18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgArrowTop18;

package/dist/icons/generated/AutoCharge20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgAutoCharge20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgAutoCharge20;

package/dist/icons/generated/BarChart18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgBarChart18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgBarChart18;

package/dist/icons/generated/Beauty72.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgBeauty72: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgBeauty72;

package/dist/icons/generated/Below10.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgBelow10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgBelow10;

package/dist/icons/generated/Below16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgBelow16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgBelow16;

package/dist/icons/generated/Best16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgBest16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgBest16;

package/dist/icons/generated/Bookmark18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgBookmark18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgBookmark18;

package/dist/icons/generated/Boost24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgBoost24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgBoost24;

package/dist/icons/generated/Brand72.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgBrand72: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgBrand72;

package/dist/icons/generated/Calendar16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCalendar16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCalendar16;

package/dist/icons/generated/Camera20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCamera20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCamera20;

package/dist/icons/generated/Cart18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCart18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCart18;

package/dist/icons/generated/Cart24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCart24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCart24;

package/dist/icons/generated/Charge20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCharge20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCharge20;

package/dist/icons/generated/ChargeCoupon20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgChargeCoupon20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgChargeCoupon20;

package/dist/icons/generated/Check14.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCheck14: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCheck14;

package/dist/icons/generated/Check24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCheck24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCheck24;

package/dist/icons/generated/CircleCard24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCircleCard24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCircleCard24;

package/dist/icons/generated/CircleCheckFill16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCircleCheckFill16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCircleCheckFill16;

package/dist/icons/generated/CircleCheckLine16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCircleCheckLine16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCircleCheckLine16;

package/dist/icons/generated/CirclePlus14.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCirclePlus14: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCirclePlus14;

package/dist/icons/generated/CircleWon18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCircleWon18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCircleWon18;

package/dist/icons/generated/CircleWon24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCircleWon24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCircleWon24;

package/dist/icons/generated/Click18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgClick18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgClick18;

package/dist/icons/generated/Clock16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgClock16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgClock16;

package/dist/icons/generated/CloseMedium24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCloseMedium24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCloseMedium24;

package/dist/icons/generated/CloseSmall16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCloseSmall16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCloseSmall16;

package/dist/icons/generated/Contract24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgContract24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgContract24;

package/dist/icons/generated/Copy14.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCopy14: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCopy14;

package/dist/icons/generated/Coupon18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCoupon18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCoupon18;

package/dist/icons/generated/Coupon24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCoupon24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCoupon24;

package/dist/icons/generated/Crop16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCrop16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCrop16;

package/dist/icons/generated/Cs24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCs24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCs24;

package/dist/icons/generated/Cvr18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgCvr18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgCvr18;

package/dist/icons/generated/Dashboard24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgDashboard24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgDashboard24;

package/dist/icons/generated/DeleteCircleFill20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgDeleteCircleFill20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgDeleteCircleFill20;

package/dist/icons/generated/Delivery24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgDelivery24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgDelivery24;

package/dist/icons/generated/Delivery72.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgDelivery72: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgDelivery72;

package/dist/icons/generated/Doc14.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgDoc14: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgDoc14;

package/dist/icons/generated/DocConfirm50.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgDocConfirm50: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgDocConfirm50;

package/dist/icons/generated/Done20.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgDone20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgDone20;

package/dist/icons/generated/Edit16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgEdit16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgEdit16;

package/dist/icons/generated/Email18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgEmail18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgEmail18;

package/dist/icons/generated/EmptyNoti50.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgEmptyNoti50: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgEmptyNoti50;

package/dist/icons/generated/Error16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgError16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgError16;

package/dist/icons/generated/Excel16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgExcel16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgExcel16;

package/dist/icons/generated/Exchange24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgExchange24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgExchange24;

package/dist/icons/generated/Exhibition24.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgExhibition24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgExhibition24;

package/dist/icons/generated/EyeOff16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgEyeOff16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgEyeOff16;

package/dist/icons/generated/EyeOn16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgEyeOn16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgEyeOn16;

package/dist/icons/generated/Fbk16.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgFbk16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgFbk16;

package/dist/icons/generated/GlobalDelivery72.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgGlobalDelivery72: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgGlobalDelivery72;

package/dist/icons/generated/Grade18.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconProps } from '.';
 declare const SvgGrade18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
 export default SvgGrade18;