fix: docs updated

VLK-STUDIO · Nov 5, 2021 · f23106d · f23106d
1 parent 6dfc59e
commit f23106d
Show file tree

Hide file tree

Showing 9 changed files with 60 additions and 46 deletions.
diff --git a/docs/docs/ThemeSpecification/borderWidths.mdx b/docs/docs/ThemeSpecification/borderWidths.mdx
@@ -37,13 +37,13 @@ export const sliceName = 'borderWidths';
 
 export default {
   none: '0px',
-  xxs: '0.2px',
+  '2xs': '0.2px',
   xs: '0.5px',
   s: '1px',
   m: '2px',
   l: '4px',
   xl: '6px',
-  xxl: '8px',
+  '2xl': '8px',
 };
 ```
 
@@ -54,13 +54,13 @@ import { BorderWidths } from '@morfeo/spec';
 
 const borderWidths: BorderWidths = {
   none: '0px',
-  xxs: '0.2px',
+  '2xs': '0.2px',
   xs: '0.5px',
   s: '1px',
   m: '2px',
   l: '4px',
   xl: '6px',
-  xxl: '8px',
+  '2xl': '8px',
 };
 ```
 

diff --git a/docs/docs/ThemeSpecification/borders.mdx b/docs/docs/ThemeSpecification/borders.mdx
@@ -46,15 +46,20 @@ export default {
     width: 'none',
     style: 'none',
   },
