mirror of
https://github.com/openMF/mifos-mobile.git
synced 2026-02-06 11:26:51 +00:00
Revert "feat(design): add design-tokens.json for 9 features"
This reverts commit 3460d29fdb.
This commit is contained in:
Rajan Maurya
parent
3460d29fdb
commit
fd1525e032
@ -1,260 +0,0 @@
|
||||
{
|
||||
"feature": "accounts",
|
||||
"generated": "2026-01-07",
|
||||
"tool": "google-stitch",
|
||||
"version": "2.0",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"primary": {
|
||||
"gradient": {
|
||||
"start": "#667EEA",
|
||||
"end": "#764BA2",
|
||||
"angle": 45
|
||||
},
|
||||
"solid": "#667EEA"
|
||||
},
|
||||
"secondary": {
|
||||
"gradient": {
|
||||
"start": "#11998E",
|
||||
"end": "#38EF7D"
|
||||
}
|
||||
},
|
||||
"surface": {
|
||||
"light": "#FFFFFF",
|
||||
"dark": "#0D1117"
|
||||
},
|
||||
"background": {
|
||||
"light": "#F8F9FA",
|
||||
"dark": "#0D1117"
|
||||
},
|
||||
"card": {
|
||||
"light": "#FFFFFF",
|
||||
"dark": "#161B22"
|
||||
},
|
||||
"text": {
|
||||
"primary": {
|
||||
"light": "#1F2937",
|
||||
"dark": "#F0F6FC"
|
||||
},
|
||||
"secondary": {
|
||||
"light": "#6B7280",
|
||||
"dark": "#8B949E"
|
||||
}
|
||||
},
|
||||
"semantic": {
|
||||
"success": "#00D09C",
|
||||
"error": "#FF4757",
|
||||
"warning": "#FFB800",
|
||||
"info": "#667EEA"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "Inter, system-ui, sans-serif",
|
||||
"netWorth": {
|
||||
"size": "36sp",
|
||||
"weight": "800",
|
||||
"lineHeight": "44dp"
|
||||
},
|
||||
"accountBalance": {
|
||||
"size": "24sp",
|
||||
"weight": "700",
|
||||
"lineHeight": "32dp"
|
||||
},
|
||||
"sectionHeader": {
|
||||
"size": "16sp",
|
||||
"weight": "600",
|
||||
"lineHeight": "24dp"
|
||||
},
|
||||
"body": {
|
||||
"size": "14sp",
|
||||
"weight": "400",
|
||||
"lineHeight": "20dp"
|
||||
},
|
||||
"caption": {
|
||||
"size": "12sp",
|
||||
"weight": "500",
|
||||
"lineHeight": "16dp"
|
||||
}
|
||||
},
|
||||
"spacing": {
|
||||
"xs": "4dp",
|
||||
"sm": "8dp",
|
||||
"md": "12dp",
|
||||
"lg": "16dp",
|
||||
"xl": "20dp",
|
||||
"xxl": "24dp",
|
||||
"xxxl": "32dp"
|
||||
},
|
||||
"radius": {
|
||||
"sm": "8dp",
|
||||
"md": "12dp",
|
||||
"lg": "16dp",
|
||||
"xl": "20dp",
|
||||
"card": "20dp"
|
||||
}
|
||||
},
|
||||
"screens": [
|
||||
{
|
||||
"id": "main-accounts",
|
||||
"name": "Main Accounts View",
|
||||
"description": "Financial command center with net worth, analytics, and account cards",
|
||||
"components": ["net-worth-card", "spending-analytics", "ai-insight-card", "account-card", "bill-reminder"]
|
||||
},
|
||||
{
|
||||
"id": "goals-tab",
|
||||
"name": "Goals Tab View",
|
||||
"description": "Gamified savings goals with achievements",
|
||||
"components": ["goals-overview", "achievement-badge", "goal-card"]
|
||||
},
|
||||
{
|
||||
"id": "category-drilldown",
|
||||
"name": "Spending Category Drill-Down",
|
||||
"description": "Detailed category spending view",
|
||||
"components": ["category-chart", "sub-category-list", "transaction-list"]
|
||||
},
|
||||
{
|
||||
"id": "loading",
|
||||
"name": "Loading State",
|
||||
"description": "Shimmer placeholders during data fetch",
|
||||
"components": ["shimmer-card", "shimmer-chart"]
|
||||
},
|
||||
{
|
||||
"id": "empty",
|
||||
"name": "Empty State",
|
||||
"description": "First-time user with suggestions",
|
||||
"components": ["empty-illustration", "suggestion-card"]
|
||||
},
|
||||
{
|
||||
"id": "error",
|
||||
"name": "Error State",
|
||||
"description": "Connection error with retry",
|
||||
"components": ["error-illustration", "retry-button"]
|
||||
},
|
||||
{
|
||||
"id": "offline",
|
||||
"name": "Offline State",
|
||||
"description": "Cached data view",
|
||||
"components": ["offline-banner", "cached-account-card"]
|
||||
}
|
||||
],
|
||||
"components": [
|
||||
{
|
||||
"id": "net-worth-card",
|
||||
"name": "Net Worth Card",
|
||||
"specs": {
|
||||
"background": "gradient",
|
||||
"radius": "20dp",
|
||||
"padding": "24dp",
|
||||
"amountSize": "36sp",
|
||||
"amountWeight": "800"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "financial-health-score",
|
||||
"name": "Financial Health Score",
|
||||
"specs": {
|
||||
"ringSize": "80dp",
|
||||
"ringStroke": "8dp",
|
||||
"scoreSize": "28sp",
|
||||
"scoreWeight": "700"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "spending-analytics",
|
||||
"name": "Spending Analytics Chart",
|
||||
"specs": {
|
||||
"barWidth": "24dp",
|
||||
"barRadius": "4dp",
|
||||
"barSpacing": "12dp",
|
||||
"maxHeight": "120dp"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "category-chip",
|
||||
"name": "Category Chip",
|
||||
"specs": {
|
||||
"height": "44dp",
|
||||
"iconSize": "20dp",
|
||||
"amountSize": "14sp",
|
||||
"progressHeight": "4dp"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "ai-insight-card",
|
||||
"name": "AI Insight Card",
|
||||
"specs": {
|
||||
"iconSize": "40dp",
|
||||
"background": "gradient-5%",
|
||||
"border": "1dp primary-20%",
|
||||
"radius": "16dp"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "achievement-badge",
|
||||
"name": "Achievement Badge",
|
||||
"specs": {
|
||||
"size": "64x80dp",
|
||||
"iconContainer": "48dp",
|
||||
"iconSize": "28dp",
|
||||
"labelSize": "10sp"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "account-card",
|
||||
"name": "Account Card",
|
||||
"specs": {
|
||||
"radius": "20dp",
|
||||
"padding": "20dp",
|
||||
"iconContainer": "48dp",
|
||||
"balanceSize": "24sp",
|
||||
"elevation": "2dp"
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "goal-progress",
|
||||
"name": "Goal Progress Bar",
|
||||
"specs": {
|
||||
"height": "8dp",
|
||||
"radius": "4dp",
|
||||
"trackColor": "#E5E7EB",
|
||||
"fillGradient": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"id": "bill-reminder",
|
||||
"name": "Bill Reminder Card",
|
||||
"specs": {
|
||||
"overdueBackground": "#FF4757-10%",
|
||||
"dueSoonBackground": "#FFB800-10%",
|
||||
"normalBackground": "surface"
|
||||
}
|
||||
}
|
||||
],
|
||||
"animations": {
|
||||
"pageLoad": {
|
||||
"staggerDelay": "50ms",
|
||||
"itemDuration": "300ms",
|
||||
"easing": "DecelerateInterpolator"
|
||||
},
|
||||
"scoreCounter": {
|
||||
"duration": "800ms",
|
||||
"easing": "DecelerateInterpolator"
|
||||
},
|
||||
"chartBarGrow": {
|
||||
"duration": "400ms",
|
||||
"easing": "DecelerateInterpolator"
|
||||
},
|
||||
"cardPress": {
|
||||
"scale": "0.98",
|
||||
"duration": "100ms"
|
||||
},
|
||||
"swipeReveal": {
|
||||
"threshold": "80dp",
|
||||
"snapDuration": "200ms"
|
||||
},
|
||||
"pullRefresh": {
|
||||
"triggerDistance": "64dp",
|
||||
"indicatorSize": "40dp"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,39 +0,0 @@
|
||||
{
|
||||
"feature": "beneficiary",
|
||||
"generated": "2026-01-07",
|
||||
"tool": "google-stitch",
|
||||
"version": "2.0",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"primary": {
|
||||
"gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 },
|
||||
"solid": "#667EEA"
|
||||
},
|
||||
"surface": { "light": "#FFFFFF", "dark": "#0D1117" },
|
||||
"text": {
|
||||
"primary": { "light": "#1F2937", "dark": "#F0F6FC" },
|
||||
"secondary": { "light": "#6B7280", "dark": "#8B949E" }
|
||||
},
|
||||
"semantic": {
|
||||
"success": "#00D09C",
|
||||
"error": "#FF4757"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "Inter, system-ui, sans-serif",
|
||||
"title": { "size": "20sp", "weight": "600" },
|
||||
"body": { "size": "14sp", "weight": "400" }
|
||||
},
|
||||
"spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" },
|
||||
"radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp" }
|
||||
},
|
||||
"screens": [
|
||||
{ "id": "beneficiary-list", "name": "Beneficiary List", "components": ["beneficiary-card", "search-bar", "fab"] },
|
||||
{ "id": "add-beneficiary", "name": "Add Beneficiary", "components": ["form-input", "bank-selector", "primary-button"] },
|
||||
{ "id": "beneficiary-detail", "name": "Beneficiary Detail", "components": ["avatar", "info-row", "action-button"] }
|
||||
],
|
||||
"components": [
|
||||
{ "id": "beneficiary-card", "specs": { "height": "72dp", "avatarSize": "48dp", "radius": "16dp" } },
|
||||
{ "id": "bank-selector", "specs": { "height": "56dp", "iconSize": "24dp" } }
|
||||
]
|
||||
}
|
||||
@ -1,48 +0,0 @@
|
||||
{
|
||||
"feature": "home",
|
||||
"generated": "2026-01-07",
|
||||
"tool": "google-stitch",
|
||||
"version": "2.0",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"primary": {
|
||||
"gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 },
|
||||
"solid": "#667EEA"
|
||||
},
|
||||
"surface": { "light": "#FFFFFF", "dark": "#0D1117" },
|
||||
"card": { "light": "#FFFFFF", "dark": "#161B22" },
|
||||
"text": {
|
||||
"primary": { "light": "#1F2937", "dark": "#F0F6FC" },
|
||||
"secondary": { "light": "#6B7280", "dark": "#8B949E" }
|
||||
},
|
||||
"semantic": {
|
||||
"success": "#00D09C",
|
||||
"error": "#FF4757",
|
||||
"warning": "#FFB800"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "Inter, system-ui, sans-serif",
|
||||
"greeting": { "size": "28sp", "weight": "700" },
|
||||
"balance": { "size": "32sp", "weight": "800" },
|
||||
"sectionTitle": { "size": "18sp", "weight": "600" }
|
||||
},
|
||||
"spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp", "xxl": "32dp" },
|
||||
"radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp", "full": "9999dp" }
|
||||
},
|
||||
"screens": [
|
||||
{ "id": "home-main", "name": "Home Dashboard", "components": ["greeting-card", "balance-card", "quick-actions", "recent-transactions", "promo-card"] },
|
||||
{ "id": "home-loading", "name": "Loading State", "components": ["shimmer-card", "shimmer-list"] },
|
||||
{ "id": "home-empty", "name": "Empty State", "components": ["empty-illustration", "cta-button"] }
|
||||
],
|
||||
"components": [
|
||||
{ "id": "balance-card", "specs": { "background": "gradient", "radius": "24dp", "padding": "24dp" } },
|
||||
{ "id": "quick-action", "specs": { "size": "64dp", "iconSize": "28dp", "radius": "16dp" } },
|
||||
{ "id": "transaction-item", "specs": { "height": "72dp", "iconSize": "40dp" } },
|
||||
{ "id": "promo-card", "specs": { "height": "120dp", "radius": "20dp" } }
|
||||
],
|
||||
"animations": {
|
||||
"balanceReveal": { "duration": "600ms", "easing": "DecelerateInterpolator" },
|
||||
"quickActionPress": { "scale": "0.95", "duration": "100ms" }
|
||||
}
|
||||
}
|
||||
@ -1,43 +0,0 @@
|
||||
{
|
||||
"feature": "loan-account",
|
||||
"generated": "2026-01-07",
|
||||
"tool": "google-stitch",
|
||||
"version": "2.0",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"primary": {
|
||||
"gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 },
|
||||
"solid": "#667EEA"
|
||||
},
|
||||
"surface": { "light": "#FFFFFF", "dark": "#0D1117" },
|
||||
"text": {
|
||||
"primary": { "light": "#1F2937", "dark": "#F0F6FC" },
|
||||
"secondary": { "light": "#6B7280", "dark": "#8B949E" }
|
||||
},
|
||||
"semantic": {
|
||||
"success": "#00D09C",
|
||||
"error": "#FF4757",
|
||||
"warning": "#FFB800",
|
||||
"overdue": "#FF4757"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "Inter, system-ui, sans-serif",
|
||||
"loanBalance": { "size": "28sp", "weight": "700" },
|
||||
"paymentAmount": { "size": "24sp", "weight": "600" }
|
||||
},
|
||||
"spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" },
|
||||
"radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp" }
|
||||
},
|
||||
"screens": [
|
||||
{ "id": "loan-detail", "name": "Loan Account Detail", "components": ["loan-summary-card", "repayment-progress", "payment-schedule", "transaction-list"] },
|
||||
{ "id": "loan-schedule", "name": "Repayment Schedule", "components": ["schedule-item", "payment-status-badge"] },
|
||||
{ "id": "loan-payment", "name": "Make Payment", "components": ["amount-input", "payment-method", "confirm-button"] }
|
||||
],
|
||||
"components": [
|
||||
{ "id": "loan-summary-card", "specs": { "background": "gradient", "radius": "20dp" } },
|
||||
{ "id": "repayment-progress", "specs": { "height": "12dp", "radius": "6dp" } },
|
||||
{ "id": "schedule-item", "specs": { "height": "80dp", "statusBadgeSize": "24dp" } },
|
||||
{ "id": "payment-due-card", "specs": { "background": "warning-10%", "radius": "16dp" } }
|
||||
]
|
||||
}
|
||||
@ -1,44 +0,0 @@
|
||||
{
|
||||
"feature": "notification",
|
||||
"generated": "2026-01-07",
|
||||
"tool": "google-stitch",
|
||||
"version": "2.0",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"primary": {
|
||||
"gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 },
|
||||
"solid": "#667EEA"
|
||||
},
|
||||
"surface": { "light": "#FFFFFF", "dark": "#0D1117" },
|
||||
"unread": { "light": "#F0F4FF", "dark": "#1A1F36" },
|
||||
"text": {
|
||||
"primary": { "light": "#1F2937", "dark": "#F0F6FC" },
|
||||
"secondary": { "light": "#6B7280", "dark": "#8B949E" }
|
||||
},
|
||||
"semantic": {
|
||||
"success": "#00D09C",
|
||||
"error": "#FF4757",
|
||||
"warning": "#FFB800",
|
||||
"info": "#667EEA"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "Inter, system-ui, sans-serif",
|
||||
"title": { "size": "16sp", "weight": "600" },
|
||||
"body": { "size": "14sp", "weight": "400" },
|
||||
"timestamp": { "size": "12sp", "weight": "400" }
|
||||
},
|
||||
"spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" },
|
||||
"radius": { "sm": "8dp", "md": "12dp", "card": "16dp" }
|
||||
},
|
||||
"screens": [
|
||||
{ "id": "notification-list", "name": "Notification List", "components": ["notification-card", "filter-chips", "mark-all-read"] },
|
||||
{ "id": "notification-detail", "name": "Notification Detail", "components": ["detail-header", "content-body", "action-buttons"] },
|
||||
{ "id": "notification-empty", "name": "Empty State", "components": ["empty-illustration", "settings-link"] }
|
||||
],
|
||||
"components": [
|
||||
{ "id": "notification-card", "specs": { "height": "88dp", "iconSize": "40dp", "unreadIndicator": "8dp" } },
|
||||
{ "id": "filter-chip", "specs": { "height": "36dp", "radius": "18dp" } },
|
||||
{ "id": "type-icon", "specs": { "size": "40dp", "radius": "12dp" } }
|
||||
]
|
||||
}
|
||||
@ -1,42 +0,0 @@
|
||||
{
|
||||
"feature": "recent-transaction",
|
||||
"generated": "2026-01-07",
|
||||
"tool": "google-stitch",
|
||||
"version": "2.0",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"primary": {
|
||||
"gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 },
|
||||
"solid": "#667EEA"
|
||||
},
|
||||
"surface": { "light": "#FFFFFF", "dark": "#0D1117" },
|
||||
"text": {
|
||||
"primary": { "light": "#1F2937", "dark": "#F0F6FC" },
|
||||
"secondary": { "light": "#6B7280", "dark": "#8B949E" }
|
||||
},
|
||||
"transaction": {
|
||||
"credit": "#00D09C",
|
||||
"debit": "#FF4757",
|
||||
"pending": "#FFB800"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "Inter, system-ui, sans-serif",
|
||||
"amount": { "size": "16sp", "weight": "600" },
|
||||
"description": { "size": "14sp", "weight": "500" },
|
||||
"date": { "size": "12sp", "weight": "400" }
|
||||
},
|
||||
"spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" },
|
||||
"radius": { "sm": "8dp", "md": "12dp", "card": "16dp" }
|
||||
},
|
||||
"screens": [
|
||||
{ "id": "transaction-list", "name": "Transaction List", "components": ["transaction-item", "date-header", "filter-bar", "search"] },
|
||||
{ "id": "transaction-detail", "name": "Transaction Detail", "components": ["amount-display", "detail-row", "receipt-button"] },
|
||||
{ "id": "transaction-filter", "name": "Filter Modal", "components": ["date-picker", "type-selector", "apply-button"] }
|
||||
],
|
||||
"components": [
|
||||
{ "id": "transaction-item", "specs": { "height": "72dp", "iconSize": "40dp", "iconRadius": "12dp" } },
|
||||
{ "id": "date-header", "specs": { "height": "32dp", "textSize": "12sp", "background": "#F3F4F6" } },
|
||||
{ "id": "amount-badge", "specs": { "creditColor": "#00D09C", "debitColor": "#FF4757" } }
|
||||
]
|
||||
}
|
||||
@ -1,44 +0,0 @@
|
||||
{
|
||||
"feature": "savings-account",
|
||||
"generated": "2026-01-07",
|
||||
"tool": "google-stitch",
|
||||
"version": "2.0",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"primary": {
|
||||
"gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 },
|
||||
"solid": "#667EEA"
|
||||
},
|
||||
"secondary": {
|
||||
"gradient": { "start": "#11998E", "end": "#38EF7D" }
|
||||
},
|
||||
"surface": { "light": "#FFFFFF", "dark": "#0D1117" },
|
||||
"text": {
|
||||
"primary": { "light": "#1F2937", "dark": "#F0F6FC" },
|
||||
"secondary": { "light": "#6B7280", "dark": "#8B949E" }
|
||||
},
|
||||
"semantic": {
|
||||
"success": "#00D09C",
|
||||
"interest": "#11998E"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "Inter, system-ui, sans-serif",
|
||||
"balance": { "size": "32sp", "weight": "800" },
|
||||
"interestRate": { "size": "20sp", "weight": "600" }
|
||||
},
|
||||
"spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" },
|
||||
"radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp" }
|
||||
},
|
||||
"screens": [
|
||||
{ "id": "savings-detail", "name": "Savings Account Detail", "components": ["balance-card", "interest-info", "goal-progress", "transaction-list", "quick-actions"] },
|
||||
{ "id": "savings-deposit", "name": "Deposit Screen", "components": ["amount-input", "source-selector", "confirm-button"] },
|
||||
{ "id": "savings-withdraw", "name": "Withdraw Screen", "components": ["amount-input", "destination-selector", "confirm-button"] }
|
||||
],
|
||||
"components": [
|
||||
{ "id": "balance-card", "specs": { "background": "gradient", "radius": "24dp", "padding": "24dp" } },
|
||||
{ "id": "interest-badge", "specs": { "background": "#11998E-15%", "textColor": "#11998E", "radius": "8dp" } },
|
||||
{ "id": "goal-progress", "specs": { "height": "8dp", "radius": "4dp" } },
|
||||
{ "id": "quick-action-button", "specs": { "size": "56dp", "iconSize": "24dp" } }
|
||||
]
|
||||
}
|
||||
@ -1,40 +0,0 @@
|
||||
{
|
||||
"feature": "share-account",
|
||||
"generated": "2026-01-07",
|
||||
"tool": "google-stitch",
|
||||
"version": "2.0",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"primary": {
|
||||
"gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 },
|
||||
"solid": "#667EEA"
|
||||
},
|
||||
"surface": { "light": "#FFFFFF", "dark": "#0D1117" },
|
||||
"text": {
|
||||
"primary": { "light": "#1F2937", "dark": "#F0F6FC" },
|
||||
"secondary": { "light": "#6B7280", "dark": "#8B949E" }
|
||||
},
|
||||
"semantic": {
|
||||
"success": "#00D09C",
|
||||
"dividend": "#11998E"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "Inter, system-ui, sans-serif",
|
||||
"shareValue": { "size": "28sp", "weight": "700" },
|
||||
"shareCount": { "size": "20sp", "weight": "600" }
|
||||
},
|
||||
"spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp" },
|
||||
"radius": { "sm": "8dp", "md": "12dp", "card": "20dp" }
|
||||
},
|
||||
"screens": [
|
||||
{ "id": "share-detail", "name": "Share Account Detail", "components": ["value-card", "share-breakdown", "dividend-info", "transaction-list"] },
|
||||
{ "id": "buy-shares", "name": "Buy Shares", "components": ["share-input", "cost-calculator", "confirm-button"] },
|
||||
{ "id": "sell-shares", "name": "Sell Shares", "components": ["share-input", "value-preview", "confirm-button"] }
|
||||
],
|
||||
"components": [
|
||||
{ "id": "value-card", "specs": { "background": "gradient", "radius": "20dp" } },
|
||||
{ "id": "share-breakdown", "specs": { "approved": "#00D09C", "pending": "#FFB800" } },
|
||||
{ "id": "dividend-card", "specs": { "background": "#11998E-10%", "radius": "16dp" } }
|
||||
]
|
||||
}
|
||||
@ -1,50 +0,0 @@
|
||||
{
|
||||
"feature": "transfer",
|
||||
"generated": "2026-01-07",
|
||||
"tool": "google-stitch",
|
||||
"version": "2.0",
|
||||
"tokens": {
|
||||
"colors": {
|
||||
"primary": {
|
||||
"gradient": { "start": "#667EEA", "end": "#764BA2", "angle": 45 },
|
||||
"solid": "#667EEA"
|
||||
},
|
||||
"surface": { "light": "#FFFFFF", "dark": "#0D1117" },
|
||||
"text": {
|
||||
"primary": { "light": "#1F2937", "dark": "#F0F6FC" },
|
||||
"secondary": { "light": "#6B7280", "dark": "#8B949E" }
|
||||
},
|
||||
"semantic": {
|
||||
"success": "#00D09C",
|
||||
"error": "#FF4757",
|
||||
"pending": "#FFB800"
|
||||
}
|
||||
},
|
||||
"typography": {
|
||||
"fontFamily": "Inter, system-ui, sans-serif",
|
||||
"amount": { "size": "36sp", "weight": "800" },
|
||||
"accountName": { "size": "16sp", "weight": "600" }
|
||||
},
|
||||
"spacing": { "sm": "8dp", "md": "12dp", "lg": "16dp", "xl": "24dp", "xxl": "32dp" },
|
||||
"radius": { "sm": "8dp", "md": "12dp", "lg": "16dp", "card": "20dp" }
|
||||
},
|
||||
"screens": [
|
||||
{ "id": "transfer-type", "name": "Transfer Type Selection", "components": ["transfer-option-card", "recent-transfers"] },
|
||||
{ "id": "transfer-form", "name": "Transfer Form", "components": ["account-selector", "amount-input", "beneficiary-picker", "note-input"] },
|
||||
{ "id": "transfer-review", "name": "Review Transfer", "components": ["summary-card", "fee-breakdown", "confirm-button"] },
|
||||
{ "id": "transfer-success", "name": "Transfer Success", "components": ["success-animation", "receipt-card", "share-button"] },
|
||||
{ "id": "transfer-pending", "name": "Transfer Pending", "components": ["pending-animation", "status-timeline"] }
|
||||
],
|
||||
"components": [
|
||||
{ "id": "transfer-option-card", "specs": { "height": "80dp", "iconSize": "40dp", "radius": "16dp" } },
|
||||
{ "id": "account-selector", "specs": { "height": "72dp", "avatarSize": "48dp" } },
|
||||
{ "id": "amount-input", "specs": { "height": "80dp", "fontSize": "36sp", "cursorColor": "#667EEA" } },
|
||||
{ "id": "summary-card", "specs": { "background": "gradient-5%", "radius": "20dp" } },
|
||||
{ "id": "success-checkmark", "specs": { "size": "80dp", "strokeWidth": "4dp", "color": "#00D09C" } }
|
||||
],
|
||||
"animations": {
|
||||
"amountTyping": { "scale": "1.02", "duration": "100ms" },
|
||||
"successCheckmark": { "drawDuration": "400ms", "bounceDuration": "200ms" },
|
||||
"confetti": { "particleCount": 50, "duration": "1200ms" }
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user