react-native-terra-ui 0.5.1 → 0.7.0

package/lib/module/components/button/Button.js

@@ -1,9 +1,11 @@
 "use strict";
 
 import { Pressable } from "react-native-unistyles/components/native/Pressable";
-import { Children, createContext, forwardRef, useContext } from 'react';
-import { StyleSheet, useUnistyles } from 'react-native-unistyles';
+import { Children, createContext, forwardRef, useContext } from "react";
+import { StyleSheet, useUnistyles } from "react-native-unistyles";
 import { getDefaultRadius } from "../../theme/registry.js";
+import { readableOn } from "../../utils/color-utils.js";
+import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
 import { Icon } from "../icon/index.js";
 import { Spinner } from "../spinner/index.js";
 import { Text } from "../text/index.js";
@@ -11,8 +13,8 @@ import { Text } from "../text/index.js";
 // ─── Context (lets icons/labels read the resolved foreground + size) ───────────
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ButtonContext = /*#__PURE__*/createContext({
-  color: '',
-  size: 'md'
+  color: "",
+  size: "md"
 });
 export const useButtonContext = () => useContext(ButtonContext);
 
@@ -20,42 +22,42 @@ export const useButtonContext = () => useContext(ButtonContext);
 
 function getColors(variant, theme) {
   const c = theme.color;
-  const get = key => c[key] ?? '';
+  const get = key => c[key] ?? "";
   switch (variant) {
-    case 'primary':
+    case "primary":
       return {
-        bg: get('action.bg.primary'),
-        border: get('action.bg.primary'),
+        bg: get("action.bg.primary"),
+        border: get("action.bg.primary"),
         borderWidth: 0,
-        fg: get('action.fg.primary')
+        fg: get("action.fg.primary")
       };
-    case 'secondary':
+    case "secondary":
       return {
-        bg: get('action.bg.secondary'),
-        border: get('action.bg.secondary'),
+        bg: get("action.bg.secondary"),
+        border: get("action.bg.secondary"),
         borderWidth: 0,
-        fg: get('action.fg.secondary')
+        fg: get("action.fg.secondary")
       };
-    case 'outline':
+    case "outline":
       return {
-        bg: 'transparent',
-        border: get('border.default'),
+        bg: "transparent",
+        border: get("border.default"),
         borderWidth: 1,
-        fg: get('text.default')
+        fg: get("text.default")
       };
-    case 'ghost':
+    case "ghost":
       return {
-        bg: 'transparent',
-        border: 'transparent',
+        bg: "transparent",
+        border: "transparent",
         borderWidth: 0,
-        fg: get('text.default')
+        fg: get("text.default")
       };
-    case 'danger':
+    case "danger":
       return {
-        bg: get('status.danger.bg'),
-        border: get('status.danger.bg'),
+        bg: get("status.danger.bg"),
+        border: get("status.danger.bg"),
         borderWidth: 0,
-        fg: get('status.danger.fg')
+        fg: get("status.danger.fg")
       };
   }
 }
