@pagopa/io-app-design-system 1.28.0 → 1.28.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 (59) hide show
  1. package/lib/commonjs/components/checkbox/CheckboxLabel.js +3 -1
  2. package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
  3. package/lib/commonjs/components/layout/HeaderFirstLevel.js +6 -6
  4. package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
  5. package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -4
  6. package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
  7. package/lib/commonjs/components/listitems/ListItemCheckbox.js +2 -2
  8. package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
  9. package/lib/commonjs/components/listitems/ListItemRadio.js +3 -3
  10. package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
  11. package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +5 -6
  12. package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
  13. package/lib/commonjs/components/listitems/ListItemSwitch.js +14 -14
  14. package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
  15. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
  16. package/lib/commonjs/components/radio/RadioButtonLabel.js +3 -1
  17. package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -1
  18. package/lib/commonjs/components/switch/SwitchLabel.js +2 -1
  19. package/lib/commonjs/components/switch/SwitchLabel.js.map +1 -1
  20. package/lib/module/components/checkbox/CheckboxLabel.js +3 -1
  21. package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
  22. package/lib/module/components/layout/HeaderFirstLevel.js +8 -8
  23. package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
  24. package/lib/module/components/layout/HeaderSecondLevel.js +8 -4
  25. package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
  26. package/lib/module/components/listitems/ListItemCheckbox.js +2 -2
  27. package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
  28. package/lib/module/components/listitems/ListItemRadio.js +3 -3
  29. package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
  30. package/lib/module/components/listitems/ListItemRadioWithAmount.js +6 -7
  31. package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
  32. package/lib/module/components/listitems/ListItemSwitch.js +16 -16
  33. package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
  34. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
  35. package/lib/module/components/radio/RadioButtonLabel.js +3 -1
  36. package/lib/module/components/radio/RadioButtonLabel.js.map +1 -1
  37. package/lib/module/components/switch/SwitchLabel.js +3 -2
  38. package/lib/module/components/switch/SwitchLabel.js.map +1 -1
  39. package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
  40. package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
  41. package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
  42. package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
  43. package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
  44. package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
  45. package/lib/typescript/components/listitems/ListItemSwitch.d.ts +1 -1
  46. package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
  47. package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -1
  48. package/lib/typescript/components/switch/SwitchLabel.d.ts.map +1 -1
  49. package/package.json +1 -1
  50. package/src/components/checkbox/CheckboxLabel.tsx +4 -1
  51. package/src/components/layout/HeaderFirstLevel.tsx +11 -9
  52. package/src/components/layout/HeaderSecondLevel.tsx +10 -4
  53. package/src/components/listitems/ListItemCheckbox.tsx +2 -2
  54. package/src/components/listitems/ListItemRadio.tsx +3 -3
  55. package/src/components/listitems/ListItemRadioWithAmount.tsx +8 -5
  56. package/src/components/listitems/ListItemSwitch.tsx +19 -15
  57. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
  58. package/src/components/radio/RadioButtonLabel.tsx +4 -1
  59. package/src/components/switch/SwitchLabel.tsx +3 -2
@@ -1,6 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { useState } from "react";
3
3
  import { Pressable, View } from "react-native";
4
+ import { useIOTheme } from "../../core";
4
5
  import { IOStyles } from "../../core/IOStyles";
5
6
  import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
6
7
  import { HSpacer } from "../spacer/Spacer";
@@ -24,6 +25,7 @@ export const RadioButtonLabel = _ref => {
24
25
  disabled,
25
26
  onValueChange
26
27
  } = _ref;
28
+ const theme = useIOTheme();
27
29
  const [toggleValue, setToggleValue] = useState(checked ?? false);
28
30
  const toggleRadioButton = () => {
29
31
  triggerHaptic("impactLight");
@@ -56,7 +58,7 @@ export const RadioButtonLabel = _ref => {
56
58
  style: {
57
59
  flexShrink: 1
58
60
  },
59
- color: "black"
61
+ color: theme["textBody-default"]
60
62
  }, label)));
61
63
  };
