@croquiscom/pds 0.24.2 → 0.25.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @croquiscom/pds
 
+## 0.25.0
+
+### Minor Changes
+
+- 31a0b23: feat: Divider 컴포넌트 size prop 추가
+- 0bb25d8: TopNavigation 컴포넌트 추가
+
+### Patch Changes
+
+- cbc54da: feat: Footer 컴포넌트 모바일 사이즈 대응 되도록 수정
+
+## 0.24.3
+
+### Patch Changes
+
+- 6fe814a: z-index 내부 정의값 매칭 추가
+
 ## 0.24.2
 
 ### Patch Changes

package/README.md

@@ -73,11 +73,11 @@ yarn storybook
 │   │   ├── Image.stories.tsx
 │   │   └── Images.stories.mdx
 │   ├── global_styles
-│   ├── themes
 │   ├── styles
 │   ├── hooks
 │   ├── stories
 │   ├── types
+│   ├── utils
 │   └── index.ts
 └── tools
     ├── svgr-icons-component-template.js
@@ -96,6 +96,8 @@ yarn storybook
 - **styles**: 컴포넌트에 공용으로 사용할 스타일, 스타일 함수를 포함합니다.
 - **hooks**: 커스텀 훅을 포함합니다.
 - **stories**: 스토리북용 컴포넌트나 스타일, 컴포넌트 외의 스토리북 문서
+- **utils**: 컴포넌트에 공용으로 사용할 유틸리티 함수들을 포함합니다.
+- **types**: 타입 정의를 포함합니다.
 - **assets**: svg 등의 에셋을 포함합니다.
 - **tools**: svgr template 등의 라이브러리 제작을 위한 스크립트를 포함합니다.
 

package/dist/container/index.d.ts

@@ -1,2 +1,3 @@
 export * from './topBar';
 export * from './footer';
+export * from './topNavigation';

package/dist/container/topNavigation/TopNavigation.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface TopNavigationProps {
+    title?: ReactNode;
+    left?: ReactNode;
+    right?: ReactNode;
+}
+export declare const TopNavigation: ({ title, left, right }: TopNavigationProps) => JSX.Element;

package/dist/container/topNavigation/TopNavigation.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Base: () => JSX.Element;
+export declare const Multiple: () => JSX.Element;
+export declare const EmptyRight: () => JSX.Element;
+export declare const OnlyLeft: () => JSX.Element;
+export declare const OnlyTitle: () => JSX.Element;
+export declare const OnlyRight: () => JSX.Element;
+export declare const LongTitle: () => JSX.Element;

package/dist/container/topNavigation/index.d.ts

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

package/dist/divider/Divider.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { SpaceProps } from '../styles';
-import { CSSValueWithLength } from '../styles/buildCSSWithLength';
+import { CSSValueWithLength } from '../styles';
 export interface DividerProps extends SpaceProps {
     /** @default 'horizontal' */
     spacing?: CSSValueWithLength;
+    /** @default 'small' */
+    size?: 'small' | 'medium';
 }
 export declare const Divider: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/dist/divider/Divider.stories.d.ts

@@ -9,3 +9,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Base: any;
+export declare const MediumSize: any;

package/dist/dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CSSValueWithLength } from '../styles/buildCSSWithLength';
+import { CSSValueWithLength } from '../styles';
 export interface DropdownOption<OptionValue> {
     label: ReactNode;
     value: OptionValue;
@@ -8,6 +8,8 @@ export interface DropdownOption<OptionValue> {
 export interface DropdownProps<OptionValue> {
     className?: string;
     width?: CSSValueWithLength;
+    /** @default 1030 */
+    zIndex?: number;
     disabled?: boolean;
     options: Array<DropdownOption<OptionValue>>;
     placeholder?: string;
@@ -15,4 +17,4 @@ export interface DropdownProps<OptionValue> {
     keyExtractor?: (item: DropdownOption<OptionValue>, index: number) => string | number;
     onChange?: (value: OptionValue) => void;
 }
-export declare const Dropdown: <OptionValue extends string | number>({ className, width, disabled, options, placeholder, value, keyExtractor, onChange, }: DropdownProps<OptionValue>) => JSX.Element;
+export declare const Dropdown: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, value, keyExtractor, onChange, }: DropdownProps<OptionValue>) => JSX.Element;

package/dist/dropdown/Dropdown.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Dropdown } from './Dropdown';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, disabled, options, placeholder, value, keyExtractor, onChange, }: import("./Dropdown").DropdownProps<OptionValue>) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, value, keyExtractor, onChange, }: import("./Dropdown").DropdownProps<OptionValue>) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;

package/dist/dropdown/DropdownInput.d.ts

@@ -11,4 +11,4 @@ export interface DropdownInputProps<OptionValue> extends Omit<DropdownProps<Opti
     options: Array<DropdownInputOption<OptionValue>>;
     keyExtractor?: (item: DropdownInputOption<OptionValue>, index: number) => string | number;
 }
-export declare const DropdownInput: <OptionValue extends string | number>({ className, width, disabled, options, placeholder, value, keyExtractor, onSearch, onChange, }: DropdownInputProps<OptionValue>) => JSX.Element;
+export declare const DropdownInput: <OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, value, keyExtractor, onSearch, onChange, }: DropdownInputProps<OptionValue>) => JSX.Element;

package/dist/dropdown/DropdownInput.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { DropdownInput } from './DropdownInput';
-declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, disabled, options, placeholder, value, keyExtractor, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue>) => JSX.Element)>;
+declare const _default: ComponentMeta<(<OptionValue extends string | number>({ className, width, zIndex, disabled, options, placeholder, value, keyExtractor, onSearch, onChange, }: import("./DropdownInput").DropdownInputProps<OptionValue>) => JSX.Element)>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;

package/dist/dropdown/DropdownLabel.d.ts

@@ -1,5 +1,5 @@
 import React, { AllHTMLAttributes } from 'react';
-import { CSSValueWithLength } from '../styles/buildCSSWithLength';
+import { CSSValueWithLength } from '../styles';
 export interface DropdownLabelProps extends AllHTMLAttributes<HTMLDivElement> {
     width?: CSSValueWithLength;
     disabled?: boolean;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './button';
 export * from './badge';
 export * from './global_style';
+export * from './styles';
 export * from './icons/generated';
 export * from './images/generated';
 export * from './checkbox';