Fix export of color helpers from this package (#34)

* Fix export of color helpers from this package

* Fix storybook path to color module

Author: fcollonval

packages/components/src/colors.ts renamed to packages/components/src/color.ts

@@ -28,12 +28,13 @@ import {
   errorFillAlgorithm,
   errorForegroundAlgorithm,
   foregroundOnErrorAlgorithm
-} from './colors';
+} from './color';
 
 // Export design token from @microsoft/fast-components
 // to encapsulate them.
 
 export {
+  accentColor,
   accentFillActive,
   accentFillActiveDelta,
   accentFillFocus,
@@ -81,7 +82,7 @@ export {
   foregroundOnAccentRest,
   foregroundOnAccentRestLarge,
   InteractiveColorRecipe,
-  InteractiveSwatchSet,
+  neutralColor,
   neutralFillActive,
   neutralFillActiveDelta,
   neutralFillFocus,

packages/components/src/design-tokens.ts

@@ -3,6 +3,7 @@
 
 export { addJupyterLabThemeChangeListener } from './utilities/theme/applyTheme';
 
+export * from './color';
 export * from './design-tokens';
 export * from './jupyter-design-system';
 export * from './custom-elements';

packages/components/src/index.ts

@@ -9,7 +9,7 @@ import {
   FoundationElementTemplate,
   TextFieldOptions
 } from '@microsoft/fast-foundation';
-import { Swatch } from '../colors';
+import { Swatch } from '../color';
 import {
   bodyFont,
   controlCornerRadius,

packages/components/src/search/search.styles.ts

@@ -14,7 +14,7 @@ import {
   TreeItemOptions
 } from '@microsoft/fast-foundation';
 import { SystemColors } from '@microsoft/fast-web-utilities';
-import type { Swatch } from '../colors';
+import type { Swatch } from '../color';
 import {
   accentFillFocus,
   accentForegroundRest,

packages/components/src/tree-item/tree-item.styles.ts

@@ -4,7 +4,7 @@
 import { icon, library } from '@fortawesome/fontawesome-svg-core';
 import * as icons from '@fortawesome/free-solid-svg-icons';
 import { parseColor } from '@microsoft/fast-colors';
-import { isDark, PaletteRGB, StandardLuminance, SwatchRGB } from '../../colors';
+import { isDark, PaletteRGB, StandardLuminance, SwatchRGB } from '../../color';
 import { accentPalette, baseLayerLuminance } from '../../design-tokens';
 
 /**

packages/components/src/utilities/storybook/index.ts

@@ -14,7 +14,7 @@ import {
   StandardLuminance,
   Swatch,
   SwatchRGB
-} from '../../colors';
+} from '../../color';
 import {
   accentFillHoverDelta,
   accentPalette,