@croquiscom/pds 10.1.0 → 10.3.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @croquiscom/pds
 
+## 10.3.0
+
+### Minor Changes
+
+- dd52736: PageHeader내 SectionTitleProps 추가, 기존 children deprecated 안내
+
+## 10.2.0
+
+### Minor Changes
+
+- 00bfc9d: ColoredThumbsDown icons 업데이트
+
 ## 10.1.0
 
 ### Minor Changes

package/assets/icons/ColoredThumbsDown.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="24" width="24">
+<path fill="#FFC700" d="M7.27376 14.6757L9.98849 21.3756C10.1414 21.753 10.5115 22.0178 10.9123 21.9456C11.9744 21.7544 12.8825 20.9846 12.5 18.5L12.1581 15.1691C12.5738 15.1596 12.9789 15.152 13.3728 15.1446C17.6247 15.065 20.5649 15.0099 21.2416 12.8267C21.3533 12.5883 21.42 12.3261 21.42 12.0467C21.42 11.4656 21.1455 10.9522 20.725 10.6128C21.0544 10.2778 21.2589 9.82 21.2589 9.315C21.2589 8.61944 20.8689 8.02 20.3005 7.70333C20.5394 7.39167 20.6872 7.00611 20.6872 6.58389C20.6872 5.88944 20.2983 5.29055 19.7316 4.97333C19.9711 4.66111 20.1194 4.27556 20.1194 3.85222C20.1194 2.83111 19.2889 2 18.2678 2H8.24331C7.11308 2 6.72011 2.31511 6.34271 2.61773C6.05135 2.85136 5.76928 3.07754 5.16442 3.14556C3.7322 3.30667 3.6322 4.28555 3.6322 5.30389V11.2589C3.6322 12.6255 4.3523 12.8801 5.20845 13.1828C5.91331 13.4321 6.71038 13.7139 7.27376 14.6757Z"></path>
+<path fill="#FFA800" d="M14.7889 10.1952H19.5689C20.2189 10.1952 20.8289 10.543 21.1611 11.1024C21.2978 11.333 21.2217 11.6313 20.9905 11.7685C20.76 11.9057 20.4617 11.8285 20.3244 11.598C20.1672 11.3318 19.8767 11.1674 19.5683 11.1674H14.6739C14.1889 11.1674 13.7944 11.5618 13.7944 12.0468C13.7944 12.5318 14.1889 12.9263 14.6739 12.9263H16.9444C17.2128 12.9263 17.4305 13.1441 17.4305 13.4124C17.4305 13.6807 17.2128 13.8985 16.9444 13.8985H14.6733C13.6522 13.8985 12.8217 13.068 12.8217 12.0468C12.8217 11.4774 13.0855 10.9735 13.4911 10.6335C13.1494 10.2974 12.9367 9.83073 12.9367 9.31518C12.9367 8.74407 13.2022 8.23851 13.61 7.89907C13.2705 7.56351 13.06 7.09851 13.06 6.58407C13.06 5.96184 13.3705 5.41296 13.8428 5.07684C13.5517 4.74962 13.3694 4.32351 13.3694 3.8524C13.3694 2.83129 14.2 2.00073 15.2211 2.00073H18.2678C18.9178 2.00073 19.5283 2.34795 19.8605 2.9074C19.9978 3.13795 19.9217 3.43629 19.6911 3.57351C19.46 3.70962 19.1617 3.63462 19.025 3.40407C18.8667 3.13795 18.5761 2.97295 18.2678 2.97295H15.2211C14.7361 2.97295 14.3417 3.3674 14.3417 3.8524C14.3417 4.3374 14.7361 4.73184 15.2211 4.73184H18.8355C19.4855 4.73184 20.0967 5.07962 20.4283 5.63907C20.5655 5.87018 20.4894 6.16851 20.2589 6.30518C20.0261 6.44462 19.7289 6.36629 19.5928 6.13573C19.4322 5.86518 19.1489 5.70407 18.8355 5.70407H14.9117C14.4267 5.70407 14.0322 6.09907 14.0322 6.58407C14.0322 7.06907 14.4267 7.46351 14.9117 7.46351H19.4067C20.0567 7.46351 20.6672 7.81073 20.9994 8.37018C21.1367 8.60073 21.0605 8.89907 20.83 9.03629C20.5983 9.17296 20.3005 9.0974 20.1639 8.86684C20.0033 8.59684 19.72 8.43573 19.4067 8.43573H14.7889C14.3039 8.43573 13.9094 8.83018 13.9094 9.31518C13.9094 9.80018 14.3033 10.1952 14.7889 10.1952Z"></path>
+</svg>

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

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

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

@@ -156,6 +156,7 @@ export { default as IconColoredRocket } from './ColoredRocket';
 export { default as IconColoredShoppingBag } from './ColoredShoppingBag';
 export { default as IconColoredSiren } from './ColoredSiren';
 export { default as IconColoredStar } from './ColoredStar';
+export { default as IconColoredThumbsDown } from './ColoredThumbsDown';
 export { default as IconColoredThumbsUp } from './ColoredThumbsUp';
 export { default as IconColoredTip } from './ColoredTip';
 export { default as IconColoredTrendDecreasingLine } from './ColoredTrendDecreasingLine';

package/dist/components/modal/Modal.d.ts

@@ -17,12 +17,12 @@ export interface ModalProps extends Omit<ModalOverlayBaseProps, 'onClose'> {
     title?: ReactNode;
     confirmText?: string;
     /**
-     * [ButtonProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/component-button--primary)를 confirmButton에 적용할 수 있습니다.
+     * [ButtonProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/component-button-button--docs)를 confirmButton에 적용할 수 있습니다.
      */
     confirmButtonProps?: ModalButtonProps;
     cancelText?: string;
     /**
-     * [ButtonProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/component-button--primary)를 cancelButton에 적용할 수 있습니다.
+     * [ButtonProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/component-button-button--docs)를 cancelButton에 적용할 수 있습니다.
      */
     cancelButtonProps?: ModalButtonProps;
     /**

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

@@ -1,8 +1,17 @@
 import React, { PropsWithChildren } from 'react';
+import { SectionTitleProps } from '../section-title';
 export interface PageHeaderProps {
     /** @default false */
     dense?: boolean;
     /** @default true */
     border?: boolean;
+    /** @deprecated 스펙아웃될 예정입니다. SectionTitle 삽입시 sectionTitleProps를 이용해주세요. */
+    children?: React.ReactNode;
+    /**
+     * [sectionTitleProps](https://storybook.kakaostyle.in/master/pds/?path=/docs/container-sectiontitle--docs)
+     * - PageHeader내 SectionTitle 주입이 필요할 경우 SectionTitle Props 정보를 전달하면 children 요소로써 자동 생성됩니다.
+     * - SectionTitle의 안전 여백은 PageHeader에서 사용시 자동 0으로 세팅되며, 필요시 SectionTitleProps에서 재정의할 수 있습니다.
+     */
+    sectionTitleProps?: SectionTitleProps;
 }
-export declare const PageHeader: ({ dense, border, children }: PropsWithChildren<PageHeaderProps>) => React.JSX.Element;
+export declare const PageHeader: ({ dense, border, sectionTitleProps, children, }: PropsWithChildren<PageHeaderProps>) => React.JSX.Element;

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

@@ -6,4 +6,5 @@ type Story = StoryObj<typeof PageHeader>;
 export declare const Base: Story;
 export declare const Dense: Story;
 export declare const WithSectionTitleVertical: Story;
+export declare const WithSectionTitlePropsCustom: Story;
 export declare const WithLineTab: Story;