tailwindcss 0.0.0-insiders.ebc1c7a → 0.0.0-insiders.ec0049a

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