@pagopa/io-app-design-system 4.3.0 → 4.4.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 +3 -3
- package/lib/commonjs/components/alert/Alert.js +34 -34
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +16 -3
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/lib/commonjs/components/buttons/ButtonLink.js +6 -1
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +11 -9
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +10 -6
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +2 -0
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +1 -0
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +27 -9
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +23 -18
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/CheckboxLabel.js +13 -8
- package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/commonjs/components/common/AnimatedTick.js +7 -3
- package/lib/commonjs/components/common/AnimatedTick.js.map +1 -1
- package/lib/commonjs/components/common/LogoPaymentWithFallback.js +9 -3
- package/lib/commonjs/components/common/LogoPaymentWithFallback.js.map +1 -1
- package/lib/commonjs/components/featureInfo/FeatureInfo.js +9 -6
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/commonjs/components/icons/Icon.js +14 -7
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +7 -10
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -9
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +11 -7
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAmount.js +13 -11
- package/lib/commonjs/components/listitems/ListItemAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +12 -7
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +9 -2
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +14 -17
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +15 -13
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +20 -17
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +19 -14
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +24 -9
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +5 -0
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +12 -14
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +2 -0
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +435 -429
- package/lib/commonjs/components/modules/ModuleCredential.js +7 -2
- package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js +5 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -20
- package/lib/commonjs/components/pictograms/Pictogram.js +17 -4
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/radio/AnimatedRadio.js +16 -15
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/radio/RadioButtonLabel.js +9 -5
- package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +4 -3
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/spacer/Spacer.js +13 -6
- package/lib/commonjs/components/spacer/Spacer.js.map +1 -1
- package/lib/commonjs/components/stack/Stack.js +19 -9
- package/lib/commonjs/components/stack/Stack.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +21 -8
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInput.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +23 -10
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/typography/IOText.js +3 -6
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
- package/lib/commonjs/utils/accessibility.js +29 -1
- package/lib/commonjs/utils/accessibility.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +3 -2
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
- package/lib/module/components/alert/Alert.js +35 -35
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/badge/Badge.js +16 -3
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/lib/module/components/buttons/ButtonLink.js +6 -1
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +11 -9
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +10 -6
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +2 -0
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +1 -0
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +27 -9
- package/lib/module/components/checkbox/AnimatedCheckbox.js +23 -18
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/CheckboxLabel.js +14 -9
- package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/module/components/common/AnimatedTick.js +7 -3
- package/lib/module/components/common/AnimatedTick.js.map +1 -1
- package/lib/module/components/common/LogoPaymentWithFallback.js +9 -3
- package/lib/module/components/common/LogoPaymentWithFallback.js.map +1 -1
- package/lib/module/components/featureInfo/FeatureInfo.js +11 -8
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/icons/Icon.js +15 -6
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/layout/HeaderFirstLevel.js +8 -11
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +9 -10
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +11 -7
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemAmount.js +13 -11
- package/lib/module/components/listitems/ListItemAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +14 -9
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +9 -2
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +14 -17
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +15 -13
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +22 -19
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +21 -16
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +25 -10
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +6 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +12 -14
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +2 -0
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +435 -429
- package/lib/module/components/modules/ModuleCredential.js +7 -2
- package/lib/module/components/modules/ModuleCredential.js.map +1 -1
- package/lib/module/components/modules/ModuleNavigation.js +5 -1
- package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -20
- package/lib/module/components/pictograms/Pictogram.js +17 -4
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/radio/AnimatedRadio.js +16 -15
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/radio/RadioButtonLabel.js +10 -6
- package/lib/module/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +5 -4
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/spacer/Spacer.js +11 -5
- package/lib/module/components/spacer/Spacer.js.map +1 -1
- package/lib/module/components/stack/Stack.js +19 -9
- package/lib/module/components/stack/Stack.js.map +1 -1
- package/lib/module/components/tag/Tag.js +21 -8
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/textInput/TextInput.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +23 -10
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/typography/IOText.js +5 -8
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
- package/lib/module/utils/accessibility.js +28 -1
- package/lib/module/utils/accessibility.js.map +1 -1
- package/lib/module/utils/fonts.js +1 -0
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/badge/Badge.d.ts +2 -1
- package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +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/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts +2 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts +2 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
- package/lib/typescript/components/common/AnimatedTick.d.ts +4 -3
- package/lib/typescript/components/common/AnimatedTick.d.ts.map +1 -1
- package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/icons/Icon.d.ts +5 -3
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemHeader.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.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/ListItemSwitch.d.ts +2 -2
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleNavigation.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +5 -3
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/types.d.ts +1 -2
- package/lib/typescript/components/pictograms/types.d.ts.map +1 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts +2 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts +2 -1
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
- package/lib/typescript/components/spacer/Spacer.d.ts +1 -0
- package/lib/typescript/components/spacer/Spacer.d.ts.map +1 -1
- package/lib/typescript/components/stack/Stack.d.ts +2 -1
- package/lib/typescript/components/stack/Stack.d.ts.map +1 -1
- package/lib/typescript/components/tag/Tag.d.ts +4 -2
- package/lib/typescript/components/tag/Tag.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInput.d.ts +2 -1
- package/lib/typescript/components/textInput/TextInput.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodyMonospace.d.ts +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +1 -1
- package/lib/typescript/components/typography/Caption.d.ts +1 -1
- package/lib/typescript/components/typography/H1.d.ts +1 -1
- package/lib/typescript/components/typography/H2.d.ts +1 -1
- package/lib/typescript/components/typography/H3.d.ts +1 -1
- package/lib/typescript/components/typography/H4.d.ts +1 -1
- package/lib/typescript/components/typography/H5.d.ts +1 -1
- package/lib/typescript/components/typography/H6.d.ts +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +1 -1
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH2.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH3.d.ts +1 -1
- package/lib/typescript/core/IOStyles.d.ts +7 -7
- package/lib/typescript/utils/accessibility.d.ts +10 -0
- package/lib/typescript/utils/accessibility.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +2 -1
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +3 -3
- package/src/components/alert/Alert.tsx +43 -61
- package/src/components/badge/Badge.tsx +29 -4
- package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +9 -5
- package/src/components/banner/Banner.tsx +0 -2
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/src/components/buttons/ButtonLink.tsx +4 -0
- package/src/components/buttons/ButtonOutline.tsx +24 -25
- package/src/components/buttons/ButtonSolid.tsx +10 -9
- package/src/components/buttons/IconButton.tsx +2 -0
- package/src/components/buttons/IconButtonSolid.tsx +1 -0
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +27 -9
- package/src/components/checkbox/AnimatedCheckbox.tsx +36 -18
- package/src/components/checkbox/CheckboxLabel.tsx +22 -10
- package/src/components/common/AnimatedTick.tsx +9 -3
- package/src/components/common/LogoPaymentWithFallback.tsx +27 -5
- package/src/components/featureInfo/FeatureInfo.tsx +13 -9
- package/src/components/icons/Icon.tsx +23 -7
- package/src/components/layout/HeaderFirstLevel.tsx +11 -21
- package/src/components/layout/HeaderSecondLevel.tsx +5 -14
- package/src/components/listitems/ListItemAction.tsx +19 -8
- package/src/components/listitems/ListItemAmount.tsx +16 -11
- package/src/components/listitems/ListItemCheckbox.tsx +29 -15
- package/src/components/listitems/ListItemHeader.tsx +12 -2
- package/src/components/listitems/ListItemInfo.tsx +27 -20
- package/src/components/listitems/ListItemInfoCopy.tsx +27 -16
- package/src/components/listitems/ListItemNav.tsx +44 -40
- package/src/components/listitems/ListItemNavAlert.tsx +30 -16
- package/src/components/listitems/ListItemRadio.tsx +46 -32
- package/src/components/listitems/ListItemRadioWithAmount.tsx +7 -2
- package/src/components/listitems/ListItemSwitch.tsx +21 -27
- package/src/components/listitems/ListItemTransaction.tsx +3 -0
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +435 -429
- package/src/components/modules/ModuleCredential.tsx +5 -2
- package/src/components/modules/ModuleNavigation.tsx +3 -1
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -20
- package/src/components/pictograms/Pictogram.tsx +24 -5
- package/src/components/pictograms/types.ts +1 -3
- package/src/components/radio/AnimatedRadio.tsx +31 -15
- package/src/components/radio/RadioButtonLabel.tsx +16 -8
- package/src/components/searchInput/SearchInput.tsx +10 -5
- package/src/components/spacer/Spacer.tsx +21 -6
- package/src/components/stack/Stack.tsx +25 -14
- package/src/components/tag/Tag.tsx +26 -8
- package/src/components/textInput/TextInput.tsx +2 -1
- package/src/components/textInput/TextInputBase.tsx +44 -11
- package/src/components/typography/IOText.tsx +5 -6
- package/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +84 -84
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -50
- package/src/utils/accessibility.ts +32 -1
- package/src/utils/fonts.ts +1 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
3
|
import { hexToRgba, IOColors } from "../../core";
|
|
4
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
4
5
|
const DEFAULT_SIZE = 16;
|
|
5
6
|
|
|
6
7
|
/* Debug Mode */
|
|
@@ -13,20 +14,25 @@ Native `Spacer` component
|
|
|
13
14
|
@param {IOSpacer} size
|
|
14
15
|
*/
|
|
15
16
|
const Spacer = ({
|
|
17
|
+
allowScaleSpacing,
|
|
16
18
|
orientation,
|
|
17
19
|
size
|
|
18
20
|
}) => {
|
|
19
|
-
const
|
|
21
|
+
const {
|
|
22
|
+
dynamicFontScale,
|
|
23
|
+
spacingScaleMultiplier
|
|
24
|
+
} = useIOFontDynamicScale();
|
|
25
|
+
const style = useMemo(() => ({
|
|
20
26
|
...(orientation === "vertical" && {
|
|
21
|
-
height: size
|
|
27
|
+
height: allowScaleSpacing ? size * dynamicFontScale * spacingScaleMultiplier : size
|
|
22
28
|
}),
|
|
23
29
|
...(orientation === "horizontal" && {
|
|
24
|
-
width: size
|
|
30
|
+
width: allowScaleSpacing ? size * dynamicFontScale * spacingScaleMultiplier : size
|
|
25
31
|
}),
|
|
26
32
|
...(debugMode && {
|
|
27
33
|
backgroundColor: debugBg
|
|
28
34
|
})
|
|
29
|
-
}), [orientation, size]);
|
|
35
|
+
}), [allowScaleSpacing, dynamicFontScale, orientation, size, spacingScaleMultiplier]);
|
|
30
36
|
return /*#__PURE__*/React.createElement(View, {
|
|
31
37
|
style: style
|
|
32
38
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","hexToRgba","IOColors","DEFAULT_SIZE","debugMode","debugBg","red","Spacer","orientation","size","
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","hexToRgba","IOColors","useIOFontDynamicScale","DEFAULT_SIZE","debugMode","debugBg","red","Spacer","allowScaleSpacing","orientation","size","dynamicFontScale","spacingScaleMultiplier","style","height","width","backgroundColor","createElement","HSpacer","VSpacer"],"sourceRoot":"../../../../src","sources":["components/spacer/Spacer.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,EAAEC,QAAQ,QAAkB,YAAY;AAC1D,SAASC,qBAAqB,QAAQ,2BAA2B;AAajE,MAAMC,YAAsB,GAAG,EAAE;;AAEjC;AACA,MAAMC,SAAS,GAAG,KAAK;AACvB,MAAMC,OAAO,GAAGL,SAAS,CAACC,QAAQ,CAACK,GAAG,EAAE,GAAG,CAAC;;AAE5C;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAGA,CAAC;EAAEC,iBAAiB;EAAEC,WAAW;EAAEC;AAAsB,CAAC,KAAK;EAC5E,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAGV,qBAAqB,CAAC,CAAC;EAE5E,MAAMW,KAAK,GAAGf,OAAO,CACnB,OAAO;IACL,IAAIW,WAAW,KAAK,UAAU,IAAI;MAChCK,MAAM,EAAEN,iBAAiB,GACrBE,IAAI,GAAGC,gBAAgB,GAAGC,sBAAsB,GAChDF;IACN,CAAC,CAAC;IACF,IAAID,WAAW,KAAK,YAAY,IAAI;MAClCM,KAAK,EAAEP,iBAAiB,GACpBE,IAAI,GAAGC,gBAAgB,GAAGC,sBAAsB,GAChDF;IACN,CAAC,CAAC;IACF,IAAKN,SAAS,IAAgB;MAC5BY,eAAe,EAAEX;IACnB,CAAC;EACH,CAAC,CAAC,EACF,CACEG,iBAAiB,EACjBG,gBAAgB,EAChBF,WAAW,EACXC,IAAI,EACJE,sBAAsB,CAE1B,CAAC;EAED,oBAAOf,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IAACc,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC/B,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMK,OAAO,GAAGA,CAAC;EAAER,IAAI,GAAGP;AAA0B,CAAC,kBAC1DN,KAAA,CAAAoB,aAAA,CAACV,MAAM;EAACE,WAAW,EAAE,YAAa;EAACC,IAAI,EAAEA;AAAK,CAAE,CACjD;AACD;AACA;AACA;AACA;AACA,OAAO,MAAMS,OAAO,GAAGA,CAAC;EAAET,IAAI,GAAGP;AAA0B,CAAC,kBAC1DN,KAAA,CAAAoB,aAAA,CAACV,MAAM;EAACE,WAAW,EAAE,UAAW;EAACC,IAAI,EAAEA;AAAK,CAAE,CAC/C"}
|
|
@@ -1,25 +1,35 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { View } from "react-native";
|
|
4
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
5
|
+
const DEFAULT_SPACING_VALUE = 16;
|
|
6
|
+
|
|
4
7
|
/**
|
|
5
8
|
Horizontal Stack component
|
|
6
9
|
@param {IOSpacer} space
|
|
7
10
|
*/
|
|
8
11
|
|
|
9
12
|
const Stack = ({
|
|
10
|
-
space,
|
|
13
|
+
space = DEFAULT_SPACING_VALUE,
|
|
11
14
|
style,
|
|
12
15
|
orientation = "vertical",
|
|
16
|
+
allowScaleSpacing,
|
|
13
17
|
children,
|
|
14
18
|
...props
|
|
15
|
-
}) =>
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
}) => {
|
|
20
|
+
const {
|
|
21
|
+
dynamicFontScale,
|
|
22
|
+
spacingScaleMultiplier
|
|
23
|
+
} = useIOFontDynamicScale();
|
|
24
|
+
return /*#__PURE__*/React.createElement(View, _extends({}, props, {
|
|
25
|
+
style: {
|
|
26
|
+
display: "flex",
|
|
27
|
+
flexDirection: orientation === "horizontal" ? "row" : "column",
|
|
28
|
+
gap: allowScaleSpacing ? space * dynamicFontScale * spacingScaleMultiplier : space,
|
|
29
|
+
...style
|
|
30
|
+
}
|
|
31
|
+
}), children);
|
|
32
|
+
};
|
|
23
33
|
export const HStack = ({
|
|
24
34
|
children,
|
|
25
35
|
...props
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"names":["React","View","useIOFontDynamicScale","DEFAULT_SPACING_VALUE","Stack","space","style","orientation","allowScaleSpacing","children","props","dynamicFontScale","spacingScaleMultiplier","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;AAEzD,SAASC,qBAAqB,QAAQ,2BAA2B;AAuBjE,MAAMC,qBAA+B,GAAG,EAAE;;AAE1C;AACA;AACA;AACA;;AAEA,MAAMC,KAAK,GAAGA,CAAC;EACbC,KAAK,GAAGF,qBAAqB;EAC7BG,KAAK;EACLC,WAAW,GAAG,UAAU;EACxBC,iBAAiB;EACjBC,QAAQ;EACR,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAGV,qBAAqB,CAAC,CAAC;EAE5E,oBACEF,KAAA,CAAAa,aAAA,CAACZ,IAAI,EAAAa,QAAA,KACCJ,KAAK;IACTJ,KAAK,EAAE;MACLS,OAAO,EAAE,MAAM;MACfC,aAAa,EAAET,WAAW,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ;MAC9DU,GAAG,EAAET,iBAAiB,GAClBH,KAAK,GAAGM,gBAAgB,GAAGC,sBAAsB,GACjDP,KAAK;MACT,GAAGC;IACL;EAAE,IAEDG,QACG,CAAC;AAEX,CAAC;AAED,OAAO,MAAMS,MAAM,GAAGA,CAAC;EAAET,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClDV,KAAA,CAAAa,aAAA,CAACT,KAAK,EAAAU,QAAA;EAACP,WAAW,EAAC;AAAY,GAAKG,KAAK,GACtCD,QACI,CACR;;AAED;AACA;AACA;AACA;;AAEA,OAAO,MAAMU,MAAM,GAAGA,CAAC;EAAEV,QAAQ;EAAE,GAAGC;AAAa,CAAC,kBAClDV,KAAA,CAAAa,aAAA,CAACT,KAAK,EAAAU,QAAA;EAACP,WAAW,EAAC;AAAU,GAAKG,KAAK,GACpCD,QACI,CACR"}
|
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { Platform, StyleSheet, View } from "react-native";
|
|
3
3
|
import { IOColors, IOTagRadius, IOThemeLight, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
4
4
|
import { IOTagHSpacing, IOTagVSpacing } from "../../core/IOSpacing";
|
|
5
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
5
6
|
import { Icon } from "../icons";
|
|
6
7
|
import { IOText } from "../typography";
|
|
7
8
|
const IconColorsMap = {
|
|
@@ -27,16 +28,17 @@ const styles = StyleSheet.create({
|
|
|
27
28
|
}
|
|
28
29
|
}),
|
|
29
30
|
borderWidth: 1,
|
|
31
|
+
borderCurve: "continuous"
|
|
32
|
+
},
|
|
33
|
+
tagStatic: {
|
|
30
34
|
borderRadius: IOTagRadius,
|
|
31
35
|
borderCurve: "continuous",
|
|
32
36
|
paddingHorizontal: IOTagHSpacing,
|
|
33
|
-
paddingVertical: IOTagVSpacing
|
|
37
|
+
paddingVertical: IOTagVSpacing,
|
|
38
|
+
columnGap: IOTagIconMargin
|
|
34
39
|
},
|
|
35
40
|
iconWrapper: {
|
|
36
41
|
flexShrink: 1
|
|
37
|
-
},
|
|
38
|
-
spacer: {
|
|
39
|
-
width: IOTagIconMargin
|
|
40
42
|
}
|
|
41
43
|
});
|
|
42
44
|
const getVariantProps = (variant, customIcon) => {
|
|
@@ -95,32 +97,43 @@ export const Tag = ({
|
|
|
95
97
|
testID,
|
|
96
98
|
icon,
|
|
97
99
|
iconAccessibilityLabel,
|
|
100
|
+
allowFontScaling = true,
|
|
98
101
|
forceLightMode = false
|
|
99
102
|
}) => {
|
|
100
103
|
const theme = useIOTheme();
|
|
104
|
+
const {
|
|
105
|
+
dynamicFontScale,
|
|
106
|
+
spacingScaleMultiplier
|
|
107
|
+
} = useIOFontDynamicScale();
|
|
101
108
|
const {
|
|
102
109
|
isExperimental
|
|
103
110
|
} = useIOExperimentalDesign();
|
|
104
111
|
const variantProps = getVariantProps(variant, icon);
|
|
105
112
|
const borderColor = forceLightMode ? IOColors[IOThemeLight["cardBorder-default"]] : IOColors[theme["cardBorder-default"]];
|
|
106
113
|
const backgroundColor = forceLightMode ? IOColors[IOThemeLight["appBackground-primary"]] : IOColors[theme["appBackground-primary"]];
|
|
114
|
+
const tagDynamic = {
|
|
115
|
+
paddingHorizontal: IOTagHSpacing * dynamicFontScale,
|
|
116
|
+
paddingVertical: IOTagVSpacing * dynamicFontScale,
|
|
117
|
+
columnGap: IOTagIconMargin * dynamicFontScale * spacingScaleMultiplier,
|
|
118
|
+
borderRadius: IOTagRadius * dynamicFontScale
|
|
119
|
+
};
|
|
107
120
|
return /*#__PURE__*/React.createElement(View, {
|
|
108
121
|
testID: testID,
|
|
109
|
-
style: [styles.tag, {
|
|
122
|
+
style: [styles.tag, allowFontScaling ? tagDynamic : styles.tagStatic, {
|
|
110
123
|
borderColor,
|
|
111
124
|
backgroundColor
|
|
112
125
|
}]
|
|
113
126
|
}, variantProps && /*#__PURE__*/React.createElement(View, {
|
|
114
127
|
style: styles.iconWrapper
|
|
115
128
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
129
|
+
allowFontScaling: allowFontScaling,
|
|
116
130
|
name: variantProps.name,
|
|
117
131
|
color: forceLightMode ? IOThemeLight[IconColorsMap[variantProps.color]] : theme[IconColorsMap[variantProps.color]],
|
|
118
132
|
size: IOTagIconSize,
|
|
119
133
|
accessible: !!iconAccessibilityLabel,
|
|
120
134
|
accessibilityLabel: iconAccessibilityLabel
|
|
121
|
-
})),
|
|
122
|
-
|
|
123
|
-
}), text && /*#__PURE__*/React.createElement(IOText, {
|
|
135
|
+
})), text && /*#__PURE__*/React.createElement(IOText, {
|
|
136
|
+
allowFontScaling: allowFontScaling,
|
|
124
137
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
125
138
|
weight: "Semibold",
|
|
126
139
|
size: 12,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","StyleSheet","View","IOColors","IOTagRadius","IOThemeLight","useIOExperimentalDesign","useIOTheme","IOTagHSpacing","IOTagVSpacing","Icon","IOText","IconColorsMap","primary","warning","error","success","info","grey","lightGrey","IOTagIconMargin","IOTagIconSize","styles","create","tag","alignSelf","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderWidth","
|
|
1
|
+
{"version":3,"names":["React","Platform","StyleSheet","View","IOColors","IOTagRadius","IOThemeLight","useIOExperimentalDesign","useIOTheme","IOTagHSpacing","IOTagVSpacing","useIOFontDynamicScale","Icon","IOText","IconColorsMap","primary","warning","error","success","info","grey","lightGrey","IOTagIconMargin","IOTagIconSize","styles","create","tag","alignSelf","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderWidth","borderCurve","tagStatic","borderRadius","paddingHorizontal","paddingVertical","columnGap","iconWrapper","flexShrink","getVariantProps","variant","customIcon","color","name","undefined","Tag","text","testID","icon","iconAccessibilityLabel","allowFontScaling","forceLightMode","theme","dynamicFontScale","spacingScaleMultiplier","isExperimental","variantProps","borderColor","backgroundColor","tagDynamic","createElement","style","size","accessible","accessibilityLabel","font","weight","lineHeight","numberOfLines","ellipsizeMode","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACpE,SACEC,QAAQ,EACRC,WAAW,EAEXC,YAAY,EACZC,uBAAuB,EACvBC,UAAU,QACL,YAAY;AACnB,SAEEC,aAAa,EACbC,aAAa,QACR,sBAAsB;AAC7B,SAASC,qBAAqB,QAAQ,2BAA2B;AAEjE,SAAmCC,IAAI,QAAQ,UAAU;AACzD,SAASC,MAAM,QAAQ,eAAe;AAEtC,MAAMC,aAA4C,GAAG;EACnDC,OAAO,EAAE,yBAAyB;EAClCC,OAAO,EAAE,aAAa;EACtBC,KAAK,EAAE,WAAW;EAClBC,OAAO,EAAE,aAAa;EACtBC,IAAI,EAAE,UAAU;EAChBC,IAAI,EAAE,cAAc;EACpBC,SAAS,EAAE;AACb,CAAC;AAyCD,MAAMC,eAA+B,GAAG,CAAC;AACzC,MAAMC,aAA8B,GAAG,EAAE;AAEzC,MAAMC,MAAM,GAAGtB,UAAU,CAACuB,MAAM,CAAC;EAC/BC,GAAG,EAAE;IACHC,SAAS,EAAE,YAAY;IACvBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAG7B,QAAQ,CAAC8B,MAAM,CAAC;MACjBC,OAAO,EAAE;QACPC,iBAAiB,EAAE;MACrB;IACF,CAAC,CAAC;IACFC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDC,SAAS,EAAE;IACTC,YAAY,EAAEhC,WAAW;IACzB8B,WAAW,EAAE,YAAY;IACzBG,iBAAiB,EAAE7B,aAAa;IAChC8B,eAAe,EAAE7B,aAAa;IAC9B8B,SAAS,EAAElB;EACb,CAAC;EACDmB,WAAW,EAAE;IACXC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAMC,eAAe,GAAGA,CACtBC,OAAoC,EACpCC,UAAyB,KACI;EAC7B,IAAID,OAAO,KAAK,QAAQ,IAAIC,UAAU,EAAE;IACtC,OAAOA,UAAU;EACnB;EACA,QAAQD,OAAO;IACb,KAAK,QAAQ;MACX,OAAO;QACLE,KAAK,EAAE,SAAS;QAChBC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,YAAY;MACf,OAAO;QACLD,KAAK,EAAE,MAAM;QACbC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,cAAc;MACjB,OAAO;QACLD,KAAK,EAAE,SAAS;QAChBC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,MAAM;MACT,OAAO;QACLD,KAAK,EAAE,MAAM;QACbC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,SAAS;MACZ,OAAO;QACLD,KAAK,EAAE,SAAS;QAChBC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,OAAO;MACV,OAAO;QACLD,KAAK,EAAE,OAAO;QACdC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,SAAS;MACZ,OAAO;QACLD,KAAK,EAAE,SAAS;QAChBC,IAAI,EAAE;MACR,CAAC;IACH,KAAK,QAAQ;MACX,OAAOC,SAAS;IAClB;MACE,OAAOA,SAAS;EACpB;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,GAAG,GAAGA,CAAC;EAClBC,IAAI;EACJN,OAAO;EACPO,MAAM;EACNC,IAAI;EACJC,sBAAsB;EACtBC,gBAAgB,GAAG,IAAI;EACvBC,cAAc,GAAG;AACd,CAAC,KAAK;EACT,MAAMC,KAAK,GAAGhD,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEiD,gBAAgB;IAAEC;EAAuB,CAAC,GAAG/C,qBAAqB,CAAC,CAAC;EAC5E,MAAM;IAAEgD;EAAe,CAAC,GAAGpD,uBAAuB,CAAC,CAAC;EAEpD,MAAMqD,YAAY,GAAGjB,eAAe,CAACC,OAAO,EAAEQ,IAAI,CAAC;EAEnD,MAAMS,WAAW,GAAGN,cAAc,GAC9BnD,QAAQ,CAACE,YAAY,CAAC,oBAAoB,CAAC,CAAC,GAC5CF,QAAQ,CAACoD,KAAK,CAAC,oBAAoB,CAAC,CAAC;EAEzC,MAAMM,eAAe,GAAGP,cAAc,GAClCnD,QAAQ,CAACE,YAAY,CAAC,uBAAuB,CAAC,CAAC,GAC/CF,QAAQ,CAACoD,KAAK,CAAC,uBAAuB,CAAC,CAAC;EAE5C,MAAMO,UAAqB,GAAG;IAC5BzB,iBAAiB,EAAE7B,aAAa,GAAGgD,gBAAgB;IACnDlB,eAAe,EAAE7B,aAAa,GAAG+C,gBAAgB;IACjDjB,SAAS,EAAElB,eAAe,GAAGmC,gBAAgB,GAAGC,sBAAsB;IACtErB,YAAY,EAAEhC,WAAW,GAAGoD;EAC9B,CAAC;EAED,oBACEzD,KAAA,CAAAgE,aAAA,CAAC7D,IAAI;IACHgD,MAAM,EAAEA,MAAO;IACfc,KAAK,EAAE,CACLzC,MAAM,CAACE,GAAG,EACV4B,gBAAgB,GAAGS,UAAU,GAAGvC,MAAM,CAACY,SAAS,EAChD;MAAEyB,WAAW;MAAEC;IAAgB,CAAC;EAChC,GAEDF,YAAY,iBACX5D,KAAA,CAAAgE,aAAA,CAAC7D,IAAI;IAAC8D,KAAK,EAAEzC,MAAM,CAACiB;EAAY,gBAC9BzC,KAAA,CAAAgE,aAAA,CAACpD,IAAI;IACH0C,gBAAgB,EAAEA,gBAAiB;IACnCP,IAAI,EAAEa,YAAY,CAACb,IAAK;IACxBD,KAAK,EACHS,cAAc,GACVjD,YAAY,CAACQ,aAAa,CAAC8C,YAAY,CAACd,KAAK,CAAC,CAAC,GAC/CU,KAAK,CAAC1C,aAAa,CAAC8C,YAAY,CAACd,KAAK,CAAC,CAC5C;IACDoB,IAAI,EAAE3C,aAAc;IACpB4C,UAAU,EAAE,CAAC,CAACd,sBAAuB;IACrCe,kBAAkB,EAAEf;EAAuB,CAC5C,CACG,CACP,EACAH,IAAI,iBACHlD,KAAA,CAAAgE,aAAA,CAACnD,MAAM;IACLyC,gBAAgB,EAAEA,gBAAiB;IACnCe,IAAI,EAAEV,cAAc,GAAG,UAAU,GAAG,kBAAmB;IACvDW,MAAM,EAAE,UAAW;IACnBJ,IAAI,EAAE,EAAG;IACTK,UAAU,EAAE,EAAG;IACfzB,KAAK,EACHS,cAAc,GACVjD,YAAY,CAAC,mBAAmB,CAAC,GACjCkD,KAAK,CAAC,mBAAmB,CAC9B;IACDgB,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBR,KAAK,EAAE;MACLtC,SAAS,EAAE,QAAQ;MACnB+C,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE,GAAG;MAClBjC,UAAU,EAAE;IACd;EAAE,GAEDQ,IACK,CAEN,CAAC;AAEX,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TextInputBase","TextInput","props","createElement"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;
|
|
1
|
+
{"version":3,"names":["React","TextInputBase","TextInput","props","createElement"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,aAAa,QAAQ,iBAAiB;AAW/C,OAAO,MAAMC,SAAS,GAAIC,KAAqB,iBAC7CH,KAAA,CAAAI,aAAA,CAACH,aAAa,EAAKE,KAAQ,CAC5B"}
|
|
@@ -5,6 +5,7 @@ import { Platform, Pressable, StyleSheet, TextInput, View } from "react-native";
|
|
|
5
5
|
import LinearGradient from "react-native-linear-gradient";
|
|
6
6
|
import Animated, { Easing, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
|
|
7
7
|
import { IOColors, hexToRgba, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
8
|
+
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
8
9
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
9
10
|
import { getInputPropsByType } from "../../utils/textInput";
|
|
10
11
|
import { Icon } from "../icons";
|
|
@@ -31,8 +32,7 @@ const styles = StyleSheet.create({
|
|
|
31
32
|
flexDirection: "row",
|
|
32
33
|
alignItems: "center",
|
|
33
34
|
height: inputHeight,
|
|
34
|
-
paddingVertical: inputPaddingVertical
|
|
35
|
-
paddingHorizontal: inputPaddingHorizontal
|
|
35
|
+
paddingVertical: inputPaddingVertical
|
|
36
36
|
},
|
|
37
37
|
textInputOuterBorder: {
|
|
38
38
|
...StyleSheet.absoluteFillObject,
|
|
@@ -62,7 +62,7 @@ const styles = StyleSheet.create({
|
|
|
62
62
|
})
|
|
63
63
|
},
|
|
64
64
|
textInputStyleFont: {
|
|
65
|
-
...makeFontStyleObject(inputLabelFontSize, "Titillio", undefined, "
|
|
65
|
+
...makeFontStyleObject(inputLabelFontSize, "Titillio", undefined, "Medium")
|
|
66
66
|
},
|
|
67
67
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
68
68
|
textInputStyleLegacyFont: {
|
|
@@ -70,15 +70,18 @@ const styles = StyleSheet.create({
|
|
|
70
70
|
},
|
|
71
71
|
textInputLabelWrapper: {
|
|
72
72
|
position: "absolute",
|
|
73
|
-
paddingHorizontal: inputPaddingHorizontal,
|
|
74
73
|
zIndex: 10,
|
|
75
74
|
bottom: 0,
|
|
76
75
|
top: 0,
|
|
77
76
|
justifyContent: "center"
|
|
78
77
|
},
|
|
79
78
|
textInputLabel: {
|
|
80
|
-
|
|
81
|
-
|
|
79
|
+
color: inputLabelColor,
|
|
80
|
+
...makeFontStyleObject(inputLabelFontSize, "Titillio", undefined, "Regular")
|
|
81
|
+
},
|
|
82
|
+
textInputLabelLegacyFont: {
|
|
83
|
+
color: inputLabelColor,
|
|
84
|
+
...makeFontStyleObject(inputLabelFontSize, "TitilliumSansPro", undefined, "Regular")
|
|
82
85
|
}
|
|
83
86
|
});
|
|
84
87
|
const HelperRow = ({
|
|
@@ -149,6 +152,10 @@ export const TextInputBase = ({
|
|
|
149
152
|
const isSecretInput = useMemo(() => isPassword, [isPassword]);
|
|
150
153
|
const [inputStatus, setInputStatus] = React.useState(disabled ? "disabled" : "initial");
|
|
151
154
|
const focusedState = useSharedValue(0);
|
|
155
|
+
const {
|
|
156
|
+
dynamicFontScale,
|
|
157
|
+
spacingScaleMultiplier
|
|
158
|
+
} = useIOFontDynamicScale();
|
|
152
159
|
const theme = useIOTheme();
|
|
153
160
|
|
|
154
161
|
/* Get the label width to enable the correct translation */
|
|
@@ -238,7 +245,9 @@ export const TextInputBase = ({
|
|
|
238
245
|
onPress: onTextInputPress,
|
|
239
246
|
style: [inputStatus === "disabled" ? {
|
|
240
247
|
opacity: inputDisabledOpacity
|
|
241
|
-
} : {}, styles.textInput
|
|
248
|
+
} : {}, styles.textInput, {
|
|
249
|
+
paddingHorizontal: inputPaddingHorizontal * dynamicFontScale * spacingScaleMultiplier
|
|
250
|
+
}],
|
|
242
251
|
accessible: false,
|
|
243
252
|
accessibilityRole: "none",
|
|
244
253
|
importantForAccessibility: "no"
|
|
@@ -249,10 +258,12 @@ export const TextInputBase = ({
|
|
|
249
258
|
borderColor: borderColorMap.focused
|
|
250
259
|
}, styles.textInputInnerBorder, animatedInnerBorderStyle]
|
|
251
260
|
}), icon && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
|
|
261
|
+
allowFontScaling: true,
|
|
252
262
|
name: icon,
|
|
253
263
|
color: iconColor,
|
|
254
264
|
size: iconSize
|
|
255
265
|
}), /*#__PURE__*/React.createElement(HSpacer, {
|
|
266
|
+
allowScaleSpacing: true,
|
|
256
267
|
size: iconMargin
|
|
257
268
|
})), /*#__PURE__*/React.createElement(TextInput, _extends({
|
|
258
269
|
ref: inputRef,
|
|
@@ -287,14 +298,16 @@ export const TextInputBase = ({
|
|
|
287
298
|
value: inputValue
|
|
288
299
|
})), /*#__PURE__*/React.createElement(Animated.View, {
|
|
289
300
|
pointerEvents: "none",
|
|
290
|
-
style: [styles.textInputLabelWrapper,
|
|
291
|
-
|
|
301
|
+
style: [styles.textInputLabelWrapper, {
|
|
302
|
+
paddingHorizontal: inputPaddingHorizontal * dynamicFontScale * spacingScaleMultiplier
|
|
303
|
+
}, icon ? {
|
|
304
|
+
left: (iconSize + iconMargin) * dynamicFontScale * spacingScaleMultiplier
|
|
292
305
|
} : {}]
|
|
293
306
|
}, /*#__PURE__*/React.createElement(Animated.Text, {
|
|
294
307
|
onLayout: getLabelWidth,
|
|
295
308
|
numberOfLines: 1,
|
|
296
309
|
accessible: false,
|
|
297
|
-
style: [styles.textInputLabel, animatedLabelStyle]
|
|
310
|
+
style: [isExperimental ? styles.textInputLabel : styles.textInputLabelLegacyFont, animatedLabelStyle]
|
|
298
311
|
}, placeholder)), rightElement && /*#__PURE__*/React.createElement(Animated.View, {
|
|
299
312
|
style: {
|
|
300
313
|
alignSelf: "stretch",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Platform","Pressable","StyleSheet","TextInput","View","LinearGradient","Animated","Easing","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","hexToRgba","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","getInputPropsByType","Icon","HSpacer","BodySmall","inputMarginTop","inputHeight","inputPaddingHorizontal","inputPaddingVertical","inputRadius","inputTransitionDuration","inputLabelScaleFactor","inputLabelFontSize","inputDisabledOpacity","inputRightElementMargin","iconColor","iconSize","iconMargin","inputLabelColor","inputTextColor","black","inputDisabledTextColor","styles","create","textInput","flexDirection","alignItems","height","paddingVertical","paddingHorizontal","textInputOuterBorder","absoluteFillObject","borderRadius","borderCurve","borderWidth","textInputInnerBorder","textInputStyle","flexGrow","flexShrink","marginTop","OS","marginLeft","textInputStyleFont","undefined","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","textInputLabel","color","HelperRow","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","accessibilityElementsHidden","importantForAccessibility","weight","TextInputBase","disabled","placeholder","onChangeText","accessibilityLabel","accessibilityHint","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","autoFocus","testID","inputRef","isSecretInput","inputStatus","setInputStatus","useState","focusedState","theme","labelWidth","setLabelWidth","getLabelWidth","nativeEvent","layout","width","appBackground","borderColorMap","initial","focused","error","easingConf","duration","easing","inOut","cubic","animatedLabelStyle","enableTransition","transform","translateX","translateY","scale","animatedOuterBorderStyle","borderColor","animatedInnerBorderStyle","opacity","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","onFocusHandler","derivedInputProps","inputValue","valueFormat","isExperimental","Fragment","onPress","accessible","accessibilityRole","name","size","_extends","ref","editable","secureTextEntry","disableFullscreenUI","accessibilityState","selectionColor","cursorColor","maxLength","blurOnSubmit","pointerEvents","left","Text","onLayout","numberOfLines","alignSelf","overflow","useAngle","angle","colors"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Platform","Pressable","StyleSheet","TextInput","View","LinearGradient","Animated","Easing","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","hexToRgba","useIOExperimentalDesign","useIOTheme","useIOFontDynamicScale","makeFontStyleObject","getInputPropsByType","Icon","HSpacer","BodySmall","inputMarginTop","inputHeight","inputPaddingHorizontal","inputPaddingVertical","inputRadius","inputTransitionDuration","inputLabelScaleFactor","inputLabelFontSize","inputDisabledOpacity","inputRightElementMargin","iconColor","iconSize","iconMargin","inputLabelColor","inputTextColor","black","inputDisabledTextColor","styles","create","textInput","flexDirection","alignItems","height","paddingVertical","textInputOuterBorder","absoluteFillObject","borderRadius","borderCurve","borderWidth","textInputInnerBorder","textInputStyle","flexGrow","flexShrink","marginTop","OS","marginLeft","textInputStyleFont","undefined","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","textInputLabel","color","textInputLabelLegacyFont","HelperRow","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","paddingHorizontal","accessibilityElementsHidden","importantForAccessibility","weight","TextInputBase","disabled","placeholder","onChangeText","accessibilityLabel","accessibilityHint","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","autoFocus","testID","inputRef","isSecretInput","inputStatus","setInputStatus","useState","focusedState","dynamicFontScale","spacingScaleMultiplier","theme","labelWidth","setLabelWidth","getLabelWidth","nativeEvent","layout","width","appBackground","borderColorMap","initial","focused","error","easingConf","duration","easing","inOut","cubic","animatedLabelStyle","enableTransition","transform","translateX","translateY","scale","animatedOuterBorderStyle","borderColor","animatedInnerBorderStyle","opacity","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","onFocusHandler","derivedInputProps","inputValue","valueFormat","isExperimental","Fragment","onPress","accessible","accessibilityRole","allowFontScaling","name","size","allowScaleSpacing","_extends","ref","editable","secureTextEntry","disableFullscreenUI","accessibilityState","selectionColor","cursorColor","maxLength","blurOnSubmit","pointerEvents","left","Text","onLayout","numberOfLines","alignSelf","overflow","useAngle","angle","colors"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { forwardRef, useMemo } from "react";
|
|
3
3
|
import { Text } from "react-native";
|
|
4
|
-
import { IOColors,
|
|
4
|
+
import { IOColors, useIOTheme } from "../../core";
|
|
5
5
|
import { useBoldTextEnabled } from "../../utils/accessibility";
|
|
6
|
-
import { makeFontStyleObject } from "../../utils/fonts";
|
|
6
|
+
import { IOFontSizeMultiplier, makeFontStyleObject } from "../../utils/fonts";
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* We exclude all of the following props when we define a new
|
|
@@ -48,15 +48,12 @@ export const IOText = /*#__PURE__*/forwardRef(({
|
|
|
48
48
|
textStyle,
|
|
49
49
|
style,
|
|
50
50
|
children,
|
|
51
|
-
allowFontScaling,
|
|
51
|
+
allowFontScaling = true,
|
|
52
52
|
maxFontSizeMultiplier,
|
|
53
53
|
...props
|
|
54
54
|
}, ref) => {
|
|
55
55
|
const theme = useIOTheme();
|
|
56
56
|
const boldEnabled = useBoldTextEnabled();
|
|
57
|
-
const {
|
|
58
|
-
isExperimental
|
|
59
|
-
} = useIOExperimentalDesign();
|
|
60
57
|
const computedStyleObj = useMemo(() => calculateTextStyle(color ?? theme["textBody-default"], size, font, lineHeight, weight, fontStyle, boldEnabled), [color, theme, size, font, lineHeight, weight, fontStyle, boldEnabled]);
|
|
61
58
|
|
|
62
59
|
/* In some cases, for example when we use color transitions with
|
|
@@ -81,8 +78,8 @@ export const IOText = /*#__PURE__*/forwardRef(({
|
|
|
81
78
|
|
|
82
79
|
/* Accessible typography based on the `fontScale` parameter */
|
|
83
80
|
const accessibleFontSizeProps = {
|
|
84
|
-
allowFontScaling
|
|
85
|
-
maxFontSizeMultiplier: maxFontSizeMultiplier ??
|
|
81
|
+
allowFontScaling,
|
|
82
|
+
maxFontSizeMultiplier: maxFontSizeMultiplier ?? IOFontSizeMultiplier
|
|
86
83
|
};
|
|
87
84
|
return /*#__PURE__*/React.createElement(Text, _extends({
|
|
88
85
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useMemo","Text","IOColors","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","Text","IOColors","useIOTheme","useBoldTextEnabled","IOFontSizeMultiplier","makeFontStyleObject","calculateTextStyle","color","args","IOText","size","font","lineHeight","weight","fontStyle","textStyle","style","children","allowFontScaling","maxFontSizeMultiplier","props","ref","theme","boldEnabled","computedStyleObj","fontStyleObj","styleObj","accessibleFontSizeProps","createElement","_extends"],"sourceRoot":"../../../../src","sources":["components/typography/IOText.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAoBC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClE,SAGEC,IAAI,QAGC,cAAc;AACrB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,YAAY;AACjD,SAASC,kBAAkB,QAAQ,2BAA2B;AAC9D,SAEEC,oBAAoB,EAEpBC,mBAAmB,QACd,mBAAmB;;AAE1B;AACA;AACA;AACA;AACA;;AAaA;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;;AASA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAGA,CACzBC,KAAe,EACf,GAAGC,IAA4C,MAC3C;EACJ,GAAGH,mBAAmB,CAAC,GAAGG,IAAI,CAAC;EAC/BD,KAAK,EAAEN,QAAQ,CAACM,KAAK;AACvB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,MAAM,gBAAGX,UAAU,CAC9B,CACE;EACES,KAAK;EACLG,IAAI;EACJC,IAAI;EACJC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,gBAAgB,GAAG,IAAI;EACvBC,qBAAqB;EACrB,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,KAAK,GAAGpB,UAAU,CAAC,CAAC;EAC1B,MAAMqB,WAAW,GAAGpB,kBAAkB,CAAC,CAAC;EAExC,MAAMqB,gBAAgB,GAAGzB,OAAO,CAC9B,MACEO,kBAAkB,CAChBC,KAAK,IAAIe,KAAK,CAAC,kBAAkB,CAAC,EAClCZ,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTS,WACF,CAAC,EACH,CAAChB,KAAK,EAAEe,KAAK,EAAEZ,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAES,WAAW,CACvE,CAAC;;EAED;AACJ;AACA;AACA;AACA;AACA;EACI,MAAME,YAAY,GAAGT,KAAK,aAALA,KAAK,eAALA,KAAK,CAAET,KAAK,GAC7B,CAAC;IAAE,GAAGiB,gBAAgB;IAAEjB,KAAK,EAAES,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAET;EAAM,CAAC,CAAC,GAC9CiB,gBAAgB;;EAEpB;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,MAAME,QAAQ,GAAGV,KAAK,GAClB,CAACD,SAAS,IAAI,CAAC,CAAC,EAAEU,YAAY,IAAI,CAAC,CAAC,EAAET,KAAK,CAAC,GAC5C,CAACD,SAAS,IAAI,CAAC,CAAC,EAAEU,YAAY,IAAI,CAAC,CAAC,CAAC;;EAEzC;EACA,MAAME,uBAAoD,GAAG;IAC3DT,gBAAgB;IAChBC,qBAAqB,EAAEA,qBAAqB,IAAIf;EAClD,CAAC;EAED,oBACEP,KAAA,CAAA+B,aAAA,CAAC5B,IAAI,EAAA6B,QAAA;IAACR,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEU;EAAS,GAAKN,KAAK,EAAMO,uBAAuB,GACpEV,QACG,CAAC;AAEX,CACF,CAAC"}
|