@pagopa/io-app-design-system 3.1.0 → 4.0.1

package/src/components/typography/H6.tsx

@@ -1,19 +1,18 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { IOTheme, useIOExperimentalDesign, useIOTheme } from "../../core";
-import { IOFontFamily, IOFontSize, IOFontWeight } from "../../utils/fonts";
+import { IOFontFamily, IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 
 const defaultColor: keyof IOTheme = "textHeading-default";
 
-export const h6FontSize: IOFontSize = 18;
+export const h6FontSize: IOFontSize = 16;
 export const h6LineHeight = 24;
 const fontName: IOFontFamily = "Titillio";
-const fontWeight: IOFontWeight = "Semibold";
 
 // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFontSize: IOFontSize = 18;
 const legacyFontName: IOFontFamily = "TitilliumSansPro";
-const legacyFontWeight: IOFontWeight = "Semibold";
 
 /**
  * `H6` typographic style
@@ -27,9 +26,9 @@ export const H6 = forwardRef<View, TypographicStyleProps>(
       ...props,
       dynamicTypeRamp: "headline", // iOS only
       font: isExperimental ? fontName : legacyFontName,
-      size: h6FontSize,
+      size: isExperimental ? h6FontSize : legacyFontSize,
       lineHeight: h6LineHeight,
-      weight: isExperimental ? fontWeight : legacyFontWeight,
+      weight: "Semibold",
       color: customColor ?? theme[defaultColor]
     };
 

package/src/components/typography/IOText.tsx

@@ -10,7 +10,6 @@ import { IOColors, useIOExperimentalDesign, useIOTheme } from "../../core";
 import { useBoldTextEnabled } from "../../utils/accessibility";
 import {
   IOFontFamily,
-  IOFontSize,
   IOFontWeight,
   makeFontStyleObject
 } from "../../utils/fonts";
@@ -37,7 +36,7 @@ export type TypographicStyleProps = Omit<
  * cannot be included in the default StyleProp<TextStyle>
  */
 type IOTextBaseProps = {
-  size?: IOFontSize;
+  size?: number;
   weight?: IOFontWeight;
   color?: IOColors;
   font?: IOFontFamily;

package/src/components/typography/LabelMini.tsx

@@ -10,7 +10,7 @@ import {
 } from "./IOText";
 
 type LabelMiniProps = TypographicStyleProps & {
-  weight?: Extract<IOFontWeight, "Regular" | "Semibold" | "Bold">;
+  weight?: Extract<IOFontWeight, "Regular" | "Semibold">;
 } & TypographicStyleAsLinkProps;
 
 const fontName: IOFontFamily = "Titillio";

package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap

@@ -48,6 +48,121 @@ exports[`Test Typography Components BodyMonospace Snapshot 1`] = `
 </Text>
 `;
 
+exports[`Test Typography Components BodySmall Snapshot 1`] = `
+<Text
+  allowFontScaling={false}
+  dynamicTypeRamp="footnote"
+  maxFontSizeMultiplier={1.25}
+  style={
+    [
+      {},
+      {
+        "color": "#555C70",
+        "fontFamily": "Titillium Sans Pro",
+        "fontSize": 14,
+        "fontStyle": "normal",
+        "fontWeight": "400",
+        "lineHeight": 21,
+      },
+    ]
+  }
+>
+  Text
+</Text>
+`;
+
+exports[`Test Typography Components BodySmall Snapshot 2`] = `
+<Text
+  allowFontScaling={false}
+  dynamicTypeRamp="footnote"
+  maxFontSizeMultiplier={1.25}
+  style={
+    [
+      {},
+      {
+        "color": "#0073E6",
+        "fontFamily": "Titillium Sans Pro",
+        "fontSize": 14,
+        "fontStyle": "normal",
+        "fontWeight": "400",
+        "lineHeight": 21,
+      },
+    ]
+  }
+>
+  Text
+</Text>
+`;
+
+exports[`Test Typography Components BodySmall Snapshot 3`] = `
+<Text
+  allowFontScaling={false}
+  dynamicTypeRamp="footnote"
+  maxFontSizeMultiplier={1.25}
+  style={
+    [
+      {},
+      {
+        "color": "#475A6D",
+        "fontFamily": "Titillium Sans Pro",
+        "fontSize": 14,
+        "fontStyle": "normal",
+        "fontWeight": "400",
+        "lineHeight": 21,
+      },
+    ]
+  }
+>
+  Text
+</Text>
+`;
+
+exports[`Test Typography Components BodySmall Snapshot 4`] = `
+<Text
+  allowFontScaling={false}
+  dynamicTypeRamp="footnote"
+  maxFontSizeMultiplier={1.25}
+  style={
+    [
+      {},
+      {
+        "color": "#C02927",
+        "fontFamily": "Titillium Sans Pro",
+        "fontSize": 14,
+        "fontStyle": "normal",
+        "fontWeight": "400",
+        "lineHeight": 21,
+      },
+    ]
+  }
+>
+  Text
+</Text>
+`;
+
+exports[`Test Typography Components BodySmall Snapshot 5`] = `
+<Text
+  allowFontScaling={false}
+  dynamicTypeRamp="footnote"
+  maxFontSizeMultiplier={1.25}
+  style={
+    [
+      {},
+      {
+        "color": "#FFFFFF",
+        "fontFamily": "Titillium Sans Pro",
+        "fontSize": 14,
+        "fontStyle": "normal",
+        "fontWeight": "400",
+        "lineHeight": 21,
+      },
+    ]
+  }
+>
+  Text
+</Text>
+`;
+
 exports[`Test Typography Components CTA Snapshot 1`] = `
 <Text
   allowFontScaling={false}
@@ -60,7 +175,7 @@ exports[`Test Typography Components CTA Snapshot 1`] = `
         "fontFamily": "Titillium Sans Pro",
         "fontSize": 16,
         "fontStyle": "normal",
-        "fontWeight": "700",
+        "fontWeight": "600",
         "lineHeight": 20,
       },
     ]
