@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
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { useIOExperimentalDesign } from "../../core";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
/* Common typographic styles */
|
|
@@ -16,7 +17,7 @@ const legacyH3LineHeight = 34;
|
|
|
16
17
|
/**
|
|
17
18
|
* `H3` typographic style
|
|
18
19
|
*/
|
|
19
|
-
export const H3 = props => {
|
|
20
|
+
export const H3 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
20
21
|
const {
|
|
21
22
|
isExperimental
|
|
22
23
|
} = useIOExperimentalDesign();
|
|
@@ -29,6 +30,6 @@ export const H3 = props => {
|
|
|
29
30
|
fontSize: isExperimental ? h3FontSize : legacyH3FontSize,
|
|
30
31
|
lineHeight: isExperimental ? h3LineHeight : legacyH3LineHeight
|
|
31
32
|
}
|
|
32
|
-
});
|
|
33
|
-
};
|
|
33
|
+
}, ref);
|
|
34
|
+
});
|
|
34
35
|
//# sourceMappingURL=H3.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h3FontSize","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH3FontSize","legacyH3LineHeight","H3","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h3FontSize","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH3FontSize","legacyH3LineHeight","H3","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD;AACA,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,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;AAC7B;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGb,KAAK,CAACc,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGhB,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGa,KAAK;IACRR,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEW,cAAc,GAAGX,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEY,cAAc,GAAGZ,IAAI,GAAGG,cAAc;IAC5CU,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGd,UAAU,GAAGQ,gBAAgB;MACxDS,UAAU,EAAEH,cAAc,GAAGb,YAAY,GAAGQ;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 h4FontSize = 20;
|
|
@@ -15,7 +16,7 @@ const legacyH4FontSize = 22;
|
|
|
15
16
|
/**
|
|
16
17
|
* `H4` typographic style
|
|
17
18
|
*/
|
|
18
|
-
export const H4 = props => {
|
|
19
|
+
export const H4 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
19
20
|
const {
|
|
20
21
|
isExperimental
|
|
21
22
|
} = useIOExperimentalDesign();
|
|
@@ -28,6 +29,6 @@ export const H4 = props => {
|
|
|
28
29
|
fontSize: isExperimental ? h4FontSize : legacyH4FontSize,
|
|
29
30
|
lineHeight: h4LineHeight
|
|
30
31
|
}
|
|
31
|
-
});
|
|
32
|
-
};
|
|
32
|
+
}, ref);
|
|
33
|
+
});
|
|
33
34
|
//# sourceMappingURL=H4.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h4FontSize","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH4FontSize","H4","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h4FontSize","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","legacyH4FontSize","H4","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.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,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;;AAE3B;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;EACpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEU,cAAc,GAAGV,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,cAAc;IAC5CS,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGb,UAAU,GAAGQ,gBAAgB;MACxDQ,UAAU,EAAEf;IACd;EACF,CAAC,EACDW,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 h5FontSize = 14;
|
|
@@ -10,7 +11,7 @@ const defaultWeight = "SemiBold";
|
|
|
10
11
|
/**
|
|
11
12
|
* `H5` typographic style
|
|
12
13
|
*/
|
|
13
|
-
export const H5 = props => {
|
|
14
|
+
export const H5 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
14
15
|
const {
|
|
15
16
|
isExperimental
|
|
16
17
|
} = useIOExperimentalDesign();
|
|
@@ -25,6 +26,6 @@ export const H5 = props => {
|
|
|
25
26
|
textTransform: "uppercase",
|
|
26
27
|
letterSpacing: 0.5
|
|
27
28
|
}
|
|
28
|
-
});
|
|
29
|
-
};
|
|
29
|
+
}, ref);
|
|
30
|
+
});
|
|
30
31
|
//# sourceMappingURL=H5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h5FontSize","h5LineHeight","font","legacyFont","defaultColor","defaultWeight","H5","props","isExperimental","fontStyle","fontSize","lineHeight","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","h5FontSize","h5LineHeight","font","legacyFont","defaultColor","defaultWeight","H5","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/typography/H5.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,kBAAkB;AAC3C,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGT,KAAK,CAACU,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGS,KAAK;IACRH,aAAa;IACbD,YAAY;IACZF,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGC,UAAU;IACxCQ,SAAS,EAAE;MACTC,QAAQ,EAAEZ,UAAU;MACpBa,UAAU,EAAEZ,YAAY;MACxBa,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC,EACDN,GACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { IOThemeLight, useIOExperimentalDesign } from "../../core";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
|
|
@@ -18,7 +19,7 @@ const legacyDefaultWeight = "SemiBold";
|
|
|
18
19
|
/**
|
|
19
20
|
* `H6` typographic style
|
|
20
21
|
*/
|
|
21
|
-
export const H6 = props => {
|
|
22
|
+
export const H6 = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
22
23
|
const {
|
|
23
24
|
isExperimental
|
|
24
25
|
} = useIOExperimentalDesign();
|
|
@@ -31,6 +32,6 @@ export const H6 = props => {
|
|
|
31
32
|
fontSize: isExperimental ? h6FontSize : legacyFontSize,
|
|
32
33
|
lineHeight: isExperimental ? h6LineHeight : legacyLineHeight
|
|
33
34
|
}
|
|
34
|
-
});
|
|
35
|
-
};
|
|
35
|
+
}, ref);
|
|
36
|
+
});
|
|
36
37
|
//# sourceMappingURL=H6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["IOThemeLight","useIOExperimentalDesign","useTypographyFactory","h6FontSize","h6LineHeight","h6DefaultColor","h6DefaultWeight","fontName","legacyFontSize","legacyLineHeight","legacyFontName","legacyDefaultWeight","H6","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","IOThemeLight","useIOExperimentalDesign","useTypographyFactory","h6FontSize","h6LineHeight","h6DefaultColor","h6DefaultWeight","fontName","legacyFontSize","legacyLineHeight","legacyFontName","legacyDefaultWeight","H6","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAE3E,SAASC,oBAAoB,QAAQ,WAAW;;AAGhD;;AAQA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,cAA6B,GAAGL,YAAY,CAAC,kBAAkB,CAAC;AACtE,MAAMM,eAA8B,GAAG,SAAS;AAChD,MAAMC,QAAoB,GAAG,WAAW;;AAExC;AACA,MAAMC,cAAc,GAAG,EAAE;AACzB,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,EAAE,gBAAGb,KAAK,CAACc,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRG,aAAa,EAAED,cAAc,GAAGV,eAAe,GAAGK,mBAAmB;IACrEO,YAAY,EAAEb,cAAc;IAC5Bc,IAAI,EAAEH,cAAc,GAAGT,QAAQ,GAAGG,cAAc;IAChDU,SAAS,EAAE;MACTC,QAAQ,EAAEL,cAAc,GAAGb,UAAU,GAAGK,cAAc;MACtDc,UAAU,EAAEN,cAAc,GAAGZ,YAAY,GAAGK;IAC9C;EACF,CAAC,EACDM,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 heroFontSize = 32;
|
|
@@ -15,7 +16,7 @@ const legacyHeroLineHeight = 49;
|
|
|
15
16
|
/**
|
|
16
17
|
* `Hero` typographic style
|
|
17
18
|
*/
|
|
18
|
-
export const Hero = props => {
|
|
19
|
+
export const Hero = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
19
20
|
const {
|
|
20
21
|
isExperimental
|
|
21
22
|
} = useIOExperimentalDesign();
|
|
@@ -28,6 +29,6 @@ export const Hero = props => {
|
|
|
28
29
|
fontSize: isExperimental ? heroFontSize : legacyHeroFontSize,
|
|
29
30
|
lineHeight: isExperimental ? heroLineHeight : legacyHeroLineHeight
|
|
30
31
|
}
|
|
31
|
-
});
|
|
32
|
-
};
|
|
32
|
+
}, ref);
|
|
33
|
+
});
|
|
33
34
|
//# sourceMappingURL=Hero.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","heroFontSize","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","legacyWeight","legacyHeroFontSize","legacyHeroLineHeight","Hero","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","heroFontSize","heroLineHeight","font","defaultColor","defaultWeight","legacyFont","legacyWeight","legacyHeroFontSize","legacyHeroLineHeight","Hero","forwardRef","props","ref","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Hero.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,uBAAuB,QAAiB,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,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;AACA,OAAO,MAAMC,IAAI,gBAAGZ,KAAK,CAACa,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAGf,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRP,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGE,YAAY;IAC5DH,YAAY;IACZD,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,UAAU;IACxCS,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGb,YAAY,GAAGO,kBAAkB;MAC5DS,UAAU,EAAEH,cAAc,GAAGZ,cAAc,GAAGO;IAChD;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
|
import { fontSizeMapping, lineHeightMapping } from "./common";
|
|
@@ -9,7 +10,7 @@ const labelDefaultcolor = "black";
|
|
|
9
10
|
/**
|
|
10
11
|
* `Label` typographic style
|
|
11
12
|
*/
|
|
12
|
-
export const Label = _ref => {
|
|
13
|
+
export const Label = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
13
14
|
let {
|
|
14
15
|
fontSize,
|
|
15
16
|
...props
|
|
@@ -26,6 +27,6 @@ export const Label = _ref => {
|
|
|
26
27
|
fontSize: fontSize ? fontSizeMapping[fontSize] : fontSizeMapping.regular,
|
|
27
28
|
lineHeight: fontSize ? lineHeightMapping[fontSize] : lineHeightMapping.regular
|
|
28
29
|
}
|
|
29
|
-
});
|
|
30
|
-
};
|
|
30
|
+
}, ref);
|
|
31
|
+
});
|
|
31
32
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","fontName","legacyFontName","labelDefaultWeight","labelDefaultcolor","Label","_ref","fontSize","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","regular","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","fontName","legacyFontName","labelDefaultWeight","labelDefaultcolor","Label","forwardRef","_ref","ref","fontSize","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","regular","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Label.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAGEC,uBAAuB,QAClB,YAAY;AAEnB,SAASC,oBAAoB,QAAQ,WAAW;AAChD,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AASjB,MAAMC,QAAoB,GAAG,kBAAkB;AAC/C,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAkB,GAAG,MAAM;AACjC,MAAMC,iBAAiB,GAAG,OAAO;;AAEjC;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGT,KAAK,CAACU,UAAU,CACnC,CAAAC,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EACrB,MAAM;IAAEI;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGY,KAAK;IACRE,aAAa,EAAET,kBAAkB;IACjCU,YAAY,EAAET,iBAAiB;IAC/BU,IAAI,EAAEH,cAAc,GAAGV,QAAQ,GAAGC,cAAc;IAChDa,SAAS,EAAE;MACTN,QAAQ,EAAEA,QAAQ,GACdV,eAAe,CAACU,QAAQ,CAAC,GACzBV,eAAe,CAACiB,OAAO;MAC3BC,UAAU,EAAER,QAAQ,GAChBT,iBAAiB,CAACS,QAAQ,CAAC,GAC3BT,iBAAiB,CAACgB;IACxB;EACF,CAAC,EACDR,GACF,CAAC;AACH,CACF,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { IOThemeLight, useIOExperimentalDesign } from "../../core";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
export const labelHeaderFontSize = 14;
|
|
@@ -13,7 +14,7 @@ const legacyLabelHeaderLineHeight = 20;
|
|
|
13
14
|
/**
|
|
14
15
|
* `LabelHeader` typographic style
|
|
15
16
|
*/
|
|
16
|
-
export const LabelHeader = props => {
|
|
17
|
+
export const LabelHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
17
18
|
const {
|
|
18
19
|
isExperimental
|
|
19
20
|
} = useIOExperimentalDesign();
|
|
@@ -27,6 +28,6 @@ export const LabelHeader = props => {
|
|
|
27
28
|
fontSize: labelHeaderFontSize,
|
|
28
29
|
lineHeight: isExperimental ? labelHeaderLineHeight : legacyLabelHeaderLineHeight
|
|
29
30
|
}
|
|
30
|
-
});
|
|
31
|
-
};
|
|
31
|
+
}, ref);
|
|
32
|
+
});
|
|
32
33
|
//# sourceMappingURL=LabelHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["IOThemeLight","useIOExperimentalDesign","useTypographyFactory","labelHeaderFontSize","labelHeaderLineHeight","labelHeaderDefaultColor","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":"AACA,
|
|
1
|
+
{"version":3,"names":["React","IOThemeLight","useIOExperimentalDesign","useTypographyFactory","labelHeaderFontSize","labelHeaderLineHeight","labelHeaderDefaultColor","labelHeaderFontName","labelHeaderDefaultWeight","legacyLabelHeaderFontName","legacyLabelHeaderWeight","legacyLabelHeaderLineHeight","LabelHeader","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelHeader.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAkBC,YAAY,EAAEC,uBAAuB,QAAQ,YAAY;AAC3E,SAASC,oBAAoB,QAAQ,WAAW;AAehD,OAAO,MAAMC,mBAAmB,GAAG,EAAE;AACrC,OAAO,MAAMC,qBAAqB,GAAG,EAAE;AACvC,OAAO,MAAMC,uBAAsC,GACjDL,YAAY,CAAC,kBAAkB,CAAC;AAClC,MAAMM,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;AACA,OAAO,MAAMC,WAAW,gBAAGZ,KAAK,CAACa,UAAU,CACzC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EACpD;EACA,OAAOC,oBAAoB,CACzB;IACE,GAAGW,KAAK;IACRG,aAAa,EAAED,cAAc,GACzBR,wBAAwB,GACxBE,uBAAuB;IAC3BQ,YAAY,EAAEZ,uBAAuB;IACrCa,IAAI,EAAEH,cAAc,GAAGT,mBAAmB,GAAGE,yBAAyB;IACtEW,SAAS,EAAE;MACTC,QAAQ,EAAEjB,mBAAmB;MAC7BkB,UAAU,EAAEN,cAAc,GACtBX,qBAAqB,GACrBM;IACN;EACF,CAAC,EACDI,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
|
import { fontSizeMapping, lineHeightMapping } from "./common";
|
|
@@ -10,7 +11,7 @@ export const linkDefaultWeight = "SemiBold";
|
|
|
10
11
|
/**
|
|
11
12
|
* `Link` typographic style
|
|
12
13
|
*/
|
|
13
|
-
export const LabelLink = props => {
|
|
14
|
+
export const LabelLink = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
14
15
|
const {
|
|
15
16
|
isExperimental
|
|
16
17
|
} = useIOExperimentalDesign();
|
|
@@ -25,6 +26,6 @@ export const LabelLink = props => {
|
|
|
25
26
|
lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular,
|
|
26
27
|
textDecorationLine: "underline"
|
|
27
28
|
}
|
|
28
|
-
});
|
|
29
|
-
};
|
|
29
|
+
}, ref);
|
|
30
|
+
});
|
|
30
31
|
//# sourceMappingURL=LabelLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","fontName","legacyFontName","linkLegacyDefaultColor","linkDefaultColor","linkDefaultWeight","LabelLink","props","isExperimental","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","regular","lineHeight","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","fontSizeMapping","lineHeightMapping","fontName","legacyFontName","linkLegacyDefaultColor","linkDefaultColor","linkDefaultWeight","LabelLink","forwardRef","props","ref","isExperimental","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","regular","lineHeight","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,uBAAuB,QAAuB,YAAY;AAEnE,SAASC,oBAAoB,QAAQ,WAAW;AAChD,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AAWjB,MAAMC,QAAsB,GAAG,kBAAkB;AACjD,MAAMC,cAA4B,GAAG,cAAc;AAEnD,OAAO,MAAMC,sBAAqC,GAAG,MAAM;AAE3D,OAAO,MAAMC,gBAA+B,GAAG,YAAY;AAC3D,OAAO,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,gBAAGV,KAAK,CAACW,UAAU,CAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACEa,iBAAiB,EAAEH,KAAK,CAACI,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGL,KAAK;IACRM,aAAa,EAAET,iBAAiB;IAChCU,YAAY,EAAEL,cAAc,GAAGN,gBAAgB,GAAGD,sBAAsB;IACxEa,IAAI,EAAEN,cAAc,GAAGT,QAAQ,GAAGC,cAAc;IAChDe,SAAS,EAAE;MACTC,QAAQ,EAAEV,KAAK,CAACU,QAAQ,GACpBnB,eAAe,CAACS,KAAK,CAACU,QAAQ,CAAC,GAC/BnB,eAAe,CAACoB,OAAO;MAC3BC,UAAU,EAAEZ,KAAK,CAACU,QAAQ,GACtBlB,iBAAiB,CAACQ,KAAK,CAACU,QAAQ,CAAC,GACjClB,iBAAiB,CAACmB,OAAO;MAC7BE,kBAAkB,EAAE;IACtB;EACF,CAAC,EACDZ,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 fontName = "TitilliumSansPro";
|
|
@@ -16,7 +17,7 @@ const labelDefaultcolor = "blue";
|
|
|
16
17
|
/**
|
|
17
18
|
* `LabelSmall` typographic style
|
|
18
19
|
*/
|
|
19
|
-
export const LabelSmall = props => {
|
|
20
|
+
export const LabelSmall = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
20
21
|
const {
|
|
21
22
|
isExperimental
|
|
22
23
|
} = useIOExperimentalDesign();
|
|
@@ -29,6 +30,6 @@ export const LabelSmall = props => {
|
|
|
29
30
|
fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
|
|
30
31
|
lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular
|
|
31
32
|
}
|
|
32
|
-
});
|
|
33
|
-
};
|
|
33
|
+
}, ref);
|
|
34
|
+
});
|
|
34
35
|
//# sourceMappingURL=LabelSmall.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","fontName","legacyFontName","fontSizeMapping","regular","small","lineHeightMapping","labelDefaultWeight","labelDefaultcolor","LabelSmall","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","fontName","legacyFontName","fontSizeMapping","regular","small","lineHeightMapping","labelDefaultWeight","labelDefaultcolor","LabelSmall","forwardRef","props","ref","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmall.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAA4BC,uBAAuB,QAAQ,YAAY;AAEvE,SAASC,oBAAoB,QAAQ,WAAW;AAyBhD,MAAMC,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;AACA,OAAO,MAAMC,UAAU,gBAAGX,KAAK,CAACY,UAAU,CACxC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGW,KAAK;IACRG,aAAa,EAAEP,kBAAkB;IACjCQ,YAAY,EAAEP,iBAAiB;IAC/BQ,IAAI,EAAEH,cAAc,GAAGZ,QAAQ,GAAGC,cAAc;IAChDe,SAAS,EAAE;MACTC,QAAQ,EAAEP,KAAK,CAACO,QAAQ,GACpBf,eAAe,CAACQ,KAAK,CAACO,QAAQ,CAAC,GAC/Bf,eAAe,CAACC,OAAO;MAC3Be,UAAU,EAAER,KAAK,CAACO,QAAQ,GACtBZ,iBAAiB,CAACK,KAAK,CAACO,QAAQ,CAAC,GACjCZ,iBAAiB,CAACF;IACxB;EACF,CAAC,EACDQ,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
|
const labelFontSize = 14;
|
|
@@ -14,7 +15,7 @@ const legacyDefaultWeight = "SemiBold";
|
|
|
14
15
|
/**
|
|
15
16
|
* `LabelSmallAlt` typographic style. It's referenced as `LabelSmallReadex` in the design projects.
|
|
16
17
|
*/
|
|
17
|
-
export const LabelSmallAlt = props => {
|
|
18
|
+
export const LabelSmallAlt = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
18
19
|
const {
|
|
19
20
|
isExperimental
|
|
20
21
|
} = useIOExperimentalDesign();
|
|
@@ -27,6 +28,6 @@ export const LabelSmallAlt = props => {
|
|
|
27
28
|
fontSize: isExperimental ? labelFontSize : legacyLabelFontSize,
|
|
28
29
|
lineHeight: labelLineHeight
|
|
29
30
|
}
|
|
30
|
-
});
|
|
31
|
-
};
|
|
31
|
+
}, ref);
|
|
32
|
+
});
|
|
32
33
|
//# sourceMappingURL=LabelSmallAlt.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","labelFontSize","labelLineHeight","fontName","defaultColor","defaultWeight","legacyLabelFontSize","legacyFontName","legacyDefaultWeight","LabelSmallAlt","props","isExperimental","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"names":["React","useIOExperimentalDesign","useTypographyFactory","labelFontSize","labelLineHeight","fontName","defaultColor","defaultWeight","legacyLabelFontSize","legacyFontName","legacyDefaultWeight","LabelSmallAlt","forwardRef","props","ref","isExperimental","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/LabelSmallAlt.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,uBAAuB,QAAQ,YAAY;AAGpD,SAASC,oBAAoB,QAAQ,WAAW;AAoBhD,MAAMC,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;AACA,OAAO,MAAMC,aAAa,gBAAGX,KAAK,CAACY,UAAU,CAC3C,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CACzB;IACE,GAAGW,KAAK;IACRN,aAAa,EAAEQ,cAAc,GAAGR,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY;IACZU,IAAI,EAAED,cAAc,GAAGV,QAAQ,GAAGI,cAAc;IAChDQ,SAAS,EAAE;MACTC,QAAQ,EAAEH,cAAc,GAAGZ,aAAa,GAAGK,mBAAmB;MAC9DW,UAAU,EAAEf;IACd;EACF,CAAC,EACDU,GACF,CAAC;AACH,CACF,CAAC"}
|
|
@@ -14,6 +14,10 @@ type ListItemTopElementProps = {
|
|
|
14
14
|
};
|
|
15
15
|
type ListItemNavPartialProps = WithTestID<{
|
|
16
16
|
value: string | React.ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* The maximum number of lines to display for the value.
|
|
19
|
+
*/
|
|
20
|
+
numberOfLines?: number;
|
|
17
21
|
description?: string | React.ReactNode;
|
|
18
22
|
loading?: boolean;
|
|
19
23
|
onPress: (event: GestureResponderEvent) => void;
|
|
@@ -42,6 +46,6 @@ export type ListItemNavGraphicProps = {
|
|
|
42
46
|
paymentLogoUri?: never;
|
|
43
47
|
};
|
|
44
48
|
export type ListItemNav = ListItemNavPartialProps & ListItemNavGraphicProps;
|
|
45
|
-
export declare const ListItemNav: ({ value, description, onPress, icon, iconColor, avatarProps: avatar, paymentLogoUri, accessibilityLabel, accessibilityHint, testID, hideChevron, topElement, loading }: ListItemNav) => React.JSX.Element;
|
|
49
|
+
export declare const ListItemNav: ({ value, description, onPress, icon, iconColor, avatarProps: avatar, paymentLogoUri, accessibilityLabel, accessibilityHint, testID, hideChevron, topElement, loading, numberOfLines }: ListItemNav) => React.JSX.Element;
|
|
46
50
|
export default ListItemNav;
|
|
47
51
|
//# sourceMappingURL=ListItemNav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAA0B,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,qBAAqB,EAErB,SAAS,EAGV,MAAM,cAAc,CAAC;AAUtB,OAAO,EACL,QAAQ,EAUT,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,KAAK,uBAAuB,GACxB;IACE,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,KAAK,uBAAuB,GAAG,UAAU,CACvC;IACE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,oBAAoB,GAAG,mBAAmB,CAC3C,CACF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B;IACE,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAS5E,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAA0B,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,qBAAqB,EAErB,SAAS,EAGV,MAAM,cAAc,CAAC;AAUtB,OAAO,EACL,QAAQ,EAUT,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,KAAK,uBAAuB,GACxB;IACE,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,KAAK,uBAAuB,GAAG,UAAU,CACvC;IACE,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,GAAG,IAAI,CACN,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,oBAAoB,GAAG,mBAAmB,CAC3C,CACF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAC/B;IACE,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,CAAC;AAEN,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAS5E,eAAO,MAAM,WAAW,0LAerB,WAAW,sBA4Kb,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { StyleProp, Text, TextStyle } from "react-native";
|
|
2
|
+
import { StyleProp, Text, TextStyle, View } from "react-native";
|
|
3
3
|
import { IOColors } from "../../core/IOColors";
|
|
4
4
|
import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
|
|
5
5
|
/**
|
|
@@ -23,6 +23,6 @@ type OwnProps = BaseTypographyProps & {
|
|
|
23
23
|
* @param props
|
|
24
24
|
* @constructor
|
|
25
25
|
*/
|
|
26
|
-
export declare const BaseTypography: React.
|
|
26
|
+
export declare const BaseTypography: React.ForwardRefExoticComponent<Omit<OwnProps, "ref"> & React.RefAttributes<View>>;
|
|
27
27
|
export {};
|
|
28
28
|
//# sourceMappingURL=BaseTypography.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTypography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BaseTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseTypography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BaseTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAE3B;;;GAGG;AACH,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,QAAQ,GAAG,mBAAmB,GAAG;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,IAAI,CAAC,CAAC;AAe7C;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,oFAezB,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
2
3
|
import { IOColors, IOTheme } from "../../core";
|
|
3
4
|
import { IOFontWeight } from "../../utils/fonts";
|
|
4
|
-
import {
|
|
5
|
+
import { TypographyProps } from "./common";
|
|
5
6
|
type PartialAllowedColors = Extract<IOColors, "bluegreyDark" | "white" | "blue" | "bluegrey" | "bluegreyLight">;
|
|
6
7
|
type AllowedColors = PartialAllowedColors | IOTheme["textBody-default"];
|
|
7
8
|
type AllowedWeight = IOFontWeight | "Regular" | "SemiBold";
|
|
8
|
-
type BodyProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
|
|
9
9
|
export declare const bodyFontSize = 16;
|
|
10
10
|
export declare const bodyLineHeight = 24;
|
|
11
11
|
export declare const bodyDefaultColor: AllowedColors;
|
|
@@ -13,6 +13,8 @@ export declare const bodyDefaultWeight: AllowedWeight;
|
|
|
13
13
|
/**
|
|
14
14
|
* `Body` typographic style
|
|
15
15
|
*/
|
|
16
|
-
export declare const Body: (
|
|
16
|
+
export declare const Body: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, AllowedColors> & {
|
|
17
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
18
|
+
}, "ref"> & React.RefAttributes<View>>;
|
|
17
19
|
export {};
|
|
18
20
|
//# sourceMappingURL=Body.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AACxE,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,oBAAoB,GAAG,OAAO,CACjC,QAAQ,EACR,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,eAAe,CACjE,CAAC;AACF,KAAK,aAAa,GAAG,oBAAoB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AACxE,KAAK,aAAa,GAAG,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;AAS3D,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,gBAAgB,EAAE,aAA0B,CAAC;AAC1D,eAAO,MAAM,iBAAiB,EAAE,aAAyB,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,IAAI;;sCAaf,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
2
3
|
import type { IOColors } from "../../core/IOColors";
|
|
3
|
-
import {
|
|
4
|
-
import { ExternalTypographyProps, TypographyProps } from "./common";
|
|
4
|
+
import { TypographyProps } from "./common";
|
|
5
5
|
type AllowedColors = Extract<IOColors, "bluegreyDark" | "bluegrey">;
|
|
6
|
-
type AllowedWeight = Extract<IOFontWeight, "Medium">;
|
|
7
|
-
type BodyMonospaceProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
|
|
8
6
|
/**
|
|
9
7
|
* `BodyMonospace` typographic style
|
|
10
8
|
*/
|
|
11
|
-
export declare const BodyMonospace: (
|
|
9
|
+
export declare const BodyMonospace: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<"Medium", AllowedColors> & {
|
|
10
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
11
|
+
}, "ref"> & React.RefAttributes<View>>;
|
|
12
12
|
export {};
|
|
13
13
|
//# sourceMappingURL=BodyMonospace.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyMonospace.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodyMonospace.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BodyMonospace.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BodyMonospace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AAapE;;GAEG;AACH,eAAO,MAAM,aAAa;;sCAYzB,CAAC"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
2
3
|
import { IOColors } from "../../core/IOColors";
|
|
3
4
|
import { IOFontWeight } from "../../utils/fonts";
|
|
4
|
-
import {
|
|
5
|
+
import { TypographyProps } from "./common";
|
|
5
6
|
export type ButtonTextAllowedColors = IOColors;
|
|
6
7
|
type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular" | "Bold">;
|
|
7
|
-
type ButtonTextProps = ExternalTypographyProps<TypographyProps<AllowedWeight, ButtonTextAllowedColors>>;
|
|
8
8
|
export declare const buttonTextFontSize = 16;
|
|
9
9
|
/**
|
|
10
10
|
* `ButtonText` typographic style
|
|
11
11
|
*/
|
|
12
|
-
export declare const ButtonText: (
|
|
12
|
+
export declare const ButtonText: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
|
|
13
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
14
|
+
}, "ref"> & React.RefAttributes<View>>;
|
|
13
15
|
export {};
|
|
14
16
|
//# sourceMappingURL=ButtonText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;AAC/C,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAM5E,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAWrC;;GAEG;AACH,eAAO,MAAM,UAAU;;sCAmBtB,CAAC"}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { ExternalTypographyProps, TypographyProps } from "./common";
|
|
5
|
-
type AllowedColors = IOTheme["textHeading-default"];
|
|
6
|
-
type AllowedWeight = Extract<IOFontWeight, "Regular">;
|
|
7
|
-
type CaptionProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
import { TypographyProps } from "./common";
|
|
8
4
|
export declare const captionFontSize = 12;
|
|
9
5
|
/**
|
|
10
6
|
* `Caption` typographic style
|
|
11
7
|
*/
|
|
12
|
-
export declare const Caption: (
|
|
13
|
-
|
|
8
|
+
export declare const Caption: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<"Regular", "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
|
|
9
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
10
|
+
}, "ref"> & React.RefAttributes<View>>;
|
|
14
11
|
//# sourceMappingURL=Caption.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Caption.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Caption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AASpE,eAAO,MAAM,eAAe,KAAK,CAAC;AAQlC;;GAEG;AACH,eAAO,MAAM,OAAO;;sCAgBlB,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
3
|
import { IOFontWeight } from "../../utils/fonts";
|
|
4
|
-
import {
|
|
5
|
-
type AllowedColors = IOColors;
|
|
4
|
+
import { TypographyProps } from "./common";
|
|
6
5
|
type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular">;
|
|
7
|
-
type ChipProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
|
|
8
6
|
/**
|
|
9
7
|
* `Chip` typographic style
|
|
10
8
|
*/
|
|
11
|
-
export declare const Chip: (
|
|
9
|
+
export declare const Chip: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").TextProps & React.RefAttributes<import("react-native").Text>, "style"> & TypographyProps<AllowedWeight, "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
|
|
10
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
11
|
+
}, "ref"> & React.RefAttributes<View>>;
|
|
12
12
|
export {};
|
|
13
13
|
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Chip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAA2B,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAanE;;GAEG;AACH,eAAO,MAAM,IAAI;;sCAaf,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
2
3
|
import { IOColors } from "../../core";
|
|
3
4
|
import { IOFontWeight } from "../../utils/fonts";
|
|
4
5
|
import { XOR } from "../../utils/types";
|
|
@@ -36,6 +37,6 @@ type FactoryProps<WeightPropsType, ColorsPropsType> = TypographyProps<WeightProp
|
|
|
36
37
|
* or with a factory function to define some custom behaviour using {@link DefaultFactoryProps}
|
|
37
38
|
* @param props
|
|
38
39
|
*/
|
|
39
|
-
export declare function useTypographyFactory<WeightPropsType extends IOFontWeight, ColorsPropsType extends IOColors>(props: FactoryProps<WeightPropsType, ColorsPropsType>): React.JSX.Element;
|
|
40
|
+
export declare function useTypographyFactory<WeightPropsType extends IOFontWeight, ColorsPropsType extends IOColors>(props: FactoryProps<WeightPropsType, ColorsPropsType>, ref?: React.ForwardedRef<View>): React.JSX.Element;
|
|
40
41
|
export {};
|
|
41
42
|
//# sourceMappingURL=Factory.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Factory.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEL,uBAAuB,EACvB,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,KAAK,oBAAoB,CAAC,eAAe,EAAE,eAAe,IAAI;IAC5D,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF;;;GAGG;AACH,KAAK,mBAAmB,CAAC,eAAe,EAAE,eAAe,IAAI;IAC3D,kBAAkB,EAAE,CAClB,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,eAAe,KACpB,uBAAuB,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;CAChE,CAAC;AAEF;;GAEG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,GAAG,CACvD,oBAAoB,CAAC,eAAe,EAAE,eAAe,CAAC,EACtD,mBAAmB,CAAC,eAAe,EAAE,eAAe,CAAC,CACtD,CAAC;AAEF;;;;;GAKG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,eAAe,CACnE,eAAe,EACf,eAAe,CAChB,GACC,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;AAiBxE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,eAAe,SAAS,YAAY,EACpC,eAAe,SAAS,QAAQ,
|
|
1
|
+
{"version":3,"file":"Factory.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEL,uBAAuB,EACvB,eAAe,EAChB,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,KAAK,oBAAoB,CAAC,eAAe,EAAE,eAAe,IAAI;IAC5D,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEF;;;GAGG;AACH,KAAK,mBAAmB,CAAC,eAAe,EAAE,eAAe,IAAI;IAC3D,kBAAkB,EAAE,CAClB,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,eAAe,KACpB,uBAAuB,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;CAChE,CAAC;AAEF;;GAEG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,GAAG,CACvD,oBAAoB,CAAC,eAAe,EAAE,eAAe,CAAC,EACtD,mBAAmB,CAAC,eAAe,EAAE,eAAe,CAAC,CACtD,CAAC;AAEF;;;;;GAKG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,eAAe,CACnE,eAAe,EACf,eAAe,CAChB,GACC,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;AAiBxE;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,eAAe,SAAS,YAAY,EACpC,eAAe,SAAS,QAAQ,EAEhC,KAAK,EAAE,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,EACrD,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,qBAiB/B"}
|