@pagopa/io-app-design-system 4.4.1 → 5.0.0-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/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/lib/commonjs/components/accordion/index.js +0 -11
- package/lib/commonjs/components/accordion/index.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +4 -4
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +1 -1
- package/lib/commonjs/components/banner/Banner.js +4 -4
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -3
- package/lib/commonjs/components/buttons/ButtonLink.js +25 -32
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +18 -86
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +9 -53
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +6 -36
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +5 -50
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +5 -36
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +29 -27
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +5 -15
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js +2 -9
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/commonjs/components/layout/FooterActions.js +1 -5
- package/lib/commonjs/components/layout/FooterActions.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +3 -3
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/layout/ModalBSHeader.js +3 -15
- package/lib/commonjs/components/layout/ModalBSHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +18 -9
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +1 -4
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +2 -4
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +31 -35
- package/lib/commonjs/components/modules/ModuleIDP.js +4 -5
- package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +3 -18
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +10 -10
- package/lib/commonjs/components/radio/AnimatedRadio.js +4 -14
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +6 -10
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/stepper/Stepper.js +1 -10
- package/lib/commonjs/components/stepper/Stepper.js.map +1 -1
- package/lib/commonjs/components/switch/NativeSwitch.js +2 -15
- package/lib/commonjs/components/switch/NativeSwitch.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +6 -46
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +4 -4
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +10 -20
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +4 -6
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/BodySmall.js +3 -3
- package/lib/commonjs/components/typography/BodySmall.js.map +1 -1
- package/lib/commonjs/components/typography/ButtonText.js +6 -7
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/commonjs/components/typography/Caption.js +6 -12
- package/lib/commonjs/components/typography/Caption.js.map +1 -1
- package/lib/commonjs/components/typography/H1.js +6 -13
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +8 -17
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +4 -8
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +7 -14
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H5.js +5 -10
- package/lib/commonjs/components/typography/H5.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +7 -10
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +8 -17
- package/lib/commonjs/components/typography/Hero.js.map +1 -1
- package/lib/commonjs/components/typography/LabelMini.js +4 -6
- package/lib/commonjs/components/typography/LabelMini.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +42 -42
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +26 -26
- package/lib/commonjs/components/typography/markdown/MdH1.js +3 -3
- package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH2.js +3 -3
- package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH3.js +3 -3
- package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +1 -8
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IODSExperimentalContextProvider.js +4 -3
- package/lib/commonjs/core/IODSExperimentalContextProvider.js.map +1 -1
- package/lib/commonjs/core/IONewTypefaceContextProvider.js +33 -0
- package/lib/commonjs/core/IONewTypefaceContextProvider.js.map +1 -0
- package/lib/commonjs/core/IOStyles.js +1 -49
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/core/IOThemeContextProvider.js +4 -15
- package/lib/commonjs/core/IOThemeContextProvider.js.map +1 -1
- package/lib/commonjs/core/index.js +11 -0
- package/lib/commonjs/core/index.js.map +1 -1
- package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/lib/module/components/accordion/index.js +0 -1
- package/lib/module/components/accordion/index.js.map +1 -1
- package/lib/module/components/badge/Badge.js +5 -5
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +1 -1
- package/lib/module/components/banner/Banner.js +5 -5
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -3
- package/lib/module/components/buttons/ButtonLink.js +28 -35
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +19 -87
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +10 -54
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +6 -37
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +6 -51
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +6 -37
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +29 -27
- package/lib/module/components/checkbox/AnimatedCheckbox.js +6 -16
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js +3 -10
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/module/components/layout/FooterActions.js +2 -6
- package/lib/module/components/layout/FooterActions.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +4 -4
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/layout/ModalBSHeader.js +5 -17
- package/lib/module/components/layout/ModalBSHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +19 -10
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +2 -5
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +3 -5
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +31 -35
- package/lib/module/components/modules/ModuleIDP.js +4 -5
- package/lib/module/components/modules/ModuleIDP.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +5 -20
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +10 -10
- package/lib/module/components/radio/AnimatedRadio.js +5 -15
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +7 -11
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/stepper/Stepper.js +2 -11
- package/lib/module/components/stepper/Stepper.js.map +1 -1
- package/lib/module/components/switch/NativeSwitch.js +3 -16
- package/lib/module/components/switch/NativeSwitch.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +7 -47
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/tag/Tag.js +5 -5
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +11 -21
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/typography/Body.js +5 -7
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/BodySmall.js +4 -4
- package/lib/module/components/typography/BodySmall.js.map +1 -1
- package/lib/module/components/typography/ButtonText.js +7 -8
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/typography/Caption.js +6 -12
- package/lib/module/components/typography/Caption.js.map +1 -1
- package/lib/module/components/typography/H1.js +6 -13
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +8 -17
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +4 -8
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +7 -14
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H5.js +6 -11
- package/lib/module/components/typography/H5.js.map +1 -1
- package/lib/module/components/typography/H6.js +7 -10
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +8 -17
- package/lib/module/components/typography/Hero.js.map +1 -1
- package/lib/module/components/typography/LabelMini.js +5 -7
- package/lib/module/components/typography/LabelMini.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +42 -42
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +26 -26
- package/lib/module/components/typography/markdown/MdH1.js +4 -4
- package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH2.js +4 -4
- package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH3.js +4 -4
- package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/module/core/IOColors.js +0 -6
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IODSExperimentalContextProvider.js +2 -2
- package/lib/module/core/IODSExperimentalContextProvider.js.map +1 -1
- package/lib/module/core/IONewTypefaceContextProvider.js +22 -0
- package/lib/module/core/IONewTypefaceContextProvider.js.map +1 -0
- package/lib/module/core/IOStyles.js +0 -46
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/core/IOThemeContextProvider.js +3 -12
- package/lib/module/core/IOThemeContextProvider.js.map +1 -1
- package/lib/module/core/index.js +1 -0
- package/lib/module/core/index.js.map +1 -1
- package/lib/typescript/components/accordion/index.d.ts +0 -1
- package/lib/typescript/components/accordion/index.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/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedMessageCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/ModalBSHeader.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/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleIDP.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
- package/lib/typescript/components/stepper/Stepper.d.ts.map +1 -1
- package/lib/typescript/components/switch/NativeSwitch.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
- package/lib/typescript/components/typography/Caption.d.ts.map +1 -1
- package/lib/typescript/components/typography/H1.d.ts.map +1 -1
- package/lib/typescript/components/typography/H2.d.ts +0 -3
- package/lib/typescript/components/typography/H2.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts.map +1 -1
- package/lib/typescript/components/typography/H4.d.ts.map +1 -1
- package/lib/typescript/components/typography/H5.d.ts.map +1 -1
- package/lib/typescript/components/typography/H6.d.ts.map +1 -1
- package/lib/typescript/components/typography/Hero.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +0 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IODSExperimentalContextProvider.d.ts.map +1 -1
- package/lib/typescript/core/IONewTypefaceContextProvider.d.ts +16 -0
- package/lib/typescript/core/IONewTypefaceContextProvider.d.ts.map +1 -0
- package/lib/typescript/core/IOStyles.d.ts +2 -32
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/core/IOThemeContextProvider.d.ts +0 -4
- package/lib/typescript/core/IOThemeContextProvider.d.ts.map +1 -1
- package/lib/typescript/core/index.d.ts +1 -0
- package/lib/typescript/core/index.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/src/components/accordion/index.tsx +0 -1
- package/src/components/badge/Badge.tsx +3 -3
- package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +1 -1
- package/src/components/banner/Banner.tsx +3 -4
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -3
- package/src/components/buttons/ButtonLink.tsx +38 -41
- package/src/components/buttons/ButtonOutline.tsx +31 -103
- package/src/components/buttons/ButtonSolid.tsx +11 -69
- package/src/components/buttons/IconButton.tsx +5 -49
- package/src/components/buttons/IconButtonContained.tsx +11 -58
- package/src/components/buttons/IconButtonSolid.tsx +9 -47
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +29 -27
- package/src/components/checkbox/AnimatedCheckbox.tsx +6 -34
- package/src/components/checkbox/AnimatedMessageCheckbox.tsx +3 -14
- package/src/components/layout/FooterActions.tsx +1 -4
- package/src/components/layout/HeaderSecondLevel.tsx +4 -3
- package/src/components/layout/ModalBSHeader.tsx +11 -29
- package/src/components/listitems/ListItemNav.tsx +44 -31
- package/src/components/listitems/ListItemNavAlert.tsx +1 -4
- package/src/components/listitems/ListItemTransaction.tsx +2 -6
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +31 -35
- package/src/components/modules/ModuleIDP.tsx +3 -8
- package/src/components/numberpad/NumberButton.tsx +4 -27
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +10 -10
- package/src/components/radio/AnimatedRadio.tsx +5 -33
- package/src/components/searchInput/SearchInput.tsx +11 -20
- package/src/components/stepper/Stepper.tsx +2 -20
- package/src/components/switch/NativeSwitch.tsx +3 -21
- package/src/components/tabs/TabItem.tsx +14 -61
- package/src/components/tag/Tag.tsx +3 -3
- package/src/components/textInput/TextInputBase.tsx +19 -34
- package/src/components/typography/Body.tsx +4 -11
- package/src/components/typography/BodySmall.tsx +3 -3
- package/src/components/typography/ButtonText.tsx +6 -8
- package/src/components/typography/Caption.tsx +6 -13
- package/src/components/typography/H1.tsx +6 -14
- package/src/components/typography/H2.tsx +8 -18
- package/src/components/typography/H3.tsx +4 -8
- package/src/components/typography/H4.tsx +7 -15
- package/src/components/typography/H5.tsx +6 -14
- package/src/components/typography/H6.tsx +7 -11
- package/src/components/typography/Hero.tsx +8 -18
- package/src/components/typography/LabelMini.tsx +4 -11
- package/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +42 -42
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +26 -26
- package/src/components/typography/markdown/MdH1.tsx +3 -3
- package/src/components/typography/markdown/MdH2.tsx +3 -3
- package/src/components/typography/markdown/MdH3.tsx +3 -3
- package/src/core/IOColors.ts +0 -7
- package/src/core/IODSExperimentalContextProvider.tsx +2 -2
- package/src/core/IONewTypefaceContextProvider.tsx +37 -0
- package/src/core/IOStyles.ts +0 -52
- package/src/core/IOThemeContextProvider.tsx +3 -16
- package/src/core/index.ts +1 -0
- package/lib/commonjs/components/accordion/RawAccordion.js +0 -93
- package/lib/commonjs/components/accordion/RawAccordion.js.map +0 -1
- package/lib/module/components/accordion/RawAccordion.js +0 -86
- package/lib/module/components/accordion/RawAccordion.js.map +0 -1
- package/lib/typescript/components/accordion/RawAccordion.d.ts +0 -17
- package/lib/typescript/components/accordion/RawAccordion.d.ts.map +0 -1
- package/src/components/accordion/RawAccordion.tsx +0 -116
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useLayoutEffect } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import { IOColors,
|
|
5
|
-
import { H4 } from "../typography";
|
|
3
|
+
import { AccessibilityInfo, StyleSheet, View, findNodeHandle } from "react-native";
|
|
4
|
+
import { IOColors, IOStyles, IOVisualCostants } from "../../core";
|
|
6
5
|
import { IconButton } from "../buttons";
|
|
6
|
+
import { H4 } from "../typography";
|
|
7
7
|
const styles = StyleSheet.create({
|
|
8
8
|
container: {
|
|
9
9
|
flexDirection: "row",
|
|
@@ -27,9 +27,6 @@ export const ModalBSHeader = ({
|
|
|
27
27
|
onClose,
|
|
28
28
|
closeAccessibilityLabel
|
|
29
29
|
}) => {
|
|
30
|
-
const {
|
|
31
|
-
isExperimental
|
|
32
|
-
} = useIOExperimentalDesign();
|
|
33
30
|
const headerRef = /*#__PURE__*/React.createRef();
|
|
34
31
|
useLayoutEffect(() => {
|
|
35
32
|
const reactNode = findNodeHandle(headerRef.current);
|
|
@@ -45,20 +42,11 @@ export const ModalBSHeader = ({
|
|
|
45
42
|
accessible: true,
|
|
46
43
|
accessibilityRole: "header",
|
|
47
44
|
accessibilityLabel: typeof title === "string" ? title : undefined
|
|
48
|
-
}, /*#__PURE__*/React.createElement(H4, null, title)),
|
|
49
|
-
color: "neutral",
|
|
50
|
-
onPress: onClose,
|
|
51
|
-
icon: "closeMedium",
|
|
52
|
-
accessibilityLabel: closeAccessibilityLabel
|
|
53
|
-
}) : /*#__PURE__*/React.createElement(View, {
|
|
54
|
-
style: {
|
|
55
|
-
opacity: 0.5
|
|
56
|
-
}
|
|
57
|
-
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
45
|
+
}, /*#__PURE__*/React.createElement(H4, null, title)), /*#__PURE__*/React.createElement(IconButton, {
|
|
58
46
|
color: "neutral",
|
|
59
47
|
onPress: onClose,
|
|
60
48
|
icon: "closeMedium",
|
|
61
49
|
accessibilityLabel: closeAccessibilityLabel
|
|
62
|
-
}))
|
|
50
|
+
}));
|
|
63
51
|
};
|
|
64
52
|
//# sourceMappingURL=ModalBSHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useLayoutEffect","
|
|
1
|
+
{"version":3,"names":["React","useLayoutEffect","AccessibilityInfo","StyleSheet","View","findNodeHandle","IOColors","IOStyles","IOVisualCostants","IconButton","H4","styles","create","container","flexDirection","alignItems","justifyContent","paddingHorizontal","appMarginDefault","paddingTop","paddingBottom","backgroundColor","white","ModalBSHeader","title","onClose","closeAccessibilityLabel","headerRef","createRef","reactNode","current","setAccessibilityFocus","createElement","style","ref","isValidElement","flex","accessible","accessibilityRole","accessibilityLabel","undefined","color","onPress","icon"],"sourceRoot":"../../../../src","sources":["components/layout/ModalBSHeader.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,QAAQ,OAAO;AACvC,SACEC,iBAAiB,EACjBC,UAAU,EACVC,IAAI,EACJC,cAAc,QACT,cAAc;AACrB,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,gBAAgB,QAAQ,YAAY;AACjE,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,EAAE,QAAQ,eAAe;AAElC,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,iBAAiB,EAAET,gBAAgB,CAACU,gBAAgB;IACpDC,UAAU,EAAEX,gBAAgB,CAACU,gBAAgB;IAC7CE,aAAa,EAAEZ,gBAAgB,CAACU,gBAAgB;IAChDG,eAAe,EAAEf,QAAQ,CAACgB;EAC5B;AACF,CAAC,CAAC;AAQF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,OAAO;EACPC;AACK,CAAC,KAAK;EACX,MAAMC,SAAS,gBAAG3B,KAAK,CAAC4B,SAAS,CAAO,CAAC;EAEzC3B,eAAe,CAAC,MAAM;IACpB,MAAM4B,SAAS,GAAGxB,cAAc,CAACsB,SAAS,CAACG,OAAO,CAAC;IACnD,IAAID,SAAS,KAAK,IAAI,EAAE;MACtB3B,iBAAiB,CAAC6B,qBAAqB,CAACF,SAAS,CAAC;IACpD;EACF,CAAC,CAAC;EAEF,oBACE7B,KAAA,CAAAgC,aAAA,CAAC5B,IAAI;IAAC6B,KAAK,EAAEtB,MAAM,CAACE,SAAU;IAACqB,GAAG,EAAEP;EAAU,GAC3C,aAAA3B,KAAK,CAACmC,cAAc,CAACX,KAAK,CAAC,GAC1BA,KAAK,gBAELxB,KAAA,CAAAgC,aAAA,CAAC5B,IAAI;IACH6B,KAAK,EAAE1B,QAAQ,CAAC6B,IAAK;IACrBC,UAAU,EAAE,IAAK;IACjBC,iBAAiB,EAAE,QAAS;IAC5BC,kBAAkB,EAAE,OAAOf,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGgB;EAAU,gBAElExC,KAAA,CAAAgC,aAAA,CAACtB,EAAE,QAAEc,KAAU,CACX,CACP,eACDxB,KAAA,CAAAgC,aAAA,CAACvB,UAAU;IACTgC,KAAK,EAAC,SAAS;IACfC,OAAO,EAAEjB,OAAQ;IACjBkB,IAAI,EAAC,aAAa;IAClBJ,kBAAkB,EAAEb;EAAwB,CAC7C,CACG,CAAC;AAEX,CAAC"}
|
|
@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Image, Pressable, View } from "react-native";
|
|
4
4
|
import Animated from "react-native-reanimated";
|
|
5
|
-
import { IOListItemStyles, IOListItemVisualParams, IOSelectionListItemVisualParams,
|
|
5
|
+
import { IOListItemStyles, IOListItemVisualParams, IOSelectionListItemVisualParams, IOVisualCostants, useIOTheme } from "../../core";
|
|
6
6
|
import { useListItemAnimation } from "../../hooks";
|
|
7
7
|
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
8
8
|
import { Avatar } from "../avatar";
|
|
@@ -36,7 +36,6 @@ export const ListItemNav = ({
|
|
|
36
36
|
const theme = useIOTheme();
|
|
37
37
|
const {
|
|
38
38
|
dynamicFontScale,
|
|
39
|
-
spacingScaleMultiplier,
|
|
40
39
|
hugeFontEnabled
|
|
41
40
|
} = useIOFontDynamicScale();
|
|
42
41
|
const listItemNavContent = /*#__PURE__*/React.createElement(React.Fragment, null, topElement && /*#__PURE__*/React.createElement(React.Fragment, null, topElement.badgeProps && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
@@ -90,15 +89,16 @@ export const ListItemNav = ({
|
|
|
90
89
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
91
90
|
style: [IOListItemStyles.listItem, backgroundAnimatedStyle]
|
|
92
91
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
93
|
-
style: [IOListItemStyles.listItemInner,
|
|
94
|
-
|
|
95
|
-
}, scaleAnimatedStyle]
|
|
96
|
-
}, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(Icon, {
|
|
92
|
+
style: [IOListItemStyles.listItemInner, scaleAnimatedStyle]
|
|
93
|
+
}, icon && !hugeFontEnabled && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
|
|
97
94
|
allowFontScaling: true,
|
|
98
95
|
name: icon,
|
|
99
96
|
color: iconColor,
|
|
100
97
|
size: IOListItemVisualParams.iconSize
|
|
101
|
-
}),
|
|
98
|
+
}), /*#__PURE__*/React.createElement(HSpacer, {
|
|
99
|
+
allowScaleSpacing: true,
|
|
100
|
+
size: IOVisualCostants.iconMargin
|
|
101
|
+
})), paymentLogoUri && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Image, {
|
|
102
102
|
accessibilityIgnoresInvertColors: true,
|
|
103
103
|
source: {
|
|
104
104
|
uri: paymentLogoUri
|
|
@@ -107,10 +107,19 @@ export const ListItemNav = ({
|
|
|
107
107
|
width: IOSelectionListItemVisualParams.iconSize * dynamicFontScale,
|
|
108
108
|
height: IOSelectionListItemVisualParams.iconSize * dynamicFontScale
|
|
109
109
|
}
|
|
110
|
-
}),
|
|
110
|
+
}), /*#__PURE__*/React.createElement(HSpacer, {
|
|
111
|
+
allowScaleSpacing: true,
|
|
112
|
+
size: IOVisualCostants.iconMargin
|
|
113
|
+
})), avatar && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, _extends({
|
|
111
114
|
size: "small"
|
|
112
|
-
}, avatar)), /*#__PURE__*/React.createElement(
|
|
113
|
-
|
|
115
|
+
}, avatar)), /*#__PURE__*/React.createElement(HSpacer, {
|
|
116
|
+
allowScaleSpacing: true,
|
|
117
|
+
size: IOVisualCostants.iconMargin
|
|
118
|
+
})), /*#__PURE__*/React.createElement(View, {
|
|
119
|
+
style: {
|
|
120
|
+
flexGrow: 1,
|
|
121
|
+
flexShrink: 1
|
|
122
|
+
}
|
|
114
123
|
}, listItemNavContent), loading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
115
124
|
color: interactiveColor
|
|
116
125
|
}), !loading && !hideChevron && /*#__PURE__*/React.createElement(Icon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOSelectionListItemVisualParams","
|
|
1
|
+
{"version":3,"names":["React","Image","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOSelectionListItemVisualParams","IOVisualCostants","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Avatar","Badge","Icon","LoadingSpinner","HSpacer","VSpacer","BodySmall","Caption","H6","ListItemNav","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","theme","dynamicFontScale","hugeFontEnabled","listItemNavContent","createElement","Fragment","badgeProps","style","alignSelf","size","dateValue","flexDirection","allowFontScaling","name","color","weight","interactiveColor","handleOnPress","event","onTouchEnd","accessible","accessibilityState","busy","accessibilityRole","listItem","listItemInner","iconSize","allowScaleSpacing","iconMargin","accessibilityIgnoresInvertColors","source","uri","width","height","_extends","flexGrow","flexShrink","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Pressable, View } from "react-native";
|
|
3
3
|
import Animated from "react-native-reanimated";
|
|
4
|
-
import { IOListItemStyles, IOListItemVisualParams, IOStyles,
|
|
4
|
+
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
5
5
|
import { useListItemAnimation } from "../../hooks";
|
|
6
6
|
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
7
7
|
import { Icon } from "../icons";
|
|
@@ -26,9 +26,6 @@ export const ListItemNavAlert = ({
|
|
|
26
26
|
dynamicFontScale,
|
|
27
27
|
spacingScaleMultiplier
|
|
28
28
|
} = useIOFontDynamicScale();
|
|
29
|
-
const {
|
|
30
|
-
isExperimental
|
|
31
|
-
} = useIOExperimentalDesign();
|
|
32
29
|
const componentValueToAccessibility = typeof value === "string" ? value : "";
|
|
33
30
|
const componentDescriptionToAccessibility = typeof description === "string" ? description : "";
|
|
34
31
|
const listItemAccessibilityLabel = accessibilityLabel ?? `${componentValueToAccessibility}; ${componentDescriptionToAccessibility}`;
|
|
@@ -40,7 +37,7 @@ export const ListItemNavAlert = ({
|
|
|
40
37
|
weight: "Semibold",
|
|
41
38
|
color: theme.errorText
|
|
42
39
|
}, description) : description));
|
|
43
|
-
const iconColor =
|
|
40
|
+
const iconColor = theme["interactiveElem-default"];
|
|
44
41
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
45
42
|
onPress: onPress,
|
|
46
43
|
onPressIn: onPressIn,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","
|
|
1
|
+
{"version":3,"names":["React","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Icon","BodySmall","H6","ListItemNavAlert","value","description","withoutIcon","onPress","accessibilityLabel","accessibilityHint","testID","theme","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","dynamicFontScale","spacingScaleMultiplier","componentValueToAccessibility","componentDescriptionToAccessibility","listItemAccessibilityLabel","listItemNavAlertContent","createElement","Fragment","color","weight","errorText","iconColor","onTouchEnd","accessible","accessibilityRole","style","listItem","importantForAccessibility","accessibilityElementsHidden","listItemInner","columnGap","iconMargin","allowFontScaling","name","errorIcon","size","iconSize","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
3
|
import Placeholder from "rn-placeholder";
|
|
4
|
-
import { IOListItemLogoMargin, IOListItemStyles, IOListItemVisualParams, IOStyles, IOVisualCostants,
|
|
4
|
+
import { IOListItemLogoMargin, IOListItemStyles, IOListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
|
|
5
5
|
import { isImageUri } from "../../utils/url";
|
|
6
6
|
import { Avatar } from "../avatar/Avatar";
|
|
7
7
|
import { Badge } from "../badge/Badge";
|
|
@@ -52,14 +52,11 @@ export const ListItemTransaction = ({
|
|
|
52
52
|
numberOfLines = 2,
|
|
53
53
|
accessible
|
|
54
54
|
}) => {
|
|
55
|
-
const {
|
|
56
|
-
isExperimental
|
|
57
|
-
} = useIOExperimentalDesign();
|
|
58
55
|
const theme = useIOTheme();
|
|
59
56
|
if (isLoading) {
|
|
60
57
|
return /*#__PURE__*/React.createElement(SkeletonComponent, null);
|
|
61
58
|
}
|
|
62
|
-
const interactiveColor =
|
|
59
|
+
const interactiveColor = theme["interactiveElem-default"];
|
|
63
60
|
const amountColorDefault = theme["textBody-default"];
|
|
64
61
|
const amountColorRefund = theme.successText;
|
|
65
62
|
const amountColor = refund ? amountColorRefund : amountColorDefault;
|
|
@@ -88,6 +85,7 @@ export const ListItemTransaction = ({
|
|
|
88
85
|
weight: "Regular",
|
|
89
86
|
color: theme["textBody-tertiary"]
|
|
90
87
|
}, subtitle))), /*#__PURE__*/React.createElement(HStack, {
|
|
88
|
+
space: 4,
|
|
91
89
|
style: {
|
|
92
90
|
alignItems: "center"
|
|
93
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","
|
|
1
|
+
{"version":3,"names":["React","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","isImageUri","Avatar","Badge","LogoPaymentWithFallback","Icon","VSpacer","HStack","H6","BodySmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","StartComponent","logoIcon","createElement","logoUri","size","isValidElement","Fragment","brand","ListItemTransaction","accessibilityLabel","showChevron","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transaction","amount","amountAccessibilityLabel","badge","refund","numberOfLines","accessible","theme","SkeletonComponent","interactiveColor","amountColorDefault","amountColorRefund","successText","amountColor","ListItemTransactionContent","allowScaleSpacing","space","style","alignItems","flexShrink","width","color","weight","variant","text","allowFontScaling","name","chevronSize","listItem","listItemInner","columnGap","iconMargin","marginRight","Box","animate","height","avatarSizeSmall","radius","avatarRadiusSizeSmall","flex","marginLeft"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
|
|
@@ -530,9 +530,6 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
530
530
|
"flexDirection": "row",
|
|
531
531
|
"justifyContent": "space-between",
|
|
532
532
|
},
|
|
533
|
-
{
|
|
534
|
-
"columnGap": 12,
|
|
535
|
-
},
|
|
536
533
|
{
|
|
537
534
|
"transform": [
|
|
538
535
|
{
|
|
@@ -546,7 +543,8 @@ exports[`Test List Item Components - Experimental Enabled ListItemNav Snapshot
|
|
|
546
543
|
<View
|
|
547
544
|
style={
|
|
548
545
|
{
|
|
549
|
-
"
|
|
546
|
+
"flexGrow": 1,
|
|
547
|
+
"flexShrink": 1,
|
|
550
548
|
}
|
|
551
549
|
}
|
|
552
550
|
>
|
|
@@ -1760,7 +1758,7 @@ exports[`Test List Item Components ListItemAction Snapshot 1`] = `
|
|
|
1760
1758
|
{},
|
|
1761
1759
|
{
|
|
1762
1760
|
"color": "#0B3EE3",
|
|
1763
|
-
"fontFamily": "
|
|
1761
|
+
"fontFamily": "Titillio",
|
|
1764
1762
|
"fontSize": 16,
|
|
1765
1763
|
"fontStyle": "normal",
|
|
1766
1764
|
"fontWeight": "600",
|
|
@@ -1852,7 +1850,7 @@ exports[`Test List Item Components ListItemIDP Snapshot 1`] = `
|
|
|
1852
1850
|
},
|
|
1853
1851
|
{
|
|
1854
1852
|
"color": "#555C70",
|
|
1855
|
-
"fontFamily": "
|
|
1853
|
+
"fontFamily": "Titillio",
|
|
1856
1854
|
"fontSize": 12,
|
|
1857
1855
|
"fontStyle": "normal",
|
|
1858
1856
|
"fontWeight": "600",
|
|
@@ -1921,7 +1919,7 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
|
|
|
1921
1919
|
{},
|
|
1922
1920
|
{
|
|
1923
1921
|
"color": "#555C70",
|
|
1924
|
-
"fontFamily": "
|
|
1922
|
+
"fontFamily": "Titillio",
|
|
1925
1923
|
"fontSize": 14,
|
|
1926
1924
|
"fontStyle": "normal",
|
|
1927
1925
|
"fontWeight": "400",
|
|
@@ -1942,8 +1940,8 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
|
|
|
1942
1940
|
{},
|
|
1943
1941
|
{
|
|
1944
1942
|
"color": "#0E0F13",
|
|
1945
|
-
"fontFamily": "
|
|
1946
|
-
"fontSize":
|
|
1943
|
+
"fontFamily": "Titillio",
|
|
1944
|
+
"fontSize": 16,
|
|
1947
1945
|
"fontStyle": "normal",
|
|
1948
1946
|
"fontWeight": "600",
|
|
1949
1947
|
"lineHeight": 24,
|
|
@@ -2047,7 +2045,7 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
|
|
|
2047
2045
|
{},
|
|
2048
2046
|
{
|
|
2049
2047
|
"color": "#555C70",
|
|
2050
|
-
"fontFamily": "
|
|
2048
|
+
"fontFamily": "Titillio",
|
|
2051
2049
|
"fontSize": 14,
|
|
2052
2050
|
"fontStyle": "normal",
|
|
2053
2051
|
"fontWeight": "400",
|
|
@@ -2068,8 +2066,8 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
|
|
|
2068
2066
|
{},
|
|
2069
2067
|
{
|
|
2070
2068
|
"color": "#0B3EE3",
|
|
2071
|
-
"fontFamily": "
|
|
2072
|
-
"fontSize":
|
|
2069
|
+
"fontFamily": "Titillio",
|
|
2070
|
+
"fontSize": 16,
|
|
2073
2071
|
"fontStyle": "normal",
|
|
2074
2072
|
"fontWeight": "600",
|
|
2075
2073
|
"lineHeight": 24,
|
|
@@ -2202,9 +2200,6 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2202
2200
|
"flexDirection": "row",
|
|
2203
2201
|
"justifyContent": "space-between",
|
|
2204
2202
|
},
|
|
2205
|
-
{
|
|
2206
|
-
"columnGap": 12,
|
|
2207
|
-
},
|
|
2208
2203
|
{
|
|
2209
2204
|
"transform": [
|
|
2210
2205
|
{
|
|
@@ -2218,7 +2213,8 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2218
2213
|
<View
|
|
2219
2214
|
style={
|
|
2220
2215
|
{
|
|
2221
|
-
"
|
|
2216
|
+
"flexGrow": 1,
|
|
2217
|
+
"flexShrink": 1,
|
|
2222
2218
|
}
|
|
2223
2219
|
}
|
|
2224
2220
|
>
|
|
@@ -2231,8 +2227,8 @@ exports[`Test List Item Components ListItemNav Snapshot 1`] = `
|
|
|
2231
2227
|
{},
|
|
2232
2228
|
{
|
|
2233
2229
|
"color": "#0E0F13",
|
|
2234
|
-
"fontFamily": "
|
|
2235
|
-
"fontSize":
|
|
2230
|
+
"fontFamily": "Titillio",
|
|
2231
|
+
"fontSize": 16,
|
|
2236
2232
|
"fontStyle": "normal",
|
|
2237
2233
|
"fontWeight": "600",
|
|
2238
2234
|
"lineHeight": 24,
|
|
@@ -2456,8 +2452,8 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2456
2452
|
{},
|
|
2457
2453
|
{
|
|
2458
2454
|
"color": "#0E0F13",
|
|
2459
|
-
"fontFamily": "
|
|
2460
|
-
"fontSize":
|
|
2455
|
+
"fontFamily": "Titillio",
|
|
2456
|
+
"fontSize": 16,
|
|
2461
2457
|
"fontStyle": "normal",
|
|
2462
2458
|
"fontWeight": "600",
|
|
2463
2459
|
"lineHeight": 24,
|
|
@@ -2488,7 +2484,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2488
2484
|
"borderWidth": 0,
|
|
2489
2485
|
},
|
|
2490
2486
|
{
|
|
2491
|
-
"color": "#
|
|
2487
|
+
"color": "#0B3EE3",
|
|
2492
2488
|
},
|
|
2493
2489
|
{
|
|
2494
2490
|
"flex": 0,
|
|
@@ -2497,7 +2493,7 @@ exports[`Test List Item Components ListItemNavAlert Snapshot 1`] = `
|
|
|
2497
2493
|
},
|
|
2498
2494
|
]
|
|
2499
2495
|
}
|
|
2500
|
-
tintColor="#
|
|
2496
|
+
tintColor="#0B3EE3"
|
|
2501
2497
|
vbHeight={24}
|
|
2502
2498
|
vbWidth={24}
|
|
2503
2499
|
width={24}
|
|
@@ -2619,8 +2615,8 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2619
2615
|
{},
|
|
2620
2616
|
{
|
|
2621
2617
|
"color": "#0E0F13",
|
|
2622
|
-
"fontFamily": "
|
|
2623
|
-
"fontSize":
|
|
2618
|
+
"fontFamily": "Titillio",
|
|
2619
|
+
"fontSize": 16,
|
|
2624
2620
|
"fontStyle": "normal",
|
|
2625
2621
|
"fontWeight": "600",
|
|
2626
2622
|
"lineHeight": 24,
|
|
@@ -2706,7 +2702,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2706
2702
|
{},
|
|
2707
2703
|
{
|
|
2708
2704
|
"color": "#5517E3",
|
|
2709
|
-
"fontFamily": "
|
|
2705
|
+
"fontFamily": "Titillio",
|
|
2710
2706
|
"fontSize": 14,
|
|
2711
2707
|
"fontStyle": "normal",
|
|
2712
2708
|
"fontWeight": "400",
|
|
@@ -2740,8 +2736,8 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2740
2736
|
{},
|
|
2741
2737
|
{
|
|
2742
2738
|
"color": "#0B3EE3",
|
|
2743
|
-
"fontFamily": "
|
|
2744
|
-
"fontSize":
|
|
2739
|
+
"fontFamily": "Titillio",
|
|
2740
|
+
"fontSize": 16,
|
|
2745
2741
|
"fontStyle": "normal",
|
|
2746
2742
|
"fontWeight": "600",
|
|
2747
2743
|
"lineHeight": 24,
|
|
@@ -2804,7 +2800,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2804
2800
|
"width": 24,
|
|
2805
2801
|
},
|
|
2806
2802
|
{
|
|
2807
|
-
"borderColor": "#
|
|
2803
|
+
"borderColor": "#636B82",
|
|
2808
2804
|
},
|
|
2809
2805
|
]
|
|
2810
2806
|
}
|
|
@@ -2823,7 +2819,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
|
|
|
2823
2819
|
"width": 24,
|
|
2824
2820
|
},
|
|
2825
2821
|
{
|
|
2826
|
-
"backgroundColor": "#
|
|
2822
|
+
"backgroundColor": "#0B3EE3",
|
|
2827
2823
|
},
|
|
2828
2824
|
{
|
|
2829
2825
|
"opacity": 1,
|
|
@@ -2992,8 +2988,8 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
2992
2988
|
{},
|
|
2993
2989
|
{
|
|
2994
2990
|
"color": "#0E0F13",
|
|
2995
|
-
"fontFamily": "
|
|
2996
|
-
"fontSize":
|
|
2991
|
+
"fontFamily": "Titillio",
|
|
2992
|
+
"fontSize": 16,
|
|
2997
2993
|
"fontStyle": "normal",
|
|
2998
2994
|
"fontWeight": "600",
|
|
2999
2995
|
"lineHeight": 24,
|
|
@@ -3025,8 +3021,8 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3025
3021
|
{},
|
|
3026
3022
|
{
|
|
3027
3023
|
"color": "#0B3EE3",
|
|
3028
|
-
"fontFamily": "
|
|
3029
|
-
"fontSize":
|
|
3024
|
+
"fontFamily": "Titillio",
|
|
3025
|
+
"fontSize": 16,
|
|
3030
3026
|
"fontStyle": "normal",
|
|
3031
3027
|
"fontWeight": "600",
|
|
3032
3028
|
"lineHeight": 24,
|
|
@@ -3089,7 +3085,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3089
3085
|
"width": 24,
|
|
3090
3086
|
},
|
|
3091
3087
|
{
|
|
3092
|
-
"borderColor": "#
|
|
3088
|
+
"borderColor": "#636B82",
|
|
3093
3089
|
},
|
|
3094
3090
|
]
|
|
3095
3091
|
}
|
|
@@ -3108,7 +3104,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
|
|
|
3108
3104
|
"width": 24,
|
|
3109
3105
|
},
|
|
3110
3106
|
{
|
|
3111
|
-
"backgroundColor": "#
|
|
3107
|
+
"backgroundColor": "#0B3EE3",
|
|
3112
3108
|
},
|
|
3113
3109
|
{
|
|
3114
3110
|
"opacity": 0,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Image, StyleSheet } from "react-native";
|
|
3
|
+
import { IOListItemLogoMargin, useIONewTypeface, useIOTheme } from "../../core";
|
|
3
4
|
import { addCacheTimestampToUri } from "../../utils/image";
|
|
4
|
-
import { IOListItemLogoMargin, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
5
|
import { IOText } from "../typography";
|
|
6
6
|
import { PressableModuleBase } from "./PressableModuleBase";
|
|
7
7
|
const styles = StyleSheet.create({
|
|
@@ -23,9 +23,8 @@ export const ModuleIDP = ({
|
|
|
23
23
|
}) => {
|
|
24
24
|
const theme = useIOTheme();
|
|
25
25
|
const {
|
|
26
|
-
|
|
27
|
-
} =
|
|
28
|
-
|
|
26
|
+
newTypefaceEnabled
|
|
27
|
+
} = useIONewTypeface();
|
|
29
28
|
// eslint-disable-next-line no-console
|
|
30
29
|
const urlLogoIDP = localLogo ? localLogo : addCacheTimestampToUri(logo);
|
|
31
30
|
return /*#__PURE__*/React.createElement(PressableModuleBase, {
|
|
@@ -33,7 +32,7 @@ export const ModuleIDP = ({
|
|
|
33
32
|
testID: testID,
|
|
34
33
|
withLooseSpacing: withLooseSpacing
|
|
35
34
|
}, /*#__PURE__*/React.createElement(IOText, {
|
|
36
|
-
font:
|
|
35
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
37
36
|
weight: "Semibold",
|
|
38
37
|
size: 12,
|
|
39
38
|
lineHeight: 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","StyleSheet","
|
|
1
|
+
{"version":3,"names":["React","Image","StyleSheet","IOListItemLogoMargin","useIONewTypeface","useIOTheme","addCacheTimestampToUri","IOText","PressableModuleBase","styles","create","idpLogo","marginStart","width","height","resizeMode","ModuleIDP","name","localLogo","logo","withLooseSpacing","onPress","testID","accessibilityLabel","theme","newTypefaceEnabled","urlLogoIDP","createElement","font","weight","size","lineHeight","color","textStyle","alignSelf","textTransform","letterSpacing","flexShrink","accessibilityIgnoresInvertColors","source","style"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleIDP.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,EAAuBC,UAAU,QAAQ,cAAc;AACrE,SAASC,oBAAoB,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,YAAY;AAC/E,SAASC,sBAAsB,QAAQ,mBAAmB;AAC1D,SAASC,MAAM,QAAQ,eAAe;AACtC,SACEC,mBAAmB,QAEd,uBAAuB;AAS9B,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,WAAW,EAAET,oBAAoB;IACjCU,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACxBC,IAAI;EACJC,SAAS;EACTC,IAAI;EACJC,gBAAgB,GAAG,KAAK;EACxBC,OAAO;EACPC,MAAM;EACNC;AACS,CAAC,KAAK;EACf,MAAMC,KAAK,GAAGnB,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEoB;EAAmB,CAAC,GAAGrB,gBAAgB,CAAC,CAAC;EACjD;EACA,MAAMsB,UAAU,GAAGR,SAAS,GAAGA,SAAS,GAAGZ,sBAAsB,CAACa,IAAI,CAAC;EAEvE,oBACEnB,KAAA,CAAA2B,aAAA,CAACnB,mBAAmB;IAClBa,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfF,gBAAgB,EAAEA;EAAiB,gBAEnCpB,KAAA,CAAA2B,aAAA,CAACpB,MAAM;IACLqB,IAAI,EAAEH,kBAAkB,GAAG,UAAU,GAAG,kBAAmB;IAC3DI,MAAM,EAAE,UAAW;IACnBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAE,EAAG;IACfC,KAAK,EAAER,KAAK,CAAC,mBAAmB,CAAE;IAClCS,SAAS,EAAE;MACTC,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,GAAG;MAClBC,UAAU,EAAE;IACd,CAAE;IACFd,kBAAkB,EAAEA,kBAAkB,IAAIN;EAAK,GAE9CA,IACK,CAAC,eACTjB,KAAA,CAAA2B,aAAA,CAAC1B,KAAK;IACJqC,gCAAgC;IAChCC,MAAM,EAAEb,UAAW;IACnBc,KAAK,EAAE/B,MAAM,CAACE;EAAQ,CACvB,CACkB,CAAC;AAE1B,CAAC;AAED,eAAeK,SAAS"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { memo, useCallback
|
|
1
|
+
import React, { memo, useCallback } from "react";
|
|
2
2
|
import { Pressable } from "react-native";
|
|
3
3
|
import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
|
|
4
|
-
import { IOColors, IONumberPadButtonStyles
|
|
4
|
+
import { IOColors, IONumberPadButtonStyles } from "../../core";
|
|
5
5
|
import { useScaleAnimation } from "../../hooks";
|
|
6
6
|
import { H3 } from "../typography";
|
|
7
7
|
const colorMap = {
|
|
@@ -16,18 +16,7 @@ const colorMap = {
|
|
|
16
16
|
foreground: "white"
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
|
-
|
|
20
|
-
light: {
|
|
21
|
-
background: IOColors["grey-100"],
|
|
22
|
-
pressed: IOColors["grey-200"],
|
|
23
|
-
foreground: "blue"
|
|
24
|
-
},
|
|
25
|
-
dark: {
|
|
26
|
-
background: hexToRgba(IOColors.black, 0.1),
|
|
27
|
-
pressed: hexToRgba(IOColors.white, 0.5),
|
|
28
|
-
foreground: "white"
|
|
29
|
-
}
|
|
30
|
-
};
|
|
19
|
+
|
|
31
20
|
/**
|
|
32
21
|
* Based on a `Pressable` element, it displays a number button with animations on press In and Out.
|
|
33
22
|
*
|
|
@@ -45,14 +34,10 @@ export const NumberButton = /*#__PURE__*/memo(({
|
|
|
45
34
|
scaleAnimatedStyle
|
|
46
35
|
} = useScaleAnimation("slight");
|
|
47
36
|
const reducedMotion = useReducedMotion();
|
|
48
|
-
const {
|
|
49
|
-
isExperimental
|
|
50
|
-
} = useIOExperimentalDesign();
|
|
51
|
-
const colors = useMemo(() => isExperimental ? colorMap[variant] : legacyColorMap[variant], [variant, isExperimental]);
|
|
52
37
|
|
|
53
38
|
// Interpolate animation values from `isPressed` values
|
|
54
39
|
const pressedAnimationStyle = useAnimatedStyle(() => ({
|
|
55
|
-
backgroundColor: interpolateColor(progress.value, [0, 1], [
|
|
40
|
+
backgroundColor: interpolateColor(progress.value, [0, 1], [colorMap[variant].background, colorMap[variant].pressed])
|
|
56
41
|
}));
|
|
57
42
|
const handleOnPress = useCallback(() => {
|
|
58
43
|
onPress(number);
|
|
@@ -66,7 +51,7 @@ export const NumberButton = /*#__PURE__*/memo(({
|
|
|
66
51
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
67
52
|
style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle]
|
|
68
53
|
}, /*#__PURE__*/React.createElement(H3, {
|
|
69
|
-
color:
|
|
54
|
+
color: colorMap[variant].foreground
|
|
70
55
|
}, number)));
|
|
71
56
|
});
|
|
72
57
|
//# sourceMappingURL=NumberButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useCallback","
|
|
1
|
+
{"version":3,"names":["React","memo","useCallback","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOColors","IONumberPadButtonStyles","useScaleAnimation","H3","colorMap","light","background","pressed","foreground","dark","NumberButton","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","pressedAnimationStyle","backgroundColor","value","handleOnPress","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SAASC,QAAQ,EAAEC,uBAAuB,QAAQ,YAAY;AAC9D,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,EAAE,QAAQ,eAAe;AA2BlC,MAAMC,QAA0D,GAAG;EACjEC,KAAK,EAAE;IACLC,UAAU,EAAEN,QAAQ,CAAC,SAAS,CAAC;IAC/BO,OAAO,EAAEP,QAAQ,CAAC,UAAU,CAAC;IAC7BQ,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJH,UAAU,EAAEN,QAAQ,CAAC,YAAY,CAAC;IAClCO,OAAO,EAAEP,QAAQ,CAAC,YAAY,CAAC;IAC/BQ,UAAU,EAAE;EACd;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,YAAY,gBAAGjB,IAAI,CAC9B,CAAC;EAAEkB,MAAM;EAAEC,OAAO;EAAEC;AAA2B,CAAC,KAAK;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3Df,iBAAiB,CAAC,QAAQ,CAAC;EAC7B,MAAMgB,aAAa,GAAGnB,gBAAgB,CAAC,CAAC;;EAExC;EACA,MAAMoB,qBAAqB,GAAGrB,gBAAgB,CAAC,OAAO;IACpDsB,eAAe,EAAEvB,gBAAgB,CAC/BiB,QAAQ,CAACO,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACjB,QAAQ,CAACQ,OAAO,CAAC,CAACN,UAAU,EAAEF,QAAQ,CAACQ,OAAO,CAAC,CAACL,OAAO,CAC1D;EACF,CAAC,CAAC,CAAC;EAEH,MAAMe,aAAa,GAAG5B,WAAW,CAAC,MAAM;IACtCmB,OAAO,CAACF,MAAM,CAAC;EACjB,CAAC,EAAE,CAACA,MAAM,EAAEE,OAAO,CAAC,CAAC;EAErB,oBACErB,KAAA,CAAA+B,aAAA,CAAC5B,SAAS;IACR6B,UAAU;IACVC,iBAAiB,EAAC,QAAQ;IAC1BV,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBH,OAAO,EAAES;EAAc,gBAEvB9B,KAAA,CAAA+B,aAAA,CAAC3B,QAAQ,CAAC8B,IAAI;IACZC,KAAK,EAAE,CACL1B,uBAAuB,CAAC2B,MAAM,EAC9B3B,uBAAuB,CAAC4B,aAAa,EACrC5B,uBAAuB,CAAC6B,UAAU,EAClCX,qBAAqB,EACrB,CAACD,aAAa,IAAID,kBAAkB;EACpC,gBAEFzB,KAAA,CAAA+B,aAAA,CAACpB,EAAE;IAAC4B,KAAK,EAAE3B,QAAQ,CAACQ,OAAO,CAAC,CAACJ;EAAW,GAAEG,MAAW,CACxC,CACN,CAAC;AAEhB,CACF,CAAC"}
|