@master/css 2.0.0-rc.8 → 2.0.0-rc.81

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 (41) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +7 -48
  3. package/dist/index.d.ts +2 -7
  4. package/dist/index.js +2 -0
  5. package/package.json +80 -1
  6. package/src/base.css +1 -0
  7. package/src/index.css +1 -0
  8. package/src/theme.css +1 -0
  9. package/src/utilities.css +1 -0
  10. package/src/variants.css +1 -0
  11. package/dist/bin/index.bundle.js +0 -33
  12. package/dist/bin/index.d.ts +0 -2
  13. package/dist/config/animations.d.ts +0 -110
  14. package/dist/config/functions.d.ts +0 -3
  15. package/dist/config/index.d.ts +0 -68
  16. package/dist/config/media-queries.d.ts +0 -1
  17. package/dist/config/rules.d.ts +0 -279
  18. package/dist/config/selectors.d.ts +0 -20
  19. package/dist/config/semantics.d.ts +0 -191
  20. package/dist/config/styles.d.ts +0 -3
  21. package/dist/config/variables.d.ts +0 -551
  22. package/dist/constants/base-unit-regex.d.ts +0 -1
  23. package/dist/constants/start-symbol.d.ts +0 -6
  24. package/dist/core.d.ts +0 -96
  25. package/dist/functions/reorder-for-readable-classes.d.ts +0 -12
  26. package/dist/functions/transform-color-with-opacity.d.ts +0 -1
  27. package/dist/index.bundle.js +0 -1
  28. package/dist/index.bundle.mjs +0 -1
  29. package/dist/layer.d.ts +0 -11
  30. package/dist/polyfills/css-escape.d.ts +0 -0
  31. package/dist/rule.d.ts +0 -116
  32. package/dist/tokens/screen-sizes.d.ts +0 -14
  33. package/dist/types/global.d.ts +0 -5
  34. package/dist/utils/concat-arrays.d.ts +0 -1
  35. package/dist/utils/extend-config.d.ts +0 -2
  36. package/dist/utils/flatten-object.d.ts +0 -1
  37. package/dist/utils/get-type.d.ts +0 -7
  38. package/dist/utils/hex-to-rgb.d.ts +0 -1
  39. package/dist/utils/is-plain-object.d.ts +0 -8
  40. package/dist/utils/is-symbol.d.ts +0 -7
  41. package/dist/utils/rgb-to-hex.d.ts +0 -1