@@ -64,16 +66,16 @@ function getColors(variant, theme) {
 
 const LABEL_TYPOGRAPHY = {
   sm: {
-    variant: 'label-md',
-    weight: 'semibold'
+    variant: "label-md",
+    weight: "semibold"
   },
   md: {
-    variant: 'label-lg',
-    weight: 'semibold'
+    variant: "label-lg",
+    weight: "semibold"
   },
   lg: {
-    variant: 'label-lg',
-    weight: 'bold'
+    variant: "label-lg",
+    weight: "bold"
   }
 };
 const ButtonLabel = ({
@@ -120,12 +122,12 @@ const ButtonIcon = ({
 };
 function renderChildren(children) {
   return Children.map(children, child => {
-    if (typeof child === 'string') {
+    if (typeof child === "string") {
       return child.trim().length > 0 ? /*#__PURE__*/_jsx(ButtonLabel, {
         children: child
       }) : null;
     }
-    if (typeof child === 'number') {
+    if (typeof child === "number") {
       return /*#__PURE__*/_jsx(ButtonLabel, {
         children: child
       });
@@ -137,14 +139,15 @@ function renderChildren(children) {
 // ─── Component ────────────────────────────────────────────────────────────────
 
 const ButtonRoot = /*#__PURE__*/forwardRef(function Button({
-  variant = 'primary',
-  size = 'md',
-  radius = getDefaultRadius('button'),
+  variant = "primary",
+  size = "md",
+  radius = getDefaultRadius("button"),
   isDisabled = false,
   isLoading = false,
   isIconOnly = false,
   fullWidth = true,
   compact = false,
+  background,
   children,
   onPress,
   ...rest
@@ -161,11 +164,14 @@ const ButtonRoot = /*#__PURE__*/forwardRef(function Button({
       iconOnly: isIconOnly
     });
     const {
-      bg,
+      bg: variantBg,
       border,
       borderWidth,
-      fg
+      fg: variantFg
     } = getColors(variant, theme);
+    const resolvedBackground = background !== undefined ? resolveThemeColor(background, theme) : undefined;
+    const bg = resolvedBackground ?? variantBg;
+    const fg = resolvedBackground !== undefined ? readableOn(resolvedBackground) : variantFg;
     const blocked = isDisabled || isLoading;
     const {
       style: externalStyle,
@@ -194,7 +200,7 @@ const ButtonRoot = /*#__PURE__*/forwardRef(function Button({
           opacity: theme.opacity.pressed
         } : null, isDisabled ? {
           opacity: theme.opacity.disabled
-        } : null, typeof externalStyle === 'function' ? externalStyle(state) : externalStyle],
+        } : null, typeof externalStyle === "function" ? externalStyle(state) : externalStyle],
         children: [isLoading && /*#__PURE__*/_jsx(Spinner, {
           size: "sm",
           color: fg
@@ -211,24 +217,24 @@ Button.Label = ButtonLabel;
 
 const styles = StyleSheet.create(theme => ({
   base: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    alignSelf: 'flex-start',
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    alignSelf: "flex-start",
     variants: {
       size: {
         sm: {
-          minHeight: 36,
+          height: 36,
           paddingHorizontal: 14,
           gap: 6
         },
         md: {
-          minHeight: 44,
+          height: 44,
           paddingHorizontal: 16,
           gap: 8
         },
         lg: {
-          minHeight: 52,
+          height: 52,
           paddingHorizontal: 20,
           gap: 8
         }
@@ -255,7 +261,7 @@ const styles = StyleSheet.create(theme => ({
       },
       fullWidth: {
         true: {
-          alignSelf: 'stretch'
+          alignSelf: "stretch"
         },
         false: {}
       },
@@ -272,7 +278,7 @@ const styles = StyleSheet.create(theme => ({
   compact: {
     paddingHorizontal: 2,
     paddingVertical: 2,
-    minHeight: 0
+    height: undefined
   }
 }));
 //# sourceMappingURL=Button.js.map

package/lib/module/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["Children","createContext","forwardRef","useContext","StyleSheet","useUnistyles","getDefaultRadius","Icon","Spinner","Text","jsx","_jsx","jsxs","_jsxs","ButtonContext","color","size","useButtonContext","getColors","variant","theme","c","get","key","bg","border","borderWidth","fg","LABEL_TYPOGRAPHY","sm","weight","md","lg","ButtonLabel","children","typography","style","ICON_SIZE","ButtonIcon","name","sizeProp","colorProp","strokeWidth","renderChildren","map","child","trim","length","ButtonRoot","Button","radius","isDisabled","isLoading","isIconOnly","fullWidth","compact","onPress","rest","ref","_styles","styles","useVariants","iconOnly","blocked","externalStyle","pressableRest","Provider","value","Pressable","undefined","disabled","accessibilityRole","accessibilityState","busy","state","base","backgroundColor","borderColor","pressed","opacity","Label","create","flexDirection","alignItems","justifyContent","alignSelf","variants","minHeight","paddingHorizontal","gap","none","borderRadius","xl","full","true","false","aspectRatio","uni__dependencies","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/button/Button.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","createContext","forwardRef","useContext","StyleSheet","useUnistyles","getDefaultRadius","readableOn","resolveThemeColor","Icon","Spinner","Text","jsx","_jsx","jsxs","_jsxs","ButtonContext","color","size","useButtonContext","getColors","variant","theme","c","get","key","bg","border","borderWidth","fg","LABEL_TYPOGRAPHY","sm","weight","md","lg","ButtonLabel","children","typography","style","ICON_SIZE","ButtonIcon","name","sizeProp","colorProp","strokeWidth","renderChildren","map","child","trim","length","ButtonRoot","Button","radius","isDisabled","isLoading","isIconOnly","fullWidth","compact","background","onPress","rest","ref","_styles","styles","useVariants","iconOnly","variantBg","variantFg","resolvedBackground","undefined","blocked","externalStyle","pressableRest","Provider","value","Pressable","disabled","accessibilityRole","accessibilityState","busy","state","base","backgroundColor","borderColor","pressed","opacity","Label","create","flexDirection","alignItems","justifyContent","alignSelf","variants","height","paddingHorizontal","gap","none","borderRadius","xl","full","true","false","aspectRatio","uni__dependencies","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/chip/Chip.js

@@ -2,8 +2,8 @@
 
 import { View } from "react-native-unistyles/components/native/View";
 import { Text as RNText } from "react-native-unistyles/components/native/Text";
-import { Children, createContext, forwardRef, useContext } from 'react';
-import { StyleSheet, useUnistyles, withUnistyles } from 'react-native-unistyles';
+import { Children, createContext, forwardRef, useContext } from "react";
+import { StyleSheet, useUnistyles, withUnistyles } from "react-native-unistyles";
 import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
 import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../utils/typography.js";
 import { Icon } from "../icon/index.js";
@@ -12,8 +12,8 @@ import { getCustomColorColors } from "./utils.js";
 // ─── Context (lets Chip.Icon read the resolved foreground + size) ─────────────
 import { jsx as _jsx } from "react/jsx-runtime";
 const ChipContext = /*#__PURE__*/createContext({
-  color: 'text.default',
-  size: 'md'
+  color: "text.default",
+  size: "md"
 });
 
 // ─── Colors ─────────────────────────────────────────────────────────────────
@@ -32,40 +32,40 @@ const ChipContext = /*#__PURE__*/createContext({
 // can't be a compound variant condition — see `getCustomColorColors` in
 // `utils.ts` for how it's derived instead.
 
-const SCHEME_NAMES = new Set(['primary', 'secondary', 'success', 'warning', 'danger']);
+const SCHEME_NAMES = new Set(["primary", "secondary", "success", "warning", "danger"]);
 // `ghost` is `outline` with its border taken away, so it has no colors of its
 // own — it borrows outline's foreground. Only the *paint* differs, and that
 // comes from the `ghost` style variant, never from here.
 function paintedVariant(variant) {
-  return variant === 'ghost' ? 'outline' : variant;
+  return variant === "ghost" ? "outline" : variant;
 }
 
 /** Foreground token per (scheme, variant) — mirrors the spec's token table. */
 const FG_TOKEN = {
   primary: {
-    solid: 'action.fg.primary',
-    soft: 'action.fg.primary.subtle',
-    outline: 'text.accent'
+    solid: "action.fg.primary",
+    soft: "action.fg.primary.subtle",
+    outline: "text.accent"
   },
   secondary: {
-    solid: 'action.fg.secondary',
-    soft: 'action.fg.secondary.subtle',
-    outline: 'text.default'
+    solid: "action.fg.secondary",
+    soft: "action.fg.secondary.subtle",
+    outline: "text.default"
   },
   success: {
-    solid: 'status.success.fg',
-    soft: 'status.success.fg.subtle',
-    outline: 'status.success.fg.subtle'
+    solid: "status.success.fg",
+    soft: "status.success.fg.subtle",
+    outline: "status.success.fg.subtle"
   },
   warning: {
-    solid: 'status.warning.fg',
-    soft: 'status.warning.fg.subtle',
-    outline: 'status.warning.fg.subtle'
+    solid: "status.warning.fg",
+    soft: "status.warning.fg.subtle",
+    outline: "status.warning.fg.subtle"
   },
   danger: {
-    solid: 'status.danger.fg',
-    soft: 'status.danger.fg.subtle',
-    outline: 'status.danger.fg.subtle'
+    solid: "status.danger.fg",
+    soft: "status.danger.fg.subtle",
+    outline: "status.danger.fg.subtle"
   }
 };
 
@@ -78,9 +78,9 @@ function resolveForeground(color, variant, customColors) {
 // ─── Label sub-component ───────────────────────────────────────────────────────
 
 const LABEL_VARIANT = {
-  sm: 'label-sm',
-  md: 'label-md',
-  lg: 'label-lg'
+  sm: "label-sm",
+  md: "label-md",
+  lg: "label-lg"
 };
 
 // Renders through React Native's `Text` rather than the `Text` primitive: a
@@ -147,12 +147,12 @@ const ChipIcon = ({
 };
 function renderChildren(children) {
   return Children.map(children, child => {
-    if (typeof child === 'string') {
+    if (typeof child === "string") {
       return child.trim().length > 0 ? /*#__PURE__*/_jsx(ChipLabel, {
         children: child
       }) : null;
     }
-    if (typeof child === 'number') {
+    if (typeof child === "number") {
       return /*#__PURE__*/_jsx(ChipLabel, {
         children: child
       });
@@ -164,9 +164,9 @@ function renderChildren(children) {
 // ─── Component ────────────────────────────────────────────────────────────────
 
 const ChipRoot = /*#__PURE__*/forwardRef(function Chip({
-  size = 'md',
-  variant = 'soft',
-  color = 'secondary',
+  size = "md",
+  variant = "soft",
+  color = "secondary",
   children,
   style,
   ...rest
@@ -184,7 +184,7 @@ const ChipRoot = /*#__PURE__*/forwardRef(function Chip({
     // Ghost takes outline's foreground but none of its paint — its transparent
     // background and absent border come from the `ghost` style variant, so
     // applying the derived paint here would hand it outline's border back.
-    const customPaint = customColors && variant !== 'ghost' ? {
+    const customPaint = customColors && variant !== "ghost" ? {
       backgroundColor: customColors.bg,
       borderColor: customColors.border,
       borderWidth: customColors.borderWidth
@@ -249,28 +249,28 @@ const styles = StyleSheet.create(theme => {
       variants: {
         size: {
           sm: {
-            fontSize: theme.typography.variants['label-sm'].fontSize,
-            lineHeight: theme.typography.variants['label-sm'].lineHeight,
-            letterSpacing: theme.typography.variants['label-sm'].letterSpacing
+            fontSize: theme.typography.variants["label-sm"].fontSize,
+            lineHeight: theme.typography.variants["label-sm"].lineHeight,
+            letterSpacing: theme.typography.variants["label-sm"].letterSpacing
           },
           md: {
-            fontSize: theme.typography.variants['label-md'].fontSize,
-            lineHeight: theme.typography.variants['label-md'].lineHeight,
-            letterSpacing: theme.typography.variants['label-md'].letterSpacing
+            fontSize: theme.typography.variants["label-md"].fontSize,
+            lineHeight: theme.typography.variants["label-md"].lineHeight,
+            letterSpacing: theme.typography.variants["label-md"].letterSpacing
           },
           lg: {
-            fontSize: theme.typography.variants['label-lg'].fontSize,
-            lineHeight: theme.typography.variants['label-lg'].lineHeight,
-            letterSpacing: theme.typography.variants['label-lg'].letterSpacing
+            fontSize: theme.typography.variants["label-lg"].fontSize,
+            lineHeight: theme.typography.variants["label-lg"].lineHeight,
+            letterSpacing: theme.typography.variants["label-lg"].letterSpacing
           }
         }
       },
       uni__dependencies: [0, 4]
     },
     base: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      alignSelf: 'flex-start',
+      flexDirection: "row",
+      alignItems: "center",
+      alignSelf: "flex-start",
       borderRadius: theme.radius.full,
       variants: {
         size: {
@@ -305,120 +305,120 @@ const styles = StyleSheet.create(theme => {
           soft: {},
           outline: {},
           ghost: {
-            backgroundColor: 'transparent',
-            borderColor: 'transparent',
+            backgroundColor: "transparent",
+            borderColor: "transparent",
             borderWidth: 0
           }
         }
       },
       compoundVariants: [{
-        color: 'primary',
-        variant: 'solid',
+        color: "primary",
+        variant: "solid",
         styles: {
-          backgroundColor: c['action.bg.primary'],
+          backgroundColor: c["action.bg.primary"],
           borderWidth: 0
         }
       }, {
-        color: 'primary',
-        variant: 'soft',
+        color: "primary",
+        variant: "soft",
         styles: {
-          backgroundColor: c['action.bg.primary.subtle'],
+          backgroundColor: c["action.bg.primary.subtle"],
           borderWidth: 0
         }
       }, {
-        color: 'primary',
-        variant: 'outline',
+        color: "primary",
+        variant: "outline",
         styles: {
-          backgroundColor: 'transparent',
-          borderColor: c['action.bg.primary.subtle'],
+          backgroundColor: "transparent",
+          borderColor: c["action.bg.primary.subtle"],
           borderWidth: 1
         }
       }, {
-        color: 'secondary',
-        variant: 'solid',
+        color: "secondary",
+        variant: "solid",
         styles: {
-          backgroundColor: c['action.bg.secondary'],
+          backgroundColor: c["action.bg.secondary"],
           borderWidth: 0
         }
       }, {
-        color: 'secondary',
-        variant: 'soft',
+        color: "secondary",
+        variant: "soft",
         styles: {
-          backgroundColor: c['action.bg.secondary.subtle'],
+          backgroundColor: c["action.bg.secondary.subtle"],
           borderWidth: 0
         }
       }, {
-        color: 'secondary',
-        variant: 'outline',
+        color: "secondary",
+        variant: "outline",
         styles: {
-          backgroundColor: 'transparent',
-          borderColor: c['action.bg.secondary.subtle'],
+          backgroundColor: "transparent",
+          borderColor: c["action.bg.secondary.subtle"],
           borderWidth: 1
         }
       }, {
-        color: 'success',
-        variant: 'solid',
+        color: "success",
+        variant: "solid",
         styles: {
-          backgroundColor: c['status.success.bg'],
+          backgroundColor: c["status.success.bg"],
           borderWidth: 0
         }
       }, {
-        color: 'success',
-        variant: 'soft',
+        color: "success",
+        variant: "soft",
         styles: {
-          backgroundColor: c['status.success.bg.subtle'],
+          backgroundColor: c["status.success.bg.subtle"],
           borderWidth: 0
         }
       }, {
-        color: 'success',
-        variant: 'outline',
+        color: "success",
+        variant: "outline",
         styles: {
-          backgroundColor: 'transparent',
-          borderColor: c['status.success.bg.subtle'],
+          backgroundColor: "transparent",
+          borderColor: c["status.success.bg.subtle"],
           borderWidth: 1
         }
       }, {
-        color: 'warning',
-        variant: 'solid',
+        color: "warning",
+        variant: "solid",
         styles: {
-          backgroundColor: c['status.warning.bg'],
+          backgroundColor: c["status.warning.bg"],
           borderWidth: 0
         }
       }, {
-        color: 'warning',
-        variant: 'soft',
+        color: "warning",
+        variant: "soft",
         styles: {
-          backgroundColor: c['status.warning.bg.subtle'],
+          backgroundColor: c["status.warning.bg.subtle"],
           borderWidth: 0
         }
       }, {
-        color: 'warning',
-        variant: 'outline',
+        color: "warning",
+        variant: "outline",
         styles: {
-          backgroundColor: 'transparent',
-          borderColor: c['status.warning.bg.subtle'],
+          backgroundColor: "transparent",
+          borderColor: c["status.warning.bg.subtle"],
           borderWidth: 1
         }
       }, {
-        color: 'danger',
-        variant: 'solid',
+        color: "danger",
+        variant: "solid",
         styles: {
-          backgroundColor: c['status.danger.bg'],
+          backgroundColor: c["status.danger.bg"],
           borderWidth: 0
         }
       }, {
-        color: 'danger',
-        variant: 'soft',
+        color: "danger",
+        variant: "soft",
         styles: {
-          backgroundColor: c['status.danger.bg.subtle'],
+          backgroundColor: c["status.danger.bg.subtle"],
           borderWidth: 0
         }
       }, {
-        color: 'danger',
-        variant: 'outline',
+        color: "danger",
+        variant: "outline",
         styles: {
-          backgroundColor: 'transparent',
-          borderColor: c['status.danger.bg.subtle'],
+          backgroundColor: "transparent",
+          borderColor: c["status.danger.bg.subtle"],
           borderWidth: 1
         }
       }],