@proximus/lavender-buttonicon-native 1.2.8-beta.3 → 1.2.8

package/dist/PxButtonIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxButtonIcon.d.ts","sourceRoot":"","sources":["../src/PxButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAG1E,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyBD,wBAAgB,YAAY,CAAC,EAC3B,OAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,IAAgB,GACjB,EAAE,gBAAgB,qBAsDlB"}
+{"version":3,"file":"PxButtonIcon.d.ts","sourceRoot":"","sources":["../src/PxButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAG1E,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyBD,wBAAgB,YAAY,CAAC,EAC3B,OAAmB,EACnB,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,IAAgB,GACjB,EAAE,gBAAgB,qBAkDlB"}

package/dist/PxButtonIcon.js

@@ -3,25 +3,29 @@ import { a11y, e2eID } from '@proximus/lavender-common-native';
 import { PxIcon } from '@proximus/lavender-icon-native';
 import React from 'react';
 import { useTheme } from '@proximus/lavender-styling-native';
-function getBackgroundColor({ variant, inverted, disabled }, theme) {
-    const invertedSuffix = inverted ? 'Inverted' : 'Default';
-    if (variant === 'naked') {
+function getBackgroundColor({ variant, inverted }, theme) {
+    if (!inverted) {
+        if (variant === 'primary') {
+            return theme.t('ColorBackgroundContainerPrimaryDefault');
+        }
+        if (variant === 'secondary') {
+            return theme.t('ColorBackgroundContainerSecondaryDefault');
+        }
         return 'transparent';
     }
-    if (disabled) {
-        return theme.t(`ColorBackgroundStateDisabled${invertedSuffix}`);
-    }
-    if (variant === 'primary') {
-        return theme.t(`ColorBackgroundContainerPrimary${invertedSuffix}`);
-    }
-    if (variant === 'secondary') {
-        return theme.t(`ColorBackgroundContainerSecondary${invertedSuffix}`);
+    else {
+        if (variant === 'primary') {
+            return theme.t('ColorBackgroundContainerPrimaryInverted');
+        }
+        if (variant === 'secondary') {
+            return theme.t('ColorBackgroundContainerSecondaryInverted');
+        }
+        return 'transparent';
     }
-    return 'transparent';
 }
 export function PxButtonIcon({ variant = 'primary', iconName, wrapperStyle, onPress, disabled, testID, accessibilityLabel, accessibilityHint, inverted, size = 'default', }) {
     const { theme } = useTheme();
-    const backgroundColor = getBackgroundColor({ variant, inverted, disabled }, theme);
+    const backgroundColor = getBackgroundColor({ variant, inverted }, theme);
     return (React.createElement(TouchableOpacity, { ...e2eID(testID), onPress: onPress, focusable: true, disabled: disabled, ...a11y({
             accessibilityRole: 'button',
             accessible: true,
@@ -48,7 +52,7 @@ export function PxButtonIcon({ variant = 'primary', iconName, wrapperStyle, onPr
                 alignItems: 'center',
                 justifyContent: 'center',
             } },
-            React.createElement(PxIcon, { inverted: variant === 'primary' ? !inverted : inverted, name: iconName, size: size === 'small' ? 'Xs' : 'S', color: 'Brand', disabled: disabled }))));
+            React.createElement(PxIcon, { inverted: variant === 'primary' ? !inverted : inverted, name: iconName, size: size === 'small' ? 'Xs' : 'S', color: 'Brand' }))));
 }
 const styles = StyleSheet.create({
     container: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-buttonicon-native",
-  "version": "1.2.8-beta.3",
+  "version": "1.2.8",
   "description": "Button icon component",
   "license": "MIT",
   "main": "dist/index.js",