@pagopa/io-app-design-system 5.0.0-2 → 5.0.0-3

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

@@ -30,10 +30,10 @@ describe("Test Typography Components", () => {
     // SemiBold weight, default weight
     const h3Default = TestRenderer.create(<H3>Text</H3>).toJSON();
     expect(h3Default).toMatchSnapshot();
-    const h3bluegreyLight = TestRenderer.create(
-      <H3 color={"bluegreyLight"}>Text</H3>
+    const h3grey200 = TestRenderer.create(
+      <H3 color={"grey-200"}>Text</H3>
     ).toJSON();
-    expect(h3bluegreyLight).toMatchSnapshot();
+    expect(h3grey200).toMatchSnapshot();
     const h3white = TestRenderer.create(<H3 color={"white"}>Text</H3>).toJSON();
     expect(h3white).toMatchSnapshot();
     const h3whiteBold = TestRenderer.create(
@@ -49,7 +49,9 @@ describe("Test Typography Components", () => {
     // Bold weight, default weight
     const h4Default = TestRenderer.create(<H4>Text</H4>).toJSON();
     expect(h4Default).toMatchSnapshot();
-    const h4Dblue = TestRenderer.create(<H4 color={"blue"}>Text</H4>).toJSON();
+    const h4Dblue = TestRenderer.create(
+      <H4 color={"blueIO-500"}>Text</H4>
+    ).toJSON();
     expect(h4Dblue).toMatchSnapshot();
     const h4white = TestRenderer.create(<H4 color={"white"}>Text</H4>).toJSON();
     expect(h4white).toMatchSnapshot();
@@ -59,11 +61,11 @@ describe("Test Typography Components", () => {
     const h5Default = TestRenderer.create(<H5>Text</H5>).toJSON();
     expect(h5Default).toMatchSnapshot();
     const h5Defaultbluegrey = TestRenderer.create(
-      <H5 color={"bluegrey"}>Text</H5>
+      <H5 color={"grey-700"}>Text</H5>
     ).toJSON();
     expect(h5Defaultbluegrey).toMatchSnapshot();
     const h5Defaultblue = TestRenderer.create(
-      <H5 color={"blue"}>Text</H5>
+      <H5 color={"blueIO-500"}>Text</H5>
     ).toJSON();
     expect(h5Defaultblue).toMatchSnapshot();
     const h5Defaultwhite = TestRenderer.create(
@@ -93,9 +95,9 @@ describe("Test Typography Components", () => {
     type BodyColors = React.ComponentProps<typeof BodySmall>["color"];
 
     const allowedColors: ReadonlyArray<BodyColors> = [
-      "blue",
-      "bluegrey",
-      "red",
+      "blueIO-500",
+      "grey-700",
+      "error-600",
       "white"
     ];
 
@@ -126,26 +128,26 @@ describe("Test Typography common", () => {
   it("Test calculateWeightColor behaviour", () => {
     const noValues = calculateWeightColor<IOFontWeight, IOColors>(
       "Bold",
-      "red"
+      "error-600"
     );
-    expect(noValues.color).toBe("red");
+    expect(noValues.color).toBe("error-600");
     expect(noValues.weight).toBe("Bold");
 
     const weightProvided = calculateWeightColor<IOFontWeight, IOColors>(
       "Bold",
-      "red",
+      "error-600",
       "Regular"
     );
-    expect(weightProvided.color).toBe("red");
+    expect(weightProvided.color).toBe("error-600");
     expect(weightProvided.weight).toBe("Regular");
 
     const allValuesProvided = calculateWeightColor<IOFontWeight, IOColors>(
       "Bold",
-      "red",
+      "error-600",
       "Regular",
-      "bluegrey"
+      "grey-700"
     );
-    expect(allValuesProvided.color).toBe("bluegrey");
+    expect(allValuesProvided.color).toBe("grey-700");
     expect(allValuesProvided.weight).toBe("Regular");
   });
 });

package/src/core/IOColors.ts

@@ -81,26 +81,7 @@ export const IOColors = asIOColors({
   "blueItalia-600": "#0052A3",
   "blueItalia-500": "#0066CC" /* pagoPA service */,
   "blueItalia-100": "#C4DCF5",
-  "blueItalia-50": "#DDEBFA",
-  /* Temporary scale based on legacy Blue */
-  "blue-600": "#0353A3",
-  "blue-50": "#EFF7FF",
-  /* Legacy */
-  greyUltraLight: "#F5F6F7",
-  greyLight: "#E6E9F2",
-  bluegreyLight: "#CCD4DC",
-  grey: "#909DA8",
-  bluegrey: "#475A6D",
-  bluegreyDark: "#17324D",
-  blue: "#0073E6",
-  blueUltraLight: "#99CCFF" /* Almost deprecated, avoid if possible */,
-  aqua: "#00C5CA",
-  aquaUltraLight: "#C1F4F2",
-  antiqueFuchsia: "#9B5897" /* used in the CgnDiscountValueBox only */,
-  orange: "#EA7614",
-  red: "#C02927",
-  green: "#005C3C",
-  greenLight: "#5CA85A"
+  "blueItalia-50": "#DDEBFA"
 });
 
 export type IOColors = keyof typeof IOColors;
@@ -136,47 +117,6 @@ export const getGradientColorValues = (
 ░░░ COLORS SETS ░░░
 */
 
-const {
-  white,
-  greyUltraLight,
-  greyLight,
-  bluegreyLight,
-  grey,
-  bluegrey,
-  bluegreyDark,
-  black,
-  blue,
-  blueUltraLight,
-  aqua,
-  aquaUltraLight,
-  antiqueFuchsia,
-  orange,
-  red,
-  green,
-  greenLight
-} = IOColors;
-
-export const IOColorsLegacy = {
-  white,
-  greyUltraLight,
-  greyLight,
-  bluegreyLight,
-  grey,
-  bluegrey,
-  bluegreyDark,
-  black,
-  blue,
-  blueUltraLight,
-  aqua,
-  aquaUltraLight,
-  antiqueFuchsia,
-  orange,
-  red,
-  green,
-  greenLight
-};
-export type IOColorLegacy = keyof typeof IOColorsLegacy;
-
 export const IOColorsNeutral = asIOColors({
   black: IOColors.black,
   "grey-850": IOColors["grey-850"],
@@ -248,10 +188,9 @@ export const IOColorsExtra = {
   "blueItalia-600": IOColors["blueItalia-600"],
   "blueItalia-500": IOColors["blueItalia-500"],
   "blueItalia-100": IOColors["blueItalia-100"],
-  "blueItalia-50": IOColors["blueItalia-50"],
-  "blue-600": IOColors["blue-600"],
-  "blue-50": IOColors["blue-50"]
+  "blueItalia-50": IOColors["blueItalia-50"]
 };
+
 export type IOColorsExtra = keyof typeof IOColorsExtra;
 
 /*
@@ -276,12 +215,19 @@ const themeKeys = [
   "textBody-tertiary",
   // Design System related
   "cardBorder-default",
+  "textInputBorder-default",
   "icon-default",
   "icon-decorative",
+  // Inputs
+  "textInputBorder-default",
+  "textInputLabel-default",
+  "textInputValue-default",
+  "textInputValue-disabled",
   // Layout
   "divider-header",
   "divider-default",
   "divider-bottomBar",
+  "pdfViewer-background",
   // Status
   "errorIcon",
   "errorText",
@@ -320,10 +266,16 @@ export const IOThemeLight: IOTheme = {
   "cardBorder-default": "grey-100",
   "icon-default": "grey-650",
   "icon-decorative": "grey-300",
+  // Inputs
+  "textInputBorder-default": "grey-200",
+  "textInputLabel-default": "grey-700",
+  "textInputValue-default": "black",
+  "textInputValue-disabled": "grey-850",
   // Layout
   "divider-header": "grey-100",
   "divider-default": "grey-200",
   "divider-bottomBar": "grey-200",
+  "pdfViewer-background": "grey-700",
   // Status
   errorIcon: "error-600",
   errorText: "error-600",
@@ -358,6 +310,11 @@ export const IOThemeDark: IOTheme = {
   "cardBorder-default": "grey-850",
   "icon-default": "grey-450",
   "icon-decorative": "grey-650",
+  // Inputs
+  "textInputBorder-default": "grey-850",
+  "textInputLabel-default": "grey-450",
+  "textInputValue-default": "white",
+  "textInputValue-disabled": "grey-100",
   // Layout
   "divider-header": "grey-850",
   "divider-default": "grey-850",
@@ -446,45 +403,8 @@ REFACTORING REFERENCES
 Alias tokens:
 */
 /* 
-tabUnderlineColor → greyUltraLight
-headerIconLight → greyLight
-colorSkeleton → bluegreyLight
-itemSeparator → bluegreyLight
-btnLightBorderColor → grey
-disabledService → grey, not referenced though
-headerIconDark → milderGray
-textColor → bluegrey
-topTabBarTextColor → bluegrey
-unselectedColor → bluegrey
-textColorDark → bluegreyDark
-cardTextColor → bluegreyDark
+itemSeparator → grey-200
+textColor → grey-700
 footerShadowColor → black
-topTabBarActiveTextColor → blue
-selectedColor → blue
-contentPrimaryBackground → blue
-textLinkColor → blue
-colorHighlight → aqua
-toastColor → aquaUltraLight
-brandDanger → red
-calendarExpirableColor → red
-brandSuccess → green
-*/
-
-/* NEW PALETTE → OLD PALETTE
-That is, which color replaces the other? */
-/*
-`blackNew` replaces `black`
-`grey50` → `greyUltraLight`
-`grey100` → `greyLight`
-`grey200` → `blueGreyLight`
-`grey450` → `grey`
-`grey650` → `milderGrey`
-`grey700` → `bluegrey`
-`grey850` → `bluegreyDark`
-`blueNew` → `blue`
-`turquoise` → `aqua`
-`turquoiseLight` → `aquaUltraLight`
-`warning` → `yellow`
-`error` → `red`
-`success` → `green`
+contentPrimaryBackground → blue-500
 */

package/src/core/IOThemeContextProvider.tsx

@@ -1,46 +1,56 @@
-import React from "react";
-import { Appearance } from "react-native";
+import React, {
+  createContext,
+  PropsWithChildren,
+  useCallback,
+  useContext,
+  useState
+} from "react";
+import { Appearance, ColorSchemeName } from "react-native";
 import { IOTheme, IOThemeDark, IOThemeLight } from "./IOColors";
 
 export const IOThemes = { light: IOThemeLight, dark: IOThemeDark };
-type IOThemeType = keyof typeof IOThemes;
 
 type IOThemeContextType = {
-  themeType: IOThemeType;
+  themeType: ColorSchemeName;
   theme: IOTheme;
-  setTheme: (theme: IOThemeType) => void;
+  setTheme: (theme: ColorSchemeName) => void;
 };
 
 export const IOThemeContext: React.Context<IOThemeContextType> =
-  React.createContext<IOThemeContextType>({
-    themeType: Appearance.getColorScheme() === "dark" ? "dark" : "light",
+  createContext<IOThemeContextType>({
+    themeType: Appearance.getColorScheme(),
     theme:
       Appearance.getColorScheme() === "dark" ? IOThemes.dark : IOThemes.light,
-    setTheme: () => void 0
+    setTheme: (theme: ColorSchemeName) => Appearance.setColorScheme(theme)
   });
 
-export const useIOThemeContext = () => React.useContext(IOThemeContext);
+export const useIOThemeContext = () => useContext(IOThemeContext);
 
 export const useIOTheme = () => useIOThemeContext().theme;
 
 type IOThemeContextProviderProps = {
-  theme?: IOThemeType;
+  theme?: ColorSchemeName;
 };
 
 export const IOThemeContextProvider = ({
   children,
   theme
-}: React.PropsWithChildren<IOThemeContextProviderProps>) => {
-  const [currentTheme, setCurrentTheme] = React.useState<IOThemeType>(
-    theme ?? "light"
+}: PropsWithChildren<IOThemeContextProviderProps>) => {
+  const [currentTheme, setCurrentTheme] = useState<ColorSchemeName>(
+    theme ?? Appearance.getColorScheme()
   );
 
+  const handleThemeChange = useCallback((newTheme: ColorSchemeName) => {
+    setCurrentTheme(newTheme);
+    Appearance.setColorScheme(newTheme);
+  }, []);
+
   return (
     <IOThemeContext.Provider
       value={{
         themeType: currentTheme,
-        theme: IOThemes[currentTheme],
-        setTheme: setCurrentTheme
+        theme: IOThemes[currentTheme ?? "light"],
+        setTheme: handleThemeChange
       }}
     >
       {children}

package/lib/commonjs/components/Advice/Advice.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Advice = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _core = require("../../core");
-var _icons = require("../icons");
-var _spacer = require("../spacer");
-var _typography = require("../typography");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const styles = _reactNative.StyleSheet.create({
-  icon: {
-    marginTop: 4
-  }
-});
-const defaultIconSize = 20;
-
-/**
- * This component displays an info icon on top-left and a text message
- * @constructor
- */
-const Advice = /*#__PURE__*/_react.default.memo(({
-  text,
-  iconName = "notice",
-  iconSize = defaultIconSize,
-  iconColor = "blue"
-}) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-  style: _core.IOStyles.row
-}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-  style: styles.icon
-}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
-  name: iconName,
-  size: iconSize,
-  color: iconColor
-})), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
-  size: 8
-}), /*#__PURE__*/_react.default.createElement(_typography.Body, null, text)));
-exports.Advice = Advice;
-//# sourceMappingURL=Advice.js.map

package/lib/commonjs/components/Advice/Advice.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_icons","_spacer","_typography","obj","__esModule","default","styles","StyleSheet","create","icon","marginTop","defaultIconSize","Advice","React","memo","text","iconName","iconSize","iconColor","createElement","View","style","IOStyles","row","Icon","name","size","color","HSpacer","Body","exports"],"sourceRoot":"../../../../src","sources":["components/Advice/Advice.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAqC,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASrC,MAAMG,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,MAAMC,eAAgC,GAAG,EAAE;;AAE3C;AACA;AACA;AACA;AACO,MAAMC,MAAuB,gBAAGC,cAAK,CAACC,IAAI,CAC/C,CAAC;EACCC,IAAI;EACJC,QAAQ,GAAG,QAAQ;EACnBC,QAAQ,GAAGN,eAAe;EAC1BO,SAAS,GAAG;AACd,CAAC,kBACCvB,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACrB,YAAA,CAAAsB,IAAI;EAACC,KAAK,EAAEC,cAAQ,CAACC;AAAI,gBACxB5B,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACrB,YAAA,CAAAsB,IAAI;EAACC,KAAK,EAAEf,MAAM,CAACG;AAAK,gBACvBd,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACnB,MAAA,CAAAwB,IAAI;EAACC,IAAI,EAAET,QAAS;EAACU,IAAI,EAAET,QAAS;EAACU,KAAK,EAAET;AAAU,CAAE,CACrD,CAAC,eACPvB,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAAClB,OAAA,CAAA2B,OAAO;EAACF,IAAI,EAAE;AAAE,CAAE,CAAC,eACpB/B,MAAA,CAAAU,OAAA,CAAAc,aAAA,CAACjB,WAAA,CAAA2B,IAAI,QAAEd,IAAW,CACd,CAEV,CAAC;AAACe,OAAA,CAAAlB,MAAA,GAAAA,MAAA"}

package/lib/commonjs/components/Advice/__test__/__snapshots__/advice.test.tsx.snap

@@ -1,213 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Test Advice Components - Experimental Enabled Advice Snapshot 1`] = `
-<View
-  style={
-    {
-      "flexDirection": "row",
-    }
-  }
->
-  <View
-    style={
-      {
-        "marginTop": 4,
-      }
-    }
-  >
-    <RNSVGSvgView
-      accessibilityElementsHidden={true}
-      accessibilityLabel=""
-      accessible={false}
-      align="xMidYMid"
-      bbHeight={20}
-      bbWidth={20}
-      focusable={false}
-      height={20}
-      importantForAccessibility="no-hide-descendants"
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "color": "#0073E6",
-          },
-          {
-            "flex": 0,
-            "height": 20,
-            "width": 20,
-          },
-        ]
-      }
-      tintColor="#0073E6"
-      vbHeight={24}
-      vbWidth={24}
-      width={20}
-    >
-      <RNSVGGroup
-        fill={
-          {
-            "payload": 4278190080,
-            "type": 0,
-          }
-        }
-      >
-        <RNSVGPath
-          clipRule={0}
-          d="M0 12C0 5.3726 5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12S0 18.6274 0 12Zm2 0C2 6.47717 6.47717 2 12 2c5.5228 0 10 4.47717 10 10 0 5.5228-4.4772 10-10 10-5.52283 0-10-4.4772-10-10Zm10.0281 7.5c.8439 0 1.5281-.6842 1.5281-1.5281s-.6842-1.5281-1.5281-1.5281c-.844 0-1.5281.6842-1.5281 1.5281S11.1841 19.5 12.0281 19.5Zm0-15.05618h.0005c.5678 0 1.0281.46029 1.0281 1.02808v8.0046c0 .5678-.4603 1.028-1.0281 1.028h-.0005c-.5678 0-1.0281-.4602-1.0281-1.028V5.4719c0-.56779.4603-1.02808 1.0281-1.02808Z"
-          fill={
-            {
-              "type": 2,
-            }
-          }
-          fillRule={0}
-          propList={
-            [
-              "fill",
-              "fillRule",
-            ]
-          }
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>
-  <View
-    style={
-      {
-        "width": 8,
-      }
-    }
-  />
-  <Text
-    allowFontScaling={true}
-    dynamicTypeRamp="body"
-    maxFontSizeMultiplier={1.5}
-    style={
-      [
-        {},
-        {
-          "color": "#555C70",
-          "fontFamily": "Titillio",
-          "fontSize": 16,
-          "fontStyle": "normal",
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-      ]
-    }
-  >
-    Text
-  </Text>
-</View>
-`;
-
-exports[`Test Advice Components Advice Snapshot 1`] = `
-<View
-  style={
-    {
-      "flexDirection": "row",
-    }
-  }
->
-  <View
-    style={
-      {
-        "marginTop": 4,
-      }
-    }
-  >
-    <RNSVGSvgView
-      accessibilityElementsHidden={true}
-      accessibilityLabel=""
-      accessible={false}
-      align="xMidYMid"
-      bbHeight={20}
-      bbWidth={20}
-      focusable={false}
-      height={20}
-      importantForAccessibility="no-hide-descendants"
-      meetOrSlice={0}
-      minX={0}
-      minY={0}
-      style={
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderWidth": 0,
-          },
-          {
-            "color": "#0073E6",
-          },
-          {
-            "flex": 0,
-            "height": 20,
-            "width": 20,
-          },
-        ]
-      }
-      tintColor="#0073E6"
-      vbHeight={24}
-      vbWidth={24}
-      width={20}
-    >
-      <RNSVGGroup
-        fill={
-          {
-            "payload": 4278190080,
-            "type": 0,
-          }
-        }
-      >
-        <RNSVGPath
-          clipRule={0}
-          d="M0 12C0 5.3726 5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12S0 18.6274 0 12Zm2 0C2 6.47717 6.47717 2 12 2c5.5228 0 10 4.47717 10 10 0 5.5228-4.4772 10-10 10-5.52283 0-10-4.4772-10-10Zm10.0281 7.5c.8439 0 1.5281-.6842 1.5281-1.5281s-.6842-1.5281-1.5281-1.5281c-.844 0-1.5281.6842-1.5281 1.5281S11.1841 19.5 12.0281 19.5Zm0-15.05618h.0005c.5678 0 1.0281.46029 1.0281 1.02808v8.0046c0 .5678-.4603 1.028-1.0281 1.028h-.0005c-.5678 0-1.0281-.4602-1.0281-1.028V5.4719c0-.56779.4603-1.02808 1.0281-1.02808Z"
-          fill={
-            {
-              "type": 2,
-            }
-          }
-          fillRule={0}
-          propList={
-            [
-              "fill",
-              "fillRule",
-            ]
-          }
-        />
-      </RNSVGGroup>
-    </RNSVGSvgView>
-  </View>
-  <View
-    style={
-      {
-        "width": 8,
-      }
-    }
-  />
-  <Text
-    allowFontScaling={true}
-    dynamicTypeRamp="body"
-    maxFontSizeMultiplier={1.5}
-    style={
-      [
-        {},
-        {
-          "color": "#555C70",
-          "fontFamily": "Titillio",
-          "fontSize": 16,
-          "fontStyle": "normal",
-          "fontWeight": "400",
-          "lineHeight": 24,
-        },
-      ]
-    }
-  >
-    Text
-  </Text>
-</View>
-`;

package/lib/commonjs/components/Advice/__test__/advice.test.js

@@ -1,26 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-var TestRenderer = _interopRequireWildcard(require("react-test-renderer"));
-var _testing = require("../../../utils/testing");
-var _Advice = require("../Advice");
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe("Test Advice Components", () => {
-  it("Advice Snapshot", () => {
-    const advice = TestRenderer.create( /*#__PURE__*/_react.default.createElement(_Advice.Advice, {
-      text: "Text"
-    })).toJSON();
-    expect(advice).toMatchSnapshot();
-  });
-});
-describe("Test Advice Components - Experimental Enabled", () => {
-  it("Advice Snapshot", () => {
-    const advice = (0, _testing.TestRendererWithExperimentalEnabledContextProvider)( /*#__PURE__*/_react.default.createElement(_Advice.Advice, {
-      text: "Text"
-    })).toJSON();
-    expect(advice).toMatchSnapshot();
-  });
-});
-//# sourceMappingURL=advice.test.js.map

package/lib/commonjs/components/Advice/__test__/advice.test.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","TestRenderer","_interopRequireWildcard","_testing","_Advice","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","describe","it","advice","create","createElement","Advice","text","toJSON","expect","toMatchSnapshot","TestRendererWithExperimentalEnabledContextProvider"],"sourceRoot":"../../../../../src","sources":["components/Advice/__test__/advice.test.tsx"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAmC,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAjB,uBAAAW,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnCiB,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvCC,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,MAAM,GAAG5B,YAAY,CAAC6B,MAAM,eAChChC,MAAA,CAAAc,OAAA,CAAAmB,aAAA,CAAC3B,OAAA,CAAA4B,MAAM;MAACC,IAAI,EAAE;IAAO,CAAS,CAChC,CAAC,CAACC,MAAM,CAAC,CAAC;IACVC,MAAM,CAACN,MAAM,CAAC,CAACO,eAAe,CAAC,CAAC;EAClC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEFT,QAAQ,CAAC,+CAA+C,EAAE,MAAM;EAC9DC,EAAE,CAAC,iBAAiB,EAAE,MAAM;IAC1B,MAAMC,MAAM,GAAG,IAAAQ,2DAAkD,gBAC/DvC,MAAA,CAAAc,OAAA,CAAAmB,aAAA,CAAC3B,OAAA,CAAA4B,MAAM;MAACC,IAAI,EAAE;IAAO,CAAS,CAChC,CAAC,CAACC,MAAM,CAAC,CAAC;IACVC,MAAM,CAACN,MAAM,CAAC,CAACO,eAAe,CAAC,CAAC;EAClC,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/lib/commonjs/components/Advice/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Advice = require("./Advice");
-Object.keys(_Advice).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Advice[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Advice[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Advice/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_Advice","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/Advice/index.tsx"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}