@pagopa/io-app-design-system 1.0.0-0

package/lib/module/core/IOColors.js

@@ -0,0 +1,395 @@
+import * as React from "react";
+import { Appearance } from "react-native";
+// Used by `getGradientColorValues` function
+
+/*
+TYPESCRIPT FUNCTIONS
+*/ // Ensure the Type for IOColor without losing the inferred types
+function asIOColors(arg) {
+  return arg;
+}
+function asIOThemeColors(arg) {
+  return arg;
+}
+function asIOColorGradients(arg) {
+  return arg;
+}
+
+/*
+ENTIRE COLOR SCALE
+*/
+
+export const IOColors = asIOColors({
+  white: "#FFFFFF",
+  "grey-50": "#F4F5F8",
+  "grey-100": "#E8EBF1",
+  "grey-200": "#D2D6E3",
+  "grey-300": "#BBC2D6",
+  "grey-450": "#99A3C1",
+  "grey-650": "#636B82",
+  "grey-700": "#555C70",
+  "grey-850": "#2B2E38",
+  black: "#0E0F13",
+  "blueIO-850": "#031344",
+  "blueIO-600": "#0932B6",
+  "blueIO-500": "#0B3EE3",
+  "blueIO-450": "#2351E6" /* Dark mode */,
+  "blueIO-200": "#9DB2F4",
+  "blueIO-150": "#B6C5F7",
+  "blueIO-100": "#CED8F9",
+  "blueIO-50": "#E7ECFC",
+  "hanPurple-850": "#1A0744",
+  "hanPurple-500": "#5517E3",
+  "hanPurple-250": "#CCB9F7",
+  "hanPurple-100": "#DDD1F9",
+  "hanPurple-50": "#EEE8FC",
+  "turquoise-850": "#003B3D",
+  "turquoise-500": "#00C5CA",
+  "turquoise-450": "#19CBCF" /* Dark mode */,
+  "turquoise-150": "#AAEEEF",
+  "turquoise-100": "#C2F3F4",
+  "turquoise-50": "#DBF9FA",
+  "error-850": "#761F1F",
+  "error-600": "#D75252",
+  "error-500": "#FE6666",
+  "error-400": "#FE8585" /* Dark mode */,
+  "error-100": "#FFE0E0",
+  "warning-850": "#614C15",
+  "warning-700": "#A5822A",
+  "warning-500": "#FFCB46",
+  "warning-400": "#FFD56B" /* Dark mode */,
+  "warning-100": "#FFF5DA",
+  "success-850": "#224021",
+  "success-700": "#427940",
+  "success-500": "#6CC66A",
+  "success-400": "#89D188" /* Dark mode */,
+  "success-100": "#E1F4E1",
+  "info-850": "#215C76",
+  "info-700": "#418DAF",
+  "info-500": "#6BCFFB",
+  "info-400": "#89D9FC" /* Dark mode */,
+  "info-100": "#E1F5FE",
+  cobalt: "#2C489D" /* used in the `Bonus Vacanze` only */,
+  "blueItalia-850": "#001F3D",
+  "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",
+  milderGray: "#5F6F80",
+  bluegrey: "#475A6D",
+  bluegreyDark: "#17324D",
+  noCieButton: "#789CCD" /* Half-disabled noCIE CTA BG, LandingScreen.tsx */,
+  blue: "#0073E6",
+  blueUltraLight: "#99CCFF" /* Almost deprecated, avoid if possible */,
+  aqua: "#00C5CA",
+  aquaUltraLight: "#C1F4F2",
+  antiqueFuchsia: "#9B5897" /* used in the CgnDiscountValueBox only */,
+  yellow: "#FFC824" /* Almost deprecated, used in `PaymentHistoryList` only */,
+  orange: "#EA7614",
+  red: "#C02927",
+  green: "#005C3C",
+  greenLight: "#5CA85A"
+});
+export const IOColorGradients = asIOColorGradients({
+  appLaunch: ["#0C00D3", "#0073E6"],
+  appIcon: ["#1D51DF", "#1723D5"],
+  grey: ["#475A6D", "#42484F"],
+  cgnAll: ["#475A6D", "#E6E9F2"],
+  cgn: ["#9184B7", "#5C488F"],
+  cgnFinance: ["#3E2F87", "#8FDBC0"],
+  cgnCulture: ["#C51C82", "#E28DC0"],
+  cgnLearning: ["#0871B6", "#AE97C3"],
+  cgnHealth: ["#F1901A", "#EE898A"],
+  cgnHome: ["#DC1415", "#F8C78C"],
+  cgnJobOffers: ["#DC1415", "#EE898A"],
+  cgnSport: ["#1D827D", "#83B8DA"],
+  cgnMobility: ["#1D827D", "#8FC7C5"],
+  cgnTelco: ["#0871B6", "#83B8DA"],
+  cgnTravel: ["#E00F69", "#F8C78C"]
+});
+export const getGradientColorValues = gradientId => {
+  const [first, second] = IOColorGradients[gradientId];
+  return [first, second];
+};
+
+/*
+░░░ COLORS SETS ░░░
+*/
+
+const {
+  white,
+  greyUltraLight,
+  greyLight,
+  bluegreyLight,
+  grey,
+  milderGray,
+  bluegrey,
+  bluegreyDark,
+  black,
+  noCieButton,
+  blue,
+  blueUltraLight,
+  aqua,
+  aquaUltraLight,
+  cobalt,
+  antiqueFuchsia,
+  yellow,
+  orange,
+  red,
+  green,
+  greenLight
+} = IOColors;
+export const IOColorsLegacy = {
+  white,
+  greyUltraLight,
+  greyLight,
+  bluegreyLight,
+  grey,
+  milderGray,
+  bluegrey,
+  bluegreyDark,
+  black,
+  noCieButton,
+  blue,
+  blueUltraLight,
+  aqua,
+  aquaUltraLight,
+  cobalt,
+  antiqueFuchsia,
+  yellow,
+  orange,
+  red,
+  green,
+  greenLight
+};
+export const IOColorsNeutral = asIOColors({
+  black: IOColors.black,
+  "grey-850": IOColors["grey-850"],
+  "grey-700": IOColors["grey-700"],
+  "grey-650": IOColors["grey-650"],
+  "grey-450": IOColors["grey-450"],
+  "grey-300": IOColors["grey-300"],
+  "grey-200": IOColors["grey-200"],
+  "grey-150": IOColors["grey-100"],
+  "grey-50": IOColors["grey-50"],
+  white: IOColors.white
+});
+export const IOColorsTints = asIOColors({
+  "blueIO-850": IOColors["blueIO-850"],
+  "blueIO-600": IOColors["blueIO-600"],
+  "blueIO-500": IOColors["blueIO-500"],
+  "blueIO-450": IOColors["blueIO-450"],
+  "blueIO-200": IOColors["blueIO-200"],
+  "blueIO-150": IOColors["blueIO-150"],
+  "blueIO-100": IOColors["blueIO-100"],
+  "blueIO-50": IOColors["blueIO-50"],
+  "turquoise-850": IOColors["turquoise-850"],
+  "turquoise-500": IOColors["turquoise-500"],
+  "turquoise-450": IOColors["turquoise-450"],
+  "turquoise-150": IOColors["turquoise-150"],
+  "turquoise-100": IOColors["turquoise-100"],
+  "turquoise-50": IOColors["turquoise-50"]
+});
+export const IOColorsStatus = asIOColors({
+  "error-850": IOColors["error-850"],
+  "error-600": IOColors["error-600"],
+  "error-500": IOColors["error-500"],
+  "error-400": IOColors["error-400"],
+  "error-100": IOColors["error-100"],
+  "warning-850": IOColors["warning-850"],
+  "warning-700": IOColors["warning-700"],
+  "warning-500": IOColors["warning-500"],
+  "warning-400": IOColors["warning-400"],
+  "warning-100": IOColors["warning-100"],
+  "success-850": IOColors["success-850"],
+  "success-700": IOColors["success-700"],
+  "success-500": IOColors["success-500"],
+  "success-400": IOColors["success-400"],
+  "success-100": IOColors["success-100"],
+  "info-850": IOColors["info-850"],
+  "info-700": IOColors["info-700"],
+  "info-500": IOColors["info-500"],
+  "info-400": IOColors["info-400"],
+  "info-100": IOColors["info-100"]
+});
+export const IOColorsExtra = {
+  cobalt: IOColors.cobalt,
+  "blueItalia-850": IOColors["blueItalia-850"],
+  "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"]
+};
+
+/*
+░░░ THEME COLORS ░░░
+*/
+
+export const IOThemeLight = {
+  // General
+  "appBackground-primary": "white",
+  "appBackground-secondary": "grey-50",
+  "appBackground-tertiary": "grey-100",
+  "interactiveElem-default": "blueIO-500",
+  "interactiveElem-pressed": "blueIO-600",
+  "listItem-pressed": "grey-50",
+  // Typography
+  "textHeading-default": "black",
+  "textBody-default": "black",
+  "textBody-secondary": "grey-850",
+  "textBody-tertiary": "grey-700",
+  // Design System related
+  "cardBorder-default": "grey-100",
+  "icon-default": "grey-650",
+  // Layout
+  "divider-default": "grey-200",
+  // Status
+  errorIcon: "error-500",
+  errorText: "error-850"
+};
+export const IOThemeDark = {
+  ...IOThemeLight,
+  // General
+  "appBackground-primary": "black",
+  "appBackground-secondary": "grey-850",
+  "appBackground-tertiary": "grey-700",
+  "interactiveElem-default": "blueIO-450",
+  "interactiveElem-pressed": "blueIO-600",
+  "listItem-pressed": "grey-850",
+  // Typography
+  "textHeading-default": "grey-200",
+  "textBody-default": "white",
+  "textBody-secondary": "grey-100",
+  "textBody-tertiary": "grey-450",
+  // Design System related
+  "cardBorder-default": "grey-850",
+  "icon-default": "grey-450",
+  // Layout
+  "divider-default": "grey-850",
+  // Status
+  errorIcon: "error-400",
+  errorText: "error-400"
+};
+export const themeStatusColorsLightMode = asIOThemeColors({
+  errorMain: "error-500",
+  errorBackground: "error-100",
+  errorGraphics: "error-600",
+  errorTypography: "error-850",
+  warningMain: "warning-500",
+  warningBackground: "warning-100",
+  warningGraphics: "warning-700",
+  warningTypography: "warning-850",
+  successMain: "success-500",
+  successBackground: "success-100",
+  successGraphics: "success-700",
+  successTypography: "success-850",
+  infoMain: "info-500",
+  infoBackground: "info-100",
+  infoGraphics: "info-700",
+  infoTypography: "info-850"
+});
+export const themeStatusColorsDarkMode = {
+  errorMain: "error-400",
+  errorBackground: "error-100",
+  errorGraphics: "error-600",
+  errorTypography: "error-850",
+  warningMain: "warning-400",
+  warningBackground: "warning-100",
+  warningGraphics: "warning-700",
+  warningTypography: "warning-850",
+  successMain: "success-400",
+  successBackground: "success-100",
+  successGraphics: "success-700",
+  successTypography: "success-850",
+  infoMain: "info-400",
+  infoBackground: "info-100",
+  infoGraphics: "info-700",
+  infoTypography: "info-850"
+};
+/*
+THEME CONTEXT
+*/
+export const IOThemes = {
+  light: IOThemeLight,
+  dark: IOThemeDark
+};
+export const IOThemeContext = /*#__PURE__*/React.createContext(Appearance.getColorScheme() === "dark" ? IOThemes.dark : IOThemes.light);
+export const useIOTheme = () => React.useContext(IOThemeContext);
+
+/*
+UTILS
+*/
+
+/**
+Return the color value with RGBA format (RGB + Alpha transparency), starting from the hexadecimal color value only.
+@param hexCode Color value in hexadecimal format. No short version accepted.
+@param opacity Opacity value that range from 0 to 1. Default value = 1.
+ */
+/* Taken from this Gist: https://gist.github.com/danieliser/b4b24c9f772066bcf0a6 */
+export const hexToRgba = function (hexCode) {
+  let opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  const hex = hexCode.replace("#", "");
+  const r = parseInt(hex.substring(0, 2), 16);
+  const g = parseInt(hex.substring(2, 4), 16);
+  const b = parseInt(hex.substring(4, 6), 16);
+  return `rgba(${r},${g},${b},${opacity})`;
+};
+
+/*
+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
+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`
+*/
+//# sourceMappingURL=IOColors.js.map

