Merge pull request #1465 from tokens-studio/release-129

Release 129
tokens-studio · Dec 30, 2022 · fb82de5 · fb82de5
2 parents bca5f25 + d9b620d
commit fb82de5
Show file tree

Hide file tree

Showing 219 changed files with 5,169 additions and 1,408 deletions.
diff --git a/cypress/integration/branches.spec.js b/cypress/integration/branches.spec.js
@@ -18,6 +18,11 @@ describe('Branch switcher', () => {
   const mockStartupParams = {
     activeTheme: null,
     lastOpened: Date.now(),
+    onboardingExplainer: {
+      sets: true,
+      inspect: true,
+      syncProviders: true,
+    },
     localApiProviders: [provider],
     licenseKey: null,
     settings: {

diff --git a/cypress/integration/inspector.spec.js b/cypress/integration/inspector.spec.js
@@ -8,6 +8,11 @@ describe('Inspector tokens', () => {
   const mockStartupParams = {
     activeTheme: null,
     lastOpened: Date.now(),
+    onboardingExplainer: {
+      sets: true,
+      inspect: true,
+      syncProviders: true,
+    },
     localApiProviders: [],
     licenseKey: null,
     settings: {
@@ -56,20 +61,20 @@ describe('Inspector tokens', () => {
       version: '5',
       values: {
         options: [{
-            name: 'sizing.xs',
-            value: 4,
-            type: 'sizing'
-          },
-          {
-            name: 'opacity.50',
-            value: '50%',
-            type: 'opacity'
-          },
-          {
-            name: 'font-size.12',
-            value: '12px',
-            type: 'fontSizes'
-          }
+          name: 'sizing.xs',
+          value: 4,
+          type: 'sizing'
+        },
+        {
+          name: 'opacity.50',
+          value: '50%',
+          type: 'opacity'
+        },
+        {
+          name: 'font-size.12',
+          value: '12px',
+          type: 'fontSizes'
+        }
         ],
         global: [{
           name: 'sizing.xs',
@@ -80,35 +85,35 @@ describe('Inspector tokens', () => {
     });
     cy.receiveSelectionValues({
       selectionValues: [{
-          category: "sizing",
-          type: "sizing",
-          value: "sizing.xs",
-          nodes: [{
-            id: "1",
-            name: "Rectangle",
-            type: "RECTANGLE",
-          }],
-        },
-        {
-          category: "opacity",
-          type: "opacity",
-          value: "opacity.50",
-          nodes: [{
-            id: "1",
-            name: "Rectangle",
-            type: "RECTANGLE",
-          }],
-        },
-        {
-          category: "fontSizes",
-          type: "fontSizes",
-          value: "font-size.12",
-          nodes: [{
-            id: "1",
-            name: "Rectangle",
-            type: "RECTANGLE",
-          }],
-        },
+        category: "sizing",
+        type: "sizing",
+        value: "sizing.xs",
+        nodes: [{
+          id: "1",
+          name: "Rectangle",
+          type: "RECTANGLE",
+        }],
+      },
+      {
+        category: "opacity",
+        type: "opacity",
+        value: "opacity.50",
+        nodes: [{
+          id: "1",
+          name: "Rectangle",
+          type: "RECTANGLE",
+        }],
+      },
+      {
+        category: "fontSizes",
+        type: "fontSizes",
+        value: "font-size.12",
+        nodes: [{
+          id: "1",
+          name: "Rectangle",
+          type: "RECTANGLE",
+        }],
+      },
       ],
       selectedNodes: 1,
       mainNodeSelectionValues: {
@@ -132,25 +137,25 @@ describe('Inspector tokens', () => {
       version: '5',
       values: {
         options: [{
-            name: 'sizing.xs',
-            value: 4,
-            type: 'sizing'
-          },
-          {
-            name: 'opacity.50',
-            value: '50%',
-            type: 'opacity'
-          },
-          {
-            name: 'opacity.100',
-            value: '100%',
-            type: 'opacity'
-          },
-          {
-            name: 'font-size.12',
-            value: '12px',
-            type: 'fontSizes'
-          }
+          name: 'sizing.xs',
+          value: 4,
+          type: 'sizing'
+        },
+        {
+          name: 'opacity.50',
+          value: '50%',
+          type: 'opacity'
+        },
+        {
+          name: 'opacity.100',
+          value: '100%',
+          type: 'opacity'
+        },
+        {
+          name: 'font-size.12',
+          value: '12px',
+          type: 'fontSizes'
+        }
         ],
         global: [{
           name: 'sizing.xs',
@@ -161,35 +166,35 @@ describe('Inspector tokens', () => {
     });
     cy.receiveSelectionValues({
       selectionValues: [{
-          category: "sizing",
-          type: "sizing",
-          value: "sizing.xs",
-          nodes: [{
-            id: "1",
-            name: "Rectangle",
-            type: "RECTANGLE",
-          }],
-        },
-        {
-          category: "opacity",
-          type: "opacity",
-          value: "opacity.50",
-          nodes: [{
-            id: "1",
-            name: "Rectangle",
-            type: "RECTANGLE",
-          }],
-        },
-        {
-          category: "fontSizes",
-          type: "fontSizes",
-          value: "font-size.12",
-          nodes: [{
-            id: "1",
-            name: "Rectangle",
-            type: "RECTANGLE",
-          }],
-        },
+        category: "sizing",
+        type: "sizing",
+        value: "sizing.xs",
+        nodes: [{
+          id: "1",
+          name: "Rectangle",
+          type: "RECTANGLE",
+        }],
+      },
+      {
+        category: "opacity",
+        type: "opacity",
+        value: "opacity.50",
+        nodes: [{
+          id: "1",
+          name: "Rectangle",
+          type: "RECTANGLE",
+        }],
+      },
+      {
+        category: "fontSizes",
+        type: "fontSizes",
+        value: "font-size.12",
+        nodes: [{
+          id: "1",
+          name: "Rectangle",
+          type: "RECTANGLE",
+        }],
+      },
       ],
       selectedNodes: 1,
       mainNodeSelectionValues: {
@@ -205,35 +210,35 @@ describe('Inspector tokens', () => {
     cy.get(`input[name=value]`).type('$opacity.100').type('{enter}');
     cy.receiveSelectionValues({
       selectionValues: [{
-          category: "sizing",
-          type: "sizing",
-          value: "sizing.xs",
-          nodes: [{
-            id: "1",
-            name: "Rectangle",
-            type: "RECTANGLE",
-          }],
-        },
-        {
-          category: "opacity",
-          type: "opacity",
-          value: "opacity.100",
-          nodes: [{
-            id: "1",
-            name: "Rectangle",
-            type: "RECTANGLE",
-          }],
-        },
-        {
-          category: "fontSizes",
-          type: "fontSizes",
-          value: "font-size.12",
-          nodes: [{
-            id: "1",
-            name: "Rectangle",
-            type: "RECTANGLE",
-          }],
-        },
+        category: "sizing",
+        type: "sizing",
+        value: "sizing.xs",
+        nodes: [{
+          id: "1",
+          name: "Rectangle",
+          type: "RECTANGLE",
+        }],
+      },
+      {
+        category: "opacity",
+        type: "opacity",
+        value: "opacity.100",
+        nodes: [{
+          id: "1",
+          name: "Rectangle",
+          type: "RECTANGLE",
+        }],
+      },
+      {
+        category: "fontSizes",
+        type: "fontSizes",
+        value: "font-size.12",
+        nodes: [{
+          id: "1",
+          name: "Rectangle",
+          type: "RECTANGLE",
+        }],
+      },
       ],
       selectedNodes: 1,
       mainNodeSelectionValues: {

diff --git a/cypress/integration/manage-themes.spec.js b/cypress/integration/manage-themes.spec.js
@@ -5,14 +5,19 @@ import { UpdateMode } from '@/constants/UpdateMode';
 
 const createTokenSet = ({ name }) => {
   cy.get('[data-cy="button-new-token-set"]').click({ timeout: 1000 })
-      .get('[data-cy="token-set-input"]')
-      .type(name).type('{enter}');
+    .get('[data-cy="token-set-input"]')
+    .type(name).type('{enter}');
 };
 
 describe('TokenListing', () => {
   const mockStartupParams = {
     activeTheme: null,
     lastOpened: Date.now(),
+    onboardingExplainer: {
+      sets: true,
+      inspect: true,
+      syncProviders: true,
+    },
     localApiProviders: [],
     licenseKey: null,
     settings: {

diff --git a/cypress/integration/startup.spec.js b/cypress/integration/startup.spec.js
@@ -10,6 +10,11 @@ describe('Loads application', () => {
   const mockStartupParams = {
     activeTheme: null,
     lastOpened: Date.now(),
+    onboardingExplainer: {
+      sets: true,
+      inspect: true,
+      syncProviders: true,
+    },
     localApiProviders: [],
     licenseKey: null,
     settings: {

diff --git a/cypress/integration/themes.spec.js b/cypress/integration/themes.spec.js
@@ -7,6 +7,11 @@ describe('Themes', () => {
   const mockStartupParams = {
     activeTheme: null,
     lastOpened: Date.now(),
+    onboardingExplainer: {
+      sets: true,
+      inspect: true,
+      syncProviders: true,
+    },
     localApiProviders: [],
     licenseKey: null,
     settings: {