Skip to content

Commit ac82484

Browse files
adamwathanadamwathan
authored
Don't import corePlugins in resolveConfig (#2548)
1 parent e0462ce commit ac82484

File tree

5 files changed

+236
-235
lines changed

5 files changed

+236
-235
lines changed

‎__tests__/resolveConfig.test.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { corePluginList } from '../src/corePlugins'
1+
import { corePluginList } from '../src/corePluginList'
22
import resolveConfig from '../src/util/resolveConfig'
33

44
test('prefix key overrides default prefix', () => {
@@ -1821,7 +1821,7 @@ test('core plugin configuration builds on the default list when starting with an
18211821
separator: ':',
18221822
theme: {},
18231823
variants: {},
1824-
corePlugins: Object.keys(corePluginList).filter(c => c !== 'display'),
1824+
corePlugins: corePluginList.filter(c => c !== 'display'),
18251825
})
18261826
})
18271827

‎src/corePluginList.js

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
export const corePluginList = [
2+
'preflight',
3+
'container',
4+
'space',
5+
'divideWidth',
6+
'divideColor',
7+
'divideStyle',
8+
'divideOpacity',
9+
'accessibility',
10+
'appearance',
11+
'backgroundAttachment',
12+
'backgroundClip',
13+
'backgroundColor',
14+
'backgroundImage',
15+
'gradientColorStops',
16+
'backgroundOpacity',
17+
'backgroundPosition',
18+
'backgroundRepeat',
19+
'backgroundSize',
20+
'borderCollapse',
21+
'borderColor',
22+
'borderOpacity',
23+
'borderRadius',
24+
'borderStyle',
25+
'borderWidth',
26+
'boxSizing',
27+
'cursor',
28+
'display',
29+
'flexDirection',
30+
'flexWrap',
31+
'placeItems',
32+
'placeContent',
33+
'placeSelf',
34+
'alignItems',
35+
'alignContent',
36+
'alignSelf',
37+
'justifyItems',
38+
'justifyContent',
39+
'justifySelf',
40+
'flex',
41+
'flexGrow',
42+
'flexShrink',
43+
'order',
44+
'float',
45+
'clear',
46+
'fontFamily',
47+
'fontWeight',
48+
'height',
49+
'fontSize',
50+
'lineHeight',
51+
'listStylePosition',
52+
'listStyleType',
53+
'margin',
54+
'maxHeight',
55+
'maxWidth',
56+
'minHeight',
57+
'minWidth',
58+
'objectFit',
59+
'objectPosition',
60+
'opacity',
61+
'outline',
62+
'overflow',
63+
'overscrollBehavior',
64+
'padding',
65+
'placeholderColor',
66+
'placeholderOpacity',
67+
'pointerEvents',
68+
'position',
69+
'inset',
70+
'resize',
71+
'boxShadow',
72+
'fill',
73+
'stroke',
74+
'strokeWidth',
75+
'tableLayout',
76+
'textAlign',
77+
'textColor',
78+
'textOpacity',
79+
'fontStyle',
80+
'textTransform',
81+
'textDecoration',
82+
'fontSmoothing',
83+
'fontVariantNumeric',
84+
'letterSpacing',
85+
'userSelect',
86+
'verticalAlign',
87+
'visibility',
88+
'whitespace',
89+
'wordBreak',
90+
'width',
91+
'zIndex',
92+
'gap',
93+
'gridAutoFlow',
94+
'gridTemplateColumns',
95+
'gridAutoColumns',
96+
'gridColumn',
97+
'gridColumnStart',
98+
'gridColumnEnd',
99+
'gridTemplateRows',
100+
'gridAutoRows',
101+
'gridRow',
102+
'gridRowStart',
103+
'gridRowEnd',
104+
'transform',
105+
'transformOrigin',
106+
'scale',
107+
'rotate',
108+
'translate',
109+
'skew',
110+
'transitionProperty',
111+
'transitionTimingFunction',
112+
'transitionDuration',
113+
'transitionDelay',
114+
'animation',
115+
]

‎src/corePlugins.js

