@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
package/dist/index.es.js CHANGED
@@ -755,9 +755,19 @@ var card = {
755
755
  };
756
756
 
757
757
  var webAnimationContentDuration$2 = 400;
758
- var webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
758
+ var webAnimationContentEasing$2 = {
759
+ x1: 0.77,
760
+ y1: 0,
761
+ x2: 0.175,
762
+ y2: 1
763
+ };
759
764
  var webAnimationOverlayDuration$2 = 250;
760
- var webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
765
+ var webAnimationOverlayEasing$2 = {
766
+ x1: 0.42,
767
+ y1: 0,
768
+ x2: 1,
769
+ y2: 1
770
+ };
761
771
  var maxWidth = 540;
762
772
  var overlayHorizontalPadding = 24;
763
773
  var cardModal = {
@@ -849,9 +859,19 @@ var choices = {
849
859
  };
850
860
 
851
861
  var webAnimationContentDuration$1 = 400;
852
- var webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
862
+ var webAnimationContentEasing$1 = {
863
+ x1: 0.77,
864
+ y1: 0,
865
+ x2: 0.175,
866
+ y2: 1
867
+ };
853
868
  var webAnimationOverlayDuration$1 = 250;
854
- var webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
869
+ var webAnimationOverlayEasing$1 = {
870
+ x1: 0.42,
871
+ y1: 0,
872
+ x2: 1,
873
+ y2: 1
874
+ };
855
875
  var dialogModal = {
856
876
  borderRadius: spacing * 2,
857
877
  maxWidth: 540,
@@ -1783,9 +1803,19 @@ var forms = {
1783
1803
  };
1784
1804
 
1785
1805
  var webAnimationContentDuration = 600;
1786
- var webAnimationContentEasing = [0.77, 0, 0.175, 1];
1806
+ var webAnimationContentEasing = {
1807
+ x1: 0.77,
1808
+ y1: 0,
1809
+ x2: 0.175,
1810
+ y2: 1
1811
+ };
1787
1812
  var webAnimationOverlayDuration = 250;
1788
- var webAnimationOverlayEasing = [0.42, 0, 1, 1];
1813
+ var webAnimationOverlayEasing = {
1814
+ x1: 0.42,
1815
+ y1: 0,
1816
+ x2: 1,
1817
+ y2: 1
1818
+ };
1789
1819
  var fullscreenModal = {
1790
1820
  header: {
1791
1821
  height: 56
@@ -1933,8 +1963,8 @@ var listItem = {
1933
1963
 
1934
1964
  var mapMarker = {
1935
1965
  home: {
1936
- "default": colors.primaryLight,
1937
- selected: colors.primary,
1966
+ "default": deepPurpleColorPalette['grey.9'],
1967
+ selected: deepPurpleColorPalette['grey.7'],
1938
1968
  svg: {
1939
1969
  height: 36
1940
1970
  },
@@ -1944,8 +1974,8 @@ var mapMarker = {
1944
1974
  }
1945
1975
  },
1946
1976
  meetingPoint: {
1947
- "default": colors.black,
1948
- selected: colors.blackAnthracite,
1977
+ "default": deepPurpleColorPalette['deepPurple.8'],
1978
+ selected: deepPurpleColorPalette['deepPurple.6'],
1949
1979
  svg: {
1950
1980
  width: 40,
1951
1981
  height: 43
@@ -4054,11 +4084,10 @@ function NativeOpacityAnimation$2(_ref) {
4054
4084
  var _theme$kitt$cardModal = theme.kitt.cardModal.animation.overlay,
4055
4085
  duration = _theme$kitt$cardModal.duration,
4056
4086
  easing = _theme$kitt$cardModal.easing;
4057
- var _easing = _slicedToArray(easing, 4),
4058
- x1 = _easing[0],
4059
- y1 = _easing[1],
4060
- x2 = _easing[2],
4061
- y2 = _easing[3];
4087
+ var x1 = easing.x1,
4088
+ y1 = easing.y1,
4089
+ x2 = easing.x2,
4090
+ y2 = easing.y2;
4062
4091
  return {
4063
4092
  opacity: withTiming(visible ? 1 : 0, {
4064
4093
  duration: duration,
@@ -4094,11 +4123,10 @@ function NativeRotationAnimation$1(_ref) {
4094
4123
  var _theme$kitt$cardModal = theme.kitt.cardModal.animation.content,
4095
4124
  duration = _theme$kitt$cardModal.duration,
4096
4125
  easing = _theme$kitt$cardModal.easing;
4097
- var _easing = _slicedToArray(easing, 4),
4098
- x1 = _easing[0],
4099
- y1 = _easing[1],
4100
- x2 = _easing[2],
4101
- y2 = _easing[3];
4126
+ var x1 = easing.x1,
4127
+ y1 = easing.y1,
4128
+ x2 = easing.x2,
4129
+ y2 = easing.y2;
4102
4130
  rotation.value = withTiming(visible ? 0 : 5, {
4103
4131
  duration: duration,
4104
4132
  easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -4672,11 +4700,10 @@ function NativeOpacityAnimation$1(_ref) {
4672
4700
  var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.overlay,
4673
4701
  duration = _theme$kitt$dialogMod.duration,
4674
4702
  easing = _theme$kitt$dialogMod.easing;
4675
- var _easing = _slicedToArray(easing, 4),
4676
- x1 = _easing[0],
4677
- y1 = _easing[1],
4678
- x2 = _easing[2],
4679
- y2 = _easing[3];
4703
+ var x1 = easing.x1,
4704
+ y1 = easing.y1,
4705
+ x2 = easing.x2,
4706
+ y2 = easing.y2;
4680
4707
  return {
4681
4708
  opacity: withTiming(visible ? 1 : 0, {
4682
4709
  duration: duration,
@@ -4712,11 +4739,10 @@ function NativeRotationAnimation(_ref) {
4712
4739
  var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.content,
4713
4740
  duration = _theme$kitt$dialogMod.duration,
4714
4741
  easing = _theme$kitt$dialogMod.easing;
4715
- var _easing = _slicedToArray(easing, 4),
4716
- x1 = _easing[0],
4717
- y1 = _easing[1],
4718
- x2 = _easing[2],
4719
- y2 = _easing[3];
4742
+ var x1 = easing.x1,
4743
+ y1 = easing.y1,
4744
+ x2 = easing.x2,
4745
+ y2 = easing.y2;
4720
4746
  rotation.value = withTiming(visible ? 0 : 5, {
4721
4747
  duration: duration,
4722
4748
  easing: Easing$1.bezier(x1, y1, x2, y2)
@@ -6397,7 +6423,7 @@ function DocumentPicker(_ref) {
6397
6423
  var childElement = Children.only(children);
6398
6424
  var handlePickDocument = /*#__PURE__*/function () {
6399
6425
  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
6400
- var _childElement$props$o, _childElement$props;
6426
+ var _childElement$props$o, _childElement$props, _result$assets$;
6401
6427
  var result;
6402
6428
  return _regeneratorRuntime().wrap(function (_context) {
6403
6429
  while (1) switch (_context.prev = _context.next) {
@@ -6415,7 +6441,7 @@ function DocumentPicker(_ref) {
6415
6441
  }));
6416
6442
  case 5:
6417
6443
  result = _context.sent;
6418
- if (!result.canceled && result.assets[0].file) {
6444
+ if (!result.canceled && (_result$assets$ = result.assets[0]) !== null && _result$assets$ !== void 0 && _result$assets$.file) {
6419
6445
  onDocumentUpload(result.assets[0].file);
6420
6446
  }
6421
6447
  case 7:
@@ -6464,7 +6490,7 @@ function ImagePicker(_ref) {
6464
6490
  }));
6465
6491
  case 5:
6466
6492
  result = _context.sent;
6467
- if (!result.canceled) {
6493
+ if (!result.canceled && result.assets[0]) {
6468
6494
  onImageSelected(result.assets[0]);
6469
6495
  }
6470
6496
  case 7:
@@ -6990,36 +7016,34 @@ function GoogleMapsAutocompleteProvider(_ref) {
6990
7016
  _yield$predictionsPro = _context.sent;
6991
7017
  results = _yield$predictionsPro.results;
6992
7018
  status = _yield$predictionsPro.status;
6993
- if (!(status !== 'OK')) {
6994
- _context.next = 13;
6995
- break;
7019
+ if (status !== 'OK') {
7020
+ dispatch({
7021
+ type: 'search-error'
7022
+ });
6996
7023
  }
6997
- dispatch({
6998
- type: 'search-error'
6999
- });
7000
- return _context.abrupt("return");
7001
- case 13:
7002
- // We cache the results to avoid calling the API again if the user types the same value
7003
- searchResultsCache.current[value] = results;
7004
- dispatch({
7005
- type: 'search-success',
7006
- payload: {
7007
- results: results
7008
- }
7009
- });
7010
- _context.next = 20;
7024
+ if (results) {
7025
+ // We cache the results to avoid calling the API again if the user types the same value
7026
+ searchResultsCache.current[value] = results;
7027
+ dispatch({
7028
+ type: 'search-success',
7029
+ payload: {
7030
+ results: results
7031
+ }
7032
+ });
7033
+ }
7034
+ _context.next = 17;
7011
7035
  break;
7012
- case 17:
7013
- _context.prev = 17;
7036
+ case 14:
7037
+ _context.prev = 14;
7014
7038
  _context.t0 = _context["catch"](4);
7015
7039
  dispatch({
7016
7040
  type: 'search-error'
7017
7041
  });
7018
- case 20:
7042
+ case 17:
7019
7043
  case "end":
7020
7044
  return _context.stop();
7021
7045
  }
7022
- }, _callee, null, [[4, 17]]);
7046
+ }, _callee, null, [[4, 14]]);
7023
7047
  }));
7024
7048
  return function () {
7025
7049
  return _ref2.apply(this, arguments);
@@ -8114,11 +8138,10 @@ function NativeOpacityAnimation(_ref) {
8114
8138
  var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.overlay,
8115
8139
  duration = _theme$kitt$fullscree.duration,
8116
8140
  easing = _theme$kitt$fullscree.easing;
8117
- var _easing = _slicedToArray(easing, 4),
8118
- x1 = _easing[0],
8119
- y1 = _easing[1],
8120
- x2 = _easing[2],
8121
- y2 = _easing[3];
8141
+ var x1 = easing.x1,
8142
+ y1 = easing.y1,
8143
+ x2 = easing.x2,
8144
+ y2 = easing.y2;
8122
8145
  return {
8123
8146
  opacity: withTiming(visible ? 1 : 0, {
8124
8147
  duration: duration,
@@ -8154,11 +8177,10 @@ function NativeSlideInAnimation(_ref) {
8154
8177
  var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.content,
8155
8178
  duration = _theme$kitt$fullscree.duration,
8156
8179
  easing = _theme$kitt$fullscree.easing;
8157
- var _easing = _slicedToArray(easing, 4),
8158
- x1 = _easing[0],
8159
- y1 = _easing[1],
8160
- x2 = _easing[2],
8161
- y2 = _easing[3];
8180
+ var x1 = easing.x1,
8181
+ y1 = easing.y1,
8182
+ x2 = easing.x2,
8183
+ y2 = easing.y2;
8162
8184
  return {
8163
8185
  transform: [{
8164
8186
  translateY: withTiming(visible ? 0 : wHeight, {
@@ -8832,12 +8854,11 @@ var SvgPinMarkerinline = function SvgPinMarkerinline(props) {
8832
8854
  width: 34,
8833
8855
  height: 36,
8834
8856
  viewBox: "0 0 34 36",
8835
- fill: "none",
8857
+ fill: "currentColor",
8836
8858
  xmlns: "http://www.w3.org/2000/svg"
8837
8859
  }, props), {}, {
8838
8860
  children: [/*#__PURE__*/jsx("path", {
8839
8861
  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",
8840
- fill: "#7B66FF",
8841
8862
  stroke: "#fff"
8842
8863
  }), /*#__PURE__*/jsx("path", {
8843
8864
  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",
@@ -8865,6 +8886,13 @@ var SvgShadowinline = function SvgShadowinline(props) {
8865
8886
  }));
8866
8887
  };
8867
8888
 
8889
+ var MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
8890
+ MapMarkerVariantEnum["HOME"] = "home";
8891
+ MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
8892
+ MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
8893
+ return MapMarkerVariantEnum;
8894
+ }({});
8895
+
8868
8896
  var SCALE_DURATION = 300;
8869
8897
  var TRANSLATE_Y_DURATION = 150;
8870
8898
  var useNativeAnimation = function (_ref) {
@@ -8919,19 +8947,13 @@ var getBackgroundColor = function (_ref) {
8919
8947
  var isHovered = _ref.isHovered,
8920
8948
  isSelected = _ref.isSelected,
8921
8949
  variant = _ref.variant;
8922
- if (variant === 'home') {
8950
+ if (variant === MapMarkerVariantEnum.HOME || variant === MapMarkerVariantEnum.CLOSE_MEETING_POINT) {
8923
8951
  return isSelected || isHovered ? theme.mapMarker.home.selected : theme.mapMarker.home["default"];
8924
8952
  }
8925
8953
  return isSelected || isHovered ? theme.mapMarker.meetingPoint.selected : theme.mapMarker.meetingPoint["default"];
8926
8954
  };
8927
8955
 
8928
8956
  var _excluded$b = ["onPress", "testID"];
8929
- var MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
8930
- MapMarkerVariantEnum["HOME"] = "home";
8931
- MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
8932
- MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
8933
- return MapMarkerVariantEnum;
8934
- }({});
8935
8957
  function StaticMapMarker$1(_ref) {
8936
8958
  var variant = _ref.variant,
8937
8959
  isHovered = _ref.isHovered,
@@ -12856,13 +12878,14 @@ function TabBar(_ref) {
12856
12878
  }, props), {}, {
12857
12879
  children: Children.map(tabItems, function (child, index) {
12858
12880
  var tab = tabs[index];
12881
+ if (!tab) throw new Error("TabBar: tab is undefined at index ".concat(index));
12859
12882
  return /*#__PURE__*/jsx(View, {
12860
12883
  children: /*#__PURE__*/cloneElement(child, {
12861
12884
  color: color,
12862
12885
  onPress: function onPress(event) {
12863
12886
  var _child$props$onPress, _child$props;
12864
12887
  onChangeTab({
12865
- tab: tabs[index],
12888
+ tab: tab,
12866
12889
  index: index
12867
12890
  });
12868
12891
  (_child$props$onPress = (_child$props = child.props).onPress) === null || _child$props$onPress === void 0 || _child$props$onPress.call(_child$props, event);