├── .gitignore ├── .prettierignore ├── .prettierrc ├── LICENCE ├── README.md ├── addon ├── .gitignore ├── .prettierignore ├── .prettierrc ├── .storybook │ ├── local-preset.ts │ ├── main.ts │ ├── preview-head.html │ └── preview.js ├── LICENSE ├── manager.js ├── package.json ├── preview.js ├── src │ ├── Panel.tsx │ ├── components │ │ ├── ClipboardButton.tsx │ │ ├── DesignTokenDocBlock.tsx │ │ ├── Input.tsx │ │ ├── Popup.tsx │ │ ├── SearchField.tsx │ │ ├── TokenCards.tsx │ │ ├── TokenPreview.tsx │ │ ├── TokenTab.tsx │ │ ├── TokenTable.tsx │ │ ├── TokenValue.tsx │ │ ├── ToolButton.tsx │ │ └── presenter │ │ │ ├── AnimationPresenter.tsx │ │ │ ├── BorderPresenter.tsx │ │ │ ├── BorderRadiusPresenter.tsx │ │ │ ├── ColorPresenter.tsx │ │ │ ├── EasingPresenter.tsx │ │ │ ├── EmptyPresenter.tsx │ │ │ ├── FontFamilyPresenter.tsx │ │ │ ├── FontSizePresenter.tsx │ │ │ ├── FontWeightPresenter.tsx │ │ │ ├── ImagePresenter.tsx │ │ │ ├── LetterSpacingPresenter.tsx │ │ │ ├── LineHeightPresenter.tsx │ │ │ ├── OpacityPresenter.tsx │ │ │ ├── ShadowPresenter.tsx │ │ │ ├── SpacingPresenter.tsx │ │ │ └── SvgPresenter.tsx │ ├── constants.ts │ ├── demo │ │ ├── icons │ │ │ ├── audio.svg │ │ │ └── bold.svg │ │ ├── more-tokens.css │ │ ├── more-tokens.less │ │ ├── more-tokens.scss │ │ ├── tokens.css │ │ ├── tokens.less │ │ └── tokens.scss │ ├── doc-blocks.ts │ ├── hooks │ │ ├── useDebounce.ts │ │ ├── useFilteredTokens.ts │ │ ├── usePopup.ts │ │ ├── useTokenSearch.ts │ │ └── useTokenTabs.ts │ ├── index.ts │ ├── manager.ts │ ├── parsers │ │ ├── image.parser.ts │ │ ├── postcss.parser.ts │ │ └── svg-icon.parser.ts │ ├── plugin.ts │ ├── preset.ts │ ├── preview.ts │ ├── stories │ │ ├── Button.stories.ts │ │ ├── Button.tsx │ │ ├── CircleColorPresenter.tsx │ │ ├── Introduction.mdx │ │ └── button.css │ └── types │ │ ├── category.types.ts │ │ ├── config.types.ts │ │ ├── tab.types.ts │ │ └── token.types.ts ├── tsconfig.json ├── tsup.config.ts ├── tsup.node.config.ts ├── vite.config.ts └── yarn.lock └── docs ├── screenshot-addon-panel-cards.png ├── screenshot-addon-panel-table.png ├── screenshot-doc-block-1.png ├── screenshot-doc-block-2.png └── teaser.png /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | dist/ -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/.prettierrc -------------------------------------------------------------------------------- /LICENCE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/LICENCE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/README.md -------------------------------------------------------------------------------- /addon/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/.gitignore -------------------------------------------------------------------------------- /addon/.prettierignore: -------------------------------------------------------------------------------- 1 | dist 2 | -------------------------------------------------------------------------------- /addon/.prettierrc: -------------------------------------------------------------------------------- 1 | {} 2 | -------------------------------------------------------------------------------- /addon/.storybook/local-preset.ts: -------------------------------------------------------------------------------- 1 | export * from "../src/preset"; 2 | -------------------------------------------------------------------------------- /addon/.storybook/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/.storybook/main.ts -------------------------------------------------------------------------------- /addon/.storybook/preview-head.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/.storybook/preview-head.html -------------------------------------------------------------------------------- /addon/.storybook/preview.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/.storybook/preview.js -------------------------------------------------------------------------------- /addon/LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/LICENSE -------------------------------------------------------------------------------- /addon/manager.js: -------------------------------------------------------------------------------- 1 | export * from "./dist/manager"; 2 | -------------------------------------------------------------------------------- /addon/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/package.json -------------------------------------------------------------------------------- /addon/preview.js: -------------------------------------------------------------------------------- 1 | export * from "./dist/preview"; 2 | -------------------------------------------------------------------------------- /addon/src/Panel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/Panel.tsx -------------------------------------------------------------------------------- /addon/src/components/ClipboardButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/ClipboardButton.tsx -------------------------------------------------------------------------------- /addon/src/components/DesignTokenDocBlock.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/DesignTokenDocBlock.tsx -------------------------------------------------------------------------------- /addon/src/components/Input.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/Input.tsx -------------------------------------------------------------------------------- /addon/src/components/Popup.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/Popup.tsx -------------------------------------------------------------------------------- /addon/src/components/SearchField.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/SearchField.tsx -------------------------------------------------------------------------------- /addon/src/components/TokenCards.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/TokenCards.tsx -------------------------------------------------------------------------------- /addon/src/components/TokenPreview.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/TokenPreview.tsx -------------------------------------------------------------------------------- /addon/src/components/TokenTab.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/TokenTab.tsx -------------------------------------------------------------------------------- /addon/src/components/TokenTable.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/TokenTable.tsx -------------------------------------------------------------------------------- /addon/src/components/TokenValue.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/TokenValue.tsx -------------------------------------------------------------------------------- /addon/src/components/ToolButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/ToolButton.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/AnimationPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/AnimationPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/BorderPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/BorderPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/BorderRadiusPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/BorderRadiusPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/ColorPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/ColorPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/EasingPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/EasingPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/EmptyPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/EmptyPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/FontFamilyPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/FontFamilyPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/FontSizePresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/FontSizePresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/FontWeightPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/FontWeightPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/ImagePresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/ImagePresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/LetterSpacingPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/LetterSpacingPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/LineHeightPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/LineHeightPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/OpacityPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/OpacityPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/ShadowPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/ShadowPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/SpacingPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/SpacingPresenter.tsx -------------------------------------------------------------------------------- /addon/src/components/presenter/SvgPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/components/presenter/SvgPresenter.tsx -------------------------------------------------------------------------------- /addon/src/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/constants.ts -------------------------------------------------------------------------------- /addon/src/demo/icons/audio.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/demo/icons/audio.svg -------------------------------------------------------------------------------- /addon/src/demo/icons/bold.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/demo/icons/bold.svg -------------------------------------------------------------------------------- /addon/src/demo/more-tokens.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/demo/more-tokens.css -------------------------------------------------------------------------------- /addon/src/demo/more-tokens.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/demo/more-tokens.less -------------------------------------------------------------------------------- /addon/src/demo/more-tokens.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/demo/more-tokens.scss -------------------------------------------------------------------------------- /addon/src/demo/tokens.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/demo/tokens.css -------------------------------------------------------------------------------- /addon/src/demo/tokens.less: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/demo/tokens.less -------------------------------------------------------------------------------- /addon/src/demo/tokens.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/demo/tokens.scss -------------------------------------------------------------------------------- /addon/src/doc-blocks.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/doc-blocks.ts -------------------------------------------------------------------------------- /addon/src/hooks/useDebounce.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/hooks/useDebounce.ts -------------------------------------------------------------------------------- /addon/src/hooks/useFilteredTokens.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/hooks/useFilteredTokens.ts -------------------------------------------------------------------------------- /addon/src/hooks/usePopup.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/hooks/usePopup.ts -------------------------------------------------------------------------------- /addon/src/hooks/useTokenSearch.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/hooks/useTokenSearch.ts -------------------------------------------------------------------------------- /addon/src/hooks/useTokenTabs.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/hooks/useTokenTabs.ts -------------------------------------------------------------------------------- /addon/src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/index.ts -------------------------------------------------------------------------------- /addon/src/manager.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/manager.ts -------------------------------------------------------------------------------- /addon/src/parsers/image.parser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/parsers/image.parser.ts -------------------------------------------------------------------------------- /addon/src/parsers/postcss.parser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/parsers/postcss.parser.ts -------------------------------------------------------------------------------- /addon/src/parsers/svg-icon.parser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/parsers/svg-icon.parser.ts -------------------------------------------------------------------------------- /addon/src/plugin.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/plugin.ts -------------------------------------------------------------------------------- /addon/src/preset.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/preset.ts -------------------------------------------------------------------------------- /addon/src/preview.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/preview.ts -------------------------------------------------------------------------------- /addon/src/stories/Button.stories.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/stories/Button.stories.ts -------------------------------------------------------------------------------- /addon/src/stories/Button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/stories/Button.tsx -------------------------------------------------------------------------------- /addon/src/stories/CircleColorPresenter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/stories/CircleColorPresenter.tsx -------------------------------------------------------------------------------- /addon/src/stories/Introduction.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/stories/Introduction.mdx -------------------------------------------------------------------------------- /addon/src/stories/button.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/stories/button.css -------------------------------------------------------------------------------- /addon/src/types/category.types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/types/category.types.ts -------------------------------------------------------------------------------- /addon/src/types/config.types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/types/config.types.ts -------------------------------------------------------------------------------- /addon/src/types/tab.types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/types/tab.types.ts -------------------------------------------------------------------------------- /addon/src/types/token.types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/src/types/token.types.ts -------------------------------------------------------------------------------- /addon/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/tsconfig.json -------------------------------------------------------------------------------- /addon/tsup.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/tsup.config.ts -------------------------------------------------------------------------------- /addon/tsup.node.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/tsup.node.config.ts -------------------------------------------------------------------------------- /addon/vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/vite.config.ts -------------------------------------------------------------------------------- /addon/yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/addon/yarn.lock -------------------------------------------------------------------------------- /docs/screenshot-addon-panel-cards.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/docs/screenshot-addon-panel-cards.png -------------------------------------------------------------------------------- /docs/screenshot-addon-panel-table.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/docs/screenshot-addon-panel-table.png -------------------------------------------------------------------------------- /docs/screenshot-doc-block-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/docs/screenshot-doc-block-1.png -------------------------------------------------------------------------------- /docs/screenshot-doc-block-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/docs/screenshot-doc-block-2.png -------------------------------------------------------------------------------- /docs/teaser.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/UX-and-I/storybook-design-token/HEAD/docs/teaser.png --------------------------------------------------------------------------------