@solibo/solibo-ui 0.5.16 → 1.0.0

package/dist/tokens.json

@@ -2,20 +2,21 @@
   "$description": "Design tokens exported from Figma",
   "$extensions": {
     "com.figma": {
-      "exportedAt": "2026-07-02T08:28:12.203Z",
+      "exportedAt": "2026-08-24T11:44:20.839Z",
       "history": [
         {
           "author": "Anne Cathrine",
           "changesSummary": "Export from Figma",
-          "exportedAt": "2026-07-02T08:28:12.203Z",
-          "variableCount": 229,
+          "exportedAt": "2026-08-24T11:44:20.839Z",
+          "variableCount": 281,
           "version": "1.0.0"
         }
       ],
       "modeNames": {
         "VariableCollectionId:12:5231": {
           "12:15": "desktop",
-          "13:18": "mobile"
+          "13:18": "mobile",
+          "530:0": "desktop-new-brand"
         },
         "VariableCollectionId:13:5256": {
           "13:17": "Default",
@@ -35,12 +36,16 @@
         },
         "VariableCollectionId:3:469": {
           "3:13": "Mode 1"
+        },
+        "VariableCollectionId:626:3827": {
+          "626:0": "Mode 1"
         }
       },
       "modes": {
         "VariableCollectionId:12:5231": [
           "12:15",
-          "13:18"
+          "13:18",
+          "530:0"
         ],
         "VariableCollectionId:13:5256": [
           "13:17",
@@ -60,9 +65,15 @@
         ],
         "VariableCollectionId:3:469": [
           "3:13"
+        ],
+        "VariableCollectionId:626:3827": [
+          "626:0"
         ]
       },
       "originalPaths": {
+        "breakpoint.lg": "breakpoint/lg",
+        "breakpoint.md": "breakpoint/md",
+        "breakpoint.sm": "breakpoint/sm",
         "colors.blue.100": "colors/blue/100",
         "colors.blue.200": "colors/blue/200",
         "colors.blue.300": "colors/blue/300",
@@ -74,6 +85,20 @@
         "colors.blue.800": "colors/blue/800",
         "colors.blue.900": "colors/blue/900",
         "colors.box-shadow": "colors/box-shadow",
+        "colors.box-shadow-heavy": "colors/box-shadow-heavy",
+        "colors.categories.bg.grey-1": "colors/categories/bg/grey-1",
+        "colors.categories.bg.grey-2": "colors/categories/bg/grey-2",
+        "colors.categories.bg.pink-1": "colors/categories/bg/pink-1",
+        "colors.categories.bg.pink-2": "colors/categories/bg/pink-2",
+        "colors.categories.bg.pink-3": "colors/categories/bg/pink-3",
+        "colors.categories.bg.pink-4": "colors/categories/bg/pink-4",
+        "colors.categories.bg.pink-5": "colors/categories/bg/pink-5",
+        "colors.categories.bg.yellow-1": "colors/categories/bg/yellow-1",
+        "colors.categories.bg.yellow-2": "colors/categories/bg/yellow-2",
+        "colors.categories.bg.yellow-3": "colors/categories/bg/yellow-3",
+        "colors.categories.content.on-grey": "colors/categories/content/on-grey",
+        "colors.categories.content.on-pink": "colors/categories/content/on-pink",
+        "colors.categories.content.on-yellow": "colors/categories/content/on-yellow",
         "colors.green.100": "colors/green/100",
         "colors.green.200": "colors/green/200",
         "colors.green.300": "colors/green/300",
@@ -95,14 +120,14 @@
         "colors.neutral.700": "colors/neutral/700",
         "colors.neutral.800": "colors/neutral/800",
         "colors.neutral.900": "colors/neutral/900",
-        "colors.new brand.blue": "colors/New brand/Blue",
-        "colors.new brand.dark green": "colors/New brand/Dark green",
-        "colors.new brand.light blue": "colors/New brand/Light Blue",
-        "colors.new brand.light yellow": "colors/New brand/Light Yellow",
-        "colors.new brand.nature white": "colors/New brand/Nature white",
-        "colors.new brand.shadow green": "colors/New brand/Shadow green",
-        "colors.new brand.shadow yellow": "colors/New brand/Shadow yellow",
-        "colors.new brand.yellow": "colors/New brand/Yellow",
+        "colors.new brand.blue": "colors/new brand/Blue",
+        "colors.new brand.dark green": "colors/new brand/Dark green",
+        "colors.new brand.light blue": "colors/new brand/Light Blue",
+        "colors.new brand.light yellow": "colors/new brand/Light Yellow",
+        "colors.new brand.nature white": "colors/new brand/Nature white",
+        "colors.new brand.shadow green": "colors/new brand/Shadow green",
+        "colors.new brand.shadow yellow": "colors/new brand/Shadow yellow",
+        "colors.new brand.yellow": "colors/new brand/Yellow",
         "colors.orange.100": "colors/orange/100",
         "colors.orange.200": "colors/orange/200",
         "colors.orange.300": "colors/orange/300",
@@ -133,17 +158,20 @@
         "colors.red.700": "colors/red/700",
         "colors.red.800": "colors/red/800",
         "colors.red.900": "colors/red/900",
+        "colors.semantic.bg.backdrop": "colors/semantic/bg/backdrop",
         "colors.semantic.bg.disabled": "colors/semantic/bg/disabled",
         "colors.semantic.bg.overlay": "colors/semantic/bg/overlay",
         "colors.semantic.bg.page": "colors/semantic/bg/page",
         "colors.semantic.bg.surface": "colors/semantic/bg/surface",
         "colors.semantic.border.active": "colors/semantic/border/active",
         "colors.semantic.border.default": "colors/semantic/border/default",
+        "colors.semantic.border.destructive": "colors/semantic/border/destructive",
         "colors.semantic.border.disabled": "colors/semantic/border/disabled",
         "colors.semantic.border.focus": "colors/semantic/border/focus",
         "colors.semantic.border.on-color": "colors/semantic/border/on-color",
         "colors.semantic.border.strong": "colors/semantic/border/strong",
         "colors.semantic.border.subtle": "colors/semantic/border/subtle",
+        "colors.semantic.content.destructive": "colors/semantic/content/destructive",
         "colors.semantic.content.disabled": "colors/semantic/content/disabled",
         "colors.semantic.content.highlight": "colors/semantic/content/highlight",
         "colors.semantic.content.link": "colors/semantic/content/link",
@@ -158,12 +186,19 @@
         "colors.semantic.interactive.destructive-hover": "colors/semantic/interactive/destructive-hover",
         "colors.semantic.interactive.disabled": "colors/semantic/interactive/disabled",
         "colors.semantic.interactive.hover": "colors/semantic/interactive/hover",
+        "colors.semantic.interactive.hover-overlay": "colors/semantic/interactive/hover-overlay",
         "colors.semantic.interactive.hover-subtle": "colors/semantic/interactive/hover-subtle",
         "colors.semantic.interactive.neutral": "colors/semantic/interactive/neutral",
         "colors.semantic.interactive.pressed": "colors/semantic/interactive/pressed",
         "colors.semantic.interactive.secondary-bg": "colors/semantic/interactive/secondary-bg",
+        "colors.semantic.interactive.secondary-destructive-hover": "colors/semantic/interactive/secondary-destructive-hover",
         "colors.semantic.interactive.secondary-hover": "colors/semantic/interactive/secondary-hover",
         "colors.semantic.interactive.selected": "colors/semantic/interactive/selected",
+        "colors.semantic.main nav.bg": "colors/semantic/main nav/bg",
+        "colors.semantic.main nav.hover": "colors/semantic/main nav/hover",
+        "colors.semantic.main nav.selected": "colors/semantic/main nav/selected",
+        "colors.semantic.main nav.selected-border": "colors/semantic/main nav/selected-border",
+        "colors.semantic.main nav.submenu bg": "colors/semantic/main nav/submenu bg",
         "colors.semantic.primary.on-primary": "colors/semantic/primary/on-primary",
         "colors.semantic.primary.on-primary-subtle": "colors/semantic/primary/on-primary-subtle",
         "colors.semantic.primary.primary": "colors/semantic/primary/primary",
@@ -171,6 +206,18 @@
         "colors.semantic.primary.primary-hover": "colors/semantic/primary/primary-hover",
         "colors.semantic.primary.primary-subtle": "colors/semantic/primary/primary-subtle",
         "colors.semantic.primary.primary-subtle-border": "colors/semantic/primary/primary-subtle-border",
+        "colors.semantic.roles.bg.board": "colors/semantic/roles/bg/board",
+        "colors.semantic.roles.bg.external": "colors/semantic/roles/bg/external",
+        "colors.semantic.roles.bg.owner": "colors/semantic/roles/bg/owner",
+        "colors.semantic.roles.bg.renter": "colors/semantic/roles/bg/renter",
+        "colors.semantic.roles.bg.solibo": "colors/semantic/roles/bg/solibo",
+        "colors.semantic.roles.content.board": "colors/semantic/roles/content/board",
+        "colors.semantic.roles.content.external": "colors/semantic/roles/content/external",
+        "colors.semantic.roles.content.owner": "colors/semantic/roles/content/owner",
+        "colors.semantic.roles.content.renter": "colors/semantic/roles/content/renter",
+        "colors.semantic.roles.content.solibo": "colors/semantic/roles/content/solibo",
+        "colors.semantic.status.active.bg": "colors/semantic/status/active/bg",
+        "colors.semantic.status.active.content": "colors/semantic/status/active/content",
         "colors.semantic.status.error.bg": "colors/semantic/status/error/bg",
         "colors.semantic.status.error.border": "colors/semantic/status/error/border",
         "colors.semantic.status.error.content": "colors/semantic/status/error/content",
@@ -179,6 +226,8 @@
         "colors.semantic.status.info.border": "colors/semantic/status/info/border",
         "colors.semantic.status.info.content": "colors/semantic/status/info/content",
         "colors.semantic.status.info.content-inverse": "colors/semantic/status/info/content-inverse",
+        "colors.semantic.status.pending.bg": "colors/semantic/status/pending/bg",
+        "colors.semantic.status.pending.content": "colors/semantic/status/pending/content",
         "colors.semantic.status.success.bg": "colors/semantic/status/success/bg",
         "colors.semantic.status.success.border": "colors/semantic/status/success/border",
         "colors.semantic.status.success.content": "colors/semantic/status/success/content",
@@ -197,11 +246,22 @@
         "colors.solibo green.700": "colors/solibo green/700",
         "colors.solibo green.800": "colors/solibo green/800",
         "colors.solibo green.900": "colors/solibo green/900",
+        "colors.solibo yellow.100": "colors/solibo yellow/100",
+        "colors.solibo yellow.200": "colors/solibo yellow/200",
+        "colors.solibo yellow.300": "colors/solibo yellow/300",
+        "colors.solibo yellow.400": "colors/solibo yellow/400",
+        "colors.solibo yellow.50": "colors/solibo yellow/50",
+        "colors.solibo yellow.500": "colors/solibo yellow/500",
+        "colors.solibo yellow.600": "colors/solibo yellow/600",
+        "colors.solibo yellow.700": "colors/solibo yellow/700",
+        "colors.solibo yellow.800": "colors/solibo yellow/800",
+        "colors.solibo yellow.900": "colors/solibo yellow/900",
         "colors.translucent": "colors/translucent",
-        "font.base": "font/base",
+        "font.body": "font/body",
         "font.font-weight.bold": "font/font-weight/bold",
         "font.font-weight.regular": "font/font-weight/regular",
         "font.font-weight.semibold": "font/font-weight/semibold",
+        "font.headline": "font/headline",
         "scale.-16": "scale/-16",
         "scale.0": "scale/0",
         "scale.1": "scale/1",
@@ -298,10 +358,45 @@
     },
     "com.solibo": {
       "packageName": "@solibo/solibo-ui",
-      "packageVersion": "0.5.16"
+      "packageVersion": "1.0.0"
     }
   },
   "$name": "Solibo UI Tokens",
+  "breakpoint": {
+    "lg": {
+      "$extensions": {
+        "com.figma": {
+          "scopes": [
+            "ALL_SCOPES"
+          ]
+        }
+      },
+      "$type": "number",
+      "$value": 1280
+    },
+    "md": {
+      "$extensions": {
+        "com.figma": {
+          "scopes": [
+            "ALL_SCOPES"
+          ]
+        }
+      },
+      "$type": "number",
+      "$value": 768
+    },
+    "sm": {
+      "$extensions": {
+        "com.figma": {
+          "scopes": [
+            "ALL_SCOPES"
+          ]
+        }
+      },
+      "$type": "number",
+      "$value": 480
+    }
+  },
   "colors": {
     "blue": {
       "50": {
@@ -314,9 +409,9 @@
         },
         "$type": "color",
         "$value": {
-          "Dark": "{colors.New brand.Light Blue}",
-          "Light": "{colors.New brand.Light Blue}",
-          "New brand": "{colors.New brand.Light Blue}"
+          "Dark": "{colors.new brand.Light Blue}",
+          "Light": "{colors.new brand.Light Blue}",
+          "New brand": "{colors.new brand.Light Blue}"
         }
       },
       "100": {
@@ -344,9 +439,9 @@
         },
         "$type": "color",
         "$value": {
-          "Dark": "{colors.New brand.Blue}",
-          "Light": "{colors.New brand.Blue}",
-          "New brand": "{colors.New brand.Blue}"
+          "Dark": "{colors.new brand.Blue}",
+          "Light": "{colors.new brand.Blue}",
+          "New brand": "{colors.new brand.Blue}"
         }
       },
       "300": {
@@ -470,6 +565,222 @@
         "New brand": "#0000001f"
       }
     },
