@pagopa/io-app-design-system 5.2.2 → 5.2.4

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 (35) hide show
  1. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +72 -96
  2. package/lib/commonjs/components/otpInput/BoxedInput.js +16 -27
  3. package/lib/commonjs/components/otpInput/BoxedInput.js.map +1 -1
  4. package/lib/commonjs/components/otpInput/OTPInput.js +9 -7
  5. package/lib/commonjs/components/otpInput/OTPInput.js.map +1 -1
  6. package/lib/commonjs/components/skeleton/IOSkeleton.js +20 -20
  7. package/lib/commonjs/components/skeleton/IOSkeleton.js.map +1 -1
  8. package/lib/commonjs/components/tabs/TabItem.js +1 -1
  9. package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
  10. package/lib/commonjs/core/IOColors.js +5 -1
  11. package/lib/commonjs/core/IOColors.js.map +1 -1
  12. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +72 -96
  13. package/lib/module/components/otpInput/BoxedInput.js +17 -28
  14. package/lib/module/components/otpInput/BoxedInput.js.map +1 -1
  15. package/lib/module/components/otpInput/OTPInput.js +10 -7
  16. package/lib/module/components/otpInput/OTPInput.js.map +1 -1
  17. package/lib/module/components/skeleton/IOSkeleton.js +20 -20
  18. package/lib/module/components/skeleton/IOSkeleton.js.map +1 -1
  19. package/lib/module/components/tabs/TabItem.js +1 -1
  20. package/lib/module/components/tabs/TabItem.js.map +1 -1
  21. package/lib/module/core/IOColors.js +5 -1
  22. package/lib/module/core/IOColors.js.map +1 -1
  23. package/lib/typescript/components/otpInput/BoxedInput.d.ts.map +1 -1
  24. package/lib/typescript/components/otpInput/OTPInput.d.ts.map +1 -1
  25. package/lib/typescript/components/skeleton/IOSkeleton.d.ts.map +1 -1
  26. package/lib/typescript/core/IOColors.d.ts +1 -1
  27. package/lib/typescript/core/IOColors.d.ts.map +1 -1
  28. package/lib/typescript/core/IOStyles.d.ts +2 -2
  29. package/package.json +1 -1
  30. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +72 -96
  31. package/src/components/otpInput/BoxedInput.tsx +27 -29
  32. package/src/components/otpInput/OTPInput.tsx +11 -7
  33. package/src/components/skeleton/IOSkeleton.tsx +25 -35
  34. package/src/components/tabs/TabItem.tsx +1 -1
  35. package/src/core/IOColors.ts +6 -0
@@ -1395,19 +1395,16 @@ exports[`Test List Item Components - Experimental Enabled ListItemTransaction S
1395
1395
  }
1396
1396
  >
1397
1397
  <View
1398
+ collapsable={false}
1398
1399
  style={
1399
- [
1400
- {
1401
- "backgroundColor": "#E8EBF1",
1402
- "borderCurve": "continuous",
1403
- "borderRadius": 8,
1404
- "height": 44,
1405
- "width": 44,
1406
- },
1407
- {
1408
- "opacity": 0.75,
1409
- },
1410
- ]
1400
+ {
1401
+ "backgroundColor": "#E8EBF1",
1402
+ "borderCurve": "continuous",
1403
+ "borderRadius": 8,
1404
+ "height": 44,
1405
+ "opacity": 0.75,
1406
+ "width": 44,
1407
+ }
1411
1408
  }
1412
1409
  />
1413
1410
  </View>
@@ -1422,35 +1419,29 @@ exports[`Test List Item Components - Experimental Enabled ListItemTransaction S
1422
1419
  }
1423
1420
  >
1424
1421
  <View
