@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
|
@@ -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
|
|
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
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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]
|
|
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
|
-
|
|
6048
|
-
|
|
6049
|
-
|
|
6050
|
-
|
|
6051
|
-
|
|
6052
|
-
|
|
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
|
|
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',
|