tailwindcss 0.0.0-insiders.ff2c25f → 0.0.0-internal.b2586d4e

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