@proximus/lavender-icon-native 0.1.0-alpha.11 → 0.1.0-alpha.13

package/dist/PxIcon.d.ts

@@ -1,17 +1,24 @@
 import React from 'react';
 import { AccessibilityProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import type { IconName } from '@proximus/lavender-icon/dist/iconNames.js';
+import { IconColor } from '@proximus/lavender-icon';
+import { IconSize } from '@proximus/lavender-common';
 export declare function convertIconName(oldName: string): string;
 interface PxIconProps extends AccessibilityProps {
     name: IconName;
-    size?: number;
-    color?: string;
+    size?: IconSize;
+    color?: IconColor;
+    /** @deprecated Use 'color' property instead */
+    deprecatedColor?: string;
+    /** @deprecated Use 'size' property instead */
+    deprecatedSize?: number;
     background?: boolean;
     disabled?: boolean;
+    inverted?: boolean;
     backgroundSize?: number;
     style?: StyleProp<TextStyle>;
     containerStyle?: StyleProp<ViewStyle>;
 }
-export declare function PxIcon({ name, size, color, style, disabled, containerStyle, ...accessibilityProps }: PxIconProps): React.JSX.Element;
+export declare function PxIcon({ name, size, color, style, disabled, containerStyle, inverted, deprecatedColor, deprecatedSize, ...accessibilityProps }: PxIconProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PxIcon.d.ts.map

package/dist/PxIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxIcon.d.ts","sourceRoot":"","sources":["../src/PxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAET,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAG1E,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAuEvD;AAED,UAAU,WAAY,SAAQ,kBAAkB;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAID,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,cAAc,EACd,GAAG,kBAAkB,EACtB,EAAE,WAAW,qBAmBb"}
+{"version":3,"file":"PxIcon.d.ts","sourceRoot":"","sources":["../src/PxIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAET,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAE1E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAErD,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAuEvD;AAED,UAAU,WAAY,SAAQ,kBAAkB;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAID,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAU,EACV,KAAe,EACf,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAgB,EAChB,eAAe,EACf,cAAc,EACd,GAAG,kBAAkB,EACtB,EAAE,WAAW,qBA0Bb"}

package/dist/PxIcon.js

@@ -75,14 +75,19 @@ export function convertIconName(oldName) {
     return iconMap[oldName] ?? oldName;
 }
 const LavenderIcon = createIconSet(LavenderGlyphMap, 'lavender');
-export function PxIcon({ name, size, color, style, disabled, containerStyle, ...accessibilityProps }) {
+export function PxIcon({ name, size = 'M', color = 'Brand', style, disabled, containerStyle, inverted = false, deprecatedColor, deprecatedSize, ...accessibilityProps }) {
     const { theme } = useTheme();
+    const invertedSuffix = inverted ? 'Inverted' : 'Default';
     const iconColor = disabled
         ? theme.t('ColorIconStateDisabledDefault')
-        : color || theme.t('ColorIconBrandDefault');
-    const iconSize = size || theme.t('SizeIconS').number;
+        : color
+            ? theme.t(`ColorIcon${color}${invertedSuffix}`)
+            : theme.t('ColorIconBrandDefault');
+    const iconSize = size
+        ? theme.t(`SizeIcon${size}`).number
+        : theme.t('SizeIconS').number;
     return (React.createElement(View, { style: [styles.container, containerStyle] },
-        React.createElement(LavenderIcon, { name: name, color: iconColor, size: iconSize, style: style, ...accessibilityProps })));
+        React.createElement(LavenderIcon, { name: name, color: deprecatedColor || iconColor, size: deprecatedSize || iconSize, style: style, ...accessibilityProps })));
 }
 const styles = StyleSheet.create({
     container: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-icon-native",
-  "version": "0.1.0-alpha.11",
+  "version": "0.1.0-alpha.13",
   "description": "Lavender icon component",
   "main": "dist/index.js",
   "files": [