CommunityRule/community-rule
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Completed template

Browse Source
This commit is contained in:
adilallo
2026-03-02 22:12:50 -07:00
parent d811b87b12
commit 3e3d2881f5
103 changed files with 1410 additions and 622 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stories/cards/Card.stories.js
+3 -6
View File
@@ -46,8 +46,7 @@ export default {
export const Default = {
args: {
label: "Label",
supportText:
"Members vote to resolve a dispute democratically.",
supportText: "Members vote to resolve a dispute democratically.",
recommended: true,
selected: false,
orientation: "horizontal",
@@ -69,8 +68,7 @@ export const HorizontalRecommended = {
export const HorizontalSelected = {
args: {
label: "Label",
supportText:
"Members vote to resolve a dispute democratically.",
supportText: "Members vote to resolve a dispute democratically.",
recommended: false,
selected: true,
orientation: "horizontal",
@@ -157,8 +155,7 @@ export const AllVariants = {
parameters: {
docs: {
description: {
story:
"All four variants: horizontal/vertical × recommended/selected.",
story: "All four variants: horizontal/vertical × recommended/selected.",
},
},
},
stories/cards/RuleCard.stories.js
+27 -15
View File
@@ -75,7 +75,8 @@ export const Expanded = {
backgroundColor: "bg-[#b7d9d5]",
expanded: true,
size: "L",
logoUrl: "http://localhost:3845/assets/d2513a6ab56f2b2927e8a7c442c06326e7a29541.png",
logoUrl:
"http://localhost:3845/assets/d2513a6ab56f2b2927e8a7c442c06326e7a29541.png",
logoAlt: "Mutual Aid Mondays",
categories: [
{
@@ -96,9 +97,7 @@ export const Expanded = {
},
{
name: "Communication",
chipOptions: [
{ id: "comm-1", label: "Signal", state: "Unselected" },
],
chipOptions: [{ id: "comm-1", label: "Signal", state: "Unselected" }],
onChipClick: (categoryName, chipId) => {
console.log(`Chip clicked: ${categoryName} - ${chipId}`);
},
@@ -122,7 +121,11 @@ export const Expanded = {
name: "Decision-making",
chipOptions: [
{ id: "decision-1", label: "Lazy Consensus", state: "Unselected" },
{ id: "decision-2", label: "Modified Consensus", state: "Unselected" },
{
id: "decision-2",
label: "Modified Consensus",
state: "Unselected",
},
],
onChipClick: (categoryName, chipId) => {
console.log(`Chip clicked: ${categoryName} - ${chipId}`);
@@ -135,7 +138,11 @@ export const Expanded = {
name: "Conflict management",
chipOptions: [
{ id: "conflict-1", label: "Code of Conduct", state: "Unselected" },
{ id: "conflict-2", label: "Restorative Justice", state: "Unselected" },
{
id: "conflict-2",
label: "Restorative Justice",
state: "Unselected",
},
],
onChipClick: (categoryName, chipId) => {
console.log(`Chip clicked: ${categoryName} - ${chipId}`);
@@ -232,7 +239,8 @@ export const ExpandedMedium = {
backgroundColor: "bg-[#b7d9d5]",
expanded: true,
size: "M",
logoUrl: "http://localhost:3845/assets/d2513a6ab56f2b2927e8a7c442c06326e7a29541.png",
logoUrl:
"http://localhost:3845/assets/d2513a6ab56f2b2927e8a7c442c06326e7a29541.png",
logoAlt: "Mutual Aid Mondays",
categories: [
{
@@ -247,9 +255,7 @@ export const ExpandedMedium = {
},
{
name: "Communication",
chipOptions: [
{ id: "comm-1", label: "Signal", state: "Unselected" },
],
chipOptions: [{ id: "comm-1", label: "Signal", state: "Unselected" }],
},
{
name: "Membership",
@@ -261,14 +267,22 @@ export const ExpandedMedium = {
name: "Decision-making",
chipOptions: [
{ id: "decision-1", label: "Lazy Consensus", state: "Unselected" },
{ id: "decision-2", label: "Modified Consensus", state: "Unselected" },
{
id: "decision-2",
label: "Modified Consensus",
state: "Unselected",
},
],
},
{
name: "Conflict management",
chipOptions: [
{ id: "conflict-1", label: "Code of Conduct", state: "Unselected" },
{ id: "conflict-2", label: "Restorative Justice", state: "Unselected" },
{
id: "conflict-2",
label: "Restorative Justice",
state: "Unselected",
},
],
},
],
@@ -393,9 +407,7 @@ export const InteractiveStates = {
},
{
name: "Communication",
chipOptions: [
{ id: "comm-1", label: "Signal", state: "Unselected" },
],
chipOptions: [{ id: "comm-1", label: "Signal", state: "Unselected" }],
onChipClick: (categoryName, chipId) => {
console.log(`Chip clicked: ${categoryName} - ${chipId}`);
},