tailwindcss 0.0.0-insiders.d58d5b2 → 0.0.0-insiders.d593a21

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