@pagopa/io-app-design-system 1.41.0 → 2.0.0-0

package/lib/commonjs/components/typography/Factory.js

@@ -44,6 +44,7 @@ function isDefaultFactoryProps(props) {
  * The default values can be calculated specifying some fallback values using {@link DefaultArgumentProps}
  * or with a factory function to define some custom behaviour using {@link DefaultFactoryProps}
  * @param props
+ * @deprecated Use `IOText` instead. Or use the new typographic styles that use it.
  */
 function useTypographyFactory(props, ref) {
   // Use different strategy to calculate the default values, based on DefaultProps

package/lib/commonjs/components/typography/Factory.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_BaseTypography","_common","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isDefaultFactoryProps","props","weightColorFactory","undefined","useTypographyFactory","ref","weight","color","useMemo","calculateWeightColor","defaultWeight","defaultColor","createElement","BaseTypography"],"sourceRoot":"../../../../src","sources":["components/typography/Factory.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_BaseTypography","_common","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isDefaultFactoryProps","props","weightColorFactory","undefined","useTypographyFactory","ref","weight","color","useMemo","calculateWeightColor","defaultWeight","defaultColor","createElement","BaseTypography"],"sourceRoot":"../../../../src","sources":["components/typography/Factory.tsx"],"mappings":"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"}

package/lib/commonjs/components/typography/H1.js

@@ -4,44 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h1LineHeight = exports.h1FontSize = exports.H1 = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
-var _Factory = require("./Factory");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const defaultColor = "textHeading-default";
 const h1FontSize = 28;
 exports.h1FontSize = h1FontSize;
 const h1LineHeight = 42;
 exports.h1LineHeight = h1LineHeight;
 const fontName = "ReadexPro";
-const defaultColor = "black";
-const defaultWeight = "Regular";
+const fontWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFont = "TitilliumSansPro";
-const legacyDefaultWeight = "Semibold";
 const legacyH1FontSize = 31;
 const legacyH1LineHeight = 43;
+const legacyFontName = "TitilliumSansPro";
+const legacyFontWeight = "Semibold";
 
 /**
  * `H1` typographic style
  */
-const H1 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H1 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color: customColor,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+  const H1Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "largeTitle" /* iOS only */,
-    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
-    defaultColor,
-    font: isExperimental ? fontName : legacyFont,
-    fontStyle: {
-      fontSize: isExperimental ? h1FontSize : legacyH1FontSize,
-      lineHeight: isExperimental ? h1LineHeight : legacyH1LineHeight
-    }
-  }, ref);
+    dynamicTypeRamp: "largeTitle",
+    // iOS only
+    font: isExperimental ? fontName : legacyFontName,
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    size: isExperimental ? h1FontSize : legacyH1FontSize,
+    lineHeight: isExperimental ? h1LineHeight : legacyH1LineHeight,
+    color: customColor ?? theme[defaultColor]
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H1Props), props.children);
 });
 exports.H1 = H1;
 //# sourceMappingURL=H1.js.map

package/lib/commonjs/components/typography/H1.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h1FontSize","exports","h1LineHeight","fontName","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH1FontSize","legacyH1LineHeight","H1","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAU1C,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,kBAAkB;AACjD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,YAAY,CAAC;IAC9BhB,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZkB,IAAI,EAAEP,cAAc,GAAGZ,QAAQ,GAAGG,UAAU;IAC5CiB,SAAS,EAAE;MACTC,QAAQ,EAAET,cAAc,GAAGf,UAAU,GAAGQ,gBAAgB;MACxDiB,UAAU,EAAEV,cAAc,GAAGb,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultColor","h1FontSize","exports","h1LineHeight","fontName","fontWeight","legacyH1FontSize","legacyH1LineHeight","legacyFontName","legacyFontWeight","H1","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H1Props","dynamicTypeRamp","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":"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"}

