inl-ui 0.1.18 → 0.1.21

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 (32) hide show
  1. package/README.md +49 -49
  2. package/dist/components/index.cjs +13 -8
  3. package/dist/components/index.d.ts +20 -1
  4. package/dist/components/index.js +14 -9
  5. package/dist/iconfont.js +69 -69
  6. package/dist/index.cjs +19 -16
  7. package/dist/index.d.ts +21 -2
  8. package/dist/index.js +20 -17
  9. package/dist/theme/index.js +70 -70
  10. package/dist/theme/scripts/dark-vars.js +21 -21
  11. package/dist/theme/scripts/default-vars.js +25 -25
  12. package/dist/theme/scripts/light-vars.js +22 -22
  13. package/dist/theme/style/color/bezierEasing.less +110 -110
  14. package/dist/theme/style/color/colorPalette.less +81 -81
  15. package/dist/theme/style/color/colors.less +162 -162
  16. package/dist/theme/style/color/tinyColor.less +1184 -1184
  17. package/dist/theme/style/compact.less +4 -4
  18. package/dist/theme/style/dark.less +4 -4
  19. package/dist/theme/style/default.less +4 -4
  20. package/dist/theme/style/index.less +2 -2
  21. package/dist/theme/style/index.tsx +2 -2
  22. package/dist/theme/style/themes/compact.less +295 -295
  23. package/dist/theme/style/themes/dark.less +790 -790
  24. package/dist/theme/style/themes/default.less +1067 -1067
  25. package/dist/theme/style/themes/index.less +7 -7
  26. package/dist/theme/style/themes/var-dark.less +343 -343
  27. package/dist/theme/style/themes/var-default.less +184 -184
  28. package/dist/theme/style/themes/variable.less +1122 -1122
  29. package/dist/theme/style/variable.less +4 -4
  30. package/dist/tplib/index.cjs +5 -7
  31. package/dist/tplib/index.js +5 -7
  32. package/package.json +1 -1
