@master/css 2.0.0-beta.163 → 2.0.0-beta.165

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/config/index.d.ts +14 -6
  2. package/dist/config/rules.d.ts +214 -214
  3. package/dist/config/selectors.d.ts +1 -0
  4. package/dist/config/semantics.d.ts +2 -186
  5. package/dist/core.d.ts +5 -2
  6. package/dist/index.browser.bundle.js +1 -1
  7. package/dist/index.bundle.js +4 -4
  8. package/dist/index.bundle.mjs +3 -3
  9. package/dist/utils/camel-2-kebab.d.ts +1 -0
  10. package/package.json +1 -1
package/dist/config/index.d.ts CHANGED
@@ -10,13 +10,17 @@ import { important } from './important';
10
10
  import { keyframes } from './keyframes';
11
11
  import { functions, FunctionConfig } from './functions';
12
12
  import { themeDriver } from './themeDriver';
13
+ import type { Properties } from 'csstype';
13
14
  declare const config: Config;
14
15
  export { config, breakpoints, colors, rootSize, scope, selectors, semantics, rules, override, important, functions, keyframes, themeDriver };
15
16
  import type { RuleConfig } from '../rule';
17
+ type CSS = {
18
+ [key in keyof Properties]?: Properties[key];
19
+ };
16
20
  type Classes = {
17
21
  [key: string]: string | Classes;
18
22
  };
