@terreno/ui 0.0.1
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/LICENSE +203 -0
- package/README.md +160 -0
- package/dist/Accordion.d.ts +3 -0
- package/dist/Accordion.js +30 -0
- package/dist/Accordion.js.map +1 -0
- package/dist/ActionSheet.d.ts +169 -0
- package/dist/ActionSheet.js +637 -0
- package/dist/ActionSheet.js.map +1 -0
- package/dist/AddressField.d.ts +3 -0
- package/dist/AddressField.js +18 -0
- package/dist/AddressField.js.map +1 -0
- package/dist/Avatar.d.ts +3 -0
- package/dist/Avatar.js +189 -0
- package/dist/Avatar.js.map +1 -0
- package/dist/Badge.d.ts +3 -0
- package/dist/Badge.js +100 -0
- package/dist/Badge.js.map +1 -0
- package/dist/Banner.d.ts +4 -0
- package/dist/Banner.js +103 -0
- package/dist/Banner.js.map +1 -0
- package/dist/Body.d.ts +3 -0
- package/dist/Body.js +17 -0
- package/dist/Body.js.map +1 -0
- package/dist/BooleanField.d.ts +3 -0
- package/dist/BooleanField.js +89 -0
- package/dist/BooleanField.js.map +1 -0
- package/dist/Box.d.ts +3 -0
- package/dist/Box.js +289 -0
- package/dist/Box.js.map +1 -0
- package/dist/Button.d.ts +3 -0
- package/dist/Button.js +105 -0
- package/dist/Button.js.map +1 -0
- package/dist/Card.d.ts +2 -0
- package/dist/Card.js +18 -0
- package/dist/Card.js.map +1 -0
- package/dist/CheckBox.d.ts +3 -0
- package/dist/CheckBox.js +28 -0
- package/dist/CheckBox.js.map +1 -0
- package/dist/Common.d.ts +2325 -0
- package/dist/Common.js +47 -0
- package/dist/Common.js.map +1 -0
- package/dist/CommonIconTypes.d.ts +3 -0
- package/dist/CommonIconTypes.js +2 -0
- package/dist/CommonIconTypes.js.map +1 -0
- package/dist/Constants.d.ts +12685 -0
- package/dist/Constants.js +3310 -0
- package/dist/Constants.js.map +1 -0
- package/dist/CustomSelectField.d.ts +3 -0
- package/dist/CustomSelectField.js +59 -0
- package/dist/CustomSelectField.js.map +1 -0
- package/dist/DataTable.d.ts +3 -0
- package/dist/DataTable.js +190 -0
- package/dist/DataTable.js.map +1 -0
- package/dist/DateTimeActionSheet.d.ts +2 -0
- package/dist/DateTimeActionSheet.js +270 -0
- package/dist/DateTimeActionSheet.js.map +1 -0
- package/dist/DateTimeField.d.ts +3 -0
- package/dist/DateTimeField.js +514 -0
- package/dist/DateTimeField.js.map +1 -0
- package/dist/DateUtilities.d.ts +57 -0
- package/dist/DateUtilities.js +308 -0
- package/dist/DateUtilities.js.map +1 -0
- package/dist/DecimalRangeActionSheet.d.ts +6 -0
- package/dist/DecimalRangeActionSheet.js +45 -0
- package/dist/DecimalRangeActionSheet.js.map +1 -0
- package/dist/DismissButton.d.ts +3 -0
- package/dist/DismissButton.js +12 -0
- package/dist/DismissButton.js.map +1 -0
- package/dist/EmailField.d.ts +3 -0
- package/dist/EmailField.js +48 -0
- package/dist/EmailField.js.map +1 -0
- package/dist/EmojiSelector.d.ts +113 -0
- package/dist/EmojiSelector.js +322 -0
- package/dist/EmojiSelector.js.map +1 -0
- package/dist/ErrorBoundary.d.ts +19 -0
- package/dist/ErrorBoundary.js +30 -0
- package/dist/ErrorBoundary.js.map +1 -0
- package/dist/ErrorPage.d.ts +6 -0
- package/dist/ErrorPage.js +15 -0
- package/dist/ErrorPage.js.map +1 -0
- package/dist/Field.d.ts +3 -0
- package/dist/Field.js +80 -0
- package/dist/Field.js.map +1 -0
- package/dist/FlatList.d.ts +2 -0
- package/dist/FlatList.js +3 -0
- package/dist/FlatList.js.map +1 -0
- package/dist/Heading.d.ts +3 -0
- package/dist/Heading.js +43 -0
- package/dist/Heading.js.map +1 -0
- package/dist/HeightActionSheet.d.ts +11 -0
- package/dist/HeightActionSheet.js +46 -0
- package/dist/HeightActionSheet.js.map +1 -0
- package/dist/Hyperlink.d.ts +30 -0
- package/dist/Hyperlink.js +144 -0
- package/dist/Hyperlink.js.map +1 -0
- package/dist/Icon.d.ts +3 -0
- package/dist/Icon.js +15 -0
- package/dist/Icon.js.map +1 -0
- package/dist/IconButton.d.ts +3 -0
- package/dist/IconButton.js +111 -0
- package/dist/IconButton.js.map +1 -0
- package/dist/Image.d.ts +8 -0
- package/dist/Image.js +37 -0
- package/dist/Image.js.map +1 -0
- package/dist/ImageBackground.d.ts +10 -0
- package/dist/ImageBackground.js +9 -0
- package/dist/ImageBackground.js.map +1 -0
- package/dist/InfoModalIcon.d.ts +3 -0
- package/dist/InfoModalIcon.js +10 -0
- package/dist/InfoModalIcon.js.map +1 -0
- package/dist/InfoTooltipButton.d.ts +3 -0
- package/dist/InfoTooltipButton.js +6 -0
- package/dist/InfoTooltipButton.js.map +1 -0
- package/dist/Link.d.ts +3 -0
- package/dist/Link.js +10 -0
- package/dist/Link.js.map +1 -0
- package/dist/MarkdownView.d.ts +5 -0
- package/dist/MarkdownView.js +44 -0
- package/dist/MarkdownView.js.map +1 -0
- package/dist/MediaQuery.d.ts +4 -0
- package/dist/MediaQuery.js +52 -0
- package/dist/MediaQuery.js.map +1 -0
- package/dist/MobileAddressAutoComplete.d.ts +2 -0
- package/dist/MobileAddressAutoComplete.js +54 -0
- package/dist/MobileAddressAutoComplete.js.map +1 -0
- package/dist/Modal.d.ts +3 -0
- package/dist/Modal.js +127 -0
- package/dist/Modal.js.map +1 -0
- package/dist/ModalSheet.d.ts +6 -0
- package/dist/ModalSheet.js +42 -0
- package/dist/ModalSheet.js.map +1 -0
- package/dist/MultiselectField.d.ts +3 -0
- package/dist/MultiselectField.js +45 -0
- package/dist/MultiselectField.js.map +1 -0
- package/dist/NumberField.d.ts +3 -0
- package/dist/NumberField.js +60 -0
- package/dist/NumberField.js.map +1 -0
- package/dist/NumberPickerActionSheet.d.ts +7 -0
- package/dist/NumberPickerActionSheet.js +22 -0
- package/dist/NumberPickerActionSheet.js.map +1 -0
- package/dist/OpenAPIContext.d.ts +4 -0
- package/dist/OpenAPIContext.js +53 -0
- package/dist/OpenAPIContext.js.map +1 -0
- package/dist/Page.d.ts +7 -0
- package/dist/Page.js +24 -0
- package/dist/Page.js.map +1 -0
- package/dist/Pagination.d.ts +3 -0
- package/dist/Pagination.js +106 -0
- package/dist/Pagination.js.map +1 -0
- package/dist/PasswordField.d.ts +2 -0
- package/dist/PasswordField.js +6 -0
- package/dist/PasswordField.js.map +1 -0
- package/dist/Permissions.d.ts +2 -0
- package/dist/Permissions.js +35 -0
- package/dist/Permissions.js.map +1 -0
- package/dist/PhoneNumberField.d.ts +3 -0
- package/dist/PhoneNumberField.js +83 -0
- package/dist/PhoneNumberField.js.map +1 -0
- package/dist/PickerSelect.d.ts +46 -0
- package/dist/PickerSelect.js +306 -0
- package/dist/PickerSelect.js.map +1 -0
- package/dist/Radio.d.ts +3 -0
- package/dist/Radio.js +21 -0
- package/dist/Radio.js.map +1 -0
- package/dist/RadioField.d.ts +3 -0
- package/dist/RadioField.js +16 -0
- package/dist/RadioField.js.map +1 -0
- package/dist/ScrollView.d.ts +2 -0
- package/dist/ScrollView.js +3 -0
- package/dist/ScrollView.js.map +1 -0
- package/dist/SectionDivider.d.ts +2 -0
- package/dist/SectionDivider.js +12 -0
- package/dist/SectionDivider.js.map +1 -0
- package/dist/SegmentedControl.d.ts +3 -0
- package/dist/SegmentedControl.js +65 -0
- package/dist/SegmentedControl.js.map +1 -0
- package/dist/SelectBadge.d.ts +3 -0
- package/dist/SelectBadge.js +166 -0
- package/dist/SelectBadge.js.map +1 -0
- package/dist/SelectField.d.ts +3 -0
- package/dist/SelectField.js +16 -0
- package/dist/SelectField.js.map +1 -0
- package/dist/SideDrawer.d.ts +3 -0
- package/dist/SideDrawer.js +32 -0
- package/dist/SideDrawer.js.map +1 -0
- package/dist/Signature.d.ts +8 -0
- package/dist/Signature.js +21 -0
- package/dist/Signature.js.map +1 -0
- package/dist/Signature.native.d.ts +8 -0
- package/dist/Signature.native.js +26 -0
- package/dist/Signature.native.js.map +1 -0
- package/dist/SignatureField.d.ts +3 -0
- package/dist/SignatureField.js +42 -0
- package/dist/SignatureField.js.map +1 -0
- package/dist/Slider.d.ts +3 -0
- package/dist/Slider.js +78 -0
- package/dist/Slider.js.map +1 -0
- package/dist/Spinner.d.ts +3 -0
- package/dist/Spinner.js +33 -0
- package/dist/Spinner.js.map +1 -0
- package/dist/SplitPage.d.ts +2 -0
- package/dist/SplitPage.js +139 -0
- package/dist/SplitPage.js.map +1 -0
- package/dist/SplitPage.native.d.ts +2 -0
- package/dist/SplitPage.native.js +75 -0
- package/dist/SplitPage.native.js.map +1 -0
- package/dist/TapToEdit.d.ts +4 -0
- package/dist/TapToEdit.js +170 -0
- package/dist/TapToEdit.js.map +1 -0
- package/dist/TerrenoProvider.d.ts +6 -0
- package/dist/TerrenoProvider.js +10 -0
- package/dist/TerrenoProvider.js.map +1 -0
- package/dist/Text.d.ts +3 -0
- package/dist/Text.js +95 -0
- package/dist/Text.js.map +1 -0
- package/dist/TextArea.d.ts +3 -0
- package/dist/TextArea.js +6 -0
- package/dist/TextArea.js.map +1 -0
- package/dist/TextField.d.ts +3 -0
- package/dist/TextField.js +144 -0
- package/dist/TextField.js.map +1 -0
- package/dist/TextFieldNumberActionSheet.d.ts +7 -0
- package/dist/TextFieldNumberActionSheet.js +20 -0
- package/dist/TextFieldNumberActionSheet.js.map +1 -0
- package/dist/Theme.d.ts +96 -0
- package/dist/Theme.js +213 -0
- package/dist/Theme.js.map +1 -0
- package/dist/TimezonePicker.d.ts +11 -0
- package/dist/TimezonePicker.js +27 -0
- package/dist/TimezonePicker.js.map +1 -0
- package/dist/Toast.d.ts +23 -0
- package/dist/Toast.js +157 -0
- package/dist/Toast.js.map +1 -0
- package/dist/Tooltip.d.ts +3 -0
- package/dist/Tooltip.js +289 -0
- package/dist/Tooltip.js.map +1 -0
- package/dist/UnifiedAddressAutoComplete.d.ts +2 -0
- package/dist/UnifiedAddressAutoComplete.js +23 -0
- package/dist/UnifiedAddressAutoComplete.js.map +1 -0
- package/dist/Unifier.d.ts +43 -0
- package/dist/Unifier.js +154 -0
- package/dist/Unifier.js.map +1 -0
- package/dist/Utilities.d.ts +56 -0
- package/dist/Utilities.js +193 -0
- package/dist/Utilities.js.map +1 -0
- package/dist/WebAddressAutocomplete.d.ts +3 -0
- package/dist/WebAddressAutocomplete.js +61 -0
- package/dist/WebAddressAutocomplete.js.map +1 -0
- package/dist/fieldElements/FieldError.d.ts +6 -0
- package/dist/fieldElements/FieldError.js +9 -0
- package/dist/fieldElements/FieldError.js.map +1 -0
- package/dist/fieldElements/FieldHelperText.d.ts +6 -0
- package/dist/fieldElements/FieldHelperText.js +8 -0
- package/dist/fieldElements/FieldHelperText.js.map +1 -0
- package/dist/fieldElements/FieldTitle.d.ts +6 -0
- package/dist/fieldElements/FieldTitle.js +16 -0
- package/dist/fieldElements/FieldTitle.js.map +1 -0
- package/dist/fieldElements/index.d.ts +3 -0
- package/dist/fieldElements/index.js +4 -0
- package/dist/fieldElements/index.js.map +1 -0
- package/dist/icons/MobileIcon.d.ts +2 -0
- package/dist/icons/MobileIcon.js +18 -0
- package/dist/icons/MobileIcon.js.map +1 -0
- package/dist/icons/OfflineIcon.d.ts +2 -0
- package/dist/icons/OfflineIcon.js +18 -0
- package/dist/icons/OfflineIcon.js.map +1 -0
- package/dist/icons/OnlineIcon.d.ts +2 -0
- package/dist/icons/OnlineIcon.js +19 -0
- package/dist/icons/OnlineIcon.js.map +1 -0
- package/dist/icons/OutOfficeIcon.d.ts +2 -0
- package/dist/icons/OutOfficeIcon.js +18 -0
- package/dist/icons/OutOfficeIcon.js.map +1 -0
- package/dist/icons/index.d.ts +4 -0
- package/dist/icons/index.js +5 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.d.ts +1328 -0
- package/dist/index.js +89 -0
- package/dist/index.js.map +1 -0
- package/dist/table/Table.d.ts +3 -0
- package/dist/table/Table.js +53 -0
- package/dist/table/Table.js.map +1 -0
- package/dist/table/TableBadge.d.ts +6 -0
- package/dist/table/TableBadge.js +23 -0
- package/dist/table/TableBadge.js.map +1 -0
- package/dist/table/TableBoolean.d.ts +6 -0
- package/dist/table/TableBoolean.js +37 -0
- package/dist/table/TableBoolean.js.map +1 -0
- package/dist/table/TableDate.d.ts +3 -0
- package/dist/table/TableDate.js +27 -0
- package/dist/table/TableDate.js.map +1 -0
- package/dist/table/TableHeader.d.ts +6 -0
- package/dist/table/TableHeader.js +10 -0
- package/dist/table/TableHeader.js.map +1 -0
- package/dist/table/TableHeaderCell.d.ts +6 -0
- package/dist/table/TableHeaderCell.js +54 -0
- package/dist/table/TableHeaderCell.js.map +1 -0
- package/dist/table/TableIconButton.d.ts +3 -0
- package/dist/table/TableIconButton.js +39 -0
- package/dist/table/TableIconButton.js.map +1 -0
- package/dist/table/TableNumber.d.ts +3 -0
- package/dist/table/TableNumber.js +18 -0
- package/dist/table/TableNumber.js.map +1 -0
- package/dist/table/TableRow.d.ts +6 -0
- package/dist/table/TableRow.js +22 -0
- package/dist/table/TableRow.js.map +1 -0
- package/dist/table/TableText.d.ts +3 -0
- package/dist/table/TableText.js +18 -0
- package/dist/table/TableText.js.map +1 -0
- package/dist/table/TableTitle.d.ts +3 -0
- package/dist/table/TableTitle.js +21 -0
- package/dist/table/TableTitle.js.map +1 -0
- package/dist/table/tableContext.d.ts +5 -0
- package/dist/table/tableContext.js +38 -0
- package/dist/table/tableContext.js.map +1 -0
- package/dist/useStoredState.d.ts +1 -0
- package/dist/useStoredState.js +49 -0
- package/dist/useStoredState.js.map +1 -0
- package/package.json +123 -0
- package/src/Accordion.test.tsx +104 -0
- package/src/Accordion.tsx +81 -0
- package/src/ActionSheet.tsx +881 -0
- package/src/AddressField.test.tsx +120 -0
- package/src/AddressField.tsx +122 -0
- package/src/Avatar.test.tsx +163 -0
- package/src/Avatar.tsx +298 -0
- package/src/Badge.test.tsx +116 -0
- package/src/Badge.tsx +136 -0
- package/src/Banner.tsx +200 -0
- package/src/Body.tsx +34 -0
- package/src/BooleanField.tsx +141 -0
- package/src/Box.test.tsx +662 -0
- package/src/Box.tsx +368 -0
- package/src/Button.tsx +196 -0
- package/src/Card.tsx +19 -0
- package/src/CheckBox.tsx +45 -0
- package/src/Common.ts +2787 -0
- package/src/CommonIconTypes.ts +2030 -0
- package/src/Constants.ts +3311 -0
- package/src/CustomSelectField.tsx +115 -0
- package/src/DataTable.tsx +674 -0
- package/src/DateTimeActionSheet.tsx +559 -0
- package/src/DateTimeField.test.tsx +393 -0
- package/src/DateTimeField.tsx +777 -0
- package/src/DateUtilities.test.ts +440 -0
- package/src/DateUtilities.tsx +370 -0
- package/src/DecimalRangeActionSheet.tsx +85 -0
- package/src/DismissButton.tsx +31 -0
- package/src/EmailField.tsx +66 -0
- package/src/EmojiSelector.test.tsx +61 -0
- package/src/EmojiSelector.tsx +510 -0
- package/src/ErrorBoundary.tsx +37 -0
- package/src/ErrorPage.tsx +41 -0
- package/src/Field.tsx +101 -0
- package/src/FlatList.tsx +2 -0
- package/src/Heading.tsx +66 -0
- package/src/HeightActionSheet.tsx +91 -0
- package/src/Hyperlink.tsx +179 -0
- package/src/Icon.tsx +36 -0
- package/src/IconButton.tsx +217 -0
- package/src/Image.tsx +51 -0
- package/src/ImageBackground.tsx +14 -0
- package/src/InfoModalIcon.tsx +42 -0
- package/src/InfoTooltipButton.tsx +16 -0
- package/src/Link.tsx +22 -0
- package/src/MarkdownView.tsx +67 -0
- package/src/MediaQuery.ts +46 -0
- package/src/MobileAddressAutoComplete.tsx +126 -0
- package/src/Modal.tsx +300 -0
- package/src/ModalSheet.tsx +58 -0
- package/src/MultiselectField.tsx +112 -0
- package/src/NumberField.tsx +67 -0
- package/src/NumberPickerActionSheet.tsx +51 -0
- package/src/OpenAPIContext.tsx +74 -0
- package/src/Page.tsx +105 -0
- package/src/Pagination.tsx +169 -0
- package/src/PasswordField.tsx +7 -0
- package/src/Permissions.ts +43 -0
- package/src/PhoneNumberField.tsx +109 -0
- package/src/PickerSelect.tsx +571 -0
- package/src/Radio.tsx +33 -0
- package/src/RadioField.tsx +43 -0
- package/src/ScrollView.tsx +2 -0
- package/src/SectionDivider.tsx +18 -0
- package/src/SegmentedControl.tsx +126 -0
- package/src/SelectBadge.tsx +280 -0
- package/src/SelectField.tsx +41 -0
- package/src/SideDrawer.tsx +56 -0
- package/src/Signature.native.tsx +57 -0
- package/src/Signature.tsx +44 -0
- package/src/SignatureField.tsx +92 -0
- package/src/Slider.tsx +199 -0
- package/src/Spinner.tsx +35 -0
- package/src/SplitPage.native.tsx +163 -0
- package/src/SplitPage.tsx +304 -0
- package/src/TapToEdit.tsx +292 -0
- package/src/TerrenoProvider.tsx +31 -0
- package/src/Text.tsx +123 -0
- package/src/TextArea.test.tsx +255 -0
- package/src/TextArea.tsx +8 -0
- package/src/TextField.test.tsx +487 -0
- package/src/TextField.tsx +260 -0
- package/src/TextFieldNumberActionSheet.tsx +46 -0
- package/src/Theme.tsx +248 -0
- package/src/TimezonePicker.tsx +45 -0
- package/src/Toast.tsx +234 -0
- package/src/Tooltip.tsx +407 -0
- package/src/UnifiedAddressAutoComplete.tsx +66 -0
- package/src/Unifier.ts +172 -0
- package/src/Utilities.tsx +329 -0
- package/src/WebAddressAutocomplete.tsx +84 -0
- package/src/__snapshots__/Accordion.test.tsx.snap +126 -0
- package/src/__snapshots__/AddressField.test.tsx.snap +1197 -0
- package/src/__snapshots__/Avatar.test.tsx.snap +57 -0
- package/src/__snapshots__/Badge.test.tsx.snap +55 -0
- package/src/__snapshots__/Box.test.tsx.snap +162 -0
- package/src/__snapshots__/EmojiSelector.test.tsx.snap +422 -0
- package/src/__snapshots__/TextArea.test.tsx.snap +521 -0
- package/src/__snapshots__/TextField.test.tsx.snap +569 -0
- package/src/bunSetup.ts +1235 -0
- package/src/fieldElements/FieldError.tsx +24 -0
- package/src/fieldElements/FieldHelperText.tsx +20 -0
- package/src/fieldElements/FieldTitle.tsx +31 -0
- package/src/fieldElements/index.tsx +3 -0
- package/src/icons/MobileIcon.tsx +40 -0
- package/src/icons/OfflineIcon.tsx +37 -0
- package/src/icons/OnlineIcon.tsx +39 -0
- package/src/icons/OutOfficeIcon.tsx +36 -0
- package/src/icons/index.ts +4 -0
- package/src/index.tsx +1375 -0
- package/src/polyfill.d.ts +11 -0
- package/src/table/Table.tsx +109 -0
- package/src/table/TableBadge.tsx +46 -0
- package/src/table/TableBoolean.tsx +70 -0
- package/src/table/TableDate.tsx +38 -0
- package/src/table/TableHeader.tsx +20 -0
- package/src/table/TableHeaderCell.tsx +94 -0
- package/src/table/TableIconButton.tsx +61 -0
- package/src/table/TableNumber.tsx +29 -0
- package/src/table/TableRow.tsx +67 -0
- package/src/table/TableText.tsx +29 -0
- package/src/table/TableTitle.tsx +31 -0
- package/src/table/tableContext.tsx +67 -0
- package/src/test-utils.tsx +27 -0
- package/src/types/react-native-swiper-flatlist.d.ts +56 -0
- package/src/useStoredState.test.tsx +143 -0
- package/src/useStoredState.ts +56 -0
package/dist/Text.js
ADDED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Nunito_400Regular, Nunito_400Regular_Italic, Nunito_500Medium, Nunito_500Medium_Italic, Nunito_700Bold, Nunito_700Bold_Italic, useFonts, } from "@expo-google-fonts/nunito";
|
|
3
|
+
import { Text as NativeText, Platform } from "react-native";
|
|
4
|
+
import { Hyperlink } from "./Hyperlink";
|
|
5
|
+
import { useTheme } from "./Theme";
|
|
6
|
+
const fontSizeAndWeightWeb = {
|
|
7
|
+
"2xl": { size: 48, weight: "medium" },
|
|
8
|
+
lg: { size: 18, weight: "medium" },
|
|
9
|
+
md: { size: 16, weight: "regular" },
|
|
10
|
+
sm: { size: 12, weight: "regular" },
|
|
11
|
+
xl: { size: 20, weight: "medium" },
|
|
12
|
+
};
|
|
13
|
+
const fontSizeAndWeighMobile = {
|
|
14
|
+
"2xl": { size: 40, weight: "medium" },
|
|
15
|
+
lg: { size: 16, weight: "medium" },
|
|
16
|
+
md: { size: 14, weight: "regular" },
|
|
17
|
+
sm: { size: 10, weight: "regular" },
|
|
18
|
+
xl: { size: 18, weight: "medium" },
|
|
19
|
+
};
|
|
20
|
+
const fontSizes = Platform.OS === "web" ? fontSizeAndWeightWeb : fontSizeAndWeighMobile;
|
|
21
|
+
export const Text = ({ align = "left", bold, children, color, italic = false, size = "md", truncate = false, underline, numberOfLines, skipLinking, testID, }) => {
|
|
22
|
+
const { theme } = useTheme();
|
|
23
|
+
useFonts({
|
|
24
|
+
text: Nunito_400Regular,
|
|
25
|
+
"text-bold": Nunito_700Bold,
|
|
26
|
+
"text-bold-italic": Nunito_700Bold_Italic,
|
|
27
|
+
"text-medium": Nunito_500Medium,
|
|
28
|
+
"text-medium-italic": Nunito_500Medium_Italic,
|
|
29
|
+
"text-regular": Nunito_400Regular,
|
|
30
|
+
"text-regular-italic": Nunito_400Regular_Italic,
|
|
31
|
+
});
|
|
32
|
+
const style = {};
|
|
33
|
+
if (size === "sm" || size === "md") {
|
|
34
|
+
if (bold && italic) {
|
|
35
|
+
style.fontFamily = "text-bold-italic";
|
|
36
|
+
}
|
|
37
|
+
else if (italic) {
|
|
38
|
+
style.fontFamily = "text-regular-italic";
|
|
39
|
+
}
|
|
40
|
+
else if (bold) {
|
|
41
|
+
style.fontFamily = "text-bold";
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
style.fontFamily = "text-regular";
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
if (bold && italic) {
|
|
49
|
+
style.fontFamily = "text-bold-italic";
|
|
50
|
+
}
|
|
51
|
+
else if (italic) {
|
|
52
|
+
style.fontFamily = "text-medium-italic";
|
|
53
|
+
}
|
|
54
|
+
else if (bold) {
|
|
55
|
+
style.fontFamily = "text-bold";
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
style.fontFamily = "text-medium";
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
style.fontSize = fontSizes[size].size;
|
|
62
|
+
if (align) {
|
|
63
|
+
style.textAlign = align;
|
|
64
|
+
}
|
|
65
|
+
if (color) {
|
|
66
|
+
style.color = theme.text[color];
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
style.color = theme.text.primary;
|
|
70
|
+
}
|
|
71
|
+
if (italic) {
|
|
72
|
+
style.fontStyle = "italic";
|
|
73
|
+
}
|
|
74
|
+
if (underline) {
|
|
75
|
+
style.textDecorationLine = "underline";
|
|
76
|
+
}
|
|
77
|
+
let lines = 0;
|
|
78
|
+
if (numberOfLines && truncate && numberOfLines > 1) {
|
|
79
|
+
console.error(`Cannot truncate Text and have ${numberOfLines} lines`);
|
|
80
|
+
}
|
|
81
|
+
if (numberOfLines) {
|
|
82
|
+
lines = numberOfLines;
|
|
83
|
+
}
|
|
84
|
+
else if (truncate) {
|
|
85
|
+
lines = 1;
|
|
86
|
+
}
|
|
87
|
+
const inner = (_jsx(NativeText, { numberOfLines: lines, selectable: undefined, style: style, testID: testID, children: children }));
|
|
88
|
+
if (skipLinking) {
|
|
89
|
+
return inner;
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
return (_jsx(Hyperlink, { linkDefault: true, linkStyle: { textDecorationLine: "underline" }, children: inner }));
|
|
93
|
+
}
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=Text.js.map
|
package/dist/Text.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"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"}
|
package/dist/TextArea.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAsB,EAAE;IACnE,OAAO,KAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,QAAC,IAAI,EAAC,MAAM,IAAG,CAAC;AACxD,CAAC,CAAC"}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { getCalendars } from "expo-localization";
|
|
3
|
+
import { useMemo, useState } from "react";
|
|
4
|
+
import { Platform, Pressable, TextInput, View, } from "react-native";
|
|
5
|
+
import { FieldError, FieldHelperText, FieldTitle } from "./fieldElements";
|
|
6
|
+
import { Icon } from "./Icon";
|
|
7
|
+
import { useTheme } from "./Theme";
|
|
8
|
+
const keyboardMap = {
|
|
9
|
+
date: "default",
|
|
10
|
+
decimal: "decimal-pad",
|
|
11
|
+
decimalRange: "decimal-pad",
|
|
12
|
+
email: "email-address",
|
|
13
|
+
height: "default",
|
|
14
|
+
number: "number-pad",
|
|
15
|
+
numberRange: "number-pad",
|
|
16
|
+
password: "default",
|
|
17
|
+
phoneNumber: "number-pad",
|
|
18
|
+
search: "default",
|
|
19
|
+
text: "default",
|
|
20
|
+
url: Platform.select({
|
|
21
|
+
android: "default",
|
|
22
|
+
ios: "url",
|
|
23
|
+
}),
|
|
24
|
+
username: "default",
|
|
25
|
+
};
|
|
26
|
+
// Not an exhaustive list of all the textContent types, but the ones we use.
|
|
27
|
+
const textContentMap = {
|
|
28
|
+
date: "none",
|
|
29
|
+
decimal: "none",
|
|
30
|
+
decimalRange: "none",
|
|
31
|
+
email: "emailAddress",
|
|
32
|
+
height: "none",
|
|
33
|
+
number: "none",
|
|
34
|
+
password: "password",
|
|
35
|
+
search: "none",
|
|
36
|
+
text: "none",
|
|
37
|
+
url: Platform.select({
|
|
38
|
+
android: "none",
|
|
39
|
+
ios: "URL",
|
|
40
|
+
}),
|
|
41
|
+
username: "username",
|
|
42
|
+
};
|
|
43
|
+
export const TextField = ({ title, disabled, helperText, errorText, value, onChange, placeholder, blurOnSubmit = true, iconName, onIconClick, trimOnBlur = true, type = "text", autoComplete, inputRef, multiline, rows = 1, grow, returnKeyType, onBlur, onFocus, onEnter, onSubmitEditing, testID, }) => {
|
|
44
|
+
const { theme } = useTheme();
|
|
45
|
+
const calendar = getCalendars()[0];
|
|
46
|
+
const localTimeZone = calendar === null || calendar === void 0 ? void 0 : calendar.timeZone;
|
|
47
|
+
if (!localTimeZone) {
|
|
48
|
+
console.warn("Could not automatically determine timezone.");
|
|
49
|
+
}
|
|
50
|
+
const [focused, setFocused] = useState(false);
|
|
51
|
+
const [height, setHeight] = useState(rows * 40);
|
|
52
|
+
let borderColor = focused ? theme.border.focus : theme.border.dark;
|
|
53
|
+
if (disabled) {
|
|
54
|
+
borderColor = theme.border.activeNeutral;
|
|
55
|
+
}
|
|
56
|
+
else if (errorText) {
|
|
57
|
+
borderColor = theme.border.error;
|
|
58
|
+
}
|
|
59
|
+
const calculatedHeight = useMemo(() => {
|
|
60
|
+
if (grow) {
|
|
61
|
+
return Math.max(40, height);
|
|
62
|
+
}
|
|
63
|
+
else if (multiline) {
|
|
64
|
+
return height || "100%";
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
return 20;
|
|
68
|
+
}
|
|
69
|
+
}, [grow, height, multiline]);
|
|
70
|
+
const defaultTextInputStyles = useMemo(() => {
|
|
71
|
+
const style = {
|
|
72
|
+
color: theme.text.primary,
|
|
73
|
+
flex: 1,
|
|
74
|
+
fontFamily: "text",
|
|
75
|
+
fontSize: 16,
|
|
76
|
+
gap: 10,
|
|
77
|
+
height: calculatedHeight,
|
|
78
|
+
paddingVertical: 0,
|
|
79
|
+
width: "100%",
|
|
80
|
+
};
|
|
81
|
+
if (Platform.OS === "web") {
|
|
82
|
+
style.outline = "none";
|
|
83
|
+
}
|
|
84
|
+
return style;
|
|
85
|
+
}, [calculatedHeight, theme.text.primary]);
|
|
86
|
+
if (["numberRange", "decimalRange", "height"].includes(type)) {
|
|
87
|
+
console.warn(`${type} is not yet supported`);
|
|
88
|
+
}
|
|
89
|
+
const shouldAutocorrect = ["text", "textarea"].includes(type) && (!autoComplete || autoComplete === "on");
|
|
90
|
+
const keyboardType = keyboardMap[type];
|
|
91
|
+
const textContentType = textContentMap[type || "text"];
|
|
92
|
+
return (_jsxs(View, { style: {
|
|
93
|
+
flexDirection: "column",
|
|
94
|
+
width: "100%",
|
|
95
|
+
}, children: [Boolean(title) && _jsx(FieldTitle, { text: title }), Boolean(errorText) && _jsx(FieldError, { text: errorText }), _jsxs(View, { style: {
|
|
96
|
+
alignItems: "center",
|
|
97
|
+
backgroundColor: disabled ? theme.surface.neutralLight : theme.surface.base,
|
|
98
|
+
borderColor,
|
|
99
|
+
borderRadius: 4,
|
|
100
|
+
borderWidth: focused ? 3 : 1,
|
|
101
|
+
flexDirection: "row",
|
|
102
|
+
overflow: "hidden",
|
|
103
|
+
paddingHorizontal: focused ? 10 : 12,
|
|
104
|
+
paddingVertical: focused ? 6 : 8,
|
|
105
|
+
}, children: [_jsx(TextInput, { accessibilityHint: "Enter text here", accessibilityState: { disabled }, "aria-label": "Text input field", autoCapitalize: type === "text" ? "sentences" : "none", autoCorrect: shouldAutocorrect, blurOnSubmit: blurOnSubmit, enterKeyHint: returnKeyType, keyboardType: keyboardType, multiline: multiline, numberOfLines: rows || 4, onBlur: () => {
|
|
106
|
+
if (disabled)
|
|
107
|
+
return;
|
|
108
|
+
let finalValue = value !== null && value !== void 0 ? value : "";
|
|
109
|
+
if (trimOnBlur && value) {
|
|
110
|
+
finalValue = finalValue.trim();
|
|
111
|
+
if (finalValue !== value) {
|
|
112
|
+
onChange(finalValue);
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
if (onBlur) {
|
|
116
|
+
onBlur(finalValue);
|
|
117
|
+
}
|
|
118
|
+
setFocused(false);
|
|
119
|
+
}, onChangeText: onChange, onContentSizeChange: (event) => {
|
|
120
|
+
if (!grow) {
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
123
|
+
setHeight(event.nativeEvent.contentSize.height);
|
|
124
|
+
}, onFocus: () => {
|
|
125
|
+
if (!disabled) {
|
|
126
|
+
setFocused(true);
|
|
127
|
+
}
|
|
128
|
+
if (onFocus) {
|
|
129
|
+
onFocus();
|
|
130
|
+
}
|
|
131
|
+
}, onSubmitEditing: () => {
|
|
132
|
+
if (onEnter) {
|
|
133
|
+
onEnter();
|
|
134
|
+
}
|
|
135
|
+
if (onSubmitEditing) {
|
|
136
|
+
onSubmitEditing();
|
|
137
|
+
}
|
|
138
|
+
}, placeholder: placeholder, placeholderTextColor: theme.text.secondaryLight, readOnly: disabled, ref: (ref) => {
|
|
139
|
+
if (inputRef) {
|
|
140
|
+
inputRef(ref);
|
|
141
|
+
}
|
|
142
|
+
}, secureTextEntry: type === "password", style: defaultTextInputStyles, testID: testID, textContentType: textContentType, underlineColorAndroid: "transparent", value: value }), Boolean(iconName) && (_jsx(Pressable, { "aria-role": "button", onPress: onIconClick, children: _jsx(Icon, { iconName: iconName, size: "md" }) }))] }), Boolean(helperText) && _jsx(FieldHelperText, { text: helperText })] }));
|
|
143
|
+
};
|
|
144
|
+
//# sourceMappingURL=TextField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { TextFieldPickerActionSheetProps } from "./Common";
|
|
3
|
+
type NumberPickerActionSheetState = {};
|
|
4
|
+
export declare class NumberPickerActionSheet extends React.Component<TextFieldPickerActionSheetProps, NumberPickerActionSheetState> {
|
|
5
|
+
render(): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
}
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import DateTimePicker from "@react-native-community/datetimepicker";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { ActionSheet } from "./ActionSheet";
|
|
5
|
+
import { Box } from "./Box";
|
|
6
|
+
import { Button } from "./Button";
|
|
7
|
+
export class NumberPickerActionSheet extends React.Component {
|
|
8
|
+
render() {
|
|
9
|
+
return (_jsx(ActionSheet, { bounceOnOpen: true, gestureEnabled: true, ref: this.props.actionSheetRef, children: _jsxs(Box, { marginBottom: 8, paddingX: 4, width: "100%", children: [_jsx(Box, { alignItems: "end", display: "flex", width: "100%", children: _jsx(Box, { width: "33%", children: _jsx(Button, { onClick: () => {
|
|
10
|
+
var _a, _b;
|
|
11
|
+
(_b = (_a = this.props.actionSheetRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.setModalVisible(false);
|
|
12
|
+
}, text: "Save" }) }) }), _jsx(DateTimePicker, { display: "spinner", is24Hour: true, mode: this.props.mode, onChange: (_event, date) => {
|
|
13
|
+
if (!date) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
this.props.onChange(date.toString());
|
|
17
|
+
}, testID: "dateTimePicker", value: this.props.value ? new Date(this.props.value) : new Date() })] }) }));
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=TextFieldNumberActionSheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextFieldNumberActionSheet.js","sourceRoot":"","sources":["../src/TextFieldNumberActionSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAKhC,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,SAGlD;IACC,MAAM;QACJ,OAAO,CACL,KAAC,WAAW,IAAC,YAAY,QAAC,cAAc,QAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,YACrE,MAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,aAC7C,KAAC,GAAG,IAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,YAC/C,KAAC,GAAG,IAAC,KAAK,EAAC,KAAK,YACd,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;;oCACZ,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,0CAAE,OAAO,0CAAE,eAAe,CAAC,KAAK,CAAC,CAAC;gCAC7D,CAAC,EACD,IAAI,EAAC,MAAM,GACX,GACE,GACF,EACN,KAAC,cAAc,IACb,OAAO,EAAC,SAAS,EACjB,QAAQ,QACR,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAE,CAAC,MAAW,EAAE,IAAW,EAAE,EAAE;4BACrC,IAAI,CAAC,IAAI,EAAE,CAAC;gCACV,OAAO;4BACT,CAAC;4BACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;wBACvC,CAAC,EACD,MAAM,EAAC,gBAAgB,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,GACjE,IACE,GACM,CACf,CAAC;IACJ,CAAC;CACF"}
|
package/dist/Theme.d.ts
ADDED
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { TerrenoTheme, TerrenoThemeConfig } from "./Common";
|
|
3
|
+
declare const defaultPrimitives: {
|
|
4
|
+
accent000: string;
|
|
5
|
+
accent050: string;
|
|
6
|
+
accent100: string;
|
|
7
|
+
accent200: string;
|
|
8
|
+
accent300: string;
|
|
9
|
+
accent400: string;
|
|
10
|
+
accent500: string;
|
|
11
|
+
accent600: string;
|
|
12
|
+
accent700: string;
|
|
13
|
+
accent800: string;
|
|
14
|
+
accent900: string;
|
|
15
|
+
error000: string;
|
|
16
|
+
error100: string;
|
|
17
|
+
error200: string;
|
|
18
|
+
neutral000: string;
|
|
19
|
+
neutral050: string;
|
|
20
|
+
neutral100: string;
|
|
21
|
+
neutral200: string;
|
|
22
|
+
neutral300: string;
|
|
23
|
+
neutral400: string;
|
|
24
|
+
neutral500: string;
|
|
25
|
+
neutral600: string;
|
|
26
|
+
neutral700: string;
|
|
27
|
+
neutral800: string;
|
|
28
|
+
neutral900: string;
|
|
29
|
+
primary000: string;
|
|
30
|
+
primary050: string;
|
|
31
|
+
primary100: string;
|
|
32
|
+
primary200: string;
|
|
33
|
+
primary300: string;
|
|
34
|
+
primary400: string;
|
|
35
|
+
primary500: string;
|
|
36
|
+
primary600: string;
|
|
37
|
+
primary700: string;
|
|
38
|
+
primary800: string;
|
|
39
|
+
primary900: string;
|
|
40
|
+
radius2xl: number;
|
|
41
|
+
radius3xl: number;
|
|
42
|
+
radiusLg: number;
|
|
43
|
+
radiusMd: number;
|
|
44
|
+
radiusSm: number;
|
|
45
|
+
radiusXl: number;
|
|
46
|
+
secondary000: string;
|
|
47
|
+
secondary050: string;
|
|
48
|
+
secondary100: string;
|
|
49
|
+
secondary200: string;
|
|
50
|
+
secondary300: string;
|
|
51
|
+
secondary400: string;
|
|
52
|
+
secondary500: string;
|
|
53
|
+
secondary600: string;
|
|
54
|
+
secondary700: string;
|
|
55
|
+
secondary800: string;
|
|
56
|
+
secondary900: string;
|
|
57
|
+
spacing0: number;
|
|
58
|
+
spacing1: number;
|
|
59
|
+
spacing2: number;
|
|
60
|
+
spacing3: number;
|
|
61
|
+
spacing4: number;
|
|
62
|
+
spacing5: number;
|
|
63
|
+
spacing6: number;
|
|
64
|
+
spacing7: number;
|
|
65
|
+
spacing8: number;
|
|
66
|
+
spacing9: number;
|
|
67
|
+
spacing10: number;
|
|
68
|
+
spacing11: number;
|
|
69
|
+
spacing12: number;
|
|
70
|
+
success000: string;
|
|
71
|
+
success100: string;
|
|
72
|
+
success200: string;
|
|
73
|
+
warning000: string;
|
|
74
|
+
warning100: string;
|
|
75
|
+
warning200: string;
|
|
76
|
+
};
|
|
77
|
+
type DeepPartial<T> = {
|
|
78
|
+
[P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
|
|
79
|
+
};
|
|
80
|
+
export declare const ThemeContext: React.Context<{
|
|
81
|
+
resetTheme: () => void;
|
|
82
|
+
setPrimitives: (_primitives: DeepPartial<typeof defaultPrimitives>) => void;
|
|
83
|
+
setTheme: (_theme: DeepPartial<TerrenoThemeConfig>) => void;
|
|
84
|
+
theme: TerrenoTheme;
|
|
85
|
+
}>;
|
|
86
|
+
interface ThemeProviderProps {
|
|
87
|
+
children: any;
|
|
88
|
+
}
|
|
89
|
+
export declare const ThemeProvider: ({ children }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
90
|
+
export declare const useTheme: () => {
|
|
91
|
+
resetTheme: () => void;
|
|
92
|
+
setPrimitives: (_primitives: DeepPartial<typeof defaultPrimitives>) => void;
|
|
93
|
+
setTheme: (_theme: DeepPartial<TerrenoThemeConfig>) => void;
|
|
94
|
+
theme: TerrenoTheme;
|
|
95
|
+
};
|
|
96
|
+
export {};
|
package/dist/Theme.js
ADDED
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React, { createContext, useMemo, useState } from "react";
|
|
3
|
+
const defaultPrimitives = {
|
|
4
|
+
accent000: "#FFFDF7",
|
|
5
|
+
accent050: "#FCECC2",
|
|
6
|
+
accent100: "#F9E0A1",
|
|
7
|
+
accent200: "#F7D582",
|
|
8
|
+
accent300: "#F2CB62",
|
|
9
|
+
accent400: "#E5B132",
|
|
10
|
+
accent500: "#D69C0E",
|
|
11
|
+
accent600: "#B58201",
|
|
12
|
+
accent700: "#956A00",
|
|
13
|
+
accent800: "#543C00",
|
|
14
|
+
accent900: "#332400",
|
|
15
|
+
error000: "#FDD7D7",
|
|
16
|
+
error100: "#D33232",
|
|
17
|
+
error200: "#BD1111",
|
|
18
|
+
neutral000: "#FFFFFF",
|
|
19
|
+
neutral050: "#F2F2F2",
|
|
20
|
+
neutral100: "#E6E6E6",
|
|
21
|
+
neutral200: "#D9D9D9",
|
|
22
|
+
neutral300: "#CDCDCD",
|
|
23
|
+
neutral400: "#B3B3B3",
|
|
24
|
+
neutral500: "#9A9A9A",
|
|
25
|
+
neutral600: "#686868",
|
|
26
|
+
neutral700: "#4E4E4E",
|
|
27
|
+
neutral800: "#353535",
|
|
28
|
+
neutral900: "#1C1C1C",
|
|
29
|
+
primary000: "#EBFAFF",
|
|
30
|
+
primary050: "#BCE9F7",
|
|
31
|
+
primary100: "#90D8F0",
|
|
32
|
+
primary200: "#73CAE8",
|
|
33
|
+
primary300: "#40B8E0",
|
|
34
|
+
primary400: "#0E9DCD",
|
|
35
|
+
primary500: "#0086B3",
|
|
36
|
+
primary600: "#0A7092",
|
|
37
|
+
primary700: "#035D7E",
|
|
38
|
+
primary800: "#004B64",
|
|
39
|
+
primary900: "#013749",
|
|
40
|
+
radius2xl: 128,
|
|
41
|
+
radius3xl: 360,
|
|
42
|
+
radiusLg: 16,
|
|
43
|
+
radiusMd: 4,
|
|
44
|
+
radiusSm: 2,
|
|
45
|
+
radiusXl: 32,
|
|
46
|
+
secondary000: "#F2F9FA",
|
|
47
|
+
secondary050: "#D7E5EA",
|
|
48
|
+
secondary100: "#B6CDD5",
|
|
49
|
+
secondary200: "#9EB7BF",
|
|
50
|
+
secondary300: "#87A1AA",
|
|
51
|
+
secondary400: "#608997",
|
|
52
|
+
secondary500: "#2B6072",
|
|
53
|
+
secondary600: "#1C4E5F",
|
|
54
|
+
secondary700: "#0F3D4D",
|
|
55
|
+
secondary800: "#092E3A",
|
|
56
|
+
secondary900: "#041E27",
|
|
57
|
+
spacing0: 0,
|
|
58
|
+
spacing1: 4,
|
|
59
|
+
spacing2: 8,
|
|
60
|
+
spacing3: 12,
|
|
61
|
+
spacing4: 16,
|
|
62
|
+
spacing5: 24,
|
|
63
|
+
spacing6: 32,
|
|
64
|
+
spacing7: 40,
|
|
65
|
+
spacing8: 48,
|
|
66
|
+
spacing9: 56,
|
|
67
|
+
spacing10: 64,
|
|
68
|
+
spacing11: 72,
|
|
69
|
+
spacing12: 80,
|
|
70
|
+
success000: "#DCF2E2",
|
|
71
|
+
success100: "#3EA45C",
|
|
72
|
+
success200: "#1A7F36",
|
|
73
|
+
warning000: "#FFE3C6",
|
|
74
|
+
warning100: "#F36719",
|
|
75
|
+
warning200: "#B14202",
|
|
76
|
+
};
|
|
77
|
+
const defaultTheme = {
|
|
78
|
+
border: {
|
|
79
|
+
activeAccent: "accent500",
|
|
80
|
+
activeNeutral: "neutral700",
|
|
81
|
+
dark: "neutral500",
|
|
82
|
+
default: "neutral300",
|
|
83
|
+
error: "error100",
|
|
84
|
+
focus: "primary200",
|
|
85
|
+
hover: "neutral200",
|
|
86
|
+
success: "success100",
|
|
87
|
+
warning: "warning100",
|
|
88
|
+
},
|
|
89
|
+
// These will continue to throw errors until we have a proper font system in place.
|
|
90
|
+
// TODO: currently to use these, you need to set fontFamily to "text" or "heading",
|
|
91
|
+
// not theme.font.primary or theme.font.title.
|
|
92
|
+
font: {
|
|
93
|
+
primary: "Nunito",
|
|
94
|
+
title: "Titillium Web",
|
|
95
|
+
},
|
|
96
|
+
primitives: defaultPrimitives,
|
|
97
|
+
radius: {
|
|
98
|
+
default: "radiusMd",
|
|
99
|
+
full: "radiusLg",
|
|
100
|
+
minimal: "radiusSm",
|
|
101
|
+
rounded: "radius3xl",
|
|
102
|
+
},
|
|
103
|
+
spacing: {
|
|
104
|
+
"2xl": "spacing8",
|
|
105
|
+
"3xl": "spacing12",
|
|
106
|
+
lg: "spacing5",
|
|
107
|
+
md: "spacing4",
|
|
108
|
+
none: "spacing0",
|
|
109
|
+
sm: "spacing2",
|
|
110
|
+
xl: "spacing6",
|
|
111
|
+
xs: "spacing1",
|
|
112
|
+
},
|
|
113
|
+
status: {
|
|
114
|
+
active: "success100",
|
|
115
|
+
away: "neutral500",
|
|
116
|
+
doNotDisturb: "error100",
|
|
117
|
+
},
|
|
118
|
+
surface: {
|
|
119
|
+
base: "neutral000",
|
|
120
|
+
disabled: "neutral500",
|
|
121
|
+
error: "error200",
|
|
122
|
+
errorLight: "error000",
|
|
123
|
+
neutral: "neutral600",
|
|
124
|
+
neutralDark: "neutral800",
|
|
125
|
+
neutralLight: "neutral200",
|
|
126
|
+
primary: "primary400",
|
|
127
|
+
secondaryDark: "secondary500",
|
|
128
|
+
secondaryExtraDark: "secondary800",
|
|
129
|
+
secondaryLight: "secondary100",
|
|
130
|
+
success: "success200",
|
|
131
|
+
successLight: "success000",
|
|
132
|
+
warning: "warning100",
|
|
133
|
+
warningLight: "warning000",
|
|
134
|
+
},
|
|
135
|
+
text: {
|
|
136
|
+
accent: "accent700",
|
|
137
|
+
error: "error200",
|
|
138
|
+
extraLight: "neutral500",
|
|
139
|
+
inverted: "neutral000",
|
|
140
|
+
link: "primary600",
|
|
141
|
+
linkLight: "primary400",
|
|
142
|
+
primary: "neutral900",
|
|
143
|
+
secondaryDark: "secondary800",
|
|
144
|
+
// TODO: ask jo about the naming here, secondaryDark is a blue, secondaryLight is a gray.
|
|
145
|
+
secondaryLight: "neutral600",
|
|
146
|
+
success: "success200",
|
|
147
|
+
warning: "warning200",
|
|
148
|
+
},
|
|
149
|
+
};
|
|
150
|
+
export const ThemeContext = createContext({
|
|
151
|
+
resetTheme: () => { },
|
|
152
|
+
setPrimitives: (_primitives) => { },
|
|
153
|
+
setTheme: (_theme) => { },
|
|
154
|
+
theme: {},
|
|
155
|
+
});
|
|
156
|
+
export const ThemeProvider = ({ children }) => {
|
|
157
|
+
const [providerTheme, setProviderTheme] = useState(defaultTheme);
|
|
158
|
+
const [providerPrimitives, setProviderPrimitives] = useState(defaultPrimitives);
|
|
159
|
+
const computedTheme = useMemo(() => {
|
|
160
|
+
// Map the providerTheme and transform the strings into the actual values from the primitives.
|
|
161
|
+
// Do this for each sub-object in the theme. E.g. theme.text, theme.surface, etc.
|
|
162
|
+
const theme = Object.keys(providerTheme).reduce((acc, key) => {
|
|
163
|
+
var _a;
|
|
164
|
+
if (key === "primitives")
|
|
165
|
+
return acc;
|
|
166
|
+
const value = (_a = providerTheme[key]) !== null && _a !== void 0 ? _a : {};
|
|
167
|
+
// for each key, map the value to the primitive value.
|
|
168
|
+
acc[key] = Object.keys(value).reduce((accKey, valueKey) => {
|
|
169
|
+
const primitiveKey = value[valueKey];
|
|
170
|
+
if (key === "font") {
|
|
171
|
+
accKey[valueKey] = primitiveKey;
|
|
172
|
+
}
|
|
173
|
+
else {
|
|
174
|
+
if (providerPrimitives[primitiveKey] === undefined) {
|
|
175
|
+
console.error(`Primitive ${primitiveKey} not found in theme.`);
|
|
176
|
+
}
|
|
177
|
+
accKey[valueKey] = providerPrimitives[primitiveKey];
|
|
178
|
+
}
|
|
179
|
+
return accKey;
|
|
180
|
+
}, {});
|
|
181
|
+
return acc;
|
|
182
|
+
}, {});
|
|
183
|
+
return Object.assign(Object.assign({}, theme), { primitives: providerPrimitives });
|
|
184
|
+
}, [providerTheme, providerPrimitives]);
|
|
185
|
+
const setPrimitives = (newPrimitives) => {
|
|
186
|
+
setProviderPrimitives((prev) => (Object.assign(Object.assign({}, prev), newPrimitives)));
|
|
187
|
+
};
|
|
188
|
+
const setTheme = (newTheme) => {
|
|
189
|
+
setProviderTheme((prev) => {
|
|
190
|
+
const mergedTheme = Object.assign({}, prev);
|
|
191
|
+
for (const key in newTheme) {
|
|
192
|
+
if (Object.hasOwn(newTheme, key)) {
|
|
193
|
+
const newSubTheme = newTheme[key];
|
|
194
|
+
const prevSubTheme = prev[key];
|
|
195
|
+
if (newSubTheme && typeof newSubTheme === "object") {
|
|
196
|
+
mergedTheme[key] = Object.assign(Object.assign({}, prevSubTheme), newSubTheme);
|
|
197
|
+
}
|
|
198
|
+
else {
|
|
199
|
+
mergedTheme[key] = newSubTheme;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
return mergedTheme;
|
|
204
|
+
});
|
|
205
|
+
};
|
|
206
|
+
const resetTheme = () => {
|
|
207
|
+
setProviderTheme(defaultTheme);
|
|
208
|
+
setProviderPrimitives(defaultPrimitives);
|
|
209
|
+
};
|
|
210
|
+
return (_jsx(ThemeContext.Provider, { value: { resetTheme, setPrimitives, setTheme, theme: computedTheme }, children: children }));
|
|
211
|
+
};
|
|
212
|
+
export const useTheme = () => React.useContext(ThemeContext);
|
|
213
|
+
//# sourceMappingURL=Theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../src/Theme.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAI9D,MAAM,iBAAiB,GAAG;IACxB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IAEpB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IAErB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,CAAC;IAEX,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,EAAE;IAEZ,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,SAAS;IAEvB,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IAEb,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IAErB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;CACtB,CAAC;AAEF,MAAM,YAAY,GAAuB;IACvC,MAAM,EAAE;QACN,YAAY,EAAE,WAAW;QACzB,aAAa,EAAE,YAAY;QAC3B,IAAI,EAAE,YAAY;QAClB,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,YAAY;KACtB;IAED,mFAAmF;IACnF,mFAAmF;IACnF,8CAA8C;IAC9C,IAAI,EAAE;QACJ,OAAO,EAAE,QAAQ;QACjB,KAAK,EAAE,eAAe;KACvB;IACD,UAAU,EAAE,iBAAiB;IAC7B,MAAM,EAAE;QACN,OAAO,EAAE,UAAU;QACnB,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,UAAU;QACnB,OAAO,EAAE,WAAW;KACrB;IACD,OAAO,EAAE;QACP,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,WAAW;QAClB,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,UAAU;QAChB,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;IACD,MAAM,EAAE;QACN,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,YAAY;QAClB,YAAY,EAAE,UAAU;KACzB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,YAAY;QACtB,KAAK,EAAE,UAAU;QACjB,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,YAAY;QACrB,WAAW,EAAE,YAAY;QACzB,YAAY,EAAE,YAAY;QAC1B,OAAO,EAAE,YAAY;QACrB,aAAa,EAAE,cAAc;QAC7B,kBAAkB,EAAE,cAAc;QAClC,cAAc,EAAE,cAAc;QAC9B,OAAO,EAAE,YAAY;QACrB,YAAY,EAAE,YAAY;QAC1B,OAAO,EAAE,YAAY;QACrB,YAAY,EAAE,YAAY;KAC3B;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,UAAU;QACjB,UAAU,EAAE,YAAY;QACxB,QAAQ,EAAE,YAAY;QACtB,IAAI,EAAE,YAAY;QAClB,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,YAAY;QACrB,aAAa,EAAE,cAAc;QAC7B,yFAAyF;QACzF,cAAc,EAAE,YAAY;QAC5B,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,YAAY;KACtB;CACF,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC;IACxC,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;IACpB,aAAa,EAAE,CAAC,WAAkD,EAAE,EAAE,GAAE,CAAC;IACzE,QAAQ,EAAE,CAAC,MAAuC,EAAE,EAAE,GAAE,CAAC;IACzD,KAAK,EAAE,EAAkB;CAC1B,CAAC,CAAC;AAMH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAqB,EAAE,EAAE;IAC9D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAkC,YAAY,CAAC,CAAC;IAClG,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAkB,iBAAiB,CAAC,CAAC;IAEjG,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,8FAA8F;QAC9F,iFAAiF;QACjF,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;;YAC3D,IAAI,GAAG,KAAK,YAAY;gBAAE,OAAO,GAAG,CAAC;YACrC,MAAM,KAAK,GAAG,MAAA,aAAa,CAAC,GAA+B,CAAC,mCAAI,EAAE,CAAC;YACnE,sDAAsD;YACtD,GAAG,CAAC,GAAyB,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;gBAC9E,MAAM,YAAY,GAAG,KAAK,CAAC,QAA8B,CAA0B,CAAC;gBACpF,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;oBACnB,MAAM,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC;gBAClC,CAAC;qBAAM,CAAC;oBACN,IAAI,kBAAkB,CAAC,YAAY,CAAC,KAAK,SAAS,EAAE,CAAC;wBACnD,OAAO,CAAC,KAAK,CAAC,aAAa,YAAY,sBAAsB,CAAC,CAAC;oBACjE,CAAC;oBACD,MAAM,CAAC,QAA+B,CAAC,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;gBAC7E,CAAC;gBACD,OAAO,MAAM,CAAC;YAChB,CAAC,EAAE,EAAS,CAAC,CAAC;YACd,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,EAAkB,CAAC,CAAC;QACvB,uCACK,KAAK,KACR,UAAU,EAAE,kBAAkB,IAC9B;IACJ,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,CAAC,aAAuC,EAAE,EAAE;QAChE,qBAAqB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAAK,IAAI,GAAK,aAAa,EAAE,CAAC,CAAC;IACjE,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,QAAyC,EAAE,EAAE;QAC7D,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE;YACxB,MAAM,WAAW,qBAAO,IAAI,CAAC,CAAC;YAE9B,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;gBAC3B,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;oBACjC,MAAM,WAAW,GAAG,QAAQ,CAAC,GAA+B,CAAC,CAAC;oBAC9D,MAAM,YAAY,GAAG,IAAI,CAAC,GAA+B,CAAC,CAAC;oBAE3D,IAAI,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE,CAAC;wBAClD,WAAmB,CAAC,GAA+B,CAAC,mCAChD,YAAY,GACZ,WAAW,CACf,CAAC;oBACJ,CAAC;yBAAM,CAAC;wBACN,WAAW,CAAC,GAA+B,CAAC,GAAG,WAAkB,CAAC;oBACpE,CAAC;gBACH,CAAC;YACH,CAAC;YAED,OAAO,WAAW,CAAC;QACrB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC/B,qBAAqB,CAAC,iBAAiB,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAC,YACtF,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type FC } from "react";
|
|
2
|
+
import type { SelectFieldPropsBase } from "./Common";
|
|
3
|
+
interface TimezonePickerProps extends Omit<SelectFieldPropsBase, "options"> {
|
|
4
|
+
timezone?: string;
|
|
5
|
+
onChange: (value: string) => void;
|
|
6
|
+
location?: "USA" | "Worldwide";
|
|
7
|
+
hideTitle?: boolean;
|
|
8
|
+
shortTimezone?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const TimezonePicker: FC<TimezonePickerProps>;
|
|
11
|
+
export {};
|