npm - @fluentui/web-components - Versions diffs - 3.0.0-beta.13 → 3.0.0-beta.14 - Mend

@fluentui/web-components 3.0.0-beta.13 → 3.0.0-beta.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/CHANGELOG.md +11 -2
package/dist/dts/index.d.ts +1 -0
package/dist/dts/styles/partials/index.d.ts +1 -0
package/dist/dts/styles/partials/typography.partials.d.ts +18 -0
package/dist/esm/index.js +1 -0
package/dist/esm/index.js.map +1 -1
package/dist/esm/styles/partials/index.js +1 -0
package/dist/esm/styles/partials/index.js.map +1 -1
package/dist/esm/styles/partials/typography.partials.js +105 -0
package/dist/esm/styles/partials/typography.partials.js.map +1 -0
package/dist/fluent-web-components.api.json +391 -0
package/dist/storybook/iframe.html +1 -1
package/dist/storybook/{main.e73a6496.iframe.bundle.js → main.79d2477b.iframe.bundle.js} +2 -2
package/dist/storybook/project.json +1 -1
package/dist/web-components.d.ts +35 -0
package/dist/web-components.js +104 -1
package/dist/web-components.min.js +143 -58
package/docs/api-report.md +52 -0
package/package.json +1 -1
/package/dist/storybook/{main.e73a6496.iframe.bundle.js.LICENSE.txt → main.79d2477b.iframe.bundle.js.LICENSE.txt} +0 -0

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/web-components
-This log was last generated on Thu, 25 Apr 2024 04:09:10 GMT and should not be manually modified.
+This log was last generated on Fri, 26 Apr 2024 04:07:17 GMT and should not be manually modified.
 <!-- Start content -->
