fix: export web component styles (microsoft#14282)

* export web component styles and update FAST version dependencies * updated yarn.lock file
czearing · Aug 3, 2020 · 61c6260 · 61c6260
1 parent 7641546
commit 61c6260
Show file tree

Hide file tree

Showing 29 changed files with 245 additions and 11 deletions.
diff --git a/packages/web-components/docs/api-report.md b/packages/web-components/docs/api-report.md
@@ -99,6 +99,12 @@ export const accentForegroundLargeRestBehavior: CSSCustomPropertyBehavior;
 // @public
 export const accentForegroundRestBehavior: CSSCustomPropertyBehavior;
 
+// @public
+export const AccordionItemStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const AccordionStyles: import("@microsoft/fast-element").ElementStyles;
+
 // Warning: (ae-internal-missing-underscore) The name "ambientShadow" should be prefixed with an underscore because the declaration is marked as @internal
 //
 // @internal
@@ -107,9 +113,15 @@ export const ambientShadow = "0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(
 // @public
 export type AnchorAppearance = ButtonAppearance | 'hypertext';
 
+// @public
+export const AnchorStyles: import("@microsoft/fast-element").ElementStyles;
+
 // @public
 export type BadgeAppearance = 'accent' | 'lightweight' | 'neutral' | string;
 
+// @public
+export const BadgeStyles: import("@microsoft/fast-element").ElementStyles;
+
 // Warning: (ae-internal-missing-underscore) The name "BaseButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
 //
 // @internal (undocumented)
@@ -118,11 +130,26 @@ export const BaseButtonStyles: ElementStyles;
 // @public
 export type ButtonAppearance = 'accent' | 'lightweight' | 'neutral' | 'outline' | 'stealth';
 
+// @public
+export const ButtonStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const CardStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const CheckboxStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const DialogStyles: import("@microsoft/fast-element").ElementStyles;
+
 // Warning: (ae-internal-missing-underscore) The name "directionalShadow" should be prefixed with an underscore because the declaration is marked as @internal
 //
 // @internal (undocumented)
 export const directionalShadow = "0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, calc(.13 * (2 - var(--background-luminance, 1))))";
 
+// @public
+export const DividerStyles: import("@microsoft/fast-element").ElementStyles;
+
 // @public
 export const elevation: string;
 
@@ -394,6 +421,9 @@ export class FASTTreeItem extends TreeItem {
 export class FASTTreeView extends TreeView {
 }
 
+// @public
+export const FlipperStyles: import("@microsoft/fast-element").ElementStyles;
+
 // @public
 export const heightNumber = "(var(--base-height-multiplier) + var(--density)) * var(--design-unit)";
 
@@ -413,6 +443,12 @@ export const inlineStartBehavior: CSSCustomPropertyBehavior;
 // @internal (undocumented)
 export const LightweightButtonStyles: ElementStyles;
 
+// @public
+export const MenuItemStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const MenuStyles: import("@microsoft/fast-element").ElementStyles;
+
 // @public
 export const neutralDividerRestBehavior: CSSCustomPropertyBehavior;
 
@@ -547,17 +583,59 @@ export const OutlineButtonStyles: ElementStyles;
 // @public
 export function parseColorString(color: string): ColorRGBA64;
 
+// @public
+export const ProgressRingStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const ProgressStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const RadioGroupStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const RadioStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const SliderLabelStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const SliderStyles: import("@microsoft/fast-element").ElementStyles;
+
 // Warning: (ae-internal-missing-underscore) The name "StealthButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
 //
 // @internal (undocumented)
 export const StealthButtonStyles: ElementStyles;
 
+// @public
+export const SwitchStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const TabPanelStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const TabsStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const TabStyles: import("@microsoft/fast-element").ElementStyles;
+
 // @public
 export type TextAreaAppearance = 'filled' | 'outline';
 
+// @public
+export const TextAreaStyles: import("@microsoft/fast-element").ElementStyles;
+
 // @public
 export type TextFieldAppearance = 'filled' | 'outline';
 
+// @public
+export const TextFieldStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const TreeItemStyles: import("@microsoft/fast-element").ElementStyles;
+
+// @public
+export const TreeViewStyles: import("@microsoft/fast-element").ElementStyles;
+
 
 // (No @packageDocumentation comment for this package)
 

diff --git a/packages/web-components/package.json b/packages/web-components/package.json
@@ -94,8 +94,8 @@
   "dependencies": {
     "@microsoft/fast-colors": "^5.1.0",
     "@microsoft/fast-components-styles-msft": "^4.29.0",
-    "@microsoft/fast-element": "^0.15.1",
-    "@microsoft/fast-foundation": "^1.5.0",
+    "@microsoft/fast-element": "^0.15.2",
+    "@microsoft/fast-foundation": "^1.6.0",
     "tslib": "^1.13.0"
   }
 }
diff --git a/packages/web-components/src/accordion/accordion-item/index.ts b/packages/web-components/src/accordion/accordion-item/index.ts
@@ -17,3 +17,9 @@ import { AccordionItemStyles as styles } from './accordion-item.styles';
   styles,
 })
 export class FASTAccordionItem extends AccordionItem {}