+    "box-shadow-heavy": {
+      "$extensions": {
+        "com.figma": {
+          "scopes": [
+            "ALL_SCOPES"
+          ]
+        }
+      },
+      "$type": "color",
+      "$value": {
+        "Dark": "#00000066",
+        "Light": "#00000066",
+        "New brand": "#00000066"
+      }
+    },
+    "categories": {
+      "bg": {
+        "grey-1": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#e3e4e6",
+            "Light": "#e3e4e6",
+            "New brand": "#e3e4e6"
+          }
+        },
+        "grey-2": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#d4dce5",
+            "Light": "#d4dce5",
+            "New brand": "#d4dce5"
+          }
+        },
+        "pink-1": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#e7e3ea",
+            "Light": "#e7e3ea",
+            "New brand": "#e7e3ea"
+          }
+        },
+        "pink-2": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#e3d2f0",
+            "Light": "#e3d2f0",
+            "New brand": "#e3d2f0"
+          }
+        },
+        "pink-3": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#d8bfe5",
+            "Light": "#d8bfe5",
+            "New brand": "#d8bfe5"
+          }
+        },
+        "pink-4": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#e0c3d8",
+            "Light": "#e0c3d8",
+            "New brand": "#e0c3d8"
+          }
+        },
+        "pink-5": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#e8c6d2",
+            "Light": "#e8c6d2",
+            "New brand": "#e8c6d2"
+          }
+        },
+        "yellow-1": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#d9cbaf",
+            "Light": "#d9cbaf",
+            "New brand": "#d9cbaf"
+          }
+        },
+        "yellow-2": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#d9c7c0",
+            "Light": "#d9c7c0",
+            "New brand": "#d9c7c0"
+          }
+        },
+        "yellow-3": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#cdb8ac",
+            "Light": "#cdb8ac",
+            "New brand": "#cdb8ac"
+          }
+        }
+      },
+      "content": {
+        "on-grey": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#3f444a",
+            "Light": "#3f444a",
+            "New brand": "#3f444a"
+          }
+        },
+        "on-pink": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#783b65",
+            "Light": "#783b65",
+            "New brand": "#783b65"
+          }
+        },
+        "on-yellow": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#65483f",
+            "Light": "#65483f",
+            "New brand": "#65483f"
+          }
+        }
+      }
+    },
     "green": {
       "50": {
         "$extensions": {
@@ -789,7 +1100,7 @@
         }
       }
     },
