58f8093689
- Updated all component headers and documentation
- Changed navbar and footer branding
- Updated homepage hero badge
- Modified page title in index.html
- Simplified footer text to 'Built with ❤️'
- Consistent V2 capitalization across all references
54 lines
1.6 KiB
JavaScript
54 lines
1.6 KiB
JavaScript
import { mergeWith } from '@chakra-ui/utils';
|
|
import { pseudoPropNames, pseudoSelectors } from './pseudos.mjs';
|
|
import { background } from './config/background.mjs';
|
|
import { border } from './config/border.mjs';
|
|
import { color } from './config/color.mjs';
|
|
import { flexbox } from './config/flexbox.mjs';
|
|
import { layout } from './config/layout.mjs';
|
|
import { filter } from './config/filter.mjs';
|
|
import { ring } from './config/ring.mjs';
|
|
import { interactivity } from './config/interactivity.mjs';
|
|
import { grid } from './config/grid.mjs';
|
|
import { others } from './config/others.mjs';
|
|
import { position } from './config/position.mjs';
|
|
import { effect } from './config/effect.mjs';
|
|
import { space } from './config/space.mjs';
|
|
import { scroll } from './config/scroll.mjs';
|
|
import { typography } from './config/typography.mjs';
|
|
import { textDecoration } from './config/text-decoration.mjs';
|
|
import { transform } from './config/transform.mjs';
|
|
import { list } from './config/list.mjs';
|
|
import { transition } from './config/transition.mjs';
|
|
|
|
const systemProps = mergeWith(
|
|
{},
|
|
background,
|
|
border,
|
|
color,
|
|
flexbox,
|
|
layout,
|
|
filter,
|
|
ring,
|
|
interactivity,
|
|
grid,
|
|
others,
|
|
position,
|
|
effect,
|
|
space,
|
|
scroll,
|
|
typography,
|
|
textDecoration,
|
|
transform,
|
|
list,
|
|
transition
|
|
);
|
|
const layoutSystem = Object.assign({}, space, layout, flexbox, grid, position);
|
|
const layoutPropNames = Object.keys(
|
|
layoutSystem
|
|
);
|
|
const propNames = [...Object.keys(systemProps), ...pseudoPropNames];
|
|
const styleProps = { ...systemProps, ...pseudoSelectors };
|
|
const isStyleProp = (prop) => prop in styleProps;
|
|
|
|
export { isStyleProp, layoutPropNames, propNames, systemProps };
|