react-native-terra-ui 0.11.17 → 0.12.0

package/lib/module/components/badge/parts/BadgeIndicator.js

@@ -1,212 +0,0 @@
-"use strict";
-
-import { View } from "react-native-unistyles/components/native/View";
-import { Text as RNText } from "react-native-unistyles/components/native/Text";
-import { StyleSheet, useUnistyles } from "react-native-unistyles";
-import { resolveThemeColor } from "../../../utils/resolve-theme-color.js";
-import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../../utils/typography.js";
-import { getCustomBadgeColors, hasLabel } from "../utils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const SCHEME_NAMES = new Set(["primary", "secondary", "success", "warning", "danger"]);
-/** Label foreground per scheme — mirrors the spec's token table. */
-const FG_TOKEN = {
-  primary: "accent.solid.fg",
-  secondary: "neutral.solid.fg",
-  success: "success.solid.fg",
-  warning: "warning.solid.fg",
-  danger: "danger.solid.fg"
-};
-const LABEL_VARIANT = {
-  sm: "label-sm",
-  md: "label-md",
-  lg: "label-lg"
-};
-/**
- * The overlay itself: a dot, or a pill carrying the label. Owns the paint, the
- * legibility ring, and the accessibility node — the wrapper owns only position.
- *
- * `useUnistyles` is called unconditionally, which is what subscribes this
- * component to theme changes. The background below comes from a variant, which
- * unistyles applies straight to the native node on a theme switch; without a
- * re-render React would go on believing the node holds the previous theme's
- * value. `Chip` documents the same hazard on its root.
- */
-export const BadgeIndicator = ({
-  label,
-  color,
-  size,
-  accessibilityLabel
-}) => {
-  const {
-    theme
-  } = useUnistyles();
-  // A literal never matches one of the five variant options, so it's cast to
-  // satisfy `useVariants`'s literal-union type while still being compared
-  // against the real value below.
-  const _styles = styles;
-  {
-    const styles = _styles.useVariants({
-      color: color,
-      size
-    });
-    const custom = SCHEME_NAMES.has(color) ? null : getCustomBadgeColors(color);
-    const labelled = hasLabel(label);
-    const foreground = custom ? custom.fg : FG_TOKEN[color];
-
-    // An explicit label wins even on a dot; a dot with nothing to announce is
-    // decorative and hidden rather than read out as an unlabelled element.
-    const announced = accessibilityLabel ?? (labelled ? String(label) : undefined);
-    const accessibility = announced ? {
-      accessible: true,
-      accessibilityLabel: announced
-    } : {
-      accessibilityElementsHidden: true,
-      importantForAccessibility: "no-hide-descendants",
-      "aria-hidden": true
-    };
-    return /*#__PURE__*/_jsx(View, {
-      style: [styles.indicator, labelled ? styles.pill : styles.dot, custom ? {
-        backgroundColor: custom.bg
-      } : null],
-      ...accessibility,
-      children: labelled ? /*#__PURE__*/_jsx(RNText, {
-        style: [styles.label, {
-          color: resolveThemeColor(foreground, theme)
-        }],
-        maxFontSizeMultiplier: theme.typography.variants[LABEL_VARIANT[size]].maxFontSizeMultiplier,
-        numberOfLines: 1,
-        children: label
-      }) : null
-    });
-  }
-};
-
-// ─── Styles ───────────────────────────────────────────────────────────────────
-//
-// `color` is a plain variant rather than a compound one: `Badge` renders solid
-// only, so there is no second paint axis for it to interact with.
-//
-// React Native's box model is border-box, so the ring below eats into the
-// indicator rather than growing it — the dot's outer diameter stays exactly
-// what `size` declares, with no compensation arithmetic.
-const styles = StyleSheet.create(theme => {
-  const c = theme.color;
-  // A custom font encodes its weight in the family name, so only the system
-  // font takes a numeric `fontWeight` — the same branch `Chip` makes. Inlined
-  // rather than extracted: the unistyles Babel plugin rewrites this factory,
-  // and an imported function called from inside it is not in scope at runtime.
-  const labelFont = theme.typography.fonts.semibold;
-  const isSystemLabelFont = labelFont === SYSTEM_FONT;
-  return {
-    indicator: {
-      alignItems: "center",
-      justifyContent: "center",
-      borderRadius: theme.radius.full,
-      borderColor: c["surface.canvas"],
-      variants: {
-        size: {
-          sm: {
-            borderWidth: 1.5
-          },
-          md: {
-            borderWidth: 2
-          },
-          lg: {
-            borderWidth: 2
-          }
-        },
-        color: {
-          primary: {
-            backgroundColor: c["accent.solid.bg"]
-          },
-          secondary: {
-            backgroundColor: c["neutral.solid.bg"]
-          },
-          success: {
-            backgroundColor: c["success.solid.bg"]
-          },
-          warning: {
-            backgroundColor: c["warning.solid.bg"]
-          },
-          danger: {
-            backgroundColor: c["danger.solid.bg"]
-          }
-        }
-      },
-      uni__dependencies: [0, 4]
-    },
-    // These diameters are mirrored by `DOT_SIZE` in `../utils.ts`, which the
-    // anchor arithmetic reads. The Babel plugin needs them literal here, so a
-    // test asserts the two stay equal.
-    dot: {
-      variants: {
-        size: {
-          sm: {
-            width: 12,
-            height: 12
-          },
-          md: {
-            width: 16,
-            height: 16
-          },
-          lg: {
-            width: 20,
-            height: 20
-          }
-        }
-      },
-      uni__dependencies: [4]
-    },
-    pill: {
-      variants: {
-        size: {
-          sm: {
-            height: 18,
-            minWidth: 18,
-            paddingHorizontal: 5
-          },
-          md: {
-            height: 22,
-            minWidth: 22,
-            paddingHorizontal: 6
-          },
-          lg: {
-            height: 26,
-            minWidth: 26,
-            paddingHorizontal: 8
-          }
-        }
-      },
-      uni__dependencies: [4]
-    },
-    // Spelled out rather than derived from `LABEL_VARIANT`: the unistyles Babel
-    // plugin reads this object statically, so computed variant keys are not
-    // safe here even though they would resolve correctly under test.
-    label: {
-      textAlign: "center",
-      fontFamily: isSystemLabelFont ? undefined : labelFont,
-      fontWeight: isSystemLabelFont ? FONT_WEIGHT_VALUE.semibold : undefined,
-      variants: {
-        size: {
-          sm: {
-            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
-          },
-          lg: {
-            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]
-    }
-  };
-});
-//# sourceMappingURL=BadgeIndicator.js.map

package/lib/module/components/badge/parts/BadgeIndicator.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","useUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","getCustomBadgeColors","hasLabel","jsx","_jsx","SCHEME_NAMES","Set","FG_TOKEN","primary","secondary","success","warning","danger","LABEL_VARIANT","sm","md","lg","BadgeIndicator","label","color","size","accessibilityLabel","theme","_styles","styles","useVariants","custom","has","labelled","foreground","fg","announced","String","undefined","accessibility","accessible","accessibilityElementsHidden","importantForAccessibility","View","style","indicator","pill","dot","backgroundColor","bg","children","RNText","maxFontSizeMultiplier","typography","variants","numberOfLines","create","c","labelFont","fonts","semibold","isSystemLabelFont","alignItems","justifyContent","borderRadius","radius","full","borderColor","borderWidth","uni__dependencies","width","height","minWidth","paddingHorizontal","textAlign","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../../src","sources":["components/badge/parts/BadgeIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/badge/parts/BadgeIndicator.d.ts

@@ -1,19 +0,0 @@
-import type { BadgeColor, BadgeSize } from "../types.js";
-export interface BadgeIndicatorProps {
-    label?: string | number;
-    color: BadgeColor;
-    size: BadgeSize;
-    accessibilityLabel?: string;
-}
-/**
- * The overlay itself: a dot, or a pill carrying the label. Owns the paint, the
- * legibility ring, and the accessibility node — the wrapper owns only position.
- *
- * `useUnistyles` is called unconditionally, which is what subscribes this
- * component to theme changes. The background below comes from a variant, which
- * unistyles applies straight to the native node on a theme switch; without a
- * re-render React would go on believing the node holds the previous theme's
- * value. `Chip` documents the same hazard on its root.
- */
-export declare const BadgeIndicator: ({ label, color, size, accessibilityLabel }: BadgeIndicatorProps) => import("react").JSX.Element;
-//# sourceMappingURL=BadgeIndicator.d.ts.map

package/lib/typescript/src/components/badge/parts/BadgeIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeIndicator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/badge/parts/BadgeIndicator.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,aAAU,CAAC;AAsBtD,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,GAAI,4CAA4C,mBAAmB,gCA0C7F,CAAC"}

package/src/components/badge/parts/BadgeIndicator.tsx

@@ -1,178 +0,0 @@
-import { Text as RNText, View } from "react-native";
-
-import { StyleSheet, useUnistyles } from "react-native-unistyles";
-
-import type { ColorToken, RoleTextVariant } from "#theme/types";
-import { resolveThemeColor } from "#utils/resolve-theme-color";
-import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "#utils/typography";
-import type { BadgeColor, BadgeSize } from "../types";
-import { getCustomBadgeColors, hasLabel } from "../utils";
-
-const SCHEME_NAMES = new Set(["primary", "secondary", "success", "warning", "danger"]);
-
-type BadgeScheme = "primary" | "secondary" | "success" | "warning" | "danger";
-
-/** Label foreground per scheme — mirrors the spec's token table. */
-const FG_TOKEN: Record<BadgeScheme, ColorToken> = {
-  primary: "accent.solid.fg",
-  secondary: "neutral.solid.fg",
-  success: "success.solid.fg",
-  warning: "warning.solid.fg",
-  danger: "danger.solid.fg",
-};
-
-const LABEL_VARIANT: Record<BadgeSize, RoleTextVariant> = {
-  sm: "label-sm",
-  md: "label-md",
-  lg: "label-lg",
-};
-
-export interface BadgeIndicatorProps {
-  label?: string | number;
-  color: BadgeColor;
-  size: BadgeSize;
-  accessibilityLabel?: string;
-}
-
-/**
- * The overlay itself: a dot, or a pill carrying the label. Owns the paint, the
- * legibility ring, and the accessibility node — the wrapper owns only position.
- *
- * `useUnistyles` is called unconditionally, which is what subscribes this
- * component to theme changes. The background below comes from a variant, which
- * unistyles applies straight to the native node on a theme switch; without a
- * re-render React would go on believing the node holds the previous theme's
- * value. `Chip` documents the same hazard on its root.
- */
-export const BadgeIndicator = ({ label, color, size, accessibilityLabel }: BadgeIndicatorProps) => {
-  const { theme } = useUnistyles();
-  // A literal never matches one of the five variant options, so it's cast to
-  // satisfy `useVariants`'s literal-union type while still being compared
-  // against the real value below.
-  styles.useVariants({ color: color as BadgeScheme, size });
-
-  const custom = SCHEME_NAMES.has(color) ? null : getCustomBadgeColors(color);
-  const labelled = hasLabel(label);
-  const foreground = custom ? custom.fg : FG_TOKEN[color as BadgeScheme];
-
-  // An explicit label wins even on a dot; a dot with nothing to announce is
-  // decorative and hidden rather than read out as an unlabelled element.
-  const announced = accessibilityLabel ?? (labelled ? String(label) : undefined);
-  const accessibility = announced
-    ? { accessible: true, accessibilityLabel: announced }
-    : {
-        accessibilityElementsHidden: true,
-        importantForAccessibility: "no-hide-descendants" as const,
-        "aria-hidden": true,
-      };
-
-  return (
-    <View
-      style={[
-        styles.indicator,
-        labelled ? styles.pill : styles.dot,
-        custom ? { backgroundColor: custom.bg } : null,
-      ]}
-      {...accessibility}
-    >
-      {labelled ? (
-        <RNText
-          style={[styles.label, { color: resolveThemeColor(foreground, theme) }]}
-          maxFontSizeMultiplier={theme.typography.variants[LABEL_VARIANT[size]].maxFontSizeMultiplier}
-          numberOfLines={1}
-        >
-          {label}
-        </RNText>
-      ) : null}
-    </View>
-  );
-};
-
-// ─── Styles ───────────────────────────────────────────────────────────────────
-//
-// `color` is a plain variant rather than a compound one: `Badge` renders solid
-// only, so there is no second paint axis for it to interact with.
-//
-// React Native's box model is border-box, so the ring below eats into the
-// indicator rather than growing it — the dot's outer diameter stays exactly
-// what `size` declares, with no compensation arithmetic.
-const styles = StyleSheet.create((theme) => {
-  const c = theme.color;
-  // A custom font encodes its weight in the family name, so only the system
-  // font takes a numeric `fontWeight` — the same branch `Chip` makes. Inlined
-  // rather than extracted: the unistyles Babel plugin rewrites this factory,
-  // and an imported function called from inside it is not in scope at runtime.
-  const labelFont = theme.typography.fonts.semibold;
-  const isSystemLabelFont = labelFont === SYSTEM_FONT;
-
-  return {
-    indicator: {
-      alignItems: "center",
-      justifyContent: "center",
-      borderRadius: theme.radius.full,
-      borderColor: c["surface.canvas"],
-      variants: {
-        size: {
-          sm: { borderWidth: 1.5 },
-          md: { borderWidth: 2 },
-          lg: { borderWidth: 2 },
-        },
-        color: {
-          primary: { backgroundColor: c["accent.solid.bg"] },
-          secondary: { backgroundColor: c["neutral.solid.bg"] },
-          success: { backgroundColor: c["success.solid.bg"] },
-          warning: { backgroundColor: c["warning.solid.bg"] },
-          danger: { backgroundColor: c["danger.solid.bg"] },
-        },
-      },
-    },
-    // These diameters are mirrored by `DOT_SIZE` in `../utils.ts`, which the
-    // anchor arithmetic reads. The Babel plugin needs them literal here, so a
-    // test asserts the two stay equal.
-    dot: {
-      variants: {
-        size: {
-          sm: { width: 12, height: 12 },
-          md: { width: 16, height: 16 },
-          lg: { width: 20, height: 20 },
-        },
-      },
-    },
-    pill: {
-      variants: {
-        size: {
-          sm: { height: 18, minWidth: 18, paddingHorizontal: 5 },
-          md: { height: 22, minWidth: 22, paddingHorizontal: 6 },
-          lg: { height: 26, minWidth: 26, paddingHorizontal: 8 },
-        },
-      },
-    },
-    // Spelled out rather than derived from `LABEL_VARIANT`: the unistyles Babel
-    // plugin reads this object statically, so computed variant keys are not
-    // safe here even though they would resolve correctly under test.
-    label: {
-      textAlign: "center",
-      fontFamily: isSystemLabelFont ? undefined : labelFont,
-      fontWeight: isSystemLabelFont ? FONT_WEIGHT_VALUE.semibold : undefined,
-      variants: {
-        size: {
-          sm: {
-            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,
-          },
-          lg: {
-            fontSize: theme.typography.variants["label-lg"].fontSize,
-            lineHeight: theme.typography.variants["label-lg"].lineHeight,
-            letterSpacing: theme.typography.variants["label-lg"].letterSpacing,
-          },
-        },
-      },
-    },
-  };
-});