62
64
  //# sourceMappingURL=RadioButtonLabel.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","Pressable","View","IOStyles","triggerHaptic","HSpacer","H6","AnimatedRadio","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","toggleRadioButton","undefined","createElement","onPress","testID","style","alignSelf","opacity","row","alignItems","flexShrink","width","pointerEvents","size","color"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAQ/C,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAKhB;EAAA,IALiB;IAC/BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGhB,QAAQ,CAACY,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAMK,iBAAiB,GAAGA,CAAA,KAAM;IAC9Bb,aAAa,CAAC,aAAa,CAAC;IAC5BY,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAID,aAAa,KAAKI,SAAS,EAAE;MAC/BJ,aAAa,CAAC,CAACC,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IACRY,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEH,iBAAkB;IAC3BI,MAAM,EAAC,qBAAqB;IAC5BC,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEX,QAAQ,GAAGL,gBAAgB,GAAG;IACzC;EAAE,gBAEFT,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IACHoB,KAAK,EAAE,CACLnB,QAAQ,CAACsB,GAAG,EACZ;MAAEC,UAAU,EAAE,YAAY;MAAEC,UAAU,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAO,CAAC;EAC1D,gBAEF7B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAAC2B,aAAa,EAAC;EAAM,gBACxB9B,KAAA,CAAAoB,aAAA,CAACZ,aAAa;IAACK,OAAO,EAAEA,OAAO,IAAIG;EAAY,CAAE,CAC7C,CAAC,eACPhB,KAAA,CAAAoB,aAAA,CAACd,OAAO;IAACyB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB/B,KAAA,CAAAoB,aAAA,CAACb,EAAE;IAACgB,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAE,CAAE;IAACI,KAAK,EAAE;EAAQ,GAC1CpB,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}
