Updated templates for consistent naming and structure

microsoft · Jan 31, 2023 · a8f1189 · a8f1189
1 parent 2f8c3d3
commit a8f1189
Show file tree

Hide file tree

Showing 149 changed files with 1,849 additions and 1,902 deletions.
diff --git a/change/@microsoft-fast-foundation-a6d78d55-521f-4741-a7b4-60f4e5b14a37.json b/change/@microsoft-fast-foundation-a6d78d55-521f-4741-a7b4-60f4e5b14a37.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "STYLE BREAKING: Updated templates for structure and consistency (see https://github.com/microsoft/fast/pull/6286)",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "prerelease"
+}
diff --git a/change/@microsoft-fast-ssr-b504d376-3c29-4415-8124-f4fd4f05c078.json b/change/@microsoft-fast-ssr-b504d376-3c29-4415-8124-f4fd4f05c078.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Fix tests for related foundation template changes",
+  "packageName": "@microsoft/fast-ssr",
+  "email": "[email protected]",
+  "dependentChangeType": "prerelease"
+}
diff --git a/packages/web-components/fast-foundation/.storybook/preview-body.html b/packages/web-components/fast-foundation/.storybook/preview-body.html
@@ -21,4 +21,26 @@
             d="M8.26 4.6a5.21 5.21 0 0 1 9.03 5.22l-.2.34a.5.5 0 0 1-.67.19l-3.47-2-1.93 3.38c1.34.4 2.5 1.33 3.31 2.52h-.09c-.34 0-.66.11-.92.31A4.9 4.9 0 0 0 9.5 12.5a4.9 4.9 0 0 0-3.82 2.06 1.5 1.5 0 0 0-1.01-.3 5.94 5.94 0 0 1 5.31-2.74l2.1-3.68-3.83-2.2a.5.5 0 0 1-.18-.7l.2-.33Zm.92.42 1.7.98.02-.02a8.08 8.08 0 0 1 3.27-2.74 4.22 4.22 0 0 0-4.99 1.78ZM14 7.8c.47-.82.7-1.46.77-2.09a5.8 5.8 0 0 0-.06-1.62 6.96 6.96 0 0 0-2.95 2.41L14 7.8Zm.87.5 1.61.93a4.22 4.22 0 0 0-.74-5.02c.07.56.09 1.1.02 1.63-.1.79-.38 1.56-.89 2.46Zm-9.63 7.3a.5.5 0 0 0-.96.03c-.17.7-.5 1.08-.86 1.3-.38.23-.87.32-1.42.32a.5.5 0 0 0 0 1c.64 0 1.33-.1 1.94-.47.34-.2.64-.5.88-.87a2.96 2.96 0 0 0 4.68-.01 2.96 2.96 0 0 0 4.74-.06c.64.9 1.7 1.41 2.76 1.41a.5.5 0 1 0 0-1c-.98 0-1.96-.64-2.29-1.65a.5.5 0 0 0-.95 0 1.98 1.98 0 0 1-3.79.07.5.5 0 0 0-.94 0 1.98 1.98 0 0 1-3.8-.08Z"
         />
     </symbol>
+    <symbol
+        id="chevron-left-icon"
+        width="12"
+        height="12"
+        viewBox="0 0 12 12"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M7.35 2.15c.2.2.2.5 0 .7L4.21 6l3.14 3.15a.5.5 0 1 1-.7.7l-3.5-3.5a.5.5 0 0 1 0-.7l3.5-3.5c.2-.2.5-.2.7 0Z"
+        />
+    </symbol>
+    <symbol
+        id="chevron-right-icon"
+        width="12"
+        height="12"
+        viewBox="0 0 12 12"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M4.65 2.15a.5.5 0 0 0 0 .7L7.79 6 4.65 9.15a.5.5 0 1 0 .7.7l3.5-3.5a.5.5 0 0 0 0-.7l-3.5-3.5a.5.5 0 0 0-.7 0Z"
+        />
+    </symbol>
 </svg>
diff --git a/packages/web-components/fast-foundation/.storybook/preview-head.html b/packages/web-components/fast-foundation/.storybook/preview-head.html
@@ -1,19 +1,19 @@
 <style>
     :root {
         --accent-color: #da1a5f;
-        --accent-fill-active: #df3c77;
-        --accent-fill-focus: #dc2969;
-        --accent-fill-hover: #da1a5f;
-        --accent-fill-rest: #dc2969;
-        --accent-foreground-active: #dc2969;
-        --accent-foreground-focus: #da1a5f;
-        --accent-foreground-hover: #b3154e;
-        --accent-foreground-rest: #da1a5f;
+        --accent-fill-active: #e63d79;
+        --accent-fill-focus: #cf1c54;
+        --accent-fill-hover: #e01e5e;
+        --accent-fill-rest: #cf1c54;
+        --accent-foreground-active: #c71b4f;
+        --accent-foreground-focus: #880f28;
+        --accent-foreground-hover: #720919;
+        --accent-foreground-rest: #880f28;
         --ambient-shadow-alpha: calc(0.11 * (2 - var(--background-luminance, 1)));
         --ambient-shadow-color: rgba(0, 0, 0, var(--ambient-shadow-alpha));
         --ambient-shadow: 0 0 calc((var(--elevation) * 0.225px) + 2px)
             var(--ambient-shadow-color);
-        --base-height-multiplier: 10;
+        --base-height-multiplier: 8;
         --base-horizontal-spacing-multiplier: 3;
         --base-layer-luminance: 1;
         --body-font: Arial, Helvetica, sans-serif;
@@ -27,6 +27,7 @@
             calc((var(--elevation) * 0.9px)) var(--directional-shadow-color);
         --directional-shadow-alpha: calc(0.13 * (2 - var(--background-luminance, 1)));
         --directional-shadow-color: rgba(0, 0, 0, var(--directional-shadow-alpha));
+        --disabled-cursor: not-allowed;
         --disabled-opacity: 0.3;
         --elevation: 14;
         --elevation-shadow: var(--ambient-shadow), var(--directional-shadow);