@thewhileloop/whileui 1.1.0 → 1.2.0
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 +493 -39
- package/dist/blocks/chat/chat.d.ts.map +1 -1
- package/dist/blocks/chat/chat.js +17 -6
- package/dist/blocks/chat/chat.js.map +1 -1
- package/dist/blocks/commerce/feature-gate.d.ts +13 -0
- package/dist/blocks/commerce/feature-gate.d.ts.map +1 -0
- package/dist/blocks/commerce/feature-gate.js +13 -0
- package/dist/blocks/commerce/feature-gate.js.map +1 -0
- package/dist/blocks/commerce/index.d.ts +5 -0
- package/dist/blocks/commerce/index.d.ts.map +1 -1
- package/dist/blocks/commerce/index.js +5 -0
- package/dist/blocks/commerce/index.js.map +1 -1
- package/dist/blocks/commerce/metric-card.d.ts +3 -1
- package/dist/blocks/commerce/metric-card.d.ts.map +1 -1
- package/dist/blocks/commerce/metric-card.js +8 -1
- package/dist/blocks/commerce/metric-card.js.map +1 -1
- package/dist/blocks/commerce/plan-toggle.d.ts +12 -0
- package/dist/blocks/commerce/plan-toggle.d.ts.map +1 -0
- package/dist/blocks/commerce/plan-toggle.js +19 -0
- package/dist/blocks/commerce/plan-toggle.js.map +1 -0
- package/dist/blocks/commerce/pricing-card.d.ts +3 -1
- package/dist/blocks/commerce/pricing-card.d.ts.map +1 -1
- package/dist/blocks/commerce/pricing-card.js +9 -1
- package/dist/blocks/commerce/pricing-card.js.map +1 -1
- package/dist/blocks/commerce/product-card.d.ts +3 -1
- package/dist/blocks/commerce/product-card.d.ts.map +1 -1
- package/dist/blocks/commerce/product-card.js +16 -2
- package/dist/blocks/commerce/product-card.js.map +1 -1
- package/dist/blocks/commerce/subscription-card.d.ts +17 -0
- package/dist/blocks/commerce/subscription-card.d.ts.map +1 -0
- package/dist/blocks/commerce/subscription-card.js +18 -0
- package/dist/blocks/commerce/subscription-card.js.map +1 -0
- package/dist/blocks/commerce/upgrade-banner.d.ts +12 -0
- package/dist/blocks/commerce/upgrade-banner.d.ts.map +1 -0
- package/dist/blocks/commerce/upgrade-banner.js +9 -0
- package/dist/blocks/commerce/upgrade-banner.js.map +1 -0
- package/dist/blocks/commerce/usage-bar.d.ts +11 -0
- package/dist/blocks/commerce/usage-bar.d.ts.map +1 -0
- package/dist/blocks/commerce/usage-bar.js +33 -0
- package/dist/blocks/commerce/usage-bar.js.map +1 -0
- package/dist/blocks/datepicker/date-range-picker-modal.d.ts +3 -2
- package/dist/blocks/datepicker/date-range-picker-modal.d.ts.map +1 -1
- package/dist/blocks/datepicker/date-range-picker-modal.js +16 -3
- package/dist/blocks/datepicker/date-range-picker-modal.js.map +1 -1
- package/dist/blocks/datepicker/datepicker-inline.d.ts.map +1 -1
- package/dist/blocks/datepicker/datepicker-inline.js +3 -1
- package/dist/blocks/datepicker/datepicker-inline.js.map +1 -1
- package/dist/blocks/datepicker/datepicker-modal.d.ts +3 -2
- package/dist/blocks/datepicker/datepicker-modal.d.ts.map +1 -1
- package/dist/blocks/datepicker/datepicker-modal.js +16 -3
- package/dist/blocks/datepicker/datepicker-modal.js.map +1 -1
- package/dist/blocks/datepicker/use-calendar-theme.d.ts.map +1 -1
- package/dist/blocks/datepicker/use-calendar-theme.js +2 -1
- package/dist/blocks/datepicker/use-calendar-theme.js.map +1 -1
- package/dist/blocks/layout/app-shell.d.ts +5 -1
- package/dist/blocks/layout/app-shell.d.ts.map +1 -1
- package/dist/blocks/layout/app-shell.js +2 -2
- package/dist/blocks/layout/app-shell.js.map +1 -1
- package/dist/blocks/layout/confirm-action-sheet.d.ts +3 -2
- package/dist/blocks/layout/confirm-action-sheet.d.ts.map +1 -1
- package/dist/blocks/layout/confirm-action-sheet.js +23 -4
- package/dist/blocks/layout/confirm-action-sheet.js.map +1 -1
- package/dist/blocks/layout/form-modal-screen.d.ts.map +1 -1
- package/dist/blocks/layout/form-modal-screen.js +26 -5
- package/dist/blocks/layout/form-modal-screen.js.map +1 -1
- package/dist/blocks/layout/index.d.ts +2 -1
- package/dist/blocks/layout/index.d.ts.map +1 -1
- package/dist/blocks/layout/index.js +1 -0
- package/dist/blocks/layout/index.js.map +1 -1
- package/dist/blocks/layout/onboarding-screen.js +2 -2
- package/dist/blocks/layout/onboarding-screen.js.map +1 -1
- package/dist/blocks/layout/page-skeleton.d.ts +7 -1
- package/dist/blocks/layout/page-skeleton.d.ts.map +1 -1
- package/dist/blocks/layout/page-skeleton.js +7 -14
- package/dist/blocks/layout/page-skeleton.js.map +1 -1
- package/dist/blocks/layout/screen-skeleton.d.ts +16 -0
- package/dist/blocks/layout/screen-skeleton.d.ts.map +1 -0
- package/dist/blocks/layout/screen-skeleton.js +8 -0
- package/dist/blocks/layout/screen-skeleton.js.map +1 -0
- package/dist/blocks/layout/sheet.d.ts +3 -2
- package/dist/blocks/layout/sheet.d.ts.map +1 -1
- package/dist/blocks/layout/sheet.js +41 -9
- package/dist/blocks/layout/sheet.js.map +1 -1
- package/dist/blocks/layout/smart-input.d.ts.map +1 -1
- package/dist/blocks/layout/smart-input.js +8 -1
- package/dist/blocks/layout/smart-input.js.map +1 -1
- package/dist/blocks/lists/list-item.d.ts +3 -1
- package/dist/blocks/lists/list-item.d.ts.map +1 -1
- package/dist/blocks/lists/list-item.js +9 -1
- package/dist/blocks/lists/list-item.js.map +1 -1
- package/dist/blocks/lists/notification-item.d.ts +3 -1
- package/dist/blocks/lists/notification-item.d.ts.map +1 -1
- package/dist/blocks/lists/notification-item.js +10 -2
- package/dist/blocks/lists/notification-item.js.map +1 -1
- package/dist/blocks/lists/swipeable-item.d.ts.map +1 -1
- package/dist/blocks/lists/swipeable-item.js +7 -4
- package/dist/blocks/lists/swipeable-item.js.map +1 -1
- package/dist/blocks/navigation/bottom-nav.d.ts.map +1 -1
- package/dist/blocks/navigation/bottom-nav.js +9 -2
- package/dist/blocks/navigation/bottom-nav.js.map +1 -1
- package/dist/blocks/navigation/drawer-menu.d.ts +3 -2
- package/dist/blocks/navigation/drawer-menu.d.ts.map +1 -1
- package/dist/blocks/navigation/drawer-menu.js +88 -29
- package/dist/blocks/navigation/drawer-menu.js.map +1 -1
- package/dist/blocks/navigation/header.d.ts +1 -1
- package/dist/blocks/navigation/header.d.ts.map +1 -1
- package/dist/blocks/navigation/header.js +12 -3
- package/dist/blocks/navigation/header.js.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.d.ts +3 -1
- package/dist/blocks/navigation/navigation-sidebar.d.ts.map +1 -1
- package/dist/blocks/navigation/navigation-sidebar.js +12 -5
- package/dist/blocks/navigation/navigation-sidebar.js.map +1 -1
- package/dist/blocks/navigation/tab-bar.d.ts.map +1 -1
- package/dist/blocks/navigation/tab-bar.js +8 -2
- package/dist/blocks/navigation/tab-bar.js.map +1 -1
- package/dist/components/accordion/accordion.d.ts +1 -1
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/accordion.js +10 -4
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/alert/alert.js +4 -4
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.d.ts +3 -2
- package/dist/components/alert-dialog/alert-dialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/alert-dialog.js +15 -4
- package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
- package/dist/components/badge/badge.js +6 -6
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +11 -5
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/card/card.d.ts +2 -1
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.js +12 -3
- package/dist/components/card/card.js.map +1 -1
- package/dist/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox/checkbox.js +7 -1
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/context-menu/context-menu.d.ts +3 -2
- package/dist/components/context-menu/context-menu.d.ts.map +1 -1
- package/dist/components/context-menu/context-menu.js +12 -3
- package/dist/components/context-menu/context-menu.js.map +1 -1
- package/dist/components/data-row/data-row.d.ts.map +1 -1
- package/dist/components/data-row/data-row.js +8 -5
- package/dist/components/data-row/data-row.js.map +1 -1
- package/dist/components/dialog/dialog.d.ts +3 -2
- package/dist/components/dialog/dialog.d.ts.map +1 -1
- package/dist/components/dialog/dialog.js +14 -3
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -2
- package/dist/components/dropdown-menu/dropdown-menu.d.ts.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu.js +12 -3
- package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/components/form-field/form-field.d.ts.map +1 -1
- package/dist/components/form-field/form-field.js +6 -3
- package/dist/components/form-field/form-field.js.map +1 -1
- package/dist/components/hover-card/hover-card.d.ts +2 -1
- package/dist/components/hover-card/hover-card.d.ts.map +1 -1
- package/dist/components/hover-card/hover-card.js +17 -2
- package/dist/components/hover-card/hover-card.js.map +1 -1
- package/dist/components/input/input.d.ts.map +1 -1
- package/dist/components/input/input.js +3 -1
- package/dist/components/input/input.js.map +1 -1
- package/dist/components/labeled-field/labeled-field.d.ts.map +1 -1
- package/dist/components/labeled-field/labeled-field.js +3 -1
- package/dist/components/labeled-field/labeled-field.js.map +1 -1
- package/dist/components/menubar/menubar.d.ts +3 -2
- package/dist/components/menubar/menubar.d.ts.map +1 -1
- package/dist/components/menubar/menubar.js +12 -3
- package/dist/components/menubar/menubar.js.map +1 -1
- package/dist/components/numeric-input/numeric-input.d.ts +2 -2
- package/dist/components/numeric-input/numeric-input.d.ts.map +1 -1
- package/dist/components/numeric-input/numeric-input.js +18 -6
- package/dist/components/numeric-input/numeric-input.js.map +1 -1
- package/dist/components/otp-input/index.d.ts +2 -0
- package/dist/components/otp-input/index.d.ts.map +1 -0
- package/dist/components/otp-input/index.js +2 -0
- package/dist/components/otp-input/index.js.map +1 -0
- package/dist/components/otp-input/otp-input.d.ts +97 -0
- package/dist/components/otp-input/otp-input.d.ts.map +1 -0
- package/dist/components/otp-input/otp-input.js +88 -0
- package/dist/components/otp-input/otp-input.js.map +1 -0
- package/dist/components/popover/popover.d.ts +2 -1
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js +16 -3
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/segmented-control/segmented-control.d.ts +3 -3
- package/dist/components/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/segmented-control/segmented-control.js +19 -5
- package/dist/components/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/select/select.d.ts +2 -1
- package/dist/components/select/select.d.ts.map +1 -1
- package/dist/components/select/select.js +30 -11
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/components/skeleton/skeleton.js +6 -2
- package/dist/components/skeleton/skeleton.js.map +1 -1
- package/dist/components/switch/switch.d.ts.map +1 -1
- package/dist/components/switch/switch.js +7 -1
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/tabs/tabs.d.ts +3 -1
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/tabs/tabs.js +9 -3
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/textarea/textarea.d.ts +2 -2
- package/dist/components/textarea/textarea.d.ts.map +1 -1
- package/dist/components/textarea/textarea.js +19 -6
- package/dist/components/textarea/textarea.js.map +1 -1
- package/dist/components/toast/toast.d.ts.map +1 -1
- package/dist/components/toast/toast.js +12 -2
- package/dist/components/toast/toast.js.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/frosted-surface.d.ts +33 -0
- package/dist/lib/frosted-surface.d.ts.map +1 -0
- package/dist/lib/frosted-surface.js +181 -0
- package/dist/lib/frosted-surface.js.map +1 -0
- package/dist/lib/interaction-tokens.d.ts +26 -0
- package/dist/lib/interaction-tokens.d.ts.map +1 -0
- package/dist/lib/interaction-tokens.js +70 -0
- package/dist/lib/interaction-tokens.js.map +1 -0
- package/dist/lib/react-native-classname.d.ts +23 -0
- package/dist/lib/react-native-classname.d.ts.map +1 -0
- package/dist/lib/react-native-classname.js +2 -0
- package/dist/lib/react-native-classname.js.map +1 -0
- package/dist/lib/theme-colors.d.ts +33 -4
- package/dist/lib/theme-colors.d.ts.map +1 -1
- package/dist/lib/theme-colors.js +249 -37
- package/dist/lib/theme-colors.js.map +1 -1
- package/dist/lib/visual-tokens.d.ts +39 -0
- package/dist/lib/visual-tokens.d.ts.map +1 -0
- package/dist/lib/visual-tokens.js +91 -0
- package/dist/lib/visual-tokens.js.map +1 -0
- package/dist/vite.d.ts +47 -0
- package/dist/vite.d.ts.map +1 -0
- package/dist/vite.js +110 -0
- package/dist/vite.js.map +1 -0
- package/package.json +16 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ declare const textareaVariants: import("tailwind-variants").TVReturnType<{
|
|
|
7
7
|
sm: string;
|
|
8
8
|
lg: string;
|
|
9
9
|
};
|
|
10
|
-
}, undefined, "
|
|
10
|
+
}, undefined, "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
11
11
|
size: {
|
|
12
12
|
default: string;
|
|
13
13
|
sm: string;
|
|
@@ -31,7 +31,7 @@ declare const textareaVariants: import("tailwind-variants").TVReturnType<{
|
|
|
31
31
|
sm: string;
|
|
32
32
|
lg: string;
|
|
33
33
|
};
|
|
34
|
-
}, undefined, "
|
|
34
|
+
}, undefined, "w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground", import("tailwind-variants/dist/config.js").TVConfig<{
|
|
35
35
|
size: {
|
|
36
36
|
default: string;
|
|
37
37
|
sm: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAkB,MAAM,cAAc,CAAC;AAE9E,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAOrD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAYpB,CAAC;AAIH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,gBAAgB,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,QAAA,MAAM,QAAQ,iFA8Bb,CAAC;AAMF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -4,14 +4,16 @@ import { TextInput } from 'react-native';
|
|
|
4
4
|
import { cn } from '../../lib/cn';
|
|
5
5
|
import { tv } from '../../lib/tv';
|
|
6
6
|
import { useThemeColors } from '../../lib/theme-colors';
|
|
7
|
+
import { useInteractionTokens } from '../../lib/interaction-tokens';
|
|
8
|
+
import { useVisualTokens } from '../../lib/visual-tokens';
|
|
7
9
|
// ─── Variants ────────────────────────────────────────────────
|
|
8
10
|
const textareaVariants = tv({
|
|
9
|
-
base: '
|
|
11
|
+
base: 'w-full rounded-md border border-border bg-muted px-3 py-2 text-sm text-foreground',
|
|
10
12
|
variants: {
|
|
11
13
|
size: {
|
|
12
|
-
default: '
|
|
13
|
-
sm: '
|
|
14
|
-
lg: '
|
|
14
|
+
default: '',
|
|
15
|
+
sm: 'text-xs',
|
|
16
|
+
lg: 'text-base',
|
|
15
17
|
},
|
|
16
18
|
},
|
|
17
19
|
defaultVariants: {
|
|
@@ -19,9 +21,20 @@ const textareaVariants = tv({
|
|
|
19
21
|
},
|
|
20
22
|
});
|
|
21
23
|
// ─── Component ───────────────────────────────────────────────
|
|
22
|
-
const Textarea = React.forwardRef(({ className, size, placeholderTextColor, ...props }, ref) => {
|
|
24
|
+
const Textarea = React.forwardRef(({ className, size = 'default', placeholderTextColor, ...props }, ref) => {
|
|
23
25
|
const colors = useThemeColors();
|
|
24
|
-
|
|
26
|
+
const interaction = useInteractionTokens();
|
|
27
|
+
const visual = useVisualTokens();
|
|
28
|
+
const minHeight = size === 'sm'
|
|
29
|
+
? visual.textareaMinHeightSm
|
|
30
|
+
: size === 'lg'
|
|
31
|
+
? visual.textareaMinHeightLg
|
|
32
|
+
: visual.textareaMinHeightDefault;
|
|
33
|
+
const style = {
|
|
34
|
+
minHeight,
|
|
35
|
+
...(props.editable === false ? { opacity: interaction.disabledOpacity } : null),
|
|
36
|
+
};
|
|
37
|
+
return (_jsx(TextInput, { ref: ref, className: cn(textareaVariants({ size }), 'outline-none', className), style: style, multiline: true, textAlignVertical: "top", placeholderTextColor: placeholderTextColor ?? colors.placeholder, ...props }));
|
|
25
38
|
});
|
|
26
39
|
Textarea.displayName = 'Textarea';
|
|
27
40
|
// ─── Exports ─────────────────────────────────────────────────
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAuC,MAAM,cAAc,CAAC;AAC9E,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,gEAAgE;AAEhE,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,EAAE,mFAAmF;IACzF,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE;YACX,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AASH,gEAAgE;AAEhE,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,SAAS,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IAEjC,MAAM,SAAS,GACb,IAAI,KAAK,IAAI;QACX,CAAC,CAAC,MAAM,CAAC,mBAAmB;QAC5B,CAAC,CAAC,IAAI,KAAK,IAAI;YACb,CAAC,CAAC,MAAM,CAAC,mBAAmB;YAC5B,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC;IAExC,MAAM,KAAK,GAAc;QACvB,SAAS;QACT,GAAG,CAAC,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;KAChF,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,cAAc,EAAE,SAAS,CAAC,EACpE,KAAK,EAAE,KAAK,EACZ,SAAS,QACT,iBAAiB,EAAC,KAAK,EACvB,oBAAoB,EAAE,oBAAoB,IAAI,MAAM,CAAC,WAAW,KAC5D,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,gEAAgE;AAEhE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/D,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAIrD,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,MAAM,CAAC;IAC/C,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAMD,wBAAgB,QAAQ,sBAMvB;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAID,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAsB7D;AAID,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAYjB,CAAC;AAIH,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC/E,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,iBAAS,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/D,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAIrD,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,UAAU,iBAAiB;IACzB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,MAAM,CAAC;IAC/C,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAMD,wBAAgB,QAAQ,sBAMvB;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAID,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAsB7D;AAID,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAYjB,CAAC;AAIH,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC/E,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,iBAAS,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAoD9E;AAID,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAkB5F;AAID,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -52,8 +52,18 @@ function Toast({ toast: toastData, onDismiss, className, ...props }) {
|
|
|
52
52
|
return () => clearTimeout(timer);
|
|
53
53
|
}
|
|
54
54
|
}, [duration, onDismiss]);
|
|
55
|
-
const
|
|
56
|
-
|
|
55
|
+
const textColorByVariant = {
|
|
56
|
+
default: 'text-foreground',
|
|
57
|
+
destructive: 'text-destructive-foreground',
|
|
58
|
+
success: 'text-success-foreground',
|
|
59
|
+
};
|
|
60
|
+
const descColorByVariant = {
|
|
61
|
+
default: 'text-muted-foreground',
|
|
62
|
+
destructive: 'text-destructive-foreground-muted',
|
|
63
|
+
success: 'text-success-foreground-muted',
|
|
64
|
+
};
|
|
65
|
+
const textColor = textColorByVariant[variant];
|
|
66
|
+
const descColor = descColorByVariant[variant];
|
|
57
67
|
return (_jsxs(Animated.View, { entering: SlideInUp.duration(300), exiting: SlideOutUp.duration(200), className: cn(toastVariants({ variant }), className), ...props, children: [_jsxs(View, { className: "flex-1 gap-1", children: [title && _jsx(Text, { className: cn('text-sm font-semibold', textColor), children: title }), description && _jsx(Text, { className: cn('text-sm', descColor), children: description })] }), _jsxs(View, { className: "flex-row items-center gap-2", children: [action && (_jsx(Pressable, { onPress: () => {
|
|
58
68
|
action.onPress();
|
|
59
69
|
onDismiss();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAC/D,OAAO,QAAQ,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAuBrD,gEAAgE;AAEhE,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAEnE,MAAM,UAAU,QAAQ;IACtB,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAQD,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAsB;IAC5D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,IAA2B,EAAE,EAAE;QACxD,MAAM,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,CAAC;QAChC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QAChD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QACzC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACvD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,YACjE,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC;AAED,gEAAgE;AAEhE,MAAM,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,EAAE,8EAA8E;IACpF,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,6BAA6B;YACtC,WAAW,EAAE,mCAAmC;YAChD,OAAO,EAAE,2BAA2B;SACrC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AASH,SAAS,KAAK,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IAC7E,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,GAAG,SAAS,EAAE,QAAQ,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAEvF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YAC9C,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE1B,MAAM,kBAAkB,GAAG;QACzB,OAAO,EAAE,iBAAiB;QAC1B,WAAW,EAAE,6BAA6B;QAC1C,OAAO,EAAE,yBAAyB;KAC1B,CAAC;IACX,MAAM,kBAAkB,GAAG;QACzB,OAAO,EAAE,uBAAuB;QAChC,WAAW,EAAE,mCAAmC;QAChD,OAAO,EAAE,+BAA+B;KAChC,CAAC;IACX,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAE9C,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IACZ,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,EACjC,OAAO,EAAE,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EACjC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,aAET,MAAC,IAAI,IAAC,SAAS,EAAC,cAAc,aAC3B,KAAK,IAAI,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,YAAG,KAAK,GAAQ,EAChF,WAAW,IAAI,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,YAAG,WAAW,GAAQ,IAC1E,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,6BAA6B,aAC1C,MAAM,IAAI,CACT,KAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,CAAC,OAAO,EAAE,CAAC;4BACjB,SAAS,EAAE,CAAC;wBACd,CAAC,EACD,SAAS,EAAC,6CAA6C,YAEvD,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,YAAG,MAAM,CAAC,KAAK,GAAQ,GAClE,CACb,EACD,KAAC,SAAS,IAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,KAAK,YAC5C,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,uBAAU,GACzC,IACP,IACO,CACjB,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB;IAC3F,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC;IAEvC,MAAM,aAAa,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;IAEhE,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,aAAa,EAAE,SAAS,CAAC,EACjF,aAAa,EAAC,UAAU,KACpB,KAAK,YAER,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,KAAC,IAAI,IAAgB,SAAS,EAAC,MAAM,YACnC,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAI,IADlD,KAAK,CAAC,EAAE,CAEZ,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC;AAED,gEAAgE;AAEhE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
|
+
import './lib/react-native-classname';
|
|
1
2
|
export { cn } from './lib/cn';
|
|
2
3
|
export { tv, type VariantProps } from './lib/tv';
|
|
3
4
|
export { FontProvider, type FontFamilyMap, type ResolvedFont, type ResolvedFontResult, } from './lib/font-context';
|
|
4
5
|
export { PortalHost } from './lib/portal';
|
|
5
6
|
export { ThemeBridge, applyThemeMode, resolveThemeMode, syncThemeMode, useThemeBridge, type ThemeMode, type ThemeBridgeAdapter, type ThemeBridgeProps, type UseThemeBridgeOptions, type UseThemeBridgeResult, } from './lib/theme-bridge';
|
|
6
7
|
export { useThemeColors, useThemeTokens, useIconColors, useResolvedThemeColors, type ThemeColors, } from './lib/theme-colors';
|
|
8
|
+
export { useInteractionTokens, withInteractivePressableStyle, type InteractionTokens, type InteractivePressableOptions, type PressedVariant, type DisabledVariant, } from './lib/interaction-tokens';
|
|
9
|
+
export { useVisualTokens, type VisualTokens } from './lib/visual-tokens';
|
|
10
|
+
export { registerFrostedBlurView, type FrostedSurfaceProps, type FrostedTintToken, } from './lib/frosted-surface';
|
|
7
11
|
export { Text, textVariants, type TextProps } from './components/text';
|
|
8
12
|
export { View, type ViewProps } from './components/view';
|
|
9
13
|
export { Pressable, type PressableProps } from './components/pressable';
|
|
@@ -14,6 +18,7 @@ export { Button, ButtonText, ButtonIcon, buttonVariants, buttonTextVariants, typ
|
|
|
14
18
|
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants, type CardProps, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, } from './components/card';
|
|
15
19
|
export { Input, inputVariants, type InputProps } from './components/input';
|
|
16
20
|
export { NumericInput, numericInputVariants, numericInputTextVariants, type NumericInputProps, } from './components/numeric-input';
|
|
21
|
+
export { OTPInput, otpCellVariants, type OTPInputProps } from './components/otp-input';
|
|
17
22
|
export { FormField, FormLabel, FormControl, FormHint, FormMessage, formFieldVariants, formControlVariants, type FormFieldProps, type FormLabelProps, type FormControlProps, type FormHintProps, type FormMessageProps, } from './components/form-field';
|
|
18
23
|
export { LabeledField, LabeledFieldControl, type LabeledFieldProps, type LabeledFieldControlProps, } from './components/labeled-field';
|
|
19
24
|
export { Badge, BadgeText, badgeVariants, badgeTextVariants, type BadgeProps, type BadgeTextProps, } from './components/badge';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import './lib/react-native-classname';
|
|
1
2
|
// ─── Utilities ───────────────────────────────────────────────
|
|
2
3
|
export { cn } from './lib/cn';
|
|
3
4
|
export { tv } from './lib/tv';
|
|
@@ -5,6 +6,9 @@ export { FontProvider, } from './lib/font-context';
|
|
|
5
6
|
export { PortalHost } from './lib/portal';
|
|
6
7
|
export { ThemeBridge, applyThemeMode, resolveThemeMode, syncThemeMode, useThemeBridge, } from './lib/theme-bridge';
|
|
7
8
|
export { useThemeColors, useThemeTokens, useIconColors, useResolvedThemeColors, } from './lib/theme-colors';
|
|
9
|
+
export { useInteractionTokens, withInteractivePressableStyle, } from './lib/interaction-tokens';
|
|
10
|
+
export { useVisualTokens } from './lib/visual-tokens';
|
|
11
|
+
export { registerFrostedBlurView, } from './lib/frosted-surface';
|
|
8
12
|
// ─── Primitives ──────────────────────────────────────────────
|
|
9
13
|
export { Text, textVariants } from './components/text';
|
|
10
14
|
export { View } from './components/view';
|
|
@@ -17,6 +21,7 @@ export { Button, ButtonText, ButtonIcon, buttonVariants, buttonTextVariants, } f
|
|
|
17
21
|
export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, cardVariants, } from './components/card';
|
|
18
22
|
export { Input, inputVariants } from './components/input';
|
|
19
23
|
export { NumericInput, numericInputVariants, numericInputTextVariants, } from './components/numeric-input';
|
|
24
|
+
export { OTPInput, otpCellVariants } from './components/otp-input';
|
|
20
25
|
export { FormField, FormLabel, FormControl, FormHint, FormMessage, formFieldVariants, formControlVariants, } from './components/form-field';
|
|
21
26
|
export { LabeledField, LabeledFieldControl, } from './components/labeled-field';
|
|
22
27
|
export { Badge, BadgeText, badgeVariants, badgeTextVariants, } from './components/badge';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,EAAE,EAAqB,MAAM,UAAU,CAAC;AACjD,OAAO,EACL,YAAY,GAIb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,GAMf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,cAAc,EACd,cAAc,EACd,aAAa,EACb,sBAAsB,GAEvB,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ViewStyle } from 'react-native';
|
|
3
|
+
export type FrostedTintToken = 'surfaceElevated' | 'surfaceTranslucent' | 'card' | 'popover';
|
|
4
|
+
export type FrostedBlurPreset = 'subtle' | 'medium' | 'strong';
|
|
5
|
+
export interface FrostedSurfaceProps {
|
|
6
|
+
frosted?: boolean;
|
|
7
|
+
blurIntensity?: number;
|
|
8
|
+
blurTintToken?: FrostedTintToken;
|
|
9
|
+
}
|
|
10
|
+
interface UseFrostedSurfaceOptions extends FrostedSurfaceProps {
|
|
11
|
+
defaultTintToken: FrostedTintToken;
|
|
12
|
+
defaultBlurPreset?: FrostedBlurPreset;
|
|
13
|
+
}
|
|
14
|
+
interface FrostedSurfaceResult {
|
|
15
|
+
frosted: boolean;
|
|
16
|
+
overlay: React.ReactNode;
|
|
17
|
+
surfaceStyle: ViewStyle | undefined;
|
|
18
|
+
}
|
|
19
|
+
type RegisteredBlurViewComponent = React.ComponentType<any>;
|
|
20
|
+
/**
|
|
21
|
+
* Registers the app's BlurView implementation (e.g. from expo-blur).
|
|
22
|
+
* Keep this opt-in so consumers who do not install blur libraries still compile.
|
|
23
|
+
*/
|
|
24
|
+
export declare function registerFrostedBlurView(blurView: RegisteredBlurViewComponent | null | undefined): void;
|
|
25
|
+
export declare function useFrostedSurface({ frosted, blurIntensity, blurTintToken, defaultTintToken, defaultBlurPreset, }: UseFrostedSurfaceOptions): FrostedSurfaceResult;
|
|
26
|
+
interface UseFrostedBackdropOptions {
|
|
27
|
+
frosted?: boolean;
|
|
28
|
+
blurIntensity?: number;
|
|
29
|
+
tintColor?: string;
|
|
30
|
+
}
|
|
31
|
+
export declare function useFrostedBackdrop({ frosted, blurIntensity, tintColor, }: UseFrostedBackdropOptions): React.ReactNode;
|
|
32
|
+
export {};
|
|
33
|
+
//# sourceMappingURL=frosted-surface.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"frosted-surface.d.ts","sourceRoot":"","sources":["../../src/lib/frosted-surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM1E,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,MAAM,GAAG,SAAS,CAAC;AAC7F,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC;AAED,UAAU,oBAAoB;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,EAAE,SAAS,GAAG,SAAS,CAAC;CACrC;AAaD,KAAK,2BAA2B,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAK5D;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,2BAA2B,GAAG,IAAI,GAAG,SAAS,GACvD,IAAI,CAGN;AA8ND,wBAAgB,iBAAiB,CAAC,EAChC,OAAe,EACf,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,iBAA4B,GAC7B,EAAE,wBAAwB,GAAG,oBAAoB,CAqCjD;AAED,UAAU,yBAAyB;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,OAAe,EACf,aAAa,EACb,SAAS,GACV,EAAE,yBAAyB,GAAG,KAAK,CAAC,SAAS,CAoB7C"}
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Platform, StyleSheet, View } from 'react-native';
|
|
3
|
+
import { useUniwind } from 'uniwind';
|
|
4
|
+
import { useThemeColors } from './theme-colors';
|
|
5
|
+
import { useVisualTokens } from './visual-tokens';
|
|
6
|
+
let cachedBlurViewComponent;
|
|
7
|
+
let registeredBlurViewComponent = null;
|
|
8
|
+
/**
|
|
9
|
+
* Registers the app's BlurView implementation (e.g. from expo-blur).
|
|
10
|
+
* Keep this opt-in so consumers who do not install blur libraries still compile.
|
|
11
|
+
*/
|
|
12
|
+
export function registerFrostedBlurView(blurView) {
|
|
13
|
+
registeredBlurViewComponent = blurView ?? null;
|
|
14
|
+
cachedBlurViewComponent = undefined;
|
|
15
|
+
}
|
|
16
|
+
function getBlurViewComponent() {
|
|
17
|
+
if (registeredBlurViewComponent) {
|
|
18
|
+
return registeredBlurViewComponent;
|
|
19
|
+
}
|
|
20
|
+
if (cachedBlurViewComponent !== undefined) {
|
|
21
|
+
return cachedBlurViewComponent;
|
|
22
|
+
}
|
|
23
|
+
const runtimeRequire = typeof require === 'function'
|
|
24
|
+
? require
|
|
25
|
+
: (globalThis.require ?? null);
|
|
26
|
+
if (!runtimeRequire) {
|
|
27
|
+
cachedBlurViewComponent = null;
|
|
28
|
+
return cachedBlurViewComponent;
|
|
29
|
+
}
|
|
30
|
+
try {
|
|
31
|
+
const packageName = ['expo', 'blur'].join('-');
|
|
32
|
+
const maybeBlurModule = runtimeRequire(packageName);
|
|
33
|
+
cachedBlurViewComponent =
|
|
34
|
+
typeof maybeBlurModule?.BlurView === 'function' ? maybeBlurModule.BlurView : null;
|
|
35
|
+
}
|
|
36
|
+
catch {
|
|
37
|
+
cachedBlurViewComponent = null;
|
|
38
|
+
}
|
|
39
|
+
return cachedBlurViewComponent;
|
|
40
|
+
}
|
|
41
|
+
function resolveTintColor(colors, tintToken) {
|
|
42
|
+
if (tintToken === 'card')
|
|
43
|
+
return colors.card;
|
|
44
|
+
if (tintToken === 'popover')
|
|
45
|
+
return colors.popover;
|
|
46
|
+
if (tintToken === 'surfaceTranslucent')
|
|
47
|
+
return colors.surfaceTranslucent;
|
|
48
|
+
return colors.surfaceElevated;
|
|
49
|
+
}
|
|
50
|
+
function resolveBlurIntensity(visualTokens, blurIntensity, preset) {
|
|
51
|
+
if (typeof blurIntensity === 'number' && Number.isFinite(blurIntensity)) {
|
|
52
|
+
return Math.max(0, Math.round(blurIntensity));
|
|
53
|
+
}
|
|
54
|
+
if (preset === 'subtle')
|
|
55
|
+
return visualTokens.blurIntensitySubtle;
|
|
56
|
+
if (preset === 'strong')
|
|
57
|
+
return visualTokens.blurIntensityStrong;
|
|
58
|
+
return visualTokens.blurIntensityMedium;
|
|
59
|
+
}
|
|
60
|
+
function getInsetAbsoluteFillStyle() {
|
|
61
|
+
const inset = Math.max(0, StyleSheet.hairlineWidth);
|
|
62
|
+
if (inset <= 0) {
|
|
63
|
+
return StyleSheet.absoluteFillObject;
|
|
64
|
+
}
|
|
65
|
+
return {
|
|
66
|
+
position: 'absolute',
|
|
67
|
+
top: inset,
|
|
68
|
+
right: inset,
|
|
69
|
+
bottom: inset,
|
|
70
|
+
left: inset,
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
function FrostedOverlay({ intensity, tintColor, highlightColor, saturationPct, highlightHeight, androidExperimentalBlurEnabled, }) {
|
|
74
|
+
const { theme } = useUniwind();
|
|
75
|
+
const BlurView = getBlurViewComponent();
|
|
76
|
+
const blurTint = theme === 'dark' ? 'dark' : 'light';
|
|
77
|
+
const blurProps = Platform.OS === 'android' && androidExperimentalBlurEnabled
|
|
78
|
+
? { experimentalBlurMethod: 'dimezisBlurView' }
|
|
79
|
+
: undefined;
|
|
80
|
+
const showHighlight = highlightHeight > 0;
|
|
81
|
+
const blurFill = getInsetAbsoluteFillStyle();
|
|
82
|
+
const tintFill = StyleSheet.absoluteFillObject;
|
|
83
|
+
const highlightInset = Math.max(0, StyleSheet.hairlineWidth);
|
|
84
|
+
if (!BlurView && Platform.OS === 'web') {
|
|
85
|
+
const webStyle = {
|
|
86
|
+
backdropFilter: `blur(${intensity}px) saturate(${saturationPct}%)`,
|
|
87
|
+
WebkitBackdropFilter: `blur(${intensity}px) saturate(${saturationPct}%)`,
|
|
88
|
+
};
|
|
89
|
+
return (_jsxs(_Fragment, { children: [_jsx(View, { pointerEvents: "none", style: [tintFill, webStyle, { backgroundColor: tintColor }] }), showHighlight ? (_jsx(View, { pointerEvents: "none", style: {
|
|
90
|
+
position: 'absolute',
|
|
91
|
+
top: highlightInset,
|
|
92
|
+
left: highlightInset,
|
|
93
|
+
right: highlightInset,
|
|
94
|
+
height: highlightHeight,
|
|
95
|
+
backgroundColor: highlightColor,
|
|
96
|
+
borderTopLeftRadius: 999,
|
|
97
|
+
borderTopRightRadius: 999,
|
|
98
|
+
} })) : null] }));
|
|
99
|
+
}
|
|
100
|
+
if (!BlurView) {
|
|
101
|
+
return (_jsxs(_Fragment, { children: [_jsx(View, { pointerEvents: "none", style: [tintFill, { backgroundColor: tintColor }] }), showHighlight ? (_jsx(View, { pointerEvents: "none", style: {
|
|
102
|
+
position: 'absolute',
|
|
103
|
+
top: highlightInset,
|
|
104
|
+
left: highlightInset,
|
|
105
|
+
right: highlightInset,
|
|
106
|
+
height: highlightHeight,
|
|
107
|
+
backgroundColor: highlightColor,
|
|
108
|
+
borderTopLeftRadius: 999,
|
|
109
|
+
borderTopRightRadius: 999,
|
|
110
|
+
} })) : null] }));
|
|
111
|
+
}
|
|
112
|
+
return (_jsxs(_Fragment, { children: [_jsx(BlurView, { pointerEvents: "none", intensity: intensity, tint: blurTint, ...blurProps, style: blurFill }), _jsx(View, { pointerEvents: "none", style: [tintFill, { backgroundColor: tintColor }] }), showHighlight ? (_jsx(View, { pointerEvents: "none", style: {
|
|
113
|
+
position: 'absolute',
|
|
114
|
+
top: highlightInset,
|
|
115
|
+
left: highlightInset,
|
|
116
|
+
right: highlightInset,
|
|
117
|
+
height: highlightHeight,
|
|
118
|
+
backgroundColor: highlightColor,
|
|
119
|
+
borderTopLeftRadius: 999,
|
|
120
|
+
borderTopRightRadius: 999,
|
|
121
|
+
} })) : null] }));
|
|
122
|
+
}
|
|
123
|
+
function FrostedBackdropOverlay({ intensity, tintColor, saturationPct, androidExperimentalBlurEnabled, }) {
|
|
124
|
+
const { theme } = useUniwind();
|
|
125
|
+
const BlurView = getBlurViewComponent();
|
|
126
|
+
const blurTint = theme === 'dark' ? 'dark' : 'light';
|
|
127
|
+
const blurProps = Platform.OS === 'android' && androidExperimentalBlurEnabled
|
|
128
|
+
? { experimentalBlurMethod: 'dimezisBlurView' }
|
|
129
|
+
: undefined;
|
|
130
|
+
const blurFill = getInsetAbsoluteFillStyle();
|
|
131
|
+
const tintFill = StyleSheet.absoluteFillObject;
|
|
132
|
+
if (!BlurView && Platform.OS === 'web') {
|
|
133
|
+
const webStyle = {
|
|
134
|
+
backdropFilter: `blur(${intensity}px) saturate(${saturationPct}%)`,
|
|
135
|
+
WebkitBackdropFilter: `blur(${intensity}px) saturate(${saturationPct}%)`,
|
|
136
|
+
};
|
|
137
|
+
return (_jsx(View, { pointerEvents: "none", style: [tintFill, webStyle, { backgroundColor: tintColor }] }));
|
|
138
|
+
}
|
|
139
|
+
if (!BlurView) {
|
|
140
|
+
return _jsx(View, { pointerEvents: "none", style: [tintFill, { backgroundColor: tintColor }] });
|
|
141
|
+
}
|
|
142
|
+
return (_jsxs(_Fragment, { children: [_jsx(BlurView, { pointerEvents: "none", intensity: intensity, tint: blurTint, ...blurProps, style: blurFill }), _jsx(View, { pointerEvents: "none", style: [tintFill, { backgroundColor: tintColor }] })] }));
|
|
143
|
+
}
|
|
144
|
+
export function useFrostedSurface({ frosted = false, blurIntensity, blurTintToken, defaultTintToken, defaultBlurPreset = 'medium', }) {
|
|
145
|
+
const colors = useThemeColors();
|
|
146
|
+
const visualTokens = useVisualTokens();
|
|
147
|
+
if (!frosted) {
|
|
148
|
+
return {
|
|
149
|
+
frosted: false,
|
|
150
|
+
overlay: null,
|
|
151
|
+
surfaceStyle: undefined,
|
|
152
|
+
};
|
|
153
|
+
}
|
|
154
|
+
const tintToken = blurTintToken ?? defaultTintToken;
|
|
155
|
+
const tintColor = resolveTintColor(colors, tintToken);
|
|
156
|
+
const intensity = resolveBlurIntensity(visualTokens, blurIntensity, defaultBlurPreset);
|
|
157
|
+
const highlightColor = colors.surfaceHighlight;
|
|
158
|
+
const highlightHeight = visualTokens.frostedHighlightHeight;
|
|
159
|
+
const saturationPct = visualTokens.blurSaturationPct;
|
|
160
|
+
const androidExperimentalBlurEnabled = visualTokens.androidExperimentalBlurEnabled;
|
|
161
|
+
return {
|
|
162
|
+
frosted: true,
|
|
163
|
+
overlay: (_jsx(FrostedOverlay, { intensity: intensity, tintColor: tintColor, highlightColor: highlightColor, highlightHeight: highlightHeight, saturationPct: saturationPct, androidExperimentalBlurEnabled: androidExperimentalBlurEnabled })),
|
|
164
|
+
surfaceStyle: {
|
|
165
|
+
backgroundColor: 'transparent',
|
|
166
|
+
borderColor: colors.surfaceBorder,
|
|
167
|
+
},
|
|
168
|
+
};
|
|
169
|
+
}
|
|
170
|
+
export function useFrostedBackdrop({ frosted = false, blurIntensity, tintColor, }) {
|
|
171
|
+
const colors = useThemeColors();
|
|
172
|
+
const visualTokens = useVisualTokens();
|
|
173
|
+
if (!frosted)
|
|
174
|
+
return null;
|
|
175
|
+
const intensity = typeof blurIntensity === 'number' && Number.isFinite(blurIntensity)
|
|
176
|
+
? Math.max(0, Math.round(blurIntensity))
|
|
177
|
+
: visualTokens.frostedBackdropBlurIntensity;
|
|
178
|
+
const resolvedTintColor = tintColor ?? colors.overlay;
|
|
179
|
+
return (_jsx(FrostedBackdropOverlay, { intensity: intensity, tintColor: resolvedTintColor, saturationPct: visualTokens.blurSaturationPct, androidExperimentalBlurEnabled: visualTokens.androidExperimentalBlurEnabled }));
|
|
180
|
+
}
|
|
181
|
+
//# sourceMappingURL=frosted-surface.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"frosted-surface.js","sourceRoot":"","sources":["../../src/lib/frosted-surface.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type PressableProps } from 'react-native';
|
|
2
|
+
export interface InteractionTokens {
|
|
3
|
+
pressOpacity: number;
|
|
4
|
+
pressOpacityStrong: number;
|
|
5
|
+
disabledOpacity: number;
|
|
6
|
+
disabledOpacitySoft: number;
|
|
7
|
+
disabledOpacitySubtle: number;
|
|
8
|
+
inactiveOpacity: number;
|
|
9
|
+
motionFast: number;
|
|
10
|
+
motionNormal: number;
|
|
11
|
+
motionSlow: number;
|
|
12
|
+
drawerOpenDuration: number;
|
|
13
|
+
drawerCloseDuration: number;
|
|
14
|
+
}
|
|
15
|
+
export type PressedVariant = 'default' | 'strong' | 'none';
|
|
16
|
+
export type DisabledVariant = 'default' | 'soft' | 'subtle' | 'none';
|
|
17
|
+
export interface InteractivePressableOptions {
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
pressedVariant?: PressedVariant;
|
|
20
|
+
disabledVariant?: DisabledVariant;
|
|
21
|
+
}
|
|
22
|
+
export declare function useInteractionTokens(): InteractionTokens;
|
|
23
|
+
type PressableStyle = PressableProps['style'];
|
|
24
|
+
export declare function withInteractivePressableStyle(styleProp: PressableStyle | undefined, tokens: InteractionTokens, options?: InteractivePressableOptions): PressableStyle;
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=interaction-tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interaction-tokens.d.ts","sourceRoot":"","sources":["../../src/lib/interaction-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAIpB,MAAM,cAAc,CAAC;AAatB,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,CAwCxD;AAED,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAqB9C,wBAAgB,6BAA6B,CAC3C,SAAS,EAAE,cAAc,GAAG,SAAS,EACrC,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,2BAAgC,GACxC,cAAc,CAiBhB"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { useCSSVariable } from 'uniwind';
|
|
2
|
+
function parseNumber(value, fallback) {
|
|
3
|
+
if (value === undefined || value === null)
|
|
4
|
+
return fallback;
|
|
5
|
+
const parsed = Number.parseFloat(String(value));
|
|
6
|
+
return Number.isFinite(parsed) ? parsed : fallback;
|
|
7
|
+
}
|
|
8
|
+
function clampOpacity(value) {
|
|
9
|
+
return Math.max(0, Math.min(1, value));
|
|
10
|
+
}
|
|
11
|
+
export function useInteractionTokens() {
|
|
12
|
+
const [pressOpacity, pressOpacityStrong, disabledOpacity, disabledOpacitySoft, disabledOpacitySubtle, inactiveOpacity, motionFast, motionNormal, motionSlow, drawerOpenDuration, drawerCloseDuration,] = useCSSVariable([
|
|
13
|
+
'--ui-press-opacity',
|
|
14
|
+
'--ui-press-opacity-strong',
|
|
15
|
+
'--ui-disabled-opacity',
|
|
16
|
+
'--ui-disabled-opacity-soft',
|
|
17
|
+
'--ui-disabled-opacity-subtle',
|
|
18
|
+
'--ui-inactive-opacity',
|
|
19
|
+
'--ui-motion-fast',
|
|
20
|
+
'--ui-motion-normal',
|
|
21
|
+
'--ui-motion-slow',
|
|
22
|
+
'--ui-drawer-open-duration',
|
|
23
|
+
'--ui-drawer-close-duration',
|
|
24
|
+
]);
|
|
25
|
+
return {
|
|
26
|
+
pressOpacity: clampOpacity(parseNumber(pressOpacity, 0.72)),
|
|
27
|
+
pressOpacityStrong: clampOpacity(parseNumber(pressOpacityStrong, 0.9)),
|
|
28
|
+
disabledOpacity: clampOpacity(parseNumber(disabledOpacity, 0.5)),
|
|
29
|
+
disabledOpacitySoft: clampOpacity(parseNumber(disabledOpacitySoft, 0.6)),
|
|
30
|
+
disabledOpacitySubtle: clampOpacity(parseNumber(disabledOpacitySubtle, 0.4)),
|
|
31
|
+
inactiveOpacity: clampOpacity(parseNumber(inactiveOpacity, 0.5)),
|
|
32
|
+
motionFast: Math.max(0, Math.round(parseNumber(motionFast, 160))),
|
|
33
|
+
motionNormal: Math.max(0, Math.round(parseNumber(motionNormal, 220))),
|
|
34
|
+
motionSlow: Math.max(0, Math.round(parseNumber(motionSlow, 300))),
|
|
35
|
+
drawerOpenDuration: Math.max(0, Math.round(parseNumber(drawerOpenDuration, 300))),
|
|
36
|
+
drawerCloseDuration: Math.max(0, Math.round(parseNumber(drawerCloseDuration, 220))),
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
function resolveDisabledOpacity(tokens, variant) {
|
|
40
|
+
if (variant === 'none')
|
|
41
|
+
return undefined;
|
|
42
|
+
if (variant === 'soft')
|
|
43
|
+
return tokens.disabledOpacitySoft;
|
|
44
|
+
if (variant === 'subtle')
|
|
45
|
+
return tokens.disabledOpacitySubtle;
|
|
46
|
+
return tokens.disabledOpacity;
|
|
47
|
+
}
|
|
48
|
+
function resolvePressedOpacity(tokens, variant) {
|
|
49
|
+
if (variant === 'none')
|
|
50
|
+
return undefined;
|
|
51
|
+
if (variant === 'strong')
|
|
52
|
+
return tokens.pressOpacityStrong;
|
|
53
|
+
return tokens.pressOpacity;
|
|
54
|
+
}
|
|
55
|
+
export function withInteractivePressableStyle(styleProp, tokens, options = {}) {
|
|
56
|
+
const { disabled = false, pressedVariant = 'default', disabledVariant = 'default' } = options;
|
|
57
|
+
return (state) => {
|
|
58
|
+
const baseStyle = typeof styleProp === 'function'
|
|
59
|
+
? styleProp(state)
|
|
60
|
+
: styleProp;
|
|
61
|
+
const disabledOpacity = resolveDisabledOpacity(tokens, disabledVariant);
|
|
62
|
+
const pressedOpacity = resolvePressedOpacity(tokens, pressedVariant);
|
|
63
|
+
const feedbackOpacity = disabled ? disabledOpacity : state.pressed ? pressedOpacity : undefined;
|
|
64
|
+
return [
|
|
65
|
+
baseStyle,
|
|
66
|
+
feedbackOpacity !== undefined ? { opacity: feedbackOpacity } : null,
|
|
67
|
+
];
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=interaction-tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interaction-tokens.js","sourceRoot":"","sources":["../../src/lib/interaction-tokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import 'react-native';
|
|
2
|
+
declare module 'react-native' {
|
|
3
|
+
interface ViewProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
interface TextProps {
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
interface ImageProps {
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
interface PressableProps {
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
interface FlatListProps<ItemT> {
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
interface ScrollViewProps {
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=react-native-classname.d.ts.map
|