@pagopa/io-app-design-system 1.9.1 → 1.9.3
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/buttons/ButtonLink.js +3 -3
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +7 -2
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +4 -5
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/commonjs/components/icons/IconContained.js +2 -2
- package/lib/commonjs/components/icons/IconContained.js.map +1 -1
- package/lib/commonjs/components/listitems/index.js +0 -11
- package/lib/commonjs/components/listitems/index.js.map +1 -1
- package/lib/commonjs/components/typography/ButtonText.js.map +1 -1
- package/lib/commonjs/components/typography/LabelLink.js +21 -13
- package/lib/commonjs/components/typography/LabelLink.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +3 -3
- package/lib/module/components/buttons/ButtonLink.js +1 -1
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +7 -2
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +4 -5
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/icons/IconContained.js +1 -1
- package/lib/module/components/icons/IconContained.js.map +1 -1
- package/lib/module/components/listitems/index.js +0 -1
- package/lib/module/components/listitems/index.js.map +1 -1
- package/lib/module/components/typography/ButtonText.js.map +1 -1
- package/lib/module/components/typography/LabelLink.js +19 -12
- package/lib/module/components/typography/LabelLink.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +3 -3
- 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.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +1 -6
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts +2 -2
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/icons/IconContained.d.ts +1 -1
- package/lib/typescript/components/icons/IconContained.d.ts.map +1 -1
- package/lib/typescript/components/listitems/index.d.ts +0 -1
- package/lib/typescript/components/listitems/index.d.ts.map +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts.map +1 -1
- package/lib/typescript/components/typography/LabelLink.d.ts +2 -1
- package/lib/typescript/components/typography/LabelLink.d.ts.map +1 -1
- package/lib/typescript/stories/ButtonDS.stories.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/buttons/ButtonLink.tsx +7 -2
- package/src/components/buttons/ButtonOutline.tsx +11 -1
- package/src/components/buttons/ButtonSolid.tsx +8 -14
- package/src/components/featureInfo/FeatureInfo.tsx +3 -3
- package/src/components/icons/IconContained.tsx +1 -1
- package/src/components/listitems/index.tsx +0 -1
- package/src/components/typography/ButtonText.tsx +1 -4
- package/src/components/typography/LabelLink.tsx +9 -4
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +3 -3
|
@@ -15,6 +15,9 @@ const legacyStyles = StyleSheet.create({
|
|
|
15
15
|
});
|
|
16
16
|
const colorPrimaryButtonDisabled = "grey-200";
|
|
17
17
|
const DISABLED_OPACITY = 0.5;
|
|
18
|
+
|
|
19
|
+
// Icon size
|
|
20
|
+
const iconSize = 20;
|
|
18
21
|
const styles = StyleSheet.create({
|
|
19
22
|
backgroundDisabled: {
|
|
20
23
|
backgroundColor: IOColors[colorPrimaryButtonDisabled],
|
|
@@ -76,7 +79,7 @@ const mapLegacyColorStates = {
|
|
|
76
79
|
default: IOColors.white,
|
|
77
80
|
pressed: IOColors["blue-50"],
|
|
78
81
|
label: {
|
|
79
|
-
default: "
|
|
82
|
+
default: "blue",
|
|
80
83
|
disabled: "white"
|
|
81
84
|
}
|
|
82
85
|
}
|
|
@@ -86,7 +89,6 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
|
|
|
86
89
|
let {
|
|
87
90
|
color = "primary",
|
|
88
91
|
label,
|
|
89
|
-
small = false,
|
|
90
92
|
fullWidth = false,
|
|
91
93
|
disabled = false,
|
|
92
94
|
icon,
|
|
@@ -105,9 +107,6 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
|
|
|
105
107
|
const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
106
108
|
const buttonStyles = React.useMemo(() => isExperimental ? IOButtonStyles : IOButtonLegacyStyles, [isExperimental]);
|
|
107
109
|
|
|
108
|
-
// Icon size
|
|
109
|
-
const iconSize = React.useMemo(() => small ? 16 : 20, [small]);
|
|
110
|
-
|
|
111
110
|
// Using a spring-based animation for our interpolations
|
|
112
111
|
const progressPressed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
|
|
113
112
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Icon","HSpacer","ButtonText","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","useIOExperimentalDesign","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Icon","HSpacer","ButtonText","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","useIOExperimentalDesign","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","animationScaleValue","basicButton","pressedState","colorMap","useMemo","buttonStyles","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","transform","onPressIn","onPressOut","foregroundColor","createElement","accessibilityRole","accessible","style","dimensionsDefault","View","flexDirection","buttonSizeDefault","Fragment","name","size","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAAgCC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAC3E,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAAmCC,IAAI,QAAQ,UAAU;AAEzD,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SACEC,oBAAoB,EACpBC,cAAc,EACdC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,uBAAuB,QAClB,YAAY;AAanB;AACA;AACA,MAAMC,gCAA0C,GAAG,eAAe;AAClE,MAAMC,YAAY,GAAGnB,UAAU,CAACoB,MAAM,CAAC;EACrCC,kBAAkB,EAAE;IAClBC,eAAe,EAAER,QAAQ,CAACI,gCAAgC;EAC5D;AACF,CAAC,CAAC;AAEF,MAAMK,0BAAoC,GAAG,UAAU;AACvD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA,MAAMC,QAAyB,GAAG,EAAE;AAEpC,MAAMC,MAAM,GAAG1B,UAAU,CAACoB,MAAM,CAAC;EAC/BC,kBAAkB,EAAE;IAClBC,eAAe,EAAER,QAAQ,CAACS,0BAA0B,CAAC;IACrDI,OAAO,EAAEH;EACX;AACF,CAAC,CAAC;AA0BF,MAAMI,cAGL,GAAG;EACF;EACAC,OAAO,EAAE;IACPC,OAAO,EAAEhB,QAAQ,CAAC,YAAY,CAAC;IAC/BiB,OAAO,EAAEjB,QAAQ,CAAC,YAAY,CAAC;IAC/BkB,KAAK,EAAE;MACLF,OAAO,EAAE,OAAO;MAChBG,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAC,MAAM,EAAE;IACNJ,OAAO,EAAEhB,QAAQ,CAAC,WAAW,CAAC;IAC9BiB,OAAO,EAAEjB,QAAQ,CAAC,WAAW,CAAC;IAC9BkB,KAAK,EAAE;MACLF,OAAO,EAAE,OAAO;MAChBG,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAE,QAAQ,EAAE;IACRL,OAAO,EAAEhB,QAAQ,CAACsB,KAAK;IACvBL,OAAO,EAAEjB,QAAQ,CAAC,WAAW,CAAC;IAC9BkB,KAAK,EAAE;MACLF,OAAO,EAAE,YAAY;MACrBG,QAAQ,EAAE;IACZ;EACF;AACF,CAAC;;AAED;AACA,MAAMI,oBAGL,GAAG;EACF;EACAR,OAAO,EAAE;IACPC,OAAO,EAAEhB,QAAQ,CAACwB,IAAI;IACtBP,OAAO,EAAEjB,QAAQ,CAAC,UAAU,CAAC;IAC7BkB,KAAK,EAAE;MACLF,OAAO,EAAE,OAAO;MAChBG,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAC,MAAM,EAAE;IACNJ,OAAO,EAAEhB,QAAQ,CAAC,WAAW,CAAC;IAC9BiB,OAAO,EAAEjB,QAAQ,CAAC,WAAW,CAAC;IAC9BkB,KAAK,EAAE;MACLF,OAAO,EAAE,OAAO;MAChBG,QAAQ,EAAE;IACZ;EACF,CAAC;EACD;EACAE,QAAQ,EAAE;IACRL,OAAO,EAAEhB,QAAQ,CAACsB,KAAK;IACvBL,OAAO,EAAEjB,QAAQ,CAAC,SAAS,CAAC;IAC5BkB,KAAK,EAAE;MACLF,OAAO,EAAE,MAAM;MACfG,QAAQ,EAAE;IACZ;EACF;AACF,CAAC;AAED,OAAO,MAAMM,WAAW,gBAAG1C,KAAK,CAAC2C,IAAI,CACnCC,IAAA,IAWwB;EAAA,IAAAC,qBAAA,EAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;EAAA,IAXvB;IACCC,KAAK,GAAG,SAAS;IACjBd,KAAK;IACLe,SAAS,GAAG,KAAK;IACjBd,QAAQ,GAAG,KAAK;IAChBe,IAAI;IACJC,YAAY,GAAG,OAAO;IACtBC,OAAO;IACPC,kBAAkB;IAClBC,iBAAiB;IACjBC;EACgB,CAAC,GAAAZ,IAAA;EACjB,MAAMa,SAAS,GAAG/C,cAAc,CAAC,CAAC,CAAC;EACnC,MAAM;IAAEgD;EAAe,CAAC,GAAGtC,uBAAuB,CAAC,CAAC;EACpD;EACA,MAAMuC,mBAAmB,GAAGzC,aAAa,aAAbA,aAAa,gBAAA2B,qBAAA,GAAb3B,aAAa,CAAE0C,WAAW,cAAAf,qBAAA,uBAA1BA,qBAAA,CAA4BgB,YAAY;EAEpE,MAAMC,QAAQ,GAAG9D,KAAK,CAAC+D,OAAO,CAC5B,MAAOL,cAAc,GAAG3B,cAAc,GAAGS,oBAAqB,EAC9D,CAACkB,cAAc,CACjB,CAAC;EAED,MAAMM,YAAY,GAAGhE,KAAK,CAAC+D,OAAO,CAChC,MAAOL,cAAc,GAAG1C,cAAc,GAAGD,oBAAqB,EAC9D,CAAC2C,cAAc,CACjB,CAAC;;EAED;EACA,MAAMO,eAAe,GAAGxD,eAAe,CAAC,MACtCE,UAAU,CAAC8C,SAAS,CAACS,KAAK,EAAE/C,cAAc,CAACgD,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,qBAAqB,GAAG5D,gBAAgB,CAAC,MAAM;IACnD;IACA,MAAM6D,OAAO,GAAG9D,gBAAgB,CAC9B0D,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACJ,QAAQ,CAACb,KAAK,CAAC,CAAChB,OAAO,EAAE6B,QAAQ,CAACb,KAAK,CAAC,CAACf,OAAO,CACnD,CAAC;;IAED;IACA,MAAMoC,KAAK,GAAGhE,WAAW,CACvB2D,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEP,mBAAmB,CAAC,EACxBtD,WAAW,CAACkE,KACd,CAAC;IAED,OAAO;MACL9C,eAAe,EAAE4C,OAAO;MACxBG,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,SAAS,GAAGxE,WAAW,CAAC,MAAM;IAClC;IACAwD,SAAS,CAACS,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EACf,MAAMiB,UAAU,GAAGzE,WAAW,CAAC,MAAM;IACnC;IACAwD,SAAS,CAACS,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;;EAEf;EACA,MAAMkB,eAAyB,GAAGvC,QAAQ,IAAAU,eAAA,GACtCgB,QAAQ,CAACb,KAAK,CAAC,cAAAH,eAAA,gBAAAA,eAAA,GAAfA,eAAA,CAAiBX,KAAK,cAAAW,eAAA,uBAAtBA,eAAA,CAAwBV,QAAQ,IAAAW,gBAAA,GAChCe,QAAQ,CAACb,KAAK,CAAC,cAAAF,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBZ,KAAK,cAAAY,gBAAA,uBAAtBA,gBAAA,CAAwBd,OAAO;EAEnC,oBACEjC,KAAA,CAAA4E,aAAA,CAAC1E,SAAS;IACRoD,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCsB,iBAAiB,EAAE,QAAS;IAC5BrB,MAAM,EAAEA,MAAO;IACfH,OAAO,EAAEA,OAAQ;IACjBoB,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAE,IAAK;IACjB1C,QAAQ,EAAEA,QAAS;IACnB2C,KAAK,EAAE,CAAC7B,SAAS,GAAGlC,cAAc,CAACgE,iBAAiB,GAAG,CAAC;EAAE,gBAE1DhF,KAAA,CAAA4E,aAAA,CAACxE,QAAQ,CAAC6E,IAAI;IACZF,KAAK,EAAE,CACLf,YAAY,CAACG,MAAM,EACnBf,YAAY,KAAK,KAAK,IAAI;MAAE8B,aAAa,EAAE;IAAc,CAAC,EAC1DlB,YAAY,CAACmB,iBAAiB,EAC9B/C,QAAQ,GACJsB,cAAc,GACZ7B,MAAM,CAACL,kBAAkB,GACzBF,YAAY,CAACE,kBAAkB,GACjC;MAAEC,eAAe,GAAAuB,gBAAA,GAAEc,QAAQ,CAACb,KAAK,CAAC,cAAAD,gBAAA,uBAAfA,gBAAA,CAAiBf;IAAQ,CAAC;IACjD;AACZ;IACY,CAACG,QAAQ,IAAIgC,qBAAqB;EAClC,GAEDjB,IAAI,iBACHnD,KAAA,CAAA4E,aAAA,CAAA5E,KAAA,CAAAoF,QAAA,qBAGEpF,KAAA,CAAA4E,aAAA,CAAChE,IAAI;IAACyE,IAAI,EAAElC,IAAK;IAACmC,IAAI,EAAE1D,QAAS;IAACqB,KAAK,EAAE0B;EAAgB,CAAE,CAAC,eAG5D3E,KAAA,CAAA4E,aAAA,CAAC/D,OAAO;IAACyE,IAAI,EAAE;EAAE,CAAE,CACnB,CACH,eACDtF,KAAA,CAAA4E,aAAA,CAAC9D,UAAU;IACTmC,KAAK,EAAE0B,eAAgB;IACvBI,KAAK,EAAE/D,cAAc,CAACmB,KAAM;IAC5BoD,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC;IACd;AACZ;IACY;AACZ;EADY,GAGCrD,KACS,CACC,CACN,CAAC;AAEhB,CACF,CAAC;AAED,eAAeO,WAAW"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","IOStyles","HSpacer","Icon","LabelLink","LabelSmall","Pictogram","VSpacer","DEFAULT_ICON_SIZE","DEFAULT_PICTOGRAM_SIZE","renderNode","body","createElement","weight","color","testID","FeatureInfo","_ref","iconName","pictogramName","actionLabel","actionOnPress","style","flex","row","alignCenter","name","size","flexShrink","Fragment","fontSize","onPress"],"sourceRoot":"../../../../src","sources":["components/featureInfo/FeatureInfo.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAgCC,IAAI,QAAQ,cAAc;AAC1D,SAASC,QAAQ,QAAQ,YAAY;AACrC,SACEC,OAAO,EAKPC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,OAAO,QACF,kBAAkB;AAyBzB,MAAMC,iBAAkC,GAAG,EAAE;AAC7C,MAAMC,sBAA4C,GAAG,EAAE;AAEvD,MAAMC,UAAU,GAAIC,
|
|
1
|
+
{"version":3,"names":["React","View","IOStyles","HSpacer","Icon","LabelLink","LabelSmall","Pictogram","VSpacer","DEFAULT_ICON_SIZE","DEFAULT_PICTOGRAM_SIZE","renderNode","body","createElement","weight","color","testID","FeatureInfo","_ref","iconName","pictogramName","actionLabel","actionOnPress","style","flex","row","alignCenter","name","size","flexShrink","Fragment","fontSize","onPress"],"sourceRoot":"../../../../src","sources":["components/featureInfo/FeatureInfo.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAgCC,IAAI,QAAQ,cAAc;AAC1D,SAASC,QAAQ,QAAQ,YAAY;AACrC,SACEC,OAAO,EAKPC,IAAI,EACJC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,OAAO,QACF,kBAAkB;AAyBzB,MAAMC,iBAAkC,GAAG,EAAE;AAC7C,MAAMC,sBAA4C,GAAG,EAAE;AAEvD,MAAMC,UAAU,GAAIC,IAA8B,IAAK;EACrD,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,oBACEZ,KAAA,CAAAa,aAAA,CAACP,UAAU;MAACQ,MAAM,EAAC,SAAS;MAACC,KAAK,EAAC,UAAU;MAACC,MAAM,EAAC;IAAgB,GAClEJ,IACS,CAAC;EAEjB;EAEA,OAAOA,IAAI;AACb,CAAC;AAED,OAAO,MAAMK,WAAW,GAAGC,IAAA;EAAA,IAAC;IAC1BC,QAAQ;IACRC,aAAa;IACbR,IAAI;IACJS,WAAW;IACXC;EACgB,CAAC,GAAAJ,IAAA;EAAA,oBACjBlB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACsB,KAAK,EAAE,CAACrB,QAAQ,CAACsB,IAAI,EAAEtB,QAAQ,CAACuB,GAAG,EAAEvB,QAAQ,CAACwB,WAAW;EAAE,GAC9DP,QAAQ,iBACPnB,KAAA,CAAAa,aAAA,CAACT,IAAI;IAACuB,IAAI,EAAER,QAAS;IAACS,IAAI,EAAEnB,iBAAkB;IAACM,KAAK,EAAC;EAAU,CAAE,CAClE,EACAK,aAAa,iBACZpB,KAAA,CAAAa,aAAA,CAACN,SAAS;IAACoB,IAAI,EAAEP,aAAc;IAACQ,IAAI,EAAElB;EAAuB,CAAE,CAChE,eACDV,KAAA,CAAAa,aAAA,CAACV,OAAO;IAACyB,IAAI,EAAE;EAAG,CAAE,CAAC,eACrB5B,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACsB,KAAK,EAAE;MAAEM,UAAU,EAAE;IAAE;EAAE,GAC5BlB,UAAU,CAACC,IAAI,CAAC,EAChBS,WAAW,IAAIC,aAAa,iBAC3BtB,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAA8B,QAAA,QAIGlB,IAAI,iBAAIZ,KAAA,CAAAa,aAAA,CAACL,OAAO;IAACoB,IAAI,EAAE;EAAE,CAAE,CAAC,eAC7B5B,KAAA,CAAAa,aAAA,CAACR,SAAS;IAAC0B,QAAQ,EAAC,OAAO;IAACC,OAAO,EAAEV;EAAc,GAChDD,WACQ,CACX,CAEA,CACF,CAAC;AAAA,CACR"}
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { StyleSheet, View } from "react-native";
|
|
4
4
|
import { IOVisualCostants, IOColors } from "../../core";
|
|
5
|
-
import { Icon } from "
|
|
5
|
+
import { Icon } from "./Icon";
|
|
6
6
|
const tonalColorMap = {
|
|
7
7
|
neutral: {
|
|
8
8
|
background: "blueIO-50",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","StyleSheet","View","IOVisualCostants","IOColors","Icon","tonalColorMap","neutral","background","foreground","variantMap","tonal","IconContainedDefaultSize","iconContainedSizeDefault","styles","create","iconContainedWrapper","overflow","display","alignItems","justifyContent","width","height","borderRadius","IconContained","_ref","variant","color","icon","backgroundColor","foregroundColor","createElement","style","name"],"sourceRoot":"../../../../src","sources":["components/icons/IconContained.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,gBAAgB,EAAEC,QAAQ,QAAQ,YAAY;AACvD,SAAkBC,IAAI,QAAQ,
|
|
1
|
+
{"version":3,"names":["React","useMemo","StyleSheet","View","IOVisualCostants","IOColors","Icon","tonalColorMap","neutral","background","foreground","variantMap","tonal","IconContainedDefaultSize","iconContainedSizeDefault","styles","create","iconContainedWrapper","overflow","display","alignItems","justifyContent","width","height","borderRadius","IconContained","_ref","variant","color","icon","backgroundColor","foregroundColor","createElement","style","name"],"sourceRoot":"../../../../src","sources":["components/icons/IconContained.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,gBAAgB,EAAEC,QAAQ,QAAQ,YAAY;AACvD,SAAkBC,IAAI,QAAQ,QAAQ;AAkBtC,MAAMC,aAAyC,GAAG;EAChDC,OAAO,EAAE;IACPC,UAAU,EAAE,WAAW;IACvBC,UAAU,EAAE;EACd;AACF,CAAC;AAED,MAAMC,UAAwE,GAC5E;EACEC,KAAK,EAAEL;AACT,CAAC;AAEH,MAAMM,wBAAwB,GAAGT,gBAAgB,CAACU,wBAAwB;AAE1E,MAAMC,MAAM,GAAGb,UAAU,CAACc,MAAM,CAAC;EAC/BC,oBAAoB,EAAE;IACpBC,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAET,wBAAwB;IAC/BU,MAAM,EAAEV,wBAAwB;IAChCW,YAAY,EAAEX,wBAAwB,GAAG;EAC3C;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMY,aAAa,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC,OAAO;IAAEC,KAAK;IAAEC;EAAoB,CAAC,GAAAH,IAAA;EACnE,MAAMI,eAAe,GAAG7B,OAAO,CAC7B,MAAMU,UAAU,CAACgB,OAAO,CAAC,CAACC,KAAK,CAAC,CAACnB,UAAU,EAC3C,CAACkB,OAAO,EAAEC,KAAK,CACjB,CAAC;EAED,MAAMG,eAAe,GAAG9B,OAAO,CAC7B,MAAMU,UAAU,CAACgB,OAAO,CAAC,CAACC,KAAK,CAAC,CAAClB,UAAU,EAC3C,CAACiB,OAAO,EAAEC,KAAK,CACjB,CAAC;EAED,oBACE5B,KAAA,CAAAgC,aAAA,CAAC7B,IAAI;IACH8B,KAAK,EAAE,CACLlB,MAAM,CAACE,oBAAoB,EAC3B;MAAEa,eAAe,EAAEzB,QAAQ,CAACyB,eAAe;IAAE,CAAC;EAC9C,gBAEF9B,KAAA,CAAAgC,aAAA,CAAC1B,IAAI;IAAC4B,IAAI,EAAEL,IAAK;IAACD,KAAK,EAAEG;EAAgB,CAAE,CACvC,CAAC;AAEX,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,0BAA0B;AACxC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","buttonTextFontSize","buttonTextDefaultColor","buttonTextFontName","buttonTextDefaultWeight","legacyTextFontName","legacyTextDefaultWeight","ButtonText","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"AAEA,SAASA,uBAAuB,QAAQ,YAAY;AACpD,SAASC,oBAAoB,QAAQ,WAAW;
|
|
1
|
+
{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","buttonTextFontSize","buttonTextDefaultColor","buttonTextFontName","buttonTextDefaultWeight","legacyTextFontName","legacyTextDefaultWeight","ButtonText","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"AAEA,SAASA,uBAAuB,QAAQ,YAAY;AACpD,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA;AACA,MAAMC,sBAA+C,GAAG,OAAO;AAC/D,MAAMC,kBAAgC,GAAG,WAAW;AACpD,MAAMC,uBAAsC,GAAG,SAAS;;AAExD;AACA,MAAMC,kBAAgC,GAAG,cAAc;AACvD,MAAMC,uBAAsC,GAAG,MAAM;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAAyC;IAClE,GAAGQ,KAAK;IACRE,aAAa,EAAED,cAAc,GACzBL,uBAAuB,GACvBE,uBAAuB;IAC3BK,YAAY,EAAET,sBAAsB;IACpCU,IAAI,EAAEH,cAAc,GAAGN,kBAAkB,GAAGE,kBAAkB;IAC9DQ,SAAS,EAAE;MACTC,QAAQ,EAAEb;IACZ;EACF,CAAC,CAAC;AACJ,CAAC"}
|
|
@@ -1,22 +1,29 @@
|
|
|
1
|
+
import { useIOExperimentalDesign } from "../../core";
|
|
1
2
|
import { fontSizeMapping, lineHeightMapping } from "./common";
|
|
2
3
|
import { useTypographyFactory } from "./Factory";
|
|
3
4
|
const fontName = "TitilliumWeb";
|
|
5
|
+
export const linkLegacyDefaultColor = "blue";
|
|
4
6
|
export const linkDefaultColor = "blueIO-500";
|
|
5
7
|
export const linkDefaultWeight = "SemiBold";
|
|
6
8
|
|
|
7
9
|
/**
|
|
8
10
|
* `Link` typographic style
|
|
9
11
|
*/
|
|
10
|
-
export const LabelLink = props =>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
12
|
+
export const LabelLink = props => {
|
|
13
|
+
const {
|
|
14
|
+
isExperimental
|
|
15
|
+
} = useIOExperimentalDesign();
|
|
16
|
+
return useTypographyFactory({
|
|
17
|
+
accessibilityRole: props.onPress ? "link" : undefined,
|
|
18
|
+
...props,
|
|
19
|
+
defaultWeight: linkDefaultWeight,
|
|
20
|
+
defaultColor: isExperimental ? linkDefaultColor : linkLegacyDefaultColor,
|
|
21
|
+
font: fontName,
|
|
22
|
+
fontStyle: {
|
|
23
|
+
fontSize: props.fontSize ? fontSizeMapping[props.fontSize] : fontSizeMapping.regular,
|
|
24
|
+
lineHeight: props.fontSize ? lineHeightMapping[props.fontSize] : lineHeightMapping.regular,
|
|
25
|
+
textDecorationLine: "underline"
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
};
|
|
22
29
|
//# sourceMappingURL=LabelLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["fontSizeMapping","lineHeightMapping","useTypographyFactory","fontName","linkDefaultColor","linkDefaultWeight","LabelLink","props","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","regular","lineHeight","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"names":["useIOExperimentalDesign","fontSizeMapping","lineHeightMapping","useTypographyFactory","fontName","linkLegacyDefaultColor","linkDefaultColor","linkDefaultWeight","LabelLink","props","isExperimental","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","regular","lineHeight","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/LabelLink.tsx"],"mappings":"AACA,SAASA,uBAAuB,QAAuB,YAAY;AACnE,SAIEC,eAAe,EACfC,iBAAiB,QACZ,UAAU;AACjB,SAASC,oBAAoB,QAAQ,WAAW;AAWhD,MAAMC,QAAsB,GAAG,cAAc;AAE7C,OAAO,MAAMC,sBAAqC,GAAG,MAAM;AAE3D,OAAO,MAAMC,gBAA+B,GAAG,YAAY;AAC3D,OAAO,MAAMC,iBAAgC,GAAG,UAAU;;AAE1D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAIC,KAAgB,IAAK;EAC7C,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEpD,OAAOG,oBAAoB,CAA+B;IACxDQ,iBAAiB,EAAEF,KAAK,CAACG,OAAO,GAAG,MAAM,GAAGC,SAAS;IACrD,GAAGJ,KAAK;IACRK,aAAa,EAAEP,iBAAiB;IAChCQ,YAAY,EAAEL,cAAc,GAAGJ,gBAAgB,GAAGD,sBAAsB;IACxEW,IAAI,EAAEZ,QAAQ;IACda,SAAS,EAAE;MACTC,QAAQ,EAAET,KAAK,CAACS,QAAQ,GACpBjB,eAAe,CAACQ,KAAK,CAACS,QAAQ,CAAC,GAC/BjB,eAAe,CAACkB,OAAO;MAC3BC,UAAU,EAAEX,KAAK,CAACS,QAAQ,GACtBhB,iBAAiB,CAACO,KAAK,CAACS,QAAQ,CAAC,GACjChB,iBAAiB,CAACiB,OAAO;MAC7BE,kBAAkB,EAAE;IACtB;EACF,CAAC,CAAC;AACJ,CAAC"}
|
|
@@ -966,8 +966,8 @@ exports[`Test Typography Components LabelSmall Snapshot 5`] = `
|
|
|
966
966
|
|
|
967
967
|
exports[`Test Typography Components Link Snapshot 1`] = `
|
|
968
968
|
<Text
|
|
969
|
-
color="
|
|
970
|
-
defaultColor="
|
|
969
|
+
color="blue"
|
|
970
|
+
defaultColor="blue"
|
|
971
971
|
defaultWeight="SemiBold"
|
|
972
972
|
font="TitilliumWeb"
|
|
973
973
|
fontStyle={
|
|
@@ -985,7 +985,7 @@ exports[`Test Typography Components Link Snapshot 1`] = `
|
|
|
985
985
|
"textDecorationLine": "underline",
|
|
986
986
|
},
|
|
987
987
|
{
|
|
988
|
-
"color": "#
|
|
988
|
+
"color": "#0073E6",
|
|
989
989
|
"fontFamily": "Titillium Web",
|
|
990
990
|
"fontStyle": "normal",
|
|
991
991
|
"fontWeight": "600",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { GestureResponderEvent } from "react-native";
|
|
3
3
|
import { WithTestID } from "../../utils/types";
|
|
4
|
-
import { IOIcons } from "../icons
|
|
4
|
+
import { IOIcons } from "../icons";
|
|
5
5
|
type ColorButtonLink = "primary";
|
|
6
6
|
export type ButtonLink = WithTestID<{
|
|
7
7
|
color?: ColorButtonLink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAmB5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAmB5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAIlB,KAAK,eAAe,GAAG,SAAS,CAAC;AACjC,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC;IAClC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAoDH,eAAO,MAAM,UAAU,qIAWlB,UAAU,uBA+Id,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonOutline.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAqB5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonOutline.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAqB5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAGL,OAAO,EAER,MAAM,UAAU,CAAC;AAIlB,KAAK,kBAAkB,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAC5D,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC;IACrC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AA0KH,eAAO,MAAM,aAAa,sHAWvB,aAAa,sBAsKf,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -9,11 +9,6 @@ export type ButtonSolidProps = WithTestID<{
|
|
|
9
9
|
*/
|
|
10
10
|
color?: ButtonSolidColor;
|
|
11
11
|
label: string;
|
|
12
|
-
/**
|
|
13
|
-
* Renders a small variant of the button. This property applies to the legacy look only
|
|
14
|
-
* @default false
|
|
15
|
-
*/
|
|
16
|
-
small?: boolean;
|
|
17
12
|
/**
|
|
18
13
|
* @default false
|
|
19
14
|
*/
|
|
@@ -31,6 +26,6 @@ export type ButtonSolidProps = WithTestID<{
|
|
|
31
26
|
accessibilityHint?: string;
|
|
32
27
|
onPress: (event: GestureResponderEvent) => void;
|
|
33
28
|
}>;
|
|
34
|
-
export declare const ButtonSolid: React.MemoExoticComponent<({ color, label,
|
|
29
|
+
export declare const ButtonSolid: React.MemoExoticComponent<({ color, label, fullWidth, disabled, icon, iconPosition, onPress, accessibilityLabel, accessibilityHint, testID }: ButtonSolidProps) => React.JSX.Element>;
|
|
35
30
|
export default ButtonSolid;
|
|
36
31
|
//# sourceMappingURL=ButtonSolid.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAU5E,OAAO,
|
|
1
|
+
{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAU5E,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAY/C,KAAK,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAiC1D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAqEH,eAAO,MAAM,WAAW,gJAYnB,gBAAgB,uBAgHpB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -18,7 +18,7 @@ type FeatureInfoGraphicProps = {
|
|
|
18
18
|
iconName: IOIcons;
|
|
19
19
|
pictogramName?: never;
|
|
20
20
|
};
|
|
21
|
-
type
|
|
22
|
-
export declare const FeatureInfo: ({ iconName, pictogramName, body, actionLabel, actionOnPress }:
|
|
21
|
+
type FeatureInfoProps = FeatureInfoGraphicProps & PartialFeatureInfo & FeatureInfoActionProps;
|
|
22
|
+
export declare const FeatureInfo: ({ iconName, pictogramName, body, actionLabel, actionOnPress }: FeatureInfoProps) => React.JSX.Element;
|
|
23
23
|
export {};
|
|
24
24
|
//# sourceMappingURL=FeatureInfo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeatureInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/featureInfo/FeatureInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAQ,MAAM,cAAc,CAAC;AAE3D,OAAO,EAGL,OAAO,EAEP,YAAY,EAMb,MAAM,kBAAkB,CAAC;AAE1B,KAAK,kBAAkB,GAAG;IAExB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAEF,KAAK,sBAAsB,GACvB;IACE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAEN,KAAK,uBAAuB,GACxB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,aAAa,EAAE,YAAY,CAAA;CAAE,GACjD;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEjD,KAAK,
|
|
1
|
+
{"version":3,"file":"FeatureInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/featureInfo/FeatureInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAQ,MAAM,cAAc,CAAC;AAE3D,OAAO,EAGL,OAAO,EAEP,YAAY,EAMb,MAAM,kBAAkB,CAAC;AAE1B,KAAK,kBAAkB,GAAG;IAExB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAEF,KAAK,sBAAsB,GACvB;IACE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,GACD;IACE,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC;AAEN,KAAK,uBAAuB,GACxB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,aAAa,EAAE,YAAY,CAAA;CAAE,GACjD;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEjD,KAAK,gBAAgB,GAAG,uBAAuB,GAC7C,kBAAkB,GAClB,sBAAsB,CAAC;AAiBzB,eAAO,MAAM,WAAW,kEAMrB,gBAAgB,sBAwBlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconContained.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/IconContained.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,OAAO,EAAQ,MAAM,
|
|
1
|
+
{"version":3,"file":"IconContained.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/IconContained.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,OAAO,EAAQ,MAAM,QAAQ,CAAC;AAEvC,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AA4CF,eAAO,MAAM,aAAa,6BAA8B,aAAa,sBAqBpE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { IOColors } from "../../core/IOColors";
|
|
3
3
|
import { IOFontWeight } from "../../utils/fonts";
|
|
4
4
|
import { ExternalTypographyProps, TypographyProps } from "./common";
|
|
5
|
-
export type ButtonTextAllowedColors =
|
|
5
|
+
export type ButtonTextAllowedColors = IOColors;
|
|
6
6
|
type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular" | "Bold">;
|
|
7
7
|
type ButtonTextProps = ExternalTypographyProps<TypographyProps<AllowedWeight, ButtonTextAllowedColors>>;
|
|
8
8
|
export declare const buttonTextFontSize = 16;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,
|
|
1
|
+
{"version":3,"file":"ButtonText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/ButtonText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC;AAC/C,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAE5E,KAAK,eAAe,GAAG,uBAAuB,CAC5C,eAAe,CAAC,aAAa,EAAE,uBAAuB,CAAC,CACxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAWrC;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,eAAe,gCAchD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IOFontWeight } from "../../utils/fonts";
|
|
3
|
-
import type
|
|
3
|
+
import { type IOColors } from "../../core";
|
|
4
4
|
import { ExternalTypographyProps, FontSize, TypographyProps } from "./common";
|
|
5
5
|
type AllowedColors = IOColors;
|
|
6
6
|
type AllowedWeight = Extract<IOFontWeight, "SemiBold">;
|
|
@@ -8,6 +8,7 @@ type AllowedFontSize = {
|
|
|
8
8
|
fontSize?: FontSize;
|
|
9
9
|
};
|
|
10
10
|
type LinkProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>> & AllowedFontSize;
|
|
11
|
+
export declare const linkLegacyDefaultColor: AllowedColors;
|
|
11
12
|
export declare const linkDefaultColor: AllowedColors;
|
|
12
13
|
export declare const linkDefaultWeight: AllowedWeight;
|
|
13
14
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelLink.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelLink.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"LabelLink.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelLink.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAA2B,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EACL,uBAAuB,EACvB,QAAQ,EACR,eAAe,EAGhB,MAAM,UAAU,CAAC;AAGlB,KAAK,aAAa,GAAG,QAAQ,CAAC;AAC9B,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/C,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,GACC,eAAe,CAAC;AAIlB,eAAO,MAAM,sBAAsB,EAAE,aAAsB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,EAAE,aAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,EAAE,aAA0B,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,SAAS,UAAW,SAAS,gCAmBzC,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { StoryObj } from "@storybook/react";
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: import("react").MemoExoticComponent<({ color, label,
|
|
5
|
+
component: import("react").MemoExoticComponent<({ color, label, fullWidth, disabled, icon, iconPosition, onPress, accessibilityLabel, accessibilityHint, testID }: import("../components").ButtonSolidProps) => import("react").JSX.Element>;
|
|
6
6
|
parameters: {
|
|
7
7
|
layout: string;
|
|
8
8
|
};
|
package/package.json
CHANGED
|
@@ -19,7 +19,12 @@ import {
|
|
|
19
19
|
} from "../../core";
|
|
20
20
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
21
21
|
import { WithTestID } from "../../utils/types";
|
|
22
|
-
import {
|
|
22
|
+
import {
|
|
23
|
+
AnimatedIcon,
|
|
24
|
+
IOIconSizeScale,
|
|
25
|
+
IOIcons,
|
|
26
|
+
IconClassComponent
|
|
27
|
+
} from "../icons";
|
|
23
28
|
import { HSpacer } from "../spacer/Spacer";
|
|
24
29
|
import { buttonTextFontSize } from "../typography";
|
|
25
30
|
|
|
@@ -175,7 +180,7 @@ export const ButtonLink = React.memo(
|
|
|
175
180
|
}, [isPressed]);
|
|
176
181
|
|
|
177
182
|
// Icon size
|
|
178
|
-
const iconSize = 24;
|
|
183
|
+
const iconSize: IOIconSizeScale = 24;
|
|
179
184
|
|
|
180
185
|
return (
|
|
181
186
|
<Pressable
|
|
@@ -21,7 +21,12 @@ import {
|
|
|
21
21
|
} from "../../core/";
|
|
22
22
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
23
23
|
import { WithTestID } from "../../utils/types";
|
|
24
|
-
import {
|
|
24
|
+
import {
|
|
25
|
+
AnimatedIcon,
|
|
26
|
+
IOIconSizeScale,
|
|
27
|
+
IOIcons,
|
|
28
|
+
IconClassComponent
|
|
29
|
+
} from "../icons";
|
|
25
30
|
import { HSpacer } from "../spacer/Spacer";
|
|
26
31
|
import { buttonTextFontSize } from "../typography";
|
|
27
32
|
|
|
@@ -191,6 +196,9 @@ const IOButtonLegacyStylesLocal = StyleSheet.create({
|
|
|
191
196
|
}
|
|
192
197
|
});
|
|
193
198
|
|
|
199
|
+
// Icon size
|
|
200
|
+
const iconSize: IOIconSizeScale = 20;
|
|
201
|
+
|
|
194
202
|
const DISABLED_OPACITY = 0.5;
|
|
195
203
|
|
|
196
204
|
const IOButtonStylesLocal = StyleSheet.create({
|
|
@@ -349,11 +357,13 @@ export const ButtonOutline = ({
|
|
|
349
357
|
name={icon}
|
|
350
358
|
animatedProps={pressedColorIconAnimationStyle}
|
|
351
359
|
color={colorMap[color]?.label?.default}
|
|
360
|
+
size={iconSize}
|
|
352
361
|
/>
|
|
353
362
|
) : (
|
|
354
363
|
<AnimatedIcon
|
|
355
364
|
name={icon}
|
|
356
365
|
color={colorMap[color]?.label?.disabled}
|
|
366
|
+
size={iconSize}
|
|
357
367
|
/>
|
|
358
368
|
)}
|
|
359
369
|
<HSpacer size={8} />
|
|
@@ -9,10 +9,10 @@ import Animated, {
|
|
|
9
9
|
useSharedValue,
|
|
10
10
|
withSpring
|
|
11
11
|
} from "react-native-reanimated";
|
|
12
|
-
import { IOIcons, Icon } from "../icons";
|
|
12
|
+
import { IOIconSizeScale, IOIcons, Icon } from "../icons";
|
|
13
13
|
import { WithTestID } from "../../utils/types";
|
|
14
14
|
import { HSpacer } from "../spacer/Spacer";
|
|
15
|
-
import { ButtonText
|
|
15
|
+
import { ButtonText } from "../typography/ButtonText";
|
|
16
16
|
import {
|
|
17
17
|
IOButtonLegacyStyles,
|
|
18
18
|
IOButtonStyles,
|
|
@@ -28,8 +28,8 @@ type ColorStates = {
|
|
|
28
28
|
default: string;
|
|
29
29
|
pressed: string;
|
|
30
30
|
label: {
|
|
31
|
-
default:
|
|
32
|
-
disabled:
|
|
31
|
+
default: IOColors;
|
|
32
|
+
disabled: IOColors;
|
|
33
33
|
};
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -45,6 +45,9 @@ const legacyStyles = StyleSheet.create({
|
|
|
45
45
|
const colorPrimaryButtonDisabled: IOColors = "grey-200";
|
|
46
46
|
const DISABLED_OPACITY = 0.5;
|
|
47
47
|
|
|
48
|
+
// Icon size
|
|
49
|
+
const iconSize: IOIconSizeScale = 20;
|
|
50
|
+
|
|
48
51
|
const styles = StyleSheet.create({
|
|
49
52
|
backgroundDisabled: {
|
|
50
53
|
backgroundColor: IOColors[colorPrimaryButtonDisabled],
|
|
@@ -58,11 +61,6 @@ export type ButtonSolidProps = WithTestID<{
|
|
|
58
61
|
*/
|
|
59
62
|
color?: ButtonSolidColor;
|
|
60
63
|
label: string;
|
|
61
|
-
/**
|
|
62
|
-
* Renders a small variant of the button. This property applies to the legacy look only
|
|
63
|
-
* @default false
|
|
64
|
-
*/
|
|
65
|
-
small?: boolean;
|
|
66
64
|
/**
|
|
67
65
|
* @default false
|
|
68
66
|
*/
|
|
@@ -142,7 +140,7 @@ const mapLegacyColorStates: Record<
|
|
|
142
140
|
default: IOColors.white,
|
|
143
141
|
pressed: IOColors["blue-50"],
|
|
144
142
|
label: {
|
|
145
|
-
default: "
|
|
143
|
+
default: "blue",
|
|
146
144
|
disabled: "white"
|
|
147
145
|
}
|
|
148
146
|
}
|
|
@@ -152,7 +150,6 @@ export const ButtonSolid = React.memo(
|
|
|
152
150
|
({
|
|
153
151
|
color = "primary",
|
|
154
152
|
label,
|
|
155
|
-
small = false,
|
|
156
153
|
fullWidth = false,
|
|
157
154
|
disabled = false,
|
|
158
155
|
icon,
|
|
@@ -177,9 +174,6 @@ export const ButtonSolid = React.memo(
|
|
|
177
174
|
[isExperimental]
|
|
178
175
|
);
|
|
179
176
|
|
|
180
|
-
// Icon size
|
|
181
|
-
const iconSize = React.useMemo(() => (small ? 16 : 20), [small]);
|
|
182
|
-
|
|
183
177
|
// Using a spring-based animation for our interpolations
|
|
184
178
|
const progressPressed = useDerivedValue(() =>
|
|
185
179
|
withSpring(isPressed.value, IOSpringValues.button)
|
|
@@ -33,14 +33,14 @@ type FeatureInfoGraphicProps =
|
|
|
33
33
|
| { iconName?: never; pictogramName: IOPictograms }
|
|
34
34
|
| { iconName: IOIcons; pictogramName?: never };
|
|
35
35
|
|
|
36
|
-
type
|
|
36
|
+
type FeatureInfoProps = FeatureInfoGraphicProps &
|
|
37
37
|
PartialFeatureInfo &
|
|
38
38
|
FeatureInfoActionProps;
|
|
39
39
|
|
|
40
40
|
const DEFAULT_ICON_SIZE: IOIconSizeScale = 24;
|
|
41
41
|
const DEFAULT_PICTOGRAM_SIZE: IOPictogramSizeScale = 48;
|
|
42
42
|
|
|
43
|
-
const renderNode = (body:
|
|
43
|
+
const renderNode = (body: FeatureInfoProps["body"]) => {
|
|
44
44
|
if (typeof body === "string") {
|
|
45
45
|
return (
|
|
46
46
|
<LabelSmall weight="Regular" color="grey-700" testID="infoScreenBody">
|
|
@@ -58,7 +58,7 @@ export const FeatureInfo = ({
|
|
|
58
58
|
body,
|
|
59
59
|
actionLabel,
|
|
60
60
|
actionOnPress
|
|
61
|
-
}:
|
|
61
|
+
}: FeatureInfoProps) => (
|
|
62
62
|
<View style={[IOStyles.flex, IOStyles.row, IOStyles.alignCenter]}>
|
|
63
63
|
{iconName && (
|
|
64
64
|
<Icon name={iconName} size={DEFAULT_ICON_SIZE} color="grey-300" />
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { StyleSheet, View } from "react-native";
|
|
4
4
|
import { IOVisualCostants, IOColors } from "../../core";
|
|
5
|
-
import { IOIcons, Icon } from "
|
|
5
|
+
import { IOIcons, Icon } from "./Icon";
|
|
6
6
|
|
|
7
7
|
type IconContained = {
|
|
8
8
|
variant: "tonal";
|
|
@@ -4,10 +4,7 @@ import { useIOExperimentalDesign } from "../../core";
|
|
|
4
4
|
import { useTypographyFactory } from "./Factory";
|
|
5
5
|
import { ExternalTypographyProps, TypographyProps } from "./common";
|
|
6
6
|
|
|
7
|
-
export type ButtonTextAllowedColors =
|
|
8
|
-
IOColors,
|
|
9
|
-
"white" | "blueIO-500" | "grey-700"
|
|
10
|
-
>;
|
|
7
|
+
export type ButtonTextAllowedColors = IOColors;
|
|
11
8
|
type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular" | "Bold">;
|
|
12
9
|
|
|
13
10
|
type ButtonTextProps = ExternalTypographyProps<
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
|
|
2
|
-
import type
|
|
2
|
+
import { useIOExperimentalDesign, type IOColors } from "../../core";
|
|
3
3
|
import {
|
|
4
4
|
ExternalTypographyProps,
|
|
5
5
|
FontSize,
|
|
@@ -20,18 +20,22 @@ type LinkProps = ExternalTypographyProps<
|
|
|
20
20
|
|
|
21
21
|
const fontName: IOFontFamily = "TitilliumWeb";
|
|
22
22
|
|
|
23
|
+
export const linkLegacyDefaultColor: AllowedColors = "blue";
|
|
24
|
+
|
|
23
25
|
export const linkDefaultColor: AllowedColors = "blueIO-500";
|
|
24
26
|
export const linkDefaultWeight: AllowedWeight = "SemiBold";
|
|
25
27
|
|
|
26
28
|
/**
|
|
27
29
|
* `Link` typographic style
|
|
28
30
|
*/
|
|
29
|
-
export const LabelLink = (props: LinkProps) =>
|
|
30
|
-
|
|
31
|
+
export const LabelLink = (props: LinkProps) => {
|
|
32
|
+
const { isExperimental } = useIOExperimentalDesign();
|
|
33
|
+
|
|
34
|
+
return useTypographyFactory<AllowedWeight, AllowedColors>({
|
|
31
35
|
accessibilityRole: props.onPress ? "link" : undefined,
|
|
32
36
|
...props,
|
|
33
37
|
defaultWeight: linkDefaultWeight,
|
|
34
|
-
defaultColor: linkDefaultColor,
|
|
38
|
+
defaultColor: isExperimental ? linkDefaultColor : linkLegacyDefaultColor,
|
|
35
39
|
font: fontName,
|
|
36
40
|
fontStyle: {
|
|
37
41
|
fontSize: props.fontSize
|
|
@@ -43,3 +47,4 @@ export const LabelLink = (props: LinkProps) =>
|
|
|
43
47
|
textDecorationLine: "underline"
|
|
44
48
|
}
|
|
45
49
|
});
|
|
50
|
+
};
|
|
@@ -966,8 +966,8 @@ exports[`Test Typography Components LabelSmall Snapshot 5`] = `
|
|
|
966
966
|
|
|
967
967
|
exports[`Test Typography Components Link Snapshot 1`] = `
|
|
968
968
|
<Text
|
|
969
|
-
color="
|
|
970
|
-
defaultColor="
|
|
969
|
+
color="blue"
|
|
970
|
+
defaultColor="blue"
|
|
971
971
|
defaultWeight="SemiBold"
|
|
972
972
|
font="TitilliumWeb"
|
|
973
973
|
fontStyle={
|
|
@@ -985,7 +985,7 @@ exports[`Test Typography Components Link Snapshot 1`] = `
|
|
|
985
985
|
"textDecorationLine": "underline",
|
|
986
986
|
},
|
|
987
987
|
{
|
|
988
|
-
"color": "#
|
|
988
|
+
"color": "#0073E6",
|
|
989
989
|
"fontFamily": "Titillium Web",
|
|
990
990
|
"fontStyle": "normal",
|
|
991
991
|
"fontWeight": "600",
|