-    "New brand": {
+    "new brand": {
       "Blue": {
         "$extensions": {
           "com.figma": {
@@ -1369,6 +1680,23 @@
     },
     "semantic": {
       "bg": {
+        "backdrop": {
+          "$description": "Brukes når bilder/video vises i fulleskjerm",
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#000000d9",
+            "Light": "#000000d9",
+            "New brand": "#000000d9"
+          }
+        },
         "disabled": {
           "$extensions": {
             "com.figma": {
@@ -1467,6 +1795,22 @@
             "New brand": "{colors.neutral.200}"
           }
         },
+        "destructive": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "SHAPE_FILL",
+                "STROKE_COLOR"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "{colors.red.300}",
+            "Light": "{colors.red.600}",
+            "New brand": "{colors.red.600}"
+          }
+        },
         "disabled": {
           "$extensions": {
             "com.figma": {
@@ -1496,7 +1840,7 @@
           "$value": {
             "Dark": "{colors.purple.400}",
             "Light": "{colors.purple.500}",
-            "New brand": "{colors.New brand.Shadow yellow}"
+            "New brand": "{colors.new brand.Shadow yellow}"
           }
         },
         "on-color": {
@@ -1548,6 +1892,23 @@
         }
       },
       "content": {
+        "destructive": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "SHAPE_FILL",
+                "TEXT_FILL",
+                "STROKE_COLOR"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "{colors.red.600}",
+            "Light": "{colors.red.600}",
+            "New brand": "{colors.red.700}"
+          }
+        },
         "disabled": {
           "$extensions": {
             "com.figma": {
@@ -1562,7 +1923,7 @@
           "$value": {
             "Dark": "{colors.neutral.500}",
             "Light": "{colors.neutral.300}",
-            "New brand": "{colors.neutral.300}"
+            "New brand": "{colors.neutral.400}"
           }
         },
         "highlight": {
@@ -1597,7 +1958,7 @@
           "$value": {
             "Dark": "{colors.purple.200}",
             "Light": "{colors.purple.600}",
-            "New brand": "{colors.solibo green.700}"
+            "New brand": "{colors.blue.500}"
           }
         },
         "link-hover": {
@@ -1613,8 +1974,8 @@
           "$type": "color",
           "$value": {
             "Dark": "{colors.purple.300}",
-            "Light": "{colors.purple.700}",
-            "New brand": "{colors.solibo green.400}"
+            "Light": "{colors.purple.800}",
+            "New brand": "{colors.blue.700}"
           }
         },
         "link-visited": {
@@ -1631,7 +1992,7 @@
           "$value": {
             "Dark": "{colors.purple.400}",
             "Light": "{colors.purple.400}",
-            "New brand": "{colors.solibo green.500}"
+            "New brand": "{colors.blue.600}"
           }
         },
         "on-color": {
@@ -1665,7 +2026,7 @@
           "$value": {
             "Dark": "{colors.neutral.50}",
             "Light": "{colors.neutral.900}",
-            "New brand": "{colors.neutral.900}"
+            "New brand": "{colors.solibo green.700}"
           }
         },
         "secondary": {
@@ -1699,7 +2060,7 @@
           "$value": {
             "Dark": "{colors.neutral.300}",
             "Light": "{colors.neutral.400}",
-            "New brand": "{colors.neutral.400}"
+            "New brand": "{colors.neutral.500}"
           }
         }
       },
@@ -1783,6 +2144,23 @@
             "New brand": "{colors.solibo green.50}"
           }
         },
+        "hover-overlay": {
+          "$description": "Brukt på bilder for hover-effekt",
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "FRAME_FILL",
+                "SHAPE_FILL"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "#0000001f",
+            "Light": "#0000001f",
+            "New brand": "#0000001f"
+          }
+        },
         "hover-subtle": {
           "$extensions": {
             "com.figma": {
@@ -1847,7 +2225,7 @@
             "New brand": "{colors.neutral.100}"
           }
         },
-        "secondary-hover": {
+        "secondary-destructive-hover": {
           "$extensions": {
             "com.figma": {
               "scopes": [
@@ -1857,12 +2235,27 @@
           },
           "$type": "color",
           "$value": {
-            "Dark": "{colors.neutral.500}",
-            "Light": "{colors.neutral.200}",
-            "New brand": "{colors.neutral.200}"
+            "Dark": "{colors.red.50}",
+            "Light": "{colors.red.50}",
+            "New brand": "{colors.red.50}"
           }
         },
-        "selected": {
+        "secondary-hover": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "{colors.neutral.500}",
+            "Light": "{colors.neutral.200}",
+            "New brand": "{colors.neutral.200}"
+          }
+        },
+        "selected": {
           "$extensions": {
             "com.figma": {
               "scopes": [
@@ -1880,6 +2273,83 @@
           }
         }
       },
+      "main nav": {
+        "bg": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "{colors.green.800}",
+            "Light": "{colors.green.500}",
+            "New brand": "{colors.solibo green.700}"
+          }
+        },
+        "hover": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "{colors.green.300}",
+            "Light": "{colors.green.300}",
+            "New brand": "{colors.solibo green.300}"
+          }
+        },
+        "selected": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "{colors.green.600}",
+            "Light": "{colors.green.600}",
+            "New brand": "{colors.solibo green.500}"
+          }
+        },
+        "selected-border": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "{colors.green.700}",
+            "Light": "{colors.green.400}",
+            "New brand": "{colors.solibo green.300}"
+          }
+        },
+        "submenu bg": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "{colors.green.500}",
+            "Light": "{colors.green.800}",
+            "New brand": "{colors.solibo green.600}"
+          }
+        }
+      },
       "primary": {
         "on-primary": {
           "$extensions": {
@@ -1894,7 +2364,7 @@
           "$value": {
             "Dark": "{colors.neutral.0}",
             "Light": "{colors.neutral.0}",
-            "New brand": "{colors.New brand.Light Yellow}"
+            "New brand": "{colors.new brand.Light Yellow}"
           }
         },
         "on-primary-subtle": {
@@ -1994,7 +2464,195 @@
           }
         }
       },
