@ornikar/kitt-universal 3.6.0 → 3.7.0

package/dist/index-browser-all.es.js

@@ -1455,12 +1455,14 @@ function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) {
 //   };
 // }
 function withTheme(WrappedComponent) {
-  return function (props) {
+  // eslint-disable-next-line prefer-arrow-callback
+  return /*#__PURE__*/forwardRef(function (props, ref) {
     var theme = /*#__PURE__*/useTheme();
     return /*#__PURE__*/jsx(WrappedComponent, _objectSpread$9({
+      ref: ref,
       theme: theme
     }, props));
-  };
+  });
 }
 
 var _excluded$6 = ["color"];
@@ -1476,21 +1478,17 @@ var PressableIconButtonWebWrapper = withTheme( /*#__PURE__*/styled$1("div")({
       var theme = _ref.theme;
       return theme.kitt.iconButton.scale.base.hover;
     }],
-    "p1nlccvg-1": [function (_ref2) {
+    "p1nlccvg-2": [function (_ref2) {
       var theme = _ref2.theme;
-      return theme.breakpoints.min.mediumBreakpoint;
-    }],
-    "p1nlccvg-2": [function (_ref3) {
-      var theme = _ref3.theme;
       return theme.kitt.iconButton.scale.medium.hover;
     }],
-    "p1nlccvg-3": [function (_ref4) {
-      var theme = _ref4.theme;
+    "p1nlccvg-3": [function (_ref3) {
+      var theme = _ref3.theme;
       return theme.kitt.iconButton.scale.base.active;
     }],
-    "p1nlccvg-4": [function (_ref5) {
-      var theme = _ref5.theme,
-          $isWhite = _ref5.$isWhite;
+    "p1nlccvg-4": [function (_ref4) {
+      var theme = _ref4.theme,
+          $isWhite = _ref4.$isWhite;
       var _theme$kitt$iconButto = theme.kitt.iconButton,
           white = _theme$kitt$iconButto.white,
           defaultIconButton = _theme$kitt$iconButto["default"];
@@ -1501,18 +1499,18 @@ var PressableIconButtonWebWrapper = withTheme( /*#__PURE__*/styled$1("div")({
 }));
 var StyledPressableIconButton = /*#__PURE__*/styled.Pressable.withConfig({
   displayName: "PressableIconButton__StyledPressableIconButton"
-})(["border-radius:", "px;width:", "px;height:", "px;align-items:center;justify-content:center;position:relative;background-color:transparent;", ";"], function (_ref6) {
-  var theme = _ref6.theme;
+})(["border-radius:", "px;width:", "px;height:", "px;align-items:center;justify-content:center;position:relative;background-color:transparent;", ";"], function (_ref5) {
+  var theme = _ref5.theme;
   return theme.kitt.iconButton.borderRadius;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.kitt.iconButton.width;
 }, function (_ref7) {
   var theme = _ref7.theme;
-  return theme.kitt.iconButton.width;
-}, function (_ref8) {
-  var theme = _ref8.theme;
   return theme.kitt.iconButton.height;
-}, function (_ref9) {
-  var theme = _ref9.theme,
-      disabled = _ref9.disabled;
+}, function (_ref8) {
+  var theme = _ref8.theme,
+      disabled = _ref8.disabled;
   var iconButton = theme.kitt.iconButton;
 
   if (Platform.OS !== 'web') {
@@ -1527,9 +1525,9 @@ var StyledPressableIconButton = /*#__PURE__*/styled.Pressable.withConfig({
 
   return "\n      transition: ".concat(transition.property, " ").concat(transition.duration, " ").concat(transition.timingFunction, ";\n    ");
 });
-function PressableIconButton(_ref10) {
-  var color = _ref10.color,
-      props = _objectWithoutProperties(_ref10, _excluded$6);
+function PressableIconButton(_ref9) {
+  var color = _ref9.color,
+      props = _objectWithoutProperties(_ref9, _excluded$6);
 
   return /*#__PURE__*/jsx(StyleWebWrapper, {
     as: PressableIconButtonWebWrapper,
@@ -3126,7 +3124,7 @@ var breakpoints = {
     wideBreakpoint: 'max-width: 1279px'
   }
 }; // eslint-disable-next-line unicorn/expiring-todo-comments
-// TODO : seperate brand co lor usage definition from proper theme definition and add t ypings - https://ornikar.atlassian.net/browse/CME-156
+// TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156
 
 var theme = {
   spacing: 4,
@@ -3146,7 +3144,8 @@ var theme = {
   iconButton: iconButton,
   listItem: listItemLateOceanTheme,
   tooltip: tooltip,
-  skeleton: skeletonTheme
+  skeleton: skeletonTheme,
+  breakpoints: breakpoints
 };
 
 function Title(_ref) {
@@ -3652,8 +3651,7 @@ function useKittTheme() {
   return useMemo(function () {
     return {
       kitt: theme,
-      responsive: createWindowSizeHelper(dimensions),
-      breakpoints: breakpoints
+      responsive: createWindowSizeHelper(dimensions)
     };
   }, [dimensions]);
 }