@pagopa/io-app-design-system 4.2.0 → 4.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/lib/commonjs/components/alert/Alert.js +10 -31
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/alert/AlertEdgeToEdge.js +9 -29
- package/lib/commonjs/components/alert/AlertEdgeToEdge.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +10 -34
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +20 -53
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +24 -44
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +14 -39
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +13 -32
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +19 -42
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +15 -31
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
- package/lib/commonjs/components/layout/index.js +0 -11
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +16 -41
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +13 -41
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +2 -2
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +15 -43
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +17 -48
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +19 -50
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +20 -50
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +13 -25
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +4 -5
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
- package/lib/commonjs/components/listitems/PressableListItemBase.js.map +1 -0
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +45 -81
- package/lib/commonjs/components/listitems/__test__/listitem.test.js +3 -3
- package/lib/commonjs/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/commonjs/components/listitems/index.js +11 -11
- package/lib/commonjs/components/listitems/index.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCredential.js +35 -28
- package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
- package/lib/commonjs/components/modules/PressableModuleBase.js +17 -11
- package/lib/commonjs/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/commonjs/components/modules/index.js +8 -8
- package/lib/commonjs/components/modules/index.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +12 -28
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
- package/lib/commonjs/components/stack/Stack.js +4 -3
- package/lib/commonjs/components/stack/Stack.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +15 -21
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
- package/lib/commonjs/core/IOAnimations.js +6 -12
- package/lib/commonjs/core/IOAnimations.js.map +1 -1
- package/lib/commonjs/hooks/index.js +28 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/useListItemAnimation.js +40 -0
- package/lib/commonjs/hooks/useListItemAnimation.js.map +1 -0
- package/lib/commonjs/hooks/useScaleAnimation.js +36 -0
- package/lib/commonjs/hooks/useScaleAnimation.js.map +1 -0
- package/lib/commonjs/index.js +11 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +1 -1
- package/lib/commonjs/utils/hooks/index.js +28 -0
- package/lib/commonjs/utils/hooks/index.js.map +1 -0
- package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js +5 -7
- package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js.map +1 -1
- package/lib/module/components/alert/Alert.js +10 -32
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/alert/AlertEdgeToEdge.js +10 -31
- package/lib/module/components/alert/AlertEdgeToEdge.js.map +1 -1
- package/lib/module/components/banner/Banner.js +10 -33
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +1 -1
- package/lib/module/components/buttons/ButtonLink.js +23 -56
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +27 -47
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +17 -42
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +16 -35
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +21 -45
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +17 -34
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
- package/lib/module/components/layout/index.js +0 -1
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +17 -43
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +15 -43
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +2 -2
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +16 -45
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +17 -47
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +19 -49
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +22 -52
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +14 -26
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +3 -4
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
- package/lib/module/components/listitems/PressableListItemBase.js.map +1 -0
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +45 -81
- package/lib/module/components/listitems/__test__/listitem.test.js +1 -1
- package/lib/module/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/module/components/listitems/index.js +1 -1
- package/lib/module/components/listitems/index.js.map +1 -1
- package/lib/module/components/modules/ModuleCredential.js +36 -29
- package/lib/module/components/modules/ModuleCredential.js.map +1 -1
- package/lib/module/components/modules/PressableModuleBase.js +17 -10
- package/lib/module/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/module/components/modules/index.js +1 -1
- package/lib/module/components/modules/index.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +14 -30
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
- package/lib/module/components/stack/Stack.js +4 -3
- package/lib/module/components/stack/Stack.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +18 -24
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/typography/H6.js +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
- package/lib/module/core/IOAnimations.js +4 -10
- package/lib/module/core/IOAnimations.js.map +1 -1
- package/lib/module/hooks/index.js +3 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/useListItemAnimation.js +33 -0
- package/lib/module/hooks/useListItemAnimation.js.map +1 -0
- package/lib/module/hooks/useScaleAnimation.js +29 -0
- package/lib/module/hooks/useScaleAnimation.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/fonts.js +1 -1
- package/lib/module/utils/hooks/index.js +3 -0
- package/lib/module/utils/hooks/index.js.map +1 -0
- package/lib/module/utils/hooks/useSpringPressProgressValue.js +5 -5
- package/lib/module/utils/hooks/useSpringPressProgressValue.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/alert/AlertEdgeToEdge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/layout/index.d.ts +0 -1
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/{PressableListItemsBase.d.ts → PressableListItemBase.d.ts} +3 -2
- package/lib/typescript/components/listitems/PressableListItemBase.d.ts.map +1 -0
- package/lib/typescript/components/listitems/index.d.ts +1 -1
- package/lib/typescript/components/listitems/index.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCredential.d.ts +2 -2
- package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
- package/lib/typescript/components/modules/PressableModuleBase.d.ts.map +1 -1
- package/lib/typescript/components/modules/index.d.ts +1 -1
- package/lib/typescript/components/modules/index.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/stack/Stack.d.ts +4 -3
- package/lib/typescript/components/stack/Stack.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/core/IOAnimations.d.ts +6 -10
- package/lib/typescript/core/IOAnimations.d.ts.map +1 -1
- package/lib/typescript/hooks/index.d.ts +3 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -0
- package/lib/typescript/hooks/useListItemAnimation.d.ts +10 -0
- package/lib/typescript/hooks/useListItemAnimation.d.ts.map +1 -0
- package/lib/typescript/hooks/useScaleAnimation.d.ts +10 -0
- package/lib/typescript/hooks/useScaleAnimation.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +1 -1
- package/lib/typescript/utils/hooks/index.d.ts +3 -0
- package/lib/typescript/utils/hooks/index.d.ts.map +1 -0
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts +7 -8
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/Alert.tsx +7 -46
- package/src/components/alert/AlertEdgeToEdge.tsx +6 -46
- package/src/components/banner/Banner.tsx +6 -52
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +1 -1
- package/src/components/buttons/ButtonLink.tsx +32 -89
- package/src/components/buttons/ButtonOutline.tsx +26 -60
- package/src/components/buttons/ButtonSolid.tsx +11 -58
- package/src/components/buttons/IconButton.tsx +10 -47
- package/src/components/buttons/IconButtonContained.tsx +21 -57
- package/src/components/buttons/IconButtonSolid.tsx +15 -46
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
- package/src/components/layout/index.tsx +0 -1
- package/src/components/listitems/ListItemAction.tsx +11 -67
- package/src/components/listitems/ListItemCheckbox.tsx +10 -68
- package/src/components/listitems/ListItemHeader.tsx +2 -2
- package/src/components/listitems/ListItemInfoCopy.tsx +11 -71
- package/src/components/listitems/ListItemNav.tsx +13 -74
- package/src/components/listitems/ListItemNavAlert.tsx +18 -92
- package/src/components/listitems/ListItemRadio.tsx +14 -75
- package/src/components/listitems/ListItemRadioWithAmount.tsx +16 -31
- package/src/components/listitems/ListItemTransaction.tsx +3 -7
- package/src/components/listitems/{PressableListItemsBase.tsx → PressableListItemBase.tsx} +7 -6
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +45 -81
- package/src/components/listitems/__test__/listitem.test.tsx +1 -1
- package/src/components/listitems/index.tsx +1 -1
- package/src/components/modules/ModuleCredential.tsx +49 -39
- package/src/components/modules/PressableModuleBase.tsx +15 -8
- package/src/components/modules/index.tsx +1 -1
- package/src/components/numberpad/NumberButton.tsx +12 -43
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
- package/src/components/stack/Stack.tsx +11 -3
- package/src/components/tabs/TabItem.tsx +15 -29
- package/src/components/typography/H6.tsx +1 -1
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +1 -1
- package/src/core/IOAnimations.ts +8 -10
- package/src/hooks/index.tsx +2 -0
- package/src/hooks/useListItemAnimation.tsx +59 -0
- package/src/hooks/useScaleAnimation.tsx +41 -0
- package/src/index.tsx +1 -0
- package/src/utils/fonts.ts +1 -1
- package/src/utils/hooks/index.tsx +2 -0
- package/src/utils/hooks/useSpringPressProgressValue.ts +14 -8
- package/lib/commonjs/components/layout/FooterWithButtons.js +0 -84
- package/lib/commonjs/components/layout/FooterWithButtons.js.map +0 -1
- package/lib/commonjs/components/listitems/PressableListItemsBase.js.map +0 -1
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js +0 -56
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js +0 -41
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
- package/lib/module/components/layout/FooterWithButtons.js +0 -75
- package/lib/module/components/layout/FooterWithButtons.js.map +0 -1
- package/lib/module/components/listitems/PressableListItemsBase.js.map +0 -1
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js +0 -47
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js +0 -34
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts +0 -16
- package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +0 -1
- package/lib/typescript/components/listitems/PressableListItemsBase.d.ts.map +0 -1
- package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts +0 -13
- package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts.map +0 -1
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts +0 -10
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts.map +0 -1
- package/src/components/layout/FooterWithButtons.tsx +0 -90
- package/src/components/listitems/hooks/useListItemSpringAnimation.ts +0 -72
- package/src/components/modules/hooks/useModuleSpringAnimation.ts +0 -49
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","Animated","IOColors","IOModuleIDPSavedVSpacing","IOModuleStyles","useIOTheme","
|
|
1
|
+
{"version":3,"names":["React","Pressable","Animated","useReducedMotion","useScaleAnimation","IOColors","IOModuleIDPSavedVSpacing","IOModuleStyles","useIOTheme","PressableModuleBase","onPress","withLooseSpacing","accessibilityLabel","accessibilityHint","testID","children","theme","reducedMotion","onPressIn","onPressOut","scaleAnimatedStyle","createElement","accessible","onTouchEnd","accessibilityRole","View","style","button","borderColor","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/modules/PressableModuleBase.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,IAAIC,gBAAgB,QAAQ,yBAAyB;AACpE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SACEC,QAAQ,EACRC,wBAAwB,EACxBC,cAAc,EACdC,UAAU,QACL,YAAY;AAYnB,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,OAAO;EACPC,gBAAgB,GAAG,KAAK;EACxBC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNC;AAC2C,CAAC,KAAK;EACjD,MAAMC,KAAK,GAAGR,UAAU,CAAC,CAAC;EAC1B,MAAMS,aAAa,GAAGd,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAEe,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAAGhB,iBAAiB,CACrEa,aAAa,GAAG,QAAQ,GAAG,QAC7B,CAAC;EACD;AACF;AACA;AACA;AACA;;EAEE,oBACEjB,KAAA,CAAAqB,aAAA,CAACpB,SAAS;IACRS,OAAO,EAAEA,OAAQ;IACjBI,MAAM,EAAEA,MAAO;IACfQ,UAAU,EAAE,IAAK;IACjBJ,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEJ,UAAW;IACvBP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCW,iBAAiB,EAAC;EAAQ,gBAE1BxB,KAAA,CAAAqB,aAAA,CAACnB,QAAQ,CAACuB,IAAI;IACZC,KAAK,EAAE,CACLnB,cAAc,CAACoB,MAAM,EACrB;MAAEC,WAAW,EAAEvB,QAAQ,CAACW,KAAK,CAAC,oBAAoB,CAAC;IAAE,CAAC,EACtDL,gBAAgB,IAAI;MAAEkB,eAAe,EAAEvB;IAAyB,CAAC,EACjEc,kBAAkB;EAClB,GAEDL,QACY,CACN,CAAC;AAEhB,CAAC"}
|
|
@@ -4,6 +4,6 @@ export * from "./ModuleCredential";
|
|
|
4
4
|
export * from "./ModuleIDP";
|
|
5
5
|
export * from "./ModuleNavigation";
|
|
6
6
|
export * from "./ModulePaymentNotice";
|
|
7
|
-
export * from "./PressableModuleBase";
|
|
8
7
|
export * from "./ModuleSummary";
|
|
8
|
+
export * from "./PressableModuleBase";
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React, { memo, useCallback, useMemo } from "react";
|
|
2
2
|
import { Pressable } from "react-native";
|
|
3
|
-
import Animated, {
|
|
4
|
-
import { IOColors, IONumberPadButtonStyles,
|
|
3
|
+
import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
|
|
4
|
+
import { IOColors, IONumberPadButtonStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
|
|
5
|
+
import { useScaleAnimation } from "../../hooks";
|
|
5
6
|
import { H3 } from "../typography";
|
|
6
7
|
const colorMap = {
|
|
7
8
|
light: {
|
|
@@ -37,39 +38,22 @@ export const NumberButton = /*#__PURE__*/memo(({
|
|
|
37
38
|
variant,
|
|
38
39
|
onPress
|
|
39
40
|
}) => {
|
|
40
|
-
|
|
41
|
+
const {
|
|
42
|
+
progress,
|
|
43
|
+
onPressIn,
|
|
44
|
+
onPressOut,
|
|
45
|
+
scaleAnimatedStyle
|
|
46
|
+
} = useScaleAnimation("slight");
|
|
47
|
+
const reducedMotion = useReducedMotion();
|
|
41
48
|
const {
|
|
42
49
|
isExperimental
|
|
43
50
|
} = useIOExperimentalDesign();
|
|
44
51
|
const colors = useMemo(() => isExperimental ? colorMap[variant] : legacyColorMap[variant], [variant, isExperimental]);
|
|
45
|
-
const isPressed = useSharedValue(0);
|
|
46
|
-
// Scaling transformation applied when the button is pressed
|
|
47
|
-
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
48
|
-
// Using a spring-based animation for our interpolations
|
|
49
|
-
const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
|
|
50
52
|
|
|
51
53
|
// Interpolate animation values from `isPressed` values
|
|
52
|
-
const pressedAnimationStyle = useAnimatedStyle(() => {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
// Scale down button slightly when pressed
|
|
57
|
-
const scale = interpolate(progressPressed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
|
|
58
|
-
return {
|
|
59
|
-
backgroundColor: bgColor,
|
|
60
|
-
transform: [{
|
|
61
|
-
scale
|
|
62
|
-
}]
|
|
63
|
-
};
|
|
64
|
-
});
|
|
65
|
-
const onPressIn = useCallback(() => {
|
|
66
|
-
// eslint-disable-next-line functional/immutable-data
|
|
67
|
-
isPressed.value = 1;
|
|
68
|
-
}, [isPressed]);
|
|
69
|
-
const onPressOut = useCallback(() => {
|
|
70
|
-
// eslint-disable-next-line functional/immutable-data
|
|
71
|
-
isPressed.value = 0;
|
|
72
|
-
}, [isPressed]);
|
|
54
|
+
const pressedAnimationStyle = useAnimatedStyle(() => ({
|
|
55
|
+
backgroundColor: interpolateColor(progress.value, [0, 1], [colors.background, colors.pressed])
|
|
56
|
+
}));
|
|
73
57
|
const handleOnPress = useCallback(() => {
|
|
74
58
|
onPress(number);
|
|
75
59
|
}, [number, onPress]);
|
|
@@ -80,7 +64,7 @@ export const NumberButton = /*#__PURE__*/memo(({
|
|
|
80
64
|
onPressOut: onPressOut,
|
|
81
65
|
onPress: handleOnPress
|
|
82
66
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
83
|
-
style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle]
|
|
67
|
+
style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle]
|
|
84
68
|
}, /*#__PURE__*/React.createElement(H3, {
|
|
85
69
|
color: colors.foreground
|
|
86
70
|
}, number)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","
|
|
1
|
+
{"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOColors","IONumberPadButtonStyles","hexToRgba","useIOExperimentalDesign","useScaleAnimation","H3","colorMap","light","background","pressed","foreground","dark","legacyColorMap","black","white","NumberButton","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colors","pressedAnimationStyle","backgroundColor","value","handleOnPress","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
|
|
@@ -80,6 +80,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
80
80
|
},
|
|
81
81
|
{
|
|
82
82
|
"backgroundColor": undefined,
|
|
83
|
+
},
|
|
84
|
+
{
|
|
83
85
|
"transform": [
|
|
84
86
|
{
|
|
85
87
|
"scale": undefined,
|
|
@@ -159,6 +161,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
159
161
|
},
|
|
160
162
|
{
|
|
161
163
|
"backgroundColor": undefined,
|
|
164
|
+
},
|
|
165
|
+
{
|
|
162
166
|
"transform": [
|
|
163
167
|
{
|
|
164
168
|
"scale": undefined,
|
|
@@ -238,6 +242,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
238
242
|
},
|
|
239
243
|
{
|
|
240
244
|
"backgroundColor": undefined,
|
|
245
|
+
},
|
|
246
|
+
{
|
|
241
247
|
"transform": [
|
|
242
248
|
{
|
|
243
249
|
"scale": undefined,
|
|
@@ -333,6 +339,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
333
339
|
},
|
|
334
340
|
{
|
|
335
341
|
"backgroundColor": undefined,
|
|
342
|
+
},
|
|
343
|
+
{
|
|
336
344
|
"transform": [
|
|
337
345
|
{
|
|
338
346
|
"scale": undefined,
|
|
@@ -412,6 +420,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
412
420
|
},
|
|
413
421
|
{
|
|
414
422
|
"backgroundColor": undefined,
|
|
423
|
+
},
|
|
424
|
+
{
|
|
415
425
|
"transform": [
|
|
416
426
|
{
|
|
417
427
|
"scale": undefined,
|
|
@@ -491,6 +501,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
491
501
|
},
|
|
492
502
|
{
|
|
493
503
|
"backgroundColor": undefined,
|
|
504
|
+
},
|
|
505
|
+
{
|
|
494
506
|
"transform": [
|
|
495
507
|
{
|
|
496
508
|
"scale": undefined,
|
|
@@ -586,6 +598,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
586
598
|
},
|
|
587
599
|
{
|
|
588
600
|
"backgroundColor": undefined,
|
|
601
|
+
},
|
|
602
|
+
{
|
|
589
603
|
"transform": [
|
|
590
604
|
{
|
|
591
605
|
"scale": undefined,
|
|
@@ -665,6 +679,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
665
679
|
},
|
|
666
680
|
{
|
|
667
681
|
"backgroundColor": undefined,
|
|
682
|
+
},
|
|
683
|
+
{
|
|
668
684
|
"transform": [
|
|
669
685
|
{
|
|
670
686
|
"scale": undefined,
|
|
@@ -744,6 +760,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
744
760
|
},
|
|
745
761
|
{
|
|
746
762
|
"backgroundColor": undefined,
|
|
763
|
+
},
|
|
764
|
+
{
|
|
747
765
|
"transform": [
|
|
748
766
|
{
|
|
749
767
|
"scale": undefined,
|
|
@@ -980,6 +998,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
|
|
|
980
998
|
},
|
|
981
999
|
{
|
|
982
1000
|
"backgroundColor": undefined,
|
|
1001
|
+
},
|
|
1002
|
+
{
|
|
983
1003
|
"transform": [
|
|
984
1004
|
{
|
|
985
1005
|
"scale": undefined,
|
|
@@ -10,15 +10,16 @@ const Stack = ({
|
|
|
10
10
|
space,
|
|
11
11
|
style,
|
|
12
12
|
orientation = "vertical",
|
|
13
|
-
children
|
|
14
|
-
|
|
13
|
+
children,
|
|
14
|
+
...props
|
|
15
|
+
}) => /*#__PURE__*/React.createElement(View, _extends({}, props, {
|
|
15
16
|
style: {
|
|
16
17
|
display: "flex",
|
|
17
18
|
flexDirection: orientation === "horizontal" ? "row" : "column",
|
|
18
19
|
gap: space,
|
|
19
20
|
...style
|
|
20
21
|
}
|
|
21
|
-
}, children);
|
|
22
|
+
}), children);
|
|
22
23
|
export const HStack = ({
|
|
23
24
|
children,
|
|
24
25
|
...props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Stack","space","style","orientation","children","
|
|
1
|
+
{"version":3,"names":["React","View","Stack","space","style","orientation","children","props","createElement","_extends","display","flexDirection","gap","HStack","VStack"],"sourceRoot":"../../../../src","sources":["components/stack/Stack.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,IAAI,QAA8B,cAAc;AAuBzD;AACA;AACA;AACA;;AAEA,MAAMC,KAAK,GAAGA,CAAC;EACbC,KAAK;EACLC,KAAK;EACLC,WAAW,GAAG,UAAU;EACxBC,QAAQ;EACR,GAAGC;AACM,CAAC,kBACVP,KAAA,CAAAQ,aAAA,CAACP,IAAI,EAAAQ,QAAA,KACCF,KAAK;EACTH,KAAK,EAAE;IACLM,OAAO,EAAE,MAAM;IACfC,aAAa,EAAEN,WAAW,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ;IAC9DO,GAAG,EAAET,KAAK;IACV,GAAGC;EACL;AAAE,IAEDE,QACG,CACP;AAED,OAAO,MAAMO,MAAM,GAAGA,CAAC;EAAEP,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClDP,KAAA,CAAAQ,aAAA,CAACN,KAAK,EAAAO,QAAA;EAACJ,WAAW,EAAC;AAAY,GAAKE,KAAK,GACtCD,QACI,CACR;;AAED;AACA;AACA;AACA;;AAEA,OAAO,MAAMQ,MAAM,GAAGA,CAAC;EAAER,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClDP,KAAA,CAAAQ,aAAA,CAACN,KAAK,EAAAO,QAAA;EAACJ,WAAW,EAAC;AAAU,GAAKE,KAAK,GACpCD,QACI,CACR"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import React, { useMemo } from "react";
|
|
1
|
+
import React, { useEffect, useMemo } from "react";
|
|
2
2
|
import { Pressable, StyleSheet } from "react-native";
|
|
3
|
-
import Animated, {
|
|
4
|
-
import { IOColors,
|
|
5
|
-
import {
|
|
3
|
+
import Animated, { interpolateColor, useAnimatedStyle, useDerivedValue, useReducedMotion, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
+
import { IOColors, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
|
|
5
|
+
import { useScaleAnimation } from "../../hooks";
|
|
6
6
|
import { Icon } from "../icons";
|
|
7
|
-
import { HSpacer } from "../spacer";
|
|
8
7
|
import { BodySmall } from "../typography";
|
|
9
8
|
const mapColorStates = {
|
|
10
9
|
light: {
|
|
@@ -92,10 +91,12 @@ const TabItem = ({
|
|
|
92
91
|
iconSelected
|
|
93
92
|
}) => {
|
|
94
93
|
const {
|
|
95
|
-
progress
|
|
94
|
+
progress,
|
|
96
95
|
onPressIn,
|
|
97
|
-
onPressOut
|
|
98
|
-
|
|
96
|
+
onPressOut,
|
|
97
|
+
scaleAnimatedStyle
|
|
98
|
+
} = useScaleAnimation();
|
|
99
|
+
const reducedMotion = useReducedMotion();
|
|
99
100
|
const {
|
|
100
101
|
isExperimental
|
|
101
102
|
} = useIOExperimentalDesign();
|
|
@@ -105,29 +106,22 @@ const TabItem = ({
|
|
|
105
106
|
const opaquePressedBackgroundColor = hexToRgba(colors.background.pressed, 0.1);
|
|
106
107
|
const isSelected = useSharedValue(0);
|
|
107
108
|
const progressSelected = useDerivedValue(() => withSpring(isSelected.value, IOSpringValues.selection));
|
|
108
|
-
|
|
109
|
+
useEffect(() => {
|
|
109
110
|
// eslint-disable-next-line functional/immutable-data
|
|
110
111
|
isSelected.value = selected ? 1 : 0;
|
|
111
112
|
}, [isSelected, selected]);
|
|
112
113
|
|
|
113
114
|
// Interpolate animation values from `pressed` values
|
|
114
115
|
const animatedStyle = useAnimatedStyle(() => {
|
|
115
|
-
var _IOScaleValues$basicB;
|
|
116
116
|
// Link color states to the pressed states
|
|
117
|
-
const pressedBackgroundColor = interpolateColor(
|
|
117
|
+
const pressedBackgroundColor = interpolateColor(progress.value, [0, 1], [colors.background.default, opaquePressedBackgroundColor]);
|
|
118
118
|
const selectedBackgroundColor = interpolateColor(progressSelected.value, [0, 1], [opaquePressedBackgroundColor, colors.background.selected]);
|
|
119
119
|
const selectedBorderColor = interpolateColor(progressSelected.value, [0, 1], [colors.border.default, colors.border.selected]);
|
|
120
|
-
|
|
121
|
-
// Scale down button slightly when pressed
|
|
122
|
-
const scale = interpolate(progressPressed.value, [0, 1], [1, IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$basicB = IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState], Extrapolate.CLAMP);
|
|
123
120
|
return {
|
|
124
121
|
backgroundColor: selected ? selectedBackgroundColor : pressedBackgroundColor,
|
|
125
|
-
borderColor: selected ? selectedBorderColor : borderColor
|
|
126
|
-
transform: [{
|
|
127
|
-
scale
|
|
128
|
-
}]
|
|
122
|
+
borderColor: selected ? selectedBorderColor : borderColor
|
|
129
123
|
};
|
|
130
|
-
}, [
|
|
124
|
+
}, [progress, progressSelected, selected]);
|
|
131
125
|
const activeIcon = selected ? iconSelected ?? icon : icon;
|
|
132
126
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
133
127
|
accessibilityLabel: accessibilityLabel,
|
|
@@ -143,14 +137,14 @@ const TabItem = ({
|
|
|
143
137
|
accessible: true,
|
|
144
138
|
disabled: disabled
|
|
145
139
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
146
|
-
style: [styles.container,
|
|
147
|
-
|
|
140
|
+
style: [styles.container, {
|
|
141
|
+
columnGap: 4
|
|
142
|
+
}, !reducedMotion && scaleAnimatedStyle, animatedStyle, fullWidth && styles.fullWidth, disabled && styles.disabled]
|
|
143
|
+
}, activeIcon && /*#__PURE__*/React.createElement(Icon, {
|
|
148
144
|
name: activeIcon,
|
|
149
145
|
color: foregroundColor,
|
|
150
146
|
size: 16
|
|
151
|
-
}), /*#__PURE__*/React.createElement(
|
|
152
|
-
size: 4
|
|
153
|
-
})), /*#__PURE__*/React.createElement(BodySmall, {
|
|
147
|
+
}), /*#__PURE__*/React.createElement(BodySmall, {
|
|
154
148
|
weight: "Semibold",
|
|
155
149
|
color: foregroundColor
|
|
156
150
|
}, label)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","Pressable","StyleSheet","Animated","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useMemo","Pressable","StyleSheet","Animated","interpolateColor","useAnimatedStyle","useDerivedValue","useReducedMotion","useSharedValue","withSpring","IOColors","IOSpringValues","hexToRgba","useIOExperimentalDesign","useScaleAnimation","Icon","BodySmall","mapColorStates","light","border","default","selected","disabled","background","white","pressed","foreground","dark","mapLegacyColorStates","blue","TabItem","label","color","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","icon","iconSelected","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colors","foregroundColor","borderColor","opaquePressedBackgroundColor","isSelected","progressSelected","value","selection","animatedStyle","pressedBackgroundColor","selectedBackgroundColor","selectedBorderColor","backgroundColor","activeIcon","createElement","accessibilityRole","accessibilityState","accessible","View","style","styles","container","columnGap","name","size","weight","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ export const h6LineHeight = 24;
|
|
|
8
8
|
const fontName = "Titillio";
|
|
9
9
|
|
|
10
10
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
11
|
-
const legacyFontSize =
|
|
11
|
+
const legacyFontSize = 17;
|
|
12
12
|
const legacyFontName = "TitilliumSansPro";
|
|
13
13
|
|
|
14
14
|
/**
|
|
@@ -26,18 +26,12 @@ export const IOSpringValues = {
|
|
|
26
26
|
stiffness: 200
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
|
-
export const
|
|
29
|
+
export const IOScaleEffect = {
|
|
30
30
|
// Slight scale effect
|
|
31
|
-
|
|
32
|
-
pressedState: 0.99
|
|
33
|
-
},
|
|
31
|
+
slight: 0.99,
|
|
34
32
|
// Medium scale effect
|
|
35
|
-
|
|
36
|
-
pressedState: 0.97
|
|
37
|
-
},
|
|
33
|
+
medium: 0.97,
|
|
38
34
|
// Exaggerated scale effect
|
|
39
|
-
|
|
40
|
-
pressedState: 0.95
|
|
41
|
-
}
|
|
35
|
+
exaggerated: 0.95
|
|
42
36
|
};
|
|
43
37
|
//# sourceMappingURL=IOAnimations.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","accordion","selection","header","
|
|
1
|
+
{"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","accordion","selection","header","IOScaleEffect","slight","medium","exaggerated"],"sourceRoot":"../../../src","sources":["core/IOAnimations.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAO,MAAMA,cAAc,GAAG;EAC5B;EACAC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTH,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACD;EACAE,SAAS,EAAE;IACTJ,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDG,MAAM,EAAE;IACNL,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb;AACF,CAAC;AAID,OAAO,MAAMI,aAAa,GAAG;EAC3B;EACAC,MAAM,EAAE,IAAI;EACZ;EACAC,MAAM,EAAE,IAAI;EACZ;EACAC,WAAW,EAAE;AACf,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.tsx"],"mappings":"AAAA,cAAc,qBAAqB;AACnC,cAAc,wBAAwB"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Extrapolation, interpolate, interpolateColor, useAnimatedStyle } from "react-native-reanimated";
|
|
2
|
+
import { hexToRgba, IOColors, IOScaleEffect, useIOTheme } from "../core";
|
|
3
|
+
import { useSpringPressProgressValue } from "../utils/hooks";
|
|
4
|
+
export const useListItemAnimation = () => {
|
|
5
|
+
const {
|
|
6
|
+
progress,
|
|
7
|
+
onPressIn,
|
|
8
|
+
onPressOut
|
|
9
|
+
} = useSpringPressProgressValue("button");
|
|
10
|
+
const theme = useIOTheme();
|
|
11
|
+
const mapBackgroundStates = {
|
|
12
|
+
default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
|
|
13
|
+
pressed: IOColors[theme["listItem-pressed"]]
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
// Interpolate animation values from `isPressed` values
|
|
17
|
+
const scaleAnimatedStyle = useAnimatedStyle(() => ({
|
|
18
|
+
transform: [{
|
|
19
|
+
scale: interpolate(progress.value, [0, 1], [1, IOScaleEffect.slight], Extrapolation.CLAMP)
|
|
20
|
+
}]
|
|
21
|
+
}));
|
|
22
|
+
const backgroundAnimatedStyle = useAnimatedStyle(() => ({
|
|
23
|
+
backgroundColor: interpolateColor(progress.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed])
|
|
24
|
+
}));
|
|
25
|
+
return {
|
|
26
|
+
progress,
|
|
27
|
+
onPressIn,
|
|
28
|
+
onPressOut,
|
|
29
|
+
scaleAnimatedStyle,
|
|
30
|
+
backgroundAnimatedStyle
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=useListItemAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Extrapolation","interpolate","interpolateColor","useAnimatedStyle","hexToRgba","IOColors","IOScaleEffect","useIOTheme","useSpringPressProgressValue","useListItemAnimation","progress","onPressIn","onPressOut","theme","mapBackgroundStates","default","pressed","scaleAnimatedStyle","transform","scale","value","slight","CLAMP","backgroundAnimatedStyle","backgroundColor"],"sourceRoot":"../../../src","sources":["hooks/useListItemAnimation.tsx"],"mappings":"AACA,SAEEA,aAAa,EACbC,WAAW,EACXC,gBAAgB,EAEhBC,gBAAgB,QACX,yBAAyB;AAChC,SAASC,SAAS,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,SAAS;AACxE,SAASC,2BAA2B,QAAQ,gBAAgB;AAE5D,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAM/B;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GACvCJ,2BAA2B,CAAC,QAAQ,CAAC;EAEvC,MAAMK,KAAK,GAAGN,UAAU,CAAC,CAAC;EAE1B,MAAMO,mBAA2C,GAAG;IAClDC,OAAO,EAAEX,SAAS,CAACC,QAAQ,CAACQ,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DG,OAAO,EAAEX,QAAQ,CAACQ,KAAK,CAAC,kBAAkB,CAAC;EAC7C,CAAC;;EAED;EACA,MAAMI,kBAAkB,GAAGd,gBAAgB,CAAC,OAAO;IACjDe,SAAS,EAAE,CACT;MACEC,KAAK,EAAElB,WAAW,CAChBS,QAAQ,CAACU,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEd,aAAa,CAACe,MAAM,CAAC,EACzBrB,aAAa,CAACsB,KAChB;IACF,CAAC;EAEL,CAAC,CAAC,CAAC;EAEH,MAAMC,uBAAuB,GAAGpB,gBAAgB,CAAC,OAAO;IACtDqB,eAAe,EAAEtB,gBAAgB,CAC/BQ,QAAQ,CAACU,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACN,mBAAmB,CAACC,OAAO,EAAED,mBAAmB,CAACE,OAAO,CAC3D;EACF,CAAC,CAAC,CAAC;EAEH,OAAO;IACLN,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVK,kBAAkB;IAClBM;EACF,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Extrapolation, interpolate, useAnimatedStyle } from "react-native-reanimated";
|
|
2
|
+
import { IOScaleEffect } from "../core";
|
|
3
|
+
import { useSpringPressProgressValue } from "../utils/hooks";
|
|
4
|
+
export const useScaleAnimation = (magnitude = "slight") => {
|
|
5
|
+
const {
|
|
6
|
+
progress,
|
|
7
|
+
onPressIn,
|
|
8
|
+
onPressOut
|
|
9
|
+
} = useSpringPressProgressValue("button");
|
|
10
|
+
|
|
11
|
+
// Scaling transformation applied when the button is pressed
|
|
12
|
+
const animationScaleValue = IOScaleEffect[magnitude];
|
|
13
|
+
const scaleAnimatedStyle = useAnimatedStyle(() => {
|
|
14
|
+
// Scale down button slightly when pressed
|
|
15
|
+
const scale = interpolate(progress.value, [0, 1], [1, animationScaleValue], Extrapolation.CLAMP);
|
|
16
|
+
return {
|
|
17
|
+
transform: [{
|
|
18
|
+
scale
|
|
19
|
+
}]
|
|
20
|
+
};
|
|
21
|
+
});
|
|
22
|
+
return {
|
|
23
|
+
progress,
|
|
24
|
+
onPressIn,
|
|
25
|
+
onPressOut,
|
|
26
|
+
scaleAnimatedStyle
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=useScaleAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Extrapolation","interpolate","useAnimatedStyle","IOScaleEffect","useSpringPressProgressValue","useScaleAnimation","magnitude","progress","onPressIn","onPressOut","animationScaleValue","scaleAnimatedStyle","scale","value","CLAMP","transform"],"sourceRoot":"../../../src","sources":["hooks/useScaleAnimation.tsx"],"mappings":"AACA,SAEEA,aAAa,EACbC,WAAW,EAEXC,gBAAgB,QACX,yBAAyB;AAChC,SAASC,aAAa,QAAQ,SAAS;AACvC,SAASC,2BAA2B,QAAQ,gBAAgB;AAE5D,OAAO,MAAMC,iBAAiB,GAAGA,CAC/BC,SAAwB,GAAG,QAAQ,KAMhC;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GACvCL,2BAA2B,CAAC,QAAQ,CAAC;;EAEvC;EACA,MAAMM,mBAAmB,GAAGP,aAAa,CAACG,SAAS,CAAC;EAEpD,MAAMK,kBAAkB,GAAGT,gBAAgB,CAAC,MAAM;IAChD;IACA,MAAMU,KAAK,GAAGX,WAAW,CACvBM,QAAQ,CAACM,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEH,mBAAmB,CAAC,EACxBV,aAAa,CAACc,KAChB,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEH;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IAAEL,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEE;EAAmB,CAAC;AAChE,CAAC"}
|
package/lib/module/index.js
CHANGED
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,eAAe"}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,eAAe"}
|
|
@@ -33,7 +33,7 @@ const fonts = {
|
|
|
33
33
|
* Font Sizes
|
|
34
34
|
*/
|
|
35
35
|
const fontSizes = [12, 14, 16, 20, 22, 26, 28, 32];
|
|
36
|
-
const fontSizesLegacy = [
|
|
36
|
+
const fontSizesLegacy = [17, 28, 31, 35];
|
|
37
37
|
const allFontSizes = [...new Set([...fontSizes, ...fontSizesLegacy])];
|
|
38
38
|
/*
|
|
39
39
|
* Font Weights
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["utils/hooks/index.tsx"],"mappings":"AAAA,cAAc,+BAA+B;AAC7C,cAAc,0BAA0B"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { useCallback } from "react";
|
|
2
2
|
import { useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
3
3
|
import { IOSpringValues } from "../../core";
|
|
4
|
-
export const useSpringPressProgressValue = (springValue =
|
|
4
|
+
export const useSpringPressProgressValue = (springValue = "button") => {
|
|
5
5
|
const isPressed = useSharedValue(0);
|
|
6
|
-
const progress = useDerivedValue(() => withSpring(isPressed.value, springValue));
|
|
7
|
-
const onPressIn =
|
|
6
|
+
const progress = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues[springValue]));
|
|
7
|
+
const onPressIn = useCallback(() => {
|
|
8
8
|
// eslint-disable-next-line functional/immutable-data
|
|
9
9
|
isPressed.value = 1;
|
|
10
10
|
}, [isPressed]);
|
|
11
|
-
const onPressOut =
|
|
11
|
+
const onPressOut = useCallback(() => {
|
|
12
12
|
// eslint-disable-next-line functional/immutable-data
|
|
13
13
|
isPressed.value = 0;
|
|
14
14
|
}, [isPressed]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useCallback","useDerivedValue","useSharedValue","withSpring","IOSpringValues","useSpringPressProgressValue","springValue","isPressed","progress","value","onPressIn","onPressOut"],"sourceRoot":"../../../../src","sources":["utils/hooks/useSpringPressProgressValue.ts"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAEEC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,cAAc,QAAQ,YAAY;AAE3C,OAAO,MAAMC,2BAA2B,GAAGA,CACzCC,WAA2B,GAAG,QAAQ,KAKnC;EACH,MAAMC,SAA8B,GAAGL,cAAc,CAAC,CAAC,CAAC;EAExD,MAAMM,QAAQ,GAAGP,eAAe,CAAC,MAC/BE,UAAU,CAACI,SAAS,CAACE,KAAK,EAAEL,cAAc,CAACE,WAAW,CAAC,CACzD,CAAC;EAED,MAAMI,SAAS,GAAGV,WAAW,CAAC,MAAM;IAClC;IACAO,SAAS,CAACE,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EACf,MAAMI,UAAU,GAAGX,WAAW,CAAC,MAAM;IACnC;IACAO,SAAS,CAACE,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACF,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEG,SAAS;IAAEC,UAAU;IAAEH;EAAS,CAAC;AAC5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AACjE,OAAO,EAEL,qBAAqB,EAMrB,IAAI,EACL,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AA0B/C,KAAK,UAAU,GAAG,UAAU,CAAC;IAC3B,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,KAAK,gBAAgB,GACjB;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,KAAK,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC;AAgE/C,eAAO,MAAM,KAAK,wEAsIjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertEdgeToEdge.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/AlertEdgeToEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AlertEdgeToEdge.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/AlertEdgeToEdge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,qBAAqB,EAIrB,IAAI,EACL,MAAM,cAAc,CAAC;AAkBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAiB/C,KAAK,UAAU,GAAG,UAAU,CAAC;IAC3B,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH,KAAK,gBAAgB,GACjB;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEN,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,gBAAgB,CAAC;AA+BjE,eAAO,MAAM,eAAe,qEAOzB,oBAAoB,sBAiGtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EAGrB,IAAI,EAEL,MAAM,cAAc,CAAC;AActB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,EACL,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAkCvB,KAAK,eAAe,GAAG,UAAU,CAAC;IAChC,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;IACtB,KAAK,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B,aAAa,EAAE,iBAAiB,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAEhC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAGH,KAAK,mBAAmB,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,KAAK,oBAAoB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAA;CAAE,CAAC;AAE/D,KAAK,uBAAuB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpE,KAAK,mBAAmB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,uBAAuB,CAAC;AAE5B,KAAK,iBAAiB,GAClB;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC,CAAC;AAGN,KAAK,gBAAgB,GACjB;IACE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,MAAM,GAAG,eAAe,GAClC,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,CAAC;AAMnB,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAGnE,CAAC;AAkBF,eAAO,MAAM,MAAM,iJAchB,MAAM,sBAyIR,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAa,IAAI,EAAE,MAAM,cAAc,CAAC;AActE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAGlB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;IACvC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAuDH,eAAO,MAAM,UAAU;;WAjEd,MAAM;;;;;;aASJ,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;mEAkKhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonOutline.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"ButtonOutline.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAC1D,OAAO,EACL,qBAAqB,EACrB,SAAS,EAET,IAAI,EACL,MAAM,cAAc,CAAC;AAetB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAIlB,KAAK,kBAAkB,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC;IACE,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACF,CAAC;AA+JF,eAAO,MAAM,aAAa;;WA1Kf,MAAM;;;;aAMJ,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;sMAkUlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|