maru_design2 2.26.11 → 2.27.1

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 (4) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/components/atoms/icon/iconmap.d.ts +2 -0
  3. package/dist/index.js +41 -2
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.27.1](https://github.com/42maru-ai/maru-design2/compare/v2.27.0...v2.27.1) (2025-07-30)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * :bento: Icon - add Check_s1613, Users01_s2415 ([1badacd](https://github.com/42maru-ai/maru-design2/commit/1badacd6d0d19c836a93841860a4f731426ee1cd))
9
+
10
+ ## [2.27.0](https://github.com/42maru-ai/maru-design2/compare/v2.26.11...v2.27.0) (2025-07-21)
11
+
12
+
13
+ ### Features
14
+
15
+ * :sparkles: ICON - ADD copy ([31546b5](https://github.com/42maru-ai/maru-design2/commit/31546b5cc64d7e4b080a3c7be83ada104a58e8d7))
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * :bug: Input - fix end node wrapper margin left logic ([8fd1646](https://github.com/42maru-ai/maru-design2/commit/8fd164691623c49f93142fc5782d06cfaf050f22))
21
+ * :lipstick: Input - update margin between text and x ([3649897](https://github.com/42maru-ai/maru-design2/commit/3649897fdf62f264a461ac358b5b80e8c7bfdd94))
22
+
3
23
  ## [2.26.11](https://github.com/42maru-ai/maru-design2/compare/v2.26.10...v2.26.11) (2025-07-14)
4
24
 
5
25
 
package/dist/components/atoms/icon/iconmap.d.ts CHANGED
@@ -83,6 +83,7 @@ export declare const ICONS: {
83
83
  readonly CheckCircle_s1413: "CheckCircle_s1413";
84
84
  readonly CheckCircle_s1613: "CheckCircle_s1613";
85
85
  readonly Check_s1413: "Check_s1413";
86
+ readonly Check_s1613: "Check_s1613";
86
87
  readonly Check_s1615: "Check_s1615";
87
88
  readonly CheckboxIndeterminate_s1610: "CheckboxIndeterminate_s1610";
88
89
  readonly CheckboxIndeterminate_s1810: "CheckboxIndeterminate_s1810";
@@ -389,6 +390,7 @@ export declare const ICONS: {
389
390
  readonly User_s1810: "User_s1810";
390
391
  readonly User_s1815: "User_s1815";
391
392
  readonly Users01_s1615: "Users01_s1615";
393
+ readonly Users01_s2415: "Users01_s2415";
392
394
  readonly Users01_s2420: "Users01_s2420";
393
395
  readonly XCircleBg_s1612: "XCircleBg_s1612";
394
396
  readonly XCircle_s1210: "XCircle_s1210";
package/dist/index.js CHANGED
@@ -1010,6 +1010,21 @@ var iconmap = {
1010
1010
  "circles": [],
1011
1011
  "rects": []
1012
1012
  },
1013
+ "Check_s1613": {
1014
+ "width": "16",
1015
+ "height": "16",
1016
+ "viewBox": "0 0 16 16",
1017
+ "fill": "none",
1018
+ "paths": [{
1019
+ "d": "M2 8.55555L5.69231 13L14 3",
1020
+ "stroke": "#BDBDBD",
1021
+ "strokeWidth": "1.3",
1022
+ "strokeLinecap": "round",
1023
+ "strokeLinejoin": "round"
1024
+ }],
1025
+ "circles": [],
1026
+ "rects": []
1027
+ },
1013
1028
  "Check_s1615": {
1014
1029
  "width": "16",
1015
1030
  "height": "16",
@@ -6630,6 +6645,21 @@ var iconmap = {
6630
6645
  "circles": [],
6631
6646
  "rects": []
6632
6647
  },
6648
+ "Users01_s2415": {
6649
+ "width": "24",
6650
+ "height": "24",
6651
+ "viewBox": "0 0 24 24",
6652
+ "fill": "none",
6653
+ "paths": [{
6654
+ "d": "M21 20V18.2222C21 16.5655 19.8527 15.1734 18.3 14.7787M15.15 4.25845C16.4693 4.78591 17.4 6.06339 17.4 7.55556C17.4 9.04772 16.4693 10.3252 15.15 10.8527M16.5 20C16.5 18.3433 16.5 17.515 16.226 16.8616C15.8606 15.9904 15.1598 15.2982 14.2777 14.9373C13.6161 14.6667 12.7774 14.6667 11.1 14.6667H8.4C6.72261 14.6667 5.88392 14.6667 5.22234 14.9373C4.34024 15.2982 3.63941 15.9904 3.27403 16.8616C3 17.515 3 18.3433 3 20M13.35 7.55556C13.35 9.51923 11.7382 11.1111 9.75 11.1111C7.76177 11.1111 6.15 9.51923 6.15 7.55556C6.15 5.59188 7.76177 4 9.75 4C11.7382 4 13.35 5.59188 13.35 7.55556Z",
6655
+ "stroke": "#8C8C8C",
6656
+ "strokeWidth": "1.5",
6657
+ "strokeLinecap": "round",
6658
+ "strokeLinejoin": "round"
6659
+ }],
6660
+ "circles": [],
6661
+ "rects": []
6662
+ },
6633
6663
  "Users01_s2420": {
6634
6664
  "width": "24",
6635
6665
  "height": "24",
@@ -6980,6 +7010,7 @@ var ICONS = {
6980
7010
  "CheckCircle_s1413": "CheckCircle_s1413",
6981
7011
  "CheckCircle_s1613": "CheckCircle_s1613",
6982
7012
  "Check_s1413": "Check_s1413",
7013
+ "Check_s1613": "Check_s1613",
6983
7014
  "Check_s1615": "Check_s1615",
6984
7015
  "CheckboxIndeterminate_s1610": "CheckboxIndeterminate_s1610",
6985
7016
  "CheckboxIndeterminate_s1810": "CheckboxIndeterminate_s1810",
@@ -7286,6 +7317,7 @@ var ICONS = {
7286
7317
  "User_s1810": "User_s1810",
7287
7318
  "User_s1815": "User_s1815",
7288
7319
  "Users01_s1615": "Users01_s1615",
7320
+ "Users01_s2415": "Users01_s2415",
7289
7321
  "Users01_s2420": "Users01_s2420",
7290
7322
  "XCircleBg_s1612": "XCircleBg_s1612",
7291
7323
  "XCircle_s1210": "XCircle_s1210",
@@ -69658,7 +69690,7 @@ function Code(_a) {
69658
69690
  }));
69659
69691
  }
69660
69692
 
69661
- var css_248z$g = ".maru-input-wrapper .maru-input-label {\n margin-bottom: 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n}\n.maru-input-wrapper .maru-input-label label {\n color: #5c5c5c;\n}\n.maru-input-wrapper .maru-input {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n height: 37px;\n padding: 8px 10px 8px 14px;\n border: 1px solid #e4e4e4;\n border-radius: 6px;\n position: relative;\n z-index: 0;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder {\n position: absolute;\n z-index: -1;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder > span {\n color: #8c8c8c;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 300;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder > span[data-hidden] {\n visibility: hidden;\n}\n.maru-input-wrapper .maru-input > input {\n width: 100%;\n border: unset;\n outline: unset;\n background-color: transparent;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n color: #5c5c5c;\n padding: unset;\n}\n.maru-input-wrapper .maru-input > input::-webkit-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::-moz-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input:-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input:focus-visible, .maru-input-wrapper .maru-input:focus-within {\n border-color: #5c5c5c;\n background-color: rgba(228, 228, 228, 0.2);\n}\n.maru-input-wrapper .maru-input.errored {\n outline: 1px solid #e53e3e;\n border-color: #e53e3e;\n}\n.maru-input-wrapper .maru-input:hover {\n outline: 1px solid #e4e4e4;\n border-color: #e4e4e4;\n background-color: rgba(228, 228, 228, 0.2);\n}\n.maru-input-wrapper .maru-input.disabled {\n background-color: #fafafa;\n}\n.maru-input-wrapper .maru-input.disabled > input {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-webkit-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-moz-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input:-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled:hover {\n outline: unset;\n}\n.maru-input-wrapper .maru-input-start-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-right: 10px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 6px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper > button {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n display: flex;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper .maru-input-end-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-input-wrapper .maru-input-footer {\n display: block;\n margin-top: 4px;\n}\n.maru-input-wrapper .maru-input-footer > span {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #e53e3e;\n font-weight: 400;\n}";
69693
+ var css_248z$g = ".maru-input-wrapper .maru-input-label {\n margin-bottom: 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n}\n.maru-input-wrapper .maru-input-label label {\n color: #5c5c5c;\n}\n.maru-input-wrapper .maru-input {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n height: 37px;\n padding: 8px 10px 8px 14px;\n border: 1px solid #e4e4e4;\n border-radius: 6px;\n position: relative;\n z-index: 0;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder {\n position: absolute;\n z-index: -1;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder > span {\n color: #8c8c8c;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 300;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder > span[data-hidden] {\n visibility: hidden;\n}\n.maru-input-wrapper .maru-input > input {\n width: 100%;\n border: unset;\n outline: unset;\n background-color: transparent;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n color: #5c5c5c;\n padding: unset;\n}\n.maru-input-wrapper .maru-input > input::-webkit-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::-moz-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input:-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input:focus-visible, .maru-input-wrapper .maru-input:focus-within {\n border-color: #5c5c5c;\n background-color: rgba(228, 228, 228, 0.2);\n}\n.maru-input-wrapper .maru-input.errored {\n outline: 1px solid #e53e3e;\n border-color: #e53e3e;\n}\n.maru-input-wrapper .maru-input:hover {\n outline: 1px solid #e4e4e4;\n border-color: #e4e4e4;\n background-color: rgba(228, 228, 228, 0.2);\n}\n.maru-input-wrapper .maru-input.disabled {\n background-color: #fafafa;\n}\n.maru-input-wrapper .maru-input.disabled > input {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-webkit-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-moz-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input:-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled:hover {\n outline: unset;\n}\n.maru-input-wrapper .maru-input-start-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-right: 10px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 6px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper > button {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n display: flex;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper .maru-input-end-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper.maru-input-end-node-margin {\n margin-left: 8px;\n}\n.maru-input-wrapper .maru-input-footer {\n display: block;\n margin-top: 4px;\n}\n.maru-input-wrapper .maru-input-footer > span {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #e53e3e;\n font-weight: 400;\n}";
69662
69694
  styleInject(css_248z$g);
69663
69695
 
69664
69696
  var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
@@ -69863,7 +69895,14 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
69863
69895
  onBlur: handleInputBlur,
69864
69896
  placeholder: persistentPlaceholder ? undefined : props.placeholder
69865
69897
  })), jsxs("div", __assign({
69866
- className: "maru-input-end-node-wrapper"
69898
+ className: classNames('maru-input-end-node-wrapper', {
69899
+ // 셋 중 뭐라도 있으면 margin-left: 8px;
69900
+ 'maru-input-end-node-margin': type === 'password' && !props.disabled ||
69901
+ // password 버튼이 있거나
69902
+ showClearButton && !props.disabled ||
69903
+ // X 버튼이 있거나
69904
+ endNode // 추가 노드가 있거나
69905
+ })
69867
69906
  }, {
69868
69907
  children: [type === 'password' && !props.disabled && jsx("button", __assign({
69869
69908
  type: "button",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "maru_design2",
3
- "version": "2.26.11",
3
+ "version": "2.27.1",
4
4
  "main": "./dist/index.js",
5
5
  "author": "zena-42maru",
6
6
  "license": "MIT",