@pagopa/io-app-design-system 1.36.11 → 1.36.13
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/listitems/ListItemNav.js +4 -2
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/typography/BaseTypography.js +3 -2
- package/lib/commonjs/components/typography/BaseTypography.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +5 -3
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/BodyMonospace.js +4 -2
- package/lib/commonjs/components/typography/BodyMonospace.js.map +1 -1
- package/lib/commonjs/components/typography/ButtonText.js +5 -3
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/commonjs/components/typography/Caption.js +5 -3
- package/lib/commonjs/components/typography/Caption.js.map +1 -1
- package/lib/commonjs/components/typography/Chip.js +5 -3
- package/lib/commonjs/components/typography/Chip.js.map +1 -1
- package/lib/commonjs/components/typography/Factory.js +4 -2
- package/lib/commonjs/components/typography/Factory.js.map +1 -1
- package/lib/commonjs/components/typography/H1.js +5 -3
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +5 -3
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +5 -3
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +5 -3
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H5.js +5 -3
- package/lib/commonjs/components/typography/H5.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +5 -3
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +5 -3
- package/lib/commonjs/components/typography/Hero.js.map +1 -1
- package/lib/commonjs/components/typography/Label.js +5 -3
- package/lib/commonjs/components/typography/Label.js.map +1 -1
- package/lib/commonjs/components/typography/LabelHeader.js +5 -3
- package/lib/commonjs/components/typography/LabelHeader.js.map +1 -1
- package/lib/commonjs/components/typography/LabelLink.js +5 -3
- package/lib/commonjs/components/typography/LabelLink.js.map +1 -1
- package/lib/commonjs/components/typography/LabelSmall.js +5 -3
- package/lib/commonjs/components/typography/LabelSmall.js.map +1 -1
- package/lib/commonjs/components/typography/LabelSmallAlt.js +5 -3
- package/lib/commonjs/components/typography/LabelSmallAlt.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +4 -2
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/typography/BaseTypography.js +3 -2
- package/lib/module/components/typography/BaseTypography.js.map +1 -1
- package/lib/module/components/typography/Body.js +4 -3
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/BodyMonospace.js +3 -2
- package/lib/module/components/typography/BodyMonospace.js.map +1 -1
- package/lib/module/components/typography/ButtonText.js +4 -3
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/typography/Caption.js +4 -3
- package/lib/module/components/typography/Caption.js.map +1 -1
- package/lib/module/components/typography/Chip.js +4 -3
- package/lib/module/components/typography/Chip.js.map +1 -1
- package/lib/module/components/typography/Factory.js +4 -2
- package/lib/module/components/typography/Factory.js.map +1 -1
- package/lib/module/components/typography/H1.js +4 -3
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +4 -3
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +4 -3
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +4 -3
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H5.js +4 -3
- package/lib/module/components/typography/H5.js.map +1 -1
- package/lib/module/components/typography/H6.js +4 -3
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +4 -3
- package/lib/module/components/typography/Hero.js.map +1 -1
- package/lib/module/components/typography/Label.js +4 -3
- package/lib/module/components/typography/Label.js.map +1 -1
- package/lib/module/components/typography/LabelHeader.js +4 -3
- package/lib/module/components/typography/LabelHeader.js.map +1 -1
- package/lib/module/components/typography/LabelLink.js +4 -3
- package/lib/module/components/typography/LabelLink.js.map +1 -1
- package/lib/module/components/typography/LabelSmall.js +4 -3
- package/lib/module/components/typography/LabelSmall.js.map +1 -1
- package/lib/module/components/typography/LabelSmallAlt.js +4 -3
- package/lib/module/components/typography/LabelSmallAlt.js.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts +5 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/typography/BaseTypography.d.ts +2 -2
- package/lib/typescript/components/typography/BaseTypography.d.ts.map +1 -1
- package/lib/typescript/components/typography/Body.d.ts +6 -4
- package/lib/typescript/components/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/BodyMonospace.d.ts +6 -6
- package/lib/typescript/components/typography/BodyMonospace.d.ts.map +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +6 -4
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
- package/lib/typescript/components/typography/Caption.d.ts +6 -9
- package/lib/typescript/components/typography/Caption.d.ts.map +1 -1
- package/lib/typescript/components/typography/Chip.d.ts +6 -6
- package/lib/typescript/components/typography/Chip.d.ts.map +1 -1
- package/lib/typescript/components/typography/Factory.d.ts +2 -1
- package/lib/typescript/components/typography/Factory.d.ts.map +1 -1
- package/lib/typescript/components/typography/H1.d.ts +6 -6
- package/lib/typescript/components/typography/H1.d.ts.map +1 -1
- package/lib/typescript/components/typography/H2.d.ts +6 -6
- package/lib/typescript/components/typography/H2.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts +6 -6
- package/lib/typescript/components/typography/H3.d.ts.map +1 -1
- package/lib/typescript/components/typography/H4.d.ts +6 -6
- package/lib/typescript/components/typography/H4.d.ts.map +1 -1
- package/lib/typescript/components/typography/H5.d.ts +6 -9
- package/lib/typescript/components/typography/H5.d.ts.map +1 -1
- package/lib/typescript/components/typography/H6.d.ts +6 -4
- package/lib/typescript/components/typography/H6.d.ts.map +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +6 -6
- package/lib/typescript/components/typography/Hero.d.ts.map +1 -1
- package/lib/typescript/components/typography/Label.d.ts +3 -2
- package/lib/typescript/components/typography/Label.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelHeader.d.ts +6 -4
- package/lib/typescript/components/typography/LabelHeader.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelLink.d.ts +3 -2
- package/lib/typescript/components/typography/LabelLink.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelSmall.d.ts +3 -2
- package/lib/typescript/components/typography/LabelSmall.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelSmallAlt.d.ts +6 -4
- package/lib/typescript/components/typography/LabelSmallAlt.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/listitems/ListItemNav.tsx +9 -2
- package/src/components/typography/BaseTypography.tsx +4 -4
- package/src/components/typography/Body.tsx +14 -9
- package/src/components/typography/BodyMonospace.tsx +15 -8
- package/src/components/typography/ButtonText.tsx +21 -14
- package/src/components/typography/Caption.tsx +17 -12
- package/src/components/typography/Chip.tsx +14 -9
- package/src/components/typography/Factory.tsx +6 -2
- package/src/components/typography/H1.tsx +17 -12
- package/src/components/typography/H2.tsx +17 -12
- package/src/components/typography/H3.tsx +17 -12
- package/src/components/typography/H4.tsx +17 -12
- package/src/components/typography/H5.tsx +19 -14
- package/src/components/typography/H6.tsx +17 -12
- package/src/components/typography/Hero.tsx +17 -12
- package/src/components/typography/Label.tsx +24 -15
- package/src/components/typography/LabelHeader.tsx +25 -18
- package/src/components/typography/LabelLink.tsx +23 -18
- package/src/components/typography/LabelSmall.tsx +24 -17
- package/src/components/typography/LabelSmallAlt.tsx +20 -13
|
@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.heroLineHeight = exports.heroFontSize = exports.Hero = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _core = require("../../core");
|
|
8
9
|
var _Factory = require("./Factory");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
11
|
const heroFontSize = 32;
|
|
10
12
|
exports.heroFontSize = heroFontSize;
|
|
11
13
|
const heroLineHeight = 48;
|
|
@@ -23,7 +25,7 @@ const legacyHeroLineHeight = 49;
|
|
|
23
25
|
/**
|
|
24
26
|
* `Hero` typographic style
|
|
25
27
|
*/
|
|
26
|
-
const Hero = props => {
|
|
28
|
+
const Hero = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
27
29
|
const {
|
|
28
30
|
isExperimental
|
|
29
31
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -36,7 +38,7 @@ const Hero = props => {
|
|
|
36
38
|
fontSize: isExperimental ? heroFontSize : legacyHeroFontSize,
|
|
37
39
|
lineHeight: isExperimental ? heroLineHeight : legacyHeroLineHeight
|
|
38
40
|
}
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
+
}, ref);
|
|
42
|
+
});
|
|
41
43
|
exports.Hero = Hero;
|
|
42
44
|
//# sourceMappingURL=Hero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","heroFontSize","exports","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","legacyWeight","legacyHeroFontSize","legacyHeroLineHeight","Hero","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAU1C,MAAMG,YAAY,GAAG,EAAE;AAACC,OAAA,CAAAD,YAAA,GAAAA,YAAA;AACxB,MAAME,cAAc,GAAG,EAAE;AAACD,OAAA,CAAAC,cAAA,GAAAA,cAAA;AACjC,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,YAA2B,GAAG,UAAU;AAC9C,MAAMC,kBAAkB,GAAG,EAAE;AAC7B,MAAMC,oBAAoB,GAAG,EAAE;;AAE/B;AACA;AACA;AACO,MAAMC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRR,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGE,YAAY;IAC5DH,YAAY;IACZD,IAAI,EAAEY,cAAc,GAAGZ,IAAI,GAAGG,UAAU;IACxCY,SAAS,EAAE;MACTC,QAAQ,EAAEJ,cAAc,GAAGf,YAAY,GAAGQ,kBAAkB;MAC5DY,UAAU,EAAEL,cAAc,GAAGb,cAAc,GAAGO;IAChD;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,IAAA,GAAAA,IAAA"}
|
|
@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Label = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _core = require("../../core");
|
|
8
9
|
var _Factory = require("./Factory");
|
|
9
10
|
var _common = require("./common");
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
12
|
const fontName = "TitilliumSansPro";
|
|
11
13
|
const legacyFontName = "TitilliumWeb";
|
|
12
14
|
const labelDefaultWeight = "Bold";
|
|
@@ -15,7 +17,7 @@ const labelDefaultcolor = "black";
|
|
|
15
17
|
/**
|
|
16
18
|
* `Label` typographic style
|
|
17
19
|
*/
|
|
18
|
-
const Label = _ref => {
|
|
20
|
+
const Label = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
19
21
|
let {
|
|
20
22
|
fontSize,
|
|
21
23
|
...props
|
|
@@ -32,7 +34,7 @@ const Label = _ref => {
|
|
|
32
34
|
fontSize: fontSize ? _common.fontSizeMapping[fontSize] : _common.fontSizeMapping.regular,
|
|
33
35
|
lineHeight: fontSize ? _common.lineHeightMapping[fontSize] : _common.lineHeightMapping.regular
|
|
34
36
|
}
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
+
}, ref);
|
|
38
|
+
});
|
|
37
39
|
exports.Label = Label;
|
|
38
40
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","_common","obj","__esModule","default","fontName","legacyFontName","labelDefaultWeight","labelDefaultcolor","Label","React","forwardRef","_ref","ref","fontSize","props","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSizeMapping","regular","lineHeight","lineHeightMapping","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAMA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAMkB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASlB,MAAMG,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,OAAO;;AAEjC;AACA;AACA;AACO,MAAMC,KAAK,gBAAGC,cAAK,CAACC,UAAU,CACnC,CAAAC,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EACrB,MAAM;IAAEI;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGH,KAAK;IACRI,aAAa,EAAEZ,kBAAkB;IACjCa,YAAY,EAAEZ,iBAAiB;IAC/Ba,IAAI,EAAEL,cAAc,GAAGX,QAAQ,GAAGC,cAAc;IAChDgB,SAAS,EAAE;MACTR,QAAQ,EAAEA,QAAQ,GACdS,uBAAe,CAACT,QAAQ,CAAC,GACzBS,uBAAe,CAACC,OAAO;MAC3BC,UAAU,EAAEX,QAAQ,GAChBY,yBAAiB,CAACZ,QAAQ,CAAC,GAC3BY,yBAAiB,CAACF;IACxB;EACF,CAAC,EACDX,GACF,CAAC;AACH,CACF,CAAC;AAACc,OAAA,CAAAlB,KAAA,GAAAA,KAAA"}
|
|
@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.labelHeaderLineHeight = exports.labelHeaderFontSize = exports.labelHeaderDefaultColor = exports.LabelHeader = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _core = require("../../core");
|
|
8
9
|
var _Factory = require("./Factory");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
11
|
const labelHeaderFontSize = 14;
|
|
10
12
|
exports.labelHeaderFontSize = labelHeaderFontSize;
|
|
11
13
|
const labelHeaderLineHeight = 18;
|
|
@@ -22,7 +24,7 @@ const legacyLabelHeaderLineHeight = 20;
|
|
|
22
24
|
/**
|
|
23
25
|
* `LabelHeader` typographic style
|
|
24
26
|
*/
|
|
25
|
-
const LabelHeader = props => {
|
|
27
|
+
const LabelHeader = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
26
28
|
const {
|
|
27
29
|
isExperimental
|
|
28
30
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -36,7 +38,7 @@ const LabelHeader = props => {
|
|
|
36
38
|
fontSize: labelHeaderFontSize,
|
|
37
39
|
lineHeight: isExperimental ? labelHeaderLineHeight : legacyLabelHeaderLineHeight
|
|
38
40
|
}
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
+
}, ref);
|
|
42
|
+
});
|
|
41
43
|
exports.LabelHeader = LabelHeader;
|
|
42
44
|
//# sourceMappingURL=LabelHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","labelHeaderFontSize","exports","labelHeaderLineHeight","labelHeaderDefaultColor","IOThemeLight","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAe1C,MAAMG,mBAAmB,GAAG,EAAE;AAACC,OAAA,CAAAD,mBAAA,GAAAA,mBAAA;AAC/B,MAAME,qBAAqB,GAAG,EAAE;AAACD,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AACjC,MAAMC,uBAAsC,GACjDC,kBAAY,CAAC,kBAAkB,CAAC;AAACH,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AACnC,MAAME,mBAAiC,GAAG,WAAW;AACrD,MAAMC,wBAAuC,GAAG,SAAS;;AAEzD;AACA,MAAMC,yBAAuC,GAAG,cAAc;AAC9D,MAAMC,uBAAsC,GAAG,UAAU;AACzD,MAAMC,2BAA2B,GAAG,EAAE;AACtC;AACA;AACA;AACO,MAAMC,WAAW,gBAAGC,cAAK,CAACC,UAAU,CACzC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD;EACA,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,aAAa,EAAEH,cAAc,GACzBT,wBAAwB,GACxBE,uBAAuB;IAC3BW,YAAY,EAAEhB,uBAAuB;IACrCiB,IAAI,EAAEL,cAAc,GAAGV,mBAAmB,GAAGE,yBAAyB;IACtEc,SAAS,EAAE;MACTC,QAAQ,EAAEtB,mBAAmB;MAC7BuB,UAAU,EAAER,cAAc,GACtBb,qBAAqB,GACrBO;IACN;EACF,CAAC,EACDK,GACF,CAAC;AACH,CACF,CAAC;AAACb,OAAA,CAAAS,WAAA,GAAAA,WAAA"}
|
|
@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.linkLegacyDefaultColor = exports.linkDefaultWeight = exports.linkDefaultColor = exports.LabelLink = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _core = require("../../core");
|
|
8
9
|
var _Factory = require("./Factory");
|
|
9
10
|
var _common = require("./common");
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
12
|
const fontName = "TitilliumSansPro";
|
|
11
13
|
const legacyFontName = "TitilliumWeb";
|
|
12
14
|
const linkLegacyDefaultColor = "blue";
|
|
@@ -19,7 +21,7 @@ const linkDefaultWeight = "SemiBold";
|
|
|
19
21
|
* `Link` typographic style
|
|
20
22
|
*/
|
|
21
23
|
exports.linkDefaultWeight = linkDefaultWeight;
|
|
22
|
-
const LabelLink = props => {
|
|
24
|
+
const LabelLink = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
23
25
|
const {
|
|
24
26
|
isExperimental
|
|
25
27
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -34,7 +36,7 @@ const LabelLink = props => {
|
|
|
34
36
|
lineHeight: props.fontSize ? _common.lineHeightMapping[props.fontSize] : _common.lineHeightMapping.regular,
|
|
35
37
|
textDecorationLine: "underline"
|
|
36
38
|
}
|
|
37
|
-
});
|
|
38
|
-
};
|
|
39
|
+
}, ref);
|
|
40
|
+
});
|
|
39
41
|
exports.LabelLink = LabelLink;
|
|
40
42
|
//# sourceMappingURL=LabelLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","_common","obj","__esModule","default","fontName","legacyFontName","linkLegacyDefaultColor","exports","linkDefaultColor","linkDefaultWeight","LabelLink","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","fontSizeMapping","regular","lineHeight","lineHeightMapping","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAMkB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAWlB,MAAMG,QAAsB,GAAG,kBAAkB;AACjD,MAAMC,cAA4B,GAAG,cAAc;AAE5C,MAAMC,sBAAqC,GAAG,MAAM;AAACC,OAAA,CAAAD,sBAAA,GAAAA,sBAAA;AAErD,MAAME,gBAA+B,GAAG,YAAY;AAACD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA;AACrD,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AAFAF,OAAA,CAAAE,iBAAA,GAAAA,iBAAA;AAGO,MAAMC,SAAS,gBAAGC,cAAK,CAACC,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACEC,iBAAiB,EAAEL,KAAK,CAACM,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGP,KAAK;IACRQ,aAAa,EAAEZ,iBAAiB;IAChCa,YAAY,EAAEP,cAAc,GAAGP,gBAAgB,GAAGF,sBAAsB;IACxEiB,IAAI,EAAER,cAAc,GAAGX,QAAQ,GAAGC,cAAc;IAChDmB,SAAS,EAAE;MACTC,QAAQ,EAAEZ,KAAK,CAACY,QAAQ,GACpBC,uBAAe,CAACb,KAAK,CAACY,QAAQ,CAAC,GAC/BC,uBAAe,CAACC,OAAO;MAC3BC,UAAU,EAAEf,KAAK,CAACY,QAAQ,GACtBI,yBAAiB,CAAChB,KAAK,CAACY,QAAQ,CAAC,GACjCI,yBAAiB,CAACF,OAAO;MAC7BG,kBAAkB,EAAE;IACtB;EACF,CAAC,EACDhB,GACF,CAAC;AACH,CAAC,CAAC;AAACP,OAAA,CAAAG,SAAA,GAAAA,SAAA"}
|
|
@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.LabelSmall = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _core = require("../../core");
|
|
8
9
|
var _Factory = require("./Factory");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
11
|
const fontName = "TitilliumSansPro";
|
|
10
12
|
const legacyFontName = "TitilliumWeb";
|
|
11
13
|
const fontSizeMapping = {
|
|
@@ -22,7 +24,7 @@ const labelDefaultcolor = "blue";
|
|
|
22
24
|
/**
|
|
23
25
|
* `LabelSmall` typographic style
|
|
24
26
|
*/
|
|
25
|
-
const LabelSmall = props => {
|
|
27
|
+
const LabelSmall = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
26
28
|
const {
|
|
27
29
|
isExperimental
|
|
28
30
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -35,7 +37,7 @@ const LabelSmall = props => {
|
|
|
35
37
|
fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
|
|
36
38
|
lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular
|
|
37
39
|
}
|
|
38
|
-
});
|
|
39
|
-
};
|
|
40
|
+
}, ref);
|
|
41
|
+
});
|
|
40
42
|
exports.LabelSmall = LabelSmall;
|
|
41
43
|
//# sourceMappingURL=LabelSmall.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","fontName","legacyFontName","fontSizeMapping","regular","small","lineHeightMapping","labelDefaultWeight","labelDefaultcolor","LabelSmall","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAyBjD,MAAMG,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,eAAyC,GAAG;EAChDC,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,iBAA2C,GAAG;EAClDF,OAAO,EAAE,EAAE;EACXC,KAAK,EAAE;AACT,CAAC;AACD,MAAME,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,MAAM;;AAEhC;AACA;AACA;AACO,MAAMC,UAAU,gBAAGC,cAAK,CAACC,UAAU,CACxC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,aAAa,EAAEV,kBAAkB;IACjCW,YAAY,EAAEV,iBAAiB;IAC/BW,IAAI,EAAEL,cAAc,GAAGb,QAAQ,GAAGC,cAAc;IAChDkB,SAAS,EAAE;MACTC,QAAQ,EAAET,KAAK,CAACS,QAAQ,GACpBlB,eAAe,CAACS,KAAK,CAACS,QAAQ,CAAC,GAC/BlB,eAAe,CAACC,OAAO;MAC3BkB,UAAU,EAAEV,KAAK,CAACS,QAAQ,GACtBf,iBAAiB,CAACM,KAAK,CAACS,QAAQ,CAAC,GACjCf,iBAAiB,CAACF;IACxB;EACF,CAAC,EACDS,GACF,CAAC;AACH,CACF,CAAC;AAACU,OAAA,CAAAd,UAAA,GAAAA,UAAA"}
|
|
@@ -4,8 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.LabelSmallAlt = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
8
|
var _core = require("../../core");
|
|
8
9
|
var _Factory = require("./Factory");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
11
|
const labelFontSize = 14;
|
|
10
12
|
const labelLineHeight = 21;
|
|
11
13
|
const fontName = "ReadexPro";
|
|
@@ -20,7 +22,7 @@ const legacyDefaultWeight = "SemiBold";
|
|
|
20
22
|
/**
|
|
21
23
|
* `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
|
|
22
24
|
*/
|
|
23
|
-
const LabelSmallAlt = props => {
|
|
25
|
+
const LabelSmallAlt = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
24
26
|
const {
|
|
25
27
|
isExperimental
|
|
26
28
|
} = (0, _core.useIOExperimentalDesign)();
|
|
@@ -33,7 +35,7 @@ const LabelSmallAlt = props => {
|
|
|
33
35
|
fontSize: isExperimental ? labelFontSize : legacyLabelFontSize,
|
|
34
36
|
lineHeight: labelLineHeight
|
|
35
37
|
}
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
+
}, ref);
|
|
39
|
+
});
|
|
38
40
|
exports.LabelSmallAlt = LabelSmallAlt;
|
|
39
41
|
//# sourceMappingURL=LabelSmallAlt.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","labelFontSize","labelLineHeight","fontName","defaultColor","defaultWeight","legacyLabelFontSize","legacyFontName","legacyDefaultWeight","LabelSmallAlt","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","font","fontStyle","fontSize","lineHeight","exports"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAoBjD,MAAMG,aAAa,GAAG,EAAE;AACxB,MAAMC,eAAe,GAAG,EAAE;AAC1B,MAAMC,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,mBAAmB,GAAG,EAAE;AAC9B,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACO,MAAMC,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAC3C,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY;IACZa,IAAI,EAAEH,cAAc,GAAGX,QAAQ,GAAGI,cAAc;IAChDW,SAAS,EAAE;MACTC,QAAQ,EAAEL,cAAc,GAAGb,aAAa,GAAGK,mBAAmB;MAC9Dc,UAAU,EAAElB;IACd;EACF,CAAC,EACDW,GACF,CAAC;AACH,CACF,CAAC;AAACQ,OAAA,CAAAZ,aAAA,GAAAA,aAAA"}
|
|
@@ -30,7 +30,8 @@ export const ListItemNav = _ref => {
|
|
|
30
30
|
testID,
|
|
31
31
|
hideChevron = false,
|
|
32
32
|
topElement,
|
|
33
|
-
loading
|
|
33
|
+
loading,
|
|
34
|
+
numberOfLines
|
|
34
35
|
} = _ref;
|
|
35
36
|
const isPressed = useSharedValue(0);
|
|
36
37
|
const {
|
|
@@ -64,7 +65,8 @@ export const ListItemNav = _ref => {
|
|
|
64
65
|
}, topElement.dateValue)), /*#__PURE__*/React.createElement(VSpacer, {
|
|
65
66
|
size: 4
|
|
66
67
|
}))), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
|
|
67
|
-
color: theme["textBody-default"]
|
|
68
|
+
color: theme["textBody-default"],
|
|
69
|
+
numberOfLines: numberOfLines
|
|
68
70
|
}, value) : value, description && /*#__PURE__*/React.createElement(React.Fragment, null, typeof description === "string" ? /*#__PURE__*/React.createElement(LabelSmall, {
|
|
69
71
|
weight: "Regular",
|
|
70
72
|
color: theme["textBody-tertiary"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Image","Pressable","StyleSheet","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Avatar","Badge","Icon","LoadingSpinner","HSpacer","VSpacer","Caption","H6","LabelSmall","styles","create","paymentLogoSize","width","iconSize","height","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","isPressed","isExperimental","theme","withMargin","GraphicalAsset","createElement","style","marginRight","iconMargin","listItemNavContent","Fragment","badgeProps","alignSelf","size","dateValue","flexDirection","name","color","weight","mapBackgroundStates","default","pressed","navIconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","handleOnPress","event","primaryColor","onPressIn","onPressOut","accessible","accessibilityState","busy","accessibilityRole","listItem","listItemInner","accessibilityIgnoresInvertColors","source","uri","_extends","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAA+BC,WAAW,QAAQ,OAAO;AACrE,SAEEC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,IAAI,QACC,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,aAAa,EACbC,+BAA+B,EAC/BC,cAAc,EACdC,QAAQ,EACRC,SAAS,EACTC,uBAAuB,EACvBC,UAAU,QACL,YAAY;AAEnB,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,OAAO,EAAEC,EAAE,EAAEC,UAAU,QAAQ,eAAe;
|
|
1
|
+
{"version":3,"names":["React","useCallback","Image","Pressable","StyleSheet","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSelectionListItemVisualParams","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Avatar","Badge","Icon","LoadingSpinner","HSpacer","VSpacer","Caption","H6","LabelSmall","styles","create","paymentLogoSize","width","iconSize","height","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","iconColor","avatarProps","avatar","paymentLogoUri","accessibilityLabel","accessibilityHint","testID","hideChevron","topElement","loading","numberOfLines","isPressed","isExperimental","theme","withMargin","GraphicalAsset","createElement","style","marginRight","iconMargin","listItemNavContent","Fragment","badgeProps","alignSelf","size","dateValue","flexDirection","name","color","weight","mapBackgroundStates","default","pressed","navIconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","handleOnPress","event","primaryColor","onPressIn","onPressOut","accessible","accessibilityState","busy","accessibilityRole","listItem","listItemInner","accessibilityIgnoresInvertColors","source","uri","_extends","flex","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -32,13 +32,14 @@ const calculateTextStyle = function (color) {
|
|
|
32
32
|
* @param props
|
|
33
33
|
* @constructor
|
|
34
34
|
*/
|
|
35
|
-
export const BaseTypography = props => {
|
|
35
|
+
export const BaseTypography = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
36
36
|
const fontStyle = useMemo(() => calculateTextStyle(props.color, props.weight, props.isItalic, props.font), [props.color, props.weight, props.isItalic, props.font]);
|
|
37
37
|
const style = props.style ? [props.style, props.fontStyle, fontStyle] : [props.fontStyle, fontStyle];
|
|
38
38
|
return /*#__PURE__*/React.createElement(Text, _extends({
|
|
39
39
|
allowFontScaling: false
|
|
40
40
|
}, props, {
|
|
41
|
+
ref: ref,
|
|
41
42
|
style: style
|
|
42
43
|
}), props.children);
|
|
43
|
-
};
|
|
44
|
+
});
|
|
44
45
|
//# sourceMappingURL=BaseTypography.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","Text","IOColors","makeFontStyleObject","calculateTextStyle","color","_len","arguments","length","args","Array","_key","BaseTypography","props","fontStyle","weight","isItalic","font","style","createElement","_extends","allowFontScaling","children"],"sourceRoot":"../../../../src","sources":["components/typography/BaseTypography.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAAoBC,IAAI,
|
|
1
|
+
{"version":3,"names":["React","useMemo","Text","IOColors","makeFontStyleObject","calculateTextStyle","color","_len","arguments","length","args","Array","_key","BaseTypography","forwardRef","props","ref","fontStyle","weight","isItalic","font","style","createElement","_extends","allowFontScaling","children"],"sourceRoot":"../../../../src","sources":["components/typography/BaseTypography.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAAoBC,IAAI,QAAyB,cAAc;AAC/D,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAGEC,mBAAmB,QACd,mBAAmB;;AAE1B;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAG,SAAAA,CACzBC,KAAe;EAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EACZC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAJF,IAAI,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;EAAA;EAAA,OACH;IACJ,GAAGR,mBAAmB,CAAC,GAAGM,IAAI,CAAC;IAC/BJ,KAAK,EAAEH,QAAQ,CAACG,KAAK;EACvB,CAAC;AAAA,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMO,cAAc,gBAAGb,KAAK,CAACc,UAAU,CAAiB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC7E,MAAMC,SAAS,GAAGhB,OAAO,CACvB,MACEI,kBAAkB,CAACU,KAAK,CAACT,KAAK,EAAES,KAAK,CAACG,MAAM,EAAEH,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACK,IAAI,CAAC,EAC3E,CAACL,KAAK,CAACT,KAAK,EAAES,KAAK,CAACG,MAAM,EAAEH,KAAK,CAACI,QAAQ,EAAEJ,KAAK,CAACK,IAAI,CACxD,CAAC;EACD,MAAMC,KAAK,GAAGN,KAAK,CAACM,KAAK,GACrB,CAACN,KAAK,CAACM,KAAK,EAAEN,KAAK,CAACE,SAAS,EAAEA,SAAS,CAAC,GACzC,CAACF,KAAK,CAACE,SAAS,EAAEA,SAAS,CAAC;EAEhC,oBACEjB,KAAA,CAAAsB,aAAA,CAACpB,IAAI,EAAAqB,QAAA;IAACC,gBAAgB,EAAE;EAAM,GAAKT,KAAK;IAAEC,GAAG,EAAEA,GAAI;IAACK,KAAK,EAAEA;EAAM,IAC9DN,KAAK,CAACU,QACH,CAAC;AAEX,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useIOExperimentalDesign } from "../../core";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
const fontName = "TitilliumSansPro";
|
|
@@ -10,7 +11,7 @@ export const bodyDefaultWeight = "Regular";
|
|
|
10
11
|
/**
|
|
11
12
|
* `Body` typographic style
|
|
12
13
|
*/
|
|
13
|
-
export const Body = props => {
|
|
14
|
+
export const Body = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
14
15
|
const {
|
|
15
16
|
isExperimental
|
|
16
17
|
} = useIOExperimentalDesign();
|
|
@@ -23,6 +24,6 @@ export const Body = props => {
|
|
|
23
24
|
fontSize: bodyFontSize,
|
|
24
25
|
lineHeight: bodyLineHeight
|
|
25
26
|
}
|
|
26
|
-
});
|
|
27
|
-
};
|
|
27
|
+
}, ref);
|
|
28
|
+
});
|
|
28
29
|
//# sourceMappingURL=Body.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","fontName","legacyFontName","bodyFontSize","bodyLineHeight","bodyDefaultColor","bodyDefaultWeight","Body","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","fontName","legacyFontName","bodyFontSize","bodyLineHeight","bodyDefaultColor","bodyDefaultWeight","Body","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAA4BC,uBAAuB,QAAQ,YAAY;AAEvE,SAASC,oBAAoB,QAAQ,WAAW;AAchD,MAAMC,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AAEjD,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,gBAA+B,GAAG,UAAU;AACzD,OAAO,MAAMC,iBAAgC,GAAG,SAAS;;AAEzD;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGT,KAAK,CAACU,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGS,KAAK;IACRG,aAAa,EAAEN,iBAAiB;IAChCO,YAAY,EAAER,gBAAgB;IAC9BS,IAAI,EAAEH,cAAc,GAAGV,QAAQ,GAAGC,cAAc;IAChDa,SAAS,EAAE;MAAEC,QAAQ,EAAEb,YAAY;MAAEc,UAAU,EAAEb;IAAe;EAClE,CAAC,EACDM,GACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useTypographyFactory } from "./Factory";
|
|
2
3
|
const fontName = "DMMono";
|
|
3
4
|
const fontSize = 16;
|
|
@@ -8,7 +9,7 @@ const monospaceDefaultcolor = "bluegrey";
|
|
|
8
9
|
/**
|
|
9
10
|
* `BodyMonospace` typographic style
|
|
10
11
|
*/
|
|
11
|
-
export const BodyMonospace = props => useTypographyFactory({
|
|
12
|
+
export const BodyMonospace = /*#__PURE__*/React.forwardRef((props, ref) => useTypographyFactory({
|
|
12
13
|
...props,
|
|
13
14
|
defaultWeight: monospaceDefaultWeight,
|
|
14
15
|
defaultColor: monospaceDefaultcolor,
|
|
@@ -17,5 +18,5 @@ export const BodyMonospace = props => useTypographyFactory({
|
|
|
17
18
|
fontSize,
|
|
18
19
|
lineHeight
|
|
19
20
|
}
|
|
20
|
-
});
|
|
21
|
+
}, ref));
|
|
21
22
|
//# sourceMappingURL=BodyMonospace.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTypographyFactory","fontName","fontSize","lineHeight","monospaceDefaultWeight","monospaceDefaultcolor","BodyMonospace","props","defaultWeight","defaultColor","font","fontStyle"],"sourceRoot":"../../../../src","sources":["components/typography/BodyMonospace.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":["React","useTypographyFactory","fontName","fontSize","lineHeight","monospaceDefaultWeight","monospaceDefaultcolor","BodyMonospace","forwardRef","props","ref","defaultWeight","defaultColor","font","fontStyle"],"sourceRoot":"../../../../src","sources":["components/typography/BodyMonospace.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,MAAMC,QAAoB,GAAG,QAAQ;AACrC,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,sBAAsB,GAAG,QAAQ;AACvC,MAAMC,qBAAqB,GAAG,UAAU;;AAExC;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGP,KAAK,CAACQ,UAAU,CAC3C,CAACC,KAAK,EAAEC,GAAG,KACTT,oBAAoB,CAClB;EACE,GAAGQ,KAAK;EACRE,aAAa,EAAEN,sBAAsB;EACrCO,YAAY,EAAEN,qBAAqB;EACnCO,IAAI,EAAEX,QAAQ;EACdY,SAAS,EAAE;IAAEX,QAAQ;IAAEC;EAAW;AACpC,CAAC,EACDM,GACF,CACJ,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useIOExperimentalDesign } from "../../core";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
export const buttonTextFontSize = 16;
|
|
@@ -14,7 +15,7 @@ const legacyTextDefaultWeight = "Bold";
|
|
|
14
15
|
/**
|
|
15
16
|
* `ButtonText` typographic style
|
|
16
17
|
*/
|
|
17
|
-
export const ButtonText = props => {
|
|
18
|
+
export const ButtonText = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
18
19
|
const {
|
|
19
20
|
isExperimental
|
|
20
21
|
} = useIOExperimentalDesign();
|
|
@@ -26,6 +27,6 @@ export const ButtonText = props => {
|
|
|
26
27
|
fontStyle: {
|
|
27
28
|
fontSize: buttonTextFontSize
|
|
28
29
|
}
|
|
29
|
-
});
|
|
30
|
-
};
|
|
30
|
+
}, ref);
|
|
31
|
+
});
|
|
31
32
|
//# sourceMappingURL=ButtonText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","buttonTextFontSize","buttonTextDefaultColor","buttonTextFontName","buttonTextDefaultWeight","legacyTextFontName","legacyTextDefaultWeight","ButtonText","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","buttonTextFontSize","buttonTextDefaultColor","buttonTextFontName","buttonTextDefaultWeight","legacyTextFontName","legacyTextDefaultWeight","ButtonText","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,SAASC,uBAAuB,QAAQ,YAAY;AACpD,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA;AACA,MAAMC,sBAA+C,GAAG,OAAO;AAC/D,MAAMC,kBAAgC,GAAG,WAAW;AACpD,MAAMC,uBAAsC,GAAG,SAAS;;AAExD;AACA,MAAMC,kBAAgC,GAAG,cAAc;AACvD,MAAMC,uBAAsC,GAAG,MAAM;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,gBAAGT,KAAK,CAACU,UAAU,CACxC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGS,KAAK;IACRG,aAAa,EAAED,cAAc,GACzBP,uBAAuB,GACvBE,uBAAuB;IAC3BO,YAAY,EAAEX,sBAAsB;IACpCY,IAAI,EAAEH,cAAc,GAAGR,kBAAkB,GAAGE,kBAAkB;IAC9DU,SAAS,EAAE;MACTC,QAAQ,EAAEf;IACZ;EACF,CAAC,EACDS,GACF,CAAC;AACH,CACF,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useIOExperimentalDesign } from "../../core";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
export const captionFontSize = 12;
|
|
@@ -11,7 +12,7 @@ const legacyFont = "TitilliumWeb";
|
|
|
11
12
|
/**
|
|
12
13
|
* `Caption` typographic style
|
|
13
14
|
*/
|
|
14
|
-
export const Caption = props => {
|
|
15
|
+
export const Caption = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15
16
|
const {
|
|
16
17
|
isExperimental
|
|
17
18
|
} = useIOExperimentalDesign();
|
|
@@ -24,6 +25,6 @@ export const Caption = props => {
|
|
|
24
25
|
fontSize: captionFontSize,
|
|
25
26
|
textTransform: "uppercase"
|
|
26
27
|
}
|
|
27
|
-
});
|
|
28
|
-
};
|
|
28
|
+
}, ref);
|
|
29
|
+
});
|
|
29
30
|
//# sourceMappingURL=Caption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","captionFontSize","font","defaultColor","defaultWeight","legacyFont","Caption","props","isExperimental","fontStyle","fontSize","textTransform"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","captionFontSize","font","defaultColor","defaultWeight","legacyFont","Caption","forwardRef","props","ref","isExperimental","fontStyle","fontSize","textTransform"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;;AAE7C;AACA;AACA;AACA,OAAO,MAAMC,OAAO,gBAAGR,KAAK,CAACS,UAAU,CAAqB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1E,MAAM;IAAEC;EAAe,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGQ,KAAK;IACRJ,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGG,UAAU;IACxCM,SAAS,EAAE;MACTC,QAAQ,EAAEX,eAAe;MACzBY,aAAa,EAAE;IACjB;EACF,CAAC,EACDJ,GACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useIOExperimentalDesign } from "../../core";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
const chipFontSize = 12;
|
|
@@ -10,7 +11,7 @@ const legacyFont = "TitilliumWeb";
|
|
|
10
11
|
/**
|
|
11
12
|
* `Chip` typographic style
|
|
12
13
|
*/
|
|
13
|
-
export const Chip = props => {
|
|
14
|
+
export const Chip = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
14
15
|
const {
|
|
15
16
|
isExperimental
|
|
16
17
|
} = useIOExperimentalDesign();
|
|
@@ -22,6 +23,6 @@ export const Chip = props => {
|
|
|
22
23
|
fontStyle: {
|
|
23
24
|
fontSize: chipFontSize
|
|
24
25
|
}
|
|
25
|
-
});
|
|
26
|
-
};
|
|
26
|
+
}, ref);
|
|
27
|
+
});
|
|
27
28
|
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","chipFontSize","font","defaultColor","defaultWeight","legacyFont","Chip","props","isExperimental","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","chipFontSize","font","defaultColor","defaultWeight","legacyFont","Chip","forwardRef","props","ref","isExperimental","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAmBC,uBAAuB,QAAQ,YAAY;AAE9D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGR,KAAK,CAACS,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGQ,KAAK;IACRJ,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGG,UAAU;IACxCM,SAAS,EAAE;MAAEC,QAAQ,EAAEX;IAAa;EACtC,CAAC,EACDQ,GACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -38,7 +38,7 @@ function isDefaultFactoryProps(props) {
|
|
|
38
38
|
* or with a factory function to define some custom behaviour using {@link DefaultFactoryProps}
|
|
39
39
|
* @param props
|
|
40
40
|
*/
|
|
41
|
-
export function useTypographyFactory(props) {
|
|
41
|
+
export function useTypographyFactory(props, ref) {
|
|
42
42
|
// Use different strategy to calculate the default values, based on DefaultProps
|
|
43
43
|
const {
|
|
44
44
|
weight,
|
|
@@ -47,6 +47,8 @@ export function useTypographyFactory(props) {
|
|
|
47
47
|
return /*#__PURE__*/React.createElement(BaseTypography, _extends({
|
|
48
48
|
weight: weight,
|
|
49
49
|
color: color
|
|
50
|
-
}, props
|
|
50
|
+
}, props, {
|
|
51
|
+
ref: ref
|
|
52
|
+
}));
|
|
51
53
|
}
|
|
52
54
|
//# sourceMappingURL=Factory.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","BaseTypography","calculateWeightColor","isDefaultFactoryProps","props","weightColorFactory","undefined","useTypographyFactory","weight","color","defaultWeight","defaultColor","createElement","_extends"],"sourceRoot":"../../../../src","sources":["components/typography/Factory.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["React","useMemo","BaseTypography","calculateWeightColor","isDefaultFactoryProps","props","weightColorFactory","undefined","useTypographyFactory","ref","weight","color","defaultWeight","defaultColor","createElement","_extends"],"sourceRoot":"../../../../src","sources":["components/typography/Factory.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAKtC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SACEC,oBAAoB,QAGf,UAAU;;AAEjB;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;;AAQA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA,SAASC,qBAAqBA,CAC5BC,KAE0D,EACM;EAChE,OACGA,KAAK,CACHC,kBAAkB,KAAKC,SAAS;AAEvC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAoBA,CAIlCH,KAAqD,EACrDI,GAA8B,EAC9B;EACA;EACA,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGV,OAAO,CAC/B,MACEG,qBAAqB,CAACC,KAAK,CAAC,GACxBA,KAAK,CAACC,kBAAkB,CAACD,KAAK,CAACK,MAAM,EAAEL,KAAK,CAACM,KAAK,CAAC,GACnDR,oBAAoB,CAClBE,KAAK,CAACO,aAAa,EACnBP,KAAK,CAACQ,YAAY,EAClBR,KAAK,CAACK,MAAM,EACZL,KAAK,CAACM,KACR,CAAC,EACP,CAACN,KAAK,CACR,CAAC;EAED,oBAAOL,KAAA,CAAAc,aAAA,CAACZ,cAAc,EAAAa,QAAA;IAACL,MAAM,EAAEA,MAAO;IAACC,KAAK,EAAEA;EAAM,GAAKN,KAAK;IAAEI,GAAG,EAAEA;EAAI,EAAE,CAAC;AAC9E"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useIOExperimentalDesign } from "../../core";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
export const h1FontSize = 28;
|
|
@@ -15,7 +16,7 @@ const legacyH1LineHeight = 43;
|
|
|
15
16
|
/**
|
|
16
17
|
* `H1` typographic style
|
|
17
18
|
*/
|
|
18
|
-
export const H1 = props => {
|
|
19
|
+
export const H1 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
19
20
|
const {
|
|
20
21
|
isExperimental
|
|
21
22
|
} = useIOExperimentalDesign();
|
|
@@ -28,6 +29,6 @@ export const H1 = props => {
|
|
|
28
29
|
fontSize: isExperimental ? h1FontSize : legacyH1FontSize,
|
|
29
30
|
lineHeight: isExperimental ? h1LineHeight : legacyH1LineHeight
|
|
30
31
|
}
|
|
31
|
-
});
|
|
32
|
-
};
|
|
32
|
+
}, ref);
|
|
33
|
+
});
|
|
33
34
|
//# sourceMappingURL=H1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h1FontSize","h1LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH1FontSize","legacyH1LineHeight","H1","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h1FontSize","h1LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH1FontSize","legacyH1LineHeight","H1","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGZ,KAAK,CAACa,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGb,UAAU,GAAGO,gBAAgB;MACxDS,UAAU,EAAEH,cAAc,GAAGZ,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDI,GACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useIOExperimentalDesign } from "../../core";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
export const h2FontSize = 26;
|
|
@@ -15,7 +16,7 @@ const legacyH2LineHeight = 40;
|
|
|
15
16
|
/**
|
|
16
17
|
* `H2` typographic style
|
|
17
18
|
*/
|
|
18
|
-
export const H2 = props => {
|
|
19
|
+
export const H2 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
19
20
|
const {
|
|
20
21
|
isExperimental
|
|
21
22
|
} = useIOExperimentalDesign();
|
|
@@ -28,6 +29,6 @@ export const H2 = props => {
|
|
|
28
29
|
fontSize: isExperimental ? h2FontSize : legacyH2FontSize,
|
|
29
30
|
lineHeight: isExperimental ? h2LineHeight : legacyH2LineHeight
|
|
30
31
|
}
|
|
31
|
-
});
|
|
32
|
-
};
|
|
32
|
+
}, ref);
|
|
33
|
+
});
|
|
33
34
|
//# sourceMappingURL=H2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h2FontSize","h2LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH2FontSize","legacyH2LineHeight","H2","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h2FontSize","h2LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH2FontSize","legacyH2LineHeight","H2","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGZ,KAAK,CAACa,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGb,UAAU,GAAGO,gBAAgB;MACxDS,UAAU,EAAEH,cAAc,GAAGZ,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDI,GACF,CAAC;AACH,CAAC,CAAC"}
|