@croquiscom/pds 9.1.0 → 9.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @croquiscom/pds
 
+## 9.2.0
+
+### Minor Changes
+
+- 2f97f3e: Page, Section 컴포넌트 추가
+
 ## 9.1.0
 
 ### Minor Changes

package/dist/components/provider/Provider.d.ts

@@ -2,9 +2,11 @@ import React, { PropsWithChildren } from 'react';
 import { ko } from '../../locales/ko';
 import { ModalProps } from '../modal';
 import { PaginationProps } from '../pagination';
+import { SectionProps } from '../../container/section';
 export interface CommonComponentProps {
     modal?: Pick<ModalProps, 'fill' | 'dense'>;
     pagination?: Pick<PaginationProps, 'siblingCount' | 'showArrowButton'>;
+    section?: Pick<SectionProps, 'responsive'>;
 }
 export interface ProviderConfig {
     locale?: typeof ko;

package/dist/container/index.d.ts

@@ -1,6 +1,8 @@
 export * from './topBar';
 export * from './footer';
 export * from './top-navigation';
+export * from './page';
 export * from './page-header';
+export * from './section';
 export * from './section-title';
 export * from './state';

package/dist/container/page/Page.d.ts

@@ -0,0 +1,2 @@
+import React, { PropsWithChildren } from 'react';
+export declare const Page: ({ children }: PropsWithChildren) => React.JSX.Element;

package/dist/container/page/Page.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Page } from './Page';
+declare const meta: Meta<typeof Page>;
+export default meta;
+type Story = StoryObj<typeof Page>;
+export declare const Base: Story;

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

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

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

@@ -6,10 +6,3 @@ export interface PageHeaderProps {
     border?: boolean;
 }
 export declare const PageHeader: ({ dense, border, children }: PropsWithChildren<PageHeaderProps>) => React.JSX.Element;
-export declare const Header: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
-} & {
-    dense: boolean;
-    border: boolean;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/dist/container/section/Section.d.ts

@@ -0,0 +1,9 @@
+import React, { PropsWithChildren } from 'react';
+export interface SectionProps {
+    /**
+     * 반응형 디자인 사용 여부, desktop: 데스크탑 규격만 사용, mobile: 모바일 규격만 사용, auto: 데스크탑과 모바일 규격을 자동으로 사용
+     * @default auto
+     */
+    responsive?: 'auto' | 'desktop' | 'mobile';
+}
+export declare const Section: ({ responsive, children }: PropsWithChildren<SectionProps>) => React.JSX.Element;

package/dist/container/section/Section.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Section } from './Section';
+declare const meta: Meta<typeof Section>;
+export default meta;
+type Story = StoryObj<typeof Section>;
+export declare const Base: Story;
+export declare const MultipleSection: Story;
+export declare const ResponsiveDesktop: Story;
+export declare const ResponsiveMobile: Story;

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

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

package/dist/foundation/index.d.ts

@@ -2,3 +2,4 @@ export * from './colors';
 export * from './semantic_colors';
 export * from './typography';
 export * from './shapes';
+export * from './screens';

package/dist/foundation/screens.d.ts

@@ -0,0 +1,3 @@
+export declare const screens: {
+    desktop: string;
+};