Branding updates for new release (#65)

Co-authored-by: Christy Presler <[email protected]>

LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Formidable
+Copyright (c) 2024 Formidable
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,10 +1,10 @@
 <div align="center">  
-  <a href="https://formidable.com/open-source/" target="_blank">
-    <img alt="FigLog — Formidable, We build the modern web" src="./example.png" />
+  <a href="https://commerce.nearform.com/open-source/" target="_blank">
+    <img alt="FigLog Evolution Tracker Widget for Figma by Formidable now Nearform - We build beautifully designed, solidly engineered, performant digital experiences for humans, just like you." src="./example.png" />
   </a>
 
   <h3>
-    Design Evolution Widget for Figma
+    FigLog Evolution Tracker Widget for Figma
   </h3>
 
   <a href="https://github.com/FormidableLabs/figma-changelog#maintenance-status">
@@ -32,18 +32,18 @@
 
 ## Overview
 
-The FigLog widget works with both Figma and FigJam files and can be used solo or with a team. Simply drag a new FigLog widget to the canvas and get started customizing and adding your updates. New changelogs can be added by any user that has edit access to the file the widget is used in. Changelogs can be edited and deleted only by the original user who created them.
+The FigLog widget works with both Figma and FigJam files and can be used solo or with a team. Simply drag a new FigLog widget to the canvas and get started customizing and adding your updates. New changelogs can be added by any user that has edit access to the file the widget is used in.
 
 We hope FigLog becomes a useful tool for you as a way of documenting the evolution of your work and the decisions and context around those updates.
 
 ## Features
 
-- Optional name, description, version, and branding 🕹️
-- Multiplayer collaboration with user name and avatar 👫
-- Automatic date handling 🗓️
-- 5 status types 💅
-- 7 changelog types 🐙 _(coming soon)_
-- 9 link types 🔗 _(coming soon)_
+- 🕹️ Optional component status, name, description, version, log types, and branding
+- 👫 Multiplayer collaboration with user name and avatar
+- 🗓️ Automatic date handling (including log edits)
+- 💅 6 status types
+- 🏷️ 7 log types **(New!)**
+- 🔗 26 link types **(New!)**
 
 ## Usage
 
@@ -53,8 +53,8 @@ Please see the [FigLog Community Page](https://www.figma.com/community/widget/12
 
 Please see the [Contributing guide](CONTRIBUTING.md).
 
-[Icons](https://coreui.io/icons/) created by [CoreUI](https://coreui.io/).
+[Icons](https://lucide.dev/icons/) from [Lucide](https://lucide.dev/).
 
 ## Maintenance Status
 
-**Active:** Formidable is actively supporting this open source project, and we expect to continue collaborating on it for the foreseeable future. Bug reports, feature requests and pull requests are greatly appreciated and welcome.
+**Active:** Formidable now Nearform is actively supporting this open source project, and we expect to continue collaborating on it for the foreseeable future. Bug reports, feature requests and pull requests are greatly appreciated and welcome.

widget-src/components/Footer.tsx

@@ -1,31 +1,50 @@
-import { LogoFormidable } from '../svgs/LogoFormidable';
-import { COLOR, GAP, OPACITY, SPACE } from '../utilities/Styles';
+import { LogoFigLog } from '../svgs/LogoFigLog';
+import { COLOR, GAP, FONT, SPACE, PADDING } from '../utilities/Styles';
 
 const { widget, openExternal } = figma;
-const { AutoLayout, Rectangle, SVG } = widget;
+const { AutoLayout, Rectangle, SVG, Text } = widget;
 
 interface FooterProps {
   showBranding: boolean;
 }
 
 export const Footer = ({ showBranding }: FooterProps) => (
-  <AutoLayout name="Footer" overflow="visible" direction="vertical" spacing={GAP.lg} width="fill-parent">
+  <AutoLayout name="Footer" overflow="visible" direction="vertical" spacing={PADDING.xl} width="fill-parent">
     <Rectangle name="Divider" fill={COLOR.greyDark} strokeAlign="outside" width="fill-parent" height={SPACE.one} />
     {showBranding && (
       <AutoLayout
         name="Logo"
         overflow="visible"
         spacing={GAP.md}
         verticalAlignItems="center"
-        opacity={OPACITY.semiOpaque}
         onClick={() => {
           openExternal("https://formidable.com/open-source/");
         }}
-        hoverStyle={{
-          opacity: OPACITY.opaque,
-        }}
       >
-        <SVG name="Formidable Logo" height={SPACE.sm} width={SPACE.md} src={LogoFormidable} />
+        <SVG name="FigLog Logo" height={PADDING.xxl} width={PADDING.xxl} src={LogoFigLog} />
+        <AutoLayout
+          name="Logo Text"
+          spacing={GAP.sm}
+        >
+          <Text
+            fontFamily={FONT.family}
+            fill={COLOR.black}
+            lineHeight={FONT.lineHeight.xl}
+            fontSize={FONT.size.lg}
+            fontWeight={FONT.weight.bold}
+          >
+            FigLog
+          </Text>
+          <Text
+            fontFamily={FONT.family}
+            fill={COLOR.black}
+            lineHeight={FONT.lineHeight.xl}
+            fontSize={FONT.size.lg}
+            fontWeight={FONT.weight.light}
+          >
+            | Evolution Tracker
+          </Text>
+        </AutoLayout>
       </AutoLayout>
     )}
   </AutoLayout>

widget-src/components/header/Description.tsx

@@ -43,7 +43,7 @@ export const Description = ({
         value={descriptionText}
         width="fill-parent"
         lineHeight={FONT.lineHeight.xl}
-        fontFamily="IBM Plex Sans"
+        fontFamily={FONT.family}
         fontSize={FONT.size.lg}
         hidden={!description}
       />

widget-src/components/header/Name.tsx

@@ -23,7 +23,7 @@ export const Name = ({
         fill={COLOR.black}
         width="fill-parent"
         lineHeight={FONT.lineHeight.xxl}
-        fontFamily="IBM Plex Sans"
+        fontFamily={FONT.family}
         fontSize={FONT.size.xxl}
         fontWeight={FONT.weight.bold}
         inputFrameProps={{

widget-src/svgs/LogoFigLog.tsx

@@ -0,0 +1,24 @@
+export const LogoFigLog: string = `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2548 0.483381L28.7066 5.17638C30.7094 6.07568 32 8.08107 32 10.294V21.706C32 23.9189 30.7094 25.9243 28.7066 26.8236L18.2548 31.5166C17.545 31.8353 16.7768 32 16 32C15.2232 32 14.455 31.8353 13.7452 31.5166L3.29344 26.8236C1.29061 25.9243 0 23.9189 0 21.7061V10.2939C0 8.08107 1.29061 6.07562 3.29344 5.17638L13.7452 0.483381C14.455 0.16468 15.2232 0 16 0C16.7768 0 17.545 0.16468 18.2548 0.483381V0.483381Z" fill="#202020"/>
+<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M17.8213 1.51521C17.2478 1.25792 16.6274 1.125 16 1.125C15.3726 1.125 14.7522 1.25792 14.1787 1.51521L3.42385 6.33986C2.02613 6.96688 1.125 8.36873 1.125 9.91594V22.084C1.125 23.6313 2.02613 25.0331 3.42385 25.6601L14.1787 30.4848C14.7522 30.7421 15.3726 30.875 16 30.875C16.6273 30.875 17.2477 30.7421 17.8213 30.4848L28.5761 25.6601C29.9738 25.0331 30.875 23.6313 30.875 22.084V9.91594C30.875 8.36873 29.9738 6.96688 28.5761 6.33986L17.8214 1.51521H17.8213Z" stroke="#68A7B8" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0128 0.931681C17.3792 0.647067 16.6935 0.5 16 0.5C15.3065 0.5 14.6208 0.647067 13.9872 0.931681L3.44008 5.6694C1.65212 6.47247 0.5 8.26342 0.5 10.2396V21.7604C0.5 23.7366 1.65212 25.5275 3.44003 26.3307L13.9872 31.0683C14.6208 31.3529 15.3065 31.5 16 31.5C16.6935 31.5 17.3792 31.3529 18.0128 31.0683L28.5599 26.3307C30.3479 25.5275 31.5 23.7366 31.5 21.7604V10.2397C31.5 8.26342 30.3479 6.47247 28.56 5.6694L18.0128 0.931681Z" stroke="#68A7B8"/>
+<path d="M14.481 11.6665H6.84955C5.40743 11.7626 5.17506 13.2861 5.17506 13.2861C5.17506 13.2861 5.12013 13.3136 5.12012 14.8783C5.12011 15.177 5.12165 15.5635 5.17502 15.8666C5.28939 16.5159 5.54597 17.16 5.8613 17.7333C6.60968 19.0937 7.84422 20.1526 9.10057 20.7804C11.1333 21.7961 13.2299 21.7137 13.7124 21.7137H14.5908C15.0084 21.7009 15.4308 21.6755 15.8514 21.6314C16.7818 21.5339 17.7032 21.3451 18.5438 21C19.8478 20.4647 20.3487 20.1215 21.1243 19.4352C21.8998 18.749 22.2661 18.2274 22.5517 17.7333C22.8374 17.2391 23.1831 16.53 23.2655 16.2783C23.6638 14.9881 23.938 14.2469 23.9518 12.9293C22.7998 14.328 21.762 14.934 20.6027 15.1528C19.4434 15.3717 18.3792 15.5318 17.1713 14.8783C16.4947 14.4814 16.2806 13.8533 16.1198 13.2861C16.0359 12.9904 15.9665 12.7112 15.8536 12.49C15.5621 11.9191 14.9889 11.694 14.481 11.6665Z" fill="#23738E"/>
+<path d="M23.9518 12.9292C22.7999 14.328 21.762 14.934 20.6028 15.1528C20.2136 15.2262 19.8352 15.2931 19.4585 15.3248L22.5483 17.7392L22.5518 17.7332C22.8375 17.2391 23.1831 16.5299 23.2655 16.2783C23.6639 14.9881 23.9381 14.2469 23.9518 12.9292Z" fill="#5B9CAF"/>
+<path d="M14.481 11.6665H6.84955C5.40743 11.7626 5.17506 13.2861 5.17506 13.2861C5.17506 13.2861 5.12013 13.3136 5.12012 14.8783C5.12011 15.177 5.12165 15.5635 5.17502 15.8665C5.28939 16.5159 5.54597 17.16 5.8613 17.7332C6.60968 19.0937 7.84422 20.1526 9.10057 20.7803C11.1333 21.796 13.2299 21.7137 13.7124 21.7137H14.5908C15.0084 21.7009 15.4308 21.6754 15.8514 21.6313L15.8536 12.49C15.5621 11.9191 14.9889 11.6939 14.481 11.6665Z" fill="#41879F"/>
+<path d="M5.17506 13.2861C5.17506 13.2861 5.12013 13.3136 5.12012 14.8783C5.12011 15.177 5.12165 15.5635 5.17502 15.8665C5.28939 16.5159 5.54597 17.16 5.8613 17.7332C6.01706 18.0164 6.19388 18.2865 6.38758 18.5423L11.7633 11.6665H6.84955C5.40743 11.7626 5.17506 13.2861 5.17506 13.2861Z" fill="#5B9CAF"/>
+<path d="M5.17506 13.2861C5.17506 13.2861 5.12013 13.3685 5.12012 14.9332H6.84955V11.6665C5.40743 11.7626 5.17506 13.2861 5.17506 13.2861Z" fill="#41879F"/>
+<g style="mix-blend-mode:multiply">
+<path d="M14.2065 17.2391C14.2065 17.512 13.9853 17.7332 13.7124 17.7332C13.4395 17.7332 13.2183 17.512 13.2183 17.2391C13.2183 16.9662 13.4395 16.745 13.7124 16.745C13.9853 16.745 14.2065 16.9662 14.2065 17.2391Z" fill="#0D6986"/>
+</g>
+<path d="M9.10057 20.7804C11.1333 21.7961 13.2299 21.7137 13.7124 21.7137H14.5908C15.0084 21.7009 15.4308 21.6755 15.8514 21.6314L5.17506 13.2861C5.17506 13.2861 5.12013 13.3136 5.12012 14.8783C5.12011 15.177 5.12165 15.5635 5.17502 15.8666C5.28939 16.5159 5.54597 17.16 5.8613 17.7333C6.60968 19.0937 7.84422 20.1526 9.10057 20.7804Z" fill="#5B9CAF"/>
+<path d="M5.17506 13.2861C5.17506 13.2861 5.12013 13.3136 5.12012 14.8783C5.12011 15.177 5.12165 15.5635 5.17502 15.8666C5.28939 16.5159 5.54597 17.16 5.8613 17.7333C6.60968 19.0937 7.84422 20.1526 9.10057 20.7804C10.282 21.3707 11.4849 21.5901 12.3801 21.6703L13.7151 19.9615L5.17506 13.2861Z" fill="#74B1C0"/>
+<path d="M5.17506 13.2861C5.17506 13.2861 5.12013 13.3136 5.12012 14.8783C5.12011 15.177 5.12165 15.5635 5.17502 15.8666C5.28939 16.5159 5.54597 17.16 5.8613 17.7333L10.8644 17.7333L5.17506 13.2861Z" fill="#81BCC9"/>
+<path d="M5.17506 13.2861C5.17506 13.2861 5.12013 13.3136 5.12012 14.8783C5.12011 15.177 5.12165 15.5635 5.17502 15.8666L8.47631 15.8666L5.17506 13.2861Z" fill="#8EC7D2"/>
+<path d="M19.2561 21.1351C20.4468 21.7301 21.675 21.6819 21.9577 21.6819H22.4723C22.7169 21.6744 22.9643 21.6595 23.2107 21.6336L16.9565 16.745C16.9565 16.745 16.9243 16.7611 16.9243 17.6777C16.9243 17.8527 16.9252 18.0791 16.9565 18.2566C17.0235 18.637 17.1738 19.0143 17.3585 19.3501C17.7969 20.1471 18.5201 20.7674 19.2561 21.1351Z" fill="#327D96"/>
+<path d="M16.9565 16.745C16.9565 16.745 16.9243 16.7611 16.9243 17.6777C16.9243 17.8527 16.9252 18.0791 16.9565 18.2566C17.0235 18.637 17.1738 19.0143 17.3585 19.3501C17.7969 20.1471 18.5201 20.7674 19.2561 21.1351C19.5759 21.2949 19.8985 21.4084 20.2048 21.4888L21.2762 20.1215L16.9565 16.745Z" fill="#68A7B8"/>
+<path d="M16.9565 16.745C16.9565 16.745 16.9243 16.7611 16.9243 17.6777L16.9244 17.7332H18.2208L16.9565 16.745Z" fill="#81BCC9"/>
+<path d="M20.4539 13.9999C19.1336 12.9567 19.1199 11.8175 19.0654 11.392H20.4539C21.1128 11.4253 21.5361 11.3645 22.3321 11.9273C22.9652 12.4925 23.1008 12.9293 23.1008 13.7254V14.4666C21.9661 14.5107 21.2842 14.5215 20.4539 13.9999Z" fill="#4E92A7"/>
+<path d="M20.4539 13.9999C19.1336 12.9567 19.1199 11.8175 19.0654 11.392L21.1243 12.9704L23.1008 14.4666C21.9661 14.5107 21.2842 14.5215 20.4539 13.9999Z" fill="#81BCC9"/>
+<path d="M25.7477 13.9999C27.0681 12.9567 27.0818 11.8175 27.1362 11.392H25.7477C25.0889 11.4253 24.6656 11.3645 23.8695 11.9273C23.2365 12.4925 23.1009 12.9293 23.1009 13.7254V14.4666C24.2356 14.5107 24.9174 14.5215 25.7477 13.9999Z" fill="#4E92A7"/>
+<path d="M25.7477 13.9999C27.0681 12.9567 27.0818 11.8175 27.1362 11.392L25.0774 12.9704L23.1009 14.4666C24.2356 14.5107 24.9174 14.5215 25.7477 13.9999Z" fill="#81BCC9"/>
+</svg>`;