@team-monolith/cds 1.89.3 → 1.91.0

package/@types/emotion.d.ts

@@ -1,156 +1,156 @@
-import "@emotion/react";
-
-interface CodleFontFamilies {
-  ui: string;
-  title: string;
-}
-
-interface CodleColors {
-  background: {
-    neutralBase: string;
-    neutralBaseActive: string;
-    neutralBaseDisabled: string;
-    neutralAlt: string;
-    neutralAltActive: string;
-    neutralAltDisabled: string;
-    primary: string;
-    primaryActive: string;
-    primaryDisabled: string;
-    secondary: string;
-    secondaryActive: string;
-    secondaryDisabled: string;
-    danger: string;
-    dangerActive: string;
-    dangerDisabled: string;
-    success: string;
-    successActive: string;
-    successDisabled: string;
-    info: string;
-    infoActive: string;
-    infoDisabled: string;
-    warning: string;
-    warningActive: string;
-    warningDisabled: string;
-    inverse: string;
-    inverseActive: string;
-    inverseDisabled: string;
-  };
-  foreground: {
-    neutralBase: string;
-    neutralBaseActive: string;
-    neutralBaseDisabled: string;
-    neutralAlt: string;
-    neutralAltActive: string;
-    neutralAltDisabled: string;
-    primary: string;
-    primaryActive: string;
-    primaryDisabled: string;
-    secondary: string;
-    secondaryActive: string;
-    secondaryDisabled: string;
-    danger: string;
-    dangerActive: string;
-    dangerDisabled: string;
-    success: string;
-    successActive: string;
-    successDisabled: string;
-    info: string;
-    infoActive: string;
-    infoDisabled: string;
-    warning: string;
-    warningActive: string;
-    warningDisabled: string;
-  };
-  container: {
-    blueContainer: string;
-    blueOnContainer: string;
-    orangeContainer: string;
-    orangeOnContainer: string;
-    redContainer: string;
-    redOnContainer: string;
-    greenContainer: string;
-    greenOnContainer: string;
-    tealContainer: string;
-    tealOnContainer: string;
-    yellowContainer: string;
-    yellowOnContainer: string;
-    obsidianContainer: string;
-    obsidianOnContainer: string;
-    marbleContainer: string;
-    marbleOnContainer: string;
-  };
-  brand: {
-    brandOriginal: string;
-    brandAlt: string;
-    brandAccent: string;
-    brandFaded: string;
-    pdf: string;
-    pdfAlt: string;
-    quiz: string;
-    quizAlt: string;
-    python: string;
-    pythonAlt: string;
-    embedded: string;
-    embeddedAlt: string;
-    board: string;
-    boardAlt: string;
-    scratch: string;
-    scratchAlt: string;
-    entry: string;
-    entryAlt: string;
-    video: string;
-    videoAlt: string;
-    worksheet: string;
-    worksheetAlt: string;
-    ebook: string;
-    ebookAlt: string;
-    makecode: string;
-    makecodeAlt: string;
-    codap: string;
-    codapAlt: string;
-
-    decorativeRed: string;
-    decorativePink: string;
-    decorativeAmber: string;
-    decorativeGrass: string;
-    decorativeGreen: string;
-    decorativeBlue: string;
-    decorativeIndigo: string;
-    decorativePurple: string;
-    decorativeBrown: string;
-    decorativeCopper: string;
-    decorativeGold: string;
-    decorativeSilver: string;
-    decorativeGray: string;
-    decorativeBlack: string;
-    decorativeRedContainer: string;
-    decorativeRedOnContainer: string;
-    decorativeIndigoContainer: string;
-    decorativeIndigoOnContainer: string;
-    decorativeGreenContainer: string;
-    decorativeGreenOnContainer: string;
-    decorativePurpleContainer: string;
-    decorativePurpleOnContainer: string;
-    decorativeGoldContainer: string;
-    decorativeGoldOnContainer: string;
-    decorativeGrayContainer: string;
-    decorativeGrayOnContainer: string;
-    decorativeBlackContainer: string;
-    decorativeBlackOnContainer: string;
-  };
-  blanket: {
-    neutral: string;
-    neutralLight: string;
-    neutralHeavy: string;
-    inverse: string;
-    inverseLight: string;
-    inverseHeavy: string;
-  };
-}
-
-declare module "@emotion/react" {
-  export interface Theme {
-    color: CodleColors;
-    fontFamily: CodleFontFamilies;
-  }
-}
+import "@emotion/react";
+
+interface CodleFontFamilies {
+  ui: string;
+  title: string;
+}
+
+interface CodleColors {
+  background: {
+    neutralBase: string;
+    neutralBaseActive: string;
+    neutralBaseDisabled: string;
+    neutralAlt: string;
+    neutralAltActive: string;
+    neutralAltDisabled: string;
+    primary: string;
+    primaryActive: string;
+    primaryDisabled: string;
+    secondary: string;
+    secondaryActive: string;
+    secondaryDisabled: string;
+    danger: string;
+    dangerActive: string;
+    dangerDisabled: string;
+    success: string;
+    successActive: string;
+    successDisabled: string;
+    info: string;
+    infoActive: string;
+    infoDisabled: string;
+    warning: string;
+    warningActive: string;
+    warningDisabled: string;
+    inverse: string;
+    inverseActive: string;
+    inverseDisabled: string;
+  };
+  foreground: {
+    neutralBase: string;
+    neutralBaseActive: string;
+    neutralBaseDisabled: string;
+    neutralAlt: string;
+    neutralAltActive: string;
+    neutralAltDisabled: string;
+    primary: string;
+    primaryActive: string;
+    primaryDisabled: string;
+    secondary: string;
+    secondaryActive: string;
+    secondaryDisabled: string;
+    danger: string;
+    dangerActive: string;
+    dangerDisabled: string;
+    success: string;
+    successActive: string;
+    successDisabled: string;
+    info: string;
+    infoActive: string;
+    infoDisabled: string;
+    warning: string;
+    warningActive: string;
+    warningDisabled: string;
+  };
+  container: {
+    blueContainer: string;
+    blueOnContainer: string;
+    orangeContainer: string;
+    orangeOnContainer: string;
+    redContainer: string;
+    redOnContainer: string;
+    greenContainer: string;
+    greenOnContainer: string;
+    tealContainer: string;
+    tealOnContainer: string;
+    yellowContainer: string;
+    yellowOnContainer: string;
+    obsidianContainer: string;
+    obsidianOnContainer: string;
+    marbleContainer: string;
+    marbleOnContainer: string;
+  };
+  brand: {
+    brandOriginal: string;
+    brandAlt: string;
+    brandAccent: string;
+    brandFaded: string;
+    pdf: string;
+    pdfAlt: string;
+    quiz: string;
+    quizAlt: string;
+    python: string;
+    pythonAlt: string;
+    embedded: string;
+    embeddedAlt: string;
+    board: string;
+    boardAlt: string;
+    scratch: string;
+    scratchAlt: string;
+    entry: string;
+    entryAlt: string;
+    video: string;
+    videoAlt: string;
+    worksheet: string;
+    worksheetAlt: string;
+    ebook: string;
+    ebookAlt: string;
+    makecode: string;
+    makecodeAlt: string;
+    codap: string;
+    codapAlt: string;
+
+    decorativeRed: string;
+    decorativePink: string;
+    decorativeAmber: string;
+    decorativeGrass: string;
+    decorativeGreen: string;
+    decorativeBlue: string;
+    decorativeIndigo: string;
+    decorativePurple: string;
+    decorativeBrown: string;
+    decorativeCopper: string;
+    decorativeGold: string;
+    decorativeSilver: string;
+    decorativeGray: string;
+    decorativeBlack: string;
+    decorativeRedContainer: string;
+    decorativeRedOnContainer: string;
+    decorativeIndigoContainer: string;
+    decorativeIndigoOnContainer: string;
+    decorativeGreenContainer: string;
+    decorativeGreenOnContainer: string;
+    decorativePurpleContainer: string;
+    decorativePurpleOnContainer: string;
+    decorativeGoldContainer: string;
+    decorativeGoldOnContainer: string;
+    decorativeGrayContainer: string;
+    decorativeGrayOnContainer: string;
+    decorativeBlackContainer: string;
+    decorativeBlackOnContainer: string;
+  };
+  blanket: {
+    neutral: string;
+    neutralLight: string;
+    neutralHeavy: string;
+    inverse: string;
+    inverseLight: string;
+    inverseHeavy: string;
+  };
+}
+
+declare module "@emotion/react" {
+  export interface Theme {
+    color: CodleColors;
+    fontFamily: CodleFontFamilies;
+  }
+}