package/lib/commonjs/components/typography/H2.js

@@ -4,44 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h2LineHeight = exports.h2FontSize = exports.H2 = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
-var _Factory = require("./Factory");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const defaultColor = "textHeading-default";
 const h2FontSize = 26;
 exports.h2FontSize = h2FontSize;
 const h2LineHeight = 39;
 exports.h2LineHeight = h2LineHeight;
 const fontName = "ReadexPro";
-const defaultColor = "black";
-const defaultWeight = "Regular";
+const fontWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFont = "TitilliumSansPro";
-const legacyDefaultWeight = "Semibold";
 const legacyH2FontSize = 28;
 const legacyH2LineHeight = 40;
+const legacyFontName = "TitilliumSansPro";
+const legacyFontWeight = "Semibold";
 
 /**
  * `H2` typographic style
  */
-const H2 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H2 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color: customColor,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+  const H2Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "title1" /* iOS only */,
-    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
-    defaultColor,
-    font: isExperimental ? fontName : legacyFont,
-    fontStyle: {
-      fontSize: isExperimental ? h2FontSize : legacyH2FontSize,
-      lineHeight: isExperimental ? h2LineHeight : legacyH2LineHeight
-    }
-  }, ref);
+    dynamicTypeRamp: "title1",
+    // iOS only
+    font: isExperimental ? fontName : legacyFontName,
+    size: isExperimental ? h2FontSize : legacyH2FontSize,
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    color: customColor ?? theme[defaultColor],
+    lineHeight: isExperimental ? h2LineHeight : legacyH2LineHeight
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H2Props), props.children);
 });
 exports.H2 = H2;
 //# sourceMappingURL=H2.js.map

package/lib/commonjs/components/typography/H2.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h2FontSize","exports","h2LineHeight","fontName","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","legacyH2FontSize","legacyH2LineHeight","H2","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAU1C,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,kBAAkB;AACjD,MAAMC,mBAAkC,GAAG,UAAU;AACrD,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,kBAAkB,GAAG,EAAE;;AAE7B;AACA;AACA;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,QAAQ,CAAC;IAC1BhB,aAAa,EAAEU,cAAc,GAAGV,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZkB,IAAI,EAAEP,cAAc,GAAGZ,QAAQ,GAAGG,UAAU;IAC5CiB,SAAS,EAAE;MACTC,QAAQ,EAAET,cAAc,GAAGf,UAAU,GAAGQ,gBAAgB;MACxDiB,UAAU,EAAEV,cAAc,GAAGb,YAAY,GAAGO;IAC9C;EACF,CAAC,EACDK,GACF,CAAC;AACH,CAAC,CAAC;AAACb,OAAA,CAAAS,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultColor","h2FontSize","exports","h2LineHeight","fontName","fontWeight","legacyH2FontSize","legacyH2LineHeight","legacyFontName","legacyFontWeight","H2","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H2Props","dynamicTypeRamp","font","size","weight","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":"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"}

package/lib/commonjs/components/typography/H3.js

@@ -4,43 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h3LineHeight = exports.h3FontSize = exports.H3 = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
-var _Factory = require("./Factory");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const defaultColor = "textHeading-default";
+
 /* Common typographic styles */
 const h3FontSize = 22;
 exports.h3FontSize = h3FontSize;
 const h3LineHeight = 33;
 exports.h3LineHeight = h3LineHeight;
 const fontName = "ReadexPro";
-const defaultColor = "black";
-const defaultWeight = "Regular";
+const fontWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyFontName = "TitilliumSansPro";
-const legacyDefaultColor = "bluegreyDark";
-const legacyDefaultWeight = "Semibold";
+const legacyFontWeight = "Semibold";
+
 /**
  * `H3` typographic style
  */
-const H3 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H3 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color: customColor,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+  const H3Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "title2" /* iOS only */,
-    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
-    defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
+    dynamicTypeRamp: "title2",
+    // iOS only
     font: isExperimental ? fontName : legacyFontName,
