diff --git a/change/@microsoft-fast-components-c60516f0-c41a-446e-9895-7cf69c4e4cf6.json b/change/@microsoft-fast-components-c60516f0-c41a-446e-9895-7cf69c4e4cf6.json
new file mode 100644
index 00000000000..f90d3e63d74
--- /dev/null
+++ b/change/@microsoft-fast-components-c60516f0-c41a-446e-9895-7cf69c4e4cf6.json
@@ -0,0 +1,7 @@
+{
+  "type": "major",
+  "comment": "update name casing for style exports to lowercase as they are functions",
+  "packageName": "@microsoft/fast-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@microsoft-fast-foundation-37087d28-3565-4060-bb9e-7b328baa9aea.json b/change/@microsoft-fast-foundation-37087d28-3565-4060-bb9e-7b328baa9aea.json
new file mode 100644
index 00000000000..d87b1496c54
--- /dev/null
+++ b/change/@microsoft-fast-foundation-37087d28-3565-4060-bb9e-7b328baa9aea.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix incorrect name for select tests",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "none"
+}
diff --git a/packages/web-components/fast-components/docs/api-report.md b/packages/web-components/fast-components/docs/api-report.md
index 5f5fd697f68..3cf40c3ba8d 100644
--- a/packages/web-components/fast-components/docs/api-report.md
+++ b/packages/web-components/fast-components/docs/api-report.md
@@ -208,10 +208,10 @@ export const accentForegroundRest: SwatchRecipe;
 export const accentForegroundRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;
 
 // @public
-export const AccordionItemStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const accordionItemStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const AccordionStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const accordionStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // Warning: (ae-internal-missing-underscore) The name "Anchor" should be prefixed with an underscore because the declaration is marked as @internal
 //