package/lib/module/core/IOColors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Appearance","asIOColors","arg","asIOThemeColors","asIOColorGradients","IOColors","white","black","cobalt","greyUltraLight","greyLight","bluegreyLight","grey","milderGray","bluegrey","bluegreyDark","noCieButton","blue","blueUltraLight","aqua","aquaUltraLight","antiqueFuchsia","yellow","orange","red","green","greenLight","IOColorGradients","appLaunch","appIcon","cgnAll","cgn","cgnFinance","cgnCulture","cgnLearning","cgnHealth","cgnHome","cgnJobOffers","cgnSport","cgnMobility","cgnTelco","cgnTravel","getGradientColorValues","gradientId","first","second","IOColorsLegacy","IOColorsNeutral","IOColorsTints","IOColorsStatus","IOColorsExtra","IOThemeLight","errorIcon","errorText","IOThemeDark","themeStatusColorsLightMode","errorMain","errorBackground","errorGraphics","errorTypography","warningMain","warningBackground","warningGraphics","warningTypography","successMain","successBackground","successGraphics","successTypography","infoMain","infoBackground","infoGraphics","infoTypography","themeStatusColorsDarkMode","IOThemes","light","dark","IOThemeContext","createContext","getColorScheme","useIOTheme","useContext","hexToRgba","hexCode","opacity","arguments","length","undefined","hex","replace","r","parseInt","substring","g","b"],"sourceRoot":"../../../src","sources":["core/IOColors.ts"],"mappings":"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"}