-    fontStyle: {
-      fontSize: h3FontSize,
-      lineHeight: h3LineHeight
-    }
-  }, ref);
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    size: h3FontSize,
+    lineHeight: h3LineHeight,
+    color: customColor ?? theme[defaultColor]
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H3Props), props.children);
 });
 exports.H3 = H3;
 //# sourceMappingURL=H3.js.map

package/lib/commonjs/components/typography/H3.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h3FontSize","exports","h3LineHeight","fontName","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","H3","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAUjD;AACO,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,QAAoB,GAAG,WAAW;AACxC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,kBAAkB;AACrD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;AACrD;AACA;AACA;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,QAAQ,CAAC;IAC1Bf,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEU,cAAc,GAAGV,YAAY,GAAGG,kBAAkB;IAChEc,IAAI,EAAEP,cAAc,GAAGX,QAAQ,GAAGG,cAAc;IAChDgB,SAAS,EAAE;MACTC,QAAQ,EAAEvB,UAAU;MACpBwB,UAAU,EAAEtB;IACd;EACF,CAAC,EACDW,GACF,CAAC;AACH,CAAC,CAAC;AAACZ,OAAA,CAAAQ,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultColor","h3FontSize","exports","h3LineHeight","fontName","fontWeight","legacyFontName","legacyFontWeight","H3","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H3Props","dynamicTypeRamp","font","weight","size","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":"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"}

package/lib/commonjs/components/typography/H4.js

@@ -4,43 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h4LineHeight = exports.h4FontSize = exports.H4 = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
-var _Factory = require("./Factory");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const defaultColor = "textHeading-default";
 const h4FontSize = 20;
 exports.h4FontSize = h4FontSize;
 const h4LineHeight = 24;
 exports.h4LineHeight = h4LineHeight;
-const font = "ReadexPro";
-const defaultColor = "black";
-const defaultWeight = "Regular";
+const fontName = "ReadexPro";
+const fontWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyFontName = "TitilliumSansPro";
-const legacyDefaultColor = "bluegreyDark";
-const legacyDefaultWeight = "Semibold";
+const legacyFontWeight = "Semibold";
 
 /**
  * `H4` typographic style
  */
-const H4 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H4 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color: customColor,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+  const H4Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "title3" /* iOS only */,
-    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
-    defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
-    font: isExperimental ? font : legacyFontName,
-    fontStyle: {
-      fontSize: h4FontSize,
-      lineHeight: h4LineHeight
-    }
-  }, ref);
+    dynamicTypeRamp: "title3",
+    // iOS only
+    font: isExperimental ? fontName : legacyFontName,
+    size: h4FontSize,
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    color: customColor ?? theme[defaultColor],
+    lineHeight: h4LineHeight
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H4Props), props.children);
 });
 exports.H4 = H4;
 //# sourceMappingURL=H4.js.map

package/lib/commonjs/components/typography/H4.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h4FontSize","exports","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","H4","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAU1C,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,kBAAkB;AACrD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,QAAQ,CAAC;IAC1Bf,aAAa,EAAES,cAAc,GAAGT,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEU,cAAc,GAAGV,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEW,cAAc,GAAGX,IAAI,GAAGG,cAAc;IAC5Ce,SAAS,EAAE;MACTC,QAAQ,EAAEtB,UAAU;MACpBuB,UAAU,EAAErB;IACd;EACF,CAAC,EACDW,GACF,CAAC;AACH,CAAC,CAAC;AAACZ,OAAA,CAAAQ,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultColor","h4FontSize","exports","h4LineHeight","fontName","fontWeight","legacyFontName","legacyFontWeight","H4","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H4Props","dynamicTypeRamp","font","size","weight","lineHeight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":"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"}

package/lib/commonjs/components/typography/H5.js

