@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,3 @@
1
+ export declare const classPrefixesByScale: {
2
+ [key: string]: number[];
3
+ };
@@ -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
+ };
@@ -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) {