fix(pds-divider, pds-link, pds-progress): update code connect properties and examples

libs/core/src/components/pds-divider/pds-divider.figma.ts

@@ -2,10 +2,14 @@ import figma, { html } from '@figma/code-connect/html';
 
 figma.connect('<FIGMA_DIVIDER>', {
   props: {
-    offset: figma.enum('Bleed', {
-      "16px bleed": "sm",
-      "24px bleed": "md",
+    offset: figma.enum('Offset', {
+      "xxs - 4px": "xxs",
+      "xs - 8px bleed": "xs",
+      "sm - 16px bleed": "sm",
+      "md - 24px bleed": "md",
+      "lg - 32px bleed": "lg",
+      "xl - 48px": "xl",
     }),
   },
-  example: (props) => html`<pds-divider bleed=${props.offset}></pds-divider>`,
+  example: (props) => html`<pds-divider offset=${props.offset}></pds-divider>`,
 });

libs/core/src/components/pds-link/pds-link.figma.ts

@@ -3,27 +3,31 @@ import figma, { html } from '@figma/code-connect/html';
 figma.connect('<FIGMA_LINK>', {
   props: {
     color: figma.enum('Variant', {
-      'destructive': 'destructive',
+      'destructive': 'danger',
       'accent': 'accent',
+      'inverted': 'secondary',
     }),
     external: figma.enum('Variant', {
       'external': true,
     }),
     fontSize: figma.enum('Size', {
-      'md': 'md',
-      'lg': 'lg',
+      'md': undefined,
+      'sm': 'sm',
     }),
     label: figma.string('Label'),
     variant: figma.enum('Variant', {
       'plain': 'plain',
+      'inline': 'inline',
     }),
   },
-  example: (props) => html`
+  example: (props) => html`\
   <pds-link
+    href="#"
     color=${props.color}
     external=${props.external}
     font-size=${props.fontSize}
     variant=${props.variant}
-    >${props.label}
+  >
+    ${props.label}
   </pds-link>`,
-});
+});

libs/core/src/components/pds-progress/pds-progress.figma.ts

@@ -1,27 +1,66 @@
 import figma, { html } from '@figma/code-connect/html';
 
 figma.connect('<FIGMA_PROGRESS_BAR>', {
-    props: {
-      percent: figma.string("Progress"),
-      showPercent: figma.enum("Label", {
-        "false": true,
-      }),
-    },
-    example: (props) => html`\
-      <pds-progress
-        percent=${props.percent}
-        show-percent=${props.showPercent}
-      ></pds-progress>
-    `,
-  });
+  props: {
+    percent: figma.string("Progress"),
+    showPercent: figma.enum("Label", {
+      "Right": true,
+    }),
+  },
+  example: (props) => html`\
+<pds-progress
+  percent=${props.percent}
+  show-percent=${props.showPercent}
+></pds-progress>
+  `,
+  variant: { "Label": "False" },
+});
+
+figma.connect('<FIGMA_PROGRESS_BAR>', {
+  props: {
+    percent: figma.string("Progress"),
+    showPercent: figma.enum("Label", {
+      "Right": true,
+    }),
+  },
+  example: (props) => html`\
+<pds-progress
+  percent=${props.percent}
+  show-percent=${props.showPercent}
+></pds-progress>
+  `,
+  variant: { "Label": "Right" },
+});
+
+figma.connect('<FIGMA_PROGRESS_BAR>', {
+  props: {
+    percent: figma.string("Progress"),
+  },
+  example: (props) => html`\
+<pds-tooltip content=${props.percent} has-arrow="false" placement="top" style="width: 100%">
+  <pds-progress percent=${props.percent}></pds-progress>
+</pds-tooltip>
+  `,
+  variant: { "Label": "Top floating" },
+});
+
+figma.connect('<FIGMA_PROGRESS_BAR>', {
+  props: {
+    percent: figma.string("Progress"),
+  },
+  example: (props) => html`\
+<pds-tooltip content=${props.percent} has-arrow="false" placement="bottom" style="width: 100%">
+  <pds-progress percent=${props.percent}></pds-progress>
+</pds-tooltip>
+  `,
+  variant: { "Label": "Bottom floating" },
+});
 
 figma.connect('<FIGMA_PROGRESS_CIRCLE>', {
   props: {
     percent: figma.string("Completion"),
   },
   example: (props) => html`\
-    <pds-progress
-      percent=${props.percent}
-    ></pds-progress>
+<pds-progress percent=${props.percent}></pds-progress>
   `,
-});
+});