@frosted-ui/react-native 0.0.1-canary.91 → 0.0.1-canary.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +59 -14
- package/dist/components/accordion.js +2 -2
- package/dist/components/accordion.js.map +1 -1
- package/dist/components/alert-dialog.js +2 -2
- package/dist/components/alert-dialog.js.map +1 -1
- package/dist/components/avatar.d.ts.map +1 -1
- package/dist/components/avatar.js +4 -20
- package/dist/components/avatar.js.map +1 -1
- package/dist/components/badge.d.ts +2 -4
- package/dist/components/badge.d.ts.map +1 -1
- package/dist/components/badge.js +6 -22
- package/dist/components/badge.js.map +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/button.js +13 -17
- package/dist/components/button.js.map +1 -1
- package/dist/components/callout.d.ts +2 -4
- package/dist/components/callout.d.ts.map +1 -1
- package/dist/components/callout.js +6 -24
- package/dist/components/callout.js.map +1 -1
- package/dist/components/card.d.ts +1 -2
- package/dist/components/card.d.ts.map +1 -1
- package/dist/components/card.js +2 -3
- package/dist/components/card.js.map +1 -1
- package/dist/components/checkbox.d.ts +1 -2
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +5 -21
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/code.d.ts +6 -8
- package/dist/components/code.d.ts.map +1 -1
- package/dist/components/code.js +7 -7
- package/dist/components/code.js.map +1 -1
- package/dist/components/context-menu.js +9 -9
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/dialog.js +2 -2
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/dropdown-menu.js +9 -9
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/heading.d.ts +4 -4
- package/dist/components/heading.d.ts.map +1 -1
- package/dist/components/heading.js +2 -2
- package/dist/components/heading.js.map +1 -1
- package/dist/components/hover-card.js +2 -2
- package/dist/components/hover-card.js.map +1 -1
- package/dist/components/icon-button.d.ts +2 -2
- package/dist/components/icon-button.d.ts.map +1 -1
- package/dist/components/icon-button.js +13 -17
- package/dist/components/icon-button.js.map +1 -1
- package/dist/components/icon.d.ts +6 -7
- package/dist/components/icon.d.ts.map +1 -1
- package/dist/components/icon.js +9 -24
- package/dist/components/icon.js.map +1 -1
- package/dist/components/label.js +2 -2
- package/dist/components/label.js.map +1 -1
- package/dist/components/native-only-animated-view.d.ts +0 -4
- package/dist/components/native-only-animated-view.d.ts.map +1 -1
- package/dist/components/popover.js +2 -2
- package/dist/components/popover.js.map +1 -1
- package/dist/components/progress.d.ts +1 -2
- package/dist/components/progress.d.ts.map +1 -1
- package/dist/components/progress.js +5 -21
- package/dist/components/progress.js.map +1 -1
- package/dist/components/radio-group.d.ts +1 -2
- package/dist/components/radio-group.d.ts.map +1 -1
- package/dist/components/radio-group.js +7 -23
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/segmented-control.js +3 -3
- package/dist/components/segmented-control.js.map +1 -1
- package/dist/components/select.d.ts.map +1 -1
- package/dist/components/select.js +10 -12
- package/dist/components/select.js.map +1 -1
- package/dist/components/separator.d.ts +1 -1
- package/dist/components/separator.d.ts.map +1 -1
- package/dist/components/separator.js +4 -20
- package/dist/components/separator.js.map +1 -1
- package/dist/components/skeleton.d.ts.map +1 -1
- package/dist/components/skeleton.js +10 -26
- package/dist/components/skeleton.js.map +1 -1
- package/dist/components/spinner.js +2 -2
- package/dist/components/spinner.js.map +1 -1
- package/dist/components/switch.d.ts +1 -2
- package/dist/components/switch.d.ts.map +1 -1
- package/dist/components/switch.js +5 -21
- package/dist/components/switch.js.map +1 -1
- package/dist/components/tabs.d.ts +4 -3
- package/dist/components/tabs.d.ts.map +1 -1
- package/dist/components/tabs.js +10 -9
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/text-area.d.ts.map +1 -1
- package/dist/components/text-area.js +13 -9
- package/dist/components/text-area.js.map +1 -1
- package/dist/components/text-field.d.ts.map +1 -1
- package/dist/components/text-field.js +22 -16
- package/dist/components/text-field.js.map +1 -1
- package/dist/components/text.d.ts +4 -4
- package/dist/components/text.d.ts.map +1 -1
- package/dist/components/text.js +12 -10
- package/dist/components/text.js.map +1 -1
- package/dist/components/tooltip.js +2 -2
- package/dist/components/tooltip.js.map +1 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +11 -1
- package/dist/index.js.map +1 -1
- package/dist/lib/button-styles.d.ts +6 -6
- package/dist/lib/button-styles.d.ts.map +1 -1
- package/dist/lib/button-styles.js +1 -17
- package/dist/lib/button-styles.js.map +1 -1
- package/dist/lib/color-utils.d.ts +19 -14
- package/dist/lib/color-utils.d.ts.map +1 -1
- package/dist/lib/color-utils.js +37 -73
- package/dist/lib/color-utils.js.map +1 -1
- package/dist/lib/full-window-overlay.d.ts +11 -0
- package/dist/lib/full-window-overlay.d.ts.map +1 -0
- package/dist/lib/full-window-overlay.js +16 -0
- package/dist/lib/full-window-overlay.js.map +1 -0
- package/dist/lib/text-input-styles.d.ts +9 -8
- package/dist/lib/text-input-styles.d.ts.map +1 -1
- package/dist/lib/text-input-styles.js +4 -23
- package/dist/lib/text-input-styles.js.map +1 -1
- package/dist/lib/theme-context.d.ts +80 -0
- package/dist/lib/theme-context.d.ts.map +1 -0
- package/dist/lib/theme-context.js +97 -0
- package/dist/lib/theme-context.js.map +1 -0
- package/dist/lib/{theme-vars.d.ts → theme-tokens.d.ts} +2 -2
- package/dist/lib/theme-tokens.d.ts.map +1 -0
- package/dist/lib/{theme-vars.js → theme-tokens.js} +4 -19
- package/dist/lib/theme-tokens.js.map +1 -0
- package/dist/lib/theme.d.ts +14 -54
- package/dist/lib/theme.d.ts.map +1 -1
- package/dist/lib/theme.js +98 -66
- package/dist/lib/theme.js.map +1 -1
- package/dist/lib/types.d.ts +6 -2
- package/dist/lib/types.d.ts.map +1 -1
- package/dist/lib/use-theme-tokens.d.ts +593 -0
- package/dist/lib/use-theme-tokens.d.ts.map +1 -0
- package/dist/lib/use-theme-tokens.js +44 -0
- package/dist/lib/use-theme-tokens.js.map +1 -0
- package/package.json +10 -23
- package/dist/lib/native-colors.d.ts +0 -8
- package/dist/lib/native-colors.d.ts.map +0 -1
- package/dist/lib/native-colors.js +0 -67
- package/dist/lib/native-colors.js.map +0 -1
- package/dist/lib/theme-vars.d.ts.map +0 -1
- package/dist/lib/theme-vars.js.map +0 -1
- package/dist/lib/use-theme-vars.d.ts +0 -325
- package/dist/lib/use-theme-vars.d.ts.map +0 -1
- package/dist/lib/use-theme-vars.js +0 -17
- package/dist/lib/use-theme-vars.js.map +0 -1
- package/dist/lib/utils.d.ts +0 -3
- package/dist/lib/utils.d.ts.map +0 -1
- package/dist/lib/utils.js +0 -17
- package/dist/lib/utils.js.map +0 -1
- package/global.css +0 -1813
- package/tailwind-preset.js +0 -310
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAqC,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../src/components/hover-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Color } from '../lib/types';
|
|
2
1
|
import { type ButtonSize, type ButtonVariant } from '../lib/button-styles';
|
|
2
|
+
import type { Color } from '../lib/types';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Pressable, type StyleProp, type ViewStyle } from 'react-native';
|
|
5
5
|
type IconButtonProps = Omit<React.ComponentProps<typeof Pressable>, 'style'> & {
|
|
@@ -8,7 +8,7 @@ type IconButtonProps = Omit<React.ComponentProps<typeof Pressable>, 'style'> & {
|
|
|
8
8
|
color?: Color;
|
|
9
9
|
style?: StyleProp<ViewStyle>;
|
|
10
10
|
};
|
|
11
|
-
declare function IconButton({
|
|
11
|
+
declare function IconButton({ variant, size, color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }: IconButtonProps): React.JSX.Element;
|
|
12
12
|
export { IconButton };
|
|
13
13
|
export type { IconButtonProps };
|
|
14
14
|
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/components/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/components/icon-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,UAAU,EACf,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnF,KAAK,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG;IAC7E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,OAAmB,EACnB,IAAU,EACV,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,UAAU,EACV,GAAG,cAAc,EAClB,EAAE,eAAe,qBAgIjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import { TextStyleContext } from '../components/text';
|
|
2
|
-
import { getButtonFocusStyle, getButtonPressedFilter, getButtonShadowStyle, getButtonSizeStyle, getButtonTextColor, getButtonVariantStyle,
|
|
3
|
-
import {
|
|
4
|
-
import { cn } from '../lib/utils';
|
|
2
|
+
import { getButtonFocusStyle, getButtonPressedFilter, getButtonShadowStyle, getButtonSizeStyle, getButtonTextColor, getButtonVariantStyle, } from '../lib/button-styles';
|
|
3
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
5
4
|
import * as React from 'react';
|
|
6
|
-
import { Platform, Pressable
|
|
7
|
-
function IconButton({
|
|
8
|
-
const { colors } =
|
|
5
|
+
import { Platform, Pressable } from 'react-native';
|
|
6
|
+
function IconButton({ variant = 'surface', size = '2', color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }) {
|
|
7
|
+
const { colors } = useThemeTokens();
|
|
9
8
|
const [pressed, setPressed] = React.useState(false);
|
|
10
9
|
const [hovered, setHovered] = React.useState(false);
|
|
11
10
|
const [focused, setFocused] = React.useState(false);
|
|
12
|
-
const accentColor = resolveAccentFromColor(color);
|
|
13
11
|
const gray = colors.palettes.gray;
|
|
14
|
-
//
|
|
15
|
-
//
|
|
16
|
-
const palette = colors.palettes[
|
|
12
|
+
// Semantic colors (accent, danger, etc.) are added by useThemeTokens
|
|
13
|
+
// Fallback to gray if palette key doesn't exist
|
|
14
|
+
const palette = colors.palettes[color ?? 'accent'] ?? gray;
|
|
17
15
|
const textColor = getButtonTextColor(variant, palette, gray, disabled ?? false);
|
|
18
16
|
// Base layout
|
|
19
17
|
const baseStyle = {
|
|
@@ -69,17 +67,15 @@ function IconButton({ className, variant = 'surface', size = '2', color, style,
|
|
|
69
67
|
setFocused(false);
|
|
70
68
|
onBlur?.(e);
|
|
71
69
|
}, [onBlur]);
|
|
72
|
-
return (<
|
|
73
|
-
<TextStyleContext.Provider value={{
|
|
70
|
+
return (<TextStyleContext.Provider value={{
|
|
74
71
|
size: size,
|
|
75
72
|
weight: 'medium',
|
|
76
73
|
color: textColor,
|
|
77
74
|
}}>
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
</View>);
|
|
75
|
+
<Pressable style={[combinedStyle, style]} role="button" disabled={disabled} onPressIn={handlePressIn} onPressOut={handlePressOut} onHoverIn={handleHoverIn} onHoverOut={handleHoverOut} onFocus={handleFocus} onBlur={handleBlur} {...pressableProps}>
|
|
76
|
+
{children}
|
|
77
|
+
</Pressable>
|
|
78
|
+
</TextStyleContext.Provider>);
|
|
83
79
|
}
|
|
84
80
|
export { IconButton };
|
|
85
81
|
//# sourceMappingURL=icon-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../src/components/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../src/components/icon-button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,25 +4,24 @@ type IconProps = LucideProps & {
|
|
|
4
4
|
as: LucideIcon;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
7
|
-
* A wrapper component for Lucide icons
|
|
7
|
+
* A wrapper component for Lucide icons.
|
|
8
8
|
*
|
|
9
|
-
* This component allows you to render any Lucide icon
|
|
10
|
-
*
|
|
9
|
+
* This component allows you to render any Lucide icon with automatic color
|
|
10
|
+
* inheritance from TextStyleContext.
|
|
11
11
|
*
|
|
12
12
|
* @component
|
|
13
13
|
* @example
|
|
14
14
|
* ```tsx
|
|
15
15
|
* import { ArrowRight } from 'lucide-react-native';
|
|
16
|
-
* import { Icon } from '
|
|
16
|
+
* import { Icon } from '@frosted-ui/react-native';
|
|
17
17
|
*
|
|
18
|
-
* <Icon as={ArrowRight}
|
|
18
|
+
* <Icon as={ArrowRight} size={16} />
|
|
19
19
|
* ```
|
|
20
20
|
*
|
|
21
21
|
* @param {LucideIcon} as - The Lucide icon component to render.
|
|
22
|
-
* @param {string} className - Utility classes to style the icon using Nativewind.
|
|
23
22
|
* @param {number} size - Icon size (defaults to 14).
|
|
24
23
|
* @param {...LucideProps} ...props - Additional Lucide icon props passed to the "as" icon.
|
|
25
24
|
*/
|
|
26
|
-
declare function Icon({ as: IconComponent,
|
|
25
|
+
declare function Icon({ as: IconComponent, size, color, ...props }: IconProps): React.JSX.Element;
|
|
27
26
|
export { Icon };
|
|
28
27
|
//# sourceMappingURL=icon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,SAAS,GAAG,WAAW,GAAG;IAC7B,EAAE,EAAE,UAAU,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,IAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAQzE;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dist/components/icon.js
CHANGED
|
@@ -1,45 +1,30 @@
|
|
|
1
1
|
import { TextStyleContext } from '../components/text';
|
|
2
|
-
import {
|
|
3
|
-
import { cn } from '../lib/utils';
|
|
4
|
-
import { cssInterop } from 'nativewind';
|
|
2
|
+
import { themeTokens } from '../lib/theme-tokens';
|
|
5
3
|
import * as React from 'react';
|
|
6
|
-
function IconImpl({ as: IconComponent, ...props }) {
|
|
7
|
-
return <IconComponent {...props}/>;
|
|
8
|
-
}
|
|
9
|
-
cssInterop(IconImpl, {
|
|
10
|
-
className: {
|
|
11
|
-
target: 'style',
|
|
12
|
-
nativeStyleToProp: {
|
|
13
|
-
height: 'size',
|
|
14
|
-
width: 'size',
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
4
|
/**
|
|
19
|
-
* A wrapper component for Lucide icons
|
|
5
|
+
* A wrapper component for Lucide icons.
|
|
20
6
|
*
|
|
21
|
-
* This component allows you to render any Lucide icon
|
|
22
|
-
*
|
|
7
|
+
* This component allows you to render any Lucide icon with automatic color
|
|
8
|
+
* inheritance from TextStyleContext.
|
|
23
9
|
*
|
|
24
10
|
* @component
|
|
25
11
|
* @example
|
|
26
12
|
* ```tsx
|
|
27
13
|
* import { ArrowRight } from 'lucide-react-native';
|
|
28
|
-
* import { Icon } from '
|
|
14
|
+
* import { Icon } from '@frosted-ui/react-native';
|
|
29
15
|
*
|
|
30
|
-
* <Icon as={ArrowRight}
|
|
16
|
+
* <Icon as={ArrowRight} size={16} />
|
|
31
17
|
* ```
|
|
32
18
|
*
|
|
33
19
|
* @param {LucideIcon} as - The Lucide icon component to render.
|
|
34
|
-
* @param {string} className - Utility classes to style the icon using Nativewind.
|
|
35
20
|
* @param {number} size - Icon size (defaults to 14).
|
|
36
21
|
* @param {...LucideProps} ...props - Additional Lucide icon props passed to the "as" icon.
|
|
37
22
|
*/
|
|
38
|
-
function Icon({ as: IconComponent,
|
|
23
|
+
function Icon({ as: IconComponent, size = 14, color, ...props }) {
|
|
39
24
|
const textStyleContext = React.useContext(TextStyleContext);
|
|
40
25
|
// Use color from context if available, otherwise default to gray-12
|
|
41
|
-
const resolvedColor = color ?? textStyleContext?.color ??
|
|
42
|
-
return
|
|
26
|
+
const resolvedColor = color ?? textStyleContext?.color ?? themeTokens.colors.light.palettes.gray['12'];
|
|
27
|
+
return <IconComponent size={size} color={resolvedColor} {...props}/>;
|
|
43
28
|
}
|
|
44
29
|
export { Icon };
|
|
45
30
|
//# sourceMappingURL=icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/components/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAS,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IACxE,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE5D,oEAAoE;IACpE,MAAM,aAAa,GACjB,KAAK,IAAI,gBAAgB,EAAE,KAAK,IAAI,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEnF,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACxE,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dist/components/label.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
2
2
|
import * as LabelPrimitive from '@rn-primitives/label';
|
|
3
3
|
import { StyleSheet } from 'react-native';
|
|
4
4
|
function Label({ onPress, onLongPress, onPressIn, onPressOut, disabled, style, ...props }) {
|
|
5
|
-
const { colors, typography, fontWeights } =
|
|
5
|
+
const { colors, typography, fontWeights } = useThemeTokens();
|
|
6
6
|
const rootStyle = {
|
|
7
7
|
flexDirection: 'row',
|
|
8
8
|
alignItems: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAkC,MAAM,cAAc,CAAC;AAM1E,SAAS,KAAK,CAAC,EACb,OAAO,EACP,WAAW,EACX,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACG;IACX,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IAE7D,MAAM,SAAS,GAAc;QAC3B,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAwB;KACtE,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;QACjC,QAAQ,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,QAAQ;QAClC,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,UAAU;QACtC,aAAa,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,aAAa;QAC5C,UAAU,EAAE,WAAW,CAAC,MAAM;KAC/B,CAAC;IAEF,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,CAAC,cAAc,CAAC,IAAI,CAClB,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB;MAAA,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,CAAC,IAAI,KAAK,CAAC,EAC3D;IAAA,EAAE,cAAc,CAAC,IAAI,CAAC,CACvB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -20,8 +20,6 @@ declare const NativeOnlyAnimatedView: React.ForwardRefExoticComponent<{
|
|
|
20
20
|
nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
21
21
|
collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
22
22
|
collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
23
|
-
className?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
24
|
-
cssInterop?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
25
23
|
onBlur?: ((e: import("react-native").BlurEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").BlurEvent) => void) | null | undefined> | null | undefined;
|
|
26
24
|
onFocus?: ((e: import("react-native").FocusEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").FocusEvent) => void) | null | undefined> | null | undefined;
|
|
27
25
|
renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
@@ -125,8 +123,6 @@ declare const NativeOnlyAnimatedView: React.ForwardRefExoticComponent<{
|
|
|
125
123
|
nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
126
124
|
collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
127
125
|
collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
128
|
-
className?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
|
|
129
|
-
cssInterop?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
130
126
|
onBlur?: ((e: import("react-native").BlurEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").BlurEvent) => void) | null | undefined> | null | undefined;
|
|
131
127
|
onFocus?: ((e: import("react-native").FocusEvent) => void) | import("react-native-reanimated").SharedValue<((e: import("react-native").FocusEvent) => void) | null | undefined> | null | undefined;
|
|
132
128
|
renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"native-only-animated-view.d.ts","sourceRoot":"","sources":["../../src/components/native-only-animated-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;GAQG;AAEH,QAAA,MAAM,sBAAsB
|
|
1
|
+
{"version":3,"file":"native-only-animated-view.d.ts","sourceRoot":"","sources":["../../src/components/native-only-animated-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;GAQG;AAEH,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAc3B,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { NativeOnlyAnimatedView } from '../components/native-only-animated-view';
|
|
2
2
|
import { getPanelContentStyle } from '../lib/panel-styles';
|
|
3
|
-
import {
|
|
3
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
4
4
|
import * as PopoverPrimitive from '@rn-primitives/popover';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { Platform, StyleSheet, View } from 'react-native';
|
|
@@ -20,7 +20,7 @@ const PopoverClose = PopoverPrimitive.Close;
|
|
|
20
20
|
// ============================================================================
|
|
21
21
|
const FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;
|
|
22
22
|
function PopoverContent({ size = '2', variant = 'translucent', align = 'start', sideOffset = 8, portalHost, style, children, ...props }) {
|
|
23
|
-
const { colors, isDark } =
|
|
23
|
+
const { colors, isDark } = useThemeTokens();
|
|
24
24
|
const contentStyle = getPanelContentStyle({
|
|
25
25
|
size,
|
|
26
26
|
variant,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAqC,MAAM,oBAAoB,CAAC;AAC7F,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import type { Color } from '../lib/types';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { type ViewProps } from 'react-native';
|
|
4
|
-
|
|
5
|
-
type ProgressSize = (typeof progressSizes)[number];
|
|
4
|
+
type ProgressSize = '1' | '2' | '3' | '4' | '5' | '6';
|
|
6
5
|
type ProgressProps = ViewProps & {
|
|
7
6
|
size?: ProgressSize;
|
|
8
7
|
color?: Color;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,KAAK,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAqBtD,KAAK,aAAa,GAAG,SAAS,GAAG;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,IAAU,EAAE,KAAK,EAAE,KAAS,EAAE,GAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBA0C5F;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,23 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
|
-
const progressSizes = ['1', '2', '3', '4', '5', '6'];
|
|
5
|
-
function resolveAccentFromColor(color) {
|
|
6
|
-
if (!color)
|
|
7
|
-
return 'blue';
|
|
8
|
-
switch (color) {
|
|
9
|
-
case 'danger':
|
|
10
|
-
return 'red';
|
|
11
|
-
case 'warning':
|
|
12
|
-
return 'amber';
|
|
13
|
-
case 'success':
|
|
14
|
-
return 'green';
|
|
15
|
-
case 'info':
|
|
16
|
-
return 'blue';
|
|
17
|
-
default:
|
|
18
|
-
return color;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
4
|
// Size styles from CSS:
|
|
22
5
|
// Size 1: 2px, Size 2: 4px, Size 3: 6px, Size 4: 8px, Size 5: 12px, Size 6: 16px
|
|
23
6
|
function getHeight(size) {
|
|
@@ -37,10 +20,11 @@ function getHeight(size) {
|
|
|
37
20
|
}
|
|
38
21
|
}
|
|
39
22
|
function Progress({ size = '6', color, value = 0, max = 100, style, ...props }) {
|
|
40
|
-
const { colors } =
|
|
41
|
-
const accentColor = resolveAccentFromColor(color);
|
|
42
|
-
const palette = colors.palettes[accentColor];
|
|
23
|
+
const { colors } = useThemeTokens();
|
|
43
24
|
const gray = colors.palettes.gray;
|
|
25
|
+
// Semantic colors (accent, danger, etc.) are added by useThemeTokens
|
|
26
|
+
// Fallback to gray if palette key doesn't exist
|
|
27
|
+
const palette = colors.palettes[color ?? 'accent'] ?? gray;
|
|
44
28
|
const height = getHeight(size);
|
|
45
29
|
// Calculate progress percentage
|
|
46
30
|
const progress = Math.max(0, Math.min((value || 0) / max, 1));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAIpE,wBAAwB;AACxB,iFAAiF;AACjF,SAAS,SAAS,CAAC,IAAkB;IACnC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,CAAC,CAAC;QACX,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;QACZ,KAAK,GAAG;YACN,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC;AASD,SAAS,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB;IAC3F,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAClC,qEAAqE;IACrE,gDAAgD;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,IAAI,CAAC;IAE3D,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAE/B,gCAAgC;IAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,QAAQ,GAAG,GAAG,CAAC;IAEvC,cAAc;IACd,MAAM,UAAU,GAAc;QAC5B,KAAK,EAAE,MAAM;QACb,MAAM;QACN,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE,+BAA+B;QACzD,eAAe,EAAE,IAAI,CAAC,EAAE;QACxB,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,kBAAkB;IAClB,MAAM,cAAc,GAAc;QAChC,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,GAAG,eAAe,GAAG;QAC5B,eAAe,EAAE,OAAO,CAAC,GAAG,CAAC;QAC7B,YAAY,EAAE,MAAM,GAAG,CAAC;KACzB,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,aAAa,CAClB,aAAa,CAAC,CAAC,CAAC,CAAC,CACjB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,aAAa,CAAC,CAAC,KAAK,CAAC,CACrB,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAC3B,IAAI,KAAK,CAAC,CACV;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,EAC9B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import type { Color } from '../lib/types';
|
|
2
2
|
import * as RadioGroupPrimitive from '@rn-primitives/radio-group';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
|
|
5
|
-
type RadioSize = (typeof radioSizes)[number];
|
|
4
|
+
type RadioSize = '1' | '2' | '3';
|
|
6
5
|
type RadioGroupRootProps = RadioGroupPrimitive.RootProps & {
|
|
7
6
|
size?: RadioSize;
|
|
8
7
|
color?: Color;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,mBAAmB,MAAM,4BAA4B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AA4BjC,KAAK,mBAAmB,GAAG,mBAAmB,CAAC,SAAS,GAAG;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,cAAc,CAAC,EAAE,IAAU,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAWlF;AAED,KAAK,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAgH1F;AAED,QAAA,MAAM,UAAU;;;CAGf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;AACtD,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -1,28 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
2
2
|
import * as RadioGroupPrimitive from '@rn-primitives/radio-group';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Platform, View } from 'react-native';
|
|
5
|
-
const radioSizes = ['1', '2', '3'];
|
|
6
5
|
const RadioGroupContext = React.createContext({
|
|
7
6
|
size: '2',
|
|
8
|
-
color: '
|
|
7
|
+
color: 'accent',
|
|
9
8
|
});
|
|
10
|
-
function resolveAccentFromColor(color) {
|
|
11
|
-
if (!color)
|
|
12
|
-
return 'blue';
|
|
13
|
-
switch (color) {
|
|
14
|
-
case 'danger':
|
|
15
|
-
return 'red';
|
|
16
|
-
case 'warning':
|
|
17
|
-
return 'amber';
|
|
18
|
-
case 'success':
|
|
19
|
-
return 'green';
|
|
20
|
-
case 'info':
|
|
21
|
-
return 'blue';
|
|
22
|
-
default:
|
|
23
|
-
return color;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
9
|
// Size styles from CSS:
|
|
27
10
|
// Size 1: --radio-group-item-size: var(--space-4) = 16px
|
|
28
11
|
// Size 2: --radio-group-item-size: calc(var(--space-4) * 1.25) = 20px
|
|
@@ -38,18 +21,19 @@ function getItemSize(size) {
|
|
|
38
21
|
}
|
|
39
22
|
}
|
|
40
23
|
function RadioGroupRoot({ size = '2', color, value, ...props }) {
|
|
41
|
-
const
|
|
42
|
-
const contextValue = React.useMemo(() => ({ size, color: accentColor, value }), [size, accentColor, value]);
|
|
24
|
+
const contextValue = React.useMemo(() => ({ size, color: color ?? 'accent', value }), [size, color, value]);
|
|
43
25
|
return (<RadioGroupContext.Provider value={contextValue}>
|
|
44
26
|
<RadioGroupPrimitive.Root value={value} {...props}/>
|
|
45
27
|
</RadioGroupContext.Provider>);
|
|
46
28
|
}
|
|
47
29
|
function RadioGroupItem({ value, disabled, onFocus, onBlur, ...props }) {
|
|
48
30
|
const { size, color, value: groupValue } = React.useContext(RadioGroupContext);
|
|
49
|
-
const { colors } =
|
|
31
|
+
const { colors } = useThemeTokens();
|
|
50
32
|
const [focused, setFocused] = React.useState(false);
|
|
51
|
-
const palette = colors.palettes[color];
|
|
52
33
|
const gray = colors.palettes.gray;
|
|
34
|
+
// Semantic colors (accent, danger, etc.) are added by useThemeTokens
|
|
35
|
+
// Fallback to gray if palette key doesn't exist
|
|
36
|
+
const palette = colors.palettes[color] ?? gray;
|
|
53
37
|
const itemSize = getItemSize(size);
|
|
54
38
|
const indicatorSize = itemSize * 0.4; // 40% scale like CSS
|
|
55
39
|
// Check if this item is selected
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Text, TextStyleContext } from '../components/text';
|
|
2
|
-
import {
|
|
2
|
+
import { useThemeTokens } from '../lib/use-theme-tokens';
|
|
3
3
|
import * as TabsPrimitive from '@rn-primitives/tabs';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { Platform, View } from 'react-native';
|
|
@@ -15,7 +15,7 @@ function SegmentedControlRoot({ value, onValueChange, children, ...props }) {
|
|
|
15
15
|
</SegmentedControlContext.Provider>);
|
|
16
16
|
}
|
|
17
17
|
function SegmentedControlList({ children, style, ...props }) {
|
|
18
|
-
const { colors } =
|
|
18
|
+
const { colors } = useThemeTokens();
|
|
19
19
|
const gray = colors.palettes.gray;
|
|
20
20
|
// Container style - matches CSS:
|
|
21
21
|
// height: var(--space-7) = 40px
|
|
@@ -36,7 +36,7 @@ function SegmentedControlList({ children, style, ...props }) {
|
|
|
36
36
|
}
|
|
37
37
|
function SegmentedControlTriggerInner({ value, hovered, children, }) {
|
|
38
38
|
const { value: activeValue } = React.useContext(SegmentedControlContext);
|
|
39
|
-
const { colors, isDark } =
|
|
39
|
+
const { colors, isDark } = useThemeTokens();
|
|
40
40
|
const gray = colors.palettes.gray;
|
|
41
41
|
const isActive = value === activeValue;
|
|
42
42
|
// Text color from CSS:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../src/components/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../src/components/segmented-control.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"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"}
|