├── .babelrc ├── .browserslistrc ├── .editorconfig ├── .eslintrc ├── .gitignore ├── .prettierrc ├── .storybook ├── main.js └── preview.js ├── .talismanrc ├── .vscode └── settings.json ├── README.md ├── SECURITY.md ├── babel.config.js ├── docs └── demo.png ├── figmagic.json ├── graphics ├── check.svg ├── close.svg └── more.svg ├── package.json ├── src ├── assets │ ├── icons │ │ ├── android-chrome-192x192.png │ │ ├── android-chrome-512x512.png │ │ ├── apple-touch-icon.png │ │ ├── browserconfig.xml │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── favicon.ico │ │ ├── icon-128x128.png │ │ ├── icon-144x144.png │ │ ├── icon-152x152.png │ │ ├── icon-192x192.png │ │ ├── icon-384x384.png │ │ ├── icon-512x512.png │ │ ├── icon-72x72.png │ │ ├── icon-96x96.png │ │ └── mstile-150x150.png │ └── img │ │ └── image.jpg ├── components │ └── DemoForm │ │ ├── DemoFormStyled.tsx │ │ └── index.tsx ├── containers │ └── DemoView │ │ └── index.tsx ├── elements │ ├── Button │ │ ├── Button.description.md │ │ ├── Button.stories.mdx │ │ ├── Button.tsx │ │ ├── ButtonCss.ts │ │ └── ButtonStyled.tsx │ ├── Checkbox │ │ ├── Checkbox.description.md │ │ ├── Checkbox.stories.mdx │ │ ├── Checkbox.tsx │ │ ├── CheckboxCss.ts │ │ └── CheckboxStyled.tsx │ ├── Form │ │ ├── Form.description.md │ │ ├── Form.stories.mdx │ │ ├── Form.tsx │ │ ├── FormCss.ts │ │ └── FormStyled.tsx │ ├── H1 │ │ ├── H1.description.md │ │ ├── H1.stories.mdx │ │ ├── H1.tsx │ │ ├── H1Css.ts │ │ └── H1Styled.tsx │ ├── H2 │ │ ├── H2.description.md │ │ ├── H2.stories.mdx │ │ ├── H2.tsx │ │ ├── H2Css.ts │ │ └── H2Styled.tsx │ ├── H3 │ │ ├── H3.description.md │ │ ├── H3.stories.mdx │ │ ├── H3.tsx │ │ ├── H3Css.ts │ │ └── H3Styled.tsx │ ├── H4 │ │ ├── H4.description.md │ │ ├── H4.stories.mdx │ │ ├── H4.tsx │ │ ├── H4Css.ts │ │ └── H4Styled.tsx │ ├── H5 │ │ ├── H5.description.md │ │ ├── H5.stories.mdx │ │ ├── H5.tsx │ │ ├── H5Css.ts │ │ └── H5Styled.tsx │ ├── H6 │ │ ├── H6.description.md │ │ ├── H6.stories.mdx │ │ ├── H6.tsx │ │ ├── H6Css.ts │ │ └── H6Styled.tsx │ ├── Hr │ │ ├── Hr.description.md │ │ ├── Hr.stories.mdx │ │ ├── Hr.tsx │ │ ├── HrCss.ts │ │ └── HrStyled.tsx │ ├── Input │ │ ├── Input.description.md │ │ ├── Input.stories.mdx │ │ ├── Input.tsx │ │ ├── InputCss.ts │ │ └── InputStyled.tsx │ ├── Microcopy │ │ ├── Microcopy.description.md │ │ ├── Microcopy.stories.mdx │ │ ├── Microcopy.tsx │ │ ├── MicrocopyCss.ts │ │ └── MicrocopyStyled.tsx │ ├── Paragraph │ │ ├── Paragraph.description.md │ │ ├── Paragraph.stories.mdx │ │ ├── Paragraph.tsx │ │ ├── ParagraphCss.ts │ │ └── ParagraphStyled.tsx │ ├── Select │ │ ├── Select.description.md │ │ ├── Select.stories.mdx │ │ ├── Select.tsx │ │ ├── SelectCss.ts │ │ └── SelectStyled.tsx │ └── Slider │ │ ├── Slider.description.md │ │ ├── Slider.stories.mdx │ │ ├── Slider.tsx │ │ ├── SliderCss.ts │ │ └── SliderStyled.tsx ├── favicon.ico ├── index.html ├── index.tsx └── manifest.webmanifest ├── tokens ├── borderWidths.ts ├── colors.ts ├── delays.ts ├── durations.ts ├── easings.ts ├── fontFamilies.ts ├── fontSizes.ts ├── fontWeights.ts ├── letterSpacings.ts ├── lineHeights.ts ├── mediaQueries.ts ├── opacities.ts ├── radii.ts ├── shadows.ts ├── spacing.ts └── zIndices.ts ├── tsconfig.json ├── webpack.common.js ├── webpack.dev.js └── webpack.prod.js /.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.babelrc -------------------------------------------------------------------------------- /.browserslistrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.browserslistrc -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.editorconfig -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.eslintrc -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.prettierrc -------------------------------------------------------------------------------- /.storybook/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.storybook/main.js -------------------------------------------------------------------------------- /.storybook/preview.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.storybook/preview.js -------------------------------------------------------------------------------- /.talismanrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.talismanrc -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/.vscode/settings.json -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/README.md -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/SECURITY.md -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/babel.config.js -------------------------------------------------------------------------------- /docs/demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/docs/demo.png -------------------------------------------------------------------------------- /figmagic.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/figmagic.json -------------------------------------------------------------------------------- /graphics/check.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/graphics/check.svg -------------------------------------------------------------------------------- /graphics/close.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/graphics/close.svg -------------------------------------------------------------------------------- /graphics/more.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/graphics/more.svg -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/package.json -------------------------------------------------------------------------------- /src/assets/icons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/android-chrome-192x192.png -------------------------------------------------------------------------------- /src/assets/icons/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/android-chrome-512x512.png -------------------------------------------------------------------------------- /src/assets/icons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/apple-touch-icon.png -------------------------------------------------------------------------------- /src/assets/icons/browserconfig.xml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/browserconfig.xml -------------------------------------------------------------------------------- /src/assets/icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/favicon-16x16.png -------------------------------------------------------------------------------- /src/assets/icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/favicon-32x32.png -------------------------------------------------------------------------------- /src/assets/icons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/favicon.ico -------------------------------------------------------------------------------- /src/assets/icons/icon-128x128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/icon-128x128.png -------------------------------------------------------------------------------- /src/assets/icons/icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/icon-144x144.png -------------------------------------------------------------------------------- /src/assets/icons/icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/icon-152x152.png -------------------------------------------------------------------------------- /src/assets/icons/icon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/icon-192x192.png -------------------------------------------------------------------------------- /src/assets/icons/icon-384x384.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/icon-384x384.png -------------------------------------------------------------------------------- /src/assets/icons/icon-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/icon-512x512.png -------------------------------------------------------------------------------- /src/assets/icons/icon-72x72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/icon-72x72.png -------------------------------------------------------------------------------- /src/assets/icons/icon-96x96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/icon-96x96.png -------------------------------------------------------------------------------- /src/assets/icons/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/icons/mstile-150x150.png -------------------------------------------------------------------------------- /src/assets/img/image.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/assets/img/image.jpg -------------------------------------------------------------------------------- /src/components/DemoForm/DemoFormStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/components/DemoForm/DemoFormStyled.tsx -------------------------------------------------------------------------------- /src/components/DemoForm/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/components/DemoForm/index.tsx -------------------------------------------------------------------------------- /src/containers/DemoView/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/containers/DemoView/index.tsx -------------------------------------------------------------------------------- /src/elements/Button/Button.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Button/Button.description.md -------------------------------------------------------------------------------- /src/elements/Button/Button.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Button/Button.stories.mdx -------------------------------------------------------------------------------- /src/elements/Button/Button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Button/Button.tsx -------------------------------------------------------------------------------- /src/elements/Button/ButtonCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Button/ButtonCss.ts -------------------------------------------------------------------------------- /src/elements/Button/ButtonStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Button/ButtonStyled.tsx -------------------------------------------------------------------------------- /src/elements/Checkbox/Checkbox.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Checkbox/Checkbox.description.md -------------------------------------------------------------------------------- /src/elements/Checkbox/Checkbox.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Checkbox/Checkbox.stories.mdx -------------------------------------------------------------------------------- /src/elements/Checkbox/Checkbox.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Checkbox/Checkbox.tsx -------------------------------------------------------------------------------- /src/elements/Checkbox/CheckboxCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Checkbox/CheckboxCss.ts -------------------------------------------------------------------------------- /src/elements/Checkbox/CheckboxStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Checkbox/CheckboxStyled.tsx -------------------------------------------------------------------------------- /src/elements/Form/Form.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Form/Form.description.md -------------------------------------------------------------------------------- /src/elements/Form/Form.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Form/Form.stories.mdx -------------------------------------------------------------------------------- /src/elements/Form/Form.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Form/Form.tsx -------------------------------------------------------------------------------- /src/elements/Form/FormCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Form/FormCss.ts -------------------------------------------------------------------------------- /src/elements/Form/FormStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Form/FormStyled.tsx -------------------------------------------------------------------------------- /src/elements/H1/H1.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H1/H1.description.md -------------------------------------------------------------------------------- /src/elements/H1/H1.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H1/H1.stories.mdx -------------------------------------------------------------------------------- /src/elements/H1/H1.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H1/H1.tsx -------------------------------------------------------------------------------- /src/elements/H1/H1Css.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H1/H1Css.ts -------------------------------------------------------------------------------- /src/elements/H1/H1Styled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H1/H1Styled.tsx -------------------------------------------------------------------------------- /src/elements/H2/H2.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H2/H2.description.md -------------------------------------------------------------------------------- /src/elements/H2/H2.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H2/H2.stories.mdx -------------------------------------------------------------------------------- /src/elements/H2/H2.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H2/H2.tsx -------------------------------------------------------------------------------- /src/elements/H2/H2Css.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H2/H2Css.ts -------------------------------------------------------------------------------- /src/elements/H2/H2Styled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H2/H2Styled.tsx -------------------------------------------------------------------------------- /src/elements/H3/H3.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H3/H3.description.md -------------------------------------------------------------------------------- /src/elements/H3/H3.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H3/H3.stories.mdx -------------------------------------------------------------------------------- /src/elements/H3/H3.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H3/H3.tsx -------------------------------------------------------------------------------- /src/elements/H3/H3Css.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H3/H3Css.ts -------------------------------------------------------------------------------- /src/elements/H3/H3Styled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H3/H3Styled.tsx -------------------------------------------------------------------------------- /src/elements/H4/H4.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H4/H4.description.md -------------------------------------------------------------------------------- /src/elements/H4/H4.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H4/H4.stories.mdx -------------------------------------------------------------------------------- /src/elements/H4/H4.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H4/H4.tsx -------------------------------------------------------------------------------- /src/elements/H4/H4Css.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H4/H4Css.ts -------------------------------------------------------------------------------- /src/elements/H4/H4Styled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H4/H4Styled.tsx -------------------------------------------------------------------------------- /src/elements/H5/H5.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H5/H5.description.md -------------------------------------------------------------------------------- /src/elements/H5/H5.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H5/H5.stories.mdx -------------------------------------------------------------------------------- /src/elements/H5/H5.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H5/H5.tsx -------------------------------------------------------------------------------- /src/elements/H5/H5Css.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H5/H5Css.ts -------------------------------------------------------------------------------- /src/elements/H5/H5Styled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H5/H5Styled.tsx -------------------------------------------------------------------------------- /src/elements/H6/H6.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H6/H6.description.md -------------------------------------------------------------------------------- /src/elements/H6/H6.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H6/H6.stories.mdx -------------------------------------------------------------------------------- /src/elements/H6/H6.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H6/H6.tsx -------------------------------------------------------------------------------- /src/elements/H6/H6Css.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H6/H6Css.ts -------------------------------------------------------------------------------- /src/elements/H6/H6Styled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/H6/H6Styled.tsx -------------------------------------------------------------------------------- /src/elements/Hr/Hr.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Hr/Hr.description.md -------------------------------------------------------------------------------- /src/elements/Hr/Hr.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Hr/Hr.stories.mdx -------------------------------------------------------------------------------- /src/elements/Hr/Hr.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Hr/Hr.tsx -------------------------------------------------------------------------------- /src/elements/Hr/HrCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Hr/HrCss.ts -------------------------------------------------------------------------------- /src/elements/Hr/HrStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Hr/HrStyled.tsx -------------------------------------------------------------------------------- /src/elements/Input/Input.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Input/Input.description.md -------------------------------------------------------------------------------- /src/elements/Input/Input.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Input/Input.stories.mdx -------------------------------------------------------------------------------- /src/elements/Input/Input.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Input/Input.tsx -------------------------------------------------------------------------------- /src/elements/Input/InputCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Input/InputCss.ts -------------------------------------------------------------------------------- /src/elements/Input/InputStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Input/InputStyled.tsx -------------------------------------------------------------------------------- /src/elements/Microcopy/Microcopy.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Microcopy/Microcopy.description.md -------------------------------------------------------------------------------- /src/elements/Microcopy/Microcopy.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Microcopy/Microcopy.stories.mdx -------------------------------------------------------------------------------- /src/elements/Microcopy/Microcopy.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Microcopy/Microcopy.tsx -------------------------------------------------------------------------------- /src/elements/Microcopy/MicrocopyCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Microcopy/MicrocopyCss.ts -------------------------------------------------------------------------------- /src/elements/Microcopy/MicrocopyStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Microcopy/MicrocopyStyled.tsx -------------------------------------------------------------------------------- /src/elements/Paragraph/Paragraph.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Paragraph/Paragraph.description.md -------------------------------------------------------------------------------- /src/elements/Paragraph/Paragraph.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Paragraph/Paragraph.stories.mdx -------------------------------------------------------------------------------- /src/elements/Paragraph/Paragraph.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Paragraph/Paragraph.tsx -------------------------------------------------------------------------------- /src/elements/Paragraph/ParagraphCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Paragraph/ParagraphCss.ts -------------------------------------------------------------------------------- /src/elements/Paragraph/ParagraphStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Paragraph/ParagraphStyled.tsx -------------------------------------------------------------------------------- /src/elements/Select/Select.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Select/Select.description.md -------------------------------------------------------------------------------- /src/elements/Select/Select.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Select/Select.stories.mdx -------------------------------------------------------------------------------- /src/elements/Select/Select.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Select/Select.tsx -------------------------------------------------------------------------------- /src/elements/Select/SelectCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Select/SelectCss.ts -------------------------------------------------------------------------------- /src/elements/Select/SelectStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Select/SelectStyled.tsx -------------------------------------------------------------------------------- /src/elements/Slider/Slider.description.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Slider/Slider.description.md -------------------------------------------------------------------------------- /src/elements/Slider/Slider.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Slider/Slider.stories.mdx -------------------------------------------------------------------------------- /src/elements/Slider/Slider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Slider/Slider.tsx -------------------------------------------------------------------------------- /src/elements/Slider/SliderCss.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Slider/SliderCss.ts -------------------------------------------------------------------------------- /src/elements/Slider/SliderStyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/elements/Slider/SliderStyled.tsx -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/favicon.ico -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/index.html -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/manifest.webmanifest: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/src/manifest.webmanifest -------------------------------------------------------------------------------- /tokens/borderWidths.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/borderWidths.ts -------------------------------------------------------------------------------- /tokens/colors.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/colors.ts -------------------------------------------------------------------------------- /tokens/delays.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/delays.ts -------------------------------------------------------------------------------- /tokens/durations.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/durations.ts -------------------------------------------------------------------------------- /tokens/easings.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/easings.ts -------------------------------------------------------------------------------- /tokens/fontFamilies.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/fontFamilies.ts -------------------------------------------------------------------------------- /tokens/fontSizes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/fontSizes.ts -------------------------------------------------------------------------------- /tokens/fontWeights.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/fontWeights.ts -------------------------------------------------------------------------------- /tokens/letterSpacings.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/letterSpacings.ts -------------------------------------------------------------------------------- /tokens/lineHeights.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/lineHeights.ts -------------------------------------------------------------------------------- /tokens/mediaQueries.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/mediaQueries.ts -------------------------------------------------------------------------------- /tokens/opacities.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/opacities.ts -------------------------------------------------------------------------------- /tokens/radii.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/radii.ts -------------------------------------------------------------------------------- /tokens/shadows.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/shadows.ts -------------------------------------------------------------------------------- /tokens/spacing.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/spacing.ts -------------------------------------------------------------------------------- /tokens/zIndices.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tokens/zIndices.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/tsconfig.json -------------------------------------------------------------------------------- /webpack.common.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/webpack.common.js -------------------------------------------------------------------------------- /webpack.dev.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/webpack.dev.js -------------------------------------------------------------------------------- /webpack.prod.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mikaelvesavuori/figmagic-example/HEAD/webpack.prod.js --------------------------------------------------------------------------------