@croquiscom/pds 0.35.0 → 0.36.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @croquiscom/pds
 
+## 0.36.0
+
+### Minor Changes
+
+- 84bfa2f: PageHeader Container 추가
+- 085c308: Kids72 icon 추가
+
+### Patch Changes
+
+- f286020: NormalBanner의 누락된 success Kind 추가
+
+## 0.35.1
+
+### Patch Changes
+
+- 75d0785: DatePicker, DateRangePicker locale provider 처리 적용 추가
+
 ## 0.35.0
 
 ### Minor Changes

package/assets/icons/Kids72.svg

@@ -0,0 +1,5 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.4509 13.2447C25.604 12.6149 27.8137 12.1989 30.0482 12.0026C30.2549 11.9875 30.461 12.0382 30.6372 12.1476C30.8136 12.2571 30.9508 12.4197 31.0291 12.6122L31.0674 12.7064H40.9687L41.007 12.6122C41.0853 12.4197 41.2225 12.2571 41.3989 12.1476C41.5751 12.0382 41.7812 11.9875 41.9879 12.0026C44.2223 12.1989 46.432 12.6149 48.585 13.2446C53.4668 14.6989 56.1386 15.7276 60.5282 18.3011C60.7225 18.4194 60.8698 18.6015 60.9449 18.8164C61.0201 19.0316 61.0183 19.2663 60.9397 19.4803L58.4019 26.3768L58.4014 26.3783C58.3238 26.5962 58.172 26.7797 57.9727 26.8966C57.7733 27.0134 57.5392 27.0562 57.3115 27.0173L57.3041 27.0161L50.8145 26.56L52.3175 60.0251C52.3186 60.2657 52.2315 60.4983 52.0727 60.6789C51.9134 60.8603 51.6923 60.9766 51.4528 61.0055L43.5787 61.9924C43.3599 62.0198 43.1382 61.9726 42.9494 61.8585C42.7606 61.7444 42.6156 61.5699 42.5379 61.3632L42.5354 61.3564L35.995 48.0333L29.5119 61.3113L29.5093 61.3182C29.4391 61.5064 29.313 61.6685 29.148 61.7827C28.9854 61.8953 28.7926 61.9561 28.595 61.9572L20.5374 60.9714C20.2979 60.9425 20.0774 60.8262 19.918 60.6449C19.7593 60.4643 19.6722 60.2317 19.6733 59.9911L21.1763 26.56L14.6866 27.0161L14.6793 27.0173C14.4515 27.0562 14.2174 27.0134 14.0181 26.8966C13.8187 26.7797 13.6669 26.5962 13.5894 26.3783L11.0621 19.4795C10.9826 19.2666 10.9793 19.0327 11.0527 18.8176C11.1259 18.6032 11.2709 18.4206 11.463 18.3009C15.869 15.7293 18.5556 14.7008 23.4509 13.2447ZM42.583 14.0269L42.4791 14.0155L42.4318 14.1087C42.067 14.828 41.4253 15.9357 40.5251 16.9434C39.624 17.952 38.474 18.8491 37.0943 19.1683L36.9773 19.1954V45.5197L44.122 60.0158L50.3144 59.1655L48.8112 25.6167L48.7961 25.5873C48.2087 24.4449 45.9891 19.7229 47.0081 15.0032L47.0386 14.8616L46.8987 14.8249C45.4816 14.4535 44.0391 14.1868 42.583 14.0269ZM29.5589 14.1768L29.5116 14.0835L29.4077 14.0949C27.9518 14.2558 26.5095 14.5225 25.0922 14.893L24.9522 14.9295L24.9827 15.0712C26.0017 19.8022 23.7709 24.5354 23.1944 25.6672L23.1795 25.6964L21.6649 59.2352L27.8693 60.0146L35.0135 45.5197V19.2634L34.8964 19.2364C33.5167 18.9172 32.3668 18.0201 31.4657 17.0114C30.5655 16.0038 29.9238 14.8961 29.5589 14.1768ZM39.7702 14.6839H32.2074L32.3418 14.912C32.7258 15.5637 33.2521 16.12 33.8812 16.5392C34.5104 16.9585 35.2261 17.2298 35.9748 17.333L35.9951 17.3358L36.0155 17.333C36.7637 17.2323 37.4791 16.9618 38.1069 16.5421C38.7347 16.1223 39.2585 15.5645 39.6381 14.9112L39.7702 14.6839ZM49.1035 15.5189L48.9454 15.4692L48.9106 15.6315C48.1173 19.3382 49.7939 23.1911 50.4062 24.474L50.4442 24.5535L55.1225 24.8799L55.1235 24.88L56.8452 24.9877L58.8101 19.643L57.0518 18.6959L57.0459 18.693C54.4764 17.4512 51.8277 16.3743 49.1035 15.5189ZM23.1371 15.6225L23.1074 15.4733L22.9586 15.5038C19.3551 16.2428 15.053 18.3849 13.2861 19.5187L13.1839 19.5843L15.1452 24.9193L21.5905 24.5434L21.6292 24.4638C22.2545 23.1776 23.8725 19.327 23.1371 15.6225Z" fill="#363644"/>
+<path d="M39.8427 27.2063C39.6027 27.2322 39.3806 27.3458 39.2193 27.5254C39.058 27.7051 38.9687 27.938 38.9688 28.1794C38.9687 28.4209 39.058 28.6538 39.2193 28.8334C39.3806 29.013 39.6027 29.1267 39.8427 29.1526C39.9793 29.1673 40.1174 29.1531 40.2482 29.1109C40.3789 29.0687 40.4993 28.9994 40.6015 28.9076C40.7037 28.8158 40.7854 28.7036 40.8414 28.5781C40.8973 28.4526 40.9263 28.3168 40.9263 28.1794C40.9263 28.0421 40.8973 27.9062 40.8414 27.7808C40.7854 27.6553 40.7037 27.543 40.6015 27.4512C40.4993 27.3595 40.3789 27.2902 40.2482 27.248C40.1174 27.2058 39.9793 27.1916 39.8427 27.2063Z" fill="#363644"/>
+<path d="M39.843 34.125C39.6494 34.125 39.4602 34.1824 39.2992 34.2899C39.1383 34.3975 39.0128 34.5504 38.9388 34.7292C38.8647 34.908 38.8453 35.1048 38.8831 35.2947C38.9208 35.4846 39.014 35.6589 39.1509 35.7958C39.2878 35.9327 39.4622 36.0259 39.6521 36.0637C39.8419 36.1015 40.0387 36.0821 40.2176 36.008C40.3964 35.9339 40.5493 35.8085 40.6568 35.6475C40.7644 35.4866 40.8218 35.2973 40.8218 35.1037C40.8218 34.8442 40.7186 34.5952 40.5351 34.4117C40.3515 34.2281 40.1026 34.125 39.843 34.125Z" fill="#363644"/>
+</svg>

