@master/css 2.0.0-rc.14 → 2.0.0-rc.16

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 (74) hide show
  1. package/dist/_virtual/_commonjsHelpers.cjs +5 -0
  2. package/dist/_virtual/_commonjsHelpers.mjs +3 -0
  3. package/dist/_virtual/css-escape.cjs +5 -0
  4. package/dist/_virtual/css-escape.mjs +3 -0
  5. package/dist/bin/index.cjs +11 -0
  6. package/dist/bin/index.d.ts +1 -11
  7. package/dist/bin/index.mjs +9 -0
  8. package/dist/config/animations.cjs +113 -0
  9. package/dist/config/animations.mjs +111 -0
  10. package/dist/config/functions.cjs +352 -0
  11. package/dist/config/functions.mjs +350 -0
  12. package/dist/config/index.cjs +34 -0
  13. package/dist/config/index.mjs +25 -0
  14. package/dist/config/media-queries.cjs +7 -0
  15. package/dist/config/media-queries.mjs +1 -0
  16. package/dist/config/rules.cjs +2190 -0
  17. package/dist/config/rules.mjs +2184 -0
  18. package/dist/config/selectors.cjs +29 -0
  19. package/dist/config/selectors.mjs +27 -0
  20. package/dist/config/semantics.cjs +194 -0
  21. package/dist/config/semantics.mjs +192 -0
  22. package/dist/config/styles.cjs +2 -0
  23. package/dist/config/styles.mjs +1 -0
  24. package/dist/config/variables.cjs +583 -0
  25. package/dist/config/variables.mjs +581 -0
  26. package/dist/constants/base-unit-regex.cjs +5 -0
  27. package/dist/constants/base-unit-regex.mjs +3 -0
  28. package/dist/constants/start-symbol.cjs +10 -0
  29. package/dist/constants/start-symbol.mjs +8 -0
  30. package/dist/core.cjs +979 -0
  31. package/dist/core.d.ts +2 -3
  32. package/dist/core.mjs +974 -0
  33. package/dist/functions/reorder-for-readable-classes.cjs +68 -0
  34. package/dist/functions/reorder-for-readable-classes.d.ts +1 -1
  35. package/dist/functions/reorder-for-readable-classes.mjs +66 -0
  36. package/dist/functions/transform-color-with-opacity.cjs +9 -0
  37. package/dist/functions/transform-color-with-opacity.mjs +7 -0
  38. package/dist/index.cjs +37 -0
  39. package/dist/index.d.ts +3 -3
  40. package/dist/index.mjs +13 -0
  41. package/dist/layer.cjs +23 -0
  42. package/dist/layer.mjs +23 -0
  43. package/dist/polyfills/css-escape.cjs +8 -0
  44. package/dist/polyfills/css-escape.mjs +2 -0
  45. package/dist/polyfills/css-escape2.cjs +68 -0
  46. package/dist/polyfills/css-escape2.mjs +64 -0
  47. package/dist/rule.cjs +702 -0
  48. package/dist/rule.d.ts +1 -1
  49. package/dist/rule.mjs +700 -0
  50. package/dist/shared/utils/css-escape.cjs +56 -0
  51. package/dist/shared/utils/css-escape.mjs +54 -0
  52. package/dist/tokens/screen-sizes.cjs +17 -0
  53. package/dist/tokens/screen-sizes.mjs +15 -0
  54. package/dist/utils/concat-arrays.cjs +12 -0
  55. package/dist/utils/concat-arrays.mjs +10 -0
  56. package/dist/utils/extend-config.cjs +59 -0
  57. package/dist/utils/extend-config.mjs +57 -0
  58. package/dist/utils/flatten-object.cjs +15 -0
  59. package/dist/utils/flatten-object.mjs +13 -0
  60. package/dist/utils/get-type.cjs +12 -0
  61. package/dist/utils/get-type.mjs +10 -0
  62. package/dist/utils/hex-to-rgb.cjs +30 -0
  63. package/dist/utils/hex-to-rgb.mjs +28 -0
  64. package/dist/utils/is-plain-object.cjs +15 -0
  65. package/dist/utils/is-plain-object.mjs +13 -0
  66. package/dist/utils/is-symbol.cjs +14 -0
  67. package/dist/utils/is-symbol.mjs +12 -0
  68. package/dist/utils/rgb-to-hex.cjs +7 -0
  69. package/dist/utils/rgb-to-hex.mjs +5 -0
  70. package/package.json +1 -1
  71. package/dist/bin/index.bundle.js +0 -33
  72. package/dist/index.bundle.js +0 -1
  73. package/dist/index.bundle.mjs +0 -1
  74. package/dist/types/global.d.ts +0 -5
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ const selectors = {
4
+ '::scrollbar': '::-webkit-scrollbar',
5
+ '::scrollbar-button': '::-webkit-scrollbar-button',
6
+ '::scrollbar-thumb': '::-webkit-scrollbar-thumb',
7
+ '::scrollbar-track': '::-webkit-scrollbar-track',
8
+ '::scrollbar-track-piece': '::-webkit-scrollbar-track-piece',
9
+ '::scrollbar-corner': '::-webkit-scrollbar-corner',
10
+ '::slider-thumb': [
11
+ '::-webkit-slider-thumb',
12
+ '::-moz-range-thumb'
13
+ ],
14
+ '::slider-runnable-track': [
15
+ '::-webkit-slider-runnable-track',
16
+ '::-moz-range-track'
17
+ ],
18
+ '::meter': '::-webkit-meter',
19
+ '::resizer': '::-webkit-resizer',
20
+ '::progress': '::-webkit-progress',
21
+ ':first': ':first-child',
22
+ ':last': ':last-child',
23
+ ':even': ':nth-child(2n)',
24
+ ':odd': ':nth-child(odd)',
25
+ ':nth(': ':nth-child(',
26
+ ':only': ':only-child'
27
+ };
28
+
29
+ module.exports = selectors;
@@ -0,0 +1,27 @@
1
+ const selectors = {
2
+ '::scrollbar': '::-webkit-scrollbar',
3
+ '::scrollbar-button': '::-webkit-scrollbar-button',
4
+ '::scrollbar-thumb': '::-webkit-scrollbar-thumb',
5
+ '::scrollbar-track': '::-webkit-scrollbar-track',
6
+ '::scrollbar-track-piece': '::-webkit-scrollbar-track-piece',
7
+ '::scrollbar-corner': '::-webkit-scrollbar-corner',
8
+ '::slider-thumb': [
9
+ '::-webkit-slider-thumb',
10
+ '::-moz-range-thumb'
11
+ ],
12
+ '::slider-runnable-track': [
13
+ '::-webkit-slider-runnable-track',
14
+ '::-moz-range-track'
15
+ ],
16
+ '::meter': '::-webkit-meter',
17
+ '::resizer': '::-webkit-resizer',
18
+ '::progress': '::-webkit-progress',
19
+ ':first': ':first-child',
20
+ ':last': ':last-child',
21
+ ':even': ':nth-child(2n)',
22
+ ':odd': ':nth-child(odd)',
23
+ ':nth(': ':nth-child(',
24
+ ':only': ':only-child'
25
+ };
26
+
27
+ export { selectors as default };
@@ -0,0 +1,194 @@
1
+ 'use strict';
2
+
3
+ const semantics = {
4
+ square: {
5
+ 'aspect-ratio': '1/1'
6
+ },
7
+ video: {
8
+ 'aspect-ratio': '16/9'
9
+ },
10
+ rounded: {
11
+ 'border-radius': '1e9em'
12
+ },
13
+ round: {
14
+ 'border-radius': '50%'
15
+ },
16
+ hidden: {
17
+ display: 'none'
18
+ },
19
+ hide: {
20
+ display: 'none'
21
+ },
22
+ block: {
23
+ display: 'block'
24
+ },
25
+ table: {
26
+ display: 'table'
27
+ },
28
+ flex: {
29
+ display: 'flex'
30
+ },
31
+ grid: {
32
+ display: 'grid'
33
+ },
34
+ contents: {
35
+ display: 'contents'
36
+ },
37
+ inline: {
38
+ display: 'inline'
39
+ },
40
+ 'inline-block': {
41
+ display: 'inline-block'
42
+ },
43
+ 'inline-flex': {
44
+ display: 'inline-flex'
45
+ },
46
+ 'inline-grid': {
47
+ display: 'inline-grid'
48
+ },
49
+ 'inline-table': {
50
+ display: 'inline-table'
51
+ },
52
+ 'table-cell': {
53
+ display: 'table-cell'
54
+ },
55
+ 'table-caption': {
56
+ display: 'table-caption'
57
+ },
58
+ 'flow-root': {
59
+ display: 'flow-root'
60
+ },
61
+ 'list-item': {
62
+ display: 'list-item'
63
+ },
64
+ 'table-row': {
65
+ display: 'table-row'
66
+ },
67
+ 'table-column': {
68
+ display: 'table-column'
69
+ },
70
+ 'table-row-group': {
71
+ display: 'table-row-group'
72
+ },
73
+ 'table-column-group': {
74
+ display: 'table-column-group'
75
+ },
76
+ 'table-header-group': {
77
+ display: 'table-header-group'
78
+ },
79
+ 'table-footer-group': {
80
+ display: 'table-footer-group'
81
+ },
82
+ italic: {
83
+ 'font-style': 'italic'
84
+ },
85
+ oblique: {
86
+ 'font-style': 'oblique'
87
+ },
88
+ isolate: {
89
+ isolation: 'isolate'
90
+ },
91
+ overflowed: {
92
+ overflow: 'visible'
93
+ },
94
+ untouchable: {
95
+ 'pointer-events': 'none'
96
+ },
97
+ static: {
98
+ position: 'static'
99
+ },
100
+ fixed: {
101
+ position: 'fixed'
102
+ },
103
+ abs: {
104
+ position: 'absolute'
105
+ },
106
+ rel: {
107
+ position: 'relative'
108
+ },
109
+ sticky: {
110
+ position: 'sticky'
111
+ },
112
+ uppercase: {
113
+ 'text-transform': 'uppercase'
114
+ },
115
+ lowercase: {
116
+ 'text-transform': 'lowercase'
117
+ },
118
+ capitalize: {
119
+ 'text-transform': 'capitalize'
120
+ },
121
+ visible: {
122
+ visibility: 'visible'
123
+ },
124
+ invisible: {
125
+ visibility: 'hidden'
126
+ },
127
+ vw: {
128
+ width: '100vw'
129
+ },
130
+ vh: {
131
+ height: '100vh'
132
+ },
133
+ 'max-vw': {
134
+ 'max-width': '100vw'
135
+ },
136
+ 'max-vh': {
137
+ 'max-height': '100vh'
138
+ },
139
+ 'min-vw': {
140
+ 'min-width': '100vw'
141
+ },
142
+ 'min-vh': {
143
+ 'min-height': '100vh'
144
+ },
145
+ 'center-content': {
146
+ 'justify-content': 'center',
147
+ 'align-items': 'center'
148
+ },
149
+ 'sr-only': {
150
+ position: 'absolute',
151
+ width: '1px',
152
+ height: '1px',
153
+ padding: '0',
154
+ margin: '-1px',
155
+ overflow: 'hidden',
156
+ clip: 'rect(0,0,0,0)',
157
+ 'white-space': 'nowrap',
158
+ 'border-width': '0'
159
+ },
160
+ full: {
161
+ width: '100%',
162
+ height: '100%'
163
+ },
164
+ center: {
165
+ left: 0,
166
+ right: 0,
167
+ 'margin-left': 'auto',
168
+ 'margin-right': 'auto'
169
+ },
170
+ middle: {
171
+ top: 0,
172
+ bottom: 0,
173
+ 'margin-top': 'auto',
174
+ 'margin-bottom': 'auto'
175
+ },
176
+ 'break-spaces': {
177
+ 'white-space': 'break-spaces'
178
+ },
179
+ 'break-word': {
180
+ 'overflow-wrap': 'break-word',
181
+ overflow: 'hidden'
182
+ },
183
+ 'gradient-text': {
184
+ '-webkit-text-fill-color': 'transparent',
185
+ '-webkit-background-clip': 'text',
186
+ 'background-clip': 'text'
187
+ },
188
+ fit: {
189
+ width: 'fit-content',
190
+ height: 'fit-content'
191
+ }
192
+ };
193
+
194
+ module.exports = semantics;
@@ -0,0 +1,192 @@
1
+ const semantics = {
2
+ square: {
3
+ 'aspect-ratio': '1/1'
4
+ },
5
+ video: {
6
+ 'aspect-ratio': '16/9'
7
+ },
8
+ rounded: {
9
+ 'border-radius': '1e9em'
10
+ },
11
+ round: {
12
+ 'border-radius': '50%'
13
+ },
14
+ hidden: {
15
+ display: 'none'
16
+ },
17
+ hide: {
18
+ display: 'none'
19
+ },
20
+ block: {
21
+ display: 'block'
22
+ },
23
+ table: {
24
+ display: 'table'
25
+ },
26
+ flex: {
27
+ display: 'flex'
28
+ },
29
+ grid: {
30
+ display: 'grid'
31
+ },
32
+ contents: {
33
+ display: 'contents'
34
+ },
35
+ inline: {
36
+ display: 'inline'
37
+ },
38
+ 'inline-block': {
39
+ display: 'inline-block'
40
+ },
41
+ 'inline-flex': {
42
+ display: 'inline-flex'
43
+ },
44
+ 'inline-grid': {
45
+ display: 'inline-grid'
46
+ },
47
+ 'inline-table': {
48
+ display: 'inline-table'
49
+ },
50
+ 'table-cell': {
51
+ display: 'table-cell'
52
+ },
53
+ 'table-caption': {
54
+ display: 'table-caption'
55
+ },
56
+ 'flow-root': {
57
+ display: 'flow-root'
58
+ },
59
+ 'list-item': {
60
+ display: 'list-item'
61
+ },
62
+ 'table-row': {
63
+ display: 'table-row'
64
+ },
65
+ 'table-column': {
66
+ display: 'table-column'
67
+ },
68
+ 'table-row-group': {
69
+ display: 'table-row-group'
70
+ },
71
+ 'table-column-group': {
72
+ display: 'table-column-group'
73
+ },
74
+ 'table-header-group': {
75
+ display: 'table-header-group'
76
+ },
77
+ 'table-footer-group': {
78
+ display: 'table-footer-group'
79
+ },
80
+ italic: {
81
+ 'font-style': 'italic'
82
+ },
83
+ oblique: {
84
+ 'font-style': 'oblique'
85
+ },
86
+ isolate: {
87
+ isolation: 'isolate'
88
+ },
89
+ overflowed: {
90
+ overflow: 'visible'
91
+ },
92
+ untouchable: {
93
+ 'pointer-events': 'none'
94
+ },
95
+ static: {
96
+ position: 'static'
97
+ },
98
+ fixed: {
99
+ position: 'fixed'
100
+ },
101
+ abs: {
102
+ position: 'absolute'
103
+ },
104
+ rel: {
105
+ position: 'relative'
106
+ },
107
+ sticky: {
108
+ position: 'sticky'
109
+ },
110
+ uppercase: {
111
+ 'text-transform': 'uppercase'
112
+ },
113
+ lowercase: {
114
+ 'text-transform': 'lowercase'
115
+ },
116
+ capitalize: {
117
+ 'text-transform': 'capitalize'
118
+ },
119
+ visible: {
120
+ visibility: 'visible'
121
+ },
122
+ invisible: {
123
+ visibility: 'hidden'
124
+ },
125
+ vw: {
126
+ width: '100vw'
127
+ },
128
+ vh: {
129
+ height: '100vh'
130
+ },
131
+ 'max-vw': {
132
+ 'max-width': '100vw'
133
+ },
134
+ 'max-vh': {
135
+ 'max-height': '100vh'
136
+ },
137
+ 'min-vw': {
138
+ 'min-width': '100vw'
139
+ },
140
+ 'min-vh': {
141
+ 'min-height': '100vh'
142
+ },
143
+ 'center-content': {
144
+ 'justify-content': 'center',
145
+ 'align-items': 'center'
146
+ },
147
+ 'sr-only': {
148
+ position: 'absolute',
149
+ width: '1px',
150
+ height: '1px',
151
+ padding: '0',
152
+ margin: '-1px',
153
+ overflow: 'hidden',
154
+ clip: 'rect(0,0,0,0)',
155
+ 'white-space': 'nowrap',
156
+ 'border-width': '0'
157
+ },
158
+ full: {
159
+ width: '100%',
160
+ height: '100%'
161
+ },
162
+ center: {
163
+ left: 0,
164
+ right: 0,
165
+ 'margin-left': 'auto',
166
+ 'margin-right': 'auto'
167
+ },
168
+ middle: {
169
+ top: 0,
170
+ bottom: 0,
171
+ 'margin-top': 'auto',
172
+ 'margin-bottom': 'auto'
173
+ },
174
+ 'break-spaces': {
175
+ 'white-space': 'break-spaces'
176
+ },
177
+ 'break-word': {
178
+ 'overflow-wrap': 'break-word',
179
+ overflow: 'hidden'
180
+ },
181
+ 'gradient-text': {
182
+ '-webkit-text-fill-color': 'transparent',
183
+ '-webkit-background-clip': 'text',
184
+ 'background-clip': 'text'
185
+ },
186
+ fit: {
187
+ width: 'fit-content',
188
+ height: 'fit-content'
189
+ }
190
+ };
191
+
192
+ export { semantics as default };
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
@@ -0,0 +1 @@
1
+