@ornikar/kitt-universal 3.4.0 → 3.5.0

package/dist/definitions/Skeleton/Skeleton.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="styled-components-react-native" />
+import type { ReactElement } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface SkeletonProps {
+    isLoading?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Skeleton({ isLoading, style }: SkeletonProps): ReactElement;
+export declare namespace Skeleton {
+    var Bar: import("styled-components").StyledComponent<typeof Skeleton, import("styled-components").DefaultTheme, {}, never>;
+    var Circle: import("styled-components").StyledComponent<typeof Skeleton, import("styled-components").DefaultTheme, {}, never>;
+    var Square: import("styled-components").StyledComponent<typeof Skeleton, import("styled-components").DefaultTheme, {}, never>;
+}
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/definitions/Skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzD,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,aAAa,GAAG,YAAY,CAQ1E;yBARe,QAAQ"}

package/dist/definitions/Skeleton/SkeletonContent.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from 'react';
+interface SkeletonProps {
+    isLoading?: boolean;
+    width: number;
+}
+export declare function SkeletonContent({ isLoading, width }: SkeletonProps): ReactElement;
+export {};
+//# sourceMappingURL=SkeletonContent.d.ts.map

package/dist/definitions/Skeleton/SkeletonContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonContent.d.ts","sourceRoot":"","sources":["../../../src/Skeleton/SkeletonContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAUD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,aAAa,GAAG,YAAY,CAkCjF"}

package/dist/definitions/Skeleton/SkeletonContent.web.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from 'react';
+interface SkeletonProps {
+    isLoading: boolean;
+}
+export declare function SkeletonContent({ isLoading }: SkeletonProps): ReactElement;
+export {};
+//# sourceMappingURL=SkeletonContent.web.d.ts.map

package/dist/definitions/Skeleton/SkeletonContent.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonContent.web.d.ts","sourceRoot":"","sources":["../../../src/Skeleton/SkeletonContent.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AA+C1C,UAAU,aAAa;IACrB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,aAAa,GAAG,YAAY,CAE1E"}

package/dist/definitions/forms/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/forms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;CAAG;AAEtE,wBAAgB,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,YAAY,CAGlE"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/forms/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;CAAG;AAEtE,wBAAgB,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,YAAY,CAWlE"}

package/dist/definitions/index.d.ts

@@ -40,6 +40,8 @@ export type { ModalProps } from './Modal/Modal';
 export { Modal } from './Modal/Modal';
 export type { NotificationProps } from './Notification/Notification';
 export { Notification } from './Notification/Notification';
+export type { SkeletonProps } from './Skeleton/Skeleton';
+export { Skeleton } from './Skeleton/Skeleton';
 export * from './story-components';
 export type { TagProps } from './Tag/Tag';
 export { Tag } from './Tag/Tag';
@@ -57,7 +59,9 @@ export type { TypographyLinkProps } from './typography/TypographyLink';
 export { TypographyLink } from './typography/TypographyLink';
 export type { KittTheme } from './useKittTheme';
 export { useKittTheme } from './useKittTheme';
+export { hex2rgba } from './utils/hexToRgba';
 export { KittThemeDecorator, KittThemeProvider } from './utils/storybook/KittThemeDecorator';
+export { StyleWebWrapper } from './utils/StyleWebWrapper';
 export type { WindowSizeHelper } from './utils/windowSize/createWindowSizeHelper';
 export { createWindowSizeHelper } from './utils/windowSize/createWindowSizeHelper';
 export { MatchWindowSize } from './utils/windowSize/MatchWindowSize';

package/dist/definitions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/definitions/themes/default.d.ts

@@ -250,6 +250,7 @@ export declare const theme: {
         innerMargin: string;
     };
     tooltip: import("./late-ocean/tooltip").TooltipTheme;
+    skeleton: import("./late-ocean/skeletonTheme").SkeletonTheme;
 };
 export declare type Theme = typeof theme;
 //# sourceMappingURL=default.d.ts.map

package/dist/definitions/themes/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC;AAIF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC;AAIF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC"}

package/dist/definitions/themes/late-ocean/skeletonTheme.d.ts

