FLOW-447 Updating Design Tokens in Storybook (#21)

* design tokens updated * design tokens updated -2 * design tokens updated -3 * naming conventions * js functions conventions added * fixes * fixes * fixes * FLOW-448 comments and file name changes * fixes * FLOW-448 tokens moved to secrets * some naming comventions * FLOW-448 tokens moved to secrets * FLOW-448 tokens moved to secrets * FLOW-448 tokens moved to secrets * FLOW-448 tokens moved to secrets * FLOW-448 tokens moved to secrets * FLOW-448 tokens moved to secrets * FLOW-448 tokens moved to secrets * FLOW-448 tokens moved to secrets * FLOW-448 tokens moved to secrets * FLOW-448 .env file created * FLOW-447 color token file key updated * FLOW-447 color token file key updated Co-authored-by: vikas-cldcvr <vikas@cldcvr.com>
ollionorg · Oct 31, 2022 · 22feb35 · 22feb35
1 parent e9bff1d
commit 22feb35
Show file tree

Hide file tree

Showing 62 changed files with 3,563 additions and 2,906 deletions.
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -30,4 +30,4 @@ jobs:
           publish: yarn release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.storybook/codeSandbox.js b/.storybook/codeSandbox.js
@@ -22,7 +22,7 @@ export function getCodeSandBoxUrl(story) {
 		<body>
 			<div id="app"></div>
 		
-			<script src="index.js">
+			<script src="index.js"> 
 			</script>
 		</body>
 		

diff --git a/.storybook/main.js b/.storybook/main.js
@@ -1,5 +1,6 @@
 const litcss = require("rollup-plugin-postcss-lit");
 const path = require("path");
+
 module.exports = {
   stories: [
     "../stories/**/*.stories.mdx",

diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
@@ -102,6 +102,7 @@
     box-shadow: unset;
     border: 1px solid #304055;
   }
+
   /* .search-result-item--label span {
 	  color: #7b93b2 !important;
 	} */

diff --git a/.storybook/storybook.css b/.storybook/storybook.css
@@ -1,15 +1,14 @@
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300&family=Roboto:wght@100;300;400;500;700&display=swap");
 
- @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Open+Sans:wght@300&family=Roboto:wght@100;300;400;500;700&display=swap");
-
- body *,body p {
-   font-family: "Montserrat", sans-serif !important;
- }
+body *,
+body p {
+  font-family: "Montserrat", sans-serif !important;
+}
 /* .sbdocs.sbdocs-preview div[id^="story--"][id*="popover"] > div,
 .sbdocs.sbdocs-preview div[id^="story--"][id*="inline"] > div {
   min-height: 600px !important;
 } */
 
-
 span.token.tag {
   font-family: var(--flow-code-font);
 }
@@ -39,9 +38,9 @@ span.token.tag {
 .docs-story {
   background-color: #131920 !important;
 }
-.docs-story .css-11xgcgt{
-	background:transparent;
-} 
+.docs-story .css-11xgcgt {
+  background: transparent;
+}
 .sbdocs-preview {
   background-color: var(--color-border-default) !important;
 }
@@ -170,17 +169,17 @@ body {
 }
 
 code {
-    background-color: var(--color-neutral-default) !important;
-    color: var(--color-surface-default) !important;
-    border: none !important;
-    font-weight: 500 !important;
-    border-radius: 4px;
-    font-size: 14px !important;
-    padding: 4px 8px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font-family: var(--flow-code-font) !important;
+  background-color: var(--color-neutral-default) !important;
+  color: var(--color-surface-default) !important;
+  border: none !important;
+  font-weight: 500 !important;
+  border-radius: 4px;
+  font-size: 14px !important;
+  padding: 4px 8px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--flow-code-font) !important;
 }
 
 .custom-table {
@@ -197,7 +196,7 @@ code {
   font-size: 12px !important;
   font-weight: 400 !important;
   line-height: 16px !important;
-  color: #dfe4ec !important;
+  color: #dfe4ec !important; 
 }
 
 .custom-table tr td:first-child {
@@ -323,3 +322,6 @@ code {
   margin-left: 10px !important;
 }
 
+.width-set {
+  width: 50px !important;
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,5 +1,23 @@
 {
   "[mdx]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[svg]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }
diff --git a/packages/flow-core/.env b/packages/flow-core/.env
@@ -0,0 +1,2 @@
+FIGMA_TOKEN=206330-1bbeb796-39d3-408e-ab7a-b6c8551111a5 
+FILE_KEY=SKWW76LCKHKvDBA4g0hWDf
diff --git a/packages/flow-core/CHANGELOG.md b/packages/flow-core/CHANGELOG.md
@@ -4,6 +4,15 @@
 
 # Change Log
 
+## [1.0.7] - 2022-10-31
+
+
+### Improvements
+
+- color token file key updated.
+- tokens moved to `.env` file.
+- md file automated for colors stories
+
 ## [1.0.6] - 2022-10-17
 
 ### Bug Fixes