@boostdev/design-system-react-native 0.5.0 → 0.6.0

package/dist/index.d.cts

@@ -18,6 +18,15 @@ declare const lineHeight: {
 type ThemeColorName = keyof typeof colors.light;
 /** Semantic theme colors, widened to `string` so brand overrides typecheck. */
 type ThemeColors = Readonly<Record<ThemeColorName, string>>;
+/** Corner radii of the controls, in points. */
+interface ThemeRadius {
+    /** Buttons with a text label. */
+    button: number;
+    /** Icon-only buttons (`isIconOnly`). */
+    iconButton: number;
+    /** Input fields: FormInput, Select, Combobox, Textarea, FileInput, NumberInput. */
+    field: number;
+}
 /**
  * Per-scheme token overrides, merged over the foundation colors.
  * The React Native equivalent of overriding tokens in the web
@@ -26,10 +35,17 @@ type ThemeColors = Readonly<Record<ThemeColorName, string>>;
 interface ThemeTokenOverrides {
     light?: Partial<Record<ThemeColorName, string>>;
     dark?: Partial<Record<ThemeColorName, string>>;
+    /**
+     * Radius overrides, the same in light and dark. The native equivalent of the
+     * web `--button_radius` custom property. Merged over the parent provider's
+     * radii, so a nested provider that only overrides colors keeps the app's radii.
+     */
+    radius?: Partial<ThemeRadius>;
 }
 interface ThemeContextValue {
     colors: ThemeColors;
     isDark: boolean;
+    radius: ThemeRadius;
 }
 interface ThemeProviderProps {
     children: ReactNode;
@@ -667,4 +683,4 @@ interface MessageProps {
 }
 declare function Message({ message, type, style }: MessageProps): react_jsx_runtime.JSX.Element | null;
 
-export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonContainer, type ButtonContainerProps, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, Card, Carousel, Checkbox, CheckboxGroup, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, type CreateReactNavigationThemeOptions, type DescriptionItem, DescriptionList, Dialog, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, type IconWrapperProps, Label, Link, Loading, Message, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, RadioGroup, Rating, type ReactNavigationFontStyle, type ReactNavigationTheme, type ReactNavigationThemeColors, type ReactNavigationThemeFonts, ScaledText, ScaledTextInput, SectionHeader, SegmentedControl, Select, type SelectOption, Separator, SideSheet, Skeleton, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, type ThemeColorName, type ThemeColors, ThemeProvider, type ThemeTokenOverrides, ToastProvider, Tooltip, Typography, createReactNavigationTheme, lineHeight, maxFontScaleFor, maxFontScaleForStyle, useReactNavigationTheme, useTheme, useToast };
+export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonContainer, type ButtonContainerProps, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, Card, Carousel, Checkbox, CheckboxGroup, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, type CreateReactNavigationThemeOptions, type DescriptionItem, DescriptionList, Dialog, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, type IconWrapperProps, Label, Link, Loading, Message, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, RadioGroup, Rating, type ReactNavigationFontStyle, type ReactNavigationTheme, type ReactNavigationThemeColors, type ReactNavigationThemeFonts, ScaledText, ScaledTextInput, SectionHeader, SegmentedControl, Select, type SelectOption, Separator, SideSheet, Skeleton, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, type ThemeColorName, type ThemeColors, ThemeProvider, type ThemeRadius, type ThemeTokenOverrides, ToastProvider, Tooltip, Typography, createReactNavigationTheme, lineHeight, maxFontScaleFor, maxFontScaleForStyle, useReactNavigationTheme, useTheme, useToast };

package/dist/index.d.ts

@@ -18,6 +18,15 @@ declare const lineHeight: {
 type ThemeColorName = keyof typeof colors.light;
 /** Semantic theme colors, widened to `string` so brand overrides typecheck. */
 type ThemeColors = Readonly<Record<ThemeColorName, string>>;
+/** Corner radii of the controls, in points. */
+interface ThemeRadius {
+    /** Buttons with a text label. */
+    button: number;
+    /** Icon-only buttons (`isIconOnly`). */
+    iconButton: number;
+    /** Input fields: FormInput, Select, Combobox, Textarea, FileInput, NumberInput. */
+    field: number;
+}
 /**
  * Per-scheme token overrides, merged over the foundation colors.
  * The React Native equivalent of overriding tokens in the web
@@ -26,10 +35,17 @@ type ThemeColors = Readonly<Record<ThemeColorName, string>>;
 interface ThemeTokenOverrides {
     light?: Partial<Record<ThemeColorName, string>>;
     dark?: Partial<Record<ThemeColorName, string>>;
+    /**
+     * Radius overrides, the same in light and dark. The native equivalent of the
+     * web `--button_radius` custom property. Merged over the parent provider's
+     * radii, so a nested provider that only overrides colors keeps the app's radii.
+     */
+    radius?: Partial<ThemeRadius>;
 }
 interface ThemeContextValue {
     colors: ThemeColors;
     isDark: boolean;
+    radius: ThemeRadius;
 }
 interface ThemeProviderProps {
     children: ReactNode;
@@ -667,4 +683,4 @@ interface MessageProps {
 }
 declare function Message({ message, type, style }: MessageProps): react_jsx_runtime.JSX.Element | null;
 
-export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonContainer, type ButtonContainerProps, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, Card, Carousel, Checkbox, CheckboxGroup, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, type CreateReactNavigationThemeOptions, type DescriptionItem, DescriptionList, Dialog, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, type IconWrapperProps, Label, Link, Loading, Message, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, RadioGroup, Rating, type ReactNavigationFontStyle, type ReactNavigationTheme, type ReactNavigationThemeColors, type ReactNavigationThemeFonts, ScaledText, ScaledTextInput, SectionHeader, SegmentedControl, Select, type SelectOption, Separator, SideSheet, Skeleton, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, type ThemeColorName, type ThemeColors, ThemeProvider, type ThemeTokenOverrides, ToastProvider, Tooltip, Typography, createReactNavigationTheme, lineHeight, maxFontScaleFor, maxFontScaleForStyle, useReactNavigationTheme, useTheme, useToast };
+export { Accordion, type AccordionItem, Alert, Avatar, Badge, Breadcrumb, type BreadcrumbItem, Button, ButtonContainer, type ButtonContainerProps, ButtonGroup, type ButtonGroupProps, type ButtonProps, Calendar, Card, Carousel, Checkbox, CheckboxGroup, Collapsible, type CollapsibleProps, Combobox, type ComboboxOption, type CreateReactNavigationThemeOptions, type DescriptionItem, DescriptionList, Dialog, DropdownMenu, type DropdownMenuItem, FileInput, FormInput, IconWrapper, type IconWrapperProps, Label, Link, Loading, Message, NotificationBanner, NumberInput, Pagination, Popover, Progress, ProgressCircle, Radio, RadioGroup, Rating, type ReactNavigationFontStyle, type ReactNavigationTheme, type ReactNavigationThemeColors, type ReactNavigationThemeFonts, ScaledText, ScaledTextInput, SectionHeader, SegmentedControl, Select, type SelectOption, Separator, SideSheet, Skeleton, Slider, Switch, type TabItem, Table, type TableColumn, Tabs, Textarea, type ThemeColorName, type ThemeColors, ThemeProvider, type ThemeRadius, type ThemeTokenOverrides, ToastProvider, Tooltip, Typography, createReactNavigationTheme, lineHeight, maxFontScaleFor, maxFontScaleForStyle, useReactNavigationTheme, useTheme, useToast };