remove js extensions for the time being

packages/web-components/fast-components-msft/src/anchor/anchor.styles.ts

@@ -28,7 +28,7 @@ import {
     LightweightButtonStyles,
     OutlineButtonStyles,
     StealthButtonStyles,
-} from "../styles/index.js";
+} from "../styles/";
 
 export const AnchorStyles = css`
     ${BaseButtonStyles}

packages/web-components/fast-components-msft/src/anchor/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Anchor, AnchorTemplate as template } from "@microsoft/fast-components";
-import { AnchorStyles as styles } from "./anchor.styles.js";
+import { AnchorStyles as styles } from "./anchor.styles";
 
 // Anchor
 @customElement({

packages/web-components/fast-components-msft/src/badge/index.ts

@@ -1,6 +1,6 @@
 import { attr, customElement } from "@microsoft/fast-element";
 import { Badge, BadgeTemplate as template } from "@microsoft/fast-components";
-import { BadgeStyles as styles } from "./badge.styles.js";
+import { BadgeStyles as styles } from "./badge.styles";
 
 export type BadgeFill = "accent" | "lightweight" | "neutral" | "string";
 

packages/web-components/fast-components-msft/src/button/button.styles.ts

@@ -32,7 +32,7 @@ import {
     LightweightButtonStyles,
     OutlineButtonStyles,
     StealthButtonStyles,
-} from "../styles/index.js";
+} from "../styles/";
 
 export const ButtonStyles = css`
     ${BaseButtonStyles}

packages/web-components/fast-components-msft/src/button/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Button, ButtonTemplate as template } from "@microsoft/fast-components";
-import { ButtonStyles as styles } from "./button.styles.js";
+import { ButtonStyles as styles } from "./button.styles";
 
 // Button
 @customElement({

packages/web-components/fast-components-msft/src/card/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Card, CardTemplate as template } from "@microsoft/fast-components";
-import { CardStyles as styles } from "./card.styles.js";
+import { CardStyles as styles } from "./card.styles";
 
 @customElement({
     name: "fast-card",

packages/web-components/fast-components-msft/src/checkbox/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Checkbox, CheckboxTemplate as template } from "@microsoft/fast-components";
-import { CheckboxStyles as styles } from "./checkbox.styles.js";
+import { CheckboxStyles as styles } from "./checkbox.styles";
 
 @customElement({
     name: "fast-checkbox",

packages/web-components/fast-components-msft/src/design-system-provider/index.ts

@@ -642,9 +642,4 @@ export class FASTDesignSystemProvider extends DesignSystemProvider
         default: DesignSystemDefaults.neutralOutlineFocusDelta,
     })
     public neutralOutlineFocusDelta: number;
-}
-
-export * from "./design-system-provider";
-export * from "./design-system-property";
-export * from "./design-system-provider.styles";
-export * from "./design-system-provider.template";
+}

