inl-ui 0.1.20 → 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 (29) hide show
  1. package/README.md +49 -49
  2. package/dist/iconfont.js +69 -69
  3. package/dist/index.cjs +6 -8
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +6 -8
  6. package/dist/theme/index.js +70 -70
  7. package/dist/theme/scripts/dark-vars.js +21 -21
  8. package/dist/theme/scripts/default-vars.js +25 -25
  9. package/dist/theme/scripts/light-vars.js +22 -22
  10. package/dist/theme/style/color/bezierEasing.less +110 -110
  11. package/dist/theme/style/color/colorPalette.less +81 -81
  12. package/dist/theme/style/color/colors.less +162 -162
  13. package/dist/theme/style/color/tinyColor.less +1184 -1184
  14. package/dist/theme/style/compact.less +4 -4
  15. package/dist/theme/style/dark.less +4 -4
  16. package/dist/theme/style/default.less +4 -4
  17. package/dist/theme/style/index.less +2 -2
  18. package/dist/theme/style/index.tsx +2 -2
  19. package/dist/theme/style/themes/compact.less +295 -295
  20. package/dist/theme/style/themes/dark.less +790 -790
  21. package/dist/theme/style/themes/default.less +1067 -1067
  22. package/dist/theme/style/themes/index.less +7 -7
  23. package/dist/theme/style/themes/var-dark.less +343 -343
  24. package/dist/theme/style/themes/var-default.less +184 -184
  25. package/dist/theme/style/themes/variable.less +1122 -1122
  26. package/dist/theme/style/variable.less +4 -4
  27. package/dist/tplib/index.cjs +5 -7
  28. package/dist/tplib/index.js +5 -7
  29. package/package.json +1 -1
