@paubox/ui 0.16.6 → 0.16.7

package/index.esm.js

@@ -1713,7 +1713,7 @@ function _templateObject4$9() {
     };
     return data;
 }
-function _templateObject5$5() {
+function _templateObject5$4() {
     var data = _tagged_template_literal$t([
         "\n  ",
         "\n  font-size: ",
@@ -1721,12 +1721,12 @@ function _templateObject5$5() {
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 400;\n"
     ]);
-    _templateObject5$5 = function _templateObject() {
+    _templateObject5$4 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject6$3() {
+function _templateObject6$2() {
     var data = _tagged_template_literal$t([
         "\n  ",
         "\n  font-size: ",
@@ -1734,7 +1734,7 @@ function _templateObject6$3() {
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 600;\n"
     ]);
-    _templateObject6$3 = function _templateObject() {
+    _templateObject6$2 = function _templateObject() {
         return data;
     };
     return data;
@@ -1992,8 +1992,8 @@ var $headline100Regular = css(_templateObject1$i(), commonStyles, headline100Fon
 var $headline100Semibold = css(_templateObject2$g(), commonStyles, headline100FontSize / BASE_FONT_SIZE, headline100LineHeight / BASE_FONT_SIZE, headline100LetterSpacing);
 var $headline200Regular = css(_templateObject3$c(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
 var $headline200Semibold = css(_templateObject4$9(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
-var $headline300Regular = css(_templateObject5$5(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
-var $headline300Semibold = css(_templateObject6$3(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
+var $headline300Regular = css(_templateObject5$4(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
+var $headline300Semibold = css(_templateObject6$2(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
 // PARAGRAPH
 var $paragraph100Regular = css(_templateObject7$1(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
 var $paragraph100Semibold = css(_templateObject8(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
@@ -2153,13 +2153,13 @@ function _templateObject4$8() {
     };
     return data;
 }
-function _templateObject5$4() {
+function _templateObject5$3() {
     var data = _tagged_template_literal$s([
         "\n  background-color: transparent;\n  border: none;\n  color: ",
         ";\n  cursor: pointer;\n  padding: 0.25rem;\n  font-size: 0.75rem;\n  margin-left: ",
         ";\n"
     ]);
-    _templateObject5$4 = function _templateObject() {
+    _templateObject5$3 = function _templateObject() {
         return data;
     };
     return data;
@@ -2181,7 +2181,7 @@ var StyledIcon = styled.div(_templateObject3$b(), function(param) {
     return type === 'info' ? primary700 : type === 'error' ? danger700 : type === 'success' ? success700 : warning700;
 });
 var TextWrapper = styled.div(_templateObject4$8());
-var TruncaterButton = styled.button(_templateObject5$4(), primary700, function(param) {
+var TruncaterButton = styled.button(_templateObject5$3(), primary700, function(param) {
     var isExpanded = param.isExpanded;
     return !isExpanded ? '0' : '0.25rem';
 });
@@ -22753,20 +22753,20 @@ function _templateObject4$7() {
     };
     return data;
 }
-function _templateObject5$3() {
+function _templateObject5$2() {
     var data = _tagged_template_literal$k([
         "\n  display: flex;\n  flex-direction: row;\n  gap: 0.5rem;\n"
     ]);
-    _templateObject5$3 = function _templateObject() {
+    _templateObject5$2 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject6$2() {
+function _templateObject6$1() {
     var data = _tagged_template_literal$k([
         "\n  width: 100%;\n  padding: 1rem;\n  padding-top: 0;\n  box-sizing: border-box;\n"
     ]);
-    _templateObject6$2 = function _templateObject() {
+    _templateObject6$1 = function _templateObject() {
         return data;
     };
     return data;
@@ -22782,8 +22782,8 @@ var FilterGroup = styled.div(_templateObject1$e(), function(param) {
 var CloseButton$1 = styled.button(_templateObject2$c());
 var FilterRowsContainer = styled.div(_templateObject3$9());
 var OrButton = styled.button(_templateObject4$7(), neutral100);
-var ButtonGroup = styled.div(_templateObject5$3());
-var AndButtonContainer = styled.div(_templateObject6$2());
+var ButtonGroup = styled.div(_templateObject5$2());
+var AndButtonContainer = styled.div(_templateObject6$1());
 var FilterForm = function(param) {
     var values = param.values, fieldOptions = param.fieldOptions, operatorOptions = param.operatorOptions, onSubmit = param.onSubmit, onClear = param.onClear, onChange = param.onChange, errors = param.errors, touched = param.touched;
     var _useState = _sliced_to_array$c(useState(undefined), 2), isHovered = _useState[0], setIsHovered = _useState[1];
@@ -23425,23 +23425,23 @@ function _templateObject4$6() {
     };
     return data;
 }
-function _templateObject5$2() {
+function _templateObject5$1() {
     var data = _tagged_template_literal$i([
         "\n  position: absolute;\n  right: 0rem;\n  width: 2rem;\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 0;\n  border: none;\n  cursor: pointer;\n  z-index: 0;\n  transition: all 150ms ease-in-out;\n  transform: ",
         ";\n"
     ]);
-    _templateObject5$2 = function _templateObject() {
+    _templateObject5$1 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject6$1() {
+function _templateObject6() {
     var data = _tagged_template_literal$i([
         "\n  ",
         "\n  color: ",
         "/80;\n"
     ]);
-    _templateObject6$1 = function _templateObject() {
+    _templateObject6 = function _templateObject() {
         return data;
     };
     return data;
@@ -23510,11 +23510,11 @@ var MultiSelectChip = function(option) {
     });
 };
 // Style for the Icons
-var IconWrapper$2 = styled.div(_templateObject5$2(), function(param) {
+var IconWrapper$2 = styled.div(_templateObject5$1(), function(param) {
     var open = param.open;
     return open ? 'rotate(180deg)' : 'rotate(0deg)';
 });
-var PlaceholderOption = styled.option(_templateObject6$1(), $paragraph100Semibold, textSecondary);
+var PlaceholderOption = styled.option(_templateObject6(), $paragraph100Semibold, textSecondary);
 var SelectedOption = styled.option(_templateObject7(), $paragraph200Regular, textPrimary);
 var MultiSelect = function(_param) {
     var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options; _param.checkbox; var placeholder = _param.placeholder, label = _param.label, _param_chips = _param.chips, chips = _param_chips === void 0 ? false : _param_chips, values = _param.values, setValues = _param.setValues, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, props = _object_without_properties$f(_param, [
@@ -24917,25 +24917,6 @@ function _templateObject4$3() {
     };
     return data;
 }
-function _templateObject5$1() {
-    var data = _tagged_template_literal$c([
-        "\n                  cursor: not-allowed;\n                  color: ",
-        ";\n                "
-    ]);
-    _templateObject5$1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal$c([
-        "\n                  cursor: pointer;\n                "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 var MenuItemContainer = styled.div(_templateObject$c(), primary100);
 var IconContainer = styled.div(_templateObject1$8());
 var buttonStyles = css(_templateObject2$6(), spacing(1), spacing(2), $paragraph200Regular);
@@ -24960,7 +24941,7 @@ var MenuItem = function(_param) {
             onClick: onClick,
             style: {
                 cursor: disabled ? 'not-allowed' : 'pointer',
-                color: disabled ? neutral500 : neutral900
+                color: disabled ? "".concat(neutral500) : "".concat(neutral900)
             }
         }, props), {
             children: [
@@ -24969,7 +24950,10 @@ var MenuItem = function(_param) {
                     onClick: onClick
                 }),
                 /*#__PURE__*/ jsxs(Typography, {
-                    css: disabled ? css(_templateObject5$1(), neutral500) : css(_templateObject6()),
+                    style: {
+                        cursor: disabled ? 'not-allowed' : 'pointer',
+                        color: disabled ? "".concat(neutral500) : "".concat(neutral900)
+                    },
                     variant: "".concat(size === 'small' ? 'label200Regular' : 'label100Regular'),
                     children: [
                         icon && /*#__PURE__*/ jsx(IconContainer, {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "0.16.6",
+  "version": "0.16.7",
   "type": "module",
   "private": false,
   "publishConfig": {