@ezpg/app-ui 0.3.0 → 0.5.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/CHANGELOG.md +23 -0
- package/lib/module/blocks/brand-profile-card/brand-profile-card.js +2 -2
- package/lib/module/blocks/brand-profile-card/brand-profile-card.js.map +1 -1
- package/lib/module/blocks/bulk-ship-list/bulk-ship-list.js +1 -1
- package/lib/module/blocks/bulk-ship-list/bulk-ship-list.js.map +1 -1
- package/lib/module/blocks/claim-row/claim-row.js +6 -5
- package/lib/module/blocks/claim-row/claim-row.js.map +1 -1
- package/lib/module/blocks/color-swatch-picker/color-swatch-picker.js +1 -1
- package/lib/module/blocks/color-swatch-picker/color-swatch-picker.js.map +1 -1
- package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js +3 -3
- package/lib/module/blocks/copy-variant-picker/copy-variant-picker.js.map +1 -1
- package/lib/module/blocks/credit-wallet/credit-wallet.js +1 -1
- package/lib/module/blocks/credit-wallet/credit-wallet.js.map +1 -1
- package/lib/module/blocks/image-grid/image-grid.js +9 -9
- package/lib/module/blocks/image-grid/image-grid.js.map +1 -1
- package/lib/module/blocks/internal/format.js +4 -0
- package/lib/module/blocks/internal/format.js.map +1 -1
- package/lib/module/blocks/invoice-row/invoice-row.js +2 -2
- package/lib/module/blocks/invoice-row/invoice-row.js.map +1 -1
- package/lib/module/blocks/logo-candidate-grid/logo-candidate-grid.js +1 -1
- package/lib/module/blocks/logo-candidate-grid/logo-candidate-grid.js.map +1 -1
- package/lib/module/blocks/oauth-buttons/oauth-buttons.js +2 -2
- package/lib/module/blocks/oauth-buttons/oauth-buttons.js.map +1 -1
- package/lib/module/blocks/option-editor/option-editor.js +3 -3
- package/lib/module/blocks/option-editor/option-editor.js.map +1 -1
- package/lib/module/blocks/order-card/index.js +1 -1
- package/lib/module/blocks/order-card/index.js.map +1 -1
- package/lib/module/blocks/order-card/order-card.js +31 -9
- package/lib/module/blocks/order-card/order-card.js.map +1 -1
- package/lib/module/blocks/plan-card/plan-card.js +2 -2
- package/lib/module/blocks/plan-card/plan-card.js.map +1 -1
- package/lib/module/blocks/product-list-empty/product-list-empty.js +5 -5
- package/lib/module/blocks/product-list-empty/product-list-empty.js.map +1 -1
- package/lib/module/blocks/review-row/review-row.js +17 -17
- package/lib/module/blocks/review-row/review-row.js.map +1 -1
- package/lib/module/blocks/sales-chart/sales-chart.js +2 -2
- package/lib/module/blocks/sales-chart/sales-chart.js.map +1 -1
- package/lib/module/blocks/selection-bar/selection-bar.js +1 -1
- package/lib/module/blocks/selection-bar/selection-bar.js.map +1 -1
- package/lib/module/blocks/shipping-tracking-row/shipping-tracking-row.js +1 -1
- package/lib/module/blocks/shipping-tracking-row/shipping-tracking-row.js.map +1 -1
- package/lib/module/blocks/site-preview-frame/site-preview-frame.js +1 -1
- package/lib/module/blocks/site-preview-frame/site-preview-frame.js.map +1 -1
- package/lib/module/blocks/step-screen/step-screen.js +18 -14
- package/lib/module/blocks/step-screen/step-screen.js.map +1 -1
- package/lib/module/blocks/supply-item-card/supply-item-card.js +5 -5
- package/lib/module/blocks/supply-item-card/supply-item-card.js.map +1 -1
- package/lib/module/components/button/button.js +12 -17
- package/lib/module/components/button/button.js.map +1 -1
- package/lib/module/components/chip/chip.js +2 -2
- package/lib/module/components/chip/chip.js.map +1 -1
- package/lib/module/components/dialog/dialog.js +5 -5
- package/lib/module/components/dialog/dialog.js.map +1 -1
- package/lib/module/components/empty-state/empty-state.js +4 -4
- package/lib/module/components/empty-state/empty-state.js.map +1 -1
- package/lib/module/components/field/field.js +15 -14
- package/lib/module/components/field/field.js.map +1 -1
- package/lib/module/components/list-row/index.js.map +1 -1
- package/lib/module/components/list-row/list-row.js +38 -10
- package/lib/module/components/list-row/list-row.js.map +1 -1
- package/lib/module/components/segmented-tabs/segmented-tabs.js +2 -2
- package/lib/module/components/segmented-tabs/segmented-tabs.js.map +1 -1
- package/lib/module/components/status-badge/status-badge.js +1 -1
- package/lib/module/components/status-badge/status-badge.js.map +1 -1
- package/lib/module/components/text/text.js +5 -0
- package/lib/module/components/text/text.js.map +1 -1
- package/lib/module/components/toast/toast.js +4 -4
- package/lib/module/components/toast/toast.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/templates/editor-template.js +142 -0
- package/lib/module/templates/editor-template.js.map +1 -0
- package/lib/module/templates/group.js +45 -0
- package/lib/module/templates/group.js.map +1 -0
- package/lib/module/templates/index.js +10 -0
- package/lib/module/templates/index.js.map +1 -0
- package/lib/module/templates/list-template.js +98 -0
- package/lib/module/templates/list-template.js.map +1 -0
- package/lib/module/templates/parts.js +115 -0
- package/lib/module/templates/parts.js.map +1 -0
- package/lib/module/templates/result-template.js +233 -0
- package/lib/module/templates/result-template.js.map +1 -0
- package/lib/module/templates/scroll-templates.js +100 -0
- package/lib/module/templates/scroll-templates.js.map +1 -0
- package/lib/module/templates/system-template.js +64 -0
- package/lib/module/templates/system-template.js.map +1 -0
- package/lib/module/theme/base.js +35 -2
- package/lib/module/theme/base.js.map +1 -1
- package/lib/module/theme/contract.js +6 -0
- package/lib/module/theme/contract.js.map +1 -0
- package/lib/module/theme/tokens.js +10 -2
- package/lib/module/theme/tokens.js.map +1 -1
- package/lib/typescript/src/blocks/claim-row/claim-row.d.ts.map +1 -1
- package/lib/typescript/src/blocks/color-swatch-picker/color-swatch-picker.d.ts.map +1 -1
- package/lib/typescript/src/blocks/image-grid/image-grid.d.ts.map +1 -1
- package/lib/typescript/src/blocks/internal/format.d.ts +1 -0
- package/lib/typescript/src/blocks/internal/format.d.ts.map +1 -1
- package/lib/typescript/src/blocks/invoice-row/invoice-row.d.ts.map +1 -1
- package/lib/typescript/src/blocks/oauth-buttons/oauth-buttons.d.ts.map +1 -1
- package/lib/typescript/src/blocks/order-card/index.d.ts +1 -1
- package/lib/typescript/src/blocks/order-card/index.d.ts.map +1 -1
- package/lib/typescript/src/blocks/order-card/order-card.d.ts +10 -0
- package/lib/typescript/src/blocks/order-card/order-card.d.ts.map +1 -1
- package/lib/typescript/src/blocks/product-list-empty/product-list-empty.d.ts.map +1 -1
- package/lib/typescript/src/blocks/review-row/review-row.d.ts.map +1 -1
- package/lib/typescript/src/blocks/step-screen/step-screen.d.ts +3 -1
- package/lib/typescript/src/blocks/step-screen/step-screen.d.ts.map +1 -1
- package/lib/typescript/src/components/button/button.d.ts +2 -2
- package/lib/typescript/src/components/button/button.d.ts.map +1 -1
- package/lib/typescript/src/components/empty-state/empty-state.d.ts.map +1 -1
- package/lib/typescript/src/components/field/field.d.ts.map +1 -1
- package/lib/typescript/src/components/list-row/index.d.ts +1 -1
- package/lib/typescript/src/components/list-row/index.d.ts.map +1 -1
- package/lib/typescript/src/components/list-row/list-row.d.ts +4 -1
- package/lib/typescript/src/components/list-row/list-row.d.ts.map +1 -1
- package/lib/typescript/src/components/status-badge/status-badge.d.ts +2 -1
- package/lib/typescript/src/components/status-badge/status-badge.d.ts.map +1 -1
- package/lib/typescript/src/components/text/text.d.ts +1 -1
- package/lib/typescript/src/components/text/text.d.ts.map +1 -1
- package/lib/typescript/src/components/toast/toast.d.ts +2 -1
- package/lib/typescript/src/components/toast/toast.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/templates/editor-template.d.ts +22 -0
- package/lib/typescript/src/templates/editor-template.d.ts.map +1 -0
- package/lib/typescript/src/templates/group.d.ts +8 -0
- package/lib/typescript/src/templates/group.d.ts.map +1 -0
- package/lib/typescript/src/templates/index.d.ts +15 -0
- package/lib/typescript/src/templates/index.d.ts.map +1 -0
- package/lib/typescript/src/templates/list-template.d.ts +27 -0
- package/lib/typescript/src/templates/list-template.d.ts.map +1 -0
- package/lib/typescript/src/templates/parts.d.ts +27 -0
- package/lib/typescript/src/templates/parts.d.ts.map +1 -0
- package/lib/typescript/src/templates/result-template.d.ts +21 -0
- package/lib/typescript/src/templates/result-template.d.ts.map +1 -0
- package/lib/typescript/src/templates/scroll-templates.d.ts +32 -0
- package/lib/typescript/src/templates/scroll-templates.d.ts.map +1 -0
- package/lib/typescript/src/templates/system-template.d.ts +12 -0
- package/lib/typescript/src/templates/system-template.d.ts.map +1 -0
- package/lib/typescript/src/theme/base.d.ts +35 -2
- package/lib/typescript/src/theme/base.d.ts.map +1 -1
- package/lib/typescript/src/theme/contract.d.ts +7 -0
- package/lib/typescript/src/theme/contract.d.ts.map +1 -0
- package/lib/typescript/src/theme/tokens.d.ts.map +1 -1
- package/lib/typescript/src/types/index.d.ts +23 -1
- package/lib/typescript/src/types/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/blocks/brand-profile-card/brand-profile-card.tsx +2 -2
- package/src/blocks/bulk-ship-list/bulk-ship-list.tsx +1 -1
- package/src/blocks/claim-row/claim-row.tsx +12 -3
- package/src/blocks/color-swatch-picker/color-swatch-picker.tsx +5 -1
- package/src/blocks/copy-variant-picker/copy-variant-picker.tsx +3 -3
- package/src/blocks/credit-wallet/credit-wallet.tsx +1 -1
- package/src/blocks/image-grid/image-grid.tsx +15 -8
- package/src/blocks/internal/format.ts +5 -0
- package/src/blocks/invoice-row/invoice-row.tsx +5 -1
- package/src/blocks/logo-candidate-grid/logo-candidate-grid.tsx +1 -1
- package/src/blocks/oauth-buttons/oauth-buttons.tsx +6 -2
- package/src/blocks/option-editor/option-editor.tsx +3 -3
- package/src/blocks/order-card/index.ts +4 -0
- package/src/blocks/order-card/order-card.tsx +50 -6
- package/src/blocks/plan-card/plan-card.tsx +2 -2
- package/src/blocks/product-list-empty/product-list-empty.tsx +11 -4
- package/src/blocks/review-row/review-row.tsx +26 -15
- package/src/blocks/sales-chart/sales-chart.tsx +2 -2
- package/src/blocks/selection-bar/selection-bar.tsx +1 -1
- package/src/blocks/shipping-tracking-row/shipping-tracking-row.tsx +1 -1
- package/src/blocks/site-preview-frame/site-preview-frame.tsx +1 -1
- package/src/blocks/step-screen/step-screen.tsx +24 -12
- package/src/blocks/supply-item-card/supply-item-card.tsx +5 -5
- package/src/components/button/button.tsx +22 -14
- package/src/components/chip/chip.tsx +2 -2
- package/src/components/dialog/dialog.tsx +5 -5
- package/src/components/empty-state/empty-state.tsx +8 -4
- package/src/components/field/field.tsx +15 -14
- package/src/components/list-row/index.ts +1 -1
- package/src/components/list-row/list-row.tsx +35 -8
- package/src/components/segmented-tabs/segmented-tabs.tsx +2 -2
- package/src/components/status-badge/status-badge.tsx +3 -3
- package/src/components/text/text.tsx +4 -1
- package/src/components/toast/toast.tsx +6 -5
- package/src/index.tsx +1 -0
- package/src/templates/editor-template.tsx +164 -0
- package/src/templates/group.tsx +49 -0
- package/src/templates/index.ts +28 -0
- package/src/templates/list-template.tsx +124 -0
- package/src/templates/parts.tsx +138 -0
- package/src/templates/result-template.tsx +268 -0
- package/src/templates/scroll-templates.tsx +140 -0
- package/src/templates/system-template.tsx +70 -0
- package/src/theme/base.ts +38 -2
- package/src/theme/contract.ts +21 -0
- package/src/theme/tokens.ts +11 -0
- package/src/types/index.ts +15 -1
|
@@ -12,25 +12,44 @@ const useStyles = makeStyles(t => ({
|
|
|
12
12
|
flexDirection: 'row',
|
|
13
13
|
alignItems: 'center',
|
|
14
14
|
gap: t.space[3],
|
|
15
|
-
minHeight:
|
|
16
|
-
paddingVertical: t.space[
|
|
17
|
-
paddingHorizontal: t.
|
|
15
|
+
minHeight: t.listRow.oneLine,
|
|
16
|
+
paddingVertical: t.space[2],
|
|
17
|
+
paddingHorizontal: t.layout.screenX,
|
|
18
18
|
backgroundColor: t.colors.background
|
|
19
19
|
},
|
|
20
|
+
twoLine: {
|
|
21
|
+
minHeight: t.listRow.twoLine
|
|
22
|
+
},
|
|
23
|
+
threeLine: {
|
|
24
|
+
minHeight: t.listRow.threeLine
|
|
25
|
+
},
|
|
20
26
|
pressed: {
|
|
21
27
|
backgroundColor: t.colors.muted
|
|
22
28
|
},
|
|
23
29
|
body: {
|
|
24
|
-
flex: 1
|
|
25
|
-
|
|
30
|
+
flex: 1
|
|
31
|
+
},
|
|
32
|
+
overline: {
|
|
33
|
+
...t.typography.caption,
|
|
34
|
+
fontFamily: t.fontFamily,
|
|
35
|
+
fontWeight: '600'
|
|
36
|
+
},
|
|
37
|
+
muted: {
|
|
38
|
+
color: t.colors.mutedForeground
|
|
39
|
+
},
|
|
40
|
+
warning: {
|
|
41
|
+
color: t.colors.warningText
|
|
42
|
+
},
|
|
43
|
+
danger: {
|
|
44
|
+
color: t.colors.danger
|
|
26
45
|
},
|
|
27
46
|
title: {
|
|
28
|
-
...t.typography.
|
|
47
|
+
...t.typography.bodyLg,
|
|
29
48
|
fontFamily: t.fontFamily,
|
|
30
49
|
color: t.colors.foreground
|
|
31
50
|
},
|
|
32
51
|
description: {
|
|
33
|
-
...t.typography.
|
|
52
|
+
...t.typography.label,
|
|
34
53
|
fontFamily: t.fontFamily,
|
|
35
54
|
color: t.colors.mutedForeground
|
|
36
55
|
},
|
|
@@ -43,6 +62,8 @@ const useStyles = makeStyles(t => ({
|
|
|
43
62
|
export function ListRow({
|
|
44
63
|
title,
|
|
45
64
|
description,
|
|
65
|
+
overline,
|
|
66
|
+
overlineTone = 'muted',
|
|
46
67
|
leading,
|
|
47
68
|
trailing,
|
|
48
69
|
chevron,
|
|
@@ -58,10 +79,17 @@ export function ListRow({
|
|
|
58
79
|
size: t.iconSize.md
|
|
59
80
|
};
|
|
60
81
|
const showChevron = chevron ?? !!onPress;
|
|
82
|
+
const lines = [overline, description].filter(Boolean).length;
|
|
83
|
+
const height = lines === 2 ? s.threeLine : lines === 1 ? s.twoLine : null;
|
|
61
84
|
const content = /*#__PURE__*/_jsxs(_Fragment, {
|
|
62
85
|
children: [leading ? renderIcon(leading, icon) : null, /*#__PURE__*/_jsxs(View, {
|
|
63
86
|
style: s.body,
|
|
64
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
87
|
+
children: [overline ? /*#__PURE__*/_jsx(Text, {
|
|
88
|
+
numberOfLines: 1,
|
|
89
|
+
maxFontSizeMultiplier: t.maxFontScale,
|
|
90
|
+
style: [s.overline, s[overlineTone]],
|
|
91
|
+
children: overline
|
|
92
|
+
}) : null, /*#__PURE__*/_jsx(Text, {
|
|
65
93
|
numberOfLines: titleLines,
|
|
66
94
|
maxFontSizeMultiplier: t.maxFontScale,
|
|
67
95
|
style: s.title,
|
|
@@ -82,7 +110,7 @@ export function ListRow({
|
|
|
82
110
|
});
|
|
83
111
|
if (!onPress) {
|
|
84
112
|
return /*#__PURE__*/_jsx(View, {
|
|
85
|
-
style: [s.row, style],
|
|
113
|
+
style: [s.row, height, style],
|
|
86
114
|
children: content
|
|
87
115
|
});
|
|
88
116
|
}
|
|
@@ -90,7 +118,7 @@ export function ListRow({
|
|
|
90
118
|
...rest,
|
|
91
119
|
onPress: onPress,
|
|
92
120
|
pressedStyle: s.pressed,
|
|
93
|
-
style: [s.row, style],
|
|
121
|
+
style: [s.row, height, style],
|
|
94
122
|
children: content
|
|
95
123
|
});
|
|
96
124
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","View","ChevronGlyph","renderIcon","PressableBase","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","t","row","flexDirection","alignItems","gap","space","minHeight","
|
|
1
|
+
{"version":3,"names":["Text","View","ChevronGlyph","renderIcon","PressableBase","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","t","row","flexDirection","alignItems","gap","space","minHeight","listRow","oneLine","paddingVertical","paddingHorizontal","layout","screenX","backgroundColor","colors","background","twoLine","threeLine","pressed","muted","body","flex","overline","typography","caption","fontFamily","fontWeight","color","mutedForeground","warning","warningText","danger","title","bodyLg","foreground","description","label","trailing","ListRow","overlineTone","leading","chevron","titleLines","onPress","style","rest","s","icon","size","iconSize","md","showChevron","lines","filter","Boolean","length","height","content","children","numberOfLines","maxFontSizeMultiplier","maxFontScale","sm","pressedStyle"],"sourceRoot":"../../../../src","sources":["components/list-row/list-row.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,0BAAuB;AACpD,SAASC,UAAU,QAAuB,wBAAqB;AAC/D,SACEC,aAAa,QAER,kCAA+B;AACtC,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAkBhD,MAAMC,SAAS,GAAGP,UAAU,CAAEQ,CAAC,KAAM;EACnCC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEJ,CAAC,CAACK,KAAK,CAAC,CAAC,CAAC;IACfC,SAAS,EAAEN,CAAC,CAACO,OAAO,CAACC,OAAO;IAC5BC,eAAe,EAAET,CAAC,CAACK,KAAK,CAAC,CAAC,CAAC;IAC3BK,iBAAiB,EAAEV,CAAC,CAACW,MAAM,CAACC,OAAO;IACnCC,eAAe,EAAEb,CAAC,CAACc,MAAM,CAACC;EAC5B,CAAC;EACDC,OAAO,EAAE;IAAEV,SAAS,EAAEN,CAAC,CAACO,OAAO,CAACS;EAAQ,CAAC;EACzCC,SAAS,EAAE;IAAEX,SAAS,EAAEN,CAAC,CAACO,OAAO,CAACU;EAAU,CAAC;EAC7CC,OAAO,EAAE;IAAEL,eAAe,EAAEb,CAAC,CAACc,MAAM,CAACK;EAAM,CAAC;EAC5CC,IAAI,EAAE;IAAEC,IAAI,EAAE;EAAE,CAAC;EACjBC,QAAQ,EAAE;IACR,GAAGtB,CAAC,CAACuB,UAAU,CAACC,OAAO;IACvBC,UAAU,EAAEzB,CAAC,CAACyB,UAAU;IACxBC,UAAU,EAAE;EACd,CAAC;EACDP,KAAK,EAAE;IAAEQ,KAAK,EAAE3B,CAAC,CAACc,MAAM,CAACc;EAAgB,CAAC;EAC1CC,OAAO,EAAE;IAAEF,KAAK,EAAE3B,CAAC,CAACc,MAAM,CAACgB;EAAY,CAAC;EACxCC,MAAM,EAAE;IAAEJ,KAAK,EAAE3B,CAAC,CAACc,MAAM,CAACiB;EAAO,CAAC;EAClCC,KAAK,EAAE;IACL,GAAGhC,CAAC,CAACuB,UAAU,CAACU,MAAM;IACtBR,UAAU,EAAEzB,CAAC,CAACyB,UAAU;IACxBE,KAAK,EAAE3B,CAAC,CAACc,MAAM,CAACoB;EAClB,CAAC;EACDC,WAAW,EAAE;IACX,GAAGnC,CAAC,CAACuB,UAAU,CAACa,KAAK;IACrBX,UAAU,EAAEzB,CAAC,CAACyB,UAAU;IACxBE,KAAK,EAAE3B,CAAC,CAACc,MAAM,CAACc;EAClB,CAAC;EACDS,QAAQ,EAAE;IAAEnC,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEC,GAAG,EAAEJ,CAAC,CAACK,KAAK,CAAC,CAAC;EAAE;AAC1E,CAAC,CAAC,CAAC;AAEH,OAAO,SAASiC,OAAOA,CAAC;EACtBN,KAAK;EACLG,WAAW;EACXb,QAAQ;EACRiB,YAAY,GAAG,OAAO;EACtBC,OAAO;EACPH,QAAQ;EACRI,OAAO;EACPC,UAAU,GAAG,CAAC;EACdC,OAAO;EACPC,KAAK;EACL,GAAGC;AACS,CAAC,EAAE;EACf,MAAM7C,CAAC,GAAGT,QAAQ,CAAC,CAAC;EACpB,MAAMuD,CAAC,GAAG/C,SAAS,CAAC,CAAC;EACrB,MAAMgD,IAAI,GAAG;IAAEpB,KAAK,EAAE3B,CAAC,CAACc,MAAM,CAACc,eAAe;IAAEoB,IAAI,EAAEhD,CAAC,CAACiD,QAAQ,CAACC;EAAG,CAAC;EACrE,MAAMC,WAAW,GAAGV,OAAO,IAAI,CAAC,CAACE,OAAO;EACxC,MAAMS,KAAK,GAAG,CAAC9B,QAAQ,EAAEa,WAAW,CAAC,CAACkB,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EAC5D,MAAMC,MAAM,GAAGJ,KAAK,KAAK,CAAC,GAAGN,CAAC,CAAC7B,SAAS,GAAGmC,KAAK,KAAK,CAAC,GAAGN,CAAC,CAAC9B,OAAO,GAAG,IAAI;EAEzE,MAAMyC,OAAO,gBACX7D,KAAA,CAAAE,SAAA;IAAA4D,QAAA,GACGlB,OAAO,GAAGnD,UAAU,CAACmD,OAAO,EAAEO,IAAI,CAAC,GAAG,IAAI,eAC3CnD,KAAA,CAACT,IAAI;MAACyD,KAAK,EAAEE,CAAC,CAAC1B,IAAK;MAAAsC,QAAA,GACjBpC,QAAQ,gBACP5B,IAAA,CAACR,IAAI;QACHyE,aAAa,EAAE,CAAE;QACjBC,qBAAqB,EAAE5D,CAAC,CAAC6D,YAAa;QACtCjB,KAAK,EAAE,CAACE,CAAC,CAACxB,QAAQ,EAAEwB,CAAC,CAACP,YAAY,CAAC,CAAE;QAAAmB,QAAA,EAEpCpC;MAAQ,CACL,CAAC,GACL,IAAI,eACR5B,IAAA,CAACR,IAAI;QACHyE,aAAa,EAAEjB,UAAW;QAC1BkB,qBAAqB,EAAE5D,CAAC,CAAC6D,YAAa;QACtCjB,KAAK,EAAEE,CAAC,CAACd,KAAM;QAAA0B,QAAA,EAEd1B;MAAK,CACF,CAAC,EACNG,WAAW,gBACVzC,IAAA,CAACR,IAAI;QACHyE,aAAa,EAAE,CAAE;QACjBC,qBAAqB,EAAE5D,CAAC,CAAC6D,YAAa;QACtCjB,KAAK,EAAEE,CAAC,CAACX,WAAY;QAAAuB,QAAA,EAEpBvB;MAAW,CACR,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,EACNE,QAAQ,IAAIc,WAAW,gBACtBvD,KAAA,CAACT,IAAI;MAACyD,KAAK,EAAEE,CAAC,CAACT,QAAS;MAAAqB,QAAA,GACrBrB,QAAQ,GAAGhD,UAAU,CAACgD,QAAQ,EAAEU,IAAI,CAAC,GAAG,IAAI,EAC5CI,WAAW,gBACVzD,IAAA,CAACN,YAAY;QACXuC,KAAK,EAAE3B,CAAC,CAACc,MAAM,CAACc,eAAgB;QAChCoB,IAAI,EAAEhD,CAAC,CAACiD,QAAQ,CAACa;MAAG,CACrB,CAAC,GACA,IAAI;IAAA,CACJ,CAAC,GACL,IAAI;EAAA,CACR,CACH;EAED,IAAI,CAACnB,OAAO,EAAE;IACZ,oBAAOjD,IAAA,CAACP,IAAI;MAACyD,KAAK,EAAE,CAACE,CAAC,CAAC7C,GAAG,EAAEuD,MAAM,EAAEZ,KAAK,CAAE;MAAAc,QAAA,EAAED;IAAO,CAAO,CAAC;EAC9D;EACA,oBACE/D,IAAA,CAACJ,aAAa;IAAA,GACRuD,IAAI;IACRF,OAAO,EAAEA,OAAQ;IACjBoB,YAAY,EAAEjB,CAAC,CAAC5B,OAAQ;IACxB0B,KAAK,EAAE,CAACE,CAAC,CAAC7C,GAAG,EAAEuD,MAAM,EAAEZ,KAAK,CAAE;IAAAc,QAAA,EAE7BD;EAAO,CACK,CAAC;AAEpB","ignoreList":[]}
|
|
@@ -27,8 +27,8 @@ const useStyles = makeStyles(t => ({
|
|
|
27
27
|
},
|
|
28
28
|
label: {
|
|
29
29
|
fontFamily: t.fontFamily,
|
|
30
|
-
fontSize:
|
|
31
|
-
lineHeight:
|
|
30
|
+
fontSize: t.typography.label.fontSize,
|
|
31
|
+
lineHeight: t.typography.label.lineHeight,
|
|
32
32
|
fontWeight: '500',
|
|
33
33
|
color: t.colors.mutedForeground
|
|
34
34
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","View","PressableBase","useTheme","makeStyles","jsx","_jsx","HEIGHT","useStyles","t","track","flexDirection","height","padding","space","gap","borderRadius","radius","md","backgroundColor","colors","muted","tab","flex","alignItems","justifyContent","sm","selected","background","boxShadow","shadow","label","fontFamily","fontSize","lineHeight","fontWeight","color","mutedForeground","selectedLabel","foreground","SegmentedTabs","items","value","onValueChange","style","s","accessibilityRole","children","map","item","accessibilityState","accessibilityLabel","touchHeight","pressedStyle","onPress","numberOfLines","maxFontSizeMultiplier","maxFontScale"],"sourceRoot":"../../../../src","sources":["components/segmented-tabs/segmented-tabs.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAwC,cAAc;AACzE,SAASC,aAAa,QAAQ,kCAA+B;AAC7D,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWhD,MAAMC,MAAM,GAAG,EAAE;AAEjB,MAAMC,SAAS,GAAGJ,UAAU,CAAEK,CAAC,KAAM;EACnCC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAEL,MAAM;IACdM,OAAO,EAAEJ,CAAC,CAACK,KAAK,CAAC,CAAC,CAAC;IACnBC,GAAG,EAAEN,CAAC,CAACK,KAAK,CAAC,CAAC,CAAC;IACfE,YAAY,EAAEP,CAAC,CAACQ,MAAM,CAACC,EAAE;IACzBC,eAAe,EAAEV,CAAC,CAACW,MAAM,CAACC;EAC5B,CAAC;EACDC,GAAG,EAAE;IACHC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBT,YAAY,EAAEP,CAAC,CAACQ,MAAM,CAACS;EACzB,CAAC;EACDC,QAAQ,EAAE;IAAER,eAAe,EAAEV,CAAC,CAACW,MAAM,CAACQ,UAAU;IAAEC,SAAS,EAAEpB,CAAC,CAACqB,MAAM,CAACJ;EAAG,CAAC;EAC1EK,KAAK,EAAE;IACLC,UAAU,EAAEvB,CAAC,CAACuB,UAAU;IACxBC,QAAQ,
|
|
1
|
+
{"version":3,"names":["Text","View","PressableBase","useTheme","makeStyles","jsx","_jsx","HEIGHT","useStyles","t","track","flexDirection","height","padding","space","gap","borderRadius","radius","md","backgroundColor","colors","muted","tab","flex","alignItems","justifyContent","sm","selected","background","boxShadow","shadow","label","fontFamily","fontSize","typography","lineHeight","fontWeight","color","mutedForeground","selectedLabel","foreground","SegmentedTabs","items","value","onValueChange","style","s","accessibilityRole","children","map","item","accessibilityState","accessibilityLabel","touchHeight","pressedStyle","onPress","numberOfLines","maxFontSizeMultiplier","maxFontScale"],"sourceRoot":"../../../../src","sources":["components/segmented-tabs/segmented-tabs.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","View","useTheme","makeStyles","jsx","_jsx","useStyles","t","base","alignSelf","paddingHorizontal","space","paddingVertical","borderRadius","radius","full","label","typography","caption","fontFamily","fontWeight","StatusBadge","tone","children","style","s","bg","fg","neutral","colors","muted","mutedForeground","info","infoForeground","success","successForeground","warning","warningForeground","danger","dangerForeground","backgroundColor","numberOfLines","maxFontSizeMultiplier","maxFontScale","color"],"sourceRoot":"../../../../src","sources":["components/status-badge/status-badge.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAwC,cAAc;
|
|
1
|
+
{"version":3,"names":["Text","View","useTheme","makeStyles","jsx","_jsx","useStyles","t","base","alignSelf","paddingHorizontal","space","paddingVertical","borderRadius","radius","full","label","typography","caption","fontFamily","fontWeight","StatusBadge","tone","children","style","s","bg","fg","neutral","colors","muted","mutedForeground","info","infoForeground","success","successForeground","warning","warningForeground","danger","dangerForeground","backgroundColor","numberOfLines","maxFontSizeMultiplier","maxFontScale","color"],"sourceRoot":"../../../../src","sources":["components/status-badge/status-badge.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAwC,cAAc;AAEzE,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUhD,MAAMC,SAAS,GAAGH,UAAU,CAAEI,CAAC,KAAM;EACnCC,IAAI,EAAE;IACJC,SAAS,EAAE,YAAY;IACvBC,iBAAiB,EAAEH,CAAC,CAACI,KAAK,CAAC,CAAC,CAAC;IAC7BC,eAAe,EAAEL,CAAC,CAACI,KAAK,CAAC,CAAC,CAAC;IAC3BE,YAAY,EAAEN,CAAC,CAACO,MAAM,CAACC;EACzB,CAAC;EACDC,KAAK,EAAE;IACL,GAAGT,CAAC,CAACU,UAAU,CAACC,OAAO;IACvBC,UAAU,EAAEZ,CAAC,CAACY,UAAU;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,WAAWA,CAAC;EAC1BC,IAAI,GAAG,SAAS;EAChBC,QAAQ;EACRC;AACgB,CAAC,EAAE;EACnB,MAAMjB,CAAC,GAAGL,QAAQ,CAAC,CAAC;EACpB,MAAMuB,CAAC,GAAGnB,SAAS,CAAC,CAAC;EACrB,MAAM,CAACoB,EAAE,EAAEC,EAAE,CAAC,GAAG;IACfC,OAAO,EAAE,CAACrB,CAAC,CAACsB,MAAM,CAACC,KAAK,EAAEvB,CAAC,CAACsB,MAAM,CAACE,eAAe,CAAC;IACnDC,IAAI,EAAE,CAACzB,CAAC,CAACsB,MAAM,CAACG,IAAI,EAAEzB,CAAC,CAACsB,MAAM,CAACI,cAAc,CAAC;IAC9CC,OAAO,EAAE,CAAC3B,CAAC,CAACsB,MAAM,CAACK,OAAO,EAAE3B,CAAC,CAACsB,MAAM,CAACM,iBAAiB,CAAC;IACvDC,OAAO,EAAE,CAAC7B,CAAC,CAACsB,MAAM,CAACO,OAAO,EAAE7B,CAAC,CAACsB,MAAM,CAACQ,iBAAiB,CAAC;IACvDC,MAAM,EAAE,CAAC/B,CAAC,CAACsB,MAAM,CAACS,MAAM,EAAE/B,CAAC,CAACsB,MAAM,CAACU,gBAAgB;EACrD,CAAC,CAACjB,IAAI,CAAC;EACP,oBACEjB,IAAA,CAACJ,IAAI;IAACuB,KAAK,EAAE,CAACC,CAAC,CAACjB,IAAI,EAAE;MAAEgC,eAAe,EAAEd;IAAG,CAAC,EAAEF,KAAK,CAAE;IAAAD,QAAA,eACpDlB,IAAA,CAACL,IAAI;MACHyC,aAAa,EAAE,CAAE;MACjBC,qBAAqB,EAAEnC,CAAC,CAACoC,YAAa;MACtCnB,KAAK,EAAE,CAACC,CAAC,CAACT,KAAK,EAAE;QAAE4B,KAAK,EAAEjB;MAAG,CAAC,CAAE;MAAAJ,QAAA,EAE/BA;IAAQ,CACL;EAAC,CACH,CAAC;AAEX","ignoreList":[]}
|
|
@@ -6,9 +6,11 @@ import { makeStyles } from "../../utils/styles.js";
|
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
const useStyles = makeStyles(t => ({
|
|
8
8
|
caption: t.typography.caption,
|
|
9
|
+
label: t.typography.label,
|
|
9
10
|
body: t.typography.body,
|
|
10
11
|
bodyLg: t.typography.bodyLg,
|
|
11
12
|
title: t.typography.title,
|
|
13
|
+
screenTitle: t.typography.screenTitle,
|
|
12
14
|
display: t.typography.display,
|
|
13
15
|
default: {
|
|
14
16
|
color: t.colors.foreground
|
|
@@ -16,6 +18,9 @@ const useStyles = makeStyles(t => ({
|
|
|
16
18
|
muted: {
|
|
17
19
|
color: t.colors.mutedForeground
|
|
18
20
|
},
|
|
21
|
+
warning: {
|
|
22
|
+
color: t.colors.warningText
|
|
23
|
+
},
|
|
19
24
|
danger: {
|
|
20
25
|
color: t.colors.danger
|
|
21
26
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","RNText","useTheme","makeStyles","jsx","_jsx","useStyles","t","caption","typography","body","bodyLg","title","display","default","color","colors","foreground","muted","mutedForeground","danger","success","font","fontFamily","regular","fontWeight","medium","semibold","bold","variant","tone","weight","style","rest","s","maxFontSizeMultiplier","maxFontScale"],"sourceRoot":"../../../../src","sources":["components/text/text.tsx"],"mappings":";;AACA,SAASA,IAAI,IAAIC,MAAM,QAAuC,cAAc;AAE5E,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAahD,MAAMC,SAAS,GAAGH,UAAU,CAAEI,CAAC,KAAM;EACnCC,OAAO,EAAED,CAAC,CAACE,UAAU,CAACD,OAAO;EAC7BE,
|
|
1
|
+
{"version":3,"names":["Text","RNText","useTheme","makeStyles","jsx","_jsx","useStyles","t","caption","typography","label","body","bodyLg","title","screenTitle","display","default","color","colors","foreground","muted","mutedForeground","warning","warningText","danger","success","font","fontFamily","regular","fontWeight","medium","semibold","bold","variant","tone","weight","style","rest","s","maxFontSizeMultiplier","maxFontScale"],"sourceRoot":"../../../../src","sources":["components/text/text.tsx"],"mappings":";;AACA,SAASA,IAAI,IAAIC,MAAM,QAAuC,cAAc;AAE5E,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,UAAU,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAahD,MAAMC,SAAS,GAAGH,UAAU,CAAEI,CAAC,KAAM;EACnCC,OAAO,EAAED,CAAC,CAACE,UAAU,CAACD,OAAO;EAC7BE,KAAK,EAAEH,CAAC,CAACE,UAAU,CAACC,KAAK;EACzBC,IAAI,EAAEJ,CAAC,CAACE,UAAU,CAACE,IAAI;EACvBC,MAAM,EAAEL,CAAC,CAACE,UAAU,CAACG,MAAM;EAC3BC,KAAK,EAAEN,CAAC,CAACE,UAAU,CAACI,KAAK;EACzBC,WAAW,EAAEP,CAAC,CAACE,UAAU,CAACK,WAAW;EACrCC,OAAO,EAAER,CAAC,CAACE,UAAU,CAACM,OAAO;EAC7BC,OAAO,EAAE;IAAEC,KAAK,EAAEV,CAAC,CAACW,MAAM,CAACC;EAAW,CAAC;EACvCC,KAAK,EAAE;IAAEH,KAAK,EAAEV,CAAC,CAACW,MAAM,CAACG;EAAgB,CAAC;EAC1CC,OAAO,EAAE;IAAEL,KAAK,EAAEV,CAAC,CAACW,MAAM,CAACK;EAAY,CAAC;EACxCC,MAAM,EAAE;IAAEP,KAAK,EAAEV,CAAC,CAACW,MAAM,CAACM;EAAO,CAAC;EAClCC,OAAO,EAAE;IAAER,KAAK,EAAEV,CAAC,CAACW,MAAM,CAACO;EAAQ,CAAC;EACpCC,IAAI,EAAE;IAAEC,UAAU,EAAEpB,CAAC,CAACoB;EAAW,CAAC;EAClCC,OAAO,EAAE;IAAEC,UAAU,EAAE;EAAM,CAAC;EAC9BC,MAAM,EAAE;IAAED,UAAU,EAAE;EAAM,CAAC;EAC7BE,QAAQ,EAAE;IAAEF,UAAU,EAAE;EAAM,CAAC;EAC/BG,IAAI,EAAE;IAAEH,UAAU,EAAE;EAAM;AAC5B,CAAC,CAAC,CAAC;AAEH,OAAO,SAAS7B,IAAIA,CAAC;EACnBiC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,SAAS;EAChBC,MAAM;EACNC,KAAK;EACL,GAAGC;AACM,CAAC,EAAE;EACZ,MAAM9B,CAAC,GAAGL,QAAQ,CAAC,CAAC;EACpB,MAAMoC,CAAC,GAAGhC,SAAS,CAAC,CAAC;EACrB,oBACED,IAAA,CAACJ,MAAM;IACLsC,qBAAqB,EAAEhC,CAAC,CAACiC,YAAa;IAAA,GAClCH,IAAI;IACRD,KAAK,EAAE,CAACE,CAAC,CAACZ,IAAI,EAAEY,CAAC,CAACL,OAAO,CAAC,EAAEK,CAAC,CAACJ,IAAI,CAAC,EAAEC,MAAM,IAAIG,CAAC,CAACH,MAAM,CAAC,EAAEC,KAAK;EAAE,CAClE,CAAC;AAEN","ignoreList":[]}
|
|
@@ -87,7 +87,7 @@ const useStyles = makeStyles(t => ({
|
|
|
87
87
|
flexDirection: 'row',
|
|
88
88
|
alignItems: 'center',
|
|
89
89
|
maxWidth: 480,
|
|
90
|
-
minHeight:
|
|
90
|
+
minHeight: t.controlSize.md,
|
|
91
91
|
paddingHorizontal: t.space[4],
|
|
92
92
|
paddingVertical: t.space[3],
|
|
93
93
|
borderRadius: t.radius.md,
|
|
@@ -105,7 +105,7 @@ const useStyles = makeStyles(t => ({
|
|
|
105
105
|
},
|
|
106
106
|
messageFill: {
|
|
107
107
|
flex: 1,
|
|
108
|
-
fontSize:
|
|
108
|
+
fontSize: t.typography.label.fontSize
|
|
109
109
|
},
|
|
110
110
|
action: {
|
|
111
111
|
paddingHorizontal: t.space[3],
|
|
@@ -113,8 +113,8 @@ const useStyles = makeStyles(t => ({
|
|
|
113
113
|
},
|
|
114
114
|
actionLabel: {
|
|
115
115
|
fontFamily: t.fontFamily,
|
|
116
|
-
fontSize:
|
|
117
|
-
lineHeight:
|
|
116
|
+
fontSize: t.typography.label.fontSize,
|
|
117
|
+
lineHeight: t.typography.label.lineHeight,
|
|
118
118
|
fontWeight: '700'
|
|
119
119
|
}
|
|
120
120
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","useEffect","useId","useRef","useState","useSyncExternalStore","AccessibilityInfo","Animated","Platform","Text","View","useNativeDriver","PressableBase","useReducedMotion","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","createToastStore","current","timer","seq","hosts","listeners","Set","emit","forEach","l","hide","clearTimeout","bottomInset","subscribe","listener","add","delete","getCurrent","getTopHost","length","addHost","id","filter","h","show","message","tone","duration","action","setTimeout","OS","announceForAccessibility","StoreContext","ToastProvider","children","store","Provider","value","ToastHost","useToast","Error","useStyles","t","layer","position","left","space","right","alignItems","toast","flexDirection","maxWidth","minHeight","paddingHorizontal","paddingVertical","borderRadius","radius","
|
|
1
|
+
{"version":3,"names":["createContext","useContext","useEffect","useId","useRef","useState","useSyncExternalStore","AccessibilityInfo","Animated","Platform","Text","View","useNativeDriver","PressableBase","useReducedMotion","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","createToastStore","current","timer","seq","hosts","listeners","Set","emit","forEach","l","hide","clearTimeout","bottomInset","subscribe","listener","add","delete","getCurrent","getTopHost","length","addHost","id","filter","h","show","message","tone","duration","action","setTimeout","OS","announceForAccessibility","StoreContext","ToastProvider","children","store","Provider","value","ToastHost","useToast","Error","useStyles","t","layer","position","left","space","right","alignItems","toast","flexDirection","maxWidth","minHeight","controlSize","md","paddingHorizontal","paddingVertical","borderRadius","radius","boxShadow","shadow","withAction","alignSelf","paddingRight","typography","body","flexShrink","fontFamily","messageFill","flex","fontSize","label","justifyContent","actionLabel","lineHeight","fontWeight","ToastHostInner","s","reduced","opacity","Value","isTop","setValue","animation","timing","toValue","motion","start","stop","bg","fg","neutral","colors","foreground","background","success","successForeground","danger","dangerForeground","actionColor","scheme","pointerEvents","style","bottom","accessibilityRole","accessibilityLiveRegion","backgroundColor","maxFontSizeMultiplier","maxFontScale","color","accessibilityLabel","touchHeight","onPress"],"sourceRoot":"../../../../src","sources":["components/toast/toast.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createTheme","defaultThemes","ThemeProvider","useTheme","makeStyles","PressableBase","renderIcon","AlertGlyph","CheckGlyph","ChevronGlyph","CloseGlyph","PlusGlyph","SearchGlyph","contrastRatio","pickForeground"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,aAAa,QAAQ,yBAAsB;AACjE,SACEC,aAAa,EACbC,QAAQ,QAEH,2BAAwB;AAC/B,SAASC,UAAU,QAAQ,mBAAgB;AAC3C,SACEC,aAAa,QAER,8BAA2B;AAElC,SAASC,UAAU,QAAQ,oBAAiB;AAC5C,SACEC,UAAU,EACVC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,SAAS,EACTC,WAAW,QACN,sBAAmB;AAC1B,SAASC,aAAa,EAAEC,cAAc,QAAQ,kBAAe;AAE7D,cAAc,8BAAqB;AACnC,cAAc,gCAAuB;AACrC,cAAc,4BAAmB;AACjC,cAAc,kCAAyB;AACvC,cAAc,8BAAqB;AACnC,cAAc,+BAAsB;AACpC,cAAc,mCAA0B;AACxC,cAAc,6BAAoB;AAClC,cAAc,gCAAuB;AACrC,cAAc,6BAAoB;AAClC,cAAc,6BAAoB;AAClC,cAAc,oCAA2B;AACzC,cAAc,oCAA2B;AACzC,cAAc,sCAA6B;AAC3C,cAAc,6BAAoB;AAClC,cAAc,gCAAuB;AACrC,cAAc,oCAA2B;AACzC,cAAc,8BAAqB;AACnC,cAAc,4BAAmB;AACjC,cAAc,6BAAoB;AAClC,cAAc,oCAA2B;AAazC,cAAc,mBAAU","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["createTheme","defaultThemes","ThemeProvider","useTheme","makeStyles","PressableBase","renderIcon","AlertGlyph","CheckGlyph","ChevronGlyph","CloseGlyph","PlusGlyph","SearchGlyph","contrastRatio","pickForeground"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,aAAa,QAAQ,yBAAsB;AACjE,SACEC,aAAa,EACbC,QAAQ,QAEH,2BAAwB;AAC/B,SAASC,UAAU,QAAQ,mBAAgB;AAC3C,SACEC,aAAa,QAER,8BAA2B;AAElC,SAASC,UAAU,QAAQ,oBAAiB;AAC5C,SACEC,UAAU,EACVC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,SAAS,EACTC,WAAW,QACN,sBAAmB;AAC1B,SAASC,aAAa,EAAEC,cAAc,QAAQ,kBAAe;AAE7D,cAAc,8BAAqB;AACnC,cAAc,gCAAuB;AACrC,cAAc,4BAAmB;AACjC,cAAc,kCAAyB;AACvC,cAAc,8BAAqB;AACnC,cAAc,+BAAsB;AACpC,cAAc,mCAA0B;AACxC,cAAc,6BAAoB;AAClC,cAAc,gCAAuB;AACrC,cAAc,6BAAoB;AAClC,cAAc,6BAAoB;AAClC,cAAc,oCAA2B;AACzC,cAAc,oCAA2B;AACzC,cAAc,sCAA6B;AAC3C,cAAc,6BAAoB;AAClC,cAAc,gCAAuB;AACrC,cAAc,oCAA2B;AACzC,cAAc,8BAAqB;AACnC,cAAc,4BAAmB;AACjC,cAAc,6BAAoB;AAClC,cAAc,oCAA2B;AAazC,cAAc,mBAAU;AACxB,cAAc,sBAAa","ignoreList":[]}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { ScrollView, View } from 'react-native';
|
|
4
|
+
import { Button } from "../components/button/button.js";
|
|
5
|
+
import { Text } from "../components/text/text.js";
|
|
6
|
+
import { CloseGlyph } from "../internal/glyphs.js";
|
|
7
|
+
import { PressableBase } from "../internal/pressable-base.js";
|
|
8
|
+
import { useTheme } from "../theme/theme-provider.js";
|
|
9
|
+
import { makeStyles } from "../utils/styles.js";
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
const useStyles = makeStyles(t => ({
|
|
12
|
+
root: {
|
|
13
|
+
flex: 1,
|
|
14
|
+
backgroundColor: t.colors.muted
|
|
15
|
+
},
|
|
16
|
+
canvas: {
|
|
17
|
+
flex: 1,
|
|
18
|
+
paddingTop: t.layout.groupGap,
|
|
19
|
+
paddingHorizontal: t.layout.screenX
|
|
20
|
+
},
|
|
21
|
+
preview: {
|
|
22
|
+
flex: 1,
|
|
23
|
+
overflow: 'hidden',
|
|
24
|
+
borderTopLeftRadius: t.radius.lg,
|
|
25
|
+
borderTopRightRadius: t.radius.lg,
|
|
26
|
+
backgroundColor: t.colors.background
|
|
27
|
+
},
|
|
28
|
+
tools: {
|
|
29
|
+
flexDirection: 'row',
|
|
30
|
+
gap: t.layout.itemGap,
|
|
31
|
+
paddingHorizontal: t.layout.screenX,
|
|
32
|
+
paddingTop: t.layout.footerTop,
|
|
33
|
+
borderTopWidth: 1,
|
|
34
|
+
borderTopColor: t.colors.border,
|
|
35
|
+
backgroundColor: t.colors.background
|
|
36
|
+
},
|
|
37
|
+
tool: {
|
|
38
|
+
flex: 1
|
|
39
|
+
},
|
|
40
|
+
sheet: {
|
|
41
|
+
position: 'absolute',
|
|
42
|
+
left: 0,
|
|
43
|
+
right: 0,
|
|
44
|
+
bottom: 0,
|
|
45
|
+
maxHeight: '60%',
|
|
46
|
+
borderTopLeftRadius: t.radius.lg,
|
|
47
|
+
borderTopRightRadius: t.radius.lg,
|
|
48
|
+
borderTopWidth: 1,
|
|
49
|
+
borderColor: t.colors.border,
|
|
50
|
+
backgroundColor: t.colors.background
|
|
51
|
+
},
|
|
52
|
+
grab: {
|
|
53
|
+
alignSelf: 'center',
|
|
54
|
+
width: t.space[8],
|
|
55
|
+
height: t.space[1],
|
|
56
|
+
marginTop: t.space[2],
|
|
57
|
+
borderRadius: t.radius.full,
|
|
58
|
+
backgroundColor: t.colors.input
|
|
59
|
+
},
|
|
60
|
+
sheetHead: {
|
|
61
|
+
flexDirection: 'row',
|
|
62
|
+
alignItems: 'center',
|
|
63
|
+
gap: t.space[2],
|
|
64
|
+
paddingLeft: t.layout.screenX,
|
|
65
|
+
paddingRight: t.space[1],
|
|
66
|
+
minHeight: t.controlSize.md
|
|
67
|
+
},
|
|
68
|
+
sheetTitle: {
|
|
69
|
+
flex: 1
|
|
70
|
+
},
|
|
71
|
+
close: {
|
|
72
|
+
width: t.minTouchSize,
|
|
73
|
+
height: t.minTouchSize,
|
|
74
|
+
alignItems: 'center',
|
|
75
|
+
justifyContent: 'center'
|
|
76
|
+
},
|
|
77
|
+
sheetBody: {
|
|
78
|
+
gap: t.space[4],
|
|
79
|
+
paddingHorizontal: t.layout.screenX,
|
|
80
|
+
paddingTop: t.space[2]
|
|
81
|
+
}
|
|
82
|
+
}));
|
|
83
|
+
export function EditorTemplate({
|
|
84
|
+
preview,
|
|
85
|
+
tools,
|
|
86
|
+
sheet,
|
|
87
|
+
closeLabel = '닫기',
|
|
88
|
+
bottomInset = 0
|
|
89
|
+
}) {
|
|
90
|
+
const t = useTheme();
|
|
91
|
+
const s = useStyles();
|
|
92
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
93
|
+
style: s.root,
|
|
94
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
95
|
+
style: s.canvas,
|
|
96
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
97
|
+
style: s.preview,
|
|
98
|
+
children: preview
|
|
99
|
+
})
|
|
100
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
101
|
+
style: [s.tools, {
|
|
102
|
+
paddingBottom: t.layout.footerBottom + bottomInset
|
|
103
|
+
}],
|
|
104
|
+
children: tools.map(tool => /*#__PURE__*/_jsx(Button, {
|
|
105
|
+
variant: "outline",
|
|
106
|
+
onPress: tool.onPress,
|
|
107
|
+
disabled: tool.disabled,
|
|
108
|
+
style: s.tool,
|
|
109
|
+
children: tool.label
|
|
110
|
+
}, tool.key))
|
|
111
|
+
}), sheet ? /*#__PURE__*/_jsxs(View, {
|
|
112
|
+
style: s.sheet,
|
|
113
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
114
|
+
style: s.grab
|
|
115
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
116
|
+
style: s.sheetHead,
|
|
117
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
118
|
+
variant: "bodyLg",
|
|
119
|
+
weight: "semibold",
|
|
120
|
+
accessibilityRole: "header",
|
|
121
|
+
style: s.sheetTitle,
|
|
122
|
+
children: sheet.title
|
|
123
|
+
}), sheet.headerAction, /*#__PURE__*/_jsx(PressableBase, {
|
|
124
|
+
onPress: sheet.onClose,
|
|
125
|
+
accessibilityLabel: closeLabel,
|
|
126
|
+
style: s.close,
|
|
127
|
+
children: /*#__PURE__*/_jsx(CloseGlyph, {
|
|
128
|
+
color: t.colors.foreground,
|
|
129
|
+
size: t.iconSize.md
|
|
130
|
+
})
|
|
131
|
+
})]
|
|
132
|
+
}), /*#__PURE__*/_jsx(ScrollView, {
|
|
133
|
+
keyboardShouldPersistTaps: "handled",
|
|
134
|
+
contentContainerStyle: [s.sheetBody, {
|
|
135
|
+
paddingBottom: t.layout.footerBottom + bottomInset
|
|
136
|
+
}],
|
|
137
|
+
children: sheet.children
|
|
138
|
+
})]
|
|
139
|
+
}) : null]
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
//# sourceMappingURL=editor-template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ScrollView","View","Button","Text","CloseGlyph","PressableBase","useTheme","makeStyles","jsx","_jsx","jsxs","_jsxs","useStyles","t","root","flex","backgroundColor","colors","muted","canvas","paddingTop","layout","groupGap","paddingHorizontal","screenX","preview","overflow","borderTopLeftRadius","radius","lg","borderTopRightRadius","background","tools","flexDirection","gap","itemGap","footerTop","borderTopWidth","borderTopColor","border","tool","sheet","position","left","right","bottom","maxHeight","borderColor","grab","alignSelf","width","space","height","marginTop","borderRadius","full","input","sheetHead","alignItems","paddingLeft","paddingRight","minHeight","controlSize","md","sheetTitle","close","minTouchSize","justifyContent","sheetBody","EditorTemplate","closeLabel","bottomInset","s","style","children","paddingBottom","footerBottom","map","variant","onPress","disabled","label","key","weight","accessibilityRole","title","headerAction","onClose","accessibilityLabel","color","foreground","size","iconSize","keyboardShouldPersistTaps","contentContainerStyle"],"sourceRoot":"../../../src","sources":["templates/editor-template.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { Text } from "../components/text/text.js";
|
|
5
|
+
import { makeStyles } from "../utils/styles.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const useStyles = makeStyles(t => ({
|
|
8
|
+
root: {
|
|
9
|
+
gap: t.layout.groupGap
|
|
10
|
+
},
|
|
11
|
+
head: {
|
|
12
|
+
flexDirection: 'row',
|
|
13
|
+
alignItems: 'center',
|
|
14
|
+
justifyContent: 'space-between',
|
|
15
|
+
gap: t.space[2]
|
|
16
|
+
},
|
|
17
|
+
title: {
|
|
18
|
+
flexShrink: 1
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
21
|
+
export function Group({
|
|
22
|
+
title,
|
|
23
|
+
aside,
|
|
24
|
+
children
|
|
25
|
+
}) {
|
|
26
|
+
const s = useStyles();
|
|
27
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
28
|
+
style: s.root,
|
|
29
|
+
children: [title || aside ? /*#__PURE__*/_jsxs(View, {
|
|
30
|
+
style: s.head,
|
|
31
|
+
children: [title ? /*#__PURE__*/_jsx(Text, {
|
|
32
|
+
variant: "bodyLg",
|
|
33
|
+
weight: "semibold",
|
|
34
|
+
accessibilityRole: "header",
|
|
35
|
+
style: s.title,
|
|
36
|
+
children: title
|
|
37
|
+
}) : null, aside ? /*#__PURE__*/_jsx(Text, {
|
|
38
|
+
variant: "label",
|
|
39
|
+
tone: "muted",
|
|
40
|
+
children: aside
|
|
41
|
+
}) : null]
|
|
42
|
+
}) : null, children]
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","Text","makeStyles","jsx","_jsx","jsxs","_jsxs","useStyles","t","root","gap","layout","groupGap","head","flexDirection","alignItems","justifyContent","space","title","flexShrink","Group","aside","children","s","style","variant","weight","accessibilityRole","tone"],"sourceRoot":"../../../src","sources":["templates/group.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,4BAAyB;AAC9C,SAASC,UAAU,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ7C,MAAMC,SAAS,GAAGL,UAAU,CAAEM,CAAC,KAAM;EACnCC,IAAI,EAAE;IAAEC,GAAG,EAAEF,CAAC,CAACG,MAAM,CAACC;EAAS,CAAC;EAChCC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BN,GAAG,EAAEF,CAAC,CAACS,KAAK,CAAC,CAAC;EAChB,CAAC;EACDC,KAAK,EAAE;IAAEC,UAAU,EAAE;EAAE;AACzB,CAAC,CAAC,CAAC;AAEH,OAAO,SAASC,KAAKA,CAAC;EAAEF,KAAK;EAAEG,KAAK;EAAEC;AAAqB,CAAC,EAAE;EAC5D,MAAMC,CAAC,GAAGhB,SAAS,CAAC,CAAC;EACrB,oBACED,KAAA,CAACN,IAAI;IAACwB,KAAK,EAAED,CAAC,CAACd,IAAK;IAAAa,QAAA,GACjBJ,KAAK,IAAIG,KAAK,gBACbf,KAAA,CAACN,IAAI;MAACwB,KAAK,EAAED,CAAC,CAACV,IAAK;MAAAS,QAAA,GACjBJ,KAAK,gBACJd,IAAA,CAACH,IAAI;QACHwB,OAAO,EAAC,QAAQ;QAChBC,MAAM,EAAC,UAAU;QACjBC,iBAAiB,EAAC,QAAQ;QAC1BH,KAAK,EAAED,CAAC,CAACL,KAAM;QAAAI,QAAA,EAEdJ;MAAK,CACF,CAAC,GACL,IAAI,EACPG,KAAK,gBACJjB,IAAA,CAACH,IAAI;QAACwB,OAAO,EAAC,OAAO;QAACG,IAAI,EAAC,OAAO;QAAAN,QAAA,EAC/BD;MAAK,CACF,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,GACL,IAAI,EACPC,QAAQ;EAAA,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export { DetailTemplate, DashboardTemplate, FormTemplate, MenuTemplate } from "./scroll-templates.js";
|
|
4
|
+
export { EditorTemplate } from "./editor-template.js";
|
|
5
|
+
export { ListTemplate } from "./list-template.js";
|
|
6
|
+
export { ResultTemplate } from "./result-template.js";
|
|
7
|
+
export { SystemTemplate } from "./system-template.js";
|
|
8
|
+
export { ListSection } from "./parts.js";
|
|
9
|
+
export { Group } from "./group.js";
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DetailTemplate","DashboardTemplate","FormTemplate","MenuTemplate","EditorTemplate","ListTemplate","ResultTemplate","SystemTemplate","ListSection","Group"],"sourceRoot":"../../../src","sources":["templates/index.ts"],"mappings":";;AAAA,SACEA,cAAc,EACdC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,QACP,uBAAoB;AAO3B,SAASC,cAAc,QAAQ,sBAAmB;AAMlD,SAASC,YAAY,QAAQ,oBAAiB;AAE9C,SAASC,cAAc,QAAQ,sBAAmB;AAElD,SAASC,cAAc,QAAQ,sBAAmB;AAElD,SAASC,WAAW,QAAQ,YAAS;AACrC,SAASC,KAAK,QAAQ,YAAS","ignoreList":[]}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { FlatList, RefreshControl, View } from 'react-native';
|
|
4
|
+
import { EmptyState } from "../components/empty-state/empty-state.js";
|
|
5
|
+
import { Skeleton } from "../components/skeleton/skeleton.js";
|
|
6
|
+
import { useTheme } from "../theme/theme-provider.js";
|
|
7
|
+
import { makeStyles } from "../utils/styles.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
9
|
+
const useStyles = makeStyles(t => ({
|
|
10
|
+
root: {
|
|
11
|
+
flex: 1,
|
|
12
|
+
backgroundColor: t.colors.background
|
|
13
|
+
},
|
|
14
|
+
filters: {
|
|
15
|
+
gap: t.layout.groupGap,
|
|
16
|
+
paddingTop: t.space[2],
|
|
17
|
+
paddingBottom: t.space[2],
|
|
18
|
+
paddingHorizontal: t.layout.screenX
|
|
19
|
+
},
|
|
20
|
+
loading: {
|
|
21
|
+
gap: t.space[4],
|
|
22
|
+
paddingTop: t.space[2],
|
|
23
|
+
paddingHorizontal: t.layout.screenX
|
|
24
|
+
},
|
|
25
|
+
grow: {
|
|
26
|
+
flexGrow: 1
|
|
27
|
+
}
|
|
28
|
+
}));
|
|
29
|
+
export function ListTemplate({
|
|
30
|
+
data,
|
|
31
|
+
renderItem,
|
|
32
|
+
keyExtractor,
|
|
33
|
+
status = 'ready',
|
|
34
|
+
filters,
|
|
35
|
+
pinned,
|
|
36
|
+
empty,
|
|
37
|
+
error,
|
|
38
|
+
refreshing = false,
|
|
39
|
+
onRefresh,
|
|
40
|
+
onEndReached,
|
|
41
|
+
selectionBar,
|
|
42
|
+
bottomInset = 0
|
|
43
|
+
}) {
|
|
44
|
+
const t = useTheme();
|
|
45
|
+
const s = useStyles();
|
|
46
|
+
const head = filters ? /*#__PURE__*/_jsx(View, {
|
|
47
|
+
style: s.filters,
|
|
48
|
+
children: filters
|
|
49
|
+
}) : null;
|
|
50
|
+
if (status === 'loading') {
|
|
51
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
52
|
+
style: s.root,
|
|
53
|
+
children: [head, /*#__PURE__*/_jsx(View, {
|
|
54
|
+
style: s.loading,
|
|
55
|
+
children: [0, 1, 2, 3, 4].map(i => /*#__PURE__*/_jsx(Skeleton, {
|
|
56
|
+
height: t.listRow.oneLine
|
|
57
|
+
}, i))
|
|
58
|
+
})]
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
if (status === 'error' && error) {
|
|
62
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
63
|
+
style: s.root,
|
|
64
|
+
children: [head, /*#__PURE__*/_jsx(EmptyState, {
|
|
65
|
+
variant: "error",
|
|
66
|
+
title: error.title,
|
|
67
|
+
action: {
|
|
68
|
+
label: '다시 시도',
|
|
69
|
+
onPress: error.onRetry
|
|
70
|
+
}
|
|
71
|
+
})]
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
75
|
+
style: s.root,
|
|
76
|
+
children: [/*#__PURE__*/_jsx(FlatList, {
|
|
77
|
+
data: data,
|
|
78
|
+
renderItem: renderItem,
|
|
79
|
+
keyExtractor: keyExtractor,
|
|
80
|
+
ListHeaderComponent: head || pinned ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
81
|
+
children: [head, pinned]
|
|
82
|
+
}) : undefined,
|
|
83
|
+
ListEmptyComponent: /*#__PURE__*/_jsx(EmptyState, {
|
|
84
|
+
title: empty.title,
|
|
85
|
+
action: empty.action
|
|
86
|
+
}),
|
|
87
|
+
contentContainerStyle: [data.length === 0 ? s.grow : null, selectionBar ? null : {
|
|
88
|
+
paddingBottom: bottomInset
|
|
89
|
+
}],
|
|
90
|
+
refreshControl: onRefresh ? /*#__PURE__*/_jsx(RefreshControl, {
|
|
91
|
+
refreshing: refreshing,
|
|
92
|
+
onRefresh: onRefresh
|
|
93
|
+
}) : undefined,
|
|
94
|
+
onEndReached: onEndReached
|
|
95
|
+
}), selectionBar]
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
//# sourceMappingURL=list-template.js.map
|