package/dist/theme/style/themes/var-default.less CHANGED
@@ -1,184 +1,184 @@
1
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
-
3
- @theme: default;
4
-
5
- // The prefix to use on all css classes from ant.
6
- @ant-prefix: ant;
7
-
8
- // An override for the html selector for theme prefixes
9
- @html-selector: html;
10
-
11
- // [CSS-VARIABLE-REPLACE-BEGIN: html-variables]
12
- // [CSS-VARIABLE-REPLACE-END: html-variables]
13
-
14
- // -------- Colors -----------
15
- @component-background: #fff;
16
-
17
- // >>> Primary
18
- @primary-color: #3e7eff;
19
-
20
- // >>> Info
21
- @info-color: @primary-color;
22
-
23
- // >>> Success
24
- @success-color: #22cc83;
25
-
26
- // >>> Warning
27
- @warning-color: #ff9214;
28
-
29
- // >>> Error
30
- @error-color: #ea5858;
31
-
32
- @text-color: #5d616b;
33
- @text-color-secondary: #8f959e;
34
-
35
- @shadow-2: 0px 1px 12px 0px rgba(55, 63, 77, 0.08);
36
-
37
- @heading-color: #333333;
38
- @layout-header-height: 33px;
39
- @btn-primary-shadow: none;
40
-
41
- @input-placeholder-color: #8f959e;
42
-
43
- // Border color
44
- @border-color-split: #f0f3f5; // split border inside a component
45
-
46
- // background color
47
- @background-color-light: rgba(
48
- 242,
49
- 243,
50
- 248,
51
- 1
52
- ); // background of header and selected item
53
-
54
- // Disabled states
55
- @disabled-color: rgba(143, 149, 158, 0.5);
56
-
57
- // menu
58
- @menu-inline-submenu-bg: @component-background;
59
-
60
- // table
61
- @table-padding-vertical: 10px;
62
- @table-padding-horizontal: 16px;
63
- @table-header-sort-active-bg: #c9cdd4;
64
- @table-fixed-header-sort-active-bg: #c9cdd4;
65
-
66
- // avatar
67
- @avatar-bg: @primary-color;
68
-
69
- // 图标头像
70
- .ant-avatar.ant-avatar-icon {
71
- background-color: #eff2f6;
72
- color: #8f959e;
73
- }
74
-
75
- // pagination
76
- @pagination-item-bg-active: @primary-color;
77
- .ant-table-pagination.ant-pagination {
78
- margin: 30px 0;
79
- }
80
-
81
- .ant-pagination-item-active,
82
- .ant-pagination-item-active:hover,
83
- .ant-pagination-item-active:focus-visible {
84
- a {
85
- color: #fff;
86
- }
87
- }
88
-
89
- // Alert
90
- // 成功
91
- .ant-alert-success {
92
- .ant-alert-message,
93
- .ant-alert-description,
94
- .ant-alert-close-text {
95
- color: @success-color;
96
- }
97
- }
98
-
99
- // 提示
100
- .ant-alert-info {
101
- .ant-alert-message,
102
- .ant-alert-description,
103
- .ant-alert-close-text {
104
- color: @info-color;
105
- }
106
- }
107
-
108
- // 警告
109
- .ant-alert-warning {
110
- .ant-alert-message,
111
- .ant-alert-description,
112
- .ant-alert-close-text {
113
- color: @warning-color;
114
- }
115
- }
116
-
117
- // 错误
118
- .ant-alert-error {
119
- .ant-alert-message,
120
- .ant-alert-description,
121
- .ant-alert-close-text {
122
- color: @error-color;
123
- }
124
- }
125
-
126
- // .ant-message {
127
- // &-success {
128
- // color: @success-color;
129
- // }
130
-
131
- // &-error {
132
- // color: @error-color;
133
- // }
134
-
135
- // &-warning {
136
- // color: @warning-color;
137
- // }
138
-
139
- // &-info,
140
- // &-loading {
141
- // color: @info-color;
142
- // }
143
- // }
144
-
145
- .ant-menu-submenu-popup {
146
- background: #fff !important;
147
- }
148
-
149
- // modal
150
- @modal-header-border-color-split: transparent;
151
- @modal-footer-border-color-split: transparent;
152
- @modal-footer-padding-vertical: 24px;
153
- @modal-footer-padding-horizontal: 24px;
154
- @modal-confirm-body-padding: 24px;
155
- .ant-modal {
156
- .ant-modal-header {
157
- padding-bottom: 0;
158
- }
159
- .ant-modal-footer {
160
- padding-top: 0;
161
- .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
162
- margin-left: 16px;
163
- }
164
- }
165
- }
166
-
167
- .ant-modal-confirm {
168
- .ant-modal-confirm-btns {
169
- .ant-btn + .ant-btn {
170
- margin-left: 16px;
171
- }
172
- }
173
- }
174
-
175
- .rc-virtual-list-scrollbar-thumb,
176
- .ant-select-tree-list-scrollbar-thumb {
177
- background: rgb(221, 221, 221) !important;
178
- }
179
-
180
- // Tag
181
- @tag-default-bg: #eff2f6;
182
- @border-color-base: #e0e4e8;
183
- @tag-default-color: #5d616b;
184
- @text-color-secondary: #333333;
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+
3
+ @theme: default;
4
+
5
+ // The prefix to use on all css classes from ant.
6
+ @ant-prefix: ant;
7
+
8
+ // An override for the html selector for theme prefixes
9
+ @html-selector: html;
10
+
11
+ // [CSS-VARIABLE-REPLACE-BEGIN: html-variables]
12
+ // [CSS-VARIABLE-REPLACE-END: html-variables]
13
+
14
+ // -------- Colors -----------
15
+ @component-background: #fff;
16
+
17
+ // >>> Primary
18
+ @primary-color: #3e7eff;
19
+
20
+ // >>> Info
21
+ @info-color: @primary-color;
22
+
23
+ // >>> Success
24
+ @success-color: #22cc83;
25
+
26
+ // >>> Warning
27
+ @warning-color: #ff9214;
28
+
29
+ // >>> Error
30
+ @error-color: #ea5858;
31
+
32
+ @text-color: #5d616b;
33
+ @text-color-secondary: #8f959e;
34
+
35
+ @shadow-2: 0px 1px 12px 0px rgba(55, 63, 77, 0.08);
36
+
37
+ @heading-color: #333333;
38
+ @layout-header-height: 33px;
39
+ @btn-primary-shadow: none;
40
+
41
+ @input-placeholder-color: #8f959e;
42
+
43
+ // Border color
44
+ @border-color-split: #f0f3f5; // split border inside a component
45
+
46
+ // background color
47
+ @background-color-light: rgba(
48
+ 242,
49
+ 243,
50
+ 248,
51
+ 1
52
+ ); // background of header and selected item
53
+
54
+ // Disabled states
55
+ @disabled-color: rgba(143, 149, 158, 0.5);
56
+
57
+ // menu
58
+ @menu-inline-submenu-bg: @component-background;
59
+
60
+ // table
61
+ @table-padding-vertical: 10px;
62
+ @table-padding-horizontal: 16px;
63
+ @table-header-sort-active-bg: #c9cdd4;
64
+ @table-fixed-header-sort-active-bg: #c9cdd4;
65
+
66
+ // avatar
67
+ @avatar-bg: @primary-color;
68
+
69
+ // 图标头像
70
+ .ant-avatar.ant-avatar-icon {
71
+ background-color: #eff2f6;
72
+ color: #8f959e;
73
+ }
74
+
75
+ // pagination
76
+ @pagination-item-bg-active: @primary-color;
77
+ .ant-table-pagination.ant-pagination {
78
+ margin: 30px 0;
79
+ }
80
+
81
+ .ant-pagination-item-active,
82
+ .ant-pagination-item-active:hover,
83
+ .ant-pagination-item-active:focus-visible {
84
+ a {
85
+ color: #fff;
86
+ }
87
+ }
88
+
89
+ // Alert
90
+ // 成功
91
+ .ant-alert-success {
92
+ .ant-alert-message,
93
+ .ant-alert-description,
94
+ .ant-alert-close-text {
95
+ color: @success-color;
96
+ }
97
+ }
98
+
99
+ // 提示
100
+ .ant-alert-info {
101
+ .ant-alert-message,
102
+ .ant-alert-description,
103
+ .ant-alert-close-text {
104
+ color: @info-color;
105
+ }
106
+ }
107
+
108
+ // 警告
109
+ .ant-alert-warning {
110
+ .ant-alert-message,
111
+ .ant-alert-description,
112
+ .ant-alert-close-text {
113
+ color: @warning-color;
114
+ }
115
+ }
116
+
117
+ // 错误
118
+ .ant-alert-error {
119
+ .ant-alert-message,
120
+ .ant-alert-description,
121
+ .ant-alert-close-text {
122
+ color: @error-color;
123
+ }
124
+ }
125
+
126
+ // .ant-message {
127
+ // &-success {
128
+ // color: @success-color;
129
+ // }
130
+
131
+ // &-error {
132
+ // color: @error-color;
133
+ // }
134
+
135
+ // &-warning {
136
+ // color: @warning-color;
137
+ // }
138
+
139
+ // &-info,
140
+ // &-loading {
141
+ // color: @info-color;
142
+ // }
143
+ // }
144
+
145
+ .ant-menu-submenu-popup {
146
+ background: #fff !important;
147
+ }
148
+
149
+ // modal
150
+ @modal-header-border-color-split: transparent;
151
+ @modal-footer-border-color-split: transparent;
152
+ @modal-footer-padding-vertical: 24px;
153
+ @modal-footer-padding-horizontal: 24px;
154
+ @modal-confirm-body-padding: 24px;
155
+ .ant-modal {
156
+ .ant-modal-header {
157
+ padding-bottom: 0;
158
+ }
159
+ .ant-modal-footer {
160
+ padding-top: 0;
161
+ .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
162
+ margin-left: 16px;
163
+ }
164
+ }
165
+ }
166
+
167
+ .ant-modal-confirm {
168
+ .ant-modal-confirm-btns {
169
+ .ant-btn + .ant-btn {
170
+ margin-left: 16px;
171
+ }
172
+ }
173
+ }
174
+
175
+ .rc-virtual-list-scrollbar-thumb,
176
+ .ant-select-tree-list-scrollbar-thumb {
177
+ background: rgb(221, 221, 221) !important;
178
+ }
179
+
180
+ // Tag
181
+ @tag-default-bg: #eff2f6;
182
+ @border-color-base: #e0e4e8;
183
+ @tag-default-color: #5d616b;
184
+ @text-color-secondary: #333333;