@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.
Files changed (141) hide show
  1. package/lib/commonjs/components/listitems/ListItemNav.js +4 -2
  2. package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
  3. package/lib/commonjs/components/typography/BaseTypography.js +3 -2
  4. package/lib/commonjs/components/typography/BaseTypography.js.map +1 -1
  5. package/lib/commonjs/components/typography/Body.js +5 -3
  6. package/lib/commonjs/components/typography/Body.js.map +1 -1
  7. package/lib/commonjs/components/typography/BodyMonospace.js +4 -2
  8. package/lib/commonjs/components/typography/BodyMonospace.js.map +1 -1
  9. package/lib/commonjs/components/typography/ButtonText.js +5 -3
  10. package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
  11. package/lib/commonjs/components/typography/Caption.js +5 -3
  12. package/lib/commonjs/components/typography/Caption.js.map +1 -1
  13. package/lib/commonjs/components/typography/Chip.js +5 -3
  14. package/lib/commonjs/components/typography/Chip.js.map +1 -1
  15. package/lib/commonjs/components/typography/Factory.js +4 -2
  16. package/lib/commonjs/components/typography/Factory.js.map +1 -1
  17. package/lib/commonjs/components/typography/H1.js +5 -3
  18. package/lib/commonjs/components/typography/H1.js.map +1 -1
  19. package/lib/commonjs/components/typography/H2.js +5 -3
  20. package/lib/commonjs/components/typography/H2.js.map +1 -1
  21. package/lib/commonjs/components/typography/H3.js +5 -3
  22. package/lib/commonjs/components/typography/H3.js.map +1 -1
  23. package/lib/commonjs/components/typography/H4.js +5 -3
  24. package/lib/commonjs/components/typography/H4.js.map +1 -1
  25. package/lib/commonjs/components/typography/H5.js +5 -3
  26. package/lib/commonjs/components/typography/H5.js.map +1 -1
  27. package/lib/commonjs/components/typography/H6.js +5 -3
  28. package/lib/commonjs/components/typography/H6.js.map +1 -1
  29. package/lib/commonjs/components/typography/Hero.js +5 -3
  30. package/lib/commonjs/components/typography/Hero.js.map +1 -1
  31. package/lib/commonjs/components/typography/Label.js +5 -3
  32. package/lib/commonjs/components/typography/Label.js.map +1 -1
  33. package/lib/commonjs/components/typography/LabelHeader.js +5 -3
  34. package/lib/commonjs/components/typography/LabelHeader.js.map +1 -1
  35. package/lib/commonjs/components/typography/LabelLink.js +5 -3
  36. package/lib/commonjs/components/typography/LabelLink.js.map +1 -1
  37. package/lib/commonjs/components/typography/LabelSmall.js +5 -3
  38. package/lib/commonjs/components/typography/LabelSmall.js.map +1 -1
  39. package/lib/commonjs/components/typography/LabelSmallAlt.js +5 -3
  40. package/lib/commonjs/components/typography/LabelSmallAlt.js.map +1 -1
  41. package/lib/module/components/listitems/ListItemNav.js +4 -2
  42. package/lib/module/components/listitems/ListItemNav.js.map +1 -1
  43. package/lib/module/components/typography/BaseTypography.js +3 -2
  44. package/lib/module/components/typography/BaseTypography.js.map +1 -1
  45. package/lib/module/components/typography/Body.js +4 -3
  46. package/lib/module/components/typography/Body.js.map +1 -1
  47. package/lib/module/components/typography/BodyMonospace.js +3 -2
  48. package/lib/module/components/typography/BodyMonospace.js.map +1 -1
  49. package/lib/module/components/typography/ButtonText.js +4 -3
  50. package/lib/module/components/typography/ButtonText.js.map +1 -1
  51. package/lib/module/components/typography/Caption.js +4 -3
  52. package/lib/module/components/typography/Caption.js.map +1 -1
  53. package/lib/module/components/typography/Chip.js +4 -3
  54. package/lib/module/components/typography/Chip.js.map +1 -1
  55. package/lib/module/components/typography/Factory.js +4 -2
  56. package/lib/module/components/typography/Factory.js.map +1 -1
  57. package/lib/module/components/typography/H1.js +4 -3
  58. package/lib/module/components/typography/H1.js.map +1 -1
  59. package/lib/module/components/typography/H2.js +4 -3
  60. package/lib/module/components/typography/H2.js.map +1 -1
  61. package/lib/module/components/typography/H3.js +4 -3
  62. package/lib/module/components/typography/H3.js.map +1 -1
  63. package/lib/module/components/typography/H4.js +4 -3
  64. package/lib/module/components/typography/H4.js.map +1 -1
  65. package/lib/module/components/typography/H5.js +4 -3
  66. package/lib/module/components/typography/H5.js.map +1 -1
  67. package/lib/module/components/typography/H6.js +4 -3
  68. package/lib/module/components/typography/H6.js.map +1 -1
  69. package/lib/module/components/typography/Hero.js +4 -3
  70. package/lib/module/components/typography/Hero.js.map +1 -1
  71. package/lib/module/components/typography/Label.js +4 -3
  72. package/lib/module/components/typography/Label.js.map +1 -1
  73. package/lib/module/components/typography/LabelHeader.js +4 -3
  74. package/lib/module/components/typography/LabelHeader.js.map +1 -1
  75. package/lib/module/components/typography/LabelLink.js +4 -3
  76. package/lib/module/components/typography/LabelLink.js.map +1 -1
  77. package/lib/module/components/typography/LabelSmall.js +4 -3
  78. package/lib/module/components/typography/LabelSmall.js.map +1 -1
  79. package/lib/module/components/typography/LabelSmallAlt.js +4 -3
  80. package/lib/module/components/typography/LabelSmallAlt.js.map +1 -1
  81. package/lib/typescript/components/listitems/ListItemNav.d.ts +5 -1
  82. package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
  83. package/lib/typescript/components/typography/BaseTypography.d.ts +2 -2
  84. package/lib/typescript/components/typography/BaseTypography.d.ts.map +1 -1
  85. package/lib/typescript/components/typography/Body.d.ts +6 -4
  86. package/lib/typescript/components/typography/Body.d.ts.map +1 -1
  87. package/lib/typescript/components/typography/BodyMonospace.d.ts +6 -6
  88. package/lib/typescript/components/typography/BodyMonospace.d.ts.map +1 -1
  89. package/lib/typescript/components/typography/ButtonText.d.ts +6 -4
  90. package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
  91. package/lib/typescript/components/typography/Caption.d.ts +6 -9
  92. package/lib/typescript/components/typography/Caption.d.ts.map +1 -1
  93. package/lib/typescript/components/typography/Chip.d.ts +6 -6
  94. package/lib/typescript/components/typography/Chip.d.ts.map +1 -1
  95. package/lib/typescript/components/typography/Factory.d.ts +2 -1
  96. package/lib/typescript/components/typography/Factory.d.ts.map +1 -1
  97. package/lib/typescript/components/typography/H1.d.ts +6 -6
  98. package/lib/typescript/components/typography/H1.d.ts.map +1 -1
  99. package/lib/typescript/components/typography/H2.d.ts +6 -6
  100. package/lib/typescript/components/typography/H2.d.ts.map +1 -1
  101. package/lib/typescript/components/typography/H3.d.ts +6 -6
  102. package/lib/typescript/components/typography/H3.d.ts.map +1 -1
  103. package/lib/typescript/components/typography/H4.d.ts +6 -6
  104. package/lib/typescript/components/typography/H4.d.ts.map +1 -1
  105. package/lib/typescript/components/typography/H5.d.ts +6 -9
  106. package/lib/typescript/components/typography/H5.d.ts.map +1 -1
  107. package/lib/typescript/components/typography/H6.d.ts +6 -4
  108. package/lib/typescript/components/typography/H6.d.ts.map +1 -1
  109. package/lib/typescript/components/typography/Hero.d.ts +6 -6
  110. package/lib/typescript/components/typography/Hero.d.ts.map +1 -1
  111. package/lib/typescript/components/typography/Label.d.ts +3 -2
  112. package/lib/typescript/components/typography/Label.d.ts.map +1 -1
  113. package/lib/typescript/components/typography/LabelHeader.d.ts +6 -4
  114. package/lib/typescript/components/typography/LabelHeader.d.ts.map +1 -1
  115. package/lib/typescript/components/typography/LabelLink.d.ts +3 -2
  116. package/lib/typescript/components/typography/LabelLink.d.ts.map +1 -1
  117. package/lib/typescript/components/typography/LabelSmall.d.ts +3 -2
  118. package/lib/typescript/components/typography/LabelSmall.d.ts.map +1 -1
  119. package/lib/typescript/components/typography/LabelSmallAlt.d.ts +6 -4
  120. package/lib/typescript/components/typography/LabelSmallAlt.d.ts.map +1 -1
  121. package/package.json +1 -1
  122. package/src/components/listitems/ListItemNav.tsx +9 -2
  123. package/src/components/typography/BaseTypography.tsx +4 -4
  124. package/src/components/typography/Body.tsx +14 -9
  125. package/src/components/typography/BodyMonospace.tsx +15 -8
  126. package/src/components/typography/ButtonText.tsx +21 -14
  127. package/src/components/typography/Caption.tsx +17 -12
  128. package/src/components/typography/Chip.tsx +14 -9
  129. package/src/components/typography/Factory.tsx +6 -2
  130. package/src/components/typography/H1.tsx +17 -12
  131. package/src/components/typography/H2.tsx +17 -12
  132. package/src/components/typography/H3.tsx +17 -12
  133. package/src/components/typography/H4.tsx +17 -12
  134. package/src/components/typography/H5.tsx +19 -14
  135. package/src/components/typography/H6.tsx +17 -12
  136. package/src/components/typography/Hero.tsx +17 -12
  137. package/src/components/typography/Label.tsx +24 -15
  138. package/src/components/typography/LabelHeader.tsx +25 -18
  139. package/src/components/typography/LabelLink.tsx +23 -18
  140. package/src/components/typography/LabelSmall.tsx +24 -17
  141. 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,SAAkBA,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,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGY,KAAK;IACRP,aAAa,EAAEQ,cAAc,GAAGR,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAES,cAAc,GAAGT,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEU,cAAc,GAAGV,IAAI,GAAGG,cAAc;IAC5CQ,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGZ,UAAU,GAAGQ,gBAAgB;MACxDO,UAAU,EAAEH,cAAc,GAAGX,YAAY,GAAGQ;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC"}
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,SAAkBA,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,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EACpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGW,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEQ,cAAc,GAAGR,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,cAAc;IAC5CO,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGX,UAAU,GAAGQ,gBAAgB;MACxDM,UAAU,EAAEb;IACd;EACF,CAAC,CAAC;AACJ,CAAC"}
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,SAAkBA,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,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGQ,KAAK;IACRF,aAAa;IACbD,YAAY;IACZF,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGC,UAAU;IACxCM,SAAS,EAAE;MACTC,QAAQ,EAAEV,UAAU;MACpBW,UAAU,EAAEV,YAAY;MACxBW,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;AACJ,CAAC"}
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,SAAkBA,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,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGW,KAAK;IACRE,aAAa,EAAED,cAAc,GAAGR,eAAe,GAAGK,mBAAmB;IACrEK,YAAY,EAAEX,cAAc;IAC5BY,IAAI,EAAEH,cAAc,GAAGP,QAAQ,GAAGG,cAAc;IAChDQ,SAAS,EAAE;MACTC,QAAQ,EAAEL,cAAc,GAAGX,UAAU,GAAGK,cAAc;MACtDY,UAAU,EAAEN,cAAc,GAAGV,YAAY,GAAGK;IAC9C;EACF,CAAC,CAAC;AACJ,CAAC"}
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,SAASA,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,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGW,KAAK;IACRN,aAAa,EAAEO,cAAc,GAAGP,aAAa,GAAGE,YAAY;IAC5DH,YAAY;IACZD,IAAI,EAAES,cAAc,GAAGT,IAAI,GAAGG,UAAU;IACxCO,SAAS,EAAE;MACTC,QAAQ,EAAEF,cAAc,GAAGX,YAAY,GAAGO,kBAAkB;MAC5DO,UAAU,EAAEH,cAAc,GAAGV,cAAc,GAAGO;IAChD;EACF,CAAC,CAAC;AACJ,CAAC"}
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,SAGEA,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,GAAGC,IAAA,IAAwC;EAAA,IAAvC;IAAEC,QAAQ;IAAE,GAAGC;EAAkB,CAAC,GAAAF,IAAA;EACtD,MAAM;IAAEG;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRE,aAAa,EAAEP,kBAAkB;IACjCQ,YAAY,EAAEP,iBAAiB;IAC/BQ,IAAI,EAAEH,cAAc,GAAGR,QAAQ,GAAGC,cAAc;IAChDW,SAAS,EAAE;MACTN,QAAQ,EAAEA,QAAQ,GAAGR,eAAe,CAACQ,QAAQ,CAAC,GAAGR,eAAe,CAACe,OAAO;MACxEC,UAAU,EAAER,QAAQ,GAChBP,iBAAiB,CAACO,QAAQ,CAAC,GAC3BP,iBAAiB,CAACc;IACxB;EACF,CAAC,CAAC;AACJ,CAAC"}
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,SAAkBA,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,GAAIC,KAAuB,IAAK;EACtD,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EACpD;EACA,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRE,aAAa,EAAED,cAAc,GACzBN,wBAAwB,GACxBE,uBAAuB;IAC3BM,YAAY,EAAEV,uBAAuB;IACrCW,IAAI,EAAEH,cAAc,GAAGP,mBAAmB,GAAGE,yBAAyB;IACtES,SAAS,EAAE;MACTC,QAAQ,EAAEf,mBAAmB;MAC7BgB,UAAU,EAAEN,cAAc,GACtBT,qBAAqB,GACrBM;IACN;EACF,CAAC,CAAC;AACJ,CAAC"}
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,SAASA,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,GAAIC,KAAgB,IAAK;EAC7C,MAAM;IAAEC;EAAe,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxDW,iBAAiB,EAAEF,KAAK,CAACG,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGJ,KAAK;IACRK,aAAa,EAAEP,iBAAiB;IAChCQ,YAAY,EAAEL,cAAc,GAAGJ,gBAAgB,GAAGD,sBAAsB;IACxEW,IAAI,EAAEN,cAAc,GAAGP,QAAQ,GAAGC,cAAc;IAChDa,SAAS,EAAE;MACTC,QAAQ,EAAET,KAAK,CAACS,QAAQ,GACpBjB,eAAe,CAACQ,KAAK,CAACS,QAAQ,CAAC,GAC/BjB,eAAe,CAACkB,OAAO;MAC3BC,UAAU,EAAEX,KAAK,CAACS,QAAQ,GACtBhB,iBAAiB,CAACO,KAAK,CAACS,QAAQ,CAAC,GACjChB,iBAAiB,CAACiB,OAAO;MAC7BE,kBAAkB,EAAE;IACtB;EACF,CAAC,CAAC;AACJ,CAAC"}
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,SAA4BA,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,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRE,aAAa,EAAEL,kBAAkB;IACjCM,YAAY,EAAEL,iBAAiB;IAC/BM,IAAI,EAAEH,cAAc,GAAGV,QAAQ,GAAGC,cAAc;IAChDa,SAAS,EAAE;MACTC,QAAQ,EAAEN,KAAK,CAACM,QAAQ,GACpBb,eAAe,CAACO,KAAK,CAACM,QAAQ,CAAC,GAC/Bb,eAAe,CAACC,OAAO;MAC3Ba,UAAU,EAAEP,KAAK,CAACM,QAAQ,GACtBV,iBAAiB,CAACI,KAAK,CAACM,QAAQ,CAAC,GACjCV,iBAAiB,CAACF;IACxB;EACF,CAAC,CAAC;AACJ,CAAC"}
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,SAASA,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,GAAIC,KAAyB,IAAK;EAC1D,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRL,aAAa,EAAEM,cAAc,GAAGN,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY;IACZQ,IAAI,EAAED,cAAc,GAAGR,QAAQ,GAAGI,cAAc;IAChDM,SAAS,EAAE;MACTC,QAAQ,EAAEH,cAAc,GAAGV,aAAa,GAAGK,mBAAmB;MAC9DS,UAAU,EAAEb;IACd;EACF,CAAC,CAAC;AACJ,CAAC"}
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,2KAcrB,WAAW,sBA0Kb,CAAC;AAEF,eAAe,WAAW,CAAC"}
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.FC<OwnProps>;
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;AAC1D,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,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAe7C,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
- /// <reference types="react" />
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 { ExternalTypographyProps, TypographyProps } from "./common";
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: (props: BodyProps) => import("react").JSX.Element;
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":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AACxE,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,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;AAE3D,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAKF,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,UAAW,SAAS,gCAUpC,CAAC"}
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
- /// <reference types="react" />
1
+ import React from "react";
2
+ import { View } from "react-native";
2
3
  import type { IOColors } from "../../core/IOColors";
