@pagopa/io-app-design-system 2.0.2 → 2.1.0-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/lib/commonjs/components/badge/Badge.js +2 -2
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +2 -2
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/lib/commonjs/components/buttons/ButtonLink.js +2 -2
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +2 -2
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +6 -6
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +2 -2
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +3 -3
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +7 -4
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +37 -37
- package/lib/commonjs/components/modules/ModuleAttachment.js +2 -1
- package/lib/commonjs/components/modules/ModuleAttachment.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCredential.js +2 -1
- package/lib/commonjs/components/modules/ModuleCredential.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleIDP.js +2 -2
- package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js +2 -1
- package/lib/commonjs/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/commonjs/components/modules/ModulePaymentNotice.js +3 -2
- package/lib/commonjs/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +2 -2
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +10 -3
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/ButtonText.js +2 -2
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/commonjs/components/typography/Caption.js +1 -1
- package/lib/commonjs/components/typography/Caption.js.map +1 -1
- package/lib/commonjs/components/typography/Chip.js +1 -1
- package/lib/commonjs/components/typography/Chip.js.map +1 -1
- package/lib/commonjs/components/typography/H1.js +4 -6
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +2 -2
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +2 -2
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +2 -2
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H5.js +9 -2
- package/lib/commonjs/components/typography/H5.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +4 -6
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +2 -2
- package/lib/commonjs/components/typography/Hero.js.map +1 -1
- package/lib/commonjs/components/typography/Label.js +10 -2
- package/lib/commonjs/components/typography/Label.js.map +1 -1
- package/lib/commonjs/components/typography/LabelMini.js +10 -2
- package/lib/commonjs/components/typography/LabelMini.js.map +1 -1
- package/lib/commonjs/components/typography/LabelSmall.js +10 -2
- package/lib/commonjs/components/typography/LabelSmall.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +6 -6
- package/lib/commonjs/components/typography/index.js +0 -11
- package/lib/commonjs/components/typography/index.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH1.js +2 -2
- package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH2.js +3 -5
- package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH3.js +2 -2
- package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +3 -1
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +10 -8
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/lib/module/components/badge/Badge.js +2 -2
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +2 -2
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/lib/module/components/buttons/ButtonLink.js +2 -2
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +2 -2
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +6 -6
- package/lib/module/components/layout/HeaderSecondLevel.js +2 -2
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +3 -3
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +8 -5
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +37 -37
- package/lib/module/components/modules/ModuleAttachment.js +3 -2
- package/lib/module/components/modules/ModuleAttachment.js.map +1 -1
- package/lib/module/components/modules/ModuleCredential.js +3 -2
- package/lib/module/components/modules/ModuleCredential.js.map +1 -1
- package/lib/module/components/modules/ModuleIDP.js +2 -2
- package/lib/module/components/modules/ModuleIDP.js.map +1 -1
- package/lib/module/components/modules/ModuleNavigation.js +3 -2
- package/lib/module/components/modules/ModuleNavigation.js.map +1 -1
- package/lib/module/components/modules/ModulePaymentNotice.js +4 -3
- package/lib/module/components/modules/ModulePaymentNotice.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +1 -1
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/tag/Tag.js +2 -2
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +1 -1
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/typography/Body.js +10 -3
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/ButtonText.js +2 -2
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/typography/Caption.js +1 -1
- package/lib/module/components/typography/Caption.js.map +1 -1
- package/lib/module/components/typography/Chip.js +1 -1
- package/lib/module/components/typography/Chip.js.map +1 -1
- package/lib/module/components/typography/H1.js +4 -6
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +2 -2
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +2 -2
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +2 -2
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H5.js +10 -3
- package/lib/module/components/typography/H5.js.map +1 -1
- package/lib/module/components/typography/H6.js +4 -6
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +2 -2
- package/lib/module/components/typography/Hero.js.map +1 -1
- package/lib/module/components/typography/Label.js +11 -3
- package/lib/module/components/typography/Label.js.map +1 -1
- package/lib/module/components/typography/LabelMini.js +11 -3
- package/lib/module/components/typography/LabelMini.js.map +1 -1
- package/lib/module/components/typography/LabelSmall.js +11 -3
- package/lib/module/components/typography/LabelSmall.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +6 -6
- package/lib/module/components/typography/index.js +0 -1
- package/lib/module/components/typography/index.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH1.js +2 -2
- package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH2.js +3 -5
- package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH3.js +2 -2
- package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/module/core/IOColors.js +3 -1
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/utils/fonts.js +10 -8
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleAttachment.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCredential.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleNavigation.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModulePaymentNotice.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/H1.d.ts.map +1 -1
- package/lib/typescript/components/typography/H5.d.ts.map +1 -1
- package/lib/typescript/components/typography/H6.d.ts.map +1 -1
- package/lib/typescript/components/typography/Label.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelSmall.d.ts.map +1 -1
- package/lib/typescript/components/typography/index.d.ts +0 -1
- package/lib/typescript/components/typography/index.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH2.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +1 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +8 -8
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/src/components/badge/Badge.tsx +2 -2
- package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +2 -2
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +6 -6
- package/src/components/buttons/ButtonLink.tsx +2 -2
- package/src/components/buttons/ButtonOutline.tsx +2 -2
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +6 -6
- package/src/components/layout/HeaderSecondLevel.tsx +2 -2
- package/src/components/listitems/ListItemRadioWithAmount.tsx +7 -4
- package/src/components/listitems/ListItemTransaction.tsx +9 -5
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +37 -37
- package/src/components/modules/ModuleAttachment.tsx +4 -3
- package/src/components/modules/ModuleCredential.tsx +4 -3
- package/src/components/modules/ModuleIDP.tsx +2 -2
- package/src/components/modules/ModuleNavigation.tsx +4 -3
- package/src/components/modules/ModulePaymentNotice.tsx +4 -3
- package/src/components/searchInput/SearchInput.tsx +1 -1
- package/src/components/tag/Tag.tsx +2 -2
- package/src/components/textInput/TextInputBase.tsx +1 -6
- package/src/components/typography/Body.tsx +15 -4
- package/src/components/typography/ButtonText.tsx +2 -2
- package/src/components/typography/Caption.tsx +1 -1
- package/src/components/typography/Chip.tsx +1 -1
- package/src/components/typography/H1.tsx +4 -6
- package/src/components/typography/H2.tsx +2 -2
- package/src/components/typography/H3.tsx +2 -2
- package/src/components/typography/H4.tsx +2 -2
- package/src/components/typography/H5.tsx +11 -4
- package/src/components/typography/H6.tsx +4 -6
- package/src/components/typography/Hero.tsx +2 -2
- package/src/components/typography/Label.tsx +15 -4
- package/src/components/typography/LabelMini.tsx +15 -4
- package/src/components/typography/LabelSmall.tsx +15 -4
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +6 -6
- package/src/components/typography/index.tsx +0 -1
- package/src/components/typography/markdown/MdH1.tsx +2 -2
- package/src/components/typography/markdown/MdH2.tsx +3 -5
- package/src/components/typography/markdown/MdH3.tsx +2 -2
- package/src/core/IOColors.ts +3 -0
- package/src/utils/fonts.ts +20 -10
- package/lib/commonjs/components/typography/LabelSmallAlt.js +0 -48
- package/lib/commonjs/components/typography/LabelSmallAlt.js.map +0 -1
- package/lib/module/components/typography/LabelSmallAlt.js +0 -39
- package/lib/module/components/typography/LabelSmallAlt.js.map +0 -1
- package/lib/typescript/components/typography/LabelSmallAlt.d.ts +0 -13
- package/lib/typescript/components/typography/LabelSmallAlt.d.ts.map +0 -1
- package/src/components/typography/LabelSmallAlt.tsx +0 -41
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.LabelSmallAlt = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _core = require("../../core");
|
|
9
|
-
var _IOText = require("./IOText");
|
|
10
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
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
|
-
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
|
-
const fontSize = 14;
|
|
14
|
-
const lineHeight = 21;
|
|
15
|
-
const fontName = "ReadexPro";
|
|
16
|
-
const fontWeight = "Regular";
|
|
17
|
-
|
|
18
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
19
|
-
const legacyFontSize = 16;
|
|
20
|
-
const legacyFontName = "TitilliumSansPro";
|
|
21
|
-
const legacyFontWeight = "Semibold";
|
|
22
|
-
|
|
23
|
-
/**
|
|
24
|
-
* `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
|
|
25
|
-
*/
|
|
26
|
-
const LabelSmallAlt = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
27
|
-
color: customColor,
|
|
28
|
-
...props
|
|
29
|
-
}, ref) => {
|
|
30
|
-
const theme = (0, _core.useIOTheme)();
|
|
31
|
-
const {
|
|
32
|
-
isExperimental
|
|
33
|
-
} = (0, _core.useIOExperimentalDesign)();
|
|
34
|
-
const LabelSmallAltProps = {
|
|
35
|
-
...props,
|
|
36
|
-
dynamicTypeRamp: "footnote" /* iOS only */,
|
|
37
|
-
font: isExperimental ? fontName : legacyFontName,
|
|
38
|
-
weight: isExperimental ? fontWeight : legacyFontWeight,
|
|
39
|
-
size: isExperimental ? fontSize : legacyFontSize,
|
|
40
|
-
lineHeight,
|
|
41
|
-
color: customColor ?? theme["textBody-tertiary"]
|
|
42
|
-
};
|
|
43
|
-
return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
|
|
44
|
-
ref: ref
|
|
45
|
-
}, LabelSmallAltProps), props.children);
|
|
46
|
-
});
|
|
47
|
-
exports.LabelSmallAlt = LabelSmallAlt;
|
|
48
|
-
//# sourceMappingURL=LabelSmallAlt.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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","fontSize","lineHeight","fontName","fontWeight","legacyFontSize","legacyFontName","legacyFontWeight","LabelSmallAlt","forwardRef","color","customColor","props","ref","theme","useIOTheme","isExperimental","useIOExperimentalDesign","LabelSmallAltProps","dynamicTypeRamp","font","weight","size","createElement","IOText","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":"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"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
import React, { forwardRef } from "react";
|
|
3
|
-
import { useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
4
|
-
import { IOText } from "./IOText";
|
|
5
|
-
const fontSize = 14;
|
|
6
|
-
const lineHeight = 21;
|
|
7
|
-
const fontName = "ReadexPro";
|
|
8
|
-
const fontWeight = "Regular";
|
|
9
|
-
|
|
10
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
11
|
-
const legacyFontSize = 16;
|
|
12
|
-
const legacyFontName = "TitilliumSansPro";
|
|
13
|
-
const legacyFontWeight = "Semibold";
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
|
|
17
|
-
*/
|
|
18
|
-
export const LabelSmallAlt = /*#__PURE__*/forwardRef(({
|
|
19
|
-
color: customColor,
|
|
20
|
-
...props
|
|
21
|
-
}, ref) => {
|
|
22
|
-
const theme = useIOTheme();
|
|
23
|
-
const {
|
|
24
|
-
isExperimental
|
|
25
|
-
} = useIOExperimentalDesign();
|
|
26
|
-
const LabelSmallAltProps = {
|
|
27
|
-
...props,
|
|
28
|
-
dynamicTypeRamp: "footnote" /* iOS only */,
|
|
29
|
-
font: isExperimental ? fontName : legacyFontName,
|
|
30
|
-
weight: isExperimental ? fontWeight : legacyFontWeight,
|
|
31
|
-
size: isExperimental ? fontSize : legacyFontSize,
|
|
32
|
-
lineHeight,
|
|
33
|
-
color: customColor ?? theme["textBody-tertiary"]
|
|
34
|
-
};
|
|
35
|
-
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
36
|
-
ref: ref
|
|
37
|
-
}, LabelSmallAltProps), props.children);
|
|
38
|
-
});
|
|
39
|
-
//# sourceMappingURL=LabelSmallAlt.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","fontSize","lineHeight","fontName","fontWeight","legacyFontSize","legacyFontName","legacyFontWeight","LabelSmallAlt","color","customColor","props","ref","theme","isExperimental","LabelSmallAltProps","dynamicTypeRamp","font","weight","size","createElement","_extends","children"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,YAAY;AAEhE,SAASC,MAAM,QAA4C,UAAU;AAErE,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,QAAsB,GAAG,WAAW;AAC1C,MAAMC,UAAwB,GAAG,SAAS;;AAE1C;AACA,MAAMC,cAAc,GAAG,EAAE;AACzB,MAAMC,cAA4B,GAAG,kBAAkB;AACvD,MAAMC,gBAA8B,GAAG,UAAU;;AAEjD;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGX,UAAU,CACrC,CAAC;EAAEY,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGd,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEe;EAAe,CAAC,GAAGhB,uBAAuB,CAAC,CAAC;EAEpD,MAAMiB,kBAA+B,GAAG;IACtC,GAAGJ,KAAK;IACRK,eAAe,EAAE,UAAU,CAAC;IAC5BC,IAAI,EAAEH,cAAc,GAAGX,QAAQ,GAAGG,cAAc;IAChDY,MAAM,EAAEJ,cAAc,GAAGV,UAAU,GAAGG,gBAAgB;IACtDY,IAAI,EAAEL,cAAc,GAAGb,QAAQ,GAAGI,cAAc;IAChDH,UAAU;IACVO,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,mBAAmB;EACjD,CAAC;EAED,oBACEjB,KAAA,CAAAwB,aAAA,CAACpB,MAAM,EAAAqB,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,kBAAkB,GACrCJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import { IOTextProps } from "./IOText";
|
|
4
|
-
/**
|
|
5
|
-
* `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
|
|
6
|
-
*/
|
|
7
|
-
export declare const LabelSmallAlt: React.ForwardRefExoticComponent<Omit<IOTextProps, "style" | "size" | "color" | "font" | "fontStyle" | "lineHeight" | "weight"> & {
|
|
8
|
-
textStyle?: import("./IOText").IOTextStyle | undefined;
|
|
9
|
-
style?: import("./IOText").IOTextStyle | undefined;
|
|
10
|
-
} & {
|
|
11
|
-
color?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "bluegrey" | "bluegreyDark" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "orange" | "red" | "green" | "greenLight" | undefined;
|
|
12
|
-
} & React.RefAttributes<View>>;
|
|
13
|
-
//# sourceMappingURL=LabelSmallAlt.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabelSmallAlt.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelSmallAlt.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAU,WAAW,EAAyB,MAAM,UAAU,CAAC;AAYtE;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;8BAqBzB,CAAC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React, { ForwardedRef, forwardRef } from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
|
-
import { useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
4
|
-
import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
|
|
5
|
-
import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
|
|
6
|
-
|
|
7
|
-
const fontSize = 14;
|
|
8
|
-
const lineHeight = 21;
|
|
9
|
-
const fontName: IOFontFamily = "ReadexPro";
|
|
10
|
-
const fontWeight: IOFontWeight = "Regular";
|
|
11
|
-
|
|
12
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
13
|
-
const legacyFontSize = 16;
|
|
14
|
-
const legacyFontName: IOFontFamily = "TitilliumSansPro";
|
|
15
|
-
const legacyFontWeight: IOFontWeight = "Semibold";
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
|
|
19
|
-
*/
|
|
20
|
-
export const LabelSmallAlt = forwardRef<View, TypographicStyleProps>(
|
|
21
|
-
({ color: customColor, ...props }, ref?: ForwardedRef<View>) => {
|
|
22
|
-
const theme = useIOTheme();
|
|
23
|
-
const { isExperimental } = useIOExperimentalDesign();
|
|
24
|
-
|
|
25
|
-
const LabelSmallAltProps: IOTextProps = {
|
|
26
|
-
...props,
|
|
27
|
-
dynamicTypeRamp: "footnote" /* iOS only */,
|
|
28
|
-
font: isExperimental ? fontName : legacyFontName,
|
|
29
|
-
weight: isExperimental ? fontWeight : legacyFontWeight,
|
|
30
|
-
size: isExperimental ? fontSize : legacyFontSize,
|
|
31
|
-
lineHeight,
|
|
32
|
-
color: customColor ?? theme["textBody-tertiary"]
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
return (
|
|
36
|
-
<IOText ref={ref} {...LabelSmallAltProps}>
|
|
37
|
-
{props.children}
|
|
38
|
-
</IOText>
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
);
|