@@ -4,40 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h5LineHeight = exports.h5FontSize = exports.H5 = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
-var _Factory = require("./Factory");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const defaultColor = "textHeading-default";
 const h5FontSize = 14;
 exports.h5FontSize = h5FontSize;
 const h5LineHeight = 16;
-exports.h5LineHeight = h5LineHeight;
-const font = "TitilliumSansPro";
-const defaultColor = "black";
-const defaultWeight = "Semibold";
 
 /**
  * `H5` typographic style
  */
-const H5 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const {
-    isExperimental
-  } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+exports.h5LineHeight = h5LineHeight;
+const H5 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color: customColor,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
+  const H5Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "subheadline" /* iOS only */,
-    defaultWeight,
-    defaultColor,
-    font,
-    fontStyle: {
-      fontSize: h5FontSize,
-      lineHeight: h5LineHeight,
+    dynamicTypeRamp: "subheadline",
+    // iOS only
+    font: "TitilliumSansPro",
+    weight: "Semibold",
+    size: h5FontSize,
+    lineHeight: h5LineHeight,
+    color: customColor ?? theme[defaultColor],
+    textStyle: {
       textTransform: "uppercase",
       letterSpacing: 0.5
     }
-  }, ref);
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H5Props), props.children);
 });
 exports.H5 = H5;
 //# sourceMappingURL=H5.js.map

package/lib/commonjs/components/typography/H5.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h5FontSize","exports","h5LineHeight","font","defaultColor","defaultWeight","H5","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","fontStyle","fontSize","lineHeight","textTransform","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAU1C,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,IAAgB,GAAG,kBAAkB;AAC3C,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,UAAU;;AAE/C;AACA;AACA;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,aAAa,CAAC;IAC/BZ,aAAa;IACbD,YAAY;IACZD,IAAI;IACJe,SAAS,EAAE;MACTC,QAAQ,EAAEnB,UAAU;MACpBoB,UAAU,EAAElB,YAAY;MACxBmB,aAAa,EAAE,WAAW;MAC1BC,aAAa,EAAE;IACjB;EACF,CAAC,EACDZ,GACF,CAAC;AACH,CAAC,CAAC;AAACT,OAAA,CAAAK,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultColor","h5FontSize","exports","h5LineHeight","H5","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","H5Props","dynamicTypeRamp","font","weight","size","lineHeight","textStyle","textTransform","letterSpacing","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H5.tsx"],"mappings":"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"}

package/lib/commonjs/components/typography/H6.js

@@ -4,46 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.h6LineHeight = exports.h6FontSize = exports.H6 = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _core = require("../../core");
-var _Factory = require("./Factory");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// when the weight is bold, only these color are allowed
-
+var _IOText = require("./IOText");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const defaultColor = "textHeading-default";
 const h6FontSize = 16;
 exports.h6FontSize = h6FontSize;
 const h6LineHeight = 24;
 exports.h6LineHeight = h6LineHeight;
-const h6DefaultColor = _core.IOThemeLight["textBody-default"];
-const h6DefaultWeight = "Regular";
 const fontName = "ReadexPro";
+const fontWeight = "Regular";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
 const legacyFontSize = 18;
 const legacyLineHeight = 25;
 const legacyFontName = "TitilliumSansPro";
-const legacyDefaultWeight = "Semibold";
+const legacyFontWeight = "Semibold";
 
 /**
  * `H6` typographic style
  */