Lines changed: 4 additions & 231 deletions
Original file line numberDiff line numberDiff line change
@@ -1,237 +1,10 @@
1-
import preflight from './plugins/preflight'
2-
import container from './plugins/container'
3-
import space from './plugins/space'
4-
import divideWidth from './plugins/divideWidth'
5-
import divideColor from './plugins/divideColor'
6-
import divideStyle from './plugins/divideStyle'
7-
import accessibility from './plugins/accessibility'
8-
import appearance from './plugins/appearance'
9-
import backgroundAttachment from './plugins/backgroundAttachment'
10-
import backgroundClip from './plugins/backgroundClip'
11-
import backgroundColor from './plugins/backgroundColor'
12-
import backgroundImage from './plugins/backgroundImage'
13-
import gradientColorStops from './plugins/gradientColorStops'
14-
import backgroundPosition from './plugins/backgroundPosition'
15-
import backgroundRepeat from './plugins/backgroundRepeat'
16-
import backgroundSize from './plugins/backgroundSize'
17-
import borderCollapse from './plugins/borderCollapse'
18-
import borderColor from './plugins/borderColor'
19-
import borderRadius from './plugins/borderRadius'
20-
import borderStyle from './plugins/borderStyle'
21-
import borderWidth from './plugins/borderWidth'
22-
import boxSizing from './plugins/boxSizing'
23-
import cursor from './plugins/cursor'
24-
import display from './plugins/display'
25-
import flexDirection from './plugins/flexDirection'
26-
import flexWrap from './plugins/flexWrap'
27-
import placeItems from './plugins/placeItems'
28-
import placeContent from './plugins/placeContent'
29-
import placeSelf from './plugins/placeSelf'
30-
import alignItems from './plugins/alignItems'
31-
import alignContent from './plugins/alignContent'
32-
import alignSelf from './plugins/alignSelf'
33-
import justifyItems from './plugins/justifyItems'
34-
import justifyContent from './plugins/justifyContent'
35-
import justifySelf from './plugins/justifySelf'
36-
import flex from './plugins/flex'
37-
import flexGrow from './plugins/flexGrow'
38-
import flexShrink from './plugins/flexShrink'
39-
import order from './plugins/order'
40-
import float from './plugins/float'
41-
import clear from './plugins/clear'
42-
import fontFamily from './plugins/fontFamily'
43-
import fontWeight from './plugins/fontWeight'
44-
import height from './plugins/height'
45-
import lineHeight from './plugins/lineHeight'
46-
import listStylePosition from './plugins/listStylePosition'
47-
import listStyleType from './plugins/listStyleType'
48-
import margin from './plugins/margin'
49-
import maxHeight from './plugins/maxHeight'
50-
import maxWidth from './plugins/maxWidth'
51-
import minHeight from './plugins/minHeight'
52-
import minWidth from './plugins/minWidth'
53-
import objectFit from './plugins/objectFit'
54-
import objectPosition from './plugins/objectPosition'
55-
import opacity from './plugins/opacity'
56-
import outline from './plugins/outline'
57-
import overflow from './plugins/overflow'
58-
import overscrollBehavior from './plugins/overscrollBehavior'
59-
import padding from './plugins/padding'
60-
import placeholderColor from './plugins/placeholderColor'
61-
import pointerEvents from './plugins/pointerEvents'
62-
import position from './plugins/position'
63-
import inset from './plugins/inset'
64-
import resize from './plugins/resize'
65-
import boxShadow from './plugins/boxShadow'
66-
import fill from './plugins/fill'
67-
import stroke from './plugins/stroke'
68-
import strokeWidth from './plugins/strokeWidth'
69-
import tableLayout from './plugins/tableLayout'
70-
import textAlign from './plugins/textAlign'
71-
import textColor from './plugins/textColor'
72-
import fontSize from './plugins/fontSize'
73-
import fontStyle from './plugins/fontStyle'
74-
import textTransform from './plugins/textTransform'
75-
import textDecoration from './plugins/textDecoration'
76-
import fontSmoothing from './plugins/fontSmoothing'
77-
import fontVariantNumeric from './plugins/fontVariantNumeric'
78-
import letterSpacing from './plugins/letterSpacing'
79-
import userSelect from './plugins/userSelect'
80-
import verticalAlign from './plugins/verticalAlign'
81-
import visibility from './plugins/visibility'
82-
import whitespace from './plugins/whitespace'
83-
import wordBreak from './plugins/wordBreak'
84-
import width from './plugins/width'
85-
import zIndex from './plugins/zIndex'
86-
import gap from './plugins/gap'
87-
import gridAutoFlow from './plugins/gridAutoFlow'
88-
import gridTemplateColumns from './plugins/gridTemplateColumns'
89-
import gridAutoColumns from './plugins/gridAutoColumns'
90-
import gridColumn from './plugins/gridColumn'
91-
import gridColumnStart from './plugins/gridColumnStart'
92-
import gridColumnEnd from './plugins/gridColumnEnd'
93-
import gridTemplateRows from './plugins/gridTemplateRows'
94-
import gridAutoRows from './plugins/gridAutoRows'
95-
import gridRow from './plugins/gridRow'
96-
import gridRowStart from './plugins/gridRowStart'
97-
import gridRowEnd from './plugins/gridRowEnd'
98-
import transform from './plugins/transform'
99-
import transformOrigin from './plugins/transformOrigin'
100-
import scale from './plugins/scale'
101-
import rotate from './plugins/rotate'
102-
import translate from './plugins/translate'
103-
import skew from './plugins/skew'
104-
import transitionProperty from './plugins/transitionProperty'
105-
import transitionTimingFunction from './plugins/transitionTimingFunction'
106-
import transitionDuration from './plugins/transitionDuration'
107-
import transitionDelay from './plugins/transitionDelay'
108-
import divideOpacity from './plugins/divideOpacity'
109-
import backgroundOpacity from './plugins/backgroundOpacity'
110-
import borderOpacity from './plugins/borderOpacity'
111-
import textOpacity from './plugins/textOpacity'
112-
import placeholderOpacity from './plugins/placeholderOpacity'
113-
import animation from './plugins/animation'
1+
import { corePluginList } from './corePluginList.js'
2+
import * as plugins from './plugins/index.js'
1143