-  primary: {
+  strong: {
     width: 'm',
     style: 'solid',
-    color: 'textColor',
+    color: 'text',
   },
-  secondary: {
+  medium: {
     width: 's',
     style: 'solid',
-    color: 'textColor',
+    color: 'text',
+  },
+  thin: {
+    width: 'xs',
+    style: 'solid',
+    color: 'text',
   },
 };
 ```
@@ -69,15 +74,20 @@ const borders: Borders = {
     width: 'none',
     style: 'none',
   },
-  primary: {
+  strong: {
     width: 'm',
     style: 'solid',
-    color: 'textColor',
+    color: 'text',
   },
-  secondary: {
+  medium: {
     width: 's',
     style: 'solid',
-    color: 'textColor',
+    color: 'text',
+  },
+  thin: {
+    width: 'xs',
+    style: 'solid',
+    color: 'text',
   },
 };
 ```

diff --git a/docs/docs/ThemeSpecification/colors.mdx b/docs/docs/ThemeSpecification/colors.mdx
@@ -68,10 +68,10 @@ export default {
   black: '#000000',
   background: '#ffffff',
   invertedBackground: '#000000',
-  textColor: '#2f2f2f',
-  invertedTextColor: '#ececec',
-  headTextColor: '#000000',
-  invertedHeadTextColor: '#ffffff',
+  text: '#2f2f2f',
+  invertedText: '#ececec',
+  headText: '#000000',
+  invertedHeadText: '#ffffff',
 };
 ```
 
@@ -113,10 +113,10 @@ const colors: Colors = {
   black: '#000000',
   background: '#ffffff',
   invertedBackground: '#000000',
-  textColor: '#2f2f2f',
-  invertedTextColor: '#ececec',
-  headTextColor: '#000000',
-  invertedHeadTextColor: '#ffffff',
+  text: '#2f2f2f',
+  invertedText: '#ececec',
+  headText: '#000000',
+  invertedHeadText: '#ffffff',
 };
 ```
 

diff --git a/docs/docs/ThemeSpecification/fontSizes.mdx b/docs/docs/ThemeSpecification/fontSizes.mdx
@@ -36,13 +36,13 @@ export const themeName = 'My Theme Name';
 export const sliceName = 'fontSizes';
 
 export default {
-  xxs: '11px',
+  '2xs': '11px',
   xs: '14px',
   s: '16px',
   m: '18px',
   l: '26px',
   xl: '36px',
-  xxl: '44px',
+  '2xl': '44px',
   none: '0px',
 };
 ```
@@ -53,13 +53,13 @@ Or manually:
 import { FontSizes } from '@morfeo/spec';
 
 const fontSizes: FontSizes = {
-  xxs: '11px',
+  '2xs': '11px',
   xs: '14px',
   s: '16px',
   m: '18px',
   l: '26px',
   xl: '36px',
-  xxl: '44px',
+  '2xl': '44px',
   none: '0px',
 };
 ```

diff --git a/docs/docs/ThemeSpecification/fonts.mdx b/docs/docs/ThemeSpecification/fonts.mdx
@@ -36,8 +36,7 @@ export const themeName = 'My Theme Name';
 export const sliceName = 'fonts';
 
 export default {
-  body: 'Montserrat',
-  heading: 'Montserrat',
+  default: 'Montserrat',
 };
 ```
 
@@ -47,8 +46,7 @@ Or manually:
 import { Fonts } from '@morfeo/spec';
 
 const fonts: Fonts = {
-  body: 'Montserrat',
-  heading: 'Montserrat',
+  default: 'Montserrat',
 };
 ```
 

diff --git a/docs/docs/ThemeSpecification/radii.mdx b/docs/docs/ThemeSpecification/radii.mdx
@@ -36,13 +36,13 @@ export const themeName = 'My Theme Name';
 export const sliceName = 'radii';
 
 export default {
-  xxs: '4px',
+  '2xs': '4px',
   xs: '8px',
   s: '12px',
   m: '16px',
   l: '20px',
   xl: '24px',
-  xxl: '28px',
+  '2xl': '28px',
   none: '0px',
   round: '50%',
 };
@@ -54,13 +54,13 @@ Or manually:
 import { Radii } from '@morfeo/spec';
 
 const radii: Radii = {
-  xxs: '4px',
+  '2xs': '4px',
   xs: '8px',
   s: '12px',
   m: '16px',
   l: '20px',
   xl: '24px',
-  xxl: '28px',
+  '2xl': '28px',
   none: '0px',
   round: '50%',
 };

diff --git a/docs/docs/ThemeSpecification/sizes.mdx b/docs/docs/ThemeSpecification/sizes.mdx
@@ -36,13 +36,13 @@ export const themeName = 'My Theme Name';
 export const sliceName = 'sizes';
 
 export default {
-  xxs: '8px',
+  '2xs': '8px',
   xs: '16px',
   s: '24px',
   m: '32px',
   l: '40px',
   xl: '48px',
-  xxl: '56px',
+  '2xl': '56px',
   none: '0px',
 };
 ```
@@ -53,13 +53,13 @@ Or manually:
 import { Sizes } from '@morfeo/spec';
 
 const sizes: Sizes = {
-  xxs: '8px',
+  '2xs': '8px',
   xs: '16px',
   s: '24px',
   m: '32px',
   l: '40px',
   xl: '48px',
-  xxl: '56px',
+  '2xl': '56px',
   none: '0px',
 };
 ```

diff --git a/docs/docs/ThemeSpecification/spacings.mdx b/docs/docs/ThemeSpecification/spacings.mdx
@@ -36,13 +36,13 @@ export const themeName = 'My Theme Name';
 export const sliceName = 'spacings';
 
 export default {
-  xxs: '8px',
+  '2xs': '8px',
   xs: '16px',
   s: '24px',
   m: '32px',
   l: '40px',
   xl: '48px',
-  xxl: '56px',
+  '2xl': '56px',
   none: '0px',
 };
 ```
@@ -53,13 +53,13 @@ Or manually:
 import { Spacings } from '@morfeo/spec';
 
 const spacings: Spacings = {
-  xxs: '8px',
+  '2xs': '8px',
   xs: '16px',
   s: '24px',
   m: '32px',
   l: '40px',
   xl: '48px',
-  xxl: '56px',
+  '2xl': '56px',
   none: '0px',
 };
 ```

diff --git a/docs/docs/ThemeSpecification/zIndices.mdx b/docs/docs/ThemeSpecification/zIndices.mdx
@@ -37,9 +37,12 @@ export const sliceName = 'zIndices';
 
 export default {
   none: 0,
-  light: 10,
-  medium: 50,
-  strong: 90,
+  lowest: 10,
+  lower: 50,
+  low: 90,
+  high: 100,
+  higher: 120,
+  highest: 150
 };
 ```
 
@@ -50,9 +53,12 @@ import { ZIndices } from '@morfeo/spec';
 
 const zIndices: ZIndices = {
   none: 0,
-  light: 10,
-  medium: 50,
-  strong: 90,
+  lowest: 10,
+  lower: 50,
+  low: 90,
+  high: 100,
+  higher: 120,
+  highest: 150
 };
 ```