@janiscommerce/ui-web 0.10.0 → 0.11.0

package/CHANGELOG.md

@@ -7,19 +7,25 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
-## [0.10.0] - 2022-03-12
+## [0.11.0] - 2024-03-21
+
+### Added
+
+- Props component documentation
+
+## [0.10.0] - 2024-03-12
 
 ### Added
 
 - Added Drawer component
 
-## [0.9.1] - 2022-02-29
+## [0.9.1] - 2024-02-29
 
 ### Fixed
 
 - Fixed fontcolor of buttons
 
-## [0.9.0] - 2022-02-19
+## [0.9.0] - 2024-02-19
 
 ### Changed
 
@@ -36,7 +42,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 - Added controls in storybooks
 
-## [0.8.0] - 2022-01-23
+## [0.8.0] - 2024-01-23
 
 ### Changed
 

package/dist/index.umd.js

@@ -1878,7 +1878,7 @@
     })(["margin-bottom:10px;padding:5px;"])
   });
 
-  var _excluded$7 = ["color", "name", "size", "styles", "pathStyles", "width", "height", "viewBox"];
+  var _excluded$8 = ["color", "name", "size", "styles", "pathStyles", "width", "height", "viewBox"];
 
   var Icon = function Icon(_ref) {
     var color = _ref.color,
@@ -1889,7 +1889,7 @@
         width = _ref.width,
         height = _ref.height,
         viewBox = _ref.viewBox,
-        props = _objectWithoutProperties(_ref, _excluded$7);
+        props = _objectWithoutProperties(_ref, _excluded$8);
 
     if (!icons[name]) return null;
     var _icons$name = icons[name],
@@ -1990,7 +1990,7 @@
     })
   };
 
-  var _excluded$6 = ["children", "color", "hideLabel", "icon", "iconColor", "iconSize", "fontColor", "rounded", "styles", "variant", "disabled"];
+  var _excluded$7 = ["children", "color", "hideLabel", "icon", "iconColor", "iconSize", "fontColor", "rounded", "styles", "variant", "disabled"];
 
   var Button = function Button(_ref) {
     var children = _ref.children,
@@ -2004,7 +2004,7 @@
         styles = _ref.styles,
         variant = _ref.variant,
         disabled = _ref.disabled,
-        props = _objectWithoutProperties(_ref, _excluded$6);
+        props = _objectWithoutProperties(_ref, _excluded$7);
 
     return /*#__PURE__*/React__default["default"].createElement(styled$b.Button, _extends$1({
       color: color,
@@ -2053,7 +2053,7 @@
     })
   };
 
-  var _excluded$5 = ["autoComplete", "disabled", "defaultChecked", "onChange", "rounded", "styles", "value"];
+  var _excluded$6 = ["autoComplete", "disabled", "defaultChecked", "onChange", "rounded", "styles", "value"];
 
   var Checkbox = function Checkbox(_ref) {
     var autoComplete = _ref.autoComplete,
@@ -2063,7 +2063,7 @@
         rounded = _ref.rounded,
         styles = _ref.styles,
         value = _ref.value,
-        props = _objectWithoutProperties(_ref, _excluded$5);
+        props = _objectWithoutProperties(_ref, _excluded$6);
 
     var _useState = React.useState(!!value || defaultChecked),
         _useState2 = _slicedToArray(_useState, 2),
@@ -2155,7 +2155,7 @@
     })(["text-overflow:ellipsis;overflow:hidden;"])
   };
 
