@idealyst/theme 1.0.83 → 1.0.85

package/src/components/button.ts

@@ -0,0 +1,32 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type ButtonSize = Size;
+type ButtonIntent = Intent;
+type ButtonType = 'contained' | 'outlined' | 'text';
+
+type ButtonVariants = {
+    size: ButtonSize;
+    intent: ButtonIntent;
+    type: ButtonType;
+    disabled: boolean;
+}
+
+export type ExpandedButtonStyles = StylesheetStyles<keyof ButtonVariants>;
+
+export type ButtonStylesheet = {
+    button: ExpandedButtonStyles;
+    icon: ExpandedButtonStyles;
+    iconContainer: ExpandedButtonStyles;
+    text: ExpandedButtonStyles;
+}
+
+/**
+ * NOTE: The button stylesheet implementation has been moved to
+ * @idealyst/components/src/Button/Button.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/card.ts

@@ -0,0 +1,31 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+
+type CardType = 'default' | 'outlined' | 'elevated' | 'filled';
+type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+type CardRadius = 'none' | 'sm' | 'md' | 'lg';
+type CardIntent = Intent | 'info' | 'neutral';
+
+type CardVariants = {
+    type: CardType;
+    padding: CardPadding;
+    radius: CardRadius;
+    intent: CardIntent;
+    clickable: boolean;
+    disabled: boolean;
+}
+
+export type ExpandedCardStyles = StylesheetStyles<keyof CardVariants>;
+
+export type CardStylesheet = {
+    card: ExpandedCardStyles;
+}
+
+/**
+ * NOTE: The card stylesheet implementation has been moved to
+ * @idealyst/components/src/Card/Card.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/checkbox.ts

@@ -0,0 +1,37 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type CheckboxSize = Size;
+type CheckboxIntent = Intent | 'info';
+type CheckboxType = 'default' | 'outlined';
+
+type CheckboxVariants = {
+    size: CheckboxSize;
+    intent: CheckboxIntent;
+    type: CheckboxType;
+    checked: boolean;
+    disabled: boolean;
+    visible: boolean;
+    error: boolean;
+}
+
+export type ExpandedCheckboxStyles = StylesheetStyles<keyof CheckboxVariants>;
+
+export type CheckboxStylesheet = {
+    wrapper: ExpandedCheckboxStyles;
+    container: ExpandedCheckboxStyles;
+    checkbox: ExpandedCheckboxStyles;
+    label: ExpandedCheckboxStyles;
+    checkmark: ExpandedCheckboxStyles;
+    helperText: ExpandedCheckboxStyles;
+}
+
+/**
+ * NOTE: The checkbox stylesheet implementation has been moved to
+ * @idealyst/components/src/Checkbox/Checkbox.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/chip.ts

@@ -0,0 +1,34 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+
+type ChipSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ChipType = 'filled' | 'outlined' | 'soft';
+type ChipIntent = Intent;
+
+type ChipVariants = {
+    size: ChipSize;
+    type: ChipType;
+    intent: ChipIntent;
+    selected: boolean;
+    disabled: boolean;
+    selectable: boolean;
+}
+
+export type ExpandedChipStyles = StylesheetStyles<keyof ChipVariants>;
+
+export type ChipStylesheet = {
+    container: ExpandedChipStyles;
+    label: ExpandedChipStyles;
+    icon: ExpandedChipStyles;
+    deleteButton: ExpandedChipStyles;
+    deleteIcon: ExpandedChipStyles;
+}
+
+/**
+ * NOTE: The chip stylesheet implementation has been moved to
+ * @idealyst/components/src/Chip/Chip.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/dialog.ts

@@ -0,0 +1,31 @@
+import { StylesheetStyles } from "../styles";
+
+type DialogSize = 'sm' | 'md' | 'lg' | 'fullscreen';
+type DialogType = 'default' | 'alert' | 'confirmation';
+
+type DialogVariants = {
+    size: DialogSize;
+    type: DialogType;
+}
+
+export type ExpandedDialogStyles = StylesheetStyles<keyof DialogVariants>;
+
+export type DialogStylesheet = {
+    backdrop: ExpandedDialogStyles;
+    container: ExpandedDialogStyles;
+    header: ExpandedDialogStyles;
+    title: ExpandedDialogStyles;
+    closeButton: ExpandedDialogStyles;
+    closeButtonText: ExpandedDialogStyles;
+    content: ExpandedDialogStyles;
+    modal: ExpandedDialogStyles;
+}
+
+/**
+ * NOTE: The dialog stylesheet implementation has been moved to
+ * @idealyst/components/src/Dialog/Dialog.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/divider.ts

@@ -0,0 +1,36 @@
+import { CompoundVariants, StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+
+type DividerOrientation = 'horizontal' | 'vertical';
+type DividerThickness = 'thin' | 'md' | 'thick';
+type DividerType = 'solid' | 'dashed' | 'dotted';
+type DividerIntent = Intent | 'secondary' | 'neutral' | 'info';
+type DividerLength = 'full' | 'auto';
+type DividerSpacing = 'none' | 'sm' | 'md' | 'lg';
+
+type DividerVariants = {
+    orientation: DividerOrientation;
+    thickness: DividerThickness;
+    type: DividerType;
+    intent: DividerIntent;
+    length: DividerLength;
+    spacing: DividerSpacing;
+}
+
+export type ExpandedDividerStyles = StylesheetStyles<keyof DividerVariants>;
+
+export type DividerStylesheet = {
+    divider: ExpandedDividerStyles;
+    container: ExpandedDividerStyles;
+    content: ExpandedDividerStyles;
+    line: ExpandedDividerStyles;
+}
+
+/**
+ * NOTE: The divider stylesheet implementation has been moved to
+ * @idealyst/components/src/Divider/Divider.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/icon.ts

@@ -0,0 +1,26 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Color } from "../theme/color";
+
+type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+type IconVariants = {
+    size: IconSize;
+    intent?: Intent;
+    color?: Color;
+}
+
+export type ExpandedIconStyles = StylesheetStyles<keyof IconVariants>;
+
+export type IconStylesheet = {
+    icon: ExpandedIconStyles;
+}
+
+/**
+ * NOTE: The icon stylesheet implementation has been moved to
+ * @idealyst/components/src/Icon/Icon.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/image.ts

@@ -0,0 +1,22 @@
+import { StylesheetStyles } from "../styles";
+
+type ImageVariants = {}
+
+export type ExpandedImageStyles = StylesheetStyles<keyof ImageVariants>;
+
+export type ImageStylesheet = {
+    container: ExpandedImageStyles;
+    image: ExpandedImageStyles;
+    placeholder: ExpandedImageStyles;
+    fallback: ExpandedImageStyles;
+    loadingIndicator: ExpandedImageStyles;
+}
+
+/**
+ * NOTE: The image stylesheet implementation has been moved to
+ * @idealyst/components/src/Image/Image.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/index.ts

@@ -0,0 +1,37 @@
+export * from "./accordion";
+export * from "./activity-indicator";
+export * from "./alert";
+export * from "./avatar";
+export * from "./badge";
+export * from "./breadcrumb";
+export * from "./button";
+export * from "./card";
+export * from "./checkbox";
+export * from "./chip";
+export * from "./dialog";
+export * from "./divider";
+export * from "./icon";
+export * from "./image";
+export * from "./input";
+export * from "./list";
+export * from "./menu";
+export * from "./menu-item";
+export * from "./popover";
+export * from "./pressable";
+export * from "./progress";
+export * from "./radio-button";
+export * from "./screen";
+export * from "./select";
+export * from "./skeleton";
+export * from "./slider";
+export * from "./svg-image";
+export * from "./switch";
+export * from "./tab-bar";
+export * from "./table";
+export * from "./text";
+export * from "./textarea";
+export * from "./tooltip";
+export * from "./video";
+export * from "./view";
+
+export type StyledComponent = 'accordion' | 'activity-indicator' | 'alert' | 'avatar' | 'badge' | 'breadcrumb' | 'button' | 'card' | 'checkbox' | 'chip' | 'dialog' | 'divider' | 'icon' | 'image' | 'input' | 'list' | 'menu' | 'menu-item' | 'popover' | 'pressable' | 'progress' | 'radio-button' | 'screen' | 'select' | 'skeleton' | 'slider' | 'svg-image' | 'switch' | 'tab-bar' | 'table' | 'text' | 'textarea' | 'tooltip' | 'video' | 'view'

package/src/components/input.ts

@@ -0,0 +1,35 @@
+import { StylesheetStyles } from "../styles";
+import { Size } from "../theme/size";
+
+type InputSize = Size;
+type InputType = 'default' | 'outlined' | 'filled' | 'bare';
+
+type InputVariants = {
+    size: InputSize;
+    type: InputType;
+    focused: boolean;
+    hasError: boolean;
+    disabled: boolean;
+}
+
+export type ExpandedInputStyles = StylesheetStyles<keyof InputVariants>;
+
+export type InputStylesheet = {
+    container: ExpandedInputStyles;
+    leftIconContainer: ExpandedInputStyles;
+    rightIconContainer: ExpandedInputStyles;
+    leftIcon: ExpandedInputStyles;
+    rightIcon: ExpandedInputStyles;
+    passwordToggle: ExpandedInputStyles;
+    passwordToggleIcon: ExpandedInputStyles;
+    input: ExpandedInputStyles;
+}
+
+/**
+ * NOTE: The input stylesheet implementation has been moved to
+ * @idealyst/components/src/Input/Input.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/list.ts

@@ -0,0 +1,40 @@
+import { StylesheetStyles } from "../styles";
+import { Size } from "../theme/size";
+
+type ListSize = Size;
+type ListType = 'default' | 'bordered' | 'divided';
+
+type ListVariants = {
+    size: ListSize;
+    type: ListType;
+    scrollable: boolean;
+    active: boolean;
+    selected: boolean;
+    disabled: boolean;
+    clickable: boolean;
+}
+
+export type ExpandedListStyles = StylesheetStyles<keyof ListVariants>;
+
+export type ListStylesheet = {
+    container: ExpandedListStyles;
+    item: ExpandedListStyles;
+    itemContent: ExpandedListStyles;
+    leading: ExpandedListStyles;
+    labelContainer: ExpandedListStyles;
+    label: ExpandedListStyles;
+    trailing: ExpandedListStyles;
+    trailingIcon: ExpandedListStyles;
+    section: ExpandedListStyles;
+    sectionTitle: ExpandedListStyles;
+    sectionContent: ExpandedListStyles;
+}
+
+/**
+ * NOTE: The list stylesheet implementation has been moved to
+ * @idealyst/components/src/List/List.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/menu-item.ts

@@ -0,0 +1,29 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type MenuItemSize = Size;
+type MenuItemIntent = Intent;
+
+type MenuItemVariants = {
+    size: MenuItemSize;
+    intent: MenuItemIntent;
+    disabled: boolean;
+}
+
+export type ExpandedMenuItemStyles = StylesheetStyles<keyof MenuItemVariants>;
+
+export type MenuItemStylesheet = {
+    item: ExpandedMenuItemStyles;
+    icon: ExpandedMenuItemStyles;
+    label: ExpandedMenuItemStyles;
+}
+
+/**
+ * NOTE: The menu-item stylesheet implementation has been moved to
+ * @idealyst/components/src/Menu/MenuItem.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/menu.ts

@@ -0,0 +1,32 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type MenuSize = Size;
+type MenuIntent = Intent;
+
+type MenuVariants = {
+    size: MenuSize;
+    intent: MenuIntent;
+    disabled: boolean;
+}
+
+export type ExpandedMenuStyles = StylesheetStyles<keyof MenuVariants>;
+
+export type MenuStylesheet = {
+    overlay: ExpandedMenuStyles;
+    menu: ExpandedMenuStyles;
+    separator: ExpandedMenuStyles;
+    item: ExpandedMenuStyles;
+    icon: ExpandedMenuStyles;
+    label: ExpandedMenuStyles;
+}
+
+/**
+ * NOTE: The menu stylesheet implementation has been moved to
+ * @idealyst/components/src/Menu/Menu.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/popover.ts

@@ -0,0 +1,25 @@
+import { StylesheetStyles } from "../styles";
+
+type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+
+type PopoverVariants = {
+    placement: PopoverPlacement;
+}
+
+export type ExpandedPopoverStyles = StylesheetStyles<keyof PopoverVariants>;
+
+export type PopoverStylesheet = {
+    container: ExpandedPopoverStyles;
+    content: ExpandedPopoverStyles;
+    arrow: ExpandedPopoverStyles;
+    backdrop: ExpandedPopoverStyles;
+}
+
+/**
+ * NOTE: The popover stylesheet implementation has been moved to
+ * @idealyst/components/src/Popover/Popover.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/pressable.ts

@@ -0,0 +1,20 @@
+import { StylesheetStyles } from "../styles";
+
+type PressableVariants = {
+    disabled: boolean;
+}
+
+export type ExpandedPressableStyles = StylesheetStyles<keyof PressableVariants>;
+
+export type PressableStylesheet = {
+    container: ExpandedPressableStyles;
+}
+
+/**
+ * NOTE: The pressable stylesheet implementation has been moved to
+ * @idealyst/components/src/Pressable/Pressable.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/progress.ts

@@ -0,0 +1,35 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type ProgressSize = Size;
+type ProgressIntent = Intent;
+
+type ProgressVariants = {
+    size: ProgressSize;
+    intent: ProgressIntent;
+    rounded: boolean;
+}
+
+export type ExpandedProgressStyles = StylesheetStyles<keyof ProgressVariants>;
+
+export type ProgressStylesheet = {
+    container: ExpandedProgressStyles;
+    linearTrack: ExpandedProgressStyles;
+    linearBar: ExpandedProgressStyles;
+    indeterminateBar: ExpandedProgressStyles;
+    circularContainer: ExpandedProgressStyles;
+    circularTrack: ExpandedProgressStyles;
+    circularBar: ExpandedProgressStyles;
+    label: ExpandedProgressStyles;
+    circularLabel: ExpandedProgressStyles;
+}
+
+/**
+ * NOTE: The progress stylesheet implementation has been moved to
+ * @idealyst/components/src/Progress/Progress.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/radio-button.ts

@@ -0,0 +1,38 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type RadioButtonSize = Size;
+type RadioButtonIntent = Intent;
+type RadioGroupOrientation = 'horizontal' | 'vertical';
+
+type RadioButtonVariants = {
+    size: RadioButtonSize;
+    intent: RadioButtonIntent;
+    checked: boolean;
+    disabled: boolean;
+}
+
+type RadioGroupVariants = {
+    orientation: RadioGroupOrientation;
+}
+
+export type ExpandedRadioButtonStyles = StylesheetStyles<keyof RadioButtonVariants>;
+export type ExpandedRadioGroupStyles = StylesheetStyles<keyof RadioGroupVariants>;
+
+export type RadioButtonStylesheet = {
+    container: ExpandedRadioButtonStyles;
+    radio: ExpandedRadioButtonStyles;
+    radioDot: ExpandedRadioButtonStyles;
+    label: ExpandedRadioButtonStyles;
+    groupContainer: ExpandedRadioGroupStyles;
+}
+
+/**
+ * NOTE: The radio-button stylesheet implementation has been moved to
+ * @idealyst/components/src/RadioButton/RadioButton.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/screen.ts

@@ -0,0 +1,25 @@
+import { StylesheetStyles } from "../styles";
+import { Surface } from "../theme/surface";
+
+type ScreenBackground = Surface | 'transparent';
+type ScreenPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+
+type ScreenVariants = {
+    background: ScreenBackground;
+    padding: ScreenPadding;
+}
+
+export type ExpandedScreenStyles = StylesheetStyles<keyof ScreenVariants>;
+
+export type ScreenStylesheet = {
+    screen: ExpandedScreenStyles;
+}
+
+/**
+ * NOTE: The screen stylesheet implementation has been moved to
+ * @idealyst/components/src/Screen/Screen.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/select.ts

@@ -0,0 +1,62 @@
+import { StylesheetStyles } from "../styles";
+import { Intent } from "../theme/intent";
+import { Size } from "../theme/size";
+
+type SelectSize = Size;
+type SelectType = 'outlined' | 'filled';
+type SelectIntent = Intent;
+
+type SelectTriggerVariants = {
+    type: SelectType;
+    size: SelectSize;
+    intent: SelectIntent;
+    disabled: boolean;
+    error: boolean;
+    focused: boolean;
+}
+
+type SelectOptionVariants = {
+    selected: boolean;
+    disabled: boolean;
+}
+
+type SelectHelperTextVariants = {
+    error: boolean;
+}
+
+export type ExpandedSelectTriggerStyles = StylesheetStyles<keyof SelectTriggerVariants>;
+export type ExpandedSelectOptionStyles = StylesheetStyles<keyof SelectOptionVariants>;
+export type ExpandedSelectHelperTextStyles = StylesheetStyles<keyof SelectHelperTextVariants>;
+export type ExpandedSelectStyles = StylesheetStyles<never>;
+
+export type SelectStylesheet = {
+    container: ExpandedSelectStyles;
+    label: ExpandedSelectStyles;
+    trigger: ExpandedSelectTriggerStyles;
+    triggerContent: ExpandedSelectStyles;
+    triggerText: ExpandedSelectStyles;
+    placeholder: ExpandedSelectStyles;
+    icon: ExpandedSelectStyles;
+    chevron: ExpandedSelectStyles;
+    chevronOpen: ExpandedSelectStyles;
+    dropdown: ExpandedSelectStyles;
+    searchContainer: ExpandedSelectStyles;
+    searchInput: ExpandedSelectStyles;
+    optionsList: ExpandedSelectStyles;
+    option: ExpandedSelectOptionStyles;
+    optionContent: ExpandedSelectStyles;
+    optionIcon: ExpandedSelectStyles;
+    optionText: ExpandedSelectStyles;
+    optionTextDisabled: ExpandedSelectStyles;
+    helperText: ExpandedSelectHelperTextStyles;
+    overlay: ExpandedSelectStyles;
+}
+
+/**
+ * NOTE: The select stylesheet implementation has been moved to
+ * @idealyst/components/src/Select/Select.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */

package/src/components/skeleton.ts

@@ -0,0 +1,26 @@
+import { StylesheetStyles } from "../styles";
+
+type SkeletonShape = 'rectangle' | 'rounded' | 'circle';
+type SkeletonAnimation = 'pulse' | 'wave' | 'none';
+
+type SkeletonVariants = {
+    shape: SkeletonShape;
+    animation: SkeletonAnimation;
+}
+
+export type ExpandedSkeletonStyles = StylesheetStyles<keyof SkeletonVariants>;
+export type ExpandedSkeletonGroupStyles = StylesheetStyles<never>;
+
+export type SkeletonStylesheet = {
+    skeleton: ExpandedSkeletonStyles;
+    group: ExpandedSkeletonGroupStyles;
+}
+
+/**
+ * NOTE: The skeleton stylesheet implementation has been moved to
+ * @idealyst/components/src/Skeleton/Skeleton.styles.tsx
+ *
+ * This was necessary because Unistyles' Babel transform on native cannot resolve
+ * function calls to extract variant structures at compile time. The styles must be
+ * inlined directly in StyleSheet.create() for variants to work on native.
+ */