@proximus/lavender-buttonicon-native 2.1.1-alpha.5 → 2.1.1-alpha.51

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,qBAkDlB"}
+{"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"}

package/dist/PxButtonIcon.js

@@ -3,29 +3,25 @@ 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 }, theme) {
-    if (!inverted) {
-        if (variant === 'primary') {
-            return theme.t('ColorBackgroundContainerPrimaryDefault');
-        }
-        if (variant === 'secondary') {
-            return theme.t('ColorBackgroundContainerSecondaryDefault');
-        }
+function getBackgroundColor({ variant, inverted, disabled }, theme) {
+    const invertedSuffix = inverted ? 'Inverted' : 'Default';
+    if (variant === 'naked') {
         return 'transparent';
     }
-    else {
-        if (variant === 'primary') {
-            return theme.t('ColorBackgroundContainerPrimaryInverted');
-        }
-        if (variant === 'secondary') {
-            return theme.t('ColorBackgroundContainerSecondaryInverted');
-        }
-        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}`);
     }
+    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 }, theme);
+    const backgroundColor = getBackgroundColor({ variant, inverted, disabled }, theme);
     return (React.createElement(TouchableOpacity, { ...e2eID(testID), onPress: onPress, focusable: true, disabled: disabled, ...a11y({
             accessibilityRole: 'button',
             accessible: true,
@@ -52,7 +48,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' }))));
+            React.createElement(PxIcon, { inverted: variant === 'primary' ? !inverted : inverted, name: iconName, size: size === 'small' ? 'Xs' : 'S', color: 'Brand', disabled: disabled }))));
 }
 const styles = StyleSheet.create({
     container: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-buttonicon-native",
-  "version": "2.1.1-alpha.5",
+  "version": "2.1.1-alpha.51",
   "description": "Button icon component",
   "license": "MIT",
   "main": "dist/index.js",