+      "roles": {
+        "bg": {
+          "board": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.new brand.Light Yellow}",
+              "Light": "{colors.new brand.Light Yellow}",
+              "New brand": "{colors.new brand.Light Yellow}"
+            }
+          },
+          "external": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.solibo green.100}",
+              "Light": "{colors.solibo green.100}",
+              "New brand": "{colors.solibo green.100}"
+            }
+          },
+          "owner": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.blue.200}",
+              "Light": "{colors.blue.200}",
+              "New brand": "{colors.blue.200}"
+            }
+          },
+          "renter": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.blue.50}",
+              "Light": "{colors.blue.50}",
+              "New brand": "{colors.blue.50}"
+            }
+          },
+          "solibo": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.solibo green.700}",
+              "Light": "{colors.solibo green.700}",
+              "New brand": "{colors.solibo green.700}"
+            }
+          }
+        },
+        "content": {
+          "board": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.solibo green.700}",
+              "Light": "{colors.solibo green.700}",
+              "New brand": "{colors.solibo green.700}"
+            }
+          },
+          "external": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.solibo green.800}",
+              "Light": "{colors.solibo green.800}",
+              "New brand": "{colors.solibo green.800}"
+            }
+          },
+          "owner": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.blue.800}",
+              "Light": "{colors.blue.800}",
+              "New brand": "{colors.new brand.Dark green}"
+            }
+          },
+          "renter": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.blue.800}",
+              "Light": "{colors.blue.800}",
+              "New brand": "{colors.new brand.Dark green}"
+            }
+          },
+          "solibo": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.new brand.Light Yellow}",
+              "Light": "{colors.new brand.Light Yellow}",
+              "New brand": "{colors.new brand.Light Yellow}"
+            }
+          }
+        }
+      },
       "status": {
+        "active": {
+          "bg": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.new brand.Yellow}",
+              "Light": "{colors.new brand.Yellow}",
+              "New brand": "{colors.new brand.Yellow}"
+            }
+          },
+          "content": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.new brand.Dark green}",
+              "Light": "{colors.new brand.Dark green}",
+              "New brand": "{colors.new brand.Dark green}"
+            }
+          }
+        },
         "error": {
           "bg": {
             "$extensions": {
@@ -2068,7 +2726,7 @@
             },
             "$type": "color",
             "$value": {
-              "Dark": "",
+              "Dark": "{colors.blue.200}",
               "Light": "{colors.blue.50}",
               "New brand": "{colors.blue.50}"
             }
@@ -2119,6 +2777,38 @@
             }
           }
         },
