tailwindcss 0.0.0-insiders.bbafc8e → 0.0.0-insiders.bbc2f3f

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 (198) hide show
  1. package/README.md +16 -13
  2. package/dist/chunk-5C7JPVMO.mjs +10 -0
  3. package/dist/chunk-AZANAYY2.mjs +1 -0
  4. package/dist/chunk-V2K3XTS4.mjs +1 -0
  5. package/dist/colors-b_6i0Oi7.d.ts +295 -0
  6. package/dist/colors.d.mts +295 -0
  7. package/dist/colors.d.ts +5 -0
  8. package/dist/colors.js +1 -0
  9. package/dist/colors.mjs +1 -0
  10. package/dist/default-theme.d.mts +1147 -0
  11. package/dist/default-theme.d.ts +1147 -0
  12. package/dist/default-theme.js +1 -0
  13. package/dist/default-theme.mjs +1 -0
  14. package/dist/flatten-color-palette.d.mts +6 -0
  15. package/dist/flatten-color-palette.d.ts +6 -0
  16. package/dist/flatten-color-palette.js +1 -0
  17. package/dist/flatten-color-palette.mjs +1 -0
  18. package/dist/lib.d.mts +260 -0
  19. package/dist/lib.d.ts +3 -0
  20. package/dist/lib.js +33 -0
  21. package/dist/lib.mjs +24 -0
  22. package/dist/plugin.d.mts +11 -0
  23. package/dist/plugin.d.ts +104 -0
  24. package/dist/plugin.js +1 -0
  25. package/dist/plugin.mjs +1 -0
  26. package/dist/resolve-config-BIFUA2FY.d.ts +29 -0
  27. package/dist/resolve-config-QUZ9b-Gn.d.mts +190 -0
  28. package/dist/types-B254mqw1.d.mts +98 -0
  29. package/index.css +865 -0
  30. package/package.json +73 -95
  31. package/preflight.css +383 -0
  32. package/theme.css +453 -0
  33. package/CHANGELOG.md +0 -2084
  34. package/base.css +0 -1
  35. package/colors.js +0 -2
  36. package/components.css +0 -1
  37. package/defaultConfig.js +0 -2
  38. package/defaultTheme.js +0 -2
  39. package/lib/cli-peer-dependencies.js +0 -15
  40. package/lib/cli.js +0 -741
  41. package/lib/constants.js +0 -37
  42. package/lib/corePluginList.js +0 -178
  43. package/lib/corePlugins.js +0 -3587
  44. package/lib/css/LICENSE +0 -25
  45. package/lib/css/preflight.css +0 -367
  46. package/lib/featureFlags.js +0 -59
  47. package/lib/index.js +0 -41
  48. package/lib/lib/cacheInvalidation.js +0 -69
  49. package/lib/lib/collapseAdjacentRules.js +0 -54
  50. package/lib/lib/collapseDuplicateDeclarations.js +0 -80
  51. package/lib/lib/defaultExtractor.js +0 -44
  52. package/lib/lib/detectNesting.js +0 -34
  53. package/lib/lib/evaluateTailwindFunctions.js +0 -171
  54. package/lib/lib/expandApplyAtRules.js +0 -433
  55. package/lib/lib/expandTailwindAtRules.js +0 -262
  56. package/lib/lib/generateRules.js +0 -631
  57. package/lib/lib/getModuleDependencies.js +0 -48
  58. package/lib/lib/normalizeTailwindDirectives.js +0 -84
  59. package/lib/lib/partitionApplyAtRules.js +0 -53
  60. package/lib/lib/resolveDefaultsAtRules.js +0 -143
  61. package/lib/lib/setupContextUtils.js +0 -859
  62. package/lib/lib/setupTrackingContext.js +0 -171
  63. package/lib/lib/sharedState.js +0 -52
  64. package/lib/lib/substituteScreenAtRules.js +0 -27
  65. package/lib/postcss-plugins/nesting/README.md +0 -42
  66. package/lib/postcss-plugins/nesting/index.js +0 -17
  67. package/lib/postcss-plugins/nesting/plugin.js +0 -85
  68. package/lib/processTailwindFeatures.js +0 -59
  69. package/lib/public/colors.js +0 -329
  70. package/lib/public/create-plugin.js +0 -13
  71. package/lib/public/default-config.js +0 -14
  72. package/lib/public/default-theme.js +0 -14
  73. package/lib/public/resolve-config.js +0 -19
  74. package/lib/util/bigSign.js +0 -8
  75. package/lib/util/buildMediaQuery.js +0 -20
  76. package/lib/util/cloneDeep.js +0 -19
  77. package/lib/util/cloneNodes.js +0 -25
  78. package/lib/util/color.js +0 -99
  79. package/lib/util/configurePlugins.js +0 -18
  80. package/lib/util/createPlugin.js +0 -29
  81. package/lib/util/createUtilityPlugin.js +0 -49
  82. package/lib/util/dataTypes.js +0 -233
  83. package/lib/util/defaults.js +0 -22
  84. package/lib/util/escapeClassName.js +0 -19
  85. package/lib/util/escapeCommas.js +0 -8
  86. package/lib/util/flattenColorPalette.js +0 -17
  87. package/lib/util/formatVariantSelector.js +0 -186
  88. package/lib/util/getAllConfigs.js +0 -29
  89. package/lib/util/hashConfig.js +0 -16
  90. package/lib/util/isKeyframeRule.js +0 -8
  91. package/lib/util/isPlainObject.js +0 -12
  92. package/lib/util/isValidArbitraryValue.js +0 -64
  93. package/lib/util/log.js +0 -51
  94. package/lib/util/nameClass.js +0 -32
  95. package/lib/util/negateValue.js +0 -19
  96. package/lib/util/normalizeConfig.js +0 -240
  97. package/lib/util/normalizeScreens.js +0 -59
  98. package/lib/util/parseAnimationValue.js +0 -89
  99. package/lib/util/parseBoxShadowValue.js +0 -117
  100. package/lib/util/parseDependency.js +0 -63
  101. package/lib/util/parseObjectStyles.js +0 -31
  102. package/lib/util/pluginUtils.js +0 -179
  103. package/lib/util/prefixSelector.js +0 -20
  104. package/lib/util/resolveConfig.js +0 -255
  105. package/lib/util/resolveConfigPath.js +0 -51
  106. package/lib/util/responsive.js +0 -19
  107. package/lib/util/tap.js +0 -9
  108. package/lib/util/toColorValue.js +0 -8
  109. package/lib/util/toPath.js +0 -14
  110. package/lib/util/transformThemeValue.js +0 -59
  111. package/lib/util/withAlphaVariable.js +0 -67
  112. package/nesting/index.js +0 -2
  113. package/peers/index.js +0 -75077
  114. package/plugin.js +0 -2
  115. package/prettier.config.js +0 -19
  116. package/resolveConfig.js +0 -2
  117. package/screens.css +0 -1
  118. package/scripts/create-plugin-list.js +0 -10
  119. package/scripts/install-integrations.js +0 -27
  120. package/scripts/rebuildFixtures.js +0 -68
  121. package/src/cli-peer-dependencies.js +0 -9
  122. package/src/cli.js +0 -815
  123. package/src/constants.js +0 -17
  124. package/src/corePluginList.js +0 -1
  125. package/src/corePlugins.js +0 -2365
  126. package/src/css/LICENSE +0 -25
  127. package/src/css/preflight.css +0 -367
  128. package/src/featureFlags.js +0 -54
  129. package/src/index.js +0 -42
  130. package/src/lib/cacheInvalidation.js +0 -52
  131. package/src/lib/collapseAdjacentRules.js +0 -54
  132. package/src/lib/collapseDuplicateDeclarations.js +0 -93
  133. package/src/lib/defaultExtractor.js +0 -50
  134. package/src/lib/detectNesting.js +0 -39
  135. package/src/lib/evaluateTailwindFunctions.js +0 -198
  136. package/src/lib/expandApplyAtRules.js +0 -480
  137. package/src/lib/expandTailwindAtRules.js +0 -292
  138. package/src/lib/generateRules.js +0 -623
  139. package/src/lib/getModuleDependencies.js +0 -39
  140. package/src/lib/normalizeTailwindDirectives.js +0 -84
  141. package/src/lib/partitionApplyAtRules.js +0 -52
  142. package/src/lib/resolveDefaultsAtRules.js +0 -146
  143. package/src/lib/setupContextUtils.js +0 -883
  144. package/src/lib/setupTrackingContext.js +0 -183
  145. package/src/lib/sharedState.js +0 -48
  146. package/src/lib/substituteScreenAtRules.js +0 -19
  147. package/src/postcss-plugins/nesting/README.md +0 -42
  148. package/src/postcss-plugins/nesting/index.js +0 -13
  149. package/src/postcss-plugins/nesting/plugin.js +0 -80
  150. package/src/processTailwindFeatures.js +0 -58
  151. package/src/public/colors.js +0 -300
  152. package/src/public/create-plugin.js +0 -2
  153. package/src/public/default-config.js +0 -4
  154. package/src/public/default-theme.js +0 -4
  155. package/src/public/resolve-config.js +0 -7
  156. package/src/util/bigSign.js +0 -3
  157. package/src/util/buildMediaQuery.js +0 -20
  158. package/src/util/cloneDeep.js +0 -11
  159. package/src/util/cloneNodes.js +0 -24
  160. package/src/util/color.js +0 -69
  161. package/src/util/configurePlugins.js +0 -23
  162. package/src/util/createPlugin.js +0 -27
  163. package/src/util/createUtilityPlugin.js +0 -37
  164. package/src/util/dataTypes.js +0 -248
  165. package/src/util/defaults.js +0 -17
  166. package/src/util/escapeClassName.js +0 -8
  167. package/src/util/escapeCommas.js +0 -3
  168. package/src/util/flattenColorPalette.js +0 -13
  169. package/src/util/formatVariantSelector.js +0 -196
  170. package/src/util/getAllConfigs.js +0 -19
  171. package/src/util/hashConfig.js +0 -5
  172. package/src/util/isKeyframeRule.js +0 -3
  173. package/src/util/isPlainObject.js +0 -8
  174. package/src/util/isValidArbitraryValue.js +0 -61
  175. package/src/util/log.js +0 -29
  176. package/src/util/nameClass.js +0 -26
  177. package/src/util/negateValue.js +0 -16
  178. package/src/util/normalizeConfig.js +0 -270
  179. package/src/util/normalizeScreens.js +0 -45
  180. package/src/util/parseAnimationValue.js +0 -68
  181. package/src/util/parseBoxShadowValue.js +0 -119
  182. package/src/util/parseDependency.js +0 -49
  183. package/src/util/parseObjectStyles.js +0 -19
  184. package/src/util/pluginUtils.js +0 -192
  185. package/src/util/prefixSelector.js +0 -14
  186. package/src/util/resolveConfig.js +0 -269
  187. package/src/util/resolveConfigPath.js +0 -55
  188. package/src/util/responsive.js +0 -10
  189. package/src/util/tap.js +0 -4
  190. package/src/util/toColorValue.js +0 -3
  191. package/src/util/toPath.js +0 -26
  192. package/src/util/transformThemeValue.js +0 -52
  193. package/src/util/withAlphaVariable.js +0 -49
  194. package/stubs/defaultConfig.stub.js +0 -950
  195. package/stubs/defaultPostCssConfig.stub.js +0 -6
  196. package/stubs/simpleConfig.stub.js +0 -7
  197. package/tailwind.css +0 -5
  198. package/variants.css +0 -1
