@pagopa/io-app-design-system 1.46.2 → 1.47.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/lib/commonjs/components/layout/BlockButtons.js +1 -1
  2. package/lib/commonjs/components/layout/FooterActions.js +162 -0
  3. package/lib/commonjs/components/layout/FooterActions.js.map +1 -0
  4. package/lib/commonjs/components/layout/FooterActionsInline.js +113 -0
  5. package/lib/commonjs/components/layout/FooterActionsInline.js.map +1 -0
  6. package/lib/commonjs/components/layout/FooterWithButtons.js +3 -1
  7. package/lib/commonjs/components/layout/FooterWithButtons.js.map +1 -1
  8. package/lib/commonjs/components/layout/HeaderSecondLevel.js +9 -4
  9. package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
  10. package/lib/commonjs/components/layout/hooks/index.js +28 -0
  11. package/lib/commonjs/components/layout/hooks/index.js.map +1 -0
  12. package/lib/commonjs/components/layout/hooks/useBottomMargins.js +31 -0
  13. package/lib/commonjs/components/layout/hooks/useBottomMargins.js.map +1 -0
  14. package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js +30 -0
  15. package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js.map +1 -0
  16. package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js +31 -0
  17. package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js.map +1 -0
  18. package/lib/commonjs/components/layout/index.js +33 -0
  19. package/lib/commonjs/components/layout/index.js.map +1 -1
  20. package/lib/commonjs/core/IOColors.js +4 -0
  21. package/lib/commonjs/core/IOColors.js.map +1 -1
  22. package/lib/commonjs/core/IOSpacing.js +10 -1
  23. package/lib/commonjs/core/IOSpacing.js.map +1 -1
  24. package/lib/commonjs/core/index.js +0 -11
  25. package/lib/commonjs/core/index.js.map +1 -1
  26. package/lib/module/components/layout/BlockButtons.js +1 -1
  27. package/lib/module/components/layout/FooterActions.js +153 -0
  28. package/lib/module/components/layout/FooterActions.js.map +1 -0
  29. package/lib/module/components/layout/FooterActionsInline.js +104 -0
  30. package/lib/module/components/layout/FooterActionsInline.js.map +1 -0
  31. package/lib/module/components/layout/FooterWithButtons.js +3 -1
  32. package/lib/module/components/layout/FooterWithButtons.js.map +1 -1
  33. package/lib/module/components/layout/HeaderSecondLevel.js +10 -5
  34. package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
  35. package/lib/module/components/layout/hooks/index.js +3 -0
  36. package/lib/module/components/layout/hooks/index.js.map +1 -0
  37. package/lib/module/components/layout/hooks/useBottomMargins.js +25 -0
  38. package/lib/module/components/layout/hooks/useBottomMargins.js.map +1 -0
  39. package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js +23 -0
  40. package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js.map +1 -0
  41. package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js +24 -0
  42. package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js.map +1 -0
  43. package/lib/module/components/layout/index.js +3 -0
  44. package/lib/module/components/layout/index.js.map +1 -1
  45. package/lib/module/core/IOColors.js +4 -0
  46. package/lib/module/core/IOColors.js.map +1 -1
  47. package/lib/module/core/IOSpacing.js +9 -0
  48. package/lib/module/core/IOSpacing.js.map +1 -1
  49. package/lib/module/core/index.js +0 -1
  50. package/lib/module/core/index.js.map +1 -1
  51. package/lib/typescript/components/layout/BlockButtons.d.ts +1 -1
  52. package/lib/typescript/components/layout/FooterActions.d.ts +45 -0
  53. package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -0
  54. package/lib/typescript/components/layout/FooterActionsInline.d.ts +17 -0
  55. package/lib/typescript/components/layout/FooterActionsInline.d.ts.map +1 -0
  56. package/lib/typescript/components/layout/FooterWithButtons.d.ts +3 -1
  57. package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +1 -1
  58. package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +7 -7
  59. package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
  60. package/lib/typescript/components/layout/HeaderSecondLevel.d.ts +7 -7
  61. package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
  62. package/lib/typescript/components/layout/common.d.ts +1 -1
  63. package/lib/typescript/components/layout/common.d.ts.map +1 -1
  64. package/lib/typescript/components/layout/hooks/index.d.ts +3 -0
  65. package/lib/typescript/components/layout/hooks/index.d.ts.map +1 -0
  66. package/lib/typescript/components/layout/hooks/useBottomMargins.d.ts +5 -0
  67. package/lib/typescript/components/layout/hooks/useBottomMargins.d.ts.map +1 -0
  68. package/lib/typescript/components/layout/hooks/useFooterActionsInlineMeasurements.d.ts +17 -0
  69. package/lib/typescript/components/layout/hooks/useFooterActionsInlineMeasurements.d.ts.map +1 -0
  70. package/lib/typescript/components/layout/hooks/useFooterActionsMeasurements.d.ts +17 -0
  71. package/lib/typescript/components/layout/hooks/useFooterActionsMeasurements.d.ts.map +1 -0
  72. package/lib/typescript/components/layout/index.d.ts +3 -0
  73. package/lib/typescript/components/layout/index.d.ts.map +1 -1
  74. package/lib/typescript/core/IOColors.d.ts +2 -0
  75. package/lib/typescript/core/IOColors.d.ts.map +1 -1
  76. package/lib/typescript/core/IOSpacing.d.ts +8 -0
  77. package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
  78. package/lib/typescript/core/index.d.ts +0 -1
  79. package/lib/typescript/core/index.d.ts.map +1 -1
  80. package/package.json +1 -1
  81. package/src/components/layout/BlockButtons.tsx +1 -1
  82. package/src/components/layout/FooterActions.tsx +260 -0
  83. package/src/components/layout/FooterActionsInline.tsx +137 -0
  84. package/src/components/layout/FooterWithButtons.tsx +3 -1
  85. package/src/components/layout/HeaderFirstLevel.tsx +7 -7
  86. package/src/components/layout/HeaderSecondLevel.tsx +20 -12
  87. package/src/components/layout/common.ts +1 -1
  88. package/src/components/layout/hooks/index.ts +2 -0
  89. package/src/components/layout/hooks/useBottomMargins.ts +30 -0
  90. package/src/components/layout/hooks/useFooterActionsInlineMeasurements.ts +38 -0
  91. package/src/components/layout/hooks/useFooterActionsMeasurements.ts +35 -0
  92. package/src/components/layout/index.tsx +3 -0
  93. package/src/core/IOColors.ts +6 -0
  94. package/src/core/IOSpacing.ts +14 -0
  95. package/src/core/index.ts +0 -1
  96. package/lib/commonjs/core/IOStyleVariables.js +0 -14
  97. package/lib/commonjs/core/IOStyleVariables.js.map +0 -1
  98. package/lib/module/core/IOStyleVariables.js +0 -7
  99. package/lib/module/core/IOStyleVariables.js.map +0 -1
  100. package/lib/typescript/core/IOStyleVariables.d.ts +0 -7
  101. package/lib/typescript/core/IOStyleVariables.d.ts.map +0 -1
  102. package/src/core/IOStyleVariables.ts +0 -6
