1 | import Animations from './props.animations.js'
|
2 | import Sizes from './props.sizes.js'
|
3 | import Colors from './props.colors.js'
|
4 | import ColorsHSL from './props.colors-hsl.js'
|
5 | import Fonts from './props.fonts.js'
|
6 | import Borders from './props.borders.js'
|
7 | import Aspects from './props.aspects.js'
|
8 | import Easings from './props.easing.js'
|
9 | import Gradients from './props.gradients.js'
|
10 | import Shadows from './props.shadows.js'
|
11 | import SVG from './props.svg.js'
|
12 | import Zindex from './props.zindex.js'
|
13 | import MaskEdges from './props.masks.edges.js'
|
14 | import MaskCornerCuts from './props.masks.corner-cuts.js'
|
15 |
|
16 | const camelize = text => {
|
17 | text = text.replace(/[-]+(.)?/g, (_, c) => c
|
18 | ? c.toUpperCase()
|
19 | : '')
|
20 | return text.substr(0, 1).toLowerCase() + text.substr(1)
|
21 | }
|
22 |
|
23 | const mapToObjectNotation = props => {
|
24 | for (var prop in props)
|
25 | props[camelize(prop)] = props[prop]
|
26 | return props
|
27 | }
|
28 |
|
29 | const OpenProps = mapToObjectNotation({
|
30 | ...Animations,
|
31 | ...Sizes,
|
32 | ...Colors,
|
33 | ...ColorsHSL,
|
34 | ...Fonts,
|
35 | ...Borders,
|
36 | ...Aspects,
|
37 | ...Easings,
|
38 | ...SVG,
|
39 | ...Gradients,
|
40 | ...Shadows,
|
41 | ...Zindex,
|
42 | ...MaskEdges,
|
43 | ...MaskCornerCuts,
|
44 | })
|
45 |
|
46 | export default OpenProps
|