From 47e09fd445c4b39bd60ac11ac751f0e0712c634b Mon Sep 17 00:00:00 2001
From: Enlcxx <Enlcxx.es@gmail.com>
Date: Sun, 29 Dec 2019 18:27:24 -0500
Subject: [PATCH] feat(): expose all missing component styles

---
 src/lib/grid/grid.ts                       | 4 ++--
 src/lib/icon/icon.ts                       | 2 +-
 src/lib/image-cropper/image-cropper.ts     | 2 +-
 src/lib/menu/menu.ts                       | 2 +-
 src/lib/slider/slider.ts                   | 2 +-
 src/lib/toolbar/toolbar.ts                 | 2 +-
 src/lib/tooltip/tooltip.ts                 | 2 +-
 src/lib/typography/typography.directive.ts | 2 +-
 8 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/lib/grid/grid.ts b/src/lib/grid/grid.ts
index 26c133c94..15b5a804c 100644
--- a/src/lib/grid/grid.ts
+++ b/src/lib/grid/grid.ts
@@ -16,7 +16,7 @@ const ALIGN_ALIAS = {
 
 export type AlignItems = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
 
-const styles = () => ({
+export const STYLES = () => ({
   $priority: STYLE_PRIORITY,
   $name: LyGrid.и,
   root: lyl `{
@@ -47,7 +47,7 @@ export class LyGrid {
    * Styles
    * @docs-private
    */
-  readonly classes = this.theme.renderStyleSheet(styles);
+  readonly classes = this.theme.renderStyleSheet(STYLES);
 
   private _spacing: string | number;
   _spacingClass?: string;
diff --git a/src/lib/icon/icon.ts b/src/lib/icon/icon.ts
index 0f0a1415e..2e4399882 100644
--- a/src/lib/icon/icon.ts
+++ b/src/lib/icon/icon.ts
@@ -26,7 +26,7 @@ import {
 import { take } from 'rxjs/operators';
 
 const STYLE_PRIORITY = -2;
-const STYLES = (theme: ThemeVariables) => {
+export const STYLES = (theme: ThemeVariables) => {
   const loading = keyframesUniqueId.next();
   const { primary, secondary, tertiary } = theme.background;
   const lum = primary.default.luminance();
diff --git a/src/lib/image-cropper/image-cropper.ts b/src/lib/image-cropper/image-cropper.ts
index fb434ccfa..2b5b6478a 100644
--- a/src/lib/image-cropper/image-cropper.ts
+++ b/src/lib/image-cropper/image-cropper.ts
@@ -28,7 +28,7 @@ export interface LyImageCropperVariables {
 
 const STYLE_PRIORITY = -2;
 
-const STYLES = (theme: ThemeVariables & LyImageCropperVariables, ref: ThemeRef) => {
+export const STYLES = (theme: ThemeVariables & LyImageCropperVariables, ref: ThemeRef) => {
   const cropper = ref.selectorsOf(STYLES);
   return {
     $name: LyImageCropper.и,
diff --git a/src/lib/menu/menu.ts b/src/lib/menu/menu.ts
index 308273a4a..411cb3925 100644
--- a/src/lib/menu/menu.ts
+++ b/src/lib/menu/menu.ts
@@ -54,7 +54,7 @@ const STYLE_PRIORITY = -1;
 const DEFAULT_PLACEMENT = YPosition.below;
 const DEFAULT_XPOSITION = XPosition.after;
 
-const STYLES = (theme: ThemeVariables & LyMenuVariables, ref: ThemeRef) => {
+export const STYLES = (theme: ThemeVariables & LyMenuVariables, ref: ThemeRef) => {
   const menu = ref.selectorsOf(STYLES);
   return {
     $priority: STYLE_PRIORITY,
diff --git a/src/lib/slider/slider.ts b/src/lib/slider/slider.ts
index af58f30e5..5072e07e2 100644
--- a/src/lib/slider/slider.ts
+++ b/src/lib/slider/slider.ts
@@ -70,7 +70,7 @@ export const LY_SLIDER_CONTROL_VALUE_ACCESSOR = {
 };
 
 const STYLE_PRIORITY = -2;
-const STYLES = (theme: ThemeVariables & LySliderVariables, ref: ThemeRef) => {
+export const STYLES = (theme: ThemeVariables & LySliderVariables, ref: ThemeRef) => {
   const __ = ref.selectorsOf(STYLES);
   const { before } = theme;
   return {
diff --git a/src/lib/toolbar/toolbar.ts b/src/lib/toolbar/toolbar.ts
index c0ae820f7..7da9da244 100644
--- a/src/lib/toolbar/toolbar.ts
+++ b/src/lib/toolbar/toolbar.ts
@@ -44,7 +44,7 @@ const STYLE_PRIORITY = -2;
 const DEFAULT_POSITION = 'fixed';
 const DEFAULT_BG = 'background:tertiary';
 
-const STYLES = (theme: ThemeVariables & LyToolbarVariables, ref: ThemeRef) => {
+export const STYLES = (theme: ThemeVariables & LyToolbarVariables, ref: ThemeRef) => {
   const __ = ref.selectorsOf(STYLES);
   return {
     $priority: STYLE_PRIORITY,
diff --git a/src/lib/tooltip/tooltip.ts b/src/lib/tooltip/tooltip.ts
index 63717ee2c..55ea0904d 100644
--- a/src/lib/tooltip/tooltip.ts
+++ b/src/lib/tooltip/tooltip.ts
@@ -52,7 +52,7 @@ export interface LyTooltipVariables {
 
 const DEFAULT_PLACEMENT = YPosition.below;
 const STYLE_PRIORITY = -2;
-const STYLES = (theme: ThemeVariables & LyTooltipVariables, ref: ThemeRef) => {
+export const STYLES = (theme: ThemeVariables & LyTooltipVariables, ref: ThemeRef) => {
   const __ = ref.selectorsOf(STYLES);
   return {
     $priority: STYLE_PRIORITY,
diff --git a/src/lib/typography/typography.directive.ts b/src/lib/typography/typography.directive.ts
index e8b604fb9..ceaf19d16 100644
--- a/src/lib/typography/typography.directive.ts
+++ b/src/lib/typography/typography.directive.ts
@@ -25,7 +25,7 @@ export interface LyTypographyVariables {
 }
 
 const STYLE_PRIORITY = -1;
-const STYLES = (theme: ThemeVariables & LyTypographyVariables) => {
+export const STYLES = (theme: ThemeVariables & LyTypographyVariables) => {
   return {
     $name: LyTypography.и,
     $priority: STYLE_PRIORITY,