@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.
- package/CHANGELOG.md +10 -3
- package/dist/definitions/BottomSheet/BottomSheet.d.ts +4 -0
- package/dist/definitions/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/dist/definitions/BottomSheet/BottomSheet.web.d.ts +4 -0
- package/dist/definitions/BottomSheet/BottomSheet.web.d.ts.map +1 -1
- package/dist/definitions/CardModal/CardModalAnimation/CardModalAnimation.web.d.ts.map +1 -1
- package/dist/definitions/DialogModal/DialogModalAnimation/DialogModalAnimation.web.d.ts.map +1 -1
- package/dist/definitions/FullscreenModal/FullscreenModalAnimation.web.d.ts.map +1 -1
- package/dist/definitions/GoogleMapsAutocompleteProvider/GoogleMapsAutocompleteProvider.d.ts.map +1 -1
- package/dist/definitions/NavigationBottomSheet/NavigationBottomSheet.d.ts +11 -1
- package/dist/definitions/NavigationBottomSheet/NavigationBottomSheet.d.ts.map +1 -1
- package/dist/definitions/Picker/Picker.web.d.ts.map +1 -1
- package/dist/definitions/TabBar/TabBar.d.ts.map +1 -1
- package/dist/definitions/TimePicker/TimePicker.web.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/cardModal.d.ts +21 -4
- package/dist/definitions/themes/late-ocean/cardModal.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/dialogModal.d.ts +21 -4
- package/dist/definitions/themes/late-ocean/dialogModal.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts +21 -4
- package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/shadows.d.ts +4 -2
- package/dist/definitions/themes/late-ocean/shadows.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/skeleton.d.ts +2 -1
- package/dist/definitions/themes/late-ocean/skeleton.d.ts.map +1 -1
- package/dist/definitions/typography/Typography.d.ts +77 -66
- package/dist/definitions/typography/Typography.d.ts.map +1 -1
- package/dist/definitions/typography/TypographyLink.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +103 -26
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +103 -26
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.17.cjs.js +100 -25
- package/dist/index-node-22.17.cjs.js.map +1 -1
- package/dist/index-node-22.17.cjs.web.css +2 -2
- package/dist/index-node-22.17.cjs.web.js +59 -19
- package/dist/index-node-22.17.cjs.web.js.map +1 -1
- package/dist/index-node-22.17.es.mjs +100 -25
- package/dist/index-node-22.17.es.mjs.map +1 -1
- package/dist/index-node-22.17.es.web.css +2 -2
- package/dist/index-node-22.17.es.web.mjs +59 -19
- package/dist/index-node-22.17.es.web.mjs.map +1 -1
- package/dist/index.es.js +100 -61
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +69 -31
- package/dist/index.es.web.js.map +1 -1
- package/dist/linaria-themes-metro.es.android.js +36 -6
- package/dist/linaria-themes-metro.es.android.js.map +1 -1
- package/dist/linaria-themes-metro.es.ios.js +36 -6
- package/dist/linaria-themes-metro.es.ios.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.js +36 -6
- package/dist/linaria-themes-node-22.17.cjs.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.web.js +36 -6
- package/dist/linaria-themes-node-22.17.cjs.web.js.map +1 -1
- package/dist/linaria-themes-node-22.17.es.mjs +36 -6
- package/dist/linaria-themes-node-22.17.es.mjs.map +1 -1
- package/dist/linaria-themes-node-22.17.es.web.mjs +36 -6
- package/dist/linaria-themes-node-22.17.es.web.mjs.map +1 -1
- package/dist/linaria-themes.es.js +36 -6
- package/dist/linaria-themes.es.js.map +1 -1
- package/dist/linaria-themes.es.web.js +36 -6
- package/dist/linaria-themes.es.web.js.map +1 -1
- package/dist/styles.css +2 -2
- package/dist/tsbuildinfo +1 -1
- 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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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]
|
|
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
|
-
|
|
6800
|
-
|
|
6801
|
-
|
|
6802
|
-
|
|
6803
|
-
|
|
6804
|
-
|
|
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
|
|
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
|
|
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
|
|
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',
|