packages/web-components/fast-components-msft/src/dialog/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Dialog, DialogTemplate as template } from "@microsoft/fast-components";
-import { DialogStyles as styles } from "./dialog.styles.js";
+import { DialogStyles as styles } from "./dialog.styles";
 
 @customElement({
     name: "fast-dialog",

packages/web-components/fast-components-msft/src/divider/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Divider, DividerTemplate as template } from "@microsoft/fast-components";
-import { DividerStyles as styles } from "./divider.styles.js";
+import { DividerStyles as styles } from "./divider.styles";
 
 @customElement({
     name: "fast-divider",

packages/web-components/fast-components-msft/src/flipper/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Flipper, FlipperTemplate as template } from "@microsoft/fast-components";
-import { FlipperStyles as styles } from "./flipper.styles.js";
+import { FlipperStyles as styles } from "./flipper.styles";
 
 @customElement({
     name: "fast-flipper",

packages/web-components/fast-components-msft/src/index.ts

@@ -1,18 +1,18 @@
-export * from "./anchor/index.js";
-export * from "./badge/index.js";
-export * from "./button/index.js";
-export * from "./card/index.js";
-export * from "./checkbox/index.js";
-export * from "./design-system-provider/index.js";
-export * from "./dialog/index.js";
-export * from "./divider/index.js";
-export * from "./flipper/index.js";
-export * from "./progress/index.js";
-export * from "./radio/index.js";
-export * from "./radio-group/index.js";
-export * from "./slider/index.js";
-export * from "./slider-label/index.js";
-export * from "./switch/index.js";
-export * from "./tabs/index.js";
-export * from "./text-area/index.js";
-export * from "./text-field/index.js";
+export * from "./anchor/";
+export * from "./badge/";
+export * from "./button/";
+export * from "./card/";
+export * from "./checkbox/";
+export * from "./design-system-provider/";
+export * from "./dialog/";
+export * from "./divider/";
+export * from "./flipper/";
+export * from "./progress/";
+export * from "./radio/";
+export * from "./radio-group/";
+export * from "./slider/";
+export * from "./slider-label/";
+export * from "./switch/";
+export * from "./tabs/";
+export * from "./text-area/";
+export * from "./text-field/";

packages/web-components/fast-components-msft/src/progress/index.ts

@@ -1,2 +1,2 @@
-export * from "./progress/index.js";
-export * from "./progress-ring/index.js";
+export * from "./progress/";
+export * from "./progress-ring/";

packages/web-components/fast-components-msft/src/progress/progress-ring/index.ts

@@ -3,7 +3,7 @@ import {
     BaseProgress,
     ProgressRingTemplate as template,
 } from "@microsoft/fast-components";
-import { ProgressRingStyles as styles } from "./progress-ring.styles.js";
+import { ProgressRingStyles as styles } from "./progress-ring.styles";
 
 @customElement({
     name: "fast-progress-ring",

packages/web-components/fast-components-msft/src/progress/progress/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { BaseProgress, ProgressTemplate as template } from "@microsoft/fast-components";
-import { ProgressStyles as styles } from "./progress.styles.js";
+import { ProgressStyles as styles } from "./progress.styles";
 
 @customElement({
     name: "fast-progress",

packages/web-components/fast-components-msft/src/radio-group/index.ts

@@ -1,10 +1,10 @@
 import { customElement } from "@microsoft/fast-element";
 import { RadioGroup, RadioGroupTemplate as template } from "@microsoft/fast-components";
-import { RadioGroupStyles as styles } from "./radio-group.styles.js";
+import { RadioGroupStyles as styles } from "./radio-group.styles";
 
 @customElement({
-    name: "msft-radio-group",
+    name: "fast-radio-group",
     template,
     styles,
 })
-export class MSFTRadioGroup extends RadioGroup {}
+export class FASTRadioGroup extends RadioGroup {}

packages/web-components/fast-components-msft/src/radio-group/radio-group.stories.ts

@@ -1,9 +1,9 @@
 import { FASTDesignSystemProvider } from "../design-system-provider";
 import Examples from "./fixtures/radio-group.html";
-import { MSFTRadioGroup } from "./";
+import { FASTRadioGroup } from "./";
 
 // Prevent tree-shaking
-MSFTRadioGroup;
+FASTRadioGroup;
 FASTDesignSystemProvider;
 
 export default {

packages/web-components/fast-components-msft/src/radio/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Radio, RadioTemplate as template } from "@microsoft/fast-components";
-import { RadioStyles as styles } from "./radio.styles.js";
+import { RadioStyles as styles } from "./radio.styles";
 
 @customElement({
     name: "fast-radio",

packages/web-components/fast-components-msft/src/slider-label/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { SliderLabel, SliderLabelTemplate as template } from "@microsoft/fast-components";
-import { SliderLabelStyles as styles } from "./slider-label.styles.js";
+import { SliderLabelStyles as styles } from "./slider-label.styles";
 
 @customElement({
     name: "fast-slider-label",

packages/web-components/fast-components-msft/src/slider/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Slider, SliderTemplate as template } from "@microsoft/fast-components";
-import { SliderStyles as styles } from "./slider.styles.js";
+import { SliderStyles as styles } from "./slider.styles";
 
 @customElement({
     name: "fast-slider",

packages/web-components/fast-components-msft/src/styles/index.ts

@@ -1 +1 @@
-export * from "./patterns/index.js";
+export * from "./patterns/";

packages/web-components/fast-components-msft/src/styles/patterns/index.ts

@@ -1 +1 @@
-export * from "./button.js";
+export * from "./button";

packages/web-components/fast-components-msft/src/switch/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Switch, SwitchTemplate as template } from "@microsoft/fast-components";
-import { SwitchStyles as styles } from "./switch.styles.js";
+import { SwitchStyles as styles } from "./switch.styles";
 
 @customElement({
     name: "fast-switch",

packages/web-components/fast-components-msft/src/tabs/index.ts

@@ -1,12 +1,12 @@
 import { customElement } from "@microsoft/fast-element";
 import { Tabs, TabsTemplate as template } from "@microsoft/fast-components";
-import { TabsStyles as styles } from "./tabs.styles.js";
+import { TabsStyles as styles } from "./tabs.styles";
 
 @customElement({
     name: "fast-tabs",
     template,
     styles,
 })
 export class FASTTabs extends Tabs {}
-export * from "./tab/index.js";
-export * from "./tab-panel/index.js";
+export * from "./tab/";
+export * from "./tab-panel/";

packages/web-components/fast-components-msft/src/tabs/tab-panel/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { TabPanel, TabPanelTemplate as template } from "@microsoft/fast-components";
-import { TabPanelStyles as styles } from "./tab-panel.styles.js";
+import { TabPanelStyles as styles } from "./tab-panel.styles";
 
 @customElement({
     name: "fast-tab-panel",

packages/web-components/fast-components-msft/src/tabs/tab/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { Tab, TabTemplate as template } from "@microsoft/fast-components";
-import { TabStyles as styles } from "./tab.styles.js";
+import { TabStyles as styles } from "./tab.styles";
 
 @customElement({
     name: "fast-tab",

packages/web-components/fast-components-msft/src/text-area/index.ts

@@ -1,10 +1,10 @@
 import { customElement } from "@microsoft/fast-element";
 import { TextAreaTemplate as template, TextArea } from "@microsoft/fast-components";
-import { TextAreaStyles as styles } from "./text-area.styles.js";
+import { TextAreaStyles as styles } from "./text-area.styles";
 
 @customElement({
-    name: "msft-text-area",
+    name: "fast-text-area",
     template,
     styles,
 })
-export class MSFTTextArea extends TextArea {}
+export class FASTTextArea extends TextArea {}

packages/web-components/fast-components-msft/src/text-area/text-area.stories.ts

@@ -1,9 +1,9 @@
 import { FASTDesignSystemProvider } from "../design-system-provider";
 import Examples from "./fixtures/text-area.html";
-import { MSFTTextArea } from "./";
+import { FASTTextArea } from "./";
 
 // Prevent tree-shaking
-MSFTTextArea;
+FASTTextArea;
 FASTDesignSystemProvider;
 
 export default {

packages/web-components/fast-components-msft/src/text-field/index.ts

@@ -1,6 +1,6 @@
 import { customElement } from "@microsoft/fast-element";
 import { TextFieldTemplate as template, TextField } from "@microsoft/fast-components";
-import { TextFieldStyles as styles } from "./text-field.styles.js";
+import { TextFieldStyles as styles } from "./text-field.styles";
 
 @customElement({
     name: "fast-text-field",