+        "pending": {
+          "bg": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.neutral.200}",
+              "Light": "{colors.neutral.200}",
+              "New brand": "{colors.neutral.200}"
+            }
+          },
+          "content": {
+            "$extensions": {
+              "com.figma": {
+                "scopes": [
+                  "ALL_SCOPES"
+                ]
+              }
+            },
+            "$type": "color",
+            "$value": {
+              "Dark": "{colors.neutral.600}",
+              "Light": "{colors.neutral.600}",
+              "New brand": "{colors.neutral.600}"
+            }
+          }
+        },
         "success": {
           "bg": {
             "$extensions": {
@@ -2131,7 +2821,7 @@
             "$type": "color",
             "$value": {
               "Dark": "{colors.green.200}",
-              "Light": "{colors.green.100}",
+              "Light": "{colors.green.50}",
               "New brand": "{colors.solibo green.100}"
             }
           },
@@ -2346,9 +3036,9 @@
         },
         "$type": "color",
         "$value": {
-          "Dark": "{colors.New brand.Shadow green}",
-          "Light": "{colors.New brand.Shadow green}",
-          "New brand": "{colors.New brand.Shadow green}"
+          "Dark": "{colors.new brand.Shadow green}",
+          "Light": "{colors.new brand.Shadow green}",
+          "New brand": "{colors.new brand.Shadow green}"
         }
       },
       "700": {
@@ -2361,9 +3051,9 @@
         },
         "$type": "color",
         "$value": {
-          "Dark": "{colors.New brand.Dark green}",
-          "Light": "{colors.New brand.Dark green}",
-          "New brand": "{colors.New brand.Dark green}"
+          "Dark": "{colors.new brand.Dark green}",
+          "Light": "{colors.new brand.Dark green}",
+          "New brand": "{colors.new brand.Dark green}"
         }
       },
       "800": {
@@ -2397,6 +3087,138 @@
         }
       }
     },
