@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.
- package/dist/.storybook/main.d.ts +3 -0
- package/dist/.storybook/main.js +22 -0
- package/dist/.storybook/manager.d.ts +1 -0
- package/dist/.storybook/manager.js +12 -0
- package/dist/.storybook/preview.d.ts +8 -0
- package/dist/.storybook/preview.js +81 -0
- package/dist/globals.css +1 -1
- package/dist/lib/.storybook/main.d.ts +3 -0
- package/dist/lib/.storybook/manager.d.ts +1 -0
- package/dist/lib/.storybook/preview.d.ts +9 -0
- package/dist/lib/color/constants.d.ts +0 -15
- package/dist/lib/color/constants.js +0 -32
- package/dist/lib/color/constants.mjs.map +1 -1
- package/dist/lib/components/BubbleChart/index.js +1 -1
- package/dist/lib/components/BubbleChart/index.mjs.map +1 -1
- package/dist/lib/components/RadarChart/index.js +1 -1
- package/dist/lib/components/RadarChart/index.mjs.map +1 -1
- package/dist/lib/constants.d.ts +0 -2
- package/dist/lib/constants.js +7 -31
- package/dist/lib/constants.mjs +1 -1
- package/dist/lib/constants.mjs.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/dist/lib/utils/classPrefixes.d.ts +3 -0
- package/dist/lib/utils/classPrefixes.js +26 -0
- package/dist/tailwind.config.js +5 -32
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
@@ -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
|
+
};
|
package/dist/tailwind.config.js
CHANGED
@@ -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: {
|