@ornikar/kitt-universal 26.3.1-canary.dd94a20641c146865234323ff2718101c6363315.0 → 26.3.1-canary.fcd36361858696a81c52c40672737eeca6e22f42.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 (64) hide show
  1. package/CHANGELOG.md +10 -3
  2. package/dist/definitions/BottomSheet/BottomSheet.d.ts +4 -0
  3. package/dist/definitions/BottomSheet/BottomSheet.d.ts.map +1 -1
  4. package/dist/definitions/BottomSheet/BottomSheet.web.d.ts +4 -0
  5. package/dist/definitions/BottomSheet/BottomSheet.web.d.ts.map +1 -1
  6. package/dist/definitions/CardModal/CardModalAnimation/CardModalAnimation.web.d.ts.map +1 -1
  7. package/dist/definitions/DialogModal/DialogModalAnimation/DialogModalAnimation.web.d.ts.map +1 -1
  8. package/dist/definitions/FullscreenModal/FullscreenModalAnimation.web.d.ts.map +1 -1
  9. package/dist/definitions/GoogleMapsAutocompleteProvider/GoogleMapsAutocompleteProvider.d.ts.map +1 -1
  10. package/dist/definitions/NavigationBottomSheet/NavigationBottomSheet.d.ts +11 -1
  11. package/dist/definitions/NavigationBottomSheet/NavigationBottomSheet.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/definitions/typography/Typography.d.ts +77 -66
  26. package/dist/definitions/typography/Typography.d.ts.map +1 -1
  27. package/dist/definitions/typography/TypographyLink.d.ts.map +1 -1
  28. package/dist/index-metro.es.android.js +103 -26
  29. package/dist/index-metro.es.android.js.map +1 -1
  30. package/dist/index-metro.es.ios.js +103 -26
  31. package/dist/index-metro.es.ios.js.map +1 -1
  32. package/dist/index-node-22.17.cjs.js +100 -25
  33. package/dist/index-node-22.17.cjs.js.map +1 -1
  34. package/dist/index-node-22.17.cjs.web.css +2 -2
  35. package/dist/index-node-22.17.cjs.web.js +59 -19
  36. package/dist/index-node-22.17.cjs.web.js.map +1 -1
  37. package/dist/index-node-22.17.es.mjs +100 -25
  38. package/dist/index-node-22.17.es.mjs.map +1 -1
  39. package/dist/index-node-22.17.es.web.css +2 -2
  40. package/dist/index-node-22.17.es.web.mjs +59 -19
  41. package/dist/index-node-22.17.es.web.mjs.map +1 -1
  42. package/dist/index.es.js +100 -61
  43. package/dist/index.es.js.map +1 -1
  44. package/dist/index.es.web.js +69 -31
  45. package/dist/index.es.web.js.map +1 -1
  46. package/dist/linaria-themes-metro.es.android.js +36 -6
  47. package/dist/linaria-themes-metro.es.android.js.map +1 -1
  48. package/dist/linaria-themes-metro.es.ios.js +36 -6
  49. package/dist/linaria-themes-metro.es.ios.js.map +1 -1
  50. package/dist/linaria-themes-node-22.17.cjs.js +36 -6
  51. package/dist/linaria-themes-node-22.17.cjs.js.map +1 -1
  52. package/dist/linaria-themes-node-22.17.cjs.web.js +36 -6
  53. package/dist/linaria-themes-node-22.17.cjs.web.js.map +1 -1
  54. package/dist/linaria-themes-node-22.17.es.mjs +36 -6
  55. package/dist/linaria-themes-node-22.17.es.mjs.map +1 -1
  56. package/dist/linaria-themes-node-22.17.es.web.mjs +36 -6
  57. package/dist/linaria-themes-node-22.17.es.web.mjs.map +1 -1
  58. package/dist/linaria-themes.es.js +36 -6
  59. package/dist/linaria-themes.es.js.map +1 -1
  60. package/dist/linaria-themes.es.web.js +36 -6
  61. package/dist/linaria-themes.es.web.js.map +1 -1
  62. package/dist/styles.css +2 -2
  63. package/dist/tsbuildinfo +1 -1
  64. package/package.json +25 -25
@@ -825,9 +825,19 @@ const card = {
825
825
  };
826
826
 
827
827
  const webAnimationContentDuration$2 = 400;
828
- const webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
828
+ const webAnimationContentEasing$2 = {
829
+ x1: 0.77,
830
+ y1: 0,
831
+ x2: 0.175,
832
+ y2: 1
833
+ };
829
834
  const webAnimationOverlayDuration$2 = 250;
830
- const webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
835
+ const webAnimationOverlayEasing$2 = {
836
+ x1: 0.42,
837
+ y1: 0,
838
+ x2: 1,
839
+ y2: 1
840
+ };
831
841
  const maxWidth = 540;
