@ornikar/kitt-universal 27.4.0 → 27.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/definitions/CardModal/CardModalAnimation/CardModalAnimation.web.d.ts.map +1 -1
  3. package/dist/definitions/DialogModal/DialogModalAnimation/DialogModalAnimation.web.d.ts.map +1 -1
  4. package/dist/definitions/FullscreenModal/FullscreenModalAnimation.web.d.ts.map +1 -1
  5. package/dist/definitions/GoogleMapsAutocompleteProvider/GoogleMapsAutocompleteProvider.d.ts.map +1 -1
  6. package/dist/definitions/MapMarker/MapMarker.d.ts +2 -5
  7. package/dist/definitions/MapMarker/MapMarker.d.ts.map +1 -1
  8. package/dist/definitions/MapMarker/constants.d.ts +6 -0
  9. package/dist/definitions/MapMarker/constants.d.ts.map +1 -0
  10. package/dist/definitions/MapMarker/utils/getBackgroundColor.d.ts +2 -1
  11. package/dist/definitions/MapMarker/utils/getBackgroundColor.d.ts.map +1 -1
  12. package/dist/definitions/Picker/Picker.web.d.ts.map +1 -1
  13. package/dist/definitions/TabBar/TabBar.d.ts.map +1 -1
  14. package/dist/definitions/TimePicker/TimePicker.web.d.ts.map +1 -1
  15. package/dist/definitions/themes/late-ocean/cardModal.d.ts +21 -4
  16. package/dist/definitions/themes/late-ocean/cardModal.d.ts.map +1 -1
  17. package/dist/definitions/themes/late-ocean/dialogModal.d.ts +21 -4
  18. package/dist/definitions/themes/late-ocean/dialogModal.d.ts.map +1 -1
  19. package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts +21 -4
  20. package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts.map +1 -1
  21. package/dist/definitions/themes/late-ocean/shadows.d.ts +4 -2
  22. package/dist/definitions/themes/late-ocean/shadows.d.ts.map +1 -1
  23. package/dist/definitions/themes/late-ocean/skeleton.d.ts +2 -1
  24. package/dist/definitions/themes/late-ocean/skeleton.d.ts.map +1 -1
  25. package/dist/index-metro.es.android.js +100 -39
  26. package/dist/index-metro.es.android.js.map +1 -1
  27. package/dist/index-metro.es.ios.js +100 -39
  28. package/dist/index-metro.es.ios.js.map +1 -1
  29. package/dist/index-node-22.17.cjs.js +99 -38
  30. package/dist/index-node-22.17.cjs.js.map +1 -1
  31. package/dist/index-node-22.17.cjs.web.css +2 -2
  32. package/dist/index-node-22.17.cjs.web.js +66 -32
  33. package/dist/index-node-22.17.cjs.web.js.map +1 -1
  34. package/dist/index-node-22.17.es.mjs +99 -38
  35. package/dist/index-node-22.17.es.mjs.map +1 -1
  36. package/dist/index-node-22.17.es.web.css +2 -2
  37. package/dist/index-node-22.17.es.web.mjs +66 -32
  38. package/dist/index-node-22.17.es.web.mjs.map +1 -1
  39. package/dist/index.es.js +97 -74
  40. package/dist/index.es.js.map +1 -1
  41. package/dist/index.es.web.js +76 -44
  42. package/dist/index.es.web.js.map +1 -1
  43. package/dist/linaria-themes-metro.es.android.js +40 -10
  44. package/dist/linaria-themes-metro.es.android.js.map +1 -1
  45. package/dist/linaria-themes-metro.es.ios.js +40 -10
  46. package/dist/linaria-themes-metro.es.ios.js.map +1 -1
  47. package/dist/linaria-themes-node-22.17.cjs.js +40 -10
  48. package/dist/linaria-themes-node-22.17.cjs.js.map +1 -1
  49. package/dist/linaria-themes-node-22.17.cjs.web.js +40 -10
  50. package/dist/linaria-themes-node-22.17.cjs.web.js.map +1 -1
  51. package/dist/linaria-themes-node-22.17.es.mjs +40 -10
  52. package/dist/linaria-themes-node-22.17.es.mjs.map +1 -1
  53. package/dist/linaria-themes-node-22.17.es.web.mjs +40 -10
  54. package/dist/linaria-themes-node-22.17.es.web.mjs.map +1 -1
  55. package/dist/linaria-themes.es.js +40 -10
  56. package/dist/linaria-themes.es.js.map +1 -1
  57. package/dist/linaria-themes.es.web.js +40 -10
  58. package/dist/linaria-themes.es.web.js.map +1 -1
  59. package/dist/styles.css +2 -2
  60. package/dist/tsbuildinfo +1 -1
  61. package/package.json +1 -1
