@ornikar/kitt-universal 3.6.0 → 3.7.0

package/dist/definitions/Button/AnimatedButtonPressable.web.d.ts

@@ -9,9 +9,9 @@ interface AnimatedButtonPressableContainerProps {
     $isStretch?: boolean;
     $isSubtle?: boolean;
 }
-export declare const AnimatedButtonPressableContainer: import("react").ComponentType<import("type-fest").Except<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & AnimatedButtonPressableContainerProps & {
+export declare const AnimatedButtonPressableContainer: import("react").ForwardRefExoticComponent<Pick<import("type-fest").Except<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & AnimatedButtonPressableContainerProps & {
     as?: import("react").ElementType<any> | undefined;
-}, "theme">>;
+}, "theme">, "children" | "style" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onMouseUp" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "key" | "slot" | "title" | "hidden" | "color" | "as" | "id" | "autoCapitalize" | "autoCorrect" | "defaultValue" | "onBlur" | "onChange" | "onFocus" | "onScroll" | "onKeyPress" | "placeholder" | "spellCheck" | "onError" | "onLoad" | "onLoadStart" | "onProgress" | "$isStretch" | "$type" | "$isDisabled" | "className" | "$isSubtle" | "aria-checked" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css"> & import("react").RefAttributes<unknown>>;
 export declare const AnimatedButtonPressable: import("react").ForwardRefExoticComponent<AnimatedButtonPressableProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=AnimatedButtonPressable.web.d.ts.map

package/dist/definitions/Button/AnimatedButtonPressable.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedButtonPressable.web.d.ts","sourceRoot":"","sources":["../../../src/Button/AnimatedButtonPressable.web.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,UAAU,qCAAqC;IAC7C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gCAAgC;;YA0H3C,CAAC;AAEH,eAAO,MAAM,uBAAuB,yHAQnC,CAAC"}
+{"version":3,"file":"AnimatedButtonPressable.web.d.ts","sourceRoot":"","sources":["../../../src/Button/AnimatedButtonPressable.web.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,UAAU,qCAAqC;IAC7C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gCAAgC;;knJA0H3C,CAAC;AAEH,eAAO,MAAM,uBAAuB,yHAQnC,CAAC"}

package/dist/definitions/IconButton/PressableIconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PressableIconButton.d.ts","sourceRoot":"","sources":["../../../src/IconButton/PressableIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAMnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AA2E3D,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAM/F"}
+{"version":3,"file":"PressableIconButton.d.ts","sourceRoot":"","sources":["../../../src/IconButton/PressableIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAOnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AA2E3D,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,KAAK,EAAE,sBAAsB,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,YAAY,CAM/F"}

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

@@ -1,24 +1,3 @@
-export declare const breakpoints: {
-    values: {
-        base: number;
-        small: number;
-        medium: number;
-        large: number;
-        wide: number;
-    };
-    min: {
-        smallBreakpoint: string;
-        mediumBreakpoint: string;
-        largeBreakpoint: string;
-        wideBreakpoint: string;
-    };
-    max: {
-        smallBreakpoint: string;
-        mediumBreakpoint: string;
-        largeBreakpoint: string;
-        wideBreakpoint: string;
-    };
-};
 export declare const theme: {
     spacing: number;
     colors: {
@@ -242,6 +221,27 @@ export declare const theme: {
     };
     tooltip: import("./late-ocean/tooltip").TooltipTheme;
     skeleton: import("./late-ocean/skeletonTheme").SkeletonTheme;
+    breakpoints: {
+        values: {
+            base: number;
+            small: number;
+            medium: number;
+            large: number;
+            wide: number;
+        };
+        min: {
+            smallBreakpoint: string;
+            mediumBreakpoint: string;
+            largeBreakpoint: string;
+            wideBreakpoint: string;
+        };
+        max: {
+            smallBreakpoint: string;
+            mediumBreakpoint: string;
+            largeBreakpoint: string;
+            wideBreakpoint: string;
+        };
+    };
 };
 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":"AAgBA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC;AAIF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/themes/default.ts"],"names":[],"mappings":"AAwCA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBjB,CAAC;AAEF,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC"}

package/dist/definitions/useKittTheme.d.ts

@@ -1,10 +1,8 @@
 import type { Theme } from './themes/default';
-import { breakpoints } from './themes/default';
 import type { WindowSizeHelper } from './utils/windowSize/createWindowSizeHelper';
 export interface KittTheme {
     kitt: Theme;
     responsive: WindowSizeHelper;
-    breakpoints: typeof breakpoints;
 }
 export declare function useKittTheme(): KittTheme;
 //# sourceMappingURL=useKittTheme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useKittTheme.d.ts","sourceRoot":"","sources":["../../src/useKittTheme.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAsB,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAIlF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,KAAK,CAAC;IACZ,UAAU,EAAE,gBAAgB,CAAC;IAC7B,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC;AAED,wBAAgB,YAAY,IAAI,SAAS,CAKxC"}
+{"version":3,"file":"useKittTheme.d.ts","sourceRoot":"","sources":["../../src/useKittTheme.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAIlF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,KAAK,CAAC;IACZ,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED,wBAAgB,YAAY,IAAI,SAAS,CAKxC"}

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

@@ -1,7 +1,7 @@
-import type { ComponentType } from 'react';
+import type { ComponentType, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 import type { DefaultTheme } from 'styled-components/native';
 import type { Except } from 'type-fest';
 export declare function withTheme<Props extends {
     theme: DefaultTheme;
-}>(WrappedComponent: ComponentType<Props>): ComponentType<Except<Props, 'theme'>>;
+}, T>(WrappedComponent: ComponentType<Props>): ForwardRefExoticComponent<PropsWithoutRef<Except<Props, 'theme'>> & RefAttributes<T>>;
 //# sourceMappingURL=withTheme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"withTheme.d.ts","sourceRoot":"","sources":["../../../src/utils/withTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAexC,wBAAgB,SAAS,CAAC,KAAK,SAAS;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,EAC7D,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,GACrC,aAAa,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAMvC"}
+{"version":3,"file":"withTheme.d.ts","sourceRoot":"","sources":["../../../src/utils/withTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,yBAAyB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAexC,wBAAgB,SAAS,CAAC,KAAK,SAAS;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,EAAE,CAAC,EAChE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,GACrC,yBAAyB,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAOvF"}

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

@@ -3073,7 +3073,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,
@@ -3093,7 +3093,8 @@ var theme = {
   iconButton: iconButton,
   listItem: listItemLateOceanTheme,
   tooltip: tooltip,
-  skeleton: skeletonTheme
+  skeleton: skeletonTheme,
+  breakpoints: breakpoints
 };
 
 function Title(_ref) {
@@ -3590,8 +3591,7 @@ function useKittTheme() {
   return useMemo(function () {
     return {
       kitt: theme,
-      responsive: createWindowSizeHelper(dimensions),
-      breakpoints: breakpoints
+      responsive: createWindowSizeHelper(dimensions)
     };
   }, [dimensions]);
 }
@@ -3650,12 +3650,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 //   };
 // }
 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({
+      ref: ref,
       theme: theme
     }, props));
-  };
+  });
 }
 
 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, withTheme };