+
+/**
+ * Styles for AccordionItem
+ * @public
+ */
+export const AccordionItemStyles = styles;
diff --git a/packages/web-components/src/accordion/index.ts b/packages/web-components/src/accordion/index.ts
@@ -19,3 +19,9 @@ export * from './accordion-item/index';
   styles,
 })
 export class FASTAccordion extends Accordion {}
+
+/**
+ * Styles for Accordion
+ * @public
+ */
+export const AccordionStyles = styles;
diff --git a/packages/web-components/src/anchor/index.ts b/packages/web-components/src/anchor/index.ts
@@ -56,3 +56,9 @@ export class FASTAnchor extends Anchor {
     }
   }
 }
+
+/**
+ * Styles for Anchor
+ * @public
+ */
+export const AnchorStyles = styles;
diff --git a/packages/web-components/src/badge/index.ts b/packages/web-components/src/badge/index.ts
@@ -34,3 +34,9 @@ export class FASTBadge extends Badge {
     }
   }
 }
+
+/**
+ * Styles for Badge
+ * @public
+ */
+export const BadgeStyles = styles;
diff --git a/packages/web-components/src/button/index.ts b/packages/web-components/src/button/index.ts
@@ -55,3 +55,9 @@ export class FASTButton extends Button {
     }
   }
 }
+
+/**
+ * Styles for Button
+ * @public
+ */
+export const ButtonStyles = styles;
diff --git a/packages/web-components/src/card/index.ts b/packages/web-components/src/card/index.ts
@@ -17,3 +17,9 @@ import { CardStyles as styles } from './card.styles';
   styles,
 })
 export class FASTCard extends Card {}
+
+/**
+ * Styles for Card
+ * @public
+ */
+export const CardStyles = styles;
diff --git a/packages/web-components/src/checkbox/index.ts b/packages/web-components/src/checkbox/index.ts
@@ -17,3 +17,9 @@ import { CheckboxStyles as styles } from './checkbox.styles';
   styles,
 })
 export class FASTCheckbox extends Checkbox {}
+
+/**
+ * Styles for Checkbox
+ * @public
+ */
+export const CheckboxStyles = styles;
diff --git a/packages/web-components/src/dialog/index.ts b/packages/web-components/src/dialog/index.ts
@@ -17,3 +17,9 @@ import { DialogStyles as styles } from './dialog.styles';
   styles,
 })
 export class FASTDialog extends Dialog {}
+
+/**
+ * Styles for Dialog
+ * @public
+ */
+export const DialogStyles = styles;
diff --git a/packages/web-components/src/divider/index.ts b/packages/web-components/src/divider/index.ts
@@ -17,3 +17,9 @@ import { DividerStyles as styles } from './divider.styles';
   styles,
 })
 export class FASTDivider extends Divider {}
+
+/**
+ * Styles for Divider
+ * @public
+ */
+export const DividerStyles = styles;
diff --git a/packages/web-components/src/flipper/index.ts b/packages/web-components/src/flipper/index.ts
@@ -17,3 +17,9 @@ import { FlipperStyles as styles } from './flipper.styles';
   styles,
 })
 export class FASTFlipper extends Flipper {}
+
+/**
+ * Styles for Flipper
+ * @public
+ */
+export const FlipperStyles = styles;
diff --git a/packages/web-components/src/menu-item/index.ts b/packages/web-components/src/menu-item/index.ts
@@ -17,3 +17,9 @@ import { MenuItemStyles as styles } from './menu-item.styles';
   styles,
 })
 export class FASTMenuItem extends MenuItem {}
+
+/**
+ * Styles for MenuItem
+ * @public
+ */
+export const MenuItemStyles = styles;
diff --git a/packages/web-components/src/menu/index.ts b/packages/web-components/src/menu/index.ts
@@ -17,3 +17,9 @@ import { MenuStyles as styles } from './menu.styles';
   styles,
 })
 export class FASTMenu extends Menu {}
+
+/**
+ * Styles for Menu
+ * @public
+ */
+export const MenuStyles = styles;
diff --git a/packages/web-components/src/progress/progress-ring/index.ts b/packages/web-components/src/progress/progress-ring/index.ts
@@ -17,3 +17,9 @@ import { ProgressRingStyles as styles } from './progress-ring.styles';
   styles,
 })
 export class FASTProgressRing extends BaseProgress {}
