@itcase/ui 1.0.3 → 1.0.4

package/dist/components/SiteMenu.js

@@ -17,7 +17,7 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');

package/dist/components/Swiper.js

@@ -16,7 +16,7 @@ require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
-require('../useStyles-77c3b520.js');
+require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -749,6 +749,7 @@ function Swiper(props) {
     titleSize = props.titleSize,
     titleTextColor = props.titleTextColor,
     titleWeight = props.titleWeight,
+    titleAfter = props.titleAfter,
     onSlideNextTransitionEnd = props.onSlideNextTransitionEnd,
     onSlidePrevTransitionEnd = props.onSlidePrevTransitionEnd,
     onSwiper = props.onSwiper,
@@ -816,7 +817,7 @@ function Swiper(props) {
     size: titleSize,
     textColor: titleTextColor,
     textWeight: titleWeight
-  }, title), prevButton && nextButton && /*#__PURE__*/React__default.default.createElement("div", {
+  }, title), titleAfter, prevButton && nextButton && /*#__PURE__*/React__default.default.createElement("div", {
     className: "swiper-block__navigation"
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "swiper-block__prev swiper-button",

package/dist/components/Switch.js

@@ -1,29 +1,44 @@
 'use strict';
 
 var React = require('react');
-require('prop-types');
+var PropTypes = require('prop-types');
 var clsx = require('clsx');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function Switch(props) {
   var className = props.className,
-    set = props.set;
-    props.onClick;
-    props.onMouseDown;
+    set = props.set,
+    id = props.id,
+    checked = props.checked,
+    disabled = props.disabled,
+    onChange = props.onChange;
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('switch', className, set && "switch_set_" + set)
   }, /*#__PURE__*/React__default.default.createElement("input", {
+    checked: checked,
+    className: "switch__checkbox",
+    disabled: disabled,
+    id: id,
     type: "checkbox",
-    className: "switch__checkbox"
+    onChange: onChange
   }), /*#__PURE__*/React__default.default.createElement("div", {
     className: "switch__bg"
   }, "\xA0"), /*#__PURE__*/React__default.default.createElement("div", {
     className: "switch__toggle"
   }, "\xA0"));
 }
+Switch.propTypes = {
+  checked: PropTypes__default.default.bool,
+  className: PropTypes__default.default.string,
+  disabled: PropTypes__default.default.bool,
+  id: PropTypes__default.default.string,
+  set: PropTypes__default.default.string,
+  onChange: PropTypes__default.default.func
+};
 
 exports.Switch = Switch;

package/dist/components/Text.js

@@ -9,7 +9,7 @@ var textColorHover = require('../constants/componentProps/textColorHover.js');
 var size = require('../constants/componentProps/size.js');
 var textStyle = require('../constants/componentProps/textStyle.js');
 var textWeight = require('../constants/componentProps/textWeight.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/components/Tile.js

@@ -16,7 +16,7 @@ var iconSize = require('../constants/componentProps/iconSize.js');
 var textAlign = require('../constants/componentProps/textAlign.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/textColor.js');

package/dist/components/Title.js

@@ -13,7 +13,7 @@ var titleSize = require('../constants/componentProps/titleSize.js');
 var type = require('../constants/componentProps/type.js');
 var wrap = require('../constants/componentProps/wrap.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 var UIContext = require('../context/UIContext.js');
 require('lodash/castArray');
 require('lodash/camelCase');

package/dist/components/Tooltip.js

@@ -9,7 +9,7 @@ var size = require('../constants/componentProps/size.js');
 var fill = require('../constants/componentProps/fill.js');
 var shape = require('../constants/componentProps/shape.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');

package/dist/components/Video.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');

package/dist/components/Wrapper.js

@@ -10,7 +10,7 @@ var horizontalResizeMode = require('../constants/componentProps/horizontalResize
 var position = require('../constants/componentProps/position.js');
 var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');

package/dist/hooks/useStyles.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var useStyles = require('../useStyles-77c3b520.js');
+var useStyles = require('../useStyles-e4accb53.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/maxBy');

package/dist/{useStyles-77c3b520.js → useStyles-e4accb53.js}

@@ -144,7 +144,7 @@ function useStyles(props) {
       }
     });
     return resultStyles;
-  }, [currentDevice]); // props
+  }, [currentDevice, props.display]); // "props" object maybe big and frequently changing
 
   return collectedStyles;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",

package/dist/_commonjsHelpers-facfc6d6.js

@@ -1,7 +0,0 @@
-'use strict';
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-exports.getDefaultExportFromCjs = getDefaultExportFromCjs;