@fluentui/web-components 1.5.6 → 1.6.3

package/docs/api-report.md

@@ -210,7 +210,7 @@ export const allComponents: {
 
 // Warning: (ae-internal-missing-underscore) The name "ambientShadow" should be prefixed with an underscore because the declaration is marked as @internal
 //
-// @internal
+// @internal @deprecated
 export const ambientShadow = "0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, calc(.11 * (2 - var(--background-luminance, 1))))";
 
 // Warning: (ae-internal-missing-underscore) The name "Anchor" should be prefixed with an underscore because the declaration is marked as @internal
@@ -265,9 +265,6 @@ export const baseHorizontalSpacingMultiplier: CSSDesignToken<number>;
 // @public (undocumented)
 export const baseLayerLuminance: CSSDesignToken<number>;
 
-export { BaseProgress as Progress }
-export { BaseProgress as ProgressRing }
-
 // @public (undocumented)
 export const bodyFont: CSSDesignToken<string>;
 
@@ -442,7 +439,7 @@ export const direction: CSSDesignToken<Direction>;
 
 // Warning: (ae-internal-missing-underscore) The name "directionalShadow" should be prefixed with an underscore because the declaration is marked as @internal
 //
-// @internal (undocumented)
+// @internal @deprecated (undocumented)
 export const directionalShadow = "0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, calc(.13 * (2 - var(--background-luminance, 1))))";
 
 // @public
@@ -465,7 +462,7 @@ export const dividerStyles: (context: ElementDefinitionContext, definition: Foun
 // @public @deprecated (undocumented)
 export const elevatedCornerRadius: CSSDesignToken<number>;
 
-// @public
+// @public @deprecated
 export const elevation: string;
 
 // @public (undocumented)
@@ -650,22 +647,22 @@ export const focusStrokeWidth: CSSDesignToken<number>;
 // @public (undocumented)
 export const foregroundOnAccentActive: CSSDesignToken<Swatch>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const foregroundOnAccentActiveLarge: CSSDesignToken<Swatch>;
 
 // @public (undocumented)
 export const foregroundOnAccentFocus: CSSDesignToken<Swatch>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const foregroundOnAccentFocusLarge: CSSDesignToken<Swatch>;
 
 // @public (undocumented)
 export const foregroundOnAccentHover: CSSDesignToken<Swatch>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const foregroundOnAccentHoverLarge: CSSDesignToken<Swatch>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const foregroundOnAccentLargeRecipe: DesignToken<ColorRecipe>;
 
 // @public (undocumented)
@@ -674,7 +671,7 @@ export const foregroundOnAccentRecipe: DesignToken<ColorRecipe>;
 // @public (undocumented)
 export const foregroundOnAccentRest: CSSDesignToken<Swatch>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const foregroundOnAccentRestLarge: CSSDesignToken<Swatch>;
 
 // @public
@@ -816,28 +813,28 @@ export const neutralFillInputRest: CSSDesignToken<Swatch>;
 // @public (undocumented)
 export const neutralFillInputRestDelta: CSSDesignToken<number>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const neutralFillInverseActive: CSSDesignToken<Swatch>;
 
 // @public (undocumented)
 export const neutralFillInverseActiveDelta: CSSDesignToken<number>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const neutralFillInverseFocus: CSSDesignToken<Swatch>;
 
 // @public (undocumented)
 export const neutralFillInverseFocusDelta: CSSDesignToken<number>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const neutralFillInverseHover: CSSDesignToken<Swatch>;
 
 // @public (undocumented)
 export const neutralFillInverseHoverDelta: CSSDesignToken<number>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const neutralFillInverseRecipe: DesignToken<InteractiveColorRecipe>;
 
-// @public (undocumented)
+// @public @deprecated (undocumented)
 export const neutralFillInverseRest: CSSDesignToken<Swatch>;
 
 // @public (undocumented)
@@ -1127,6 +1124,14 @@ export const PaletteRGB: Readonly<{
     create(source: SwatchRGB): PaletteRGB;
 }>;
 
+// @public
+export class Progress extends BaseProgress {
+}
+
+// @public
+export class ProgressRing extends BaseProgress {
+}
+
 // @public
 export const progressRingStyles: (context: ElementDefinitionContext, definition: ProgressRingOptions) => ElementStyles;
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
   "sideEffects": false,
-  "version": "1.5.6",
+  "version": "1.6.3",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"
@@ -35,8 +35,8 @@
     "prettier:diff": "prettier --config ../../prettier.config.js 'src/**/(*.ts|*.html)' --ignore-path ../../.prettierignore --list-different",
     "code-style": "npm run prettier && npm run lint",
     "start": "yarn start-storybook -p 6006 -s ./public --docs",
-    "start-storybook": "node ../../node_modules/@storybook/html/bin/index.js",
-    "build-storybook": "node ../../node_modules/@storybook/html/bin/build.js -o ./dist/storybook --docs -s ./public",
+    "start-storybook": "node node_modules/@storybook/html/bin/index.js",
+    "build-storybook": "node node_modules/@storybook/html/bin/build.js -o ./dist/storybook --docs -s ./public",
     "test": "yarn doc:ci && yarn test-chrome:verbose",
     "test-node": "mocha --reporter min --exit dist/esm/__test__/setup-node.js './dist/esm/**/*.spec.js'",
     "test-node:verbose": "mocha --reporter spec --exit dist/esm/__test__/setup-node.js './dist/esm/**/*.spec.js'",
@@ -50,6 +50,7 @@
     "test-firefox:verbose": "karma start karma.conf.js --browsers=FirefoxHeadless --single-run --coverage --reporter=mocha"
   },
   "devDependencies": {
+    "@storybook/html": "6.3.6",
     "@types/chai": "^4.2.11",
     "@types/chai-spies": "^1.0.1",
     "@types/karma": "^5.0.0",
@@ -74,7 +75,6 @@
     "karma-source-map-support": "^1.4.0",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^4.0.2",
-    "lodash-es": "^4.17.20",
     "mocha": "^7.1.2",
     "rollup": "^2.41.0",
     "rollup-plugin-commonjs": "^10.1.0",
@@ -91,9 +91,9 @@
   },
   "dependencies": {
     "@microsoft/fast-colors": "^5.1.0",
-    "@microsoft/fast-element": "^1.5.0",
-    "@microsoft/fast-foundation": "^2.17.0",
-    "lodash-es": "^4.17.20",
+    "@microsoft/fast-element": "^1.6.0",
+    "@microsoft/fast-foundation": "^2.23.0",
+    "@microsoft/fast-web-utilities": "^5.0.0",
     "tslib": "^1.13.0"
   }
 }

package/public/switches.ts

@@ -16,7 +16,7 @@ export function toggleBgMode() {
 }
 
 export function toggleLtr() {
-  const ltrChecked = document.getElementById('ltr-switch')!.classList.contains('checked');
+  const ltrChecked = document.getElementById('direction-switch')!.classList.contains('checked');
   if (ltrChecked) {
     document.querySelector<HTMLElement>('.docs-story')!.setAttribute('style', 'direction:ltr;');
   } else {