@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.
Files changed (51) hide show
  1. package/CHANGELOG.md +10 -2
  2. package/dist/definitions/Choices/AnimatedChoiceItemView.d.ts +1 -2
  3. package/dist/definitions/Choices/AnimatedChoiceItemView.d.ts.map +1 -1
  4. package/dist/definitions/Choices/AnimatedChoiceItemView.web.d.ts +1 -1
  5. package/dist/definitions/Choices/AnimatedChoiceItemView.web.d.ts.map +1 -1
  6. package/dist/definitions/Choices/ChoiceItem.d.ts +1 -2
  7. package/dist/definitions/Choices/ChoiceItem.d.ts.map +1 -1
  8. package/dist/definitions/Choices/ChoiceItemContainer.d.ts +1 -2
  9. package/dist/definitions/Choices/ChoiceItemContainer.d.ts.map +1 -1
  10. package/dist/definitions/Choices/Choices.d.ts +5 -5
  11. package/dist/definitions/Choices/Choices.d.ts.map +1 -1
  12. package/dist/definitions/FullscreenModal/FullscreenModalAnimation.web.d.ts.map +1 -1
  13. package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts +0 -14
  14. package/dist/definitions/themes/late-ocean/fullscreenModal.d.ts.map +1 -1
  15. package/dist/index-metro.es.android.js +40 -69
  16. package/dist/index-metro.es.android.js.map +1 -1
  17. package/dist/index-metro.es.ios.js +40 -69
  18. package/dist/index-metro.es.ios.js.map +1 -1
  19. package/dist/index-node-22.17.cjs.js +38 -70
  20. package/dist/index-node-22.17.cjs.js.map +1 -1
  21. package/dist/index-node-22.17.cjs.web.css +38 -8
  22. package/dist/index-node-22.17.cjs.web.js +103 -128
  23. package/dist/index-node-22.17.cjs.web.js.map +1 -1
  24. package/dist/index-node-22.17.es.mjs +39 -71
  25. package/dist/index-node-22.17.es.mjs.map +1 -1
  26. package/dist/index-node-22.17.es.web.css +38 -8
  27. package/dist/index-node-22.17.es.web.mjs +104 -129
  28. package/dist/index-node-22.17.es.web.mjs.map +1 -1
  29. package/dist/index.es.js +40 -72
  30. package/dist/index.es.js.map +1 -1
  31. package/dist/index.es.web.js +103 -128
  32. package/dist/index.es.web.js.map +1 -1
  33. package/dist/linaria-themes-metro.es.android.js +30 -34
  34. package/dist/linaria-themes-metro.es.android.js.map +1 -1
  35. package/dist/linaria-themes-metro.es.ios.js +30 -34
  36. package/dist/linaria-themes-metro.es.ios.js.map +1 -1
  37. package/dist/linaria-themes-node-22.17.cjs.js +30 -34
  38. package/dist/linaria-themes-node-22.17.cjs.js.map +1 -1
  39. package/dist/linaria-themes-node-22.17.cjs.web.js +30 -34
  40. package/dist/linaria-themes-node-22.17.cjs.web.js.map +1 -1
  41. package/dist/linaria-themes-node-22.17.es.mjs +30 -34
  42. package/dist/linaria-themes-node-22.17.es.mjs.map +1 -1
  43. package/dist/linaria-themes-node-22.17.es.web.mjs +30 -34
  44. package/dist/linaria-themes-node-22.17.es.web.mjs.map +1 -1
  45. package/dist/linaria-themes.es.js +30 -34
  46. package/dist/linaria-themes.es.js.map +1 -1
  47. package/dist/linaria-themes.es.web.js +30 -34
  48. package/dist/linaria-themes.es.web.js.map +1 -1
  49. package/dist/styles.css +38 -8
  50. package/dist/tsbuildinfo +1 -1
  51. package/package.json +1 -1
@@ -881,15 +881,15 @@ const card = {
881
881
  }
882
882
  };
883
883
 
884
- const webAnimationContentDuration$2 = 400;
885
- const webAnimationContentEasing$2 = {
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$2 = 250;
892
- const webAnimationOverlayEasing$2 = {
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$2,
928
- easing: webAnimationOverlayEasing$2
927
+ duration: webAnimationOverlayDuration$1,
928
+ easing: webAnimationOverlayEasing$1
929
929
  },
930
930
  content: {
931
- duration: webAnimationContentDuration$2,
932
- easing: webAnimationContentEasing$2
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$1 = 400;
989
- const webAnimationContentEasing$1 = {
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$1 = 250;
996
- const webAnimationOverlayEasing$1 = {
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$1,
1019
- easing: webAnimationOverlayEasing$1
1018
+ duration: webAnimationOverlayDuration,
1019
+ easing: webAnimationOverlayEasing
1020
1020
  },
1021
1021
  content: {
1022
- duration: webAnimationContentDuration$1,
1023
- easing: webAnimationContentEasing$1
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: webAnimationOverlayDuration,
1960
- easing: webAnimationOverlayEasing
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: webAnimationContentDuration,
1964
- easing: webAnimationContentEasing
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 directionFlexProps = direction === 'row' ? {
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
- ...directionFlexProps,
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: shouldExpand ? shouldExpandFlexProps : 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);