maru_design2 2.11.0 → 2.11.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.11.1](https://github.com/42maru-ai/maru-design2/compare/v2.11.0...v2.11.1) (2024-07-11)
+
+
+### Bug Fixes
+
+* :lipstick: Pagination, Dropdown - UPDATE input height [#196](https://github.com/42maru-ai/maru-design2/issues/196), UPDATE input reset [#195](https://github.com/42maru-ai/maru-design2/issues/195) ([bebcae6](https://github.com/42maru-ai/maru-design2/commit/bebcae6b402fb4da0e1d73ffa57f7db9f196a1e7))
+
 ## [2.11.0](https://github.com/42maru-ai/maru-design2/compare/v2.10.0...v2.11.0) (2024-07-10)
 
 

package/dist/index.js

@@ -23429,6 +23429,9 @@ function Dropdown(_a) {
   useEffect(function () {
     if (selected === null || selected === void 0 ? void 0 : selected[displayKey]) {
       setInputValue(selected[displayKey]);
+    } else {
+      // selected === undefined
+      setInputValue('');
     }
   }, [selected]);
   // type=input 일때, inputValue 변경 시(사용자가 타이핑) 메뉴 아이템 파싱하여 표시하기 위한 useEffect
@@ -23687,7 +23690,7 @@ function Modal(_a) {
   });
 }
 
-var css_248z$2 = ".maru-pagination-wrapper .maru-pagination {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n}\n.maru-pagination-wrapper .maru-pagination button {\n  cursor: pointer;\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: #8c8c8c;\n  padding: 4px;\n  margin: unset;\n  background-color: unset;\n  border: unset;\n  min-width: 30px;\n  min-height: 30px;\n  border-radius: 6px;\n}\n.maru-pagination-wrapper .maru-pagination button > span {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n}\n.maru-pagination-wrapper .maru-pagination button:active {\n  background-color: #bdbdbd;\n}\n.maru-pagination-wrapper .maru-pagination button:disabled {\n  cursor: default;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper {\n  margin: 0 12px;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input {\n  width: 36px;\n  border: 1px solid #bdbdbd;\n  border-radius: 4px;\n  padding: 3px 8px 4px 8px;\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  margin-right: 8px;\n  color: #5c5c5c;\n  text-align: center;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input::-webkit-outer-spin-button, .maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input:disabled {\n  pointer-events: none;\n  border: none;\n  background-color: transparent;\n  width: auto;\n  margin-right: 0;\n  padding: 0;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input-label {\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: #5c5c5c;\n}";
+var css_248z$2 = ".maru-pagination-wrapper .maru-pagination {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n}\n.maru-pagination-wrapper .maru-pagination button {\n  cursor: pointer;\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: #8c8c8c;\n  padding: 4px;\n  margin: unset;\n  background-color: unset;\n  border: unset;\n  min-width: 30px;\n  min-height: 30px;\n  border-radius: 6px;\n}\n.maru-pagination-wrapper .maru-pagination button > span {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: row;\n}\n.maru-pagination-wrapper .maru-pagination button:active {\n  background-color: #bdbdbd;\n}\n.maru-pagination-wrapper .maru-pagination button:disabled {\n  cursor: default;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper {\n  margin: 0 12px;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input {\n  width: 36px;\n  height: 24px;\n  border: 1px solid #bdbdbd;\n  border-radius: 4px;\n  padding: 3px 8px 4px 8px;\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  margin-right: 8px;\n  color: #5c5c5c;\n  text-align: center;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input::-webkit-outer-spin-button, .maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input:disabled {\n  pointer-events: none;\n  border: none;\n  background-color: transparent;\n  width: auto;\n  margin-right: 0;\n  padding: 0;\n}\n.maru-pagination-wrapper .maru-pagination .maru-pagination-input-wrapper .maru-pagination-input-label {\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: #5c5c5c;\n}";
 styleInject(css_248z$2);
 
 function Pagination(_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "maru_design2",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "main": "./dist/index.js",
   "author": "zena-42maru",
   "license": "MIT",