@studio-piot/native-ui 0.2.5 → 0.16.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 +22 -18
- package/dist/components/Button/Button.d.ts +20 -4
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +34 -21
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/buttonAppearance.d.ts +20 -0
- package/dist/components/Button/buttonAppearance.d.ts.map +1 -0
- package/dist/components/Button/buttonAppearance.js +28 -0
- package/dist/components/Button/buttonAppearance.js.map +1 -0
- package/dist/components/Button/buttonThemeRoles.d.ts +6 -0
- package/dist/components/Button/buttonThemeRoles.d.ts.map +1 -0
- package/dist/components/Button/buttonThemeRoles.js +8 -0
- package/dist/components/Button/buttonThemeRoles.js.map +1 -0
- package/dist/components/Button/index.d.ts +3 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +4 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Choice/Choice.d.ts +8 -0
- package/dist/components/Choice/Choice.d.ts.map +1 -0
- package/dist/components/Choice/Choice.js +60 -0
- package/dist/components/Choice/Choice.js.map +1 -0
- package/dist/components/Choice/choiceLayout.d.ts +7 -0
- package/dist/components/Choice/choiceLayout.d.ts.map +1 -0
- package/dist/components/Choice/choiceLayout.js +13 -0
- package/dist/components/Choice/choiceLayout.js.map +1 -0
- package/dist/components/Choice/choiceThemeRoles.d.ts +8 -0
- package/dist/components/Choice/choiceThemeRoles.d.ts.map +1 -0
- package/dist/components/Choice/choiceThemeRoles.js +10 -0
- package/dist/components/Choice/choiceThemeRoles.js.map +1 -0
- package/dist/components/Choice/index.d.ts +5 -0
- package/dist/components/Choice/index.d.ts.map +1 -0
- package/dist/components/Choice/index.js +10 -0
- package/dist/components/Choice/index.js.map +1 -0
- package/dist/components/Choice/types.d.ts +26 -0
- package/dist/components/Choice/types.d.ts.map +1 -0
- package/dist/components/Choice/types.js +3 -0
- package/dist/components/Choice/types.js.map +1 -0
- package/dist/components/ErrorBanner/ErrorBanner.d.ts +1 -1
- package/dist/components/ErrorBanner/ErrorBanner.d.ts.map +1 -1
- package/dist/components/ErrorBanner/ErrorBanner.js +19 -19
- package/dist/components/ErrorBanner/ErrorBanner.js.map +1 -1
- package/dist/components/ErrorBanner/errorBannerContext.d.ts +23 -3
- package/dist/components/ErrorBanner/errorBannerContext.d.ts.map +1 -1
- package/dist/components/ErrorBanner/errorBannerContext.js +9 -5
- package/dist/components/ErrorBanner/errorBannerContext.js.map +1 -1
- package/dist/components/ErrorBanner/errorBannerLayout.d.ts +18 -0
- package/dist/components/ErrorBanner/errorBannerLayout.d.ts.map +1 -0
- package/dist/components/ErrorBanner/errorBannerLayout.js +54 -0
- package/dist/components/ErrorBanner/errorBannerLayout.js.map +1 -0
- package/dist/components/ErrorBanner/icons.d.ts +7 -5
- package/dist/components/ErrorBanner/icons.d.ts.map +1 -1
- package/dist/components/ErrorBanner/icons.js +8 -4
- package/dist/components/ErrorBanner/icons.js.map +1 -1
- package/dist/components/ErrorBanner/index.d.ts +1 -1
- package/dist/components/ErrorBanner/index.d.ts.map +1 -1
- package/dist/components/ErrorBanner/index.js.map +1 -1
- package/dist/components/Form/Form.d.ts +9 -1
- package/dist/components/Form/Form.d.ts.map +1 -1
- package/dist/components/Form/Form.js +56 -78
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/FormCloseButton.d.ts +3 -1
- package/dist/components/Form/FormCloseButton.d.ts.map +1 -1
- package/dist/components/Form/FormCloseButton.js +5 -4
- package/dist/components/Form/FormCloseButton.js.map +1 -1
- package/dist/components/Form/FormErrorBanner.d.ts +15 -0
- package/dist/components/Form/FormErrorBanner.d.ts.map +1 -0
- package/dist/components/Form/FormErrorBanner.js +30 -0
- package/dist/components/Form/FormErrorBanner.js.map +1 -0
- package/dist/components/Form/FormSubmitFooter.d.ts +17 -0
- package/dist/components/Form/FormSubmitFooter.d.ts.map +1 -0
- package/dist/components/Form/FormSubmitFooter.js +32 -0
- package/dist/components/Form/FormSubmitFooter.js.map +1 -0
- package/dist/components/Form/formThemeRoles.d.ts +7 -0
- package/dist/components/Form/formThemeRoles.d.ts.map +1 -0
- package/dist/components/Form/formThemeRoles.js +9 -0
- package/dist/components/Form/formThemeRoles.js.map +1 -0
- package/dist/components/Form/index.d.ts +1 -0
- package/dist/components/Form/index.d.ts.map +1 -1
- package/dist/components/Form/index.js +3 -1
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/Form/types.d.ts +14 -10
- package/dist/components/Form/types.d.ts.map +1 -1
- package/dist/components/FormSheet/FormSheet.d.ts +10 -0
- package/dist/components/FormSheet/FormSheet.d.ts.map +1 -0
- package/dist/components/FormSheet/FormSheet.js +153 -0
- package/dist/components/FormSheet/FormSheet.js.map +1 -0
- package/dist/components/FormSheet/formSheetLayout.d.ts +32 -0
- package/dist/components/FormSheet/formSheetLayout.d.ts.map +1 -0
- package/dist/components/FormSheet/formSheetLayout.js +43 -0
- package/dist/components/FormSheet/formSheetLayout.js.map +1 -0
- package/dist/components/FormSheet/formSheetThemeRoles.d.ts +8 -0
- package/dist/components/FormSheet/formSheetThemeRoles.d.ts.map +1 -0
- package/dist/components/FormSheet/formSheetThemeRoles.js +10 -0
- package/dist/components/FormSheet/formSheetThemeRoles.js.map +1 -0
- package/dist/components/FormSheet/index.d.ts +5 -0
- package/dist/components/FormSheet/index.d.ts.map +1 -0
- package/dist/components/FormSheet/index.js +10 -0
- package/dist/components/FormSheet/index.js.map +1 -0
- package/dist/components/FormSheet/types.d.ts +64 -0
- package/dist/components/FormSheet/types.d.ts.map +1 -0
- package/dist/components/FormSheet/types.js +3 -0
- package/dist/components/FormSheet/types.js.map +1 -0
- package/dist/components/HeaderButton/HeaderCapsule.d.ts +4 -0
- package/dist/components/HeaderButton/HeaderCapsule.d.ts.map +1 -0
- package/dist/components/HeaderButton/HeaderCapsule.js +32 -0
- package/dist/components/HeaderButton/HeaderCapsule.js.map +1 -0
- package/dist/components/HeaderButton/HeaderGroup.d.ts +4 -0
- package/dist/components/HeaderButton/HeaderGroup.d.ts.map +1 -0
- package/dist/components/HeaderButton/HeaderGroup.js +23 -0
- package/dist/components/HeaderButton/HeaderGroup.js.map +1 -0
- package/dist/components/HeaderButton/HeaderIcon.d.ts +4 -0
- package/dist/components/HeaderButton/HeaderIcon.d.ts.map +1 -0
- package/dist/components/HeaderButton/HeaderIcon.js +28 -0
- package/dist/components/HeaderButton/HeaderIcon.js.map +1 -0
- package/dist/components/HeaderButton/headerButtonLayout.d.ts +21 -0
- package/dist/components/HeaderButton/headerButtonLayout.d.ts.map +1 -0
- package/dist/components/HeaderButton/headerButtonLayout.js +34 -0
- package/dist/components/HeaderButton/headerButtonLayout.js.map +1 -0
- package/dist/components/HeaderButton/headerButtonThemeRoles.d.ts +5 -0
- package/dist/components/HeaderButton/headerButtonThemeRoles.d.ts.map +1 -0
- package/dist/components/HeaderButton/headerButtonThemeRoles.js +7 -0
- package/dist/components/HeaderButton/headerButtonThemeRoles.js.map +1 -0
- package/dist/components/HeaderButton/index.d.ts +7 -0
- package/dist/components/HeaderButton/index.d.ts.map +1 -0
- package/dist/components/HeaderButton/index.js +14 -0
- package/dist/components/HeaderButton/index.js.map +1 -0
- package/dist/components/HeaderButton/types.d.ts +40 -0
- package/dist/components/HeaderButton/types.d.ts.map +1 -0
- package/dist/components/HeaderButton/types.js +3 -0
- package/dist/components/HeaderButton/types.js.map +1 -0
- package/dist/components/HeaderWash/HeaderWash.d.ts +10 -0
- package/dist/components/HeaderWash/HeaderWash.d.ts.map +1 -0
- package/dist/components/HeaderWash/HeaderWash.js +19 -0
- package/dist/components/HeaderWash/HeaderWash.js.map +1 -0
- package/dist/components/HeaderWash/headerWashGradient.d.ts +8 -0
- package/dist/components/HeaderWash/headerWashGradient.d.ts.map +1 -0
- package/dist/components/HeaderWash/headerWashGradient.js +21 -0
- package/dist/components/HeaderWash/headerWashGradient.js.map +1 -0
- package/dist/components/HeaderWash/index.d.ts +2 -0
- package/dist/components/HeaderWash/index.d.ts.map +1 -0
- package/dist/components/HeaderWash/index.js +6 -0
- package/dist/components/HeaderWash/index.js.map +1 -0
- package/dist/components/Page/Page.d.ts +13 -0
- package/dist/components/Page/Page.d.ts.map +1 -0
- package/dist/components/Page/Page.js +49 -0
- package/dist/components/Page/Page.js.map +1 -0
- package/dist/components/Page/PageBleed.d.ts +9 -0
- package/dist/components/Page/PageBleed.d.ts.map +1 -0
- package/dist/components/Page/PageBleed.js +12 -0
- package/dist/components/Page/PageBleed.js.map +1 -0
- package/dist/components/Page/index.d.ts +5 -0
- package/dist/components/Page/index.d.ts.map +1 -0
- package/dist/components/Page/index.js +10 -0
- package/dist/components/Page/index.js.map +1 -0
- package/dist/components/Page/pageContext.d.ts +4 -0
- package/dist/components/Page/pageContext.d.ts.map +1 -0
- package/dist/components/Page/pageContext.js +11 -0
- package/dist/components/Page/pageContext.js.map +1 -0
- package/dist/components/Page/pageInsets.d.ts +26 -0
- package/dist/components/Page/pageInsets.d.ts.map +1 -0
- package/dist/components/Page/pageInsets.js +37 -0
- package/dist/components/Page/pageInsets.js.map +1 -0
- package/dist/components/Page/pageLayout.d.ts +5 -0
- package/dist/components/Page/pageLayout.d.ts.map +1 -0
- package/dist/components/Page/pageLayout.js +8 -0
- package/dist/components/Page/pageLayout.js.map +1 -0
- package/dist/components/Page/pageThemeRoles.d.ts +5 -0
- package/dist/components/Page/pageThemeRoles.d.ts.map +1 -0
- package/dist/components/Page/pageThemeRoles.js +7 -0
- package/dist/components/Page/pageThemeRoles.js.map +1 -0
- package/dist/components/Page/types.d.ts +22 -0
- package/dist/components/Page/types.d.ts.map +1 -0
- package/dist/components/Page/types.js +3 -0
- package/dist/components/Page/types.js.map +1 -0
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +8 -9
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/selectThemeRoles.d.ts +2 -0
- package/dist/components/Select/selectThemeRoles.d.ts.map +1 -1
- package/dist/components/Select/selectThemeRoles.js +2 -0
- package/dist/components/Select/selectThemeRoles.js.map +1 -1
- package/dist/components/Select/types.d.ts +4 -0
- package/dist/components/Select/types.d.ts.map +1 -1
- package/dist/components/TabAccessoryButton/TabAccessoryButton.d.ts +8 -0
- package/dist/components/TabAccessoryButton/TabAccessoryButton.d.ts.map +1 -0
- package/dist/components/TabAccessoryButton/TabAccessoryButton.js +77 -0
- package/dist/components/TabAccessoryButton/TabAccessoryButton.js.map +1 -0
- package/dist/components/TabAccessoryButton/index.d.ts +5 -0
- package/dist/components/TabAccessoryButton/index.d.ts.map +1 -0
- package/dist/components/TabAccessoryButton/index.js +11 -0
- package/dist/components/TabAccessoryButton/index.js.map +1 -0
- package/dist/components/TabAccessoryButton/tabAccessoryLayout.d.ts +27 -0
- package/dist/components/TabAccessoryButton/tabAccessoryLayout.d.ts.map +1 -0
- package/dist/components/TabAccessoryButton/tabAccessoryLayout.js +38 -0
- package/dist/components/TabAccessoryButton/tabAccessoryLayout.js.map +1 -0
- package/dist/components/TabAccessoryButton/tabAccessoryThemeRoles.d.ts +14 -0
- package/dist/components/TabAccessoryButton/tabAccessoryThemeRoles.d.ts.map +1 -0
- package/dist/components/TabAccessoryButton/tabAccessoryThemeRoles.js +19 -0
- package/dist/components/TabAccessoryButton/tabAccessoryThemeRoles.js.map +1 -0
- package/dist/components/TabAccessoryButton/types.d.ts +27 -0
- package/dist/components/TabAccessoryButton/types.d.ts.map +1 -0
- package/dist/components/TabAccessoryButton/types.js +3 -0
- package/dist/components/TabAccessoryButton/types.js.map +1 -0
- package/dist/components/index.d.ts +9 -3
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +30 -1
- package/dist/components/index.js.map +1 -1
- package/dist/index.d.ts +11 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +34 -2
- package/dist/index.js.map +1 -1
- package/dist/layout/HeaderInsetProbe.d.ts +15 -0
- package/dist/layout/HeaderInsetProbe.d.ts.map +1 -0
- package/dist/layout/HeaderInsetProbe.js +28 -0
- package/dist/layout/HeaderInsetProbe.js.map +1 -0
- package/dist/layout/headerInset.d.ts +26 -0
- package/dist/layout/headerInset.d.ts.map +1 -0
- package/dist/layout/headerInset.js +29 -0
- package/dist/layout/headerInset.js.map +1 -0
- package/dist/layout/index.d.ts +1 -0
- package/dist/layout/index.d.ts.map +1 -1
- package/dist/layout/index.js +3 -1
- package/dist/layout/index.js.map +1 -1
- package/dist/layout/sheet.d.ts +3 -0
- package/dist/layout/sheet.d.ts.map +1 -0
- package/dist/layout/sheet.js +6 -0
- package/dist/layout/sheet.js.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +4 -1
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/ThemeProvider.js +5 -2
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +6 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/resolveThemeSpacing.d.ts +12 -0
- package/dist/theme/resolveThemeSpacing.d.ts.map +1 -0
- package/dist/theme/resolveThemeSpacing.js +14 -0
- package/dist/theme/resolveThemeSpacing.js.map +1 -0
- package/dist/theme/types.d.ts +2 -0
- package/dist/theme/types.d.ts.map +1 -1
- package/dist/theme/useThemeSpacing.d.ts +4 -0
- package/dist/theme/useThemeSpacing.d.ts.map +1 -0
- package/dist/theme/useThemeSpacing.js +11 -0
- package/dist/theme/useThemeSpacing.js.map +1 -0
- package/docs/components/button.md +92 -38
- package/docs/components/choice.md +88 -0
- package/docs/components/error-banner.md +46 -3
- package/docs/components/form-sheet.md +140 -0
- package/docs/components/form.md +80 -45
- package/docs/components/header-button.md +310 -0
- package/docs/components/header-wash.md +40 -0
- package/docs/components/page.md +183 -0
- package/docs/components/select.md +2 -2
- package/docs/components/tab-accessory-button.md +146 -0
- package/docs/specifications/Liquid Glass header buttons in Expo Router.md +327 -0
- package/package.json +1 -1
- package/src/components/Button/Button.tsx +82 -38
- package/src/components/Button/buttonAppearance.test.ts +44 -0
- package/src/components/Button/buttonAppearance.ts +38 -0
- package/src/components/Button/buttonThemeRoles.test.ts +10 -0
- package/src/components/Button/buttonThemeRoles.ts +6 -0
- package/src/components/Button/index.ts +12 -1
- package/src/components/Choice/Choice.tsx +109 -0
- package/src/components/Choice/choiceLayout.test.ts +14 -0
- package/src/components/Choice/choiceLayout.ts +9 -0
- package/src/components/Choice/choiceThemeRoles.test.ts +14 -0
- package/src/components/Choice/choiceThemeRoles.ts +8 -0
- package/src/components/Choice/index.ts +4 -0
- package/src/components/Choice/types.ts +26 -0
- package/src/components/ErrorBanner/ErrorBanner.tsx +32 -22
- package/src/components/ErrorBanner/errorBannerContext.tsx +31 -6
- package/src/components/ErrorBanner/errorBannerLayout.test.ts +49 -0
- package/src/components/ErrorBanner/errorBannerLayout.ts +59 -0
- package/src/components/ErrorBanner/icons.tsx +25 -6
- package/src/components/ErrorBanner/index.ts +1 -0
- package/src/components/Form/Form.tsx +77 -173
- package/src/components/Form/FormCloseButton.tsx +12 -4
- package/src/components/Form/FormErrorBanner.tsx +57 -0
- package/src/components/Form/FormSubmitFooter.tsx +70 -0
- package/src/components/Form/formThemeRoles.test.ts +13 -0
- package/src/components/Form/formThemeRoles.ts +7 -0
- package/src/components/Form/index.ts +1 -0
- package/src/components/Form/types.ts +14 -10
- package/src/components/FormSheet/FormSheet.tsx +279 -0
- package/src/components/FormSheet/formSheetLayout.test.ts +66 -0
- package/src/components/FormSheet/formSheetLayout.ts +55 -0
- package/src/components/FormSheet/formSheetThemeRoles.test.ts +14 -0
- package/src/components/FormSheet/formSheetThemeRoles.ts +8 -0
- package/src/components/FormSheet/index.ts +7 -0
- package/src/components/FormSheet/types.ts +66 -0
- package/src/components/HeaderButton/HeaderCapsule.tsx +63 -0
- package/src/components/HeaderButton/HeaderGroup.tsx +36 -0
- package/src/components/HeaderButton/HeaderIcon.tsx +56 -0
- package/src/components/HeaderButton/headerButtonLayout.test.ts +47 -0
- package/src/components/HeaderButton/headerButtonLayout.ts +36 -0
- package/src/components/HeaderButton/headerButtonThemeRoles.test.ts +9 -0
- package/src/components/HeaderButton/headerButtonThemeRoles.ts +5 -0
- package/src/components/HeaderButton/index.ts +14 -0
- package/src/components/HeaderButton/types.ts +40 -0
- package/src/components/HeaderWash/HeaderWash.tsx +20 -0
- package/src/components/HeaderWash/headerWashGradient.test.ts +22 -0
- package/src/components/{Form/withAlpha.ts → HeaderWash/headerWashGradient.ts} +9 -0
- package/src/components/HeaderWash/index.ts +1 -0
- package/src/components/Page/Page.tsx +80 -0
- package/src/components/Page/PageBleed.tsx +14 -0
- package/src/components/Page/index.ts +4 -0
- package/src/components/Page/pageContext.ts +8 -0
- package/src/components/Page/pageInsets.test.ts +73 -0
- package/src/components/Page/pageInsets.ts +52 -0
- package/src/components/Page/pageThemeRoles.test.ts +9 -0
- package/src/components/Page/pageThemeRoles.ts +5 -0
- package/src/components/Page/types.ts +26 -0
- package/src/components/Select/Select.tsx +11 -4
- package/src/components/Select/selectThemeRoles.test.ts +5 -0
- package/src/components/Select/selectThemeRoles.ts +2 -0
- package/src/components/Select/types.ts +4 -0
- package/src/components/TabAccessoryButton/TabAccessoryButton.tsx +150 -0
- package/src/components/TabAccessoryButton/index.ts +12 -0
- package/src/components/TabAccessoryButton/tabAccessoryLayout.test.ts +42 -0
- package/src/components/TabAccessoryButton/tabAccessoryLayout.ts +43 -0
- package/src/components/TabAccessoryButton/tabAccessoryThemeRoles.test.ts +28 -0
- package/src/components/TabAccessoryButton/tabAccessoryThemeRoles.ts +22 -0
- package/src/components/TabAccessoryButton/types.ts +27 -0
- package/src/components/index.ts +64 -2
- package/src/index.ts +61 -2
- package/src/layout/headerInset.test.ts +60 -0
- package/src/layout/headerInset.ts +41 -0
- package/src/layout/index.ts +1 -0
- package/src/layout/sheet.ts +2 -0
- package/src/theme/ThemeProvider.tsx +9 -1
- package/src/theme/index.ts +6 -0
- package/src/theme/resolveThemeSpacing.test.ts +29 -0
- package/src/theme/resolveThemeSpacing.ts +21 -0
- package/src/theme/types.ts +3 -0
- package/src/theme/useThemeSpacing.ts +8 -0
- package/src/components/Form/withAlpha.test.ts +0 -13
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabAccessoryLayout.js","sourceRoot":"","sources":["../../../src/components/TabAccessoryButton/tabAccessoryLayout.ts"],"names":[],"mappings":";;;AAaA,0DAEC;AAUD,kDAKC;AAOD,kEAKC;AAxCY,QAAA,uBAAuB,GAAG,EAAE,CAAC;AAC7B,QAAA,uBAAuB,GAAG,EAAE,CAAC;AAC1C,uCAAuC;AAC1B,QAAA,6BAA6B,GAAG,EAAE,CAAC;AAEhD;;;;;GAKG;AACH,SAAgB,uBAAuB,CAAC,MAAc;IACpD,OAAO,qCAA6B,GAAG,MAAM,GAAG,CAAC,CAAC;AACpD,CAAC;AAED,6DAA6D;AAChD,QAAA,0BAA0B,GAAG,uBAAuB,CAAC,EAAE,CAAC,CAAC;AAEtE;;;;GAIG;AACH,SAAgB,mBAAmB,CACjC,SAAgC,EAChC,KAAc;IAEd,OAAO,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AACpD,CAAC;AAED;;;;GAIG;AACH,SAAgB,2BAA2B,CACzC,KAAc,EACd,MAAc;IAEd,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC;AACrD,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const TAB_ACCESSORY_THEME_ROLES: {
|
|
2
|
+
readonly color: "tabAccessoryLabel";
|
|
3
|
+
};
|
|
4
|
+
export type TabAccessoryThemeColorProp = keyof typeof TAB_ACCESSORY_THEME_ROLES;
|
|
5
|
+
export type TabAccessoryVariant = "glass" | "filled";
|
|
6
|
+
/**
|
|
7
|
+
* Theme roles for the accessory content. Glass draws only an icon and label
|
|
8
|
+
* on the system glass; filled covers the glass with the button colours.
|
|
9
|
+
*/
|
|
10
|
+
export declare function tabAccessoryRoles(variant: TabAccessoryVariant): {
|
|
11
|
+
fill: string | undefined;
|
|
12
|
+
content: string;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=tabAccessoryThemeRoles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabAccessoryThemeRoles.d.ts","sourceRoot":"","sources":["../../../src/components/TabAccessoryButton/tabAccessoryThemeRoles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB;;CAE5B,CAAC;AAEX,MAAM,MAAM,0BAA0B,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAEhF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,mBAAmB,GAAG;IAC/D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,CAMA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TAB_ACCESSORY_THEME_ROLES = void 0;
|
|
4
|
+
exports.tabAccessoryRoles = tabAccessoryRoles;
|
|
5
|
+
exports.TAB_ACCESSORY_THEME_ROLES = {
|
|
6
|
+
color: "tabAccessoryLabel",
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Theme roles for the accessory content. Glass draws only an icon and label
|
|
10
|
+
* on the system glass; filled covers the glass with the button colours.
|
|
11
|
+
*/
|
|
12
|
+
function tabAccessoryRoles(variant) {
|
|
13
|
+
if (variant === "filled") {
|
|
14
|
+
// Same roles as Button (BUTTON_THEME_ROLES), so it matches the fallback pill.
|
|
15
|
+
return { fill: "buttonBackground", content: "buttonLabel" };
|
|
16
|
+
}
|
|
17
|
+
return { fill: undefined, content: exports.TAB_ACCESSORY_THEME_ROLES.color };
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=tabAccessoryThemeRoles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabAccessoryThemeRoles.js","sourceRoot":"","sources":["../../../src/components/TabAccessoryButton/tabAccessoryThemeRoles.ts"],"names":[],"mappings":";;;AAYA,8CASC;AArBY,QAAA,yBAAyB,GAAG;IACvC,KAAK,EAAE,mBAAmB;CAClB,CAAC;AAMX;;;GAGG;AACH,SAAgB,iBAAiB,CAAC,OAA4B;IAI5D,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,8EAA8E;QAC9E,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;IAC9D,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,iCAAyB,CAAC,KAAK,EAAE,CAAC;AACvE,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ButtonIcon } from "../Button";
|
|
2
|
+
import type { TabAccessoryPlacement } from "./tabAccessoryLayout";
|
|
3
|
+
import type { TabAccessoryVariant } from "./tabAccessoryThemeRoles";
|
|
4
|
+
export type TabAccessoryButtonProps = {
|
|
5
|
+
/**
|
|
6
|
+
* `"accessory"` inside `NativeTabs.BottomAccessory` (renders on iOS 26+ only).
|
|
7
|
+
* `"screen"` inside the tab screen (renders on Android and iOS 18 and earlier only).
|
|
8
|
+
*/
|
|
9
|
+
placement: TabAccessoryPlacement;
|
|
10
|
+
label: string;
|
|
11
|
+
onPress: () => void;
|
|
12
|
+
icon?: ButtonIcon;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* iOS 26+ look. `"glass"` (default): icon and label on the system glass.
|
|
16
|
+
* `"filled"`: a pill in the button colours covers the glass. The fallback
|
|
17
|
+
* pill on other platforms is always filled.
|
|
18
|
+
*/
|
|
19
|
+
variant?: TabAccessoryVariant;
|
|
20
|
+
/** Glass variant content colour. Defaults to theme role `tabAccessoryLabel`. */
|
|
21
|
+
color?: string;
|
|
22
|
+
/** Filled pill fill (filled variant and fallback). Defaults to theme role `buttonBackground`. */
|
|
23
|
+
backgroundColor?: string;
|
|
24
|
+
/** Filled pill label and icon (filled variant and fallback). Defaults to theme role `buttonLabel`. */
|
|
25
|
+
labelColor?: string;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TabAccessoryButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;OAGG;IACH,SAAS,EAAE,qBAAqB,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iGAAiG;IACjG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sGAAsG;IACtG,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/TabAccessoryButton/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
-
export { Button,
|
|
1
|
+
export { Button, BUTTON_ICON_SIZE, BUTTON_THEME_ROLES, buttonRadiusValue, type ButtonIcon, type ButtonIconPosition, type ButtonProps, type ButtonRadius, type ButtonThemeColorProp, type ButtonVariant, } from "./Button";
|
|
2
|
+
export { Choice, CHOICE_ICON_SIZE, CHOICE_THEME_ROLES, type ChoiceProps, type ChoiceThemeColorProp, } from "./Choice";
|
|
2
3
|
export { LinkBlocks, filterLinkBlockGroups, type LinkBlockGroup, type LinkBlockItem, type LinkBlocksProps, } from "./LinkBlocks";
|
|
3
4
|
export { FieldText, FieldTextarea, FIELD_THEME_ROLES, type FieldThemeColorProp, type FieldSharedProps, type FieldTextProps, type FieldTextareaProps, } from "./Field";
|
|
4
|
-
export { Form, FormCloseButton, type FormProps } from "./Form";
|
|
5
|
-
export {
|
|
5
|
+
export { Form, FormCloseButton, FORM_THEME_ROLES, type FormProps, type FormThemeColorProp, } from "./Form";
|
|
6
|
+
export { FormSheet, FORM_SHEET_THEME_ROLES, formSheetSnapPoints, type FormSheetInset, type FormSheetProps, type FormSheetSnapIndex, type FormSheetSnapInput, type FormSheetThemeColorProp, } from "./FormSheet";
|
|
7
|
+
export { ErrorBanner, ErrorBannerField, ErrorBannerProvider, ERROR_BANNER_THEME_ROLES, useErrorBanner, useErrorBannerContext, useErrorBannerDismiss, useErrorBannerField, type ErrorBannerThemeColorProp, type ErrorBannerProps, type ErrorBannerScrollTarget, type FieldError, } from "./ErrorBanner";
|
|
6
8
|
export { RadioField, RADIO_THEME_ROLES, type RadioThemeColorProp, type RadioOption, type RadioFieldProps, } from "./RadioField";
|
|
7
9
|
export { Select, SelectCloseButton, SELECT_THEME_ROLES, DEFAULT_SELECT_DETENTS, DEFAULT_SELECT_INITIAL_DETENT, detentsToSnapPoints, resolveSelectDetentIndex, type SelectThemeColorProp, type SelectCloseButtonSlot, type SelectOption, type SelectProps, } from "./Select";
|
|
8
10
|
export { SegmentedControl, SEGMENTED_THEME_ROLES, type SegmentedThemeColorProp, type SegmentedOption, type SegmentedControlProps, } from "./SegmentedControl";
|
|
9
11
|
export { Slider, SLIDER_THEME_ROLES, type SliderThemeColorProp, type SliderProps, } from "./Slider";
|
|
12
|
+
export { HeaderCapsule, HeaderGroup, HeaderIcon, HEADER_BUTTON_THEME_ROLES, supportsLiquidGlass, type HeaderButtonThemeColorProp, type HeaderButtonIcon, type HeaderCapsuleProps, type HeaderGroupProps, type HeaderIconProps, } from "./HeaderButton";
|
|
13
|
+
export { HeaderWash } from "./HeaderWash";
|
|
14
|
+
export { TabAccessoryButton, TAB_ACCESSORY_SCREEN_INSET, TAB_ACCESSORY_THEME_ROLES, tabAccessoryScreenInset, type TabAccessoryButtonProps, type TabAccessoryPlacement, type TabAccessoryThemeColorProp, type TabAccessoryVariant, } from "./TabAccessoryButton";
|
|
15
|
+
export { Page, PageBleed, PAGE_THEME_ROLES, type PageBleedProps, type PageProps, type PageTabAccessory, type PageThemeColorProp, } from "./Page";
|
|
10
16
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,aAAa,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,oBAAoB,GAC1B,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,KAAK,SAAS,EACd,KAAK,kBAAkB,GACxB,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,SAAS,EACT,sBAAsB,EACtB,mBAAmB,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,GAC7B,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,UAAU,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,KAAK,oBAAoB,EACzB,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,yBAAyB,EACzB,mBAAmB,EACnB,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,yBAAyB,EACzB,uBAAuB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,QAAQ,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SLIDER_THEME_ROLES = exports.Slider = exports.SEGMENTED_THEME_ROLES = exports.SegmentedControl = exports.resolveSelectDetentIndex = exports.detentsToSnapPoints = exports.DEFAULT_SELECT_INITIAL_DETENT = exports.DEFAULT_SELECT_DETENTS = exports.SELECT_THEME_ROLES = exports.SelectCloseButton = exports.Select = exports.RADIO_THEME_ROLES = exports.RadioField = exports.useErrorBannerField = exports.useErrorBannerDismiss = exports.useErrorBannerContext = exports.useErrorBanner = exports.ERROR_BANNER_THEME_ROLES = exports.ErrorBannerProvider = exports.ErrorBannerField = exports.ErrorBanner = exports.FormCloseButton = exports.Form = exports.FIELD_THEME_ROLES = exports.FieldTextarea = exports.FieldText = exports.filterLinkBlockGroups = exports.LinkBlocks = exports.buttonRadiusValue = exports.Button = void 0;
|
|
3
|
+
exports.Page = exports.tabAccessoryScreenInset = exports.TAB_ACCESSORY_THEME_ROLES = exports.TAB_ACCESSORY_SCREEN_INSET = exports.TabAccessoryButton = exports.HeaderWash = exports.supportsLiquidGlass = exports.HEADER_BUTTON_THEME_ROLES = exports.HeaderIcon = exports.HeaderGroup = exports.HeaderCapsule = exports.SLIDER_THEME_ROLES = exports.Slider = exports.SEGMENTED_THEME_ROLES = exports.SegmentedControl = exports.resolveSelectDetentIndex = exports.detentsToSnapPoints = exports.DEFAULT_SELECT_INITIAL_DETENT = exports.DEFAULT_SELECT_DETENTS = exports.SELECT_THEME_ROLES = exports.SelectCloseButton = exports.Select = exports.RADIO_THEME_ROLES = exports.RadioField = exports.useErrorBannerField = exports.useErrorBannerDismiss = exports.useErrorBannerContext = exports.useErrorBanner = exports.ERROR_BANNER_THEME_ROLES = exports.ErrorBannerProvider = exports.ErrorBannerField = exports.ErrorBanner = exports.formSheetSnapPoints = exports.FORM_SHEET_THEME_ROLES = exports.FormSheet = exports.FORM_THEME_ROLES = exports.FormCloseButton = exports.Form = exports.FIELD_THEME_ROLES = exports.FieldTextarea = exports.FieldText = exports.filterLinkBlockGroups = exports.LinkBlocks = exports.CHOICE_THEME_ROLES = exports.CHOICE_ICON_SIZE = exports.Choice = exports.buttonRadiusValue = exports.BUTTON_THEME_ROLES = exports.BUTTON_ICON_SIZE = exports.Button = void 0;
|
|
4
|
+
exports.PAGE_THEME_ROLES = exports.PageBleed = void 0;
|
|
4
5
|
var Button_1 = require("./Button");
|
|
5
6
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
7
|
+
Object.defineProperty(exports, "BUTTON_ICON_SIZE", { enumerable: true, get: function () { return Button_1.BUTTON_ICON_SIZE; } });
|
|
8
|
+
Object.defineProperty(exports, "BUTTON_THEME_ROLES", { enumerable: true, get: function () { return Button_1.BUTTON_THEME_ROLES; } });
|
|
6
9
|
Object.defineProperty(exports, "buttonRadiusValue", { enumerable: true, get: function () { return Button_1.buttonRadiusValue; } });
|
|
10
|
+
var Choice_1 = require("./Choice");
|
|
11
|
+
Object.defineProperty(exports, "Choice", { enumerable: true, get: function () { return Choice_1.Choice; } });
|
|
12
|
+
Object.defineProperty(exports, "CHOICE_ICON_SIZE", { enumerable: true, get: function () { return Choice_1.CHOICE_ICON_SIZE; } });
|
|
13
|
+
Object.defineProperty(exports, "CHOICE_THEME_ROLES", { enumerable: true, get: function () { return Choice_1.CHOICE_THEME_ROLES; } });
|
|
7
14
|
var LinkBlocks_1 = require("./LinkBlocks");
|
|
8
15
|
Object.defineProperty(exports, "LinkBlocks", { enumerable: true, get: function () { return LinkBlocks_1.LinkBlocks; } });
|
|
9
16
|
Object.defineProperty(exports, "filterLinkBlockGroups", { enumerable: true, get: function () { return LinkBlocks_1.filterLinkBlockGroups; } });
|
|
@@ -14,6 +21,11 @@ Object.defineProperty(exports, "FIELD_THEME_ROLES", { enumerable: true, get: fun
|
|
|
14
21
|
var Form_1 = require("./Form");
|
|
15
22
|
Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
|
|
16
23
|
Object.defineProperty(exports, "FormCloseButton", { enumerable: true, get: function () { return Form_1.FormCloseButton; } });
|
|
24
|
+
Object.defineProperty(exports, "FORM_THEME_ROLES", { enumerable: true, get: function () { return Form_1.FORM_THEME_ROLES; } });
|
|
25
|
+
var FormSheet_1 = require("./FormSheet");
|
|
26
|
+
Object.defineProperty(exports, "FormSheet", { enumerable: true, get: function () { return FormSheet_1.FormSheet; } });
|
|
27
|
+
Object.defineProperty(exports, "FORM_SHEET_THEME_ROLES", { enumerable: true, get: function () { return FormSheet_1.FORM_SHEET_THEME_ROLES; } });
|
|
28
|
+
Object.defineProperty(exports, "formSheetSnapPoints", { enumerable: true, get: function () { return FormSheet_1.formSheetSnapPoints; } });
|
|
17
29
|
var ErrorBanner_1 = require("./ErrorBanner");
|
|
18
30
|
Object.defineProperty(exports, "ErrorBanner", { enumerable: true, get: function () { return ErrorBanner_1.ErrorBanner; } });
|
|
19
31
|
Object.defineProperty(exports, "ErrorBannerField", { enumerable: true, get: function () { return ErrorBanner_1.ErrorBannerField; } });
|
|
@@ -40,4 +52,21 @@ Object.defineProperty(exports, "SEGMENTED_THEME_ROLES", { enumerable: true, get:
|
|
|
40
52
|
var Slider_1 = require("./Slider");
|
|
41
53
|
Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
|
|
42
54
|
Object.defineProperty(exports, "SLIDER_THEME_ROLES", { enumerable: true, get: function () { return Slider_1.SLIDER_THEME_ROLES; } });
|
|
55
|
+
var HeaderButton_1 = require("./HeaderButton");
|
|
56
|
+
Object.defineProperty(exports, "HeaderCapsule", { enumerable: true, get: function () { return HeaderButton_1.HeaderCapsule; } });
|
|
57
|
+
Object.defineProperty(exports, "HeaderGroup", { enumerable: true, get: function () { return HeaderButton_1.HeaderGroup; } });
|
|
58
|
+
Object.defineProperty(exports, "HeaderIcon", { enumerable: true, get: function () { return HeaderButton_1.HeaderIcon; } });
|
|
59
|
+
Object.defineProperty(exports, "HEADER_BUTTON_THEME_ROLES", { enumerable: true, get: function () { return HeaderButton_1.HEADER_BUTTON_THEME_ROLES; } });
|
|
60
|
+
Object.defineProperty(exports, "supportsLiquidGlass", { enumerable: true, get: function () { return HeaderButton_1.supportsLiquidGlass; } });
|
|
61
|
+
var HeaderWash_1 = require("./HeaderWash");
|
|
62
|
+
Object.defineProperty(exports, "HeaderWash", { enumerable: true, get: function () { return HeaderWash_1.HeaderWash; } });
|
|
63
|
+
var TabAccessoryButton_1 = require("./TabAccessoryButton");
|
|
64
|
+
Object.defineProperty(exports, "TabAccessoryButton", { enumerable: true, get: function () { return TabAccessoryButton_1.TabAccessoryButton; } });
|
|
65
|
+
Object.defineProperty(exports, "TAB_ACCESSORY_SCREEN_INSET", { enumerable: true, get: function () { return TabAccessoryButton_1.TAB_ACCESSORY_SCREEN_INSET; } });
|
|
66
|
+
Object.defineProperty(exports, "TAB_ACCESSORY_THEME_ROLES", { enumerable: true, get: function () { return TabAccessoryButton_1.TAB_ACCESSORY_THEME_ROLES; } });
|
|
67
|
+
Object.defineProperty(exports, "tabAccessoryScreenInset", { enumerable: true, get: function () { return TabAccessoryButton_1.tabAccessoryScreenInset; } });
|
|
68
|
+
var Page_1 = require("./Page");
|
|
69
|
+
Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
|
|
70
|
+
Object.defineProperty(exports, "PageBleed", { enumerable: true, get: function () { return Page_1.PageBleed; } });
|
|
71
|
+
Object.defineProperty(exports, "PAGE_THEME_ROLES", { enumerable: true, get: function () { return Page_1.PAGE_THEME_ROLES; } });
|
|
43
72
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,mCAWkB;AAVhB,gGAAA,MAAM,OAAA;AACN,0GAAA,gBAAgB,OAAA;AAChB,4GAAA,kBAAkB,OAAA;AAClB,2GAAA,iBAAiB,OAAA;AAQnB,mCAMkB;AALhB,gGAAA,MAAM,OAAA;AACN,0GAAA,gBAAgB,OAAA;AAChB,4GAAA,kBAAkB,OAAA;AAIpB,2CAMsB;AALpB,wGAAA,UAAU,OAAA;AACV,mHAAA,qBAAqB,OAAA;AAKvB,iCAQiB;AAPf,kGAAA,SAAS,OAAA;AACT,sGAAA,aAAa,OAAA;AACb,0GAAA,iBAAiB,OAAA;AAMnB,+BAMgB;AALd,4FAAA,IAAI,OAAA;AACJ,uGAAA,eAAe,OAAA;AACf,wGAAA,gBAAgB,OAAA;AAIlB,yCASqB;AARnB,sGAAA,SAAS,OAAA;AACT,mHAAA,sBAAsB,OAAA;AACtB,gHAAA,mBAAmB,OAAA;AAOrB,6CAauB;AAZrB,0GAAA,WAAW,OAAA;AACX,+GAAA,gBAAgB,OAAA;AAChB,kHAAA,mBAAmB,OAAA;AACnB,uHAAA,wBAAwB,OAAA;AACxB,6GAAA,cAAc,OAAA;AACd,oHAAA,qBAAqB,OAAA;AACrB,oHAAA,qBAAqB,OAAA;AACrB,kHAAA,mBAAmB,OAAA;AAMrB,2CAMsB;AALpB,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AAKnB,mCAYkB;AAXhB,gGAAA,MAAM,OAAA;AACN,2GAAA,iBAAiB,OAAA;AACjB,4GAAA,kBAAkB,OAAA;AAClB,gHAAA,sBAAsB,OAAA;AACtB,uHAAA,6BAA6B,OAAA;AAC7B,6GAAA,mBAAmB,OAAA;AACnB,kHAAA,wBAAwB,OAAA;AAM1B,uDAM4B;AAL1B,oHAAA,gBAAgB,OAAA;AAChB,yHAAA,qBAAqB,OAAA;AAKvB,mCAKkB;AAJhB,gGAAA,MAAM,OAAA;AACN,4GAAA,kBAAkB,OAAA;AAIpB,+CAWwB;AAVtB,6GAAA,aAAa,OAAA;AACb,2GAAA,WAAW,OAAA;AACX,0GAAA,UAAU,OAAA;AACV,yHAAA,yBAAyB,OAAA;AACzB,mHAAA,mBAAmB,OAAA;AAOrB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2DAS8B;AAR5B,wHAAA,kBAAkB,OAAA;AAClB,gIAAA,0BAA0B,OAAA;AAC1B,+HAAA,yBAAyB,OAAA;AACzB,6HAAA,uBAAuB,OAAA;AAMzB,+BAQgB;AAPd,4FAAA,IAAI,OAAA;AACJ,iGAAA,SAAS,OAAA;AACT,wGAAA,gBAAgB,OAAA"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
export declare const version = "0.
|
|
1
|
+
export declare const version = "0.16.0";
|
|
2
2
|
export * from "./theme";
|
|
3
|
-
export {
|
|
3
|
+
export { SHEET_TOP_RADIUS, screenPaddingHorizontal } from "./layout";
|
|
4
|
+
export { Button, BUTTON_ICON_SIZE, BUTTON_THEME_ROLES, buttonRadiusValue, type ButtonIcon, type ButtonIconPosition, type ButtonProps, type ButtonRadius, type ButtonThemeColorProp, type ButtonVariant, } from "./components/Button";
|
|
5
|
+
export { Choice, CHOICE_ICON_SIZE, CHOICE_THEME_ROLES, type ChoiceProps, type ChoiceThemeColorProp, } from "./components/Choice";
|
|
4
6
|
export { LinkBlocks, filterLinkBlockGroups, type LinkBlockGroup, type LinkBlockItem, type LinkBlocksProps, } from "./components/LinkBlocks";
|
|
5
7
|
export { FieldText, FieldTextarea, FIELD_THEME_ROLES, type FieldThemeColorProp, type FieldSharedProps, type FieldTextProps, type FieldTextareaProps, } from "./components/Field";
|
|
6
|
-
export { Form, FormCloseButton, type FormProps, } from "./components/Form";
|
|
7
|
-
export {
|
|
8
|
+
export { Form, FormCloseButton, FORM_THEME_ROLES, type FormThemeColorProp, type FormProps, } from "./components/Form";
|
|
9
|
+
export { FormSheet, FORM_SHEET_THEME_ROLES, formSheetSnapPoints, type FormSheetInset, type FormSheetProps, type FormSheetSnapIndex, type FormSheetSnapInput, type FormSheetThemeColorProp, } from "./components/FormSheet";
|
|
10
|
+
export { ErrorBanner, ErrorBannerField, ErrorBannerProvider, ERROR_BANNER_THEME_ROLES, useErrorBanner, useErrorBannerContext, useErrorBannerDismiss, useErrorBannerField, type ErrorBannerThemeColorProp, type ErrorBannerProps, type ErrorBannerScrollTarget, type FieldError, } from "./components/ErrorBanner";
|
|
8
11
|
export { RadioField, RADIO_THEME_ROLES, type RadioThemeColorProp, type RadioOption, type RadioFieldProps, } from "./components/RadioField";
|
|
9
12
|
export { Select, SelectCloseButton, SELECT_THEME_ROLES, DEFAULT_SELECT_DETENTS, DEFAULT_SELECT_INITIAL_DETENT, detentsToSnapPoints, resolveSelectDetentIndex, type SelectThemeColorProp, type SelectCloseButtonSlot, type SelectOption, type SelectProps, } from "./components/Select";
|
|
10
13
|
export { SegmentedControl, SEGMENTED_THEME_ROLES, type SegmentedThemeColorProp, type SegmentedOption, type SegmentedControlProps, } from "./components/SegmentedControl";
|
|
11
14
|
export { Slider, SLIDER_THEME_ROLES, type SliderThemeColorProp, type SliderProps, } from "./components/Slider";
|
|
15
|
+
export { HeaderCapsule, HeaderGroup, HeaderIcon, HEADER_BUTTON_THEME_ROLES, supportsLiquidGlass, type HeaderButtonThemeColorProp, type HeaderButtonIcon, type HeaderCapsuleProps, type HeaderGroupProps, type HeaderIconProps, } from "./components/HeaderButton";
|
|
16
|
+
export { HeaderWash } from "./components/HeaderWash";
|
|
17
|
+
export { TabAccessoryButton, TAB_ACCESSORY_SCREEN_INSET, TAB_ACCESSORY_THEME_ROLES, tabAccessoryScreenInset, type TabAccessoryButtonProps, type TabAccessoryPlacement, type TabAccessoryThemeColorProp, type TabAccessoryVariant, } from "./components/TabAccessoryButton";
|
|
18
|
+
export { Page, PageBleed, PAGE_THEME_ROLES, type PageBleedProps, type PageProps, type PageTabAccessory, type PageThemeColorProp, } from "./components/Page";
|
|
12
19
|
export * as components from "./components";
|
|
13
20
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,WAAW,CAAC;AAEhC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,aAAa,GACnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,oBAAoB,GAC1B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,KAAK,kBAAkB,EACvB,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,SAAS,EACT,sBAAsB,EACtB,mBAAmB,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,UAAU,GAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,KAAK,oBAAoB,EACzB,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,yBAAyB,EACzB,mBAAmB,EACnB,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,yBAAyB,EACzB,uBAAuB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,GACzB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -36,12 +36,22 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
36
36
|
};
|
|
37
37
|
})();
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.
|
|
40
|
-
exports.
|
|
39
|
+
exports.TAB_ACCESSORY_SCREEN_INSET = exports.TabAccessoryButton = exports.HeaderWash = exports.supportsLiquidGlass = exports.HEADER_BUTTON_THEME_ROLES = exports.HeaderIcon = exports.HeaderGroup = exports.HeaderCapsule = exports.SLIDER_THEME_ROLES = exports.Slider = exports.SEGMENTED_THEME_ROLES = exports.SegmentedControl = exports.resolveSelectDetentIndex = exports.detentsToSnapPoints = exports.DEFAULT_SELECT_INITIAL_DETENT = exports.DEFAULT_SELECT_DETENTS = exports.SELECT_THEME_ROLES = exports.SelectCloseButton = exports.Select = exports.RADIO_THEME_ROLES = exports.RadioField = exports.useErrorBannerField = exports.useErrorBannerDismiss = exports.useErrorBannerContext = exports.useErrorBanner = exports.ERROR_BANNER_THEME_ROLES = exports.ErrorBannerProvider = exports.ErrorBannerField = exports.ErrorBanner = exports.formSheetSnapPoints = exports.FORM_SHEET_THEME_ROLES = exports.FormSheet = exports.FORM_THEME_ROLES = exports.FormCloseButton = exports.Form = exports.FIELD_THEME_ROLES = exports.FieldTextarea = exports.FieldText = exports.filterLinkBlockGroups = exports.LinkBlocks = exports.CHOICE_THEME_ROLES = exports.CHOICE_ICON_SIZE = exports.Choice = exports.buttonRadiusValue = exports.BUTTON_THEME_ROLES = exports.BUTTON_ICON_SIZE = exports.Button = exports.screenPaddingHorizontal = exports.SHEET_TOP_RADIUS = exports.version = void 0;
|
|
40
|
+
exports.components = exports.PAGE_THEME_ROLES = exports.PageBleed = exports.Page = exports.tabAccessoryScreenInset = exports.TAB_ACCESSORY_THEME_ROLES = void 0;
|
|
41
|
+
exports.version = "0.16.0";
|
|
41
42
|
__exportStar(require("./theme"), exports);
|
|
43
|
+
var layout_1 = require("./layout");
|
|
44
|
+
Object.defineProperty(exports, "SHEET_TOP_RADIUS", { enumerable: true, get: function () { return layout_1.SHEET_TOP_RADIUS; } });
|
|
45
|
+
Object.defineProperty(exports, "screenPaddingHorizontal", { enumerable: true, get: function () { return layout_1.screenPaddingHorizontal; } });
|
|
42
46
|
var Button_1 = require("./components/Button");
|
|
43
47
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
48
|
+
Object.defineProperty(exports, "BUTTON_ICON_SIZE", { enumerable: true, get: function () { return Button_1.BUTTON_ICON_SIZE; } });
|
|
49
|
+
Object.defineProperty(exports, "BUTTON_THEME_ROLES", { enumerable: true, get: function () { return Button_1.BUTTON_THEME_ROLES; } });
|
|
44
50
|
Object.defineProperty(exports, "buttonRadiusValue", { enumerable: true, get: function () { return Button_1.buttonRadiusValue; } });
|
|
51
|
+
var Choice_1 = require("./components/Choice");
|
|
52
|
+
Object.defineProperty(exports, "Choice", { enumerable: true, get: function () { return Choice_1.Choice; } });
|
|
53
|
+
Object.defineProperty(exports, "CHOICE_ICON_SIZE", { enumerable: true, get: function () { return Choice_1.CHOICE_ICON_SIZE; } });
|
|
54
|
+
Object.defineProperty(exports, "CHOICE_THEME_ROLES", { enumerable: true, get: function () { return Choice_1.CHOICE_THEME_ROLES; } });
|
|
45
55
|
var LinkBlocks_1 = require("./components/LinkBlocks");
|
|
46
56
|
Object.defineProperty(exports, "LinkBlocks", { enumerable: true, get: function () { return LinkBlocks_1.LinkBlocks; } });
|
|
47
57
|
Object.defineProperty(exports, "filterLinkBlockGroups", { enumerable: true, get: function () { return LinkBlocks_1.filterLinkBlockGroups; } });
|
|
@@ -52,6 +62,11 @@ Object.defineProperty(exports, "FIELD_THEME_ROLES", { enumerable: true, get: fun
|
|
|
52
62
|
var Form_1 = require("./components/Form");
|
|
53
63
|
Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
|
|
54
64
|
Object.defineProperty(exports, "FormCloseButton", { enumerable: true, get: function () { return Form_1.FormCloseButton; } });
|
|
65
|
+
Object.defineProperty(exports, "FORM_THEME_ROLES", { enumerable: true, get: function () { return Form_1.FORM_THEME_ROLES; } });
|
|
66
|
+
var FormSheet_1 = require("./components/FormSheet");
|
|
67
|
+
Object.defineProperty(exports, "FormSheet", { enumerable: true, get: function () { return FormSheet_1.FormSheet; } });
|
|
68
|
+
Object.defineProperty(exports, "FORM_SHEET_THEME_ROLES", { enumerable: true, get: function () { return FormSheet_1.FORM_SHEET_THEME_ROLES; } });
|
|
69
|
+
Object.defineProperty(exports, "formSheetSnapPoints", { enumerable: true, get: function () { return FormSheet_1.formSheetSnapPoints; } });
|
|
55
70
|
var ErrorBanner_1 = require("./components/ErrorBanner");
|
|
56
71
|
Object.defineProperty(exports, "ErrorBanner", { enumerable: true, get: function () { return ErrorBanner_1.ErrorBanner; } });
|
|
57
72
|
Object.defineProperty(exports, "ErrorBannerField", { enumerable: true, get: function () { return ErrorBanner_1.ErrorBannerField; } });
|
|
@@ -78,5 +93,22 @@ Object.defineProperty(exports, "SEGMENTED_THEME_ROLES", { enumerable: true, get:
|
|
|
78
93
|
var Slider_1 = require("./components/Slider");
|
|
79
94
|
Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
|
|
80
95
|
Object.defineProperty(exports, "SLIDER_THEME_ROLES", { enumerable: true, get: function () { return Slider_1.SLIDER_THEME_ROLES; } });
|
|
96
|
+
var HeaderButton_1 = require("./components/HeaderButton");
|
|
97
|
+
Object.defineProperty(exports, "HeaderCapsule", { enumerable: true, get: function () { return HeaderButton_1.HeaderCapsule; } });
|
|
98
|
+
Object.defineProperty(exports, "HeaderGroup", { enumerable: true, get: function () { return HeaderButton_1.HeaderGroup; } });
|
|
99
|
+
Object.defineProperty(exports, "HeaderIcon", { enumerable: true, get: function () { return HeaderButton_1.HeaderIcon; } });
|
|
100
|
+
Object.defineProperty(exports, "HEADER_BUTTON_THEME_ROLES", { enumerable: true, get: function () { return HeaderButton_1.HEADER_BUTTON_THEME_ROLES; } });
|
|
101
|
+
Object.defineProperty(exports, "supportsLiquidGlass", { enumerable: true, get: function () { return HeaderButton_1.supportsLiquidGlass; } });
|
|
102
|
+
var HeaderWash_1 = require("./components/HeaderWash");
|
|
103
|
+
Object.defineProperty(exports, "HeaderWash", { enumerable: true, get: function () { return HeaderWash_1.HeaderWash; } });
|
|
104
|
+
var TabAccessoryButton_1 = require("./components/TabAccessoryButton");
|
|
105
|
+
Object.defineProperty(exports, "TabAccessoryButton", { enumerable: true, get: function () { return TabAccessoryButton_1.TabAccessoryButton; } });
|
|
106
|
+
Object.defineProperty(exports, "TAB_ACCESSORY_SCREEN_INSET", { enumerable: true, get: function () { return TabAccessoryButton_1.TAB_ACCESSORY_SCREEN_INSET; } });
|
|
107
|
+
Object.defineProperty(exports, "TAB_ACCESSORY_THEME_ROLES", { enumerable: true, get: function () { return TabAccessoryButton_1.TAB_ACCESSORY_THEME_ROLES; } });
|
|
108
|
+
Object.defineProperty(exports, "tabAccessoryScreenInset", { enumerable: true, get: function () { return TabAccessoryButton_1.tabAccessoryScreenInset; } });
|
|
109
|
+
var Page_1 = require("./components/Page");
|
|
110
|
+
Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
|
|
111
|
+
Object.defineProperty(exports, "PageBleed", { enumerable: true, get: function () { return Page_1.PageBleed; } });
|
|
112
|
+
Object.defineProperty(exports, "PAGE_THEME_ROLES", { enumerable: true, get: function () { return Page_1.PAGE_THEME_ROLES; } });
|
|
81
113
|
exports.components = __importStar(require("./components"));
|
|
82
114
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,0CAAwB;AACxB,mCAAqE;AAA5D,0GAAA,gBAAgB,OAAA;AAAE,iHAAA,uBAAuB,OAAA;AAClD,8CAW6B;AAV3B,gGAAA,MAAM,OAAA;AACN,0GAAA,gBAAgB,OAAA;AAChB,4GAAA,kBAAkB,OAAA;AAClB,2GAAA,iBAAiB,OAAA;AAQnB,8CAM6B;AAL3B,gGAAA,MAAM,OAAA;AACN,0GAAA,gBAAgB,OAAA;AAChB,4GAAA,kBAAkB,OAAA;AAIpB,sDAMiC;AAL/B,wGAAA,UAAU,OAAA;AACV,mHAAA,qBAAqB,OAAA;AAKvB,4CAQ4B;AAP1B,kGAAA,SAAS,OAAA;AACT,sGAAA,aAAa,OAAA;AACb,0GAAA,iBAAiB,OAAA;AAMnB,0CAM2B;AALzB,4FAAA,IAAI,OAAA;AACJ,uGAAA,eAAe,OAAA;AACf,wGAAA,gBAAgB,OAAA;AAIlB,oDASgC;AAR9B,sGAAA,SAAS,OAAA;AACT,mHAAA,sBAAsB,OAAA;AACtB,gHAAA,mBAAmB,OAAA;AAOrB,wDAakC;AAZhC,0GAAA,WAAW,OAAA;AACX,+GAAA,gBAAgB,OAAA;AAChB,kHAAA,mBAAmB,OAAA;AACnB,uHAAA,wBAAwB,OAAA;AACxB,6GAAA,cAAc,OAAA;AACd,oHAAA,qBAAqB,OAAA;AACrB,oHAAA,qBAAqB,OAAA;AACrB,kHAAA,mBAAmB,OAAA;AAMrB,sDAMiC;AAL/B,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AAKnB,8CAY6B;AAX3B,gGAAA,MAAM,OAAA;AACN,2GAAA,iBAAiB,OAAA;AACjB,4GAAA,kBAAkB,OAAA;AAClB,gHAAA,sBAAsB,OAAA;AACtB,uHAAA,6BAA6B,OAAA;AAC7B,6GAAA,mBAAmB,OAAA;AACnB,kHAAA,wBAAwB,OAAA;AAM1B,kEAMuC;AALrC,oHAAA,gBAAgB,OAAA;AAChB,yHAAA,qBAAqB,OAAA;AAKvB,8CAK6B;AAJ3B,gGAAA,MAAM,OAAA;AACN,4GAAA,kBAAkB,OAAA;AAIpB,0DAWmC;AAVjC,6GAAA,aAAa,OAAA;AACb,2GAAA,WAAW,OAAA;AACX,0GAAA,UAAU,OAAA;AACV,yHAAA,yBAAyB,OAAA;AACzB,mHAAA,mBAAmB,OAAA;AAOrB,sDAAqD;AAA5C,wGAAA,UAAU,OAAA;AACnB,sEASyC;AARvC,wHAAA,kBAAkB,OAAA;AAClB,gIAAA,0BAA0B,OAAA;AAC1B,+HAAA,yBAAyB,OAAA;AACzB,6HAAA,uBAAuB,OAAA;AAMzB,0CAQ2B;AAPzB,4FAAA,IAAI,OAAA;AACJ,iGAAA,SAAS,OAAA;AACT,wGAAA,gBAAgB,OAAA;AAMlB,2DAA2C"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export type HeaderInsetMeasure = {
|
|
2
|
+
/** Top safe-area inset of the screen: status bar plus a translucent native header on iOS. */
|
|
3
|
+
topInset: number;
|
|
4
|
+
/** Window y of the screen content's top edge. */
|
|
5
|
+
windowY: number;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Invisible full-screen view that measures where the native header ends,
|
|
9
|
+
* without depending on React Navigation. Render it after the scroll view so
|
|
10
|
+
* the scroll view stays the screen's first child.
|
|
11
|
+
*/
|
|
12
|
+
export declare function HeaderInsetProbe({ onMeasure, }: {
|
|
13
|
+
onMeasure: (measure: HeaderInsetMeasure) => void;
|
|
14
|
+
}): import("react").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=HeaderInsetProbe.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderInsetProbe.d.ts","sourceRoot":"","sources":["../../src/layout/HeaderInsetProbe.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,GACV,EAAE;IACD,SAAS,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAClD,+BAsBA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.HeaderInsetProbe = HeaderInsetProbe;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const react_native_safe_area_context_1 = require("react-native-safe-area-context");
|
|
8
|
+
/**
|
|
9
|
+
* Invisible full-screen view that measures where the native header ends,
|
|
10
|
+
* without depending on React Navigation. Render it after the scroll view so
|
|
11
|
+
* the scroll view stays the screen's first child.
|
|
12
|
+
*/
|
|
13
|
+
function HeaderInsetProbe({ onMeasure, }) {
|
|
14
|
+
const ref = (0, react_1.useRef)(null);
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaView, { ref: ref, edges: ["top"], pointerEvents: "none", style: react_native_1.StyleSheet.absoluteFill, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.fill, onLayout: (event) => {
|
|
16
|
+
// The inner view starts below the safe-area padding.
|
|
17
|
+
const topInset = Math.round(event.nativeEvent.layout.y);
|
|
18
|
+
ref.current?.measureInWindow((_x, y) => {
|
|
19
|
+
onMeasure({ topInset, windowY: Math.round(y) });
|
|
20
|
+
});
|
|
21
|
+
} }) }));
|
|
22
|
+
}
|
|
23
|
+
const styles = react_native_1.StyleSheet.create({
|
|
24
|
+
fill: {
|
|
25
|
+
flex: 1,
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
//# sourceMappingURL=HeaderInsetProbe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderInsetProbe.js","sourceRoot":"","sources":["../../src/layout/HeaderInsetProbe.tsx"],"names":[],"mappings":";;AAgBA,4CA0BC;;AA1CD,iCAA+B;AAC/B,+CAAgD;AAChD,mFAA8D;AAS9D;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,SAAS,GAGV;IACC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAO,IAAI,CAAC,CAAC;IAE/B,OAAO,CACL,uBAAC,6CAAY,IACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,aAAa,EAAC,MAAM,EACpB,KAAK,EAAE,yBAAU,CAAC,YAAY,YAE9B,uBAAC,mBAAI,IACH,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,qDAAqD;gBACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBACxD,GAAG,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;oBACrC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAClD,CAAC,CAAC,CAAC;YACL,CAAC,GACD,GACW,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/** Material toolbar height, which the Android native stack header uses. */
|
|
2
|
+
export declare const ANDROID_TOOLBAR_HEIGHT = 56;
|
|
3
|
+
/** Standard iOS navigation bar height, below the status bar. */
|
|
4
|
+
export declare const IOS_NAVIGATION_BAR_HEIGHT = 44;
|
|
5
|
+
/**
|
|
6
|
+
* Header height when the app does not pass `useHeaderHeight()`: the status
|
|
7
|
+
* bar plus a standard bar. A large title or a custom header is taller.
|
|
8
|
+
* Pure so it can be unit-tested.
|
|
9
|
+
*/
|
|
10
|
+
export declare function estimateHeaderHeight(os: string, statusBar: number): number;
|
|
11
|
+
/**
|
|
12
|
+
* Scroll offset that shows a field just below whichever ends lower: the
|
|
13
|
+
* native header or the error banner. `fieldY` is the field's content y;
|
|
14
|
+
* `scrollTop`, `visibleTop` and `bannerBottom` are window y values;
|
|
15
|
+
* `minScrollY` is the resting offset at the content top (negative when iOS
|
|
16
|
+
* insets the content). Pure so it can be unit-tested.
|
|
17
|
+
*/
|
|
18
|
+
export declare function formFieldScrollY({ fieldY, scrollTop, visibleTop, bannerBottom, minScrollY, gap, }: {
|
|
19
|
+
fieldY: number;
|
|
20
|
+
scrollTop: number;
|
|
21
|
+
visibleTop: number;
|
|
22
|
+
bannerBottom: number;
|
|
23
|
+
minScrollY: number;
|
|
24
|
+
gap: number;
|
|
25
|
+
}): number;
|
|
26
|
+
//# sourceMappingURL=headerInset.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"headerInset.d.ts","sourceRoot":"","sources":["../../src/layout/headerInset.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,gEAAgE;AAChE,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAE1E;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,GACJ,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;CACb,GAAG,MAAM,CAGT"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IOS_NAVIGATION_BAR_HEIGHT = exports.ANDROID_TOOLBAR_HEIGHT = void 0;
|
|
4
|
+
exports.estimateHeaderHeight = estimateHeaderHeight;
|
|
5
|
+
exports.formFieldScrollY = formFieldScrollY;
|
|
6
|
+
/** Material toolbar height, which the Android native stack header uses. */
|
|
7
|
+
exports.ANDROID_TOOLBAR_HEIGHT = 56;
|
|
8
|
+
/** Standard iOS navigation bar height, below the status bar. */
|
|
9
|
+
exports.IOS_NAVIGATION_BAR_HEIGHT = 44;
|
|
10
|
+
/**
|
|
11
|
+
* Header height when the app does not pass `useHeaderHeight()`: the status
|
|
12
|
+
* bar plus a standard bar. A large title or a custom header is taller.
|
|
13
|
+
* Pure so it can be unit-tested.
|
|
14
|
+
*/
|
|
15
|
+
function estimateHeaderHeight(os, statusBar) {
|
|
16
|
+
return statusBar + (os === "android" ? exports.ANDROID_TOOLBAR_HEIGHT : exports.IOS_NAVIGATION_BAR_HEIGHT);
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Scroll offset that shows a field just below whichever ends lower: the
|
|
20
|
+
* native header or the error banner. `fieldY` is the field's content y;
|
|
21
|
+
* `scrollTop`, `visibleTop` and `bannerBottom` are window y values;
|
|
22
|
+
* `minScrollY` is the resting offset at the content top (negative when iOS
|
|
23
|
+
* insets the content). Pure so it can be unit-tested.
|
|
24
|
+
*/
|
|
25
|
+
function formFieldScrollY({ fieldY, scrollTop, visibleTop, bannerBottom, minScrollY, gap, }) {
|
|
26
|
+
const clearOf = Math.max(visibleTop, bannerBottom);
|
|
27
|
+
return Math.max(minScrollY, fieldY + scrollTop - clearOf - gap);
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=headerInset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"headerInset.js","sourceRoot":"","sources":["../../src/layout/headerInset.ts"],"names":[],"mappings":";;;AAWA,oDAEC;AASD,4CAiBC;AAvCD,2EAA2E;AAC9D,QAAA,sBAAsB,GAAG,EAAE,CAAC;AAEzC,gEAAgE;AACnD,QAAA,yBAAyB,GAAG,EAAE,CAAC;AAE5C;;;;GAIG;AACH,SAAgB,oBAAoB,CAAC,EAAU,EAAE,SAAiB;IAChE,OAAO,SAAS,GAAG,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAsB,CAAC,CAAC,CAAC,iCAAyB,CAAC,CAAC;AAC7F,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,SAAS,EACT,UAAU,EACV,YAAY,EACZ,UAAU,EACV,GAAG,GAQJ;IACC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;IACnD,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,GAAG,CAAC,CAAC;AAClE,CAAC"}
|
package/dist/layout/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/layout/index.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.screenPaddingHorizontal = void 0;
|
|
3
|
+
exports.SHEET_TOP_RADIUS = exports.screenPaddingHorizontal = void 0;
|
|
4
4
|
var screenPadding_1 = require("./screenPadding");
|
|
5
5
|
Object.defineProperty(exports, "screenPaddingHorizontal", { enumerable: true, get: function () { return screenPadding_1.screenPaddingHorizontal; } });
|
|
6
|
+
var sheet_1 = require("./sheet");
|
|
7
|
+
Object.defineProperty(exports, "SHEET_TOP_RADIUS", { enumerable: true, get: function () { return sheet_1.SHEET_TOP_RADIUS; } });
|
|
6
8
|
//# sourceMappingURL=index.js.map
|
package/dist/layout/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":";;;AAAA,iDAA0D;AAAjD,wHAAA,uBAAuB,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":";;;AAAA,iDAA0D;AAAjD,wHAAA,uBAAuB,OAAA;AAChC,iCAA2C;AAAlC,yGAAA,gBAAgB,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../src/layout/sheet.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,eAAO,MAAM,gBAAgB,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../src/layout/sheet.ts"],"names":[],"mappings":";;;AAAA,mEAAmE;AACtD,QAAA,gBAAgB,GAAG,EAAE,CAAC"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
|
+
import { type ThemeSpacing } from "./resolveThemeSpacing";
|
|
2
3
|
import type { ThemeColors, ThemeContextValue } from "./types";
|
|
3
4
|
export declare const ThemeContext: import("react").Context<ThemeContextValue | null>;
|
|
4
|
-
export declare function ThemeProvider({ colors, children, }: {
|
|
5
|
+
export declare function ThemeProvider({ colors, spacing, children, }: {
|
|
5
6
|
colors: {
|
|
6
7
|
light: ThemeColors;
|
|
7
8
|
dark: ThemeColors;
|
|
8
9
|
};
|
|
10
|
+
/** Overrides the package spacing defaults. Omitted keys keep the default. */
|
|
11
|
+
spacing?: Partial<ThemeSpacing>;
|
|
9
12
|
children: ReactNode;
|
|
10
13
|
}): import("react").FunctionComponentElement<import("react").ProviderProps<ThemeContextValue | null>>;
|
|
11
14
|
//# sourceMappingURL=ThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE9D,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,WAAW,CAAA;KAAE,CAAC;IAClD,QAAQ,EAAE,SAAS,CAAC;CACrB,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE9D,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,WAAW,CAAA;KAAE,CAAC;IAClD,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB,qGAOA"}
|
|
@@ -3,9 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ThemeContext = void 0;
|
|
4
4
|
exports.ThemeProvider = ThemeProvider;
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
+
const resolveThemeSpacing_1 = require("./resolveThemeSpacing");
|
|
6
7
|
exports.ThemeContext = (0, react_1.createContext)(null);
|
|
7
|
-
function ThemeProvider({ colors, children, }) {
|
|
8
|
-
const value = (0, react_1.useMemo)(() => ({ colors }),
|
|
8
|
+
function ThemeProvider({ colors, spacing, children, }) {
|
|
9
|
+
const value = (0, react_1.useMemo)(() => ({ colors, spacing: (0, resolveThemeSpacing_1.resolveThemeSpacing)(spacing) }),
|
|
10
|
+
// Spacing is usually an inline literal; compare its values, not identity.
|
|
11
|
+
[colors, spacing?.screen, spacing?.pageTop, spacing?.pageBottom]);
|
|
9
12
|
return (0, react_1.createElement)(exports.ThemeContext.Provider, { value }, children);
|
|
10
13
|
}
|
|
11
14
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";;;AAWA,sCAgBC;AA3BD,iCAKe;AACf,+DAA+E;AAGlE,QAAA,YAAY,GAAG,IAAA,qBAAa,EAA2B,IAAI,CAAC,CAAC;AAE1E,SAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,OAAO,EACP,QAAQ,GAMT;IACC,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAA,yCAAmB,EAAC,OAAO,CAAC,EAAE,CAAC;IACzD,0EAA0E;IAC1E,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CACjE,CAAC;IACF,OAAO,IAAA,qBAAa,EAAC,oBAAY,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACnE,CAAC"}
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -2,5 +2,7 @@ export type { ThemeColors, ThemeContextValue } from "./types";
|
|
|
2
2
|
export { ThemeProvider } from "./ThemeProvider";
|
|
3
3
|
export { useColorScheme } from "./useColorScheme";
|
|
4
4
|
export { useThemeColor } from "./useThemeColor";
|
|
5
|
+
export { useThemeSpacing } from "./useThemeSpacing";
|
|
5
6
|
export { resolveColorScheme } from "./resolveColorScheme";
|
|
7
|
+
export { DEFAULT_THEME_SPACING, resolveThemeSpacing, type ThemeSpacing, } from "./resolveThemeSpacing";
|
|
6
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,YAAY,GAClB,MAAM,uBAAuB,CAAC"}
|
package/dist/theme/index.js
CHANGED
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.resolveColorScheme = exports.useThemeColor = exports.useColorScheme = exports.ThemeProvider = void 0;
|
|
3
|
+
exports.resolveThemeSpacing = exports.DEFAULT_THEME_SPACING = exports.resolveColorScheme = exports.useThemeSpacing = exports.useThemeColor = exports.useColorScheme = exports.ThemeProvider = void 0;
|
|
4
4
|
var ThemeProvider_1 = require("./ThemeProvider");
|
|
5
5
|
Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeProvider_1.ThemeProvider; } });
|
|
6
6
|
var useColorScheme_1 = require("./useColorScheme");
|
|
7
7
|
Object.defineProperty(exports, "useColorScheme", { enumerable: true, get: function () { return useColorScheme_1.useColorScheme; } });
|
|
8
8
|
var useThemeColor_1 = require("./useThemeColor");
|
|
9
9
|
Object.defineProperty(exports, "useThemeColor", { enumerable: true, get: function () { return useThemeColor_1.useThemeColor; } });
|
|
10
|
+
var useThemeSpacing_1 = require("./useThemeSpacing");
|
|
11
|
+
Object.defineProperty(exports, "useThemeSpacing", { enumerable: true, get: function () { return useThemeSpacing_1.useThemeSpacing; } });
|
|
10
12
|
var resolveColorScheme_1 = require("./resolveColorScheme");
|
|
11
13
|
Object.defineProperty(exports, "resolveColorScheme", { enumerable: true, get: function () { return resolveColorScheme_1.resolveColorScheme; } });
|
|
14
|
+
var resolveThemeSpacing_1 = require("./resolveThemeSpacing");
|
|
15
|
+
Object.defineProperty(exports, "DEFAULT_THEME_SPACING", { enumerable: true, get: function () { return resolveThemeSpacing_1.DEFAULT_THEME_SPACING; } });
|
|
16
|
+
Object.defineProperty(exports, "resolveThemeSpacing", { enumerable: true, get: function () { return resolveThemeSpacing_1.resolveThemeSpacing; } });
|
|
12
17
|
//# sourceMappingURL=index.js.map
|
package/dist/theme/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":";;;AACA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":";;;AACA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AACxB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,6DAI+B;AAH7B,4HAAA,qBAAqB,OAAA;AACrB,0HAAA,mBAAmB,OAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export type ThemeSpacing = {
|
|
2
|
+
/** Inset from the left and right screen edges. */
|
|
3
|
+
screen: number;
|
|
4
|
+
/** Gap between the header and the first item of a `Page`. */
|
|
5
|
+
pageTop: number;
|
|
6
|
+
/** Gap after the last item of a `Page`. */
|
|
7
|
+
pageBottom: number;
|
|
8
|
+
};
|
|
9
|
+
export declare const DEFAULT_THEME_SPACING: ThemeSpacing;
|
|
10
|
+
/** App spacing over the package defaults. Pure so it can be unit-tested. */
|
|
11
|
+
export declare function resolveThemeSpacing(spacing: Partial<ThemeSpacing> | undefined): ThemeSpacing;
|
|
12
|
+
//# sourceMappingURL=resolveThemeSpacing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveThemeSpacing.d.ts","sourceRoot":"","sources":["../../src/theme/resolveThemeSpacing.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,OAAO,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,YAInC,CAAC;AAEF,4EAA4E;AAC5E,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,SAAS,GACzC,YAAY,CAEd"}
|