@pagopa/io-app-design-system 4.4.3 → 4.4.4
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/buttons/ButtonLink.js +8 -3
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +18 -8
- package/lib/commonjs/components/typography/ButtonText.js +5 -3
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +9 -4
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +18 -8
- package/lib/module/components/typography/ButtonText.js +2 -1
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +5 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +1 -0
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/buttons/ButtonLink.tsx +21 -6
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +18 -8
- package/src/components/typography/ButtonText.tsx +2 -1
|
@@ -60,6 +60,8 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
60
60
|
onPress,
|
|
61
61
|
accessibilityLabel,
|
|
62
62
|
accessibilityHint,
|
|
63
|
+
numberOfLines = 1,
|
|
64
|
+
textAlign = "auto",
|
|
63
65
|
testID
|
|
64
66
|
}, ref) => {
|
|
65
67
|
var _colorMap$color, _colorMap$color2, _colorMap$color3;
|
|
@@ -136,12 +138,15 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
136
138
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
137
139
|
weight: "Semibold",
|
|
138
140
|
size: _typography.buttonTextFontSize,
|
|
139
|
-
|
|
141
|
+
lineHeight: _typography.buttonTextLineHeight,
|
|
142
|
+
style: [disabled ? {
|
|
140
143
|
color: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.label) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled
|
|
141
144
|
} : {
|
|
142
145
|
...pressedColorAnimationStyle
|
|
143
|
-
},
|
|
144
|
-
|
|
146
|
+
}, {
|
|
147
|
+
textAlign
|
|
148
|
+
}],
|
|
149
|
+
numberOfLines: numberOfLines,
|
|
145
150
|
ellipsizeMode: "tail"
|
|
146
151
|
}, label)));
|
|
147
152
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","label","IOColors","pressed","disabled","contrast","white","hexToRgba","mapLegacyColorStates","blue","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","forwardRef","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorAnimationStyle","useAnimatedStyle","interpolateColor","value","AnimatedIconClassComponent","IconClassComponent","iconSize","iconMargin","createElement","Pressable","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","label","IOColors","pressed","disabled","contrast","white","hexToRgba","mapLegacyColorStates","blue","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","forwardRef","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","numberOfLines","textAlign","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorAnimationStyle","useAnimatedStyle","interpolateColor","value","AnimatedIconClassComponent","IconClassComponent","iconSize","iconMargin","createElement","Pressable","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","lineHeight","buttonTextLineHeight","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
|
|
@@ -93,11 +93,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
|
|
|
93
93
|
"fontSize": 16,
|
|
94
94
|
"fontStyle": "normal",
|
|
95
95
|
"fontWeight": "600",
|
|
96
|
-
"lineHeight":
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"color": undefined,
|
|
96
|
+
"lineHeight": 20,
|
|
100
97
|
},
|
|
98
|
+
[
|
|
99
|
+
{
|
|
100
|
+
"color": undefined,
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"textAlign": "auto",
|
|
104
|
+
},
|
|
105
|
+
],
|
|
101
106
|
]
|
|
102
107
|
}
|
|
103
108
|
>
|
|
@@ -832,11 +837,16 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
|
|
|
832
837
|
"fontSize": 16,
|
|
833
838
|
"fontStyle": "normal",
|
|
834
839
|
"fontWeight": "600",
|
|
835
|
-
"lineHeight":
|
|
836
|
-
},
|
|
837
|
-
{
|
|
838
|
-
"color": undefined,
|
|
840
|
+
"lineHeight": 20,
|
|
839
841
|
},
|
|
842
|
+
[
|
|
843
|
+
{
|
|
844
|
+
"color": undefined,
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"textAlign": "auto",
|
|
848
|
+
},
|
|
849
|
+
],
|
|
840
850
|
]
|
|
841
851
|
}
|
|
842
852
|
>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.buttonTextFontSize = exports.ButtonText = void 0;
|
|
6
|
+
exports.buttonTextLineHeight = exports.buttonTextFontSize = exports.ButtonText = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _core = require("../../core");
|
|
9
9
|
var _IOText = require("./IOText");
|
|
@@ -11,9 +11,11 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
11
11
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
12
12
|
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); }
|
|
13
13
|
const buttonTextFontSize = 16;
|
|
14
|
+
exports.buttonTextFontSize = buttonTextFontSize;
|
|
15
|
+
const buttonTextLineHeight = 20;
|
|
14
16
|
/* Needed to render `ButtonOutline` and`ButtonLink` because they use
|
|
15
17
|
`AnimatedText` for color transition through Reanimated */
|
|
16
|
-
exports.
|
|
18
|
+
exports.buttonTextLineHeight = buttonTextLineHeight;
|
|
17
19
|
const defaultColor = "white";
|
|
18
20
|
const fontName = "Titillio";
|
|
19
21
|
|
|
@@ -35,7 +37,7 @@ const ButtonText = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
35
37
|
font: isExperimental ? fontName : legacyFontName,
|
|
36
38
|
weight: "Semibold",
|
|
37
39
|
size: buttonTextFontSize,
|
|
38
|
-
lineHeight:
|
|
40
|
+
lineHeight: buttonTextLineHeight,
|
|
39
41
|
color: customColor ?? defaultColor
|
|
40
42
|
};
|
|
41
43
|
return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","buttonTextFontSize","exports","defaultColor","fontName","legacyFontName","ButtonText","forwardRef","color","customColor","props","ref","isExperimental","useIOExperimentalDesign","ButtonTextProps","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AAAsE,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAE/D,MAAMI,kBAA8B,GAAG,EAAE;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","buttonTextFontSize","exports","buttonTextLineHeight","defaultColor","fontName","legacyFontName","ButtonText","forwardRef","color","customColor","props","ref","isExperimental","useIOExperimentalDesign","ButtonTextProps","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "
|
|
|
4
4
|
import { IOButtonStyles, IOColors, hexToRgba, useIOExperimentalDesign } from "../../core";
|
|
5
5
|
import { useScaleAnimation } from "../../hooks";
|
|
6
6
|
import { AnimatedIcon, IconClassComponent } from "../icons";
|
|
7
|
-
import { IOText, buttonTextFontSize } from "../typography";
|
|
7
|
+
import { IOText, buttonTextFontSize, buttonTextLineHeight } from "../typography";
|
|
8
8
|
const mapColorStates = {
|
|
9
9
|
// Primary button
|
|
10
10
|
primary: {
|
|
@@ -52,6 +52,8 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
|
52
52
|
onPress,
|
|
53
53
|
accessibilityLabel,
|
|
54
54
|
accessibilityHint,
|
|
55
|
+
numberOfLines = 1,
|
|
56
|
+
textAlign = "auto",
|
|
55
57
|
testID
|
|
56
58
|
}, ref) => {
|
|
57
59
|
var _colorMap$color, _colorMap$color2, _colorMap$color3;
|
|
@@ -128,12 +130,15 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
|
128
130
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
129
131
|
weight: "Semibold",
|
|
130
132
|
size: buttonTextFontSize,
|
|
131
|
-
|
|
133
|
+
lineHeight: buttonTextLineHeight,
|
|
134
|
+
style: [disabled ? {
|
|
132
135
|
color: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 || (_colorMap$color3 = _colorMap$color3.label) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.disabled
|
|
133
136
|
} : {
|
|
134
137
|
...pressedColorAnimationStyle
|
|
135
|
-
},
|
|
136
|
-
|
|
138
|
+
}, {
|
|
139
|
+
textAlign
|
|
140
|
+
}],
|
|
141
|
+
numberOfLines: numberOfLines,
|
|
137
142
|
ellipsizeMode: "tail"
|
|
138
143
|
}, label)));
|
|
139
144
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","mapColorStates","primary","label","default","pressed","disabled","contrast","white","mapLegacyColorStates","blue","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","AnimatedIOText","createAnimatedComponent","pressedColorAnimationStyle","value","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIOExperimentalDesign","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","buttonTextLineHeight","mapColorStates","primary","label","default","pressed","disabled","contrast","white","mapLegacyColorStates","blue","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","numberOfLines","textAlign","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","colorMap","AnimatedIOText","createAnimatedComponent","pressedColorAnimationStyle","value","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","lineHeight","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
|
|
@@ -93,11 +93,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
|
|
|
93
93
|
"fontSize": 16,
|
|
94
94
|
"fontStyle": "normal",
|
|
95
95
|
"fontWeight": "600",
|
|
96
|
-
"lineHeight":
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"color": undefined,
|
|
96
|
+
"lineHeight": 20,
|
|
100
97
|
},
|
|
98
|
+
[
|
|
99
|
+
{
|
|
100
|
+
"color": undefined,
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"textAlign": "auto",
|
|
104
|
+
},
|
|
105
|
+
],
|
|
101
106
|
]
|
|
102
107
|
}
|
|
103
108
|
>
|
|
@@ -832,11 +837,16 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
|
|
|
832
837
|
"fontSize": 16,
|
|
833
838
|
"fontStyle": "normal",
|
|
834
839
|
"fontWeight": "600",
|
|
835
|
-
"lineHeight":
|
|
836
|
-
},
|
|
837
|
-
{
|
|
838
|
-
"color": undefined,
|
|
840
|
+
"lineHeight": 20,
|
|
839
841
|
},
|
|
842
|
+
[
|
|
843
|
+
{
|
|
844
|
+
"color": undefined,
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"textAlign": "auto",
|
|
848
|
+
},
|
|
849
|
+
],
|
|
840
850
|
]
|
|
841
851
|
}
|
|
842
852
|
>
|
|
@@ -3,6 +3,7 @@ import React, { forwardRef } from "react";
|
|
|
3
3
|
import { useIOExperimentalDesign } from "../../core";
|
|
4
4
|
import { IOText } from "./IOText";
|
|
5
5
|
export const buttonTextFontSize = 16;
|
|
6
|
+
export const buttonTextLineHeight = 20;
|
|
6
7
|
/* Needed to render `ButtonOutline` and`ButtonLink` because they use
|
|
7
8
|
`AnimatedText` for color transition through Reanimated */
|
|
8
9
|
const defaultColor = "white";
|
|
@@ -26,7 +27,7 @@ export const ButtonText = /*#__PURE__*/forwardRef(({
|
|
|
26
27
|
font: isExperimental ? fontName : legacyFontName,
|
|
27
28
|
weight: "Semibold",
|
|
28
29
|
size: buttonTextFontSize,
|
|
29
|
-
lineHeight:
|
|
30
|
+
lineHeight: buttonTextLineHeight,
|
|
30
31
|
color: customColor ?? defaultColor
|
|
31
32
|
};
|
|
32
33
|
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","IOText","buttonTextFontSize","defaultColor","fontName","legacyFontName","ButtonText","color","customColor","props","ref","isExperimental","ButtonTextProps","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,QAAQ,YAAY;AAGpD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,kBAA8B,GAAG,EAAE;AAChD;AACA;AACA,MAAMC,YAAsB,GAAG,OAAO;AACtC,MAAMC,QAAsB,GAAG,UAAU;;AAEzC;AACA,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","IOText","buttonTextFontSize","buttonTextLineHeight","defaultColor","fontName","legacyFontName","ButtonText","color","customColor","props","ref","isExperimental","ButtonTextProps","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,QAAQ,YAAY;AAGpD,SAASC,MAAM,QAA4C,UAAU;AAErE,OAAO,MAAMC,kBAA8B,GAAG,EAAE;AAChD,OAAO,MAAMC,oBAAoB,GAAG,EAAE;AACtC;AACA;AACA,MAAMC,YAAsB,GAAG,OAAO;AACtC,MAAMC,QAAsB,GAAG,UAAU;;AAEzC;AACA,MAAMC,cAA4B,GAAG,kBAAkB;;AAEvD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGR,UAAU,CAClC,CAAC;EAAES,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,MAAMa,eAA4B,GAAG;IACnC,GAAGH,KAAK;IACRI,IAAI,EAAEF,cAAc,GAAGP,QAAQ,GAAGC,cAAc;IAChDS,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAEd,kBAAkB;IACxBe,UAAU,EAAEd,oBAAoB;IAChCK,KAAK,EAAEC,WAAW,IAAIL;EACxB,CAAC;EAED,oBACEN,KAAA,CAAAoB,aAAA,CAACjB,MAAM,EAAAkB,QAAA;IAACR,GAAG,EAAEA;EAAI,GAAKE,eAAe,GAClCH,KAAK,CAACU,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { GestureResponderEvent, View } from "react-native";
|
|
2
|
+
import { GestureResponderEvent, View, TextStyle } from "react-native";
|
|
3
3
|
import { WithTestID } from "../../utils/types";
|
|
4
4
|
import { IOIcons } from "../icons";
|
|
5
5
|
export type ColorButtonLink = "primary" | "contrast";
|
|
@@ -11,6 +11,8 @@ export type ButtonLinkProps = WithTestID<{
|
|
|
11
11
|
iconPosition?: "start" | "end";
|
|
12
12
|
accessibilityLabel?: string;
|
|
13
13
|
accessibilityHint?: string;
|
|
14
|
+
numberOfLines?: number;
|
|
15
|
+
textAlign?: TextStyle["textAlign"];
|
|
14
16
|
onPress: (event: GestureResponderEvent) => void;
|
|
15
17
|
}>;
|
|
16
18
|
export declare const ButtonLink: React.ForwardRefExoticComponent<{
|
|
@@ -21,6 +23,8 @@ export declare const ButtonLink: React.ForwardRefExoticComponent<{
|
|
|
21
23
|
iconPosition?: "end" | "start" | undefined;
|
|
22
24
|
accessibilityLabel?: string | undefined;
|
|
23
25
|
accessibilityHint?: string | undefined;
|
|
26
|
+
numberOfLines?: number | undefined;
|
|
27
|
+
textAlign?: TextStyle["textAlign"];
|
|
24
28
|
onPress: (event: GestureResponderEvent) => void;
|
|
25
29
|
} & import("../../utils/types").TestID & React.RefAttributes<View>>;
|
|
26
30
|
export default ButtonLink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EACL,qBAAqB,EAErB,IAAI,EACJ,SAAS,EACV,MAAM,cAAc,CAAC;AActB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAOlB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC;IACvC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEnC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAwDH,eAAO,MAAM,UAAU;;WApEd,MAAM;;;;;;;gBASD,SAAS,CAAC,WAAW,CAAC;aAEzB,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;mEA0KhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { View } from "react-native";
|
|
|
3
3
|
import { IOFontSize } from "../../utils/fonts";
|
|
4
4
|
import { IOTextProps } from "./IOText";
|
|
5
5
|
export declare const buttonTextFontSize: IOFontSize;
|
|
6
|
+
export declare const buttonTextLineHeight = 20;
|
|
6
7
|
/**
|
|
7
8
|
* `ButtonText` typographic style
|
|
8
9
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAgB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,kBAAkB,EAAE,UAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAgB,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAEtE,eAAO,MAAM,kBAAkB,EAAE,UAAe,CAAC;AACjD,eAAO,MAAM,oBAAoB,KAAK,CAAC;AASvC;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;8BAmBtB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import React, { forwardRef, useMemo } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
GestureResponderEvent,
|
|
4
|
+
Pressable,
|
|
5
|
+
View,
|
|
6
|
+
TextStyle
|
|
7
|
+
} from "react-native";
|
|
3
8
|
import Animated, {
|
|
4
9
|
interpolateColor,
|
|
5
10
|
useAnimatedStyle,
|
|
@@ -20,7 +25,11 @@ import {
|
|
|
20
25
|
IOIcons,
|
|
21
26
|
IconClassComponent
|
|
22
27
|
} from "../icons";
|
|
23
|
-
import {
|
|
28
|
+
import {
|
|
29
|
+
IOText,
|
|
30
|
+
buttonTextFontSize,
|
|
31
|
+
buttonTextLineHeight
|
|
32
|
+
} from "../typography";
|
|
24
33
|
|
|
25
34
|
export type ColorButtonLink = "primary" | "contrast";
|
|
26
35
|
|
|
@@ -34,6 +43,8 @@ export type ButtonLinkProps = WithTestID<{
|
|
|
34
43
|
// Accessibility
|
|
35
44
|
accessibilityLabel?: string;
|
|
36
45
|
accessibilityHint?: string;
|
|
46
|
+
numberOfLines?: number;
|
|
47
|
+
textAlign?: TextStyle["textAlign"];
|
|
37
48
|
// Events
|
|
38
49
|
onPress: (event: GestureResponderEvent) => void;
|
|
39
50
|
}>;
|
|
@@ -103,6 +114,8 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
|
|
|
103
114
|
onPress,
|
|
104
115
|
accessibilityLabel,
|
|
105
116
|
accessibilityHint,
|
|
117
|
+
numberOfLines = 1,
|
|
118
|
+
textAlign = "auto",
|
|
106
119
|
testID
|
|
107
120
|
},
|
|
108
121
|
ref
|
|
@@ -187,12 +200,14 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
|
|
|
187
200
|
font={isExperimental ? "Titillio" : "TitilliumSansPro"}
|
|
188
201
|
weight={"Semibold"}
|
|
189
202
|
size={buttonTextFontSize}
|
|
190
|
-
|
|
203
|
+
lineHeight={buttonTextLineHeight}
|
|
204
|
+
style={[
|
|
191
205
|
disabled
|
|
192
206
|
? { color: colorMap[color]?.label?.disabled }
|
|
193
|
-
: { ...pressedColorAnimationStyle }
|
|
194
|
-
|
|
195
|
-
|
|
207
|
+
: { ...pressedColorAnimationStyle },
|
|
208
|
+
{ textAlign }
|
|
209
|
+
]}
|
|
210
|
+
numberOfLines={numberOfLines}
|
|
196
211
|
ellipsizeMode="tail"
|
|
197
212
|
>
|
|
198
213
|
{label}
|
|
@@ -93,11 +93,16 @@ exports[`Test Buttons Components - Experimental Enabled ButtonLink Snapshot 1`]
|
|
|
93
93
|
"fontSize": 16,
|
|
94
94
|
"fontStyle": "normal",
|
|
95
95
|
"fontWeight": "600",
|
|
96
|
-
"lineHeight":
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"color": undefined,
|
|
96
|
+
"lineHeight": 20,
|
|
100
97
|
},
|
|
98
|
+
[
|
|
99
|
+
{
|
|
100
|
+
"color": undefined,
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"textAlign": "auto",
|
|
104
|
+
},
|
|
105
|
+
],
|
|
101
106
|
]
|
|
102
107
|
}
|
|
103
108
|
>
|
|
@@ -832,11 +837,16 @@ exports[`Test Buttons Components ButtonLink Snapshot 1`] = `
|
|
|
832
837
|
"fontSize": 16,
|
|
833
838
|
"fontStyle": "normal",
|
|
834
839
|
"fontWeight": "600",
|
|
835
|
-
"lineHeight":
|
|
836
|
-
},
|
|
837
|
-
{
|
|
838
|
-
"color": undefined,
|
|
840
|
+
"lineHeight": 20,
|
|
839
841
|
},
|
|
842
|
+
[
|
|
843
|
+
{
|
|
844
|
+
"color": undefined,
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"textAlign": "auto",
|
|
848
|
+
},
|
|
849
|
+
],
|
|
840
850
|
]
|
|
841
851
|
}
|
|
842
852
|
>
|
|
@@ -6,6 +6,7 @@ import { IOFontFamily, IOFontSize } from "../../utils/fonts";
|
|
|
6
6
|
import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
|
|
7
7
|
|
|
8
8
|
export const buttonTextFontSize: IOFontSize = 16;
|
|
9
|
+
export const buttonTextLineHeight = 20;
|
|
9
10
|
/* Needed to render `ButtonOutline` and`ButtonLink` because they use
|
|
10
11
|
`AnimatedText` for color transition through Reanimated */
|
|
11
12
|
const defaultColor: IOColors = "white";
|
|
@@ -26,7 +27,7 @@ export const ButtonText = forwardRef<View, TypographicStyleProps>(
|
|
|
26
27
|
font: isExperimental ? fontName : legacyFontName,
|
|
27
28
|
weight: "Semibold",
|
|
28
29
|
size: buttonTextFontSize,
|
|
29
|
-
lineHeight:
|
|
30
|
+
lineHeight: buttonTextLineHeight,
|
|
30
31
|
color: customColor ?? defaultColor
|
|
31
32
|
};
|
|
32
33
|
|