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/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;