3
- import { IOFontWeight } from "../../utils/fonts";
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: (props: BodyMonospaceProps) => import("react").JSX.Element;
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":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AACpE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAErD,KAAK,kBAAkB,GAAG,uBAAuB,CAC/C,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAQF;;GAEG;AACH,eAAO,MAAM,aAAa,UAAW,kBAAkB,gCAOnD,CAAC"}
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
- /// <reference types="react" />
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 { ExternalTypographyProps, TypographyProps } from "./common";
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: (props: ButtonTextProps) => import("react").JSX.Element;
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":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAAE,uBAAuB,EAAE,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;AAE5E,KAAK,eAAe,GAAG,uBAAuB,CAC5C,eAAe,CAAC,aAAa,EAAE,uBAAuB,CAAC,CACxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAWrC;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,eAAe,gCAchD,CAAC"}
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
- /// <reference types="react" />
2
- import { IOTheme } from "../../core";
3
- import { IOFontWeight } from "../../utils/fonts";
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: (props: CaptionProps) => import("react").JSX.Element;
13
- export {};
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":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,YAAY,GAAG,uBAAuB,CACzC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,eAAe,KAAK,CAAC;AAQlC;;GAEG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,gCAa1C,CAAC"}
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
- /// <reference types="react" />
2
- import { IOColors } from "../../core";
1
+ import React from "react";
2
+ import { View } from "react-native";
3
3
  import { IOFontWeight } from "../../utils/fonts";
4
- import { ExternalTypographyProps, TypographyProps } from "./common";
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: (props: ChipProps) => import("react").JSX.Element;
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":";AAAA,OAAO,EAAE,QAAQ,EAA2B,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,QAAQ,CAAC;AAC9B,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEnE,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AASF;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUpC,CAAC"}
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,EAChC,KAAK,EAAE,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,qBAgBtD"}
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"}