@sunggang/ui-lib 0.2.11 → 0.2.12

package/index.esm.css

@@ -816,9 +816,6 @@ video {
 .h-4 {
   height: 1rem;
 }
-.h-40 {
-  height: 10rem;
-}
 .h-5 {
   height: 1.25rem;
 }
@@ -2700,10 +2697,19 @@ video {
     justify-content: center;
   }
 
+  .lg\:p-10 {
+    padding: 2.5rem;
+  }
+
   .lg\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
   }
+
+  .lg\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
 }
 
 @media (min-width: 1280px) {

package/index.esm.js

@@ -108059,7 +108059,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var CustomSelect = function(param) {
-    var items = param.items, currentID = param.currentID, setCurrentID = param.setCurrentID, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
+    var items = param.items, currentID = param.currentID, setCurrentID = param.setCurrentID, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_hasEmptyOption = param.hasEmptyOption, hasEmptyOption = _param_hasEmptyOption === void 0 ? true : _param_hasEmptyOption;
     var _useState = _sliced_to_array(useState(false), 2), isDropdownOpen = _useState[0], setIsDropdownOpen = _useState[1];
     var selectRef = useRef(null);
     useEffect(function() {
@@ -108105,7 +108105,7 @@ var CustomSelect = function(param) {
             isDropdownOpen && /*#__PURE__*/ jsxs("ul", {
                 className: "absolute z-10 mt-0 w-full bg-white border border-gray-300 rounded-lg shadow-lg",
                 children: [
-                    /*#__PURE__*/ jsx("li", {
+                    hasEmptyOption && /*#__PURE__*/ jsx("li", {
                         className: "px-4 py-2 cursor-pointer hover:bg-gray-100",
                         onClick: function() {
                             setCurrentID(null);
@@ -109752,7 +109752,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     var data = _tagged_template_literal([
-        "\n  .uiTabs {\n    list-style: none;\n    display: flex;\n  }\n\n  .uiTabs .uiTab {\n    padding: 0.25rem 1em;\n    cursor: pointer;\n    transform: translateY(1px);\n    transition: background-color 0.2s ease-in-out;\n    text-align: center;\n    font-size: 18px;\n    height: 3rem;\n  }\n\n  .uiTabs .uiTab.selected {\n    border-radius: 6px 6px 0px 0px;\n  }\n"
+        "\n  .uiTabs {\n    list-style: none;\n    display: flex;\n  }\n\n  .uiTabs .uiTab {\n    padding: 0.25rem 1em;\n    cursor: pointer;\n    transform: translateY(1px);\n    transition: background-color 0.2s ease-in-out;\n    text-align: center;\n    height: 3rem;\n  }\n\n  .uiTabs .uiTab.selected {\n    border-radius: 6px 6px 0px 0px;\n  }\n"
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -109774,7 +109774,7 @@ var TabsPanel = function(param) {
                     return /*#__PURE__*/ jsx("button", {
                         type: "button",
                         className: [
-                            "uiTab",
+                            "uiTab text-sm lg:text-lg",
                             index === activeIndex ? "border border-[#ccc] rounded-t-md ".concat(tabClassName) : ""
                         ].join(" "),
                         onClick: function() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "dependencies": {
     "@iconify/react": "^4.1.1",
     "@mdx-js/react": "^3.0.1",

package/src/lib/Select/CustomSelect.d.ts

@@ -8,6 +8,7 @@ export interface CustomSelectProps {
     currentID: string | null;
     setCurrentID: React.Dispatch<React.SetStateAction<any>>;
     className?: string;
+    hasEmptyOption?: boolean;
 }
 export declare const CustomSelect: React.FC<CustomSelectProps>;
 export default CustomSelect;