+
+/**
+ * Styles for ProgressRing
+ * @public
+ */
+export const ProgressRingStyles = styles;
diff --git a/packages/web-components/src/progress/progress/index.ts b/packages/web-components/src/progress/progress/index.ts
@@ -17,3 +17,9 @@ import { ProgressStyles as styles } from './progress.styles';
   styles,
 })
 export class FASTProgress extends BaseProgress {}
+
+/**
+ * Styles for Progress
+ * @public
+ */
+export const ProgressStyles = styles;
diff --git a/packages/web-components/src/radio-group/index.ts b/packages/web-components/src/radio-group/index.ts
@@ -17,3 +17,9 @@ import { RadioGroupStyles as styles } from './radio-group.styles';
   styles,
 })
 export class FASTRadioGroup extends RadioGroup {}
+
+/**
+ * Styles for RadioGroup
+ * @public
+ */
+export const RadioGroupStyles = styles;
diff --git a/packages/web-components/src/radio/index.ts b/packages/web-components/src/radio/index.ts
@@ -17,3 +17,9 @@ import { RadioStyles as styles } from './radio.styles';
   styles,
 })
 export class FASTRadio extends Radio {}
+
+/**
+ * Styles for Radio
+ * @public
+ */
+export const RadioStyles = styles;
diff --git a/packages/web-components/src/slider-label/index.ts b/packages/web-components/src/slider-label/index.ts
@@ -17,3 +17,9 @@ import { SliderLabelStyles as styles } from './slider-label.styles';
   styles,
 })
 export class FASTSliderLabel extends SliderLabel {}
+
+/**
+ * Styles for SliderLabel
+ * @public
+ */
+export const SliderLabelStyles = styles;
diff --git a/packages/web-components/src/slider/index.ts b/packages/web-components/src/slider/index.ts
@@ -17,3 +17,9 @@ import { SliderStyles as styles } from './slider.styles';
   styles,
 })
 export class FASTSlider extends Slider {}
+
+/**
+ * Styles for Slider
+ * @public
+ */
+export const SliderStyles = styles;
diff --git a/packages/web-components/src/switch/index.ts b/packages/web-components/src/switch/index.ts
@@ -17,3 +17,9 @@ import { SwitchStyles as styles } from './switch.styles';
   styles,
 })
 export class FASTSwitch extends Switch {}
+
+/**
+ * Styles for Switch
+ * @public
+ */
+export const SwitchStyles = styles;
diff --git a/packages/web-components/src/tabs/index.ts b/packages/web-components/src/tabs/index.ts
@@ -19,3 +19,9 @@ import { TabsStyles as styles } from './tabs.styles';
 export class FASTTabs extends Tabs {}
 export * from './tab/';
 export * from './tab-panel/';
+
+/**
+ * Styles for Tabs
+ * @public
+ */
+export const TabsStyles = styles;
diff --git a/packages/web-components/src/tabs/tab-panel/index.ts b/packages/web-components/src/tabs/tab-panel/index.ts
@@ -17,3 +17,9 @@ import { TabPanelStyles as styles } from './tab-panel.styles';
   styles,
 })
 export class FASTTabPanel extends TabPanel {}
+
+/**
+ * Styles for TabPanel
+ * @public
+ */
+export const TabPanelStyles = styles;
diff --git a/packages/web-components/src/tabs/tab/index.ts b/packages/web-components/src/tabs/tab/index.ts
@@ -17,3 +17,9 @@ import { TabStyles as styles } from './tab.styles';
   styles,
 })
 export class FASTTab extends Tab {}
+
+/**
+ * Styles for Tab
+ * @public
+ */
+export const TabStyles = styles;
diff --git a/packages/web-components/src/text-area/index.ts b/packages/web-components/src/text-area/index.ts
@@ -56,3 +56,9 @@ export class FASTTextArea extends TextArea {
     }
   }
 }
+
+/**
+ * Styles for TextArea
+ * @public
+ */
+export const TextAreaStyles = styles;
diff --git a/packages/web-components/src/text-field/index.ts b/packages/web-components/src/text-field/index.ts
@@ -59,3 +59,9 @@ export class FASTTextField extends TextField {
     }
   }
 }
+
+/**
+ * Styles for TextField
+ * @public
+ */
+export const TextFieldStyles = styles;
diff --git a/packages/web-components/src/tree-item/index.ts b/packages/web-components/src/tree-item/index.ts
@@ -17,3 +17,9 @@ import { TreeItemStyles as styles } from './tree-item.styles';
   styles,
 })
 export class FASTTreeItem extends TreeItem {}
+
+/**
+ * Styles for TreeItem
+ * @public
+ */
+export const TreeItemStyles = styles;