@@ -450,169 +565,11 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
 </Text>
 `;
 
-exports[`Test Typography Components Label Snapshot 1`] = `
-<Text
-  allowFontScaling={false}
-  maxFontSizeMultiplier={1.25}
-  style={
-    [
-      {},
-      {
-        "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
-        "fontSize": 16,
-        "fontStyle": "normal",
-        "fontWeight": "600",
-        "lineHeight": 24,
-      },
-    ]
-  }
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components Label Snapshot 2`] = `
-<Text
-  allowFontScaling={false}
-  maxFontSizeMultiplier={1.25}
-  style={
-    [
-      {},
-      {
-        "color": "#0E0F13",
-        "fontFamily": "Titillium Sans Pro",
-        "fontSize": 16,
-        "fontStyle": "normal",
-        "fontWeight": "600",
-        "lineHeight": 24,
-      },
-    ]
-  }
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components LabelSmall Snapshot 1`] = `
-<Text
-  allowFontScaling={false}
-  dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
-  style={
-    [
-      {},
-      {
-        "color": "#555C70",
-        "fontFamily": "Titillium Sans Pro",
-        "fontSize": 14,
-        "fontStyle": "normal",
-        "fontWeight": "600",
-        "lineHeight": 21,
-      },
-    ]
-  }
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components LabelSmall Snapshot 2`] = `
-<Text
-  allowFontScaling={false}
-  dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
-  style={
-    [
-      {},
-      {
-        "color": "#0073E6",
-        "fontFamily": "Titillium Sans Pro",
-        "fontSize": 14,
-        "fontStyle": "normal",
-        "fontWeight": "600",
-        "lineHeight": 21,
-      },
-    ]
-  }
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components LabelSmall Snapshot 3`] = `
-<Text
-  allowFontScaling={false}
-  dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
-  style={
-    [
-      {},
-      {
-        "color": "#475A6D",
-        "fontFamily": "Titillium Sans Pro",
-        "fontSize": 14,
-        "fontStyle": "normal",
-        "fontWeight": "600",
-        "lineHeight": 21,
-      },
-    ]
-  }
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components LabelSmall Snapshot 4`] = `
-<Text
-  allowFontScaling={false}
-  dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
-  style={
-    [
-      {},
-      {
-        "color": "#C02927",
-        "fontFamily": "Titillium Sans Pro",
-        "fontSize": 14,
-        "fontStyle": "normal",
-        "fontWeight": "600",
-        "lineHeight": 21,
-      },
-    ]
-  }
->
-  Text
-</Text>
-`;
-
-exports[`Test Typography Components LabelSmall Snapshot 5`] = `
-<Text
-  allowFontScaling={false}
-  dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
-  style={
-    [
-      {},
-      {
-        "color": "#FFFFFF",
-        "fontFamily": "Titillium Sans Pro",
-        "fontSize": 14,
-        "fontStyle": "normal",
-        "fontWeight": "600",
-        "lineHeight": 21,
-      },
-    ]
-  }
->
-  Text
-</Text>
-`;
-
 exports[`Test Typography Components Link Snapshot 1`] = `
 <Text
   accessibilityRole="link"
   allowFontScaling={false}
