@lotte-innovate/ui-component-test 0.1.64 → 0.1.65
Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,25 @@
|
|
1
|
+
export var classPrefixesByScale = {
|
2
|
+
fill: [9, 12],
|
3
|
+
border: [4, 6, 7, 8, 9],
|
4
|
+
bg: [1, 2, 3, 4, 5, 6, 7, 9, 10, 12],
|
5
|
+
text: [1, 8, 9, 10, 11, 12],
|
6
|
+
'hover:bg': [2, 3, 4, 6, 9, 10],
|
7
|
+
'hover:border': [4, 6, 7, 8, 9],
|
8
|
+
'hover:text': [1, 10, 11, 12],
|
9
|
+
'active:bg': [3, 4, 5, 6, 8, 9, 10],
|
10
|
+
'active:border': [6, 8, 9],
|
11
|
+
'active:text': [10, 11, 12],
|
12
|
+
'data-[state=on]:bg': [3, 4, 5, 9, 10],
|
13
|
+
'data-[state=on]:border': [8, 9],
|
14
|
+
'data-[state=on]:text': [1, 11],
|
15
|
+
'data-[state=on]:hover:bg': [2, 3, 4, 10],
|
16
|
+
'data-[state=on]:hover:border': [8, 9],
|
17
|
+
'data-[state=on]:hover:text': [1, 11],
|
18
|
+
'data-[state=open]:bg': [5],
|
19
|
+
'data-[state=checked]:bg': [2, 3, 5, 6, 7, 9, 10],
|
20
|
+
'data-[state=checked]:border': [6],
|
21
|
+
'data-[state=checked]:text': [1, 8, 11],
|
22
|
+
'data-[state=unchecked]:bg': [2, 3, 5, 6, 7],
|
23
|
+
'data-[state=unchecked]:border': [4, 6, 7, 8, 9],
|
24
|
+
'data-[state=unchecked]:text': [8],
|
25
|
+
};
|
package/dist/tailwind.config.js
CHANGED
@@ -22,33 +22,9 @@ import * as lightColors from './lib/color/light';
|
|
22
22
|
import * as darkColors from './lib/color/dark';
|
23
23
|
import * as alphaColors from './lib/color/alpha';
|
24
24
|
import { colorOptions, alphaColorOptions } from './lib/color/constants';
|
25
|
+
import { classPrefixesByScale } from './lib/utils/classPrefixes';
|
25
26
|
var classes = [];
|
26
27
|
var allColorOptions = [colorOptions, alphaColorOptions];
|
27
|
-
var classPrefixesByScale = {
|
28
|
-
fill: [9, 12],
|
29
|
-
border: [4, 6, 7, 8, 9],
|
30
|
-
bg: [1, 2, 3, 4, 5, 6, 7, 9, 10, 12],
|
31
|
-
text: [1, 8, 9, 10, 11, 12],
|
32
|
-
'hover:bg': [2, 3, 4, 6, 9, 10],
|
33
|
-
'hover:border': [4, 6, 7, 8, 9],
|
34
|
-
'hover:text': [1, 10, 11, 12],
|
35
|
-
'active:bg': [3, 4, 5, 6, 8, 9, 10],
|
36
|
-
'active:border': [6, 8, 9],
|
37
|
-
'active:text': [10, 11, 12],
|
38
|
-
'data-[state=on]:bg': [3, 4, 5, 9, 10],
|
39
|
-
'data-[state=on]:border': [8, 9],
|
40
|
-
'data-[state=on]:text': [1, 11],
|
41
|
-
'data-[state=on]:hover:bg': [2, 3, 4, 10],
|
42
|
-
'data-[state=on]:hover:border': [8, 9],
|
43
|
-
'data-[state=on]:hover:text': [1, 11],
|
44
|
-
'data-[state=open]:bg': [5],
|
45
|
-
'data-[state=checked]:bg': [2, 3, 5, 6, 7, 9, 10],
|
46
|
-
'data-[state=checked]:border': [6],
|
47
|
-
'data-[state=checked]:text': [1, 8, 11],
|
48
|
-
'data-[state=unchecked]:bg': [2, 3, 5, 6, 7],
|
49
|
-
'data-[state=unchecked]:border': [4, 6, 7, 8, 9],
|
50
|
-
'data-[state=unchecked]:text': [8],
|
51
|
-
};
|
52
28
|
var generateClasses = function (colorList, mode) {
|
53
29
|
return colorList.flatMap(function (color) {
|
54
30
|
return Object.entries(classPrefixesByScale).flatMap(function (_a) {
|