@pagopa/io-app-design-system 1.36.10 → 1.36.12
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/textInput/TextInputBase.js +5 -2
- package/lib/commonjs/components/textInput/TextInputBase.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/textInput/TextInputBase.js +5 -2
- package/lib/module/components/textInput/TextInputBase.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/textInput/TextInputBase.d.ts +1 -1
- package/lib/typescript/components/textInput/TextInputBase.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/textInput/TextInputBase.tsx +3 -1
- 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"}
|
|
@@ -100,7 +100,8 @@ export const TextInputBase = _ref2 => {
|
|
|
100
100
|
onBlur,
|
|
101
101
|
onFocus,
|
|
102
102
|
isPassword,
|
|
103
|
-
autoFocus
|
|
103
|
+
autoFocus,
|
|
104
|
+
testID
|
|
104
105
|
} = _ref2;
|
|
105
106
|
const theme = useIOTheme();
|
|
106
107
|
const labelSharedValue = useSharedValue(false);
|
|
@@ -189,7 +190,9 @@ export const TextInputBase = _ref2 => {
|
|
|
189
190
|
size: 24
|
|
190
191
|
}), /*#__PURE__*/React.createElement(HSpacer, {
|
|
191
192
|
size: 8
|
|
192
|
-
})), /*#__PURE__*/React.createElement(TextInput, _extends({
|
|
193
|
+
})), /*#__PURE__*/React.createElement(TextInput, _extends({
|
|
194
|
+
testID: testID
|
|
195
|
+
}, derivedInputProps ? derivedInputProps.textInputProps : textInputProps, {
|
|
193
196
|
accessible: true,
|
|
194
197
|
editable: !disabled,
|
|
195
198
|
secureTextEntry: isSecretInput,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Pressable","StyleSheet","TextInput","View","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOStyles","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","getInputPropsByType","Icon","HSpacer","LabelSmall","inputMarginTop","styles","create","textInput","row","alignItems","paddingVertical","height","borderRadius","borderCurve","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","lineHeight","textInputStyleFont","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","autoFocus","theme","labelSharedValue","inputStatus","setInputStatus","useState","isSecretInput","inputRef","boxStyle","borderColor","borderWidth","easingConf","duration","easing","elastic","animatedLabelProps","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","derivedInputProps","inputValue","valueFormat","isExperimental","Fragment","onPress","opacity","accessible","accessibilityRole","name","size","_extends","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","selectionColor","cursorColor","maxLength","pointerEvents","left","Text","numberOfLines","marginLeft"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","Pressable","StyleSheet","TextInput","View","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOStyles","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","getInputPropsByType","Icon","HSpacer","LabelSmall","inputMarginTop","styles","create","textInput","row","alignItems","paddingVertical","height","borderRadius","borderCurve","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","lineHeight","textInputStyleFont","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","autoFocus","testID","theme","labelSharedValue","inputStatus","setInputStatus","useState","isSecretInput","inputRef","boxStyle","borderColor","borderWidth","easingConf","duration","easing","elastic","animatedLabelProps","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","derivedInputProps","inputValue","valueFormat","isExperimental","Fragment","onPress","opacity","accessible","accessibilityRole","name","size","_extends","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","selectionColor","cursorColor","maxLength","pointerEvents","left","Text","numberOfLines","marginLeft"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.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
|