@ornikar/kitt-universal 32.1.1-canary.28d1f9f68cb643b8c67559f72df59006a88da1e9.0 → 32.3.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 -2
- package/dist/definitions/Choices/AnimatedChoiceItemView.d.ts +1 -2
- package/dist/definitions/Choices/AnimatedChoiceItemView.d.ts.map +1 -1
- package/dist/definitions/Choices/AnimatedChoiceItemView.web.d.ts +1 -1
- package/dist/definitions/Choices/AnimatedChoiceItemView.web.d.ts.map +1 -1
- package/dist/definitions/Choices/ChoiceItem.d.ts +1 -2
- package/dist/definitions/Choices/ChoiceItem.d.ts.map +1 -1
- package/dist/definitions/Choices/ChoiceItemContainer.d.ts +1 -2
- package/dist/definitions/Choices/ChoiceItemContainer.d.ts.map +1 -1
- package/dist/definitions/Choices/Choices.d.ts +5 -5
- package/dist/definitions/Choices/Choices.d.ts.map +1 -1
- package/dist/definitions/FullscreenModal/FullscreenModalAnimation.web.d.ts.map +1 -1
- package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts +0 -14
- package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +40 -69
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +40 -69
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.17.cjs.js +38 -70
- package/dist/index-node-22.17.cjs.js.map +1 -1
- package/dist/index-node-22.17.cjs.web.css +38 -8
- package/dist/index-node-22.17.cjs.web.js +103 -128
- package/dist/index-node-22.17.cjs.web.js.map +1 -1
- package/dist/index-node-22.17.es.mjs +39 -71
- package/dist/index-node-22.17.es.mjs.map +1 -1
- package/dist/index-node-22.17.es.web.css +38 -8
- package/dist/index-node-22.17.es.web.mjs +104 -129
- package/dist/index-node-22.17.es.web.mjs.map +1 -1
- package/dist/index.es.js +40 -72
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +103 -128
- package/dist/index.es.web.js.map +1 -1
- package/dist/linaria-themes-metro.es.android.js +30 -34
- package/dist/linaria-themes-metro.es.android.js.map +1 -1
- package/dist/linaria-themes-metro.es.ios.js +30 -34
- package/dist/linaria-themes-metro.es.ios.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.js +30 -34
- package/dist/linaria-themes-node-22.17.cjs.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.web.js +30 -34
- package/dist/linaria-themes-node-22.17.cjs.web.js.map +1 -1
- package/dist/linaria-themes-node-22.17.es.mjs +30 -34
- package/dist/linaria-themes-node-22.17.es.mjs.map +1 -1
- package/dist/linaria-themes-node-22.17.es.web.mjs +30 -34
- package/dist/linaria-themes-node-22.17.es.web.mjs.map +1 -1
- package/dist/linaria-themes.es.js +30 -34
- package/dist/linaria-themes.es.js.map +1 -1
- package/dist/linaria-themes.es.web.js +30 -34
- package/dist/linaria-themes.es.web.js.map +1 -1
- package/dist/styles.css +38 -8
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -881,15 +881,15 @@ const card = {
|
|
|
881
881
|
}
|
|
882
882
|
};
|
|
883
883
|
|
|
884
|
-
const webAnimationContentDuration$
|
|
885
|
-
const webAnimationContentEasing$
|
|
884
|
+
const webAnimationContentDuration$1 = 400;
|
|
885
|
+
const webAnimationContentEasing$1 = {
|
|
886
886
|
x1: 0.77,
|
|
887
887
|
y1: 0,
|
|
888
888
|
x2: 0.175,
|
|
889
889
|
y2: 1
|
|
890
890
|
};
|
|
891
|
-
const webAnimationOverlayDuration$
|
|
892
|
-
const webAnimationOverlayEasing$
|
|
891
|
+
const webAnimationOverlayDuration$1 = 250;
|
|
892
|
+
const webAnimationOverlayEasing$1 = {
|
|
893
893
|
x1: 0.42,
|
|
894
894
|
y1: 0,
|
|
895
895
|
x2: 1,
|
|
@@ -924,12 +924,12 @@ const cardModal = {
|
|
|
924
924
|
},
|
|
925
925
|
animation: {
|
|
926
926
|
overlay: {
|
|
927
|
-
duration: webAnimationOverlayDuration$
|
|
928
|
-
easing: webAnimationOverlayEasing$
|
|
927
|
+
duration: webAnimationOverlayDuration$1,
|
|
928
|
+
easing: webAnimationOverlayEasing$1
|
|
929
929
|
},
|
|
930
930
|
content: {
|
|
931
|
-
duration: webAnimationContentDuration$
|
|
932
|
-
easing: webAnimationContentEasing$
|
|
931
|
+
duration: webAnimationContentDuration$1,
|
|
932
|
+
easing: webAnimationContentEasing$1
|
|
933
933
|
}
|
|
934
934
|
}
|
|
935
935
|
};
|
|
@@ -985,15 +985,15 @@ const choices = {
|
|
|
985
985
|
}
|
|
986
986
|
};
|
|
987
987
|
|
|
988
|
-
const webAnimationContentDuration
|
|
989
|
-
const webAnimationContentEasing
|
|
988
|
+
const webAnimationContentDuration = 400;
|
|
989
|
+
const webAnimationContentEasing = {
|
|
990
990
|
x1: 0.77,
|
|
991
991
|
y1: 0,
|
|
992
992
|
x2: 0.175,
|
|
993
993
|
y2: 1
|
|
994
994
|
};
|
|
995
|
-
const webAnimationOverlayDuration
|
|
996
|
-
const webAnimationOverlayEasing
|
|
995
|
+
const webAnimationOverlayDuration = 250;
|
|
996
|
+
const webAnimationOverlayEasing = {
|
|
997
997
|
x1: 0.42,
|
|
998
998
|
y1: 0,
|
|
999
999
|
x2: 1,
|
|
@@ -1015,12 +1015,12 @@ const dialogModal = {
|
|
|
1015
1015
|
},
|
|
1016
1016
|
animation: {
|
|
1017
1017
|
overlay: {
|
|
1018
|
-
duration: webAnimationOverlayDuration
|
|
1019
|
-
easing: webAnimationOverlayEasing
|
|
1018
|
+
duration: webAnimationOverlayDuration,
|
|
1019
|
+
easing: webAnimationOverlayEasing
|
|
1020
1020
|
},
|
|
1021
1021
|
content: {
|
|
1022
|
-
duration: webAnimationContentDuration
|
|
1023
|
-
easing: webAnimationContentEasing
|
|
1022
|
+
duration: webAnimationContentDuration,
|
|
1023
|
+
easing: webAnimationContentEasing
|
|
1024
1024
|
}
|
|
1025
1025
|
}
|
|
1026
1026
|
};
|
|
@@ -1929,20 +1929,6 @@ const forms = {
|
|
|
1929
1929
|
timePicker
|
|
1930
1930
|
};
|
|
1931
1931
|
|
|
1932
|
-
const webAnimationContentDuration = 600;
|
|
1933
|
-
const webAnimationContentEasing = {
|
|
1934
|
-
x1: 0.77,
|
|
1935
|
-
y1: 0,
|
|
1936
|
-
x2: 0.175,
|
|
1937
|
-
y2: 1
|
|
1938
|
-
};
|
|
1939
|
-
const webAnimationOverlayDuration = 250;
|
|
1940
|
-
const webAnimationOverlayEasing = {
|
|
1941
|
-
x1: 0.42,
|
|
1942
|
-
y1: 0,
|
|
1943
|
-
x2: 1,
|
|
1944
|
-
y2: 1
|
|
1945
|
-
};
|
|
1946
1932
|
const fullscreenModal = {
|
|
1947
1933
|
header: {
|
|
1948
1934
|
height: 56
|
|
@@ -1956,12 +1942,22 @@ const fullscreenModal = {
|
|
|
1956
1942
|
},
|
|
1957
1943
|
animation: {
|
|
1958
1944
|
overlay: {
|
|
1959
|
-
duration:
|
|
1960
|
-
easing:
|
|
1945
|
+
duration: 250,
|
|
1946
|
+
easing: {
|
|
1947
|
+
x1: 0.42,
|
|
1948
|
+
y1: 0,
|
|
1949
|
+
x2: 1,
|
|
1950
|
+
y2: 1
|
|
1951
|
+
}
|
|
1961
1952
|
},
|
|
1962
1953
|
content: {
|
|
1963
|
-
duration:
|
|
1964
|
-
easing:
|
|
1954
|
+
duration: 600,
|
|
1955
|
+
easing: {
|
|
1956
|
+
x1: 0.77,
|
|
1957
|
+
y1: 0,
|
|
1958
|
+
x2: 0.175,
|
|
1959
|
+
y2: 1
|
|
1960
|
+
}
|
|
1965
1961
|
}
|
|
1966
1962
|
}
|
|
1967
1963
|
};
|
|
@@ -4838,7 +4834,6 @@ function AnimatedChoiceItemView({
|
|
|
4838
4834
|
isDisabled,
|
|
4839
4835
|
isSelected,
|
|
4840
4836
|
hasError,
|
|
4841
|
-
shouldExpand = false,
|
|
4842
4837
|
animatedStyles
|
|
4843
4838
|
}) {
|
|
4844
4839
|
const sx = nativeBase.useSx();
|
|
@@ -4857,9 +4852,7 @@ function AnimatedChoiceItemView({
|
|
|
4857
4852
|
isHovered,
|
|
4858
4853
|
isPressed
|
|
4859
4854
|
}),
|
|
4860
|
-
padding: size === 'small' ? 'kitt.2' : 'kitt.4'
|
|
4861
|
-
flexGrow: shouldExpand ? 1 : undefined,
|
|
4862
|
-
flexShrink: shouldExpand ? 1 : undefined
|
|
4855
|
+
padding: size === 'small' ? 'kitt.2' : 'kitt.4'
|
|
4863
4856
|
});
|
|
4864
4857
|
return /*#__PURE__*/jsxRuntime.jsx(Animated__default.View, {
|
|
4865
4858
|
style: [style, animatedStyles],
|
|
@@ -4923,7 +4916,6 @@ function ChoiceItem({
|
|
|
4923
4916
|
value,
|
|
4924
4917
|
selected,
|
|
4925
4918
|
disabled,
|
|
4926
|
-
shouldExpand = false,
|
|
4927
4919
|
children,
|
|
4928
4920
|
isPressedInternal,
|
|
4929
4921
|
isHoveredInternal,
|
|
@@ -4963,8 +4955,6 @@ function ChoiceItem({
|
|
|
4963
4955
|
checked: selected
|
|
4964
4956
|
},
|
|
4965
4957
|
style: style,
|
|
4966
|
-
flexGrow: shouldExpand ? 1 : undefined,
|
|
4967
|
-
flexShrink: shouldExpand ? 1 : undefined,
|
|
4968
4958
|
onBlur: onBlur,
|
|
4969
4959
|
onFocus: onFocus,
|
|
4970
4960
|
onPress: e => {
|
|
@@ -4984,8 +4974,6 @@ function ChoiceItem({
|
|
|
4984
4974
|
});
|
|
4985
4975
|
return /*#__PURE__*/jsxRuntime.jsxs(VStack, {
|
|
4986
4976
|
space: "kitt.2",
|
|
4987
|
-
flexGrow: shouldExpand ? 1 : undefined,
|
|
4988
|
-
flexShrink: shouldExpand ? 1 : undefined,
|
|
4989
4977
|
children: [/*#__PURE__*/jsxRuntime.jsxs(AnimatedChoiceItemView, {
|
|
4990
4978
|
animatedStyles: backgroundStyles,
|
|
4991
4979
|
isHovered: isHovered || isHoveredInternal,
|
|
@@ -4993,13 +4981,10 @@ function ChoiceItem({
|
|
|
4993
4981
|
isSelected: selected,
|
|
4994
4982
|
isPressed: isPressed || isPressedInternal,
|
|
4995
4983
|
hasError: hasError,
|
|
4996
|
-
shouldExpand: shouldExpand,
|
|
4997
4984
|
size: size,
|
|
4998
4985
|
children: [/*#__PURE__*/jsxRuntime.jsxs(Stack, {
|
|
4999
4986
|
alignItems: "center",
|
|
5000
4987
|
space: "kitt.2",
|
|
5001
|
-
flexGrow: shouldExpand ? 1 : undefined,
|
|
5002
|
-
flexShrink: shouldExpand ? 1 : undefined,
|
|
5003
4988
|
children: [icon ? /*#__PURE__*/jsxRuntime.jsx(TypographyIcon, {
|
|
5004
4989
|
color: textColor,
|
|
5005
4990
|
icon: icon
|
|
@@ -5028,49 +5013,36 @@ function ChoiceItem({
|
|
|
5028
5013
|
function ChoiceItemContainer({
|
|
5029
5014
|
children,
|
|
5030
5015
|
direction,
|
|
5031
|
-
shouldExpand,
|
|
5032
5016
|
isLast
|
|
5033
5017
|
}) {
|
|
5034
5018
|
const currentItemMarginValue = isLast ? undefined : 'kitt.3';
|
|
5035
|
-
const
|
|
5019
|
+
const flexProps = direction === 'row' ? {
|
|
5036
5020
|
flexGrow: 1,
|
|
5037
5021
|
flexShrink: 1,
|
|
5038
5022
|
flexBasis: 0
|
|
5039
5023
|
} : {};
|
|
5040
|
-
const shouldExpandFlexProps = shouldExpand ? {
|
|
5041
|
-
flexGrow: 1,
|
|
5042
|
-
flexShrink: 1
|
|
5043
|
-
} : {};
|
|
5044
5024
|
return /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
5045
5025
|
marginRight: direction === 'row' ? currentItemMarginValue : undefined,
|
|
5046
5026
|
marginBottom: direction === 'column' ? currentItemMarginValue : undefined,
|
|
5047
|
-
...
|
|
5048
|
-
...shouldExpandFlexProps,
|
|
5027
|
+
...flexProps,
|
|
5049
5028
|
children: children
|
|
5050
5029
|
});
|
|
5051
5030
|
}
|
|
5052
5031
|
|
|
5053
5032
|
function ChoicesContainer({
|
|
5054
5033
|
direction,
|
|
5055
|
-
shouldExpand,
|
|
5056
5034
|
contentContainerStyle,
|
|
5057
5035
|
...props
|
|
5058
5036
|
}) {
|
|
5059
|
-
const shouldExpandFlexProps = shouldExpand ? {
|
|
5060
|
-
flexGrow: 1,
|
|
5061
|
-
flexShrink: 1
|
|
5062
|
-
} : {};
|
|
5063
5037
|
if (direction === 'row') {
|
|
5064
|
-
return /*#__PURE__*/jsxRuntime.jsx(ScrollView, {
|
|
5038
|
+
return /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
|
|
5065
5039
|
horizontal: true,
|
|
5066
|
-
contentContainerStyle:
|
|
5067
|
-
...props
|
|
5068
|
-
...shouldExpandFlexProps
|
|
5040
|
+
contentContainerStyle: contentContainerStyle,
|
|
5041
|
+
...props
|
|
5069
5042
|
});
|
|
5070
5043
|
}
|
|
5071
|
-
return /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
5072
|
-
...props
|
|
5073
|
-
...shouldExpandFlexProps
|
|
5044
|
+
return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
|
|
5045
|
+
...props
|
|
5074
5046
|
});
|
|
5075
5047
|
}
|
|
5076
5048
|
|
|
@@ -5082,7 +5054,6 @@ function Choices({
|
|
|
5082
5054
|
type,
|
|
5083
5055
|
direction = 'column',
|
|
5084
5056
|
disabled,
|
|
5085
|
-
shouldExpand = false,
|
|
5086
5057
|
children,
|
|
5087
5058
|
value,
|
|
5088
5059
|
onPress,
|
|
@@ -5099,7 +5070,6 @@ function Choices({
|
|
|
5099
5070
|
const sharedProps = {
|
|
5100
5071
|
type,
|
|
5101
5072
|
disabled,
|
|
5102
|
-
shouldExpand,
|
|
5103
5073
|
onPress: !isForm ? onPress : undefined,
|
|
5104
5074
|
onChange: isForm ? newValue => {
|
|
5105
5075
|
setCurrentValue(newValue);
|
|
@@ -5111,7 +5081,6 @@ function Choices({
|
|
|
5111
5081
|
};
|
|
5112
5082
|
return /*#__PURE__*/jsxRuntime.jsx(ChoicesContainer, {
|
|
5113
5083
|
direction: direction,
|
|
5114
|
-
shouldExpand: shouldExpand,
|
|
5115
5084
|
testID: testID,
|
|
5116
5085
|
id: id,
|
|
5117
5086
|
style: style,
|
|
@@ -5123,7 +5092,6 @@ function Choices({
|
|
|
5123
5092
|
});
|
|
5124
5093
|
return /*#__PURE__*/jsxRuntime.jsx(ChoiceItemContainer, {
|
|
5125
5094
|
direction: direction,
|
|
5126
|
-
shouldExpand: shouldExpand,
|
|
5127
5095
|
isLast: index === childrenArray.length - 1,
|
|
5128
5096
|
children: element
|
|
5129
5097
|
}, child.key);
|