@xleddyl/443-components-native 0.6.2 → 0.8.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 +90 -29
- package/assets/fonts/geist/Geist-Bold.ttf +0 -0
- package/assets/fonts/geist/Geist-Medium.ttf +0 -0
- package/assets/fonts/geist/Geist-Regular.ttf +0 -0
- package/assets/fonts/geist/Geist-SemiBold.ttf +0 -0
- package/assets/fonts/geist/OFL.txt +92 -0
- package/assets/fonts/index.d.ts +10 -1
- package/assets/fonts/index.js +10 -1
- package/lib/module/components/core/BlurSurface.js +47 -0
- package/lib/module/components/core/BlurSurface.js.map +1 -0
- package/lib/module/components/core/Button.js +14 -4
- package/lib/module/components/core/Button.js.map +1 -1
- package/lib/module/components/core/DefaultIcon.js +13 -0
- package/lib/module/components/core/DefaultIcon.js.map +1 -1
- package/lib/module/components/core/IconButton.js +5 -2
- package/lib/module/components/core/IconButton.js.map +1 -1
- package/lib/module/components/core/Screen.js +110 -57
- package/lib/module/components/core/Screen.js.map +1 -1
- package/lib/module/components/core/Stack.js.map +1 -1
- package/lib/module/components/core/Text.js.map +1 -1
- package/lib/module/components/core/TextField.js +3 -2
- package/lib/module/components/core/TextField.js.map +1 -1
- package/lib/module/components/core/Touchable.js.map +1 -1
- package/lib/module/components/core/buttonColors.js +2 -1
- package/lib/module/components/core/buttonColors.js.map +1 -1
- package/lib/module/components/core/gutter.js +6 -0
- package/lib/module/components/core/gutter.js.map +1 -0
- package/lib/module/components/core/index.js +2 -0
- package/lib/module/components/core/index.js.map +1 -1
- package/lib/module/components/core/useKeyboardReveal.js +95 -0
- package/lib/module/components/core/useKeyboardReveal.js.map +1 -0
- package/lib/module/components/display/Avatar.js.map +1 -1
- package/lib/module/components/display/AvatarGroup.js.map +1 -1
- package/lib/module/components/display/Badge.js.map +1 -1
- package/lib/module/components/display/Banner.js.map +1 -1
- package/lib/module/components/display/Card.js +9 -2
- package/lib/module/components/display/Card.js.map +1 -1
- package/lib/module/components/display/Chip.js.map +1 -1
- package/lib/module/components/display/DescriptionList.js.map +1 -1
- package/lib/module/components/display/Divider.js.map +1 -1
- package/lib/module/components/display/EmptyState.js.map +1 -1
- package/lib/module/components/display/KeyValue.js.map +1 -1
- package/lib/module/components/display/List.js +7 -6
- package/lib/module/components/display/List.js.map +1 -1
- package/lib/module/components/display/ListItem.js.map +1 -1
- package/lib/module/components/display/ProgressBar.js.map +1 -1
- package/lib/module/components/display/ProgressRing.js.map +1 -1
- package/lib/module/components/display/Skeleton.js.map +1 -1
- package/lib/module/components/display/Stat.js.map +1 -1
- package/lib/module/components/forms/Calendar.js.map +1 -1
- package/lib/module/components/forms/Checkbox.js +37 -32
- package/lib/module/components/forms/Checkbox.js.map +1 -1
- package/lib/module/components/forms/CheckboxGroup.js.map +1 -1
- package/lib/module/components/forms/ChipInput.js +3 -2
- package/lib/module/components/forms/ChipInput.js.map +1 -1
- package/lib/module/components/forms/DateField.js.map +1 -1
- package/lib/module/components/forms/Field.js.map +1 -1
- package/lib/module/components/forms/MonthPicker.js.map +1 -1
- package/lib/module/components/forms/PinInput.js +18 -13
- package/lib/module/components/forms/PinInput.js.map +1 -1
- package/lib/module/components/forms/PinPad.js.map +1 -1
- package/lib/module/components/forms/Radio.js +43 -20
- package/lib/module/components/forms/Radio.js.map +1 -1
- package/lib/module/components/forms/RadioGroup.js.map +1 -1
- package/lib/module/components/forms/SegmentedControl.js +59 -44
- package/lib/module/components/forms/SegmentedControl.js.map +1 -1
- package/lib/module/components/forms/Slider.js.map +1 -1
- package/lib/module/components/forms/Stepper.js.map +1 -1
- package/lib/module/components/forms/Switch.js +1 -1
- package/lib/module/components/forms/Switch.js.map +1 -1
- package/lib/module/components/navigation/BackButton.js +10 -6
- package/lib/module/components/navigation/BackButton.js.map +1 -1
- package/lib/module/components/navigation/Header.js +61 -49
- package/lib/module/components/navigation/Header.js.map +1 -1
- package/lib/module/components/navigation/TabBar.js +50 -23
- package/lib/module/components/navigation/TabBar.js.map +1 -1
- package/lib/module/components/navigation/TabBarItem.js +5 -6
- package/lib/module/components/navigation/TabBarItem.js.map +1 -1
- package/lib/module/components/navigation/Tabs.js +82 -58
- package/lib/module/components/navigation/Tabs.js.map +1 -1
- package/lib/module/components/navigation/index.js +1 -1
- package/lib/module/components/navigation/index.js.map +1 -1
- package/lib/module/components/navigation/tabBarUtils.js +7 -1
- package/lib/module/components/navigation/tabBarUtils.js.map +1 -1
- package/lib/module/components/overlays/Dialog.js +11 -9
- package/lib/module/components/overlays/Dialog.js.map +1 -1
- package/lib/module/components/overlays/MenuItem.js.map +1 -1
- package/lib/module/components/overlays/Overlay.js.map +1 -1
- package/lib/module/components/overlays/OverlayHeader.js +30 -24
- package/lib/module/components/overlays/OverlayHeader.js.map +1 -1
- package/lib/module/components/overlays/Popover.js.map +1 -1
- package/lib/module/components/overlays/Select.js.map +1 -1
- package/lib/module/components/overlays/Sheet.js +17 -3
- package/lib/module/components/overlays/Sheet.js.map +1 -1
- package/lib/module/components/overlays/Toast.js +69 -105
- package/lib/module/components/overlays/Toast.js.map +1 -1
- package/lib/module/components/overlays/ToastHost.js +0 -3
- package/lib/module/components/overlays/ToastHost.js.map +1 -1
- package/lib/module/components/overlays/anchorPosition.js.map +1 -1
- package/lib/module/components/overlays/overlayA11y.js +3 -1
- package/lib/module/components/overlays/overlayA11y.js.map +1 -1
- package/lib/module/components/overlays/toastStore.js +0 -2
- package/lib/module/components/overlays/toastStore.js.map +1 -1
- package/lib/module/hooks/useChoiceMotion.js +52 -0
- package/lib/module/hooks/useChoiceMotion.js.map +1 -0
- package/lib/module/hooks/useSlidingIndicator.js +146 -15
- package/lib/module/hooks/useSlidingIndicator.js.map +1 -1
- package/lib/module/icons/heroicons.js +1 -0
- package/lib/module/icons/heroicons.js.map +1 -1
- package/lib/module/native/GlassGroup.js.map +1 -1
- package/lib/module/native/GlassSurface.js.map +1 -1
- package/lib/module/presets/default.js +5 -166
- package/lib/module/presets/default.js.map +1 -1
- package/lib/module/presets/definePreset.js +21 -4
- package/lib/module/presets/definePreset.js.map +1 -1
- package/lib/module/presets/funnel.js +32 -42
- package/lib/module/presets/funnel.js.map +1 -1
- package/lib/module/presets/spotfish.js +60 -22
- package/lib/module/presets/spotfish.js.map +1 -1
- package/lib/module/presets/suedtirol.js +67 -19
- package/lib/module/presets/suedtirol.js.map +1 -1
- package/lib/module/theme/configureUi.js +4 -1
- package/lib/module/theme/configureUi.js.map +1 -1
- package/lib/module/theme/defaults.js +126 -88
- package/lib/module/theme/defaults.js.map +1 -1
- package/lib/module/theme/index.js +1 -1
- package/lib/module/theme/index.js.map +1 -1
- package/lib/module/theme/settings.js +3 -0
- package/lib/module/theme/settings.js.map +1 -1
- package/lib/module/utils/color.js +38 -0
- package/lib/module/utils/color.js.map +1 -0
- package/lib/module/utils/controlSize.js +17 -0
- package/lib/module/utils/controlSize.js.map +1 -0
- package/lib/module/utils/refs.js.map +1 -1
- package/lib/typescript/components/core/BlurSurface.d.ts +12 -0
- package/lib/typescript/components/core/BlurSurface.d.ts.map +1 -0
- package/lib/typescript/components/core/Button.d.ts +2 -2
- package/lib/typescript/components/core/Button.d.ts.map +1 -1
- package/lib/typescript/components/core/DefaultIcon.d.ts.map +1 -1
- package/lib/typescript/components/core/IconButton.d.ts +6 -4
- package/lib/typescript/components/core/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/core/Screen.d.ts +4 -3
- package/lib/typescript/components/core/Screen.d.ts.map +1 -1
- package/lib/typescript/components/core/Stack.d.ts +2 -2
- package/lib/typescript/components/core/Stack.d.ts.map +1 -1
- package/lib/typescript/components/core/Text.d.ts +2 -2
- package/lib/typescript/components/core/Text.d.ts.map +1 -1
- package/lib/typescript/components/core/TextField.d.ts +2 -2
- package/lib/typescript/components/core/TextField.d.ts.map +1 -1
- package/lib/typescript/components/core/Touchable.d.ts +2 -2
- package/lib/typescript/components/core/Touchable.d.ts.map +1 -1
- package/lib/typescript/components/core/buttonColors.d.ts.map +1 -1
- package/lib/typescript/components/core/gutter.d.ts +3 -0
- package/lib/typescript/components/core/gutter.d.ts.map +1 -0
- package/lib/typescript/components/core/index.d.ts +3 -0
- package/lib/typescript/components/core/index.d.ts.map +1 -1
- package/lib/typescript/components/core/useKeyboardReveal.d.ts +21 -0
- package/lib/typescript/components/core/useKeyboardReveal.d.ts.map +1 -0
- package/lib/typescript/components/display/Avatar.d.ts +2 -2
- package/lib/typescript/components/display/Avatar.d.ts.map +1 -1
- package/lib/typescript/components/display/AvatarGroup.d.ts +2 -2
- package/lib/typescript/components/display/AvatarGroup.d.ts.map +1 -1
- package/lib/typescript/components/display/Badge.d.ts +2 -2
- package/lib/typescript/components/display/Badge.d.ts.map +1 -1
- package/lib/typescript/components/display/Banner.d.ts +2 -2
- package/lib/typescript/components/display/Banner.d.ts.map +1 -1
- package/lib/typescript/components/display/Card.d.ts +2 -2
- package/lib/typescript/components/display/Card.d.ts.map +1 -1
- package/lib/typescript/components/display/Chip.d.ts +2 -2
- package/lib/typescript/components/display/Chip.d.ts.map +1 -1
- package/lib/typescript/components/display/DescriptionList.d.ts +2 -2
- package/lib/typescript/components/display/DescriptionList.d.ts.map +1 -1
- package/lib/typescript/components/display/Divider.d.ts +2 -2
- package/lib/typescript/components/display/Divider.d.ts.map +1 -1
- package/lib/typescript/components/display/EmptyState.d.ts +2 -2
- package/lib/typescript/components/display/EmptyState.d.ts.map +1 -1
- package/lib/typescript/components/display/KeyValue.d.ts +2 -2
- package/lib/typescript/components/display/KeyValue.d.ts.map +1 -1
- package/lib/typescript/components/display/List.d.ts.map +1 -1
- package/lib/typescript/components/display/ListItem.d.ts +2 -2
- package/lib/typescript/components/display/ListItem.d.ts.map +1 -1
- package/lib/typescript/components/display/ProgressBar.d.ts +2 -2
- package/lib/typescript/components/display/ProgressBar.d.ts.map +1 -1
- package/lib/typescript/components/display/ProgressRing.d.ts +2 -2
- package/lib/typescript/components/display/ProgressRing.d.ts.map +1 -1
- package/lib/typescript/components/display/Skeleton.d.ts +2 -2
- package/lib/typescript/components/display/Skeleton.d.ts.map +1 -1
- package/lib/typescript/components/display/Stat.d.ts +2 -2
- package/lib/typescript/components/display/Stat.d.ts.map +1 -1
- package/lib/typescript/components/forms/Calendar.d.ts +2 -2
- package/lib/typescript/components/forms/Calendar.d.ts.map +1 -1
- package/lib/typescript/components/forms/Checkbox.d.ts +4 -3
- package/lib/typescript/components/forms/Checkbox.d.ts.map +1 -1
- package/lib/typescript/components/forms/CheckboxGroup.d.ts +2 -2
- package/lib/typescript/components/forms/CheckboxGroup.d.ts.map +1 -1
- package/lib/typescript/components/forms/ChipInput.d.ts +2 -2
- package/lib/typescript/components/forms/ChipInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/DateField.d.ts +2 -2
- package/lib/typescript/components/forms/DateField.d.ts.map +1 -1
- package/lib/typescript/components/forms/Field.d.ts +2 -2
- package/lib/typescript/components/forms/Field.d.ts.map +1 -1
- package/lib/typescript/components/forms/MonthPicker.d.ts +2 -2
- package/lib/typescript/components/forms/MonthPicker.d.ts.map +1 -1
- package/lib/typescript/components/forms/PinInput.d.ts +4 -3
- package/lib/typescript/components/forms/PinInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/PinPad.d.ts +2 -2
- package/lib/typescript/components/forms/PinPad.d.ts.map +1 -1
- package/lib/typescript/components/forms/Radio.d.ts +2 -2
- package/lib/typescript/components/forms/Radio.d.ts.map +1 -1
- package/lib/typescript/components/forms/RadioGroup.d.ts +2 -2
- package/lib/typescript/components/forms/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/components/forms/SegmentedControl.d.ts +2 -2
- package/lib/typescript/components/forms/SegmentedControl.d.ts.map +1 -1
- package/lib/typescript/components/forms/Slider.d.ts +2 -2
- package/lib/typescript/components/forms/Slider.d.ts.map +1 -1
- package/lib/typescript/components/forms/Stepper.d.ts +2 -2
- package/lib/typescript/components/forms/Stepper.d.ts.map +1 -1
- package/lib/typescript/components/forms/Switch.d.ts +3 -2
- package/lib/typescript/components/forms/Switch.d.ts.map +1 -1
- package/lib/typescript/components/navigation/BackButton.d.ts +5 -4
- package/lib/typescript/components/navigation/BackButton.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Header.d.ts +5 -2
- package/lib/typescript/components/navigation/Header.d.ts.map +1 -1
- package/lib/typescript/components/navigation/TabBar.d.ts +23 -11
- package/lib/typescript/components/navigation/TabBar.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Tabs.d.ts +4 -3
- package/lib/typescript/components/navigation/Tabs.d.ts.map +1 -1
- package/lib/typescript/components/navigation/index.d.ts +2 -2
- package/lib/typescript/components/navigation/index.d.ts.map +1 -1
- package/lib/typescript/components/navigation/tabBarUtils.d.ts +2 -1
- package/lib/typescript/components/navigation/tabBarUtils.d.ts.map +1 -1
- package/lib/typescript/components/overlays/MenuItem.d.ts +2 -2
- package/lib/typescript/components/overlays/MenuItem.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Overlay.d.ts +3 -3
- package/lib/typescript/components/overlays/Overlay.d.ts.map +1 -1
- package/lib/typescript/components/overlays/OverlayHeader.d.ts +2 -1
- package/lib/typescript/components/overlays/OverlayHeader.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Popover.d.ts +2 -2
- package/lib/typescript/components/overlays/Popover.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Select.d.ts +2 -2
- package/lib/typescript/components/overlays/Select.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Sheet.d.ts +2 -2
- package/lib/typescript/components/overlays/Sheet.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Toast.d.ts +4 -9
- package/lib/typescript/components/overlays/Toast.d.ts.map +1 -1
- package/lib/typescript/components/overlays/ToastHost.d.ts +1 -2
- package/lib/typescript/components/overlays/ToastHost.d.ts.map +1 -1
- package/lib/typescript/components/overlays/anchorPosition.d.ts +2 -2
- package/lib/typescript/components/overlays/anchorPosition.d.ts.map +1 -1
- package/lib/typescript/components/overlays/index.d.ts +1 -1
- package/lib/typescript/components/overlays/index.d.ts.map +1 -1
- package/lib/typescript/components/overlays/overlayA11y.d.ts +6 -6
- package/lib/typescript/components/overlays/overlayA11y.d.ts.map +1 -1
- package/lib/typescript/components/overlays/toastStore.d.ts +0 -6
- package/lib/typescript/components/overlays/toastStore.d.ts.map +1 -1
- package/lib/typescript/hooks/useChoiceMotion.d.ts +6 -0
- package/lib/typescript/hooks/useChoiceMotion.d.ts.map +1 -0
- package/lib/typescript/hooks/useSlidingIndicator.d.ts +42 -7
- package/lib/typescript/hooks/useSlidingIndicator.d.ts.map +1 -1
- package/lib/typescript/icons/heroicons.d.ts.map +1 -1
- package/lib/typescript/native/GlassGroup.d.ts +2 -2
- package/lib/typescript/native/GlassGroup.d.ts.map +1 -1
- package/lib/typescript/native/GlassSurface.d.ts +2 -2
- package/lib/typescript/native/GlassSurface.d.ts.map +1 -1
- package/lib/typescript/native/fallbacks/dateFormat.d.ts +1 -1
- package/lib/typescript/presets/default.d.ts.map +1 -1
- package/lib/typescript/presets/definePreset.d.ts.map +1 -1
- package/lib/typescript/presets/funnel.d.ts +7 -1
- package/lib/typescript/presets/funnel.d.ts.map +1 -1
- package/lib/typescript/presets/spotfish.d.ts.map +1 -1
- package/lib/typescript/presets/suedtirol.d.ts.map +1 -1
- package/lib/typescript/theme/configureUi.d.ts +2 -1
- package/lib/typescript/theme/configureUi.d.ts.map +1 -1
- package/lib/typescript/theme/defaults.d.ts.map +1 -1
- package/lib/typescript/theme/index.d.ts +2 -2
- package/lib/typescript/theme/index.d.ts.map +1 -1
- package/lib/typescript/theme/settings.d.ts +11 -0
- package/lib/typescript/theme/settings.d.ts.map +1 -1
- package/lib/typescript/theme/types.d.ts +8 -2
- package/lib/typescript/theme/types.d.ts.map +1 -1
- package/lib/typescript/utils/a11y.d.ts +1 -1
- package/lib/typescript/utils/color.d.ts +4 -0
- package/lib/typescript/utils/color.d.ts.map +1 -0
- package/lib/typescript/utils/controlSize.d.ts +7 -0
- package/lib/typescript/utils/controlSize.d.ts.map +1 -0
- package/lib/typescript/utils/index.d.ts +1 -0
- package/lib/typescript/utils/index.d.ts.map +1 -1
- package/lib/typescript/utils/refs.d.ts +6 -1
- package/lib/typescript/utils/refs.d.ts.map +1 -1
- package/package.json +15 -15
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["presetFontFamilies","
|
|
1
|
+
{"version":3,"names":["presetFontFamilies","geistRegular","geistMedium","geistSemiBold","geistBold","funnelSansRegular","funnelSansMedium","funnelSansSemiBold","funnelSansBold","funnelDisplayBold","unboundedSemiBold","geistType","typography","fonts","regular","medium","semibold","bold","funnelType","variants","body","fontSize","lineHeight","letterSpacing","weight","caption","appShape","radius","xs","sm","md","lg","xl","components","button","labelWeight","card","toast","tabBar","height","floatingInset"],"sourceRoot":"../../../src","sources":["presets/funnel.ts"],"mappings":";;AAEA,OAAO,MAAMA,kBAAkB,GAAG;EAC/BC,YAAY,EAAE,eAAe;EAC7BC,WAAW,EAAE,cAAc;EAC3BC,aAAa,EAAE,gBAAgB;EAC/BC,SAAS,EAAE,YAAY;EACvBC,iBAAiB,EAAE,oBAAoB;EACvCC,gBAAgB,EAAE,mBAAmB;EACrCC,kBAAkB,EAAE,qBAAqB;EACzCC,cAAc,EAAE,iBAAiB;EACjCC,iBAAiB,EAAE,oBAAoB;EACvCC,iBAAiB,EAAE;AACtB,CAAU;AAEV,OAAO,MAAMC,SAA6B,GAAG;EAC1CC,UAAU,EAAE;IACTC,KAAK,EAAE;MACJC,OAAO,EAAEd,kBAAkB,CAACC,YAAY;MACxCc,MAAM,EAAEf,kBAAkB,CAACE,WAAW;MACtCc,QAAQ,EAAEhB,kBAAkB,CAACG,aAAa;MAC1Cc,IAAI,EAAEjB,kBAAkB,CAACI;IAC5B;EACH;AACH,CAAC;AAED,OAAO,MAAMc,UAA8B,GAAG;EAC3CN,UAAU,EAAE;IACTC,KAAK,EAAE;MACJC,OAAO,EAAEd,kBAAkB,CAACK,iBAAiB;MAC7CU,MAAM,EAAEf,kBAAkB,CAACM,gBAAgB;MAC3CU,QAAQ,EAAEhB,kBAAkB,CAACO,kBAAkB;MAC/CU,IAAI,EAAEjB,kBAAkB,CAACQ;IAC5B,CAAC;IACDW,QAAQ,EAAE;MACPC,IAAI,EAAE;QAAEC,QAAQ,EAAE,EAAE;QAAEC,UAAU,EAAE,EAAE;QAAEC,aAAa,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAS,CAAC;MAC1EC,OAAO,EAAE;QAAEJ,QAAQ,EAAE,EAAE;QAAEC,UAAU,EAAE,EAAE;QAAEC,aAAa,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAS;IAC/E;EACH;AACH,CAAC;AAED,OAAO,MAAME,QAA4B,GAAG;EACzCC,MAAM,EAAE;IAAEC,EAAE,EAAE,CAAC;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE,EAAE;IAAEC,EAAE,EAAE;EAAG,CAAC;EACjDC,UAAU,EAAE;IACTC,MAAM,EAAE;MAAEC,WAAW,EAAE;IAAW,CAAC;IACnCC,IAAI,EAAE;MAAET,MAAM,EAAE;IAAG,CAAC;IACpBU,KAAK,EAAE;MAAEV,MAAM,EAAE;IAAG,CAAC;IACrBW,MAAM,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,aAAa,EAAE;IAAG;EAC3C;AACH,CAAC","ignoreList":[]}
|
|
@@ -1,17 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { definePreset, displayFace, mergeThemeInputs } from "./definePreset.js";
|
|
4
|
-
import {
|
|
4
|
+
import { appShape, funnelType, presetFontFamilies } from "./funnel.js";
|
|
5
5
|
export const spotfishPreset = definePreset({
|
|
6
6
|
name: 'spotfish',
|
|
7
7
|
label: 'Spotfish',
|
|
8
8
|
description: 'Signal yellow on white or graphite, Funnel Sans with Unbounded headings',
|
|
9
|
-
shared: mergeThemeInputs(
|
|
9
|
+
shared: mergeThemeInputs(funnelType, appShape, {
|
|
10
|
+
components: {
|
|
11
|
+
button: {
|
|
12
|
+
label: {
|
|
13
|
+
sm: {
|
|
14
|
+
fontSize: 16,
|
|
15
|
+
lineHeight: 20
|
|
16
|
+
},
|
|
17
|
+
md: {
|
|
18
|
+
fontSize: 18,
|
|
19
|
+
lineHeight: 22
|
|
20
|
+
},
|
|
21
|
+
lg: {
|
|
22
|
+
fontSize: 18,
|
|
23
|
+
lineHeight: 22
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
},
|
|
10
28
|
typography: {
|
|
11
29
|
variants: {
|
|
12
|
-
display: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [
|
|
13
|
-
title: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [
|
|
14
|
-
heading: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [
|
|
30
|
+
display: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [22, 30, -0.3]),
|
|
31
|
+
title: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [20, 26, -0.2]),
|
|
32
|
+
heading: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [18, 24, -0.1])
|
|
15
33
|
}
|
|
16
34
|
}
|
|
17
35
|
}),
|
|
@@ -21,10 +39,10 @@ export const spotfishPreset = definePreset({
|
|
|
21
39
|
surface: '#FFFFFF',
|
|
22
40
|
surfaceRaised: '#FFFFFF',
|
|
23
41
|
surfaceSunken: '#E6ECF0',
|
|
24
|
-
border: '#
|
|
25
|
-
borderStrong: '#
|
|
42
|
+
border: '#E6ECF0',
|
|
43
|
+
borderStrong: '#C3CFD7',
|
|
26
44
|
text: '#000000',
|
|
27
|
-
textMuted: '#
|
|
45
|
+
textMuted: '#5C6B75',
|
|
28
46
|
textDimmed: '#768793',
|
|
29
47
|
primary: '#FFBD00',
|
|
30
48
|
primarySoft: '#FFF2CC',
|
|
@@ -39,21 +57,34 @@ export const spotfishPreset = definePreset({
|
|
|
39
57
|
danger: '#BE201E',
|
|
40
58
|
dangerSoft: '#FBE6E5',
|
|
41
59
|
onDanger: '#FFFFFF',
|
|
42
|
-
success: '#
|
|
60
|
+
success: '#BDE68F',
|
|
43
61
|
successSoft: '#EEF8E1',
|
|
44
|
-
onSuccess: '#
|
|
45
|
-
|
|
62
|
+
onSuccess: '#000000',
|
|
63
|
+
successText: '#3E7A1E',
|
|
64
|
+
warning: '#FFBB00',
|
|
46
65
|
warningSoft: '#FFF3CC',
|
|
47
66
|
onWarning: '#000000',
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
67
|
+
warningText: '#8A6100',
|
|
68
|
+
info: '#E6ECF0',
|
|
69
|
+
infoSoft: '#F2F5F7',
|
|
70
|
+
onInfo: '#000000',
|
|
71
|
+
infoText: '#4F6470',
|
|
72
|
+
overlay: 'rgba(0, 0, 0, 0.4)',
|
|
73
|
+
focus: '#474747'
|
|
53
74
|
},
|
|
54
75
|
components: {
|
|
55
76
|
textField: {
|
|
56
77
|
background: '#E6ECF0'
|
|
78
|
+
},
|
|
79
|
+
switch: {
|
|
80
|
+
offColor: '#CADBED'
|
|
81
|
+
},
|
|
82
|
+
tabBar: {
|
|
83
|
+
background: '#000000',
|
|
84
|
+
indicatorColor: '#FFBD00',
|
|
85
|
+
activeColor: '#FFBD00',
|
|
86
|
+
onIndicatorColor: '#000000',
|
|
87
|
+
inactiveColor: '#FFBD00'
|
|
57
88
|
}
|
|
58
89
|
}
|
|
59
90
|
},
|
|
@@ -61,18 +92,18 @@ export const spotfishPreset = definePreset({
|
|
|
61
92
|
colors: {
|
|
62
93
|
background: '#0B0B0C',
|
|
63
94
|
surface: '#161617',
|
|
64
|
-
surfaceRaised: '#
|
|
65
|
-
surfaceSunken: '#
|
|
66
|
-
border: '#
|
|
95
|
+
surfaceRaised: '#323337',
|
|
96
|
+
surfaceSunken: '#26272A',
|
|
97
|
+
border: '#262629',
|
|
67
98
|
borderStrong: '#3F4045',
|
|
68
99
|
text: '#F4F4F5',
|
|
69
100
|
textMuted: '#B4B7BC',
|
|
70
101
|
textDimmed: '#7C8088',
|
|
71
102
|
primary: '#FFBD00',
|
|
72
|
-
primarySoft: '#
|
|
103
|
+
primarySoft: '#322A14',
|
|
73
104
|
onPrimary: '#000000',
|
|
74
105
|
primaryText: '#FFCF4D',
|
|
75
|
-
secondary: '#
|
|
106
|
+
secondary: '#3A3D42',
|
|
76
107
|
secondarySoft: '#1F2124',
|
|
77
108
|
onSecondary: '#F4F4F5',
|
|
78
109
|
neutral: '#F4F4F5',
|
|
@@ -95,7 +126,14 @@ export const spotfishPreset = definePreset({
|
|
|
95
126
|
},
|
|
96
127
|
components: {
|
|
97
128
|
textField: {
|
|
98
|
-
background: '#
|
|
129
|
+
background: '#19191B'
|
|
130
|
+
},
|
|
131
|
+
tabBar: {
|
|
132
|
+
background: '#1F1F21',
|
|
133
|
+
indicatorColor: '#FFBD00',
|
|
134
|
+
activeColor: '#FFBD00',
|
|
135
|
+
onIndicatorColor: '#000000',
|
|
136
|
+
inactiveColor: '#FFBD00'
|
|
99
137
|
}
|
|
100
138
|
}
|
|
101
139
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","
|
|
1
|
+
{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","appShape","funnelType","presetFontFamilies","spotfishPreset","name","label","description","shared","components","button","sm","fontSize","lineHeight","md","lg","typography","variants","display","unboundedSemiBold","title","heading","light","colors","background","surface","surfaceRaised","surfaceSunken","border","borderStrong","text","textMuted","textDimmed","primary","primarySoft","onPrimary","primaryText","secondary","secondarySoft","onSecondary","neutral","neutralSoft","onNeutral","danger","dangerSoft","onDanger","success","successSoft","onSuccess","successText","warning","warningSoft","onWarning","warningText","info","infoSoft","onInfo","infoText","overlay","focus","textField","switch","offColor","tabBar","indicatorColor","activeColor","onIndicatorColor","inactiveColor","dark"],"sourceRoot":"../../../src","sources":["presets/spotfish.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,16 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { definePreset, displayFace, mergeThemeInputs } from "./definePreset.js";
|
|
4
|
-
import {
|
|
4
|
+
import { appShape, funnelType, presetFontFamilies } from "./funnel.js";
|
|
5
5
|
export const suedtirolPreset = definePreset({
|
|
6
6
|
name: 'suedtirol',
|
|
7
7
|
label: 'Südtirol',
|
|
8
8
|
description: 'Deep green and lime from Südtirol Fishing, Funnel Sans with Funnel Display headings',
|
|
9
|
-
shared: mergeThemeInputs(
|
|
9
|
+
shared: mergeThemeInputs(funnelType, appShape, {
|
|
10
|
+
components: {
|
|
11
|
+
button: {
|
|
12
|
+
label: {
|
|
13
|
+
sm: {
|
|
14
|
+
fontSize: 16,
|
|
15
|
+
lineHeight: 20,
|
|
16
|
+
weight: 'bold'
|
|
17
|
+
},
|
|
18
|
+
md: {
|
|
19
|
+
variant: 'heading',
|
|
20
|
+
fontSize: 18,
|
|
21
|
+
lineHeight: 22,
|
|
22
|
+
weight: 'bold'
|
|
23
|
+
},
|
|
24
|
+
lg: {
|
|
25
|
+
variant: 'heading',
|
|
26
|
+
fontSize: 18,
|
|
27
|
+
lineHeight: 22,
|
|
28
|
+
weight: 'bold'
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
10
33
|
typography: {
|
|
11
34
|
variants: {
|
|
12
|
-
display: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [
|
|
13
|
-
title: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [
|
|
35
|
+
display: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [28, 34, -0.3]),
|
|
36
|
+
title: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [22, 28, -0.2]),
|
|
14
37
|
heading: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [18, 24, -0.1])
|
|
15
38
|
}
|
|
16
39
|
}
|
|
@@ -21,14 +44,15 @@ export const suedtirolPreset = definePreset({
|
|
|
21
44
|
surface: '#FFFFFF',
|
|
22
45
|
surfaceRaised: '#FFFFFF',
|
|
23
46
|
surfaceSunken: '#E6ECF0',
|
|
24
|
-
border: '#
|
|
25
|
-
borderStrong: '#
|
|
47
|
+
border: '#E6ECF0',
|
|
48
|
+
borderStrong: '#C3CFD7',
|
|
26
49
|
text: '#0D4631',
|
|
27
|
-
textMuted: '#
|
|
50
|
+
textMuted: '#5C6B75',
|
|
28
51
|
textDimmed: '#768793',
|
|
29
52
|
primary: '#0D4631',
|
|
30
53
|
primarySoft: '#DCEFE3',
|
|
31
54
|
onPrimary: '#BDE68F',
|
|
55
|
+
primaryText: '#0D4631',
|
|
32
56
|
secondary: '#BDE68F',
|
|
33
57
|
secondarySoft: '#EEF8E1',
|
|
34
58
|
onSecondary: '#0D4631',
|
|
@@ -38,21 +62,37 @@ export const suedtirolPreset = definePreset({
|
|
|
38
62
|
danger: '#BE201E',
|
|
39
63
|
dangerSoft: '#FBE6E5',
|
|
40
64
|
onDanger: '#FFFFFF',
|
|
41
|
-
success: '#
|
|
65
|
+
success: '#BDE68F',
|
|
42
66
|
successSoft: '#EEF8E1',
|
|
43
|
-
onSuccess: '#
|
|
44
|
-
|
|
67
|
+
onSuccess: '#0D4631',
|
|
68
|
+
successText: '#3E7A1E',
|
|
69
|
+
warning: '#FFBB00',
|
|
45
70
|
warningSoft: '#FFF3CC',
|
|
46
71
|
onWarning: '#0D4631',
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
72
|
+
warningText: '#8A6100',
|
|
73
|
+
info: '#E6ECF0',
|
|
74
|
+
infoSoft: '#F2F5F7',
|
|
75
|
+
onInfo: '#0D4631',
|
|
76
|
+
infoText: '#4F6470',
|
|
77
|
+
overlay: 'rgba(0, 0, 0, 0.4)',
|
|
51
78
|
focus: '#2F8F5B'
|
|
52
79
|
},
|
|
53
80
|
components: {
|
|
54
81
|
textField: {
|
|
55
82
|
background: '#E6ECF0'
|
|
83
|
+
},
|
|
84
|
+
switch: {
|
|
85
|
+
offColor: '#CADBED'
|
|
86
|
+
},
|
|
87
|
+
checkbox: {
|
|
88
|
+
tone: 'secondary'
|
|
89
|
+
},
|
|
90
|
+
tabBar: {
|
|
91
|
+
background: '#0D4631',
|
|
92
|
+
indicatorColor: '#BDE68F',
|
|
93
|
+
activeColor: '#BDE68F',
|
|
94
|
+
onIndicatorColor: '#0D4631',
|
|
95
|
+
inactiveColor: '#BDE68F'
|
|
56
96
|
}
|
|
57
97
|
}
|
|
58
98
|
},
|
|
@@ -60,16 +100,17 @@ export const suedtirolPreset = definePreset({
|
|
|
60
100
|
colors: {
|
|
61
101
|
background: '#06140E',
|
|
62
102
|
surface: '#0C2018',
|
|
63
|
-
surfaceRaised: '#
|
|
64
|
-
surfaceSunken: '#
|
|
65
|
-
border: '#
|
|
103
|
+
surfaceRaised: '#1F4232',
|
|
104
|
+
surfaceSunken: '#173326',
|
|
105
|
+
border: '#1B3529',
|
|
66
106
|
borderStrong: '#2E5242',
|
|
67
107
|
text: '#E8F3EC',
|
|
68
108
|
textMuted: '#A3BCAF',
|
|
69
109
|
textDimmed: '#6F897C',
|
|
70
110
|
primary: '#BDE68F',
|
|
71
|
-
primarySoft: '#
|
|
111
|
+
primarySoft: '#203625',
|
|
72
112
|
onPrimary: '#0D4631',
|
|
113
|
+
primaryText: '#BDE68F',
|
|
73
114
|
secondary: '#2A6B50',
|
|
74
115
|
secondarySoft: '#173326',
|
|
75
116
|
onSecondary: '#E8F3EC',
|
|
@@ -93,7 +134,14 @@ export const suedtirolPreset = definePreset({
|
|
|
93
134
|
},
|
|
94
135
|
components: {
|
|
95
136
|
textField: {
|
|
96
|
-
background: '#
|
|
137
|
+
background: '#0E2219'
|
|
138
|
+
},
|
|
139
|
+
tabBar: {
|
|
140
|
+
background: '#12291F',
|
|
141
|
+
indicatorColor: '#BDE68F',
|
|
142
|
+
activeColor: '#BDE68F',
|
|
143
|
+
onIndicatorColor: '#0D4631',
|
|
144
|
+
inactiveColor: '#BDE68F'
|
|
97
145
|
}
|
|
98
146
|
}
|
|
99
147
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","
|
|
1
|
+
{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","appShape","funnelType","presetFontFamilies","suedtirolPreset","name","label","description","shared","components","button","sm","fontSize","lineHeight","weight","md","variant","lg","typography","variants","display","funnelDisplayBold","title","heading","light","colors","background","surface","surfaceRaised","surfaceSunken","border","borderStrong","text","textMuted","textDimmed","primary","primarySoft","onPrimary","primaryText","secondary","secondarySoft","onSecondary","neutral","neutralSoft","onNeutral","danger","dangerSoft","onDanger","success","successSoft","onSuccess","successText","warning","warningSoft","onWarning","warningText","info","infoSoft","onInfo","infoText","overlay","focus","textField","switch","offColor","checkbox","tone","tabBar","indicatorColor","activeColor","onIndicatorColor","inactiveColor","dark"],"sourceRoot":"../../../src","sources":["presets/suedtirol.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { StyleSheet } from 'react-native-unistyles';
|
|
4
|
-
import { configureHaptics, configureIcons, configureText } from "./settings.js";
|
|
4
|
+
import { configureBlur, configureHaptics, configureIcons, configureText } from "./settings.js";
|
|
5
5
|
export const defaultBreakpoints = {
|
|
6
6
|
xs: 0,
|
|
7
7
|
sm: 380,
|
|
@@ -16,6 +16,9 @@ export const configureUi = options => {
|
|
|
16
16
|
if (options.haptics) {
|
|
17
17
|
configureHaptics(options.haptics);
|
|
18
18
|
}
|
|
19
|
+
if (options.blur) {
|
|
20
|
+
configureBlur(options.blur);
|
|
21
|
+
}
|
|
19
22
|
if (options.text) {
|
|
20
23
|
configureText(options.text);
|
|
21
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","configureHaptics","configureIcons","configureText","defaultBreakpoints","xs","sm","md","lg","xl","configureUi","options","icons","haptics","text","settings","adaptiveThemes","CSSVars","cssVars","initialTheme","configure","themes","breakpoints"],"sourceRoot":"../../../src","sources":["theme/configureUi.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,wBAAwB;AACnD,SAASC,gBAAgB,EAAEC,cAAc,EAAEC,aAAa,QAAQ,eAAY;
|
|
1
|
+
{"version":3,"names":["StyleSheet","configureBlur","configureHaptics","configureIcons","configureText","defaultBreakpoints","xs","sm","md","lg","xl","configureUi","options","icons","haptics","blur","text","settings","adaptiveThemes","CSSVars","cssVars","initialTheme","configure","themes","breakpoints"],"sourceRoot":"../../../src","sources":["theme/configureUi.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,wBAAwB;AACnD,SAASC,aAAa,EAAEC,gBAAgB,EAAEC,cAAc,EAAEC,aAAa,QAAQ,eAAY;AAI3F,OAAO,MAAMC,kBAAkB,GAAG;EAC/BC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE;AACP,CAAU;AAmBV,OAAO,MAAMC,WAAW,GAIrBC,OAAgD,IAC9C;EACF,IAAIA,OAAO,CAACC,KAAK,EAAE;IAChBV,cAAc,CAACS,OAAO,CAACC,KAAK,CAAC;EAChC;EACA,IAAID,OAAO,CAACE,OAAO,EAAE;IAClBZ,gBAAgB,CAACU,OAAO,CAACE,OAAO,CAAC;EACpC;EACA,IAAIF,OAAO,CAACG,IAAI,EAAE;IACfd,aAAa,CAACW,OAAO,CAACG,IAAI,CAAC;EAC9B;EACA,IAAIH,OAAO,CAACI,IAAI,EAAE;IACfZ,aAAa,CAACQ,OAAO,CAACI,IAAI,CAAC;EAC9B;EACA,MAAMC,QAAQ,GAAGL,OAAO,CAACM,cAAc,GAClC;IAAEA,cAAc,EAAE,IAAI;IAAEC,OAAO,EAAEP,OAAO,CAACQ,OAAO,IAAI;EAAM,CAAC,GAC3D;IAAEC,YAAY,EAAET,OAAO,CAACS,YAAY;IAAEF,OAAO,EAAEP,OAAO,CAACQ,OAAO,IAAI;EAAM,CAAC;EAC9EpB,UAAU,CAACsB,SAAS,CAAC;IAClBC,MAAM,EAAEX,OAAO,CAACW,MAAM;IACtBC,WAAW,EAAEZ,OAAO,CAACY,WAAW,IAAInB,kBAAkB;IACtDY;EACH,CAA0D,CAAC;AAC9D,CAAC","ignoreList":[]}
|
|
@@ -3,59 +3,59 @@
|
|
|
3
3
|
const space = multiplier => multiplier * 8;
|
|
4
4
|
const radius = {
|
|
5
5
|
none: 0,
|
|
6
|
-
xs:
|
|
6
|
+
xs: 6,
|
|
7
7
|
sm: 8,
|
|
8
8
|
md: 12,
|
|
9
9
|
lg: 16,
|
|
10
|
-
xl:
|
|
10
|
+
xl: 20,
|
|
11
11
|
full: 9999
|
|
12
12
|
};
|
|
13
13
|
const typography = {
|
|
14
14
|
fonts: {},
|
|
15
15
|
variants: {
|
|
16
16
|
display: {
|
|
17
|
-
fontSize:
|
|
18
|
-
lineHeight:
|
|
19
|
-
letterSpacing: -0.
|
|
20
|
-
weight: '
|
|
17
|
+
fontSize: 28,
|
|
18
|
+
lineHeight: 34,
|
|
19
|
+
letterSpacing: -0.6,
|
|
20
|
+
weight: 'semibold'
|
|
21
21
|
},
|
|
22
22
|
title: {
|
|
23
|
-
fontSize:
|
|
24
|
-
lineHeight:
|
|
25
|
-
letterSpacing: -0.
|
|
26
|
-
weight: '
|
|
23
|
+
fontSize: 22,
|
|
24
|
+
lineHeight: 28,
|
|
25
|
+
letterSpacing: -0.4,
|
|
26
|
+
weight: 'semibold'
|
|
27
27
|
},
|
|
28
28
|
heading: {
|
|
29
|
-
fontSize:
|
|
29
|
+
fontSize: 18,
|
|
30
30
|
lineHeight: 24,
|
|
31
31
|
letterSpacing: -0.2,
|
|
32
32
|
weight: 'semibold'
|
|
33
33
|
},
|
|
34
34
|
body: {
|
|
35
|
-
fontSize:
|
|
36
|
-
lineHeight:
|
|
35
|
+
fontSize: 15,
|
|
36
|
+
lineHeight: 21,
|
|
37
37
|
letterSpacing: 0,
|
|
38
38
|
weight: 'regular'
|
|
39
39
|
},
|
|
40
40
|
label: {
|
|
41
|
-
fontSize:
|
|
42
|
-
lineHeight:
|
|
41
|
+
fontSize: 15,
|
|
42
|
+
lineHeight: 20,
|
|
43
43
|
letterSpacing: 0,
|
|
44
44
|
weight: 'medium'
|
|
45
45
|
},
|
|
46
46
|
caption: {
|
|
47
|
-
fontSize:
|
|
48
|
-
lineHeight:
|
|
49
|
-
letterSpacing: 0
|
|
47
|
+
fontSize: 13,
|
|
48
|
+
lineHeight: 17,
|
|
49
|
+
letterSpacing: 0,
|
|
50
50
|
weight: 'regular'
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
const motion = {
|
|
55
55
|
duration: {
|
|
56
|
-
fast:
|
|
57
|
-
normal:
|
|
58
|
-
slow:
|
|
56
|
+
fast: 140,
|
|
57
|
+
normal: 260,
|
|
58
|
+
slow: 420
|
|
59
59
|
},
|
|
60
60
|
spring: {
|
|
61
61
|
press: {
|
|
@@ -82,7 +82,7 @@ const sizes = {
|
|
|
82
82
|
control: {
|
|
83
83
|
sm: 36,
|
|
84
84
|
md: 44,
|
|
85
|
-
lg:
|
|
85
|
+
lg: 50
|
|
86
86
|
},
|
|
87
87
|
icon: {
|
|
88
88
|
sm: 16,
|
|
@@ -93,41 +93,76 @@ const sizes = {
|
|
|
93
93
|
borderWidth: 1,
|
|
94
94
|
focusRingWidth: 3
|
|
95
95
|
};
|
|
96
|
+
const fieldHeights = {
|
|
97
|
+
sm: 40,
|
|
98
|
+
md: 50,
|
|
99
|
+
lg: 56
|
|
100
|
+
};
|
|
101
|
+
const components = {
|
|
102
|
+
button: {
|
|
103
|
+
height: fieldHeights,
|
|
104
|
+
labelWeight: 'medium'
|
|
105
|
+
},
|
|
106
|
+
textField: {
|
|
107
|
+
height: fieldHeights
|
|
108
|
+
},
|
|
109
|
+
screen: {
|
|
110
|
+
paddingX: 20
|
|
111
|
+
},
|
|
112
|
+
card: {
|
|
113
|
+
padding: 16
|
|
114
|
+
},
|
|
115
|
+
sheet: {
|
|
116
|
+
paddingX: 20
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
const withFieldBackground = background => ({
|
|
120
|
+
...components,
|
|
121
|
+
textField: {
|
|
122
|
+
...components.textField,
|
|
123
|
+
background
|
|
124
|
+
}
|
|
125
|
+
});
|
|
96
126
|
export const lightTheme = {
|
|
97
127
|
dark: false,
|
|
98
128
|
colors: {
|
|
99
|
-
background: '#
|
|
100
|
-
surface: '#
|
|
101
|
-
surfaceRaised: '#
|
|
102
|
-
surfaceSunken: '#
|
|
103
|
-
border: '#
|
|
104
|
-
borderStrong: '#
|
|
105
|
-
text: '#
|
|
106
|
-
textMuted: '#
|
|
107
|
-
textDimmed: '#
|
|
108
|
-
primary: '#
|
|
109
|
-
primarySoft: '#
|
|
110
|
-
onPrimary: '#
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
129
|
+
background: '#F5F5F6',
|
|
130
|
+
surface: '#FFFFFF',
|
|
131
|
+
surfaceRaised: '#FFFFFF',
|
|
132
|
+
surfaceSunken: '#EFEFF1',
|
|
133
|
+
border: '#E7E7EA',
|
|
134
|
+
borderStrong: '#D8D8DD',
|
|
135
|
+
text: '#111114',
|
|
136
|
+
textMuted: '#6B6B75',
|
|
137
|
+
textDimmed: '#85858E',
|
|
138
|
+
primary: '#5B5BD6',
|
|
139
|
+
primarySoft: '#EBEDFC',
|
|
140
|
+
onPrimary: '#FFFFFF',
|
|
141
|
+
primaryText: '#4E4EBA',
|
|
142
|
+
secondary: '#3B3B42',
|
|
143
|
+
secondarySoft: '#EFEFF1',
|
|
144
|
+
onSecondary: '#FFFFFF',
|
|
145
|
+
neutral: '#111114',
|
|
146
|
+
neutralSoft: '#EFEFF1',
|
|
147
|
+
onNeutral: '#FFFFFF',
|
|
148
|
+
danger: '#D9383A',
|
|
149
|
+
dangerSoft: '#FFEDEB',
|
|
150
|
+
onDanger: '#FFFFFF',
|
|
151
|
+
dangerText: '#A6292A',
|
|
152
|
+
success: '#1A7F4D',
|
|
153
|
+
successSoft: '#EAF3ED',
|
|
154
|
+
onSuccess: '#FFFFFF',
|
|
155
|
+
successText: '#14693E',
|
|
156
|
+
warning: '#A65A09',
|
|
157
|
+
warningSoft: '#F9EFE8',
|
|
158
|
+
onWarning: '#FFFFFF',
|
|
159
|
+
warningText: '#8A4906',
|
|
160
|
+
info: '#2F6FD6',
|
|
161
|
+
infoSoft: '#EAF1FC',
|
|
162
|
+
onInfo: '#FFFFFF',
|
|
163
|
+
infoText: '#255AAF',
|
|
164
|
+
overlay: 'rgba(22, 22, 30, 0.22)',
|
|
165
|
+
focus: '#4E4EBA',
|
|
131
166
|
shadow: '#000000'
|
|
132
167
|
},
|
|
133
168
|
radius,
|
|
@@ -135,43 +170,46 @@ export const lightTheme = {
|
|
|
135
170
|
typography,
|
|
136
171
|
motion,
|
|
137
172
|
sizes,
|
|
138
|
-
components:
|
|
173
|
+
components: withFieldBackground('#FFFFFF')
|
|
139
174
|
};
|
|
140
175
|
export const darkTheme = {
|
|
141
176
|
dark: true,
|
|
142
177
|
colors: {
|
|
143
|
-
background: '#
|
|
144
|
-
surface: '#
|
|
145
|
-
surfaceRaised: '#
|
|
146
|
-
surfaceSunken: '#
|
|
147
|
-
border: '#
|
|
148
|
-
borderStrong: '#
|
|
149
|
-
text: '#
|
|
150
|
-
textMuted: '#
|
|
151
|
-
textDimmed: '#
|
|
152
|
-
primary: '#
|
|
153
|
-
primarySoft: '#
|
|
154
|
-
onPrimary: '#
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
178
|
+
background: '#0D0D0F',
|
|
179
|
+
surface: '#141416',
|
|
180
|
+
surfaceRaised: '#1C1C20',
|
|
181
|
+
surfaceSunken: '#222226',
|
|
182
|
+
border: '#232327',
|
|
183
|
+
borderStrong: '#303036',
|
|
184
|
+
text: '#F2F2F3',
|
|
185
|
+
textMuted: '#9B9BA5',
|
|
186
|
+
textDimmed: '#6E6E78',
|
|
187
|
+
primary: '#6466E9',
|
|
188
|
+
primarySoft: '#1B1D2A',
|
|
189
|
+
onPrimary: '#FFFFFF',
|
|
190
|
+
primaryText: '#A4ADF7',
|
|
191
|
+
secondary: '#CDCDD3',
|
|
192
|
+
secondarySoft: '#222226',
|
|
193
|
+
onSecondary: '#111114',
|
|
194
|
+
neutral: '#F2F2F3',
|
|
195
|
+
neutralSoft: '#222226',
|
|
196
|
+
onNeutral: '#111114',
|
|
197
|
+
danger: '#F47A7A',
|
|
198
|
+
dangerSoft: '#271E1F',
|
|
199
|
+
onDanger: '#111114',
|
|
200
|
+
dangerText: '#F78887',
|
|
201
|
+
success: '#5CCF90',
|
|
202
|
+
successSoft: '#1C2421',
|
|
203
|
+
onSuccess: '#111114',
|
|
204
|
+
warning: '#EFB255',
|
|
205
|
+
warningSoft: '#26211D',
|
|
206
|
+
onWarning: '#111114',
|
|
207
|
+
info: '#7AA8F4',
|
|
208
|
+
infoSoft: '#1D2128',
|
|
209
|
+
onInfo: '#111114',
|
|
210
|
+
infoText: '#82ADF5',
|
|
211
|
+
overlay: 'rgba(0, 0, 0, 0.55)',
|
|
212
|
+
focus: '#8D97F3',
|
|
175
213
|
shadow: '#000000'
|
|
176
214
|
},
|
|
177
215
|
radius,
|
|
@@ -179,6 +217,6 @@ export const darkTheme = {
|
|
|
179
217
|
typography,
|
|
180
218
|
motion,
|
|
181
219
|
sizes,
|
|
182
|
-
components:
|
|
220
|
+
components: withFieldBackground('#19191C')
|
|
183
221
|
};
|
|
184
222
|
//# sourceMappingURL=defaults.js.map
|