1154
import configurePlugins from './util/configurePlugins'
1165

117-
export const corePluginList = {
118-
preflight,
119-
container,
120-
space,
121-
divideWidth,
122-
divideColor,
123-
divideStyle,
124-
divideOpacity,
125-
accessibility,
126-
appearance,
127-
backgroundAttachment,
128-
backgroundClip,
129-
backgroundColor,
130-
backgroundImage,
131-
gradientColorStops,
132-
backgroundOpacity,
133-
backgroundPosition,
134-
backgroundRepeat,
135-
backgroundSize,
136-
borderCollapse,
137-
borderColor,
138-
borderOpacity,
139-
borderRadius,
140-
borderStyle,
141-
borderWidth,
142-
boxSizing,
143-
cursor,
144-
display,
145-
flexDirection,
146-
flexWrap,
147-
placeItems,
148-
placeContent,
149-
placeSelf,
150-
alignItems,
151-
alignContent,
152-
alignSelf,
153-
justifyItems,
154-
justifyContent,
155-
justifySelf,
156-
flex,
157-
flexGrow,
158-
flexShrink,
159-
order,
160-
float,
161-
clear,
162-
fontFamily,
163-
fontWeight,
164-
height,
165-
fontSize,
166-
lineHeight,
167-
listStylePosition,
168-
listStyleType,
169-
margin,
170-
maxHeight,
171-
maxWidth,
172-
minHeight,
173-
minWidth,
174-
objectFit,
175-
objectPosition,
176-
opacity,
177-
outline,
178-
overflow,
179-
overscrollBehavior,
180-
padding,
181-
placeholderColor,
182-
placeholderOpacity,
183-
pointerEvents,
184-
position,
185-
inset,
186-
resize,
187-
boxShadow,
188-
fill,
189-
stroke,
190-
strokeWidth,
191-
tableLayout,
192-
textAlign,
193-
textColor,
194-
textOpacity,
195-
fontStyle,
196-
textTransform,
197-
textDecoration,
198-
fontSmoothing,
199-
fontVariantNumeric,
200-
letterSpacing,
201-
userSelect,
202-
verticalAlign,
203-
visibility,
204-
whitespace,
205-
wordBreak,
206-
width,
207-
zIndex,
208-
gap,
209-
gridAutoFlow,
210-
gridTemplateColumns,
211-
gridAutoColumns,
212-
gridColumn,
213-
gridColumnStart,
214-
gridColumnEnd,
215-
gridTemplateRows,
216-
gridAutoRows,
217-
gridRow,
218-
gridRowStart,
219-
gridRowEnd,
220-
transform,
221-
transformOrigin,
222-
scale,
223-
rotate,
224-
translate,
225-
skew,
226-
transitionProperty,
227-
transitionTimingFunction,
228-
transitionDuration,
229-
transitionDelay,
230-
animation,
231-
}
232-
2336
export default function({ corePlugins: corePluginConfig }) {
234-
return configurePlugins(corePluginConfig, Object.keys(corePluginList)).map(pluginName => {
235-
return corePluginList[pluginName]()
7+
return configurePlugins(corePluginConfig, corePluginList).map(pluginName => {
8+
return plugins[pluginName]()
2369
})
23710
}

0 commit comments

Comments
 (0)