Create custom flow UI

This commit is contained in:
adilallo
2026-04-17 22:25:24 -06:00
parent eedb70f9f3
commit 36dcb79870
38 changed files with 1227 additions and 250 deletions
+3 -1
View File
@@ -2,7 +2,9 @@
"_comment": "Create flow communication step: page, cards, and add-platform modals",
"page": {
"compactTitle": "How should this community communicate with each-other?",
"compactDescription": "You can select multiple methods for different needs or add your own",
"compactDescriptionBefore": "You can select multiple methods for different needs or ",
"compactDescriptionLinkLabel": "add",
"compactDescriptionAfter": " your own",
"expandedTitle": "What method should this community use to communicate with eachother?",
"expandedDescription": "You can select multiple methods for different needs or add your own",
"seeAllLink": "See all communication approaches"
@@ -0,0 +1,76 @@
{
"_comment": "Create flow — conflict management (Figma Flow — Compact Card Stack `20879:15979`)",
"page": {
"compactTitle": "How should conflicts be managed\nin your group?",
"compactDescriptionBefore": "You can also combine or ",
"compactDescriptionLinkLabel": "add",
"compactDescriptionAfter": " new approaches to the list",
"expandedTitle": "How should conflicts be managed in your group?",
"expandedDescription": "You can also combine or add new approaches to the list",
"seeAllLink": "See all conflict management approaches"
},
"confirmModal": {
"title": "Confirm selection",
"description": "Confirm to select this option.",
"nextButtonText": "Confirm"
},
"cards": {
"peer-mediation": {
"label": "Peer Mediation",
"supportText": "Trained members within the organization mediate disputes among peers."
},
"conflict-resolution-council": {
"label": "Conflict Resolution Council",
"supportText": "Senior members with institutional knowledge provide guidance or decisions."
},
"facilitated-negotiation": {
"label": "Facilitated Negotiation",
"supportText": "A neutral facilitator helps guide the negotiation process."
},
"ad-hoc-arbitration": {
"label": "Ad Hoc Arbitration",
"supportText": "Arbitrators are chosen specifically for a particular case."
},
"conflict-workshops": {
"label": "Conflict Workshops",
"supportText": "Structured sessions where parties collaboratively resolve disputes and improve future interactions."
},
"6": {
"label": "Label",
"supportText": "Additional conflict management approach."
},
"7": {
"label": "Label",
"supportText": "Additional conflict management approach."
},
"8": {
"label": "Label",
"supportText": "Additional conflict management approach."
}
},
"modals": {
"peer-mediation": {
"title": "Peer Mediation",
"description": "Trained members within the organization mediate disputes among peers."
},
"conflict-resolution-council": {
"title": "Conflict Resolution Council",
"description": "Senior members with institutional knowledge provide guidance or decisions."
},
"facilitated-negotiation": {
"title": "Facilitated Negotiation",
"description": "A neutral facilitator helps guide the negotiation process."
},
"ad-hoc-arbitration": {
"title": "Ad Hoc Arbitration",
"description": "Arbitrators are chosen specifically for a particular case."
},
"conflict-workshops": {
"title": "Conflict Workshops",
"description": "Structured sessions where parties collaboratively resolve disputes and improve future interactions."
},
"6": { "title": "Label", "description": "Additional conflict management approach." },
"7": { "title": "Label", "description": "Additional conflict management approach." },
"8": { "title": "Label", "description": "Additional conflict management approach." }
}
}
+5 -1
View File
@@ -11,5 +11,9 @@
"confirmMembers": "Confirm members",
"finalizeCommunityRule": "Finalize CommunityRule",
"confirmStakeholders": "Confirm Stakeholders",
"confirmCoreValues": "Confirm values"
"confirmCoreValues": "Confirm values",
"confirmCommunication": "Confirm",
"confirmMembership": "Confirm",
"confirmRightRail": "Confirm",
"confirmConflictManagement": "Confirm"
}
+76
View File
@@ -0,0 +1,76 @@
{
"_comment": "Create flow — membership / how members join (compact card stack)",
"page": {
"compactTitle": "How do new members join\nand get connected?",
"compactDescriptionBefore": "You can select multiple methods for different needs or ",
"compactDescriptionLinkLabel": "add",
"compactDescriptionAfter": " your own",
"expandedTitle": "How should new members join and get connected?",
"expandedDescription": "You can select multiple methods for different needs or add your own",
"seeAllLink": "See all membership approaches"
},
"confirmModal": {
"title": "Confirm selection",
"description": "Confirm to select this option.",
"nextButtonText": "Confirm"
},
"cards": {
"open-access": {
"label": "Open Access",
"supportText": "Maximum inclusion. Anyone can join immediately by simply showing up."
},
"orientation-required": {
"label": "Orientation Required",
"supportText": "Newcomers must attend a training or orientation session."
},
"invitation-only": {
"label": "Invitation Only",
"supportText": "New members can only join if they are 'vouched for' by existing members."
},
"contribution-based": {
"label": "Contribution Based",
"supportText": "Membership is reserved for people contributing their labor."
},
"mentorship": {
"label": "Mentorship",
"supportText": "New members are paired with 'Mentors' to guide them through a probationary period."
},
"6": {
"label": "Label",
"supportText": "Additional membership approach."
},
"7": {
"label": "Label",
"supportText": "Additional membership approach."
},
"8": {
"label": "Label",
"supportText": "Additional membership approach."
}
},
"modals": {
"open-access": {
"title": "Open Access",
"description": "Maximum inclusion. Anyone can join immediately by simply showing up."
},
"orientation-required": {
"title": "Orientation Required",
"description": "Newcomers must attend a training or orientation session."
},
"invitation-only": {
"title": "Invitation Only",
"description": "New members can only join if they are 'vouched for' by existing members."
},
"contribution-based": {
"title": "Contribution Based",
"description": "Membership is reserved for people contributing their labor."
},
"mentorship": {
"title": "Mentorship",
"description": "New members are paired with 'Mentors' to guide them through a probationary period."
},
"6": { "title": "Label", "description": "Additional membership approach." },
"7": { "title": "Label", "description": "Additional membership approach." },
"8": { "title": "Label", "description": "Additional membership approach." }
}
}
+31 -32
View File
@@ -1,9 +1,10 @@
{
"_comment": "Create flow — right rail / decision approaches (Figma Flow — Right Rail `20523:23509`)",
"sidebar": {
"title": "How should conflicts be resolved?",
"descriptionBefore": "You can also combine or ",
"descriptionLink": "add",
"descriptionAfter": " new approaches to the list"
"title": "How should this community make difficult decisions?",
"descriptionBefore": "Select as many as you need to describe how your group makes decisions. You can also ",
"descriptionLinkLabel": "add",
"descriptionAfter": " new decision making approaches or interact with the categories below to filter."
},
"messageBox": {
"title": "Consider defining approaches to steward key resources:",
@@ -16,99 +17,97 @@
},
"cardStack": {
"toggleSeeAll": "See all decision approaches",
"toggleShowLess": "Show less",
"emptyTitle": "",
"emptyDescription": ""
"toggleShowLess": "Show less"
},
"cards": [
{
"id": "mediation",
"label": "Mediation",
"supportText": "Collaborative work to reach a resolution that all parties can agree upon.",
"id": "lazy-consensus",
"label": "Lazy Consensus",
"supportText": "A decision is assumed approved unless objections are raised within a specified timeframe.",
"recommended": true
},
{
"id": "facilitation",
"label": "Facilitated dialogue",
"supportText": "Structured sessions where parties collaboratively resolve disputes.",
"id": "do-ocracy",
"label": "Do-ocracy",
"supportText": "Decisions are made by those who take initiative and carry out the work.",
"recommended": true
},
{
"id": "invite-only",
"label": "Invite-only",
"supportText": "Private discussions with selected participants.",
"id": "consensus-decision-making",
"label": "Consensus Decision-Making",
"supportText": "All members must agree. Best for important decisions in small groups. Does not work well for low stakes decisions.",
"recommended": true
},
{
"id": "arbitration",
"label": "Arbitration",
"supportText": "Arbitrators are chosen specifically for a particular case.",
"id": "rotational-leadership",
"label": "Rotational Leadership",
"supportText": "Decision-making responsibilities rotate among members.",
"recommended": true
},
{
"id": "direct-dialogue",
"label": "Direct dialogue",
"supportText": "Encouraging direct, respectful dialogue between those involved.",
"id": "modified-consensus",
"label": "Modified Consensus",
"supportText": "Attempts to reach full agreement first, but falls back to voting if consensus isnt possible.",
"recommended": true
},
{
"id": "label-1",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
},
{
"id": "label-2",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
},
{
"id": "label-3",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
},
{
"id": "label-4",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
},
{
"id": "label-5",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
},
{
"id": "label-6",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
},
{
"id": "label-7",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
},
{
"id": "label-8",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
},
{
"id": "label-9",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
},
{
"id": "label-10",
"label": "Label",
"supportText": "",
"supportText": "Additional decision approach.",
"recommended": false
}
]