@@ -230,13 +230,13 @@ export class Anchor extends Anchor_2 {
 export type AnchorAppearance = ButtonAppearance | "hypertext";
 
 // @public
-export const AnchoredRegionStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const anchoredRegionStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const AnchorStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const anchorStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const BadgeStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const badgeStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // Warning: (ae-internal-missing-underscore) The name "Button" should be prefixed with an underscore because the declaration is marked as @internal
 //
@@ -254,16 +254,16 @@ export class Button extends Button_2 {
 export type ButtonAppearance = "accent" | "lightweight" | "neutral" | "outline" | "stealth";
 
 // @public
-export const ButtonStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const buttonStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
 export const CardStyles: import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const CheckboxStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const checkboxStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const ComboboxStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const comboboxStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
 export function createColorPalette(baseColor: any): string[];
@@ -278,7 +278,7 @@ export const DataGridRowStyles: import("@microsoft/fast-element").ElementStyles;
 export const DataGridStyles: import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const DialogStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const dialogStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // Warning: (ae-internal-missing-underscore) The name "Disclosure" should be prefixed with an underscore because the declaration is marked as @internal
 //
@@ -300,10 +300,10 @@ export class Disclosure extends Disclosure_2 {
 export type DisclosureAppearance = "accent" | "lightweight";
 
 // @public
-export const DisclosureStyles: import("@microsoft/fast-element").ElementStyles;
+export const disclosureStyles: import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const DividerStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const dividerStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
 export const fastAccordion: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
@@ -994,7 +994,7 @@ export const fastTreeView: (overrideDefinition?: import("@microsoft/fast-foundat
 }, typeof TreeView>;
 
 // @public
-export const FlipperStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const flipperStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // Warning: (ae-internal-missing-underscore) The name "HorizontalScroll" should be prefixed with an underscore because the declaration is marked as @internal
 //
@@ -1014,13 +1014,13 @@ export const inlineStartBehavior: import("@microsoft/fast-foundation").CSSCustom
 export function isDarkMode(designSystem: FASTDesignSystem): boolean;
 
 // @public
-export const ListboxStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const listboxStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const MenuItemStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const menuItemStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const MenuStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const menuStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // Warning: (ae-internal-missing-underscore) The name "neutralContrastFill" should be prefixed with an underscore because the declaration is marked as @internal
 //
@@ -1424,10 +1424,10 @@ export class NumberField extends NumberField_2 {
 export type NumberFieldAppearance = "filled" | "outline";
 
 // @public
-export const NumberFieldStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const numberFieldStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const OptionStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const optionStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
 export type Palette = Swatch[];
@@ -1449,22 +1449,22 @@ export enum PaletteType {
 export const parseColorString: (color: string) => ColorRGBA64;
 
 // @public
-export const ProgressRingStyles: (context: any, defintion: any) => import("@microsoft/fast-element").ElementStyles;
+export const progressRingStyles: (context: any, defintion: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const ProgressStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const progressStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const RadioGroupStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const radioGroupStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const RadioStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const radioStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const SelectStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const selectStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const SkeletonStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const skeletonStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // Warning: (ae-internal-missing-underscore) The name "SliderLabel" should be prefixed with an underscore because the declaration is marked as @internal
 //
@@ -1475,10 +1475,10 @@ export class SliderLabel extends SliderLabel_2 {
 }
 
 // @public
-export const SliderLabelStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const sliderLabelStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const SliderStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const sliderStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
 export enum StandardLuminance {
@@ -1489,16 +1489,16 @@ export enum StandardLuminance {
 }
 
 // @public
-export const SwitchStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const switchStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const TabPanelStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const tabPanelStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const TabsStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const tabsStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const TabStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const tabStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // Warning: (ae-internal-missing-underscore) The name "TextArea" should be prefixed with an underscore because the declaration is marked as @internal
 //
@@ -1514,7 +1514,7 @@ export class TextArea extends TextArea_2 {
 export type TextAreaAppearance = "filled" | "outline";
 
 // @public
-export const TextAreaStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const textAreaStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // Warning: (ae-internal-missing-underscore) The name "TextField" should be prefixed with an underscore because the declaration is marked as @internal
 //
@@ -1530,13 +1530,13 @@ export class TextField extends TextField_2 {
 export type TextFieldAppearance = "filled" | "outline";
 
 // @public
-export const TextFieldStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const textFieldStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const TreeItemStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const treeItemStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 // @public
-export const TreeViewStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
+export const treeViewStyles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles;
 
 
 // (No @packageDocumentation comment for this package)
diff --git a/packages/web-components/fast-components/src/accordion-item/index.ts b/packages/web-components/fast-components/src/accordion-item/index.ts
index 143f28fcee1..da008c17a58 100644
--- a/packages/web-components/fast-components/src/accordion-item/index.ts
+++ b/packages/web-components/fast-components/src/accordion-item/index.ts
@@ -23,4 +23,4 @@ export const fastAccordionItem = AccordionItem.compose({
  * Styles for AccordionItem
  * @public
  */
-export const AccordionItemStyles = styles;
+export const accordionItemStyles = styles;
diff --git a/packages/web-components/fast-components/src/accordion/index.ts b/packages/web-components/fast-components/src/accordion/index.ts
index 59bedd04ed0..b49e84df19b 100644
--- a/packages/web-components/fast-components/src/accordion/index.ts
+++ b/packages/web-components/fast-components/src/accordion/index.ts
@@ -22,4 +22,4 @@ export const fastAccordion = Accordion.compose({
  * Styles for Accordion
  * @public
  */
-export const AccordionStyles = styles;
+export const accordionStyles = styles;
diff --git a/packages/web-components/fast-components/src/anchor/index.ts b/packages/web-components/fast-components/src/anchor/index.ts
index 66bb639653a..3d789ad40c4 100644
--- a/packages/web-components/fast-components/src/anchor/index.ts
+++ b/packages/web-components/fast-components/src/anchor/index.ts
@@ -66,7 +66,7 @@ export class Anchor extends FoundationAnchor {
  * Styles for Anchor
  * @public
  */
-export const AnchorStyles = styles;
+export const anchorStyles = styles;
 
 /**
  * The FAST Anchor Element. Implements {@link @microsoft/fast-foundation#Anchor},
diff --git a/packages/web-components/fast-components/src/anchored-region/index.ts b/packages/web-components/fast-components/src/anchored-region/index.ts
index 0c4bf9df1da..35426ebefb3 100644
--- a/packages/web-components/fast-components/src/anchored-region/index.ts
+++ b/packages/web-components/fast-components/src/anchored-region/index.ts
@@ -23,4 +23,4 @@ export const fastAnchoredRegion = AnchoredRegion.compose({
  * Styles for AnchoredRegion
  * @public
  */
-export const AnchoredRegionStyles = styles;
+export const anchoredRegionStyles = styles;
diff --git a/packages/web-components/fast-components/src/badge/index.ts b/packages/web-components/fast-components/src/badge/index.ts
index f4b396a1101..d474be76078 100644
--- a/packages/web-components/fast-components/src/badge/index.ts
+++ b/packages/web-components/fast-components/src/badge/index.ts
@@ -20,4 +20,4 @@ export const fastBadge = Badge.compose({
  * Styles for Badge
  * @public
  */
-export const BadgeStyles = styles;
+export const badgeStyles = styles;
diff --git a/packages/web-components/fast-components/src/button/index.ts b/packages/web-components/fast-components/src/button/index.ts
index cc024ba2039..4266de69585 100644
--- a/packages/web-components/fast-components/src/button/index.ts
+++ b/packages/web-components/fast-components/src/button/index.ts
@@ -79,4 +79,4 @@ export const fastButton = Button.compose({
  * Styles for Button
  * @public
  */
-export const ButtonStyles = styles;
+export const buttonStyles = styles;
diff --git a/packages/web-components/fast-components/src/checkbox/index.ts b/packages/web-components/fast-components/src/checkbox/index.ts
index 2ca98f36d7a..9a5cf1d26c7 100644
--- a/packages/web-components/fast-components/src/checkbox/index.ts
+++ b/packages/web-components/fast-components/src/checkbox/index.ts
@@ -20,4 +20,4 @@ export const fastCheckbox = Checkbox.compose({
  * Styles for Checkbox
  * @public
  */
-export const CheckboxStyles = styles;
+export const checkboxStyles = styles;
diff --git a/packages/web-components/fast-components/src/combobox/index.ts b/packages/web-components/fast-components/src/combobox/index.ts
index 2cebd0e4266..20223cec95f 100644
--- a/packages/web-components/fast-components/src/combobox/index.ts
+++ b/packages/web-components/fast-components/src/combobox/index.ts
@@ -20,4 +20,4 @@ export const fastCombobox = Combobox.compose({
  * Styles for combobox
  * @public
  */
-export const ComboboxStyles = styles;
+export const comboboxStyles = styles;
diff --git a/packages/web-components/fast-components/src/dialog/index.ts b/packages/web-components/fast-components/src/dialog/index.ts
index 605d9c5183e..66acc12ba00 100644
--- a/packages/web-components/fast-components/src/dialog/index.ts
+++ b/packages/web-components/fast-components/src/dialog/index.ts
@@ -20,4 +20,4 @@ export const fastDialog = Dialog.compose({
  * Styles for Dialog
  * @public
  */
-export const DialogStyles = styles;
+export const dialogStyles = styles;
diff --git a/packages/web-components/fast-components/src/disclosure/index.ts b/packages/web-components/fast-components/src/disclosure/index.ts
index 7be2bcd50a6..5b0a956cb48 100644
--- a/packages/web-components/fast-components/src/disclosure/index.ts
+++ b/packages/web-components/fast-components/src/disclosure/index.ts
@@ -81,7 +81,7 @@ export class Disclosure extends FoundationDisclosure {
  * Styles for Disclosure
  * @public
  */
-export const DisclosureStyles = styles;
+export const disclosureStyles = styles;
 
 /**
  * The FAST Disclosure Element. Implements {@link @microsoft/fast-foundation#Disclosure},
diff --git a/packages/web-components/fast-components/src/divider/index.ts b/packages/web-components/fast-components/src/divider/index.ts
index f4a2c5310bd..d86573d7f8c 100644
--- a/packages/web-components/fast-components/src/divider/index.ts
+++ b/packages/web-components/fast-components/src/divider/index.ts
@@ -20,4 +20,4 @@ export const fastDivider = Divider.compose({
  * Styles for Divider
  * @public
  */
-export const DividerStyles = styles;
+export const dividerStyles = styles;
diff --git a/packages/web-components/fast-components/src/flipper/index.ts b/packages/web-components/fast-components/src/flipper/index.ts
index 07f0a9b727f..d340eab5030 100644
--- a/packages/web-components/fast-components/src/flipper/index.ts
+++ b/packages/web-components/fast-components/src/flipper/index.ts
@@ -20,4 +20,4 @@ export const fastFlipper = Flipper.compose({
  * Styles for Flipper
  * @public
  */
-export const FlipperStyles = styles;
+export const flipperStyles = styles;
diff --git a/packages/web-components/fast-components/src/listbox-option/index.ts b/packages/web-components/fast-components/src/listbox-option/index.ts
index be815151e26..242d0c50abd 100644
--- a/packages/web-components/fast-components/src/listbox-option/index.ts
+++ b/packages/web-components/fast-components/src/listbox-option/index.ts
@@ -24,4 +24,4 @@ export const fastOption = ListboxOption.compose({
  * Styles for Option
  * @public
  */
-export const OptionStyles = styles;
+export const optionStyles = styles;
diff --git a/packages/web-components/fast-components/src/listbox/index.ts b/packages/web-components/fast-components/src/listbox/index.ts
index fa21815756f..3e0fa6621cd 100644
--- a/packages/web-components/fast-components/src/listbox/index.ts
+++ b/packages/web-components/fast-components/src/listbox/index.ts
@@ -21,4 +21,4 @@ export const fastListbox = Listbox.compose({
  * Styles for Listbox
  * @public
  */
-export const ListboxStyles = styles;
+export const listboxStyles = styles;
diff --git a/packages/web-components/fast-components/src/menu-item/index.ts b/packages/web-components/fast-components/src/menu-item/index.ts
index 393b8bf3d30..d2120f47b3e 100644
--- a/packages/web-components/fast-components/src/menu-item/index.ts
+++ b/packages/web-components/fast-components/src/menu-item/index.ts
@@ -20,4 +20,4 @@ export const fastMenuItem = MenuItem.compose({
  * Styles for MenuItem
  * @public
  */
-export const MenuItemStyles = styles;
+export const menuItemStyles = styles;
diff --git a/packages/web-components/fast-components/src/menu/index.ts b/packages/web-components/fast-components/src/menu/index.ts
index 5cd33efdcb1..588de02a915 100644
--- a/packages/web-components/fast-components/src/menu/index.ts
+++ b/packages/web-components/fast-components/src/menu/index.ts
@@ -20,4 +20,4 @@ export const fastMenu = Menu.compose({
  * Styles for Menu
  * @public
  */
-export const MenuStyles = styles;
+export const menuStyles = styles;
diff --git a/packages/web-components/fast-components/src/number-field/index.ts b/packages/web-components/fast-components/src/number-field/index.ts
index ac63b0a5fc8..573ee795c31 100644
--- a/packages/web-components/fast-components/src/number-field/index.ts
+++ b/packages/web-components/fast-components/src/number-field/index.ts
@@ -41,7 +41,7 @@ export class NumberField extends FoundationNumberField {
  * Styles for NumberField
  * @public
  */
-export const NumberFieldStyles = styles;
+export const numberFieldStyles = styles;
 
 /**
  * The FAST Number Field Custom Element. Implements {@link @microsoft/fast-foundation#NumberField},
diff --git a/packages/web-components/fast-components/src/progress-ring/index.ts b/packages/web-components/fast-components/src/progress-ring/index.ts
index b1ca7ea5c35..951a73a3f47 100644
--- a/packages/web-components/fast-components/src/progress-ring/index.ts
+++ b/packages/web-components/fast-components/src/progress-ring/index.ts
@@ -23,4 +23,4 @@ export const fastProgressRing = Progress.compose({
  * Styles for ProgressRing
  * @public
  */
-export const ProgressRingStyles = styles;
+export const progressRingStyles = styles;
diff --git a/packages/web-components/fast-components/src/progress/index.ts b/packages/web-components/fast-components/src/progress/index.ts
index f78142bf5b4..cb559c247e3 100644
--- a/packages/web-components/fast-components/src/progress/index.ts
+++ b/packages/web-components/fast-components/src/progress/index.ts
@@ -23,4 +23,4 @@ export const fastProgress = Progress.compose({
  * Styles for Progress
  * @public
  */
-export const ProgressStyles = styles;
+export const progressStyles = styles;
diff --git a/packages/web-components/fast-components/src/radio-group/index.ts b/packages/web-components/fast-components/src/radio-group/index.ts
index 776f9cfd7b7..0fbb034726e 100644
--- a/packages/web-components/fast-components/src/radio-group/index.ts
+++ b/packages/web-components/fast-components/src/radio-group/index.ts
@@ -20,4 +20,4 @@ export const fastRadioGroup = RadioGroup.compose({
  * Styles for RadioGroup
  * @public
  */
-export const RadioGroupStyles = styles;
+export const radioGroupStyles = styles;
diff --git a/packages/web-components/fast-components/src/radio/index.ts b/packages/web-components/fast-components/src/radio/index.ts
index fac6a3d165d..62597a2d60f 100644
--- a/packages/web-components/fast-components/src/radio/index.ts
+++ b/packages/web-components/fast-components/src/radio/index.ts
@@ -20,4 +20,4 @@ export const fastRadio = Radio.compose({
  * Styles for Radio
  * @public
  */
-export const RadioStyles = styles;
+export const radioStyles = styles;
diff --git a/packages/web-components/fast-components/src/select/index.ts b/packages/web-components/fast-components/src/select/index.ts
index 667c9ee5e78..820c0298f25 100644
--- a/packages/web-components/fast-components/src/select/index.ts
+++ b/packages/web-components/fast-components/src/select/index.ts
@@ -12,7 +12,7 @@ import { selectStyles as styles } from "./select.styles";
  *
  */
 export const fastSelect = Select.compose({
-    baseName: "fast",
+    baseName: "select",
     template,
     styles,
 });
@@ -21,4 +21,4 @@ export const fastSelect = Select.compose({
  * Styles for Select
  * @public
  */
-export const SelectStyles = styles;
+export const selectStyles = styles;
diff --git a/packages/web-components/fast-components/src/skeleton/index.ts b/packages/web-components/fast-components/src/skeleton/index.ts
index db5cdbda858..f0025e2168f 100644
--- a/packages/web-components/fast-components/src/skeleton/index.ts
+++ b/packages/web-components/fast-components/src/skeleton/index.ts
@@ -20,4 +20,4 @@ export const fastSkeleton = Skeleton.compose({
  * Styles for Skeleton
  * @public
  */
-export const SkeletonStyles = styles;
+export const skeletonStyles = styles;
diff --git a/packages/web-components/fast-components/src/slider-label/index.ts b/packages/web-components/fast-components/src/slider-label/index.ts
index 0de94585445..94c783aebb6 100644
--- a/packages/web-components/fast-components/src/slider-label/index.ts
+++ b/packages/web-components/fast-components/src/slider-label/index.ts
@@ -44,4 +44,4 @@ export const fastSliderLabel = SliderLabel.compose({
  * Styles for SliderLabel
  * @public
  */
-export const SliderLabelStyles = styles;
+export const sliderLabelStyles = styles;
diff --git a/packages/web-components/fast-components/src/slider/index.ts b/packages/web-components/fast-components/src/slider/index.ts
index 47263db5ba2..24d46cdad49 100644
--- a/packages/web-components/fast-components/src/slider/index.ts
+++ b/packages/web-components/fast-components/src/slider/index.ts
@@ -20,4 +20,4 @@ export const fastSlider = Slider.compose({
  * Styles for Slider
  * @public
  */
-export const SliderStyles = styles;
+export const sliderStyles = styles;
diff --git a/packages/web-components/fast-components/src/switch/index.ts b/packages/web-components/fast-components/src/switch/index.ts
index eb54c139441..28634541789 100644
--- a/packages/web-components/fast-components/src/switch/index.ts
+++ b/packages/web-components/fast-components/src/switch/index.ts
@@ -20,4 +20,4 @@ export const fastSwitch = Switch.compose({
  * Styles for Switch
  * @public
  */
-export const SwitchStyles = styles;
+export const switchStyles = styles;
diff --git a/packages/web-components/fast-components/src/tab-panel/index.ts b/packages/web-components/fast-components/src/tab-panel/index.ts
index 4ebbba6dad3..ff3f4066fa4 100644
--- a/packages/web-components/fast-components/src/tab-panel/index.ts
+++ b/packages/web-components/fast-components/src/tab-panel/index.ts
@@ -20,4 +20,4 @@ export const fastTabPanel = TabPanel.compose({
  * Styles for TabPanel
  * @public
  */
-export const TabPanelStyles = styles;
+export const tabPanelStyles = styles;
diff --git a/packages/web-components/fast-components/src/tab/index.ts b/packages/web-components/fast-components/src/tab/index.ts
index 58f42c13e5c..ca296ebec46 100644
--- a/packages/web-components/fast-components/src/tab/index.ts
+++ b/packages/web-components/fast-components/src/tab/index.ts
@@ -20,4 +20,4 @@ export const fastTab = Tab.compose({
  * Styles for Tab
  * @public
  */
-export const TabStyles = styles;
+export const tabStyles = styles;
diff --git a/packages/web-components/fast-components/src/tabs/index.ts b/packages/web-components/fast-components/src/tabs/index.ts
index a274ed7a1eb..c3af25913f4 100644
--- a/packages/web-components/fast-components/src/tabs/index.ts
+++ b/packages/web-components/fast-components/src/tabs/index.ts
@@ -22,4 +22,4 @@ export * from "../tab-panel";
  * Styles for Tabs
  * @public
  */
-export const TabsStyles = styles;
+export const tabsStyles = styles;
diff --git a/packages/web-components/fast-components/src/text-area/index.ts b/packages/web-components/fast-components/src/text-area/index.ts
index 1fce5d0e3a3..1f9fe147a67 100644
--- a/packages/web-components/fast-components/src/text-area/index.ts
+++ b/packages/web-components/fast-components/src/text-area/index.ts
@@ -61,4 +61,4 @@ export const fastTextArea = TextArea.compose({
  * Styles for TextArea
  * @public
  */
-export const TextAreaStyles = styles;
+export const textAreaStyles = styles;
diff --git a/packages/web-components/fast-components/src/text-field/index.ts b/packages/web-components/fast-components/src/text-field/index.ts
index 83ad0a14674..9692263eb2c 100644
--- a/packages/web-components/fast-components/src/text-field/index.ts
+++ b/packages/web-components/fast-components/src/text-field/index.ts
@@ -61,4 +61,4 @@ export const fastTextField = TextField.compose({
  * Styles for TextField
  * @public
  */
-export const TextFieldStyles = styles;
+export const textFieldStyles = styles;
diff --git a/packages/web-components/fast-components/src/tree-item/index.ts b/packages/web-components/fast-components/src/tree-item/index.ts
index e2a1ee44e36..b7bbf45c960 100644
--- a/packages/web-components/fast-components/src/tree-item/index.ts
+++ b/packages/web-components/fast-components/src/tree-item/index.ts
@@ -21,4 +21,4 @@ export const fastTreeItem = TreeItem.compose({
  * Styles for TreeItem
  * @public
  */
-export const TreeItemStyles = styles;
+export const treeItemStyles = styles;
diff --git a/packages/web-components/fast-components/src/tree-view/index.ts b/packages/web-components/fast-components/src/tree-view/index.ts
index a6cdfd86349..afd77606642 100644
--- a/packages/web-components/fast-components/src/tree-view/index.ts
+++ b/packages/web-components/fast-components/src/tree-view/index.ts
@@ -21,4 +21,4 @@ export const fastTreeView = TreeView.compose({
  * Styles for TreeView
  * @public
  */
-export const TreeViewStyles = styles;
+export const treeViewStyles = styles;
diff --git a/packages/web-components/fast-foundation/src/select/select.spec.ts b/packages/web-components/fast-foundation/src/select/select.spec.ts
index 05915dbf875..13d070ae510 100644
--- a/packages/web-components/fast-foundation/src/select/select.spec.ts
+++ b/packages/web-components/fast-foundation/src/select/select.spec.ts
@@ -6,7 +6,7 @@ import { Select, selectTemplate as template } from "./index";
 import { KeyCodes } from "@microsoft/fast-web-utilities";
 
 const FASTSelect = Select.compose({
-    baseName: "fast",
+    baseName: "select",
     template
 })