@pagopa/io-app-design-system 2.0.1 → 2.0.2

package/src/core/IOColors.ts

@@ -277,14 +277,17 @@ const themeKeys = [
   "icon-default",
   "icon-decorative",
   // Layout
+  "divider-header",
   "divider-default",
+  "divider-bottomBar",
   // Status
   "errorIcon",
   "errorText",
   // Pictograms
   "pictogram-hands",
   "pictogram-tint-main",
-  "pictogram-tint-secondary"
+  "pictogram-tint-secondary",
+  "pictogram-tint-tertiary"
 ] as const;
 
 export type IOTheme = {
@@ -312,14 +315,17 @@ export const IOThemeLight: IOTheme = {
   "icon-default": "grey-650",
   "icon-decorative": "grey-300",
   // Layout
+  "divider-header": "grey-100",
   "divider-default": "grey-200",
+  "divider-bottomBar": "grey-200",
   // Status
   errorIcon: "error-600",
   errorText: "error-600",
   // Pictograms
   "pictogram-hands": "blueIO-500",
   "pictogram-tint-main": "turquoise-150",
-  "pictogram-tint-secondary": "turquoise-500"
+  "pictogram-tint-secondary": "turquoise-500",
+  "pictogram-tint-tertiary": "blueIO-400"
 };
 
 export const IOThemeLightLegacy: IOTheme = {
@@ -349,7 +355,9 @@ export const IOThemeDark: IOTheme = {
   "cardBorder-default": "grey-850",
   "icon-default": "grey-450",
   // Layout
+  "divider-header": "grey-850",
   "divider-default": "grey-850",
+  "divider-bottomBar": "grey-850",
   // Status
   errorIcon: "error-400",
   errorText: "error-400",

package/src/core/IOSpacing.ts

@@ -49,3 +49,17 @@ export const IOModuleIDPHSpacing: IOModuleIDPSpacing = 16;
 export const IOModuleIDPVSpacing: IOModuleIDPSpacing = 16;
 export const IOModuleIDPSavedVSpacing: IOModuleIDPSpacing = 24;
 export const IOListItemLogoMargin: IOModuleIDPSpacing = 8;
+
+/*
+░░░ SPACING CONSTANTS ░░░
+*/
+
+const spacingConstantKeys = ["screenEndMargin"] as const;
+
+export type IOSpacingConstants = {
+  [K in (typeof spacingConstantKeys)[number]]: IOSpacingScale;
+};
+
+export const IOSpacing = {
+  screenEndMargin: 32
+} as const satisfies IOSpacingConstants;

package/src/core/index.ts

@@ -4,6 +4,5 @@ export * from "./IOTransitions";
 export * from "./IOStyles";
 export * from "./IOShapes";
 export * from "./IOSpacing";
-export * from "./IOStyleVariables";
 export * from "./IODSExperimentalContextProvider";
 export * from "./IOThemeContextProvider";

package/lib/commonjs/core/IOStyleVariables.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IOStyleVariables = void 0;
-/**
- * A collection of default style variables used within IO App.
- */
-const IOStyleVariables = {
-  switchWidth: 51
-};
-exports.IOStyleVariables = IOStyleVariables;
-//# sourceMappingURL=IOStyleVariables.js.map

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

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

package/lib/module/core/IOStyleVariables.js

@@ -1,7 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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"}

package/lib/typescript/core/IOStyleVariables.d.ts

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

package/lib/typescript/core/IOStyleVariables.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IOStyleVariables.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyleVariables.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,gBAAgB;;CAE5B,CAAC"}

package/src/core/IOStyleVariables.ts

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