-  var _excluded$4 = ["backgroundColor", "borderColor", "children", "disabled", "icon", "iconColor", "onClick", "onDelete", "selected", "textColor", "variant", "hasLink"];
+  var _excluded$5 = ["backgroundColor", "borderColor", "children", "disabled", "icon", "iconColor", "onClick", "onDelete", "selected", "textColor", "variant", "hasLink"];
 
   var Chip = function Chip(_ref) {
     var backgroundColor = _ref.backgroundColor,
@@ -2170,7 +2170,7 @@
         textColor = _ref.textColor,
         variant = _ref.variant,
         hasLink = _ref.hasLink,
-        props = _objectWithoutProperties(_ref, _excluded$4);
+        props = _objectWithoutProperties(_ref, _excluded$5);
 
     if (!children && !icon) return null;
     return /*#__PURE__*/React__default["default"].createElement(styled$9.Chip, _extends$1({
@@ -2303,7 +2303,7 @@
     iconCheckStyles: iconCheckStyles
   };
 
-  var _excluded$3 = ["autoComplete", "defaultChecked", "disabled", "id", "name", "onChange", "value"];
+  var _excluded$4 = ["autoComplete", "defaultChecked", "disabled", "id", "name", "onChange", "value"];
 
   var Switch = function Switch(_ref) {
     var autoComplete = _ref.autoComplete,
@@ -2313,7 +2313,7 @@
         name = _ref.name,
         onChange = _ref.onChange,
         value = _ref.value,
-        props = _objectWithoutProperties(_ref, _excluded$3);
+        props = _objectWithoutProperties(_ref, _excluded$4);
 
     var _useState = React.useState(!!value || defaultChecked),
         _useState2 = _slicedToArray(_useState, 2),
@@ -2477,7 +2477,7 @@
     })(["position:absolute;flex-shrink:0;flex-grow:0;margin-right:8px;height:100%;"])
   };
 
-  var _excluded$2 = ["icon", "error", "disabled", "placeholder", "errorMessage", "autoComplete", "hasFloatingLabel", "value", "isTranslateActive", "defaultValue"];
+  var _excluded$3 = ["icon", "error", "disabled", "placeholder", "errorMessage", "autoComplete", "hasFloatingLabel", "value", "isTranslateActive", "defaultValue"];
 
   var Input = /*#__PURE__*/function (_PureComponent) {
     _inherits$2(Input, _PureComponent);
@@ -2573,7 +2573,7 @@
             value = _this$props$value === void 0 ? stateValue : _this$props$value,
             isTranslateActive = _this$props.isTranslateActive;
             _this$props.defaultValue;
-            var props = _objectWithoutProperties(_this$props, _excluded$2);
+            var props = _objectWithoutProperties(_this$props, _excluded$3);
 
         var autoCompleteOff = props.type === 'password' ? 'new-password' : 'off';
         var isFloating = isFocused || !!value.toString();
@@ -2698,7 +2698,7 @@
     })(["color:", ";font-size:12px;line-height:14px;display:block;word-break:break-word;"], viewsPalette.statusRed)
   };
 
-  var _excluded$1 = ["label", "error", "disabled", "placeholder", "autoComplete", "errorMessage", "hasFloatingLabel", "isTranslateActive", "value", "defaultValue"];
+  var _excluded$2 = ["label", "error", "disabled", "placeholder", "autoComplete", "errorMessage", "hasFloatingLabel", "isTranslateActive", "value", "defaultValue"];
 
   var Textarea = /*#__PURE__*/function (_PureComponent) {
     _inherits$2(Textarea, _PureComponent);
@@ -2800,7 +2800,7 @@
             _this$props$value = _this$props.value,
             value = _this$props$value === void 0 ? stateValue : _this$props$value;
             _this$props.defaultValue;
-            var props = _objectWithoutProperties(_this$props, _excluded$1);
+            var props = _objectWithoutProperties(_this$props, _excluded$2);
 
         var isFloating = isFocused || !!value;
         return /*#__PURE__*/React__default["default"].createElement(styled$5.Container, {
@@ -4319,14 +4319,14 @@
     })(["margin-right:8px;"])
   };
 
-  var _excluded = ["href", "children", "target", "icon"];
+  var _excluded$1 = ["href", "children", "target", "icon"];
 
   var Link = function Link(_ref) {
     var href = _ref.href,
         children = _ref.children,
         target = _ref.target,
         icon = _ref.icon,
-        props = _objectWithoutProperties(_ref, _excluded);
+        props = _objectWithoutProperties(_ref, _excluded$1);
 
     var renderIcon = function renderIcon() {
       return icon ? /*#__PURE__*/React__default["default"].createElement(styled$1.StyledIcon, {
@@ -4450,6 +4450,8 @@
     Overlay: Overlay
   };
 
+  var _excluded = ["open", "position", "handleClose", "transitionDuration", "fullScreen", "closeOnClickAway", "children"];
+
   var Drawer = function Drawer(_ref) {
     var open = _ref.open,
         position = _ref.position,
@@ -4457,18 +4459,20 @@
         transitionDuration = _ref.transitionDuration,
         fullScreen = _ref.fullScreen,
         closeOnClickAway = _ref.closeOnClickAway,
-        children = _ref.children;
+        children = _ref.children,
+        props = _objectWithoutProperties(_ref, _excluded);
+
     var drawerRef = React.useRef(null);
     return /*#__PURE__*/React__default["default"].createElement(ClickAwayListener, {
       onClickAway: closeOnClickAway && open && handleClose
-    }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(styled.Drawer, {
+    }, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(styled.Drawer, _extends$1({
       open: open,
       position: position,
       transitionDuration: transitionDuration,
       fullScreen: fullScreen,
       className: "drawer",
       ref: drawerRef
-    }, /*#__PURE__*/React__default["default"].createElement(styled.Content, {
+    }, props), /*#__PURE__*/React__default["default"].createElement(styled.Content, {
       className: "drawer__content"
     }, /*#__PURE__*/React__default["default"].createElement(styled.Header, null, handleClose && typeof handleClose === 'function' && /*#__PURE__*/React__default["default"].createElement(styled.CloseBtn, {
       onClick: handleClose