19
- type Colors = {
23
+ export type Colors = {
20
24
  [key: string]: string | Colors;
21
25
  };
22
26
  type Breakpoints = {
@@ -28,15 +32,20 @@ type MediaQueries = {
28
32
  type Selectors = {
29
33
  [key: string]: string | string[] | Selectors;
30
34
  };
31
- type SemanticsBase = {
32
- [key: string]: string | number | SemanticsBase;
35
+ type SemanticsBase = CSS | {
36
+ [key: string]: SemanticsBase;
33
37
  };
34
- type Semantics = {
38
+ export type Semantics = {
35
39
  [key: string]: SemanticsBase;
36
40
  };
37
41
  export type Values = {
38
42
  [key: string]: string | number | Values;
39
43
  };
44
+ export type Keyframes = Record<string, {
45
+ [key in 'from' | 'to']?: CSS;
46
+ } & {
47
+ [key: string]: CSS;
48
+ }>;
40
49
  export interface Config {
41
50
  extends?: (Config | {
42
51
  config: Config;
@@ -54,7 +63,6 @@ export interface Config {
54
63
  important?: boolean;
55
64
  override?: boolean;
56
65
  functions?: Record<string, FunctionConfig>;
57
- keyframes?: Record<string, Record<string, Record<string, string | number>>>;
58
- precedence?: 'highest' | 'higher' | 'lowest';
66
+ keyframes?: Keyframes;
59
67
  themeDriver?: 'class' | 'media' | 'host';
60
68
  }
package/dist/config/rules.d.ts CHANGED
@@ -1,267 +1,267 @@
1
1
  import { RuleConfig } from '../rule';
2
2
  export declare const rules: {
3
- flex: RuleConfig;
4
- grid: RuleConfig;
5
- group: RuleConfig;
6
- variable: RuleConfig;
7
- fontSize: RuleConfig;
8
- fontWeight: RuleConfig;
9
- fontFamily: RuleConfig;
10
- fontSmoothing: RuleConfig;
11
- fontStyle: RuleConfig;
12
- fontVariantNumeric: RuleConfig;
13
- fontFeatureSettings: RuleConfig;
14
- font: RuleConfig;
3
+ accentColor: RuleConfig;
4
+ alignContent: RuleConfig;
5
+ alignItems: RuleConfig;
6
+ alignSelf: RuleConfig;
7
+ animationDelay: RuleConfig;
8
+ animationDirection: RuleConfig;
9
+ animationDuration: RuleConfig;
10
+ animationFillMode: RuleConfig;
11
+ animationIterationCount: RuleConfig;
12
+ animationName: RuleConfig;
13
+ animationPlayState: RuleConfig;
14
+ animationTimingFunction: RuleConfig;
15
+ appearance: RuleConfig;
16
+ aspectRatio: RuleConfig;
17
+ backdropFilter: RuleConfig;
18
+ backgroundAttachment: RuleConfig;
19
+ backgroundBlendMode: RuleConfig;
20
+ backgroundClip: RuleConfig;
21
+ backgroundColor: RuleConfig;
22
+ backgroundImage: RuleConfig;
23
+ backgroundOrigin: RuleConfig;
24
+ backgroundRepeat: RuleConfig;
25
+ backgroundSize: RuleConfig;
26
+ borderBottomColor: RuleConfig;
27
+ borderBottomLeftRadius: RuleConfig;
28
+ borderBottomRightRadius: RuleConfig;
29
+ borderBottomStyle: RuleConfig;
30
+ borderBottomWidth: RuleConfig;
31
+ borderCollapse: RuleConfig;
32
+ borderImageOutset: RuleConfig;
33
+ borderImageRepeat: RuleConfig;
34
+ borderImageSlice: RuleConfig;
35
+ borderImageSource: RuleConfig;
36
+ borderImageWidth: RuleConfig;
37
+ borderLeftColor: RuleConfig;
38
+ borderLeftStyle: RuleConfig;
39
+ borderLeftWidth: RuleConfig;
40
+ borderRightColor: RuleConfig;
41
+ borderRightStyle: RuleConfig;
42
+ borderRightWidth: RuleConfig;
43
+ borderSpacing: RuleConfig;
44
+ borderTopColor: RuleConfig;
45
+ borderTopLeftRadius: RuleConfig;
46
+ borderTopRightRadius: RuleConfig;
47
+ borderTopStyle: RuleConfig;
48
+ borderTopWidth: RuleConfig;
49
+ bottom: RuleConfig;
50
+ boxDecorationBreak: RuleConfig;
51
+ boxShadow: RuleConfig;
52
+ boxSizing: RuleConfig;
53
+ breakAfter: RuleConfig;
54
+ breakBefore: RuleConfig;
55
+ breakInside: RuleConfig;
56
+ caretColor: RuleConfig;
57
+ clear: RuleConfig;
58
+ clipPath: RuleConfig;
15
59
  color: RuleConfig;
16
- marginLeft: RuleConfig;
17
- marginRight: RuleConfig;
18
- marginTop: RuleConfig;
19
- marginBottom: RuleConfig;
20
- marginX: RuleConfig;
21
- marginY: RuleConfig;
22
- margin: RuleConfig;
23
- paddingLeft: RuleConfig;
24
- paddingRight: RuleConfig;
25
- paddingTop: RuleConfig;
26
- paddingBottom: RuleConfig;
27
- paddingX: RuleConfig;
28
- paddingY: RuleConfig;
29
- padding: RuleConfig;
30
- flexBasis: RuleConfig;
31
- flexWrap: RuleConfig;
32
- flexGrow: RuleConfig;
33
- flexShrink: RuleConfig;
34
- flexDirection: RuleConfig;
35
- display: RuleConfig;
36
- width: RuleConfig;
37
- height: RuleConfig;
38
- minWidth: RuleConfig;
39
- minHeight: RuleConfig;
40
- box: RuleConfig;
41
- minBox: RuleConfig;
42
- maxBox: RuleConfig;
60
+ columnGap: RuleConfig;
61
+ columnSpan: RuleConfig;
43
62
  contain: RuleConfig;
44
63
  content: RuleConfig;
45
64
  counterIncrement: RuleConfig;
46
65
  counterReset: RuleConfig;
66
+ cursor: RuleConfig;
67
+ direction: RuleConfig;
68
+ display: RuleConfig;
69
+ filter: RuleConfig;
70
+ flexBasis: RuleConfig;
71
+ flexDirection: RuleConfig;
72
+ flexGrow: RuleConfig;
73
+ flexShrink: RuleConfig;
74
+ flexWrap: RuleConfig;
75
+ float: RuleConfig;
76
+ fontFamily: RuleConfig;
77
+ fontFeatureSettings: RuleConfig;
78
+ fontSize: RuleConfig;
79
+ fontStyle: RuleConfig;
80
+ fontVariantNumeric: RuleConfig;
81
+ fontWeight: RuleConfig;
82
+ gridAutoColumns: RuleConfig;
83
+ gridAutoFlow: RuleConfig;
84
+ gridAutoRows: RuleConfig;
85
+ gridColumnEnd: RuleConfig;
86
+ gridColumnStart: RuleConfig;
87
+ gridRowEnd: RuleConfig;
88
+ gridRowStart: RuleConfig;
89
+ gridTemplateAreas: RuleConfig;
90
+ gridTemplateColumns: RuleConfig;
91
+ gridTemplateRows: RuleConfig;
92
+ height: RuleConfig;
93
+ isolation: RuleConfig;
94
+ justifyContent: RuleConfig;
95
+ justifyItems: RuleConfig;
96
+ justifySelf: RuleConfig;
97
+ left: RuleConfig;
47
98
  letterSpacing: RuleConfig;
48
99
  lineHeight: RuleConfig;
100
+ listStyleImage: RuleConfig;
101
+ listStylePosition: RuleConfig;
102
+ listStyleType: RuleConfig;
103
+ marginBottom: RuleConfig;
104
+ marginLeft: RuleConfig;
105
+ marginRight: RuleConfig;
106
+ marginTop: RuleConfig;
107
+ maskImage: RuleConfig;
108
+ maxHeight: RuleConfig;
109
+ maxWidth: RuleConfig;
110
+ minHeight: RuleConfig;
111
+ minWidth: RuleConfig;
112
+ mixBlendMode: RuleConfig;
49
113
  objectFit: RuleConfig;
50
114
  objectPosition: RuleConfig;
115
+ opacity: RuleConfig;
116
+ order: RuleConfig;
117
+ outlineColor: RuleConfig;
118
+ outlineOffset: RuleConfig;
119
+ outlineStyle: RuleConfig;
120
+ outlineWidth: RuleConfig;
121
+ overflowX: RuleConfig;
122
+ overflowY: RuleConfig;
123
+ overscrollBehaviorX: RuleConfig;
124
+ overscrollBehaviorY: RuleConfig;
125
+ paddingBottom: RuleConfig;
126
+ paddingLeft: RuleConfig;
127
+ paddingRight: RuleConfig;
128
+ paddingTop: RuleConfig;
129
+ pointerEvents: RuleConfig;
130
+ position: RuleConfig;
131
+ quotes: RuleConfig;
132
+ resize: RuleConfig;
133
+ right: RuleConfig;
134
+ rowGap: RuleConfig;
135
+ scrollBehavior: RuleConfig;
136
+ scrollMarginBottom: RuleConfig;
137
+ scrollMarginLeft: RuleConfig;
138
+ scrollMarginRight: RuleConfig;
139
+ scrollMarginTop: RuleConfig;
140
+ scrollPaddingBottom: RuleConfig;
141
+ scrollPaddingLeft: RuleConfig;
142
+ scrollPaddingRight: RuleConfig;
143
+ scrollPaddingTop: RuleConfig;
144
+ scrollSnapAlign: RuleConfig;
145
+ scrollSnapStop: RuleConfig;
146
+ scrollSnapType: RuleConfig;
147
+ shapeImageThreshold: RuleConfig;
148
+ shapeMargin: RuleConfig;
149
+ shapeOutside: RuleConfig;
150
+ tableLayout: RuleConfig;
51
151
  textAlign: RuleConfig;
52
152
  textDecorationColor: RuleConfig;
153
+ textDecorationLine: RuleConfig;
53
154
  textDecorationStyle: RuleConfig;
54
155
  textDecorationThickness: RuleConfig;
55
- textDecorationLine: RuleConfig;
56
- textDecoration: RuleConfig;
57
- textUnderlineOffset: RuleConfig;
58
- textOverflow: RuleConfig;
156
+ textIndent: RuleConfig;
59
157
  textOrientation: RuleConfig;
60
- textTransform: RuleConfig;
158
+ textOverflow: RuleConfig;
61
159
  textRendering: RuleConfig;
62
- textIndent: RuleConfig;
160
+ textShadow: RuleConfig;
161
+ textTransform: RuleConfig;
162
+ textUnderlineOffset: RuleConfig;
163
+ top: RuleConfig;
164
+ touchAction: RuleConfig;
165
+ transform: RuleConfig;
166
+ transformBox: RuleConfig;
167
+ transformOrigin: RuleConfig;
168
+ transformStyle: RuleConfig;
169
+ transitionDelay: RuleConfig;
170
+ transitionDuration: RuleConfig;
171
+ transitionProperty: RuleConfig;
172
+ transitionTimingFunction: RuleConfig;
173
+ userSelect: RuleConfig;
63
174
  verticalAlign: RuleConfig;
64
- columns: RuleConfig;
175
+ visibility: RuleConfig;
65
176
  whiteSpace: RuleConfig;
66
- top: RuleConfig;
67
- bottom: RuleConfig;
68
- left: RuleConfig;
69
- right: RuleConfig;
177
+ width: RuleConfig;
178
+ willChange: RuleConfig;
179
+ wordBreak: RuleConfig;
180
+ wordSpacing: RuleConfig;
181
+ writingMode: RuleConfig;
182
+ zIndex: RuleConfig;
183
+ animation: RuleConfig;
184
+ background: RuleConfig;
185
+ backgroundPosition: RuleConfig;
186
+ border: RuleConfig;
187
+ borderBottom: RuleConfig;
188
+ borderColor: RuleConfig;
189
+ borderImage: RuleConfig;
190
+ borderLeft: RuleConfig;
191
+ borderRadius: RuleConfig;
192
+ borderRight: RuleConfig;
193
+ borderStyle: RuleConfig;
194
+ borderTop: RuleConfig;
195
+ borderWidth: RuleConfig;
196
+ columns: RuleConfig;
197
+ flex: RuleConfig;
198
+ font: RuleConfig;
199
+ gap: RuleConfig;
200
+ grid: RuleConfig;
201
+ gridArea: RuleConfig;
202
+ gridColumn: RuleConfig;
203
+ gridRow: RuleConfig;
204
+ gridTemplate: RuleConfig;
70
205
  inset: RuleConfig;
71
- lines: RuleConfig;
72
- maxHeight: RuleConfig;
73
- maxWidth: RuleConfig;
74
- boxSizing: RuleConfig;
75
- opacity: RuleConfig;
76
- visibility: RuleConfig;
77
- clear: RuleConfig;
78
- float: RuleConfig;
79
- isolation: RuleConfig;
80
- overflowX: RuleConfig;
81
- overflowY: RuleConfig;
206
+ listStyle: RuleConfig;
207
+ margin: RuleConfig;
208
+ outline: RuleConfig;
82
209
  overflow: RuleConfig;
83
- overscrollBehaviorX: RuleConfig;
84
- overscrollBehaviorY: RuleConfig;
85
210
  overscrollBehavior: RuleConfig;
86
- zIndex: RuleConfig;
87
- position: RuleConfig;
88
- cursor: RuleConfig;
89
- pointerEvents: RuleConfig;
90
- resize: RuleConfig;
91
- touchAction: RuleConfig;
92
- wordBreak: RuleConfig;
93
- wordSpacing: RuleConfig;
211
+ padding: RuleConfig;
212
+ placeContent: RuleConfig;
213
+ placeItems: RuleConfig;
214
+ placeSelf: RuleConfig;
215
+ scrollMargin: RuleConfig;
216
+ scrollPadding: RuleConfig;
217
+ textDecoration: RuleConfig;
218
+ transition: RuleConfig;
219
+ fill: RuleConfig;
220
+ stroke: RuleConfig;
221
+ strokeDasharray: RuleConfig;
222
+ strokeDashoffset: RuleConfig;
223
+ strokeWidth: RuleConfig;
224
+ x: RuleConfig;
225
+ y: RuleConfig;
226
+ group: RuleConfig;
227
+ variable: RuleConfig;
228
+ fontSmoothing: RuleConfig;
229
+ marginX: RuleConfig;
230
+ marginY: RuleConfig;
231
+ paddingX: RuleConfig;
232
+ paddingY: RuleConfig;
233
+ box: RuleConfig;
234
+ minBox: RuleConfig;
235
+ maxBox: RuleConfig;
236
+ lines: RuleConfig;
94
237
  userDrag: RuleConfig;
95
- userSelect: RuleConfig;
96
- textShadow: RuleConfig;
97
238
  textSize: RuleConfig;
98
239
  textFillColor: RuleConfig;
99
240
  textStrokeWidth: RuleConfig;
100
241
  textStrokeColor: RuleConfig;
101
242
  textStroke: RuleConfig;
102
- boxShadow: RuleConfig;
103
- tableLayout: RuleConfig;
104
- transformBox: RuleConfig;
105
- transformStyle: RuleConfig;
106
- transformOrigin: RuleConfig;
107
- transform: RuleConfig;
108
- transitionProperty: RuleConfig;
109
- transitionTimingFunction: RuleConfig;
110
- transitionDuration: RuleConfig;
111
- transitionDelay: RuleConfig;
112
- transition: RuleConfig;
113
- animationDelay: RuleConfig;
114
- animationDirection: RuleConfig;
115
- animationDuration: RuleConfig;
116
- animationFillMode: RuleConfig;
117
- animationIterationCount: RuleConfig;
118
- animationName: RuleConfig;
119
- animationPlayState: RuleConfig;
120
- animationTimingFunction: RuleConfig;
121
- animation: RuleConfig;
122
- borderCollapse: RuleConfig;
123
- borderSpacing: RuleConfig;
124
- borderTopColor: RuleConfig;
125
- borderBottomColor: RuleConfig;
126
- borderLeftColor: RuleConfig;
127
- borderRightColor: RuleConfig;
128
243
  borderXColor: RuleConfig;
129
244
  borderYColor: RuleConfig;
130
- borderColor: RuleConfig;
131
- borderTopLeftRadius: RuleConfig;
132
- borderTopRightRadius: RuleConfig;
133
- borderBottomLeftRadius: RuleConfig;
134
- borderBottomRightRadius: RuleConfig;
135
245
  borderTopRadius: RuleConfig;
136
246
  borderBottomRadius: RuleConfig;
137
247
  borderLeftRadius: RuleConfig;
138
248
  borderRightRadius: RuleConfig;
139
- borderRadius: RuleConfig;
140
- borderTopStyle: RuleConfig;
141
- borderBottomStyle: RuleConfig;
142
- borderLeftStyle: RuleConfig;
143
- borderRightStyle: RuleConfig;
144
249
  borderXStyle: RuleConfig;
145
250
  borderYStyle: RuleConfig;
146
- borderStyle: RuleConfig;
147
- borderTopWidth: RuleConfig;
148
- borderBottomWidth: RuleConfig;
149
- borderLeftWidth: RuleConfig;
150
- borderRightWidth: RuleConfig;
151
251
  borderXWidth: RuleConfig;
152
252
  borderYWidth: RuleConfig;
153
- borderWidth: RuleConfig;
154
- borderImageOutset: RuleConfig;
155
- borderImageRepeat: RuleConfig;
156
- borderImageSlice: RuleConfig;
157
- borderImageSource: RuleConfig;
158
- borderImageWidth: RuleConfig;
159
- borderImage: RuleConfig;
160
- borderTop: RuleConfig;
161
- borderBottom: RuleConfig;
162
- borderLeft: RuleConfig;
163
- borderRight: RuleConfig;
164
253
  borderX: RuleConfig;
165
254
  borderY: RuleConfig;
166
- border: RuleConfig;
167
- backgroundAttachment: RuleConfig;
168
- backgroundBlendMode: RuleConfig;
169
- backgroundColor: RuleConfig;
170
- backgroundClip: RuleConfig;
171
- backgroundOrigin: RuleConfig;
172
- backgroundPosition: RuleConfig;
173
- backgroundRepeat: RuleConfig;
174
- backgroundSize: RuleConfig;
175
- backgroundImage: RuleConfig;
176
- background: RuleConfig;
177
- mixBlendMode: RuleConfig;
178
- backdropFilter: RuleConfig;
179
- filter: RuleConfig;
180
- fill: RuleConfig;
181
- strokeDasharray: RuleConfig;
182
- strokeDashoffset: RuleConfig;
183
- strokeWidth: RuleConfig;
184
- stroke: RuleConfig;
185
- x: RuleConfig;
186
- y: RuleConfig;
187
255
  cx: RuleConfig;
188
256
  cy: RuleConfig;
189
257
  rx: RuleConfig;
190
258
  ry: RuleConfig;
191
- gridColumnStart: RuleConfig;
192
- gridColumnEnd: RuleConfig;
193
- gridColumn: RuleConfig;
194
259
  gridColumns: RuleConfig;
195
- gridRowStart: RuleConfig;
196
- gridRowEnd: RuleConfig;
197
- gridRow: RuleConfig;
198
260
  gridRows: RuleConfig;
199
- gridAutoColumns: RuleConfig;
200
- gridAutoFlow: RuleConfig;
201
- gridAutoRows: RuleConfig;
202
- gridTemplateAreas: RuleConfig;
203
- gridTemplateColumns: RuleConfig;
204
- gridTemplateRows: RuleConfig;
205
- gridTemplate: RuleConfig;
206
- gridArea: RuleConfig;
207
- columnGap: RuleConfig;
208
- rowGap: RuleConfig;
209
- gap: RuleConfig;
210
- order: RuleConfig;
211
- breakInside: RuleConfig;
212
- breakBefore: RuleConfig;
213
- breakAfter: RuleConfig;
214
- boxDecorationBreak: RuleConfig;
215
- aspectRatio: RuleConfig;
216
- columnSpan: RuleConfig;
217
- alignContent: RuleConfig;
218
- alignItems: RuleConfig;
219
- alignSelf: RuleConfig;
220
- justifyContent: RuleConfig;
221
- justifyItems: RuleConfig;
222
- justifySelf: RuleConfig;
223
- placeContent: RuleConfig;
224
- placeItems: RuleConfig;
225
- placeSelf: RuleConfig;
226
- listStylePosition: RuleConfig;
227
- listStyleType: RuleConfig;
228
- listStyleImage: RuleConfig;
229
- listStyle: RuleConfig;
230
- outlineColor: RuleConfig;
231
- outlineOffset: RuleConfig;
232
- outlineStyle: RuleConfig;
233
- outlineWidth: RuleConfig;
234
- outline: RuleConfig;
235
- accentColor: RuleConfig;
236
- appearance: RuleConfig;
237
- caretColor: RuleConfig;
238
- scrollBehavior: RuleConfig;
239
- scrollMarginLeft: RuleConfig;
240
- scrollMarginRight: RuleConfig;
241
- scrollMarginTop: RuleConfig;
242
- scrollMarginBottom: RuleConfig;
243
261
  scrollMarginX: RuleConfig;
244
262
  scrollMarginY: RuleConfig;
245
- scrollMargin: RuleConfig;
246
- scrollPaddingLeft: RuleConfig;
247
- scrollPaddingRight: RuleConfig;
248
- scrollPaddingTop: RuleConfig;
249
- scrollPaddingBottom: RuleConfig;
250
263
  scrollPaddingX: RuleConfig;
251
264
  scrollPaddingY: RuleConfig;
252
- scrollPadding: RuleConfig;
253
- scrollSnapAlign: RuleConfig;
254
- scrollSnapStop: RuleConfig;
255
- scrollSnapType: RuleConfig;
256
- willChange: RuleConfig;
257
- writingMode: RuleConfig;
258
- direction: RuleConfig;
259
- shapeOutside: RuleConfig;
260
- shapeMargin: RuleConfig;
261
- shapeImageThreshold: RuleConfig;
262
- clipPath: RuleConfig;
263
- quotes: RuleConfig;
264
- maskImage: RuleConfig;
265
265
  } & {
266
266
  [key: string]: RuleConfig;
267
267
  };
package/dist/config/selectors.d.ts CHANGED
@@ -15,4 +15,5 @@ export declare const selectors: {
15
15
  ':even': string;
16
16
  ':odd': string;
17
17
  ':nth(': string;
18
+ ':only': string;
18
19
  };