@@ -22,9 +22,9 @@
22
22
  .kitt-u_slideInFromBottomExit_sl0lsxt{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
23
23
  .kitt-u_slideInFromBottomExitActive_srlzzmu{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 600ms cubic-bezier(0.77,0,0.175,1);-webkit-transition:transform 600ms cubic-bezier(0.77,0,0.175,1);transition:transform 600ms cubic-bezier(0.77,0,0.175,1);}
24
24
  .kitt-u_opacityEnter_okm44hr{opacity:0;}
25
- .kitt-u_opacityEnterActive_o2w8t0i{opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.42,0,1,1);transition:opacity 250ms cubic-bezier(0.42,0,1,1);}
25
+ .kitt-u_opacityEnterActive_o2w8t0i{opacity:1;-webkit-transition:opacity 250ms cubic-bezier(0.42,1,0,1);transition:opacity 250ms cubic-bezier(0.42,1,0,1);}
26
26
  .kitt-u_opacityExit_o14r8iix{opacity:1;}
27
- .kitt-u_opacityExitActive_oim72y2{opacity:0;-webkit-transition:opacity 250ms cubic-bezier(0.42,0,1,1);transition:opacity 250ms cubic-bezier(0.42,0,1,1);}
27
+ .kitt-u_opacityExitActive_oim72y2{opacity:0;-webkit-transition:opacity 250ms cubic-bezier(0.42,1,0,1);transition:opacity 250ms cubic-bezier(0.42,1,0,1);}
28
28
  .kitt-u_pageLoaderContainer_ptkwz2j{width:60px;height:60px;-webkit-transform:scale(-1) rotate(90deg);-ms-transform:scale(-1) rotate(90deg);transform:scale(-1) rotate(90deg);}@-webkit-keyframes PageLoaderInit-kitt-u_pageLoaderContainer_ptkwz2j{0%{stroke-dashoffset:169.64600329384882px;}100%{stroke-dashoffset:0;}}@keyframes PageLoaderInit-kitt-u_pageLoaderContainer_ptkwz2j{0%{stroke-dashoffset:169.64600329384882px;}100%{stroke-dashoffset:0;}}@-webkit-keyframes PageLoaderOffset-kitt-u_pageLoaderContainer_ptkwz2j{0%{stroke-dashoffset:169.64600329384882px;}100%{stroke-dashoffset:33.929200658769766px;}}@keyframes PageLoaderOffset-kitt-u_pageLoaderContainer_ptkwz2j{0%{stroke-dashoffset:169.64600329384882px;}100%{stroke-dashoffset:33.929200658769766px;}}@-webkit-keyframes PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}.kitt-u_pageLoaderContainer_ptkwz2j circle,.kitt-u_pageLoaderContainer_ptkwz2j g{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;}.kitt-u_pageLoaderContainer_ptkwz2j g[data-large-loader='base'] circle{-webkit-animation:1000ms cubic-bezier(0.39,0.575,0.565,1) 500ms forwards;animation:1000ms cubic-bezier(0.39,0.575,0.565,1) 500ms forwards;-webkit-animation-name:PageLoaderInit-kitt-u_pageLoaderContainer_ptkwz2j;animation-name:PageLoaderInit-kitt-u_pageLoaderContainer_ptkwz2j;}.kitt-u_pageLoaderContainer_ptkwz2j g[data-large-loader='fill']{-webkit-animation:1800ms linear 500ms infinite;animation:1800ms linear 500ms infinite;-webkit-animation-name:PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j;animation-name:PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j;}.kitt-u_pageLoaderContainer_ptkwz2j g[data-large-loader='fill'] circle{-webkit-animation:1800ms cubic-bezier(0.39,0.575,0.565,1) 500ms infinite alternate,2160ms linear 500ms infinite;animation:1800ms cubic-bezier(0.39,0.575,0.565,1) 500ms infinite alternate,2160ms linear 500ms infinite;-webkit-animation-name:PageLoaderOffset-kitt-u_pageLoaderContainer_ptkwz2j,PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j;animation-name:PageLoaderOffset-kitt-u_pageLoaderContainer_ptkwz2j,PageLoaderRotation-kitt-u_pageLoaderContainer_ptkwz2j;}
