@indra-inter/neobrutalism-components 0.1.0 → 0.1.2
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 +25 -2
- package/dist/module/components/accordion/accordion.js +8 -0
- package/dist/module/components/accordion/accordion.js.map +1 -1
- package/dist/module/components/app-bar/app-bar.js +23 -2
- package/dist/module/components/app-bar/app-bar.js.map +1 -1
- package/dist/module/components/avatar/avatar.js +15 -7
- package/dist/module/components/avatar/avatar.js.map +1 -1
- package/dist/module/components/badge/badge.js +10 -4
- package/dist/module/components/badge/badge.js.map +1 -1
- package/dist/module/components/bottom-navigation/bottom-navigation.js +9 -1
- package/dist/module/components/bottom-navigation/bottom-navigation.js.map +1 -1
- package/dist/module/components/bottom-sheet/bottom-sheet.js +12 -1
- package/dist/module/components/bottom-sheet/bottom-sheet.js.map +1 -1
- package/dist/module/components/button/button.js +8 -5
- package/dist/module/components/button/button.js.map +1 -1
- package/dist/module/components/calendar/calendar.js +7 -1
- package/dist/module/components/calendar/calendar.js.map +1 -1
- package/dist/module/components/call-item/call-item.js +5 -0
- package/dist/module/components/call-item/call-item.js.map +1 -1
- package/dist/module/components/card/card.js +29 -17
- package/dist/module/components/card/card.js.map +1 -1
- package/dist/module/components/chat-list-item/chat-list-item.js +5 -0
- package/dist/module/components/chat-list-item/chat-list-item.js.map +1 -1
- package/dist/module/components/checkbox/checkbox.js +4 -0
- package/dist/module/components/checkbox/checkbox.js.map +1 -1
- package/dist/module/components/dialog/dialog.js +14 -1
- package/dist/module/components/dialog/dialog.js.map +1 -1
- package/dist/module/components/dropdown/dropdown-menu.js +10 -3
- package/dist/module/components/dropdown/dropdown-menu.js.map +1 -1
- package/dist/module/components/dropdown/dropdown.js +13 -4
- package/dist/module/components/dropdown/dropdown.js.map +1 -1
- package/dist/module/components/icon-button/icon-button.js +7 -1
- package/dist/module/components/icon-button/icon-button.js.map +1 -1
- package/dist/module/components/input/currency-input.js +6 -0
- package/dist/module/components/input/currency-input.js.map +1 -1
- package/dist/module/components/input/input.js +11 -0
- package/dist/module/components/input/input.js.map +1 -1
- package/dist/module/components/input/otp-input.js +6 -0
- package/dist/module/components/input/otp-input.js.map +1 -1
- package/dist/module/components/input/password-input.js +6 -0
- package/dist/module/components/input/password-input.js.map +1 -1
- package/dist/module/components/input/phone-input.js +6 -0
- package/dist/module/components/input/phone-input.js.map +1 -1
- package/dist/module/components/input/url-input.js +6 -0
- package/dist/module/components/input/url-input.js.map +1 -1
- package/dist/module/components/progress/progress.js +5 -0
- package/dist/module/components/progress/progress.js.map +1 -1
- package/dist/module/components/shared/styling.js +27 -0
- package/dist/module/components/shared/styling.js.map +1 -0
- package/dist/module/components/skeleton/skeleton.js +6 -1
- package/dist/module/components/skeleton/skeleton.js.map +1 -1
- package/dist/module/components/switch/switch.js +4 -0
- package/dist/module/components/switch/switch.js.map +1 -1
- package/dist/module/components/tabs/tabs.js +10 -11
- package/dist/module/components/tabs/tabs.js.map +1 -1
- package/dist/module/components/toast/toast.js +6 -1
- package/dist/module/components/toast/toast.js.map +1 -1
- package/dist/module/index.js.map +1 -1
- package/dist/typescript/components/accordion/accordion.d.ts +5 -0
- package/dist/typescript/components/accordion/accordion.d.ts.map +1 -1
- package/dist/typescript/components/app-bar/app-bar.d.ts +7 -0
- package/dist/typescript/components/app-bar/app-bar.d.ts.map +1 -1
- package/dist/typescript/components/avatar/avatar.d.ts +7 -2
- package/dist/typescript/components/avatar/avatar.d.ts.map +1 -1
- package/dist/typescript/components/badge/badge.d.ts +5 -2
- package/dist/typescript/components/badge/badge.d.ts.map +1 -1
- package/dist/typescript/components/bottom-navigation/bottom-navigation.d.ts +6 -1
- package/dist/typescript/components/bottom-navigation/bottom-navigation.d.ts.map +1 -1
- package/dist/typescript/components/bottom-sheet/bottom-sheet.d.ts +4 -1
- package/dist/typescript/components/bottom-sheet/bottom-sheet.d.ts.map +1 -1
- package/dist/typescript/components/button/button.d.ts +4 -2
- package/dist/typescript/components/button/button.d.ts.map +1 -1
- package/dist/typescript/components/calendar/calendar.d.ts +5 -6
- package/dist/typescript/components/calendar/calendar.d.ts.map +1 -1
- package/dist/typescript/components/call-item/call-item.d.ts +2 -0
- package/dist/typescript/components/call-item/call-item.d.ts.map +1 -1
- package/dist/typescript/components/card/card.d.ts +8 -8
- package/dist/typescript/components/card/card.d.ts.map +1 -1
- package/dist/typescript/components/chat-list-item/chat-list-item.d.ts +2 -0
- package/dist/typescript/components/chat-list-item/chat-list-item.d.ts.map +1 -1
- package/dist/typescript/components/checkbox/checkbox.d.ts +1 -0
- package/dist/typescript/components/checkbox/checkbox.d.ts.map +1 -1
- package/dist/typescript/components/dialog/dialog.d.ts +4 -1
- package/dist/typescript/components/dialog/dialog.d.ts.map +1 -1
- package/dist/typescript/components/dropdown/dropdown-menu.d.ts +5 -1
- package/dist/typescript/components/dropdown/dropdown-menu.d.ts.map +1 -1
- package/dist/typescript/components/dropdown/dropdown.d.ts.map +1 -1
- package/dist/typescript/components/dropdown/types.d.ts +4 -0
- package/dist/typescript/components/dropdown/types.d.ts.map +1 -1
- package/dist/typescript/components/icon-button/icon-button.d.ts +4 -1
- package/dist/typescript/components/icon-button/icon-button.d.ts.map +1 -1
- package/dist/typescript/components/input/currency-input.d.ts.map +1 -1
- package/dist/typescript/components/input/input.d.ts +3 -0
- package/dist/typescript/components/input/input.d.ts.map +1 -1
- package/dist/typescript/components/input/otp-input.d.ts +3 -0
- package/dist/typescript/components/input/otp-input.d.ts.map +1 -1
- package/dist/typescript/components/input/password-input.d.ts.map +1 -1
- package/dist/typescript/components/input/phone-input.d.ts.map +1 -1
- package/dist/typescript/components/input/url-input.d.ts.map +1 -1
- package/dist/typescript/components/progress/progress.d.ts +2 -0
- package/dist/typescript/components/progress/progress.d.ts.map +1 -1
- package/dist/typescript/components/shared/styling.d.ts +13 -0
- package/dist/typescript/components/shared/styling.d.ts.map +1 -0
- package/dist/typescript/components/skeleton/skeleton.d.ts +3 -1
- package/dist/typescript/components/skeleton/skeleton.d.ts.map +1 -1
- package/dist/typescript/components/switch/switch.d.ts +1 -0
- package/dist/typescript/components/switch/switch.d.ts.map +1 -1
- package/dist/typescript/components/tabs/tabs.d.ts +7 -2
- package/dist/typescript/components/tabs/tabs.d.ts.map +1 -1
- package/dist/typescript/components/toast/toast.d.ts +4 -1
- package/dist/typescript/components/toast/toast.d.ts.map +1 -1
- package/dist/typescript/index.d.ts +5 -4
- package/dist/typescript/index.d.ts.map +1 -1
- package/package.json +4 -1
package/README.md
CHANGED
|
@@ -33,8 +33,9 @@ NativeWind v4 is a required peer dependency. Configure it in the consuming
|
|
|
33
33
|
application, then import components from the same package entry point. Neo's
|
|
34
34
|
token-driven `StyleSheet` values remain the default; `className` and the
|
|
35
35
|
existing React Native style props are optional overrides that can be combined.
|
|
36
|
-
|
|
37
|
-
components
|
|
36
|
+
Every exported visual component supports a typed root `className`; compound
|
|
37
|
+
components also expose named class slots that match their existing `*Style`
|
|
38
|
+
props.
|
|
38
39
|
|
|
39
40
|
```tsx
|
|
40
41
|
import { Button, Radio } from 'neobrutalism-components';
|
|
@@ -58,6 +59,28 @@ import { Button, Radio } from 'neobrutalism-components';
|
|
|
58
59
|
wrapper expose a named class slot—for example, `Button.containerClassName`
|
|
59
60
|
maps to its existing `containerStyle` wrapper.
|
|
60
61
|
|
|
62
|
+
### Public styling contract
|
|
63
|
+
|
|
64
|
+
Use `rounded` for the shared shape presets: `sharp`, `rounded`, and `pill`.
|
|
65
|
+
When a component also accepts `radius`, the explicit `radius` value always
|
|
66
|
+
wins. `Radius` supports either one number or Card/Calendar per-corner values.
|
|
67
|
+
`shadow={false}` disables shadows on components that expose independent shadow
|
|
68
|
+
control.
|
|
69
|
+
|
|
70
|
+
```tsx
|
|
71
|
+
<Button className="mt-4" rounded="sharp" shadow={false}>Save</Button>
|
|
72
|
+
<Input className="bg-card" containerClassName="gap-2" />
|
|
73
|
+
<Badge variant="destructive" rounded="pill">Failed</Badge>
|
|
74
|
+
<Avatar mode="image" source={photo} />
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
The following aliases remain supported for compatibility. Prefer the canonical
|
|
78
|
+
prop in new code: `Button variant="noShadow"` → `shadow={false}`,
|
|
79
|
+
`Badge.type` → `Badge.variant`, `Avatar.variant` → `Avatar.mode`,
|
|
80
|
+
`AppBar.Content.variant` → `AppBar.Content.layout`, and
|
|
81
|
+
`DropdownMenu.variant` → `DropdownMenu.mode`. If both values are supplied,
|
|
82
|
+
the canonical prop takes precedence.
|
|
83
|
+
|
|
61
84
|
## Example app
|
|
62
85
|
|
|
63
86
|
The repository includes a private Expo Router example application in
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { Pressable, StyleSheet, Text, View } from 'react-native';
|
|
5
5
|
import { ChevronDown, ChevronUp } from 'lucide-react-native';
|
|
6
|
+
import { cssInterop } from 'nativewind';
|
|
6
7
|
import { useTheme } from "../../theme/theme-provider.js";
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
export function Accordion(props) {
|
|
@@ -72,6 +73,13 @@ export function Accordion(props) {
|
|
|
72
73
|
})
|
|
73
74
|
});
|
|
74
75
|
}
|
|
76
|
+
cssInterop(Accordion, {
|
|
77
|
+
className: 'style',
|
|
78
|
+
containerClassName: 'containerStyle',
|
|
79
|
+
contentClassName: 'contentStyle',
|
|
80
|
+
headerClassName: 'headerStyle',
|
|
81
|
+
titleClassName: 'titleStyle'
|
|
82
|
+
});
|
|
75
83
|
function AccordionHeader({
|
|
76
84
|
disabled,
|
|
77
85
|
expanded,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","Pressable","StyleSheet","Text","View","ChevronDown","ChevronUp","useTheme","jsx","_jsx","jsxs","_jsxs","Accordion","props","theme","styles","createStyles","uncontrolledSingleValue","setUncontrolledSingleValue","type","defaultValue","uncontrolledMultipleValues","setUncontrolledMultipleValues","isMultiple","isControlled","value","undefined","selectedValues","filter","resolvedShadowColor","shadowColor","resolveShadowColor","shadowVariant","toggleItem","item","disabled","nextValues","includes","onValueChange","selectedValue","nextValue","collapsible","accessibilityLabel","style","container","containerStyle","children","items","map","expanded","header","AccordionHeader","headerStyle","onPress","titleStyle","expandedContainer","pointerEvents","hardShadow","backgroundColor","testID","expandedSurface","content","contentStyle","title","numberOfLines","disabledTitle","ChevronIcon","accessibilityRole","accessibilityState","pressed","expandedHeader","closedHeader","disabledHeader","pressedHeader","leading","slot","titleContainer","trailing","color","colors","primaryForeground","foreground","size","strokeWidth","variant","default","shadow","destructive","info","primary","secondary","success","warning","create","width","paddingBottom","offset","paddingRight","position","bottom","left","right","top","surface","borderColor","border","borderWidth","alignItems","flexDirection","gap","spacing","xs","minHeight","paddingHorizontal","md","paddingVertical","borderBottomColor","borderBottomWidth","primaryHover","opacity","justifyContent","flex","minWidth","fontSize","typography","fontWeight","lineHeight","mutedForeground","padding"],"sourceRoot":"../../../../src","sources":["components/accordion/accordion.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAwB,OAAO;AAChD,SACEC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,IAAI,QAIC,cAAc;AACrB,SAASC,WAAW,EAAEC,SAAS,QAAQ,qBAAqB;
|
|
1
|
+
{"version":3,"names":["useState","Pressable","StyleSheet","Text","View","ChevronDown","ChevronUp","cssInterop","useTheme","jsx","_jsx","jsxs","_jsxs","Accordion","props","theme","styles","createStyles","uncontrolledSingleValue","setUncontrolledSingleValue","type","defaultValue","uncontrolledMultipleValues","setUncontrolledMultipleValues","isMultiple","isControlled","value","undefined","selectedValues","filter","resolvedShadowColor","shadowColor","resolveShadowColor","shadowVariant","toggleItem","item","disabled","nextValues","includes","onValueChange","selectedValue","nextValue","collapsible","accessibilityLabel","style","container","containerStyle","children","items","map","expanded","header","AccordionHeader","headerStyle","onPress","titleStyle","expandedContainer","pointerEvents","hardShadow","backgroundColor","testID","expandedSurface","content","contentStyle","className","containerClassName","contentClassName","headerClassName","titleClassName","title","numberOfLines","disabledTitle","ChevronIcon","accessibilityRole","accessibilityState","pressed","expandedHeader","closedHeader","disabledHeader","pressedHeader","leading","slot","titleContainer","trailing","color","colors","primaryForeground","foreground","size","strokeWidth","variant","default","shadow","destructive","info","primary","secondary","success","warning","create","width","paddingBottom","offset","paddingRight","position","bottom","left","right","top","surface","borderColor","border","borderWidth","alignItems","flexDirection","gap","spacing","xs","minHeight","paddingHorizontal","md","paddingVertical","borderBottomColor","borderBottomWidth","primaryHover","opacity","justifyContent","flex","minWidth","fontSize","typography","fontWeight","lineHeight","mutedForeground","padding"],"sourceRoot":"../../../../src","sources":["components/accordion/accordion.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAwB,OAAO;AAChD,SACEC,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,IAAI,QAIC,cAAc;AACrB,SAASC,WAAW,EAAEC,SAAS,QAAQ,qBAAqB;AAC5D,SAASC,UAAU,QAAQ,YAAY;AAIvC,SAASC,QAAQ,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA+CtD,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EACxB,MAAMQ,MAAM,GAAGC,YAAY,CAACF,KAAK,CAAC;EAClC,MAAM,CAACG,uBAAuB,EAAEC,0BAA0B,CAAC,GAAGnB,QAAQ,CAEpE,MAAOc,KAAK,CAACM,IAAI,KAAK,UAAU,GAAG,IAAI,GAAGN,KAAK,CAACO,YAAY,IAAI,IAAK,CAAC;EACxE,MAAM,CAACC,0BAA0B,EAAEC,6BAA6B,CAAC,GAAGvB,QAAQ,CAE1E,MAAOc,KAAK,CAACM,IAAI,KAAK,UAAU,GAAG,CAAC,IAAIN,KAAK,CAACO,YAAY,IAAI,EAAE,CAAC,CAAC,GAAG,EAAG,CAAC;EAC3E,MAAMG,UAAU,GAAGV,KAAK,CAACM,IAAI,KAAK,UAAU;EAC5C,MAAMK,YAAY,GAAGX,KAAK,CAACY,KAAK,KAAKC,SAAS;EAC9C,MAAMC,cAAc,GAAGJ,UAAU,GAC7BC,YAAY,GACV,CAAC,IAAIX,KAAK,CAACY,KAAK,IAAI,EAAE,CAAC,CAAC,GACxBJ,0BAA0B,GAC5B,CAACG,YAAY,GAAGX,KAAK,CAACY,KAAK,GAAGR,uBAAuB,CAAC,CAACW,MAAM,CAC1DH,KAAK,IAAsB,OAAOA,KAAK,KAAK,QAC/C,CAAC;EACL,MAAMI,mBAAmB,GACvBhB,KAAK,CAACiB,WAAW,IAAIC,kBAAkB,CAAClB,KAAK,CAACmB,aAAa,IAAI,SAAS,EAAElB,KAAK,CAAC;EAElF,SAASmB,UAAUA,CAACC,IAAmB,EAAE;IACvC,IAAIA,IAAI,CAACC,QAAQ,EAAE;MACjB;IACF;IAEA,IAAIZ,UAAU,EAAE;MACd,MAAMa,UAAU,GAAGT,cAAc,CAACU,QAAQ,CAACH,IAAI,CAACT,KAAK,CAAC,GAClDE,cAAc,CAACC,MAAM,CAAEH,KAAK,IAAKA,KAAK,KAAKS,IAAI,CAACT,KAAK,CAAC,GACtD,CAAC,GAAGE,cAAc,EAAEO,IAAI,CAACT,KAAK,CAAC;MAEnC,IAAI,CAACD,YAAY,EAAE;QACjBF,6BAA6B,CAACc,UAAU,CAAC;MAC3C;MAEAvB,KAAK,CAACyB,aAAa,GAAGF,UAAU,CAAC;MACjC;IACF;IAEA,MAAMG,aAAa,GAAGZ,cAAc,CAAC,CAAC,CAAC,IAAI,IAAI;IAC/C,MAAMa,SAAS,GACbD,aAAa,KAAKL,IAAI,CAACT,KAAK,GACxBZ,KAAK,CAAC4B,WAAW,KAAK,KAAK,GACzBP,IAAI,CAACT,KAAK,GACV,IAAI,GACNS,IAAI,CAACT,KAAK;IAEhB,IAAI,CAACD,YAAY,EAAE;MACjBN,0BAA0B,CAACsB,SAAS,CAAC;IACvC;IAEA3B,KAAK,CAACyB,aAAa,GAAGE,SAAS,CAAC;EAClC;EAEA,oBACE/B,IAAA,CAACN,IAAI;IACHuC,kBAAkB,EAAE7B,KAAK,CAAC6B,kBAAkB,IAAI,WAAY;IAC5DC,KAAK,EAAE,CAAC5B,MAAM,CAAC6B,SAAS,EAAE/B,KAAK,CAACgC,cAAc,CAAE;IAAAC,QAAA,EAC/CjC,KAAK,CAACkC,KAAK,CAACC,GAAG,CAAEd,IAAI,IAAK;MACzB,MAAMe,QAAQ,GAAGtB,cAAc,CAACU,QAAQ,CAACH,IAAI,CAACT,KAAK,CAAC;MACpD,MAAMyB,MAAM,gBACVzC,IAAA,CAAC0C,eAAe;QACdhB,QAAQ,EAAED,IAAI,CAACC,QAAS;QACxBc,QAAQ,EAAEA,QAAS;QACnBG,WAAW,EAAEvC,KAAK,CAACuC,WAAY;QAC/BlB,IAAI,EAAEA,IAAK;QACXmB,OAAO,EAAEA,CAAA,KAAMpB,UAAU,CAACC,IAAI,CAAE;QAChCnB,MAAM,EAAEA,MAAO;QACfD,KAAK,EAAEA,KAAM;QACbwC,UAAU,EAAEzC,KAAK,CAACyC;MAAW,CAC9B,CACF;MAED,IAAI,CAACL,QAAQ,EAAE;QACb,oBAAOxC,IAAA,CAACN,IAAI;UAAA2C,QAAA,EAAmBI;QAAM,GAAnBhB,IAAI,CAACT,KAAqB,CAAC;MAC/C;MAEA,oBACEd,KAAA,CAACR,IAAI;QAAkBwC,KAAK,EAAE5B,MAAM,CAACwC,iBAAkB;QAAAT,QAAA,gBACrDrC,IAAA,CAACN,IAAI;UACHqD,aAAa,EAAC,MAAM;UACpBb,KAAK,EAAE,CAAC5B,MAAM,CAAC0C,UAAU,EAAE;YAAEC,eAAe,EAAE7B;UAAoB,CAAC,CAAE;UACrE8B,MAAM,EAAE,oBAAoBzB,IAAI,CAACT,KAAK;QAAG,CAC1C,CAAC,eACFd,KAAA,CAACR,IAAI;UAACwC,KAAK,EAAE,CAAC5B,MAAM,CAAC6C,eAAe,EAAE/C,KAAK,CAAC8B,KAAK,CAAE;UAAAG,QAAA,GAChDI,MAAM,eACPzC,IAAA,CAACN,IAAI;YAACwC,KAAK,EAAE,CAAC5B,MAAM,CAAC8C,OAAO,EAAEhD,KAAK,CAACiD,YAAY,CAAE;YAAAhB,QAAA,EAAEZ,IAAI,CAAC2B;UAAO,CAAO,CAAC;QAAA,CACpE,CAAC;MAAA,GATE3B,IAAI,CAACT,KAUV,CAAC;IAEX,CAAC;EAAC,CACE,CAAC;AAEX;AAEAnB,UAAU,CAACM,SAAS,EAAE;EACpBmD,SAAS,EAAE,OAAO;EAClBC,kBAAkB,EAAE,gBAAgB;EACpCC,gBAAgB,EAAE,cAAc;EAChCC,eAAe,EAAE,aAAa;EAC9BC,cAAc,EAAE;AAClB,CAAC,CAAC;AAaF,SAAShB,eAAeA,CAAC;EACvBhB,QAAQ;EACRc,QAAQ;EACRG,WAAW;EACXlB,IAAI;EACJmB,OAAO;EACPtC,MAAM;EACND,KAAK;EACLwC;AACoB,CAAC,EAAE;EACvB,MAAMc,KAAK,GACT,OAAOlC,IAAI,CAACkC,KAAK,KAAK,QAAQ,IAAI,OAAOlC,IAAI,CAACkC,KAAK,KAAK,QAAQ,gBAC9D3D,IAAA,CAACP,IAAI;IAACmE,aAAa,EAAE,CAAE;IAAC1B,KAAK,EAAE,CAAC5B,MAAM,CAACqD,KAAK,EAAEjC,QAAQ,IAAIpB,MAAM,CAACuD,aAAa,EAAEhB,UAAU,CAAE;IAAAR,QAAA,EACzFZ,IAAI,CAACkC;EAAK,CACP,CAAC,GAEPlC,IAAI,CAACkC,KACN;EACH,MAAM1B,kBAAkB,GACtB,OAAOR,IAAI,CAACkC,KAAK,KAAK,QAAQ,GAAGlC,IAAI,CAACkC,KAAK,GAAG,kBAAkBlC,IAAI,CAACT,KAAK,EAAE;EAC9E,MAAM8C,WAAW,GAAGtB,QAAQ,GAAG5C,SAAS,GAAGD,WAAW;EAEtD,oBACEO,KAAA,CAACX,SAAS;IACR0C,kBAAkB,EAAEA,kBAAmB;IACvC8B,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEtC,QAAQ;MAAEc;IAAS,CAAE;IAC3Cd,QAAQ,EAAEA,QAAS;IACnBkB,OAAO,EAAEA,OAAQ;IACjBV,KAAK,EAAEA,CAAC;MAAE+B;IAAQ,CAAC,KAAK,CACtB3D,MAAM,CAACmC,MAAM,EACbD,QAAQ,GAAGlC,MAAM,CAAC4D,cAAc,GAAG5D,MAAM,CAAC6D,YAAY,EACtDzC,QAAQ,IAAIpB,MAAM,CAAC8D,cAAc,EACjCH,OAAO,IAAI,CAACvC,QAAQ,IAAIpB,MAAM,CAAC+D,aAAa,EAC5C1B,WAAW,CACX;IACFO,MAAM,EAAE,qBAAqBzB,IAAI,CAACT,KAAK,EAAG;IAAAqB,QAAA,GACzCZ,IAAI,CAAC6C,OAAO,gBAAGtE,IAAA,CAACN,IAAI;MAACwC,KAAK,EAAE5B,MAAM,CAACiE,IAAK;MAAAlC,QAAA,EAAEZ,IAAI,CAAC6C;IAAO,CAAO,CAAC,GAAG,IAAI,eACtEtE,IAAA,CAACN,IAAI;MAACwC,KAAK,EAAE5B,MAAM,CAACkE,cAAe;MAAAnC,QAAA,EAAEsB;IAAK,CAAO,CAAC,EACjDlC,IAAI,CAACgD,QAAQ,gBAAGzE,IAAA,CAACN,IAAI;MAACwC,KAAK,EAAE5B,MAAM,CAACiE,IAAK;MAAAlC,QAAA,EAAEZ,IAAI,CAACgD;IAAQ,CAAO,CAAC,GAAG,IAAI,eACxEzE,IAAA,CAAC8D,WAAW;MACVY,KAAK,EAAElC,QAAQ,GAAGnC,KAAK,CAACsE,MAAM,CAACC,iBAAiB,GAAGvE,KAAK,CAACsE,MAAM,CAACE,UAAW;MAC3E9B,aAAa,EAAC,MAAM;MACpB+B,IAAI,EAAE,EAAG;MACTC,WAAW,EAAE;IAAE,CAChB,CAAC;EAAA,CACO,CAAC;AAEhB;AAEA,SAASzD,kBAAkBA,CAAC0D,OAA0B,EAAE3E,KAAY,EAAU;EAC5E,MAAMsE,MAAyC,GAAG;IAChDM,OAAO,EAAE5E,KAAK,CAAC6E,MAAM,CAACR,KAAK;IAC3BS,WAAW,EAAE9E,KAAK,CAACsE,MAAM,CAACQ,WAAW;IACrCC,IAAI,EAAE/E,KAAK,CAACsE,MAAM,CAACS,IAAI;IACvBC,OAAO,EAAEhF,KAAK,CAACsE,MAAM,CAACU,OAAO;IAC7BC,SAAS,EAAEjF,KAAK,CAACsE,MAAM,CAACW,SAAS;IACjCC,OAAO,EAAElF,KAAK,CAACsE,MAAM,CAACY,OAAO;IAC7BC,OAAO,EAAEnF,KAAK,CAACsE,MAAM,CAACa;EACxB,CAAC;EAED,OAAOb,MAAM,CAACK,OAAO,CAAC;AACxB;AAEA,SAASzE,YAAYA,CAACF,KAAY,EAAE;EAClC,OAAOb,UAAU,CAACiG,MAAM,CAAC;IACvBtD,SAAS,EAAE;MACTuD,KAAK,EAAE;IACT,CAAC;IACD5C,iBAAiB,EAAE;MACjB6C,aAAa,EAAEtF,KAAK,CAAC6E,MAAM,CAACU,MAAM;MAClCC,YAAY,EAAExF,KAAK,CAAC6E,MAAM,CAACU,MAAM;MACjCE,QAAQ,EAAE;IACZ,CAAC;IACD9C,UAAU,EAAE;MACV+C,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE3F,KAAK,CAAC6E,MAAM,CAACU,MAAM;MACzBE,QAAQ,EAAE,UAAU;MACpBG,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE7F,KAAK,CAAC6E,MAAM,CAACU;IACpB,CAAC;IACDzC,eAAe,EAAE;MACfF,eAAe,EAAE5C,KAAK,CAACsE,MAAM,CAACwB,OAAO;MACrCC,WAAW,EAAE/F,KAAK,CAACgG,MAAM,CAAC3B,KAAK;MAC/B4B,WAAW,EAAEjG,KAAK,CAACgG,MAAM,CAACX;IAC5B,CAAC;IACDjD,MAAM,EAAE;MACN8D,UAAU,EAAE,QAAQ;MACpBC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAEpG,KAAK,CAACqG,OAAO,CAACC,EAAE;MACrBC,SAAS,EAAE,EAAE;MACbC,iBAAiB,EAAExG,KAAK,CAACqG,OAAO,CAACI,EAAE;MACnCC,eAAe,EAAE;IACnB,CAAC;IACD5C,YAAY,EAAE;MACZ6C,iBAAiB,EAAE3G,KAAK,CAACgG,MAAM,CAAC3B,KAAK;MACrCuC,iBAAiB,EAAE;IACrB,CAAC;IACD/C,cAAc,EAAE;MACdjB,eAAe,EAAE5C,KAAK,CAACsE,MAAM,CAACuC,YAAY;MAC1CF,iBAAiB,EAAE3G,KAAK,CAACgG,MAAM,CAAC3B,KAAK;MACrCuC,iBAAiB,EAAE5G,KAAK,CAACgG,MAAM,CAACX;IAClC,CAAC;IACDtB,cAAc,EAAE;MACd+C,OAAO,EAAE;IACX,CAAC;IACD9C,aAAa,EAAE;MACb8C,OAAO,EAAE;IACX,CAAC;IACD5C,IAAI,EAAE;MACJgC,UAAU,EAAE,QAAQ;MACpBa,cAAc,EAAE;IAClB,CAAC;IACD5C,cAAc,EAAE;MACd6C,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE;IACZ,CAAC;IACD3D,KAAK,EAAE;MACLe,KAAK,EAAErE,KAAK,CAACsE,MAAM,CAACE,UAAU;MAC9B0C,QAAQ,EAAElH,KAAK,CAACmH,UAAU,CAACV,EAAE;MAC7BW,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACD7D,aAAa,EAAE;MACba,KAAK,EAAErE,KAAK,CAACsE,MAAM,CAACgD;IACtB,CAAC;IACDvE,OAAO,EAAE;MACPH,eAAe,EAAE5C,KAAK,CAACsE,MAAM,CAACwB,OAAO;MACrCM,GAAG,EAAEpG,KAAK,CAACqG,OAAO,CAACI,EAAE;MACrBc,OAAO,EAAEvH,KAAK,CAACqG,OAAO,CAACI;IACzB;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -3,12 +3,15 @@
|
|
|
3
3
|
import { Children, isValidElement } from 'react';
|
|
4
4
|
import { StyleSheet, Text, View } from 'react-native';
|
|
5
5
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
6
|
+
import { cssInterop } from 'nativewind';
|
|
6
7
|
import { useTheme } from "../../theme/theme-provider.js";
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
function AppBarRoot({
|
|
9
10
|
accessibilityLabel = 'App bar',
|
|
10
11
|
backgroundColor,
|
|
11
12
|
children,
|
|
13
|
+
className: _className,
|
|
14
|
+
containerClassName: _containerClassName,
|
|
12
15
|
containerStyle,
|
|
13
16
|
safeArea = true,
|
|
14
17
|
safeAreaOffset = 0,
|
|
@@ -36,20 +39,25 @@ function AppBarRoot({
|
|
|
36
39
|
function AppBarContent({
|
|
37
40
|
accessibilityLabel,
|
|
38
41
|
avatar,
|
|
42
|
+
className: _className,
|
|
39
43
|
containerStyle,
|
|
44
|
+
layout,
|
|
40
45
|
leading,
|
|
41
46
|
subtitle,
|
|
47
|
+
subtitleClassName: _subtitleClassName,
|
|
42
48
|
subtitleStyle,
|
|
43
49
|
title,
|
|
50
|
+
titleClassName: _titleClassName,
|
|
44
51
|
titleStyle,
|
|
45
52
|
trailing,
|
|
46
53
|
variant = 'default'
|
|
47
54
|
}) {
|
|
55
|
+
const resolvedLayout = layout ?? variant;
|
|
48
56
|
const styles = createStyles(useTheme());
|
|
49
57
|
return /*#__PURE__*/_jsxs(View, {
|
|
50
58
|
accessibilityLabel: accessibilityLabel,
|
|
51
|
-
style: [styles.content,
|
|
52
|
-
testID: `app-bar-content-${
|
|
59
|
+
style: [styles.content, resolvedLayout === 'select' && styles.selectContent, containerStyle],
|
|
60
|
+
testID: `app-bar-content-${resolvedLayout}`,
|
|
53
61
|
children: [leading ? /*#__PURE__*/_jsx(View, {
|
|
54
62
|
style: styles.slot,
|
|
55
63
|
children: leading
|
|
@@ -67,6 +75,7 @@ function AppBarContent({
|
|
|
67
75
|
}
|
|
68
76
|
function AppBarBottom({
|
|
69
77
|
children,
|
|
78
|
+
className: _className,
|
|
70
79
|
style
|
|
71
80
|
}) {
|
|
72
81
|
return /*#__PURE__*/_jsx(View, {
|
|
@@ -90,6 +99,18 @@ export const AppBar = Object.assign(AppBarRoot, {
|
|
|
90
99
|
Bottom: AppBarBottom,
|
|
91
100
|
Content: AppBarContent
|
|
92
101
|
});
|
|
102
|
+
cssInterop(AppBarRoot, {
|
|
103
|
+
className: 'style',
|
|
104
|
+
containerClassName: 'containerStyle'
|
|
105
|
+
});
|
|
106
|
+
cssInterop(AppBarContent, {
|
|
107
|
+
className: 'containerStyle',
|
|
108
|
+
subtitleClassName: 'subtitleStyle',
|
|
109
|
+
titleClassName: 'titleStyle'
|
|
110
|
+
});
|
|
111
|
+
cssInterop(AppBarBottom, {
|
|
112
|
+
className: 'style'
|
|
113
|
+
});
|
|
93
114
|
function createStyles(theme) {
|
|
94
115
|
return StyleSheet.create({
|
|
95
116
|
root: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","isValidElement","StyleSheet","Text","View","useSafeAreaInsets","useTheme","jsx","_jsx","jsxs","_jsxs","AppBarRoot","accessibilityLabel","backgroundColor","children","containerStyle","safeArea","safeAreaOffset","style","theme","insets","styles","createStyles","hasBottom","toArray","some","child","type","AppBarBottom","accessibilityRole","root","colors","primary","borderBottomWidth","border","width","paddingTop","Math","max","top","testID","AppBarContent","avatar","leading","subtitle","subtitleStyle","title","titleStyle","trailing","variant","content","selectContent","slot","titleBlock","renderText","value","ellipsizeMode","numberOfLines","AppBar","Object","assign","Bottom","Content","create","borderBottomColor","color","alignItems","flexDirection","gap","spacing","sm","minHeight","paddingBottom","paddingHorizontal","md","xs","flexShrink","flex","minWidth","primaryForeground","fontSize","typography","lg","fontWeight","lineHeight","xsLineHeight","marginLeft"],"sourceRoot":"../../../../src","sources":["components/app-bar/app-bar.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,cAAc,QAAwB,OAAO;AAChE,SACEC,UAAU,EACVC,IAAI,EACJC,IAAI,QAIC,cAAc;AACrB,SAASC,iBAAiB,QAAQ,gCAAgC;
|
|
1
|
+
{"version":3,"names":["Children","isValidElement","StyleSheet","Text","View","useSafeAreaInsets","cssInterop","useTheme","jsx","_jsx","jsxs","_jsxs","AppBarRoot","accessibilityLabel","backgroundColor","children","className","_className","containerClassName","_containerClassName","containerStyle","safeArea","safeAreaOffset","style","theme","insets","styles","createStyles","hasBottom","toArray","some","child","type","AppBarBottom","accessibilityRole","root","colors","primary","borderBottomWidth","border","width","paddingTop","Math","max","top","testID","AppBarContent","avatar","layout","leading","subtitle","subtitleClassName","_subtitleClassName","subtitleStyle","title","titleClassName","_titleClassName","titleStyle","trailing","variant","resolvedLayout","content","selectContent","slot","titleBlock","renderText","value","ellipsizeMode","numberOfLines","AppBar","Object","assign","Bottom","Content","create","borderBottomColor","color","alignItems","flexDirection","gap","spacing","sm","minHeight","paddingBottom","paddingHorizontal","md","xs","flexShrink","flex","minWidth","primaryForeground","fontSize","typography","lg","fontWeight","lineHeight","xsLineHeight","marginLeft"],"sourceRoot":"../../../../src","sources":["components/app-bar/app-bar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
import { Image, Platform, StyleSheet, Text, View } from 'react-native';
|
|
4
4
|
import { Plus, Users } from 'lucide-react-native';
|
|
5
|
+
import { cssInterop } from 'nativewind';
|
|
5
6
|
import { useTheme } from "../../theme/theme-provider.js";
|
|
7
|
+
import { resolveRoundedRadius } from "../shared/styling.js";
|
|
6
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
9
|
const profileAsset = require('../../assets/avatar-profile.png');
|
|
8
10
|
const sizeValues = {
|
|
@@ -22,6 +24,8 @@ const iconValues = {
|
|
|
22
24
|
export function Avatar({
|
|
23
25
|
accessibilityLabel,
|
|
24
26
|
initials = 'AK',
|
|
27
|
+
mode,
|
|
28
|
+
radius,
|
|
25
29
|
rounded = 'rounded',
|
|
26
30
|
shadow = true,
|
|
27
31
|
shadowColor,
|
|
@@ -29,13 +33,14 @@ export function Avatar({
|
|
|
29
33
|
size = 'xs',
|
|
30
34
|
source,
|
|
31
35
|
style,
|
|
32
|
-
variant
|
|
36
|
+
variant,
|
|
33
37
|
...props
|
|
34
38
|
}) {
|
|
35
39
|
const theme = useTheme();
|
|
40
|
+
const resolvedMode = mode ?? variant ?? 'initial';
|
|
36
41
|
const styles = createStyles(theme);
|
|
37
42
|
const dimension = sizeValues[size];
|
|
38
|
-
const resolvedRadius =
|
|
43
|
+
const resolvedRadius = radius ?? resolveRoundedRadius(rounded, theme.border.radius);
|
|
39
44
|
const resolvedShadowColor = shadowColor ?? theme.shadow.color;
|
|
40
45
|
const shadowOffset = size === 'lg' || size === 'xl' ? theme.shadow.offset : theme.shadow.xsOffset;
|
|
41
46
|
const usesAndroidHardShadow = Platform.OS === 'android' && shadow;
|
|
@@ -64,8 +69,8 @@ export function Avatar({
|
|
|
64
69
|
}],
|
|
65
70
|
testID: "avatar-hard-shadow"
|
|
66
71
|
}) : null, /*#__PURE__*/_jsx(View, {
|
|
67
|
-
accessibilityLabel:
|
|
68
|
-
accessible:
|
|
72
|
+
accessibilityLabel: resolvedMode === 'image' ? undefined : accessibilityLabel,
|
|
73
|
+
accessible: resolvedMode !== 'image',
|
|
69
74
|
style: [styles.avatar, avatarStyle, {
|
|
70
75
|
borderRadius: resolvedRadius
|
|
71
76
|
}, shadow && !usesAndroidHardShadow && {
|
|
@@ -83,17 +88,17 @@ export function Avatar({
|
|
|
83
88
|
borderRadius: contentRadius
|
|
84
89
|
}],
|
|
85
90
|
testID: "avatar-content",
|
|
86
|
-
children: [
|
|
91
|
+
children: [resolvedMode === 'initial' ? /*#__PURE__*/_jsx(Text, {
|
|
87
92
|
style: [styles.initials, getInitialStyle(size, theme)],
|
|
88
93
|
children: initials
|
|
89
|
-
}) : null,
|
|
94
|
+
}) : null, resolvedMode === 'icon' ? /*#__PURE__*/_jsx(View, {
|
|
90
95
|
testID: "avatar-icon",
|
|
91
96
|
children: /*#__PURE__*/_jsx(Users, {
|
|
92
97
|
color: theme.colors.foreground,
|
|
93
98
|
size: iconValues[size],
|
|
94
99
|
strokeWidth: 2
|
|
95
100
|
})
|
|
96
|
-
}) : null,
|
|
101
|
+
}) : null, resolvedMode === 'image' ? /*#__PURE__*/_jsx(Image, {
|
|
97
102
|
accessibilityLabel: accessibilityLabel,
|
|
98
103
|
source: source ?? profileAsset,
|
|
99
104
|
style: styles.image
|
|
@@ -113,6 +118,9 @@ export function Avatar({
|
|
|
113
118
|
}) : null]
|
|
114
119
|
});
|
|
115
120
|
}
|
|
121
|
+
cssInterop(Avatar, {
|
|
122
|
+
className: 'style'
|
|
123
|
+
});
|
|
116
124
|
function getInitialStyle(size, theme) {
|
|
117
125
|
const textValues = {
|
|
118
126
|
xs: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Image","Platform","StyleSheet","Text","View","Plus","Users","useTheme","jsx","_jsx","jsxs","_jsxs","profileAsset","require","sizeValues","xs","sm","md","lg","xl","iconValues","Avatar","accessibilityLabel","initials","rounded","shadow","shadowColor","showAdd","size","source","style","variant","props","theme","styles","createStyles","dimension","resolvedRadius","border","
|
|
1
|
+
{"version":3,"names":["Image","Platform","StyleSheet","Text","View","Plus","Users","cssInterop","useTheme","resolveRoundedRadius","jsx","_jsx","jsxs","_jsxs","profileAsset","require","sizeValues","xs","sm","md","lg","xl","iconValues","Avatar","accessibilityLabel","initials","mode","radius","rounded","shadow","shadowColor","showAdd","size","source","style","variant","props","theme","resolvedMode","styles","createStyles","dimension","resolvedRadius","border","resolvedShadowColor","color","shadowOffset","offset","xsOffset","usesAndroidHardShadow","OS","showsAdd","addSize","contentRadius","Math","max","width","avatarStyle","height","shadowContainer","paddingBottom","paddingRight","children","pointerEvents","androidHardShadow","backgroundColor","borderRadius","left","top","testID","undefined","accessible","avatar","shadowOpacity","shadowRadius","content","getInitialStyle","colors","foreground","strokeWidth","image","add","className","textValues","fontSize","typography","lineHeight","xsLineHeight","create","alignSelf","position","primary","borderColor","borderWidth","alignItems","flex","justifyContent","overflow","fontWeight","textAlign","resizeMode","background","bottom","right"],"sourceRoot":"../../../../src","sources":["components/avatar/avatar.tsx"],"mappings":";;AAAA,SACEA,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,IAAI,QAKC,cAAc;AACrB,SAASC,IAAI,EAAEC,KAAK,QAAQ,qBAAqB;AACjD,SAASC,UAAU,QAAQ,YAAY;AAGvC,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,oBAAoB,QAAsB,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsBvE,MAAMC,YAAY,GAAGC,OAAO,CAAC,iCAAiC,CAAC;AAE/D,MAAMC,UAAsC,GAAG;EAC7CC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,UAAsC,GAAG;EAC7CL,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,OAAO,SAASE,MAAMA,CAAC;EACrBC,kBAAkB;EAClBC,QAAQ,GAAG,IAAI;EACfC,IAAI;EACJC,MAAM;EACNC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,IAAI;EACbC,WAAW;EACXC,OAAO,GAAG,KAAK;EACfC,IAAI,GAAG,IAAI;EACXC,MAAM;EACNC,KAAK;EACLC,OAAO;EACP,GAAGC;AACQ,CAAC,EAAE;EACd,MAAMC,KAAK,GAAG7B,QAAQ,CAAC,CAAC;EACxB,MAAM8B,YAAY,GAAGZ,IAAI,IAAIS,OAAO,IAAI,SAAS;EACjD,MAAMI,MAAM,GAAGC,YAAY,CAACH,KAAK,CAAC;EAClC,MAAMI,SAAS,GAAGzB,UAAU,CAACgB,IAAI,CAAC;EAClC,MAAMU,cAAc,GAAGf,MAAM,IAAIlB,oBAAoB,CAACmB,OAAO,EAAES,KAAK,CAACM,MAAM,CAAChB,MAAM,CAAC;EACnF,MAAMiB,mBAAmB,GAAGd,WAAW,IAAIO,KAAK,CAACR,MAAM,CAACgB,KAAK;EAC7D,MAAMC,YAAY,GAAGd,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,IAAI,GAC/CK,KAAK,CAACR,MAAM,CAACkB,MAAM,GACnBV,KAAK,CAACR,MAAM,CAACmB,QAAQ;EACzB,MAAMC,qBAAqB,GAAGhD,QAAQ,CAACiD,EAAE,KAAK,SAAS,IAAIrB,MAAM;EACjE,MAAMsB,QAAQ,GAAGpB,OAAO,KAAKC,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,IAAI,CAAC;EAC7E,MAAMoB,OAAO,GAAGpB,IAAI,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;EACvC,MAAMqB,aAAa,GAAGC,IAAI,CAACC,GAAG,CAACb,cAAc,GAAGL,KAAK,CAACM,MAAM,CAACa,KAAK,EAAE,CAAC,CAAC;EACtE,MAAMC,WAAW,GAAG;IAClBC,MAAM,EAAEjB,SAAS;IACjBe,KAAK,EAAEf;EACT,CAAC;EAED,oBACE5B,KAAA,CAACT,IAAI;IACH8B,KAAK,EAAE,CACLK,MAAM,CAACoB,eAAe,EACtBV,qBAAqB,IAAI;MACvBW,aAAa,EAAEd,YAAY;MAC3Be,YAAY,EAAEf;IAChB,CAAC,EACDZ,KAAK,CACL;IAAA,GACEE,KAAK;IAAA0B,QAAA,GACRb,qBAAqB,gBACpBtC,IAAA,CAACP,IAAI;MACH2D,aAAa,EAAC,MAAM;MACpB7B,KAAK,EAAE,CACLK,MAAM,CAACyB,iBAAiB,EACxB;QACEC,eAAe,EAAErB,mBAAmB;QACpCsB,YAAY,EAAExB,cAAc;QAC5BgB,MAAM,EAAEjB,SAAS;QACjB0B,IAAI,EAAErB,YAAY;QAClBsB,GAAG,EAAEtB,YAAY;QACjBU,KAAK,EAAEf;MACT,CAAC,CACD;MACF4B,MAAM,EAAC;IAAoB,CAC5B,CAAC,GACA,IAAI,eACR1D,IAAA,CAACP,IAAI;MACHoB,kBAAkB,EAAEc,YAAY,KAAK,OAAO,GAAGgC,SAAS,GAAG9C,kBAAmB;MAC9E+C,UAAU,EAAEjC,YAAY,KAAK,OAAQ;MACrCJ,KAAK,EAAE,CACLK,MAAM,CAACiC,MAAM,EACbf,WAAW,EACX;QAAES,YAAY,EAAExB;MAAe,CAAC,EAChCb,MAAM,IAAI,CAACoB,qBAAqB,IAAI;QAClCnB,WAAW,EAAEc,mBAAmB;QAChCE,YAAY,EAAE;UAAEU,KAAK,EAAEV,YAAY;UAAEY,MAAM,EAAEZ;QAAa,CAAC;QAC3D2B,aAAa,EAAE,CAAC;QAChBC,YAAY,EAAE;MAChB,CAAC,CACD;MACFL,MAAM,EAAC,QAAQ;MAAAP,QAAA,eACfjD,KAAA,CAACT,IAAI;QACH8B,KAAK,EAAE,CAACK,MAAM,CAACoC,OAAO,EAAE;UAAET,YAAY,EAAEb;QAAc,CAAC,CAAE;QACzDgB,MAAM,EAAC,gBAAgB;QAAAP,QAAA,GACtBxB,YAAY,KAAK,SAAS,gBACzB3B,IAAA,CAACR,IAAI;UAAC+B,KAAK,EAAE,CAACK,MAAM,CAACd,QAAQ,EAAEmD,eAAe,CAAC5C,IAAI,EAAEK,KAAK,CAAC,CAAE;UAAAyB,QAAA,EAC1DrC;QAAQ,CACL,CAAC,GACL,IAAI,EACPa,YAAY,KAAK,MAAM,gBACtB3B,IAAA,CAACP,IAAI;UAACiE,MAAM,EAAC,aAAa;UAAAP,QAAA,eACxBnD,IAAA,CAACL,KAAK;YACJuC,KAAK,EAAER,KAAK,CAACwC,MAAM,CAACC,UAAW;YAC/B9C,IAAI,EAAEV,UAAU,CAACU,IAAI,CAAE;YACvB+C,WAAW,EAAE;UAAE,CAChB;QAAC,CACE,CAAC,GACL,IAAI,EACPzC,YAAY,KAAK,OAAO,gBACvB3B,IAAA,CAACX,KAAK;UACJwB,kBAAkB,EAAEA,kBAAmB;UACvCS,MAAM,EAAEA,MAAM,IAAInB,YAAa;UAC/BoB,KAAK,EAAEK,MAAM,CAACyC;QAAM,CACrB,CAAC,GACA,IAAI;MAAA,CACJ;IAAC,CACH,CAAC,EACN7B,QAAQ,gBACPxC,IAAA,CAACP,IAAI;MACH8B,KAAK,EAAE,CACLK,MAAM,CAAC0C,GAAG,EACV;QACEvB,MAAM,EAAEN,OAAO;QACfI,KAAK,EAAEJ;MACT,CAAC,CACD;MACFiB,MAAM,EAAC,YAAY;MAAAP,QAAA,eACnBnD,IAAA,CAACN,IAAI;QAACwC,KAAK,EAAC,SAAS;QAACb,IAAI,EAAE,EAAG;QAAC+C,WAAW,EAAE;MAAE,CAAE;IAAC,CAC9C,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX;AAEAxE,UAAU,CAACgB,MAAM,EAAE;EAAE2D,SAAS,EAAE;AAAQ,CAAC,CAAC;AAE1C,SAASN,eAAeA,CAAC5C,IAAgB,EAAEK,KAAY,EAAE;EACvD,MAAM8C,UAAwE,GAAG;IAC/ElE,EAAE,EAAE;MAAEmE,QAAQ,EAAE/C,KAAK,CAACgD,UAAU,CAACpE,EAAE;MAAEqE,UAAU,EAAEjD,KAAK,CAACgD,UAAU,CAACE;IAAa,CAAC;IAChFrE,EAAE,EAAE;MAAEkE,QAAQ,EAAE/C,KAAK,CAACgD,UAAU,CAACpE,EAAE;MAAEqE,UAAU,EAAEjD,KAAK,CAACgD,UAAU,CAACE;IAAa,CAAC;IAChFpE,EAAE,EAAE;MAAEiE,QAAQ,EAAE/C,KAAK,CAACgD,UAAU,CAACnE,EAAE;MAAEoE,UAAU,EAAE;IAAG,CAAC;IACrDlE,EAAE,EAAE;MAAEgE,QAAQ,EAAE/C,KAAK,CAACgD,UAAU,CAACjE,EAAE;MAAEkE,UAAU,EAAE;IAAG,CAAC;IACrDjE,EAAE,EAAE;MAAE+D,QAAQ,EAAE,EAAE;MAAEE,UAAU,EAAE;IAAG;EACrC,CAAC;EAED,OAAOH,UAAU,CAACnD,IAAI,CAAC;AACzB;AAEA,SAASQ,YAAYA,CAACH,KAAY,EAAE;EAClC,OAAOnC,UAAU,CAACsF,MAAM,CAAC;IACvB7B,eAAe,EAAE;MACf8B,SAAS,EAAE,YAAY;MACvBC,QAAQ,EAAE;IACZ,CAAC;IACD1B,iBAAiB,EAAE;MACjB0B,QAAQ,EAAE;IACZ,CAAC;IACDlB,MAAM,EAAE;MACNP,eAAe,EAAE5B,KAAK,CAACwC,MAAM,CAACc,OAAO;MACrCC,WAAW,EAAEvD,KAAK,CAACM,MAAM,CAACE,KAAK;MAC/BgD,WAAW,EAAExD,KAAK,CAACM,MAAM,CAACa;IAC5B,CAAC;IACDmB,OAAO,EAAE;MACPmB,UAAU,EAAE,QAAQ;MACpBC,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACZ,CAAC;IACDxE,QAAQ,EAAE;MACRoB,KAAK,EAAER,KAAK,CAACwC,MAAM,CAACC,UAAU;MAC9BoB,UAAU,EAAE,KAAK;MACjBC,SAAS,EAAE;IACb,CAAC;IACDnB,KAAK,EAAE;MACLtB,MAAM,EAAE,MAAM;MACd0C,UAAU,EAAE,OAAO;MACnB5C,KAAK,EAAE;IACT,CAAC;IACDyB,GAAG,EAAE;MACHa,UAAU,EAAE,QAAQ;MACpB7B,eAAe,EAAE5B,KAAK,CAACwC,MAAM,CAACc,OAAO;MACrCC,WAAW,EAAEvD,KAAK,CAACwC,MAAM,CAACwB,UAAU;MACpCnC,YAAY,EAAE,IAAI;MAClB2B,WAAW,EAAExD,KAAK,CAACM,MAAM,CAACa,KAAK;MAC/B8C,MAAM,EAAE,CAAC,CAAC;MACVN,cAAc,EAAE,QAAQ;MACxBN,QAAQ,EAAE,UAAU;MACpBa,KAAK,EAAE,CAAC;IACV;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import { Platform, StyleSheet, Text, View } from 'react-native';
|
|
4
4
|
import { cssInterop } from 'nativewind';
|
|
5
5
|
import { useTheme } from "../../theme/theme-provider.js";
|
|
6
|
+
import { resolveRoundedRadius } from "../shared/styling.js";
|
|
6
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
8
|
export function Badge({
|
|
8
9
|
children,
|
|
@@ -14,12 +15,14 @@ export function Badge({
|
|
|
14
15
|
size = 'md',
|
|
15
16
|
style,
|
|
16
17
|
trailingIcon,
|
|
17
|
-
type
|
|
18
|
+
type,
|
|
19
|
+
variant,
|
|
18
20
|
...props
|
|
19
21
|
}) {
|
|
20
22
|
const theme = useTheme();
|
|
23
|
+
const resolvedVariant = variant ?? type ?? 'default';
|
|
21
24
|
const styles = createStyles(theme);
|
|
22
|
-
const resolvedRadius = radius ?? (rounded
|
|
25
|
+
const resolvedRadius = radius ?? resolveRoundedRadius(rounded, 4);
|
|
23
26
|
const resolvedShadowColor = shadowColor ?? theme.shadow.color;
|
|
24
27
|
const usesAndroidHardShadow = Platform.OS === 'android' && shadow;
|
|
25
28
|
const usesIOSNativeShadow = Platform.OS === 'ios' && shadow;
|
|
@@ -33,14 +36,14 @@ export function Badge({
|
|
|
33
36
|
}],
|
|
34
37
|
testID: "badge-hard-shadow"
|
|
35
38
|
}), /*#__PURE__*/_jsxs(View, {
|
|
36
|
-
style: [styles.base, styles[
|
|
39
|
+
style: [styles.base, styles[resolvedVariant], styles[size], {
|
|
37
40
|
borderRadius: resolvedRadius
|
|
38
41
|
}, usesIOSNativeShadow && styles.iosShadow, usesIOSNativeShadow && {
|
|
39
42
|
shadowColor: resolvedShadowColor
|
|
40
43
|
}, style],
|
|
41
44
|
...props,
|
|
42
45
|
children: [leadingIcon, /*#__PURE__*/_jsx(Text, {
|
|
43
|
-
style: [styles.label, styles[`${size}Label`],
|
|
46
|
+
style: [styles.label, styles[`${size}Label`], resolvedVariant === 'default' && styles.defaultLabel, resolvedVariant === 'error' && styles.errorLabel],
|
|
44
47
|
children: children
|
|
45
48
|
}), trailingIcon]
|
|
46
49
|
})]
|
|
@@ -117,6 +120,9 @@ function createStyles(theme) {
|
|
|
117
120
|
color: theme.colors.primaryForeground,
|
|
118
121
|
fontWeight: '700'
|
|
119
122
|
},
|
|
123
|
+
defaultLabel: {
|
|
124
|
+
color: theme.colors.foreground
|
|
125
|
+
},
|
|
120
126
|
smLabel: {
|
|
121
127
|
fontSize: theme.typography.xsSmall,
|
|
122
128
|
lineHeight: theme.typography.xsSmallLineHeight
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","StyleSheet","Text","View","cssInterop","useTheme","jsx","_jsx","jsxs","_jsxs","Badge","children","leadingIcon","radius","rounded","shadow","shadowColor","size","style","trailingIcon","type","props","theme","styles","createStyles","resolvedRadius","resolvedShadowColor","color","usesAndroidHardShadow","OS","usesIOSNativeShadow","container","androidShadowContainer","pointerEvents","androidHardShadow","backgroundColor","borderRadius","testID","base","iosShadow","label","errorLabel","className","create","alignSelf","alignItems","borderColor","border","flexDirection","gap","justifyContent","default","colors","background","primary","info","error","destructive","warning","success","sm","borderWidth","paddingHorizontal","paddingVertical","md","paddingBottom","xsOffset","paddingRight","position","bottom","left","right","top","marginBottom","marginRight","shadowOffset","width","height","shadowOpacity","shadowRadius","primaryForeground","fontWeight","smLabel","fontSize","typography","xsSmall","lineHeight","xsSmallLineHeight","mdLabel","xs","xsLineHeight","destructiveForeground"],"sourceRoot":"../../../../src","sources":["components/badge/badge.tsx"],"mappings":";;AACA,SACEA,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,IAAI,QAIC,cAAc;AACrB,SAASC,UAAU,QAAQ,YAAY;AAGvC,SAASC,QAAQ,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["Platform","StyleSheet","Text","View","cssInterop","useTheme","resolveRoundedRadius","jsx","_jsx","jsxs","_jsxs","Badge","children","leadingIcon","radius","rounded","shadow","shadowColor","size","style","trailingIcon","type","variant","props","theme","resolvedVariant","styles","createStyles","resolvedRadius","resolvedShadowColor","color","usesAndroidHardShadow","OS","usesIOSNativeShadow","container","androidShadowContainer","pointerEvents","androidHardShadow","backgroundColor","borderRadius","testID","base","iosShadow","label","defaultLabel","errorLabel","className","create","alignSelf","alignItems","borderColor","border","flexDirection","gap","justifyContent","default","colors","background","primary","info","error","destructive","warning","success","sm","borderWidth","paddingHorizontal","paddingVertical","md","paddingBottom","xsOffset","paddingRight","position","bottom","left","right","top","marginBottom","marginRight","shadowOffset","width","height","shadowOpacity","shadowRadius","primaryForeground","fontWeight","foreground","smLabel","fontSize","typography","xsSmall","lineHeight","xsSmallLineHeight","mdLabel","xs","xsLineHeight","destructiveForeground"],"sourceRoot":"../../../../src","sources":["components/badge/badge.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { Pressable, StyleSheet, Text, View } from 'react-native';
|
|
4
|
+
import { cssInterop } from 'nativewind';
|
|
4
5
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
6
|
import { useTheme } from "../../theme/theme-provider.js";
|
|
7
|
+
import { resolveRoundedRadius } from "../shared/styling.js";
|
|
6
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
9
|
export function BottomNavigation({
|
|
8
10
|
accessibilityLabel = 'Bottom navigation',
|
|
@@ -12,6 +14,7 @@ export function BottomNavigation({
|
|
|
12
14
|
items,
|
|
13
15
|
onValueChange,
|
|
14
16
|
radius,
|
|
17
|
+
rounded = 'rounded',
|
|
15
18
|
safeArea = true,
|
|
16
19
|
shadow = true,
|
|
17
20
|
shadowColor,
|
|
@@ -22,7 +25,7 @@ export function BottomNavigation({
|
|
|
22
25
|
const theme = useTheme();
|
|
23
26
|
const insets = useSafeAreaInsets();
|
|
24
27
|
const styles = createStyles(theme);
|
|
25
|
-
const resolvedRadius = radius ?? theme.border.radius;
|
|
28
|
+
const resolvedRadius = radius ?? resolveRoundedRadius(rounded, theme.border.radius);
|
|
26
29
|
const resolvedShadowColor = shadowColor ?? resolveShadowColor(shadowVariant, theme);
|
|
27
30
|
return /*#__PURE__*/_jsx(View, {
|
|
28
31
|
style: containerStyle,
|
|
@@ -79,6 +82,11 @@ export function BottomNavigation({
|
|
|
79
82
|
})
|
|
80
83
|
});
|
|
81
84
|
}
|
|
85
|
+
cssInterop(BottomNavigation, {
|
|
86
|
+
className: 'style',
|
|
87
|
+
containerClassName: 'containerStyle',
|
|
88
|
+
contentClassName: 'contentStyle'
|
|
89
|
+
});
|
|
82
90
|
function resolveShadowColor(variant, theme) {
|
|
83
91
|
const colors = {
|
|
84
92
|
default: theme.shadow.color,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Pressable","StyleSheet","Text","View","useSafeAreaInsets","useTheme","jsx","_jsx","jsxs","_jsxs","BottomNavigation","accessibilityLabel","containerStyle","contentStyle","indicatorRadius","items","onValueChange","radius","safeArea","shadow","shadowColor","shadowVariant","style","value","theme","insets","styles","createStyles","resolvedRadius","border","resolvedShadowColor","resolveShadowColor","children","accessibilityRole","root","paddingBottom","Math","max","bottom","spacing","md","testID","shadowContainer","shadowContainerWithoutShadow","pointerEvents","hardShadow","backgroundColor","borderRadius","content","map","item","selected","label","accessibilityState","disabled","onPress","selectedItem","borderBottomLeftRadius","borderBottomRightRadius","disabledItem","icon","activeIcon","numberOfLines","selectedLabel","disabledLabel","variant","colors","default","color","destructive","info","primary","secondary","success","warning","create","background","paddingHorizontal","paddingTop","xs","width","offset","paddingRight","position","left","right","top","borderColor","borderWidth","flexDirection","minHeight","overflow","paddingVertical","alignItems","borderBottomColor","borderBottomWidth","flex","gap","justifyContent","minWidth","opacity","height","foreground","fontSize","typography","sm","fontWeight","lineHeight","mutedForeground"],"sourceRoot":"../../../../src","sources":["components/bottom-navigation/bottom-navigation.tsx"],"mappings":";;AACA,SACEA,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,IAAI,QAGC,cAAc;AACrB,SAASC,iBAAiB,QAAQ,gCAAgC;AAGlE,SAASC,QAAQ,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["Pressable","StyleSheet","Text","View","cssInterop","useSafeAreaInsets","useTheme","resolveRoundedRadius","jsx","_jsx","jsxs","_jsxs","BottomNavigation","accessibilityLabel","containerStyle","contentStyle","indicatorRadius","items","onValueChange","radius","rounded","safeArea","shadow","shadowColor","shadowVariant","style","value","theme","insets","styles","createStyles","resolvedRadius","border","resolvedShadowColor","resolveShadowColor","children","accessibilityRole","root","paddingBottom","Math","max","bottom","spacing","md","testID","shadowContainer","shadowContainerWithoutShadow","pointerEvents","hardShadow","backgroundColor","borderRadius","content","map","item","selected","label","accessibilityState","disabled","onPress","selectedItem","borderBottomLeftRadius","borderBottomRightRadius","disabledItem","icon","activeIcon","numberOfLines","selectedLabel","disabledLabel","className","containerClassName","contentClassName","variant","colors","default","color","destructive","info","primary","secondary","success","warning","create","background","paddingHorizontal","paddingTop","xs","width","offset","paddingRight","position","left","right","top","borderColor","borderWidth","flexDirection","minHeight","overflow","paddingVertical","alignItems","borderBottomColor","borderBottomWidth","flex","gap","justifyContent","minWidth","opacity","height","foreground","fontSize","typography","sm","fontWeight","lineHeight","mutedForeground"],"sourceRoot":"../../../../src","sources":["components/bottom-navigation/bottom-navigation.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ import { Animated, Easing, Keyboard, PanResponder, Platform, StyleSheet, View, u
|
|
|
5
5
|
import * as DialogPrimitive from '@rn-primitives/dialog';
|
|
6
6
|
import { FullWindowOverlay as NativeFullWindowOverlay } from 'react-native-screens';
|
|
7
7
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
8
|
+
import { cssInterop } from 'nativewind';
|
|
8
9
|
import { useTheme } from "../../theme/theme-provider.js";
|
|
9
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
11
|
const FullWindowOverlay = Platform.OS === 'ios' ? NativeFullWindowOverlay : Fragment;
|
|
@@ -13,6 +14,7 @@ export function BottomSheet({
|
|
|
13
14
|
animationDuration = 220,
|
|
14
15
|
bottomPadding,
|
|
15
16
|
children,
|
|
17
|
+
contentStyle,
|
|
16
18
|
dragToDismiss = false,
|
|
17
19
|
keyboardVerticalOffset = 0,
|
|
18
20
|
onCloseComplete,
|
|
@@ -154,7 +156,7 @@ export function BottomSheet({
|
|
|
154
156
|
borderTopLeftRadius: resolvedRadius,
|
|
155
157
|
borderTopRightRadius: resolvedRadius,
|
|
156
158
|
paddingBottom: resolvedBottomPadding
|
|
157
|
-
}],
|
|
159
|
+
}, contentStyle],
|
|
158
160
|
testID: "bottom-sheet-content",
|
|
159
161
|
children: children
|
|
160
162
|
})
|
|
@@ -165,6 +167,9 @@ export function BottomSheet({
|
|
|
165
167
|
})
|
|
166
168
|
});
|
|
167
169
|
}
|
|
170
|
+
cssInterop(BottomSheet, {
|
|
171
|
+
className: 'contentStyle'
|
|
172
|
+
});
|
|
168
173
|
export function BottomSheetHeader({
|
|
169
174
|
title,
|
|
170
175
|
titleNumberOfLines = 2
|
|
@@ -207,6 +212,12 @@ export function BottomSheetFooter({
|
|
|
207
212
|
children: children
|
|
208
213
|
});
|
|
209
214
|
}
|
|
215
|
+
cssInterop(BottomSheetBody, {
|
|
216
|
+
className: 'style'
|
|
217
|
+
});
|
|
218
|
+
cssInterop(BottomSheetFooter, {
|
|
219
|
+
className: 'style'
|
|
220
|
+
});
|
|
210
221
|
function createStyles(theme) {
|
|
211
222
|
return StyleSheet.create({
|
|
212
223
|
overlay: {
|