@@ -0,0 +1,7 @@
+export interface SkeletonTheme {
+    backgroundColor: string;
+    flareColor: string;
+    animationDuration: number;
+}
+export declare const skeletonTheme: SkeletonTheme;
+//# sourceMappingURL=skeletonTheme.d.ts.map

package/dist/definitions/themes/late-ocean/skeletonTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeletonTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/skeletonTheme.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,aAI3B,CAAC"}

package/dist/definitions/themes/late-ocean/typographyLateOceanTheme.d.ts

@@ -1,3 +1,4 @@
+export declare const calcLineHeight: (fontSize: number, lineHeightMultiplier: number) => number;
 export interface TypographyTypeBreakpointRangeConfig {
     fontSize: string;
     lineHeight: string;
@@ -6,6 +7,7 @@ export interface TypographyTypeConfig {
     baseAndSmall: TypographyTypeBreakpointRangeConfig;
     mediumAndWide: TypographyTypeBreakpointRangeConfig;
 }
+export declare const createTypographyTypeConfig: (lineHeightMultiplier: number, baseAndSmallFontSize: number, mediumAndWideFontSize: number) => TypographyTypeConfig;
 export declare const typographyLateOceanTheme: {
     colors: {
         black: string;

package/dist/definitions/themes/late-ocean/typographyLateOceanTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typographyLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/typographyLateOceanTheme.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,mCAAmC;IAClD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,mCAAmC,CAAC;IAClD,aAAa,EAAE,mCAAmC,CAAC;CACpD;AAiBD,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DpC,CAAC"}
+{"version":3,"file":"typographyLateOceanTheme.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/typographyLateOceanTheme.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,aAAc,MAAM,wBAAwB,MAAM,KAAG,MACnC,CAAC;AAE9C,MAAM,WAAW,mCAAmC;IAClD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,mCAAmC,CAAC;IAClD,aAAa,EAAE,mCAAmC,CAAC;CACpD;AAED,eAAO,MAAM,0BAA0B,yBACf,MAAM,wBACN,MAAM,yBACL,MAAM,KAC5B,oBASD,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DpC,CAAC"}

package/dist/definitions/utils/hexToRgba.d.ts

@@ -0,0 +1,2 @@
+export declare const hex2rgba: (hex: string, alpha?: number) => string;
+//# sourceMappingURL=hexToRgba.d.ts.map

package/dist/definitions/utils/hexToRgba.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexToRgba.d.ts","sourceRoot":"","sources":["../../../src/utils/hexToRgba.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,QAAS,MAAM,qBAAc,MAMjD,CAAC"}

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

@@ -7,12 +7,13 @@ export { useWindowDimensions as useWindowSize } from 'react-native';
 import styled, { useTheme, css, ThemeProvider } from 'styled-components/native';
 import { useRef, useEffect, cloneElement, useContext, createContext, forwardRef, useMemo, useState, Fragment, Children } from 'react';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import Animated$1, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring } from 'react-native-reanimated';
+import Animated$1, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring, withRepeat, withTiming, Easing as Easing$1, interpolate } from 'react-native-reanimated';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { parse } from 'twemoji-parser';
 import { openBrowserAsync } from 'expo-web-browser';
 import _extends from '@babel/runtime/helpers/extends';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { LinearGradient } from 'expo-linear-gradient';
 import DateTimePicker from '@react-native-community/datetimepicker';
 import { FormattedMessage } from 'react-intl';
 import { useFloating, offset, shift, flip } from '@floating-ui/react-native';
@@ -780,7 +781,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
 });
 
