@fluentui/web-components 3.0.0-beta.1 → 3.0.0-beta.100

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0-beta.100",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"
@@ -18,185 +18,112 @@
   "main": "dist/esm/index.js",
   "types": "dist/web-components.d.ts",
   "unpkg": "dist/web-components.min.js",
+  "files": [
+    "*.md",
+    "dist/dts/",
+    "dist/esm/",
+    "dist/*.js",
+    "dist/*.d.ts",
+    "custom-elements.json"
+  ],
   "exports": {
     ".": {
       "types": "./dist/dts/index.d.ts",
       "default": "./dist/esm/index.js"
     },
-    "./accordion.js": {
-      "types": "./dist/esm/accordion/define.d.ts",
-      "default": "./dist/esm/accordion/define.js"
-    },
-    "./accordion-item.js": {
-      "types": "./dist/esm/accordion-item/define.d.ts",
-      "default": "./dist/esm/accordion-item/define.js"
-    },
-    "./anchor-button.js": {
-      "types": "./dist/esm/anchor-button/define.d.ts",
-      "default": "./dist/esm/anchor-button/define.js"
-    },
-    "./avatar.js": {
-      "types": "./dist/esm/avatar/define.d.ts",
-      "default": "./dist/esm/avatar/define.js"
-    },
-    "./badge.js": {
-      "types": "./dist/esm/badge/define.d.ts",
-      "default": "./dist/esm/badge/define.js"
-    },
-    "./button.js": {
-      "types": "./dist/esm/button/define.d.ts",
-      "default": "./dist/esm/button/define.js"
-    },
-    "./checkbox.js": {
-      "types": "./dist/esm/checkbox/define.d.ts",
-      "default": "./dist/esm/checkbox/define.js"
-    },
-    "./compound-button.js": {
-      "types": "./dist/esm/compound-button/define.d.ts",
-      "default": "./dist/esm/compound-button/define.js"
-    },
-    "./counter-badge.js": {
-      "types": "./dist/esm/counter-badge/define.d.ts",
-      "default": "./dist/esm/counter-badge/define.js"
-    },
-    "./divider.js": {
-      "types": "./dist/esm/divider/define.d.ts",
-      "default": "./dist/esm/divider/define.js"
+    "./utilities.js": {
+      "types": "./dist/dts/utils/index.d.ts",
+      "default": "./dist/esm/utils/index.js"
     },
-    "./image.js": {
-      "types": "./dist/esm/image/define.d.ts",
-      "default": "./dist/esm/image/define.js"
+    "./theme/*.js": {
+      "types": "./dist/dts/theme/*.d.ts",
+      "default": "./dist/esm/theme/*.js"
     },
-    "./label.js": {
-      "types": "./dist/esm/label/define.d.ts",
-      "default": "./dist/esm/label/define.js"
+    "./*/base.js": {
+      "types": "./dist/dts/*/*.base.d.ts",
+      "default": "./dist/esm/*/*.base.js"
     },
-    "./menu-list.js": {
-      "types": "./dist/esm/menu-list/define.d.ts",
-      "default": "./dist/esm/menu-list/define.js"
+    "./*/define.js": {
+      "types": "./dist/dts/*/*.define.d.ts",
+      "default": "./dist/esm/*/*.define.js"
     },
-    "./menu-button.js": {
-      "types": "./dist/esm/menu-button/define.d.ts",
-      "default": "./dist/esm/menu-button/define.js"
+    "./*/definition.js": {
+      "types": "./dist/dts/*/*.definition.d.ts",
+      "default": "./dist/esm/*/*.definition.js"
     },
-    "./menu-item.js": {
-      "types": "./dist/esm/menu-item/define.d.ts",
-      "default": "./dist/esm/menu-item/define.js"
+    "./*/options.js": {
+      "types": "./dist/dts/*/*.options.d.ts",
+      "default": "./dist/esm/*/*.options.js"
     },
-    "./progress-bar.js": {
-      "types": "./dist/esm/progress-bar/define.d.ts",
-      "default": "./dist/esm/progress-bar/define.js"
+    "./*/styles.js": {
+      "types": "./dist/dts/*/*.styles.d.ts",
+      "default": "./dist/esm/*/*.styles.js"
     },
-    "./radio.js": {
-      "types": "./dist/esm/radio/define.d.ts",
-      "default": "./dist/esm/radio/define.js"
+    "./*/template.js": {
+      "types": "./dist/dts/*/*.template.d.ts",
+      "default": "./dist/esm/*/*.template.js"
     },
-    "./radio-group.js": {
-      "types": "./dist/esm/radio-group/define.d.ts",
-      "default": "./dist/esm/radio-group/define.js"
+    "./*/index.js": {
+      "types": "./dist/dts/*/index.d.ts",
+      "default": "./dist/esm/*/index.js"
     },
-    "./slider.js": {
-      "types": "./dist/esm/slider/define.d.ts",
-      "default": "./dist/esm/slider/define.js"
+    "./*.js": {
+      "types": "./dist/dts/*/define.d.ts",
+      "default": "./dist/esm/*/define.js"
     },
-    "./spinner.js": {
-      "types": "./dist/esm/spinner/define.d.ts",
-      "default": "./dist/esm/spinner/define.js"
-    },
-    "./switch.js": {
-      "types": "./dist/esm/switch/define.d.ts",
-      "default": "./dist/esm/switch/define.js"
-    },
-    "./tab.js": {
-      "types": "./dist/esm/tab/define.d.ts",
-      "default": "./dist/esm/tab/define.js"
-    },
-    "./tabs.js": {
-      "types": "./dist/esm/tabs/define.d.ts",
-      "default": "./dist/esm/tabs/define.js"
-    },
-    "./tab-panel.js": {
-      "types": "./dist/esm/tab-panel/define.d.ts",
-      "default": "./dist/esm/tab-panel/define.js"
-    },
-    "./text.js": {
-      "types": "./dist/esm/text/define.d.ts",
-      "default": "./dist/esm/text/define.js"
-    },
-    "./text-input.js": {
-      "types": "./dist/esm/text-input/define.d.ts",
-      "default": "./dist/esm/text-input/define.js"
-    },
-    "./toggle-button.js": {
-      "types": "./dist/esm/toggle-button/define.d.ts",
-      "default": "./dist/esm/toggle-button/define.js"
-    },
-    "./theme.js": {
-      "types": "./dist/esm/theme/index.d.ts",
-      "default": "./dist/esm/theme/index.js"
-    }
+    "./custom-elements.json": "./custom-elements.json",
+    "./package.json": "./package.json"
   },
   "sideEffects": [
-    "./dist/esm/accordion/define.js",
-    "./dist/esm/accordion-item/define.js",
-    "./dist/esm/anchor-button/define.js",
-    "./dist/esm/avatar/define.js",
-    "./dist/esm/badge/define.js",
-    "./dist/esm/button/define.js",
-    "./dist/esm/checkbox/define.js",
-    "./dist/esm/compound-button/define.js",
-    "./dist/esm/counter-badge/define.js",
-    "./dist/esm/divider/define.js",
-    "./dist/esm/image/define.js",
-    "./dist/esm/label/define.js",
-    "./dist/esm/menu-list/define.js",
-    "./dist/esm/menu-button/define.js",
-    "./dist/esm/menu-item/define.js",
-    "./dist/esm/progress-bar/define.js",
-    "./dist/esm/radio/define.js",
-    "./dist/esm/radio-group/define.js",
-    "./dist/esm/slider/define.js",
-    "./dist/esm/spinner/define.js",
-    "./dist/esm/switch/define.js",
-    "./dist/esm/tab/define.js",
-    "./dist/esm/tabs/define.js",
-    "./dist/esm/tab-panel/define.js",
-    "./dist/esm/text/define.js",
-    "./dist/esm/text-input/define.js",
-    "./dist/esm/toggle-button/define.js"
+    "define.*",
+    "index-rollup.*",
+    "./dist/esm/**/define.js",
+    "./dist/web-components.js",
+    "./dist/web-components.min.js"
   ],
   "scripts": {
-    "tsc": "tsc",
-    "api-extractor": "api-extractor",
+    "analyze": "cem analyze",
+    "verify-packaging": "node ./scripts/verify-packaging",
+    "type-check": "node ./scripts/type-check",
+    "benchmark": "yarn clean && yarn compile:benchmark && yarn compile && node ./scripts/run-benchmarks",
     "compile": "node ./scripts/compile",
+    "compile:benchmark": "rollup -c rollup.bench.js",
     "clean": "node ./scripts/clean dist",
     "generate-api": "api-extractor run --local",
-    "build": "yarn compile && rollup -c && yarn generate-api",
-    "lint": "eslint . --ext .ts",
+    "build": "yarn compile && yarn rollup -c && yarn generate-api && yarn analyze",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint . --ext .ts",
     "lint:fix": "eslint . --ext .ts --fix",
-    "format": "prettier -w 'src/**/(*.ts|*.html)' --ignore-path ../../.prettierignore",
+    "format": "prettier -w src/**/*.{ts,html} src/*.{ts,html} --ignore-path ../../.prettierignore",
     "format:check": "yarn format -c",
     "code-style": "yarn format:check && yarn lint",
-    "start": "yarn start-storybook -p 6006 --docs --no-manager-cache",
-    "start-storybook": "node node_modules/@storybook/html/bin/index",
-    "build-storybook": "node node_modules/@storybook/html/bin/build -o ./dist/storybook --docs",
-    "pretest": "yarn build-storybook --quiet",
-    "test": "npx playwright test",
-    "test:dev": "playwright test"
+    "start": "yarn start-storybook -p 6006 --docs",
+    "start-storybook": "storybook dev",
+    "build-storybook": "storybook build -o ./dist/storybook --docs",
+    "e2e": "node ./scripts/e2e.js",
+    "e2e:local": "node ./scripts/e2e.js --ui"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.31.2",
-    "@storybook/html": "6.5.15",
-    "rimraf": "^3.0.2",
-    "typescript": "4.7.4"
+    "@custom-elements-manifest/analyzer": "0.10.4",
+    "@fluentui/scripts-api-extractor": "*",
+    "@microsoft/fast-element": "2.0.0",
+    "@tensile-perf/web-components": "~0.2.2",
+    "@storybook/html": "7.6.20",
+    "@storybook/html-webpack5": "7.6.20",
+    "@wc-toolkit/cem-validator": "1.0.3",
+    "@wc-toolkit/cem-inheritance": "1.0.4",
+    "@wc-toolkit/module-path-resolver": "1.0.0",
+    "@wc-toolkit/type-parser": "1.0.3",
+    "chromedriver": "^125.0.0"
   },
   "dependencies": {
-    "@microsoft/fast-element": "2.0.0-beta.26",
-    "@microsoft/fast-foundation": "3.0.0-alpha.31",
     "@microsoft/fast-web-utilities": "^6.0.0",
-    "@fluentui/tokens": "1.0.0-alpha.2",
+    "@fluentui/tokens": "1.0.0-alpha.21",
+    "tabbable": "^6.2.0",
     "tslib": "^2.1.0"
   },
+  "peerDependencies": {
+    "@microsoft/fast-element": "^2.0.0-beta.26 || ^2.0.0"
+  },
   "beachball": {
     "disallowedChangeTypes": [
       "major",
@@ -204,5 +131,6 @@
       "patch"
     ],
     "tag": "beta"
-  }
+  },
+  "customElements": "./custom-elements.json"
 }

package/dist/dts/helpers.tests.d.ts

@@ -1,8 +0,0 @@
-/**
- * Returns a formatted URL for a given Storybook fixture.
- *
- * @param id - the Storybook fixture ID
- * @param args - Story args
- * @returns - the local URL for the Storybook fixture iframe
- */
-export declare function fixtureURL(id?: string, args?: Record<string, any>): string;

package/dist/esm/helpers.tests.js

@@ -1,29 +0,0 @@
-import qs from 'qs';
-/**
- * Returns a formatted URL for a given Storybook fixture.
- *
- * @param id - the Storybook fixture ID
- * @param args - Story args
- * @returns - the local URL for the Storybook fixture iframe
- */
-export function fixtureURL(id = 'debug--blank', args) {
-    const params = { id };
-    if (args) {
-        params.args = qs
-            .stringify(args, {
-            allowDots: true,
-            delimiter: ';',
-            format: 'RFC1738',
-            encode: false,
-        })
-            .replace(/=/g, ':')
-            .replace(/\//g, '--');
-    }
-    const url = qs.stringify(params, {
-        addQueryPrefix: true,
-        format: 'RFC1738',
-        encode: false,
-    });
-    return url;
-}
-//# sourceMappingURL=helpers.tests.js.map

package/dist/esm/helpers.tests.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.tests.js","sourceRoot":"","sources":["../../src/helpers.tests.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,KAAa,cAAc,EAAE,IAA0B;IAChF,MAAM,MAAM,GAAwB,EAAE,EAAE,EAAE,CAAC;IAC3C,IAAI,IAAI,EAAE;QACR,MAAM,CAAC,IAAI,GAAG,EAAE;aACb,SAAS,CAAC,IAAI,EAAE;YACf,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,KAAK;SACd,CAAC;aACD,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;aAClB,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;KACzB;IAED,MAAM,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE;QAC/B,cAAc,EAAE,IAAI;QACpB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,KAAK;KACd,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC;AACb,CAAC"}