Merge pull request #8 from microsoft/master

alphashr · Dec 2, 2021 · 97153ac · 97153ac
2 parents c8b3b68 + 968b850
commit 97153ac
Show file tree

Hide file tree

Showing 40 changed files with 614 additions and 92 deletions.
diff --git a/examples/design-system-tutorial/CHANGELOG.json b/examples/design-system-tutorial/CHANGELOG.json
@@ -1,6 +1,36 @@
 {
   "name": "fast-design-system-demo",
   "entries": [
+    {
+      "date": "Thu, 02 Dec 2021 07:11:13 GMT",
+      "tag": "fast-design-system-demo_v1.0.0",
+      "version": "1.0.0",
+      "comments": {
+        "none": [
+          {
+            "comment": "Bump @microsoft/fast-components to v2.16.6",
+            "author": "roeisenb@microsoft.com",
+            "commit": "2ec536794820959f771ebbfe25efd5a4489e7a76",
+            "package": "fast-design-system-demo"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 30 Nov 2021 07:13:40 GMT",
+      "tag": "fast-design-system-demo_v1.0.0",
+      "version": "1.0.0",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Bump @microsoft/fast-components to v2.16.6",
+            "author": "jes@microsoft.com",
+            "commit": "17d3b0af07625b075721a440e932442c45a10044",
+            "package": "fast-design-system-demo"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 23 Nov 2021 07:12:23 GMT",
       "tag": "fast-design-system-demo_v1.0.0",

diff --git a/examples/design-system-tutorial/CHANGELOG.md b/examples/design-system-tutorial/CHANGELOG.md
@@ -1,11 +1,19 @@
 # Change Log - fast-design-system-demo
 
-This log was last generated on Tue, 23 Nov 2021 07:12:23 GMT and should not be manually modified.
+This log was last generated on Tue, 30 Nov 2021 07:13:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
 ## 1.0.0
 
+Tue, 30 Nov 2021 07:13:40 GMT
+
+### Patches
+
+- Bump @microsoft/fast-components to v2.16.6 (jes@microsoft.com)
+
+## 1.0.0
+
 Tue, 23 Nov 2021 07:12:23 GMT
 
 ### Patches

diff --git a/examples/design-system-tutorial/package.json b/examples/design-system-tutorial/package.json
@@ -13,8 +13,8 @@
   "dependencies": {
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-element": "^1.6.2",
-    "@microsoft/fast-foundation": "^2.27.0",
-    "@microsoft/fast-components": "^2.16.5",
+    "@microsoft/fast-foundation": "^2.27.1",
+    "@microsoft/fast-components": "^2.16.6",
     "tslib": "^1.11.1"
   },
   "devDependencies": {

diff --git a/packages/tooling/fast-figma-plugin-msft/CHANGELOG.json b/packages/tooling/fast-figma-plugin-msft/CHANGELOG.json
@@ -1,6 +1,36 @@
 {
   "name": "@microsoft/fast-figma-plugin-msft",
   "entries": [
+    {
+      "date": "Thu, 02 Dec 2021 07:11:13 GMT",
+      "tag": "@microsoft/fast-figma-plugin-msft_v0.8.16",
+      "version": "0.8.16",
+      "comments": {
+        "none": [
+          {
+            "comment": "Bump @microsoft/fast-components to v2.16.6",
+            "author": "roeisenb@microsoft.com",
+            "commit": "2ec536794820959f771ebbfe25efd5a4489e7a76",
+            "package": "@microsoft/fast-figma-plugin-msft"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 30 Nov 2021 07:13:40 GMT",
+      "tag": "@microsoft/fast-figma-plugin-msft_v0.8.16",
+      "version": "0.8.16",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Bump @microsoft/fast-components to v2.16.6",
+            "author": "jes@microsoft.com",
+            "commit": "17d3b0af07625b075721a440e932442c45a10044",
+            "package": "@microsoft/fast-figma-plugin-msft"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 23 Nov 2021 07:12:23 GMT",
       "tag": "@microsoft/fast-figma-plugin-msft_v0.8.16",

diff --git a/packages/tooling/fast-figma-plugin-msft/CHANGELOG.md b/packages/tooling/fast-figma-plugin-msft/CHANGELOG.md
@@ -1,11 +1,19 @@
 # Change Log - @microsoft/fast-figma-plugin-msft
 
-This log was last generated on Tue, 23 Nov 2021 07:12:23 GMT and should not be manually modified.
+This log was last generated on Tue, 30 Nov 2021 07:13:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
 ## 0.8.16
 
+Tue, 30 Nov 2021 07:13:40 GMT
+
+### Patches
+
+- Bump @microsoft/fast-components to v2.16.6 (jes@microsoft.com)
+
+## 0.8.16
+
 Tue, 23 Nov 2021 07:12:23 GMT
 
 ### Patches

diff --git a/packages/tooling/fast-figma-plugin-msft/package.json b/packages/tooling/fast-figma-plugin-msft/package.json
@@ -29,7 +29,7 @@
     "@babel/core": "^7.12.13",
     "@babel/preset-env": "^7.12.13",
     "@microsoft/fast-colors": "^5.1.4",
-    "@microsoft/fast-components": "^2.16.5",
+    "@microsoft/fast-components": "^2.16.6",
     "@microsoft/fast-components-react-msft": "^4.32.0",
     "@microsoft/fast-components-styles-msft": "^4.29.0",
     "@microsoft/fast-element": "^1.6.2",

diff --git a/packages/utilities/fast-react-wrapper/CHANGELOG.json b/packages/utilities/fast-react-wrapper/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@microsoft/fast-react-wrapper",
   "entries": [
+    {
+      "date": "Thu, 02 Dec 2021 07:11:13 GMT",
+      "tag": "@microsoft/fast-react-wrapper_v0.1.17",
+      "version": "0.1.17",
+      "comments": {
+        "none": [
+          {
+            "comment": "Bump @microsoft/fast-element to v1.6.2",
+            "author": "roeisenb@microsoft.com",
+            "commit": "2ec536794820959f771ebbfe25efd5a4489e7a76",
+            "package": "@microsoft/fast-react-wrapper"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 23 Nov 2021 07:12:23 GMT",
       "tag": "@microsoft/fast-react-wrapper_v0.1.17",

diff --git a/packages/utilities/fast-react-wrapper/package.json b/packages/utilities/fast-react-wrapper/package.json
@@ -86,7 +86,7 @@
   },
   "dependencies": {
     "@microsoft/fast-element": "^1.6.2",
-    "@microsoft/fast-foundation": "^2.27.0"
+    "@microsoft/fast-foundation": "^2.27.1"
   },
   "peerDependencies": {
     "react": ">=16.9.0"

diff --git a/packages/web-components/fast-components/CHANGELOG.json b/packages/web-components/fast-components/CHANGELOG.json
@@ -1,6 +1,36 @@
 {
   "name": "@microsoft/fast-components",
   "entries": [
+    {
+      "date": "Thu, 02 Dec 2021 07:11:13 GMT",
+      "tag": "@microsoft/fast-components_v2.16.6",
+      "version": "2.16.6",
+      "comments": {
+        "none": [
+          {
+            "comment": "docs: corrections to Blazor, webpack, and cdn links",
+            "author": "roeisenb@microsoft.com",
+            "commit": "2ec536794820959f771ebbfe25efd5a4489e7a76",
+            "package": "@microsoft/fast-components"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 30 Nov 2021 07:13:40 GMT",
+      "tag": "@microsoft/fast-components_v2.16.6",
+      "version": "2.16.6",
+      "comments": {
+        "patch": [
+          {
+            "comment": "fix: vertical tabs fromm jumping",
+            "author": "jes@microsoft.com",
+            "commit": "17d3b0af07625b075721a440e932442c45a10044",
+            "package": "@microsoft/fast-components"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 23 Nov 2021 07:12:23 GMT",
       "tag": "@microsoft/fast-components_v2.16.5",

diff --git a/packages/web-components/fast-components/CHANGELOG.md b/packages/web-components/fast-components/CHANGELOG.md
@@ -1,9 +1,17 @@
 # Change Log - @microsoft/fast-components
 
-This log was last generated on Tue, 23 Nov 2021 07:12:23 GMT and should not be manually modified.
+This log was last generated on Tue, 30 Nov 2021 07:13:40 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 2.16.6
+
+Tue, 30 Nov 2021 07:13:40 GMT
+
+### Patches
+
+- fix: vertical tabs fromm jumping (jes@microsoft.com)
+
 ## 2.16.5
 
 Tue, 23 Nov 2021 07:12:23 GMT

diff --git a/packages/web-components/fast-components/README.md b/packages/web-components/fast-components/README.md
@@ -51,15 +51,21 @@ A pre-bundled script that contains all APIs needed to use FAST Foundation is ava
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <script type="module" src="https://unpkg.com/@microsoft/fast-components"></script>
+        <script type="module" src="https://cdn.jsdelivr.net/npm/@microsoft/fast-components/dist/fast-components.min.js"></script>
     </head>
     <!-- ... -->
 </html>
 ```
 
-The above CDN location points to the latest release of `fast-components`. It is advised that when you deploy your site or app, you import the specific version you have developed and tested with.
+The markup above always references the latest release. When deploying to production, you will want to ship with a specific version. Here's an example of the markup for that:
 
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@microsoft/fast-components@2.16.0/dist/fast-components.min.js"></script>
+```
+
+:::note
 For simplicity, examples throughout the documentation will assume the library has been installed from NPM, but you can always replace the import location with the CDN URL.
+:::
 
 ## Development
 

diff --git a/packages/web-components/fast-components/package.json b/packages/web-components/fast-components/package.json
@@ -2,7 +2,7 @@
   "name": "@microsoft/fast-components",
   "description": "A library of Web Components",
   "sideEffects": false,
-  "version": "2.16.5",
+  "version": "2.16.6",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"
@@ -111,7 +111,7 @@
   "dependencies": {
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-element": "^1.6.2",
-    "@microsoft/fast-foundation": "^2.27.0",
+    "@microsoft/fast-foundation": "^2.27.1",
     "@microsoft/fast-web-utilities": "^5.0.2",
     "tslib": "^1.13.0",
     "vscode-html-languageservice": "^4.0.3"

diff --git a/packages/web-components/fast-components/src/tabs/fixtures/base.html b/packages/web-components/fast-components/src/tabs/fixtures/base.html
@@ -45,13 +45,63 @@ <h2>Vertical</h2>
     <fast-tab id="TabTwo">Tab two</fast-tab>
     <fast-tab id="TabThree">Tab three</fast-tab>
     <fast-tab-panel>
-        Tab one content. This is for testing.
+        Tab ONE content. This is for testing. Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
     </fast-tab-panel>
     <fast-tab-panel>
         Tab two content. This is for testing.
     </fast-tab-panel>
     <fast-tab-panel>
+        Tab three content. This is for testing. Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
+        Tab three content. This is for testing.
+        <br />
         Tab three content. This is for testing.
+        <br />
     </fast-tab-panel>
 </fast-tabs>
 

diff --git a/packages/web-components/fast-components/src/tabs/tabs.styles.ts b/packages/web-components/fast-components/src/tabs/tabs.styles.ts
@@ -89,9 +89,10 @@ export const tabsStyles: (
             position: relative;
             width: max-content;
             justify-self: end;
+            align-self: flex-start;
             width: 100%;
-            padding: calc((${heightNumber} - ${designUnit}) * 1px)
-                calc(${designUnit} * 4px) calc((${heightNumber} - ${designUnit}) * 1px) 0;
+            padding: 0 calc(${designUnit} * 4px)
+                calc((${heightNumber} - ${designUnit}) * 1px) 0;
         }
 
         :host([orientation="vertical"]) .tabpanel {

diff --git a/packages/web-components/fast-element/CHANGELOG.json b/packages/web-components/fast-element/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@microsoft/fast-element",
   "entries": [
+    {
+      "date": "Thu, 02 Dec 2021 07:11:13 GMT",
+      "tag": "@microsoft/fast-element_v1.6.2",
+      "version": "1.6.2",
+      "comments": {
+        "none": [
+          {
+            "comment": "docs: corrections to cdn links",
+            "author": "roeisenb@microsoft.com",
+            "commit": "2ec536794820959f771ebbfe25efd5a4489e7a76",
+            "package": "@microsoft/fast-element"
+          }
+        ]
+      }
+    },
     {
       "date": "Sun, 31 Oct 2021 07:17:45 GMT",
       "tag": "@microsoft/fast-element_v1.6.2",

diff --git a/packages/web-components/fast-element/README.md b/packages/web-components/fast-element/README.md
@@ -38,7 +38,7 @@ A pre-bundled script that contains all APIs needed to build web components with
 <html lang="en">
     <head>
         <script type="module">
-          import { FASTElement } from "https://unpkg.com/@microsoft/fast-element";
+          import { FASTElement } from "https://cdn.jsdelivr.net/npm/@microsoft/fast-element/dist/fast-element.min.js";
 
           // your code here
         </script>
@@ -47,9 +47,11 @@ A pre-bundled script that contains all APIs needed to build web components with
 </html>
 ```
 
-:::important
-The above CDN location points to the latest release of `fast-element`. It is advised that when you deploy your site or app, you import the specific version you have developed and tested with.
-:::
+The markup above always references the latest release. When deploying to production, you will want to ship with a specific version. Here's an example of the markup for that:
+
+```html
+<script type="module" src="https://cdn.jsdelivr.net/npm/@microsoft/fast-element@1.6.2/dist/fast-element.min.js"></script>
+```
 
 :::note
 For simplicity, examples throughout the documentation will assume the library has been installed from NPM, but you can always replace the import location with the CDN URL.