1422
+ collapsable={false}
1425
1423
  style={
1426
- [
1427
- {
1428
- "backgroundColor": "#E8EBF1",
1429
- "borderCurve": "continuous",
1430
- "borderRadius": 8,
1431
- "height": 16,
1432
- "width": 62,
1433
- },
1434
- {
1435
- "opacity": 0.75,
1436
- },
1437
- ]
1424
+ {
1425
+ "backgroundColor": "#E8EBF1",
1426
+ "borderCurve": "continuous",
1427
+ "borderRadius": 8,
1428
+ "height": 16,
1429
+ "opacity": 0.75,
1430
+ "width": 62,
1431
+ }
1438
1432
  }
1439
1433
  />
1440
1434
  <View
1435
+ collapsable={false}
1441
1436
  style={
1442
- [
1443
- {
1444
- "backgroundColor": "#E8EBF1",
1445
- "borderCurve": "continuous",
1446
- "borderRadius": 8,
1447
- "height": 16,
1448
- "width": 107,
1449
- },
1450
- {
1451
- "opacity": 0.75,
1452
- },
1453
- ]
1437
+ {
1438
+ "backgroundColor": "#E8EBF1",
1439
+ "borderCurve": "continuous",
1440
+ "borderRadius": 8,
1441
+ "height": 16,
1442
+ "opacity": 0.75,
1443
+ "width": 107,
1444
+ }
1454
1445
  }
1455
1446
  />
1456
1447
  </View>
@@ -1462,19 +1453,16 @@ exports[`Test List Item Components - Experimental Enabled ListItemTransaction S
1462
1453
  }
1463
1454
  >
1464
1455
  <View
1456
+ collapsable={false}
1465
1457
  style={
1466
- [
1467
- {
1468
- "backgroundColor": "#E8EBF1",
1469
- "borderCurve": "continuous",
1470
- "borderRadius": 8,
1471
- "height": 24,
1472
- "width": 70,
1473
- },
1474
- {
1475
- "opacity": 0.75,
1476
- },
1477
- ]
1458
+ {
1459
+ "backgroundColor": "#E8EBF1",
1460
+ "borderCurve": "continuous",
1461
+ "borderRadius": 8,
1462
+ "height": 24,
1463
+ "opacity": 0.75,
1464
+ "width": 70,
1465
+ }
1478
1466
  }
1479
1467
  />
1480
1468
  </View>
@@ -2950,19 +2938,16 @@ exports[`Test List Item Components ListItemTransaction Snapshot 1`] = `
2950
2938
  }
2951
2939
  >
2952
2940
  <View
2941
+ collapsable={false}
2953
2942
  style={
2954
- [
2955
- {
2956
- "backgroundColor": "#E8EBF1",
2957
- "borderCurve": "continuous",
2958
- "borderRadius": 8,
2959
- "height": 44,
2960
- "width": 44,
2961
- },
2962
- {
2963
- "opacity": 0.75,
2964
- },
2965
- ]
2943
+ {
2944
+ "backgroundColor": "#E8EBF1",
2945
+ "borderCurve": "continuous",
2946
+ "borderRadius": 8,
2947
+ "height": 44,
2948
+ "opacity": 0.75,
2949
+ "width": 44,
2950
+ }
2966
2951
  }
2967
2952
  />
2968
2953
  </View>
@@ -2977,35 +2962,29 @@ exports[`Test List Item Components ListItemTransaction Snapshot 1`] = `
2977
2962
  }
2978
2963
  >
2979
2964
  <View
2965
+ collapsable={false}
2980
2966
  style={
2981
- [
2982
- {
2983
- "backgroundColor": "#E8EBF1",
2984
- "borderCurve": "continuous",
2985
- "borderRadius": 8,
2986
- "height": 16,
2987
- "width": 62,
2988
- },
2989
- {
2990
- "opacity": 0.75,
2991
- },
2992
- ]
2967
+ {
2968
+ "backgroundColor": "#E8EBF1",
2969
+ "borderCurve": "continuous",
2970
+ "borderRadius": 8,
2971
+ "height": 16,
2972
+ "opacity": 0.75,
2973
+ "width": 62,
2974
+ }
2993
2975
  }
2994
2976
  />
2995
2977
  <View
2978
+ collapsable={false}
2996
2979
  style={
2997
- [
2998
- {
2999
- "backgroundColor": "#E8EBF1",
3000
- "borderCurve": "continuous",
3001
- "borderRadius": 8,
3002
- "height": 16,
3003
- "width": 107,
3004
- },
3005
- {
3006
- "opacity": 0.75,
3007
- },
3008
- ]
2980
+ {
2981
+ "backgroundColor": "#E8EBF1",
2982
+ "borderCurve": "continuous",
2983
+ "borderRadius": 8,
2984
+ "height": 16,
2985
+ "opacity": 0.75,
2986
+ "width": 107,
2987
+ }
3009
2988
  }
3010
2989
  />
3011
2990
  </View>
@@ -3017,19 +2996,16 @@ exports[`Test List Item Components ListItemTransaction Snapshot 1`] = `
3017
2996
  }
