@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.
- package/lib/commonjs/components/layout/BlockButtons.js +1 -1
- package/lib/commonjs/components/layout/FooterActions.js +162 -0
- package/lib/commonjs/components/layout/FooterActions.js.map +1 -0
- package/lib/commonjs/components/layout/FooterActionsInline.js +113 -0
- package/lib/commonjs/components/layout/FooterActionsInline.js.map +1 -0
- package/lib/commonjs/components/layout/FooterWithButtons.js +3 -1
- package/lib/commonjs/components/layout/FooterWithButtons.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +9 -4
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/layout/hooks/index.js +28 -0
- package/lib/commonjs/components/layout/hooks/index.js.map +1 -0
- package/lib/commonjs/components/layout/hooks/useBottomMargins.js +31 -0
- package/lib/commonjs/components/layout/hooks/useBottomMargins.js.map +1 -0
- package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js +30 -0
- package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js.map +1 -0
- package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js +31 -0
- package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js.map +1 -0
- package/lib/commonjs/components/layout/index.js +33 -0
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +4 -0
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOSpacing.js +10 -1
- package/lib/commonjs/core/IOSpacing.js.map +1 -1
- package/lib/commonjs/core/index.js +0 -11
- package/lib/commonjs/core/index.js.map +1 -1
- package/lib/module/components/layout/BlockButtons.js +1 -1
- package/lib/module/components/layout/FooterActions.js +153 -0
- package/lib/module/components/layout/FooterActions.js.map +1 -0
- package/lib/module/components/layout/FooterActionsInline.js +104 -0
- package/lib/module/components/layout/FooterActionsInline.js.map +1 -0
- package/lib/module/components/layout/FooterWithButtons.js +3 -1
- package/lib/module/components/layout/FooterWithButtons.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +10 -5
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/layout/hooks/index.js +3 -0
- package/lib/module/components/layout/hooks/index.js.map +1 -0
- package/lib/module/components/layout/hooks/useBottomMargins.js +25 -0
- package/lib/module/components/layout/hooks/useBottomMargins.js.map +1 -0
- package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js +23 -0
- package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js.map +1 -0
- package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js +24 -0
- package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js.map +1 -0
- package/lib/module/components/layout/index.js +3 -0
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/core/IOColors.js +4 -0
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOSpacing.js +9 -0
- package/lib/module/core/IOSpacing.js.map +1 -1
- package/lib/module/core/index.js +0 -1
- package/lib/module/core/index.js.map +1 -1
- package/lib/typescript/components/layout/BlockButtons.d.ts +1 -1
- package/lib/typescript/components/layout/FooterActions.d.ts +45 -0
- package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -0
- package/lib/typescript/components/layout/FooterActionsInline.d.ts +17 -0
- package/lib/typescript/components/layout/FooterActionsInline.d.ts.map +1 -0
- package/lib/typescript/components/layout/FooterWithButtons.d.ts +3 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +7 -7
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts +7 -7
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/common.d.ts +1 -1
- package/lib/typescript/components/layout/common.d.ts.map +1 -1
- package/lib/typescript/components/layout/hooks/index.d.ts +3 -0
- package/lib/typescript/components/layout/hooks/index.d.ts.map +1 -0
- package/lib/typescript/components/layout/hooks/useBottomMargins.d.ts +5 -0
- package/lib/typescript/components/layout/hooks/useBottomMargins.d.ts.map +1 -0
- package/lib/typescript/components/layout/hooks/useFooterActionsInlineMeasurements.d.ts +17 -0
- package/lib/typescript/components/layout/hooks/useFooterActionsInlineMeasurements.d.ts.map +1 -0
- package/lib/typescript/components/layout/hooks/useFooterActionsMeasurements.d.ts +17 -0
- package/lib/typescript/components/layout/hooks/useFooterActionsMeasurements.d.ts.map +1 -0
- package/lib/typescript/components/layout/index.d.ts +3 -0
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +2 -0
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOSpacing.d.ts +8 -0
- package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
- package/lib/typescript/core/index.d.ts +0 -1
- package/lib/typescript/core/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/layout/BlockButtons.tsx +1 -1
- package/src/components/layout/FooterActions.tsx +260 -0
- package/src/components/layout/FooterActionsInline.tsx +137 -0
- package/src/components/layout/FooterWithButtons.tsx +3 -1
- package/src/components/layout/HeaderFirstLevel.tsx +7 -7
- package/src/components/layout/HeaderSecondLevel.tsx +20 -12
- package/src/components/layout/common.ts +1 -1
- package/src/components/layout/hooks/index.ts +2 -0
- package/src/components/layout/hooks/useBottomMargins.ts +30 -0
- package/src/components/layout/hooks/useFooterActionsInlineMeasurements.ts +38 -0
- package/src/components/layout/hooks/useFooterActionsMeasurements.ts +35 -0
- package/src/components/layout/index.tsx +3 -0
- package/src/core/IOColors.ts +6 -0
- package/src/core/IOSpacing.ts +14 -0
- package/src/core/index.ts +0 -1
- package/lib/commonjs/core/IOStyleVariables.js +0 -14
- package/lib/commonjs/core/IOStyleVariables.js.map +0 -1
- package/lib/module/core/IOStyleVariables.js +0 -7
- package/lib/module/core/IOStyleVariables.js.map +0 -1
- package/lib/typescript/core/IOStyleVariables.d.ts +0 -7
- package/lib/typescript/core/IOStyleVariables.d.ts.map +0 -1
- package/src/core/IOStyleVariables.ts +0 -6
package/src/core/IOColors.ts
CHANGED
|
@@ -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",
|
package/src/core/IOSpacing.ts
CHANGED
|
@@ -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
|
@@ -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 +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 +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"}
|