package/dist/theme/style/color/colors.less CHANGED
@@ -1,162 +1,162 @@
1
- @import 'colorPalette';
2
-
3
- // color palettes
4
- @blue-base: #1890ff;
5
- @blue-1: color(~`colorPalette('@{blue-6}', 1) `);
6
- @blue-2: color(~`colorPalette('@{blue-6}', 2) `);
7
- @blue-3: color(~`colorPalette('@{blue-6}', 3) `);
8
- @blue-4: color(~`colorPalette('@{blue-6}', 4) `);
9
- @blue-5: color(~`colorPalette('@{blue-6}', 5) `);
10
- @blue-6: @blue-base;
11
- @blue-7: color(~`colorPalette('@{blue-6}', 7) `);
12
- @blue-8: color(~`colorPalette('@{blue-6}', 8) `);
13
- @blue-9: color(~`colorPalette('@{blue-6}', 9) `);
14
- @blue-10: color(~`colorPalette('@{blue-6}', 10) `);
15
-
16
- @purple-base: #722ed1;
17
- @purple-1: color(~`colorPalette('@{purple-6}', 1) `);
18
- @purple-2: color(~`colorPalette('@{purple-6}', 2) `);
19
- @purple-3: color(~`colorPalette('@{purple-6}', 3) `);
20
- @purple-4: color(~`colorPalette('@{purple-6}', 4) `);
21
- @purple-5: color(~`colorPalette('@{purple-6}', 5) `);
22
- @purple-6: @purple-base;
23
- @purple-7: color(~`colorPalette('@{purple-6}', 7) `);
24
- @purple-8: color(~`colorPalette('@{purple-6}', 8) `);
25
- @purple-9: color(~`colorPalette('@{purple-6}', 9) `);
26
- @purple-10: color(~`colorPalette('@{purple-6}', 10) `);
27
-
28
- @cyan-base: #13c2c2;
29
- @cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);
30
- @cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);
31
- @cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);
32
- @cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);
33
- @cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);
34
- @cyan-6: @cyan-base;
35
- @cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);
36
- @cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);
37
- @cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
38
- @cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);
39
-
40
- @green-base: #52c41a;
41
- @green-1: color(~`colorPalette('@{green-6}', 1) `);
42
- @green-2: color(~`colorPalette('@{green-6}', 2) `);
43
- @green-3: color(~`colorPalette('@{green-6}', 3) `);
44
- @green-4: color(~`colorPalette('@{green-6}', 4) `);
45
- @green-5: color(~`colorPalette('@{green-6}', 5) `);
46
- @green-6: @green-base;
47
- @green-7: color(~`colorPalette('@{green-6}', 7) `);
48
- @green-8: color(~`colorPalette('@{green-6}', 8) `);
49
- @green-9: color(~`colorPalette('@{green-6}', 9) `);
50
- @green-10: color(~`colorPalette('@{green-6}', 10) `);
51
-
52
- @magenta-base: #eb2f96;
53
- @magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);
54
- @magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);
55
- @magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);
56
- @magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);
57
- @magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);
58
- @magenta-6: @magenta-base;
59
- @magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);
60
- @magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);
61
- @magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);
62
- @magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);
63
-
64
- // alias of magenta
65
- @pink-base: #eb2f96;
66
- @pink-1: color(~`colorPalette('@{pink-6}', 1) `);
67
- @pink-2: color(~`colorPalette('@{pink-6}', 2) `);
68
- @pink-3: color(~`colorPalette('@{pink-6}', 3) `);
69
- @pink-4: color(~`colorPalette('@{pink-6}', 4) `);
70
- @pink-5: color(~`colorPalette('@{pink-6}', 5) `);
71
- @pink-6: @pink-base;
72
- @pink-7: color(~`colorPalette('@{pink-6}', 7) `);
73
- @pink-8: color(~`colorPalette('@{pink-6}', 8) `);
74
- @pink-9: color(~`colorPalette('@{pink-6}', 9) `);
75
- @pink-10: color(~`colorPalette('@{pink-6}', 10) `);
76
-
77
- @red-base: #f5222d;
78
- @red-1: color(~`colorPalette('@{red-6}', 1) `);
79
- @red-2: color(~`colorPalette('@{red-6}', 2) `);
80
- @red-3: color(~`colorPalette('@{red-6}', 3) `);
81
- @red-4: color(~`colorPalette('@{red-6}', 4) `);
82
- @red-5: color(~`colorPalette('@{red-6}', 5) `);
83
- @red-6: @red-base;
84
- @red-7: color(~`colorPalette('@{red-6}', 7) `);
85
- @red-8: color(~`colorPalette('@{red-6}', 8) `);
86
- @red-9: color(~`colorPalette('@{red-6}', 9) `);
87
- @red-10: color(~`colorPalette('@{red-6}', 10) `);
88
-
89
- @orange-base: #fa8c16;
90
- @orange-1: color(~`colorPalette('@{orange-6}', 1) `);
91
- @orange-2: color(~`colorPalette('@{orange-6}', 2) `);
92
- @orange-3: color(~`colorPalette('@{orange-6}', 3) `);
93
- @orange-4: color(~`colorPalette('@{orange-6}', 4) `);
94
- @orange-5: color(~`colorPalette('@{orange-6}', 5) `);
95
- @orange-6: @orange-base;
96
- @orange-7: color(~`colorPalette('@{orange-6}', 7) `);
97
- @orange-8: color(~`colorPalette('@{orange-6}', 8) `);
98
- @orange-9: color(~`colorPalette('@{orange-6}', 9) `);
99
- @orange-10: color(~`colorPalette('@{orange-6}', 10) `);
100
-
101
- @yellow-base: #fadb14;
102
- @yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);
103
- @yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);
104
- @yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);
105
- @yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);
106
- @yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);
107
- @yellow-6: @yellow-base;
108
- @yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);
109
- @yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);
110
- @yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);
111
- @yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);
112
-
113
- @volcano-base: #fa541c;
114
- @volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);
115
- @volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);
116
- @volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);
117
- @volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);
118
- @volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);
119
- @volcano-6: @volcano-base;
120
- @volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);
121
- @volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);
122
- @volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);
123
- @volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);
124
-
125
- @geekblue-base: #2f54eb;
126
- @geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);
127
- @geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);
128
- @geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);
129
- @geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);
130
- @geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);
131
- @geekblue-6: @geekblue-base;
132
- @geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);
133
- @geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);
134
- @geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);
135
- @geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);
136
-
137
- @lime-base: #a0d911;
138
- @lime-1: color(~`colorPalette('@{lime-6}', 1) `);
139
- @lime-2: color(~`colorPalette('@{lime-6}', 2) `);
140
- @lime-3: color(~`colorPalette('@{lime-6}', 3) `);
141
- @lime-4: color(~`colorPalette('@{lime-6}', 4) `);
142
- @lime-5: color(~`colorPalette('@{lime-6}', 5) `);
143
- @lime-6: @lime-base;
144
- @lime-7: color(~`colorPalette('@{lime-6}', 7) `);
145
- @lime-8: color(~`colorPalette('@{lime-6}', 8) `);
146
- @lime-9: color(~`colorPalette('@{lime-6}', 9) `);
147
- @lime-10: color(~`colorPalette('@{lime-6}', 10) `);
148
-
149
- @gold-base: #faad14;
150
- @gold-1: color(~`colorPalette('@{gold-6}', 1) `);
151
- @gold-2: color(~`colorPalette('@{gold-6}', 2) `);
152
- @gold-3: color(~`colorPalette('@{gold-6}', 3) `);
153
- @gold-4: color(~`colorPalette('@{gold-6}', 4) `);
154
- @gold-5: color(~`colorPalette('@{gold-6}', 5) `);
155
- @gold-6: @gold-base;
156
- @gold-7: color(~`colorPalette('@{gold-6}', 7) `);
157
- @gold-8: color(~`colorPalette('@{gold-6}', 8) `);
158
- @gold-9: color(~`colorPalette('@{gold-6}', 9) `);
159
- @gold-10: color(~`colorPalette('@{gold-6}', 10) `);
160
-
161
- @preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
162
- purple;
1
+ @import 'colorPalette';
2
+
3
+ // color palettes
4
+ @blue-base: #1890ff;
5
+ @blue-1: color(~`colorPalette('@{blue-6}', 1) `);
6
+ @blue-2: color(~`colorPalette('@{blue-6}', 2) `);
7
+ @blue-3: color(~`colorPalette('@{blue-6}', 3) `);
8
+ @blue-4: color(~`colorPalette('@{blue-6}', 4) `);
9
+ @blue-5: color(~`colorPalette('@{blue-6}', 5) `);
10
+ @blue-6: @blue-base;
11
+ @blue-7: color(~`colorPalette('@{blue-6}', 7) `);
12
+ @blue-8: color(~`colorPalette('@{blue-6}', 8) `);
13
+ @blue-9: color(~`colorPalette('@{blue-6}', 9) `);
14
+ @blue-10: color(~`colorPalette('@{blue-6}', 10) `);
15
+
16
+ @purple-base: #722ed1;
17
+ @purple-1: color(~`colorPalette('@{purple-6}', 1) `);
18
+ @purple-2: color(~`colorPalette('@{purple-6}', 2) `);
19
+ @purple-3: color(~`colorPalette('@{purple-6}', 3) `);
20
+ @purple-4: color(~`colorPalette('@{purple-6}', 4) `);
21
+ @purple-5: color(~`colorPalette('@{purple-6}', 5) `);
22
+ @purple-6: @purple-base;
23
+ @purple-7: color(~`colorPalette('@{purple-6}', 7) `);
24
+ @purple-8: color(~`colorPalette('@{purple-6}', 8) `);
25
+ @purple-9: color(~`colorPalette('@{purple-6}', 9) `);
26
+ @purple-10: color(~`colorPalette('@{purple-6}', 10) `);
27
+
28
+ @cyan-base: #13c2c2;
29
+ @cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);
30
+ @cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);
31
+ @cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);
32
+ @cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);
33
+ @cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);
34
+ @cyan-6: @cyan-base;
35
+ @cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);
36
+ @cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);
37
+ @cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
38
+ @cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);
39
+
40
+ @green-base: #52c41a;
41
+ @green-1: color(~`colorPalette('@{green-6}', 1) `);
42
+ @green-2: color(~`colorPalette('@{green-6}', 2) `);
43
+ @green-3: color(~`colorPalette('@{green-6}', 3) `);
44
+ @green-4: color(~`colorPalette('@{green-6}', 4) `);
45
+ @green-5: color(~`colorPalette('@{green-6}', 5) `);
46
+ @green-6: @green-base;
47
+ @green-7: color(~`colorPalette('@{green-6}', 7) `);
48
+ @green-8: color(~`colorPalette('@{green-6}', 8) `);
49
+ @green-9: color(~`colorPalette('@{green-6}', 9) `);
50
+ @green-10: color(~`colorPalette('@{green-6}', 10) `);
51
+
52
+ @magenta-base: #eb2f96;
53
+ @magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);
54
+ @magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);
55
+ @magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);
56
+ @magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);
57
+ @magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);
58
+ @magenta-6: @magenta-base;
59
+ @magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);
60
+ @magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);
61
+ @magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);
62
+ @magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);
63
+
64
+ // alias of magenta
65
+ @pink-base: #eb2f96;
66
+ @pink-1: color(~`colorPalette('@{pink-6}', 1) `);
67
+ @pink-2: color(~`colorPalette('@{pink-6}', 2) `);
68
+ @pink-3: color(~`colorPalette('@{pink-6}', 3) `);
69
+ @pink-4: color(~`colorPalette('@{pink-6}', 4) `);
70
+ @pink-5: color(~`colorPalette('@{pink-6}', 5) `);
71
+ @pink-6: @pink-base;
72
+ @pink-7: color(~`colorPalette('@{pink-6}', 7) `);
73
+ @pink-8: color(~`colorPalette('@{pink-6}', 8) `);
74
+ @pink-9: color(~`colorPalette('@{pink-6}', 9) `);
75
+ @pink-10: color(~`colorPalette('@{pink-6}', 10) `);
76
+
77
+ @red-base: #f5222d;
78
+ @red-1: color(~`colorPalette('@{red-6}', 1) `);
79
+ @red-2: color(~`colorPalette('@{red-6}', 2) `);
80
+ @red-3: color(~`colorPalette('@{red-6}', 3) `);
81
+ @red-4: color(~`colorPalette('@{red-6}', 4) `);
82
+ @red-5: color(~`colorPalette('@{red-6}', 5) `);
83
+ @red-6: @red-base;
84
+ @red-7: color(~`colorPalette('@{red-6}', 7) `);
85
+ @red-8: color(~`colorPalette('@{red-6}', 8) `);
86
+ @red-9: color(~`colorPalette('@{red-6}', 9) `);
87
+ @red-10: color(~`colorPalette('@{red-6}', 10) `);
88
+
89
+ @orange-base: #fa8c16;
90
+ @orange-1: color(~`colorPalette('@{orange-6}', 1) `);
91
+ @orange-2: color(~`colorPalette('@{orange-6}', 2) `);
92
+ @orange-3: color(~`colorPalette('@{orange-6}', 3) `);
93
+ @orange-4: color(~`colorPalette('@{orange-6}', 4) `);
94
+ @orange-5: color(~`colorPalette('@{orange-6}', 5) `);
95
+ @orange-6: @orange-base;
96
+ @orange-7: color(~`colorPalette('@{orange-6}', 7) `);
97
+ @orange-8: color(~`colorPalette('@{orange-6}', 8) `);
98
+ @orange-9: color(~`colorPalette('@{orange-6}', 9) `);
99
+ @orange-10: color(~`colorPalette('@{orange-6}', 10) `);
100
+
101
+ @yellow-base: #fadb14;
102
+ @yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);
103
+ @yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);
104
+ @yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);
105
+ @yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);
106
+ @yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);
107
+ @yellow-6: @yellow-base;
108
+ @yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);
109
+ @yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);
110
+ @yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);
111
+ @yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);
112
+
113
+ @volcano-base: #fa541c;
114
+ @volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);
115
+ @volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);
116
+ @volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);
117
+ @volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);
118
+ @volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);
119
+ @volcano-6: @volcano-base;
120
+ @volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);
121
+ @volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);
122
+ @volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);
123
+ @volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);
124
+
125
+ @geekblue-base: #2f54eb;
126
+ @geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);
127
+ @geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);
128
+ @geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);
129
+ @geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);
130
+ @geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);
131
+ @geekblue-6: @geekblue-base;
132
+ @geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);
133
+ @geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);
134
+ @geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);
135
+ @geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);
136
+
137
+ @lime-base: #a0d911;
138
+ @lime-1: color(~`colorPalette('@{lime-6}', 1) `);
139
+ @lime-2: color(~`colorPalette('@{lime-6}', 2) `);
140
+ @lime-3: color(~`colorPalette('@{lime-6}', 3) `);
141
+ @lime-4: color(~`colorPalette('@{lime-6}', 4) `);
142
+ @lime-5: color(~`colorPalette('@{lime-6}', 5) `);
143
+ @lime-6: @lime-base;
144
+ @lime-7: color(~`colorPalette('@{lime-6}', 7) `);
145
+ @lime-8: color(~`colorPalette('@{lime-6}', 8) `);
146
+ @lime-9: color(~`colorPalette('@{lime-6}', 9) `);
147
+ @lime-10: color(~`colorPalette('@{lime-6}', 10) `);
148
+
149
+ @gold-base: #faad14;
150
+ @gold-1: color(~`colorPalette('@{gold-6}', 1) `);
151
+ @gold-2: color(~`colorPalette('@{gold-6}', 2) `);
152
+ @gold-3: color(~`colorPalette('@{gold-6}', 3) `);
153
+ @gold-4: color(~`colorPalette('@{gold-6}', 4) `);
154
+ @gold-5: color(~`colorPalette('@{gold-6}', 5) `);
155
+ @gold-6: @gold-base;
156
+ @gold-7: color(~`colorPalette('@{gold-6}', 7) `);
157
+ @gold-8: color(~`colorPalette('@{gold-6}', 8) `);
158
+ @gold-9: color(~`colorPalette('@{gold-6}', 9) `);
159
+ @gold-10: color(~`colorPalette('@{gold-6}', 10) `);
160
+
161
+ @preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
162
+ purple;