@pagopa/io-app-design-system 5.0.0-4 → 5.0.0-6

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 (63) hide show
  1. package/lib/commonjs/components/banner/Banner.js +3 -2
  2. package/lib/commonjs/components/banner/Banner.js.map +1 -1
  3. package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +56 -0
  4. package/lib/commonjs/components/layout/HeaderSecondLevel.js +3 -2
  5. package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
  6. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +0 -198
  7. package/lib/commonjs/components/listitems/__test__/listitem.test.js +0 -9
  8. package/lib/commonjs/components/listitems/__test__/listitem.test.js.map +1 -1
  9. package/lib/commonjs/components/modules/ModuleIDP.js +26 -5
  10. package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
  11. package/lib/commonjs/components/tabs/TabItem.js +62 -63
  12. package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
  13. package/lib/commonjs/components/textInput/TextInputValidation.js +2 -2
  14. package/lib/commonjs/components/textInput/TextInputValidation.js.map +1 -1
  15. package/lib/commonjs/core/IOColors.js +13 -3
  16. package/lib/commonjs/core/IOColors.js.map +1 -1
  17. package/lib/module/components/banner/Banner.js +3 -2
  18. package/lib/module/components/banner/Banner.js.map +1 -1
  19. package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +56 -0
  20. package/lib/module/components/layout/HeaderSecondLevel.js +3 -2
  21. package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
  22. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +0 -198
  23. package/lib/module/components/listitems/__test__/listitem.test.js +0 -9
  24. package/lib/module/components/listitems/__test__/listitem.test.js.map +1 -1
  25. package/lib/module/components/modules/ModuleIDP.js +27 -6
  26. package/lib/module/components/modules/ModuleIDP.js.map +1 -1
  27. package/lib/module/components/tabs/TabItem.js +65 -67
  28. package/lib/module/components/tabs/TabItem.js.map +1 -1
  29. package/lib/module/components/textInput/TextInputValidation.js +2 -2
  30. package/lib/module/components/textInput/TextInputValidation.js.map +1 -1
  31. package/lib/module/core/IOColors.js +13 -3
  32. package/lib/module/core/IOColors.js.map +1 -1
  33. package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
  34. package/lib/typescript/components/layout/HeaderSecondLevel.d.ts +2 -1
  35. package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
  36. package/lib/typescript/components/modules/ModuleIDP.d.ts +10 -3
  37. package/lib/typescript/components/modules/ModuleIDP.d.ts.map +1 -1
  38. package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
  39. package/lib/typescript/components/typography/BodyMonospace.d.ts +1 -1
  40. package/lib/typescript/components/typography/ButtonText.d.ts +1 -1
  41. package/lib/typescript/components/typography/Caption.d.ts +1 -1
  42. package/lib/typescript/components/typography/H1.d.ts +1 -1
  43. package/lib/typescript/components/typography/H2.d.ts +1 -1
  44. package/lib/typescript/components/typography/H3.d.ts +1 -1
  45. package/lib/typescript/components/typography/H4.d.ts +1 -1
  46. package/lib/typescript/components/typography/H5.d.ts +1 -1
  47. package/lib/typescript/components/typography/H6.d.ts +1 -1
  48. package/lib/typescript/components/typography/Hero.d.ts +1 -1
  49. package/lib/typescript/components/typography/markdown/MdH1.d.ts +1 -1
  50. package/lib/typescript/components/typography/markdown/MdH2.d.ts +1 -1
  51. package/lib/typescript/components/typography/markdown/MdH3.d.ts +1 -1
  52. package/lib/typescript/core/IOColors.d.ts +1 -3
  53. package/lib/typescript/core/IOColors.d.ts.map +1 -1
  54. package/package.json +1 -1
  55. package/src/components/banner/Banner.tsx +3 -2
  56. package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +56 -0
  57. package/src/components/layout/HeaderSecondLevel.tsx +8 -2
  58. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +0 -198
  59. package/src/components/listitems/__test__/listitem.test.tsx +0 -13
  60. package/src/components/modules/ModuleIDP.tsx +43 -8
  61. package/src/components/tabs/TabItem.tsx +116 -108
  62. package/src/components/textInput/TextInputValidation.tsx +2 -2
  63. package/src/core/IOColors.ts +17 -3
package/src/core/IOColors.ts CHANGED
@@ -40,7 +40,6 @@ export const IOColors = asIOColors({
40
40
  "blueIO-600": "#0932B6",
41
41
  "blueIO-500": "#0B3EE3",
42
42
  "blueIO-400": "#3C65E9",
43
- "blueIO-450": "#2351E6" /* Dark mode */,
44
43
  "blueIO-200": "#9DB2F4",
45
44
  "blueIO-150": "#B6C5F7",
46
45
  "blueIO-100": "#CED8F9",
@@ -135,7 +134,6 @@ export const IOColorsTints = asIOColors({
135
134
  "blueIO-850": IOColors["blueIO-850"],
136
135
  "blueIO-600": IOColors["blueIO-600"],
137
136
  "blueIO-500": IOColors["blueIO-500"],
138
- "blueIO-450": IOColors["blueIO-450"],
139
137
  "blueIO-200": IOColors["blueIO-200"],
140
138
  "blueIO-150": IOColors["blueIO-150"],
141
139
  "blueIO-100": IOColors["blueIO-100"],
@@ -235,6 +233,12 @@ const themeKeys = [
235
233
  "divider-default",
236
234
  "divider-bottomBar",
237
235
  "pdfViewer-background",
236
+ // Tab Item
237
+ "tab-item-border-default",
238
+ "tab-item-foreground-default",
239
+ "tab-item-foreground-selected",
240
+ "tab-item-background-selected",
241
+
238
242
  // Status
239
243
  "errorIcon",
240
244
  "errorText",
@@ -290,6 +294,11 @@ export const IOThemeLight: IOTheme = {
290
294
  "divider-default": "grey-200",
291
295
  "divider-bottomBar": "grey-200",
292
296
  "pdfViewer-background": "grey-700",
297
+ // Tab Item
298
+ "tab-item-border-default": "grey-300",
299
+ "tab-item-foreground-default": "black",
300
+ "tab-item-foreground-selected": "blueIO-500",
301
+ "tab-item-background-selected": "blueIO-200",
293
302
  // Status
294
303
  errorIcon: "error-600",
295
304
  errorText: "error-600",
@@ -310,7 +319,7 @@ export const IOThemeDark: IOTheme = {
310
319
  "appBackground-primary": "black",
311
320
  "appBackground-secondary": "grey-850",
312
321
  "appBackground-tertiary": "grey-700",
313
- "interactiveElem-default": "blueIO-450",
322
+ "interactiveElem-default": "blueIO-400",
314
323
  "interactiveElem-pressed": "blueIO-500",
315
324
  "interactiveElem-disabled": "grey-700",
316
325
  "interactiveOutline-disabled": "grey-450",
@@ -336,6 +345,11 @@ export const IOThemeDark: IOTheme = {
336
345
  "textInputLabel-default": "grey-450",
337
346
  "textInputValue-default": "white",
338
347
  "textInputValue-disabled": "grey-100",
348
+ // Tab Item
349
+ "tab-item-border-default": "grey-700",
350
+ "tab-item-foreground-default": "grey-200",
351
+ "tab-item-foreground-selected": "blueIO-200",
352
+ "tab-item-background-selected": "blueIO-400",
339
353
  // Layout
340
354
  "divider-header": "grey-850",
341
355
  "divider-default": "grey-850",