tailwindcss 0.0.0-insiders.bdc87ae → 0.0.0-insiders.bdcd708

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