@@ -1,3587 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- exports.corePlugins = exports.variantPlugins = void 0;
6
- var _fs = _interopRequireDefault(require("fs"));
7
- var path = _interopRequireWildcard(require("path"));
8
- var _postcss = _interopRequireDefault(require("postcss"));
9
- var _createUtilityPlugin = _interopRequireDefault(require("./util/createUtilityPlugin"));
10
- var _buildMediaQuery = _interopRequireDefault(require("./util/buildMediaQuery"));
11
- var _parseAnimationValue = _interopRequireDefault(require("./util/parseAnimationValue"));
12
- var _flattenColorPalette = _interopRequireDefault(require("./util/flattenColorPalette"));
13
- var _withAlphaVariable = _interopRequireWildcard(require("./util/withAlphaVariable"));
14
- var _toColorValue = _interopRequireDefault(require("./util/toColorValue"));
15
- var _isPlainObject = _interopRequireDefault(require("./util/isPlainObject"));
16
- var _transformThemeValue = _interopRequireDefault(require("./util/transformThemeValue"));
17
- var _packageJson = require("../package.json");
18
- var _log = _interopRequireDefault(require("./util/log"));
19
- var _normalizeScreens = require("./util/normalizeScreens");
20
- var _parseBoxShadowValue = require("./util/parseBoxShadowValue");
21
- function _interopRequireDefault(obj) {
22
- return obj && obj.__esModule ? obj : {
23
- default: obj
24
- };
25
- }
26
- function _interopRequireWildcard(obj) {
27
- if (obj && obj.__esModule) {
28
- return obj;
29
- } else {
30
- var newObj = {};
31
- if (obj != null) {
32
- for(var key in obj){
33
- if (Object.prototype.hasOwnProperty.call(obj, key)) {
34
- var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
35
- if (desc.get || desc.set) {
36
- Object.defineProperty(newObj, key, desc);
37
- } else {
38
- newObj[key] = obj[key];
39
- }
40
- }
41
- }
42
- }
43
- newObj.default = obj;
44
- return newObj;
45
- }
46
- }
47
- let variantPlugins = {
48
- pseudoElementVariants: ({ addVariant })=>{
49
- addVariant('first-letter', '&::first-letter');
50
- addVariant('first-line', '&::first-line');
51
- addVariant('marker', [
52
- '& *::marker',
53
- '&::marker'
54
- ]);
55
- addVariant('selection', [
56
- '& *::selection',
57
- '&::selection'
58
- ]);
59
- addVariant('file', '&::file-selector-button');
60
- addVariant('placeholder', '&::placeholder');
61
- addVariant('before', ({ container })=>{
62
- container.walkRules((rule)=>{
63
- let foundContent = false;
64
- rule.walkDecls('content', ()=>{
65
- foundContent = true;
66
- });
67
- if (!foundContent) {
68
- rule.prepend(_postcss.default.decl({
69
- prop: 'content',
70
- value: 'var(--tw-content)'
71
- }));
72
- }
73
- });
74
- return '&::before';
75
- });
76
- addVariant('after', ({ container })=>{
77
- container.walkRules((rule)=>{
78
- let foundContent = false;
79
- rule.walkDecls('content', ()=>{
80
- foundContent = true;
81
- });
82
- if (!foundContent) {
83
- rule.prepend(_postcss.default.decl({
84
- prop: 'content',
85
- value: 'var(--tw-content)'
86
- }));
87
- }
88
- });
89
- return '&::after';
90
- });
91
- },
92
- pseudoClassVariants: ({ addVariant })=>{
93
- let pseudoVariants = [
94
- // Positional
95
- [
96
- 'first',
97
- ':first-child'
98
- ],
99
- [
100
- 'last',
101
- ':last-child'
102
- ],
103
- [
104
- 'only',
105
- ':only-child'
106
- ],
107
- [
108
- 'odd',
109
- ':nth-child(odd)'
110
- ],
111
- [
112
- 'even',
113
- ':nth-child(even)'
114
- ],
115
- 'first-of-type',
116
- 'last-of-type',
117
- 'only-of-type',
118
- // State
119
- [
120
- 'visited',
121
- ({ container })=>{
122
- let toRemove = [
123
- '--tw-text-opacity',
124
- '--tw-border-opacity',
125
- '--tw-bg-opacity'
126
- ];
127
- container.walkDecls((decl)=>{
128
- if (toRemove.includes(decl.prop)) {
129
- decl.remove();
130
- return;
131
- }
132
- for (const varName of toRemove){
133
- if (decl.value.includes(`/ var(${varName})`)) {
134
- decl.value = decl.value.replace(`/ var(${varName})`, '');
135
- }
136
- }
137
- });
138
- return ':visited';
139
- },
140
- ],
141
- 'target',
142
- [
143
- 'open',
144
- '[open]'
145
- ],
146
- // Forms
147
- 'default',
148
- 'checked',
149
- 'indeterminate',
150
- 'placeholder-shown',
151
- 'autofill',
152
- 'required',
153
- 'valid',
154
- 'invalid',
155
- 'in-range',
156
- 'out-of-range',
157
- 'read-only',
158
- // Content
159
- 'empty',
160
- // Interactive
161
- 'focus-within',
162
- 'hover',
163
- 'focus',
164
- 'focus-visible',
165
- 'active',
166
- 'disabled',
167
- ].map((variant)=>Array.isArray(variant) ? variant : [
168
- variant,
169
- `:${variant}`
170
- ]
171
- );
172
- for (let [variantName, state] of pseudoVariants){
173
- addVariant(variantName, (ctx)=>{
174
- let result = typeof state === 'function' ? state(ctx) : state;
175
- return `&${result}`;
176
- });
177
- }
178
- for (let [variantName1, state1] of pseudoVariants){
179
- addVariant(`group-${variantName1}`, (ctx)=>{
180
- let result = typeof state1 === 'function' ? state1(ctx) : state1;
181
- return `:merge(.group)${result} &`;
182
- });
183
- }
184
- for (let [variantName2, state2] of pseudoVariants){
185
- addVariant(`peer-${variantName2}`, (ctx)=>{
186
- let result = typeof state2 === 'function' ? state2(ctx) : state2;
187
- return `:merge(.peer)${result} ~ &`;
188
- });
189
- }
190
- },
191
- directionVariants: ({ addVariant })=>{
192
- addVariant('ltr', ()=>{
193
- _log.default.warn('rtl-experimental', [
194
- 'The RTL features in Tailwind CSS are currently in preview.',
195
- 'Preview features are not covered by semver, and may be improved in breaking ways at any time.',
196
- ]);
197
- return '[dir="ltr"] &';
198
- });
199
- addVariant('rtl', ()=>{
200
- _log.default.warn('rtl-experimental', [
201
- 'The RTL features in Tailwind CSS are currently in preview.',
202
- 'Preview features are not covered by semver, and may be improved in breaking ways at any time.',
203
- ]);
204
- return '[dir="rtl"] &';
205
- });
206
- },
207
- reducedMotionVariants: ({ addVariant })=>{
208
- addVariant('motion-safe', '@media (prefers-reduced-motion: no-preference)');
209
- addVariant('motion-reduce', '@media (prefers-reduced-motion: reduce)');
210
- },
211
- darkVariants: ({ config , addVariant })=>{
212
- let mode = config('darkMode', 'media');
213
- if (mode === false) {
214
- mode = 'media';
215
- _log.default.warn('darkmode-false', [
216
- 'The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.',
217
- 'Change `darkMode` to `media` or remove it entirely.',
218
- 'https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration',
219
- ]);
220
- }
221
- if (mode === 'class') {
222
- addVariant('dark', '.dark &');
223
- } else if (mode === 'media') {
224
- addVariant('dark', '@media (prefers-color-scheme: dark)');
225
- }
226
- },
227
- printVariant: ({ addVariant })=>{
228
- addVariant('print', '@media print');
229
- },
230
- screenVariants: ({ theme , addVariant })=>{
231
- for (let screen of (0, _normalizeScreens).normalizeScreens(theme('screens'))){
232
- let query = (0, _buildMediaQuery).default(screen);
233
- addVariant(screen.name, `@media ${query}`);
234
- }
235
- },
236
- orientationVariants: ({ addVariant })=>{
237
- addVariant('portrait', '@media (orientation: portrait)');
238
- addVariant('landscape', '@media (orientation: landscape)');
239
- }
240
- };
241
- exports.variantPlugins = variantPlugins;
242
- let cssTransformValue = [
243
- 'translate(var(--tw-translate-x), var(--tw-translate-y))',
244
- 'rotate(var(--tw-rotate))',
245
- 'skewX(var(--tw-skew-x))',
246
- 'skewY(var(--tw-skew-y))',
247
- 'scaleX(var(--tw-scale-x))',
248
- 'scaleY(var(--tw-scale-y))',
249
- ].join(' ');
250
- let cssFilterValue = [
251
- 'var(--tw-blur)',
252
- 'var(--tw-brightness)',
253
- 'var(--tw-contrast)',
254
- 'var(--tw-grayscale)',
255
- 'var(--tw-hue-rotate)',
256
- 'var(--tw-invert)',
257
- 'var(--tw-saturate)',
258
- 'var(--tw-sepia)',
259
- 'var(--tw-drop-shadow)',
260
- ].join(' ');
261
- let cssBackdropFilterValue = [
262
- 'var(--tw-backdrop-blur)',
263
- 'var(--tw-backdrop-brightness)',
264
- 'var(--tw-backdrop-contrast)',
265
- 'var(--tw-backdrop-grayscale)',
266
- 'var(--tw-backdrop-hue-rotate)',
267
- 'var(--tw-backdrop-invert)',
268
- 'var(--tw-backdrop-opacity)',
269
- 'var(--tw-backdrop-saturate)',
270
- 'var(--tw-backdrop-sepia)',
271
- ].join(' ');
272
- let corePlugins = {
273
- preflight: ({ addBase })=>{
274
- let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(path.join(__dirname, './css/preflight.css'), 'utf8'));
275
- addBase([
276
- _postcss.default.comment({
277
- text: `! tailwindcss v${_packageJson.version} | MIT License | https://tailwindcss.com`
278
- }),
279
- ...preflightStyles.nodes,
280
- ]);
281
- },
282
- container: (()=>{
283
- function extractMinWidths(breakpoints = []) {
284
- return breakpoints.flatMap((breakpoint1)=>breakpoint1.values.map((breakpoint)=>breakpoint.min
285
- )
286
- ).filter((v)=>v !== undefined
287
- );
288
- }
289
- function mapMinWidthsToPadding(minWidths, screens, paddings) {
290
- if (typeof paddings === 'undefined') {
291
- return [];
292
- }
293
- if (!(typeof paddings === 'object' && paddings !== null)) {
294
- return [
295
- {
296
- screen: 'DEFAULT',
297
- minWidth: 0,
298
- padding: paddings
299
- },
300
- ];
301
- }
302
- let mapping = [];
303
- if (paddings.DEFAULT) {
304
- mapping.push({
305
- screen: 'DEFAULT',
306
- minWidth: 0,
307
- padding: paddings.DEFAULT
308
- });
309
- }
310
- for (let minWidth of minWidths){
311
- for (let screen of screens){
312
- for (let { min } of screen.values){
313
- if (min === minWidth) {
314
- mapping.push({
315
- minWidth,
316
- padding: paddings[screen.name]
317
- });
318
- }
319
- }
320
- }
321
- }
322
- return mapping;
323
- }
324
- return function({ addComponents , theme }) {
325
- let screens = (0, _normalizeScreens).normalizeScreens(theme('container.screens', theme('screens')));
326
- let minWidths = extractMinWidths(screens);
327
- let paddings = mapMinWidthsToPadding(minWidths, screens, theme('container.padding'));
328
- let generatePaddingFor = (minWidth)=>{
329
- let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth
330
- );
331
- if (!paddingConfig) {
332
- return {};
333
- }
334
- return {
335
- paddingRight: paddingConfig.padding,
336
- paddingLeft: paddingConfig.padding
337
- };
338
- };
339
- let atRules = Array.from(new Set(minWidths.slice().sort((a, z)=>parseInt(a) - parseInt(z)
340
- ))).map((minWidth)=>({
341
- [`@media (min-width: ${minWidth})`]: {
342
- '.container': {
343
- 'max-width': minWidth,
344
- ...generatePaddingFor(minWidth)
345
- }
346
- }
347
- })
348
- );
349
- addComponents([
350
- {
351
- '.container': Object.assign({
352
- width: '100%'
353
- }, theme('container.center', false) ? {
354
- marginRight: 'auto',
355
- marginLeft: 'auto'
356
- } : {}, generatePaddingFor(0))
357
- },
358
- ...atRules,
359
- ]);
360
- };
361
- })(),
362
- accessibility: ({ addUtilities })=>{
363
- addUtilities({
364
- '.sr-only': {
365
- position: 'absolute',
366
- width: '1px',
367
- height: '1px',
368
- padding: '0',
369
- margin: '-1px',
370
- overflow: 'hidden',
371
- clip: 'rect(0, 0, 0, 0)',
372
- whiteSpace: 'nowrap',
373
- borderWidth: '0'
374
- },
375
- '.not-sr-only': {
376
- position: 'static',
377
- width: 'auto',
378
- height: 'auto',
379
- padding: '0',
380
- margin: '0',
381
- overflow: 'visible',
382
- clip: 'auto',
383
- whiteSpace: 'normal'
384
- }
385
- });
386
- },
387
- pointerEvents: ({ addUtilities })=>{
388
- addUtilities({
389
- '.pointer-events-none': {
390
- 'pointer-events': 'none'
391
- },
392
- '.pointer-events-auto': {
393
- 'pointer-events': 'auto'
394
- }
395
- });
396
- },
397
- visibility: ({ addUtilities })=>{
398
- addUtilities({
399
- '.visible': {
400
- visibility: 'visible'
401
- },
402
- '.invisible': {
403
- visibility: 'hidden'
404
- }
405
- });
406
- },
407
- position: ({ addUtilities })=>{
408
- addUtilities({
409
- '.static': {
410
- position: 'static'
411
- },
412
- '.fixed': {
413
- position: 'fixed'
414
- },
415
- '.absolute': {
416
- position: 'absolute'
417
- },
418
- '.relative': {
419
- position: 'relative'
420
- },
421
- '.sticky': {
422
- position: 'sticky'
423
- }
424
- });
425
- },
426
- inset: (0, _createUtilityPlugin).default('inset', [
427
- [
428
- 'inset',
429
- [
430
- 'top',
431
- 'right',
432
- 'bottom',
433
- 'left'
434
- ]
435
- ],
436
- [
437
- [
438
- 'inset-x',
439
- [
440
- 'left',
441
- 'right'
442
- ]
443
- ],
444
- [
445
- 'inset-y',
446
- [
447
- 'top',
448
- 'bottom'
449
- ]
450
- ],
451
- ],
452
- [
453
- [
454
- 'top',
455
- [
456
- 'top'
457
- ]
458
- ],
459
- [
460
- 'right',
461
- [
462
- 'right'
463
- ]
464
- ],
465
- [
466
- 'bottom',
467
- [
468
- 'bottom'
469
- ]
470
- ],
471
- [
472
- 'left',
473
- [
474
- 'left'
475
- ]
476
- ],
477
- ],
478
- ], {
479
- supportsNegativeValues: true
480
- }),
481
- isolation: ({ addUtilities })=>{
482
- addUtilities({
483
- '.isolate': {
484
- isolation: 'isolate'
485
- },
486
- '.isolation-auto': {
487
- isolation: 'auto'
488
- }
489
- });
490
- },
491
- zIndex: (0, _createUtilityPlugin).default('zIndex', [
492
- [
493
- 'z',
494
- [
495
- 'zIndex'
496
- ]
497
- ]
498
- ], {
499
- supportsNegativeValues: true
500
- }),
501
- order: (0, _createUtilityPlugin).default('order', undefined, {
502
- supportsNegativeValues: true
503
- }),
504
- gridColumn: (0, _createUtilityPlugin).default('gridColumn', [
505
- [
506
- 'col',
507
- [
508
- 'gridColumn'
509
- ]
510
- ]
511
- ]),
512
- gridColumnStart: (0, _createUtilityPlugin).default('gridColumnStart', [
513
- [
514
- 'col-start',
515
- [
516
- 'gridColumnStart'
517
- ]
518
- ]
519
- ]),
520
- gridColumnEnd: (0, _createUtilityPlugin).default('gridColumnEnd', [
521
- [
522
- 'col-end',
523
- [
524
- 'gridColumnEnd'
525
- ]
526
- ]
527
- ]),
528
- gridRow: (0, _createUtilityPlugin).default('gridRow', [
529
- [
530
- 'row',
531
- [
532
- 'gridRow'
533
- ]
534
- ]
535
- ]),
536
- gridRowStart: (0, _createUtilityPlugin).default('gridRowStart', [
537
- [
538
- 'row-start',
539
- [
540
- 'gridRowStart'
541
- ]
542
- ]
543
- ]),
544
- gridRowEnd: (0, _createUtilityPlugin).default('gridRowEnd', [
545
- [
546
- 'row-end',
547
- [
548
- 'gridRowEnd'
549
- ]
550
- ]
551
- ]),
552
- float: ({ addUtilities })=>{
553
- addUtilities({
554
- '.float-right': {
555
- float: 'right'
556
- },
557
- '.float-left': {
558
- float: 'left'
559
- },
560
- '.float-none': {
561
- float: 'none'
562
- }
563
- });
564
- },
565
- clear: ({ addUtilities })=>{
566
- addUtilities({
567
- '.clear-left': {
568
- clear: 'left'
569
- },
570
- '.clear-right': {
571
- clear: 'right'
572
- },
573
- '.clear-both': {
574
- clear: 'both'
575
- },
576
- '.clear-none': {
577
- clear: 'none'
578
- }
579
- });
580
- },
581
- margin: (0, _createUtilityPlugin).default('margin', [
582
- [
583
- 'm',
584
- [
585
- 'margin'
586
- ]
587
- ],
588
- [
589
- [
590
- 'mx',
591
- [
592
- 'margin-left',
593
- 'margin-right'
594
- ]
595
- ],
596
- [
597
- 'my',
598
- [
599
- 'margin-top',
600
- 'margin-bottom'
601
- ]
602
- ],
603
- ],
604
- [
605
- [
606
- 'mt',
607
- [
608
- 'margin-top'
609
- ]
610
- ],
611
- [
612
- 'mr',
613
- [
614
- 'margin-right'
615
- ]
616
- ],
617
- [
618
- 'mb',
619
- [
620
- 'margin-bottom'
621
- ]
622
- ],
623
- [
624
- 'ml',
625
- [
626
- 'margin-left'
627
- ]
628
- ],
629
- ],
630
- ], {
631
- supportsNegativeValues: true
632
- }),
633
- boxSizing: ({ addUtilities })=>{
634
- addUtilities({
635
- '.box-border': {
636
- 'box-sizing': 'border-box'
637
- },
638
- '.box-content': {
639
- 'box-sizing': 'content-box'
640
- }
641
- });
642
- },
643
- display: ({ addUtilities })=>{
644
- addUtilities({
645
- '.block': {
646
- display: 'block'
647
- },
648
- '.inline-block': {
649
- display: 'inline-block'
650
- },
651
- '.inline': {
652
- display: 'inline'
653
- },
654
- '.flex': {
655
- display: 'flex'
656
- },
657
- '.inline-flex': {
658
- display: 'inline-flex'
659
- },
660
- '.table': {
661
- display: 'table'
662
- },
663
- '.inline-table': {
664
- display: 'inline-table'
665
- },
666
- '.table-caption': {
667
- display: 'table-caption'
668
- },
669
- '.table-cell': {
670
- display: 'table-cell'
671
- },
672
- '.table-column': {
673
- display: 'table-column'
674
- },
675
- '.table-column-group': {
676
- display: 'table-column-group'
677
- },
678
- '.table-footer-group': {
679
- display: 'table-footer-group'
680
- },
681
- '.table-header-group': {
682
- display: 'table-header-group'
683
- },
684
- '.table-row-group': {
685
- display: 'table-row-group'
686
- },
687
- '.table-row': {
688
- display: 'table-row'
689
- },
690
- '.flow-root': {
691
- display: 'flow-root'
692
- },
693
- '.grid': {
694
- display: 'grid'
695
- },
696
- '.inline-grid': {
697
- display: 'inline-grid'
698
- },
699
- '.contents': {
700
- display: 'contents'
701
- },
702
- '.list-item': {
703
- display: 'list-item'
704
- },
705
- '.hidden': {
706
- display: 'none'
707
- }
708
- });
709
- },
710
- aspectRatio: (0, _createUtilityPlugin).default('aspectRatio', [
711
- [
712
- 'aspect',
713
- [
714
- 'aspect-ratio'
715
- ]
716
- ]
717
- ]),
718
- height: (0, _createUtilityPlugin).default('height', [
719
- [
720
- 'h',
721
- [
722
- 'height'
723
- ]
724
- ]
725
- ]),
726
- maxHeight: (0, _createUtilityPlugin).default('maxHeight', [
727
- [
728
- 'max-h',
729
- [
730
- 'maxHeight'
731
- ]
732
- ]
733
- ]),
734
- minHeight: (0, _createUtilityPlugin).default('minHeight', [
735
- [
736
- 'min-h',
737
- [
738
- 'minHeight'
739
- ]
740
- ]
741
- ]),
742
- width: (0, _createUtilityPlugin).default('width', [
743
- [
744
- 'w',
745
- [
746
- 'width'
747
- ]
748
- ]
749
- ]),
750
- minWidth: (0, _createUtilityPlugin).default('minWidth', [
751
- [
752
- 'min-w',
753
- [
754
- 'minWidth'
755
- ]
756
- ]
757
- ]),
758
- maxWidth: (0, _createUtilityPlugin).default('maxWidth', [
759
- [
760
- 'max-w',
761
- [
762
- 'maxWidth'
763
- ]
764
- ]
765
- ]),
766
- flex: (0, _createUtilityPlugin).default('flex'),
767
- flexShrink: (0, _createUtilityPlugin).default('flexShrink', [
768
- [
769
- 'flex-shrink',
770
- [
771
- 'flex-shrink'
772
- ]
773
- ],
774
- [
775
- 'shrink',
776
- [
777
- 'flex-shrink'
778
- ]
779
- ],
780
- ]),
781
- flexGrow: (0, _createUtilityPlugin).default('flexGrow', [
782
- [
783
- 'flex-grow',
784
- [
785
- 'flex-grow'
786
- ]
787
- ],
788
- [
789
- 'grow',
790
- [
791
- 'flex-grow'
792
- ]
793
- ],
794
- ]),
795
- flexBasis: (0, _createUtilityPlugin).default('flexBasis', [
796
- [
797
- 'basis',
798
- [
799
- 'flex-basis'
800
- ]
801
- ]
802
- ]),
803
- tableLayout: ({ addUtilities })=>{
804
- addUtilities({
805
- '.table-auto': {
806
- 'table-layout': 'auto'
807
- },
808
- '.table-fixed': {
809
- 'table-layout': 'fixed'
810
- }
811
- });
812
- },
813
- borderCollapse: ({ addUtilities })=>{
814
- addUtilities({
815
- '.border-collapse': {
816
- 'border-collapse': 'collapse'
817
- },
818
- '.border-separate': {
819
- 'border-collapse': 'separate'
820
- }
821
- });
822
- },
823
- transformOrigin: (0, _createUtilityPlugin).default('transformOrigin', [
824
- [
825
- 'origin',
826
- [
827
- 'transformOrigin'
828
- ]
829
- ]
830
- ]),
831
- translate: (0, _createUtilityPlugin).default('translate', [
832
- [
833
- [
834
- 'translate-x',
835
- [
836
- [
837
- '@defaults transform',
838
- {}
839
- ],
840
- '--tw-translate-x',
841
- [
842
- 'transform',
843
- cssTransformValue
844
- ]
845
- ],
846
- ],
847
- [
848
- 'translate-y',
849
- [
850
- [
851
- '@defaults transform',
852
- {}
853
- ],
854
- '--tw-translate-y',
855
- [
856
- 'transform',
857
- cssTransformValue
858
- ]
859
- ],
860
- ],
861
- ],
862
- ], {
863
- supportsNegativeValues: true
864
- }),
865
- rotate: (0, _createUtilityPlugin).default('rotate', [
866
- [
867
- 'rotate',
868
- [
869
- [
870
- '@defaults transform',
871
- {}
872
- ],
873
- '--tw-rotate',
874
- [
875
- 'transform',
876
- cssTransformValue
877
- ]
878
- ]
879
- ]
880
- ], {
881
- supportsNegativeValues: true
882
- }),
883
- skew: (0, _createUtilityPlugin).default('skew', [
884
- [
885
- [
886
- 'skew-x',
887
- [
888
- [
889
- '@defaults transform',
890
- {}
891
- ],
892
- '--tw-skew-x',
893
- [
894
- 'transform',
895
- cssTransformValue
896
- ]
897
- ]
898
- ],
899
- [
900
- 'skew-y',
901
- [
902
- [
903
- '@defaults transform',
904
- {}
905
- ],
906
- '--tw-skew-y',
907
- [
908
- 'transform',
909
- cssTransformValue
910
- ]
911
- ]
912
- ],
913
- ],
914
- ], {
915
- supportsNegativeValues: true
916
- }),
917
- scale: (0, _createUtilityPlugin).default('scale', [
918
- [
919
- 'scale',
920
- [
921
- [
922
- '@defaults transform',
923
- {}
924
- ],
925
- '--tw-scale-x',
926
- '--tw-scale-y',
927
- [
928
- 'transform',
929
- cssTransformValue
930
- ],
931
- ],
932
- ],
933
- [
934
- [
935
- 'scale-x',
936
- [
937
- [
938
- '@defaults transform',
939
- {}
940
- ],
941
- '--tw-scale-x',
942
- [
943
- 'transform',
944
- cssTransformValue
945
- ]
946
- ],
947
- ],
948
- [
949
- 'scale-y',
950
- [
951
- [
952
- '@defaults transform',
953
- {}
954
- ],
955
- '--tw-scale-y',
956
- [
957
- 'transform',
958
- cssTransformValue
959
- ]
960
- ],
961
- ],
962
- ],
963
- ], {
964
- supportsNegativeValues: true
965
- }),
966
- transform: ({ addDefaults , addUtilities })=>{
967
- addDefaults('transform', {
968
- '--tw-translate-x': '0',
969
- '--tw-translate-y': '0',
970
- '--tw-rotate': '0',
971
- '--tw-skew-x': '0',
972
- '--tw-skew-y': '0',
973
- '--tw-scale-x': '1',
974
- '--tw-scale-y': '1'
975
- });
976
- addUtilities({
977
- '.transform': {
978
- '@defaults transform': {},
979
- transform: cssTransformValue
980
- },
981
- '.transform-cpu': {
982
- transform: cssTransformValue
983
- },
984
- '.transform-gpu': {
985
- transform: cssTransformValue.replace('translate(var(--tw-translate-x), var(--tw-translate-y))', 'translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)')
986
- },
987
- '.transform-none': {
988
- transform: 'none'
989
- }
990
- });
991
- },
992
- animation: ({ matchUtilities , theme , prefix })=>{
993
- let prefixName = (name)=>prefix(`.${name}`).slice(1)
994
- ;
995
- var ref;
996
- let keyframes = Object.fromEntries(Object.entries((ref = theme('keyframes')) !== null && ref !== void 0 ? ref : {}).map(([key, value])=>{
997
- return [
998
- key,
999
- {
1000
- [`@keyframes ${prefixName(key)}`]: value
1001
- }
1002
- ];
1003
- }));
1004
- matchUtilities({
1005
- animate: (value1)=>{
1006
- let animations = (0, _parseAnimationValue).default(value1);
1007
- return [
1008
- ...animations.flatMap((animation)=>keyframes[animation.name]
1009
- ),
1010
- {
1011
- animation: animations.map(({ name , value })=>{
1012
- if (name === undefined || keyframes[name] === undefined) {
1013
- return value;
1014
- }
1015
- return value.replace(name, prefixName(name));
1016
- }).join(', ')
1017
- },
1018
- ];
1019
- }
1020
- }, {
1021
- values: theme('animation')
1022
- });
1023
- },
1024
- cursor: (0, _createUtilityPlugin).default('cursor'),
1025
- touchAction: ({ addDefaults , addUtilities })=>{
1026
- addDefaults('touch-action', {
1027
- '--tw-pan-x': ' ',
1028
- '--tw-pan-y': ' ',
1029
- '--tw-pinch-zoom': ' '
1030
- });
1031
- let cssTouchActionValue = 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)';
1032
- addUtilities({
1033
- '.touch-auto': {
1034
- 'touch-action': 'auto'
1035
- },
1036
- '.touch-none': {
1037
- 'touch-action': 'none'
1038
- },
1039
- '.touch-pan-x': {
1040
- '@defaults touch-action': {},
1041
- '--tw-pan-x': 'pan-x',
1042
- 'touch-action': cssTouchActionValue
1043
- },
1044
- '.touch-pan-left': {
1045
- '@defaults touch-action': {},
1046
- '--tw-pan-x': 'pan-left',
1047
- 'touch-action': cssTouchActionValue
1048
- },
1049
- '.touch-pan-right': {
1050
- '@defaults touch-action': {},
1051
- '--tw-pan-x': 'pan-right',
1052
- 'touch-action': cssTouchActionValue
1053
- },
1054
- '.touch-pan-y': {
1055
- '@defaults touch-action': {},
1056
- '--tw-pan-y': 'pan-y',
1057
- 'touch-action': cssTouchActionValue
1058
- },
1059
- '.touch-pan-up': {
1060
- '@defaults touch-action': {},
1061
- '--tw-pan-y': 'pan-up',
1062
- 'touch-action': cssTouchActionValue
1063
- },
1064
- '.touch-pan-down': {
1065
- '@defaults touch-action': {},
1066
- '--tw-pan-y': 'pan-down',
1067
- 'touch-action': cssTouchActionValue
1068
- },
1069
- '.touch-pinch-zoom': {
1070
- '@defaults touch-action': {},
1071
- '--tw-pinch-zoom': 'pinch-zoom',
1072
- 'touch-action': cssTouchActionValue
1073
- },
1074
- '.touch-manipulation': {
1075
- 'touch-action': 'manipulation'
1076
- }
1077
- });
1078
- },
1079
- userSelect: ({ addUtilities })=>{
1080
- addUtilities({
1081
- '.select-none': {
1082
- 'user-select': 'none'
1083
- },
1084
- '.select-text': {
1085
- 'user-select': 'text'
1086
- },
1087
- '.select-all': {
1088
- 'user-select': 'all'
1089
- },
1090
- '.select-auto': {
1091
- 'user-select': 'auto'
1092
- }
1093
- });
1094
- },
1095
- resize: ({ addUtilities })=>{
1096
- addUtilities({
1097
- '.resize-none': {
1098
- resize: 'none'
1099
- },
1100
- '.resize-y': {
1101
- resize: 'vertical'
1102
- },
1103
- '.resize-x': {
1104
- resize: 'horizontal'
1105
- },
1106
- '.resize': {
1107
- resize: 'both'
1108
- }
1109
- });
1110
- },
1111
- scrollSnapType: ({ addDefaults , addUtilities })=>{
1112
- addDefaults('scroll-snap-type', {
1113
- '--tw-scroll-snap-strictness': 'proximity'
1114
- });
1115
- addUtilities({
1116
- '.snap-none': {
1117
- 'scroll-snap-type': 'none'
1118
- },
1119
- '.snap-x': {
1120
- '@defaults scroll-snap-type': {},
1121
- 'scroll-snap-type': 'x var(--tw-scroll-snap-strictness)'
1122
- },
1123
- '.snap-y': {
1124
- '@defaults scroll-snap-type': {},
1125
- 'scroll-snap-type': 'y var(--tw-scroll-snap-strictness)'
1126
- },
1127
- '.snap-both': {
1128
- '@defaults scroll-snap-type': {},
1129
- 'scroll-snap-type': 'both var(--tw-scroll-snap-strictness)'
1130
- },
1131
- '.snap-mandatory': {
1132
- '--tw-scroll-snap-strictness': 'mandatory'
1133
- },
1134
- '.snap-proximity': {
1135
- '--tw-scroll-snap-strictness': 'proximity'
1136
- }
1137
- });
1138
- },
1139
- scrollSnapAlign: ({ addUtilities })=>{
1140
- addUtilities({
1141
- '.snap-start': {
1142
- 'scroll-snap-align': 'start'
1143
- },
1144
- '.snap-end': {
1145
- 'scroll-snap-align': 'end'
1146
- },
1147
- '.snap-center': {
1148
- 'scroll-snap-align': 'center'
1149
- },
1150
- '.snap-align-none': {
1151
- 'scroll-snap-align': 'none'
1152
- }
1153
- });
1154
- },
1155
- scrollSnapStop: ({ addUtilities })=>{
1156
- addUtilities({
1157
- '.snap-normal': {
1158
- 'scroll-snap-stop': 'normal'
1159
- },
1160
- '.snap-always': {
1161
- 'scroll-snap-stop': 'always'
1162
- }
1163
- });
1164
- },
1165
- scrollMargin: (0, _createUtilityPlugin).default('scrollMargin', [
1166
- [
1167
- 'scroll-m',
1168
- [
1169
- 'scroll-margin'
1170
- ]
1171
- ],
1172
- [
1173
- [
1174
- 'scroll-mx',
1175
- [
1176
- 'scroll-margin-left',
1177
- 'scroll-margin-right'
1178
- ]
1179
- ],
1180
- [
1181
- 'scroll-my',
1182
- [
1183
- 'scroll-margin-top',
1184
- 'scroll-margin-bottom'
1185
- ]
1186
- ],
1187
- ],
1188
- [
1189
- [
1190
- 'scroll-mt',
1191
- [
1192
- 'scroll-margin-top'
1193
- ]
1194
- ],
1195
- [
1196
- 'scroll-mr',
1197
- [
1198
- 'scroll-margin-right'
1199
- ]
1200
- ],
1201
- [
1202
- 'scroll-mb',
1203
- [
1204
- 'scroll-margin-bottom'
1205
- ]
1206
- ],
1207
- [
1208
- 'scroll-ml',
1209
- [
1210
- 'scroll-margin-left'
1211
- ]
1212
- ],
1213
- ],
1214
- ], {
1215
- supportsNegativeValues: true
1216
- }),
1217
- scrollPadding: (0, _createUtilityPlugin).default('scrollPadding', [
1218
- [
1219
- 'scroll-p',
1220
- [
1221
- 'scroll-padding'
1222
- ]
1223
- ],
1224
- [
1225
- [
1226
- 'scroll-px',
1227
- [
1228
- 'scroll-padding-left',
1229
- 'scroll-padding-right'
1230
- ]
1231
- ],
1232
- [
1233
- 'scroll-py',
1234
- [
1235
- 'scroll-padding-top',
1236
- 'scroll-padding-bottom'
1237
- ]
1238
- ],
1239
- ],
1240
- [
1241
- [
1242
- 'scroll-pt',
1243
- [
1244
- 'scroll-padding-top'
1245
- ]
1246
- ],
1247
- [
1248
- 'scroll-pr',
1249
- [
1250
- 'scroll-padding-right'
1251
- ]
1252
- ],
1253
- [
1254
- 'scroll-pb',
1255
- [
1256
- 'scroll-padding-bottom'
1257
- ]
1258
- ],
1259
- [
1260
- 'scroll-pl',
1261
- [
1262
- 'scroll-padding-left'
1263
- ]
1264
- ],
1265
- ],
1266
- ]),
1267
- listStylePosition: ({ addUtilities })=>{
1268
- addUtilities({
1269
- '.list-inside': {
1270
- 'list-style-position': 'inside'
1271
- },
1272
- '.list-outside': {
1273
- 'list-style-position': 'outside'
1274
- }
1275
- });
1276
- },
1277
- listStyleType: (0, _createUtilityPlugin).default('listStyleType', [
1278
- [
1279
- 'list',
1280
- [
1281
- 'listStyleType'
1282
- ]
1283
- ]
1284
- ]),
1285
- appearance: ({ addUtilities })=>{
1286
- addUtilities({
1287
- '.appearance-none': {
1288
- appearance: 'none'
1289
- }
1290
- });
1291
- },
1292
- columns: (0, _createUtilityPlugin).default('columns', [
1293
- [
1294
- 'columns',
1295
- [
1296
- 'columns'
1297
- ]
1298
- ]
1299
- ]),
1300
- breakBefore: ({ addUtilities })=>{
1301
- addUtilities({
1302
- '.break-before-auto': {
1303
- 'break-before': 'auto'
1304
- },
1305
- '.break-before-avoid': {
1306
- 'break-before': 'avoid'
1307
- },
1308
- '.break-before-all': {
1309
- 'break-before': 'all'
1310
- },
1311
- '.break-before-avoid-page': {
1312
- 'break-before': 'avoid-page'
1313
- },
1314
- '.break-before-page': {
1315
- 'break-before': 'page'
1316
- },
1317
- '.break-before-left': {
1318
- 'break-before': 'left'
1319
- },
1320
- '.break-before-right': {
1321
- 'break-before': 'right'
1322
- },
1323
- '.break-before-column': {
1324
- 'break-before': 'column'
1325
- }
1326
- });
1327
- },
1328
- breakInside: ({ addUtilities })=>{
1329
- addUtilities({
1330
- '.break-inside-auto': {
1331
- 'break-inside': 'auto'
1332
- },
1333
- '.break-inside-avoid': {
1334
- 'break-inside': 'avoid'
1335
- },
1336
- '.break-inside-avoid-page': {
1337
- 'break-inside': 'avoid-page'
1338
- },
1339
- '.break-inside-avoid-column': {
1340
- 'break-inside': 'avoid-column'
1341
- }
1342
- });
1343
- },
1344
- breakAfter: ({ addUtilities })=>{
1345
- addUtilities({
1346
- '.break-after-auto': {
1347
- 'break-after': 'auto'
1348
- },
1349
- '.break-after-avoid': {
1350
- 'break-after': 'avoid'
1351
- },
1352
- '.break-after-all': {
1353
- 'break-after': 'all'
1354
- },
1355
- '.break-after-avoid-page': {
1356
- 'break-after': 'avoid-page'
1357
- },
1358
- '.break-after-page': {
1359
- 'break-after': 'page'
1360
- },
1361
- '.break-after-left': {
1362
- 'break-after': 'left'
1363
- },
1364
- '.break-after-right': {
1365
- 'break-after': 'right'
1366
- },
1367
- '.break-after-column': {
1368
- 'break-after': 'column'
1369
- }
1370
- });
1371
- },
1372
- gridAutoColumns: (0, _createUtilityPlugin).default('gridAutoColumns', [
1373
- [
1374
- 'auto-cols',
1375
- [
1376
- 'gridAutoColumns'
1377
- ]
1378
- ]
1379
- ]),
1380
- gridAutoFlow: ({ addUtilities })=>{
1381
- addUtilities({
1382
- '.grid-flow-row': {
1383
- gridAutoFlow: 'row'
1384
- },
1385
- '.grid-flow-col': {
1386
- gridAutoFlow: 'column'
1387
- },
1388
- '.grid-flow-row-dense': {
1389
- gridAutoFlow: 'row dense'
1390
- },
1391
- '.grid-flow-col-dense': {
1392
- gridAutoFlow: 'column dense'
1393
- }
1394
- });
1395
- },
1396
- gridAutoRows: (0, _createUtilityPlugin).default('gridAutoRows', [
1397
- [
1398
- 'auto-rows',
1399
- [
1400
- 'gridAutoRows'
1401
- ]
1402
- ]
1403
- ]),
1404
- gridTemplateColumns: (0, _createUtilityPlugin).default('gridTemplateColumns', [
1405
- [
1406
- 'grid-cols',
1407
- [
1408
- 'gridTemplateColumns'
1409
- ]
1410
- ],
1411
- ]),
1412
- gridTemplateRows: (0, _createUtilityPlugin).default('gridTemplateRows', [
1413
- [
1414
- 'grid-rows',
1415
- [
1416
- 'gridTemplateRows'
1417
- ]
1418
- ]
1419
- ]),
1420
- flexDirection: ({ addUtilities })=>{
1421
- addUtilities({
1422
- '.flex-row': {
1423
- 'flex-direction': 'row'
1424
- },
1425
- '.flex-row-reverse': {
1426
- 'flex-direction': 'row-reverse'
1427
- },
1428
- '.flex-col': {
1429
- 'flex-direction': 'column'
1430
- },
1431
- '.flex-col-reverse': {
1432
- 'flex-direction': 'column-reverse'
1433
- }
1434
- });
1435
- },
1436
- flexWrap: ({ addUtilities })=>{
1437
- addUtilities({
1438
- '.flex-wrap': {
1439
- 'flex-wrap': 'wrap'
1440
- },
1441
- '.flex-wrap-reverse': {
1442
- 'flex-wrap': 'wrap-reverse'
1443
- },
1444
- '.flex-nowrap': {
1445
- 'flex-wrap': 'nowrap'
1446
- }
1447
- });
1448
- },
1449
- placeContent: ({ addUtilities })=>{
1450
- addUtilities({
1451
- '.place-content-center': {
1452
- 'place-content': 'center'
1453
- },
1454
- '.place-content-start': {
1455
- 'place-content': 'start'
1456
- },
1457
- '.place-content-end': {
1458
- 'place-content': 'end'
1459
- },
1460
- '.place-content-between': {
1461
- 'place-content': 'space-between'
1462
- },
1463
- '.place-content-around': {
1464
- 'place-content': 'space-around'
1465
- },
1466
- '.place-content-evenly': {
1467
- 'place-content': 'space-evenly'
1468
- },
1469
- '.place-content-stretch': {
1470
- 'place-content': 'stretch'
1471
- }
1472
- });
1473
- },
1474
- placeItems: ({ addUtilities })=>{
1475
- addUtilities({
1476
- '.place-items-start': {
1477
- 'place-items': 'start'
1478
- },
1479
- '.place-items-end': {
1480
- 'place-items': 'end'
1481
- },
1482
- '.place-items-center': {
1483
- 'place-items': 'center'
1484
- },
1485
- '.place-items-stretch': {
1486
- 'place-items': 'stretch'
1487
- }
1488
- });
1489
- },
1490
- alignContent: ({ addUtilities })=>{
1491
- addUtilities({
1492
- '.content-center': {
1493
- 'align-content': 'center'
1494
- },
1495
- '.content-start': {
1496
- 'align-content': 'flex-start'
1497
- },
1498
- '.content-end': {
1499
- 'align-content': 'flex-end'
1500
- },
1501
- '.content-between': {
1502
- 'align-content': 'space-between'
1503
- },
1504
- '.content-around': {
1505
- 'align-content': 'space-around'
1506
- },
1507
- '.content-evenly': {
1508
- 'align-content': 'space-evenly'
1509
- }
1510
- });
1511
- },
1512
- alignItems: ({ addUtilities })=>{
1513
- addUtilities({
1514
- '.items-start': {
1515
- 'align-items': 'flex-start'
1516
- },
1517
- '.items-end': {
1518
- 'align-items': 'flex-end'
1519
- },
1520
- '.items-center': {
1521
- 'align-items': 'center'
1522
- },
1523
- '.items-baseline': {
1524
- 'align-items': 'baseline'
1525
- },
1526
- '.items-stretch': {
1527
- 'align-items': 'stretch'
1528
- }
1529
- });
1530
- },
1531
- justifyContent: ({ addUtilities })=>{
1532
- addUtilities({
1533
- '.justify-start': {
1534
- 'justify-content': 'flex-start'
1535
- },
1536
- '.justify-end': {
1537
- 'justify-content': 'flex-end'
1538
- },
1539
- '.justify-center': {
1540
- 'justify-content': 'center'
1541
- },
1542
- '.justify-between': {
1543
- 'justify-content': 'space-between'
1544
- },
1545
- '.justify-around': {
1546
- 'justify-content': 'space-around'
1547
- },
1548
- '.justify-evenly': {
1549
- 'justify-content': 'space-evenly'
1550
- }
1551
- });
1552
- },
1553
- justifyItems: ({ addUtilities })=>{
1554
- addUtilities({
1555
- '.justify-items-start': {
1556
- 'justify-items': 'start'
1557
- },
1558
- '.justify-items-end': {
1559
- 'justify-items': 'end'
1560
- },
1561
- '.justify-items-center': {
1562
- 'justify-items': 'center'
1563
- },
1564
- '.justify-items-stretch': {
1565
- 'justify-items': 'stretch'
1566
- }
1567
- });
1568
- },
1569
- gap: (0, _createUtilityPlugin).default('gap', [
1570
- [
1571
- 'gap',
1572
- [
1573
- 'gap'
1574
- ]
1575
- ],
1576
- [
1577
- [
1578
- 'gap-x',
1579
- [
1580
- 'columnGap'
1581
- ]
1582
- ],
1583
- [
1584
- 'gap-y',
1585
- [
1586
- 'rowGap'
1587
- ]
1588
- ],
1589
- ],
1590
- ]),
1591
- space: ({ matchUtilities , addUtilities , theme })=>{
1592
- matchUtilities({
1593
- 'space-x': (value)=>{
1594
- value = value === '0' ? '0px' : value;
1595
- return {
1596
- '& > :not([hidden]) ~ :not([hidden])': {
1597
- '--tw-space-x-reverse': '0',
1598
- 'margin-right': `calc(${value} * var(--tw-space-x-reverse))`,
1599
- 'margin-left': `calc(${value} * calc(1 - var(--tw-space-x-reverse)))`
1600
- }
1601
- };
1602
- },
1603
- 'space-y': (value)=>{
1604
- value = value === '0' ? '0px' : value;
1605
- return {
1606
- '& > :not([hidden]) ~ :not([hidden])': {
1607
- '--tw-space-y-reverse': '0',
1608
- 'margin-top': `calc(${value} * calc(1 - var(--tw-space-y-reverse)))`,
1609
- 'margin-bottom': `calc(${value} * var(--tw-space-y-reverse))`
1610
- }
1611
- };
1612
- }
1613
- }, {
1614
- values: theme('space'),
1615
- supportsNegativeValues: true
1616
- });
1617
- addUtilities({
1618
- '.space-y-reverse > :not([hidden]) ~ :not([hidden])': {
1619
- '--tw-space-y-reverse': '1'
1620
- },
1621
- '.space-x-reverse > :not([hidden]) ~ :not([hidden])': {
1622
- '--tw-space-x-reverse': '1'
1623
- }
1624
- });
1625
- },
1626
- divideWidth: ({ matchUtilities , addUtilities , theme })=>{
1627
- matchUtilities({
1628
- 'divide-x': (value)=>{
1629
- value = value === '0' ? '0px' : value;
1630
- return {
1631
- '& > :not([hidden]) ~ :not([hidden])': {
1632
- '@defaults border-width': {},
1633
- '--tw-divide-x-reverse': '0',
1634
- 'border-right-width': `calc(${value} * var(--tw-divide-x-reverse))`,
1635
- 'border-left-width': `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
1636
- }
1637
- };
1638
- },
1639
- 'divide-y': (value)=>{
1640
- value = value === '0' ? '0px' : value;
1641
- return {
1642
- '& > :not([hidden]) ~ :not([hidden])': {
1643
- '@defaults border-width': {},
1644
- '--tw-divide-y-reverse': '0',
1645
- 'border-top-width': `calc(${value} * calc(1 - var(--tw-divide-y-reverse)))`,
1646
- 'border-bottom-width': `calc(${value} * var(--tw-divide-y-reverse))`
1647
- }
1648
- };
1649
- }
1650
- }, {
1651
- values: theme('divideWidth'),
1652
- type: [
1653
- 'line-width',
1654
- 'length'
1655
- ]
1656
- });
1657
- addUtilities({
1658
- '.divide-y-reverse > :not([hidden]) ~ :not([hidden])': {
1659
- '@defaults border-width': {},
1660
- '--tw-divide-y-reverse': '1'
1661
- },
1662
- '.divide-x-reverse > :not([hidden]) ~ :not([hidden])': {
1663
- '@defaults border-width': {},
1664
- '--tw-divide-x-reverse': '1'
1665
- }
1666
- });
1667
- },
1668
- divideStyle: ({ addUtilities })=>{
1669
- addUtilities({
1670
- '.divide-solid > :not([hidden]) ~ :not([hidden])': {
1671
- 'border-style': 'solid'
1672
- },
1673
- '.divide-dashed > :not([hidden]) ~ :not([hidden])': {
1674
- 'border-style': 'dashed'
1675
- },
1676
- '.divide-dotted > :not([hidden]) ~ :not([hidden])': {
1677
- 'border-style': 'dotted'
1678
- },
1679
- '.divide-double > :not([hidden]) ~ :not([hidden])': {
1680
- 'border-style': 'double'
1681
- },
1682
- '.divide-none > :not([hidden]) ~ :not([hidden])': {
1683
- 'border-style': 'none'
1684
- }
1685
- });
1686
- },
1687
- divideColor: ({ matchUtilities , theme , corePlugins: corePlugins1 })=>{
1688
- matchUtilities({
1689
- divide: (value)=>{
1690
- if (!corePlugins1('divideOpacity')) {
1691
- return {
1692
- ['& > :not([hidden]) ~ :not([hidden])']: {
1693
- 'border-color': (0, _toColorValue).default(value)
1694
- }
1695
- };
1696
- }
1697
- return {
1698
- ['& > :not([hidden]) ~ :not([hidden])']: (0, _withAlphaVariable).default({
1699
- color: value,
1700
- property: 'border-color',
1701
- variable: '--tw-divide-opacity'
1702
- })
1703
- };
1704
- }
1705
- }, {
1706
- values: (({ DEFAULT: _ , ...colors })=>colors
1707
- )((0, _flattenColorPalette).default(theme('divideColor'))),
1708
- type: 'color'
1709
- });
1710
- },
1711
- divideOpacity: ({ matchUtilities , theme })=>{
1712
- matchUtilities({
1713
- 'divide-opacity': (value)=>{
1714
- return {
1715
- [`& > :not([hidden]) ~ :not([hidden])`]: {
1716
- '--tw-divide-opacity': value
1717
- }
1718
- };
1719
- }
1720
- }, {
1721
- values: theme('divideOpacity')
1722
- });
1723
- },
1724
- placeSelf: ({ addUtilities })=>{
1725
- addUtilities({
1726
- '.place-self-auto': {
1727
- 'place-self': 'auto'
1728
- },
1729
- '.place-self-start': {
1730
- 'place-self': 'start'
1731
- },
1732
- '.place-self-end': {
1733
- 'place-self': 'end'
1734
- },
1735
- '.place-self-center': {
1736
- 'place-self': 'center'
1737
- },
1738
- '.place-self-stretch': {
1739
- 'place-self': 'stretch'
1740
- }
1741
- });
1742
- },
1743
- alignSelf: ({ addUtilities })=>{
1744
- addUtilities({
1745
- '.self-auto': {
1746
- 'align-self': 'auto'
1747
- },
1748
- '.self-start': {
1749
- 'align-self': 'flex-start'
1750
- },
1751
- '.self-end': {
1752
- 'align-self': 'flex-end'
1753
- },
1754
- '.self-center': {
1755
- 'align-self': 'center'
1756
- },
1757
- '.self-stretch': {
1758
- 'align-self': 'stretch'
1759
- },
1760
- '.self-baseline': {
1761
- 'align-self': 'baseline'
1762
- }
1763
- });
1764
- },
1765
- justifySelf: ({ addUtilities })=>{
1766
- addUtilities({
1767
- '.justify-self-auto': {
1768
- 'justify-self': 'auto'
1769
- },
1770
- '.justify-self-start': {
1771
- 'justify-self': 'start'
1772
- },
1773
- '.justify-self-end': {
1774
- 'justify-self': 'end'
1775
- },
1776
- '.justify-self-center': {
1777
- 'justify-self': 'center'
1778
- },
1779
- '.justify-self-stretch': {
1780
- 'justify-self': 'stretch'
1781
- }
1782
- });
1783
- },
1784
- overflow: ({ addUtilities })=>{
1785
- addUtilities({
1786
- '.overflow-auto': {
1787
- overflow: 'auto'
1788
- },
1789
- '.overflow-hidden': {
1790
- overflow: 'hidden'
1791
- },
1792
- '.overflow-clip': {
1793
- overflow: 'clip'
1794
- },
1795
- '.overflow-visible': {
1796
- overflow: 'visible'
1797
- },
1798
- '.overflow-scroll': {
1799
- overflow: 'scroll'
1800
- },
1801
- '.overflow-x-auto': {
1802
- 'overflow-x': 'auto'
1803
- },
1804
- '.overflow-y-auto': {
1805
- 'overflow-y': 'auto'
1806
- },
1807
- '.overflow-x-hidden': {
1808
- 'overflow-x': 'hidden'
1809
- },
1810
- '.overflow-y-hidden': {
1811
- 'overflow-y': 'hidden'
1812
- },
1813
- '.overflow-x-clip': {
1814
- 'overflow-x': 'clip'
1815
- },
1816
- '.overflow-y-clip': {
1817
- 'overflow-y': 'clip'
1818
- },
1819
- '.overflow-x-visible': {
1820
- 'overflow-x': 'visible'
1821
- },
1822
- '.overflow-y-visible': {
1823
- 'overflow-y': 'visible'
1824
- },
1825
- '.overflow-x-scroll': {
1826
- 'overflow-x': 'scroll'
1827
- },
1828
- '.overflow-y-scroll': {
1829
- 'overflow-y': 'scroll'
1830
- }
1831
- });
1832
- },
1833
- overscrollBehavior: ({ addUtilities })=>{
1834
- addUtilities({
1835
- '.overscroll-auto': {
1836
- 'overscroll-behavior': 'auto'
1837
- },
1838
- '.overscroll-contain': {
1839
- 'overscroll-behavior': 'contain'
1840
- },
1841
- '.overscroll-none': {
1842
- 'overscroll-behavior': 'none'
1843
- },
1844
- '.overscroll-y-auto': {
1845
- 'overscroll-behavior-y': 'auto'
1846
- },
1847
- '.overscroll-y-contain': {
1848
- 'overscroll-behavior-y': 'contain'
1849
- },
1850
- '.overscroll-y-none': {
1851
- 'overscroll-behavior-y': 'none'
1852
- },
1853
- '.overscroll-x-auto': {
1854
- 'overscroll-behavior-x': 'auto'
1855
- },
1856
- '.overscroll-x-contain': {
1857
- 'overscroll-behavior-x': 'contain'
1858
- },
1859
- '.overscroll-x-none': {
1860
- 'overscroll-behavior-x': 'none'
1861
- }
1862
- });
1863
- },
1864
- scrollBehavior: ({ addUtilities })=>{
1865
- addUtilities({
1866
- '.scroll-auto': {
1867
- 'scroll-behavior': 'auto'
1868
- },
1869
- '.scroll-smooth': {
1870
- 'scroll-behavior': 'smooth'
1871
- }
1872
- });
1873
- },
1874
- textOverflow: ({ addUtilities })=>{
1875
- addUtilities({
1876
- '.truncate': {
1877
- overflow: 'hidden',
1878
- 'text-overflow': 'ellipsis',
1879
- 'white-space': 'nowrap'
1880
- },
1881
- '.overflow-ellipsis': {
1882
- 'text-overflow': 'ellipsis'
1883
- },
1884
- '.text-ellipsis': {
1885
- 'text-overflow': 'ellipsis'
1886
- },
1887
- '.text-clip': {
1888
- 'text-overflow': 'clip'
1889
- }
1890
- });
1891
- },
1892
- whitespace: ({ addUtilities })=>{
1893
- addUtilities({
1894
- '.whitespace-normal': {
1895
- 'white-space': 'normal'
1896
- },
1897
- '.whitespace-nowrap': {
1898
- 'white-space': 'nowrap'
1899
- },
1900
- '.whitespace-pre': {
1901
- 'white-space': 'pre'
1902
- },
1903
- '.whitespace-pre-line': {
1904
- 'white-space': 'pre-line'
1905
- },
1906
- '.whitespace-pre-wrap': {
1907
- 'white-space': 'pre-wrap'
1908
- }
1909
- });
1910
- },
1911
- wordBreak: ({ addUtilities })=>{
1912
- addUtilities({
1913
- '.break-normal': {
1914
- 'overflow-wrap': 'normal',
1915
- 'word-break': 'normal'
1916
- },
1917
- '.break-words': {
1918
- 'overflow-wrap': 'break-word'
1919
- },
1920
- '.break-all': {
1921
- 'word-break': 'break-all'
1922
- }
1923
- });
1924
- },
1925
- borderRadius: (0, _createUtilityPlugin).default('borderRadius', [
1926
- [
1927
- 'rounded',
1928
- [
1929
- 'border-radius'
1930
- ]
1931
- ],
1932
- [
1933
- [
1934
- 'rounded-t',
1935
- [
1936
- 'border-top-left-radius',
1937
- 'border-top-right-radius'
1938
- ]
1939
- ],
1940
- [
1941
- 'rounded-r',
1942
- [
1943
- 'border-top-right-radius',
1944
- 'border-bottom-right-radius'
1945
- ]
1946
- ],
1947
- [
1948
- 'rounded-b',
1949
- [
1950
- 'border-bottom-right-radius',
1951
- 'border-bottom-left-radius'
1952
- ]
1953
- ],
1954
- [
1955
- 'rounded-l',
1956
- [
1957
- 'border-top-left-radius',
1958
- 'border-bottom-left-radius'
1959
- ]
1960
- ],
1961
- ],
1962
- [
1963
- [
1964
- 'rounded-tl',
1965
- [
1966
- 'border-top-left-radius'
1967
- ]
1968
- ],
1969
- [
1970
- 'rounded-tr',
1971
- [
1972
- 'border-top-right-radius'
1973
- ]
1974
- ],
1975
- [
1976
- 'rounded-br',
1977
- [
1978
- 'border-bottom-right-radius'
1979
- ]
1980
- ],
1981
- [
1982
- 'rounded-bl',
1983
- [
1984
- 'border-bottom-left-radius'
1985
- ]
1986
- ],
1987
- ],
1988
- ]),
1989
- borderWidth: (0, _createUtilityPlugin).default('borderWidth', [
1990
- [
1991
- 'border',
1992
- [
1993
- [
1994
- '@defaults border-width',
1995
- {}
1996
- ],
1997
- 'border-width'
1998
- ]
1999
- ],
2000
- [
2001
- [
2002
- 'border-x',
2003
- [
2004
- [
2005
- '@defaults border-width',
2006
- {}
2007
- ],
2008
- 'border-left-width',
2009
- 'border-right-width'
2010
- ]
2011
- ],
2012
- [
2013
- 'border-y',
2014
- [
2015
- [
2016
- '@defaults border-width',
2017
- {}
2018
- ],
2019
- 'border-top-width',
2020
- 'border-bottom-width'
2021
- ]
2022
- ],
2023
- ],
2024
- [
2025
- [
2026
- 'border-t',
2027
- [
2028
- [
2029
- '@defaults border-width',
2030
- {}
2031
- ],
2032
- 'border-top-width'
2033
- ]
2034
- ],
2035
- [
2036
- 'border-r',
2037
- [
2038
- [
2039
- '@defaults border-width',
2040
- {}
2041
- ],
2042
- 'border-right-width'
2043
- ]
2044
- ],
2045
- [
2046
- 'border-b',
2047
- [
2048
- [
2049
- '@defaults border-width',
2050
- {}
2051
- ],
2052
- 'border-bottom-width'
2053
- ]
2054
- ],
2055
- [
2056
- 'border-l',
2057
- [
2058
- [
2059
- '@defaults border-width',
2060
- {}
2061
- ],
2062
- 'border-left-width'
2063
- ]
2064
- ],
2065
- ],
2066
- ], {
2067
- type: [
2068
- 'line-width',
2069
- 'length'
2070
- ]
2071
- }),
2072
- borderStyle: ({ addUtilities })=>{
2073
- addUtilities({
2074
- '.border-solid': {
2075
- 'border-style': 'solid'
2076
- },
2077
- '.border-dashed': {
2078
- 'border-style': 'dashed'
2079
- },
2080
- '.border-dotted': {
2081
- 'border-style': 'dotted'
2082
- },
2083
- '.border-double': {
2084
- 'border-style': 'double'
2085
- },
2086
- '.border-hidden': {
2087
- 'border-style': 'hidden'
2088
- },
2089
- '.border-none': {
2090
- 'border-style': 'none'
2091
- }
2092
- });
2093
- },
2094
- borderColor: ({ matchUtilities , theme , corePlugins: corePlugins2 })=>{
2095
- matchUtilities({
2096
- border: (value)=>{
2097
- if (!corePlugins2('borderOpacity')) {
2098
- return {
2099
- 'border-color': (0, _toColorValue).default(value)
2100
- };
2101
- }
2102
- return (0, _withAlphaVariable).default({
2103
- color: value,
2104
- property: 'border-color',
2105
- variable: '--tw-border-opacity'
2106
- });
2107
- }
2108
- }, {
2109
- values: (({ DEFAULT: _ , ...colors })=>colors
2110
- )((0, _flattenColorPalette).default(theme('borderColor'))),
2111
- type: [
2112
- 'color'
2113
- ]
2114
- });
2115
- matchUtilities({
2116
- 'border-x': (value)=>{
2117
- if (!corePlugins2('borderOpacity')) {
2118
- return {
2119
- 'border-left-color': (0, _toColorValue).default(value),
2120
- 'border-right-color': (0, _toColorValue).default(value)
2121
- };
2122
- }
2123
- return (0, _withAlphaVariable).default({
2124
- color: value,
2125
- property: [
2126
- 'border-left-color',
2127
- 'border-right-color'
2128
- ],
2129
- variable: '--tw-border-opacity'
2130
- });
2131
- },
2132
- 'border-y': (value)=>{
2133
- if (!corePlugins2('borderOpacity')) {
2134
- return {
2135
- 'border-top-color': (0, _toColorValue).default(value),
2136
- 'border-bottom-color': (0, _toColorValue).default(value)
2137
- };
2138
- }
2139
- return (0, _withAlphaVariable).default({
2140
- color: value,
2141
- property: [
2142
- 'border-top-color',
2143
- 'border-bottom-color'
2144
- ],
2145
- variable: '--tw-border-opacity'
2146
- });
2147
- }
2148
- }, {
2149
- values: (({ DEFAULT: _ , ...colors })=>colors
2150
- )((0, _flattenColorPalette).default(theme('borderColor'))),
2151
- type: 'color'
2152
- });
2153
- matchUtilities({
2154
- 'border-t': (value)=>{
2155
- if (!corePlugins2('borderOpacity')) {
2156
- return {
2157
- 'border-top-color': (0, _toColorValue).default(value)
2158
- };
2159
- }
2160
- return (0, _withAlphaVariable).default({
2161
- color: value,
2162
- property: 'border-top-color',
2163
- variable: '--tw-border-opacity'
2164
- });
2165
- },
2166
- 'border-r': (value)=>{
2167
- if (!corePlugins2('borderOpacity')) {
2168
- return {
2169
- 'border-right-color': (0, _toColorValue).default(value)
2170
- };
2171
- }
2172
- return (0, _withAlphaVariable).default({
2173
- color: value,
2174
- property: 'border-right-color',
2175
- variable: '--tw-border-opacity'
2176
- });
2177
- },
2178
- 'border-b': (value)=>{
2179
- if (!corePlugins2('borderOpacity')) {
2180
- return {
2181
- 'border-bottom-color': (0, _toColorValue).default(value)
2182
- };
2183
- }
2184
- return (0, _withAlphaVariable).default({
2185
- color: value,
2186
- property: 'border-bottom-color',
2187
- variable: '--tw-border-opacity'
2188
- });
2189
- },
2190
- 'border-l': (value)=>{
2191
- if (!corePlugins2('borderOpacity')) {
2192
- return {
2193
- 'border-left-color': (0, _toColorValue).default(value)
2194
- };
2195
- }
2196
- return (0, _withAlphaVariable).default({
2197
- color: value,
2198
- property: 'border-left-color',
2199
- variable: '--tw-border-opacity'
2200
- });
2201
- }
2202
- }, {
2203
- values: (({ DEFAULT: _ , ...colors })=>colors
2204
- )((0, _flattenColorPalette).default(theme('borderColor'))),
2205
- type: 'color'
2206
- });
2207
- },
2208
- borderOpacity: (0, _createUtilityPlugin).default('borderOpacity', [
2209
- [
2210
- 'border-opacity',
2211
- [
2212
- '--tw-border-opacity'
2213
- ]
2214
- ],
2215
- ]),
2216
- backgroundColor: ({ matchUtilities , theme , corePlugins: corePlugins3 })=>{
2217
- matchUtilities({
2218
- bg: (value)=>{
2219
- if (!corePlugins3('backgroundOpacity')) {
2220
- return {
2221
- 'background-color': (0, _toColorValue).default(value)
2222
- };
2223
- }
2224
- return (0, _withAlphaVariable).default({
2225
- color: value,
2226
- property: 'background-color',
2227
- variable: '--tw-bg-opacity'
2228
- });
2229
- }
2230
- }, {
2231
- values: (0, _flattenColorPalette).default(theme('backgroundColor')),
2232
- type: 'color'
2233
- });
2234
- },
2235
- backgroundOpacity: (0, _createUtilityPlugin).default('backgroundOpacity', [
2236
- [
2237
- 'bg-opacity',
2238
- [
2239
- '--tw-bg-opacity'
2240
- ]
2241
- ],
2242
- ]),
2243
- backgroundImage: (0, _createUtilityPlugin).default('backgroundImage', [
2244
- [
2245
- 'bg',
2246
- [
2247
- 'background-image'
2248
- ]
2249
- ]
2250
- ], {
2251
- type: [
2252
- 'lookup',
2253
- 'image',
2254
- 'url'
2255
- ]
2256
- }),
2257
- gradientColorStops: (()=>{
2258
- function transparentTo(value) {
2259
- return (0, _withAlphaVariable).withAlphaValue(value, 0, 'rgb(255 255 255 / 0)');
2260
- }
2261
- return function({ matchUtilities , theme }) {
2262
- let options = {
2263
- values: (0, _flattenColorPalette).default(theme('gradientColorStops')),
2264
- type: [
2265
- 'color',
2266
- 'any'
2267
- ]
2268
- };
2269
- matchUtilities({
2270
- from: (value)=>{
2271
- let transparentToValue = transparentTo(value);
2272
- return {
2273
- '--tw-gradient-from': (0, _toColorValue).default(value, 'from'),
2274
- '--tw-gradient-stops': `var(--tw-gradient-from), var(--tw-gradient-to, ${transparentToValue})`
2275
- };
2276
- }
2277
- }, options);
2278
- matchUtilities({
2279
- via: (value)=>{
2280
- let transparentToValue = transparentTo(value);
2281
- return {
2282
- '--tw-gradient-stops': `var(--tw-gradient-from), ${(0, _toColorValue).default(value, 'via')}, var(--tw-gradient-to, ${transparentToValue})`
2283
- };
2284
- }
2285
- }, options);
2286
- matchUtilities({
2287
- to: (value)=>({
2288
- '--tw-gradient-to': (0, _toColorValue).default(value, 'to')
2289
- })
2290
- }, options);
2291
- };
2292
- })(),
2293
- boxDecorationBreak: ({ addUtilities })=>{
2294
- addUtilities({
2295
- '.decoration-slice': {
2296
- 'box-decoration-break': 'slice'
2297
- },
2298
- '.decoration-clone': {
2299
- 'box-decoration-break': 'clone'
2300
- },
2301
- '.box-decoration-slice': {
2302
- 'box-decoration-break': 'slice'
2303
- },
2304
- '.box-decoration-clone': {
2305
- 'box-decoration-break': 'clone'
2306
- }
2307
- });
2308
- },
2309
- backgroundSize: (0, _createUtilityPlugin).default('backgroundSize', [
2310
- [
2311
- 'bg',
2312
- [
2313
- 'background-size'
2314
- ]
2315
- ]
2316
- ], {
2317
- type: [
2318
- 'lookup',
2319
- 'length',
2320
- 'percentage'
2321
- ]
2322
- }),
2323
- backgroundAttachment: ({ addUtilities })=>{
2324
- addUtilities({
2325
- '.bg-fixed': {
2326
- 'background-attachment': 'fixed'
2327
- },
2328
- '.bg-local': {
2329
- 'background-attachment': 'local'
2330
- },
2331
- '.bg-scroll': {
2332
- 'background-attachment': 'scroll'
2333
- }
2334
- });
2335
- },
2336
- backgroundClip: ({ addUtilities })=>{
2337
- addUtilities({
2338
- '.bg-clip-border': {
2339
- 'background-clip': 'border-box'
2340
- },
2341
- '.bg-clip-padding': {
2342
- 'background-clip': 'padding-box'
2343
- },
2344
- '.bg-clip-content': {
2345
- 'background-clip': 'content-box'
2346
- },
2347
- '.bg-clip-text': {
2348
- 'background-clip': 'text'
2349
- }
2350
- });
2351
- },
2352
- backgroundPosition: (0, _createUtilityPlugin).default('backgroundPosition', [
2353
- [
2354
- 'bg',
2355
- [
2356
- 'background-position'
2357
- ]
2358
- ]
2359
- ], {
2360
- type: [
2361
- 'lookup',
2362
- 'position'
2363
- ]
2364
- }),
2365
- backgroundRepeat: ({ addUtilities })=>{
2366
- addUtilities({
2367
- '.bg-repeat': {
2368
- 'background-repeat': 'repeat'
2369
- },
2370
- '.bg-no-repeat': {
2371
- 'background-repeat': 'no-repeat'
2372
- },
2373
- '.bg-repeat-x': {
2374
- 'background-repeat': 'repeat-x'
2375
- },
2376
- '.bg-repeat-y': {
2377
- 'background-repeat': 'repeat-y'
2378
- },
2379
- '.bg-repeat-round': {
2380
- 'background-repeat': 'round'
2381
- },
2382
- '.bg-repeat-space': {
2383
- 'background-repeat': 'space'
2384
- }
2385
- });
2386
- },
2387
- backgroundOrigin: ({ addUtilities })=>{
2388
- addUtilities({
2389
- '.bg-origin-border': {
2390
- 'background-origin': 'border-box'
2391
- },
2392
- '.bg-origin-padding': {
2393
- 'background-origin': 'padding-box'
2394
- },
2395
- '.bg-origin-content': {
2396
- 'background-origin': 'content-box'
2397
- }
2398
- });
2399
- },
2400
- fill: ({ matchUtilities , theme })=>{
2401
- matchUtilities({
2402
- fill: (value)=>{
2403
- return {
2404
- fill: (0, _toColorValue).default(value)
2405
- };
2406
- }
2407
- }, {
2408
- values: (0, _flattenColorPalette).default(theme('fill')),
2409
- type: [
2410
- 'color',
2411
- 'any'
2412
- ]
2413
- });
2414
- },
2415
- stroke: ({ matchUtilities , theme })=>{
2416
- matchUtilities({
2417
- stroke: (value)=>{
2418
- return {
2419
- stroke: (0, _toColorValue).default(value)
2420
- };
2421
- }
2422
- }, {
2423
- values: (0, _flattenColorPalette).default(theme('stroke')),
2424
- type: [
2425
- 'color',
2426
- 'url'
2427
- ]
2428
- });
2429
- },
2430
- strokeWidth: (0, _createUtilityPlugin).default('strokeWidth', [
2431
- [
2432
- 'stroke',
2433
- [
2434
- 'stroke-width'
2435
- ]
2436
- ]
2437
- ], {
2438
- type: [
2439
- 'length',
2440
- 'number',
2441
- 'percentage'
2442
- ]
2443
- }),
2444
- objectFit: ({ addUtilities })=>{
2445
- addUtilities({
2446
- '.object-contain': {
2447
- 'object-fit': 'contain'
2448
- },
2449
- '.object-cover': {
2450
- 'object-fit': 'cover'
2451
- },
2452
- '.object-fill': {
2453
- 'object-fit': 'fill'
2454
- },
2455
- '.object-none': {
2456
- 'object-fit': 'none'
2457
- },
2458
- '.object-scale-down': {
2459
- 'object-fit': 'scale-down'
2460
- }
2461
- });
2462
- },
2463
- objectPosition: (0, _createUtilityPlugin).default('objectPosition', [
2464
- [
2465
- 'object',
2466
- [
2467
- 'object-position'
2468
- ]
2469
- ]
2470
- ]),
2471
- padding: (0, _createUtilityPlugin).default('padding', [
2472
- [
2473
- 'p',
2474
- [
2475
- 'padding'
2476
- ]
2477
- ],
2478
- [
2479
- [
2480
- 'px',
2481
- [
2482
- 'padding-left',
2483
- 'padding-right'
2484
- ]
2485
- ],
2486
- [
2487
- 'py',
2488
- [
2489
- 'padding-top',
2490
- 'padding-bottom'
2491
- ]
2492
- ],
2493
- ],
2494
- [
2495
- [
2496
- 'pt',
2497
- [
2498
- 'padding-top'
2499
- ]
2500
- ],
2501
- [
2502
- 'pr',
2503
- [
2504
- 'padding-right'
2505
- ]
2506
- ],
2507
- [
2508
- 'pb',
2509
- [
2510
- 'padding-bottom'
2511
- ]
2512
- ],
2513
- [
2514
- 'pl',
2515
- [
2516
- 'padding-left'
2517
- ]
2518
- ],
2519
- ],
2520
- ]),
2521
- textAlign: ({ addUtilities })=>{
2522
- addUtilities({
2523
- '.text-left': {
2524
- 'text-align': 'left'
2525
- },
2526
- '.text-center': {
2527
- 'text-align': 'center'
2528
- },
2529
- '.text-right': {
2530
- 'text-align': 'right'
2531
- },
2532
- '.text-justify': {
2533
- 'text-align': 'justify'
2534
- }
2535
- });
2536
- },
2537
- textIndent: (0, _createUtilityPlugin).default('textIndent', [
2538
- [
2539
- 'indent',
2540
- [
2541
- 'text-indent'
2542
- ]
2543
- ]
2544
- ], {
2545
- supportsNegativeValues: true
2546
- }),
2547
- verticalAlign: ({ addUtilities , matchUtilities })=>{
2548
- addUtilities({
2549
- '.align-baseline': {
2550
- 'vertical-align': 'baseline'
2551
- },
2552
- '.align-top': {
2553
- 'vertical-align': 'top'
2554
- },
2555
- '.align-middle': {
2556
- 'vertical-align': 'middle'
2557
- },
2558
- '.align-bottom': {
2559
- 'vertical-align': 'bottom'
2560
- },
2561
- '.align-text-top': {
2562
- 'vertical-align': 'text-top'
2563
- },
2564
- '.align-text-bottom': {
2565
- 'vertical-align': 'text-bottom'
2566
- },
2567
- '.align-sub': {
2568
- 'vertical-align': 'sub'
2569
- },
2570
- '.align-super': {
2571
- 'vertical-align': 'super'
2572
- }
2573
- });
2574
- matchUtilities({
2575
- align: (value)=>({
2576
- 'vertical-align': value
2577
- })
2578
- });
2579
- },
2580
- fontFamily: (0, _createUtilityPlugin).default('fontFamily', [
2581
- [
2582
- 'font',
2583
- [
2584
- 'fontFamily'
2585
- ]
2586
- ]
2587
- ], {
2588
- type: [
2589
- 'lookup',
2590
- 'generic-name',
2591
- 'family-name'
2592
- ]
2593
- }),
2594
- fontSize: ({ matchUtilities , theme })=>{
2595
- matchUtilities({
2596
- text: (value)=>{
2597
- let [fontSize, options] = Array.isArray(value) ? value : [
2598
- value
2599
- ];
2600
- let { lineHeight , letterSpacing } = (0, _isPlainObject).default(options) ? options : {
2601
- lineHeight: options
2602
- };
2603
- return {
2604
- 'font-size': fontSize,
2605
- ...lineHeight === undefined ? {} : {
2606
- 'line-height': lineHeight
2607
- },
2608
- ...letterSpacing === undefined ? {} : {
2609
- 'letter-spacing': letterSpacing
2610
- }
2611
- };
2612
- }
2613
- }, {
2614
- values: theme('fontSize'),
2615
- type: [
2616
- 'absolute-size',
2617
- 'relative-size',
2618
- 'length',
2619
- 'percentage'
2620
- ]
2621
- });
2622
- },
2623
- fontWeight: (0, _createUtilityPlugin).default('fontWeight', [
2624
- [
2625
- 'font',
2626
- [
2627
- 'fontWeight'
2628
- ]
2629
- ]
2630
- ], {
2631
- type: [
2632
- 'lookup',
2633
- 'number'
2634
- ]
2635
- }),
2636
- textTransform: ({ addUtilities })=>{
2637
- addUtilities({
2638
- '.uppercase': {
2639
- 'text-transform': 'uppercase'
2640
- },
2641
- '.lowercase': {
2642
- 'text-transform': 'lowercase'
2643
- },
2644
- '.capitalize': {
2645
- 'text-transform': 'capitalize'
2646
- },
2647
- '.normal-case': {
2648
- 'text-transform': 'none'
2649
- }
2650
- });
2651
- },
2652
- fontStyle: ({ addUtilities })=>{
2653
- addUtilities({
2654
- '.italic': {
2655
- 'font-style': 'italic'
2656
- },
2657
- '.not-italic': {
2658
- 'font-style': 'normal'
2659
- }
2660
- });
2661
- },
2662
- fontVariantNumeric: ({ addDefaults , addUtilities })=>{
2663
- let cssFontVariantNumericValue = 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)';
2664
- addDefaults('font-variant-numeric', {
2665
- '--tw-ordinal': ' ',
2666
- '--tw-slashed-zero': ' ',
2667
- '--tw-numeric-figure': ' ',
2668
- '--tw-numeric-spacing': ' ',
2669
- '--tw-numeric-fraction': ' '
2670
- });
2671
- addUtilities({
2672
- '.normal-nums': {
2673
- 'font-variant-numeric': 'normal'
2674
- },
2675
- '.ordinal': {
2676
- '@defaults font-variant-numeric': {},
2677
- '--tw-ordinal': 'ordinal',
2678
- 'font-variant-numeric': cssFontVariantNumericValue
2679
- },
2680
- '.slashed-zero': {
2681
- '@defaults font-variant-numeric': {},
2682
- '--tw-slashed-zero': 'slashed-zero',
2683
- 'font-variant-numeric': cssFontVariantNumericValue
2684
- },
2685
- '.lining-nums': {
2686
- '@defaults font-variant-numeric': {},
2687
- '--tw-numeric-figure': 'lining-nums',
2688
- 'font-variant-numeric': cssFontVariantNumericValue
2689
- },
2690
- '.oldstyle-nums': {
2691
- '@defaults font-variant-numeric': {},
2692
- '--tw-numeric-figure': 'oldstyle-nums',
2693
- 'font-variant-numeric': cssFontVariantNumericValue
2694
- },
2695
- '.proportional-nums': {
2696
- '@defaults font-variant-numeric': {},
2697
- '--tw-numeric-spacing': 'proportional-nums',
2698
- 'font-variant-numeric': cssFontVariantNumericValue
2699
- },
2700
- '.tabular-nums': {
2701
- '@defaults font-variant-numeric': {},
2702
- '--tw-numeric-spacing': 'tabular-nums',
2703
- 'font-variant-numeric': cssFontVariantNumericValue
2704
- },
2705
- '.diagonal-fractions': {
2706
- '@defaults font-variant-numeric': {},
2707
- '--tw-numeric-fraction': 'diagonal-fractions',
2708
- 'font-variant-numeric': cssFontVariantNumericValue
2709
- },
2710
- '.stacked-fractions': {
2711
- '@defaults font-variant-numeric': {},
2712
- '--tw-numeric-fraction': 'stacked-fractions',
2713
- 'font-variant-numeric': cssFontVariantNumericValue
2714
- }
2715
- });
2716
- },
2717
- lineHeight: (0, _createUtilityPlugin).default('lineHeight', [
2718
- [
2719
- 'leading',
2720
- [
2721
- 'lineHeight'
2722
- ]
2723
- ]
2724
- ]),
2725
- letterSpacing: (0, _createUtilityPlugin).default('letterSpacing', [
2726
- [
2727
- 'tracking',
2728
- [
2729
- 'letterSpacing'
2730
- ]
2731
- ]
2732
- ], {
2733
- supportsNegativeValues: true
2734
- }),
2735
- textColor: ({ matchUtilities , theme , corePlugins: corePlugins4 })=>{
2736
- matchUtilities({
2737
- text: (value)=>{
2738
- if (!corePlugins4('textOpacity')) {
2739
- return {
2740
- color: (0, _toColorValue).default(value)
2741
- };
2742
- }
2743
- return (0, _withAlphaVariable).default({
2744
- color: value,
2745
- property: 'color',
2746
- variable: '--tw-text-opacity'
2747
- });
2748
- }
2749
- }, {
2750
- values: (0, _flattenColorPalette).default(theme('textColor')),
2751
- type: 'color'
2752
- });
2753
- },
2754
- textOpacity: (0, _createUtilityPlugin).default('textOpacity', [
2755
- [
2756
- 'text-opacity',
2757
- [
2758
- '--tw-text-opacity'
2759
- ]
2760
- ]
2761
- ]),
2762
- textDecoration: ({ addUtilities })=>{
2763
- addUtilities({
2764
- '.underline': {
2765
- 'text-decoration-line': 'underline'
2766
- },
2767
- '.overline': {
2768
- 'text-decoration-line': 'overline'
2769
- },
2770
- '.line-through': {
2771
- 'text-decoration-line': 'line-through'
2772
- },
2773
- '.no-underline': {
2774
- 'text-decoration-line': 'none'
2775
- }
2776
- });
2777
- },
2778
- textDecorationColor: ({ matchUtilities , theme })=>{
2779
- matchUtilities({
2780
- decoration: (value)=>{
2781
- return {
2782
- 'text-decoration-color': (0, _toColorValue).default(value)
2783
- };
2784
- }
2785
- }, {
2786
- values: (0, _flattenColorPalette).default(theme('textDecorationColor')),
2787
- type: [
2788
- 'color'
2789
- ]
2790
- });
2791
- },
2792
- textDecorationStyle: ({ addUtilities })=>{
2793
- addUtilities({
2794
- '.decoration-solid': {
2795
- 'text-decoration-style': 'solid'
2796
- },
2797
- '.decoration-double': {
2798
- 'text-decoration-style': 'double'
2799
- },
2800
- '.decoration-dotted': {
2801
- 'text-decoration-style': 'dotted'
2802
- },
2803
- '.decoration-dashed': {
2804
- 'text-decoration-style': 'dashed'
2805
- },
2806
- '.decoration-wavy': {
2807
- 'text-decoration-style': 'wavy'
2808
- }
2809
- });
2810
- },
2811
- textDecorationThickness: (0, _createUtilityPlugin).default('textDecorationThickness', [
2812
- [
2813
- 'decoration',
2814
- [
2815
- 'text-decoration-thickness'
2816
- ]
2817
- ]
2818
- ], {
2819
- type: [
2820
- 'length',
2821
- 'percentage'
2822
- ]
2823
- }),
2824
- textUnderlineOffset: (0, _createUtilityPlugin).default('textUnderlineOffset', [
2825
- [
2826
- 'underline-offset',
2827
- [
2828
- 'text-underline-offset'
2829
- ]
2830
- ]
2831
- ], {
2832
- type: [
2833
- 'length',
2834
- 'percentage'
2835
- ]
2836
- }),
2837
- fontSmoothing: ({ addUtilities })=>{
2838
- addUtilities({
2839
- '.antialiased': {
2840
- '-webkit-font-smoothing': 'antialiased',
2841
- '-moz-osx-font-smoothing': 'grayscale'
2842
- },
2843
- '.subpixel-antialiased': {
2844
- '-webkit-font-smoothing': 'auto',
2845
- '-moz-osx-font-smoothing': 'auto'
2846
- }
2847
- });
2848
- },
2849
- placeholderColor: ({ matchUtilities , theme , corePlugins: corePlugins5 })=>{
2850
- matchUtilities({
2851
- placeholder: (value)=>{
2852
- if (!corePlugins5('placeholderOpacity')) {
2853
- return {
2854
- '&::placeholder': {
2855
- color: (0, _toColorValue).default(value)
2856
- }
2857
- };
2858
- }
2859
- return {
2860
- '&::placeholder': (0, _withAlphaVariable).default({
2861
- color: value,
2862
- property: 'color',
2863
- variable: '--tw-placeholder-opacity'
2864
- })
2865
- };
2866
- }
2867
- }, {
2868
- values: (0, _flattenColorPalette).default(theme('placeholderColor')),
2869
- type: [
2870
- 'color',
2871
- 'any'
2872
- ]
2873
- });
2874
- },
2875
- placeholderOpacity: ({ matchUtilities , theme })=>{
2876
- matchUtilities({
2877
- 'placeholder-opacity': (value)=>{
2878
- return {
2879
- ['&::placeholder']: {
2880
- '--tw-placeholder-opacity': value
2881
- }
2882
- };
2883
- }
2884
- }, {
2885
- values: theme('placeholderOpacity')
2886
- });
2887
- },
2888
- caretColor: ({ matchUtilities , theme })=>{
2889
- matchUtilities({
2890
- caret: (value)=>{
2891
- return {
2892
- 'caret-color': (0, _toColorValue).default(value)
2893
- };
2894
- }
2895
- }, {
2896
- values: (0, _flattenColorPalette).default(theme('caretColor')),
2897
- type: [
2898
- 'color',
2899
- 'any'
2900
- ]
2901
- });
2902
- },
2903
- accentColor: ({ matchUtilities , theme })=>{
2904
- matchUtilities({
2905
- accent: (value)=>{
2906
- return {
2907
- 'accent-color': (0, _toColorValue).default(value)
2908
- };
2909
- }
2910
- }, {
2911
- values: (0, _flattenColorPalette).default(theme('accentColor')),
2912
- type: [
2913
- 'color',
2914
- 'any'
2915
- ]
2916
- });
2917
- },
2918
- opacity: (0, _createUtilityPlugin).default('opacity', [
2919
- [
2920
- 'opacity',
2921
- [
2922
- 'opacity'
2923
- ]
2924
- ]
2925
- ]),
2926
- backgroundBlendMode: ({ addUtilities })=>{
2927
- addUtilities({
2928
- '.bg-blend-normal': {
2929
- 'background-blend-mode': 'normal'
2930
- },
2931
- '.bg-blend-multiply': {
2932
- 'background-blend-mode': 'multiply'
2933
- },
2934
- '.bg-blend-screen': {
2935
- 'background-blend-mode': 'screen'
2936
- },
2937
- '.bg-blend-overlay': {
2938
- 'background-blend-mode': 'overlay'
2939
- },
2940
- '.bg-blend-darken': {
2941
- 'background-blend-mode': 'darken'
2942
- },
2943
- '.bg-blend-lighten': {
2944
- 'background-blend-mode': 'lighten'
2945
- },
2946
- '.bg-blend-color-dodge': {
2947
- 'background-blend-mode': 'color-dodge'
2948
- },
2949
- '.bg-blend-color-burn': {
2950
- 'background-blend-mode': 'color-burn'
2951
- },
2952
- '.bg-blend-hard-light': {
2953
- 'background-blend-mode': 'hard-light'
2954
- },
2955
- '.bg-blend-soft-light': {
2956
- 'background-blend-mode': 'soft-light'
2957
- },
2958
- '.bg-blend-difference': {
2959
- 'background-blend-mode': 'difference'
2960
- },
2961
- '.bg-blend-exclusion': {
2962
- 'background-blend-mode': 'exclusion'
2963
- },
2964
- '.bg-blend-hue': {
2965
- 'background-blend-mode': 'hue'
2966
- },
2967
- '.bg-blend-saturation': {
2968
- 'background-blend-mode': 'saturation'
2969
- },
2970
- '.bg-blend-color': {
2971
- 'background-blend-mode': 'color'
2972
- },
2973
- '.bg-blend-luminosity': {
2974
- 'background-blend-mode': 'luminosity'
2975
- }
2976
- });
2977
- },
2978
- mixBlendMode: ({ addUtilities })=>{
2979
- addUtilities({
2980
- '.mix-blend-normal': {
2981
- 'mix-blend-mode': 'normal'
2982
- },
2983
- '.mix-blend-multiply': {
2984
- 'mix-blend-mode': 'multiply'
2985
- },
2986
- '.mix-blend-screen': {
2987
- 'mix-blend-mode': 'screen'
2988
- },
2989
- '.mix-blend-overlay': {
2990
- 'mix-blend-mode': 'overlay'
2991
- },
2992
- '.mix-blend-darken': {
2993
- 'mix-blend-mode': 'darken'
2994
- },
2995
- '.mix-blend-lighten': {
2996
- 'mix-blend-mode': 'lighten'
2997
- },
2998
- '.mix-blend-color-dodge': {
2999
- 'mix-blend-mode': 'color-dodge'
3000
- },
3001
- '.mix-blend-color-burn': {
3002
- 'mix-blend-mode': 'color-burn'
3003
- },
3004
- '.mix-blend-hard-light': {
3005
- 'mix-blend-mode': 'hard-light'
3006
- },
3007
- '.mix-blend-soft-light': {
3008
- 'mix-blend-mode': 'soft-light'
3009
- },
3010
- '.mix-blend-difference': {
3011
- 'mix-blend-mode': 'difference'
3012
- },
3013
- '.mix-blend-exclusion': {
3014
- 'mix-blend-mode': 'exclusion'
3015
- },
3016
- '.mix-blend-hue': {
3017
- 'mix-blend-mode': 'hue'
3018
- },
3019
- '.mix-blend-saturation': {
3020
- 'mix-blend-mode': 'saturation'
3021
- },
3022
- '.mix-blend-color': {
3023
- 'mix-blend-mode': 'color'
3024
- },
3025
- '.mix-blend-luminosity': {
3026
- 'mix-blend-mode': 'luminosity'
3027
- }
3028
- });
3029
- },
3030
- boxShadow: (()=>{
3031
- let transformValue = (0, _transformThemeValue).default('boxShadow');
3032
- let defaultBoxShadow = [
3033
- `var(--tw-ring-offset-shadow, 0 0 #0000)`,
3034
- `var(--tw-ring-shadow, 0 0 #0000)`,
3035
- `var(--tw-shadow)`,
3036
- ].join(', ');
3037
- return function({ matchUtilities , addDefaults , theme }) {
3038
- addDefaults(' box-shadow', {
3039
- '--tw-ring-offset-shadow': '0 0 #0000',
3040
- '--tw-ring-shadow': '0 0 #0000',
3041
- '--tw-shadow': '0 0 #0000',
3042
- '--tw-shadow-colored': '0 0 #0000'
3043
- });
3044
- matchUtilities({
3045
- shadow: (value)=>{
3046
- value = transformValue(value);
3047
- let ast = (0, _parseBoxShadowValue).parseBoxShadowValue(value);
3048
- for (let shadow of ast){
3049
- // Don't override color if the whole shadow is a variable
3050
- if (!shadow.valid) {
3051
- continue;
3052
- }
3053
- shadow.color = 'var(--tw-shadow-color)';
3054
- }
3055
- return {
3056
- '@defaults box-shadow': {},
3057
- '--tw-shadow': value === 'none' ? '0 0 #0000' : value,
3058
- '--tw-shadow-colored': value === 'none' ? '0 0 #0000' : (0, _parseBoxShadowValue).formatBoxShadowValue(ast),
3059
- 'box-shadow': defaultBoxShadow
3060
- };
3061
- }
3062
- }, {
3063
- values: theme('boxShadow'),
3064
- type: [
3065
- 'shadow'
3066
- ]
3067
- });
3068
- };
3069
- })(),
3070
- boxShadowColor: ({ matchUtilities , theme })=>{
3071
- matchUtilities({
3072
- shadow: (value)=>{
3073
- return {
3074
- '--tw-shadow-color': (0, _toColorValue).default(value),
3075
- '--tw-shadow': 'var(--tw-shadow-colored)'
3076
- };
3077
- }
3078
- }, {
3079
- values: (0, _flattenColorPalette).default(theme('boxShadowColor')),
3080
- type: [
3081
- 'color'
3082
- ]
3083
- });
3084
- },
3085
- outlineStyle: ({ addUtilities })=>{
3086
- addUtilities({
3087
- '.outline-none': {
3088
- outline: '2px solid transparent',
3089
- 'outline-offset': '2px'
3090
- },
3091
- '.outline': {
3092
- 'outline-style': 'solid'
3093
- },
3094
- '.outline-dashed': {
3095
- 'outline-style': 'dashed'
3096
- },
3097
- '.outline-dotted': {
3098
- 'outline-style': 'dotted'
3099
- },
3100
- '.outline-double': {
3101
- 'outline-style': 'double'
3102
- },
3103
- '.outline-hidden': {
3104
- 'outline-style': 'hidden'
3105
- }
3106
- });
3107
- },
3108
- outlineWidth: (0, _createUtilityPlugin).default('outlineWidth', [
3109
- [
3110
- 'outline',
3111
- [
3112
- 'outline-width'
3113
- ]
3114
- ]
3115
- ], {
3116
- type: [
3117
- 'length',
3118
- 'number',
3119
- 'percentage'
3120
- ]
3121
- }),
3122
- outlineOffset: (0, _createUtilityPlugin).default('outlineOffset', [
3123
- [
3124
- 'outline-offset',
3125
- [
3126
- 'outline-offset'
3127
- ]
3128
- ]
3129
- ], {
3130
- type: [
3131
- 'length',
3132
- 'number',
3133
- 'percentage'
3134
- ]
3135
- }),
3136
- outlineColor: ({ matchUtilities , theme })=>{
3137
- matchUtilities({
3138
- outline: (value)=>{
3139
- return {
3140
- 'outline-color': (0, _toColorValue).default(value)
3141
- };
3142
- }
3143
- }, {
3144
- values: (0, _flattenColorPalette).default(theme('outlineColor')),
3145
- type: [
3146
- 'color'
3147
- ]
3148
- });
3149
- },
3150
- ringWidth: ({ matchUtilities , addDefaults , addUtilities , theme })=>{
3151
- var ref;
3152
- let ringOpacityDefault = theme('ringOpacity.DEFAULT', '0.5');
3153
- let ringColorDefault = (0, _withAlphaVariable).withAlphaValue((ref = theme('ringColor')) === null || ref === void 0 ? void 0 : ref.DEFAULT, ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
3154
- addDefaults('ring-width', {
3155
- '--tw-ring-inset': ' ',
3156
- '--tw-ring-offset-width': theme('ringOffsetWidth.DEFAULT', '0px'),
3157
- '--tw-ring-offset-color': theme('ringOffsetColor.DEFAULT', '#fff'),
3158
- '--tw-ring-color': ringColorDefault,
3159
- '--tw-ring-offset-shadow': '0 0 #0000',
3160
- '--tw-ring-shadow': '0 0 #0000',
3161
- '--tw-shadow': '0 0 #0000',
3162
- '--tw-shadow-colored': '0 0 #0000'
3163
- });
3164
- matchUtilities({
3165
- ring: (value)=>{
3166
- return {
3167
- '@defaults ring-width': {},
3168
- '--tw-ring-offset-shadow': `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`,
3169
- '--tw-ring-shadow': `var(--tw-ring-inset) 0 0 0 calc(${value} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
3170
- 'box-shadow': [
3171
- `var(--tw-ring-offset-shadow)`,
3172
- `var(--tw-ring-shadow)`,
3173
- `var(--tw-shadow, 0 0 #0000)`,
3174
- ].join(', ')
3175
- };
3176
- }
3177
- }, {
3178
- values: theme('ringWidth'),
3179
- type: 'length'
3180
- });
3181
- addUtilities({
3182
- '.ring-inset': {
3183
- '@defaults ring-width': {},
3184
- '--tw-ring-inset': 'inset'
3185
- }
3186
- });
3187
- },
3188
- ringColor: ({ matchUtilities , theme , corePlugins: corePlugins6 })=>{
3189
- matchUtilities({
3190
- ring: (value)=>{
3191
- if (!corePlugins6('ringOpacity')) {
3192
- return {
3193
- '--tw-ring-color': (0, _toColorValue).default(value)
3194
- };
3195
- }
3196
- return (0, _withAlphaVariable).default({
3197
- color: value,
3198
- property: '--tw-ring-color',
3199
- variable: '--tw-ring-opacity'
3200
- });
3201
- }
3202
- }, {
3203
- values: Object.fromEntries(Object.entries((0, _flattenColorPalette).default(theme('ringColor'))).filter(([modifier])=>modifier !== 'DEFAULT'
3204
- )),
3205
- type: 'color'
3206
- });
3207
- },
3208
- ringOpacity: (0, _createUtilityPlugin).default('ringOpacity', [
3209
- [
3210
- 'ring-opacity',
3211
- [
3212
- '--tw-ring-opacity'
3213
- ]
3214
- ]
3215
- ], {
3216
- filterDefault: true
3217
- }),
3218
- ringOffsetWidth: (0, _createUtilityPlugin).default('ringOffsetWidth', [
3219
- [
3220
- 'ring-offset',
3221
- [
3222
- '--tw-ring-offset-width'
3223
- ]
3224
- ]
3225
- ], {
3226
- type: 'length'
3227
- }),
3228
- ringOffsetColor: ({ matchUtilities , theme })=>{
3229
- matchUtilities({
3230
- 'ring-offset': (value)=>{
3231
- return {
3232
- '--tw-ring-offset-color': (0, _toColorValue).default(value)
3233
- };
3234
- }
3235
- }, {
3236
- values: (0, _flattenColorPalette).default(theme('ringOffsetColor')),
3237
- type: 'color'
3238
- });
3239
- },
3240
- blur: ({ matchUtilities , theme })=>{
3241
- matchUtilities({
3242
- blur: (value)=>{
3243
- return {
3244
- '--tw-blur': `blur(${value})`,
3245
- '@defaults filter': {},
3246
- filter: cssFilterValue
3247
- };
3248
- }
3249
- }, {
3250
- values: theme('blur')
3251
- });
3252
- },
3253
- brightness: ({ matchUtilities , theme })=>{
3254
- matchUtilities({
3255
- brightness: (value)=>{
3256
- return {
3257
- '--tw-brightness': `brightness(${value})`,
3258
- '@defaults filter': {},
3259
- filter: cssFilterValue
3260
- };
3261
- }
3262
- }, {
3263
- values: theme('brightness')
3264
- });
3265
- },
3266
- contrast: ({ matchUtilities , theme })=>{
3267
- matchUtilities({
3268
- contrast: (value)=>{
3269
- return {
3270
- '--tw-contrast': `contrast(${value})`,
3271
- '@defaults filter': {},
3272
- filter: cssFilterValue
3273
- };
3274
- }
3275
- }, {
3276
- values: theme('contrast')
3277
- });
3278
- },
3279
- dropShadow: ({ matchUtilities , theme })=>{
3280
- matchUtilities({
3281
- 'drop-shadow': (value)=>{
3282
- return {
3283
- '--tw-drop-shadow': Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`
3284
- ).join(' ') : `drop-shadow(${value})`,
3285
- '@defaults filter': {},
3286
- filter: cssFilterValue
3287
- };
3288
- }
3289
- }, {
3290
- values: theme('dropShadow')
3291
- });
3292
- },
3293
- grayscale: ({ matchUtilities , theme })=>{
3294
- matchUtilities({
3295
- grayscale: (value)=>{
3296
- return {
3297
- '--tw-grayscale': `grayscale(${value})`,
3298
- '@defaults filter': {},
3299
- filter: cssFilterValue
3300
- };
3301
- }
3302
- }, {
3303
- values: theme('grayscale')
3304
- });
3305
- },
3306
- hueRotate: ({ matchUtilities , theme })=>{
3307
- matchUtilities({
3308
- 'hue-rotate': (value)=>{
3309
- return {
3310
- '--tw-hue-rotate': `hue-rotate(${value})`,
3311
- '@defaults filter': {},
3312
- filter: cssFilterValue
3313
- };
3314
- }
3315
- }, {
3316
- values: theme('hueRotate'),
3317
- supportsNegativeValues: true
3318
- });
3319
- },
3320
- invert: ({ matchUtilities , theme })=>{
3321
- matchUtilities({
3322
- invert: (value)=>{
3323
- return {
3324
- '--tw-invert': `invert(${value})`,
3325
- '@defaults filter': {},
3326
- filter: cssFilterValue
3327
- };
3328
- }
3329
- }, {
3330
- values: theme('invert')
3331
- });
3332
- },
3333
- saturate: ({ matchUtilities , theme })=>{
3334
- matchUtilities({
3335
- saturate: (value)=>{
3336
- return {
3337
- '--tw-saturate': `saturate(${value})`,
3338
- '@defaults filter': {},
3339
- filter: cssFilterValue
3340
- };
3341
- }
3342
- }, {
3343
- values: theme('saturate')
3344
- });
3345
- },
3346
- sepia: ({ matchUtilities , theme })=>{
3347
- matchUtilities({
3348
- sepia: (value)=>{
3349
- return {
3350
- '--tw-sepia': `sepia(${value})`,
3351
- '@defaults filter': {},
3352
- filter: cssFilterValue
3353
- };
3354
- }
3355
- }, {
3356
- values: theme('sepia')
3357
- });
3358
- },
3359
- filter: ({ addDefaults , addUtilities })=>{
3360
- addDefaults('filter', {
3361
- '--tw-blur': ' ',
3362
- '--tw-brightness': ' ',
3363
- '--tw-contrast': ' ',
3364
- '--tw-grayscale': ' ',
3365
- '--tw-hue-rotate': ' ',
3366
- '--tw-invert': ' ',
3367
- '--tw-saturate': ' ',
3368
- '--tw-sepia': ' ',
3369
- '--tw-drop-shadow': ' '
3370
- });
3371
- addUtilities({
3372
- '.filter': {
3373
- '@defaults filter': {},
3374
- filter: cssFilterValue
3375
- },
3376
- '.filter-none': {
3377
- filter: 'none'
3378
- }
3379
- });
3380
- },
3381
- backdropBlur: ({ matchUtilities , theme })=>{
3382
- matchUtilities({
3383
- 'backdrop-blur': (value)=>{
3384
- return {
3385
- '--tw-backdrop-blur': `blur(${value})`,
3386
- '@defaults backdrop-filter': {},
3387
- 'backdrop-filter': cssBackdropFilterValue
3388
- };
3389
- }
3390
- }, {
3391
- values: theme('backdropBlur')
3392
- });
3393
- },
3394
- backdropBrightness: ({ matchUtilities , theme })=>{
3395
- matchUtilities({
3396
- 'backdrop-brightness': (value)=>{
3397
- return {
3398
- '--tw-backdrop-brightness': `brightness(${value})`,
3399
- '@defaults backdrop-filter': {},
3400
- 'backdrop-filter': cssBackdropFilterValue
3401
- };
3402
- }
3403
- }, {
3404
- values: theme('backdropBrightness')
3405
- });
3406
- },
3407
- backdropContrast: ({ matchUtilities , theme })=>{
3408
- matchUtilities({
3409
- 'backdrop-contrast': (value)=>{
3410
- return {
3411
- '--tw-backdrop-contrast': `contrast(${value})`,
3412
- '@defaults backdrop-filter': {},
3413
- 'backdrop-filter': cssBackdropFilterValue
3414
- };
3415
- }
3416
- }, {
3417
- values: theme('backdropContrast')
3418
- });
3419
- },
3420
- backdropGrayscale: ({ matchUtilities , theme })=>{
3421
- matchUtilities({
3422
- 'backdrop-grayscale': (value)=>{
3423
- return {
3424
- '--tw-backdrop-grayscale': `grayscale(${value})`,
3425
- '@defaults backdrop-filter': {},
3426
- 'backdrop-filter': cssBackdropFilterValue
3427
- };
3428
- }
3429
- }, {
3430
- values: theme('backdropGrayscale')
3431
- });
3432
- },
3433
- backdropHueRotate: ({ matchUtilities , theme })=>{
3434
- matchUtilities({
3435
- 'backdrop-hue-rotate': (value)=>{
3436
- return {
3437
- '--tw-backdrop-hue-rotate': `hue-rotate(${value})`,
3438
- '@defaults backdrop-filter': {},
3439
- 'backdrop-filter': cssBackdropFilterValue
3440
- };
3441
- }
3442
- }, {
3443
- values: theme('backdropHueRotate'),
3444
- supportsNegativeValues: true
3445
- });
3446
- },
3447
- backdropInvert: ({ matchUtilities , theme })=>{
3448
- matchUtilities({
3449
- 'backdrop-invert': (value)=>{
3450
- return {
3451
- '--tw-backdrop-invert': `invert(${value})`,
3452
- '@defaults backdrop-filter': {},
3453
- 'backdrop-filter': cssBackdropFilterValue
3454
- };
3455
- }
3456
- }, {
3457
- values: theme('backdropInvert')
3458
- });
3459
- },
3460
- backdropOpacity: ({ matchUtilities , theme })=>{
3461
- matchUtilities({
3462
- 'backdrop-opacity': (value)=>{
3463
- return {
3464
- '--tw-backdrop-opacity': `opacity(${value})`,
3465
- '@defaults backdrop-filter': {},
3466
- 'backdrop-filter': cssBackdropFilterValue
3467
- };
3468
- }
3469
- }, {
3470
- values: theme('backdropOpacity')
3471
- });
3472
- },
3473
- backdropSaturate: ({ matchUtilities , theme })=>{
3474
- matchUtilities({
3475
- 'backdrop-saturate': (value)=>{
3476
- return {
3477
- '--tw-backdrop-saturate': `saturate(${value})`,
3478
- '@defaults backdrop-filter': {},
3479
- 'backdrop-filter': cssBackdropFilterValue
3480
- };
3481
- }
3482
- }, {
3483
- values: theme('backdropSaturate')
3484
- });
3485
- },
3486
- backdropSepia: ({ matchUtilities , theme })=>{
3487
- matchUtilities({
3488
- 'backdrop-sepia': (value)=>{
3489
- return {
3490
- '--tw-backdrop-sepia': `sepia(${value})`,
3491
- '@defaults backdrop-filter': {},
3492
- 'backdrop-filter': cssBackdropFilterValue
3493
- };
3494
- }
3495
- }, {
3496
- values: theme('backdropSepia')
3497
- });
3498
- },
3499
- backdropFilter: ({ addDefaults , addUtilities })=>{
3500
- addDefaults('backdrop-filter', {
3501
- '--tw-backdrop-blur': ' ',
3502
- '--tw-backdrop-brightness': ' ',
3503
- '--tw-backdrop-contrast': ' ',
3504
- '--tw-backdrop-grayscale': ' ',
3505
- '--tw-backdrop-hue-rotate': ' ',
3506
- '--tw-backdrop-invert': ' ',
3507
- '--tw-backdrop-opacity': ' ',
3508
- '--tw-backdrop-saturate': ' ',
3509
- '--tw-backdrop-sepia': ' '
3510
- });
3511
- addUtilities({
3512
- '.backdrop-filter': {
3513
- '@defaults backdrop-filter': {},
3514
- 'backdrop-filter': cssBackdropFilterValue
3515
- },
3516
- '.backdrop-filter-none': {
3517
- 'backdrop-filter': 'none'
3518
- }
3519
- });
3520
- },
3521
- transitionProperty: ({ matchUtilities , theme })=>{
3522
- let defaultTimingFunction = theme('transitionTimingFunction.DEFAULT');
3523
- let defaultDuration = theme('transitionDuration.DEFAULT');
3524
- matchUtilities({
3525
- transition: (value)=>{
3526
- return {
3527
- 'transition-property': value,
3528
- ...value === 'none' ? {} : {
3529
- 'transition-timing-function': defaultTimingFunction,
3530
- 'transition-duration': defaultDuration
3531
- }
3532
- };
3533
- }
3534
- }, {
3535
- values: theme('transitionProperty')
3536
- });
3537
- },
3538
- transitionDelay: (0, _createUtilityPlugin).default('transitionDelay', [
3539
- [
3540
- 'delay',
3541
- [
3542
- 'transitionDelay'
3543
- ]
3544
- ]
3545
- ]),
3546
- transitionDuration: (0, _createUtilityPlugin).default('transitionDuration', [
3547
- [
3548
- 'duration',
3549
- [
3550
- 'transitionDuration'
3551
- ]
3552
- ]
3553
- ], {
3554
- filterDefault: true
3555
- }),
3556
- transitionTimingFunction: (0, _createUtilityPlugin).default('transitionTimingFunction', [
3557
- [
3558
- 'ease',
3559
- [
3560
- 'transitionTimingFunction'
3561
- ]
3562
- ]
3563
- ], {
3564
- filterDefault: true
3565
- }),
3566
- willChange: (0, _createUtilityPlugin).default('willChange', [
3567
- [
3568
- 'will-change',
3569
- [
3570
- 'will-change'
3571
- ]
3572
- ]
3573
- ]),
3574
- content: (0, _createUtilityPlugin).default('content', [
3575
- [
3576
- 'content',
3577
- [
3578
- '--tw-content',
3579
- [
3580
- 'content',
3581
- 'var(--tw-content)'
3582
- ]
3583
- ]
3584
- ],
3585
- ])
3586
- };
3587
- exports.corePlugins = corePlugins;