package/dist/components/banner/NormalBanner.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type NormalBannerKind = 'info' | 'error';
+export type NormalBannerKind = 'info' | 'error' | 'success';
 export interface NormalBannerProps {
     className?: string;
     /**

package/dist/components/date-picker/Caption.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Locale } from 'date-fns';
 import { CaptionProps } from 'react-day-picker';
 export declare const captionColor: (disabled: boolean) => string;
 export declare const CAPTION_SIZE = 24;
@@ -9,5 +10,6 @@ export interface DatePickerCaptionProps extends CaptionProps {
     multipleMonths?: boolean;
     className?: string;
     currentMonth?: Date;
+    locale: Locale;
 }
-export declare const Caption: ({ multipleMonths, currentMonth: controlledMonth, className, ...props }: DatePickerCaptionProps) => JSX.Element;
+export declare const Caption: ({ multipleMonths, currentMonth: controlledMonth, className, locale, ...props }: DatePickerCaptionProps) => JSX.Element;

package/dist/components/date-picker/DatePickerLocale.d.ts

@@ -0,0 +1,9 @@
+import { Locale } from 'date-fns';
+import { ProviderProps } from '../provider';
+type DatePickerLocale = {
+    key: Locale['code'];
+    value: Locale;
+};
+export declare const datePickerLocales: DatePickerLocale[];
+export declare function getDatePickerLocale(currentLang?: ProviderProps['locale']['lang']): Locale;
+export {};

package/dist/components/icons/generated/Kids72.d.ts

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

package/dist/components/icons/generated/index.d.ts

@@ -99,6 +99,7 @@ export { default as IconInfo24 } from './Info24';
 export { default as IconInfoFill20 } from './InfoFill20';
 export { default as IconInstagram16 } from './Instagram16';
 export { default as IconInterest16 } from './Interest16';
+export { default as IconKids72 } from './Kids72';
 export { default as IconLife72 } from './Life72';
 export { default as IconLink16 } from './Link16';
 export { default as IconLinkCircle16 } from './LinkCircle16';

package/dist/container/index.d.ts

@@ -1,3 +1,4 @@
 export * from './topBar';
 export * from './footer';
-export * from './topNavigation';
+export * from './top-navigation';
+export * from './page-header';

package/dist/container/page-header/PageHeader.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactNode, PropsWithChildren } from 'react';
+export type PageHeaderDirection = 'horizontal' | 'vertical';
+export type PageHeaderSize = 'small' | 'medium' | 'large';
+export interface PageHeaderProps {
+    /** @default false */
+    dense?: boolean;
+    /** @default horizontal */
+    direction?: PageHeaderDirection;
+    /** @default large */
+    size?: PageHeaderSize;
+    caption?: string;
+    title: ReactNode;
+    description?: ReactNode;
+    textButton?: ReactNode;
+    actions?: ReactNode;
+}
+export declare const PageHeader: ({ dense, direction, size, caption, title, description, textButton, actions, children, }: PropsWithChildren<PageHeaderProps>) => JSX.Element;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType<any>;
+} & {
+    dense: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/dist/container/page-header/PageHeader.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ dense, direction, size, caption, title, description, textButton, actions, children, }: React.PropsWithChildren<import("./PageHeader").PageHeaderProps>) => JSX.Element>;
+export default _default;
+export declare const Base: any;
+export declare const Dense: any;
+export declare const Vertical: any;
+export declare const SizeWithHorizontal: () => JSX.Element[];
+export declare const SizeWithVertical: () => JSX.Element[];
+export declare const WithLineTab: () => JSX.Element;
+export declare const Custom: any;

package/dist/container/page-header/index.d.ts

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