3018
2997
  >
3019
2998
  <View
2999
+ collapsable={false}
3020
3000
  style={
3021
- [
3022
- {
3023
- "backgroundColor": "#E8EBF1",
3024
- "borderCurve": "continuous",
3025
- "borderRadius": 8,
3026
- "height": 24,
3027
- "width": 70,
3028
- },
3029
- {
3030
- "opacity": 0.75,
3031
- },
3032
- ]
3001
+ {
3002
+ "backgroundColor": "#E8EBF1",
3003
+ "borderCurve": "continuous",
3004
+ "borderRadius": 8,
3005
+ "height": 24,
3006
+ "opacity": 0.75,
3007
+ "width": 70,
3008
+ }
3033
3009
  }
3034
3010
  />
3035
3011
  </View>
@@ -18,27 +18,11 @@ const styles = _reactNative.StyleSheet.create({
18
18
  height: 60,
19
19
  borderRadius: 8,
20
20
  borderCurve: "continuous"
21
- },
22
- defaultBox: {
23
- borderWidth: 1,
24
- borderColor: _core.IOColors["grey-650"]
25
- },
26
- focusedBox: {
27
- borderWidth: 2,
28
- borderColor: _core.IOColors["blueIO-500"]
29
- },
30
- errorBox: {
31
- borderWidth: 1,
32
- borderColor: _core.IOColors["error-850"],
33
- backgroundColor: _core.IOColors["error-100"]
34
21
  }
35
22
  });
