@pagopa/io-app-design-system 4.0.0 → 4.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/alert/Alert.js +34 -7
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +95 -14
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +35 -20
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +36 -190
- package/lib/commonjs/components/featureInfo/FeatureInfo.js +27 -26
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +1 -1
- package/lib/commonjs/components/spacer/Spacer.js +1 -1
- package/lib/commonjs/components/spacer/Spacer.js.map +1 -1
- package/lib/commonjs/components/stack/Stack.js +18 -15
- package/lib/commonjs/components/stack/Stack.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +40 -26
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +9 -1
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/alert/Alert.js +36 -9
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/badge/Badge.js +96 -15
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/banner/Banner.js +40 -25
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +36 -190
- package/lib/module/components/featureInfo/FeatureInfo.js +29 -28
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +1 -1
- package/lib/module/components/spacer/Spacer.js +1 -1
- package/lib/module/components/spacer/Spacer.js.map +1 -1
- package/lib/module/components/stack/Stack.js +18 -15
- package/lib/module/components/stack/Stack.js.map +1 -1
- package/lib/module/components/tag/Tag.js +41 -27
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/core/IOColors.js +9 -1
- package/lib/module/core/IOColors.js.map +1 -1
- 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.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/spacer/Spacer.d.ts +0 -1
- package/lib/typescript/components/spacer/Spacer.d.ts.map +1 -1
- package/lib/typescript/components/stack/Stack.d.ts +9 -6
- package/lib/typescript/components/stack/Stack.d.ts.map +1 -1
- package/lib/typescript/components/tag/Tag.d.ts +13 -8
- package/lib/typescript/components/tag/Tag.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 +2 -2
- 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/IOColors.d.ts +2 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +3 -3
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/Alert.tsx +46 -15
- package/src/components/badge/Badge.tsx +109 -19
- package/src/components/banner/Banner.tsx +55 -27
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +36 -190
- package/src/components/featureInfo/FeatureInfo.tsx +26 -28
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +1 -1
- package/src/components/spacer/Spacer.tsx +2 -4
- package/src/components/stack/Stack.tsx +25 -17
- package/src/components/tag/Tag.tsx +66 -33
- package/src/components/typography/IOText.tsx +1 -2
- package/src/core/IOColors.ts +12 -0
- package/src/utils/fonts.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","Extrapolation","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOScaleValues","IOSpringValues","IOStyles","useIOExperimentalDesign","useIOTheme","useIOThemeContext","hexToRgba","IOColors","IconButton","PictogramBleed","VSpacer","buttonTextFontSize","H6","IOText","BodySmall","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","_IOScaleValues$magnif","isPressed","isExperimental","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","paddingVertical","paddingHorizontal","animationScaleValue","magnifiedButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","accessibilityElementsHidden","importantForAccessibility","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
|
|
@@ -111,104 +111,27 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
113
|
/>
|
|
114
|
-
<
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
"busy": undefined,
|
|
120
|
-
"checked": undefined,
|
|
121
|
-
"disabled": false,
|
|
122
|
-
"expanded": undefined,
|
|
123
|
-
"selected": undefined,
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
accessibilityValue={
|
|
127
|
-
{
|
|
128
|
-
"max": undefined,
|
|
129
|
-
"min": undefined,
|
|
130
|
-
"now": undefined,
|
|
131
|
-
"text": undefined,
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
accessible={true}
|
|
135
|
-
collapsable={false}
|
|
136
|
-
focusable={true}
|
|
137
|
-
hitSlop={
|
|
138
|
-
{
|
|
139
|
-
"bottom": 14,
|
|
140
|
-
"left": 24,
|
|
141
|
-
"right": 24,
|
|
142
|
-
"top": 14,
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
onBlur={[Function]}
|
|
146
|
-
onClick={[Function]}
|
|
147
|
-
onFocus={[Function]}
|
|
148
|
-
onResponderGrant={[Function]}
|
|
149
|
-
onResponderMove={[Function]}
|
|
150
|
-
onResponderRelease={[Function]}
|
|
151
|
-
onResponderTerminate={[Function]}
|
|
152
|
-
onResponderTerminationRequest={[Function]}
|
|
153
|
-
onStartShouldSetResponder={[Function]}
|
|
154
|
-
onTouchEnd={[Function]}
|
|
114
|
+
<Text
|
|
115
|
+
allowFontScaling={true}
|
|
116
|
+
ellipsizeMode="tail"
|
|
117
|
+
maxFontSizeMultiplier={1.25}
|
|
118
|
+
numberOfLines={1}
|
|
155
119
|
style={
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
120
|
+
[
|
|
121
|
+
{},
|
|
122
|
+
{
|
|
123
|
+
"color": "#0B3EE3",
|
|
124
|
+
"fontFamily": "Titillio",
|
|
125
|
+
"fontSize": 16,
|
|
126
|
+
"fontStyle": "normal",
|
|
127
|
+
"fontWeight": "400",
|
|
128
|
+
"lineHeight": undefined,
|
|
129
|
+
},
|
|
130
|
+
]
|
|
159
131
|
}
|
|
160
132
|
>
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
[
|
|
164
|
-
{
|
|
165
|
-
"alignItems": "center",
|
|
166
|
-
"elevation": 0,
|
|
167
|
-
"flexDirection": "row",
|
|
168
|
-
"justifyContent": "center",
|
|
169
|
-
"textAlignVertical": "center",
|
|
170
|
-
},
|
|
171
|
-
false,
|
|
172
|
-
{},
|
|
173
|
-
{
|
|
174
|
-
"transform": [
|
|
175
|
-
{
|
|
176
|
-
"scale": undefined,
|
|
177
|
-
},
|
|
178
|
-
],
|
|
179
|
-
},
|
|
180
|
-
]
|
|
181
|
-
}
|
|
182
|
-
>
|
|
183
|
-
<Text
|
|
184
|
-
accessibilityElementsHidden={true}
|
|
185
|
-
accessible={false}
|
|
186
|
-
allowFontScaling={true}
|
|
187
|
-
ellipsizeMode="tail"
|
|
188
|
-
importantForAccessibility="no-hide-descendants"
|
|
189
|
-
maxFontSizeMultiplier={1.25}
|
|
190
|
-
numberOfLines={1}
|
|
191
|
-
style={
|
|
192
|
-
[
|
|
193
|
-
{},
|
|
194
|
-
{
|
|
195
|
-
"color": "#0E0F13",
|
|
196
|
-
"fontFamily": "Titillio",
|
|
197
|
-
"fontSize": 16,
|
|
198
|
-
"fontStyle": "normal",
|
|
199
|
-
"fontWeight": "600",
|
|
200
|
-
"lineHeight": undefined,
|
|
201
|
-
},
|
|
202
|
-
{
|
|
203
|
-
"color": undefined,
|
|
204
|
-
},
|
|
205
|
-
]
|
|
206
|
-
}
|
|
207
|
-
>
|
|
208
|
-
Action text
|
|
209
|
-
</Text>
|
|
210
|
-
</View>
|
|
211
|
-
</View>
|
|
133
|
+
Action text
|
|
134
|
+
</Text>
|
|
212
135
|
</View>
|
|
213
136
|
</View>
|
|
214
137
|
<View
|
|
@@ -461,104 +384,27 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
461
384
|
}
|
|
462
385
|
}
|
|
463
386
|
/>
|
|
464
|
-
<
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
"busy": undefined,
|
|
470
|
-
"checked": undefined,
|
|
471
|
-
"disabled": false,
|
|
472
|
-
"expanded": undefined,
|
|
473
|
-
"selected": undefined,
|
|
474
|
-
}
|
|
475
|
-
}
|
|
476
|
-
accessibilityValue={
|
|
477
|
-
{
|
|
478
|
-
"max": undefined,
|
|
479
|
-
"min": undefined,
|
|
480
|
-
"now": undefined,
|
|
481
|
-
"text": undefined,
|
|
482
|
-
}
|
|
483
|
-
}
|
|
484
|
-
accessible={true}
|
|
485
|
-
collapsable={false}
|
|
486
|
-
focusable={true}
|
|
487
|
-
hitSlop={
|
|
488
|
-
{
|
|
489
|
-
"bottom": 14,
|
|
490
|
-
"left": 24,
|
|
491
|
-
"right": 24,
|
|
492
|
-
"top": 14,
|
|
493
|
-
}
|
|
494
|
-
}
|
|
495
|
-
onBlur={[Function]}
|
|
496
|
-
onClick={[Function]}
|
|
497
|
-
onFocus={[Function]}
|
|
498
|
-
onResponderGrant={[Function]}
|
|
499
|
-
onResponderMove={[Function]}
|
|
500
|
-
onResponderRelease={[Function]}
|
|
501
|
-
onResponderTerminate={[Function]}
|
|
502
|
-
onResponderTerminationRequest={[Function]}
|
|
503
|
-
onStartShouldSetResponder={[Function]}
|
|
504
|
-
onTouchEnd={[Function]}
|
|
387
|
+
<Text
|
|
388
|
+
allowFontScaling={false}
|
|
389
|
+
ellipsizeMode="tail"
|
|
390
|
+
maxFontSizeMultiplier={1.25}
|
|
391
|
+
numberOfLines={1}
|
|
505
392
|
style={
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
393
|
+
[
|
|
394
|
+
{},
|
|
395
|
+
{
|
|
396
|
+
"color": "#0B3EE3",
|
|
397
|
+
"fontFamily": "Titillium Sans Pro",
|
|
398
|
+
"fontSize": 16,
|
|
399
|
+
"fontStyle": "normal",
|
|
400
|
+
"fontWeight": "700",
|
|
401
|
+
"lineHeight": undefined,
|
|
402
|
+
},
|
|
403
|
+
]
|
|
509
404
|
}
|
|
510
405
|
>
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
[
|
|
514
|
-
{
|
|
515
|
-
"alignItems": "center",
|
|
516
|
-
"elevation": 0,
|
|
517
|
-
"flexDirection": "row",
|
|
518
|
-
"justifyContent": "center",
|
|
519
|
-
"textAlignVertical": "center",
|
|
520
|
-
},
|
|
521
|
-
false,
|
|
522
|
-
{},
|
|
523
|
-
{
|
|
524
|
-
"transform": [
|
|
525
|
-
{
|
|
526
|
-
"scale": undefined,
|
|
527
|
-
},
|
|
528
|
-
],
|
|
529
|
-
},
|
|
530
|
-
]
|
|
531
|
-
}
|
|
532
|
-
>
|
|
533
|
-
<Text
|
|
534
|
-
accessibilityElementsHidden={true}
|
|
535
|
-
accessible={false}
|
|
536
|
-
allowFontScaling={false}
|
|
537
|
-
ellipsizeMode="tail"
|
|
538
|
-
importantForAccessibility="no-hide-descendants"
|
|
539
|
-
maxFontSizeMultiplier={1.25}
|
|
540
|
-
numberOfLines={1}
|
|
541
|
-
style={
|
|
542
|
-
[
|
|
543
|
-
{},
|
|
544
|
-
{
|
|
545
|
-
"color": "#0E0F13",
|
|
546
|
-
"fontFamily": "Titillium Sans Pro",
|
|
547
|
-
"fontSize": 16,
|
|
548
|
-
"fontStyle": "normal",
|
|
549
|
-
"fontWeight": "600",
|
|
550
|
-
"lineHeight": undefined,
|
|
551
|
-
},
|
|
552
|
-
{
|
|
553
|
-
"color": undefined,
|
|
554
|
-
},
|
|
555
|
-
]
|
|
556
|
-
}
|
|
557
|
-
>
|
|
558
|
-
Action text
|
|
559
|
-
</Text>
|
|
560
|
-
</View>
|
|
561
|
-
</View>
|
|
406
|
+
Action text
|
|
407
|
+
</Text>
|
|
562
408
|
</View>
|
|
563
409
|
</View>
|
|
564
410
|
<View
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
|
-
import { BodySmall, HSpacer, Icon, Pictogram,
|
|
4
|
-
import { IOStyles } from "../../core";
|
|
3
|
+
import { BodySmall, HSpacer, Icon, Pictogram, VStack } from "../../components";
|
|
4
|
+
import { IOStyles, useIOTheme } from "../../core";
|
|
5
5
|
const DEFAULT_ICON_SIZE = 24;
|
|
6
6
|
const DEFAULT_PICTOGRAM_SIZE = 48;
|
|
7
7
|
const renderNode = body => {
|
|
8
8
|
if (typeof body === "string") {
|
|
9
9
|
return /*#__PURE__*/React.createElement(BodySmall, {
|
|
10
|
-
color: "grey-700",
|
|
11
10
|
testID: "infoScreenBody"
|
|
12
11
|
}, body);
|
|
13
12
|
}
|
|
@@ -18,29 +17,31 @@ export const FeatureInfo = ({
|
|
|
18
17
|
pictogramName,
|
|
19
18
|
body,
|
|
20
19
|
action
|
|
21
|
-
}) =>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}), /*#__PURE__*/React.createElement(
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
20
|
+
}) => {
|
|
21
|
+
const theme = useIOTheme();
|
|
22
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
23
|
+
style: [IOStyles.flex, IOStyles.row, IOStyles.alignCenter]
|
|
24
|
+
}, iconName && /*#__PURE__*/React.createElement(Icon, {
|
|
25
|
+
name: iconName,
|
|
26
|
+
size: DEFAULT_ICON_SIZE,
|
|
27
|
+
color: theme["icon-decorative"]
|
|
28
|
+
}), pictogramName && /*#__PURE__*/React.createElement(Pictogram, {
|
|
29
|
+
name: pictogramName,
|
|
30
|
+
size: DEFAULT_PICTOGRAM_SIZE
|
|
31
|
+
}), /*#__PURE__*/React.createElement(HSpacer, {
|
|
32
|
+
size: 24
|
|
33
|
+
}), /*#__PURE__*/React.createElement(VStack, {
|
|
34
|
+
space: 4,
|
|
35
|
+
style: {
|
|
36
|
+
flexShrink: 1
|
|
37
|
+
}
|
|
38
|
+
}, renderNode(body), action && /*#__PURE__*/React.createElement(BodySmall, {
|
|
39
|
+
weight: "Semibold",
|
|
40
|
+
asLink: true,
|
|
41
|
+
onPress: action.onPress,
|
|
42
|
+
accessible: true,
|
|
43
|
+
importantForAccessibility: "yes",
|
|
44
|
+
accessibilityElementsHidden: false
|
|
45
|
+
}, action.label)));
|
|
46
|
+
};
|
|
46
47
|
//# sourceMappingURL=FeatureInfo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","BodySmall","HSpacer","Icon","Pictogram","
|
|
1
|
+
{"version":3,"names":["React","View","BodySmall","HSpacer","Icon","Pictogram","VStack","IOStyles","useIOTheme","DEFAULT_ICON_SIZE","DEFAULT_PICTOGRAM_SIZE","renderNode","body","createElement","testID","FeatureInfo","iconName","pictogramName","action","theme","style","flex","row","alignCenter","name","size","color","space","flexShrink","weight","asLink","onPress","accessible","importantForAccessibility","accessibilityElementsHidden","label"],"sourceRoot":"../../../../src","sources":["components/featureInfo/FeatureInfo.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAAgCC,IAAI,QAAQ,cAAc;AAC1D,SACEC,SAAS,EACTC,OAAO,EAKPC,IAAI,EACJC,SAAS,EACTC,MAAM,QACD,kBAAkB;AACzB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,YAAY;AA0BjD,MAAMC,iBAAkC,GAAG,EAAE;AAC7C,MAAMC,sBAA4C,GAAG,EAAE;AAEvD,MAAMC,UAAU,GAAIC,IAA8B,IAAK;EACrD,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,oBAAOZ,KAAA,CAAAa,aAAA,CAACX,SAAS;MAACY,MAAM,EAAC;IAAgB,GAAEF,IAAgB,CAAC;EAC9D;EAEA,OAAOA,IAAI;AACb,CAAC;AAED,OAAO,MAAMG,WAAW,GAAGA,CAAC;EAC1BC,QAAQ;EACRC,aAAa;EACbL,IAAI;EACJM;AACgB,CAAC,KAAK;EACtB,MAAMC,KAAK,GAAGX,UAAU,CAAC,CAAC;EAE1B,oBACER,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACmB,KAAK,EAAE,CAACb,QAAQ,CAACc,IAAI,EAAEd,QAAQ,CAACe,GAAG,EAAEf,QAAQ,CAACgB,WAAW;EAAE,GAC9DP,QAAQ,iBACPhB,KAAA,CAAAa,aAAA,CAACT,IAAI;IACHoB,IAAI,EAAER,QAAS;IACfS,IAAI,EAAEhB,iBAAkB;IACxBiB,KAAK,EAAEP,KAAK,CAAC,iBAAiB;EAAE,CACjC,CACF,EACAF,aAAa,iBACZjB,KAAA,CAAAa,aAAA,CAACR,SAAS;IAACmB,IAAI,EAAEP,aAAc;IAACQ,IAAI,EAAEf;EAAuB,CAAE,CAChE,eACDV,KAAA,CAAAa,aAAA,CAACV,OAAO;IAACsB,IAAI,EAAE;EAAG,CAAE,CAAC,eACrBzB,KAAA,CAAAa,aAAA,CAACP,MAAM;IAACqB,KAAK,EAAE,CAAE;IAACP,KAAK,EAAE;MAAEQ,UAAU,EAAE;IAAE;EAAE,GACxCjB,UAAU,CAACC,IAAI,CAAC,EAChBM,MAAM,iBACLlB,KAAA,CAAAa,aAAA,CAACX,SAAS;IACR2B,MAAM,EAAC,UAAU;IACjBC,MAAM;IACNC,OAAO,EAAEb,MAAM,CAACa,OAAQ;IACxBC,UAAU;IACVC,yBAAyB,EAAE,KAAM;IACjCC,2BAA2B,EAAE;EAAM,GAElChB,MAAM,CAACiB,KACC,CAEP,CACJ,CAAC;AAEX,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","hexToRgba","IOColors","DEFAULT_SIZE","debugMode","debugBg","red","Spacer","orientation","size","style","useMemo","height","width","backgroundColor","createElement","HSpacer","VSpacer"],"sourceRoot":"../../../../src","sources":["components/spacer/Spacer.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,EAAEC,QAAQ,QAAkB,YAAY;
|
|
1
|
+
{"version":3,"names":["React","View","hexToRgba","IOColors","DEFAULT_SIZE","debugMode","debugBg","red","Spacer","orientation","size","style","useMemo","height","width","backgroundColor","createElement","HSpacer","VSpacer"],"sourceRoot":"../../../../src","sources":["components/spacer/Spacer.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,EAAEC,QAAQ,QAAkB,YAAY;AAW1D,MAAMC,YAAsB,GAAG,EAAE;;AAEjC;AACA,MAAMC,SAAS,GAAG,KAAK;AACvB,MAAMC,OAAO,GAAGJ,SAAS,CAACC,QAAQ,CAACI,GAAG,EAAE,GAAG,CAAC;;AAE5C;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GAAGA,CAAC;EAAEC,WAAW;EAAEC;AAAsB,CAAC,KAAK;EACzD,MAAMC,KAAK,GAAGX,KAAK,CAACY,OAAO,CACzB,OAAO;IACL,IAAIH,WAAW,KAAK,UAAU,IAAI;MAChCI,MAAM,EAAEH;IACV,CAAC,CAAC;IACF,IAAID,WAAW,KAAK,YAAY,IAAI;MAClCK,KAAK,EAAEJ;IACT,CAAC,CAAC;IACF,IAAKL,SAAS,IAAgB;MAC5BU,eAAe,EAAET;IACnB,CAAC;EACH,CAAC,CAAC,EACF,CAACG,WAAW,EAAEC,IAAI,CACpB,CAAC;EAED,oBAAOV,KAAA,CAAAgB,aAAA,CAACf,IAAI;IAACU,KAAK,EAAEA;EAAM,CAAE,CAAC;AAC/B,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMM,OAAO,GAAGA,CAAC;EAAEP,IAAI,GAAGN;AAA0B,CAAC,kBAC1DJ,KAAA,CAAAgB,aAAA,CAACR,MAAM;EAACC,WAAW,EAAE,YAAa;EAACC,IAAI,EAAEA;AAAK,CAAE,CACjD;AACD;AACA;AACA;AACA;AACA,OAAO,MAAMQ,OAAO,GAAGA,CAAC;EAAER,IAAI,GAAGN;AAA0B,CAAC,kBAC1DJ,KAAA,CAAAgB,aAAA,CAACR,MAAM;EAACC,WAAW,EAAE,UAAW;EAACC,IAAI,EAAEA;AAAK,CAAE,CAC/C"}
|
|
@@ -1,21 +1,30 @@
|
|
|
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); }
|
|
1
2
|
import React from "react";
|
|
2
3
|
import { View } from "react-native";
|
|
3
4
|
/**
|
|
4
5
|
Horizontal Stack component
|
|
5
6
|
@param {IOSpacer} space
|
|
6
7
|
*/
|
|
7
|
-
|
|
8
|
+
|
|
9
|
+
const Stack = ({
|
|
8
10
|
space,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
+
style,
|
|
12
|
+
orientation = "vertical",
|
|
13
|
+
children
|
|
11
14
|
}) => /*#__PURE__*/React.createElement(View, {
|
|
12
15
|
style: {
|
|
13
16
|
display: "flex",
|
|
14
|
-
flexDirection: "row",
|
|
15
|
-
|
|
17
|
+
flexDirection: orientation === "horizontal" ? "row" : "column",
|
|
18
|
+
gap: space,
|
|
16
19
|
...style
|
|
17
20
|
}
|
|
18
21
|
}, children);
|
|
22
|
+
export const HStack = ({
|
|
23
|
+
children,
|
|
24
|
+
...props
|
|
25
|
+
}) => /*#__PURE__*/React.createElement(Stack, _extends({
|
|
26
|
+
orientation: "horizontal"
|
|
27
|
+
}, props), children);
|
|
19
28
|
|
|
20
29
|
/**
|
|
21
30
|
Vertical Stack component
|
|
@@ -23,15 +32,9 @@ Vertical Stack component
|
|
|
23
32
|
*/
|
|
24
33
|
|
|
25
34
|
export const VStack = ({
|
|
26
|
-
space,
|
|
27
35
|
children,
|
|
28
|
-
|
|
29
|
-
}) => /*#__PURE__*/React.createElement(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
flexDirection: "column",
|
|
33
|
-
rowGap: space,
|
|
34
|
-
...style
|
|
35
|
-
}
|
|
36
|
-
}, children);
|
|
36
|
+
...props
|
|
37
|
+
}) => /*#__PURE__*/React.createElement(Stack, _extends({
|
|
38
|
+
orientation: "vertical"
|
|
39
|
+
}, props), children);
|
|
37
40
|
//# sourceMappingURL=Stack.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","
|
|
1
|
+
{"version":3,"names":["React","View","Stack","space","style","orientation","children","createElement","display","flexDirection","gap","HStack","props","_extends","VStack"],"sourceRoot":"../../../../src","sources":["components/stack/Stack.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SAASC,IAAI,QAAmB,cAAc;AAiB9C;AACA;AACA;AACA;;AAEA,MAAMC,KAAK,GAAGA,CAAC;EACbC,KAAK;EACLC,KAAK;EACLC,WAAW,GAAG,UAAU;EACxBC;AACS,CAAC,kBACVN,KAAA,CAAAO,aAAA,CAACN,IAAI;EACHG,KAAK,EAAE;IACLI,OAAO,EAAE,MAAM;IACfC,aAAa,EAAEJ,WAAW,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ;IAC9DK,GAAG,EAAEP,KAAK;IACV,GAAGC;EACL;AAAE,GAEDE,QACG,CACP;AAED,OAAO,MAAMK,MAAM,GAAGA,CAAC;EAAEL,QAAQ;EAAE,GAAGM;AAAa,CAAC,kBAClDZ,KAAA,CAAAO,aAAA,CAACL,KAAK,EAAAW,QAAA;EAACR,WAAW,EAAC;AAAY,GAAKO,KAAK,GACtCN,QACI,CACR;;AAED;AACA;AACA;AACA;;AAEA,OAAO,MAAMQ,MAAM,GAAGA,CAAC;EAAER,QAAQ;EAAE,GAAGM;AAAa,CAAC,kBAClDZ,KAAA,CAAAO,aAAA,CAACL,KAAK,EAAAW,QAAA;EAACR,WAAW,EAAC;AAAU,GAAKO,KAAK,GACpCN,QACI,CACR"}
|
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Platform, StyleSheet, View } from "react-native";
|
|
3
|
-
import { IOColors, IOTagRadius, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
3
|
+
import { IOColors, IOTagRadius, IOThemeLight, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
4
4
|
import { IOTagHSpacing, IOTagVSpacing } from "../../core/IOSpacing";
|
|
5
5
|
import { Icon } from "../icons";
|
|
6
6
|
import { IOText } from "../typography";
|
|
7
|
+
const IconColorsMap = {
|
|
8
|
+
primary: "interactiveElem-default",
|
|
9
|
+
warning: "warningIcon",
|
|
10
|
+
error: "errorIcon",
|
|
11
|
+
success: "successIcon",
|
|
12
|
+
info: "infoIcon",
|
|
13
|
+
grey: "icon-default",
|
|
14
|
+
lightGrey: "icon-decorative"
|
|
15
|
+
};
|
|
7
16
|
const IOTagIconMargin = 6;
|
|
8
17
|
const IOTagIconSize = 16;
|
|
9
18
|
const styles = StyleSheet.create({
|
|
@@ -17,9 +26,7 @@ const styles = StyleSheet.create({
|
|
|
17
26
|
textAlignVertical: "center"
|
|
18
27
|
}
|
|
19
28
|
}),
|
|
20
|
-
backgroundColor: IOColors.white,
|
|
21
29
|
borderWidth: 1,
|
|
22
|
-
borderColor: IOColors["grey-100"],
|
|
23
30
|
borderRadius: IOTagRadius,
|
|
24
31
|
borderCurve: "continuous",
|
|
25
32
|
paddingHorizontal: IOTagHSpacing,
|
|
@@ -32,44 +39,45 @@ const styles = StyleSheet.create({
|
|
|
32
39
|
width: IOTagIconMargin
|
|
33
40
|
}
|
|
34
41
|
});
|
|
35
|
-
const getVariantProps = (variant,
|
|
42
|
+
const getVariantProps = (variant, customIcon) => {
|
|
43
|
+
if (variant === "custom" && customIcon) {
|
|
44
|
+
return customIcon;
|
|
45
|
+
}
|
|
36
46
|
switch (variant) {
|
|
37
|
-
case "customIcon":
|
|
38
|
-
return customIconProps;
|
|
39
47
|
case "qrCode":
|
|
40
48
|
return {
|
|
41
|
-
|
|
42
|
-
|
|
49
|
+
color: "primary",
|
|
50
|
+
name: "qrCode"
|
|
43
51
|
};
|
|
44
52
|
case "attachment":
|
|
45
53
|
return {
|
|
46
|
-
|
|
47
|
-
|
|
54
|
+
color: "grey",
|
|
55
|
+
name: "attachment"
|
|
48
56
|
};
|
|
49
57
|
case "legalMessage":
|
|
50
58
|
return {
|
|
51
|
-
|
|
52
|
-
|
|
59
|
+
color: "primary",
|
|
60
|
+
name: "legalValue"
|
|
53
61
|
};
|
|
54
62
|
case "info":
|
|
55
63
|
return {
|
|
56
|
-
|
|
57
|
-
|
|
64
|
+
color: "info",
|
|
65
|
+
name: "infoFilled"
|
|
58
66
|
};
|
|
59
67
|
case "warning":
|
|
60
68
|
return {
|
|
61
|
-
|
|
62
|
-
|
|
69
|
+
color: "warning",
|
|
70
|
+
name: "warningFilled"
|
|
63
71
|
};
|
|
64
72
|
case "error":
|
|
65
73
|
return {
|
|
66
|
-
|
|
67
|
-
|
|
74
|
+
color: "error",
|
|
75
|
+
name: "errorFilled"
|
|
68
76
|
};
|
|
69
77
|
case "success":
|
|
70
78
|
return {
|
|
71
|
-
|
|
72
|
-
|
|
79
|
+
color: "success",
|
|
80
|
+
name: "success"
|
|
73
81
|
};
|
|
74
82
|
case "noIcon":
|
|
75
83
|
return undefined;
|
|
@@ -85,22 +93,28 @@ export const Tag = ({
|
|
|
85
93
|
text,
|
|
86
94
|
variant,
|
|
87
95
|
testID,
|
|
88
|
-
|
|
89
|
-
iconAccessibilityLabel
|
|
96
|
+
icon,
|
|
97
|
+
iconAccessibilityLabel,
|
|
98
|
+
forceLightMode = false
|
|
90
99
|
}) => {
|
|
91
100
|
const theme = useIOTheme();
|
|
92
101
|
const {
|
|
93
102
|
isExperimental
|
|
94
103
|
} = useIOExperimentalDesign();
|
|
95
|
-
const variantProps = getVariantProps(variant,
|
|
104
|
+
const variantProps = getVariantProps(variant, icon);
|
|
105
|
+
const borderColor = forceLightMode ? IOColors[IOThemeLight["cardBorder-default"]] : IOColors[theme["cardBorder-default"]];
|
|
106
|
+
const backgroundColor = forceLightMode ? IOColors[IOThemeLight["appBackground-primary"]] : IOColors[theme["appBackground-primary"]];
|
|
96
107
|
return /*#__PURE__*/React.createElement(View, {
|
|
97
108
|
testID: testID,
|
|
98
|
-
style: styles.tag
|
|
109
|
+
style: [styles.tag, {
|
|
110
|
+
borderColor,
|
|
111
|
+
backgroundColor
|
|
112
|
+
}]
|
|
99
113
|
}, variantProps && /*#__PURE__*/React.createElement(View, {
|
|
100
114
|
style: styles.iconWrapper
|
|
101
115
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
102
|
-
name: variantProps.
|
|
103
|
-
color: variantProps.
|
|
116
|
+
name: variantProps.name,
|
|
117
|
+
color: forceLightMode ? IOThemeLight[IconColorsMap[variantProps.color]] : theme[IconColorsMap[variantProps.color]],
|
|
104
118
|
size: IOTagIconSize,
|
|
105
119
|
accessible: !!iconAccessibilityLabel,
|
|
106
120
|
accessibilityLabel: iconAccessibilityLabel
|
|
@@ -111,7 +125,7 @@ export const Tag = ({
|
|
|
111
125
|
weight: "Semibold",
|
|
112
126
|
size: 12,
|
|
113
127
|
lineHeight: 16,
|
|
114
|
-
color: theme["textBody-tertiary"],
|
|
128
|
+
color: forceLightMode ? IOThemeLight["textBody-tertiary"] : theme["textBody-tertiary"],
|
|
115
129
|
numberOfLines: 1,
|
|
116
130
|
ellipsizeMode: "tail",
|
|
117
131
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","StyleSheet","View","IOColors","IOTagRadius","useIOExperimentalDesign","useIOTheme","IOTagHSpacing","IOTagVSpacing","Icon","IOText","IOTagIconMargin","IOTagIconSize","styles","create","tag","alignSelf","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","
|
|
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","borderRadius","borderCurve","paddingHorizontal","paddingVertical","iconWrapper","flexShrink","spacer","width","getVariantProps","variant","customIcon","color","name","undefined","Tag","text","testID","icon","iconAccessibilityLabel","forceLightMode","theme","isExperimental","variantProps","borderColor","backgroundColor","createElement","style","size","accessible","accessibilityLabel","font","weight","lineHeight","numberOfLines","ellipsizeMode","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}
|