package/lib/module/core/IOShapes.js

@@ -0,0 +1,19 @@
+/*
+RADIUS SCALE
+Every shape used by different components 
+should use a value defined in the following scale.
+*/
+
+export const IORadiusScale = [6, 8, 16, 24];
+const IODefaultRadius = 8;
+
+/*
+Values used in the various components
+*/
+export const IOAlertRadius = IODefaultRadius;
+export const IOBannerRadius = IODefaultRadius;
+export const IOTagRadius = 6;
+export const IOBottomSheetHeaderRadius = 24;
+export const IOListItemIDPRadius = IODefaultRadius;
+export const IOBadgeRadius = 24;
+//# sourceMappingURL=IOShapes.js.map

package/lib/module/core/IOShapes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IORadiusScale","IODefaultRadius","IOAlertRadius","IOBannerRadius","IOTagRadius","IOBottomSheetHeaderRadius","IOListItemIDPRadius","IOBadgeRadius"],"sourceRoot":"../../../src","sources":["core/IOShapes.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAU;AAGpD,MAAMC,eAA8B,GAAG,CAAC;;AAExC;AACA;AACA;AACA,OAAO,MAAMC,aAA4B,GAAGD,eAAe;AAC3D,OAAO,MAAME,cAA6B,GAAGF,eAAe;AAC5D,OAAO,MAAMG,WAA0B,GAAG,CAAC;AAC3C,OAAO,MAAMC,yBAAwC,GAAG,EAAE;AAC1D,OAAO,MAAMC,mBAAkC,GAAGL,eAAe;AACjE,OAAO,MAAMM,aAA4B,GAAG,EAAE"}

