@team-monolith/cds 1.4.8 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/components/SquareButton.d.ts +1 -1
- package/dist/icons/Custom.d.ts +37 -46
- package/dist/icons/Custom.js +4 -15
- package/dist/icons/custom/judge-color.svg +4 -4
- package/dist/icons/custom/judge.svg +1 -1
- package/dist/icons/custom/material.svg +5 -4
- package/dist/icons/custom/resource.svg +5 -5
- package/dist/patterns/LexicalEditor/LexicalEditor.d.ts +1 -1
- package/dist/patterns/LexicalEditor/plugins/ImagesPlugin/InsertImageDialog.d.ts +1 -2
- package/dist/patterns/LexicalEditor/plugins/ImagesPlugin/InsertImageDialog.js +76 -7
- package/dist/patterns/LexicalEditor/plugins/ImagesPlugin/InsertImageUploadedDialogBody.d.ts +5 -2
- package/dist/patterns/LexicalEditor/plugins/ImagesPlugin/InsertImageUploadedDialogBody.js +14 -12
- package/dist/patterns/LexicalEditor/plugins/ImagesPlugin/InsertImageUriDialogBody.d.ts +5 -2
- package/dist/patterns/LexicalEditor/plugins/ImagesPlugin/InsertImageUriDialogBody.js +7 -11
- package/dist/patterns/ReactEditorJS/ReactEditorJS.d.ts +1 -2
- package/dist/patterns/SegmentedControl/SegmentedControlButton.js +6 -19
- package/dist/patterns/SegmentedControl/SegmentedControlSquareButton.d.ts +1 -1
- package/dist/patterns/SegmentedControl/SegmentedControlSquareButton.js +17 -35
- package/package.json +1 -1
- package/dist/icons/custom/quiz-color.svg +0 -12
- package/dist/icons/custom/quiz.svg +0 -4
package/README.md
CHANGED
|
@@ -18,9 +18,8 @@
|
|
|
18
18
|
|
|
19
19
|
아이콘은 [피그마](https://www.figma.com/file/wefLB6cN0oM2VZjwYmBA6B/Codle-PD-Kit---Foundation?type=design&node-id=1-23307&t=ASkFT82aJsgxrxvr-0)에 정의된대로 24px X 24px 크기의 svg로 정의됩니다. 색상이나 크기를 변경하기 위해 Styled Component를 활용할 수 있으므로 `className` 인자를 받아야합니다.
|
|
20
20
|
|
|
21
|
-
아이콘은 컴파일 과정에서, remixicon 라이브러리의 svg 파일을 읽어와서 string 형태와 React JSX 형태로 export 되는 코드가 `src/cds/icons` 폴더 안에 자동 생성됩니다.
|
|
21
|
+
아이콘은 컴파일 과정에서, remixicon 라이브러리의 svg 파일을 읽어와서 string 형태와 React JSX 형태로 export 되는 코드가 `src/cds/icons` 폴더 안에 자동 생성됩니다.
|
|
22
22
|
생성되는 규칙은 다음과 같습니다.
|
|
23
|
-
|
|
24
23
|
- 네이밍은 remixicon 라이브러리의 svg 파일 이름에서 다음과 같이 변환됩니다.
|
|
25
24
|
- string 형태로 export되는 값은 다음 예시와 같이 camel case로 네이밍됩니다. (예: `arrowDownCircleFillSvg`)
|
|
26
25
|
- React JSX 형태로 export되는 값은 다음 예시와 같이 pascal case로 네이밍됩니다. (예: `ArrowDownCircleFillIcon`)
|
|
@@ -28,9 +27,9 @@
|
|
|
28
27
|
|
|
29
28
|
## 브랜치 관리
|
|
30
29
|
|
|
31
|
-
현재 CDS에서는 React 17, 18을 동시에 개발하고 관리하고 있습니다.
|
|
30
|
+
현재 CDS에서는 React 17, 18을 동시에 개발하고 관리하고 있습니다.
|
|
32
31
|
|
|
33
|
-
코들
|
|
32
|
+
코들 시스템에서의 React 18 업그레이드 과업이 완료되지 않아, 두가지 버전을 동시에 관리해야합니다. 브랜치 이름은 다음과 같습니다.
|
|
34
33
|
|
|
35
34
|
- **1.0** : React 18 (최신 브랜치)
|
|
36
35
|
- **main** : React 17
|
|
@@ -44,3 +43,4 @@
|
|
|
44
43
|
패키지 특성상 개발환경이 따로 존재하지 않으며 `npm run compile` 후 `npm publish` 를 사용하여 npm 에 배포합니다.
|
|
45
44
|
|
|
46
45
|
이때 npm team-monolith 에 소속되어 있어야 합니다.
|
|
46
|
+
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { PolymorphicProps } from "@mui/base";
|
|
3
|
-
export type SquareButtonColor = "danger" | "primary" | "grey" | "icon" | "black"
|
|
3
|
+
export type SquareButtonColor = "danger" | "primary" | "grey" | "icon" | "black";
|
|
4
4
|
export type SquareButtonSize = "large" | "medium" | "small" | "xsmall";
|
|
5
5
|
export interface SquareButtonOwnProps<RootComponentType extends React.ElementType> {
|
|
6
6
|
className?: string;
|
package/dist/icons/Custom.d.ts
CHANGED
|
@@ -1,89 +1,80 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
export declare const customClassSvg: string;
|
|
3
|
-
export declare const CustomClassIcon:
|
|
3
|
+
export declare const CustomClassIcon: import("react").ForwardRefExoticComponent<{
|
|
4
4
|
className?: string | undefined;
|
|
5
|
-
} &
|
|
5
|
+
} & import("react").RefAttributes<any>>;
|
|
6
6
|
export declare const customMaterialSvg: string;
|
|
7
|
-
export declare const CustomMaterialIcon:
|
|
7
|
+
export declare const CustomMaterialIcon: import("react").ForwardRefExoticComponent<{
|
|
8
8
|
className?: string | undefined;
|
|
9
|
-
} &
|
|
9
|
+
} & import("react").RefAttributes<any>>;
|
|
10
10
|
export declare const customProblemSvg: string;
|
|
11
|
-
export declare const CustomProblemIcon:
|
|
11
|
+
export declare const CustomProblemIcon: import("react").ForwardRefExoticComponent<{
|
|
12
12
|
className?: string | undefined;
|
|
13
|
-
} &
|
|
13
|
+
} & import("react").RefAttributes<any>>;
|
|
14
14
|
export declare const customSymbolSvg: string;
|
|
15
|
-
export declare const CustomSymbolIcon:
|
|
15
|
+
export declare const CustomSymbolIcon: import("react").ForwardRefExoticComponent<{
|
|
16
16
|
className?: string | undefined;
|
|
17
17
|
color?: string | undefined;
|
|
18
|
-
} &
|
|
18
|
+
} & import("react").RefAttributes<any>>;
|
|
19
19
|
export declare const customGoogleSvg: string;
|
|
20
|
-
export declare const CustomGoogleIcon:
|
|
20
|
+
export declare const CustomGoogleIcon: import("react").ForwardRefExoticComponent<{
|
|
21
21
|
className?: string | undefined;
|
|
22
22
|
color?: string | undefined;
|
|
23
|
-
} &
|
|
23
|
+
} & import("react").RefAttributes<any>>;
|
|
24
24
|
export declare const customWhaleSvg: string;
|
|
25
|
-
export declare const CustomWhaleIcon:
|
|
25
|
+
export declare const CustomWhaleIcon: import("react").ForwardRefExoticComponent<{
|
|
26
26
|
className?: string | undefined;
|
|
27
27
|
color?: string | undefined;
|
|
28
|
-
} &
|
|
28
|
+
} & import("react").RefAttributes<any>>;
|
|
29
29
|
export declare const customJudgeColorSvg: string;
|
|
30
|
-
export declare const CustomJudgeColorIcon:
|
|
30
|
+
export declare const CustomJudgeColorIcon: import("react").ForwardRefExoticComponent<{
|
|
31
31
|
className?: string | undefined;
|
|
32
|
-
} &
|
|
32
|
+
} & import("react").RefAttributes<any>>;
|
|
33
33
|
export declare const customResourceSvg: string;
|
|
34
|
-
export declare const CustomResourceIcon:
|
|
34
|
+
export declare const CustomResourceIcon: import("react").ForwardRefExoticComponent<{
|
|
35
35
|
className?: string | undefined;
|
|
36
36
|
color?: string | undefined;
|
|
37
|
-
} &
|
|
37
|
+
} & import("react").RefAttributes<any>>;
|
|
38
38
|
export declare const customFabSvg: string;
|
|
39
|
-
export declare const CustomFabIcon:
|
|
39
|
+
export declare const CustomFabIcon: import("react").ForwardRefExoticComponent<{
|
|
40
40
|
className?: string | undefined;
|
|
41
41
|
color?: string | undefined;
|
|
42
|
-
} &
|
|
42
|
+
} & import("react").RefAttributes<any>>;
|
|
43
43
|
export declare const customJudgeSvg: string;
|
|
44
|
-
export declare const CustomJudgeIcon:
|
|
44
|
+
export declare const CustomJudgeIcon: import("react").ForwardRefExoticComponent<{
|
|
45
45
|
className?: string | undefined;
|
|
46
46
|
color?: string | undefined;
|
|
47
|
-
} &
|
|
47
|
+
} & import("react").RefAttributes<any>>;
|
|
48
48
|
export declare const customHandLineSvg: string;
|
|
49
|
-
export declare const CustomHandLineIcon:
|
|
49
|
+
export declare const CustomHandLineIcon: import("react").ForwardRefExoticComponent<{
|
|
50
50
|
className?: string | undefined;
|
|
51
51
|
color?: string | undefined;
|
|
52
|
-
} &
|
|
52
|
+
} & import("react").RefAttributes<any>>;
|
|
53
53
|
export declare const customHandFillSvg: string;
|
|
54
|
-
export declare const CustomHandFillIcon:
|
|
54
|
+
export declare const CustomHandFillIcon: import("react").ForwardRefExoticComponent<{
|
|
55
55
|
className?: string | undefined;
|
|
56
|
-
} &
|
|
56
|
+
} & import("react").RefAttributes<any>>;
|
|
57
57
|
export declare const customEmptySvg: string;
|
|
58
|
-
export declare const CustomEmptyIcon:
|
|
58
|
+
export declare const CustomEmptyIcon: import("react").ForwardRefExoticComponent<{
|
|
59
59
|
className?: string | undefined;
|
|
60
|
-
} &
|
|
60
|
+
} & import("react").RefAttributes<any>>;
|
|
61
61
|
export declare const customTypeHelperSvg: string;
|
|
62
|
-
export declare const CustomTypeHelperIcon:
|
|
62
|
+
export declare const CustomTypeHelperIcon: import("react").ForwardRefExoticComponent<{
|
|
63
63
|
className?: string | undefined;
|
|
64
|
-
} &
|
|
64
|
+
} & import("react").RefAttributes<any>>;
|
|
65
65
|
export declare const customAiHelperSvg: string;
|
|
66
|
-
export declare const CustomAiHelperIcon:
|
|
66
|
+
export declare const CustomAiHelperIcon: import("react").ForwardRefExoticComponent<{
|
|
67
67
|
className?: string | undefined;
|
|
68
|
-
} &
|
|
68
|
+
} & import("react").RefAttributes<any>>;
|
|
69
69
|
export declare const customBasicSvg: string;
|
|
70
|
-
export declare const CustomBasicIcon:
|
|
70
|
+
export declare const CustomBasicIcon: import("react").ForwardRefExoticComponent<{
|
|
71
71
|
className?: string | undefined;
|
|
72
|
-
} &
|
|
72
|
+
} & import("react").RefAttributes<any>>;
|
|
73
73
|
export declare const customBasicPlusSvg: string;
|
|
74
|
-
export declare const CustomBasicPlusIcon:
|
|
74
|
+
export declare const CustomBasicPlusIcon: import("react").ForwardRefExoticComponent<{
|
|
75
75
|
className?: string | undefined;
|
|
76
|
-
} &
|
|
76
|
+
} & import("react").RefAttributes<any>>;
|
|
77
77
|
export declare const customProSvg: string;
|
|
78
|
-
export declare const CustomProIcon:
|
|
78
|
+
export declare const CustomProIcon: import("react").ForwardRefExoticComponent<{
|
|
79
79
|
className?: string | undefined;
|
|
80
|
-
} &
|
|
81
|
-
export declare const customQuizSvg: string;
|
|
82
|
-
export declare const CustomQuizIcon: React.ForwardRefExoticComponent<{
|
|
83
|
-
className?: string | undefined;
|
|
84
|
-
color?: string | undefined;
|
|
85
|
-
} & React.RefAttributes<any>>;
|
|
86
|
-
export declare const customQuizColorSvg: string;
|
|
87
|
-
export declare const CustomQuizColorIcon: React.ForwardRefExoticComponent<{
|
|
88
|
-
className?: string | undefined;
|
|
89
|
-
} & React.RefAttributes<any>>;
|
|
80
|
+
} & import("react").RefAttributes<any>>;
|