+    "solibo yellow": {
+      "50": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "{colors.new brand.Light Yellow}",
+          "Light": "{colors.new brand.Light Yellow}",
+          "New brand": "{colors.new brand.Light Yellow}"
+        }
+      },
+      "100": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "#f2f7a4",
+          "Light": "#f2f7a4",
+          "New brand": "#f2f7a4"
+        }
+      },
+      "200": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "#e6f078",
+          "Light": "#e6f078",
+          "New brand": "#e6f078"
+        }
+      },
+      "300": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "#daea46",
+          "Light": "#daea46",
+          "New brand": "#daea46"
+        }
+      },
+      "400": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "{colors.new brand.Yellow}",
+          "Light": "{colors.new brand.Yellow}",
+          "New brand": "{colors.new brand.Yellow}"
+        }
+      },
+      "500": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "#b0c62a",
+          "Light": "#b0c62a",
+          "New brand": "#b0c62a"
+        }
+      },
+      "600": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "#96a439",
+          "Light": "#96a439",
+          "New brand": "#96a439"
+        }
+      },
+      "700": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "{colors.new brand.Shadow yellow}",
+          "Light": "{colors.new brand.Shadow yellow}",
+          "New brand": "{colors.new brand.Shadow yellow}"
+        }
+      },
+      "800": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "#50551c",
+          "Light": "#50551c",
+          "New brand": "#50551c"
+        }
+      },
+      "900": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": []
+          }
+        },
+        "$type": "color",
+        "$value": {
+          "Dark": "#282b0d",
+          "Light": "#282b0d",
+          "New brand": "#282b0d"
+        }
+      }
+    },
     "translucent": {
       "$extensions": {
         "com.figma": {
@@ -2414,7 +3236,7 @@
     }
   },
   "font": {
-    "base": {
+    "body": {
       "$extensions": {
         "com.figma": {
           "scopes": [
@@ -2468,8 +3290,22 @@
         "$type": "number",
         "$value": {
           "Default": 600,
-          "New brand": 500
+          "New brand": 600
+        }
+      }
+    },
+    "headline": {
+      "$extensions": {
+        "com.figma": {
+          "scopes": [
+            "FONT_FAMILY"
+          ]
         }
+      },
+      "$type": "string",
+      "$value": {
+        "Default": "Figtree",
+        "New brand": "Degular"
       }
     }
   },
@@ -3358,6 +4194,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.18}",
+          "desktop-new-brand": "{scale.18}",
           "mobile": "{scale.16}"
         }
       },
@@ -3372,6 +4209,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.16}",
+          "desktop-new-brand": "{scale.16}",
           "mobile": "{scale.16}"
         }
       },
