Merge pull request #88 from fold-dev/dummy-data-update

refactor: Todo & Kanban dummy data update
fold-dev · Jun 24, 2024 · a753b13 · a753b13
2 parents 7beaa1b + b039db1
commit a753b13
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 20 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fold-dev/docs",
-  "version": "24.6.24.1",
+  "version": "24.6.24.2",
   "description": "UI components for product teams.",
   "scripts": {
     "prepare": "husky install",

diff --git a/src/components/core.component.tsx b/src/components/core.component.tsx
@@ -939,8 +939,16 @@ const All = () => {
         const d: any = document.querySelector(':root')
         d.style.setProperty('--f-font-heading', family)
         d.style.setProperty('--f-font-body', family)
+
         documentObject.body.style.cssText = `--f-font-heading: ${family}`
         documentObject.body.style.cssText = `--f-font-body: ${family}`
+
+        document.getElementById('custom-styles').innerHTML = `
+            :root {
+                --f-font-heading: ${family};
+                --f-font-body: ${family};
+            }
+        `
     }
 
     useEffect(() => {

diff --git a/src/components/hero.component.tsx b/src/components/hero.component.tsx
@@ -45,7 +45,6 @@ export const HeroComponent = () => {
                         colorToken="accent"
                         fontWeight={700}
                         fontSize="6rem"
-                        letterSpacing={-5}
                         lineHeight={0.9}
                         p="0 3rem"
                         className="hero__heading">

diff --git a/src/dummy-data/kanban.tsx b/src/dummy-data/kanban.tsx
@@ -13,8 +13,7 @@ export const swimlanes: KanbanTypes.Swimlane[] = [
         columns: [
             {
                 id: 'column-2463',
-                prefix: <IconLib icon="sun" />,
-                name: 'Doing',
+                name: 'Todo',
                 description: 'Everything in this column needs to be done.',
                 color: Token.ColorElectric400,
                 collapsed: false,
@@ -57,7 +56,22 @@ export const swimlanes: KanbanTypes.Swimlane[] = [
             },
             {
                 id: 'column-46868',
+                name: 'Doing',
+                prefix: <IconLib icon="check" />,
+                color: Token.ColorTeal400,
+                cards: [
+                    {
+                        id: 'c461',
+                        title: 'Monitor campaign performance metrics',
+                        complete: false,
+                        labels: [{ id: 'uuid5', text: 'Product' }],
+                    },
+                ],
+            },
+            {
+                id: 'column-468688',
                 name: 'Done',
+                color: Token.ColorPurple400,
                 cards: [
                     {
                         id: 'c312',
@@ -95,21 +109,10 @@ export const swimlanes: KanbanTypes.Swimlane[] = [
                     },
                 ],
             },
-            {
-                id: 'column-468688',
-                name: 'Backlog',
-                cards: [
-                    {
-                        id: 'c461',
-                        title: 'Monitor campaign performance metrics',
-                        complete: false,
-                        labels: [{ id: 'uuid5', text: 'Product' }],
-                    },
-                ],
-            },
             {
                 id: 'column-4686881',
-                name: 'Sandbox',
+                name: 'Backlog',
+                color: Token.ColorNeonpink400,
                 cards: [
                     {
                         id: 'c1444',

diff --git a/src/dummy-data/todo.tsx b/src/dummy-data/todo.tsx
@@ -100,7 +100,6 @@ export const sections: TodoTypes.Section[] = [
         name: 'Done',
         description: 'Create content strategy and outline website sections ',
         collapsible: true,
-        prefix: <IconLib icon="sun" />,
         color: Token.ColorNeonpink400,
         tasks: [
             {

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -222,6 +222,10 @@ body {
     padding: 5rem;
 }
 
+.f-heading.hero__heading {
+    letter-spacing: -2px;
+}
+
  .text-content h1 {
     line-height: 4rem;
     margin: 0.5rem 0 0.5rem 0;