-const H6 = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const H6 = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    color: customColor,
+    ...props
+  } = _ref;
+  const theme = (0, _core.useIOTheme)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
-  return (0, _Factory.useTypographyFactory)({
+  const H6Props = {
     ...props,
-    allowFontScaling: isExperimental,
-    maxFontSizeMultiplier: _core.IOVisualCostants.maxFontSizeMultiplier,
-    dynamicTypeRamp: "headline" /* iOS only */,
-    defaultWeight: isExperimental ? h6DefaultWeight : legacyDefaultWeight,
-    defaultColor: h6DefaultColor,
+    dynamicTypeRamp: "headline",
+    // iOS only
     font: isExperimental ? fontName : legacyFontName,
-    fontStyle: {
-      fontSize: isExperimental ? h6FontSize : legacyFontSize,
-      lineHeight: isExperimental ? h6LineHeight : legacyLineHeight
-    }
-  }, ref);
+    size: isExperimental ? h6FontSize : legacyFontSize,
+    lineHeight: isExperimental ? h6LineHeight : legacyLineHeight,
+    weight: isExperimental ? fontWeight : legacyFontWeight,
+    color: customColor ?? theme[defaultColor]
+  };
+  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
+    ref: ref
+  }, H6Props), props.children);
 });
 exports.H6 = H6;
 //# sourceMappingURL=H6.js.map

package/lib/commonjs/components/typography/H6.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_core","_Factory","obj","__esModule","default","h6FontSize","exports","h6LineHeight","h6DefaultColor","IOThemeLight","h6DefaultWeight","fontName","legacyFontSize","legacyLineHeight","legacyFontName","legacyDefaultWeight","H6","React","forwardRef","props","ref","isExperimental","useIOExperimentalDesign","useTypographyFactory","allowFontScaling","maxFontSizeMultiplier","IOVisualCostants","dynamicTypeRamp","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAOA,IAAAE,QAAA,GAAAF,OAAA;AAAiD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGjD;;AAQO,MAAMG,UAAU,GAAG,EAAE;AAACC,OAAA,CAAAD,UAAA,GAAAA,UAAA;AACtB,MAAME,YAAY,GAAG,EAAE;AAACD,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAC/B,MAAMC,cAA6B,GAAGC,kBAAY,CAAC,kBAAkB,CAAC;AACtE,MAAMC,eAA8B,GAAG,SAAS;AAChD,MAAMC,QAAoB,GAAG,WAAW;;AAExC;AACA,MAAMC,cAAc,GAAG,EAAE;AACzB,MAAMC,gBAAgB,GAAG,EAAE;AAC3B,MAAMC,cAA0B,GAAG,kBAAkB;AACrD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACO,MAAMC,EAAE,gBAAGC,cAAK,CAACC,UAAU,CAAgB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,OAAO,IAAAC,6BAAoB,EACzB;IACE,GAAGJ,KAAK;IACRK,gBAAgB,EAAEH,cAAc;IAChCI,qBAAqB,EAAEC,sBAAgB,CAACD,qBAAqB;IAC7DE,eAAe,EAAE,UAAU,CAAC;IAC5BC,aAAa,EAAEP,cAAc,GAAGX,eAAe,GAAGK,mBAAmB;IACrEc,YAAY,EAAErB,cAAc;IAC5BsB,IAAI,EAAET,cAAc,GAAGV,QAAQ,GAAGG,cAAc;IAChDiB,SAAS,EAAE;MACTC,QAAQ,EAAEX,cAAc,GAAGhB,UAAU,GAAGO,cAAc;MACtDqB,UAAU,EAAEZ,cAAc,GAAGd,YAAY,GAAGM;IAC9C;EACF,CAAC,EACDO,GACF,CAAC;AACH,CAAC,CAAC;AAACd,OAAA,CAAAU,EAAA,GAAAA,EAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_IOText","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","defaultColor","h6FontSize","exports","h6LineHeight","fontName","fontWeight","legacyFontSize","legacyLineHeight","legacyFontName","legacyFontWeight","H6","forwardRef","_ref","ref","color","customColor","props","theme","useIOTheme","isExperimental","useIOExperimentalDesign","H6Props","dynamicTypeRamp","font","size","lineHeight","weight","createElement","IOText","children"],"sourceRoot":"../../../../src","sources":["components/typography/H6.tsx"],"mappings":"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"}