@lukso/web-components 1.50.0 → 1.51.0

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 (69) hide show
  1. package/dist/components/index.cjs +4 -3
  2. package/dist/components/index.js +4 -3
  3. package/dist/components/lukso-button/index.cjs +1 -1
  4. package/dist/components/lukso-button/index.js +1 -1
  5. package/dist/components/lukso-card/index.cjs +11 -296
  6. package/dist/components/lukso-card/index.d.ts +1 -0
  7. package/dist/components/lukso-card/index.d.ts.map +1 -1
  8. package/dist/components/lukso-card/index.js +6 -300
  9. package/dist/components/lukso-card/lukso-card.stories.d.ts.map +1 -1
  10. package/dist/components/lukso-checkbox/index.cjs +1 -1
  11. package/dist/components/lukso-checkbox/index.js +1 -1
  12. package/dist/components/lukso-footer/index.cjs +1 -2
  13. package/dist/components/lukso-footer/index.d.ts.map +1 -1
  14. package/dist/components/lukso-footer/index.js +1 -2
  15. package/dist/components/lukso-icon/index.cjs +2 -2
  16. package/dist/components/lukso-icon/index.js +2 -2
  17. package/dist/components/lukso-input/index.cjs +1 -1
  18. package/dist/components/lukso-input/index.js +1 -1
  19. package/dist/components/lukso-modal/index.cjs +1 -1
  20. package/dist/components/lukso-modal/index.js +1 -1
  21. package/dist/components/lukso-navbar/index.cjs +2 -2
  22. package/dist/components/lukso-navbar/index.js +2 -2
  23. package/dist/components/lukso-profile/index.cjs +2 -2
  24. package/dist/components/lukso-profile/index.js +2 -2
  25. package/dist/components/lukso-progress/index.cjs +2 -2
  26. package/dist/components/lukso-progress/index.js +2 -2
  27. package/dist/components/lukso-sanitize/index.cjs +1 -1
  28. package/dist/components/lukso-sanitize/index.js +1 -1
  29. package/dist/components/lukso-search/index.cjs +10 -7
  30. package/dist/components/lukso-search/index.d.ts.map +1 -1
  31. package/dist/components/lukso-search/index.js +10 -7
  32. package/dist/components/lukso-select/index.cjs +10 -6
  33. package/dist/components/lukso-select/index.d.ts.map +1 -1
  34. package/dist/components/lukso-select/index.js +10 -6
  35. package/dist/components/lukso-share/index.cjs +1 -1
  36. package/dist/components/lukso-share/index.js +1 -1
  37. package/dist/components/lukso-switch/index.cjs +2 -2
  38. package/dist/components/lukso-switch/index.js +2 -2
  39. package/dist/components/lukso-tag/index.cjs +2 -2
  40. package/dist/components/lukso-tag/index.js +2 -2
  41. package/dist/components/lukso-terms/index.cjs +2 -2
  42. package/dist/components/lukso-terms/index.js +2 -2
  43. package/dist/components/lukso-test/index.cjs +1 -1
  44. package/dist/components/lukso-test/index.js +1 -1
  45. package/dist/components/lukso-tooltip/index.cjs +4 -3
  46. package/dist/components/lukso-tooltip/index.d.ts.map +1 -1
  47. package/dist/components/lukso-tooltip/index.js +4 -3
  48. package/dist/components/lukso-username/index.cjs +1 -1
  49. package/dist/components/lukso-username/index.js +1 -1
  50. package/dist/components/lukso-wizard/index.cjs +1 -1
  51. package/dist/components/lukso-wizard/index.js +1 -1
  52. package/dist/index-2f5488b6.js +39 -0
  53. package/dist/index-87e624a1.cjs +2849 -0
  54. package/dist/index-aaa67d55.cjs +46 -0
  55. package/dist/index-d0d67b5f.js +2846 -0
  56. package/dist/index.cjs +47 -2569
  57. package/dist/index.js +4 -2530
  58. package/dist/shared/tailwind-element/index.cjs +1 -1
  59. package/dist/shared/tailwind-element/index.js +1 -1
  60. package/dist/{style-map-761568c8.cjs → style-map-74906707.cjs} +1 -1
  61. package/dist/{style-map-f7c09fa5.js → style-map-88b4d8ad.js} +1 -1
  62. package/dist/styles/main.css +230 -0
  63. package/dist/styles/main.css.map +1 -1
  64. package/package.json +1 -1
  65. package/tools/sass/main.scss +1 -0
  66. package/tools/sass/tippy.scss +275 -0
  67. package/tools/styles/main.css +230 -0
  68. package/dist/index-a134c0a6.js +0 -39
  69. package/dist/index-ae293272.cjs +0 -46
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  export { LuksoButton } from './components/lukso-button/index.js';
2
- export { LuksoCard } from './components/lukso-card/index.js';
2
+ export { L as LuksoCard, c as cn } from './index-d0d67b5f.js';
3
3
  export { LuksoCheckbox } from './components/lukso-checkbox/index.js';
4
4
  export { LuksoFooter } from './components/lukso-footer/index.js';
5
5
  export { LuksoIcon } from './components/lukso-icon/index.js';
@@ -19,2536 +19,10 @@ export { LuksoTest } from './components/lukso-test/index.js';
19
19
  export { LuksoTooltip } from './components/lukso-tooltip/index.js';
20
20
  export { LuksoUsername } from './components/lukso-username/index.js';
21
21
  export { LuksoWizard } from './components/lukso-wizard/index.js';
22
- export { a as TailwindElement, T as TailwindStyledElement } from './index-a134c0a6.js';
22
+ export { a as TailwindElement, T as TailwindStyledElement } from './index-2f5488b6.js';
23
23
  import './query-assigned-elements-5d94572f.js';
24
24
  import './state-0a779257.js';
25
25
  import './index-5e194caf.js';
26
26
  import './directive-2bb7789e.js';
