@lotte-innovate/ui-component-test 0.1.64 → 0.1.66

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,26 @@
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
+ 'hover:fill': [1, 12],
10
+ 'active:bg': [3, 4, 5, 6, 8, 9, 10],
11
+ 'active:border': [6, 8, 9],
12
+ 'active:text': [10, 11, 12],
13
+ 'data-[state=on]:bg': [3, 4, 5, 9, 10],
14
+ 'data-[state=on]:border': [8, 9],
15
+ 'data-[state=on]:text': [1, 11],
16
+ 'data-[state=on]:hover:bg': [2, 3, 4, 10],
17
+ 'data-[state=on]:hover:border': [8, 9],
18
+ 'data-[state=on]:hover:text': [1, 11],
19
+ 'data-[state=open]:bg': [5],
20
+ 'data-[state=checked]:bg': [2, 3, 5, 6, 7, 9, 10],
21
+ 'data-[state=checked]:border': [6],
22
+ 'data-[state=checked]:text': [1, 8, 11],
23
+ 'data-[state=unchecked]:bg': [2, 3, 5, 6, 7],
24
+ 'data-[state=unchecked]:border': [4, 6, 7, 8, 9],
25
+ 'data-[state=unchecked]:text': [8],
26
+ };
@@ -21,34 +21,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
21
21
  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
- import { colorOptions, alphaColorOptions } from './lib/color/constants';
24
+ import { colorOptions, alphaColorOptions, darkColorOptions } 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) {
@@ -61,15 +37,12 @@ var generateClasses = function (colorList, mode) {
61
37
  };
62
38
  allColorOptions.forEach(function (options) {
63
39
  classes = classes.concat(generateClasses(options));
40
+ });
41
+ [darkColorOptions].forEach(function (options) {
64
42
  classes = classes.concat(generateClasses(options, 'dark:'));
65
43
  });
66
44
  var config = {
67
- content: [
68
- './src/app/**/*.{js,ts,jsx,tsx,mdx,zip}',
69
- './lib/**/*.{js,ts,jsx,tsx,mdx,zip}',
70
- './src/stories/**/*.{js,ts,jsx,tsx,mdx,zip}',
71
- './src/**/*.{js,ts,jsx,tsx,mdx,zip}',
72
- ],
45
+ content: ['./src/**/*.{js,ts,jsx,tsx,mdx,zip}'],
73
46
  safelist: __spreadArray([], classes, true),
74
47
  theme: {
75
48
  extend: {