@pagopa/io-app-design-system 4.4.1 → 5.0.0-0
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/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/lib/commonjs/components/accordion/index.js +0 -11
- package/lib/commonjs/components/accordion/index.js.map +1 -1
- package/lib/commonjs/components/badge/Badge.js +4 -4
- package/lib/commonjs/components/badge/Badge.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/__snapshots__/badge.test.tsx.snap +1 -1
- package/lib/commonjs/components/banner/Banner.js +4 -4
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -3
- package/lib/commonjs/components/buttons/ButtonLink.js +25 -32
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +18 -86
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +9 -53
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +6 -36
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +5 -50
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +5 -36
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +29 -27
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +5 -15
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js +2 -9
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/commonjs/components/layout/FooterActions.js +1 -5
- package/lib/commonjs/components/layout/FooterActions.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +3 -3
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/layout/ModalBSHeader.js +3 -15
- package/lib/commonjs/components/layout/ModalBSHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +18 -9
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +1 -4
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +2 -4
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +31 -35
- package/lib/commonjs/components/modules/ModuleIDP.js +4 -5
- package/lib/commonjs/components/modules/ModuleIDP.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +3 -18
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +10 -10
- package/lib/commonjs/components/radio/AnimatedRadio.js +4 -14
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +6 -10
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/commonjs/components/stepper/Stepper.js +1 -10
- package/lib/commonjs/components/stepper/Stepper.js.map +1 -1
- package/lib/commonjs/components/switch/NativeSwitch.js +2 -15
- package/lib/commonjs/components/switch/NativeSwitch.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +6 -46
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/tag/Tag.js +4 -4
- package/lib/commonjs/components/tag/Tag.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +10 -20
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/typography/Body.js +4 -6
- package/lib/commonjs/components/typography/Body.js.map +1 -1
- package/lib/commonjs/components/typography/BodySmall.js +3 -3
- package/lib/commonjs/components/typography/BodySmall.js.map +1 -1
- package/lib/commonjs/components/typography/ButtonText.js +6 -7
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/commonjs/components/typography/Caption.js +6 -12
- package/lib/commonjs/components/typography/Caption.js.map +1 -1
- package/lib/commonjs/components/typography/H1.js +6 -13
- package/lib/commonjs/components/typography/H1.js.map +1 -1
- package/lib/commonjs/components/typography/H2.js +8 -17
- package/lib/commonjs/components/typography/H2.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +4 -8
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/H4.js +7 -14
- package/lib/commonjs/components/typography/H4.js.map +1 -1
- package/lib/commonjs/components/typography/H5.js +5 -10
- package/lib/commonjs/components/typography/H5.js.map +1 -1
- package/lib/commonjs/components/typography/H6.js +7 -10
- package/lib/commonjs/components/typography/H6.js.map +1 -1
- package/lib/commonjs/components/typography/Hero.js +8 -17
- package/lib/commonjs/components/typography/Hero.js.map +1 -1
- package/lib/commonjs/components/typography/LabelMini.js +4 -6
- package/lib/commonjs/components/typography/LabelMini.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +42 -42
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +26 -26
- package/lib/commonjs/components/typography/markdown/MdH1.js +3 -3
- package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH2.js +3 -3
- package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH3.js +3 -3
- package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +1 -8
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IODSExperimentalContextProvider.js +4 -3
- package/lib/commonjs/core/IODSExperimentalContextProvider.js.map +1 -1
- package/lib/commonjs/core/IONewTypefaceContextProvider.js +33 -0
- package/lib/commonjs/core/IONewTypefaceContextProvider.js.map +1 -0
- package/lib/commonjs/core/IOStyles.js +1 -49
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/core/IOThemeContextProvider.js +4 -15
- package/lib/commonjs/core/IOThemeContextProvider.js.map +1 -1
- package/lib/commonjs/core/index.js +11 -0
- package/lib/commonjs/core/index.js.map +1 -1
- package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/lib/module/components/accordion/index.js +0 -1
- package/lib/module/components/accordion/index.js.map +1 -1
- package/lib/module/components/badge/Badge.js +5 -5
- package/lib/module/components/badge/Badge.js.map +1 -1
- package/lib/module/components/badge/__test__/__snapshots__/badge.test.tsx.snap +1 -1
- package/lib/module/components/banner/Banner.js +5 -5
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -3
- package/lib/module/components/buttons/ButtonLink.js +28 -35
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +19 -87
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +10 -54
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +6 -37
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +6 -51
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +6 -37
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +29 -27
- package/lib/module/components/checkbox/AnimatedCheckbox.js +6 -16
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js +3 -10
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js.map +1 -1
- package/lib/module/components/layout/FooterActions.js +2 -6
- package/lib/module/components/layout/FooterActions.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +4 -4
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/layout/ModalBSHeader.js +5 -17
- package/lib/module/components/layout/ModalBSHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +19 -10
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +2 -5
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +3 -5
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +31 -35
- package/lib/module/components/modules/ModuleIDP.js +4 -5
- package/lib/module/components/modules/ModuleIDP.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +5 -20
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +10 -10
- package/lib/module/components/radio/AnimatedRadio.js +5 -15
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +7 -11
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/stepper/Stepper.js +2 -11
- package/lib/module/components/stepper/Stepper.js.map +1 -1
- package/lib/module/components/switch/NativeSwitch.js +3 -16
- package/lib/module/components/switch/NativeSwitch.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +7 -47
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/tag/Tag.js +5 -5
- package/lib/module/components/tag/Tag.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +11 -21
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/typography/Body.js +5 -7
- package/lib/module/components/typography/Body.js.map +1 -1
- package/lib/module/components/typography/BodySmall.js +4 -4
- package/lib/module/components/typography/BodySmall.js.map +1 -1
- package/lib/module/components/typography/ButtonText.js +7 -8
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/typography/Caption.js +6 -12
- package/lib/module/components/typography/Caption.js.map +1 -1
- package/lib/module/components/typography/H1.js +6 -13
- package/lib/module/components/typography/H1.js.map +1 -1
- package/lib/module/components/typography/H2.js +8 -17
- package/lib/module/components/typography/H2.js.map +1 -1
- package/lib/module/components/typography/H3.js +4 -8
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/H4.js +7 -14
- package/lib/module/components/typography/H4.js.map +1 -1
- package/lib/module/components/typography/H5.js +6 -11
- package/lib/module/components/typography/H5.js.map +1 -1
- package/lib/module/components/typography/H6.js +7 -10
- package/lib/module/components/typography/H6.js.map +1 -1
- package/lib/module/components/typography/Hero.js +8 -17
- package/lib/module/components/typography/Hero.js.map +1 -1
- package/lib/module/components/typography/LabelMini.js +5 -7
- package/lib/module/components/typography/LabelMini.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +42 -42
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +26 -26
- package/lib/module/components/typography/markdown/MdH1.js +4 -4
- package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH2.js +4 -4
- package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH3.js +4 -4
- package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/module/core/IOColors.js +0 -6
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IODSExperimentalContextProvider.js +2 -2
- package/lib/module/core/IODSExperimentalContextProvider.js.map +1 -1
- package/lib/module/core/IONewTypefaceContextProvider.js +22 -0
- package/lib/module/core/IONewTypefaceContextProvider.js.map +1 -0
- package/lib/module/core/IOStyles.js +0 -46
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/core/IOThemeContextProvider.js +3 -12
- package/lib/module/core/IOThemeContextProvider.js.map +1 -1
- package/lib/module/core/index.js +1 -0
- package/lib/module/core/index.js.map +1 -1
- package/lib/typescript/components/accordion/index.d.ts +0 -1
- package/lib/typescript/components/accordion/index.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedMessageCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/ModalBSHeader.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleIDP.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
- package/lib/typescript/components/stepper/Stepper.d.ts.map +1 -1
- package/lib/typescript/components/switch/NativeSwitch.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/typography/Body.d.ts.map +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
- package/lib/typescript/components/typography/Caption.d.ts.map +1 -1
- package/lib/typescript/components/typography/H1.d.ts.map +1 -1
- package/lib/typescript/components/typography/H2.d.ts +0 -3
- package/lib/typescript/components/typography/H2.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts.map +1 -1
- package/lib/typescript/components/typography/H4.d.ts.map +1 -1
- package/lib/typescript/components/typography/H5.d.ts.map +1 -1
- package/lib/typescript/components/typography/H6.d.ts.map +1 -1
- package/lib/typescript/components/typography/Hero.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelMini.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +0 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IODSExperimentalContextProvider.d.ts.map +1 -1
- package/lib/typescript/core/IONewTypefaceContextProvider.d.ts +16 -0
- package/lib/typescript/core/IONewTypefaceContextProvider.d.ts.map +1 -0
- package/lib/typescript/core/IOStyles.d.ts +2 -32
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/core/IOThemeContextProvider.d.ts +0 -4
- package/lib/typescript/core/IOThemeContextProvider.d.ts.map +1 -1
- package/lib/typescript/core/index.d.ts +1 -0
- package/lib/typescript/core/index.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +1 -1
- package/src/components/accordion/index.tsx +0 -1
- package/src/components/badge/Badge.tsx +3 -3
- package/src/components/badge/__test__/__snapshots__/badge.test.tsx.snap +1 -1
- package/src/components/banner/Banner.tsx +3 -4
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +3 -3
- package/src/components/buttons/ButtonLink.tsx +38 -41
- package/src/components/buttons/ButtonOutline.tsx +31 -103
- package/src/components/buttons/ButtonSolid.tsx +11 -69
- package/src/components/buttons/IconButton.tsx +5 -49
- package/src/components/buttons/IconButtonContained.tsx +11 -58
- package/src/components/buttons/IconButtonSolid.tsx +9 -47
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +29 -27
- package/src/components/checkbox/AnimatedCheckbox.tsx +6 -34
- package/src/components/checkbox/AnimatedMessageCheckbox.tsx +3 -14
- package/src/components/layout/FooterActions.tsx +1 -4
- package/src/components/layout/HeaderSecondLevel.tsx +4 -3
- package/src/components/layout/ModalBSHeader.tsx +11 -29
- package/src/components/listitems/ListItemNav.tsx +44 -31
- package/src/components/listitems/ListItemNavAlert.tsx +1 -4
- package/src/components/listitems/ListItemTransaction.tsx +2 -6
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +31 -35
- package/src/components/modules/ModuleIDP.tsx +3 -8
- package/src/components/numberpad/NumberButton.tsx +4 -27
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +10 -10
- package/src/components/radio/AnimatedRadio.tsx +5 -33
- package/src/components/searchInput/SearchInput.tsx +11 -20
- package/src/components/stepper/Stepper.tsx +2 -20
- package/src/components/switch/NativeSwitch.tsx +3 -21
- package/src/components/tabs/TabItem.tsx +14 -61
- package/src/components/tag/Tag.tsx +3 -3
- package/src/components/textInput/TextInputBase.tsx +19 -34
- package/src/components/typography/Body.tsx +4 -11
- package/src/components/typography/BodySmall.tsx +3 -3
- package/src/components/typography/ButtonText.tsx +6 -8
- package/src/components/typography/Caption.tsx +6 -13
- package/src/components/typography/H1.tsx +6 -14
- package/src/components/typography/H2.tsx +8 -18
- package/src/components/typography/H3.tsx +4 -8
- package/src/components/typography/H4.tsx +7 -15
- package/src/components/typography/H5.tsx +6 -14
- package/src/components/typography/H6.tsx +7 -11
- package/src/components/typography/Hero.tsx +8 -18
- package/src/components/typography/LabelMini.tsx +4 -11
- package/src/components/typography/__test__/__snapshots__/ComposedBodyFromArray.test.tsx.snap +42 -42
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +26 -26
- package/src/components/typography/markdown/MdH1.tsx +3 -3
- package/src/components/typography/markdown/MdH2.tsx +3 -3
- package/src/components/typography/markdown/MdH3.tsx +3 -3
- package/src/core/IOColors.ts +0 -7
- package/src/core/IODSExperimentalContextProvider.tsx +2 -2
- package/src/core/IONewTypefaceContextProvider.tsx +37 -0
- package/src/core/IOStyles.ts +0 -52
- package/src/core/IOThemeContextProvider.tsx +3 -16
- package/src/core/index.ts +1 -0
- package/lib/commonjs/components/accordion/RawAccordion.js +0 -93
- package/lib/commonjs/components/accordion/RawAccordion.js.map +0 -1
- package/lib/module/components/accordion/RawAccordion.js +0 -86
- package/lib/module/components/accordion/RawAccordion.js.map +0 -1
- package/lib/typescript/components/accordion/RawAccordion.d.ts +0 -17
- package/lib/typescript/components/accordion/RawAccordion.d.ts.map +0 -1
- package/src/components/accordion/RawAccordion.tsx +0 -116
|
@@ -3,23 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useIOThemeContext = exports.useIOTheme = exports.
|
|
7
|
-
var _react =
|
|
6
|
+
exports.useIOThemeContext = exports.useIOTheme = exports.IOThemes = exports.IOThemeContextProvider = exports.IOThemeContext = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _IOColors = require("./IOColors");
|
|
10
|
-
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
11
|
const IOThemes = {
|
|
14
12
|
light: _IOColors.IOThemeLight,
|
|
15
13
|
dark: _IOColors.IOThemeDark
|
|
16
14
|
};
|
|
17
15
|
exports.IOThemes = IOThemes;
|
|
18
|
-
const legacyIOThemes = {
|
|
19
|
-
light: _IOColors.IOThemeLightLegacy,
|
|
20
|
-
dark: _IOColors.IOThemeDark
|
|
21
|
-
};
|
|
22
|
-
exports.legacyIOThemes = legacyIOThemes;
|
|
23
16
|
const IOThemeContext = /*#__PURE__*/_react.default.createContext({
|
|
24
17
|
themeType: _reactNative.Appearance.getColorScheme() === "dark" ? "dark" : "light",
|
|
25
18
|
theme: _reactNative.Appearance.getColorScheme() === "dark" ? IOThemes.dark : IOThemes.light,
|
|
@@ -35,14 +28,10 @@ const IOThemeContextProvider = ({
|
|
|
35
28
|
theme
|
|
36
29
|
}) => {
|
|
37
30
|
const [currentTheme, setCurrentTheme] = _react.default.useState(theme ?? "light");
|
|
38
|
-
const {
|
|
39
|
-
isExperimental
|
|
40
|
-
} = (0, _IODSExperimentalContextProvider.useIOExperimentalDesign)();
|
|
41
|
-
const themeMap = (0, _react.useMemo)(() => isExperimental ? IOThemes : legacyIOThemes, [isExperimental]);
|
|
42
31
|
return /*#__PURE__*/_react.default.createElement(IOThemeContext.Provider, {
|
|
43
32
|
value: {
|
|
44
33
|
themeType: currentTheme,
|
|
45
|
-
theme:
|
|
34
|
+
theme: IOThemes[currentTheme],
|
|
46
35
|
setTheme: setCurrentTheme
|
|
47
36
|
}
|
|
48
37
|
}, children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_IOColors","obj","__esModule","default","IOThemes","light","IOThemeLight","dark","IOThemeDark","exports","IOThemeContext","React","createContext","themeType","Appearance","getColorScheme","theme","setTheme","useIOThemeContext","useContext","useIOTheme","IOThemeContextProvider","children","currentTheme","setCurrentTheme","useState","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["core/IOThemeContextProvider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAAgE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEzD,MAAMG,QAAQ,GAAG;EAAEC,KAAK,EAAEC,sBAAY;EAAEC,IAAI,EAAEC;AAAY,CAAC;AAACC,OAAA,CAAAL,QAAA,GAAAA,QAAA;AAS5D,MAAMM,cAAiD,gBAC5DC,cAAK,CAACC,aAAa,CAAqB;EACtCC,SAAS,EAAEC,uBAAU,CAACC,cAAc,CAAC,CAAC,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO;EACpEC,KAAK,EACHF,uBAAU,CAACC,cAAc,CAAC,CAAC,KAAK,MAAM,GAAGX,QAAQ,CAACG,IAAI,GAAGH,QAAQ,CAACC,KAAK;EACzEY,QAAQ,EAAEA,CAAA,KAAM,KAAK;AACvB,CAAC,CAAC;AAACR,OAAA,CAAAC,cAAA,GAAAA,cAAA;AAEE,MAAMQ,iBAAiB,GAAGA,CAAA,KAAMP,cAAK,CAACQ,UAAU,CAACT,cAAc,CAAC;AAACD,OAAA,CAAAS,iBAAA,GAAAA,iBAAA;AAEjE,MAAME,UAAU,GAAGA,CAAA,KAAMF,iBAAiB,CAAC,CAAC,CAACF,KAAK;AAACP,OAAA,CAAAW,UAAA,GAAAA,UAAA;AAMnD,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,QAAQ;EACRN;AACoD,CAAC,KAAK;EAC1D,MAAM,CAACO,YAAY,EAAEC,eAAe,CAAC,GAAGb,cAAK,CAACc,QAAQ,CACpDT,KAAK,IAAI,OACX,CAAC;EAED,oBACEpB,MAAA,CAAAO,OAAA,CAAAuB,aAAA,CAAChB,cAAc,CAACiB,QAAQ;IACtBC,KAAK,EAAE;MACLf,SAAS,EAAEU,YAAY;MACvBP,KAAK,EAAEZ,QAAQ,CAACmB,YAAY,CAAC;MAC7BN,QAAQ,EAAEO;IACZ;EAAE,GAEDF,QACsB,CAAC;AAE9B,CAAC;AAACb,OAAA,CAAAY,sBAAA,GAAAA,sBAAA"}
|
|
@@ -69,6 +69,17 @@ Object.keys(_IOSpacing).forEach(function (key) {
|
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
71
|
});
|
|
72
|
+
var _IONewTypefaceContextProvider = require("./IONewTypefaceContextProvider");
|
|
73
|
+
Object.keys(_IONewTypefaceContextProvider).forEach(function (key) {
|
|
74
|
+
if (key === "default" || key === "__esModule") return;
|
|
75
|
+
if (key in exports && exports[key] === _IONewTypefaceContextProvider[key]) return;
|
|
76
|
+
Object.defineProperty(exports, key, {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: function () {
|
|
79
|
+
return _IONewTypefaceContextProvider[key];
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
});
|
|
72
83
|
var _IODSExperimentalContextProvider = require("./IODSExperimentalContextProvider");
|
|
73
84
|
Object.keys(_IODSExperimentalContextProvider).forEach(function (key) {
|
|
74
85
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_IOColors","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_IOAnimations","_IOTransitions","_IOStyles","_IOShapes","_IOSpacing","_IODSExperimentalContextProvider","_IOThemeContextProvider"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,SAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,SAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,SAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,SAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,SAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,SAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,SAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,SAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,UAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,UAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,UAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,UAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,
|
|
1
|
+
{"version":3,"names":["_IOColors","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_IOAnimations","_IOTransitions","_IOStyles","_IOShapes","_IOSpacing","_IONewTypefaceContextProvider","_IODSExperimentalContextProvider","_IOThemeContextProvider"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"AAAA,cAAc,iBAAiB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Platform, StyleSheet, View } from "react-native";
|
|
3
|
-
import { hexToRgba, IOBadgeHSpacing, IOBadgeRadius, IOBadgeVSpacing, IOColors,
|
|
3
|
+
import { hexToRgba, IOBadgeHSpacing, IOBadgeRadius, IOBadgeVSpacing, IOColors, useIONewTypeface, useIOTheme, useIOThemeContext } from "../../core";
|
|
4
4
|
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
5
5
|
import { IOText } from "../typography";
|
|
6
6
|
const styles = StyleSheet.create({
|
|
@@ -32,9 +32,6 @@ export const Badge = ({
|
|
|
32
32
|
variant,
|
|
33
33
|
testID
|
|
34
34
|
}) => {
|
|
35
|
-
const {
|
|
36
|
-
isExperimental
|
|
37
|
-
} = useIOExperimentalDesign();
|
|
38
35
|
const theme = useIOTheme();
|
|
39
36
|
const {
|
|
40
37
|
dynamicFontScale
|
|
@@ -42,6 +39,9 @@ export const Badge = ({
|
|
|
42
39
|
const {
|
|
43
40
|
themeType
|
|
44
41
|
} = useIOThemeContext();
|
|
42
|
+
const {
|
|
43
|
+
newTypefaceEnabled
|
|
44
|
+
} = useIONewTypeface();
|
|
45
45
|
const bgOpacityDarkMode = 0.2;
|
|
46
46
|
const mapVariantsLightMode = {
|
|
47
47
|
default: {
|
|
@@ -214,7 +214,7 @@ export const Badge = ({
|
|
|
214
214
|
}]
|
|
215
215
|
}, /*#__PURE__*/React.createElement(IOText, {
|
|
216
216
|
allowFontScaling: allowFontScaling,
|
|
217
|
-
font:
|
|
217
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
218
218
|
weight: "Semibold",
|
|
219
219
|
size: 12,
|
|
220
220
|
lineHeight: 16,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","StyleSheet","View","hexToRgba","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","
|
|
1
|
+
{"version":3,"names":["React","Platform","StyleSheet","View","hexToRgba","IOBadgeHSpacing","IOBadgeRadius","IOBadgeVSpacing","IOColors","useIONewTypeface","useIOTheme","useIOThemeContext","useIOFontDynamicScale","IOText","styles","create","badge","flexDirection","alignItems","justifyContent","borderCurve","select","android","textAlignVertical","badgeStaticStyle","borderRadius","paddingHorizontal","paddingVertical","Badge","text","outline","allowFontScaling","variant","testID","theme","dynamicFontScale","themeType","newTypefaceEnabled","bgOpacityDarkMode","mapVariantsLightMode","default","foreground","background","info","warning","success","error","purple","lightBlue","blue","turquoise","contrast","white","mapVariantsDarkMode","mapOutlineVariantsLightMode","mapOutlineVariantsDarkMode","variantMap","dynamicStyle","createElement","accessible","style","borderWidth","borderColor","backgroundColor","undefined","font","weight","size","lineHeight","color","numberOfLines","ellipsizeMode","alignSelf","textTransform","letterSpacing","flexShrink"],"sourceRoot":"../../../../src","sources":["components/badge/Badge.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Pressable, StyleSheet, View } from "react-native";
|
|
3
3
|
import Animated from "react-native-reanimated";
|
|
4
|
-
import { IOBannerBigSpacing, IOBannerRadius, IOBannerSmallHSpacing, IOBannerSmallVSpacing, IOStyles,
|
|
4
|
+
import { IOBannerBigSpacing, IOBannerRadius, IOBannerSmallHSpacing, IOBannerSmallVSpacing, IOStyles, useIONewTypeface, useIOTheme, useIOThemeContext } from "../../core";
|
|
5
5
|
import { hexToRgba, IOColors } from "../../core/IOColors";
|
|
6
6
|
import { useScaleAnimation } from "../../hooks";
|
|
7
7
|
import { IconButton } from "../buttons";
|
|
@@ -73,14 +73,14 @@ export const Banner = ({
|
|
|
73
73
|
accessibilityLabel,
|
|
74
74
|
testID
|
|
75
75
|
}) => {
|
|
76
|
+
const {
|
|
77
|
+
newTypefaceEnabled
|
|
78
|
+
} = useIONewTypeface();
|
|
76
79
|
const {
|
|
77
80
|
onPressIn,
|
|
78
81
|
onPressOut,
|
|
79
82
|
scaleAnimatedStyle
|
|
80
83
|
} = useScaleAnimation("medium");
|
|
81
|
-
const {
|
|
82
|
-
isExperimental
|
|
83
|
-
} = useIOExperimentalDesign();
|
|
84
84
|
const {
|
|
85
85
|
themeType
|
|
86
86
|
} = useIOThemeContext();
|
|
@@ -130,7 +130,7 @@ export const Banner = ({
|
|
|
130
130
|
}, /*#__PURE__*/React.createElement(VSpacer, {
|
|
131
131
|
size: 4
|
|
132
132
|
}), /*#__PURE__*/React.createElement(IOText, {
|
|
133
|
-
font:
|
|
133
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
134
134
|
weight: "Semibold",
|
|
135
135
|
color: colorMainButton,
|
|
136
136
|
size: buttonTextFontSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","StyleSheet","View","Animated","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOStyles","
|
|
1
|
+
{"version":3,"names":["React","Pressable","StyleSheet","View","Animated","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOStyles","useIONewTypeface","useIOTheme","useIOThemeContext","hexToRgba","IOColors","useScaleAnimation","IconButton","PictogramBleed","VSpacer","BodySmall","buttonTextFontSize","H6","IOText","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","newTypefaceEnabled","onPressIn","onPressOut","scaleAnimatedStyle","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","paddingVertical","paddingHorizontal","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
|
|
@@ -360,8 +360,8 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
360
360
|
{},
|
|
361
361
|
{
|
|
362
362
|
"color": "#031344",
|
|
363
|
-
"fontFamily": "
|
|
364
|
-
"fontSize":
|
|
363
|
+
"fontFamily": "Titillio",
|
|
364
|
+
"fontSize": 16,
|
|
365
365
|
"fontStyle": "normal",
|
|
366
366
|
"fontWeight": "600",
|
|
367
367
|
"lineHeight": 24,
|
|
@@ -406,7 +406,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
406
406
|
{},
|
|
407
407
|
{
|
|
408
408
|
"color": "#0B3EE3",
|
|
409
|
-
"fontFamily": "
|
|
409
|
+
"fontFamily": "Titillio",
|
|
410
410
|
"fontSize": 16,
|
|
411
411
|
"fontStyle": "normal",
|
|
412
412
|
"fontWeight": "600",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { forwardRef
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
2
|
import { Pressable } from "react-native";
|
|
3
|
-
import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
|
|
4
|
-
import { IOButtonStyles, IOColors, hexToRgba,
|
|
3
|
+
import Animated, { interpolateColor, useAnimatedProps, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
|
|
4
|
+
import { IOButtonStyles, IOColors, hexToRgba, useIONewTypeface } from "../../core";
|
|
5
5
|
import { useScaleAnimation } from "../../hooks";
|
|
6
6
|
import { AnimatedIcon, IconClassComponent } from "../icons";
|
|
7
7
|
import { IOText, buttonTextFontSize } from "../typography";
|
|
@@ -22,25 +22,6 @@ const mapColorStates = {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
27
|
-
const mapLegacyColorStates = {
|
|
28
|
-
// Primary button
|
|
29
|
-
primary: {
|
|
30
|
-
label: {
|
|
31
|
-
default: IOColors.blue,
|
|
32
|
-
pressed: IOColors["blue-600"],
|
|
33
|
-
disabled: IOColors["grey-700"]
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
contrast: {
|
|
37
|
-
label: {
|
|
38
|
-
default: IOColors.white,
|
|
39
|
-
pressed: hexToRgba(IOColors.white, 0.85),
|
|
40
|
-
disabled: hexToRgba(IOColors.white, 0.5)
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
25
|
const DISABLED_OPACITY = 0.5;
|
|
45
26
|
const ICON_MARGIN = 8;
|
|
46
27
|
export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
@@ -54,10 +35,10 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
|
54
35
|
accessibilityHint,
|
|
55
36
|
testID
|
|
56
37
|
}, ref) => {
|
|
57
|
-
var
|
|
38
|
+
var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3;
|
|
58
39
|
const {
|
|
59
|
-
|
|
60
|
-
} =
|
|
40
|
+
newTypefaceEnabled
|
|
41
|
+
} = useIONewTypeface();
|
|
61
42
|
const {
|
|
62
43
|
progress,
|
|
63
44
|
onPressIn,
|
|
@@ -65,11 +46,23 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
|
65
46
|
scaleAnimatedStyle
|
|
66
47
|
} = useScaleAnimation();
|
|
67
48
|
const reducedMotion = useReducedMotion();
|
|
68
|
-
const colorMap = useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
69
49
|
const AnimatedIOText = Animated.createAnimatedComponent(IOText);
|
|
70
|
-
const
|
|
71
|
-
color
|
|
72
|
-
|
|
50
|
+
const pressedColorLabelAnimationStyle = useAnimatedStyle(() => {
|
|
51
|
+
// Link color states to the pressed states
|
|
52
|
+
|
|
53
|
+
const labelColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].label.default, mapColorStates[color].label.pressed]);
|
|
54
|
+
return {
|
|
55
|
+
color: labelColor
|
|
56
|
+
};
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
// Animate the <Icon> color prop
|
|
60
|
+
const pressedColorIconAnimationStyle = useAnimatedProps(() => {
|
|
61
|
+
const iconColor = interpolateColor(progress.value, [0, 1], [mapColorStates[color].label.default, mapColorStates[color].label.pressed]);
|
|
62
|
+
return {
|
|
63
|
+
color: iconColor
|
|
64
|
+
};
|
|
65
|
+
});
|
|
73
66
|
const AnimatedIconClassComponent = Animated.createAnimatedComponent(IconClassComponent);
|
|
74
67
|
|
|
75
68
|
// Icon size
|
|
@@ -113,25 +106,25 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
|
113
106
|
}, icon && (!disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
|
|
114
107
|
allowFontScaling: true,
|
|
115
108
|
name: icon,
|
|
116
|
-
animatedProps:
|
|
117
|
-
color: (
|
|
109
|
+
animatedProps: pressedColorIconAnimationStyle,
|
|
110
|
+
color: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.label) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.default,
|
|
118
111
|
size: iconSize
|
|
119
112
|
}) : /*#__PURE__*/React.createElement(AnimatedIcon, {
|
|
120
113
|
allowFontScaling: true,
|
|
121
114
|
name: icon,
|
|
122
|
-
color: (
|
|
115
|
+
color: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.label) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.disabled,
|
|
123
116
|
size: iconSize
|
|
124
117
|
})), /*#__PURE__*/React.createElement(AnimatedIOText, {
|
|
125
118
|
accessible: false,
|
|
126
119
|
accessibilityElementsHidden: true,
|
|
127
120
|
importantForAccessibility: "no-hide-descendants",
|
|
128
|
-
font:
|
|
121
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
129
122
|
weight: "Semibold",
|
|
130
123
|
size: buttonTextFontSize,
|
|
131
124
|
style: disabled ? {
|
|
132
|
-
color: (
|
|
125
|
+
color: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.label) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.disabled
|
|
133
126
|
} : {
|
|
134
|
-
...
|
|
127
|
+
...pressedColorLabelAnimationStyle
|
|
135
128
|
},
|
|
136
129
|
numberOfLines: 1,
|
|
137
130
|
ellipsizeMode: "tail"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","Pressable","Animated","interpolateColor","useAnimatedProps","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","hexToRgba","useIONewTypeface","useScaleAnimation","AnimatedIcon","IconClassComponent","IOText","buttonTextFontSize","mapColorStates","primary","label","default","pressed","disabled","contrast","white","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","newTypefaceEnabled","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","AnimatedIOText","createAnimatedComponent","pressedColorLabelAnimationStyle","labelColor","value","pressedColorIconAnimationStyle","iconColor","AnimatedIconClassComponent","iconSize","iconMargin","createElement","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","accessibilityElementsHidden","importantForAccessibility","font","weight","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
|