@xleddyl/443-components-native 0.6.2 → 0.7.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 +72 -25
- 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/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/TextField.js +3 -2
- package/lib/module/components/core/TextField.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/Card.js +9 -2
- package/lib/module/components/display/Card.js.map +1 -1
- package/lib/module/components/display/List.js +6 -5
- package/lib/module/components/display/List.js.map +1 -1
- package/lib/module/components/forms/Checkbox.js +1 -1
- package/lib/module/components/forms/Checkbox.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/PinInput.js +18 -13
- package/lib/module/components/forms/PinInput.js.map +1 -1
- package/lib/module/components/forms/Radio.js +7 -2
- package/lib/module/components/forms/Radio.js.map +1 -1
- package/lib/module/components/forms/SegmentedControl.js +57 -42
- package/lib/module/components/forms/SegmentedControl.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 +37 -20
- 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/OverlayHeader.js +30 -24
- package/lib/module/components/overlays/OverlayHeader.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/toastStore.js +0 -2
- package/lib/module/components/overlays/toastStore.js.map +1 -1
- 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/presets/default.js +99 -148
- package/lib/module/presets/default.js.map +1 -1
- package/lib/module/presets/funnel.js +17 -51
- package/lib/module/presets/funnel.js.map +1 -1
- package/lib/module/presets/spotfish.js +38 -21
- package/lib/module/presets/spotfish.js.map +1 -1
- package/lib/module/presets/suedtirol.js +38 -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 +45 -21
- 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/typescript/components/core/BlurSurface.d.ts +12 -0
- package/lib/typescript/components/core/BlurSurface.d.ts.map +1 -0
- package/lib/typescript/components/core/DefaultIcon.d.ts.map +1 -1
- package/lib/typescript/components/core/IconButton.d.ts +3 -2
- package/lib/typescript/components/core/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/core/Screen.d.ts +3 -2
- package/lib/typescript/components/core/Screen.d.ts.map +1 -1
- package/lib/typescript/components/core/TextField.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/Card.d.ts.map +1 -1
- package/lib/typescript/components/display/List.d.ts.map +1 -1
- package/lib/typescript/components/forms/ChipInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/PinInput.d.ts +2 -1
- package/lib/typescript/components/forms/PinInput.d.ts.map +1 -1
- package/lib/typescript/components/forms/Radio.d.ts.map +1 -1
- package/lib/typescript/components/forms/SegmentedControl.d.ts.map +1 -1
- package/lib/typescript/components/navigation/BackButton.d.ts +3 -2
- package/lib/typescript/components/navigation/BackButton.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Header.d.ts +3 -0
- package/lib/typescript/components/navigation/Header.d.ts.map +1 -1
- package/lib/typescript/components/navigation/TabBar.d.ts +1 -0
- package/lib/typescript/components/navigation/TabBar.d.ts.map +1 -1
- package/lib/typescript/components/navigation/Tabs.d.ts +2 -1
- package/lib/typescript/components/navigation/Tabs.d.ts.map +1 -1
- package/lib/typescript/components/navigation/index.d.ts +1 -1
- 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/OverlayHeader.d.ts +2 -1
- package/lib/typescript/components/overlays/OverlayHeader.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Sheet.d.ts.map +1 -1
- package/lib/typescript/components/overlays/Toast.d.ts +2 -7
- 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/index.d.ts +1 -1
- package/lib/typescript/components/overlays/index.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/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/fallbacks/dateFormat.d.ts +1 -1
- package/lib/typescript/presets/default.d.ts.map +1 -1
- package/lib/typescript/presets/funnel.d.ts +6 -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 +1 -2
- package/lib/typescript/theme/types.d.ts.map +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/package.json +1 -1
|
@@ -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"],"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","ignoreList":[]}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { definePreset, displayFace, mergeThemeInputs } from "./definePreset.js";
|
|
4
|
-
import {
|
|
4
|
+
import { 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, {
|
|
10
10
|
typography: {
|
|
11
11
|
variants: {
|
|
12
|
-
display: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [
|
|
13
|
-
title: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [
|
|
12
|
+
display: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [22, 30, -0.3]),
|
|
13
|
+
title: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [20, 26, -0.2]),
|
|
14
14
|
heading: displayFace(presetFontFamilies.unboundedSemiBold, 'semibold', [17, 24, -0.1])
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -21,10 +21,10 @@ export const spotfishPreset = definePreset({
|
|
|
21
21
|
surface: '#FFFFFF',
|
|
22
22
|
surfaceRaised: '#FFFFFF',
|
|
23
23
|
surfaceSunken: '#E6ECF0',
|
|
24
|
-
border: '#
|
|
25
|
-
borderStrong: '#
|
|
24
|
+
border: '#E6ECF0',
|
|
25
|
+
borderStrong: '#C3CFD7',
|
|
26
26
|
text: '#000000',
|
|
27
|
-
textMuted: '#
|
|
27
|
+
textMuted: '#5C6B75',
|
|
28
28
|
textDimmed: '#768793',
|
|
29
29
|
primary: '#FFBD00',
|
|
30
30
|
primarySoft: '#FFF2CC',
|
|
@@ -39,21 +39,31 @@ export const spotfishPreset = definePreset({
|
|
|
39
39
|
danger: '#BE201E',
|
|
40
40
|
dangerSoft: '#FBE6E5',
|
|
41
41
|
onDanger: '#FFFFFF',
|
|
42
|
-
success: '#
|
|
42
|
+
success: '#BDE68F',
|
|
43
43
|
successSoft: '#EEF8E1',
|
|
44
|
-
onSuccess: '#
|
|
45
|
-
|
|
44
|
+
onSuccess: '#000000',
|
|
45
|
+
successText: '#3E7A1E',
|
|
46
|
+
warning: '#FFBB00',
|
|
46
47
|
warningSoft: '#FFF3CC',
|
|
47
48
|
onWarning: '#000000',
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
49
|
+
warningText: '#8A6100',
|
|
50
|
+
info: '#E6ECF0',
|
|
51
|
+
infoSoft: '#F2F5F7',
|
|
52
|
+
onInfo: '#000000',
|
|
53
|
+
infoText: '#4F6470',
|
|
54
|
+
overlay: 'rgba(0, 0, 0, 0.4)',
|
|
55
|
+
focus: '#474747'
|
|
53
56
|
},
|
|
54
57
|
components: {
|
|
55
58
|
textField: {
|
|
56
59
|
background: '#E6ECF0'
|
|
60
|
+
},
|
|
61
|
+
tabBar: {
|
|
62
|
+
background: '#000000',
|
|
63
|
+
indicatorColor: '#FFBD00',
|
|
64
|
+
activeColor: '#FFBD00',
|
|
65
|
+
onIndicatorColor: '#000000',
|
|
66
|
+
inactiveColor: '#FFBD00'
|
|
57
67
|
}
|
|
58
68
|
}
|
|
59
69
|
},
|
|
@@ -61,18 +71,18 @@ export const spotfishPreset = definePreset({
|
|
|
61
71
|
colors: {
|
|
62
72
|
background: '#0B0B0C',
|
|
63
73
|
surface: '#161617',
|
|
64
|
-
surfaceRaised: '#
|
|
65
|
-
surfaceSunken: '#
|
|
66
|
-
border: '#
|
|
74
|
+
surfaceRaised: '#323337',
|
|
75
|
+
surfaceSunken: '#26272A',
|
|
76
|
+
border: '#262629',
|
|
67
77
|
borderStrong: '#3F4045',
|
|
68
78
|
text: '#F4F4F5',
|
|
69
79
|
textMuted: '#B4B7BC',
|
|
70
80
|
textDimmed: '#7C8088',
|
|
71
81
|
primary: '#FFBD00',
|
|
72
|
-
primarySoft: '#
|
|
82
|
+
primarySoft: '#322A14',
|
|
73
83
|
onPrimary: '#000000',
|
|
74
84
|
primaryText: '#FFCF4D',
|
|
75
|
-
secondary: '#
|
|
85
|
+
secondary: '#3A3D42',
|
|
76
86
|
secondarySoft: '#1F2124',
|
|
77
87
|
onSecondary: '#F4F4F5',
|
|
78
88
|
neutral: '#F4F4F5',
|
|
@@ -95,7 +105,14 @@ export const spotfishPreset = definePreset({
|
|
|
95
105
|
},
|
|
96
106
|
components: {
|
|
97
107
|
textField: {
|
|
98
|
-
background: '#
|
|
108
|
+
background: '#19191B'
|
|
109
|
+
},
|
|
110
|
+
tabBar: {
|
|
111
|
+
background: '#1F1F21',
|
|
112
|
+
indicatorColor: '#FFBD00',
|
|
113
|
+
activeColor: '#FFBD00',
|
|
114
|
+
onIndicatorColor: '#000000',
|
|
115
|
+
inactiveColor: '#FFBD00'
|
|
99
116
|
}
|
|
100
117
|
}
|
|
101
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","
|
|
1
|
+
{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","funnelType","presetFontFamilies","spotfishPreset","name","label","description","shared","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","components","textField","tabBar","indicatorColor","activeColor","onIndicatorColor","inactiveColor","dark"],"sourceRoot":"../../../src","sources":["presets/spotfish.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { definePreset, displayFace, mergeThemeInputs } from "./definePreset.js";
|
|
4
|
-
import {
|
|
4
|
+
import { 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, {
|
|
10
10
|
typography: {
|
|
11
11
|
variants: {
|
|
12
|
-
display: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [
|
|
13
|
-
title: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [
|
|
12
|
+
display: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [28, 34, -0.3]),
|
|
13
|
+
title: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [22, 28, -0.2]),
|
|
14
14
|
heading: displayFace(presetFontFamilies.funnelDisplayBold, 'bold', [18, 24, -0.1])
|
|
15
15
|
}
|
|
16
16
|
}
|
|
@@ -21,14 +21,15 @@ export const suedtirolPreset = definePreset({
|
|
|
21
21
|
surface: '#FFFFFF',
|
|
22
22
|
surfaceRaised: '#FFFFFF',
|
|
23
23
|
surfaceSunken: '#E6ECF0',
|
|
24
|
-
border: '#
|
|
25
|
-
borderStrong: '#
|
|
24
|
+
border: '#E6ECF0',
|
|
25
|
+
borderStrong: '#C3CFD7',
|
|
26
26
|
text: '#0D4631',
|
|
27
|
-
textMuted: '#
|
|
27
|
+
textMuted: '#5C6B75',
|
|
28
28
|
textDimmed: '#768793',
|
|
29
29
|
primary: '#0D4631',
|
|
30
30
|
primarySoft: '#DCEFE3',
|
|
31
31
|
onPrimary: '#BDE68F',
|
|
32
|
+
primaryText: '#0D4631',
|
|
32
33
|
secondary: '#BDE68F',
|
|
33
34
|
secondarySoft: '#EEF8E1',
|
|
34
35
|
onSecondary: '#0D4631',
|
|
@@ -38,21 +39,31 @@ export const suedtirolPreset = definePreset({
|
|
|
38
39
|
danger: '#BE201E',
|
|
39
40
|
dangerSoft: '#FBE6E5',
|
|
40
41
|
onDanger: '#FFFFFF',
|
|
41
|
-
success: '#
|
|
42
|
+
success: '#BDE68F',
|
|
42
43
|
successSoft: '#EEF8E1',
|
|
43
|
-
onSuccess: '#
|
|
44
|
-
|
|
44
|
+
onSuccess: '#0D4631',
|
|
45
|
+
successText: '#3E7A1E',
|
|
46
|
+
warning: '#FFBB00',
|
|
45
47
|
warningSoft: '#FFF3CC',
|
|
46
48
|
onWarning: '#0D4631',
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
warningText: '#8A6100',
|
|
50
|
+
info: '#E6ECF0',
|
|
51
|
+
infoSoft: '#F2F5F7',
|
|
52
|
+
onInfo: '#0D4631',
|
|
53
|
+
infoText: '#4F6470',
|
|
54
|
+
overlay: 'rgba(0, 0, 0, 0.4)',
|
|
51
55
|
focus: '#2F8F5B'
|
|
52
56
|
},
|
|
53
57
|
components: {
|
|
54
58
|
textField: {
|
|
55
59
|
background: '#E6ECF0'
|
|
60
|
+
},
|
|
61
|
+
tabBar: {
|
|
62
|
+
background: '#0D4631',
|
|
63
|
+
indicatorColor: '#BDE68F',
|
|
64
|
+
activeColor: '#BDE68F',
|
|
65
|
+
onIndicatorColor: '#0D4631',
|
|
66
|
+
inactiveColor: '#BDE68F'
|
|
56
67
|
}
|
|
57
68
|
}
|
|
58
69
|
},
|
|
@@ -60,16 +71,17 @@ export const suedtirolPreset = definePreset({
|
|
|
60
71
|
colors: {
|
|
61
72
|
background: '#06140E',
|
|
62
73
|
surface: '#0C2018',
|
|
63
|
-
surfaceRaised: '#
|
|
64
|
-
surfaceSunken: '#
|
|
65
|
-
border: '#
|
|
74
|
+
surfaceRaised: '#1F4232',
|
|
75
|
+
surfaceSunken: '#173326',
|
|
76
|
+
border: '#1B3529',
|
|
66
77
|
borderStrong: '#2E5242',
|
|
67
78
|
text: '#E8F3EC',
|
|
68
79
|
textMuted: '#A3BCAF',
|
|
69
80
|
textDimmed: '#6F897C',
|
|
70
81
|
primary: '#BDE68F',
|
|
71
|
-
primarySoft: '#
|
|
82
|
+
primarySoft: '#203625',
|
|
72
83
|
onPrimary: '#0D4631',
|
|
84
|
+
primaryText: '#BDE68F',
|
|
73
85
|
secondary: '#2A6B50',
|
|
74
86
|
secondarySoft: '#173326',
|
|
75
87
|
onSecondary: '#E8F3EC',
|
|
@@ -93,7 +105,14 @@ export const suedtirolPreset = definePreset({
|
|
|
93
105
|
},
|
|
94
106
|
components: {
|
|
95
107
|
textField: {
|
|
96
|
-
background: '#
|
|
108
|
+
background: '#0E2219'
|
|
109
|
+
},
|
|
110
|
+
tabBar: {
|
|
111
|
+
background: '#12291F',
|
|
112
|
+
indicatorColor: '#BDE68F',
|
|
113
|
+
activeColor: '#BDE68F',
|
|
114
|
+
onIndicatorColor: '#0D4631',
|
|
115
|
+
inactiveColor: '#BDE68F'
|
|
97
116
|
}
|
|
98
117
|
}
|
|
99
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","
|
|
1
|
+
{"version":3,"names":["definePreset","displayFace","mergeThemeInputs","funnelType","presetFontFamilies","suedtirolPreset","name","label","description","shared","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","components","textField","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,50 +3,50 @@
|
|
|
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
|
-
md:
|
|
8
|
+
md: 10,
|
|
9
9
|
lg: 16,
|
|
10
|
-
xl:
|
|
10
|
+
xl: 22,
|
|
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.
|
|
17
|
+
fontSize: 28,
|
|
18
|
+
lineHeight: 34,
|
|
19
|
+
letterSpacing: -0.3,
|
|
20
20
|
weight: 'bold'
|
|
21
21
|
},
|
|
22
22
|
title: {
|
|
23
|
-
fontSize:
|
|
24
|
-
lineHeight:
|
|
25
|
-
letterSpacing: -0.
|
|
23
|
+
fontSize: 22,
|
|
24
|
+
lineHeight: 28,
|
|
25
|
+
letterSpacing: -0.2,
|
|
26
26
|
weight: 'bold'
|
|
27
27
|
},
|
|
28
28
|
heading: {
|
|
29
|
-
fontSize:
|
|
29
|
+
fontSize: 18,
|
|
30
30
|
lineHeight: 24,
|
|
31
|
-
letterSpacing: -0.
|
|
31
|
+
letterSpacing: -0.1,
|
|
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
|
}
|
|
@@ -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,6 +93,30 @@ 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: 'semibold'
|
|
105
|
+
},
|
|
106
|
+
textField: {
|
|
107
|
+
height: fieldHeights
|
|
108
|
+
},
|
|
109
|
+
screen: {
|
|
110
|
+
paddingX: 20
|
|
111
|
+
},
|
|
112
|
+
card: {
|
|
113
|
+
radius: 16,
|
|
114
|
+
padding: 16
|
|
115
|
+
},
|
|
116
|
+
sheet: {
|
|
117
|
+
paddingX: 20
|
|
118
|
+
}
|
|
119
|
+
};
|
|
96
120
|
export const lightTheme = {
|
|
97
121
|
dark: false,
|
|
98
122
|
colors: {
|
|
@@ -135,7 +159,7 @@ export const lightTheme = {
|
|
|
135
159
|
typography,
|
|
136
160
|
motion,
|
|
137
161
|
sizes,
|
|
138
|
-
components
|
|
162
|
+
components
|
|
139
163
|
};
|
|
140
164
|
export const darkTheme = {
|
|
141
165
|
dark: true,
|
|
@@ -179,6 +203,6 @@ export const darkTheme = {
|
|
|
179
203
|
typography,
|
|
180
204
|
motion,
|
|
181
205
|
sizes,
|
|
182
|
-
components
|
|
206
|
+
components
|
|
183
207
|
};
|
|
184
208
|
//# sourceMappingURL=defaults.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["space","multiplier","radius","none","xs","sm","md","lg","xl","full","typography","fonts","variants","display","fontSize","lineHeight","letterSpacing","weight","title","heading","body","label","caption","motion","duration","fast","normal","slow","spring","press","damping","stiffness","mass","gentle","bouncy","pressScale","pressedOpacity","disabledOpacity","sizes","control","icon","minTouchTarget","borderWidth","focusRingWidth","lightTheme","dark","colors","background","surface","surfaceRaised","surfaceSunken","border","borderStrong","text","textMuted","textDimmed","primary","primarySoft","onPrimary","secondary","secondarySoft","onSecondary","neutral","neutralSoft","onNeutral","danger","dangerSoft","onDanger","success","successSoft","onSuccess","warning","warningSoft","onWarning","info","infoSoft","onInfo","overlay","focus","shadow","
|
|
1
|
+
{"version":3,"names":["space","multiplier","radius","none","xs","sm","md","lg","xl","full","typography","fonts","variants","display","fontSize","lineHeight","letterSpacing","weight","title","heading","body","label","caption","motion","duration","fast","normal","slow","spring","press","damping","stiffness","mass","gentle","bouncy","pressScale","pressedOpacity","disabledOpacity","sizes","control","icon","minTouchTarget","borderWidth","focusRingWidth","fieldHeights","components","button","height","labelWeight","textField","screen","paddingX","card","padding","sheet","lightTheme","dark","colors","background","surface","surfaceRaised","surfaceSunken","border","borderStrong","text","textMuted","textDimmed","primary","primarySoft","onPrimary","secondary","secondarySoft","onSecondary","neutral","neutralSoft","onNeutral","danger","dangerSoft","onDanger","success","successSoft","onSuccess","warning","warningSoft","onWarning","info","infoSoft","onInfo","overlay","focus","shadow","darkTheme"],"sourceRoot":"../../../src","sources":["theme/defaults.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
export { configureUi, defaultBreakpoints } from "./configureUi.js";
|
|
4
4
|
export { createTheme, deepMerge } from "./createTheme.js";
|
|
5
5
|
export { darkTheme, lightTheme } from "./defaults.js";
|
|
6
|
-
export { configureHaptics, composeIconRenderers, configureIcons, configureText, triggerHaptic, uiSettings } from "./settings.js";
|
|
6
|
+
export { configureBlur, configureHaptics, composeIconRenderers, configureIcons, configureText, triggerHaptic, uiSettings } from "./settings.js";
|
|
7
7
|
export { toneColors } from "./tones.js";
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["configureUi","defaultBreakpoints","createTheme","deepMerge","darkTheme","lightTheme","configureHaptics","composeIconRenderers","configureIcons","configureText","triggerHaptic","uiSettings","toneColors"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,kBAAkB,QAAQ,kBAAe;AAE/D,SAASC,WAAW,EAAEC,SAAS,QAAQ,kBAAe;AAEtD,SAASC,SAAS,EAAEC,UAAU,QAAQ,eAAY;AAClD,SACGC,gBAAgB,EAChBC,oBAAoB,EACpBC,cAAc,EACdC,aAAa,EACbC,aAAa,EACbC,UAAU,QACN,eAAY;
|
|
1
|
+
{"version":3,"names":["configureUi","defaultBreakpoints","createTheme","deepMerge","darkTheme","lightTheme","configureBlur","configureHaptics","composeIconRenderers","configureIcons","configureText","triggerHaptic","uiSettings","toneColors"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,kBAAkB,QAAQ,kBAAe;AAE/D,SAASC,WAAW,EAAEC,SAAS,QAAQ,kBAAe;AAEtD,SAASC,SAAS,EAAEC,UAAU,QAAQ,eAAY;AAClD,SACGC,aAAa,EACbC,gBAAgB,EAChBC,oBAAoB,EACpBC,cAAc,EACdC,aAAa,EACbC,aAAa,EACbC,UAAU,QACN,eAAY;AASnB,SAASC,UAAU,QAAQ,YAAS","ignoreList":[]}
|
|
@@ -9,6 +9,9 @@ export const uiSettings = {
|
|
|
9
9
|
export const configureIcons = renderer => {
|
|
10
10
|
uiSettings.icons = renderer;
|
|
11
11
|
};
|
|
12
|
+
export const configureBlur = adapter => {
|
|
13
|
+
uiSettings.blur = adapter;
|
|
14
|
+
};
|
|
12
15
|
export const configureHaptics = adapter => {
|
|
13
16
|
uiSettings.haptics = adapter;
|
|
14
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["uiSettings","text","allowFontScaling","maxFontSizeMultiplier","configureIcons","renderer","icons","
|
|
1
|
+
{"version":3,"names":["uiSettings","text","allowFontScaling","maxFontSizeMultiplier","configureIcons","renderer","icons","configureBlur","adapter","blur","configureHaptics","haptics","configureText","settings","triggerHaptic","kind","composeIconRenderers","renderers","name","props","node","undefined"],"sourceRoot":"../../../src","sources":["theme/settings.ts"],"mappings":";;AA8BA,OAAO,MAAMA,UAAsB,GAAG;EACnCC,IAAI,EAAE;IAAEC,gBAAgB,EAAE,IAAI;IAAEC,qBAAqB,EAAE;EAAI;AAC9D,CAAC;AAED,OAAO,MAAMC,cAAc,GAAIC,QAAkC,IAAK;EACnEL,UAAU,CAACM,KAAK,GAAGD,QAAQ;AAC9B,CAAC;AAED,OAAO,MAAME,aAAa,GAAIC,OAAgC,IAAK;EAChER,UAAU,CAACS,IAAI,GAAGD,OAAO;AAC5B,CAAC;AAED,OAAO,MAAME,gBAAgB,GAAIF,OAAmC,IAAK;EACtER,UAAU,CAACW,OAAO,GAAGH,OAAO;AAC/B,CAAC;AAED,OAAO,MAAMI,aAAa,GAAIC,QAA+B,IAAK;EAC/Db,UAAU,CAACC,IAAI,GAAG;IAAE,GAAGD,UAAU,CAACC,IAAI;IAAE,GAAGY;EAAS,CAAC;AACxD,CAAC;AAED,OAAO,MAAMC,aAAa,GAAIC,IAAoC,IAAK;EACpE,IAAI,CAACA,IAAI,IAAI,CAACf,UAAU,CAACW,OAAO,EAAE;IAC/B;EACH;EACA,IAAI;IACDX,UAAU,CAACW,OAAO,CAACI,IAAI,CAAC;EAC3B,CAAC,CAAC,MAAM;IACL;EACH;AACH,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAC9BA,CAAC,GAAGC,SAAuC,KAC3C,CAACC,IAAI,EAAEC,KAAK,KAAK;EACd,KAAK,MAAMd,QAAQ,IAAIY,SAAS,EAAE;IAC/B,MAAMG,IAAI,GAAGf,QAAQ,GAAGa,IAAI,EAAEC,KAAK,CAAC;IACpC,IAAIC,IAAI,KAAKC,SAAS,IAAID,IAAI,KAAK,IAAI,EAAE;MACtC,OAAOA,IAAI;IACd;EACH;EACA,OAAOC,SAAS;AACnB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
const shortHex = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i;
|
|
4
|
+
const longHex = /^#[0-9a-f]{6}$/i;
|
|
5
|
+
export const withAlpha = (color, alpha) => {
|
|
6
|
+
const expanded = color.replace(shortHex, '#$1$1$2$2$3$3');
|
|
7
|
+
if (!longHex.test(expanded)) {
|
|
8
|
+
return color;
|
|
9
|
+
}
|
|
10
|
+
const channel = Math.round(Math.min(Math.max(alpha, 0), 1) * 255);
|
|
11
|
+
return `${expanded}${channel.toString(16).padStart(2, '0')}`;
|
|
12
|
+
};
|
|
13
|
+
const channels = color => {
|
|
14
|
+
const expanded = color.replace(shortHex, '#$1$1$2$2$3$3');
|
|
15
|
+
if (!/^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(expanded)) {
|
|
16
|
+
return undefined;
|
|
17
|
+
}
|
|
18
|
+
return [1, 3, 5].map(index => parseInt(expanded.slice(index, index + 2), 16) / 255);
|
|
19
|
+
};
|
|
20
|
+
const luminance = color => {
|
|
21
|
+
const rgb = channels(color);
|
|
22
|
+
if (!rgb) {
|
|
23
|
+
return undefined;
|
|
24
|
+
}
|
|
25
|
+
const [r = 0, g = 0, b = 0] = rgb.map(value => value <= 0.03928 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4);
|
|
26
|
+
return 0.2126 * r + 0.7152 * g + 0.0722 * b;
|
|
27
|
+
};
|
|
28
|
+
export const contrastRatio = (first, second) => {
|
|
29
|
+
const a = luminance(first);
|
|
30
|
+
const b = luminance(second);
|
|
31
|
+
if (a === undefined || b === undefined) {
|
|
32
|
+
return Infinity;
|
|
33
|
+
}
|
|
34
|
+
return (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05);
|
|
35
|
+
};
|
|
36
|
+
const controlContrast = 3;
|
|
37
|
+
export const readableOn = (color, fallback, background) => contrastRatio(color, background) >= controlContrast ? color : fallback;
|
|
38
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["shortHex","longHex","withAlpha","color","alpha","expanded","replace","test","channel","Math","round","min","max","toString","padStart","channels","undefined","map","index","parseInt","slice","luminance","rgb","r","g","b","value","contrastRatio","first","second","a","Infinity","controlContrast","readableOn","fallback","background"],"sourceRoot":"../../../src","sources":["utils/color.ts"],"mappings":";;AAAA,MAAMA,QAAQ,GAAG,oCAAoC;AACrD,MAAMC,OAAO,GAAG,iBAAiB;AAEjC,OAAO,MAAMC,SAAS,GAAGA,CAACC,KAAa,EAAEC,KAAa,KAAK;EACxD,MAAMC,QAAQ,GAAGF,KAAK,CAACG,OAAO,CAACN,QAAQ,EAAE,eAAe,CAAC;EACzD,IAAI,CAACC,OAAO,CAACM,IAAI,CAACF,QAAQ,CAAC,EAAE;IAC1B,OAAOF,KAAK;EACf;EACA,MAAMK,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,GAAG,CAACF,IAAI,CAACG,GAAG,CAACR,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;EACjE,OAAO,GAAGC,QAAQ,GAAGG,OAAO,CAACK,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;AAC/D,CAAC;AAED,MAAMC,QAAQ,GAAIZ,KAAa,IAAK;EACjC,MAAME,QAAQ,GAAGF,KAAK,CAACG,OAAO,CAACN,QAAQ,EAAE,eAAe,CAAC;EACzD,IAAI,CAAC,+BAA+B,CAACO,IAAI,CAACF,QAAQ,CAAC,EAAE;IAClD,OAAOW,SAAS;EACnB;EACA,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,GAAG,CAAEC,KAAK,IAAKC,QAAQ,CAACd,QAAQ,CAACe,KAAK,CAACF,KAAK,EAAEA,KAAK,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC;AACxF,CAAC;AAED,MAAMG,SAAS,GAAIlB,KAAa,IAAK;EAClC,MAAMmB,GAAG,GAAGP,QAAQ,CAACZ,KAAK,CAAC;EAC3B,IAAI,CAACmB,GAAG,EAAE;IACP,OAAON,SAAS;EACnB;EACA,MAAM,CAACO,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,CAAC,GAAGH,GAAG,CAACL,GAAG,CAAES,KAAK,IACzCA,KAAK,IAAI,OAAO,GAAGA,KAAK,GAAG,KAAK,GAAG,CAAC,CAACA,KAAK,GAAG,KAAK,IAAI,KAAK,KAAK,GACnE,CAAC;EACD,OAAO,MAAM,GAAGH,CAAC,GAAG,MAAM,GAAGC,CAAC,GAAG,MAAM,GAAGC,CAAC;AAC9C,CAAC;AAED,OAAO,MAAME,aAAa,GAAGA,CAACC,KAAa,EAAEC,MAAc,KAAK;EAC7D,MAAMC,CAAC,GAAGT,SAAS,CAACO,KAAK,CAAC;EAC1B,MAAMH,CAAC,GAAGJ,SAAS,CAACQ,MAAM,CAAC;EAC3B,IAAIC,CAAC,KAAKd,SAAS,IAAIS,CAAC,KAAKT,SAAS,EAAE;IACrC,OAAOe,QAAQ;EAClB;EACA,OAAO,CAACtB,IAAI,CAACG,GAAG,CAACkB,CAAC,EAAEL,CAAC,CAAC,GAAG,IAAI,KAAKhB,IAAI,CAACE,GAAG,CAACmB,CAAC,EAAEL,CAAC,CAAC,GAAG,IAAI,CAAC;AAC3D,CAAC;AAED,MAAMO,eAAe,GAAG,CAAC;AAEzB,OAAO,MAAMC,UAAU,GAAGA,CAAC9B,KAAa,EAAE+B,QAAgB,EAAEC,UAAkB,KAC3ER,aAAa,CAACxB,KAAK,EAAEgC,UAAU,CAAC,IAAIH,eAAe,GAAG7B,KAAK,GAAG+B,QAAQ","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
const namedSizes = ['sm', 'md', 'lg'];
|
|
4
|
+
export const controlMetrics = (theme, size, named) => {
|
|
5
|
+
if (typeof size !== 'number') {
|
|
6
|
+
return {
|
|
7
|
+
dimension: named ?? theme.sizes.control[size],
|
|
8
|
+
iconSize: theme.sizes.icon[size]
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
const nearest = namedSizes.find(name => size <= theme.sizes.control[name]) ?? 'lg';
|
|
12
|
+
return {
|
|
13
|
+
dimension: size,
|
|
14
|
+
iconSize: theme.sizes.icon[nearest]
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=controlSize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["namedSizes","controlMetrics","theme","size","named","dimension","sizes","control","iconSize","icon","nearest","find","name"],"sourceRoot":"../../../src","sources":["utils/controlSize.ts"],"mappings":";;AAIA,MAAMA,UAAyB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAEpD,OAAO,MAAMC,cAAc,GAAGA,CAACC,KAAgB,EAAEC,IAAsB,EAAEC,KAAc,KAAK;EACzF,IAAI,OAAOD,IAAI,KAAK,QAAQ,EAAE;IAC3B,OAAO;MAAEE,SAAS,EAAED,KAAK,IAAIF,KAAK,CAACI,KAAK,CAACC,OAAO,CAACJ,IAAI,CAAC;MAAEK,QAAQ,EAAEN,KAAK,CAACI,KAAK,CAACG,IAAI,CAACN,IAAI;IAAE,CAAC;EAC7F;EACA,MAAMO,OAAO,GAAGV,UAAU,CAACW,IAAI,CAAEC,IAAI,IAAKT,IAAI,IAAID,KAAK,CAACI,KAAK,CAACC,OAAO,CAACK,IAAI,CAAC,CAAC,IAAI,IAAI;EACpF,OAAO;IAAEP,SAAS,EAAEF,IAAI;IAAEK,QAAQ,EAAEN,KAAK,CAACI,KAAK,CAACG,IAAI,CAACC,OAAO;EAAE,CAAC;AAClE,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ReactNode, Ref } from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
|
|
4
|
+
export type BlurSurfaceProps = Omit<ViewProps, 'style'> & {
|
|
5
|
+
ref?: Ref<View>;
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
color?: string;
|
|
8
|
+
intensity?: number;
|
|
9
|
+
style?: StyleProp<ViewStyle>;
|
|
10
|
+
};
|
|
11
|
+
export declare const BlurSurface: ({ ref, children, color, intensity, style, ...props }: BlurSurfaceProps) => import("react").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=BlurSurface.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlurSurface.d.ts","sourceRoot":"","sources":["../../../../src/components/core/BlurSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAMnE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACvD,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC9B,CAAA;AAKD,eAAO,MAAM,WAAW,GAAI,sDAOzB,gBAAgB,gCA2BlB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/core/DefaultIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,sBAAmB,CAAA;AAElE,KAAK,UAAU,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACf,CAAA;
|
|
1
|
+
{"version":3,"file":"DefaultIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/core/DefaultIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAmB,QAAQ,EAAE,MAAM,sBAAmB,CAAA;AAElE,KAAK,UAAU,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACf,CAAA;AAkdD,eAAO,MAAM,eAAe,GAAI,MAAM,QAAQ,YAAiC,CAAA;AAE/E,eAAO,MAAM,WAAW,GAAI,uBAAuB,UAAU,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,gCAUjF,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { Ref } from 'react';
|
|
2
2
|
import type { StyleProp, View, ViewStyle } from 'react-native';
|
|
3
|
-
import type {
|
|
3
|
+
import type { Tone } from '../../theme/types.js';
|
|
4
|
+
import type { ControlSizeValue } from '../../utils/controlSize.js';
|
|
4
5
|
import type { IconSource } from '../../utils/types.js';
|
|
5
6
|
import type { ButtonVariant } from './buttonColors.js';
|
|
6
7
|
import type { TouchableProps } from './Touchable.js';
|
|
@@ -10,7 +11,7 @@ export type IconButtonProps = Omit<TouchableProps, 'children' | 'style' | 'acces
|
|
|
10
11
|
accessibilityLabel: string;
|
|
11
12
|
variant?: ButtonVariant;
|
|
12
13
|
tone?: Tone;
|
|
13
|
-
size?:
|
|
14
|
+
size?: ControlSizeValue;
|
|
14
15
|
shape?: 'rounded' | 'circle';
|
|
15
16
|
loading?: boolean;
|
|
16
17
|
style?: StyleProp<ViewStyle>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,sBAAmB,CAAA;AAE7C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAAyB,CAAA;AAG/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAmB,CAAA;AAEnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAgB,CAAA;AAInD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAa,CAAA;AAEjD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,oBAAoB,CAAC,GAAG;IAC/F,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAA;IACf,IAAI,EAAE,UAAU,CAAA;IAChB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,8FAWxB,eAAe,gCAmCjB,CAAA"}
|