@pagopa/io-app-design-system 1.27.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.
- package/lib/commonjs/components/checkbox/CheckboxLabel.js +3 -1
- package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +6 -6
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -4
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +2 -2
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +3 -3
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +5 -6
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +14 -14
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
- package/lib/commonjs/components/numberpad/NumberButton.js +21 -6
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/pictograms/Pictogram.js +5 -1
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramBleedPayments.js +34 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedPayments.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramPayments.js +36 -0
- package/lib/commonjs/components/pictograms/svg/PictogramPayments.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedPayments.svg +21 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramPayments.svg +28 -0
- package/lib/commonjs/components/radio/RadioButtonLabel.js +3 -1
- package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/commonjs/components/switch/SwitchLabel.js +2 -1
- package/lib/commonjs/components/switch/SwitchLabel.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +8 -1
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOThemeContextProvider.js +15 -4
- package/lib/commonjs/core/IOThemeContextProvider.js.map +1 -1
- package/lib/commonjs/utils/fonts.js +1 -0
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/checkbox/CheckboxLabel.js +3 -1
- package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/module/components/layout/HeaderFirstLevel.js +8 -8
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +8 -4
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +2 -2
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +3 -3
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +6 -7
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +16 -16
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
- package/lib/module/components/numberpad/NumberButton.js +22 -7
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/pictograms/Pictogram.js +5 -1
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramBleedPayments.js +26 -0
- package/lib/module/components/pictograms/svg/PictogramBleedPayments.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramPayments.js +28 -0
- package/lib/module/components/pictograms/svg/PictogramPayments.js.map +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBleedPayments.svg +21 -0
- package/lib/module/components/pictograms/svg/originals/PictogramPayments.svg +28 -0
- package/lib/module/components/radio/RadioButtonLabel.js +3 -1
- package/lib/module/components/radio/RadioButtonLabel.js.map +1 -1
- package/lib/module/components/switch/SwitchLabel.js +3 -2
- package/lib/module/components/switch/SwitchLabel.js.map +1 -1
- package/lib/module/core/IOColors.js +6 -0
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOThemeContextProvider.js +12 -3
- package/lib/module/core/IOThemeContextProvider.js.map +1 -1
- package/lib/module/utils/fonts.js +1 -0
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts +1 -1
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +2 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramBleedPayments.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedPayments.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramPayments.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramPayments.d.ts.map +1 -0
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -1
- package/lib/typescript/components/switch/SwitchLabel.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/IOThemeContextProvider.d.ts +4 -0
- package/lib/typescript/core/IOThemeContextProvider.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/checkbox/CheckboxLabel.tsx +4 -1
- package/src/components/layout/HeaderFirstLevel.tsx +11 -9
- package/src/components/layout/HeaderSecondLevel.tsx +10 -4
- package/src/components/listitems/ListItemCheckbox.tsx +2 -2
- package/src/components/listitems/ListItemRadio.tsx +3 -3
- package/src/components/listitems/ListItemRadioWithAmount.tsx +8 -5
- package/src/components/listitems/ListItemSwitch.tsx +19 -15
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +4 -4
- package/src/components/numberpad/NumberButton.tsx +29 -9
- package/src/components/pictograms/Pictogram.tsx +7 -2
- package/src/components/pictograms/svg/PictogramBleedPayments.tsx +26 -0
- package/src/components/pictograms/svg/PictogramPayments.tsx +28 -0
- package/src/components/pictograms/svg/originals/PictogramBleedPayments.svg +21 -0
- package/src/components/pictograms/svg/originals/PictogramPayments.svg +28 -0
- package/src/components/radio/RadioButtonLabel.tsx +4 -1
- package/src/components/switch/SwitchLabel.tsx +3 -2
- package/src/core/IOColors.ts +8 -0
- package/src/core/IOThemeContextProvider.tsx +16 -3
- package/src/utils/fonts.ts +1 -0
|
@@ -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;
|
|
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,
|
|
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;
|
|
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;
|
|
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,
|
|
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,
|
|
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":"NumberButton.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NumberButton.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAqBpD,KAAK,uBAAuB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhD,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,uBAAuB,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAkCF,eAAO,MAAM,YAAY,iCAItB,iBAAiB,sBAmEnB,CAAC"}
|
|
@@ -82,6 +82,7 @@ export declare const IOPictograms: {
|
|
|
82
82
|
eventClose: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
83
83
|
hello: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
84
84
|
comunicationProblem: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
85
|
+
payments: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
85
86
|
ibanCard: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
86
87
|
followMessage: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
87
88
|
manual: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
@@ -98,7 +99,7 @@ type IOPictogramsProps = {
|
|
|
98
99
|
size?: IOPictogramSizeScale | "100%";
|
|
99
100
|
};
|
|
100
101
|
export declare const Pictogram: ({ name, color, pictogramStyle, size, ...props }: IOPictogramsProps) => React.JSX.Element;
|
|
101
|
-
export type IOPictogramsBleed = Extract<"empty" | "charity" | "attention" | "message" | "help" | "feedback" | "idea" | "itWallet" | "security" | "feature" | "cie" | "identity" | "identityAdd" | "identityCheck" | "identityRefresh" | "cameraRequest" | "cameraDenied" | "cardAdd" | "cardFavourite" | "cardQuestion" | "cardIssue" | "accessDenied" | "stopSecurity" | "time" | "pending" | "ended" | "timing" | "searchLens" | "passcode" | "success" | "fatalError" | "notification" | "star" | "doc" | "notification" | "star" | "qrCode" | "lostConnection", IOPictograms>;
|
|
102
|
+
export type IOPictogramsBleed = Extract<"empty" | "charity" | "attention" | "message" | "help" | "feedback" | "idea" | "itWallet" | "security" | "feature" | "cie" | "identity" | "identityAdd" | "identityCheck" | "identityRefresh" | "cameraRequest" | "cameraDenied" | "cardAdd" | "cardFavourite" | "cardQuestion" | "cardIssue" | "accessDenied" | "stopSecurity" | "time" | "pending" | "ended" | "timing" | "searchLens" | "passcode" | "success" | "fatalError" | "notification" | "star" | "doc" | "notification" | "star" | "qrCode" | "lostConnection" | "payments", IOPictograms>;
|
|
102
103
|
export declare const IOPictogramsBleed: {
|
|
103
104
|
[key in IOPictogramsBleed]: ({ size }: SVGPictogramProps) => JSX.Element;
|
|
104
105
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAyC,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAyC,MAAM,YAAY,CAAC;AAgI7E,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6FxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAIjB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;CACtC,CAAC;AAQF,eAAO,MAAM,SAAS,oDAMnB,iBAAiB,sBAgCnB,CAAC;AAUF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,KAAK,GACL,UAAU,GACV,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,SAAS,GACT,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,GACT,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,cAAc,GACd,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,UAAU,EACZ,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE;KAC7B,GAAG,IAAI,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO;CAuCzE,CAAC;AAEF,eAAO,MAAM,cAAc,oDAMxB,iBAAiB,sBAiCnB,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAoCjE,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SVGPictogramProps } from "../types";
|
|
3
|
+
declare const PictogramBleedPayments: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
4
|
+
export default PictogramBleedPayments;
|
|
5
|
+
//# sourceMappingURL=PictogramBleedPayments.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PictogramBleedPayments.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramBleedPayments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,sBAAsB,oCAIzB,iBAAiB,sBAenB,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PictogramPayments.d.ts","sourceRoot":"","sources":["../../../../../src/components/pictograms/svg/PictogramPayments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,iBAAiB,oCAIpB,iBAAiB,sBAiBnB,CAAC;AAEF,eAAe,iBAAiB,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;
|
|
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,
|
|
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"}
|
|
@@ -193,6 +193,7 @@ export type IOTheme = {
|
|
|
193
193
|
"appBackground-primary": IOColors;
|
|
194
194
|
"appBackground-secondary": IOColors;
|
|
195
195
|
"appBackground-tertiary": IOColors;
|
|
196
|
+
"appBackground-accent": IOColors;
|
|
196
197
|
"interactiveElem-default": IOColors;
|
|
197
198
|
"interactiveElem-pressed": IOColors;
|
|
198
199
|
"listItem-pressed": IOColors;
|
|
@@ -211,6 +212,7 @@ export type IOTheme = {
|
|
|
211
212
|
"pictogram-tint-secondary": IOColors;
|
|
212
213
|
};
|
|
213
214
|
export declare const IOThemeLight: IOTheme;
|
|
215
|
+
export declare const IOThemeLightLegacy: IOTheme;
|
|
214
216
|
export declare const IOThemeDark: IOTheme;
|
|
215
217
|
export declare const themeStatusColorsLightMode: {
|
|
216
218
|
errorMain: "error-500";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,cAAc,MAAM,8BAA8B,CAAC;AAyB/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EnB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgB3B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE7D,eAAO,MAAM,sBAAsB,eACrB,gBAAgB,KAC3B,eAAe,qBAAqB,CAAC,CAAC,QAAQ,CAGhD,CAAC;AA8BF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;CAsB1B,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,eAAO,MAAM,eAAe;;;;;;;;;;;CAW1B,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAE3D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAexB,CAAC;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAEvD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAqBzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AACzD,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AACF,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAC5C,cAAc,EACd,WAAW,GAAG,aAAa,GAAG,UAAU,GAAG,aAAa,CACzD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;CASzB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC;AAMvD,MAAM,MAAM,OAAO,GAAG;IAEpB,uBAAuB,EAAE,QAAQ,CAAC;IAClC,yBAAyB,EAAE,QAAQ,CAAC;IACpC,wBAAwB,EAAE,QAAQ,CAAC;IACnC,yBAAyB,EAAE,QAAQ,CAAC;IACpC,yBAAyB,EAAE,QAAQ,CAAC;IACpC,kBAAkB,EAAE,QAAQ,CAAC;IAE7B,qBAAqB,EAAE,QAAQ,CAAC;IAChC,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,oBAAoB,EAAE,QAAQ,CAAC;IAC/B,mBAAmB,EAAE,QAAQ,CAAC;IAE9B,oBAAoB,EAAE,QAAQ,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,iBAAiB,EAAE,QAAQ,CAAC;IAE5B,iBAAiB,EAAE,QAAQ,CAAC;IAE5B,SAAS,EAAE,QAAQ,CAAC;IACpB,SAAS,EAAE,QAAQ,CAAC;IAEpB,iBAAiB,EAAE,QAAQ,CAAC;IAC5B,qBAAqB,EAAE,QAAQ,CAAC;IAChC,0BAA0B,EAAE,QAAQ,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"IOColors.d.ts","sourceRoot":"","sources":["../../../src/core/IOColors.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IOThemeContextProvider.d.ts","sourceRoot":"","sources":["../../../src/core/IOThemeContextProvider.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"IOThemeContextProvider.d.ts","sourceRoot":"","sources":["../../../src/core/IOThemeContextProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EACL,OAAO,EAIR,MAAM,YAAY,CAAC;AAGpB,eAAO,MAAM,QAAQ;;;CAA6C,CAAC;AACnE,eAAO,MAAM,cAAc;;;CAAmD,CAAC;AAC/E,KAAK,WAAW,GAAG,MAAM,OAAO,QAAQ,CAAC;AAEzC,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAMzD,CAAC;AAEL,eAAO,MAAM,iBAAiB,0BAAyC,CAAC;AAExE,eAAO,MAAM,UAAU,eAAkC,CAAC;AAE1D,KAAK,2BAA2B,GAAG;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,wBAGhC,MAAM,iBAAiB,CAAC,2BAA2B,CAAC,sBAsBtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,QAAA,MAAM,KAAK;;;;;CAqBV,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC;AAE9C,QAAA,MAAM,OAAO,6DAA8D,CAAC;AAC5E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,QAAA,MAAM,YAAY,8CAA+C,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAM7D,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,KAAK,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAMhE,CAAC;AAEF,oBAAY,SAAS;IACnB,QAAQ,WAAW;IACnB,QAAQ,WAAW;CACpB;AAED,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,SACvB,UAAU,WACP,YAAY,aACX,OAAO,KAChB,MAMC,CAAC;AAEL;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,YACtB,YAAY,GAAG,SAAS,aACtB,OAAO,GAAG,SAAS,SACvB,UAAU,GAAG,SAAS,KAC3B,
|
|
1
|
+
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/utils/fonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,QAAA,MAAM,KAAK;;;;;CAqBV,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAC;AAE9C,QAAA,MAAM,OAAO,6DAA8D,CAAC;AAC5E,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpD,QAAA,MAAM,YAAY,8CAA+C,CAAC;AAClE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAM7D,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,KAAK,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAMhE,CAAC;AAEF,oBAAY,SAAS;IACnB,QAAQ,WAAW;IACnB,QAAQ,WAAW;CACpB;AAED,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,SACvB,UAAU,WACP,YAAY,aACX,OAAO,KAChB,MAMC,CAAC;AAEL;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,YACtB,YAAY,GAAG,SAAS,aACtB,OAAO,GAAG,SAAS,SACvB,UAAU,GAAG,SAAS,KAC3B,eAiBC,CAAC"}
|
package/package.json
CHANGED
|
@@ -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={"
|
|
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[
|
|
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={
|
|
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
|
-
|
|
140
|
-
|
|
141
|
-
|
|
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={"
|
|
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={"
|
|
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,
|
|
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
|
|
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
|
|
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={
|
|
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 {
|
|
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
|
-
|
|
100
|
-
|
|
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={"
|
|
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 &&
|
|
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="
|
|
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": "#
|
|
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="
|
|
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": "#
|
|
3148
|
+
"color": "#0B3EE3",
|
|
3149
3149
|
"fontFamily": "Titillium Web",
|
|
3150
3150
|
"fontStyle": "normal",
|
|
3151
3151
|
"fontWeight": "600",
|
|
@@ -13,7 +13,9 @@ import {
|
|
|
13
13
|
IOColors,
|
|
14
14
|
IONumberPadButtonStyles,
|
|
15
15
|
IOScaleValues,
|
|
16
|
-
IOSpringValues
|
|
16
|
+
IOSpringValues,
|
|
17
|
+
hexToRgba,
|
|
18
|
+
useIOExperimentalDesign
|
|
17
19
|
} from "../../core";
|
|
18
20
|
import { H3 } from "../typography";
|
|
19
21
|
|
|
@@ -26,20 +28,33 @@ type NumberButtonProps = {
|
|
|
26
28
|
};
|
|
27
29
|
|
|
28
30
|
type ColorMapVariant = {
|
|
29
|
-
background:
|
|
30
|
-
pressed:
|
|
31
|
+
background: string;
|
|
32
|
+
pressed: string;
|
|
31
33
|
foreground: IOColors;
|
|
32
34
|
};
|
|
33
35
|
|
|
34
36
|
const colorMap: Record<NumberButtonVariantType, ColorMapVariant> = {
|
|
35
37
|
light: {
|
|
36
|
-
background: "grey-50",
|
|
37
|
-
pressed: "grey-200",
|
|
38
|
+
background: IOColors["grey-50"],
|
|
39
|
+
pressed: IOColors["grey-200"],
|
|
38
40
|
foreground: "blueIO-500"
|
|
39
41
|
},
|
|
40
42
|
dark: {
|
|
41
|
-
background: "blueIO-400",
|
|
42
|
-
pressed: "blueIO-200",
|
|
43
|
+
background: IOColors["blueIO-400"],
|
|
44
|
+
pressed: IOColors["blueIO-200"],
|
|
45
|
+
foreground: "white"
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
const legacyColorMap: Record<NumberButtonVariantType, ColorMapVariant> = {
|
|
50
|
+
light: {
|
|
51
|
+
background: IOColors["grey-100"],
|
|
52
|
+
pressed: IOColors["grey-200"],
|
|
53
|
+
foreground: "blue"
|
|
54
|
+
},
|
|
55
|
+
dark: {
|
|
56
|
+
background: hexToRgba(IOColors.black, 0.1),
|
|
57
|
+
pressed: hexToRgba(IOColors.white, 0.5),
|
|
43
58
|
foreground: "white"
|
|
44
59
|
}
|
|
45
60
|
};
|
|
@@ -49,7 +64,12 @@ export const NumberButton = ({
|
|
|
49
64
|
variant,
|
|
50
65
|
onPress
|
|
51
66
|
}: NumberButtonProps) => {
|
|
52
|
-
const
|
|
67
|
+
const { isExperimental } = useIOExperimentalDesign();
|
|
68
|
+
|
|
69
|
+
const colors = useMemo(
|
|
70
|
+
() => (isExperimental ? colorMap[variant] : legacyColorMap[variant]),
|
|
71
|
+
[variant, isExperimental]
|
|
72
|
+
);
|
|
53
73
|
const isPressed = useSharedValue(0);
|
|
54
74
|
// Scaling transformation applied when the button is pressed
|
|
55
75
|
const animationScaleValue = IOScaleValues?.basicButton?.pressedState;
|
|
@@ -64,7 +84,7 @@ export const NumberButton = ({
|
|
|
64
84
|
const bgColor = interpolateColor(
|
|
65
85
|
progressPressed.value,
|
|
66
86
|
[0, 1],
|
|
67
|
-
[
|
|
87
|
+
[colors.background, colors.pressed]
|
|
68
88
|
);
|
|
69
89
|
|
|
70
90
|
// Scale down button slightly when pressed
|