Merge pull request #1 from kickstartDS/hotfix/compact-mode

Hotfix/compact mode
kickstartDS · Jul 2, 2021 · 3600216 · 3600216
2 parents fa4e87d + 5e17bbd
commit 3600216
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -20,7 +20,7 @@ import { CssPropsBlock } from "@kickstartds/storybook-addon-component-tokens";
 
 ## Usage
 
-Include your component tokens without the intial `--` prefix, the addon will apply and document this automatically.
+Include your component tokens, the addon will apply and document this automatically.
 
 ```jsx
 export default {
@@ -50,14 +50,13 @@ This monorepo uses yarn workspaces, run `yarn` at the root.
 
 ### TODO
 
-[] Auto detect input type.  
 [] Look for the args of a defined component when in MDX  
-[] Configurable per story localstorage.  
+[] Configurable per story sessionstorage.  
 [] Better specificity when injecting styles (with & without iframes)
 [] Functioning reset button.
 
 ## Credits
 
-Based on [storybook-addon-cssprops](https://github.com/ljcl/storybook-addon-cssprops) from Luke Clark.
+Based on [storybook-addon-cssprops](https://github.com/ljcl/storybook-addon-cssprops) from Luke Clark ([@ljcl](https://github.com/ljcl)).
 
 Portions of this package are sourced from the storybook source code in order to maintain look and feel.
diff --git a/packages/storybook-addon-component-tokens/src/components/CssPropsPanel.tsx b/packages/storybook-addon-component-tokens/src/components/CssPropsPanel.tsx
@@ -13,7 +13,7 @@ export const CssPropsPanel: React.FC = () => {
   const cssprops = useParameter<FullExtractResult>(PARAM_KEY, {});
 
   return hasEntries(cssprops) ? (
-    <CssPropsTable customProperties={cssprops} inAddonPanel />
+    <CssPropsTable customProperties={cssprops} inAddonPanel={true} />
   ) : (
     <NoCustomPropertiesWarning />
   );

diff --git a/packages/storybook-addon-component-tokens/src/components/CssPropsTable.tsx b/packages/storybook-addon-component-tokens/src/components/CssPropsTable.tsx
@@ -81,7 +81,7 @@ export const CssPropsTable: React.FC<CssPropsTableRowProps> = ({
       {argsKeys.length ? (
         <ArgsTable
           inAddonPanel={inAddonPanel}
-          compact={false}
+          compact={true}
           updateArgs={updateArgs}
           resetArgs={resetArgs}
           rows={rows}