+## [3.0.0-beta.14](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.14)
+Fri, 26 Apr 2024 04:07:17 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.13..@fluentui/web-components_v3.0.0-beta.14)
+### Changes
+- create CSS partials for named typography styles ([PR #31164](https://github.com/microsoft/fluentui/pull/31164) by 13071055+chrisdholt@users.noreply.github.com)
 ## [3.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.13)
-Thu, 25 Apr 2024 04:09:10 GMT
+Thu, 25 Apr 2024 04:09:24 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.12..@fluentui/web-components_v3.0.0-beta.13)
 ### Changes

package/dist/dts/index.d.ts CHANGED Viewed

@@ -29,6 +29,7 @@ export * from './text-input/index.js';
 export * from './toggle-button/index.js';
 export * from './fluent-design-system.js';
 export * from './theme/index.js';
+export { typographyBody1Styles, typographyBody1StrongStyles, typographyBody1StrongerStyles, typographyBody2Styles, typographyCaption1StrongStyles, typographyCaption1StrongerStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './styles/partials/typography.partials.js';
 export * from './utils/direction.js';
 export * from './utils/display.js';
 export * from './utils/behaviors/match-media-stylesheet-behavior.js';

package/dist/dts/styles/partials/index.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1 1	export * from './badge.partials.js';
2	+ export { typographyBody1Styles, typographyBody1StrongStyles, typographyBody1StrongerStyles, typographyBody2Styles, typographyCaption1StrongStyles, typographyCaption1StrongerStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './typography.partials.js';

package/dist/dts/styles/partials/typography.partials.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { CSSDirective } from '@microsoft/fast-element';
+export declare const typographyBody1Styles: CSSDirective;
+export declare const typographyBody1StrongStyles: CSSDirective;
+export declare const typographyBody1StrongerStyles: CSSDirective;
+export declare const typographyBody2Styles: CSSDirective;
+export declare const typographyCaption1Styles: CSSDirective;
+export declare const typographyCaption1StrongStyles: CSSDirective;
+export declare const typographyCaption1StrongerStyles: CSSDirective;
+export declare const typographyCaption2Styles: CSSDirective;
+export declare const typographyCaption2StrongStyles: CSSDirective;
+export declare const typographySubtitle1Styles: CSSDirective;
+export declare const typographySubtitle2Styles: CSSDirective;
+export declare const typographySubtitle2StrongerStyles: CSSDirective;
+export declare const typographyTitle1Styles: CSSDirective;
+export declare const typographyTitle2Styles: CSSDirective;
+export declare const typographyTitle3Styles: CSSDirective;
+export declare const typographyLargeTitleStyles: CSSDirective;
+export declare const typographyDisplayStyles: CSSDirective;

package/dist/esm/index.js CHANGED Viewed

@@ -29,6 +29,7 @@ export * from './text-input/index.js';
 export * from './toggle-button/index.js';
 export * from './fluent-design-system.js';
 export * from './theme/index.js';
+export { typographyBody1Styles, typographyBody1StrongStyles, typographyBody1StrongerStyles, typographyBody2Styles, typographyCaption1StrongStyles, typographyCaption1StrongerStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './styles/partials/typography.partials.js';
 export * from './utils/direction.js';
 export * from './utils/display.js';
 export * from './utils/behaviors/match-media-stylesheet-behavior.js';

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AAEjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sDAAsD,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,6BAA6B,EAC7B,qBAAqB,EACrB,8BAA8B,EAC9B,gCAAgC,EAChC,wBAAwB,EACxB,8BAA8B,EAC9B,wBAAwB,EACxB,uBAAuB,EACvB,0BAA0B,EAC1B,yBAAyB,EACzB,iCAAiC,EACjC,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,0CAA0C,CAAC;AAElD,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sDAAsD,CAAC"}

package/dist/esm/styles/partials/index.js CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from './badge.partials.js';
+export { typographyBody1Styles, typographyBody1StrongStyles, typographyBody1StrongerStyles, typographyBody2Styles, typographyCaption1StrongStyles, typographyCaption1StrongerStyles, typographyCaption1Styles, typographyCaption2StrongStyles, typographyCaption2Styles, typographyDisplayStyles, typographyLargeTitleStyles, typographySubtitle1Styles, typographySubtitle2StrongerStyles, typographySubtitle2Styles, typographyTitle1Styles, typographyTitle2Styles, typographyTitle3Styles, } from './typography.partials.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/styles/partials/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/partials/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/partials/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,6BAA6B,EAC7B,qBAAqB,EACrB,8BAA8B,EAC9B,gCAAgC,EAChC,wBAAwB,EACxB,8BAA8B,EAC9B,wBAAwB,EACxB,uBAAuB,EACvB,0BAA0B,EAC1B,yBAAyB,EACzB,iCAAiC,EACjC,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,0BAA0B,CAAC"}

package/dist/esm/styles/partials/typography.partials.js ADDED Viewed

@@ -0,0 +1,105 @@
+import { css } from '@microsoft/fast-element';
+import { fontFamilyBase, fontSizeBase100, fontSizeBase200, fontSizeBase300, fontSizeBase400, fontSizeBase500, fontSizeBase600, fontSizeHero1000, fontSizeHero700, fontSizeHero800, fontSizeHero900, fontWeightBold, fontWeightRegular, fontWeightSemibold, lineHeightBase100, lineHeightBase200, lineHeightBase300, lineHeightBase400, lineHeightBase500, lineHeightBase600, lineHeightHero1000, lineHeightHero700, lineHeightHero800, lineHeightHero900, } from '../../theme/design-tokens.js';
+export const typographyBody1Styles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase300};
+  line-height: ${lineHeightBase300};
+  font-weight: ${fontWeightRegular};
+`;
+export const typographyBody1StrongStyles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase300};
+  line-height: ${lineHeightBase300};
+  font-weight: ${fontWeightSemibold};
+`;
+export const typographyBody1StrongerStyles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase300};
+  line-height: ${lineHeightBase300};
+  font-weight: ${fontWeightBold};
+`;
+export const typographyBody2Styles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase400};
+  line-height: ${lineHeightBase400};
+  font-weight: ${fontWeightRegular};
+`;
+export const typographyCaption1Styles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase200};
+  line-height: ${lineHeightBase200};
+  font-weight: ${fontWeightRegular};
+`;
+export const typographyCaption1StrongStyles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase200};
+  line-height: ${lineHeightBase200};
+  font-weight: ${fontWeightSemibold};
+`;
+export const typographyCaption1StrongerStyles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase200};
+  line-height: ${lineHeightBase200};
+  font-weight: ${fontWeightBold};
+`;
+export const typographyCaption2Styles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase100};
+  line-height: ${lineHeightBase100};
+  font-weight: ${fontWeightRegular};
+`;
+export const typographyCaption2StrongStyles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase100};
+  line-height: ${lineHeightBase100};
+  font-weight: ${fontWeightSemibold};
+`;
+export const typographySubtitle1Styles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase500};
+  line-height: ${lineHeightBase500};
+  font-weight: ${fontWeightSemibold};
+`;
+export const typographySubtitle2Styles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase400};
+  line-height: ${lineHeightBase400};
+  font-weight: ${fontWeightSemibold};
+`;
+export const typographySubtitle2StrongerStyles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase400};
+  line-height: ${lineHeightBase400};
+  font-weight: ${fontWeightBold};
+`;
+export const typographyTitle1Styles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeHero800};
+  line-height: ${lineHeightHero800};
+  font-weight: ${fontWeightSemibold};
+`;
+export const typographyTitle2Styles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeHero700};
+  line-height: ${lineHeightHero700};
+  font-weight: ${fontWeightSemibold};
+`;
+export const typographyTitle3Styles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeBase600};
+  line-height: ${lineHeightBase600};
+  font-weight: ${fontWeightSemibold};
+`;
+export const typographyLargeTitleStyles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeHero900};
+  line-height: ${lineHeightHero900};
+  font-weight: ${fontWeightSemibold};
+`;
+export const typographyDisplayStyles = css.partial `
+  font-family: ${fontFamilyBase};
+  font-size: ${fontSizeHero1000};
+  line-height: ${lineHeightHero1000};
+  font-weight: ${fontWeightSemibold};
+`;
+//# sourceMappingURL=typography.partials.js.map

