fix: finastra spelling

ccontrols · Sep 25, 2020 · c259a5f · c259a5f
1 parent 0be83f2
commit c259a5f
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 20 deletions.
diff --git a/examples/stories/src/tutorial/design/tokens/colors.mdx b/examples/stories/src/tutorial/design/tokens/colors.mdx
@@ -24,7 +24,7 @@ import {
   CometColorPalette,
   DuetColorPalette,
   ETradeColorPalette,
-  FinestraColorPalette,
+  FinastraColorPalette,
   FishTankColorPalette,
 } from '@component-controls/design-tokens';
 
@@ -720,16 +720,16 @@ import { ETradeColorPalette } from '@component-controls/design-tokens';
 />
 
 
-## FinestraColor
+## FinastraColor
+FinastraColor
+The [FinastraColor](/api/design-tokens-colors-finastracolor--overview) component displays the color as a small block, with name and hex color on the side. If the color is a primary color, will display as a circle.
 
-The [FinestraColor](/api/design-tokens-colors-finestracolor--overview) component displays the color as a small block, with name and hex color on the side. If the color is a primary color, will display as a circle.
-
-Design inspired from [Finestra](https://design.fusionfabric.cloud/foundations/colors).
+Design inspired from [Finsstra](https://design.fusionfabric.cloud/foundations/colors).
 
 ```
-import { FinestraColorPalette } from '@component-controls/design-tokens';
+import { FinastraColorPalette } from '@component-controls/design-tokens';
 
-<FinestraColorPalette
+<FinastraColorPalette
   palette={{
     'C 100 - dark': {
       value: '#2D2D2D',
@@ -752,7 +752,7 @@ import { FinestraColorPalette } from '@component-controls/design-tokens';
 />
 ```
 
-<FinestraColorPalette
+<FinastraColorPalette
   palette={{
     'C 100 - dark': {
       value: '#2D2D2D',

diff --git a/...s/FinestraColor/FinestraColor.stories.tsx → ...s/FinastraColor/FinastraColor.stories.tsx b/...s/FinestraColor/FinestraColor.stories.tsx → ...s/FinastraColor/FinastraColor.stories.tsx
@@ -1,14 +1,14 @@
 import React from 'react';
-import { FinestraColor, FinestraColorPalette } from './FinestraColor';
+import { FinastraColor, FinastraColorPalette } from './FinastraColor';
 import { ColorProps } from '../types';
 
 export default {
-  title: 'Design Tokens/Colors/FinestraColor',
-  component: FinestraColor,
+  title: 'Design Tokens/Colors/FinastraColor',
+  component: FinastraColor,
 };
 
 export const overview = ({ name, color }: ColorProps) => (
-  <FinestraColor name={name} color={color} />
+  <FinastraColor name={name} color={color} />
 );
 
 overview.controls = {
@@ -24,7 +24,7 @@ overview.controls = {
 };
 
 export const palette = () => (
-  <FinestraColorPalette
+  <FinastraColorPalette
     palette={{
       'C 100 - dark': {
         value: '#2D2D2D',

diff --git a/...rc/Colors/FinestraColor/FinestraColor.tsx → ...rc/Colors/FinastraColor/FinastraColor.tsx b/...rc/Colors/FinestraColor/FinestraColor.tsx → ...rc/Colors/FinastraColor/FinastraColor.tsx
@@ -9,10 +9,10 @@ import { FlexContainerProps, FlexContainer } from '../FlexContainer';
 
 /**
  * Color item displaying the color as a small block, with name and hex color on the side. If the color is a primary color, will display as a circle.
- * Design inspired from [Finestra](https://design.fusionfabric.cloud/foundations/colors).
+ * Design inspired from [Finastra](https://design.fusionfabric.cloud/foundations/colors).
  */
 
-export const FinestraColor: FC<ColorBlockProps> = ({ name, color }) => {
+export const FinastraColor: FC<ColorBlockProps> = ({ name, color }) => {
   const colorObj: ColorValue =
     typeof color === 'string' ? { value: color } : color;
   const { value: colorValue, name: colorName, primary } = colorObj;
@@ -78,16 +78,16 @@ export const FinestraColor: FC<ColorBlockProps> = ({ name, color }) => {
 
 /**
  *
- * palette displayed with FinestraColor items
+ * palette displayed with FinastraColor items
  * using a css flex display direction column
  */
-export const FinestraColorPalette: FC<Omit<
+export const FinastraColorPalette: FC<Omit<
   FlexContainerProps,
   'children' | 'direction'
 >> = props => (
   <FlexContainer direction="column" sx={{ width: 250 }} {...props}>
     {({ name, value, hover }) => (
-      <FinestraColor
+      <FinastraColor
         key={`color_item_${name}}`}
         name={name}
         color={value}

diff --git a/ui/design-tokens/src/Colors/FinastraColor/index.ts b/ui/design-tokens/src/Colors/FinastraColor/index.ts
@@ -0,0 +1 @@
+export * from './FinastraColor';
diff --git a/ui/design-tokens/src/Colors/FinestraColor/index.ts b/ui/design-tokens/src/Colors/FinestraColor/index.ts
diff --git a/ui/design-tokens/src/Colors/index.ts b/ui/design-tokens/src/Colors/index.ts
@@ -13,5 +13,5 @@ export * from './CedarColor';
 export * from './CometColor';
 export * from './DuetColor';
 export * from './ETradeColor';
-export * from './FinestraColor';
+export * from './FinastraColor';
 export * from './FishTankColor';