@croquiscom/pds 0.9.0 → 0.10.0

package/dist/input/Input.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { InputAffixProps } from './InputAffix';
+import { InputBaseProps } from './InputBase';
+export declare type InputProps = InputBaseProps & InputAffixProps;
+export declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & import("./InputBase").InputBaseType & InputAffixProps & React.RefAttributes<HTMLInputElement>>;

package/dist/input/Input.stories.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & import("./InputBase").InputBaseType & import("./InputAffix").InputAffixProps & React.RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        startElement: {
+            options: string[];
+            mapping: {
+                reset: any;
+                'set IconSearch14': JSX.Element;
+                'set IconEyeOn16': JSX.Element;
+            };
+        };
+        endElement: {
+            options: string[];
+            mapping: {
+                reset: any;
+                'set IconSearch14': JSX.Element;
+                'set IconEyeOn16': JSX.Element;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Base: any;
+export declare const Error: any;
+export declare const Confirm: any;
+export declare const Disabled: any;
+export declare const EnteredDisabled: any;
+export declare const RightAlignment: any;
+export declare const Addon: any;
+export declare const AddonWithFormHelperText: () => JSX.Element[];
+export declare const Password: () => JSX.Element;
+export declare const Search: any;

package/dist/input/InputAddon.d.ts

@@ -0,0 +1,9 @@
+import React, { AllHTMLAttributes } from 'react';
+import { InputStatus } from './types';
+export interface InputAddonProps extends AllHTMLAttributes<HTMLDivElement> {
+    disabled?: boolean;
+    status?: InputStatus;
+    /** @default left */
+    position: 'left' | 'right';
+}
+export declare const InputAddon: React.ForwardRefExoticComponent<InputAddonProps & React.RefAttributes<HTMLDivElement>>;

package/dist/input/InputAffix.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import { InputStatus } from './types';
+import { CSSValueWithLength } from '../styles/buildCSSWithLength';
+export interface InputAffixProps {
+    className?: string;
+    disabled?: boolean;
+    status?: InputStatus;
+    width?: CSSValueWithLength;
+    /** Addon Left */
+    prefix?: string;
+    /** Addon Right */
+    suffix?: string;
+}
+export declare const InputAffix: ({ className, disabled, children, status, prefix, suffix, width, }: PropsWithChildren<InputAffixProps>) => JSX.Element;

package/dist/input/InputBase.d.ts

@@ -0,0 +1,14 @@
+import React, { InputHTMLAttributes, ReactElement, ReactNode } from 'react';
+import { InputAlignment, InputStatus } from './types';
+import { IconProps } from '../icons/generated';
+export interface InputBaseType {
+    alignment?: InputAlignment;
+    /** @default info */
+    status?: InputStatus;
+    /** 좌측 영역에 렌더링 될 요소 */
+    startElement?: ReactElement<IconProps> | ReactNode;
+    /** 우측 영역에 렌더링 될 요소 */
+    endElement?: ReactElement<IconProps> | ReactNode;
+}
+export declare type InputBaseProps = InputHTMLAttributes<HTMLInputElement> & InputBaseType;
+export declare const InputBase: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & InputBaseType & React.RefAttributes<HTMLInputElement>>;

package/dist/input/NumericInput.d.ts

@@ -0,0 +1,13 @@
+import React, { ChangeEvent, InputHTMLAttributes } from 'react';
+import { InputAffixProps } from './InputAffix';
+import { InputBaseType } from './InputBase';
+export interface NumericInputBaseType extends InputBaseType, InputAffixProps {
+    value?: number | string | null;
+    defaultValue?: number | string;
+    /** @default true */
+    allowNegative?: boolean;
+    decimalScale?: number;
+    onChange?: (value: number, event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare type NumericInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'width'> & NumericInputBaseType;
+export declare const NumericInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "width" | "onChange"> & NumericInputBaseType & React.RefAttributes<HTMLInputElement>>;

package/dist/input/NumericInput.stories.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { NumericInputProps } from './NumericInput';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "width" | "onChange"> & import("./NumericInput").NumericInputBaseType & React.RefAttributes<HTMLInputElement>>;
+};
+export default _default;
+export declare const Base: any;
+export declare const Addon: any;
+export declare const Error: any;
+export declare const Disabled: any;
+export declare const WhetherNegativeNumbersAreAllowed: any;
+export declare const DecimalScale: any;
+export declare const EnteredDisabled: any;
+export declare const RightAlignment: any;
+export declare const SetValueWithName: {
+    (args: NumericInputProps): JSX.Element;
+    args: {
+        prefix: string;
+        suffix: string;
+        placeholder: string;
+    };
+};

package/dist/input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Input';
+export * from './NumericInput';

package/dist/input/styles.d.ts

@@ -0,0 +1,24 @@
+import { InputStatus } from './types';
+export declare const input_status_color_css: Record<InputStatus, string>;
+export declare const input_wrapper_base_css: import("@emotion/utils").SerializedStyles;
+export declare const input_base_css: import("@emotion/utils").SerializedStyles;
+export declare const input_status_icon_css: import("@emotion/utils").SerializedStyles;
+export declare const input_default_style: {
+    backgroundColor: string;
+    border: string;
+    color: string;
+};
+export declare const input_error_style: {
+    border: string;
+    '&:focus, &:hover': {
+        border: string;
+    };
+};
+export declare const input_disabled_style: {
+    backgroundColor: string;
+    border: string;
+    color: string;
+    '&:focus, &:hover': {
+        border: string;
+    };
+};

package/dist/input/types.d.ts

@@ -0,0 +1,2 @@
+export declare type InputAlignment = 'left' | 'center' | 'right';
+export declare type InputStatus = 'info' | 'confirm' | 'error';

package/dist/popover/PopoverBase.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const PopoverBase: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;

package/dist/stack/HStack.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StackProps } from './types';
 declare type VerticalAlignment = 'stretch' | 'top' | 'bottom' | 'center';
 export interface HStackProps extends StackProps {

package/dist/stack/VStack.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StackProps } from './types';
 declare type HorizontalAlignment = 'stretch' | 'leading' | 'trailing' | 'center';
 export interface VStackProps extends StackProps {

package/dist/stack/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SizeProps, SpaceProps } from '../styles';
 import { CSSValueWithLength } from '../styles/buildCSSWithLength';
 export declare type StackAlignment = 'stretch' | 'flex-start' | 'center' | 'flex-end';

package/dist/stories/Box.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Box: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: import("react").ElementType<any>;

package/dist/text/BaseText.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@emotion/react/types/css-prop" />
 import React from 'react';
 import { Typography } from '../foundation';
 declare type Alignment = 'center' | 'leading' | 'trailing';

package/dist/textarea/styles.d.ts

@@ -1,20 +1 @@
 export declare const textarea_base_css: import("@emotion/utils").SerializedStyles;
-export declare const input_default_style: {
-    backgroundColor: string;
-    border: string;
-    color: string;
-};
-export declare const input_error_style: {
-    border: string;
-    '&:focus, &:hover': {
-        border: string;
-    };
-};
-export declare const input_disabled_style: {
-    backgroundColor: string;
-    border: string;
-    color: string;
-    '&:focus, &:hover': {
-        border: string;
-    };
-};

package/dist/tooltip/Tooltip.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
 declare const _default: ComponentMeta<({ placement, children, className, content, canClickOutside, openerTriggerEvent, opened: openProp, size, variant, zIndex, noUsePortal, onClose, onOpen, }: import("./Tooltip").TooltipProps) => JSX.Element>;
 export default _default;

package/dist/tooltip/TooltipBase.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipSize, TooltipVariant } from './types';
 export interface TooltipBaseProps {
     /** @default medium */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@croquiscom/pds",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Design system for Zigzag's Partner Center",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",