36
-
37
- // FIXME Replace this component with H3 once the legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
38
23
  const SecretValue = () => /*#__PURE__*/React.createElement(_typography.IOText, {
39
24
  font: "DMMono",
40
25
  weight: "Semibold",
41
- color: "grey-850",
42
26
  size: 22,
43
27
  lineHeight: 33,
44
28
  accessible: false
@@ -48,19 +32,24 @@ const BoxedInput = ({
48
32
  value,
49
33
  secret
50
34
  }) => {
51
- const derivedStyle = (0, React.useMemo)(() => {
52
- switch (status) {
53
- case "error":
54
- return styles.errorBox;
55
- case "focus":
56
- return styles.focusedBox;
57
- case "default":
58
- default:
59
- return styles.defaultBox;
35
+ const theme = (0, _core.useIOTheme)();
36
+ const statusStyle = (0, React.useMemo)(() => ({
37
+ error: {
38
+ borderWidth: 1,
39
+ borderColor: _core.IOColors[theme["otpInputBorder-error"]],
40
+ backgroundColor: (0, _core.hexToRgba)(_core.IOColors[theme["otpInputBorder-error"]], 0.15)
41
+ },
42
+ focus: {
43
+ borderWidth: 2,
44
+ borderColor: _core.IOColors[theme["interactiveElem-default"]]
45
+ },
46
+ default: {
47
+ borderWidth: 1,
48
+ borderColor: _core.IOColors[theme["otpInputBorder-default"]]
60
49
  }
61
- }, [status]);
50
+ }), [theme]);
62
51
  return /*#__PURE__*/React.createElement(_reactNative.View, {
63
- style: [styles.baseBox, derivedStyle],
52
+ style: [styles.baseBox, statusStyle[status]],
64
53
  accessible: false
65
54
  }, value && (secret ? /*#__PURE__*/React.createElement(SecretValue, null) : /*#__PURE__*/React.createElement(_typography.H6, {
66
55
  accessible: false
@@ -1 +1 @@
1
- {"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","baseBox","alignItems","justifyContent","width","height","borderRadius","borderCurve","defaultBox","borderWidth","borderColor","IOColors","focusedBox","errorBox","backgroundColor","SecretValue","createElement","IOText","font","weight","color","size","lineHeight","accessible","BoxedInput","status","value","secret","derivedStyle","useMemo","View","style","H6","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/BoxedInput.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","baseBox","alignItems","justifyContent","width","height","borderRadius","borderCurve","SecretValue","createElement","IOText","font","weight","size","lineHeight","accessible","BoxedInput","status","value","secret","theme","useIOTheme","statusStyle","useMemo","error","borderWidth","borderColor","IOColors","backgroundColor","hexToRgba","focus","View","style","H6","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/BoxedInput.tsx"],"mappings":"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"}
@@ -8,6 +8,7 @@ var React = _interopRequireWildcard(require("react"));
8
8
  var _reactNative = require("react-native");
9
9
  var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
10
10
  var _IOStyles = require("../../core/IOStyles");
11
+ var _core = require("../../core");
11
12
  var _functions = require("../../functions");
12
13
  var _useErrorShakeAnimation = require("../../utils/hooks/useErrorShakeAnimation");
13
14
  var _spacer = require("../spacer");
@@ -29,7 +30,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
29
30
  * @param errorMessage - The error message to display
30
31
  * @returns
31
32
  */
32
- const OTPInput = /*#__PURE__*/React.forwardRef(({
33
+ const OTPInput = /*#__PURE__*/(0, React.forwardRef)(({
33
34
  value,
34
35
  onValueChange,
35
36
  length,
@@ -43,15 +44,16 @@ const OTPInput = /*#__PURE__*/React.forwardRef(({
43
44
  autoFocus = false,
44
45
  deleteButtonAccessibilityLabel
45
46
  }, ref) => {
46
- const [hasFocus, setHasFocus] = React.useState(autoFocus);
47
- const [hasError, setHasError] = React.useState(false);
47
+ const [hasFocus, setHasFocus] = (0, React.useState)(autoFocus);
48
+ const [hasError, setHasError] = (0, React.useState)(false);
49
+ const theme = (0, _core.useIOTheme)();
48
50
  const {
49
51
  translate,
50
52
  animatedStyle,
51
53
  shakeAnimation
52
54
  } = (0, _useErrorShakeAnimation.useErrorShakeAnimation)();
53
- const inputRef = /*#__PURE__*/React.createRef();
54
- const timerRef = React.useRef();
55
+ const inputRef = /*#__PURE__*/(0, React.createRef)();
56
+ const timerRef = (0, React.useRef)();
55
57
  const handleValidate = val => {
56
58
  if (!onValidate || val.length < length) {
57
59
  return;
@@ -72,7 +74,7 @@ const OTPInput = /*#__PURE__*/React.forwardRef(({
72
74
  }, 500);
73
75
  }
74
76
  };
75
- React.useEffect(() => () => clearTimeout(timerRef.current), []);
77
+ (0, React.useEffect)(() => () => clearTimeout(timerRef.current), []);
76
78
  const handleChange = value => {
77
79
  if (value.length > length) {
78
80
  return;
@@ -143,7 +145,7 @@ const OTPInput = /*#__PURE__*/React.forwardRef(({
143
145
  size: 4
144
146
  }), hasError && errorMessage && /*#__PURE__*/React.createElement(_typography.BodySmall, {
145
147
  weight: "Semibold",
146
- color: "error-850",
148
+ color: theme.errorText,
147
149
  style: {
148
150
  textAlign: "center"
149
151
  }
@@ -1 +1 @@
1
- {"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_functions","_useErrorShakeAnimation","_spacer","_typography","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","AccessibilityInfo","announceForAccessibility","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","secureTextEntry","Array","map","_","i","BoxedInput","status","VSpacer","size","BodySmall","weight","color","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_core","_functions","_useErrorShakeAnimation","_spacer","_typography","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","theme","useIOTheme","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","AccessibilityInfo","announceForAccessibility","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","secureTextEntry","Array","map","_","i","BoxedInput","status","VSpacer","size","BodySmall","weight","color","errorText","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}
@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.IOSkeleton = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
- var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
8
+ var _reactNative = require("react-native");
9
+ var _reactNativeReanimated = require("react-native-reanimated");
9
10
  var _core = require("../../core");
10
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
11
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -23,7 +24,7 @@ const IOSkeleton = ({
23
24
  }) => {
24
25
  const reduceMotion = (0, _reactNativeReanimated.useReducedMotion)();
25
26
  const theme = (0, _core.useIOTheme)();
26
- const opacity = (0, _reactNativeReanimated.useSharedValue)(reduceMotion ? OPACITY_REDUCED_MOTION : OPACITY_MAX);
27
+ const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(OPACITY_MAX)).current;
27
28
  const backgroundColor = color ?? _core.IOColors[theme["skeleton-background"]];
28
29
  const baseStyle = (0, _react.useMemo)(() => ({
29
30
  backgroundColor,
@@ -34,31 +35,30 @@ const IOSkeleton = ({
34
35
  }), [backgroundColor, shape, size, width, height, borderRadius]);
35
36
  (0, _react.useEffect)(() => {
36
37
  if (reduceMotion) {
37
- // eslint-disable-next-line functional/immutable-data
38
- opacity.value = OPACITY_REDUCED_MOTION;
38
+ opacity.setValue(OPACITY_REDUCED_MOTION);
39
39
  return;
40
40
  }
41
- const animationSequence = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(OPACITY_MIN, {
41
+ const animation = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(opacity, {
42
+ toValue: OPACITY_MIN,
42
43
  duration: ANIMATION_DURATION / 2,
43
- easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.sin)
44
- }), (0, _reactNativeReanimated.withTiming)(OPACITY_MAX, {
44
+ easing: _reactNative.Easing.inOut(_reactNative.Easing.sin),
45
+ useNativeDriver: true
46
+ }), _reactNative.Animated.timing(opacity, {
47
+ toValue: OPACITY_MAX,
45
48
  duration: ANIMATION_DURATION / 2,
46
- easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.sin)
47
- })), -1, true);
48
-
49
- // eslint-disable-next-line functional/immutable-data
50
- opacity.value = animationSequence;
49
+ easing: _reactNative.Easing.inOut(_reactNative.Easing.sin),
50
+ useNativeDriver: true
51
+ })]));
52
+ animation.start();
51
53
  return () => {
52
- (0, _reactNativeReanimated.cancelAnimation)(opacity);
54
+ animation.stop();
53
55
  };
54
- // eslint-disable-next-line react-hooks/exhaustive-deps
55
- }, [reduceMotion]);
56
- const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
57
- opacity: opacity.value
58
- }));
59
- return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
56
+ }, [opacity, reduceMotion]);
57
+ return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
60
58
  testID: testID,
61
- style: [baseStyle, animatedStyle]
59
+ style: [baseStyle, {
60
+ opacity
61
+ }]
62
62
  });
63
63
  };
64
64
  exports.IOSkeleton = IOSkeleton;
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ANIMATION_DURATION","OPACITY_MIN","OPACITY_MAX","OPACITY_REDUCED_MOTION","IOSkeleton","shape","size","width","height","radius","borderRadius","color","testID","reduceMotion","useReducedMotion","theme","useIOTheme","opacity","useSharedValue","backgroundColor","IOColors","baseStyle","useMemo","borderCurve","useEffect","value","animationSequence","withRepeat","withSequence","withTiming","duration","easing","Easing","inOut","sin","cancelAnimation","animatedStyle","useAnimatedStyle","createElement","View","style","exports"],"sourceRoot":"../../../../src","sources":["components/skeleton/IOSkeleton.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ANIMATION_DURATION","OPACITY_MIN","OPACITY_MAX","OPACITY_REDUCED_MOTION","IOSkeleton","shape","size","width","height","radius","borderRadius","color","testID","reduceMotion","useReducedMotion","theme","useIOTheme","opacity","useRef","Animated","Value","current","backgroundColor","IOColors","baseStyle","useMemo","borderCurve","useEffect","setValue","animation","loop","sequence","timing","toValue","duration","easing","Easing","inOut","sin","useNativeDriver","start","stop","createElement","View","style","exports"],"sourceRoot":"../../../../src","sources":["components/skeleton/IOSkeleton.tsx"],"mappings":"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"}
@@ -92,7 +92,7 @@ const TabItem = /*#__PURE__*/(0, _react.forwardRef)(({
92
92
  ref: ref,
93
93
  accessibilityLabel: accessibilityLabel,
94
94
  accessibilityHint: accessibilityHint,
95
- accessibilityRole: "button",
95
+ accessibilityRole: "tab",
96
96
  accessibilityState: {
97
97
  checked: !!selected
98
98
  },
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","TabItem","forwardRef","label","color","selected","accessibilityLabel","accessibilityHint","testID","onPress","disabled","icon","iconSelected","ref","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","theme","useIOTheme","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","mapColorStates","useMemo","light","border","IOColors","hexToRgba","background","pressed","foreground","dark","white","itemState","foregroundColor","selectedStateTransition","useDerivedValue","withSpring","IOSpringValues","selection","animatedStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","borderColor","activeIcon","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","createElement","Pressable","accessibilityRole","accessibilityState","checked","accessible","View","style","styles","container","columnGap","opacity","Icon","name","size","IOText","font","weight","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","TabItem","forwardRef","label","color","selected","accessibilityLabel","accessibilityHint","testID","onPress","disabled","icon","iconSelected","ref","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","theme","useIOTheme","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","mapColorStates","useMemo","light","border","IOColors","hexToRgba","background","pressed","foreground","dark","white","itemState","foregroundColor","selectedStateTransition","useDerivedValue","withSpring","IOSpringValues","selection","animatedStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","borderColor","activeIcon","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","createElement","Pressable","accessibilityRole","accessibilityState","checked","accessible","View","style","styles","container","columnGap","opacity","Icon","name","size","IOText","font","weight","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
@@ -183,7 +183,7 @@ const themeKeys = [
183
183
  // Design System related
184
184
  "cardBorder-default", "textInputBorder-default", "icon-default", "icon-decorative",
185
185
  // Inputs
186
- "textInputBorder-default", "textInputLabel-default", "textInputValue-default", "textInputValue-disabled",
186
+ "textInputBorder-default", "textInputLabel-default", "textInputValue-default", "textInputValue-disabled", "otpInputBorder-default", "otpInputBorder-error",
187
187
  // Selection (Radio, Checkbox, Switch)
188
188
  "switch-background-off", "switch-background-on", "switch-thumb-color", "selection-border-off", "selection-background-on", "selection-tick",
189
189
  // Layout
@@ -227,6 +227,8 @@ const IOThemeLight = {
227
227
  "textInputLabel-default": "grey-700",
228
228
  "textInputValue-default": "black",
229
229
  "textInputValue-disabled": "grey-850",
230
+ "otpInputBorder-default": "grey-650",
231
+ "otpInputBorder-error": "error-600",
230
232
  // Selection (Radio, Checkbox, Switch)
231
233
  "switch-background-off": "grey-700",
232
234
  "switch-background-on": "blueIO-500",
@@ -292,6 +294,8 @@ const IOThemeDark = {
292
294
  "textInputLabel-default": "grey-450",
293
295
  "textInputValue-default": "white",
294
296
  "textInputValue-disabled": "grey-100",
297
+ "otpInputBorder-default": "grey-450",
298
+ "otpInputBorder-error": "error-400",
295
299
  // Selection (Radio, Checkbox, Switch)
296
300
  "switch-background-off": "grey-850",
297
301
  "switch-background-on": "blueIO-300",