832
842
  const overlayHorizontalPadding = 24;
833
843
  const cardModal = {
@@ -901,9 +911,19 @@ const choices = {
901
911
  };
902
912
 
903
913
  const webAnimationContentDuration$1 = 400;
904
- const webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
914
+ const webAnimationContentEasing$1 = {
915
+ x1: 0.77,
916
+ y1: 0,
917
+ x2: 0.175,
918
+ y2: 1
919
+ };
905
920
  const webAnimationOverlayDuration$1 = 250;
906
- const webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
921
+ const webAnimationOverlayEasing$1 = {
922
+ x1: 0.42,
923
+ y1: 0,
924
+ x2: 1,
925
+ y2: 1
926
+ };
907
927
  const dialogModal = {
908
928
  borderRadius: 20,
909
929
  maxWidth: 540,
@@ -1829,9 +1849,19 @@ const forms = {
1829
1849
  };
1830
1850
 
1831
1851
  const webAnimationContentDuration = 600;
1832
- const webAnimationContentEasing = [0.77, 0, 0.175, 1];
1852
+ const webAnimationContentEasing = {
1853
+ x1: 0.77,
1854
+ y1: 0,
1855
+ x2: 0.175,
1856
+ y2: 1
1857
+ };
1833
1858
  const webAnimationOverlayDuration = 250;
1834
- const webAnimationOverlayEasing = [0.42, 0, 1, 1];
1859
+ const webAnimationOverlayEasing = {
1860
+ x1: 0.42,
1861
+ y1: 0,
1862
+ x2: 1,
1863
+ y2: 1
1864
+ };
1835
1865
  const fullscreenModal = {
1836
1866
  header: {
1837
1867
  height: 56
@@ -3924,6 +3954,11 @@ function BottomSheetContainerView(props) {
3924
3954
  ...props
3925
3955
  });
3926
3956
  }
3957
+
3958
+ /**
3959
+ * @internal This component is for kitt-universal internal use only.
3960
+ * Please use `NavigationBottomSheet` instead.
3961
+ */
3927
3962
  const BottomSheet = /*#__PURE__*/forwardRef(BottomSheetComp);
3928
3963
  BottomSheet.View = BottomSheetContainerView;
3929
3964
  BottomSheet.SheetView = BottomSheetView;
@@ -4065,7 +4100,12 @@ function NativeOpacityAnimation$2({
4065
4100
  duration,
4066
4101
  easing
4067
4102
  } = theme.kitt.cardModal.animation.overlay;
4068
- const [x1, y1, x2, y2] = easing;
4103
+ const {
4104
+ x1,
4105
+ y1,
4106
+ x2,
4107
+ y2
4108
+ } = easing;
4069
4109
  return {
4070
4110
  opacity: withTiming(visible ? 1 : 0, {
4071
4111
  duration,
@@ -4103,7 +4143,12 @@ function NativeRotationAnimation$1({
4103
4143
  duration,
4104
4144
  easing
4105
4145
  } = theme.kitt.cardModal.animation.content;
4106
- const [x1, y1, x2, y2] = easing;
4146
+ const {
4147
+ x1,
4148
+ y1,
4149
+ x2,
4150
+ y2
4151
+ } = easing;
4107
4152
  rotation.value = withTiming(visible ? 0 : 5, {
4108
4153
  duration,
4109
4154
  easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -4657,7 +4702,12 @@ function NativeOpacityAnimation$1({
4657
4702
  duration,
4658
4703
  easing
4659
4704
  } = theme.kitt.dialogModal.animation.overlay;
4660
- const [x1, y1, x2, y2] = easing;
4705
+ const {
4706
+ x1,
4707
+ y1,
4708
+ x2,
4709
+ y2
4710
+ } = easing;
4661
4711
  return {
4662
4712
  opacity: withTiming(visible ? 1 : 0, {
4663
4713
  duration,
@@ -4695,7 +4745,12 @@ function NativeRotationAnimation({
4695
4745
  duration,
4696
4746
  easing
4697
4747
  } = theme.kitt.dialogModal.animation.content;
4698
- const [x1, y1, x2, y2] = easing;
4748
+ const {
4749
+ x1,
4750
+ y1,
4751
+ x2,
4752
+ y2
4753
+ } = easing;
4699
4754
  rotation.value = withTiming(visible ? 0 : 5, {
4700
4755
  duration,
4701
4756
  easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -6317,7 +6372,7 @@ function DocumentPicker({
6317
6372
  ...documentPickerOptions,
6318
6373
  multiple: false
6319
6374
  });
6320
- if (!result.canceled && result.assets[0].file) {
6375
+ if (!result.canceled && result.assets[0]?.file) {
6321
6376
  onDocumentUpload(result.assets[0].file);
6322
6377
  }
6323
6378
  },
@@ -6344,7 +6399,7 @@ function ImagePicker({
6344
6399
  ...imagePickerOptions,
6345
6400
  allowsMultipleSelection: false
6346
6401
  });
6347
- if (!result.canceled) {
6402
+ if (!result.canceled && result.assets[0]) {
6348
6403
  onImageSelected(result.assets[0]);
6349
6404
  }
6350
6405
  },
@@ -6793,17 +6848,17 @@ function GoogleMapsAutocompleteProvider({
6793
6848
  dispatch({
6794
6849
  type: 'search-error'
6795
6850
  });
6796
- return;
6797
6851
  }
6798
-
6799
- // We cache the results to avoid calling the API again if the user types the same value
6800
- searchResultsCache.current[value] = results;
6801
- dispatch({
6802
- type: 'search-success',
6803
- payload: {
6804
- results
6805
- }
6806
- });
6852
+ if (results) {
6853
+ // We cache the results to avoid calling the API again if the user types the same value
6854
+ searchResultsCache.current[value] = results;
6855
+ dispatch({
6856
+ type: 'search-success',
6857
+ payload: {
6858
+ results
6859
+ }
6860
+ });
6861
+ }
6807
6862
  } catch (error) {
6808
6863
  dispatch({
6809
6864
  type: 'search-error'
@@ -7879,7 +7934,12 @@ function NativeOpacityAnimation({
7879
7934
  duration,
7880
7935
  easing
7881
7936
  } = theme.kitt.fullscreenModal.animation.overlay;
7882
- const [x1, y1, x2, y2] = easing;
7937
+ const {
7938
+ x1,
7939
+ y1,
7940
+ x2,
7941
+ y2
7942
+ } = easing;
7883
7943
  return {
7884
7944
  opacity: withTiming(visible ? 1 : 0, {
7885
7945
  duration,
@@ -7918,7 +7978,12 @@ function NativeSlideInAnimation({
7918
7978
  duration,
7919
7979
  easing
7920
7980
  } = theme.kitt.fullscreenModal.animation.content;
7921
- const [x1, y1, x2, y2] = easing;
7981
+ const {
7982
+ x1,
7983
+ y1,
7984
+ x2,
7985
+ y2
7986
+ } = easing;
7922
7987
  return {
7923
7988
  transform: [{
7924
7989
  translateY: withTiming(visible ? 0 : wHeight, {
@@ -11555,6 +11620,7 @@ function NavigationBottomSheet({
11555
11620
  snapPoints,
11556
11621
  maxDynamicContentSize,
11557
11622
  isVisible,
11623
+ isExpanded,
11558
11624
  onClose
11559
11625
  }) {
11560
11626
  const bottomSheetRef = useBottomSheet();
@@ -11565,6 +11631,13 @@ function NavigationBottomSheet({
11565
11631
  bottomSheetRef.current?.close();
11566
11632
  }
11567
11633
  }, [bottomSheetRef, isVisible]);
11634
+ useEffect(() => {
11635
+ if (isVisible && isExpanded) {
11636
+ bottomSheetRef.current?.expand();
11637
+ } else {
11638
+ bottomSheetRef.current?.collapse();
11639
+ }
11640
+ }, [bottomSheetRef, isVisible, isExpanded]);
11568
11641
  return /*#__PURE__*/jsx(BottomSheet, {
11569
11642
  ref: bottomSheetRef,
11570
11643
  maxDynamicContentSize: maxDynamicContentSize,
@@ -12921,12 +12994,13 @@ function TabBar({
12921
12994
  ...props,
12922
12995
  children: Children.map(tabItems, (child, index) => {
12923
12996
  const tab = tabs[index];
12997
+ if (!tab) throw new Error(`TabBar: tab is undefined at index ${index}`);
12924
12998
  return /*#__PURE__*/jsx(View, {
12925
12999
  children: /*#__PURE__*/cloneElement(child, {
12926
13000
  color,
12927
13001
  onPress: event => {
12928
13002
  onChangeTab({
12929
- tab: tabs[index],
13003
+ tab,
12930
13004
  index
12931
13005
  });
12932
13006
  child.props.onPress?.(event);
@@ -13710,6 +13784,7 @@ function TypographyLink({
13710
13784
  'kitt-universal': 'true'
13711
13785
  },
13712
13786
  _web: {
13787
+ // @ts-expect-error: This is only used on web where 'not-allowed' and 'pointer' are valid cursor values
13713
13788
  cursor: disabled ? 'not-allowed' : 'pointer',
13714
13789
  transitionProperty: 'color',
13715
13790
  transitionDuration: '0.2s',