1
+ {"version":3,"names":["React","useState","Pressable","View","useIOTheme","IOStyles","triggerHaptic","HSpacer","H6","AnimatedRadio","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","theme","toggleValue","setToggleValue","toggleRadioButton","undefined","createElement","onPress","testID","style","alignSelf","opacity","row","alignItems","flexShrink","width","pointerEvents","size","color"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAQ/C,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAKhB;EAAA,IALiB;IAC/BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAMK,KAAK,GAAGb,UAAU,CAAC,CAAC;EAE1B,MAAM,CAACc,WAAW,EAAEC,cAAc,CAAC,GAAGlB,QAAQ,CAACa,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAMM,iBAAiB,GAAGA,CAAA,KAAM;IAC9Bd,aAAa,CAAC,aAAa,CAAC;IAC5Ba,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAIF,aAAa,KAAKK,SAAS,EAAE;MAC/BL,aAAa,CAAC,CAACE,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACElB,KAAA,CAAAsB,aAAA,CAACpB,SAAS;IACRa,QAAQ,EAAEA,QAAS;IACnBQ,OAAO,EAAEH,iBAAkB;IAC3BI,MAAM,EAAC,qBAAqB;IAC5BC,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEZ,QAAQ,GAAGL,gBAAgB,GAAG;IACzC;EAAE,gBAEFV,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IACHsB,KAAK,EAAE,CACLpB,QAAQ,CAACuB,GAAG,EACZ;MAAEC,UAAU,EAAE,YAAY;MAAEC,UAAU,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAO,CAAC;EAC1D,gBAEF/B,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAAC6B,aAAa,EAAC;EAAM,gBACxBhC,KAAA,CAAAsB,aAAA,CAACb,aAAa;IAACK,OAAO,EAAEA,OAAO,IAAII;EAAY,CAAE,CAC7C,CAAC,eACPlB,KAAA,CAAAsB,aAAA,CAACf,OAAO;IAAC0B,IAAI,EAAE;EAAE,CAAE,CAAC,eACpBjC,KAAA,CAAAsB,aAAA,CAACd,EAAE;IAACiB,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAE,CAAE;IAACI,KAAK,EAAEjB,KAAK,CAAC,kBAAkB;EAAE,GAC5DJ,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { useState } from "react";
3
3
  import { Pressable, StyleSheet, Text, View } from "react-native";
4
- import { IOColors, useIOExperimentalDesign } from "../../core";
4
+ import { IOColors, useIOExperimentalDesign, useIOTheme } from "../../core";
5
5
  import { IOStyles } from "../../core/IOStyles";
6
6
  import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
7
7
  import { makeFontStyleObject } from "../../utils/fonts";
@@ -38,6 +38,7 @@ export const SwitchLabel = _ref => {
38
38
  onValueChange
39
39
  } = _ref;
40
40
  const [toggleValue, setToggleValue] = useState(checked ?? false);
41
+ const theme = useIOTheme();
41
42
  const {
42
43
  isExperimental
43
44
  } = useIOExperimentalDesign();
@@ -45,7 +46,7 @@ export const SwitchLabel = _ref => {
45
46
  style: {
46
47
  flexShrink: 1
47
48
  },
48
- color: "black"
49
+ color: theme["textBody-default"]
49
50
  }, label);
50
51
 
51
52
  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","Pressable","StyleSheet","Text","View","IOColors","useIOExperimentalDesign","IOStyles","triggerHaptic","makeFontStyleObject","HSpacer","H6","AnimatedSwitch","DISABLED_OPACITY","styles","create","legacyTextValue","fontSize","lineHeight","color","bluegreyDark","flexShrink","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","isExperimental","switchLabelText","createElement","style","legacySwitchlabelText","switchLabelTextComponent","toggleCheckbox","onPress","testID","alignSelf","opacity","row","alignItems","width","pointerEvents","size"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,QAAQ,EAAEC,uBAAuB,QAAQ,YAAY;AAC9D,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,cAAc,QAAQ,kBAAkB;AAQjD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA,MAAMC,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEd,QAAQ,CAACe,YAAY;IAC5BC,UAAU,EAAE,CAAC;IACb,GAAGZ,mBAAmB,CAAC,UAAU,EAAEa,SAAS,EAAE,cAAc;EAC9D;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAKX;EAAA,IALY;IAC1BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG9B,QAAQ,CAAC0B,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAM;IAAEK;EAAe,CAAC,GAAGzB,uBAAuB,CAAC,CAAC;EACpD,MAAM0B,eAAe,gBACnBjC,KAAA,CAAAkC,aAAA,CAACtB,EAAE;IAACuB,KAAK,EAAE;MAAEb,UAAU,EAAE;IAAE,CAAE;IAACF,KAAK,EAAE;EAAQ,GAC1CM,KACC,CACL;;EAED;EACA,MAAMU,qBAAqB,gBACzBpC,KAAA,CAAAkC,aAAA,CAAC9B,IAAI;IAAC+B,KAAK,EAAEpB,MAAM,CAACE;EAAgB,GAAES,KAAY,CACnD;EAED,MAAMW,wBAAwB,GAAGL,cAAc,GAC3CC,eAAe,GACfG,qBAAqB;EAEzB,MAAME,cAAc,GAAGA,CAAA,KAAM;IAC3B7B,aAAa,CAAC,aAAa,CAAC;IAC5BsB,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAID,aAAa,KAAKN,SAAS,EAAE;MAC/BM,aAAa,CAAC,CAACC,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACE9B,KAAA,CAAAkC,aAAA,CAAChC,SAAS;IACR0B,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAED,cAAe;IACxBE,MAAM,EAAC,kBAAkB;IACzBL,KAAK,EAAE;MACLM,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEd,QAAQ,GAAGd,gBAAgB,GAAG;IACzC;EAAE,gBAEFd,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IACH8B,KAAK,EAAE,CACL3B,QAAQ,CAACmC,GAAG,EACZ;MAAEC,UAAU,EAAE,YAAY;MAAEtB,UAAU,EAAE,CAAC;MAAEuB,KAAK,EAAE;IAAO,CAAC;EAC1D,gBAEF7C,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAACyC,aAAa,EAAC;EAAM,gBACxB9C,KAAA,CAAAkC,aAAA,CAACrB,cAAc;IAACc,OAAO,EAAEA,OAAO,IAAIG;EAAY,CAAE,CAC9C,CAAC,eACP9B,KAAA,CAAAkC,aAAA,CAACvB,OAAO;IAACoC,IAAI,EAAE;EAAE,CAAE,CAAC,EACnBV,wBACG,CACG,CAAC;AAEhB,CAAC"}
