@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.
- package/CHANGELOG.md +10 -0
- 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/MapMarker/MapMarker.d.ts +2 -5
- package/dist/definitions/MapMarker/MapMarker.d.ts.map +1 -1
- package/dist/definitions/MapMarker/constants.d.ts +6 -0
- package/dist/definitions/MapMarker/constants.d.ts.map +1 -0
- package/dist/definitions/MapMarker/utils/getBackgroundColor.d.ts +2 -1
- package/dist/definitions/MapMarker/utils/getBackgroundColor.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/index-metro.es.android.js +100 -39
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +100 -39
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.17.cjs.js +99 -38
- 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 +66 -32
- package/dist/index-node-22.17.cjs.web.js.map +1 -1
- package/dist/index-node-22.17.es.mjs +99 -38
- 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 +66 -32
- package/dist/index-node-22.17.es.web.mjs.map +1 -1
- package/dist/index.es.js +97 -74
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +76 -44
- package/dist/index.es.web.js.map +1 -1
- package/dist/linaria-themes-metro.es.android.js +40 -10
- package/dist/linaria-themes-metro.es.android.js.map +1 -1
- package/dist/linaria-themes-metro.es.ios.js +40 -10
- package/dist/linaria-themes-metro.es.ios.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.js +40 -10
- package/dist/linaria-themes-node-22.17.cjs.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.web.js +40 -10
- package/dist/linaria-themes-node-22.17.cjs.web.js.map +1 -1
- package/dist/linaria-themes-node-22.17.es.mjs +40 -10
- package/dist/linaria-themes-node-22.17.es.mjs.map +1 -1
- package/dist/linaria-themes-node-22.17.es.web.mjs +40 -10
- package/dist/linaria-themes-node-22.17.es.web.mjs.map +1 -1
- package/dist/linaria-themes.es.js +40 -10
- package/dist/linaria-themes.es.js.map +1 -1
- package/dist/linaria-themes.es.web.js +40 -10
- package/dist/linaria-themes.es.web.js.map +1 -1
- package/dist/styles.css +2 -2
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -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;}
|
|
@@ -740,9 +740,19 @@ const card = {
|
|
|
740
740
|
};
|
|
741
741
|
|
|
742
742
|
const webAnimationContentDuration$2 = 400;
|
|
743
|
-
const webAnimationContentEasing$2 =
|
|
743
|
+
const webAnimationContentEasing$2 = {
|
|
744
|
+
x1: 0.77,
|
|
745
|
+
y1: 0,
|
|
746
|
+
x2: 0.175,
|
|
747
|
+
y2: 1
|
|
748
|
+
};
|
|
744
749
|
const webAnimationOverlayDuration$2 = 250;
|
|
745
|
-
const webAnimationOverlayEasing$2 =
|
|
750
|
+
const webAnimationOverlayEasing$2 = {
|
|
751
|
+
x1: 0.42,
|
|
752
|
+
y1: 0,
|
|
753
|
+
x2: 1,
|
|
754
|
+
y2: 1
|
|
755
|
+
};
|
|
746
756
|
const maxWidth = 540;
|
|
747
757
|
const overlayHorizontalPadding = 24;
|
|
748
758
|
const cardModal = {
|
|
@@ -834,9 +844,19 @@ const choices = {
|
|
|
834
844
|
};
|
|
835
845
|
|
|
836
846
|
const webAnimationContentDuration$1 = 400;
|
|
837
|
-
const webAnimationContentEasing$1 =
|
|
847
|
+
const webAnimationContentEasing$1 = {
|
|
848
|
+
x1: 0.77,
|
|
849
|
+
y1: 0,
|
|
850
|
+
x2: 0.175,
|
|
851
|
+
y2: 1
|
|
852
|
+
};
|
|
838
853
|
const webAnimationOverlayDuration$1 = 250;
|
|
839
|
-
const webAnimationOverlayEasing$1 =
|
|
854
|
+
const webAnimationOverlayEasing$1 = {
|
|
855
|
+
x1: 0.42,
|
|
856
|
+
y1: 0,
|
|
857
|
+
x2: 1,
|
|
858
|
+
y2: 1
|
|
859
|
+
};
|
|
840
860
|
const dialogModal = {
|
|
841
861
|
borderRadius: spacing * 2,
|
|
842
862
|
maxWidth: 540,
|
|
@@ -1768,9 +1788,19 @@ const forms = {
|
|
|
1768
1788
|
};
|
|
1769
1789
|
|
|
1770
1790
|
const webAnimationContentDuration = 600;
|
|
1771
|
-
const webAnimationContentEasing =
|
|
1791
|
+
const webAnimationContentEasing = {
|
|
1792
|
+
x1: 0.77,
|
|
1793
|
+
y1: 0,
|
|
1794
|
+
x2: 0.175,
|
|
1795
|
+
y2: 1
|
|
1796
|
+
};
|
|
1772
1797
|
const webAnimationOverlayDuration = 250;
|
|
1773
|
-
const webAnimationOverlayEasing =
|
|
1798
|
+
const webAnimationOverlayEasing = {
|
|
1799
|
+
x1: 0.42,
|
|
1800
|
+
y1: 0,
|
|
1801
|
+
x2: 1,
|
|
1802
|
+
y2: 1
|
|
1803
|
+
};
|
|
1774
1804
|
const fullscreenModal = {
|
|
1775
1805
|
header: {
|
|
1776
1806
|
height: 56
|
|
@@ -1918,8 +1948,8 @@ const listItem = {
|
|
|
1918
1948
|
|
|
1919
1949
|
const mapMarker = {
|
|
1920
1950
|
home: {
|
|
1921
|
-
default:
|
|
1922
|
-
selected:
|
|
1951
|
+
default: deepPurpleColorPalette['grey.9'],
|
|
1952
|
+
selected: deepPurpleColorPalette['grey.7'],
|
|
1923
1953
|
svg: {
|
|
1924
1954
|
height: 36
|
|
1925
1955
|
},
|
|
@@ -1929,8 +1959,8 @@ const mapMarker = {
|
|
|
1929
1959
|
}
|
|
1930
1960
|
},
|
|
1931
1961
|
meetingPoint: {
|
|
1932
|
-
default:
|
|
1933
|
-
selected:
|
|
1962
|
+
default: deepPurpleColorPalette['deepPurple.8'],
|
|
1963
|
+
selected: deepPurpleColorPalette['deepPurple.6'],
|
|
1934
1964
|
svg: {
|
|
1935
1965
|
width: 40,
|
|
1936
1966
|
height: 43
|
|
@@ -5706,7 +5736,7 @@ function DocumentPicker({
|
|
|
5706
5736
|
...documentPickerOptions,
|
|
5707
5737
|
multiple: false
|
|
5708
5738
|
});
|
|
5709
|
-
if (!result.canceled && result.assets[0]
|
|
5739
|
+
if (!result.canceled && result.assets[0]?.file) {
|
|
5710
5740
|
onDocumentUpload(result.assets[0].file);
|
|
5711
5741
|
}
|
|
5712
5742
|
},
|
|
@@ -5737,7 +5767,7 @@ function ImagePicker({
|
|
|
5737
5767
|
...imagePickerOptions,
|
|
5738
5768
|
allowsMultipleSelection: false
|
|
5739
5769
|
});
|
|
5740
|
-
if (!result.canceled) {
|
|
5770
|
+
if (!result.canceled && result.assets[0]) {
|
|
5741
5771
|
onImageSelected(result.assets[0]);
|
|
5742
5772
|
}
|
|
5743
5773
|
},
|
|
@@ -5995,17 +6025,17 @@ function GoogleMapsAutocompleteProvider({
|
|
|
5995
6025
|
dispatch({
|
|
5996
6026
|
type: 'search-error'
|
|
5997
6027
|
});
|
|
5998
|
-
return;
|
|
5999
6028
|
}
|
|
6000
|
-
|
|
6001
|
-
|
|
6002
|
-
|
|
6003
|
-
|
|
6004
|
-
|
|
6005
|
-
|
|
6006
|
-
|
|
6007
|
-
|
|
6008
|
-
|
|
6029
|
+
if (results) {
|
|
6030
|
+
// We cache the results to avoid calling the API again if the user types the same value
|
|
6031
|
+
searchResultsCache.current[value] = results;
|
|
6032
|
+
dispatch({
|
|
6033
|
+
type: 'search-success',
|
|
6034
|
+
payload: {
|
|
6035
|
+
results
|
|
6036
|
+
}
|
|
6037
|
+
});
|
|
6038
|
+
}
|
|
6009
6039
|
} catch (error) {
|
|
6010
6040
|
dispatch({
|
|
6011
6041
|
type: 'search-error'
|
|
@@ -7766,12 +7796,11 @@ const SvgPinMarkerinline = props => /*#__PURE__*/jsxRuntime.jsxs("svg", {
|
|
|
7766
7796
|
width: 34,
|
|
7767
7797
|
height: 36,
|
|
7768
7798
|
viewBox: "0 0 34 36",
|
|
7769
|
-
fill: "
|
|
7799
|
+
fill: "currentColor",
|
|
7770
7800
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7771
7801
|
...props,
|
|
7772
7802
|
children: [/*#__PURE__*/jsxRuntime.jsx("path", {
|
|
7773
7803
|
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",
|
|
7774
|
-
fill: "#7B66FF",
|
|
7775
7804
|
stroke: "#fff"
|
|
7776
7805
|
}), /*#__PURE__*/jsxRuntime.jsx("path", {
|
|
7777
7806
|
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",
|
|
@@ -7796,6 +7825,13 @@ const SvgShadowinline = props => /*#__PURE__*/jsxRuntime.jsx("svg", {
|
|
|
7796
7825
|
})
|
|
7797
7826
|
});
|
|
7798
7827
|
|
|
7828
|
+
let MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
|
|
7829
|
+
MapMarkerVariantEnum["HOME"] = "home";
|
|
7830
|
+
MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
|
|
7831
|
+
MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
|
|
7832
|
+
return MapMarkerVariantEnum;
|
|
7833
|
+
}({});
|
|
7834
|
+
|
|
7799
7835
|
const SCALE_DURATION = 300;
|
|
7800
7836
|
const TRANSLATE_Y_DURATION = 150;
|
|
7801
7837
|
const useNativeAnimation = ({
|
|
@@ -7852,18 +7888,12 @@ const getBackgroundColor$1 = ({
|
|
|
7852
7888
|
isSelected,
|
|
7853
7889
|
variant
|
|
7854
7890
|
}) => {
|
|
7855
|
-
if (variant ===
|
|
7891
|
+
if (variant === MapMarkerVariantEnum.HOME || variant === MapMarkerVariantEnum.CLOSE_MEETING_POINT) {
|
|
7856
7892
|
return isSelected || isHovered ? theme.mapMarker.home.selected : theme.mapMarker.home.default;
|
|
7857
7893
|
}
|
|
7858
7894
|
return isSelected || isHovered ? theme.mapMarker.meetingPoint.selected : theme.mapMarker.meetingPoint.default;
|
|
7859
7895
|
};
|
|
7860
7896
|
|
|
7861
|
-
let MapMarkerVariantEnum = /*#__PURE__*/function (MapMarkerVariantEnum) {
|
|
7862
|
-
MapMarkerVariantEnum["HOME"] = "home";
|
|
7863
|
-
MapMarkerVariantEnum["MEETING_POINT"] = "meetingPoint";
|
|
7864
|
-
MapMarkerVariantEnum["CLOSE_MEETING_POINT"] = "closeMeetingPoint";
|
|
7865
|
-
return MapMarkerVariantEnum;
|
|
7866
|
-
}({});
|
|
7867
7897
|
function StaticMapMarker$1({
|
|
7868
7898
|
variant,
|
|
7869
7899
|
isHovered,
|
|
@@ -10898,6 +10928,7 @@ function Picker({
|
|
|
10898
10928
|
paddingY: "kitt.2",
|
|
10899
10929
|
children: childrenArray.map((child, index) => {
|
|
10900
10930
|
const currentValue = items[index];
|
|
10931
|
+
if (!currentValue) throw new Error(`Picker: No value found for item at index ${index}`);
|
|
10901
10932
|
const {
|
|
10902
10933
|
onClick,
|
|
10903
10934
|
'aria-selected': ariaSelected,
|
|
@@ -11707,12 +11738,13 @@ function TabBar({
|
|
|
11707
11738
|
...props,
|
|
11708
11739
|
children: react.Children.map(tabItems, (child, index) => {
|
|
11709
11740
|
const tab = tabs[index];
|
|
11741
|
+
if (!tab) throw new Error(`TabBar: tab is undefined at index ${index}`);
|
|
11710
11742
|
return /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
11711
11743
|
children: /*#__PURE__*/react.cloneElement(child, {
|
|
11712
11744
|
color,
|
|
11713
11745
|
onPress: event => {
|
|
11714
11746
|
onChangeTab({
|
|
11715
|
-
tab
|
|
11747
|
+
tab,
|
|
11716
11748
|
index
|
|
11717
11749
|
});
|
|
11718
11750
|
child.props.onPress?.(event);
|
|
@@ -11860,6 +11892,7 @@ const TimePicker = /*#__PURE__*/react.forwardRef(({
|
|
|
11860
11892
|
// Format is hh:mm hence 5 characters
|
|
11861
11893
|
if (currentInputValue.length < 5 || !currentInputValue.includes(':')) return;
|
|
11862
11894
|
const [hours, minutes] = currentInputValue.split(':');
|
|
11895
|
+
if (!hours || !minutes) return;
|
|
11863
11896
|
|
|
11864
11897
|
// Prepare the next date. It clones the date value passed as prop if available
|
|
11865
11898
|
const nextDate = value ? new Date(value) : new Date();
|
|
@@ -11900,6 +11933,7 @@ const TimePicker = /*#__PURE__*/react.forwardRef(({
|
|
|
11900
11933
|
// When input has a value which is more than ':'
|
|
11901
11934
|
if (hasSeparator && sanitizedValue.length > 1) {
|
|
11902
11935
|
const [hours, minutes] = sanitizedValue.split(':');
|
|
11936
|
+
if (!hours || !minutes) return;
|
|
11903
11937
|
const currentHours = getDisplayedHours(hours);
|
|
11904
11938
|
const currentMinutes = getDisplayedMinutes(minutes);
|
|
11905
11939
|
const nextValue = `${currentHours}:${currentMinutes}`;
|