@team-monolith/cds 1.84.10 → 1.85.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.
Files changed (5) hide show
  1. package/README.md +1 -1
  2. package/dist/components/SwitchButton.js +1 -1
  3. package/dist/icons/custom/svgrColoredTemplate.js +1 -1
  4. package/dist/icons/custom/svgrDefaultTemplate.js +1 -1
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  아이콘을 제공합니다.
18
18
 
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` 인자를 받아야합니다.
19
+ 아이콘은 [피그마](<[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` 인자를 받아야합니다.
20
20
 
21
21
  아이콘은 컴파일 과정에서, remixicon 라이브러리의 svg 파일을 읽어와서 string 형태와 React JSX 형태로 export 되는 코드가 `src/cds/icons` 폴더 안에 자동 생성됩니다.
22
22
  생성되는 규칙은 다음과 같습니다.
package/dist/components/SwitchButton.js CHANGED
@@ -71,7 +71,7 @@ const COLOR_TO_SWITCH_BUTTON_STYLE = (theme, color, isOn) => ({
71
71
  none: css `
72
72
  ${isOn
73
73
  ? css `
74
- background: ${theme.color.background.neutralAlt};
74
+ background: ${theme.color.blanket.neutralLight};
75
75
  span {
76
76
  opacity: 1;
77
77
  font-weight: 700;
package/dist/icons/custom/svgrColoredTemplate.js CHANGED
@@ -58,7 +58,7 @@ const template = (variables, { tpl }) => {
58
58
  // svg파일명의 PascalCase를 kabab-case로 변환하여 파일 경로 조회
59
59
  // variables.jsx는 prop이 포함된 jsx 정보를 가지고 있기 때문에 원본 파일 경로에서 import 후 export 처리
60
60
  const _ = require("lodash");
61
- const originSvgFilePath = `./${_.kebabCase(originSvgFileName)}.svg`;
61
+ const originSvgFilePath = `./${_.kebabCase(originSvgFileName).replace(/-(\d+)/g, "$1")}.svg`;
62
62
  const useUniqueId = modifySVGElementsRecursive(variables.jsx);
63
63
  if (useUniqueId) {
64
64
  return tpl `
package/dist/icons/custom/svgrDefaultTemplate.js CHANGED
@@ -50,7 +50,7 @@ const template = (variables, { tpl }) => {
50
50
  // svg파일명의 PascalCase를 kabab-case로 변환하여 파일 경로 조회
51
51
  // variables.jsx는 prop이 포함된 jsx 정보를 가지고 있기 때문에 원본 파일 경로에서 import 후 export 처리
52
52
  const _ = require("lodash");
53
- const originSvgFilePath = `./${_.kebabCase(originSvgFileName)}.svg`;
53
+ const originSvgFilePath = `./${_.kebabCase(originSvgFileName).replace(/-(\d+)/g, "$1")}.svg`;
54
54
  const useUniqueId = modifySVGElementsRecursive(variables.jsx);
55
55
  if (useUniqueId) {
56
56
  return tpl `
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@team-monolith/cds",
3
- "version": "1.84.10",
3
+ "version": "1.85.0",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "sideEffects": false,