@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
@@ -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;}
@@ -828,9 +828,19 @@ const card = {
828
828
  };
829
829
 
830
830
  const webAnimationContentDuration$2 = 400;
831
- const webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
831
+ const webAnimationContentEasing$2 = {
832
+ x1: 0.77,
833
+ y1: 0,
834
+ x2: 0.175,
835
+ y2: 1
836
+ };
832
837
  const webAnimationOverlayDuration$2 = 250;
833
- const webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
838
+ const webAnimationOverlayEasing$2 = {
839
+ x1: 0.42,
840
+ y1: 0,
841
+ x2: 1,
842
+ y2: 1
843
+ };
834
844
  const maxWidth = 540;
835
845
  const overlayHorizontalPadding = 24;
836
846
  const cardModal = {
@@ -904,9 +914,19 @@ const choices = {
904
914
  };
905
915
 
906
916
  const webAnimationContentDuration$1 = 400;
907
- const webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
917
+ const webAnimationContentEasing$1 = {
918
+ x1: 0.77,
919
+ y1: 0,
920
+ x2: 0.175,
921
+ y2: 1
922
+ };
908
923
  const webAnimationOverlayDuration$1 = 250;
909
- const webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
924
+ const webAnimationOverlayEasing$1 = {
925
+ x1: 0.42,
926
+ y1: 0,
927
+ x2: 1,
928
+ y2: 1
929
+ };
910
930
  const dialogModal = {
911
931
  borderRadius: 20,
912
932
  maxWidth: 540,
@@ -1832,9 +1852,19 @@ const forms = {
1832
1852
  };
1833
1853
 
1834
1854
  const webAnimationContentDuration = 600;
1835
- const webAnimationContentEasing = [0.77, 0, 0.175, 1];
1855
+ const webAnimationContentEasing = {
1856
+ x1: 0.77,
1857
+ y1: 0,
1858
+ x2: 0.175,
1859
+ y2: 1
1860
+ };
1836
1861
  const webAnimationOverlayDuration = 250;
1837
- const webAnimationOverlayEasing = [0.42, 0, 1, 1];
1862
+ const webAnimationOverlayEasing = {
1863
+ x1: 0.42,
1864
+ y1: 0,
1865
+ x2: 1,
1866
+ y2: 1
1867
+ };
1838
1868
  const fullscreenModal = {
1839
1869
  header: {
1840
1870
  height: 56
@@ -3858,6 +3888,11 @@ function BottomSheetComponent() {
3858
3888
  // noop
3859
3889
  return null;
3860
3890
  }
3891
+
3892
+ /**
3893
+ * @@internal This component is for kitt-universal internal use only.
3894
+ * Please use `NavigationBottomSheet` instead.
3895
+ */
3861
3896
  const BottomSheet = /*#__PURE__*/react.forwardRef(BottomSheetComponent);
3862
3897
  function NoopComponent() {
3863
3898
  return null;
@@ -5752,7 +5787,7 @@ function DocumentPicker({
5752
5787
  ...documentPickerOptions,
5753
5788
  multiple: false
5754
5789
  });
5755
- if (!result.canceled && result.assets[0].file) {
5790
+ if (!result.canceled && result.assets[0]?.file) {
5756
5791
  onDocumentUpload(result.assets[0].file);
5757
5792
  }
5758
5793
  },
@@ -5783,7 +5818,7 @@ function ImagePicker({
5783
5818
  ...imagePickerOptions,
5784
5819
  allowsMultipleSelection: false
5785
5820
  });
5786
- if (!result.canceled) {
5821
+ if (!result.canceled && result.assets[0]) {
5787
5822
  onImageSelected(result.assets[0]);
5788
5823
  }
5789
5824
  },
@@ -6041,17 +6076,17 @@ function GoogleMapsAutocompleteProvider({
6041
6076
  dispatch({
6042
6077
  type: 'search-error'
6043
6078
  });
6044
- return;
6045
6079
  }
6046
-
6047
- // We cache the results to avoid calling the API again if the user types the same value
6048
- searchResultsCache.current[value] = results;
6049
- dispatch({
6050
- type: 'search-success',
6051
- payload: {
6052
- results
6053
- }
6054
- });
6080
+ if (results) {
6081
+ // We cache the results to avoid calling the API again if the user types the same value
6082
+ searchResultsCache.current[value] = results;
6083
+ dispatch({
6084
+ type: 'search-success',
6085
+ payload: {
6086
+ results
6087
+ }
6088
+ });
6089
+ }
6055
6090
  } catch (error) {
6056
6091
  dispatch({
6057
6092
  type: 'search-error'
@@ -11267,6 +11302,7 @@ function Picker({
11267
11302
  paddingY: "kitt.2",
11268
11303
  children: childrenArray.map((child, index) => {
11269
11304
  const currentValue = items[index];
11305
+ if (!currentValue) throw new Error(`Picker: No value found for item at index ${index}`);
11270
11306
  const {
11271
11307
  onClick,
11272
11308
  'aria-selected': ariaSelected,
@@ -12081,12 +12117,13 @@ function TabBar({
12081
12117
  ...props,
12082
12118
  children: react.Children.map(tabItems, (child, index) => {
12083
12119
  const tab = tabs[index];
12120
+ if (!tab) throw new Error(`TabBar: tab is undefined at index ${index}`);
12084
12121
  return /*#__PURE__*/jsxRuntime.jsx(View, {
12085
12122
  children: /*#__PURE__*/react.cloneElement(child, {
12086
12123
  color,
12087
12124
  onPress: event => {
12088
12125
  onChangeTab({
12089
- tab: tabs[index],
12126
+ tab,
12090
12127
  index
12091
12128
  });
12092
12129
  child.props.onPress?.(event);
@@ -12241,6 +12278,7 @@ const TimePicker = /*#__PURE__*/react.forwardRef(({
12241
12278
  // Format is hh:mm hence 5 characters
12242
12279
  if (currentInputValue.length < 5 || !currentInputValue.includes(':')) return;
12243
12280
  const [hours, minutes] = currentInputValue.split(':');
12281
+ if (!hours || !minutes) return;
12244
12282
 
12245
12283
  // Prepare the next date. It clones the date value passed as prop if available
12246
12284
  const nextDate = value ? new Date(value) : new Date();
@@ -12281,6 +12319,7 @@ const TimePicker = /*#__PURE__*/react.forwardRef(({
12281
12319
  // When input has a value which is more than ':'
12282
12320
  if (hasSeparator && sanitizedValue.length > 1) {
12283
12321
  const [hours, minutes] = sanitizedValue.split(':');
12322
+ if (!hours || !minutes) return;
12284
12323
  const currentHours = getDisplayedHours(hours);
12285
12324
  const currentMinutes = getDisplayedMinutes(minutes);
12286
12325
  const nextValue = `${currentHours}:${currentMinutes}`;
@@ -12824,6 +12863,7 @@ function TypographyLink({
12824
12863
  'kitt-universal': 'true'
12825
12864
  },
12826
12865
  _web: {
12866
+ // @ts-expect-error: This is only used on web where 'not-allowed' and 'pointer' are valid cursor values
12827
12867
  cursor: disabled ? 'not-allowed' : 'pointer',
12828
12868
  transitionProperty: 'color',
12829
12869
  transitionDuration: '0.2s',