@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;}
@@ -821,9 +821,19 @@ const card = {
821
821
  };
822
822
 
823
823
  const webAnimationContentDuration$2 = 400;
824
- const webAnimationContentEasing$2 = [0.77, 0, 0.175, 1];
824
+ const webAnimationContentEasing$2 = {
825
+ x1: 0.77,
826
+ y1: 0,
827
+ x2: 0.175,
828
+ y2: 1
829
+ };
825
830
  const webAnimationOverlayDuration$2 = 250;
826
- const webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
831
+ const webAnimationOverlayEasing$2 = {
832
+ x1: 0.42,
833
+ y1: 0,
834
+ x2: 1,
835
+ y2: 1
836
+ };
827
837
  const maxWidth = 540;
828
838
  const overlayHorizontalPadding = 24;
829
839
  const cardModal = {
@@ -897,9 +907,19 @@ const choices = {
897
907
  };
898
908
 
899
909
  const webAnimationContentDuration$1 = 400;
900
- const webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
910
+ const webAnimationContentEasing$1 = {
911
+ x1: 0.77,
912
+ y1: 0,
913
+ x2: 0.175,
914
+ y2: 1
915
+ };
901
916
  const webAnimationOverlayDuration$1 = 250;
902
- const webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
917
+ const webAnimationOverlayEasing$1 = {
918
+ x1: 0.42,
919
+ y1: 0,
920
+ x2: 1,
921
+ y2: 1
922
+ };
903
923
  const dialogModal = {
904
924
  borderRadius: 20,
905
925
  maxWidth: 540,
@@ -1825,9 +1845,19 @@ const forms = {
1825
1845
  };
1826
1846
 
1827
1847
  const webAnimationContentDuration = 600;
1828
- const webAnimationContentEasing = [0.77, 0, 0.175, 1];
1848
+ const webAnimationContentEasing = {
1849
+ x1: 0.77,
1850
+ y1: 0,
1851
+ x2: 0.175,
1852
+ y2: 1
1853
+ };
1829
1854
  const webAnimationOverlayDuration = 250;
1830
- const webAnimationOverlayEasing = [0.42, 0, 1, 1];
1855
+ const webAnimationOverlayEasing = {
1856
+ x1: 0.42,
1857
+ y1: 0,
1858
+ x2: 1,
1859
+ y2: 1
1860
+ };
1831
1861
  const fullscreenModal = {
1832
1862
  header: {
1833
1863
  height: 56
@@ -3851,6 +3881,11 @@ function BottomSheetComponent() {
3851
3881
  // noop
3852
3882
  return null;
3853
3883
  }
3884
+
3885
+ /**
3886
+ * @@internal This component is for kitt-universal internal use only.
3887
+ * Please use `NavigationBottomSheet` instead.
3888
+ */
3854
3889
  const BottomSheet = /*#__PURE__*/forwardRef(BottomSheetComponent);
3855
3890
  function NoopComponent() {
3856
3891
  return null;
@@ -5745,7 +5780,7 @@ function DocumentPicker({
5745
5780
  ...documentPickerOptions,
5746
5781
  multiple: false
5747
5782
  });
5748
- if (!result.canceled && result.assets[0].file) {
5783
+ if (!result.canceled && result.assets[0]?.file) {
5749
5784
  onDocumentUpload(result.assets[0].file);
5750
5785
  }
5751
5786
  },
@@ -5776,7 +5811,7 @@ function ImagePicker({
5776
5811
  ...imagePickerOptions,
5777
5812
  allowsMultipleSelection: false
5778
5813
  });
5779
- if (!result.canceled) {
5814
+ if (!result.canceled && result.assets[0]) {
5780
5815
  onImageSelected(result.assets[0]);
5781
5816
  }
5782
5817
  },
@@ -6034,17 +6069,17 @@ function GoogleMapsAutocompleteProvider({
6034
6069
  dispatch({
6035
6070
  type: 'search-error'
6036
6071
  });
6037
- return;
6038
6072
  }
6039
-
6040
- // We cache the results to avoid calling the API again if the user types the same value
6041
- searchResultsCache.current[value] = results;
6042
- dispatch({
6043
- type: 'search-success',
6044
- payload: {
6045
- results
6046
- }
6047
- });
6073
+ if (results) {
6074
+ // We cache the results to avoid calling the API again if the user types the same value
6075
+ searchResultsCache.current[value] = results;
6076
+ dispatch({
6077
+ type: 'search-success',
6078
+ payload: {
6079
+ results
6080
+ }
6081
+ });
6082
+ }
6048
6083
  } catch (error) {
6049
6084
  dispatch({
6050
6085
  type: 'search-error'
@@ -11260,6 +11295,7 @@ function Picker({
11260
11295
  paddingY: "kitt.2",
11261
11296
  children: childrenArray.map((child, index) => {
11262
11297
  const currentValue = items[index];
11298
+ if (!currentValue) throw new Error(`Picker: No value found for item at index ${index}`);
11263
11299
  const {
11264
11300
  onClick,
11265
11301
  'aria-selected': ariaSelected,
@@ -12074,12 +12110,13 @@ function TabBar({
12074
12110
  ...props,
12075
12111
  children: Children.map(tabItems, (child, index) => {
12076
12112
  const tab = tabs[index];
12113
+ if (!tab) throw new Error(`TabBar: tab is undefined at index ${index}`);
12077
12114
  return /*#__PURE__*/jsx(View, {
12078
12115
  children: /*#__PURE__*/cloneElement(child, {
12079
12116
  color,
12080
12117
  onPress: event => {
12081
12118
  onChangeTab({
12082
- tab: tabs[index],
12119
+ tab,
12083
12120
  index
12084
12121
  });
12085
12122
  child.props.onPress?.(event);
@@ -12234,6 +12271,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
12234
12271
  // Format is hh:mm hence 5 characters
12235
12272
  if (currentInputValue.length < 5 || !currentInputValue.includes(':')) return;
12236
12273
  const [hours, minutes] = currentInputValue.split(':');
12274
+ if (!hours || !minutes) return;
12237
12275
 
12238
12276
  // Prepare the next date. It clones the date value passed as prop if available
12239
12277
  const nextDate = value ? new Date(value) : new Date();
@@ -12274,6 +12312,7 @@ const TimePicker = /*#__PURE__*/forwardRef(({
12274
12312
  // When input has a value which is more than ':'
12275
12313
  if (hasSeparator && sanitizedValue.length > 1) {
12276
12314
  const [hours, minutes] = sanitizedValue.split(':');
12315
+ if (!hours || !minutes) return;
12277
12316
  const currentHours = getDisplayedHours(hours);
12278
12317
  const currentMinutes = getDisplayedMinutes(minutes);
12279
12318
  const nextValue = `${currentHours}:${currentMinutes}`;
@@ -12817,6 +12856,7 @@ function TypographyLink({
12817
12856
  'kitt-universal': 'true'
12818
12857
  },
12819
12858
  _web: {
12859
+ // @ts-expect-error: This is only used on web where 'not-allowed' and 'pointer' are valid cursor values
12820
12860
  cursor: disabled ? 'not-allowed' : 'pointer',
12821
12861
  transitionProperty: 'color',
12822
12862
  transitionDuration: '0.2s',