27
- import './style-map-f7c09fa5.js';
28
-
29
- /**
30
- * The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
31
- *
32
- * Specifically:
33
- * - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js
34
- * - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts
35
- *
36
- * Original code has MIT license: Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
37
- */
38
- function twJoin() {
39
- var index = 0;
40
- var argument;
41
- var resolvedValue;
42
- var string = '';
43
- while (index < arguments.length) {
44
- if (argument = arguments[index++]) {
45
- if (resolvedValue = toValue(argument)) {
46
- string && (string += ' ');
47
- string += resolvedValue;
48
- }
49
- }
50
- }
51
- return string;
52
- }
53
- function toValue(mix) {
54
- if (typeof mix === 'string') {
55
- return mix;
56
- }
57
- var resolvedValue;
58
- var string = '';
59
- for (var k = 0; k < mix.length; k++) {
60
- if (mix[k]) {
61
- if (resolvedValue = toValue(mix[k])) {
62
- string && (string += ' ');
63
- string += resolvedValue;
64
- }
65
- }
66
- }
67
- return string;
68
- }
69
-
70
- var CLASS_PART_SEPARATOR = '-';
71
- function createClassUtils(config) {
72
- var classMap = createClassMap(config);
73
- var conflictingClassGroups = config.conflictingClassGroups,
74
- _config$conflictingCl = config.conflictingClassGroupModifiers,
75
- conflictingClassGroupModifiers = _config$conflictingCl === void 0 ? {} : _config$conflictingCl;
76
- function getClassGroupId(className) {
77
- var classParts = className.split(CLASS_PART_SEPARATOR);
78
- // Classes like `-inset-1` produce an empty string as first classPart. We assume that classes for negative values are used correctly and remove it from classParts.
79
- if (classParts[0] === '' && classParts.length !== 1) {
80
- classParts.shift();
81
- }
82
- return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
83
- }
84
- function getConflictingClassGroupIds(classGroupId, hasPostfixModifier) {
85
- var conflicts = conflictingClassGroups[classGroupId] || [];
86
- if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
87
- return [].concat(conflicts, conflictingClassGroupModifiers[classGroupId]);
88
- }
89
- return conflicts;
90
- }
91
- return {
92
- getClassGroupId: getClassGroupId,
93
- getConflictingClassGroupIds: getConflictingClassGroupIds
94
- };
95
- }
96
- function getGroupRecursive(classParts, classPartObject) {
97
- if (classParts.length === 0) {
98
- return classPartObject.classGroupId;
99
- }
100
- var currentClassPart = classParts[0];
101
- var nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
102
- var classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : undefined;
103
- if (classGroupFromNextClassPart) {
104
- return classGroupFromNextClassPart;
105
- }
106
- if (classPartObject.validators.length === 0) {
107
- return undefined;
108
- }
109
- var classRest = classParts.join(CLASS_PART_SEPARATOR);
110
- return classPartObject.validators.find(function (_ref) {
111
- var validator = _ref.validator;
112
- return validator(classRest);
113
- })?.classGroupId;
114
- }
115
- var arbitraryPropertyRegex = /^\[(.+)\]$/;
116
- function getGroupIdForArbitraryProperty(className) {
117
- if (arbitraryPropertyRegex.test(className)) {
118
- var arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
119
- var property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(':'));
120
- if (property) {
121
- // I use two dots here because one dot is used as prefix for class groups in plugins
122
- return 'arbitrary..' + property;
123
- }
124
- }
125
- }
126
- /**
127
- * Exported for testing only
128
- */
129
- function createClassMap(config) {
130
- var theme = config.theme,
131
- prefix = config.prefix;
132
- var classMap = {
133
- nextPart: new Map(),
134
- validators: []
135
- };
136
- var prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
137
- prefixedClassGroupEntries.forEach(function (_ref2) {
138
- var classGroupId = _ref2[0],
139
- classGroup = _ref2[1];
140
- processClassesRecursively(classGroup, classMap, classGroupId, theme);
141
- });
142
- return classMap;
143
- }
144
- function processClassesRecursively(classGroup, classPartObject, classGroupId, theme) {
145
- classGroup.forEach(function (classDefinition) {
146
- if (typeof classDefinition === 'string') {
147
- var classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition);
148
- classPartObjectToEdit.classGroupId = classGroupId;
149
- return;
150
- }
151
- if (typeof classDefinition === 'function') {
152
- if (isThemeGetter(classDefinition)) {
153
- processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
154
- return;
155
- }
156
- classPartObject.validators.push({
157
- validator: classDefinition,
158
- classGroupId: classGroupId
159
- });
160
- return;
161
- }
162
- Object.entries(classDefinition).forEach(function (_ref3) {
163
- var key = _ref3[0],
164
- classGroup = _ref3[1];
165
- processClassesRecursively(classGroup, getPart(classPartObject, key), classGroupId, theme);
166
- });
167
- });
168
- }
169
- function getPart(classPartObject, path) {
170
- var currentClassPartObject = classPartObject;
171
- path.split(CLASS_PART_SEPARATOR).forEach(function (pathPart) {
172
- if (!currentClassPartObject.nextPart.has(pathPart)) {
173
- currentClassPartObject.nextPart.set(pathPart, {
174
- nextPart: new Map(),
175
- validators: []
176
- });
177
- }
178
- currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
179
- });
180
- return currentClassPartObject;
181
- }
182
- function isThemeGetter(func) {
183
- return func.isThemeGetter;
184
- }
185
- function getPrefixedClassGroupEntries(classGroupEntries, prefix) {
186
- if (!prefix) {
187
- return classGroupEntries;
188
- }
189
- return classGroupEntries.map(function (_ref4) {
190
- var classGroupId = _ref4[0],
191
- classGroup = _ref4[1];
192
- var prefixedClassGroup = classGroup.map(function (classDefinition) {
193
- if (typeof classDefinition === 'string') {
194
- return prefix + classDefinition;
195
- }
196
- if (typeof classDefinition === 'object') {
197
- return Object.fromEntries(Object.entries(classDefinition).map(function (_ref5) {
198
- var key = _ref5[0],
199
- value = _ref5[1];
200
- return [prefix + key, value];
201
- }));
202
- }
203
- return classDefinition;
204
- });
205
- return [classGroupId, prefixedClassGroup];
206
- });
207
- }
208
-
209
- // LRU cache inspired from hashlru (https://github.com/dominictarr/hashlru/blob/v1.0.4/index.js) but object replaced with Map to improve performance
210
- function createLruCache(maxCacheSize) {
211
- if (maxCacheSize < 1) {
212
- return {
213
- get: function get() {
214
- return undefined;
215
- },
216
- set: function set() {}
217
- };
218
- }
219
- var cacheSize = 0;
220
- var cache = new Map();
221
- var previousCache = new Map();
222
- function update(key, value) {
223
- cache.set(key, value);
224
- cacheSize++;
225
- if (cacheSize > maxCacheSize) {
226
- cacheSize = 0;
227
- previousCache = cache;
228
- cache = new Map();
229
- }
230
- }
231
- return {
232
- get: function get(key) {
233
- var value = cache.get(key);
234
- if (value !== undefined) {
235
- return value;
236
- }
237
- if ((value = previousCache.get(key)) !== undefined) {
238
- update(key, value);
239
- return value;
240
- }
241
- },
242
- set: function set(key, value) {
243
- if (cache.has(key)) {
244
- cache.set(key, value);
245
- } else {
246
- update(key, value);
247
- }
248
- }
249
- };
250
- }
251
-
252
- var IMPORTANT_MODIFIER = '!';
253
- function createSplitModifiers(config) {
254
- var separator = config.separator || ':';
255
- var isSeparatorSingleCharacter = separator.length === 1;
256
- var firstSeparatorCharacter = separator[0];
257
- var separatorLength = separator.length;
258
- // splitModifiers inspired by https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js
259
- return function splitModifiers(className) {
260
- var modifiers = [];
261
- var bracketDepth = 0;
262
- var modifierStart = 0;
263
- var postfixModifierPosition;
264
- for (var index = 0; index < className.length; index++) {
265
- var currentCharacter = className[index];
266
- if (bracketDepth === 0) {
267
- if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
268
- modifiers.push(className.slice(modifierStart, index));
269
- modifierStart = index + separatorLength;
270
- continue;
271
- }
272
- if (currentCharacter === '/') {
273
- postfixModifierPosition = index;
274
- continue;
275
- }
276
- }
277
- if (currentCharacter === '[') {
278
- bracketDepth++;
279
- } else if (currentCharacter === ']') {
280
- bracketDepth--;
281
- }
282
- }
283
- var baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
284
- var hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
285
- var baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
286
- var maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;
287
- return {
288
- modifiers: modifiers,
289
- hasImportantModifier: hasImportantModifier,
290
- baseClassName: baseClassName,
291
- maybePostfixModifierPosition: maybePostfixModifierPosition
292
- };
293
- };
294
- }
295
- /**
296
- * Sorts modifiers according to following schema:
297
- * - Predefined modifiers are sorted alphabetically
298
- * - When an arbitrary variant appears, it must be preserved which modifiers are before and after it
299
- */
300
- function sortModifiers(modifiers) {
301
- if (modifiers.length <= 1) {
302
- return modifiers;
303
- }
304
- var sortedModifiers = [];
305
- var unsortedModifiers = [];
306
- modifiers.forEach(function (modifier) {
307
- var isArbitraryVariant = modifier[0] === '[';
308
- if (isArbitraryVariant) {
309
- sortedModifiers.push.apply(sortedModifiers, unsortedModifiers.sort().concat([modifier]));
310
- unsortedModifiers = [];
311
- } else {
312
- unsortedModifiers.push(modifier);
313
- }
314
- });
315
- sortedModifiers.push.apply(sortedModifiers, unsortedModifiers.sort());
316
- return sortedModifiers;
317
- }
318
-
319
- function createConfigUtils(config) {
320
- return {
321
- cache: createLruCache(config.cacheSize),
322
- splitModifiers: createSplitModifiers(config),
323
- ...createClassUtils(config)
324
- };
325
- }
326
-
327
- var SPLIT_CLASSES_REGEX = /\s+/;
328
- function mergeClassList(classList, configUtils) {
329
- var splitModifiers = configUtils.splitModifiers,
330
- getClassGroupId = configUtils.getClassGroupId,
331
- getConflictingClassGroupIds = configUtils.getConflictingClassGroupIds;
332
- /**
333
- * Set of classGroupIds in following format:
334
- * `{importantModifier}{variantModifiers}{classGroupId}`
335
- * @example 'float'
336
- * @example 'hover:focus:bg-color'
337
- * @example 'md:!pr'
338
- */
339
- var classGroupsInConflict = new Set();
340
- return classList.trim().split(SPLIT_CLASSES_REGEX).map(function (originalClassName) {
341
- var _splitModifiers = splitModifiers(originalClassName),
342
- modifiers = _splitModifiers.modifiers,
343
- hasImportantModifier = _splitModifiers.hasImportantModifier,
344
- baseClassName = _splitModifiers.baseClassName,
345
- maybePostfixModifierPosition = _splitModifiers.maybePostfixModifierPosition;
346
- var classGroupId = getClassGroupId(maybePostfixModifierPosition ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
347
- var hasPostfixModifier = Boolean(maybePostfixModifierPosition);
348
- if (!classGroupId) {
349
- if (!maybePostfixModifierPosition) {
350
- return {
351
- isTailwindClass: false,
352
- originalClassName: originalClassName
353
- };
354
- }
355
- classGroupId = getClassGroupId(baseClassName);
356
- if (!classGroupId) {
357
- return {
358
- isTailwindClass: false,
359
- originalClassName: originalClassName
360
- };
361
- }
362
- hasPostfixModifier = false;
363
- }
364
- var variantModifier = sortModifiers(modifiers).join(':');
365
- var modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
366
- return {
367
- isTailwindClass: true,
368
- modifierId: modifierId,
369
- classGroupId: classGroupId,
370
- originalClassName: originalClassName,
371
- hasPostfixModifier: hasPostfixModifier
372
- };
373
- }).reverse()
374
- // Last class in conflict wins, so we need to filter conflicting classes in reverse order.
375
- .filter(function (parsed) {
376
- if (!parsed.isTailwindClass) {
377
- return true;
378
- }
379
- var modifierId = parsed.modifierId,
380
- classGroupId = parsed.classGroupId,
381
- hasPostfixModifier = parsed.hasPostfixModifier;
382
- var classId = modifierId + classGroupId;
383
- if (classGroupsInConflict.has(classId)) {
384
- return false;
385
- }
386
- classGroupsInConflict.add(classId);
387
- getConflictingClassGroupIds(classGroupId, hasPostfixModifier).forEach(function (group) {
388
- return classGroupsInConflict.add(modifierId + group);
389
- });
390
- return true;
391
- }).reverse().map(function (parsed) {
392
- return parsed.originalClassName;
393
- }).join(' ');
394
- }
395
-
396
- function createTailwindMerge() {
397
- for (var _len = arguments.length, createConfig = new Array(_len), _key = 0; _key < _len; _key++) {
398
- createConfig[_key] = arguments[_key];
399
- }
400
- var configUtils;
401
- var cacheGet;
402
- var cacheSet;
403
- var functionToCall = initTailwindMerge;
404
- function initTailwindMerge(classList) {
405
- var firstCreateConfig = createConfig[0],
406
- restCreateConfig = createConfig.slice(1);
407
- var config = restCreateConfig.reduce(function (previousConfig, createConfigCurrent) {
408
- return createConfigCurrent(previousConfig);
409
- }, firstCreateConfig());
410
- configUtils = createConfigUtils(config);
411
- cacheGet = configUtils.cache.get;
412
- cacheSet = configUtils.cache.set;
413
- functionToCall = tailwindMerge;
414
- return tailwindMerge(classList);
415
- }
416
- function tailwindMerge(classList) {
417
- var cachedResult = cacheGet(classList);
418
- if (cachedResult) {
419
- return cachedResult;
420
- }
421
- var result = mergeClassList(classList, configUtils);
422
- cacheSet(classList, result);
423
- return result;
424
- }
425
- return function callTailwindMerge() {
426
- return functionToCall(twJoin.apply(null, arguments));
427
- };
428
- }
429
-
430
- function fromTheme(key) {
431
- var themeGetter = function themeGetter(theme) {
432
- return theme[key] || [];
433
- };
434
- themeGetter.isThemeGetter = true;
435
- return themeGetter;
436
- }
437
-
438
- var arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
439
- var fractionRegex = /^\d+\/\d+$/;
440
- var stringLengths = /*#__PURE__*/new Set(['px', 'full', 'screen']);
441
- var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
442
- var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
443
- // Shadow always begins with x and y offset separated by underscore
444
- var shadowRegex = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
445
- function isLength(value) {
446
- return isNumber(value) || stringLengths.has(value) || fractionRegex.test(value) || isArbitraryLength(value);
447
- }
448
- function isArbitraryLength(value) {
449
- return getIsArbitraryValue(value, 'length', isLengthOnly);
450
- }
451
- function isArbitrarySize(value) {
452
- return getIsArbitraryValue(value, 'size', isNever);
453
- }
454
- function isArbitraryPosition(value) {
455
- return getIsArbitraryValue(value, 'position', isNever);
456
- }
457
- function isArbitraryUrl(value) {
458
- return getIsArbitraryValue(value, 'url', isUrl);
459
- }
460
- function isArbitraryNumber(value) {
461
- return getIsArbitraryValue(value, 'number', isNumber);
462
- }
463
- function isNumber(value) {
464
- return !Number.isNaN(Number(value));
465
- }
466
- function isPercent(value) {
467
- return value.endsWith('%') && isNumber(value.slice(0, -1));
468
- }
469
- function isInteger(value) {
470
- return isIntegerOnly(value) || getIsArbitraryValue(value, 'number', isIntegerOnly);
471
- }
472
- function isArbitraryValue(value) {
473
- return arbitraryValueRegex.test(value);
474
- }
475
- function isAny() {
476
- return true;
477
- }
478
- function isTshirtSize(value) {
479
- return tshirtUnitRegex.test(value);
480
- }
481
- function isArbitraryShadow(value) {
482
- return getIsArbitraryValue(value, '', isShadow);
483
- }
484
- function getIsArbitraryValue(value, label, testValue) {
485
- var result = arbitraryValueRegex.exec(value);
486
- if (result) {
487
- if (result[1]) {
488
- return result[1] === label;
489
- }
490
- return testValue(result[2]);
491
- }
492
- return false;
493
- }
494
- function isLengthOnly(value) {
495
- return lengthUnitRegex.test(value);
496
- }
497
- function isNever() {
498
- return false;
499
- }
500
- function isUrl(value) {
501
- return value.startsWith('url(');
502
- }
503
- function isIntegerOnly(value) {
504
- return Number.isInteger(Number(value));
505
- }
506
- function isShadow(value) {
507
- return shadowRegex.test(value);
508
- }
509
-
510
- function getDefaultConfig() {
511
- var colors = fromTheme('colors');
512
- var spacing = fromTheme('spacing');
513
- var blur = fromTheme('blur');
514
- var brightness = fromTheme('brightness');
515
- var borderColor = fromTheme('borderColor');
516
- var borderRadius = fromTheme('borderRadius');
517
- var borderSpacing = fromTheme('borderSpacing');
518
- var borderWidth = fromTheme('borderWidth');
519
- var contrast = fromTheme('contrast');
520
- var grayscale = fromTheme('grayscale');
521
- var hueRotate = fromTheme('hueRotate');
522
- var invert = fromTheme('invert');
523
- var gap = fromTheme('gap');
524
- var gradientColorStops = fromTheme('gradientColorStops');
525
- var gradientColorStopPositions = fromTheme('gradientColorStopPositions');
526
- var inset = fromTheme('inset');
527
- var margin = fromTheme('margin');
528
- var opacity = fromTheme('opacity');
529
- var padding = fromTheme('padding');
530
- var saturate = fromTheme('saturate');
531
- var scale = fromTheme('scale');
532
- var sepia = fromTheme('sepia');
533
- var skew = fromTheme('skew');
534
- var space = fromTheme('space');
535
- var translate = fromTheme('translate');
536
- var getOverscroll = function getOverscroll() {
537
- return ['auto', 'contain', 'none'];
538
- };
539
- var getOverflow = function getOverflow() {
540
- return ['auto', 'hidden', 'clip', 'visible', 'scroll'];
541
- };
542
- var getSpacingWithAutoAndArbitrary = function getSpacingWithAutoAndArbitrary() {
543
- return ['auto', isArbitraryValue, spacing];
544
- };
545
- var getSpacingWithArbitrary = function getSpacingWithArbitrary() {
546
- return [isArbitraryValue, spacing];
547
- };
548
- var getLengthWithEmpty = function getLengthWithEmpty() {
549
- return ['', isLength];
550
- };
551
- var getNumberWithAutoAndArbitrary = function getNumberWithAutoAndArbitrary() {
552
- return ['auto', isNumber, isArbitraryValue];
553
- };
554
- var getPositions = function getPositions() {
555
- return ['bottom', 'center', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top', 'top'];
556
- };
557
- var getLineStyles = function getLineStyles() {
558
- return ['solid', 'dashed', 'dotted', 'double', 'none'];
559
- };
560
- var getBlendModes = function getBlendModes() {
561
- return ['normal', 'multiply', 'screen', 'overlay', 'darken', 'lighten', 'color-dodge', 'color-burn', 'hard-light', 'soft-light', 'difference', 'exclusion', 'hue', 'saturation', 'color', 'luminosity', 'plus-lighter'];
562
- };
563
- var getAlign = function getAlign() {
564
- return ['start', 'end', 'center', 'between', 'around', 'evenly', 'stretch'];
565
- };
566
- var getZeroAndEmpty = function getZeroAndEmpty() {
567
- return ['', '0', isArbitraryValue];
568
- };
569
- var getBreaks = function getBreaks() {
570
- return ['auto', 'avoid', 'all', 'avoid-page', 'page', 'left', 'right', 'column'];
571
- };
572
- var getNumber = function getNumber() {
573
- return [isNumber, isArbitraryNumber];
574
- };
575
- var getNumberAndArbitrary = function getNumberAndArbitrary() {
576
- return [isNumber, isArbitraryValue];
577
- };
578
- return {
579
- cacheSize: 500,
580
- theme: {
581
- colors: [isAny],
582
- spacing: [isLength],
583
- blur: ['none', '', isTshirtSize, isArbitraryValue],
584
- brightness: getNumber(),
585
- borderColor: [colors],
586
- borderRadius: ['none', '', 'full', isTshirtSize, isArbitraryValue],
587
- borderSpacing: getSpacingWithArbitrary(),
588
- borderWidth: getLengthWithEmpty(),
589
- contrast: getNumber(),
590
- grayscale: getZeroAndEmpty(),
591
- hueRotate: getNumberAndArbitrary(),
592
- invert: getZeroAndEmpty(),
593
- gap: getSpacingWithArbitrary(),
594
- gradientColorStops: [colors],
595
- gradientColorStopPositions: [isPercent, isArbitraryLength],
596
- inset: getSpacingWithAutoAndArbitrary(),
597
- margin: getSpacingWithAutoAndArbitrary(),
598
- opacity: getNumber(),
599
- padding: getSpacingWithArbitrary(),
600
- saturate: getNumber(),
601
- scale: getNumber(),
602
- sepia: getZeroAndEmpty(),
603
- skew: getNumberAndArbitrary(),
604
- space: getSpacingWithArbitrary(),
605
- translate: getSpacingWithArbitrary()
606
- },
607
- classGroups: {
608
- // Layout
609
- /**
610
- * Aspect Ratio
611
- * @see https://tailwindcss.com/docs/aspect-ratio
612
- */
613
- aspect: [{
614
- aspect: ['auto', 'square', 'video', isArbitraryValue]
615
- }],
616
- /**
617
- * Container
618
- * @see https://tailwindcss.com/docs/container
619
- */
620
- container: ['container'],
621
- /**
622
- * Columns
623
- * @see https://tailwindcss.com/docs/columns
624
- */
625
- columns: [{
626
- columns: [isTshirtSize]
627
- }],
628
- /**
629
- * Break After
630
- * @see https://tailwindcss.com/docs/break-after
631
- */
632
- 'break-after': [{
633
- 'break-after': getBreaks()
634
- }],
635
- /**
636
- * Break Before
637
- * @see https://tailwindcss.com/docs/break-before
638
- */
639
- 'break-before': [{
640
- 'break-before': getBreaks()
641
- }],
642
- /**
643
- * Break Inside
644
- * @see https://tailwindcss.com/docs/break-inside
645
- */
646
- 'break-inside': [{
647
- 'break-inside': ['auto', 'avoid', 'avoid-page', 'avoid-column']
648
- }],
649
- /**
650
- * Box Decoration Break
651
- * @see https://tailwindcss.com/docs/box-decoration-break
652
- */
653
- 'box-decoration': [{
654
- 'box-decoration': ['slice', 'clone']
655
- }],
656
- /**
657
- * Box Sizing
658
- * @see https://tailwindcss.com/docs/box-sizing
659
- */
660
- box: [{
661
- box: ['border', 'content']
662
- }],
663
- /**
664
- * Display
665
- * @see https://tailwindcss.com/docs/display
666
- */
667
- display: ['block', 'inline-block', 'inline', 'flex', 'inline-flex', 'table', 'inline-table', 'table-caption', 'table-cell', 'table-column', 'table-column-group', 'table-footer-group', 'table-header-group', 'table-row-group', 'table-row', 'flow-root', 'grid', 'inline-grid', 'contents', 'list-item', 'hidden'],
668
- /**
669
- * Floats
670
- * @see https://tailwindcss.com/docs/float
671
- */
672
- "float": [{
673
- "float": ['right', 'left', 'none']
674
- }],
675
- /**
676
- * Clear
677
- * @see https://tailwindcss.com/docs/clear
678
- */
679
- clear: [{
680
- clear: ['left', 'right', 'both', 'none']
681
- }],
682
- /**
683
- * Isolation
684
- * @see https://tailwindcss.com/docs/isolation
685
- */
686
- isolation: ['isolate', 'isolation-auto'],
687
- /**
688
- * Object Fit
689
- * @see https://tailwindcss.com/docs/object-fit
690
- */
691
- 'object-fit': [{
692
- object: ['contain', 'cover', 'fill', 'none', 'scale-down']
693
- }],
694
- /**
695
- * Object Position
696
- * @see https://tailwindcss.com/docs/object-position
697
- */
698
- 'object-position': [{
699
- object: [].concat(getPositions(), [isArbitraryValue])
700
- }],
701
- /**
702
- * Overflow
703
- * @see https://tailwindcss.com/docs/overflow
704
- */
705
- overflow: [{
706
- overflow: getOverflow()
707
- }],
708
- /**
709
- * Overflow X
710
- * @see https://tailwindcss.com/docs/overflow
711
- */
712
- 'overflow-x': [{
713
- 'overflow-x': getOverflow()
714
- }],
715
- /**
716
- * Overflow Y
717
- * @see https://tailwindcss.com/docs/overflow
718
- */
719
- 'overflow-y': [{
720
- 'overflow-y': getOverflow()
721
- }],
722
- /**
723
- * Overscroll Behavior
724
- * @see https://tailwindcss.com/docs/overscroll-behavior
725
- */
726
- overscroll: [{
727
- overscroll: getOverscroll()
728
- }],
729
- /**
730
- * Overscroll Behavior X
731
- * @see https://tailwindcss.com/docs/overscroll-behavior
732
- */
733
- 'overscroll-x': [{
734
- 'overscroll-x': getOverscroll()
735
- }],
736
- /**
737
- * Overscroll Behavior Y
738
- * @see https://tailwindcss.com/docs/overscroll-behavior
739
- */
740
- 'overscroll-y': [{
741
- 'overscroll-y': getOverscroll()
742
- }],
743
- /**
744
- * Position
745
- * @see https://tailwindcss.com/docs/position
746
- */
747
- position: ['static', 'fixed', 'absolute', 'relative', 'sticky'],
748
- /**
749
- * Top / Right / Bottom / Left
750
- * @see https://tailwindcss.com/docs/top-right-bottom-left
751
- */
752
- inset: [{
753
- inset: [inset]
754
- }],
755
- /**
756
- * Right / Left
757
- * @see https://tailwindcss.com/docs/top-right-bottom-left
758
- */
759
- 'inset-x': [{
760
- 'inset-x': [inset]
761
- }],
762
- /**
763
- * Top / Bottom
764
- * @see https://tailwindcss.com/docs/top-right-bottom-left
765
- */
766
- 'inset-y': [{
767
- 'inset-y': [inset]
768
- }],
769
- /**
770
- * Start
771
- * @see https://tailwindcss.com/docs/top-right-bottom-left
772
- */
773
- start: [{
774
- start: [inset]
775
- }],
776
- /**
777
- * End
778
- * @see https://tailwindcss.com/docs/top-right-bottom-left
779
- */
780
- end: [{
781
- end: [inset]
782
- }],
783
- /**
784
- * Top
785
- * @see https://tailwindcss.com/docs/top-right-bottom-left
786
- */
787
- top: [{
788
- top: [inset]
789
- }],
790
- /**
791
- * Right
792
- * @see https://tailwindcss.com/docs/top-right-bottom-left
793
- */
794
- right: [{
795
- right: [inset]
796
- }],
797
- /**
798
- * Bottom
799
- * @see https://tailwindcss.com/docs/top-right-bottom-left
800
- */
801
- bottom: [{
802
- bottom: [inset]
803
- }],
804
- /**
805
- * Left
806
- * @see https://tailwindcss.com/docs/top-right-bottom-left
807
- */
808
- left: [{
809
- left: [inset]
810
- }],
811
- /**
812
- * Visibility
813
- * @see https://tailwindcss.com/docs/visibility
814
- */
815
- visibility: ['visible', 'invisible', 'collapse'],
816
- /**
817
- * Z-Index
818
- * @see https://tailwindcss.com/docs/z-index
819
- */
820
- z: [{
821
- z: ['auto', isInteger]
822
- }],
823
- // Flexbox and Grid
824
- /**
825
- * Flex Basis
826
- * @see https://tailwindcss.com/docs/flex-basis
827
- */
828
- basis: [{
829
- basis: getSpacingWithAutoAndArbitrary()
830
- }],
831
- /**
832
- * Flex Direction
833
- * @see https://tailwindcss.com/docs/flex-direction
834
- */
835
- 'flex-direction': [{
836
- flex: ['row', 'row-reverse', 'col', 'col-reverse']
837
- }],
838
- /**
839
- * Flex Wrap
840
- * @see https://tailwindcss.com/docs/flex-wrap
841
- */
842
- 'flex-wrap': [{
843
- flex: ['wrap', 'wrap-reverse', 'nowrap']
844
- }],
845
- /**
846
- * Flex
847
- * @see https://tailwindcss.com/docs/flex
848
- */
849
- flex: [{
850
- flex: ['1', 'auto', 'initial', 'none', isArbitraryValue]
851
- }],
852
- /**
853
- * Flex Grow
854
- * @see https://tailwindcss.com/docs/flex-grow
855
- */
856
- grow: [{
857
- grow: getZeroAndEmpty()
858
- }],
859
- /**
860
- * Flex Shrink
861
- * @see https://tailwindcss.com/docs/flex-shrink
862
- */
863
- shrink: [{
864
- shrink: getZeroAndEmpty()
865
- }],
866
- /**
867
- * Order
868
- * @see https://tailwindcss.com/docs/order
869
- */
870
- order: [{
871
- order: ['first', 'last', 'none', isInteger]
872
- }],
873
- /**
874
- * Grid Template Columns
875
- * @see https://tailwindcss.com/docs/grid-template-columns
876
- */
877
- 'grid-cols': [{
878
- 'grid-cols': [isAny]
879
- }],
880
- /**
881
- * Grid Column Start / End
882
- * @see https://tailwindcss.com/docs/grid-column
883
- */
884
- 'col-start-end': [{
885
- col: ['auto', {
886
- span: ['full', isInteger]
887
- }, isArbitraryValue]
888
- }],
889
- /**
890
- * Grid Column Start
891
- * @see https://tailwindcss.com/docs/grid-column
892
- */
893
- 'col-start': [{
894
- 'col-start': getNumberWithAutoAndArbitrary()
895
- }],
896
- /**
897
- * Grid Column End
898
- * @see https://tailwindcss.com/docs/grid-column
899
- */
900
- 'col-end': [{
901
- 'col-end': getNumberWithAutoAndArbitrary()
902
- }],
903
- /**
904
- * Grid Template Rows
905
- * @see https://tailwindcss.com/docs/grid-template-rows
906
- */
907
- 'grid-rows': [{
908
- 'grid-rows': [isAny]
909
- }],
910
- /**
911
- * Grid Row Start / End
912
- * @see https://tailwindcss.com/docs/grid-row
913
- */
914
- 'row-start-end': [{
915
- row: ['auto', {
916
- span: [isInteger]
917
- }, isArbitraryValue]
918
- }],
919
- /**
920
- * Grid Row Start
921
- * @see https://tailwindcss.com/docs/grid-row
922
- */
923
- 'row-start': [{
924
- 'row-start': getNumberWithAutoAndArbitrary()
925
- }],
926
- /**
927
- * Grid Row End
928
- * @see https://tailwindcss.com/docs/grid-row
929
- */
930
- 'row-end': [{
931
- 'row-end': getNumberWithAutoAndArbitrary()
932
- }],
933
- /**
934
- * Grid Auto Flow
935
- * @see https://tailwindcss.com/docs/grid-auto-flow
936
- */
937
- 'grid-flow': [{
938
- 'grid-flow': ['row', 'col', 'dense', 'row-dense', 'col-dense']
939
- }],
940
- /**
941
- * Grid Auto Columns
942
- * @see https://tailwindcss.com/docs/grid-auto-columns
943
- */
944
- 'auto-cols': [{
945
- 'auto-cols': ['auto', 'min', 'max', 'fr', isArbitraryValue]
946
- }],
947
- /**
948
- * Grid Auto Rows
949
- * @see https://tailwindcss.com/docs/grid-auto-rows
950
- */
951
- 'auto-rows': [{
952
- 'auto-rows': ['auto', 'min', 'max', 'fr', isArbitraryValue]
953
- }],
954
- /**
955
- * Gap
956
- * @see https://tailwindcss.com/docs/gap
957
- */
958
- gap: [{
959
- gap: [gap]
960
- }],
961
- /**
962
- * Gap X
963
- * @see https://tailwindcss.com/docs/gap
964
- */
965
- 'gap-x': [{
966
- 'gap-x': [gap]
967
- }],
968
- /**
969
- * Gap Y
970
- * @see https://tailwindcss.com/docs/gap
971
- */
972
- 'gap-y': [{
973
- 'gap-y': [gap]
974
- }],
975
- /**
976
- * Justify Content
977
- * @see https://tailwindcss.com/docs/justify-content
978
- */
979
- 'justify-content': [{
980
- justify: ['normal'].concat(getAlign())
981
- }],
982
- /**
983
- * Justify Items
984
- * @see https://tailwindcss.com/docs/justify-items
985
- */
986
- 'justify-items': [{
987
- 'justify-items': ['start', 'end', 'center', 'stretch']
988
- }],
989
- /**
990
- * Justify Self
991
- * @see https://tailwindcss.com/docs/justify-self
992
- */
993
- 'justify-self': [{
994
- 'justify-self': ['auto', 'start', 'end', 'center', 'stretch']
995
- }],
996
- /**
997
- * Align Content
998
- * @see https://tailwindcss.com/docs/align-content
999
- */
1000
- 'align-content': [{
1001
- content: ['normal'].concat(getAlign(), ['baseline'])
1002
- }],
1003
- /**
1004
- * Align Items
1005
- * @see https://tailwindcss.com/docs/align-items
1006
- */
1007
- 'align-items': [{
1008
- items: ['start', 'end', 'center', 'baseline', 'stretch']
1009
- }],
1010
- /**
1011
- * Align Self
1012
- * @see https://tailwindcss.com/docs/align-self
1013
- */
1014
- 'align-self': [{
1015
- self: ['auto', 'start', 'end', 'center', 'stretch', 'baseline']
1016
- }],
1017
- /**
1018
- * Place Content
1019
- * @see https://tailwindcss.com/docs/place-content
1020
- */
1021
- 'place-content': [{
1022
- 'place-content': [].concat(getAlign(), ['baseline'])
1023
- }],
1024
- /**
1025
- * Place Items
1026
- * @see https://tailwindcss.com/docs/place-items
1027
- */
1028
- 'place-items': [{
1029
- 'place-items': ['start', 'end', 'center', 'baseline', 'stretch']
1030
- }],
1031
- /**
1032
- * Place Self
1033
- * @see https://tailwindcss.com/docs/place-self
1034
- */
1035
- 'place-self': [{
1036
- 'place-self': ['auto', 'start', 'end', 'center', 'stretch']
1037
- }],
1038
- // Spacing
1039
- /**
1040
- * Padding
1041
- * @see https://tailwindcss.com/docs/padding
1042
- */
1043
- p: [{
1044
- p: [padding]
1045
- }],
1046
- /**
1047
- * Padding X
1048
- * @see https://tailwindcss.com/docs/padding
1049
- */
1050
- px: [{
1051
- px: [padding]
1052
- }],
1053
- /**
1054
- * Padding Y
1055
- * @see https://tailwindcss.com/docs/padding
1056
- */
1057
- py: [{
1058
- py: [padding]
1059
- }],
1060
- /**
1061
- * Padding Start
1062
- * @see https://tailwindcss.com/docs/padding
1063
- */
1064
- ps: [{
1065
- ps: [padding]
1066
- }],
1067
- /**
1068
- * Padding End
1069
- * @see https://tailwindcss.com/docs/padding
1070
- */
1071
- pe: [{
1072
- pe: [padding]
1073
- }],
1074
- /**
1075
- * Padding Top
1076
- * @see https://tailwindcss.com/docs/padding
1077
- */
1078
- pt: [{
1079
- pt: [padding]
1080
- }],
1081
- /**
1082
- * Padding Right
1083
- * @see https://tailwindcss.com/docs/padding
1084
- */
1085
- pr: [{
1086
- pr: [padding]
1087
- }],
1088
- /**
1089
- * Padding Bottom
1090
- * @see https://tailwindcss.com/docs/padding
1091
- */
1092
- pb: [{
1093
- pb: [padding]
1094
- }],
1095
- /**
1096
- * Padding Left
1097
- * @see https://tailwindcss.com/docs/padding
1098
- */
1099
- pl: [{
1100
- pl: [padding]
1101
- }],
1102
- /**
1103
- * Margin
1104
- * @see https://tailwindcss.com/docs/margin
1105
- */
1106
- m: [{
1107
- m: [margin]
1108
- }],
1109
- /**
1110
- * Margin X
1111
- * @see https://tailwindcss.com/docs/margin
1112
- */
1113
- mx: [{
1114
- mx: [margin]
1115
- }],
1116
- /**
1117
- * Margin Y
1118
- * @see https://tailwindcss.com/docs/margin
1119
- */
1120
- my: [{
1121
- my: [margin]
1122
- }],
1123
- /**
1124
- * Margin Start
1125
- * @see https://tailwindcss.com/docs/margin
1126
- */
1127
- ms: [{
1128
- ms: [margin]
1129
- }],
1130
- /**
1131
- * Margin End
1132
- * @see https://tailwindcss.com/docs/margin
1133
- */
1134
- me: [{
1135
- me: [margin]
1136
- }],
1137
- /**
1138
- * Margin Top
1139
- * @see https://tailwindcss.com/docs/margin
1140
- */
1141
- mt: [{
1142
- mt: [margin]
1143
- }],
1144
- /**
1145
- * Margin Right
1146
- * @see https://tailwindcss.com/docs/margin
1147
- */
1148
- mr: [{
1149
- mr: [margin]
1150
- }],
1151
- /**
1152
- * Margin Bottom
1153
- * @see https://tailwindcss.com/docs/margin
1154
- */
1155
- mb: [{
1156
- mb: [margin]
1157
- }],
1158
- /**
1159
- * Margin Left
1160
- * @see https://tailwindcss.com/docs/margin
1161
- */
1162
- ml: [{
1163
- ml: [margin]
1164
- }],
1165
- /**
1166
- * Space Between X
1167
- * @see https://tailwindcss.com/docs/space
1168
- */
1169
- 'space-x': [{
1170
- 'space-x': [space]
1171
- }],
1172
- /**
1173
- * Space Between X Reverse
1174
- * @see https://tailwindcss.com/docs/space
1175
- */
1176
- 'space-x-reverse': ['space-x-reverse'],
1177
- /**
1178
- * Space Between Y
1179
- * @see https://tailwindcss.com/docs/space
1180
- */
1181
- 'space-y': [{
1182
- 'space-y': [space]
1183
- }],
1184
- /**
1185
- * Space Between Y Reverse
1186
- * @see https://tailwindcss.com/docs/space
1187
- */
1188
- 'space-y-reverse': ['space-y-reverse'],
1189
- // Sizing
1190
- /**
1191
- * Width
1192
- * @see https://tailwindcss.com/docs/width
1193
- */
1194
- w: [{
1195
- w: ['auto', 'min', 'max', 'fit', isArbitraryValue, spacing]
1196
- }],
1197
- /**
1198
- * Min-Width
1199
- * @see https://tailwindcss.com/docs/min-width
1200
- */
1201
- 'min-w': [{
1202
- 'min-w': ['min', 'max', 'fit', isArbitraryValue, isLength]
1203
- }],
1204
- /**
1205
- * Max-Width
1206
- * @see https://tailwindcss.com/docs/max-width
1207
- */
1208
- 'max-w': [{
1209
- 'max-w': ['0', 'none', 'full', 'min', 'max', 'fit', 'prose', {
1210
- screen: [isTshirtSize]
1211
- }, isTshirtSize, isArbitraryValue]
1212
- }],
1213
- /**
1214
- * Height
1215
- * @see https://tailwindcss.com/docs/height
1216
- */
1217
- h: [{
1218
- h: [isArbitraryValue, spacing, 'auto', 'min', 'max', 'fit']
1219
- }],
1220
- /**
1221
- * Min-Height
1222
- * @see https://tailwindcss.com/docs/min-height
1223
- */
1224
- 'min-h': [{
1225
- 'min-h': ['min', 'max', 'fit', isArbitraryValue, isLength]
1226
- }],
1227
- /**
1228
- * Max-Height
1229
- * @see https://tailwindcss.com/docs/max-height
1230
- */
1231
- 'max-h': [{
1232
- 'max-h': [isArbitraryValue, spacing, 'min', 'max', 'fit']
1233
- }],
1234
- // Typography
1235
- /**
1236
- * Font Size
1237
- * @see https://tailwindcss.com/docs/font-size
1238
- */
1239
- 'font-size': [{
1240
- text: ['base', isTshirtSize, isArbitraryLength]
1241
- }],
1242
- /**
1243
- * Font Smoothing
1244
- * @see https://tailwindcss.com/docs/font-smoothing
1245
- */
1246
- 'font-smoothing': ['antialiased', 'subpixel-antialiased'],
1247
- /**
1248
- * Font Style
1249
- * @see https://tailwindcss.com/docs/font-style
1250
- */
1251
- 'font-style': ['italic', 'not-italic'],
1252
- /**
1253
- * Font Weight
1254
- * @see https://tailwindcss.com/docs/font-weight
1255
- */
1256
- 'font-weight': [{
1257
- font: ['thin', 'extralight', 'light', 'normal', 'medium', 'semibold', 'bold', 'extrabold', 'black', isArbitraryNumber]
1258
- }],
1259
- /**
1260
- * Font Family
1261
- * @see https://tailwindcss.com/docs/font-family
1262
- */
1263
- 'font-family': [{
1264
- font: [isAny]
1265
- }],
1266
- /**
1267
- * Font Variant Numeric
1268
- * @see https://tailwindcss.com/docs/font-variant-numeric
1269
- */
1270
- 'fvn-normal': ['normal-nums'],
1271
- /**
1272
- * Font Variant Numeric
1273
- * @see https://tailwindcss.com/docs/font-variant-numeric
1274
- */
1275
- 'fvn-ordinal': ['ordinal'],
1276
- /**
1277
- * Font Variant Numeric
1278
- * @see https://tailwindcss.com/docs/font-variant-numeric
1279
- */
1280
- 'fvn-slashed-zero': ['slashed-zero'],
1281
- /**
1282
- * Font Variant Numeric
1283
- * @see https://tailwindcss.com/docs/font-variant-numeric
1284
- */
1285
- 'fvn-figure': ['lining-nums', 'oldstyle-nums'],
1286
- /**
1287
- * Font Variant Numeric
1288
- * @see https://tailwindcss.com/docs/font-variant-numeric
1289
- */
1290
- 'fvn-spacing': ['proportional-nums', 'tabular-nums'],
1291
- /**
1292
- * Font Variant Numeric
1293
- * @see https://tailwindcss.com/docs/font-variant-numeric
1294
- */
1295
- 'fvn-fraction': ['diagonal-fractions', 'stacked-fractons'],
1296
- /**
1297
- * Letter Spacing
1298
- * @see https://tailwindcss.com/docs/letter-spacing
1299
- */
1300
- tracking: [{
1301
- tracking: ['tighter', 'tight', 'normal', 'wide', 'wider', 'widest', isArbitraryValue]
1302
- }],
1303
- /**
1304
- * Line Clamp
1305
- * @see https://tailwindcss.com/docs/line-clamp
1306
- */
1307
- 'line-clamp': [{
1308
- 'line-clamp': ['none', isNumber, isArbitraryNumber]
1309
- }],
1310
- /**
1311
- * Line Height
1312
- * @see https://tailwindcss.com/docs/line-height
1313
- */
1314
- leading: [{
1315
- leading: ['none', 'tight', 'snug', 'normal', 'relaxed', 'loose', isArbitraryValue, isLength]
1316
- }],
1317
- /**
1318
- * List Style Image
1319
- * @see https://tailwindcss.com/docs/list-style-image
1320
- */
1321
- 'list-image': [{
1322
- 'list-image': ['none', isArbitraryValue]
1323
- }],
1324
- /**
1325
- * List Style Type
1326
- * @see https://tailwindcss.com/docs/list-style-type
1327
- */
1328
- 'list-style-type': [{
1329
- list: ['none', 'disc', 'decimal', isArbitraryValue]
1330
- }],
1331
- /**
1332
- * List Style Position
1333
- * @see https://tailwindcss.com/docs/list-style-position
1334
- */
1335
- 'list-style-position': [{
1336
- list: ['inside', 'outside']
1337
- }],
1338
- /**
1339
- * Placeholder Color
1340
- * @deprecated since Tailwind CSS v3.0.0
1341
- * @see https://tailwindcss.com/docs/placeholder-color
1342
- */
1343
- 'placeholder-color': [{
1344
- placeholder: [colors]
1345
- }],
1346
- /**
1347
- * Placeholder Opacity
1348
- * @see https://tailwindcss.com/docs/placeholder-opacity
1349
- */
1350
- 'placeholder-opacity': [{
1351
- 'placeholder-opacity': [opacity]
1352
- }],
1353
- /**
1354
- * Text Alignment
1355
- * @see https://tailwindcss.com/docs/text-align
1356
- */
1357
- 'text-alignment': [{
1358
- text: ['left', 'center', 'right', 'justify', 'start', 'end']
1359
- }],
1360
- /**
1361
- * Text Color
1362
- * @see https://tailwindcss.com/docs/text-color
1363
- */
1364
- 'text-color': [{
1365
- text: [colors]
1366
- }],
1367
- /**
1368
- * Text Opacity
1369
- * @see https://tailwindcss.com/docs/text-opacity
1370
- */
1371
- 'text-opacity': [{
1372
- 'text-opacity': [opacity]
1373
- }],
1374
- /**
1375
- * Text Decoration
1376
- * @see https://tailwindcss.com/docs/text-decoration
1377
- */
1378
- 'text-decoration': ['underline', 'overline', 'line-through', 'no-underline'],
1379
- /**
1380
- * Text Decoration Style
1381
- * @see https://tailwindcss.com/docs/text-decoration-style
1382
- */
1383
- 'text-decoration-style': [{
1384
- decoration: [].concat(getLineStyles(), ['wavy'])
1385
- }],
1386
- /**
1387
- * Text Decoration Thickness
1388
- * @see https://tailwindcss.com/docs/text-decoration-thickness
1389
- */
1390
- 'text-decoration-thickness': [{
1391
- decoration: ['auto', 'from-font', isLength]
1392
- }],
1393
- /**
1394
- * Text Underline Offset
1395
- * @see https://tailwindcss.com/docs/text-underline-offset
1396
- */
1397
- 'underline-offset': [{
1398
- 'underline-offset': ['auto', isArbitraryValue, isLength]
1399
- }],
1400
- /**
1401
- * Text Decoration Color
1402
- * @see https://tailwindcss.com/docs/text-decoration-color
1403
- */
1404
- 'text-decoration-color': [{
1405
- decoration: [colors]
1406
- }],
1407
- /**
1408
- * Text Transform
1409
- * @see https://tailwindcss.com/docs/text-transform
1410
- */
1411
- 'text-transform': ['uppercase', 'lowercase', 'capitalize', 'normal-case'],
1412
- /**
1413
- * Text Overflow
1414
- * @see https://tailwindcss.com/docs/text-overflow
1415
- */
1416
- 'text-overflow': ['truncate', 'text-ellipsis', 'text-clip'],
1417
- /**
1418
- * Text Indent
1419
- * @see https://tailwindcss.com/docs/text-indent
1420
- */
1421
- indent: [{
1422
- indent: getSpacingWithArbitrary()
1423
- }],
1424
- /**
1425
- * Vertical Alignment
1426
- * @see https://tailwindcss.com/docs/vertical-align
1427
- */
1428
- 'vertical-align': [{
1429
- align: ['baseline', 'top', 'middle', 'bottom', 'text-top', 'text-bottom', 'sub', 'super', isArbitraryValue]
1430
- }],
1431
- /**
1432
- * Whitespace
1433
- * @see https://tailwindcss.com/docs/whitespace
1434
- */
1435
- whitespace: [{
1436
- whitespace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces']
1437
- }],
1438
- /**
1439
- * Word Break
1440
- * @see https://tailwindcss.com/docs/word-break
1441
- */
1442
- "break": [{
1443
- "break": ['normal', 'words', 'all', 'keep']
1444
- }],
1445
- /**
1446
- * Hyphens
1447
- * @see https://tailwindcss.com/docs/hyphens
1448
- */
1449
- hyphens: [{
1450
- hyphens: ['none', 'manual', 'auto']
1451
- }],
1452
- /**
1453
- * Content
1454
- * @see https://tailwindcss.com/docs/content
1455
- */
1456
- content: [{
1457
- content: ['none', isArbitraryValue]
1458
- }],
1459
- // Backgrounds
1460
- /**
1461
- * Background Attachment
1462
- * @see https://tailwindcss.com/docs/background-attachment
1463
- */
1464
- 'bg-attachment': [{
1465
- bg: ['fixed', 'local', 'scroll']
1466
- }],
1467
- /**
1468
- * Background Clip
1469
- * @see https://tailwindcss.com/docs/background-clip
1470
- */
1471
- 'bg-clip': [{
1472
- 'bg-clip': ['border', 'padding', 'content', 'text']
1473
- }],
1474
- /**
1475
- * Background Opacity
1476
- * @deprecated since Tailwind CSS v3.0.0
1477
- * @see https://tailwindcss.com/docs/background-opacity
1478
- */
1479
- 'bg-opacity': [{
1480
- 'bg-opacity': [opacity]
1481
- }],
1482
- /**
1483
- * Background Origin
1484
- * @see https://tailwindcss.com/docs/background-origin
1485
- */
1486
- 'bg-origin': [{
1487
- 'bg-origin': ['border', 'padding', 'content']
1488
- }],
1489
- /**
1490
- * Background Position
1491
- * @see https://tailwindcss.com/docs/background-position
1492
- */
1493
- 'bg-position': [{
1494
- bg: [].concat(getPositions(), [isArbitraryPosition])
1495
- }],
1496
- /**
1497
- * Background Repeat
1498
- * @see https://tailwindcss.com/docs/background-repeat
1499
- */
1500
- 'bg-repeat': [{
1501
- bg: ['no-repeat', {
1502
- repeat: ['', 'x', 'y', 'round', 'space']
1503
- }]
1504
- }],
1505
- /**
1506
- * Background Size
1507
- * @see https://tailwindcss.com/docs/background-size
1508
- */
1509
- 'bg-size': [{
1510
- bg: ['auto', 'cover', 'contain', isArbitrarySize]
1511
- }],
1512
- /**
1513
- * Background Image
1514
- * @see https://tailwindcss.com/docs/background-image
1515
- */
1516
- 'bg-image': [{
1517
- bg: ['none', {
1518
- 'gradient-to': ['t', 'tr', 'r', 'br', 'b', 'bl', 'l', 'tl']
1519
- }, isArbitraryUrl]
1520
- }],
1521
- /**
1522
- * Background Color
1523
- * @see https://tailwindcss.com/docs/background-color
1524
- */
1525
- 'bg-color': [{
1526
- bg: [colors]
1527
- }],
1528
- /**
1529
- * Gradient Color Stops From Position
1530
- * @see https://tailwindcss.com/docs/gradient-color-stops
1531
- */
1532
- 'gradient-from-pos': [{
1533
- from: [gradientColorStopPositions]
1534
- }],
1535
- /**
1536
- * Gradient Color Stops Via Position
1537
- * @see https://tailwindcss.com/docs/gradient-color-stops
1538
- */
1539
- 'gradient-via-pos': [{
1540
- via: [gradientColorStopPositions]
1541
- }],
1542
- /**
1543
- * Gradient Color Stops To Position
1544
- * @see https://tailwindcss.com/docs/gradient-color-stops
1545
- */
1546
- 'gradient-to-pos': [{
1547
- to: [gradientColorStopPositions]
1548
- }],
1549
- /**
1550
- * Gradient Color Stops From
1551
- * @see https://tailwindcss.com/docs/gradient-color-stops
1552
- */
1553
- 'gradient-from': [{
1554
- from: [gradientColorStops]
1555
- }],
1556
- /**
1557
- * Gradient Color Stops Via
1558
- * @see https://tailwindcss.com/docs/gradient-color-stops
1559
- */
1560
- 'gradient-via': [{
1561
- via: [gradientColorStops]
1562
- }],
1563
- /**
1564
- * Gradient Color Stops To
1565
- * @see https://tailwindcss.com/docs/gradient-color-stops
1566
- */
1567
- 'gradient-to': [{
1568
- to: [gradientColorStops]
1569
- }],
1570
- // Borders
1571
- /**
1572
- * Border Radius
1573
- * @see https://tailwindcss.com/docs/border-radius
1574
- */
1575
- rounded: [{
1576
- rounded: [borderRadius]
1577
- }],
1578
- /**
1579
- * Border Radius Start
1580
- * @see https://tailwindcss.com/docs/border-radius
1581
- */
1582
- 'rounded-s': [{
1583
- 'rounded-s': [borderRadius]
1584
- }],
1585
- /**
1586
- * Border Radius End
1587
- * @see https://tailwindcss.com/docs/border-radius
1588
- */
1589
- 'rounded-e': [{
1590
- 'rounded-e': [borderRadius]
1591
- }],
1592
- /**
1593
- * Border Radius Top
1594
- * @see https://tailwindcss.com/docs/border-radius
1595
- */
1596
- 'rounded-t': [{
1597
- 'rounded-t': [borderRadius]
1598
- }],
1599
- /**
1600
- * Border Radius Right
1601
- * @see https://tailwindcss.com/docs/border-radius
1602
- */
1603
- 'rounded-r': [{
1604
- 'rounded-r': [borderRadius]
1605
- }],
1606
- /**
1607
- * Border Radius Bottom
1608
- * @see https://tailwindcss.com/docs/border-radius
1609
- */
1610
- 'rounded-b': [{
1611
- 'rounded-b': [borderRadius]
1612
- }],
1613
- /**
1614
- * Border Radius Left
1615
- * @see https://tailwindcss.com/docs/border-radius
1616
- */
1617
- 'rounded-l': [{
1618
- 'rounded-l': [borderRadius]
1619
- }],
1620
- /**
1621
- * Border Radius Start Start
1622
- * @see https://tailwindcss.com/docs/border-radius
1623
- */
1624
- 'rounded-ss': [{
1625
- 'rounded-ss': [borderRadius]
1626
- }],
1627
- /**
1628
- * Border Radius Start End
1629
- * @see https://tailwindcss.com/docs/border-radius
1630
- */
1631
- 'rounded-se': [{
1632
- 'rounded-se': [borderRadius]
1633
- }],
1634
- /**
1635
- * Border Radius End End
1636
- * @see https://tailwindcss.com/docs/border-radius
1637
- */
1638
- 'rounded-ee': [{
1639
- 'rounded-ee': [borderRadius]
1640
- }],
1641
- /**
1642
- * Border Radius End Start
1643
- * @see https://tailwindcss.com/docs/border-radius
1644
- */
1645
- 'rounded-es': [{
1646
- 'rounded-es': [borderRadius]
1647
- }],
1648
- /**
1649
- * Border Radius Top Left
1650
- * @see https://tailwindcss.com/docs/border-radius
1651
- */
1652
- 'rounded-tl': [{
1653
- 'rounded-tl': [borderRadius]
1654
- }],
1655
- /**
1656
- * Border Radius Top Right
1657
- * @see https://tailwindcss.com/docs/border-radius
1658
- */
1659
- 'rounded-tr': [{
1660
- 'rounded-tr': [borderRadius]
1661
- }],
1662
- /**
1663
- * Border Radius Bottom Right
1664
- * @see https://tailwindcss.com/docs/border-radius
1665
- */
1666
- 'rounded-br': [{
1667
- 'rounded-br': [borderRadius]
1668
- }],
1669
- /**
1670
- * Border Radius Bottom Left
1671
- * @see https://tailwindcss.com/docs/border-radius
1672
- */
1673
- 'rounded-bl': [{
1674
- 'rounded-bl': [borderRadius]
1675
- }],
1676
- /**
1677
- * Border Width
1678
- * @see https://tailwindcss.com/docs/border-width
1679
- */
1680
- 'border-w': [{
1681
- border: [borderWidth]
1682
- }],
1683
- /**
1684
- * Border Width X
1685
- * @see https://tailwindcss.com/docs/border-width
1686
- */
1687
- 'border-w-x': [{
1688
- 'border-x': [borderWidth]
1689
- }],
1690
- /**
1691
- * Border Width Y
1692
- * @see https://tailwindcss.com/docs/border-width
1693
- */
1694
- 'border-w-y': [{
1695
- 'border-y': [borderWidth]
1696
- }],
1697
- /**
1698
- * Border Width Start
1699
- * @see https://tailwindcss.com/docs/border-width
1700
- */
1701
- 'border-w-s': [{
1702
- 'border-s': [borderWidth]
1703
- }],
1704
- /**
1705
- * Border Width End
1706
- * @see https://tailwindcss.com/docs/border-width
1707
- */
1708
- 'border-w-e': [{
1709
- 'border-e': [borderWidth]
1710
- }],
1711
- /**
1712
- * Border Width Top
1713
- * @see https://tailwindcss.com/docs/border-width
1714
- */
1715
- 'border-w-t': [{
1716
- 'border-t': [borderWidth]
1717
- }],
1718
- /**
1719
- * Border Width Right
1720
- * @see https://tailwindcss.com/docs/border-width
1721
- */
1722
- 'border-w-r': [{
1723
- 'border-r': [borderWidth]
1724
- }],
1725
- /**
1726
- * Border Width Bottom
1727
- * @see https://tailwindcss.com/docs/border-width
1728
- */
1729
- 'border-w-b': [{
1730
- 'border-b': [borderWidth]
1731
- }],
1732
- /**
1733
- * Border Width Left
1734
- * @see https://tailwindcss.com/docs/border-width
1735
- */
1736
- 'border-w-l': [{
1737
- 'border-l': [borderWidth]
1738
- }],
1739
- /**
1740
- * Border Opacity
1741
- * @see https://tailwindcss.com/docs/border-opacity
1742
- */
1743
- 'border-opacity': [{
1744
- 'border-opacity': [opacity]
1745
- }],
1746
- /**
1747
- * Border Style
1748
- * @see https://tailwindcss.com/docs/border-style
1749
- */
1750
- 'border-style': [{
1751
- border: [].concat(getLineStyles(), ['hidden'])
1752
- }],
1753
- /**
1754
- * Divide Width X
1755
- * @see https://tailwindcss.com/docs/divide-width
1756
- */
1757
- 'divide-x': [{
1758
- 'divide-x': [borderWidth]
1759
- }],
1760
- /**
1761
- * Divide Width X Reverse
1762
- * @see https://tailwindcss.com/docs/divide-width
1763
- */
1764
- 'divide-x-reverse': ['divide-x-reverse'],
1765
- /**
1766
- * Divide Width Y
1767
- * @see https://tailwindcss.com/docs/divide-width
1768
- */
1769
- 'divide-y': [{
1770
- 'divide-y': [borderWidth]
1771
- }],
1772
- /**
1773
- * Divide Width Y Reverse
1774
- * @see https://tailwindcss.com/docs/divide-width
1775
- */
1776
- 'divide-y-reverse': ['divide-y-reverse'],
1777
- /**
1778
- * Divide Opacity
1779
- * @see https://tailwindcss.com/docs/divide-opacity
1780
- */
1781
- 'divide-opacity': [{
1782
- 'divide-opacity': [opacity]
1783
- }],
1784
- /**
1785
- * Divide Style
1786
- * @see https://tailwindcss.com/docs/divide-style
1787
- */
1788
- 'divide-style': [{
1789
- divide: getLineStyles()
1790
- }],
1791
- /**
1792
- * Border Color
1793
- * @see https://tailwindcss.com/docs/border-color
1794
- */
1795
- 'border-color': [{
1796
- border: [borderColor]
1797
- }],
1798
- /**
1799
- * Border Color X
1800
- * @see https://tailwindcss.com/docs/border-color
1801
- */
1802
- 'border-color-x': [{
1803
- 'border-x': [borderColor]
1804
- }],
1805
- /**
1806
- * Border Color Y
1807
- * @see https://tailwindcss.com/docs/border-color
1808
- */
1809
- 'border-color-y': [{
1810
- 'border-y': [borderColor]
1811
- }],
1812
- /**
1813
- * Border Color Top
1814
- * @see https://tailwindcss.com/docs/border-color
1815
- */
1816
- 'border-color-t': [{
1817
- 'border-t': [borderColor]
1818
- }],
1819
- /**
1820
- * Border Color Right
1821
- * @see https://tailwindcss.com/docs/border-color
1822
- */
1823
- 'border-color-r': [{
1824
- 'border-r': [borderColor]
1825
- }],
1826
- /**
1827
- * Border Color Bottom
1828
- * @see https://tailwindcss.com/docs/border-color
1829
- */
1830
- 'border-color-b': [{
1831
- 'border-b': [borderColor]
1832
- }],
1833
- /**
1834
- * Border Color Left
1835
- * @see https://tailwindcss.com/docs/border-color
1836
- */
1837
- 'border-color-l': [{
1838
- 'border-l': [borderColor]
1839
- }],
1840
- /**
1841
- * Divide Color
1842
- * @see https://tailwindcss.com/docs/divide-color
1843
- */
1844
- 'divide-color': [{
1845
- divide: [borderColor]
1846
- }],
1847
- /**
1848
- * Outline Style
1849
- * @see https://tailwindcss.com/docs/outline-style
1850
- */
1851
- 'outline-style': [{
1852
- outline: [''].concat(getLineStyles())
1853
- }],
1854
- /**
1855
- * Outline Offset
1856
- * @see https://tailwindcss.com/docs/outline-offset
1857
- */
1858
- 'outline-offset': [{
1859
- 'outline-offset': [isArbitraryValue, isLength]
1860
- }],
1861
- /**
1862
- * Outline Width
1863
- * @see https://tailwindcss.com/docs/outline-width
1864
- */
1865
- 'outline-w': [{
1866
- outline: [isLength]
1867
- }],
1868
- /**
1869
- * Outline Color
1870
- * @see https://tailwindcss.com/docs/outline-color
1871
- */
1872
- 'outline-color': [{
1873
- outline: [colors]
1874
- }],
1875
- /**
1876
- * Ring Width
1877
- * @see https://tailwindcss.com/docs/ring-width
1878
- */
1879
- 'ring-w': [{
1880
- ring: getLengthWithEmpty()
1881
- }],
1882
- /**
1883
- * Ring Width Inset
1884
- * @see https://tailwindcss.com/docs/ring-width
1885
- */
1886
- 'ring-w-inset': ['ring-inset'],
1887
- /**
1888
- * Ring Color
1889
- * @see https://tailwindcss.com/docs/ring-color
1890
- */
1891
- 'ring-color': [{
1892
- ring: [colors]
1893
- }],
1894
- /**
1895
- * Ring Opacity
1896
- * @see https://tailwindcss.com/docs/ring-opacity
1897
- */
1898
- 'ring-opacity': [{
1899
- 'ring-opacity': [opacity]
1900
- }],
1901
- /**
1902
- * Ring Offset Width
1903
- * @see https://tailwindcss.com/docs/ring-offset-width
1904
- */
1905
- 'ring-offset-w': [{
1906
- 'ring-offset': [isLength]
1907
- }],
1908
- /**
1909
- * Ring Offset Color
1910
- * @see https://tailwindcss.com/docs/ring-offset-color
1911
- */
1912
- 'ring-offset-color': [{
1913
- 'ring-offset': [colors]
1914
- }],
1915
- // Effects
1916
- /**
1917
- * Box Shadow
1918
- * @see https://tailwindcss.com/docs/box-shadow
1919
- */
1920
- shadow: [{
1921
- shadow: ['', 'inner', 'none', isTshirtSize, isArbitraryShadow]
1922
- }],
1923
- /**
1924
- * Box Shadow Color
1925
- * @see https://tailwindcss.com/docs/box-shadow-color
1926
- */
1927
- 'shadow-color': [{
1928
- shadow: [isAny]
1929
- }],
1930
- /**
1931
- * Opacity
1932
- * @see https://tailwindcss.com/docs/opacity
1933
- */
1934
- opacity: [{
1935
- opacity: [opacity]
1936
- }],
1937
- /**
1938
- * Mix Blend Mode
1939
- * @see https://tailwindcss.com/docs/mix-blend-mode
1940
- */
1941
- 'mix-blend': [{
1942
- 'mix-blend': getBlendModes()
1943
- }],
1944
- /**
1945
- * Background Blend Mode
1946
- * @see https://tailwindcss.com/docs/background-blend-mode
1947
- */
1948
- 'bg-blend': [{
1949
- 'bg-blend': getBlendModes()
1950
- }],
1951
- // Filters
1952
- /**
1953
- * Filter
1954
- * @deprecated since Tailwind CSS v3.0.0
1955
- * @see https://tailwindcss.com/docs/filter
1956
- */
1957
- filter: [{
1958
- filter: ['', 'none']
1959
- }],
1960
- /**
1961
- * Blur
1962
- * @see https://tailwindcss.com/docs/blur
1963
- */
1964
- blur: [{
1965
- blur: [blur]
1966
- }],
1967
- /**
1968
- * Brightness
1969
- * @see https://tailwindcss.com/docs/brightness
1970
- */
1971
- brightness: [{
1972
- brightness: [brightness]
1973
- }],
1974
- /**
1975
- * Contrast
1976
- * @see https://tailwindcss.com/docs/contrast
1977
- */
1978
- contrast: [{
1979
- contrast: [contrast]
1980
- }],
1981
- /**
1982
- * Drop Shadow
1983
- * @see https://tailwindcss.com/docs/drop-shadow
1984
- */
1985
- 'drop-shadow': [{
1986
- 'drop-shadow': ['', 'none', isTshirtSize, isArbitraryValue]
1987
- }],
1988
- /**
1989
- * Grayscale
1990
- * @see https://tailwindcss.com/docs/grayscale
1991
- */
1992
- grayscale: [{
1993
- grayscale: [grayscale]
1994
- }],
1995
- /**
1996
- * Hue Rotate
1997
- * @see https://tailwindcss.com/docs/hue-rotate
1998
- */
1999
- 'hue-rotate': [{
2000
- 'hue-rotate': [hueRotate]
2001
- }],
2002
- /**
2003
- * Invert
2004
- * @see https://tailwindcss.com/docs/invert
2005
- */
2006
- invert: [{
2007
- invert: [invert]
2008
- }],
2009
- /**
2010
- * Saturate
2011
- * @see https://tailwindcss.com/docs/saturate
2012
- */
2013
- saturate: [{
2014
- saturate: [saturate]
2015
- }],
2016
- /**
2017
- * Sepia
2018
- * @see https://tailwindcss.com/docs/sepia
2019
- */
2020
- sepia: [{
2021
- sepia: [sepia]
2022
- }],
2023
- /**
2024
- * Backdrop Filter
2025
- * @deprecated since Tailwind CSS v3.0.0
2026
- * @see https://tailwindcss.com/docs/backdrop-filter
2027
- */
2028
- 'backdrop-filter': [{
2029
- 'backdrop-filter': ['', 'none']
2030
- }],
2031
- /**
2032
- * Backdrop Blur
2033
- * @see https://tailwindcss.com/docs/backdrop-blur
2034
- */
2035
- 'backdrop-blur': [{
2036
- 'backdrop-blur': [blur]
2037
- }],
2038
- /**
2039
- * Backdrop Brightness
2040
- * @see https://tailwindcss.com/docs/backdrop-brightness
2041
- */
2042
- 'backdrop-brightness': [{
2043
- 'backdrop-brightness': [brightness]
2044
- }],
2045
- /**
2046
- * Backdrop Contrast
2047
- * @see https://tailwindcss.com/docs/backdrop-contrast
2048
- */
2049
- 'backdrop-contrast': [{
2050
- 'backdrop-contrast': [contrast]
2051
- }],
2052
- /**
2053
- * Backdrop Grayscale
2054
- * @see https://tailwindcss.com/docs/backdrop-grayscale
2055
- */
2056
- 'backdrop-grayscale': [{
2057
- 'backdrop-grayscale': [grayscale]
2058
- }],
2059
- /**
2060
- * Backdrop Hue Rotate
2061
- * @see https://tailwindcss.com/docs/backdrop-hue-rotate
2062
- */
2063
- 'backdrop-hue-rotate': [{
2064
- 'backdrop-hue-rotate': [hueRotate]
2065
- }],
2066
- /**
2067
- * Backdrop Invert
2068
- * @see https://tailwindcss.com/docs/backdrop-invert
2069
- */
2070
- 'backdrop-invert': [{
2071
- 'backdrop-invert': [invert]
2072
- }],
2073
- /**
2074
- * Backdrop Opacity
2075
- * @see https://tailwindcss.com/docs/backdrop-opacity
2076
- */
2077
- 'backdrop-opacity': [{
2078
- 'backdrop-opacity': [opacity]
2079
- }],
2080
- /**
2081
- * Backdrop Saturate
2082
- * @see https://tailwindcss.com/docs/backdrop-saturate
2083
- */
2084
- 'backdrop-saturate': [{
2085
- 'backdrop-saturate': [saturate]
2086
- }],
2087
- /**
2088
- * Backdrop Sepia
2089
- * @see https://tailwindcss.com/docs/backdrop-sepia
2090
- */
2091
- 'backdrop-sepia': [{
2092
- 'backdrop-sepia': [sepia]
2093
- }],
2094
- // Tables
2095
- /**
2096
- * Border Collapse
2097
- * @see https://tailwindcss.com/docs/border-collapse
2098
- */
2099
- 'border-collapse': [{
2100
- border: ['collapse', 'separate']
2101
- }],
2102
- /**
2103
- * Border Spacing
2104
- * @see https://tailwindcss.com/docs/border-spacing
2105
- */
2106
- 'border-spacing': [{
2107
- 'border-spacing': [borderSpacing]
2108
- }],
2109
- /**
2110
- * Border Spacing X
2111
- * @see https://tailwindcss.com/docs/border-spacing
2112
- */
2113
- 'border-spacing-x': [{
2114
- 'border-spacing-x': [borderSpacing]
2115
- }],
2116
- /**
2117
- * Border Spacing Y
2118
- * @see https://tailwindcss.com/docs/border-spacing
2119
- */
2120
- 'border-spacing-y': [{
2121
- 'border-spacing-y': [borderSpacing]
2122
- }],
2123
- /**
2124
- * Table Layout
2125
- * @see https://tailwindcss.com/docs/table-layout
2126
- */
2127
- 'table-layout': [{
2128
- table: ['auto', 'fixed']
2129
- }],
2130
- /**
2131
- * Caption Side
2132
- * @see https://tailwindcss.com/docs/caption-side
2133
- */
2134
- caption: [{
2135
- caption: ['top', 'bottom']
2136
- }],
2137
- // Transitions and Animation
2138
- /**
2139
- * Tranisition Property
2140
- * @see https://tailwindcss.com/docs/transition-property
2141
- */
2142
- transition: [{
2143
- transition: ['none', 'all', '', 'colors', 'opacity', 'shadow', 'transform', isArbitraryValue]
2144
- }],
2145
- /**
2146
- * Transition Duration
2147
- * @see https://tailwindcss.com/docs/transition-duration
2148
- */
2149
- duration: [{
2150
- duration: getNumberAndArbitrary()
2151
- }],
2152
- /**
2153
- * Transition Timing Function
2154
- * @see https://tailwindcss.com/docs/transition-timing-function
2155
- */
2156
- ease: [{
2157
- ease: ['linear', 'in', 'out', 'in-out', isArbitraryValue]
2158
- }],
2159
- /**
2160
- * Transition Delay
2161
- * @see https://tailwindcss.com/docs/transition-delay
2162
- */
2163
- delay: [{
2164
- delay: getNumberAndArbitrary()
2165
- }],
2166
- /**
2167
- * Animation
2168
- * @see https://tailwindcss.com/docs/animation
2169
- */
2170
- animate: [{
2171
- animate: ['none', 'spin', 'ping', 'pulse', 'bounce', isArbitraryValue]
2172
- }],
2173
- // Transforms
2174
- /**
2175
- * Transform
2176
- * @see https://tailwindcss.com/docs/transform
2177
- */
2178
- transform: [{
2179
- transform: ['', 'gpu', 'none']
2180
- }],
2181
- /**
2182
- * Scale
2183
- * @see https://tailwindcss.com/docs/scale
2184
- */
2185
- scale: [{
2186
- scale: [scale]
2187
- }],
2188
- /**
2189
- * Scale X
2190
- * @see https://tailwindcss.com/docs/scale
2191
- */
2192
- 'scale-x': [{
2193
- 'scale-x': [scale]
2194
- }],
2195
- /**
2196
- * Scale Y
2197
- * @see https://tailwindcss.com/docs/scale
2198
- */
2199
- 'scale-y': [{
2200
- 'scale-y': [scale]
2201
- }],
2202
- /**
2203
- * Rotate
2204
- * @see https://tailwindcss.com/docs/rotate
2205
- */
2206
- rotate: [{
2207
- rotate: [isInteger, isArbitraryValue]
2208
- }],
2209
- /**
2210
- * Translate X
2211
- * @see https://tailwindcss.com/docs/translate
2212
- */
2213
- 'translate-x': [{
2214
- 'translate-x': [translate]
2215
- }],
2216
- /**
2217
- * Translate Y
2218
- * @see https://tailwindcss.com/docs/translate
2219
- */
2220
- 'translate-y': [{
2221
- 'translate-y': [translate]
2222
- }],
2223
- /**
2224
- * Skew X
2225
- * @see https://tailwindcss.com/docs/skew
2226
- */
2227
- 'skew-x': [{
2228
- 'skew-x': [skew]
2229
- }],
2230
- /**
2231
- * Skew Y
2232
- * @see https://tailwindcss.com/docs/skew
2233
- */
2234
- 'skew-y': [{
2235
- 'skew-y': [skew]
2236
- }],
2237
- /**
2238
- * Transform Origin
2239
- * @see https://tailwindcss.com/docs/transform-origin
2240
- */
2241
- 'transform-origin': [{
2242
- origin: ['center', 'top', 'top-right', 'right', 'bottom-right', 'bottom', 'bottom-left', 'left', 'top-left', isArbitraryValue]
2243
- }],
2244
- // Interactivity
2245
- /**
2246
- * Accent Color
2247
- * @see https://tailwindcss.com/docs/accent-color
2248
- */
2249
- accent: [{
2250
- accent: ['auto', colors]
2251
- }],
2252
- /**
2253
- * Appearance
2254
- * @see https://tailwindcss.com/docs/appearance
2255
- */
2256
- appearance: ['appearance-none'],
2257
- /**
2258
- * Cursor
2259
- * @see https://tailwindcss.com/docs/cursor
2260
- */
2261
- cursor: [{
2262
- cursor: ['auto', 'default', 'pointer', 'wait', 'text', 'move', 'help', 'not-allowed', 'none', 'context-menu', 'progress', 'cell', 'crosshair', 'vertical-text', 'alias', 'copy', 'no-drop', 'grab', 'grabbing', 'all-scroll', 'col-resize', 'row-resize', 'n-resize', 'e-resize', 's-resize', 'w-resize', 'ne-resize', 'nw-resize', 'se-resize', 'sw-resize', 'ew-resize', 'ns-resize', 'nesw-resize', 'nwse-resize', 'zoom-in', 'zoom-out', isArbitraryValue]
2263
- }],
2264
- /**
2265
- * Caret Color
2266
- * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
2267
- */
2268
- 'caret-color': [{
2269
- caret: [colors]
2270
- }],
2271
- /**
2272
- * Pointer Events
2273
- * @see https://tailwindcss.com/docs/pointer-events
2274
- */
2275
- 'pointer-events': [{
2276
- 'pointer-events': ['none', 'auto']
2277
- }],
2278
- /**
2279
- * Resize
2280
- * @see https://tailwindcss.com/docs/resize
2281
- */
2282
- resize: [{
2283
- resize: ['none', 'y', 'x', '']
2284
- }],
2285
- /**
2286
- * Scroll Behavior
2287
- * @see https://tailwindcss.com/docs/scroll-behavior
2288
- */
2289
- 'scroll-behavior': [{
2290
- scroll: ['auto', 'smooth']
2291
- }],
2292
- /**
2293
- * Scroll Margin
2294
- * @see https://tailwindcss.com/docs/scroll-margin
2295
- */
2296
- 'scroll-m': [{
2297
- 'scroll-m': getSpacingWithArbitrary()
2298
- }],
2299
- /**
2300
- * Scroll Margin X
2301
- * @see https://tailwindcss.com/docs/scroll-margin
2302
- */
2303
- 'scroll-mx': [{
2304
- 'scroll-mx': getSpacingWithArbitrary()
2305
- }],
2306
- /**
2307
- * Scroll Margin Y
2308
- * @see https://tailwindcss.com/docs/scroll-margin
2309
- */
2310
- 'scroll-my': [{
2311
- 'scroll-my': getSpacingWithArbitrary()
2312
- }],
2313
- /**
2314
- * Scroll Margin Start
2315
- * @see https://tailwindcss.com/docs/scroll-margin
2316
- */
2317
- 'scroll-ms': [{
2318
- 'scroll-ms': getSpacingWithArbitrary()
2319
- }],
2320
- /**
2321
- * Scroll Margin End
2322
- * @see https://tailwindcss.com/docs/scroll-margin
2323
- */
2324
- 'scroll-me': [{
2325
- 'scroll-me': getSpacingWithArbitrary()
2326
- }],
2327
- /**
2328
- * Scroll Margin Top
2329
- * @see https://tailwindcss.com/docs/scroll-margin
2330
- */
2331
- 'scroll-mt': [{
2332
- 'scroll-mt': getSpacingWithArbitrary()
2333
- }],
2334
- /**
2335
- * Scroll Margin Right
2336
- * @see https://tailwindcss.com/docs/scroll-margin
2337
- */
2338
- 'scroll-mr': [{
2339
- 'scroll-mr': getSpacingWithArbitrary()
2340
- }],
2341
- /**
2342
- * Scroll Margin Bottom
2343
- * @see https://tailwindcss.com/docs/scroll-margin
2344
- */
2345
- 'scroll-mb': [{
2346
- 'scroll-mb': getSpacingWithArbitrary()
2347
- }],
2348
- /**
2349
- * Scroll Margin Left
2350
- * @see https://tailwindcss.com/docs/scroll-margin
2351
- */
2352
- 'scroll-ml': [{
2353
- 'scroll-ml': getSpacingWithArbitrary()
2354
- }],
2355
- /**
2356
- * Scroll Padding
2357
- * @see https://tailwindcss.com/docs/scroll-padding
2358
- */
2359
- 'scroll-p': [{
2360
- 'scroll-p': getSpacingWithArbitrary()
2361
- }],
2362
- /**
2363
- * Scroll Padding X
2364
- * @see https://tailwindcss.com/docs/scroll-padding
2365
- */
2366
- 'scroll-px': [{
2367
- 'scroll-px': getSpacingWithArbitrary()
2368
- }],
2369
- /**
2370
- * Scroll Padding Y
2371
- * @see https://tailwindcss.com/docs/scroll-padding
2372
- */
2373
- 'scroll-py': [{
2374
- 'scroll-py': getSpacingWithArbitrary()
2375
- }],
2376
- /**
2377
- * Scroll Padding Start
2378
- * @see https://tailwindcss.com/docs/scroll-padding
2379
- */
2380
- 'scroll-ps': [{
2381
- 'scroll-ps': getSpacingWithArbitrary()
2382
- }],
2383
- /**
2384
- * Scroll Padding End
2385
- * @see https://tailwindcss.com/docs/scroll-padding
2386
- */
2387
- 'scroll-pe': [{
2388
- 'scroll-pe': getSpacingWithArbitrary()
2389
- }],
2390
- /**
2391
- * Scroll Padding Top
2392
- * @see https://tailwindcss.com/docs/scroll-padding
2393
- */
2394
- 'scroll-pt': [{
2395
- 'scroll-pt': getSpacingWithArbitrary()
2396
- }],
2397
- /**
2398
- * Scroll Padding Right
2399
- * @see https://tailwindcss.com/docs/scroll-padding
2400
- */
2401
- 'scroll-pr': [{
2402
- 'scroll-pr': getSpacingWithArbitrary()
2403
- }],
2404
- /**
2405
- * Scroll Padding Bottom
2406
- * @see https://tailwindcss.com/docs/scroll-padding
2407
- */
2408
- 'scroll-pb': [{
2409
- 'scroll-pb': getSpacingWithArbitrary()
2410
- }],
2411
- /**
2412
- * Scroll Padding Left
2413
- * @see https://tailwindcss.com/docs/scroll-padding
2414
- */
2415
- 'scroll-pl': [{
2416
- 'scroll-pl': getSpacingWithArbitrary()
2417
- }],
2418
- /**
2419
- * Scroll Snap Align
2420
- * @see https://tailwindcss.com/docs/scroll-snap-align
2421
- */
2422
- 'snap-align': [{
2423
- snap: ['start', 'end', 'center', 'align-none']
2424
- }],
2425
- /**
2426
- * Scroll Snap Stop
2427
- * @see https://tailwindcss.com/docs/scroll-snap-stop
2428
- */
2429
- 'snap-stop': [{
2430
- snap: ['normal', 'always']
2431
- }],
2432
- /**
2433
- * Scroll Snap Type
2434
- * @see https://tailwindcss.com/docs/scroll-snap-type
2435
- */
2436
- 'snap-type': [{
2437
- snap: ['none', 'x', 'y', 'both']
2438
- }],
2439
- /**
2440
- * Scroll Snap Type Strictness
2441
- * @see https://tailwindcss.com/docs/scroll-snap-type
2442
- */
2443
- 'snap-strictness': [{
2444
- snap: ['mandatory', 'proximity']
2445
- }],
2446
- /**
2447
- * Touch Action
2448
- * @see https://tailwindcss.com/docs/touch-action
2449
- */
2450
- touch: [{
2451
- touch: ['auto', 'none', 'pinch-zoom', 'manipulation', {
2452
- pan: ['x', 'left', 'right', 'y', 'up', 'down']
2453
- }]
2454
- }],
2455
- /**
2456
- * User Select
2457
- * @see https://tailwindcss.com/docs/user-select
2458
- */
2459
- select: [{
2460
- select: ['none', 'text', 'all', 'auto']
2461
- }],
2462
- /**
2463
- * Will Change
2464
- * @see https://tailwindcss.com/docs/will-change
2465
- */
2466
- 'will-change': [{
2467
- 'will-change': ['auto', 'scroll', 'contents', 'transform', isArbitraryValue]
2468
- }],
2469
- // SVG
2470
- /**
2471
- * Fill
2472
- * @see https://tailwindcss.com/docs/fill
2473
- */
2474
- fill: [{
2475
- fill: [colors, 'none']
2476
- }],
2477
- /**
2478
- * Stroke Width
2479
- * @see https://tailwindcss.com/docs/stroke-width
2480
- */
2481
- 'stroke-w': [{
2482
- stroke: [isLength, isArbitraryNumber]
2483
- }],
2484
- /**
2485
- * Stroke
2486
- * @see https://tailwindcss.com/docs/stroke
2487
- */
2488
- stroke: [{
2489
- stroke: [colors, 'none']
2490
- }],
2491
- // Accessibility
2492
- /**
2493
- * Screen Readers
2494
- * @see https://tailwindcss.com/docs/screen-readers
2495
- */
2496
- sr: ['sr-only', 'not-sr-only']
2497
- },
2498
- conflictingClassGroups: {
2499
- overflow: ['overflow-x', 'overflow-y'],
2500
- overscroll: ['overscroll-x', 'overscroll-y'],
2501
- inset: ['inset-x', 'inset-y', 'start', 'end', 'top', 'right', 'bottom', 'left'],
2502
- 'inset-x': ['right', 'left'],
2503
- 'inset-y': ['top', 'bottom'],
2504
- flex: ['basis', 'grow', 'shrink'],
2505
- gap: ['gap-x', 'gap-y'],
2506
- p: ['px', 'py', 'ps', 'pe', 'pt', 'pr', 'pb', 'pl'],
2507
- px: ['pr', 'pl'],
2508
- py: ['pt', 'pb'],
2509
- m: ['mx', 'my', 'ms', 'me', 'mt', 'mr', 'mb', 'ml'],
2510
- mx: ['mr', 'ml'],
2511
- my: ['mt', 'mb'],
2512
- 'font-size': ['leading'],
2513
- 'fvn-normal': ['fvn-ordinal', 'fvn-slashed-zero', 'fvn-figure', 'fvn-spacing', 'fvn-fraction'],
2514
- 'fvn-ordinal': ['fvn-normal'],
2515
- 'fvn-slashed-zero': ['fvn-normal'],
2516
- 'fvn-figure': ['fvn-normal'],
2517
- 'fvn-spacing': ['fvn-normal'],
2518
- 'fvn-fraction': ['fvn-normal'],
2519
- rounded: ['rounded-s', 'rounded-e', 'rounded-t', 'rounded-r', 'rounded-b', 'rounded-l', 'rounded-ss', 'rounded-se', 'rounded-ee', 'rounded-es', 'rounded-tl', 'rounded-tr', 'rounded-br', 'rounded-bl'],
2520
- 'rounded-s': ['rounded-ss', 'rounded-es'],
2521
- 'rounded-e': ['rounded-se', 'rounded-ee'],
2522
- 'rounded-t': ['rounded-tl', 'rounded-tr'],
2523
- 'rounded-r': ['rounded-tr', 'rounded-br'],
2524
- 'rounded-b': ['rounded-br', 'rounded-bl'],
2525
- 'rounded-l': ['rounded-tl', 'rounded-bl'],
2526
- 'border-spacing': ['border-spacing-x', 'border-spacing-y'],
2527
- 'border-w': ['border-w-s', 'border-w-e', 'border-w-t', 'border-w-r', 'border-w-b', 'border-w-l'],
2528
- 'border-w-x': ['border-w-r', 'border-w-l'],
2529
- 'border-w-y': ['border-w-t', 'border-w-b'],
2530
- 'border-color': ['border-color-t', 'border-color-r', 'border-color-b', 'border-color-l'],
2531
- 'border-color-x': ['border-color-r', 'border-color-l'],
2532
- 'border-color-y': ['border-color-t', 'border-color-b'],
2533
- 'scroll-m': ['scroll-mx', 'scroll-my', 'scroll-ms', 'scroll-me', 'scroll-mt', 'scroll-mr', 'scroll-mb', 'scroll-ml'],
2534
- 'scroll-mx': ['scroll-mr', 'scroll-ml'],
2535
- 'scroll-my': ['scroll-mt', 'scroll-mb'],
2536
- 'scroll-p': ['scroll-px', 'scroll-py', 'scroll-ps', 'scroll-pe', 'scroll-pt', 'scroll-pr', 'scroll-pb', 'scroll-pl'],
2537
- 'scroll-px': ['scroll-pr', 'scroll-pl'],
2538
- 'scroll-py': ['scroll-pt', 'scroll-pb']
2539
- },
2540
- conflictingClassGroupModifiers: {
2541
- 'font-size': ['leading']
2542
- }
2543
- };
2544
- }
2545
-
2546
- var twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
2547
-
2548
- function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
2549
-
2550
- const cn = (...inputs) => {
2551
- return twMerge(clsx(inputs));
2552
- };
2553
-
2554
- export { cn };
27
+ import './style-map-88b4d8ad.js';
28
+ import './color-palette.js';