diff --git a/.storybook/vcssom/css5-h.ts b/.storybook/vcssom/css5-h.ts index 4eea9016..fb991936 100644 --- a/.storybook/vcssom/css5-h.ts +++ b/.storybook/vcssom/css5-h.ts @@ -3,8 +3,10 @@ import {styled} from './css5'; const cache = {}; const cachedBlock = (useCss, h, tag) => cache[tag] || (cache[tag] = styled(useCss)(h)(tag)); -export const H = (h, useCss) => (tag, props, ...rest) => { - if (!props || !props.css || typeof tag !== 'string') return h(tag, props, ...rest); - const Block = cachedBlock(useCss, h, tag); - return h(Block, props, ...rest); -}; +export const H = + (h, useCss) => + (tag, props, ...rest) => { + if (!props || !props.css || typeof tag !== 'string') return h(tag, props, ...rest); + const Block = cachedBlock(useCss, h, tag); + return h(Block, props, ...rest); + }; diff --git a/.storybook/vcssom/css5.ts b/.storybook/vcssom/css5.ts index 2c56dd64..f290cb36 100644 --- a/.storybook/vcssom/css5.ts +++ b/.storybook/vcssom/css5.ts @@ -1,11 +1,15 @@ import * as React from 'react'; import {useCss} from './react'; -export const styled = (useCss) => (h) => (tag) => ({as = tag, css, className, ...rest}) => { - const extraClass = useCss(css); - rest.className = className ? className + ' ' + extraClass : extraClass; - return h(as, rest); -}; +export const styled = + (useCss) => + (h) => + (tag) => + ({as = tag, css, className, ...rest}) => { + const extraClass = useCss(css); + rest.className = className ? className + ' ' + extraClass : extraClass; + return h(as, rest); + }; export const Box = styled(useCss)(React.createElement)('div') as any; export const Text = styled(useCss)(React.createElement)('span') as any; diff --git a/addon/atoms.d.ts b/addon/atoms.d.ts index 6875be1f..aff86884 100644 --- a/addon/atoms.d.ts +++ b/addon/atoms.d.ts @@ -42,7 +42,6 @@ export interface Atoms { */ z?: CSS.Property.ZIndex; - // Layout (box model) /** @@ -141,7 +140,6 @@ export interface Atoms { */ tbl?: CSS.Property.TableLayout; - // Flexbox /** @@ -204,7 +202,6 @@ export interface Atoms { */ as?: CSS.Property.AlignSelf; - // Margins /** @@ -329,7 +326,6 @@ export interface Atoms { */ padl?: CSS.Property.PaddingLeft; - // Borders /** @@ -392,7 +388,6 @@ export interface Atoms { */ bxsh?: CSS.Property.BoxShadow; - // Colors /** @@ -565,7 +560,6 @@ export interface Atoms { */ va?: CSS.Property.VerticalAlign; - // Pointer /** @@ -586,7 +580,6 @@ export interface Atoms { */ us?: CSS.Property.UserSelect; - // Animations /** @@ -643,7 +636,6 @@ export interface Atoms { */ tr?: CSS.Property.Transform; - // SVG /** @@ -664,7 +656,6 @@ export interface Atoms { */ stl?: CSS.Property.StrokeLinecap; - // Other /**