29
29
  .kitt-u_enter_ereraf{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px);opacity:0;}
30
30
  .kitt-u_enterActive_e1jmsjrm{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
@@ -740,9 +740,19 @@ const card = {
740
740
  };
741
741
 
742
742
  const webAnimationContentDuration$2 = 400;
743
- const webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
743
+ const webAnimationContentEasing$2 = {
744
+ x1: 0.77,
745
+ y1: 0,
746
+ x2: 0.175,
747
+ y2: 1
748
+ };
744
749
  const webAnimationOverlayDuration$2 = 250;
745
- const webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
750
+ const webAnimationOverlayEasing$2 = {
751
+ x1: 0.42,
752
+ y1: 0,
753
+ x2: 1,
754
+ y2: 1
755
+ };
746
756
  const maxWidth = 540;
747
757
  const overlayHorizontalPadding = 24;
748
758
  const cardModal = {
@@ -834,9 +844,19 @@ const choices = {
834
844
  };
835
845
 
836
846
  const webAnimationContentDuration$1 = 400;
837
- const webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
847
+ const webAnimationContentEasing$1 = {
848
+ x1: 0.77,
849
+ y1: 0,
850
+ x2: 0.175,
851
+ y2: 1
852
+ };
838
853
  const webAnimationOverlayDuration$1 = 250;
839
- const webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
854
+ const webAnimationOverlayEasing$1 = {
855
+ x1: 0.42,
856
+ y1: 0,
857
+ x2: 1,
858
+ y2: 1
859
+ };
840
860
  const dialogModal = {
841
861
  borderRadius: spacing * 2,
842
862
  maxWidth: 540,
@@ -1768,9 +1788,19 @@ const forms = {
1768
1788
  };
1769
1789
 
1770
1790
  const webAnimationContentDuration = 600;
1771
- const webAnimationContentEasing = [0.77, 0, 0.175, 1];
1791
+ const webAnimationContentEasing = {
1792
+ x1: 0.77,
1793
+ y1: 0,
1794
+ x2: 0.175,
1795
+ y2: 1
1796
+ };
1772
1797
  const webAnimationOverlayDuration = 250;
1773
- const webAnimationOverlayEasing = [0.42, 0, 1, 1];
1798
+ const webAnimationOverlayEasing = {
1799
+ x1: 0.42,
1800
+ y1: 0,
1801
+ x2: 1,
1802
+ y2: 1
1803
+ };
1774
1804
  const fullscreenModal = {
1775
1805
  header: {
1776
1806
  height: 56
@@ -1918,8 +1948,8 @@ const listItem = {
1918
1948
 
1919
1949
  const mapMarker = {
1920
1950
  home: {
1921
- default: colors.primaryLight,
1922
- selected: colors.primary,
1951
+ default: deepPurpleColorPalette['grey.9'],
1952
+ selected: deepPurpleColorPalette['grey.7'],
1923
1953
  svg: {
1924
1954
  height: 36
1925
1955
  },
@@ -1929,8 +1959,8 @@ const mapMarker = {
1929
1959
  }
1930
1960
  },
1931
1961
  meetingPoint: {
1932
- default: colors.black,
1933
- selected: colors.blackAnthracite,
1962
+ default: deepPurpleColorPalette['deepPurple.8'],
1963
+ selected: deepPurpleColorPalette['deepPurple.6'],
1934
1964
  svg: {
1935
1965
  width: 40,
1936
1966
  height: 43
@@ -5706,7 +5736,7 @@ function DocumentPicker({
5706
5736
  ...documentPickerOptions,
5707
5737
  multiple: false
5708
5738
  });
5709
- if (!result.canceled && result.assets[0].file) {
5739
+ if (!result.canceled && result.assets[0]?.file) {
5710
5740
  onDocumentUpload(result.assets[0].file);
5711
5741
  }
5712
5742
  },
@@ -5737,7 +5767,7 @@ function ImagePicker({
5737
5767
  ...imagePickerOptions,
5738
5768
  allowsMultipleSelection: false
5739
5769
  });
5740
- if (!result.canceled) {
5770
+ if (!result.canceled && result.assets[0]) {
5741
5771
  onImageSelected(result.assets[0]);
5742
5772
  }
5743
5773
  },
@@ -5995,17 +6025,17 @@ function GoogleMapsAutocompleteProvider({
5995
6025
  dispatch({
5996
6026
  type: 'search-error'
5997
6027
  });
5998
- return;
5999
6028
  }
6000
-
6001
- // We cache the results to avoid calling the API again if the user types the same value
6002
- searchResultsCache.current[value] = results;
6003
- dispatch({
6004
- type: 'search-success',
6005
- payload: {
6006
- results
6007
- }
6008
- });
6029
+ if (results) {
6030
+ // We cache the results to avoid calling the API again if the user types the same value
6031
+ searchResultsCache.current[value] = results;
6032
+ dispatch({
6033
+ type: 'search-success',
6034
+ payload: {
6035
+ results
6036
+ }
6037
+ });
6038
+ }
6009
6039
  } catch (error) {
6010
6040
  dispatch({
6011
6041
  type: 'search-error'
@@ -7766,12 +7796,11 @@ const SvgPinMarkerinline = props => /*#__PURE__*/jsxRuntime.jsxs("svg", {
7766
7796
  width: 34,
7767
7797
  height: 36,
7768
7798
  viewBox: "0 0 34 36",
7769
- fill: "none",
7799
+ fill: "currentColor",
7770
7800
  xmlns: "http://www.w3.org/2000/svg",
7771
7801
  ...props,
7772
7802
  children: [/*#__PURE__*/jsxRuntime.jsx("path", {
7773
7803
  d: "M17 .5C26.113.5 33.5 7.887 33.5 17c0 8.272-6.087 15.121-14.025 16.315-.05.008-.157.054-.337.211-.173.151-.351.345-.56.57a5.972 5.972 0 0 1-.662.637c-.232.181-.545.367-.916.367-.37 0-.684-.186-.916-.367a5.972 5.972 0 0 1-.662-.637c-.209-.224-.387-.419-.56-.57-.18-.157-.287-.203-.337-.21C6.586 32.12.5 25.271.5 17 .5 7.887 7.887.5 17 .5Z",
7774
- fill: "#7B66FF",
7775
7804
  stroke: "#fff"
7776
7805
  }), /*#__PURE__*/jsxRuntime.jsx("path", {
7777
7806
  d: "M17 10a5.506 5.506 0 0 0-5.5 5.5c0 4.706 5 8.26 5.213 8.41a.5.5 0 0 0 .574 0c.213-.15 5.213-3.704 5.213-8.41A5.506 5.506 0 0 0 17 10Zm0 3.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4Z",
@@ -7796,6 +7825,13 @@ const SvgShadowinline = props => /*#__PURE__*/jsxRuntime.jsx("svg", {
7796
7825
  })
7797
7826
  });
7798
7827
 
7828
+ let MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
7829
+ MapMarkerVariantEnum["HOME"] = "home";
7830
+ MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
7831
+ MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
7832
+ return MapMarkerVariantEnum;
7833
+ }({});
7834
+
7799
7835
  const SCALE_DURATION = 300;
7800
7836
  const TRANSLATE_Y_DURATION = 150;
7801
7837
  const useNativeAnimation = ({
@@ -7852,18 +7888,12 @@ const getBackgroundColor$1 = ({
7852
7888
  isSelected,
7853
7889
  variant
7854
7890
  }) => {
7855
- if (variant === 'home') {
7891
+ if (variant === MapMarkerVariantEnum.HOME || variant === MapMarkerVariantEnum.CLOSE_MEETING_POINT) {
7856
7892
  return isSelected || isHovered ? theme.mapMarker.home.selected : theme.mapMarker.home.default;
7857
7893
  }
7858
7894
  return isSelected || isHovered ? theme.mapMarker.meetingPoint.selected : theme.mapMarker.meetingPoint.default;
7859
7895
  };
7860
7896
 
7861
- let MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
7862
- MapMarkerVariantEnum["HOME"] = "home";
7863
- MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
7864
- MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
7865
- return MapMarkerVariantEnum;
7866
- }({});
7867
7897
  function StaticMapMarker$1({
7868
7898
  variant,
7869
7899
  isHovered,
@@ -10898,6 +10928,7 @@ function Picker({
10898
10928
  paddingY: "kitt.2",
10899
10929
  children: childrenArray.map((child, index) => {
10900
10930
  const currentValue = items[index];
10931
+ if (!currentValue) throw new Error(`Picker: No value found for item at index ${index}`);
10901
10932
  const {
10902
10933
  onClick,
10903
10934
  'aria-selected': ariaSelected,
@@ -11707,12 +11738,13 @@ function TabBar({
11707
11738
  ...props,
11708
11739
  children: react.Children.map(tabItems, (child, index) => {
11709
11740
  const tab = tabs[index];
11741
+ if (!tab) throw new Error(`TabBar: tab is undefined at index ${index}`);
11710
11742
  return /*#__PURE__*/jsxRuntime.jsx(View, {
11711
11743
  children: /*#__PURE__*/react.cloneElement(child, {
11712
11744
  color,
11713
11745
  onPress: event => {
11714
11746
  onChangeTab({
11715
- tab: tabs[index],
11747
+ tab,
11716
11748
  index
11717
11749
  });
11718
11750
  child.props.onPress?.(event);
@@ -11860,6 +11892,7 @@ const TimePicker = /*#__PURE__*/react.forwardRef(({
11860
11892
  // Format is hh:mm hence 5 characters
11861
11893
  if (currentInputValue.length < 5 || !currentInputValue.includes(':')) return;
11862
11894
  const [hours, minutes] = currentInputValue.split(':');
11895
+ if (!hours || !minutes) return;
11863
11896
 
11864
11897
  // Prepare the next date. It clones the date value passed as prop if available
11865
11898
  const nextDate = value ? new Date(value) : new Date();
@@ -11900,6 +11933,7 @@ const TimePicker = /*#__PURE__*/react.forwardRef(({
11900
11933
  // When input has a value which is more than ':'
11901
11934
  if (hasSeparator && sanitizedValue.length > 1) {
11902
11935
  const [hours, minutes] = sanitizedValue.split(':');
11936
+ if (!hours || !minutes) return;
11903
11937
  const currentHours = getDisplayedHours(hours);
11904
11938
  const currentMinutes = getDisplayedMinutes(minutes);
11905
11939
  const nextValue = `${currentHours}:${currentMinutes}`;