@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.
Files changed (66) hide show
  1. package/lib/commonjs/components/alert/Alert.js +6 -2
  2. package/lib/commonjs/components/alert/Alert.js.map +1 -1
  3. package/lib/commonjs/components/badge/Badge.js +78 -78
  4. package/lib/commonjs/components/badge/Badge.js.map +1 -1
  5. package/lib/commonjs/components/listitems/ListItemHeader.js +0 -1
  6. package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
  7. package/lib/commonjs/components/modules/ModuleAttachment.js +4 -5
  8. package/lib/commonjs/components/modules/ModuleAttachment.js.map +1 -1
  9. package/lib/commonjs/components/modules/ModuleCredential.js +1 -1
  10. package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
  11. package/lib/commonjs/components/modules/ModuleNavigation.js +1 -1
  12. package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
  13. package/lib/commonjs/components/modules/ModulePaymentNotice.js +3 -4
  14. package/lib/commonjs/components/modules/ModulePaymentNotice.js.map +1 -1
  15. package/lib/commonjs/components/pictograms/svg/PictogramBleedSearch.js +6 -24
  16. package/lib/commonjs/components/pictograms/svg/PictogramBleedSearch.js.map +1 -1
  17. package/lib/commonjs/components/pictograms/svg/PictogramSearchLens.js +6 -24
  18. package/lib/commonjs/components/pictograms/svg/PictogramSearchLens.js.map +1 -1
  19. package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedSearch.svg +1 -1
  20. package/lib/commonjs/components/pictograms/svg/originals/PictogramSearchLens.svg +1 -1
  21. package/lib/commonjs/components/searchInput/SearchInput.js +1 -1
  22. package/lib/commonjs/components/typography/LabelSmall.js.map +1 -1
  23. package/lib/module/components/alert/Alert.js +6 -2
  24. package/lib/module/components/alert/Alert.js.map +1 -1
  25. package/lib/module/components/badge/Badge.js +78 -77
  26. package/lib/module/components/badge/Badge.js.map +1 -1
  27. package/lib/module/components/listitems/ListItemHeader.js +0 -1
  28. package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
  29. package/lib/module/components/modules/ModuleAttachment.js +5 -6
  30. package/lib/module/components/modules/ModuleAttachment.js.map +1 -1
  31. package/lib/module/components/modules/ModuleCredential.js +1 -1
  32. package/lib/module/components/modules/ModuleCredential.js.map +1 -1
  33. package/lib/module/components/modules/ModuleNavigation.js +1 -1
  34. package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
  35. package/lib/module/components/modules/ModulePaymentNotice.js +3 -4
  36. package/lib/module/components/modules/ModulePaymentNotice.js.map +1 -1
  37. package/lib/module/components/pictograms/svg/PictogramBleedSearch.js +6 -24
  38. package/lib/module/components/pictograms/svg/PictogramBleedSearch.js.map +1 -1
  39. package/lib/module/components/pictograms/svg/PictogramSearchLens.js +6 -24
  40. package/lib/module/components/pictograms/svg/PictogramSearchLens.js.map +1 -1
  41. package/lib/module/components/pictograms/svg/originals/PictogramBleedSearch.svg +1 -1
  42. package/lib/module/components/pictograms/svg/originals/PictogramSearchLens.svg +1 -1
  43. package/lib/module/components/searchInput/SearchInput.js +1 -1
  44. package/lib/module/components/typography/LabelSmall.js.map +1 -1
  45. package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
  46. package/lib/typescript/components/badge/Badge.d.ts.map +1 -1
  47. package/lib/typescript/components/modules/ModuleAttachment.d.ts.map +1 -1
  48. package/lib/typescript/components/modules/ModulePaymentNotice.d.ts.map +1 -1
  49. package/lib/typescript/components/pictograms/svg/PictogramBleedSearch.d.ts.map +1 -1
  50. package/lib/typescript/components/pictograms/svg/PictogramSearchLens.d.ts.map +1 -1
  51. package/lib/typescript/components/typography/LabelSmall.d.ts +2 -2
  52. package/lib/typescript/components/typography/LabelSmall.d.ts.map +1 -1
  53. package/package.json +1 -1
  54. package/src/components/alert/Alert.tsx +7 -2
  55. package/src/components/badge/Badge.tsx +90 -85
  56. package/src/components/listitems/ListItemHeader.tsx +1 -1
  57. package/src/components/modules/ModuleAttachment.tsx +10 -7
  58. package/src/components/modules/ModuleCredential.tsx +1 -1
  59. package/src/components/modules/ModuleNavigation.tsx +1 -1
  60. package/src/components/modules/ModulePaymentNotice.tsx +2 -1
  61. package/src/components/pictograms/svg/PictogramBleedSearch.tsx +4 -28
  62. package/src/components/pictograms/svg/PictogramSearchLens.tsx +4 -28
  63. package/src/components/pictograms/svg/originals/PictogramBleedSearch.svg +1 -1
  64. package/src/components/pictograms/svg/originals/PictogramSearchLens.svg +1 -1
  65. package/src/components/searchInput/SearchInput.tsx +1 -1
  66. 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 { LabelSmall } from "../typography";
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 <LoadingSpinner testID={activityIndicatorTestId} />;
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
- <LabelSmall
111
+ <LabelSmallAlt
107
112
  numberOfLines={1}