@@ -1,279 +0,0 @@
1
- import type { RuleDefinition } from '../rule';
2
- import { Layer } from '../layer';
3
- export declare const BORDER_STYLES: string[];
4
- export declare const autofillSolidToValueComponent: RuleDefinition['transformValueComponents'];
5
- declare const rules: {
6
- group: RuleDefinition;
7
- variable: RuleDefinition;
8
- 'font-size': RuleDefinition;
9
- 'font-weight': RuleDefinition;
10
- 'font-family': RuleDefinition;
11
- 'font-smoothing': RuleDefinition;
12
- 'font-style': RuleDefinition;
13
- 'font-variant-numeric': RuleDefinition;
14
- 'font-variant': {
15
- layer: Layer;
16
- };
17
- 'font-feature-settings': RuleDefinition;
18
- font: RuleDefinition;
19
- color: RuleDefinition;
20
- 'margin-left': RuleDefinition;
21
- 'margin-right': RuleDefinition;
22
- 'margin-top': RuleDefinition;
23
- 'margin-bottom': RuleDefinition;
24
- 'margin-x': RuleDefinition;
25
- 'margin-y': RuleDefinition;
26
- margin: RuleDefinition;
27
- 'margin-inline-start': RuleDefinition;
28
- 'margin-inline-end': RuleDefinition;
29
- 'margin-inline': RuleDefinition;
30
- 'padding-left': RuleDefinition;
31
- 'padding-right': RuleDefinition;
32
- 'padding-top': RuleDefinition;
33
- 'padding-bottom': RuleDefinition;
34
- 'padding-x': RuleDefinition;
35
- 'padding-y': RuleDefinition;
36
- padding: RuleDefinition;
37
- 'padding-inline-start': RuleDefinition;
38
- 'padding-inline-end': RuleDefinition;
39
- 'padding-inline': RuleDefinition;
40
- 'flex-basis': RuleDefinition;
41
- 'flex-wrap': RuleDefinition;
42
- 'flex-grow': RuleDefinition;
43
- 'flex-shrink': RuleDefinition;
44
- 'flex-direction': RuleDefinition;
45
- flex: RuleDefinition;
46
- display: RuleDefinition;
47
- width: RuleDefinition;
48
- height: RuleDefinition;
49
- 'min-width': RuleDefinition;
50
- 'min-height': RuleDefinition;
51
- size: RuleDefinition;
52
- 'min-size': RuleDefinition;
53
- 'max-size': RuleDefinition;
54
- 'box-sizing': RuleDefinition;
55
- 'box-decoration-break': RuleDefinition;
56
- contain: RuleDefinition;
57
- content: RuleDefinition;
58
- 'counter-increment': RuleDefinition;
59
- 'counter-reset': RuleDefinition;
60
- 'letter-spacing': RuleDefinition;
61
- 'line-height': RuleDefinition;
62
- 'object-fit': RuleDefinition;
63
- 'object-position': RuleDefinition;
64
- 'text-align': RuleDefinition;
65
- 'text-decoration-color': RuleDefinition;
66
- 'text-decoration-style': RuleDefinition;
67
- 'text-decoration-thickness': RuleDefinition;
68
- 'text-decoration-line': RuleDefinition;
69
- 'text-decoration': RuleDefinition;
70
- 'text-underline-offset': RuleDefinition;
71
- 'text-overflow': RuleDefinition;
72
- 'text-orientation': RuleDefinition;
73
- 'text-transform': RuleDefinition;
74
- 'text-rendering': RuleDefinition;
75
- 'text-indent': RuleDefinition;
76
- 'vertical-align': RuleDefinition;
77
- columns: RuleDefinition;
78
- 'white-space': RuleDefinition;
79
- top: RuleDefinition;
80
- bottom: RuleDefinition;
81
- left: RuleDefinition;
82
- right: RuleDefinition;
83
- inset: RuleDefinition;
84
- lines: RuleDefinition;
85
- 'max-height': RuleDefinition;
86
- 'max-width': RuleDefinition;
87
- opacity: RuleDefinition;
88
- visibility: RuleDefinition;
89
- clear: RuleDefinition;
90
- float: RuleDefinition;
91
- isolation: RuleDefinition;
92
- 'overflow-x': RuleDefinition;
93
- 'overflow-y': RuleDefinition;
94
- overflow: RuleDefinition;
95
- 'overscroll-behavior-x': RuleDefinition;
96
- 'overscroll-behavior-y': RuleDefinition;
97
- 'overscroll-behavior': RuleDefinition;
98
- 'z-index': RuleDefinition;
99
- position: RuleDefinition;
100
- cursor: RuleDefinition;
101
- 'pointer-events': RuleDefinition;
102
- resize: RuleDefinition;
103
- 'touch-action': RuleDefinition;
104
- 'word-break': RuleDefinition;
105
- 'word-spacing': RuleDefinition;
106
- 'user-drag': RuleDefinition;
107
- 'user-select': RuleDefinition;
108
- 'text-shadow': RuleDefinition;
109
- 'text-size': RuleDefinition;
110
- 'text-fill-color': RuleDefinition;
111
- 'text-stroke-width': RuleDefinition;
112
- 'text-stroke-color': RuleDefinition;
113
- 'text-stroke': RuleDefinition;
114
- 'box-shadow': RuleDefinition;
115
- 'table-layout': RuleDefinition;
116
- 'transform-box': RuleDefinition;
117
- 'transform-style': RuleDefinition;
118
- 'transform-origin': RuleDefinition;
119
- transform: RuleDefinition;
120
- 'transition-property': RuleDefinition;
121
- 'transition-timing-function': RuleDefinition;
122
- 'transition-duration': RuleDefinition;
123
- 'transition-delay': RuleDefinition;
124
- transition: RuleDefinition;
125
- 'animation-delay': RuleDefinition;
126
- 'animation-direction': RuleDefinition;
127
- 'animation-duration': RuleDefinition;
128
- 'animation-fill-mode': RuleDefinition;
129
- 'animation-iteration-count': RuleDefinition;
130
- 'animation-name': RuleDefinition;
131
- 'animation-play-state': RuleDefinition;
132
- 'animation-timing-function': RuleDefinition;
133
- animation: RuleDefinition;
134
- 'border-collapse': RuleDefinition;
135
- 'border-spacing': RuleDefinition;
136
- 'border-top-color': RuleDefinition;
137
- 'border-bottom-color': RuleDefinition;
138
- 'border-left-color': RuleDefinition;
139
- 'border-right-color': RuleDefinition;
140
- 'border-x-color': RuleDefinition;
141
- 'border-y-color': RuleDefinition;
142
- 'border-color': RuleDefinition;
143
- 'border-top-left-radius': RuleDefinition;
144
- 'border-top-right-radius': RuleDefinition;
145
- 'border-bottom-left-radius': RuleDefinition;
146
- 'border-bottom-right-radius': RuleDefinition;
147
- 'border-top-radius': RuleDefinition;
148
- 'border-bottom-radius': RuleDefinition;
149
- 'border-left-radius': RuleDefinition;
150
- 'border-right-radius': RuleDefinition;
151
- 'border-radius': RuleDefinition;
152
- 'border-top-style': RuleDefinition;
153
- 'border-bottom-style': RuleDefinition;
154
- 'border-left-style': RuleDefinition;
155
- 'border-right-style': RuleDefinition;
156
- 'border-x-style': RuleDefinition;
157
- 'border-y-style': RuleDefinition;
158
- 'border-style': RuleDefinition;
159
- 'border-top-width': RuleDefinition;
160
- 'border-bottom-width': RuleDefinition;
161
- 'border-left-width': RuleDefinition;
162
- 'border-right-width': RuleDefinition;
163
- 'border-x-width': RuleDefinition;
164
- 'border-y-width': RuleDefinition;
165
- 'border-width': RuleDefinition;
166
- 'border-image-outset': RuleDefinition;
167
- 'border-image-repeat': RuleDefinition;
168
- 'border-image-slice': RuleDefinition;
169
- 'border-image-source': RuleDefinition;
170
- 'border-image-width': RuleDefinition;
171
- 'border-image': RuleDefinition;
172
- 'border-top': RuleDefinition;
173
- 'border-bottom': RuleDefinition;
174
- 'border-left': RuleDefinition;
175
- 'border-right': RuleDefinition;
176
- 'border-x': RuleDefinition;
177
- 'border-y': RuleDefinition;
178
- border: RuleDefinition;
179
- 'background-attachment': RuleDefinition;
180
- 'background-blend-mode': RuleDefinition;
181
- 'background-color': RuleDefinition;
182
- 'background-clip': RuleDefinition;
183
- 'background-origin': RuleDefinition;
184
- 'background-position': RuleDefinition;
185
- 'background-repeat': RuleDefinition;
186
- 'background-size': RuleDefinition;
187
- 'background-image': RuleDefinition;
188
- background: RuleDefinition;
189
- gradient: RuleDefinition;
190
- 'mix-blend-mode': RuleDefinition;
191
- 'backdrop-filter': RuleDefinition;
192
- filter: RuleDefinition;
193
- fill: RuleDefinition;
194
- 'stroke-dasharray': RuleDefinition;
195
- 'stroke-dashoffset': RuleDefinition;
196
- 'stroke-width': RuleDefinition;
197
- stroke: RuleDefinition;
198
- x: RuleDefinition;
199
- y: RuleDefinition;
200
- cx: RuleDefinition;
201
- cy: RuleDefinition;
202
- rx: RuleDefinition;
203
- ry: RuleDefinition;
204
- 'grid-column-start': RuleDefinition;
205
- 'grid-column-end': RuleDefinition;
206
- 'grid-column': RuleDefinition;
207
- 'grid-columns': RuleDefinition;
208
- 'grid-row-start': RuleDefinition;
209
- 'grid-row-end': RuleDefinition;
210
- 'grid-row': RuleDefinition;
211
- 'grid-rows': RuleDefinition;
212
- 'grid-auto-columns': RuleDefinition;
213
- 'grid-auto-flow': RuleDefinition;
214
- 'grid-auto-rows': RuleDefinition;
215
- 'grid-template-areas': RuleDefinition;
216
- 'grid-template-columns': RuleDefinition;
217
- 'grid-template-rows': RuleDefinition;
218
- 'grid-template': RuleDefinition;
219
- 'grid-area': RuleDefinition;
220
- grid: RuleDefinition;
221
- 'column-gap': RuleDefinition;
222
- 'row-gap': RuleDefinition;
223
- gap: RuleDefinition;
224
- order: RuleDefinition;
225
- 'break-inside': RuleDefinition;
226
- 'break-before': RuleDefinition;
227
- 'break-after': RuleDefinition;
228
- 'aspect-ratio': RuleDefinition;
229
- 'column-span': RuleDefinition;
230
- 'align-content': RuleDefinition;
231
- 'align-items': RuleDefinition;
232
- 'align-self': RuleDefinition;
233
- 'justify-content': RuleDefinition;
234
- 'justify-items': RuleDefinition;
235
- 'justify-self': RuleDefinition;
236
- 'place-content': RuleDefinition;
237
- 'place-items': RuleDefinition;
238
- 'place-self': RuleDefinition;
239
- 'list-style-position': RuleDefinition;
240
- 'list-style-type': RuleDefinition;
241
- 'list-style-image': RuleDefinition;
242
- 'list-style': RuleDefinition;
243
- 'outline-color': RuleDefinition;
244
- 'outline-offset': RuleDefinition;
245
- 'outline-style': RuleDefinition;
246
- 'outline-width': RuleDefinition;
247
- outline: RuleDefinition;
248
- 'accent-color': RuleDefinition;
249
- appearance: RuleDefinition;
250
- 'caret-color': RuleDefinition;
251
- 'scroll-behavior': RuleDefinition;
252
- 'scroll-margin-left': RuleDefinition;
253
- 'scroll-margin-right': RuleDefinition;
254
- 'scroll-margin-top': RuleDefinition;
255
- 'scroll-margin-bottom': RuleDefinition;
256
- 'scroll-margin-x': RuleDefinition;
257
- 'scroll-margin-y': RuleDefinition;
258
- 'scroll-margin': RuleDefinition;
259
- 'scroll-padding-left': RuleDefinition;
260
- 'scroll-padding-right': RuleDefinition;
261
- 'scroll-padding-top': RuleDefinition;
262
- 'scroll-padding-bottom': RuleDefinition;
263
- 'scroll-padding-x': RuleDefinition;
264
- 'scroll-padding-y': RuleDefinition;
265
- 'scroll-padding': RuleDefinition;
266
- 'scroll-snap-align': RuleDefinition;
267
- 'scroll-snap-stop': RuleDefinition;
268
- 'scroll-snap-type': RuleDefinition;
269
- 'will-change': RuleDefinition;
270
- 'writing-mode': RuleDefinition;
271
- direction: RuleDefinition;
272
- 'shape-outside': RuleDefinition;
273
- 'shape-margin': RuleDefinition;
274
- 'shape-image-threshold': RuleDefinition;
275
- 'clip-path': RuleDefinition;
276
- quotes: RuleDefinition;
277
- 'mask-image': RuleDefinition;
278
- };
279
- export default rules;
@@ -1,20 +0,0 @@
1
- declare const selectors: {
2
- '::scrollbar': string;
3
- '::scrollbar-button': string;
4
- '::scrollbar-thumb': string;
5
- '::scrollbar-track': string;
6
- '::scrollbar-track-piece': string;
7
- '::scrollbar-corner': string;
8
- '::slider-thumb': string[];
9
- '::slider-runnable-track': string[];
10
- '::meter': string;
11
- '::resizer': string;
12
- '::progress': string;
13
- ':first': string;
14
- ':last': string;
15
- ':even': string;
16
- ':odd': string;
17
- ':nth(': string;
18
- ':only': string;
19
- };
20
- export default selectors;
@@ -1,191 +0,0 @@
1
- declare const semantics: {
2
- readonly square: {
3
- readonly 'aspect-ratio': "1/1";
4
- };
5
- readonly video: {
6
- readonly 'aspect-ratio': "16/9";
7
- };
8
- readonly rounded: {
9
- readonly 'border-radius': "1e9em";
10
- };
11
- readonly round: {
12
- readonly 'border-radius': "50%";
13
- };
14
- readonly hidden: {
15
- readonly display: "none";
16
- };
17
- readonly hide: {
18
- readonly display: "none";
19
- };
20
- readonly block: {
21
- readonly display: "block";
22
- };
23
- readonly table: {
24
- readonly display: "table";
25
- };
26
- readonly flex: {
27
- readonly display: "flex";
28
- };
29
- readonly grid: {
30
- readonly display: "grid";
31
- };
32
- readonly contents: {
33
- readonly display: "contents";
34
- };
35
- readonly inline: {
36
- readonly display: "inline";
37
- };
38
- readonly 'inline-block': {
39
- readonly display: "inline-block";
40
- };
41
- readonly 'inline-flex': {
42
- readonly display: "inline-flex";
43
- };
44
- readonly 'inline-grid': {
45
- readonly display: "inline-grid";
46
- };
47
- readonly 'inline-table': {
48
- readonly display: "inline-table";
49
- };
50
- readonly 'table-cell': {
51
- readonly display: "table-cell";
52
- };
53
- readonly 'table-caption': {
54
- readonly display: "table-caption";
55
- };
56
- readonly 'flow-root': {
57
- readonly display: "flow-root";
58
- };
59
- readonly 'list-item': {
60
- readonly display: "list-item";
61
- };
62
- readonly 'table-row': {
63
- readonly display: "table-row";
64
- };
65
- readonly 'table-column': {
66
- readonly display: "table-column";
67
- };
68
- readonly 'table-row-group': {
69
- readonly display: "table-row-group";
70
- };
71
- readonly 'table-column-group': {
72
- readonly display: "table-column-group";
73
- };
74
- readonly 'table-header-group': {
75
- readonly display: "table-header-group";
76
- };
77
- readonly 'table-footer-group': {
78
- readonly display: "table-footer-group";
79
- };
80
- readonly italic: {
81
- readonly 'font-style': "italic";
82
- };
83
- readonly oblique: {
84
- readonly 'font-style': "oblique";
85
- };
86
- readonly isolate: {
87
- readonly isolation: "isolate";
88
- };
89
- readonly overflowed: {
90
- readonly overflow: "visible";
91
- };
92
- readonly untouchable: {
93
- readonly 'pointer-events': "none";
94
- };
95
- readonly static: {
96
- readonly position: "static";
97
- };
98
- readonly fixed: {
99
- readonly position: "fixed";
100
- };
101
- readonly abs: {
102
- readonly position: "absolute";
103
- };
104
- readonly rel: {
105
- readonly position: "relative";
106
- };
107
- readonly sticky: {
108
- readonly position: "sticky";
109
- };
110
- readonly uppercase: {
111
- readonly 'text-transform': "uppercase";
112
- };
113
- readonly lowercase: {
114
- readonly 'text-transform': "lowercase";
115
- };
116
- readonly capitalize: {
117
- readonly 'text-transform': "capitalize";
118
- };
119
- readonly visible: {
120
- readonly visibility: "visible";
121
- };
122
- readonly invisible: {
123
- readonly visibility: "hidden";
124
- };
125
- readonly vw: {
126
- readonly width: "100vw";
127
- };
128
- readonly vh: {
129
- readonly height: "100vh";
130
- };
131
- readonly 'max-vw': {
132
- readonly 'max-width': "100vw";
133
- };
134
- readonly 'max-vh': {
135
- readonly 'max-height': "100vh";
136
- };
137
- readonly 'min-vw': {
138
- readonly 'min-width': "100vw";
139
- };
140
- readonly 'min-vh': {
141
- readonly 'min-height': "100vh";
142
- };
143
- readonly 'center-content': {
144
- readonly 'justify-content': "center";
145
- readonly 'align-items': "center";
146
- };
147
- readonly 'sr-only': {
148
- readonly position: "absolute";
149
- readonly width: "1px";
150
- readonly height: "1px";
151
- readonly padding: "0";
152
- readonly margin: "-1px";
153
- readonly overflow: "hidden";
154
- readonly clip: "rect(0,0,0,0)";
155
- readonly 'white-space': "nowrap";
156
- readonly 'border-width': "0";
157
- };
158
- readonly full: {
159
- readonly width: "100%";
160
- readonly height: "100%";
161
- };
162
- readonly center: {
163
- readonly left: 0;
164
- readonly right: 0;
165
- readonly 'margin-left': "auto";
166
- readonly 'margin-right': "auto";
167
- };
168
- readonly middle: {
169
- readonly top: 0;
170
- readonly bottom: 0;
171
- readonly 'margin-top': "auto";
172
- readonly 'margin-bottom': "auto";
173
- };
174
- readonly 'break-spaces': {
175
- readonly 'white-space': "break-spaces";
176
- };
177
- readonly 'break-word': {
178
- readonly 'overflow-wrap': "break-word";
179
- readonly overflow: "hidden";
180
- };
181
- readonly 'gradient-text': {
182
- readonly '-webkit-text-fill-color': "transparent";
183
- readonly '-webkit-background-clip': "text";
184
- readonly 'background-clip': "text";
185
- };
186
- readonly fit: {
187
- readonly width: "fit-content";
188
- readonly height: "fit-content";
189
- };
190
- };
191
- export default semantics;
@@ -1,3 +0,0 @@
1
- export type ConfigStyles = {
2
- [key: string]: string | ConfigStyles;
3
- };