package/README.md

@@ -1,35 +1,35 @@
-# Codle Design System
-
-코들 디자인 시스템을 구현합니다.
-
-### src/cds/components
-
-컴포넌트를 구현합니다.
-컴포넌트는 반드시 `className`과 `component` 인자를 가집니다.
-컴포넌트는 모두 스토리북에 등록해야 합니다.
-
-### src/cds/foundation
-
-색상, 그림자 등을 제공합니다.
-
-### src/cds/icons
-
-아이콘을 제공합니다.
-
-아이콘은 [피그마](<[https://www.figma.com/file/wefLB6cN0oM2VZjwYmBA6B/Codle-PD-Kit---Foundation?type=design&node-id=1-23307&t=ASkFT82aJsgxrxvr-0](https://www.figma.com/design/UD08wln8CwDoCMGFBIGTiZ/CDS-24?t=szRkpuQ7CYUzU9vm-0)>)에 정의된대로 24px X 24px 크기의 svg로 정의됩니다. 색상이나 크기를 변경하기 위해 Styled Component를 활용할 수 있으므로 `className` 인자를 받아야합니다.
-
-아이콘은 컴파일 과정에서, remixicon 라이브러리의 svg 파일을 읽어와서 string 형태와 React JSX 형태로 export 되는 코드가 `src/cds/icons` 폴더 안에 자동 생성됩니다.
-생성되는 규칙은 다음과 같습니다.
-
-- 네이밍은 remixicon 라이브러리의 svg 파일 이름에서 다음과 같이 변환됩니다.
-- string 형태로 export되는 값은 다음 예시와 같이 camel case로 네이밍됩니다. (예: `arrowDownCircleFillSvg`)
-- React JSX 형태로 export되는 값은 다음 예시와 같이 pascal case로 네이밍됩니다. (예: `ArrowDownCircleFillIcon`)
-- svg 파일 이름이 숫자로 시작하는 경우, 제일 앞에 `i`를 붙입니다. (예: `4k-fill.svg` -> `i4KFillSvg`, `I4KFillIcon`)
-
-## 개발 및 배포 절차
-
-`npm run storybook` 을 실행하면 스토리북이 실행됩니다. 이곳에서 디버깅을 진행합니다.
-
-패키지 특성상 개발환경이 따로 존재하지 않으며 `npm run compile` 후 `npm publish` 를 사용하여 npm 에 배포합니다.
-
-이때 npm team-monolith 에 소속되어 있어야 합니다.
+# Codle Design System
+
+코들 디자인 시스템을 구현합니다.
+
+### src/cds/components
+
+컴포넌트를 구현합니다.
+컴포넌트는 반드시 `className`과 `component` 인자를 가집니다.
+컴포넌트는 모두 스토리북에 등록해야 합니다.
+
+### src/cds/foundation
+
+색상, 그림자 등을 제공합니다.
+
+### src/cds/icons
+
+아이콘을 제공합니다.
+
+아이콘은 [피그마](<[https://www.figma.com/file/wefLB6cN0oM2VZjwYmBA6B/Codle-PD-Kit---Foundation?type=design&node-id=1-23307&t=ASkFT82aJsgxrxvr-0](https://www.figma.com/design/UD08wln8CwDoCMGFBIGTiZ/CDS-24?t=szRkpuQ7CYUzU9vm-0)>)에 정의된대로 24px X 24px 크기의 svg로 정의됩니다. 색상이나 크기를 변경하기 위해 Styled Component를 활용할 수 있으므로 `className` 인자를 받아야합니다.
+
+아이콘은 컴파일 과정에서, remixicon 라이브러리의 svg 파일을 읽어와서 string 형태와 React JSX 형태로 export 되는 코드가 `src/cds/icons` 폴더 안에 자동 생성됩니다.
+생성되는 규칙은 다음과 같습니다.
+
+- 네이밍은 remixicon 라이브러리의 svg 파일 이름에서 다음과 같이 변환됩니다.
+- string 형태로 export되는 값은 다음 예시와 같이 camel case로 네이밍됩니다. (예: `arrowDownCircleFillSvg`)
+- React JSX 형태로 export되는 값은 다음 예시와 같이 pascal case로 네이밍됩니다. (예: `ArrowDownCircleFillIcon`)
+- svg 파일 이름이 숫자로 시작하는 경우, 제일 앞에 `i`를 붙입니다. (예: `4k-fill.svg` -> `i4KFillSvg`, `I4KFillIcon`)
+
+## 개발 및 배포 절차
+
+`npm run storybook` 을 실행하면 스토리북이 실행됩니다. 이곳에서 디버깅을 진행합니다.
+
+패키지 특성상 개발환경이 따로 존재하지 않으며 `npm run compile` 후 `npm publish` 를 사용하여 npm 에 배포합니다.
+
+이때 npm team-monolith 에 소속되어 있어야 합니다.

package/dist/CdsProvider.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import { Theme } from "@emotion/react";
-export declare const light: Theme;
-export declare const dark: Theme;
-interface CdsContext {
-    theme?: Theme;
-    lexical?: {
-        uploadByFile: (file: File) => Promise<string>;
-        showFileError: (type: "upload" | "download", message: string) => void;
-    };
-}
-export declare const CdsContext: import("react").Context<CdsContext>;
-export declare function CdsProvider(props: {
-    children: React.ReactNode;
-    fontFamily?: string;
-} & CdsContext): React.ReactElement;
-export {};
+/// <reference types="react" />
+import { Theme } from "@emotion/react";
+export declare const light: Theme;
+export declare const dark: Theme;
+interface CdsContext {
+    theme?: Theme;
+    lexical?: {
+        uploadByFile: (file: File) => Promise<string>;
+        showFileError: (type: "upload" | "download", message: string) => void;
+    };
+}
+export declare const CdsContext: import("react").Context<CdsContext>;
+export declare function CdsProvider(props: {
+    children: React.ReactNode;
+    fontFamily?: string;
+} & CdsContext): React.ReactElement;
+export {};