package/lib/module/core/IOSpacing.js

@@ -0,0 +1,43 @@
+/*
+SPACING SCALE
+Every margin/padding used by different components 
+should use a value defined in the following scale.
+*/
+
+export const IOSpacingScale = [4, 6, 8, 12, 16, 20, 24, 28, 32, 40, 48, 56, 64, 72];
+
+// Values used in the new `<Spacer>` component
+
+export const IOSpacer = [4, 8, 16, 24, 32, 40, 48];
+
+// Margin values used in the new `<ContentWrapper>` component
+
+export const IOAppMargin = [8, 16, 24, 32];
+
+// Values used in the `<Alert>` component
+
+export const IOAlertSpacing = [16, 24];
+
+// Values used in the `<Banner>` component
+
+export const IOBannerBigSpacing = 16;
+export const IOBannerSmallHSpacing = 16;
+export const IOBannerSmallVSpacing = 12;
+
+// Values used in the `<Tag>` component
+
+export const IOTagHSpacing = 8;
+export const IOTagVSpacing = 6;
+
+// Values used in the `<Badge>` component
+
+export const IOBadgeHSpacing = 8;
+export const IOBadgeVSpacing = 4;
+
+// Values used in the `<ListItemIDP>` component
+
+export const IOListItemIDPHSpacing = 16;
+export const IOListItemIDPVSpacing = 16;
+export const IOListItemIDPSavedVSpacing = 24;
+export const IOListItemLogoMargin = 8;
+//# sourceMappingURL=IOSpacing.js.map