108
- weight="SemiBold"
109
- font="ReadexPro"
110
- color="blueIO-500"
113
+ color={theme["interactiveElem-default"]}
111
114
  >
112
115
  {title}
113
- </LabelSmall>
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="blueIO-500"
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="blueIO-500"
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={[styles.rightSection, { flexShrink: 1 }]}>
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
- d="M119.784 101.777L117.673 105.626L150.173 123.456L152.285 119.607L119.784 101.777Z"
17
- fill={colorValues.main}
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
- d="M127.47 114.228L101.258 140.44L104.362 143.544L130.574 117.332L127.47 114.228Z"
17
- fill={colorValues.main}
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 viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11084_62202)"><g clip-path="url(#clip1_11084_62202)"><path d="M219.7 160.2L202.57 150.8L200.46 154.65L217.65 164.08" fill="#AAEEEF"/><path d="M119.784 101.777L117.673 105.626L150.173 123.456L152.285 119.607L119.784 101.777Z" fill="#AAEEEF"/><path 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" fill="#0B3EE3"/><path 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" fill="#0B3EE3"/><path 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" fill="#0B3EE3"/><path 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" fill="#0B3EE3"/><path d="M189.427 160.415L187.227 163.756L240.444 198.819L242.644 195.479L189.427 160.415Z" fill="#0B3EE3"/><path 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" fill="#AAEEEF"/><path 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" fill="#00C5CA"/></g></g><defs><clipPath id="clip0_11084_62202"><rect width="240" height="240" fill="white" transform="matrix(-1 -8.74228e-08 -8.74228e-08 1 240 0)"/></clipPath><clipPath id="clip1_11084_62202"><rect width="229.65" height="156.84" fill="white" transform="translate(13 42)"/></clipPath></defs></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 viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_4868_9685)"><path d="M47.8896 198.28L61.6996 184.47L64.8097 187.58L50.9396 201.45" fill="#AAEEEF"/><path d="M127.47 114.228L101.258 140.44L104.362 143.544L130.574 117.332L127.47 114.228Z" fill="#AAEEEF"/><path 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" fill="#0B3EE3"/><path 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" fill="#0B3EE3"/><path 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" fill="#0B3EE3"/><path 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" fill="#0B3EE3"/><path d="M77.0825 189.953L63.8691 204.103L66.7927 206.833L80.006 192.684L77.0825 189.953Z" fill="#0B3EE3"/><path 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" fill="#AAEEEF"/><path 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" fill="#00C5CA"/></g><defs><clipPath id="clip0_4868_9685"><rect width="198.59" height="173.84" fill="white" transform="translate(21 33)"/></clipPath></defs></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 = 12;
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, FontType, TypographyProps } from "./common";
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";