@@ -3386,6 +4224,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.14}",
+          "desktop-new-brand": "{scale.14}",
           "mobile": "{scale.14}"
         }
       },
@@ -3400,6 +4239,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.12}",
+          "desktop-new-brand": "{scale.12}",
           "mobile": "{scale.12}"
         }
       },
@@ -3414,6 +4254,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.48}",
+          "desktop-new-brand": "{scale.56}",
           "mobile": "{scale.40}"
         }
       },
@@ -3428,6 +4269,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.40}",
+          "desktop-new-brand": "{scale.48}",
           "mobile": "{scale.32}"
         }
       },
@@ -3442,6 +4284,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.28}",
+          "desktop-new-brand": "{scale.32}",
           "mobile": "{scale.24}"
         }
       },
@@ -3456,6 +4299,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.24}",
+          "desktop-new-brand": "{scale.28}",
           "mobile": "{scale.20}"
         }
       },
@@ -3470,6 +4314,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.20}",
+          "desktop-new-brand": "{scale.24}",
           "mobile": "{scale.18}"
         }
       },
@@ -3484,6 +4329,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.16}",
+          "desktop-new-brand": "{scale.20}",
           "mobile": "{scale.16}"
         }
       },
@@ -3498,6 +4344,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.16}",
+          "desktop-new-brand": "{scale.16}",
           "mobile": "{scale.16}"
         }
       },
@@ -3512,6 +4359,7 @@
         "$type": "number",
         "$value": {
           "desktop": "{scale.14}",
+          "desktop-new-brand": "{scale.14}",
           "mobile": "{scale.14}"
         }
       }