-var Container$6 = /*#__PURE__*/styled.View.withConfig({
+var Container$7 = /*#__PURE__*/styled.View.withConfig({
   displayName: "Card__Container"
 })(["background-color:", ";padding:", ";border-radius:", ";border-width:", ";border-color:", ";"], function (_ref) {
   var theme = _ref.theme,
@@ -803,7 +804,7 @@ var Container$6 = /*#__PURE__*/styled.View.withConfig({
 function Card(_ref6) {
   var children = _ref6.children,
       type = _ref6.type;
-  return /*#__PURE__*/jsx(Container$6, {
+  return /*#__PURE__*/jsx(Container$7, {
     type: type,
     children: children
   });
@@ -1026,7 +1027,7 @@ var Input = /*#__PURE__*/styled(TextInput).withConfig({
   var minHeight = _ref10.minHeight;
   return minHeight;
 });
-var Container$5 = /*#__PURE__*/styled.View.withConfig({
+var Container$6 = /*#__PURE__*/styled.View.withConfig({
   displayName: "InputText__Container"
 })(["margin-top:", ";margin-bottom:", ";"], function (_ref11) {
   var theme = _ref11.theme;
@@ -1102,7 +1103,7 @@ var InputText = /*#__PURE__*/forwardRef(function (_ref15, ref) {
     isDisabled: disabled,
     formState: formState
   });
-  return /*#__PURE__*/jsxs(Container$5, {
+  return /*#__PURE__*/jsxs(Container$6, {
     children: [/*#__PURE__*/jsx(Input, _objectSpread$b(_objectSpread$b({
       ref: ref,
       nativeID: id,
@@ -1202,7 +1203,7 @@ var SelectedInnerRadio = /*#__PURE__*/styled.View.withConfig({
   var theme = _ref14.theme;
   return theme.kitt.forms.radio.checked.innerSize / 2;
 });
-var Container$4 = /*#__PURE__*/styled.Pressable.withConfig({
+var Container$5 = /*#__PURE__*/styled.Pressable.withConfig({
   displayName: "Radio__Container"
 })(["flex-direction:row;align-items:center;"]);
 var Text = /*#__PURE__*/styled(Typography.Text).withConfig({
@@ -1219,7 +1220,7 @@ function Radio(_ref16) {
       _ref16$disabled = _ref16.disabled,
       disabled = _ref16$disabled === void 0 ? false : _ref16$disabled,
       children = _ref16.children;
-  return /*#__PURE__*/jsxs(Container$4, {
+  return /*#__PURE__*/jsxs(Container$5, {
     nativeID: id,
     disabled: disabled,
     accessibilityRole: "radio",
@@ -1248,7 +1249,8 @@ function TextArea(_ref) {
 
   var theme = /*#__PURE__*/useTheme();
   return /*#__PURE__*/jsx(InputText, _objectSpread$a(_objectSpread$a({
-    multiline: true
+    multiline: true,
+    textAlignVertical: "top"
   }, props), {}, {
     type: "text",
     minHeight: theme.kitt.forms.input.textAreaMinHeight
@@ -1398,7 +1400,7 @@ function FullScreenModalHeader(_ref6) {
   });
 }
 
-var Container$3 = /*#__PURE__*/styled.View.withConfig({
+var Container$4 = /*#__PURE__*/styled.View.withConfig({
   displayName: "FullScreenModal__Container"
 })(["flex:1;background-color:", ";"], function (_ref) {
   var theme = _ref.theme;
@@ -1406,7 +1408,7 @@ var Container$3 = /*#__PURE__*/styled.View.withConfig({
 });
 function FullScreenModal(_ref2) {
   var children = _ref2.children;
-  return /*#__PURE__*/jsx(Container$3, {
+  return /*#__PURE__*/jsx(Container$4, {
     children: children
   });
 }
@@ -1806,7 +1808,7 @@ function LargeLoader(_ref) {
 
 var xIconSize = 14;
 var mainIconSize = 20;
-var Container$2 = /*#__PURE__*/styled.View.withConfig({
+var Container$3 = /*#__PURE__*/styled.View.withConfig({
   displayName: "Message__Container"
 })(["border-radius:", "px;background-color:", ";padding-bottom:", "px;padding-left:", "px;padding-right:", "px;padding-top:", "px;flex-direction:row;align-items:flex-start;justify-content:space-between;"], function (_ref) {
   var theme = _ref.theme,
@@ -1895,7 +1897,7 @@ function Message(_ref11) {
       onDismiss = _ref11.onDismiss,
       insets = _ref11.insets;
   var color = getColorByType(type);
-  return /*#__PURE__*/jsxs(Container$2, {
+  return /*#__PURE__*/jsxs(Container$3, {
     type: type,
     noRadius: noRadius,
     insets: insets,
@@ -2099,6 +2101,127 @@ function Notification(_ref) {
   });
 }
 
+var Container$2 = /*#__PURE__*/styled.View.withConfig({
+  displayName: "SkeletonContent__Container"
+})(["background-color:", ";border-color:", ";height:100%;width:100%;"], function (_ref) {
+  var theme = _ref.theme;
+  return theme.kitt.skeleton.backgroundColor;
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.kitt.skeleton.flareColor;
+});
+var AnimatedLinearGradient = Animated$1.createAnimatedComponent(LinearGradient);
+function SkeletonContent(_ref3) {
+  var isLoading = _ref3.isLoading,
+      width = _ref3.width;
+  var theme = /*#__PURE__*/useTheme();
+  var sharedX = useSharedValue(0);
+  useEffect(function () {
+    if (isLoading) {
+      sharedX.value = withRepeat(withTiming(1, {
+        duration: theme.kitt.skeleton.animationDuration,
+        easing: Easing$1.inOut(Easing$1.ease)
+      }), -1);
+    }
+  }, [sharedX, width, isLoading, theme]);
+  var linearGradientStyle = useAnimatedStyle(function () {
+    var _f = function () {
+      return {
+        transform: [{
+          translateX: interpolate(sharedX.value, [0, 1], [-width, width])
+        }]
+      };
+    };
+
+    _f._closure = {
+      interpolate: interpolate,
+      sharedX: sharedX,
+      width: width
+    };
+    _f.asString = "function _f(){const{interpolate,sharedX,width}=jsThis._closure;{return{transform:[{translateX:interpolate(sharedX.value,[0,1],[-width,width])}]};}}";
+    _f.__workletHash = 1670955855244;
+    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Skeleton/SkeletonContent.tsx (41:47)";
+    _f.__optimalization = 3;
+
+    global.__reanimatedWorkletInit(_f);
+
+    return _f;
+  }());
+  return /*#__PURE__*/jsx(Container$2, {
+    children: /*#__PURE__*/jsx(AnimatedLinearGradient, {
+      colors: [theme.kitt.skeleton.backgroundColor, theme.kitt.skeleton.flareColor, theme.kitt.skeleton.backgroundColor],
+      locations: [0.1, 0.5, 0.9],
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 0
+      },
+      style: [StyleSheet.absoluteFill, linearGradientStyle]
+    })
+  });
+}
+
+function Skeleton(_ref) {
+  var isLoading = _ref.isLoading,
+      style = _ref.style;
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      width = _useState2[0],
+      setWidth = _useState2[1];
+
+  return /*#__PURE__*/jsx(View, {
+    style: style,
+    onLayout: function onLayout(_ref2) {
+      var nativeEvent = _ref2.nativeEvent;
+      return setWidth(nativeEvent.layout.width);
+    },
+    children: /*#__PURE__*/jsx(SkeletonContent, {
+      isLoading: isLoading,
+      width: width
+    })
+  });
+}
+var Bar = /*#__PURE__*/styled(Skeleton).withConfig({
+  displayName: "Skeleton__Bar"
+})(["width:100%;height:", "px;border-radius:", "px;overflow:hidden;"], function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.kitt.spacing * 2;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.kitt.spacing * 2;
+});
+var Circle = /*#__PURE__*/styled(Skeleton).withConfig({
+  displayName: "Skeleton__Circle"
+})(["width:", "px;height:", "px;border-radius:", "px;overflow:hidden;"], function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.kitt.spacing * 12;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.kitt.spacing * 12;
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.kitt.spacing * 6;
+});
+var Square = /*#__PURE__*/styled(Skeleton).withConfig({
+  displayName: "Skeleton__Square"
+})(["width:", "px;height:", "px;border-radius:", "px;overflow:hidden;"], function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.kitt.spacing * 12;
+}, function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.kitt.spacing * 12;
+}, function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.kitt.spacing * 1.5;
+});
+Skeleton.Bar = Bar;
+Skeleton.Circle = Circle;
+Skeleton.Square = Square;
+
 var Flex = /*#__PURE__*/styled.View.withConfig({
   shouldForwardProp: function shouldForwardProp(prop, defaultValidatorFn) {
     return !['direction', 'padding'].includes(prop) && defaultValidatorFn(prop);
@@ -2791,6 +2914,12 @@ var shadowsLateOceanTheme = {
   medium: '0px 10px 20px rgba(41, 48, 51, 0.25)'
 };
 
+var skeletonTheme = {
+  backgroundColor: lateOceanColorPalette.black100,
+  flareColor: lateOceanColorPalette.black200,
+  animationDuration: 1000
+};
+
 var tagLateOceanTheme = {
   borderRadius: '10px',
   padding: '2px 12px',
@@ -2844,20 +2973,18 @@ var tooltip = {
 var calcLineHeight = function (fontSize, lineHeightMultiplier) {
   return Math.round(fontSize * lineHeightMultiplier);
 };
-
 var createTypographyTypeConfig = function (lineHeightMultiplier, baseAndSmallFontSize, mediumAndWideFontSize) {
   return {
     baseAndSmall: {
       fontSize: "".concat(baseAndSmallFontSize, "px"),
-      lineHeight: "".concat(calcLineHeight(lineHeightMultiplier, baseAndSmallFontSize), "px")
+      lineHeight: "".concat(calcLineHeight(baseAndSmallFontSize, lineHeightMultiplier), "px")
     },
     mediumAndWide: {
       fontSize: "".concat(mediumAndWideFontSize, "px"),
-      lineHeight: "".concat(calcLineHeight(lineHeightMultiplier, baseAndSmallFontSize), "px")
+      lineHeight: "".concat(calcLineHeight(mediumAndWideFontSize, lineHeightMultiplier), "px")
     }
   };
 };
-
 var typographyLateOceanTheme = {
   colors: {
     black: lateOceanColorPalette.black1000,
@@ -2958,7 +3085,8 @@ var theme = {
   fullScreenModal: fullScreenModalLateOceanTheme,
   iconButton: iconButton,
   listItem: listItemLateOceanTheme,
-  tooltip: tooltip
+  tooltip: tooltip,
+  skeleton: skeletonTheme
 };
 
 function Title(_ref) {
@@ -3461,6 +3589,14 @@ function useKittTheme() {
   }, [dimensions]);
 }
 
+var hex2rgba = function (hex) {
+  var alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  var r = parseInt(hex.slice(1, 3), 16);
+  var g = parseInt(hex.slice(3, 5), 16);
+  var b = parseInt(hex.slice(5, 7), 16);
+  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
+};
+
 function KittThemeProvider(_ref) {
   var children = _ref.children;
   var theme = useKittTheme();
@@ -3493,5 +3629,5 @@ function MatchWindowSize(_ref) {
   });
 }
 
-export { Avatar, Button, Card, Emoji, ExternalLink, Flex, FullScreenModal, Icon, IconButton, InputFeedback, InputField, InputText, KittBreakpoints, KittBreakpointsMax, KittThemeDecorator, KittThemeProvider, Label, LargeLoader, ListItem, Loader, MatchWindowSize, Message, Modal, Notification, Radio, DeprecatedSection as Section, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, createWindowSizeHelper, matchWindowSize, styledTextInputMixin, theme, useKittTheme, useMatchWindowSize, useStoryBlockColor };
+export { Avatar, Button, Card, Emoji, ExternalLink, Flex, FullScreenModal, Icon, IconButton, InputFeedback, InputField, InputText, KittBreakpoints, KittBreakpointsMax, KittThemeDecorator, KittThemeProvider, Label, LargeLoader, ListItem, Loader, MatchWindowSize, Message, Modal, Notification, Radio, DeprecatedSection as Section, Skeleton, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, createWindowSizeHelper, hex2rgba, matchWindowSize, styledTextInputMixin, theme, useKittTheme, useMatchWindowSize, useStoryBlockColor };
 //# sourceMappingURL=index-browser-all.es.android.js.map