diff --git a/README.md b/README.md index 880235a6b..c53d966ce 100644 --- 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 index 6e58059e5..61b5806a9 100644 --- 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(PARAM_KEY, {}); return hasEntries(cssprops) ? ( - + ) : ( ); diff --git a/packages/storybook-addon-component-tokens/src/components/CssPropsTable.tsx b/packages/storybook-addon-component-tokens/src/components/CssPropsTable.tsx index 6154b9411..270a2c390 100644 --- 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 = ({ {argsKeys.length ? (