update style function syntax to be camelCase

chrisdholt · chrisdholt · commit 05956b59b17c · 2021-10-20T19:37:18.000-07:00
diff --git a/src/badge/badge.styles.ts b/src/badge/badge.styles.ts
@@ -18,7 +18,7 @@ import {
 	typeRampMinus1LineHeight,
 } from '../design-tokens';
 
-export const BadgeStyles = (
+export const badgeStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/badge/index.ts b/src/badge/index.ts
@@ -5,7 +5,7 @@ import {
 	Badge as FoundationBadge,
 	badgeTemplate as template,
 } from '@microsoft/fast-foundation';
-import {BadgeStyles as styles} from './badge.styles';
+import {badgeStyles as styles} from './badge.styles';
 
 /**
  * The Visual Studio Code badge class.
diff --git a/src/button/button.styles.ts b/src/button/button.styles.ts
@@ -176,7 +176,7 @@ const IconButtonStyles = css`
 	}
 `;
 
-export const ButtonStyles = (
+export const buttonStyles = (
 	context: ElementDefinitionContext,
 	definition: ButtonOptions
 ) => css`
diff --git a/src/button/index.ts b/src/button/index.ts
@@ -7,7 +7,7 @@ import {
 	Button as FoundationButton,
 	buttonTemplate as template,
 } from '@microsoft/fast-foundation';
-import {ButtonStyles as styles} from './button.styles';
+import {buttonStyles as styles} from './button.styles';
 
 /**
  * Types of button appearance.
diff --git a/src/checkbox/checkbox.styles.ts b/src/checkbox/checkbox.styles.ts
@@ -24,7 +24,7 @@ import {
 	typeRampBaseLineHeight,
 } from '../design-tokens';
 
-export const CheckboxStyles = (
+export const checkboxStyles = (
 	context: ElementDefinitionContext,
 	defintiion: CheckboxOptions
 ) => css`
diff --git a/src/checkbox/index.ts b/src/checkbox/index.ts
@@ -6,7 +6,7 @@ import {
 	Checkbox as FoundationCheckbox,
 	checkboxTemplate as template,
 } from '@microsoft/fast-foundation';
-import {CheckboxStyles as styles} from './checkbox.styles';
+import {checkboxStyles as styles} from './checkbox.styles';
 
 /**
  * The Visual Studio Code checkbox class.
diff --git a/src/data-grid/data-grid-cell.styles.ts b/src/data-grid/data-grid-cell.styles.ts
@@ -20,7 +20,7 @@ import {
 	typeRampBaseLineHeight,
 } from '../design-tokens';
 
-export const DataGridCellStyles = (
+export const dataGridCellStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/data-grid/data-grid-row.styles.ts b/src/data-grid/data-grid-row.styles.ts
@@ -12,7 +12,7 @@ import {
 	quickInputBackground,
 } from '../design-tokens';
 
-export const DataGridRowStyles = (
+export const dataGridRowStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/data-grid/data-grid.styles.ts b/src/data-grid/data-grid.styles.ts
@@ -7,7 +7,7 @@ import {
 	FoundationElementDefinition,
 } from '@microsoft/fast-foundation';
 
-export const DataGridStyles = (
+export const dataGridStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/data-grid/index.ts b/src/data-grid/index.ts
@@ -9,9 +9,9 @@ import {
 	dataGridTemplate as gridTemplate,
 	dataGridRowTemplate as rowTemplate,
 } from '@microsoft/fast-foundation';
-import {DataGridStyles as gridStyles} from './data-grid.styles';
-import {DataGridRowStyles as rowStyles} from './data-grid-row.styles';
-import {DataGridCellStyles as cellStyles} from './data-grid-cell.styles';
+import {dataGridStyles as gridStyles} from './data-grid.styles';
+import {dataGridRowStyles as rowStyles} from './data-grid-row.styles';
+import {dataGridCellStyles as cellStyles} from './data-grid-cell.styles';
 
 /**
  * The Visual Studio Code data grid class.
diff --git a/src/divider/divider.styles.ts b/src/divider/divider.styles.ts
@@ -9,7 +9,7 @@ import {
 } from '@microsoft/fast-foundation';
 import {borderWidth, designUnit, dividerBackground} from '../design-tokens';
 
-export const DividerStyles = (
+export const dividerStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/divider/index.ts b/src/divider/index.ts
@@ -5,7 +5,7 @@ import {
 	Divider as FoundationDivider,
 	dividerTemplate as template,
 } from '@microsoft/fast-foundation';
-import {DividerStyles as styles} from './divider.styles';
+import {dividerStyles as styles} from './divider.styles';
 
 /**
  * The Visual Studio Code divider class.
diff --git a/src/dropdown/dropdown.styles.ts b/src/dropdown/dropdown.styles.ts
@@ -28,7 +28,7 @@ import {
 } from '../design-tokens';
 import {DropdownOptions} from './';
 
-export const DropdownStyles = (
+export const dropdownStyles = (
 	context: ElementDefinitionContext,
 	definition: DropdownOptions
 ) => css`
diff --git a/src/dropdown/index.ts b/src/dropdown/index.ts
@@ -6,7 +6,7 @@ import {
 	SelectOptions,
 	selectTemplate as template,
 } from '@microsoft/fast-foundation';
-import {DropdownStyles as styles} from './dropdown.styles';
+import {dropdownStyles as styles} from './dropdown.styles';
 
 /**
  * Dropdown configuration options
diff --git a/src/link/index.ts b/src/link/index.ts
@@ -6,7 +6,7 @@ import {
 	Anchor as FoundationAnchor,
 	anchorTemplate as template,
 } from '@microsoft/fast-foundation';
-import {LinkStyles as styles} from './link.styles';
+import {linkStyles as styles} from './link.styles';
 
 /**
  * Link configuration options
diff --git a/src/link/link.styles.ts b/src/link/link.styles.ts
@@ -19,7 +19,7 @@ import {
 } from '../design-tokens';
 import {LinkOptions} from './';
 
-export const LinkStyles = (
+export const linkStyles = (
 	context: ElementDefinitionContext,
 	definition: LinkOptions
 ) => css`
diff --git a/src/option/index.ts b/src/option/index.ts
@@ -6,7 +6,7 @@ import {
 	ListboxOptionOptions,
 	listboxOptionTemplate as template,
 } from '@microsoft/fast-foundation';
-import {OptionStyles as styles} from './option.styles';
+import {optionStyles as styles} from './option.styles';
 
 /**
  * Dropdown option configuration options
diff --git a/src/option/option.styles.ts b/src/option/option.styles.ts
@@ -22,7 +22,7 @@ import {
 } from '../design-tokens';
 import {DropdownOptionOptions} from './';
 
-export const OptionStyles: (
+export const optionStyles: (
 	context: ElementDefinitionContext,
 	definition: DropdownOptionOptions
 ) => ElementStyles = (
diff --git a/src/panels/index.ts b/src/panels/index.ts
@@ -10,9 +10,9 @@ import {
 	tabsTemplate,
 	tabTemplate,
 } from '@microsoft/fast-foundation';
-import {PanelsStyles} from './panels.styles';
-import {PanelTabStyles} from './panel-tab.styles';
-import {PanelViewStyles} from './panel-view.styles';
+import {panelsStyles} from './panels.styles';
+import {panelTabStyles} from './panel-tab.styles';
+import {panelViewStyles} from './panel-view.styles';
 
 /**
  * The Visual Studio Code panels class.
@@ -56,7 +56,7 @@ export class Panels extends FoundationTabs {
 export const vsCodePanels = Panels.compose({
 	baseName: 'panels',
 	template: tabsTemplate,
-	styles: PanelsStyles,
+	styles: panelsStyles,
 });
 
 /**
@@ -98,7 +98,7 @@ export class PanelTab extends FoundationTab {
 export const vsCodePanelTab = PanelTab.compose({
 	baseName: 'panel-tab',
 	template: tabTemplate,
-	styles: PanelTabStyles,
+	styles: panelTabStyles,
 });
 
 /**
@@ -119,5 +119,5 @@ export class PanelView extends FoundationTabPanel {}
 export const vsCodePanelView = PanelView.compose({
 	baseName: 'panel-view',
 	template: tabPanelTemplate,
-	styles: PanelViewStyles,
+	styles: panelViewStyles,
 });
diff --git a/src/panels/panel-tab.styles.ts b/src/panels/panel-tab.styles.ts
@@ -20,7 +20,7 @@ import {
 	typeRampBaseLineHeight,
 } from '../design-tokens';
 
-export const PanelTabStyles = (
+export const panelTabStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/panels/panel-view.styles.ts b/src/panels/panel-view.styles.ts
@@ -14,7 +14,7 @@ import {
 	typeRampBaseLineHeight,
 } from '../design-tokens';
 
-export const PanelViewStyles = (
+export const panelViewStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/panels/panels.styles.ts b/src/panels/panels.styles.ts
@@ -17,7 +17,7 @@ import {
 	typeRampBaseLineHeight,
 } from '../design-tokens';
 
-export const PanelsStyles = (
+export const panelsStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/progress-ring/index.ts b/src/progress-ring/index.ts
@@ -6,7 +6,7 @@ import {
 	ProgressRingOptions,
 	progressRingTemplate as template,
 } from '@microsoft/fast-foundation';
-import {ProgressRingStyles as styles} from './progress-ring.styles';
+import {progressRingStyles as styles} from './progress-ring.styles';
 
 /**
  * The Visual Studio Code progress ring class.
diff --git a/src/progress-ring/progress-ring.styles.ts b/src/progress-ring/progress-ring.styles.ts
@@ -9,7 +9,7 @@ import {
 } from '@microsoft/fast-foundation';
 import {designUnit, progressBackground} from '../design-tokens';
 
-export const ProgressRingStyles = (
+export const progressRingStyles = (
 	context: ElementDefinitionContext,
 	definition: ProgressRingOptions
 ) => css`
diff --git a/src/radio-group/index.ts b/src/radio-group/index.ts
@@ -5,7 +5,7 @@ import {
 	RadioGroup as FoundationRadioGroup,
 	radioGroupTemplate as template,
 } from '@microsoft/fast-foundation';
-import {RadioGroupStyles as styles} from './radio-group.styles';
+import {radioGroupStyles as styles} from './radio-group.styles';
 
 /**
  * The Visual Studio Code radio group class.
diff --git a/src/radio-group/radio-group.styles.ts b/src/radio-group/radio-group.styles.ts
@@ -13,7 +13,7 @@ import {
 	typeRampBaseFontSize,
 } from '../design-tokens';
 
-export const RadioGroupStyles = (
+export const radioGroupStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/radio/index.ts b/src/radio/index.ts
@@ -6,7 +6,7 @@ import {
 	RadioOptions,
 	radioTemplate as template,
 } from '@microsoft/fast-foundation';
-import {RadioStyles as styles} from './radio.styles';
+import {radioStyles as styles} from './radio.styles';
 
 /**
  * The Visual Studio Code radio class.
diff --git a/src/radio/radio.styles.ts b/src/radio/radio.styles.ts
@@ -22,7 +22,7 @@ import {
 	typeRampBaseLineHeight,
 } from '../design-tokens';
 
-export const RadioStyles = (
+export const radioStyles = (
 	context: ElementDefinitionContext,
 	definition: RadioOptions
 ) => css`
diff --git a/src/tag/index.ts b/src/tag/index.ts
@@ -5,7 +5,7 @@ import {
 	Badge as FoundationBadge,
 	badgeTemplate as template,
 } from '@microsoft/fast-foundation';
-import {TagStyles as styles} from './tag.styles';
+import {tagStyles as styles} from './tag.styles';
 
 /**
  * The Visual Studio Code tag class.
diff --git a/src/tag/tag.styles.ts b/src/tag/tag.styles.ts
@@ -19,7 +19,7 @@ import {
 	typeRampMinus1LineHeight,
 } from '../design-tokens';
 
-export const TagStyles = (
+export const tagStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/text-area/index.ts b/src/text-area/index.ts
@@ -5,7 +5,7 @@ import {
 	TextArea as FoundationTextArea,
 	textAreaTemplate as template,
 } from '@microsoft/fast-foundation';
-import {TextAreaStyles as styles} from './text-area.styles';
+import {textAreaStyles as styles} from './text-area.styles';
 
 /**
  * The Visual Studio Code text area class.
diff --git a/src/text-area/text-area.styles.ts b/src/text-area/text-area.styles.ts
@@ -25,7 +25,7 @@ import {
 	typeRampBaseLineHeight,
 } from '../design-tokens';
 
-export const TextAreaStyles = (
+export const textAreaStyles = (
 	context: ElementDefinitionContext,
 	definition: FoundationElementDefinition
 ) => css`
diff --git a/src/text-field/index.ts b/src/text-field/index.ts
@@ -6,7 +6,7 @@ import {
 	textFieldTemplate as template,
 	TextFieldOptions,
 } from '@microsoft/fast-foundation';
-import {TextFieldStyles as styles} from './text-field.styles';
+import {textFieldStyles as styles} from './text-field.styles';
 
 /**
  * The Visual Studio Code text field class.
diff --git a/src/text-field/text-field.styles.ts b/src/text-field/text-field.styles.ts
@@ -26,7 +26,7 @@ import {
 	typeRampBaseLineHeight,
 } from '../design-tokens';
 
-export const TextFieldStyles = (
+export const textFieldStyles = (
 	context: ElementDefinitionContext,
 	definition: TextFieldOptions
 ) => css`

Original file line number	Diff line number	Diff line change
@@ -176,7 +176,7 @@ const IconButtonStyles = css`
`176`	`176`	`}`
`177`	`177`	`;
`178`	`178`
`179`		`-export const ButtonStyles = (`
	`179`	`+export const buttonStyles = (`
`180`	`180`	`context: ElementDefinitionContext,`
`181`	`181`	`definition: ButtonOptions`
`182`	`182`	) => css`