@pagopa/io-app-design-system 5.0.0-3 → 5.0.0-5
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/accordion/AccordionItem.js +1 -1
- package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +23 -22
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +37 -65
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +50 -43
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +28 -26
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +26 -25
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +6 -8
- package/lib/commonjs/components/icons/svg/IconProductIOAppBlueBg.js +8 -20
- package/lib/commonjs/components/icons/svg/IconProductIOAppBlueBg.js.map +1 -1
- package/lib/commonjs/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +7 -9
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +24 -14
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +4 -3
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +17 -3
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/module/components/accordion/AccordionItem.js +1 -1
- package/lib/module/components/accordion/AccordionItem.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +24 -23
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +38 -66
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +53 -46
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +29 -27
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +27 -26
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +6 -8
- package/lib/module/components/icons/svg/IconProductIOAppBlueBg.js +9 -21
- package/lib/module/components/icons/svg/IconProductIOAppBlueBg.js.map +1 -1
- package/lib/module/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
- package/lib/module/components/layout/HeaderFirstLevel.js +8 -9
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +26 -16
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +1 -1
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +4 -3
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/core/IOColors.js +17 -3
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +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 +2 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/icons/svg/IconProductIOAppBlueBg.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +3 -4
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +1 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/accordion/AccordionItem.tsx +1 -1
- package/src/components/buttons/ButtonLink.tsx +34 -32
- package/src/components/buttons/ButtonOutline.tsx +48 -79
- package/src/components/buttons/ButtonSolid.tsx +73 -55
- package/src/components/buttons/IconButton.tsx +47 -28
- package/src/components/buttons/IconButtonSolid.tsx +33 -36
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +6 -8
- package/src/components/icons/svg/IconProductIOAppBlueBg.tsx +12 -13
- package/src/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
- package/src/components/layout/HeaderFirstLevel.tsx +19 -9
- package/src/components/layout/HeaderSecondLevel.tsx +45 -23
- package/src/components/listitems/ListItemInfo.tsx +1 -1
- package/src/components/listitems/ListItemInfoCopy.tsx +1 -1
- package/src/components/listitems/ListItemNav.tsx +5 -4
- package/src/core/IOColors.ts +23 -2
- package/lib/commonjs/components/layout/BlockButtons.js +0 -85
- package/lib/commonjs/components/layout/BlockButtons.js.map +0 -1
- package/lib/module/components/layout/BlockButtons.js +0 -76
- package/lib/module/components/layout/BlockButtons.js.map +0 -1
- package/lib/typescript/components/layout/BlockButtons.d.ts +0 -54
- package/lib/typescript/components/layout/BlockButtons.d.ts.map +0 -1
- package/src/components/layout/BlockButtons.tsx +0 -143
|
@@ -62,7 +62,7 @@ const AccordionItem = ({
|
|
|
62
62
|
// Visual attributes
|
|
63
63
|
const accordionBackground = theme["appBackground-primary"];
|
|
64
64
|
const accordionBorder = theme["cardBorder-default"];
|
|
65
|
-
const accordionIconColor = theme["icon-
|
|
65
|
+
const accordionIconColor = theme["icon-decorative"];
|
|
66
66
|
const onItemPress = () => {
|
|
67
67
|
setExpanded(!expanded);
|
|
68
68
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeLinearGradient","_interopRequireDefault","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_Icon","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","accordionBodySpacing","accordionIconMargin","accordionChevronMargin","iconSize","AccordionBody","children","expanded","height","setHeight","useState","onLayout","event","onLayoutHeight","nativeEvent","layout","animatedHeightStyle","useAnimatedStyle","withSpring","IOSpringValues","accordion","createElement","View","style","styles","accordionCollapsableContainer","accordionBodyContainer","exports","AccordionItem","title","accessibilityLabel","body","icon","theme","useIOTheme","setExpanded","accordionBackground","accordionBorder","accordionIconColor","onItemPress","animatedChevron","transform","rotate","accordionWrapper","backgroundColor","IOColors","borderColor","TouchableWithoutFeedback","accessible","accessibilityRole","accessibilityState","onPress","textContainer","IOStyles","row","alignCenter","flexShrink","marginRight","Icon","name","size","color","accessibilityElementsHidden","importantForAccessibility","H6","Body","position","bottom","left","right","colors","hexToRgba","StyleSheet","create","borderWidth","borderRadius","IOAccordionRadius","borderCurve","overflow","padding","paddingTop","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/accordion/AccordionItem.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeLinearGradient","_interopRequireDefault","_reactNativeReanimated","_core","_IOAnimations","_IOColors","_Icon","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","accordionBodySpacing","accordionIconMargin","accordionChevronMargin","iconSize","AccordionBody","children","expanded","height","setHeight","useState","onLayout","event","onLayoutHeight","nativeEvent","layout","animatedHeightStyle","useAnimatedStyle","withSpring","IOSpringValues","accordion","createElement","View","style","styles","accordionCollapsableContainer","accordionBodyContainer","exports","AccordionItem","title","accessibilityLabel","body","icon","theme","useIOTheme","setExpanded","accordionBackground","accordionBorder","accordionIconColor","onItemPress","animatedChevron","transform","rotate","accordionWrapper","backgroundColor","IOColors","borderColor","TouchableWithoutFeedback","accessible","accessibilityRole","accessibilityState","onPress","textContainer","IOStyles","row","alignCenter","flexShrink","marginRight","Icon","name","size","color","accessibilityElementsHidden","importantForAccessibility","H6","Body","position","bottom","left","right","colors","hexToRgba","StyleSheet","create","borderWidth","borderRadius","IOAccordionRadius","borderCurve","overflow","padding","paddingTop","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/accordion/AccordionItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,0BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAL,uBAAA,CAAAC,OAAA;AAIA,IAAAK,KAAA,GAAAL,OAAA;AAMA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AAAyC,SAAAG,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAczC,MAAMW,oBAAoC,GAAG,EAAE;AAC/C,MAAMC,mBAAmC,GAAG,EAAE;AAC9C,MAAMC,sBAAsC,GAAG,CAAC;;AAEhD;AACA,MAAMC,QAAyB,GAAG,EAAE;;AAEpC;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAwB,CAAC,KAAK;EACtE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAEvC,MAAMC,QAAQ,GAAIC,KAAwB,IAAK;IAC7C,MAAM;MAAEJ,MAAM,EAAEK;IAAe,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAE3D,IAAIF,cAAc,GAAG,CAAC,IAAIL,MAAM,KAAKK,cAAc,EAAE;MACnDJ,SAAS,CAACI,cAAc,CAAC;IAC3B;EACF,CAAC;EAED,MAAMG,mBAAmB,GAAG,IAAAC,uCAAgB,EAC1C,OAAO;IACLT,MAAM,EAAED,QAAQ,GACZ,IAAAW,iCAAU,EAACV,MAAM,EAAEW,4BAAc,CAACC,SAAS,CAAC,GAC5C,IAAAF,iCAAU,EAAC,CAAC,EAAEC,4BAAc,CAACC,SAAS;EAC5C,CAAC,CAAC,EACF,CAACb,QAAQ,CACX,CAAC;EAED,oBACExC,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAChD,sBAAA,CAAAQ,OAAQ,CAACyC,IAAI;IACZC,KAAK,EAAE,CAACP,mBAAmB,EAAEQ,MAAM,CAACC,6BAA6B;EAAE,gBAEnE1D,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACnD,YAAA,CAAAoD,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACE,sBAAuB;IAACf,QAAQ,EAAEA;EAAS,GAC5DL,QACG,CACO,CAAC;AAEpB,CAAC;AAACqB,OAAA,CAAAtB,aAAA,GAAAA,aAAA;AAEK,MAAMuB,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,kBAAkB;EAClBC,IAAI;EACJC;AACa,CAAC,KAAK;EACnB,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAC1B,MAAM,CAAC3B,QAAQ,EAAE4B,WAAW,CAAC,GAAG,IAAAzB,eAAQ,EAAC,KAAK,CAAC;;EAE/C;EACA,MAAM0B,mBAA6B,GAAGH,KAAK,CAAC,uBAAuB,CAAC;EACpE,MAAMI,eAAyB,GAAGJ,KAAK,CAAC,oBAAoB,CAAC;EAC7D,MAAMK,kBAA4B,GAAGL,KAAK,CAAC,iBAAiB,CAAC;EAE7D,MAAMM,WAAW,GAAGA,CAAA,KAAM;IACxBJ,WAAW,CAAC,CAAC5B,QAAQ,CAAC;EACxB,CAAC;EAED,MAAMiC,eAAe,GAAG,IAAAvB,uCAAgB,EACtC,OAAO;IACLwB,SAAS,EAAE,CACT;MACEC,MAAM,EAAEnC,QAAQ,GACZ,IAAAW,iCAAU,EAAE,QAAO,EAAEC,4BAAc,CAACC,SAAS,CAAC,GAC9C,IAAAF,iCAAU,EAAE,MAAK,EAAEC,4BAAc,CAACC,SAAS;IACjD,CAAC;EAEL,CAAC,CAAC,EACF,CAACb,QAAQ,CACX,CAAC;EAED,oBACExC,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACnD,YAAA,CAAAoD,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACmB,gBAAgB,EACvB;MACEC,eAAe,EAAEC,kBAAQ,CAACT,mBAAmB,CAAC;MAC9CU,WAAW,EAAED,kBAAQ,CAACR,eAAe;IACvC,CAAC;EACD,gBAEFtE,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACnD,YAAA,CAAA6E,wBAAwB;IACvBC,UAAU,EAAE,IAAK;IACjBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAE3C;IAAS,CAAE;IACjCuB,kBAAkB,EAAEA,kBAAkB,IAAID,KAAM;IAChDsB,OAAO,EAAEZ;EAAY,gBAErBxE,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACnD,YAAA,CAAAoD,IAAI;IAACC,KAAK,EAAEC,MAAM,CAAC4B;EAAc,gBAChCrF,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACnD,YAAA,CAAAoD,IAAI;IACHC,KAAK,EAAE,CACL8B,cAAQ,CAACC,GAAG,EACZD,cAAQ,CAACE,WAAW,EACpB;MACEC,UAAU,EAAE,CAAC;MACbC,WAAW,EAAEtD;IACf,CAAC;EACD,GAED6B,IAAI,iBACHjE,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACnD,YAAA,CAAAoD,IAAI;IAACC,KAAK,EAAE;MAAEkC,WAAW,EAAEvD;IAAoB;EAAE,gBAChDnC,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAC5C,KAAA,CAAAiF,IAAI;IAACC,IAAI,EAAE3B,IAAK;IAAC4B,IAAI,EAAExD,QAAS;IAACyD,KAAK,EAAEvB;EAAmB,CAAE,CAC1D,CACP,eACDvE,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAACnD,YAAA,CAAAoD,IAAI;IACHC,KAAK,EAAE;MAAEiC,UAAU,EAAE;IAAE,CAAE;IACzBM,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,gBAE/ChG,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAC3C,WAAA,CAAAsF,EAAE;IAACH,KAAK,EAAE5B,KAAK,CAAC,kBAAkB;EAAE,GAAEJ,KAAU,CAC7C,CACF,CAAC,eACP9D,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAChD,sBAAA,CAAAQ,OAAQ,CAACyC,IAAI;IAACC,KAAK,EAAEiB;EAAgB,gBACpCzE,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAC5C,KAAA,CAAAiF,IAAI;IACHC,IAAI,EAAC,eAAe;IACpBE,KAAK,EAAE5B,KAAK,CAAC,yBAAyB;EAAE,CACzC,CACY,CACX,CACkB,CAAC,eAE3BlE,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAChB,aAAa;IAACE,QAAQ,EAAEA;EAAS,GAC/B,OAAOwB,IAAI,KAAK,QAAQ,gBAAGhE,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAC3C,WAAA,CAAAuF,IAAI,QAAElC,IAAW,CAAC,GAAGA,IACrC,CAAC,eAGhBhE,MAAA,CAAAc,OAAA,CAAAwC,aAAA,CAAClD,0BAAA,CAAAU,OAAc;IACb0C,KAAK,EAAE;MACLf,MAAM,EAAEP,oBAAoB;MAC5BiE,QAAQ,EAAE,UAAU;MACpB;MACAC,MAAM,EAAE,CAAC;MACT;MACAC,IAAI,EAAEnE,oBAAoB;MAC1BoE,KAAK,EAAEpE;IACT,CAAE;IACFqE,MAAM,EAAE,CACN,IAAAC,mBAAS,EAAC1B,kBAAQ,CAACT,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAC3CS,kBAAQ,CAACT,mBAAmB,CAAC;EAC7B,CACH,CACG,CAAC;AAEX,CAAC;AAACT,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEF,MAAMJ,MAAM,GAAGgD,uBAAU,CAACC,MAAM,CAAC;EAC/B9B,gBAAgB,EAAE;IAChB+B,WAAW,EAAE,CAAC;IACdC,YAAY,EAAEC,uBAAiB;IAC/BC,WAAW,EAAE;EACf,CAAC;EACDpD,6BAA6B,EAAE;IAC7BqD,QAAQ,EAAE;EACZ,CAAC;EACDpD,sBAAsB,EAAE;IACtBwC,QAAQ,EAAE,UAAU;IACpBa,OAAO,EAAE9E,oBAAoB;IAC7B+E,UAAU,EAAE;EACd,CAAC;EACD5B,aAAa,EAAE;IACb2B,OAAO,EAAE9E,oBAAoB;IAC7BgF,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
|
|
@@ -13,23 +13,6 @@ var _icons = require("../icons");
|
|
|
13
13
|
var _typography = require("../typography");
|
|
14
14
|
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); }
|
|
15
15
|
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; }
|
|
16
|
-
const mapColorStates = {
|
|
17
|
-
// Primary button
|
|
18
|
-
primary: {
|
|
19
|
-
label: {
|
|
20
|
-
default: _core.IOColors["blueIO-500"],
|
|
21
|
-
pressed: _core.IOColors["blueIO-600"],
|
|
22
|
-
disabled: _core.IOColors["grey-700"]
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
contrast: {
|
|
26
|
-
label: {
|
|
27
|
-
default: _core.IOColors.white,
|
|
28
|
-
pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
|
|
29
|
-
disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.5)
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
16
|
const DISABLED_OPACITY = 0.5;
|
|
34
17
|
const ICON_MARGIN = 8;
|
|
35
18
|
const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
@@ -46,6 +29,7 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
46
29
|
testID
|
|
47
30
|
}, ref) => {
|
|
48
31
|
var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3;
|
|
32
|
+
const theme = (0, _core.useIOTheme)();
|
|
49
33
|
const {
|
|
50
34
|
newTypefaceEnabled
|
|
51
35
|
} = (0, _core.useIONewTypeface)();
|
|
@@ -56,11 +40,28 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
56
40
|
scaleAnimatedStyle
|
|
57
41
|
} = (0, _hooks.useScaleAnimation)();
|
|
58
42
|
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
43
|
+
const mapColorStates = {
|
|
44
|
+
// Primary button
|
|
45
|
+
primary: {
|
|
46
|
+
foreground: {
|
|
47
|
+
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
48
|
+
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
49
|
+
disabled: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-default"]], 0.75)
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
contrast: {
|
|
53
|
+
foreground: {
|
|
54
|
+
default: _core.IOColors.white,
|
|
55
|
+
pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
|
|
56
|
+
disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.5)
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
};
|
|
59
60
|
const AnimatedIOText = _reactNativeReanimated.default.createAnimatedComponent(_typography.IOText);
|
|
60
61
|
const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
61
62
|
// Link color states to the pressed states
|
|
62
63
|
|
|
63
|
-
const labelColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].
|
|
64
|
+
const labelColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
|
|
64
65
|
return {
|
|
65
66
|
color: labelColor
|
|
66
67
|
};
|
|
@@ -68,7 +69,7 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
68
69
|
|
|
69
70
|
// Animate the <Icon> color prop
|
|
70
71
|
const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => {
|
|
71
|
-
const iconColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].
|
|
72
|
+
const iconColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
|
|
72
73
|
return {
|
|
73
74
|
color: iconColor
|
|
74
75
|
};
|
|
@@ -117,12 +118,12 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
117
118
|
allowFontScaling: true,
|
|
118
119
|
name: icon,
|
|
119
120
|
animatedProps: pressedColorIconAnimationStyle,
|
|
120
|
-
color: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.
|
|
121
|
+
color: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.foreground) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.default,
|
|
121
122
|
size: iconSize
|
|
122
123
|
}) : /*#__PURE__*/_react.default.createElement(_icons.AnimatedIcon, {
|
|
123
124
|
allowFontScaling: true,
|
|
124
125
|
name: icon,
|
|
125
|
-
color: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.
|
|
126
|
+
color: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.foreground) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.disabled,
|
|
126
127
|
size: iconSize
|
|
127
128
|
})), /*#__PURE__*/_react.default.createElement(AnimatedIOText, {
|
|
128
129
|
accessible: false,
|
|
@@ -133,7 +134,7 @@ const ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
133
134
|
size: _typography.buttonTextFontSize,
|
|
134
135
|
lineHeight: _typography.buttonTextLineHeight,
|
|
135
136
|
style: [disabled ? {
|
|
136
|
-
color: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.
|
|
137
|
+
color: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.foreground) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.disabled
|
|
137
138
|
} : {
|
|
138
139
|
...pressedColorLabelAnimationStyle
|
|
139
140
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","ICON_MARGIN","ButtonLink","forwardRef","color","label","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","numberOfLines","textAlign","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","theme","useIOTheme","newTypefaceEnabled","useIONewTypeface","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","foreground","IOColors","pressed","hexToRgba","contrast","white","AnimatedIOText","Animated","createAnimatedComponent","IOText","pressedColorLabelAnimationStyle","useAnimatedStyle","labelColor","interpolateColor","value","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","AnimatedIconClassComponent","IconClassComponent","iconSize","iconMargin","createElement","Pressable","accessibilityRole","accessibilityState","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","columnGap","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","accessibilityElementsHidden","importantForAccessibility","font","weight","buttonTextFontSize","lineHeight","buttonTextLineHeight","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"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"}
|
|
@@ -13,63 +13,6 @@ var _icons = require("../icons");
|
|
|
13
13
|
var _typography = require("../typography");
|
|
14
14
|
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); }
|
|
15
15
|
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; }
|
|
16
|
-
const mapColorStates = {
|
|
17
|
-
// Primary button
|
|
18
|
-
primary: {
|
|
19
|
-
border: {
|
|
20
|
-
default: _core.IOColors["blueIO-500"],
|
|
21
|
-
pressed: _core.IOColors["blueIO-600"],
|
|
22
|
-
disabled: _core.IOColors["grey-200"]
|
|
23
|
-
},
|
|
24
|
-
background: {
|
|
25
|
-
default: (0, _core.hexToRgba)(_core.IOColors["blueIO-50"], 0),
|
|
26
|
-
pressed: (0, _core.hexToRgba)(_core.IOColors["blueIO-50"], 1),
|
|
27
|
-
disabled: "transparent"
|
|
28
|
-
},
|
|
29
|
-
label: {
|
|
30
|
-
default: _core.IOColors["blueIO-500"],
|
|
31
|
-
pressed: _core.IOColors["blueIO-600"],
|
|
32
|
-
disabled: _core.IOColors["grey-700"]
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
// Contrast button
|
|
36
|
-
contrast: {
|
|
37
|
-
border: {
|
|
38
|
-
default: _core.IOColors.white,
|
|
39
|
-
pressed: _core.IOColors.white,
|
|
40
|
-
disabled: _core.IOColors["blueIO-200"]
|
|
41
|
-
},
|
|
42
|
-
background: {
|
|
43
|
-
default: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], 0),
|
|
44
|
-
pressed: _core.IOColors["blueIO-600"],
|
|
45
|
-
disabled: "transparent"
|
|
46
|
-
},
|
|
47
|
-
label: {
|
|
48
|
-
default: _core.IOColors.white,
|
|
49
|
-
pressed: _core.IOColors.white,
|
|
50
|
-
disabled: _core.IOColors["blueIO-200"]
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
// Danger button
|
|
54
|
-
danger: {
|
|
55
|
-
border: {
|
|
56
|
-
default: _core.IOColors["error-600"],
|
|
57
|
-
pressed: _core.IOColors["error-600"],
|
|
58
|
-
disabled: _core.IOColors["grey-200"]
|
|
59
|
-
},
|
|
60
|
-
background: {
|
|
61
|
-
default: (0, _core.hexToRgba)(_core.IOColors["error-600"], 0),
|
|
62
|
-
pressed: (0, _core.hexToRgba)(_core.IOColors["error-600"], 0.15),
|
|
63
|
-
disabled: "transparent"
|
|
64
|
-
},
|
|
65
|
-
label: {
|
|
66
|
-
default: _core.IOColors["error-600"],
|
|
67
|
-
pressed: _core.IOColors["error-600"],
|
|
68
|
-
disabled: _core.IOColors["grey-450"]
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
|
|
73
16
|
// Icon size
|
|
74
17
|
const iconSize = 20;
|
|
75
18
|
const DISABLED_OPACITY = 0.5;
|
|
@@ -92,6 +35,7 @@ const ButtonOutline = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
92
35
|
testID
|
|
93
36
|
}, ref) => {
|
|
94
37
|
var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4, _mapColorStates$color5, _mapColorStates$color6, _mapColorStates$color7;
|
|
38
|
+
const theme = (0, _core.useIOTheme)();
|
|
95
39
|
const {
|
|
96
40
|
newTypefaceEnabled
|
|
97
41
|
} = (0, _core.useIONewTypeface)();
|
|
@@ -103,24 +47,52 @@ const ButtonOutline = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
103
47
|
} = (0, _hooks.useScaleAnimation)();
|
|
104
48
|
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
105
49
|
const AnimatedIOText = _reactNativeReanimated.default.createAnimatedComponent(_typography.IOText);
|
|
50
|
+
const mapColorStates = {
|
|
51
|
+
// Primary button
|
|
52
|
+
primary: {
|
|
53
|
+
foreground: {
|
|
54
|
+
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
55
|
+
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
56
|
+
disabled: _core.IOColors[theme["interactiveOutline-disabled"]]
|
|
57
|
+
},
|
|
58
|
+
background: {
|
|
59
|
+
default: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-pressed"]], 0),
|
|
60
|
+
pressed: (0, _core.hexToRgba)(_core.IOColors[theme["interactiveElem-pressed"]], 0.1),
|
|
61
|
+
disabled: "transparent"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
// Contrast button
|
|
65
|
+
contrast: {
|
|
66
|
+
foreground: {
|
|
67
|
+
default: _core.IOColors.white,
|
|
68
|
+
pressed: _core.IOColors.white,
|
|
69
|
+
disabled: _core.IOColors["blueIO-200"]
|
|
70
|
+
},
|
|
71
|
+
background: {
|
|
72
|
+
default: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], 0),
|
|
73
|
+
pressed: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], 0.5),
|
|
74
|
+
disabled: "transparent"
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
};
|
|
106
78
|
|
|
107
79
|
// Interpolate animation values from `isPressed` values
|
|
108
80
|
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
109
81
|
// Link color states to the pressed states
|
|
110
82
|
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
|
|
111
|
-
const borderColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].
|
|
83
|
+
const borderColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed]);
|
|
112
84
|
return {
|
|
113
85
|
borderColor,
|
|
114
86
|
backgroundColor
|
|
115
87
|
};
|
|
116
88
|
});
|
|
117
89
|
const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
118
|
-
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].
|
|
90
|
+
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed])
|
|
119
91
|
}));
|
|
120
92
|
|
|
121
93
|
// Animate the <Icon> color prop
|
|
122
94
|
const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
123
|
-
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].
|
|
95
|
+
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].foreground.default, mapColorStates[color].foreground.pressed])
|
|
124
96
|
}));
|
|
125
97
|
const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
|
|
126
98
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
@@ -147,11 +119,11 @@ const ButtonOutline = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
147
119
|
flexDirection: "row-reverse"
|
|
148
120
|
}, disabled ? {
|
|
149
121
|
backgroundColor: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.background) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.disabled,
|
|
150
|
-
borderColor: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.
|
|
122
|
+
borderColor: (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.foreground) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.disabled,
|
|
151
123
|
opacity: DISABLED_OPACITY
|
|
152
124
|
} : {
|
|
153
125
|
backgroundColor: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.background) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.default,
|
|
154
|
-
borderColor: (_mapColorStates$color4 = mapColorStates[color]) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.
|
|
126
|
+
borderColor: (_mapColorStates$color4 = mapColorStates[color]) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.foreground.default
|
|
155
127
|
},
|
|
156
128
|
/* Prevent Reanimated from overriding background colors
|
|
157
129
|
if button is disabled */
|
|
@@ -160,12 +132,12 @@ const ButtonOutline = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
160
132
|
allowFontScaling: true,
|
|
161
133
|
name: icon,
|
|
162
134
|
animatedProps: pressedColorIconAnimationStyle,
|
|
163
|
-
color: (_mapColorStates$color5 = mapColorStates[color]) === null || _mapColorStates$color5 === void 0 || (_mapColorStates$color5 = _mapColorStates$color5.
|
|
135
|
+
color: (_mapColorStates$color5 = mapColorStates[color]) === null || _mapColorStates$color5 === void 0 || (_mapColorStates$color5 = _mapColorStates$color5.foreground) === null || _mapColorStates$color5 === void 0 ? void 0 : _mapColorStates$color5.default,
|
|
164
136
|
size: iconSize
|
|
165
137
|
}) : /*#__PURE__*/_react.default.createElement(_icons.AnimatedIcon, {
|
|
166
138
|
allowFontScaling: true,
|
|
167
139
|
name: icon,
|
|
168
|
-
color: (_mapColorStates$color6 = mapColorStates[color]) === null || _mapColorStates$color6 === void 0 || (_mapColorStates$color6 = _mapColorStates$color6.
|
|
140
|
+
color: (_mapColorStates$color6 = mapColorStates[color]) === null || _mapColorStates$color6 === void 0 || (_mapColorStates$color6 = _mapColorStates$color6.foreground) === null || _mapColorStates$color6 === void 0 ? void 0 : _mapColorStates$color6.disabled,
|
|
169
141
|
size: iconSize
|
|
170
142
|
})), /*#__PURE__*/_react.default.createElement(AnimatedIOText, {
|
|
171
143
|
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
@@ -177,7 +149,7 @@ const ButtonOutline = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
177
149
|
numberOfLines: 1,
|
|
178
150
|
ellipsizeMode: "tail",
|
|
179
151
|
style: [_core.IOButtonStyles.label, disabled ? {
|
|
180
|
-
color: (_mapColorStates$color7 = mapColorStates[color]) === null || _mapColorStates$color7 === void 0 || (_mapColorStates$color7 = _mapColorStates$color7.
|
|
152
|
+
color: (_mapColorStates$color7 = mapColorStates[color]) === null || _mapColorStates$color7 === void 0 || (_mapColorStates$color7 = _mapColorStates$color7.foreground) === null || _mapColorStates$color7 === void 0 ? void 0 : _mapColorStates$color7.disabled
|
|
181
153
|
} : {
|
|
182
154
|
...pressedColorLabelAnimationStyle
|
|
183
155
|
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","iconSize","DISABLED_OPACITY","ICON_MARGIN","IOButtonStylesLocal","StyleSheet","create","buttonWithBorder","borderWidth","ButtonOutline","forwardRef","color","label","fullWidth","disabled","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","_mapColorStates$color5","_mapColorStates$color6","_mapColorStates$color7","theme","useIOTheme","newTypefaceEnabled","useIONewTypeface","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","AnimatedIOText","Animated","createAnimatedComponent","IOText","mapColorStates","primary","foreground","IOColors","pressed","background","hexToRgba","contrast","white","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","useAnimatedProps","AnimatedIconClassComponent","IconClassComponent","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","IOButtonStyles","dimensionsDefault","View","button","buttonSizeDefault","paddingHorizontal","columnGap","flexDirection","opacity","allowFontScaling","name","animatedProps","size","AnimatedIcon","font","weight","buttonTextFontSize","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}
|
|
@@ -16,48 +16,12 @@ var _ButtonText = require("../typography/ButtonText");
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
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); }
|
|
18
18
|
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; }
|
|
19
|
-
const colorPrimaryButtonDisabled = "grey-200";
|
|
20
19
|
const ICON_MARGIN = 8;
|
|
21
20
|
const DISABLED_OPACITY = 0.5;
|
|
22
21
|
|
|
23
22
|
// Icon size
|
|
24
23
|
const iconSize = 20;
|
|
25
|
-
const
|
|
26
|
-
backgroundDisabled: {
|
|
27
|
-
backgroundColor: _core.IOColors[colorPrimaryButtonDisabled],
|
|
28
|
-
opacity: DISABLED_OPACITY
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
const mapColorStates = {
|
|
32
|
-
// Primary button
|
|
33
|
-
primary: {
|
|
34
|
-
default: _core.IOColors["blueIO-500"],
|
|
35
|
-
pressed: _core.IOColors["blueIO-600"],
|
|
36
|
-
label: {
|
|
37
|
-
default: "white",
|
|
38
|
-
disabled: "grey-700"
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
// Danger button
|
|
42
|
-
danger: {
|
|
43
|
-
default: _core.IOColors["error-600"],
|
|
44
|
-
pressed: _core.IOColors["error-500"],
|
|
45
|
-
label: {
|
|
46
|
-
default: "white",
|
|
47
|
-
disabled: "grey-700"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
// Contrast button
|
|
51
|
-
contrast: {
|
|
52
|
-
default: _core.IOColors.white,
|
|
53
|
-
pressed: _core.IOColors["blueIO-50"],
|
|
54
|
-
label: {
|
|
55
|
-
default: "blueIO-500",
|
|
56
|
-
disabled: "grey-700"
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
24
|
+
const ButtonSolid = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
61
25
|
color = "primary",
|
|
62
26
|
label,
|
|
63
27
|
fullWidth = false,
|
|
@@ -70,7 +34,8 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
70
34
|
accessibilityHint,
|
|
71
35
|
testID
|
|
72
36
|
}, ref) => {
|
|
73
|
-
var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3;
|
|
37
|
+
var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4;
|
|
38
|
+
const theme = (0, _core.useIOTheme)();
|
|
74
39
|
const {
|
|
75
40
|
progress,
|
|
76
41
|
onPressIn,
|
|
@@ -78,6 +43,44 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
78
43
|
scaleAnimatedStyle
|
|
79
44
|
} = (0, _hooks.useScaleAnimation)();
|
|
80
45
|
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
46
|
+
const mapColorStates = {
|
|
47
|
+
// Primary button
|
|
48
|
+
primary: {
|
|
49
|
+
background: {
|
|
50
|
+
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
51
|
+
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
52
|
+
disabled: _core.IOColors[theme["interactiveElem-disabled"]]
|
|
53
|
+
},
|
|
54
|
+
foreground: {
|
|
55
|
+
default: theme["buttonText-default"],
|
|
56
|
+
disabled: theme["buttonText-disabled"]
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
// Danger button
|
|
60
|
+
danger: {
|
|
61
|
+
background: {
|
|
62
|
+
default: _core.IOColors["error-600"],
|
|
63
|
+
pressed: _core.IOColors["error-500"],
|
|
64
|
+
disabled: _core.IOColors[theme["interactiveElem-disabled"]]
|
|
65
|
+
},
|
|
66
|
+
foreground: {
|
|
67
|
+
default: theme["buttonText-default"],
|
|
68
|
+
disabled: theme["buttonText-disabled"]
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
// Contrast button
|
|
72
|
+
contrast: {
|
|
73
|
+
background: {
|
|
74
|
+
default: _core.IOColors.white,
|
|
75
|
+
pressed: _core.IOColors["blueIO-50"],
|
|
76
|
+
disabled: _core.IOColors["blueIO-50"]
|
|
77
|
+
},
|
|
78
|
+
foreground: {
|
|
79
|
+
default: "blueIO-500",
|
|
80
|
+
disabled: "blueIO-500"
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
};
|
|
81
84
|
|
|
82
85
|
/* Prevent the component from triggering the `isEntering' transition
|
|
83
86
|
on the on the first render. Solution from this discussion:
|
|
@@ -92,7 +95,7 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
92
95
|
// Interpolate animation values from `isPressed` values
|
|
93
96
|
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
94
97
|
// Link color states to the pressed states
|
|
95
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].default, mapColorStates[color].pressed]);
|
|
98
|
+
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
|
|
96
99
|
return {
|
|
97
100
|
backgroundColor
|
|
98
101
|
};
|
|
@@ -107,8 +110,11 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
107
110
|
onPress(event);
|
|
108
111
|
}, [loading, onPress]);
|
|
109
112
|
|
|
113
|
+
// Background
|
|
114
|
+
const backgroundColor = disabled ? (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 || (_mapColorStates$color = _mapColorStates$color.background) === null || _mapColorStates$color === void 0 ? void 0 : _mapColorStates$color.disabled : (_mapColorStates$color2 = mapColorStates[color]) === null || _mapColorStates$color2 === void 0 || (_mapColorStates$color2 = _mapColorStates$color2.background) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.default;
|
|
115
|
+
|
|
110
116
|
// Label & Icons colors
|
|
111
|
-
const foregroundColor = disabled ? (_mapColorStates$
|
|
117
|
+
const foregroundColor = disabled ? (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 || (_mapColorStates$color3 = _mapColorStates$color3.foreground) === null || _mapColorStates$color3 === void 0 ? void 0 : _mapColorStates$color3.disabled : (_mapColorStates$color4 = mapColorStates[color]) === null || _mapColorStates$color4 === void 0 || (_mapColorStates$color4 = _mapColorStates$color4.foreground) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.default;
|
|
112
118
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
113
119
|
testID: testID,
|
|
114
120
|
ref: ref,
|
|
@@ -129,12 +135,13 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
129
135
|
style: !fullWidth ? _core.IOButtonStyles.dimensionsDefault : {}
|
|
130
136
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
131
137
|
style: [_core.IOButtonStyles.button, _core.IOButtonStyles.buttonSizeDefault, {
|
|
138
|
+
backgroundColor,
|
|
132
139
|
overflow: "hidden"
|
|
133
140
|
}, fullWidth && {
|
|
134
141
|
paddingHorizontal: 16
|
|
135
|
-
}, disabled ?
|
|
136
|
-
|
|
137
|
-
},
|
|
142
|
+
}, disabled ? {
|
|
143
|
+
opacity: DISABLED_OPACITY
|
|
144
|
+
} : {},
|
|
138
145
|
/* Prevent Reanimated from overriding background colors
|
|
139
146
|
if button is disabled */
|
|
140
147
|
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
|