1
+ {"version":3,"names":["React","useState","Pressable","StyleSheet","Text","View","IOColors","useIOExperimentalDesign","useIOTheme","IOStyles","triggerHaptic","makeFontStyleObject","HSpacer","H6","AnimatedSwitch","DISABLED_OPACITY","styles","create","legacyTextValue","fontSize","lineHeight","color","bluegreyDark","flexShrink","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","theme","isExperimental","switchLabelText","createElement","style","legacySwitchlabelText","switchLabelTextComponent","toggleCheckbox","onPress","testID","alignSelf","opacity","row","alignItems","width","pointerEvents","size"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/CheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAC3E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,gDAKvB,QAAQ,sBAwCV,CAAC"}
1
+ {"version":3,"file":"CheckboxLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/CheckboxLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAM/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAC3E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,gDAKvB,QAAQ,sBA0CV,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderFirstLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderFirstLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACpC,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAgB5E,eAAO,MAAM,gBAAgB,qFAQ1B,gBAAgB,sBAiElB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"HeaderFirstLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderFirstLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACpC,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAe5E,eAAO,MAAM,gBAAgB,qFAQ1B,gBAAgB,sBAoElB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;CAChC,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;CAChC,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAiCjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,wIAY3B,iBAAiB,sBAoHnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;CAChC,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;CAChC,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAiCjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,wIAY3B,iBAAiB,sBA0HnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAqB/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAKzC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,UAAU,CAC9C,CAAC;AAEJ;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,wFAQ1B,QAAQ,sBAgIV,CAAC"}
1
+ {"version":3,"file":"ListItemCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAsB/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAIzC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,UAAU,CAC9C,CAAC;AAEJ;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,wFAQ1B,QAAQ,sBAgIV,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAsB/C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAIzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAE1D,KAAK,yBAAyB,GAC1B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE3C,KAAK,yBAAyB,GAC1B;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,KAAK,KAAK,GAAG,UAAU,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAMH,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,UAAU,CAC9C,CAAC;AAEJ;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,gGASvB,QAAQ,sBA6LV,CAAC"}
1
+ {"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAsB/C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,yBAAyB,GAC1B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE3C,KAAK,yBAAyB,GAC1B;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEN,KAAK,KAAK,GAAG,UAAU,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAMH,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,UAAU,CAC9C,CAAC;AAEJ;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,gGASvB,QAAQ,sBA6LV,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemRadioWithAmount.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadioWithAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,EAAE,MAAM,CAAC;CAC/B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,GACD;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;CACvB,CACJ,CAAC;AACF,eAAO,MAAM,uBAAuB,UAC3B,4BAA4B,sBAuCpC,CAAC"}
1
+ {"version":3,"file":"ListItemRadioWithAmount.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadioWithAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB,EAAE,MAAM,CAAC;CAC/B,GAAG,CACA;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,GACD;IACE,WAAW,EAAE,IAAI,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;CACvB,CACJ,CAAC;AACF,eAAO,MAAM,uBAAuB,UAC3B,4BAA4B,sBA0CpC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import React from "react";
2
2
  import { GestureResponderEvent, Switch } from "react-native";
3
- import { IOIcons } from "../icons";
4
3
  import { Badge } from "../badge";
4
+ import { IOIcons } from "../icons";
5
5
  import { IOLogoPaymentType } from "../logos";
6
6
  type PartialProps = {
7
7
  label: string;
@@ -1 +1 @@
1
- {"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAQ,MAAM,cAAc,CAAC;AAQnE,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAIzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAG1D,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAClC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAQ1C,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAC5C,0BAA0B,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,wIAYtB,mBAAmB,uBA+HvB,CAAC"}
1
+ {"version":3,"file":"ListItemSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAY,MAAM,EAAQ,MAAM,cAAc,CAAC;AAM7E,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAEzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAClC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAQ1C,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAC5C,0BAA0B,GAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAElE,eAAO,MAAM,cAAc,wIAYtB,mBAAmB,uBAqIvB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButtonLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioButtonLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GACxE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,gDAK1B,QAAQ,sBAqCV,CAAC"}
1
+ {"version":3,"file":"RadioButtonLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioButtonLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAM/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GACxE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,gDAK1B,QAAQ,sBAuCV,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SwitchLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAOjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GACzE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAa1D;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,gDAKrB,QAAQ,sBAmDV,CAAC"}
1
+ {"version":3,"file":"SwitchLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAA0B,MAAM,cAAc,CAAC;AAOjE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GACzE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAa1D;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,gDAKrB,QAAQ,sBAoDV,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pagopa/io-app-design-system",
3
- "version": "1.28.0",
3
+ "version": "1.28.1",
4
4
  "description": "The library defining the core components of the design system of @pagopa/io-app",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -1,6 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { useState } from "react";
3
3
  import { Pressable, View } from "react-native";
4
+ import { useIOTheme } from "../../core";
4
5
  import { IOStyles } from "../../core/IOStyles";
5
6
  import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
6
7
  import { HSpacer } from "../spacer/Spacer";
@@ -34,6 +35,8 @@ export const CheckboxLabel = ({
34
35
  disabled,
35
36
  onValueChange
36
37
  }: OwnProps) => {
38
+ const theme = useIOTheme();
39
+
37
40
  const [toggleValue, setToggleValue] = useState(checked ?? false);
38
41
 
39
42
  const toggleCheckbox = () => {
@@ -67,7 +70,7 @@ export const CheckboxLabel = ({
67
70
  <AnimatedCheckbox checked={checked ?? toggleValue} />
68
71
  </View>
69
72
  <HSpacer size={8} />
70
- <H6 style={{ flexShrink: 1 }} color={"black"}>
73
+ <H6 style={{ flexShrink: 1 }} color={theme["textBody-default"]}>
71
74
  {label}
72
75
  </H6>
73
76
  </View>
@@ -1,16 +1,16 @@
1
1
  import * as React from "react";
2
2
  import {
3
- View,
4
- StyleSheet,
5
3
  AccessibilityInfo,
4
+ StyleSheet,
5
+ View,
6
6
  findNodeHandle
7
7
  } from "react-native";
8
8
  import { useSafeAreaInsets } from "react-native-safe-area-context";
9
+ import { IOColors, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
9
10
  import { WithTestID } from "../../utils/types";
10
- import { IOStyles, IOVisualCostants, IOColors } from "../../core";
11
- import { H3 } from "../typography";
12
- import { HSpacer } from "../spacer";
13
11
  import { IconButton } from "../buttons";
12
+ import { HSpacer } from "../spacer";
13
+ import { H3 } from "../typography";
14
14
  import { ActionProp } from "./common";
15
15
 
16
16
  type CommonProps = WithTestID<{
@@ -49,7 +49,6 @@ interface ThreeActions extends CommonProps {
49
49
 
50
50
  export type HeaderFirstLevel = Base | OneAction | TwoActions | ThreeActions;
51
51
 
52
- const HEADER_BG_COLOR_LIGHT: IOColors = "white";
53
52
  const HEADER_BG_COLOR_DARK: IOColors = "bluegrey";
54
53
 
55
54
  const styles = StyleSheet.create({
@@ -73,6 +72,8 @@ export const HeaderFirstLevel = ({
73
72
  thirdAction
74
73
  }: HeaderFirstLevel) => {
75
74
  const titleRef = React.createRef<View>();
75
+ const insets = useSafeAreaInsets();
76
+ const theme = useIOTheme();
76
77
 
77
78
  React.useLayoutEffect(() => {
78
79
  const reactNode = findNodeHandle(titleRef.current);
@@ -80,7 +81,6 @@ export const HeaderFirstLevel = ({
80
81
  AccessibilityInfo.setAccessibilityFocus(reactNode);
81
82
  }
82
83
  });
83
- const insets = useSafeAreaInsets();
84
84
 
85
85
  return (
86
86
  <View
@@ -88,7 +88,7 @@ export const HeaderFirstLevel = ({
88
88
  paddingTop: insets.top,
89
89
  backgroundColor:
90
90
  backgroundColor === "light"
91
- ? IOColors[HEADER_BG_COLOR_LIGHT]
91
+ ? IOColors[theme["appBackground-primary"]]
92
92
  : IOColors[HEADER_BG_COLOR_DARK]
93
93
  }}
94
94
  accessibilityRole="header"
@@ -99,7 +99,9 @@ export const HeaderFirstLevel = ({
99
99
  <H3
100
100
  style={{ flexShrink: 1 }}
101
101
  numberOfLines={1}
102
- color={backgroundColor === "dark" ? "white" : "black"}
102
+ color={
103
+ backgroundColor === "dark" ? "white" : theme["textBody-default"]
104
+ }
103
105
  >
104
106
  {title}
105
107
  </H3>
@@ -134,11 +134,14 @@ export const HeaderSecondLevel = ({
134
134
 
135
135
  const { isExperimental } = useIOExperimentalDesign();
136
136
  const insets = useSafeAreaInsets();
137
+ const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
137
138
 
138
139
  React.useLayoutEffect(() => {
139
- const reactNode = findNodeHandle(titleRef.current);
140
- if (reactNode !== null) {
141
- AccessibilityInfo.setAccessibilityFocus(reactNode);
140
+ if (isTitleAccessible) {
141
+ const reactNode = findNodeHandle(titleRef.current);
142
+ if (reactNode !== null) {
143
+ AccessibilityInfo.setAccessibilityFocus(reactNode);
144
+ }
142
145
  }
143
146
  });
144
147
 
@@ -160,7 +163,6 @@ export const HeaderSecondLevel = ({
160
163
  : "transparent"
161
164
  }));
162
165
 
163
- const isTitleAccessible = !!title.trim();
164
166
  const titleAnimatedStyle = useAnimatedStyle(() => ({
165
167
  opacity: scrollValues
166
168
  ? interpolate(
@@ -201,6 +203,10 @@ export const HeaderSecondLevel = ({
201
203
  )}
202
204
  <View
203
205
  ref={titleRef}
206
+ accessibilityElementsHidden={!isTitleAccessible}
207
+ importantForAccessibility={
208
+ isTitleAccessible ? "yes" : "no-hide-descendants"
209
+ }
204
210
  accessible={isTitleAccessible}
205
211
  accessibilityLabel={title}
206
212
  accessibilityRole="header"
@@ -21,10 +21,10 @@ import {
21
21
  hexToRgba,
22
22
  useIOTheme
23
23
  } from "../../core";
24
+ import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
24
25
  import { IOIcons, Icon } from "../icons";
25
26
  import { HSpacer, VSpacer } from "../spacer";
26
27
  import { H6, LabelSmall } from "../typography";
27
- import { AnimatedCheckbox } from "../checkbox/AnimatedCheckbox";
28
28
 
29
29
  type Props = {
30
30
  value: string;
@@ -164,7 +164,7 @@ export const ListItemCheckbox = ({
164
164
  />
165
165
  </View>
166
166
  )}
167
- <H6 color={"black"} style={{ flexShrink: 1 }}>
167
+ <H6 color={theme["textBody-default"]} style={{ flexShrink: 1 }}>
168
168
  {value}
169
169
  </H6>
170
170
  </View>
@@ -24,10 +24,10 @@ import {
24
24
  } from "../../core";
25
25
  import { WithTestID } from "../../utils/types";
26
26
  import { IOIcons, Icon } from "../icons";
27
+ import { IOLogoPaymentType, LogoPayment } from "../logos";
28
+ import { AnimatedRadio } from "../radio/AnimatedRadio";
27
29
  import { HSpacer, VSpacer } from "../spacer";
28
30
  import { H6, LabelSmall } from "../typography";
29
- import { AnimatedRadio } from "../radio/AnimatedRadio";
30
- import { IOLogoPaymentType, LogoPayment } from "../logos";
31
31
 
32
32
  type ListItemRadioGraphicProps =
33
33
  | { icon?: never; paymentLogo: IOLogoPaymentType }
@@ -246,7 +246,7 @@ export const ListItemRadio = ({
246
246
  </View>
247
247
  )}
248
248
 
249
- <H6 color={"black"} style={{ flexShrink: 1 }}>
249
+ <H6 color={theme["textBody-default"]} style={{ flexShrink: 1 }}>
250
250
  {value}
251
251
  </H6>
252
252
  </View>
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { StyleSheet, View } from "react-native";
3
3
  import RNReactNativeHapticFeedback from "react-native-haptic-feedback";
4
- import { IOColors, useIOExperimentalDesign } from "../../core";
4
+ import { IOColors, useIOTheme } from "../../core";
5
5
  import { Icon } from "../icons";
6
6
  import { AnimatedRadio } from "../radio/AnimatedRadio";
7
7
  import { HSpacer, VSpacer } from "../spacer";
@@ -34,15 +34,16 @@ export const ListItemRadioWithAmount = (
34
34
  props.onValueChange(!toggleValue);
35
35
  }
36
36
  };
37
- const { isExperimental } = useIOExperimentalDesign();
37
+ const theme = useIOTheme();
38
38
 
39
- const interactiveColor: IOColors = isExperimental ? "blueIO-500" : "blue";
40
39
  const suggestColor: IOColors = "hanPurple-500";
41
40
 
42
41
  return (
43
42
  <PressableListItemBase onPress={pressHandler}>
44
43
  <View>
45
- <LabelSmallAlt>{props.label}</LabelSmallAlt>
44
+ <LabelSmallAlt color={theme["textBody-default"]}>
45
+ {props.label}
46
+ </LabelSmallAlt>
46
47
  {props.isSuggested && (
47
48
  <>
48
49
  <VSpacer size={4} />
@@ -57,7 +58,9 @@ export const ListItemRadioWithAmount = (
57
58
  )}
58
59
  </View>
59
60
  <View pointerEvents="none" style={{ flexDirection: "row" }}>
60
- <H6 color={interactiveColor}>{props.formattedAmountString}</H6>
61
+ <H6 color={theme["interactiveElem-default"]}>
62
+ {props.formattedAmountString}
63
+ </H6>
61
64
  <HSpacer size={8} />
62
65
  <AnimatedRadio checked={props.selected ?? toggleValue} />
63
66
  </View>
@@ -1,19 +1,17 @@
1
1
  import React, { useMemo } from "react";
2
- import { GestureResponderEvent, Switch, View } from "react-native";
2
+ import { GestureResponderEvent, Platform, Switch, View } from "react-native";
3
3
  import {
4
- IOColors,
5
4
  IOSelectionListItemStyles,
6
5
  IOSelectionListItemVisualParams,
7
- useIOExperimentalDesign,
8
6
  useIOTheme
9
7
  } from "../../core";
8
+ import { Badge } from "../badge";
10
9
  import { IOIcons, Icon } from "../icons";
10
+ import { LoadingSpinner } from "../loadingSpinner";
11
+ import { IOLogoPaymentType, LogoPayment } from "../logos";
11
12
  import { HSpacer, VSpacer } from "../spacer";
12
- import { H6, LabelSmall, LabelLink } from "../typography";
13
13
  import { NativeSwitch } from "../switch/NativeSwitch";
14
- import { Badge } from "../badge";
15
- import { IOLogoPaymentType, LogoPayment } from "../logos";
16
- import { LoadingSpinner } from "../loadingSpinner";
14
+ import { H6, LabelLink, LabelSmall } from "../typography";
17
15
 
18
16
  type PartialProps = {
19
17
  label: string;
@@ -57,7 +55,6 @@ export const ListItemSwitch = React.memo(
57
55
  badge,
58
56
  onSwitchValueChange
59
57
  }: ListItemSwitchProps) => {
60
- const { isExperimental } = useIOExperimentalDesign();
61
58
  const theme = useIOTheme();
62
59
 
63
60
  // If we have a badge or we are loading, we can't render the switch
@@ -67,8 +64,6 @@ export const ListItemSwitch = React.memo(
67
64
  [isLoading, badge]
68
65
  );
69
66
 
70
- const primaryColor: IOColors = isExperimental ? "blueIO-500" : "blue";
71
-
72
67
  return (
73
68
  <View
74
69
  testID="ListItemSwitch"
@@ -96,9 +91,13 @@ export const ListItemSwitch = React.memo(
96
91
  alignItems: "center"
97
92
  }}
98
93
  accessible={!canRenderSwitch}
99
- importantForAccessibility={
100
- !canRenderSwitch ? "yes" : "no-hide-descendants"
101
- }
94
+ {...Platform.select({
95
+ android: {
96
+ importantForAccessibility: !canRenderSwitch
97
+ ? "yes"
98
+ : "no-hide-descendants"
99
+ }
100
+ })}
102
101
  >
103
102
  {icon && (
104
103
  <View
@@ -129,7 +128,7 @@ export const ListItemSwitch = React.memo(
129
128
  )}
130
129
 
131
130
  <H6
132
- color={"black"}
131
+ color={theme["textBody-default"]}
133
132
  style={{ flex: 1 }}
134
133
  accessible={!canRenderSwitch}
135
134
  importantForAccessibility={
@@ -154,7 +153,12 @@ export const ListItemSwitch = React.memo(
154
153
  testID={badge.testID}
155
154
  />
156
155
  )}
157
- {isLoading && <LoadingSpinner size={24} color={primaryColor} />}
156
+ {isLoading && (
157
+ <LoadingSpinner
158
+ size={24}
159
+ color={theme["interactiveElem-default"]}
160
+ />
161
+ )}
158
162
  {canRenderSwitch && (
159
163
  <NativeSwitch
160
164
  value={value}
@@ -2848,7 +2848,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2848
2848
  >
2849
2849
  <Text
2850
2850
  allowFontScaling={false}
2851
- color="blue"
2851
+ color="blueIO-500"
2852
2852
  defaultColor="black"
2853
2853
  defaultWeight="SemiBold"
2854
2854
  font="TitilliumWeb"
@@ -2865,7 +2865,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 1`] = `
2865
2865
  "lineHeight": 25,
2866
2866
  },
2867
2867
  {
2868
- "color": "#0073E6",
2868
+ "color": "#0B3EE3",
2869
2869
  "fontFamily": "Titillium Web",
2870
2870
  "fontStyle": "normal",
2871
2871
  "fontWeight": "600",
@@ -3128,7 +3128,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
3128
3128
  >
3129
3129
  <Text
3130
3130
  allowFontScaling={false}
3131
- color="blue"
3131
+ color="blueIO-500"
3132
3132
  defaultColor="black"
3133
3133
  defaultWeight="SemiBold"
3134
3134
  font="TitilliumWeb"
@@ -3145,7 +3145,7 @@ exports[`Test List Item Components ListItemRadioWithAmount Snapshot 2`] = `
3145
3145
  "lineHeight": 25,
3146
3146
  },
3147
3147
  {
3148
- "color": "#0073E6",
3148
+ "color": "#0B3EE3",
3149
3149
  "fontFamily": "Titillium Web",
3150
3150
  "fontStyle": "normal",
3151
3151
  "fontWeight": "600",
@@ -1,6 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { useState } from "react";
3
3
  import { Pressable, View } from "react-native";
4
+ import { useIOTheme } from "../../core";
4
5
  import { IOStyles } from "../../core/IOStyles";
5
6
  import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
6
7
  import { HSpacer } from "../spacer/Spacer";
@@ -34,6 +35,8 @@ export const RadioButtonLabel = ({
34
35
  disabled,
35
36
  onValueChange
36
37
  }: OwnProps) => {
38
+ const theme = useIOTheme();
39
+
37
40
  const [toggleValue, setToggleValue] = useState(checked ?? false);
38
41
 
39
42
  const toggleRadioButton = () => {
@@ -64,7 +67,7 @@ export const RadioButtonLabel = ({
64
67
  <AnimatedRadio checked={checked ?? toggleValue} />
65
68
  </View>
66
69
  <HSpacer size={8} />
67
- <H6 style={{ flexShrink: 1 }} color={"black"}>
70
+ <H6 style={{ flexShrink: 1 }} color={theme["textBody-default"]}>
68
71
  {label}
69
72
  </H6>
70
73
  </View>
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { useState } from "react";
3
3
  import { Pressable, StyleSheet, Text, View } from "react-native";
4
- import { IOColors, useIOExperimentalDesign } from "../../core";
4
+ import { IOColors, useIOExperimentalDesign, useIOTheme } from "../../core";
5
5
  import { IOStyles } from "../../core/IOStyles";
6
6
  import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
7
7
  import { makeFontStyleObject } from "../../utils/fonts";
@@ -48,10 +48,11 @@ export const SwitchLabel = ({
48
48
  onValueChange
49
49
  }: OwnProps) => {
50
50
  const [toggleValue, setToggleValue] = useState(checked ?? false);
51
+ const theme = useIOTheme();
51
52
 
52
53
  const { isExperimental } = useIOExperimentalDesign();
53
54
  const switchLabelText = (
54
- <H6 style={{ flexShrink: 1 }} color={"black"}>
55
+ <H6 style={{ flexShrink: 1 }} color={theme["textBody-default"]}>
55
56
  {label}
56
57
  </H6>
57
58
  );