docs(docs): update interactions in foundations tab

innovaccer · Oct 2, 2023 · b5d6868 · b5d6868
1 parent a05f323
commit b5d6868
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/docs/src/pages/foundations/interactions.mdx b/docs/src/pages/foundations/interactions.mdx
@@ -131,12 +131,12 @@ Duration is calculated based on the style and size of the motion. Among the two
         tokens: 'duration--fast-01',
         usage:
           'Micro-interactions such as button and toggle',
-        value: '80ms',
+        value: '80 ms',
       },
       {
         tokens: 'duration--fast-02',
         usage: 'Micro-interactions such as fade',
-        value: '120ms',
+        value: '120 ms',
       },
       {
         tokens: 'duration--moderate-01',
@@ -147,25 +147,25 @@ Duration is calculated based on the style and size of the motion. Among the two
       {
         tokens: 'duration--moderate-02',
         usage: 'Expansion, system communication, toast',
-        value: '240ms',
+        value: '240 ms',
       },
       {
         tokens: 'duration--slow-01',
         usage:
           'Large expansion, important system notifications',
-        value: '4000ms',
+        value: '400 ms',
       },
       {
         tokens: 'duration--slow-02',
         usage: 'Background dimming',
-        value: '720ms',
+        value: '720 ms',
       },
     ]}
     schema={[
       {
         name: 'tokens',
         displayName: 'Tokens',
-        width: '25%',
+        width: '35%',
         sorting: false,
         separator: true,
         cellRenderer: ({ data }) => {
@@ -175,14 +175,14 @@ Duration is calculated based on the style and size of the motion. Among the two
       {
         name: 'usage',
         displayName: 'Usage',
-        width: '45%',
+        width: '50%',
         sorting: false,
         separator: true,
       },
       {
         name: 'value',
         displayName: 'Value',
-        width: '30%',
+        width: '15%',
         sorting: false,
         separator: true,
       },