@pagopa/io-app-design-system 1.38.1 → 1.38.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/alert/Alert.js +6 -2
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +78 -78
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +0 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleAttachment.js +4 -5
- package/lib/commonjs/components/modules/ModuleAttachment.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCredential.js +1 -1
- package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js +1 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/commonjs/components/modules/ModulePaymentNotice.js +3 -4
- package/lib/commonjs/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramBleedSearch.js +6 -24
- package/lib/commonjs/components/pictograms/svg/PictogramBleedSearch.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramSearchLens.js +6 -24
- package/lib/commonjs/components/pictograms/svg/PictogramSearchLens.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedSearch.svg +1 -1
- package/lib/commonjs/components/pictograms/svg/originals/PictogramSearchLens.svg +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +1 -1
- package/lib/commonjs/components/typography/LabelSmall.js.map +1 -1
- package/lib/module/components/alert/Alert.js +6 -2
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/badge/Badge.js +78 -77
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +0 -1
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/modules/ModuleAttachment.js +5 -6
- package/lib/module/components/modules/ModuleAttachment.js.map +1 -1
- package/lib/module/components/modules/ModuleCredential.js +1 -1
- package/lib/module/components/modules/ModuleCredential.js.map +1 -1
- package/lib/module/components/modules/ModuleNavigation.js +1 -1
- package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/module/components/modules/ModulePaymentNotice.js +3 -4
- package/lib/module/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramBleedSearch.js +6 -24
- package/lib/module/components/pictograms/svg/PictogramBleedSearch.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramSearchLens.js +6 -24
- package/lib/module/components/pictograms/svg/PictogramSearchLens.js.map +1 -1
- package/lib/module/components/pictograms/svg/originals/PictogramBleedSearch.svg +1 -1
- package/lib/module/components/pictograms/svg/originals/PictogramSearchLens.svg +1 -1
- package/lib/module/components/searchInput/SearchInput.js +1 -1
- package/lib/module/components/typography/LabelSmall.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleAttachment.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModulePaymentNotice.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramBleedSearch.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramSearchLens.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelSmall.d.ts +2 -2
- package/lib/typescript/components/typography/LabelSmall.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/Alert.tsx +7 -2
- package/src/components/badge/Badge.tsx +90 -85
- package/src/components/listitems/ListItemHeader.tsx +1 -1
- package/src/components/modules/ModuleAttachment.tsx +10 -7
- package/src/components/modules/ModuleCredential.tsx +1 -1
- package/src/components/modules/ModuleNavigation.tsx +1 -1
- package/src/components/modules/ModulePaymentNotice.tsx +2 -1
- package/src/components/pictograms/svg/PictogramBleedSearch.tsx +4 -28
- package/src/components/pictograms/svg/PictogramSearchLens.tsx +4 -28
- package/src/components/pictograms/svg/originals/PictogramBleedSearch.svg +1 -1
- package/src/components/pictograms/svg/originals/PictogramSearchLens.svg +1 -1
- package/src/components/searchInput/SearchInput.tsx +1 -1
- package/src/components/typography/LabelSmall.tsx +2 -3
|
@@ -27,7 +27,7 @@ import { Badge } from "../badge";
|
|
|
27
27
|
import { Icon } from "../icons";
|
|
28
28
|
import { LoadingSpinner } from "../loadingSpinner";
|
|
29
29
|
import { VSpacer } from "../spacer";
|
|
30
|
-
import {
|
|
30
|
+
import { LabelSmallAlt } from "../typography";
|
|
31
31
|
|
|
32
32
|
type PartialProps = WithTestID<{
|
|
33
33
|
title: string;
|
|
@@ -88,7 +88,12 @@ const ModuleAttachmentContent = ({
|
|
|
88
88
|
const activityIndicatorTestId = testID
|
|
89
89
|
? `${testID}_activityIndicator`
|
|
90
90
|
: undefined;
|
|
91
|
-
return
|
|
91
|
+
return (
|
|
92
|
+
<LoadingSpinner
|
|
93
|
+
testID={activityIndicatorTestId}
|
|
94
|
+
color={theme["interactiveElem-default"]}
|
|
95
|
+
/>
|
|
96
|
+
);
|
|
92
97
|
}
|
|
93
98
|
|
|
94
99
|
return (
|
|
@@ -103,14 +108,12 @@ const ModuleAttachmentContent = ({
|
|
|
103
108
|
return (
|
|
104
109
|
<>
|
|
105
110
|
<View style={styles.innerContent}>
|
|
106
|
-
<
|
|
111
|
+
<LabelSmallAlt
|
|
107
112
|
numberOfLines={1}
|
|
108
|
-
|
|
109
|
-
font="ReadexPro"
|
|
110
|
-
color="blueIO-500"
|
|
113
|
+
color={theme["interactiveElem-default"]}
|
|
111
114
|
>
|
|
112
115
|
{title}
|
|
113
|
-
</
|
|
116
|
+
</LabelSmallAlt>
|
|
114
117
|
<VSpacer size={4} />
|
|
115
118
|
<View style={{ width: 44 }}>
|
|
116
119
|
<Badge text={format.toUpperCase()} variant="default" />
|
|
@@ -68,7 +68,7 @@ const ModuleCredential = (props: WithTestID<ModuleCredentialProps>) => {
|
|
|
68
68
|
{(icon || image) && iconComponent}
|
|
69
69
|
<View style={{ flexGrow: 1, flexShrink: 1, paddingRight: 8 }}>
|
|
70
70
|
<LabelSmallAlt
|
|
71
|
-
color="
|
|
71
|
+
color={theme["interactiveElem-default"]}
|
|
72
72
|
numberOfLines={2}
|
|
73
73
|
lineBreakMode="middle"
|
|
74
74
|
>
|
|
@@ -71,7 +71,7 @@ export const ModuleNavigation = (props: WithTestID<ModuleNavigationProps>) => {
|
|
|
71
71
|
{(icon || image) && iconComponent}
|
|
72
72
|
<View style={{ flexGrow: 1, flexShrink: 1, paddingRight: 8 }}>
|
|
73
73
|
<LabelSmallAlt
|
|
74
|
-
color="
|
|
74
|
+
color={theme["interactiveElem-default"]}
|
|
75
75
|
numberOfLines={2}
|
|
76
76
|
lineBreakMode="middle"
|
|
77
77
|
>
|
|
@@ -70,6 +70,7 @@ const ModulePaymentNoticeContent = ({
|
|
|
70
70
|
<H6
|
|
71
71
|
accessibilityLabel={getAccessibleAmountText(paymentNoticeAmount)}
|
|
72
72
|
color={isExperimental ? "blueIO-500" : "blue"}
|
|
73
|
+
numberOfLines={1}
|
|
73
74
|
>
|
|
74
75
|
{paymentNoticeAmount}
|
|
75
76
|
</H6>
|
|
@@ -107,7 +108,7 @@ const ModulePaymentNoticeContent = ({
|
|
|
107
108
|
</LabelSmall>
|
|
108
109
|
)}
|
|
109
110
|
</View>
|
|
110
|
-
<View style={
|
|
111
|
+
<View style={styles.rightSection}>
|
|
111
112
|
<AmountOrBadgeComponent />
|
|
112
113
|
<Icon
|
|
113
114
|
name="chevronRightListItem"
|
|
@@ -9,40 +9,16 @@ const PictogramBleedSearch = ({
|
|
|
9
9
|
}: SVGPictogramProps) => (
|
|
10
10
|
<Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
|
|
11
11
|
<Path
|
|
12
|
-
d="M219.7 160.2L202.57 150.8L200.46 154.65L217.65 164.08"
|
|
13
12
|
fill={colorValues.main}
|
|
13
|
+
d="m138.27 122.768-19.549-4.786c3.357-13.224-16.924-23.616-43.851-31.923-24.894-7.689-47.064-8.897-52.451-3.237l.022-.036s-9.939 12.01-2.37 19.796c0 0 27.2 28.059 78.33 27.418 0 0 5.842-.223 11.071-1.615 2.822-.756 6.679-4.069 8.166-6.467l19.501 5.097 1.143-4.239-.012-.008Zm-27.878-9.259c-1.906 6.184-21.444 5.644-43.623-1.201-22.178-6.845-38.612-17.409-36.706-23.592 1.907-6.184 21.444-5.644 43.623 1.2 22.178 6.846 38.624 17.417 36.708 23.603l-.002-.01Z"
|
|
14
14
|
/>
|
|
15
15
|
<Path
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
/>
|
|
19
|
-
<Path
|
|
20
|
-
d="M240.53 139.02C239.97 138.69 184.34 105.96 154.94 104.19C153.06 104.08 151.251 104.73 149.961 105.99C147.921 107.97 147.14 110.21 147.62 112.66C148.04 114.79 149.46 116.71 151.51 117.93L163.461 125.07L161.41 128.5L149.461 121.36C146.451 119.56 144.35 116.67 143.7 113.44C142.94 109.63 144.14 106.07 147.17 103.12C149.27 101.08 152.19 100.02 155.17 100.2C167.97 100.97 186.58 107.17 210.5 118.63C228.22 127.12 242.42 135.5 242.56 135.58L240.521 139.02H240.53Z"
|
|
21
|
-
fill={colorValues.hands}
|
|
22
|
-
/>
|
|
23
|
-
<Path
|
|
24
|
-
d="M161.91 143.65C160.74 143.65 159.97 143.55 159.86 143.53L159.56 143.46C154.19 141.79 150.67 138.9 149.1 134.87C146.39 127.9 150.76 120.27 150.95 119.95L154.41 121.97L152.68 120.96L154.41 121.96C154.37 122.02 150.82 128.28 152.84 133.44C153.93 136.23 156.53 138.29 160.58 139.59C161.81 139.73 170.31 140.35 174.73 132.25C175.73 130.42 175.63 128.22 174.48 126.51C173.4 124.9 172.23 124.09 171.02 124.09C169.69 124.09 166.78 125.1 162.33 131.81L159 129.6C163.23 123.22 167.16 120.11 171 120.09C172.86 120.08 175.47 120.8 177.8 124.27C179.79 127.22 179.96 131.01 178.24 134.16C173.65 142.58 165.67 143.65 161.92 143.65H161.91Z"
|
|
25
|
-
fill={colorValues.hands}
|
|
26
|
-
/>
|
|
27
|
-
<Path
|
|
28
|
-
d="M175.97 156.06C160.28 156.06 155.07 141.05 155.02 140.89L158.81 139.62L156.91 140.25L158.81 139.61C159.01 140.21 164.01 154.35 179.78 151.72C183.65 151.08 188.19 149.24 187.84 144.11C187.48 138.89 182.3 133.44 177.58 133.31L177.69 129.31C184.46 129.49 191.33 136.55 191.83 143.83C192.25 149.98 188 154.41 180.44 155.66C178.86 155.92 177.37 156.04 175.97 156.04V156.06Z"
|
|
29
|
-
fill={colorValues.hands}
|
|
30
|
-
/>
|
|
31
|
-
<Path
|
|
32
|
-
d="M189.75 164.14C187.09 164.14 183.9 163.61 180.11 162.23L179.94 162.16C179.64 162.02 172.56 158.67 169.35 154.7L172.46 152.19C174.93 155.25 180.82 158.15 181.56 158.51C188.42 160.99 193.94 160.64 197.12 157.54C199.78 154.95 200.66 150.5 199.3 146.47C196.98 139.58 188.97 140.86 188.63 140.92L187.96 136.98C192.01 136.29 200.38 137.12 203.1 145.2C204.93 150.65 203.65 156.76 199.92 160.4C198.24 162.04 195.05 164.14 189.75 164.14Z"
|
|
33
|
-
fill={colorValues.hands}
|
|
16
|
+
fill={colorValues.secondary}
|
|
17
|
+
d="M116.007 114.431a1.266 1.266 0 0 0-1.73.461c-3.253 5.595-19.808 7.594-48.458-1.242-29.812-9.212-40.928-19.872-41.389-26.778a1.26 1.26 0 0 0-1.345-1.176 1.265 1.265 0 0 0-1.176 1.345c.664 10.036 16.807 20.887 43.168 29.022 18.51 5.718 33.935 7.461 43.157 5.224 3.975-.964 6.803-2.669 8.227-5.113a1.267 1.267 0 0 0-.461-1.731l.007-.012ZM91.146 98.647c-7.425-3.292-14.412-5.117-14.412-5.117l-2.52 1.62c7.577 2.772 13.469 5.212 18.064 7.318l-1.14-3.809.008-.012ZM107.848 111.636c-2.022-4.86-8.152-8.92-14.432-11.945l1.423 3.956c10.921 5.234 13.009 7.989 13.009 7.989Z"
|
|
34
18
|
/>
|
|
35
19
|
<Path
|
|
36
|
-
d="M189.427 160.415L187.227 163.756L240.444 198.819L242.644 195.479L189.427 160.415Z"
|
|
37
20
|
fill={colorValues.hands}
|
|
38
|
-
|
|
39
|
-
<Path
|
|
40
|
-
d="M129.044 107.827C136.398 92.0847 116.727 67.3492 85.1084 52.5782C53.4896 37.8072 21.896 38.5943 14.542 54.3361C7.1881 70.078 26.8587 94.8135 58.4775 109.585C90.0963 124.355 121.69 123.568 129.044 107.827Z"
|
|
41
|
-
fill={colorValues.main}
|
|
42
|
-
/>
|
|
43
|
-
<Path
|
|
44
|
-
d="M101.2 113.53C89.86 113.53 75.65 110.18 61.35 103.5C47.77 97.16 36.1 88.8 28.5 79.98C20.71 70.94 18.08 62.43 21.08 56C21.31 55.5 21.91 55.28 22.41 55.52C22.91 55.75 23.13 56.35 22.89 56.85C20.24 62.52 22.77 70.27 30.01 78.68C37.44 87.3 48.87 95.47 62.19 101.7C89.47 114.44 116.21 115.06 121.81 103.07C122.04 102.57 122.64 102.35 123.14 102.59C123.64 102.82 123.86 103.42 123.62 103.92C120.62 110.34 112.28 113.54 101.19 113.54L101.2 113.53Z"
|
|
45
|
-
fill={colorValues.secondary}
|
|
21
|
+
d="m243.431 173.921-54.611-19.61c2.478-1.362 3.977-3.074 4.821-4.431 2.774-4.429 2.571-10.656-.493-15.521-4.065-6.454-11.164-6.193-15.306-4.9-3.154-3.032-7.46-4.92-11.425-4.72a9.42 9.42 0 0 0-2.797-4.745c-3.08-2.813-5.817-2.9-7.576-2.473l-.029.007c-2.595.629-4.871 2.745-6.9 6.386l-12.541-3.893c-2.28-.703-4.102-2.236-5.022-4.205-1.054-2.265-.814-4.628.701-7.033.959-1.519 2.565-2.578 4.416-2.924 28.988-5.21 119.274 20.758 99.831 15.551l10.5-1.878c-.155-.045-33.701-8.665-52.923-12.739-25.948-5.498-45.495-7.137-58.113-4.858-2.968.535-5.536 2.248-7.086 4.723-2.252 3.572-2.577 7.324-.94 10.848 1.383 2.988 4.105 5.301 7.465 6.339l.689.213c-.517 2.914-.95 8.555 2.155 12.998 1.739 2.501 4.312 4.202 7.643 5.123 1.653 2.233 7.64 9.312 17.254 9.748 4.159 2.85 11.202 4.311 11.505 4.371l.181.028c3.003.331 5.565.286 7.745-.016l59.515 21.373 1.351-3.765-.01.003ZM141.525 134.79c-2.125-3.035-1.946-7.132-1.582-9.536l7.444 2.31a61.432 61.432 0 0 0-.793 2.035l3.758 1.362c2.745-7.56 5.325-9.225 6.625-9.551 1.185-.287 2.504.227 3.933 1.537a5.515 5.515 0 0 1 1.596 5.519c-2.379 8.902-10.795 10.305-12.021 10.469-4.24-.299-7.255-1.698-8.972-4.153l.012.008Zm10.175 8.007c.296-.051.648-.126 1.046-.223 3.654-.886 11.157-3.807 13.624-13.07.069-.263.11-.52.148-.787 4.492-.276 10.053 3.561 11.529 8.204 1.549 4.903-2.429 7.761-6.039 9.295-9.801 4.178-16.704-.013-20.321-3.426l.013.007Zm18.744 8.213a28.47 28.47 0 0 0 3.148-1.103c7.053-2.997 10.148-8.306 8.281-14.182a13.78 13.78 0 0 0-1.278-2.808c2.611-.479 6.651-.409 9.174 3.589 2.26 3.588 2.463 8.118.491 11.272-2.359 3.762-7.651 5.406-14.902 4.613a47.767 47.767 0 0 1-4.912-1.371l-.002-.01Z"
|
|
46
22
|
/>
|
|
47
23
|
</Svg>
|
|
48
24
|
);
|
|
@@ -9,40 +9,16 @@ const PictogramSearchLens = ({
|
|
|
9
9
|
}: SVGPictogramProps) => (
|
|
10
10
|
<Svg width={size} height={size} viewBox="0 0 240 240" {...props}>
|
|
11
11
|
<Path
|
|
12
|
-
d="M47.8896 198.28L61.6996 184.47L64.8097 187.58L50.9396 201.45"
|
|
13
12
|
fill={colorValues.main}
|
|
13
|
+
d="m130.52 114.42-17.87-9.26c6.38-12.06-10.88-26.94-35.09-41.36-22.38-13.34-43.64-19.74-50.21-15.51l.03-.03s-12.49 9.33-6.97 18.68c0 0 19.82 33.68 69.66 45.11 0 0 5.73 1.16 11.14 1.04 2.92-.07 7.45-2.38 9.46-4.36l17.75 9.55 2.11-3.85-.01-.01Zm-24.91-15.57c-3.31 5.56-22.17.43-42.11-11.45-19.94-11.88-33.42-26.02-30.11-31.58 3.31-5.56 22.17-.43 42.11 11.45 19.94 11.88 33.43 26.03 30.11 31.59v-.01Z"
|
|
14
14
|
/>
|
|
15
15
|
<Path
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
/>
|
|
19
|
-
<Path
|
|
20
|
-
d="M24.17 191.52L21 189.09C21.11 188.95 31.88 174.94 46 159.86C65.09 139.48 80.92 126.95 93.05 122.61C95.87 121.6 98.97 121.8 101.55 123.17C105.28 125.15 107.43 128.24 107.77 132.11C108.06 135.39 106.85 138.75 104.46 141.33L94.99 151.53L92.06 148.81L101.53 138.61C103.15 136.86 103.97 134.62 103.79 132.46C103.57 129.98 102.19 128.04 99.68 126.71C98.09 125.87 96.16 125.75 94.4 126.38C66.75 136.27 24.6 190.97 24.17 191.52Z"
|
|
21
|
-
fill={colorValues.hands}
|
|
22
|
-
/>
|
|
23
|
-
<Path
|
|
24
|
-
d="M93.0697 167.04C89.2797 167.04 84.6097 165.91 80.4097 161.68C77.8797 159.14 76.9797 155.45 78.0697 152.06C79.3397 148.07 81.6897 146.64 83.4297 146.14C87.1297 145.08 91.7697 146.97 97.6197 151.91L95.0397 154.97C88.8997 149.78 85.8197 149.62 84.5397 149.99C83.3697 150.33 82.4697 151.44 81.8797 153.28C81.2497 155.24 81.7797 157.38 83.2497 158.86C89.7397 165.39 97.7197 162.43 98.8897 161.95C102.42 159.58 104.34 156.86 104.6 153.88C105.09 148.36 99.9297 143.35 99.8797 143.3L102.64 140.4C102.91 140.66 109.24 146.76 108.59 154.21C108.21 158.51 105.65 162.27 100.95 165.38L100.68 165.53C100.44 165.64 97.2897 167.04 93.0797 167.04H93.0697Z"
|
|
25
|
-
fill={colorValues.hands}
|
|
26
|
-
/>
|
|
27
|
-
<Path
|
|
28
|
-
d="M81.7598 183.11C75.5298 183.11 71.2298 180.1 70.0698 174.78C68.5198 167.65 73.1398 158.95 79.5898 156.88L80.8098 160.69C76.3098 162.13 72.8598 168.81 73.9798 173.93C75.0698 178.95 79.9498 179.45 83.8498 178.98C99.7298 177.08 100.57 162.12 100.6 161.48L104.6 161.64C104.6 161.83 103.65 180.64 84.3298 182.95C83.4398 183.06 82.5898 183.11 81.7698 183.11H81.7598Z"
|
|
29
|
-
fill={colorValues.hands}
|
|
30
|
-
/>
|
|
31
|
-
<Path
|
|
32
|
-
d="M73.01 194.39C70.33 194.39 68.2901 193.66 66.9301 192.93C62.3201 190.48 59.39 184.97 59.62 179.22C59.97 170.7 67.77 167.56 71.85 167.09L72.3101 171.06C71.9701 171.1 63.9001 172.17 63.6101 179.38C63.4401 183.62 65.53 187.65 68.8 189.39C72.72 191.48 78.1201 190.26 84.01 185.97C84.6201 185.42 89.4601 180.98 90.9801 177.35L94.67 178.89C92.7 183.6 86.84 188.8 86.59 189.02L86.45 189.13C80.96 193.16 76.4501 194.37 72.9901 194.37L73.01 194.39Z"
|
|
33
|
-
fill={colorValues.hands}
|
|
16
|
+
fill={colorValues.secondary}
|
|
17
|
+
d="M110.85 101.07c-.5-.48-1.3-.47-1.79.04-4.48 4.67-21.04 2.71-46.8-12.63C35.46 72.5 27.17 59.52 28.35 52.7a1.26 1.26 0 0 0-1.03-1.46c-.68-.12-1.34.34-1.46 1.03-1.72 9.91 11.41 24.26 35.11 38.38 16.64 9.92 31.22 15.25 40.71 15.25 4.09 0 7.24-.99 9.2-3.03.48-.5.47-1.3-.04-1.79l.01-.01ZM90.41 79.87c-6.44-4.95-12.8-8.37-12.8-8.37l-2.83.98c6.71 4.48 11.86 8.24 15.83 11.37l-.21-3.97.01-.01ZM103.58 96.43c-.82-5.2-5.82-10.59-11.21-15.01l.45 4.18c9.38 7.66 10.76 10.83 10.76 10.83Z"
|
|
34
18
|
/>
|
|
35
19
|
<Path
|
|
36
|
-
d="M77.0825 189.953L63.8691 204.103L66.7927 206.833L80.006 192.684L77.0825 189.953Z"
|
|
37
20
|
fill={colorValues.hands}
|
|
38
|
-
|
|
39
|
-
<Path
|
|
40
|
-
d="M188.508 104.574C214.731 81.5448 226.694 52.2931 215.229 39.2379C203.763 26.1828 173.212 34.268 146.989 57.2968C120.767 80.3255 108.804 109.577 120.269 122.632C131.734 135.688 162.286 127.602 188.508 104.574Z"
|
|
41
|
-
fill={colorValues.main}
|
|
42
|
-
/>
|
|
43
|
-
<Path
|
|
44
|
-
d="M125.59 117.84C125.31 117.84 125.04 117.72 124.84 117.5C120.16 112.17 120.31 103.26 125.26 92.4C130.09 81.8 138.96 70.51 150.22 60.62C173.66 40.03 200.43 32.04 209.89 42.81C210.26 43.22 210.21 43.86 209.8 44.22C209.38 44.58 208.75 44.54 208.39 44.13C199.66 34.19 174.16 42.27 151.54 62.13C140.49 71.84 131.8 82.88 127.08 93.23C122.48 103.33 122.22 111.48 126.35 116.18C126.72 116.59 126.67 117.23 126.26 117.59C126.07 117.76 125.83 117.84 125.6 117.84H125.59Z"
|
|
45
|
-
fill={colorValues.secondary}
|
|
21
|
+
d="m220.66 188.92-48.45-31.93c2.73-.74 4.59-2.05 5.73-3.17 3.74-3.65 5.01-9.75 3.18-15.2-2.43-7.23-9.39-8.65-13.72-8.37-2.35-3.69-6.09-6.54-9.99-7.28 0-1.84-.53-3.68-1.6-5.27-2.33-3.46-4.97-4.19-6.78-4.19H149c-2.67 0-5.38 1.52-8.21 4.58l-11.27-6.74c-2.05-1.22-3.46-3.14-3.89-5.27-.49-2.45.3-4.69 2.34-6.67 1.29-1.25 3.1-1.9 4.98-1.8 29.4 1.77 85.04 34.5 85.59 34.83l2.04-3.44c-.14-.08-14.34-8.46-32.06-16.95-23.92-11.46-42.53-17.66-55.33-18.42-3.01-.18-5.91.88-8 2.92-3.03 2.94-4.23 6.51-3.47 10.32.64 3.23 2.74 6.12 5.76 7.92l.62.37c-1.19 2.71-2.94 8.09-.97 13.14 1.1 2.84 3.2 5.1 6.22 6.78 1.08 2.56 5.23 10.85 14.47 13.54 3.37 3.75 9.87 6.83 10.15 6.96l.17.07c2.84 1.03 5.34 1.59 7.53 1.81l52.8 34.8 2.2-3.34h-.01Zm-89.81-62.05c-1.35-3.45-.21-7.39.71-9.64l6.69 4c-.41.57-.83 1.16-1.25 1.79l3.33 2.21c4.45-6.7 7.35-7.71 8.69-7.72 1.22 0 2.38.81 3.46 2.42a5.514 5.514 0 0 1 .25 5.74c-4.41 8.09-12.92 7.47-14.15 7.34-4.05-1.29-6.65-3.36-7.74-6.15l.01.01Zm8 10.18c.3.02.66.03 1.07.03 3.76 0 11.74-1.07 16.32-9.49.13-.24.23-.48.33-.73 4.43.79 8.93 5.83 9.27 10.69.35 5.13-4.19 6.97-8.06 7.61-10.51 1.75-16.23-3.95-18.94-8.12l.01.01Zm16.28 12.4c1.07-.05 2.16-.14 3.32-.33 7.56-1.25 11.82-5.68 11.39-11.83-.07-1.02-.28-2.04-.58-3.03 2.65.15 6.56 1.17 8.07 5.65 1.35 4.02.48 8.47-2.18 11.07-3.18 3.1-8.71 3.45-15.57.97-.41-.2-2.36-1.16-4.45-2.49v-.01Z"
|
|
46
22
|
/>
|
|
47
23
|
</Svg>
|
|
48
24
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 240 240"><g clip-path="url(#a)"><g clip-path="url(#b)"><path fill="#AAEEEF" d="m138.27 122.768-19.549-4.786c3.357-13.224-16.924-23.616-43.851-31.923-24.894-7.689-47.064-8.897-52.451-3.237l.022-.036s-9.939 12.01-2.37 19.796c0 0 27.2 28.059 78.33 27.418 0 0 5.842-.223 11.071-1.615 2.822-.756 6.679-4.069 8.166-6.467l19.501 5.097 1.143-4.239-.012-.008Zm-27.878-9.259c-1.906 6.184-21.444 5.644-43.623-1.201-22.178-6.845-38.612-17.409-36.706-23.592 1.907-6.184 21.444-5.644 43.623 1.2 22.178 6.846 38.624 17.417 36.708 23.603l-.002-.01Z"/><path fill="#00C5CA" d="M116.007 114.431a1.266 1.266 0 0 0-1.73.461c-3.253 5.595-19.808 7.594-48.458-1.242-29.812-9.212-40.928-19.872-41.389-26.778a1.26 1.26 0 0 0-1.345-1.176 1.265 1.265 0 0 0-1.176 1.345c.664 10.036 16.807 20.887 43.168 29.022 18.51 5.718 33.935 7.461 43.157 5.224 3.975-.964 6.803-2.669 8.227-5.113a1.267 1.267 0 0 0-.461-1.731l.007-.012ZM91.146 98.647c-7.425-3.292-14.412-5.117-14.412-5.117l-2.52 1.62c7.577 2.772 13.469 5.212 18.064 7.318l-1.14-3.809.008-.012ZM107.848 111.636c-2.022-4.86-8.152-8.92-14.432-11.945l1.423 3.956c10.921 5.234 13.009 7.989 13.009 7.989Z"/><path fill="#0B3EE3" d="m243.431 173.921-54.611-19.61c2.478-1.362 3.977-3.074 4.821-4.431 2.774-4.429 2.571-10.656-.493-15.521-4.065-6.454-11.164-6.193-15.306-4.9-3.154-3.032-7.46-4.92-11.425-4.72a9.42 9.42 0 0 0-2.797-4.745c-3.08-2.813-5.817-2.9-7.576-2.473l-.029.007c-2.595.629-4.871 2.745-6.9 6.386l-12.541-3.893c-2.28-.703-4.102-2.236-5.022-4.205-1.054-2.265-.814-4.628.701-7.033.959-1.519 2.565-2.578 4.416-2.924 28.988-5.21 119.274 20.758 99.831 15.551l10.5-1.878c-.155-.045-33.701-8.665-52.923-12.739-25.948-5.498-45.495-7.137-58.113-4.858-2.968.535-5.536 2.248-7.086 4.723-2.252 3.572-2.577 7.324-.94 10.848 1.383 2.988 4.105 5.301 7.465 6.339l.689.213c-.517 2.914-.95 8.555 2.155 12.998 1.739 2.501 4.312 4.202 7.643 5.123 1.653 2.233 7.64 9.312 17.254 9.748 4.159 2.85 11.202 4.311 11.505 4.371l.181.028c3.003.331 5.565.286 7.745-.016l59.515 21.373 1.351-3.765-.01.003ZM141.525 134.79c-2.125-3.035-1.946-7.132-1.582-9.536l7.444 2.31a61.432 61.432 0 0 0-.793 2.035l3.758 1.362c2.745-7.56 5.325-9.225 6.625-9.551 1.185-.287 2.504.227 3.933 1.537a5.515 5.515 0 0 1 1.596 5.519c-2.379 8.902-10.795 10.305-12.021 10.469-4.24-.299-7.255-1.698-8.972-4.153l.012.008Zm10.175 8.007c.296-.051.648-.126 1.046-.223 3.654-.886 11.157-3.807 13.624-13.07.069-.263.11-.52.148-.787 4.492-.276 10.053 3.561 11.529 8.204 1.549 4.903-2.429 7.761-6.039 9.295-9.801 4.178-16.704-.013-20.321-3.426l.013.007Zm18.744 8.213a28.47 28.47 0 0 0 3.148-1.103c7.053-2.997 10.148-8.306 8.281-14.182a13.78 13.78 0 0 0-1.278-2.808c2.611-.479 6.651-.409 9.174 3.589 2.26 3.588 2.463 8.118.491 11.272-2.359 3.762-7.651 5.406-14.902 4.613a47.767 47.767 0 0 1-4.912-1.371l-.002-.01Z"/></g></g><defs><clipPath id="a"><path fill="#fff" d="M240 0H0v240h240z"/></clipPath><clipPath id="b"><path fill="#fff" d="M14 83.537 209.977 36l34.242 141.167-195.977 47.536z"/></clipPath></defs></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 240 240"><g clip-path="url(#a)"><path fill="#AAEEEF" d="m130.52 114.42-17.87-9.26c6.38-12.06-10.88-26.94-35.09-41.36-22.38-13.34-43.64-19.74-50.21-15.51l.03-.03s-12.49 9.33-6.97 18.68c0 0 19.82 33.68 69.66 45.11 0 0 5.73 1.16 11.14 1.04 2.92-.07 7.45-2.38 9.46-4.36l17.75 9.55 2.11-3.85-.01-.01Zm-24.91-15.57c-3.31 5.56-22.17.43-42.11-11.45-19.94-11.88-33.42-26.02-30.11-31.58 3.31-5.56 22.17-.43 42.11 11.45 19.94 11.88 33.43 26.03 30.11 31.59v-.01Z"/><path fill="#00C5CA" d="M110.85 101.07c-.5-.48-1.3-.47-1.79.04-4.48 4.67-21.04 2.71-46.8-12.63C35.46 72.5 27.17 59.52 28.35 52.7a1.26 1.26 0 0 0-1.03-1.46c-.68-.12-1.34.34-1.46 1.03-1.72 9.91 11.41 24.26 35.11 38.38 16.64 9.92 31.22 15.25 40.71 15.25 4.09 0 7.24-.99 9.2-3.03.48-.5.47-1.3-.04-1.79l.01-.01ZM90.41 79.87c-6.44-4.95-12.8-8.37-12.8-8.37l-2.83.98c6.71 4.48 11.86 8.24 15.83 11.37l-.21-3.97.01-.01ZM103.58 96.43c-.82-5.2-5.82-10.59-11.21-15.01l.45 4.18c9.38 7.66 10.76 10.83 10.76 10.83Z"/><path fill="#0B3EE3" d="m220.66 188.92-48.45-31.93c2.73-.74 4.59-2.05 5.73-3.17 3.74-3.65 5.01-9.75 3.18-15.2-2.43-7.23-9.39-8.65-13.72-8.37-2.35-3.69-6.09-6.54-9.99-7.28 0-1.84-.53-3.68-1.6-5.27-2.33-3.46-4.97-4.19-6.78-4.19H149c-2.67 0-5.38 1.52-8.21 4.58l-11.27-6.74c-2.05-1.22-3.46-3.14-3.89-5.27-.49-2.45.3-4.69 2.34-6.67 1.29-1.25 3.1-1.9 4.98-1.8 29.4 1.77 85.04 34.5 85.59 34.83l2.04-3.44c-.14-.08-14.34-8.46-32.06-16.95-23.92-11.46-42.53-17.66-55.33-18.42-3.01-.18-5.91.88-8 2.92-3.03 2.94-4.23 6.51-3.47 10.32.64 3.23 2.74 6.12 5.76 7.92l.62.37c-1.19 2.71-2.94 8.09-.97 13.14 1.1 2.84 3.2 5.1 6.22 6.78 1.08 2.56 5.23 10.85 14.47 13.54 3.37 3.75 9.87 6.83 10.15 6.96l.17.07c2.84 1.03 5.34 1.59 7.53 1.81l52.8 34.8 2.2-3.34h-.01Zm-89.81-62.05c-1.35-3.45-.21-7.39.71-9.64l6.69 4c-.41.57-.83 1.16-1.25 1.79l3.33 2.21c4.45-6.7 7.35-7.71 8.69-7.72 1.22 0 2.38.81 3.46 2.42a5.514 5.514 0 0 1 .25 5.74c-4.41 8.09-12.92 7.47-14.15 7.34-4.05-1.29-6.65-3.36-7.74-6.15l.01.01Zm8 10.18c.3.02.66.03 1.07.03 3.76 0 11.74-1.07 16.32-9.49.13-.24.23-.48.33-.73 4.43.79 8.93 5.83 9.27 10.69.35 5.13-4.19 6.97-8.06 7.61-10.51 1.75-16.23-3.95-18.94-8.12l.01.01Zm16.28 12.4c1.07-.05 2.16-.14 3.32-.33 7.56-1.25 11.82-5.68 11.39-11.83-.07-1.02-.28-2.04-.58-3.03 2.65.15 6.56 1.17 8.07 5.65 1.35 4.02.48 8.47-2.18 11.07-3.18 3.1-8.71 3.45-15.57.97-.41-.2-2.36-1.16-4.45-2.49v-.01Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M19 47h201.66v145.26H19z"/></clipPath></defs></svg>
|
|
@@ -45,7 +45,7 @@ const iconMargin: IOSpacingScale = 8;
|
|
|
45
45
|
const iconColor: IOColors = "grey-700";
|
|
46
46
|
const iconSize: IOIconSizeScale = 16;
|
|
47
47
|
const iconCloseSize: IOIconSizeScale = 24;
|
|
48
|
-
const inputFontSizePlaceholder: number =
|
|
48
|
+
const inputFontSizePlaceholder: number = 14;
|
|
49
49
|
const cancelButtonMargin: IOSpacingScale = 16;
|
|
50
50
|
const inputTransitionDuration: number = 250;
|
|
51
51
|
const inputHeightIOS: number = 36;
|
|
@@ -3,7 +3,7 @@ import { View } from "react-native";
|
|
|
3
3
|
import { IOColors, IOTheme, useIOExperimentalDesign } from "../../core";
|
|
4
4
|
import { FontFamily, IOFontWeight } from "../../utils/fonts";
|
|
5
5
|
import { useTypographyFactory } from "./Factory";
|
|
6
|
-
import { ExternalTypographyProps,
|
|
6
|
+
import { ExternalTypographyProps, TypographyProps } from "./common";
|
|
7
7
|
|
|
8
8
|
type PartialAllowedColors = Extract<
|
|
9
9
|
IOColors,
|
|
@@ -24,8 +24,7 @@ type AllowedFontSize = { fontSize?: FontSize };
|
|
|
24
24
|
type LabelSmallProps = ExternalTypographyProps<
|
|
25
25
|
TypographyProps<AllowedWeight, AllowedColors>
|
|
26
26
|
> &
|
|
27
|
-
AllowedFontSize
|
|
28
|
-
FontType;
|
|
27
|
+
AllowedFontSize;
|
|
29
28
|
|
|
30
29
|
const fontName: FontFamily = "TitilliumSansPro";
|
|
31
30
|
const legacyFontName: FontFamily = "TitilliumWeb";
|