@@ -275,7 +275,9 @@ export type IOTheme = {
275
275
  "icon-default": IOColors;
276
276
  "icon-decorative": IOColors;
277
277
  // Layout
278
+ "divider-header": IOColors;
278
279
  "divider-default": IOColors;
280
+ "divider-bottomBar": IOColors;
279
281
  // Status
280
282
  errorIcon: IOColors;
281
283
  errorText: IOColors;
@@ -305,7 +307,9 @@ export const IOThemeLight: IOTheme = {
305
307
  "icon-default": "grey-650",
306
308
  "icon-decorative": "grey-300",
307
309
  // Layout
310
+ "divider-header": "grey-100",
308
311
  "divider-default": "grey-200",
312
+ "divider-bottomBar": "grey-200",
309
313
  // Status
310
314
  errorIcon: "error-600",
311
315
  errorText: "error-600",
@@ -341,7 +345,9 @@ export const IOThemeDark: IOTheme = {
341
345
  "cardBorder-default": "grey-850",
342
346
  "icon-default": "grey-450",
343
347
  // Layout
348
+ "divider-header": "grey-850",
344
349
  "divider-default": "grey-850",
350
+ "divider-bottomBar": "grey-850",
345
351
  // Status
346
352
  errorIcon: "error-400",
347
353
  errorText: "error-400",
@@ -49,3 +49,17 @@ export const IOModuleIDPHSpacing: IOModuleIDPSpacing = 16;
49
49
  export const IOModuleIDPVSpacing: IOModuleIDPSpacing = 16;
50
50
  export const IOModuleIDPSavedVSpacing: IOModuleIDPSpacing = 24;
51
51
  export const IOListItemLogoMargin: IOModuleIDPSpacing = 8;
52
+
53
+ /*
54
+ ░░░ SPACING CONSTANTS ░░░
55
+ */
56
+
57
+ const spacingConstantKeys = ["screenEndMargin"] as const;
58
+
59
+ export type IOSpacingConstants = {
60
+ [K in (typeof spacingConstantKeys)[number]]: IOSpacingScale;
61
+ };
62
+
63
+ export const IOSpacing = {
64
+ screenEndMargin: 32
65
+ } as const satisfies IOSpacingConstants;
package/src/core/index.ts CHANGED
@@ -4,6 +4,5 @@ export * from "./IOTransitions";
4
4
  export * from "./IOStyles";
5
5
  export * from "./IOShapes";
6
6
  export * from "./IOSpacing";
7
- export * from "./IOStyleVariables";
8
7
  export * from "./IODSExperimentalContextProvider";
9
8
  export * from "./IOThemeContextProvider";
@@ -1,14 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IOStyleVariables = void 0;
7
- /**
8
- * A collection of default style variables used within IO App.
9
- */
10
- const IOStyleVariables = {
11
- switchWidth: 51
12
- };
13
- exports.IOStyleVariables = IOStyleVariables;
14
- //# sourceMappingURL=IOStyleVariables.js.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,7 +0,0 @@
1
- /**
2
- * A collection of default style variables used within IO App.
3
- */
4
- export const IOStyleVariables = {
5
- switchWidth: 51
6
- };
7
- //# sourceMappingURL=IOStyleVariables.js.map
@@ -1 +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"}
@@ -1,7 +0,0 @@
1
- /**
2
- * A collection of default style variables used within IO App.
3
- */
4
- export declare const IOStyleVariables: {
5
- switchWidth: number;
6
- };
7
- //# sourceMappingURL=IOStyleVariables.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IOStyleVariables.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyleVariables.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,gBAAgB;;CAE5B,CAAC"}
@@ -1,6 +0,0 @@
1
- /**
2
- * A collection of default style variables used within IO App.
3
- */
4
- export const IOStyleVariables = {
5
- switchWidth: 51
6
- };