package/lib/module/core/IOSpacing.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IOSpacingScale","IOSpacer","IOAppMargin","IOAlertSpacing","IOBannerBigSpacing","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOTagHSpacing","IOTagVSpacing","IOBadgeHSpacing","IOBadgeVSpacing","IOListItemIDPHSpacing","IOListItemIDPVSpacing","IOListItemIDPSavedVSpacing","IOListItemLogoMargin"],"sourceRoot":"../../../src","sources":["core/IOSpacing.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,cAAc,GAAG,CAC5B,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAC3C;;AAIV;;AAEA,OAAO,MAAMC,QAAiC,GAAG,CAC/C,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAChB;;AAEV;;AAEA,OAAO,MAAMC,WAAuC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAU;;AAE/E;;AAEA,OAAO,MAAMC,cAA6C,GAAG,CAAC,EAAE,EAAE,EAAE,CAAU;;AAE9E;;AAEA,OAAO,MAAMC,kBAAmC,GAAG,EAAW;AAC9D,OAAO,MAAMC,qBAAsC,GAAG,EAAW;AACjE,OAAO,MAAMC,qBAAsC,GAAG,EAAW;;AAEjE;;AAEA,OAAO,MAAMC,aAA2B,GAAG,CAAU;AACrD,OAAO,MAAMC,aAA2B,GAAG,CAAU;;AAErD;;AAEA,OAAO,MAAMC,eAA+B,GAAG,CAAU;AACzD,OAAO,MAAMC,eAA+B,GAAG,CAAU;;AAEzD;;AAEA,OAAO,MAAMC,qBAA2C,GAAG,EAAW;AACtE,OAAO,MAAMC,qBAA2C,GAAG,EAAW;AACtE,OAAO,MAAMC,0BAAgD,GAAG,EAAW;AAC3E,OAAO,MAAMC,oBAA0C,GAAG,CAAU"}

package/lib/module/core/IOStyleVariables.js

@@ -0,0 +1,7 @@
+/**
+ * A collection of default style variables used within IO App.
+ */
+export const IOStyleVariables = {
+  switchWidth: 51
+};
+//# sourceMappingURL=IOStyleVariables.js.map

package/lib/module/core/IOStyleVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IOStyleVariables","switchWidth"],"sourceRoot":"../../../src","sources":["core/IOStyleVariables.ts"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,MAAMA,gBAAgB,GAAG;EAC9BC,WAAW,EAAE;AACf,CAAC"}