package/dist/esm/styles/partials/typography.partials.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"typography.partials.js","sourceRoot":"","sources":["../../../../src/styles/partials/typography.partials.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,CAAC,MAAM,qBAAqB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBAC7C,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,iBAAiB;CACjC,CAAC;AACF,MAAM,CAAC,MAAM,2BAA2B,GAAiB,GAAG,CAAC,OAAO,CAAA;iBACnD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,kBAAkB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,6BAA6B,GAAiB,GAAG,CAAC,OAAO,CAAA;iBACrD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,cAAc;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBAC7C,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,iBAAiB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBAChD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,iBAAiB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAiB,GAAG,CAAC,OAAO,CAAA;iBACtD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,kBAAkB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAiB,GAAG,CAAC,OAAO,CAAA;iBACxD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,cAAc;CAC9B,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBAChD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,iBAAiB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAAiB,GAAG,CAAC,OAAO,CAAA;iBACtD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,kBAAkB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBACjD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,kBAAkB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBACjD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,kBAAkB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,iCAAiC,GAAiB,GAAG,CAAC,OAAO,CAAA;iBACzD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,cAAc;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBAC9C,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,kBAAkB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBAC9C,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,kBAAkB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBAC9C,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,kBAAkB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAiB,GAAG,CAAC,OAAO,CAAA;iBAClD,cAAc;eAChB,eAAe;iBACb,iBAAiB;iBACjB,kBAAkB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAiB,GAAG,CAAC,OAAO,CAAA;iBAC/C,cAAc;eAChB,gBAAgB;iBACd,kBAAkB;iBAClB,kBAAkB;CAClC,CAAC"}

package/dist/fluent-web-components.api.json CHANGED Viewed

@@ -27845,6 +27845,397 @@
             "startIndex": 1,
             "endIndex": 5
           }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyBody1StrongerStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyBody1StrongerStyles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyBody1StrongerStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyBody1StrongStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyBody1StrongStyles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyBody1StrongStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyBody1Styles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyBody1Styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyBody1Styles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyBody2Styles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyBody2Styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyBody2Styles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyCaption1StrongerStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyCaption1StrongerStyles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyCaption1StrongerStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyCaption1StrongStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyCaption1StrongStyles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyCaption1StrongStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyCaption1Styles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyCaption1Styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyCaption1Styles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyCaption2StrongStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyCaption2StrongStyles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyCaption2StrongStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyCaption2Styles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyCaption2Styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyCaption2Styles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyDisplayStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyDisplayStyles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyDisplayStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyLargeTitleStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyLargeTitleStyles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyLargeTitleStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographySubtitle1Styles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographySubtitle1Styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographySubtitle1Styles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographySubtitle2StrongerStyles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographySubtitle2StrongerStyles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographySubtitle2StrongerStyles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographySubtitle2Styles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographySubtitle2Styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographySubtitle2Styles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyTitle1Styles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyTitle1Styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyTitle1Styles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyTitle2Styles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyTitle2Styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyTitle2Styles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Variable",
+          "canonicalReference": "@fluentui/web-components!typographyTitle3Styles:var",
+          "docComment": "",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "typographyTitle3Styles: "
+            },
+            {
+              "kind": "Reference",
+              "text": "CSSDirective",
+              "canonicalReference": "@microsoft/fast-element!CSSDirective:interface"
+            }
+          ],
+          "isReadonly": true,
+          "releaseTag": "Public",
+          "name": "typographyTitle3Styles",
+          "variableTypeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
         }
       ]
     }

package/dist/storybook/iframe.html CHANGED Viewed

@@ -361,4 +361,4 @@
-            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(ts|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(ts|mdx))$"}];</script><script src="runtime~main.5d918fe7.iframe.bundle.js"></script><script src="289.703b1698.iframe.bundle.js"></script><script src="main.e73a6496.iframe.bundle.js"></script></body></html>
+            window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(ts|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(ts|mdx))$"}];</script><script src="runtime~main.5d918fe7.iframe.bundle.js"></script><script src="289.703b1698.iframe.bundle.js"></script><script src="main.79d2477b.iframe.bundle.js"></script></body></html>