+  dynamicTypeRamp="body"
   maxFontSizeMultiplier={1.25}
   onPress={[Function]}
   style={
@@ -625,7 +582,7 @@ exports[`Test Typography Components Link Snapshot 1`] = `
         "fontFamily": "Titillium Sans Pro",
         "fontSize": 16,
         "fontStyle": "normal",
-        "fontWeight": "600",
+        "fontWeight": "400",
         "lineHeight": 24,
       },
     ]

package/src/components/typography/__test__/typography.test.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import * as TestRenderer from "react-test-renderer";
 import { Alert } from "react-native";
+import * as TestRenderer from "react-test-renderer";
 import type { IOColors } from "../../../core/IOColors";
 import { IOFontWeight } from "../../../utils/fonts";
 import { Body } from "../Body";
@@ -12,8 +12,7 @@ import { H3 } from "../H3";
 import { H4 } from "../H4";
 import { H5 } from "../H5";
 import { H6 } from "../H6";
-import { Label } from "../Label";
-import { LabelSmall } from "../LabelSmall";
+import { BodySmall } from "../BodySmall";
 import { calculateWeightColor } from "../common";
 
 describe("Test Typography Components", () => {
@@ -85,13 +84,13 @@ describe("Test Typography Components", () => {
     const cta = TestRenderer.create(<ButtonText>Text</ButtonText>).toJSON();
     expect(cta).toMatchSnapshot();
   });
-  it("LabelSmall Snapshot", () => {
+  it("BodySmall Snapshot", () => {
     const labelSmallDefault = TestRenderer.create(
-      <LabelSmall>Text</LabelSmall>
+      <BodySmall>Text</BodySmall>
     ).toJSON();
     expect(labelSmallDefault).toMatchSnapshot();
 
-    type BodyColors = React.ComponentProps<typeof LabelSmall>["color"];
+    type BodyColors = React.ComponentProps<typeof BodySmall>["color"];
 
     const allowedColors: ReadonlyArray<BodyColors> = [
       "blue",
@@ -102,31 +101,16 @@ describe("Test Typography Components", () => {
 
     allowedColors.map(color => {
       const labelSmall = TestRenderer.create(
-        <LabelSmall color={color}>Text</LabelSmall>
+        <BodySmall color={color}>Text</BodySmall>
       ).toJSON();
       expect(labelSmall).toMatchSnapshot();
     });
   });
-  it("Label Snapshot", () => {
-    const labelDefault = TestRenderer.create(<Label>Text</Label>).toJSON();
-    expect(labelDefault).toMatchSnapshot();
-
-    type BodyColors = React.ComponentProps<typeof Label>["color"];
-
-    const allowedColors: ReadonlyArray<BodyColors> = ["black"];
-
-    allowedColors.map(color => {
-      const label = TestRenderer.create(
-        <Label color={color}>Text</Label>
-      ).toJSON();
-      expect(label).toMatchSnapshot();
-    });
-  });
   it("Link Snapshot", () => {
     const link = TestRenderer.create(
-      <Label asLink onPress={() => Alert.alert("Pressed")}>
+      <Body asLink onPress={() => Alert.alert("Pressed")}>
         Text
-      </Label>
+      </Body>
     ).toJSON();
     expect(link).toMatchSnapshot();
   });

package/src/components/typography/index.tsx

@@ -1,11 +1,10 @@
-export * from "./BaseTypography";
-export * from "./IOText";
 export * from "./Body";
-export * from "./ComposedBodyFromArray";
-export * from "./Caption";
-export * from "./Chip";
+export * from "./BodyMonospace";
+export * from "./BodySmall";
 export * from "./ButtonText";
-export * from "./Factory";
+export * from "./Caption";
+export * from "./common";
+export * from "./ComposedBodyFromArray";
 export * from "./H1";
 export * from "./H2";
 export * from "./H3";
@@ -13,11 +12,8 @@ export * from "./H4";
 export * from "./H5";
 export * from "./H6";
 export * from "./Hero";
-export * from "./Label";
-export * from "./LabelSmall";
+export * from "./IOText";
 export * from "./LabelMini";
-export * from "./BodyMonospace";
-export * from "./common";
 export * from "./markdown/MdH1";
 export * from "./markdown/MdH2";
 export * from "./markdown/MdH3";

package/src/core/IOColors.ts

@@ -53,6 +53,7 @@ export const IOColors = asIOColors({
   "turquoise-850": "#003B3D",
   "turquoise-500": "#00C5CA",
   "turquoise-450": "#19CBCF" /* Dark mode */,
+  "turquoise-300": "#61DCDF",
   "turquoise-150": "#AAEEEF",
   "turquoise-100": "#C2F3F4",
   "turquoise-50": "#DBF9FA",
@@ -283,7 +284,10 @@ const themeKeys = [
   // Status
   "errorIcon",
   "errorText",
+  "successIcon",
   "successText",
+  "warningIcon",
+  "infoIcon",
   // Pictograms
   "pictogram-hands",
   "pictogram-tint-main",
@@ -322,7 +326,10 @@ export const IOThemeLight: IOTheme = {
   // Status
   errorIcon: "error-600",
   errorText: "error-600",
+  successIcon: "success-700",
   successText: "success-700",
+  warningIcon: "warning-700",
+  infoIcon: "info-700",
   // Pictograms
   "pictogram-hands": "blueIO-500",
   "pictogram-tint-main": "turquoise-150",
@@ -356,6 +363,7 @@ export const IOThemeDark: IOTheme = {
   // Design System related
   "cardBorder-default": "grey-850",
   "icon-default": "grey-450",
+  "icon-decorative": "grey-650",
   // Layout
   "divider-header": "grey-850",
   "divider-default": "grey-850",
@@ -364,6 +372,9 @@ export const IOThemeDark: IOTheme = {
   errorIcon: "error-400",
   errorText: "error-400",
   successText: "success-400",
+  successIcon: "success-500",
+  warningIcon: "warning-500",
+  infoIcon: "info-500",
   // Pictograms
   "pictogram-hands": "white",
   "pictogram-tint-main": "turquoise-150",

package/src/utils/fonts.ts

@@ -73,7 +73,7 @@ export const fontWeights: Record<IOFontWeight, IOFontWeightNumeric> = {
 };
 
 type FontStyleObject = {
-  fontSize: IOFontSize;
+  fontSize: IOFontSize | number;
   /* We also accept `string` because Android needs a composed 
   fontFamily name, like `TitilliumSansPro-Regular` */
   fontFamily: string | IOFontFamily;
@@ -132,7 +132,7 @@ const defaultFontSize: IOFontSize = 16;
  */
 
 export const makeFontStyleObject = (
-  size: IOFontSize = defaultFontSize,
+  size: number = defaultFontSize,
   font: IOFontFamily = defaultFont,
   lineHeight: TextStyle["lineHeight"],
   weight: IOFontWeight = defaultWeight,

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

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BaseTypography = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _IOColors = require("../../core/IOColors");
-var _fonts = require("../../utils/fonts");
-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); }
-/**
- * The specific properties needed to calculate the font style using {@link makeFontStyleObject} (these information
- * cannot be included in the default StyleProp<TextStyle>
- */
-
-/**
- * Decorate the function {@link makeFontStyleObject} with the additional color calculation.
- * @param color A value key from {@link IOColors}, transformed here in {@link ColorValue}
- * @param args the args of the function {@link makeFontStyleObject}
- */
-const calculateTextStyle = (color, ...args) => ({
-  ...(0, _fonts.makeFontStyleObject)(...args),
-  color: _IOColors.IOColors[color]
-});
-
-/**
- * `BaseTypography` is the core Typography component used to render a text.
- * It accepts all the default text style `StyleProp<TextStyle>` in addition with {@link BaseTypographyProps}
- * used to calculate at runtime the platform-dependent styles.
- * This component shouldn't be used in the application but only to compose others `Typography elements`.
- * @param props
- * @deprecated Use {@link IOText} instead
- * @constructor
- */
-const BaseTypography = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  const fontStyle = (0, _react.useMemo)(() => {
-    var _props$fontStyle, _props$fontStyle2;
-    return calculateTextStyle(props.color, (_props$fontStyle = props.fontStyle) === null || _props$fontStyle === void 0 ? void 0 : _props$fontStyle.fontSize, props.font, (_props$fontStyle2 = props.fontStyle) === null || _props$fontStyle2 === void 0 ? void 0 : _props$fontStyle2.lineHeight, props.weight, props.isItalic ? "italic" : "normal");
-  }, [props.color, props.fontStyle, props.font, props.weight, props.isItalic]);
-  const style = props.style ? [props.style, props.fontStyle, fontStyle] : [props.fontStyle, fontStyle];
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, _extends({
-    allowFontScaling: false
-  }, props, {
-    ref: ref,
-    style: style
-  }), props.children);
-});
-exports.BaseTypography = BaseTypography;
-//# sourceMappingURL=BaseTypography.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_IOColors","_fonts","_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","calculateTextStyle","color","args","makeFontStyleObject","IOColors","BaseTypography","React","forwardRef","props","ref","fontStyle","useMemo","_props$fontStyle","_props$fontStyle2","fontSize","font","lineHeight","weight","isItalic","style","createElement","Text","allowFontScaling","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/BaseTypography.tsx"],"mappings":"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"}

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

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Chip = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _core = require("../../core");
-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 fontName = "Titillio";
-// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
-const legacyFontName = "TitilliumSansPro";
-/**
- * `Chip` typographic style
- */
-const Chip = /*#__PURE__*/(0, _react.forwardRef)(({
-  color: customColor,
-  ...props
-}, ref) => {
-  const theme = (0, _core.useIOTheme)();
-  const {
-    isExperimental
-  } = (0, _core.useIOExperimentalDesign)();
-  const ChipProps = {
-    ...props,
-    dynamicTypeRamp: "caption2",
-    // iOS only
-    font: isExperimental ? fontName : legacyFontName,
-    weight: "Regular",
-    size: 12,
-    color: customColor ?? theme["textBody-default"]
-  };
-  return /*#__PURE__*/_react.default.createElement(_IOText.IOText, _extends({
-    ref: ref
-  }, ChipProps), props.children);
-});
-exports.Chip = Chip;
-//# sourceMappingURL=Chip.js.map

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

@@ -1 +0,0 @@
-{"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","fontName","legacyFontName","Chip","forwardRef","color","customColor","props","ref","theme","useIOTheme","isExperimental","useIOExperimentalDesign","ChipProps","dynamicTypeRamp","font","weight","size","createElement","IOText","children","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.tsx"],"mappings":"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"}