@aloudata/aloudata-design 1.0.4 → 1.0.6

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 (13) hide show
  1. package/dist/Checkbox/style/index.less +11 -3
  2. package/dist/DoubleCircleIcon/index.d.ts +1 -1
  3. package/dist/Dropdown/style/index.less +1 -1
  4. package/dist/Input/style/index.less +28 -0
  5. package/dist/InputNumber/index.js +3 -3
  6. package/dist/InputNumber/style/index.less +11 -11
  7. package/dist/Menu/index.js +1 -1
  8. package/dist/Menu/style/dropdown.less +5 -1
  9. package/dist/Popover/style/index.less +0 -4
  10. package/dist/Radio/components/Group/index.d.ts +1 -1
  11. package/dist/Switch/style/index.less +10 -2
  12. package/dist/style/mixins/index.less +4 -0
  13. package/package.json +2 -2
package/dist/Checkbox/style/index.less CHANGED
@@ -48,8 +48,9 @@
48
48
  z-index: 10;
49
49
  width: 10px;
50
50
  height: 8px;
51
- background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42NzU3MyAwLjI2Mjg1MkMxMC4wODI4IDAuNjM2MDQ0IDEwLjExMDQgMS4yNjg2MSA5LjczNzE2IDEuNjc1NzNMNC4yMzcxNiA3LjY3NTczQzQuMDQ3NzUgNy44ODIzNiAzLjc4MDMxIDguMDAwMDEgMy41MDAwMSA4LjAwMDAxQzMuMjE5NyA4LjAwMDAxIDIuOTUyMjYgNy44ODIzNiAyLjc2Mjg1IDcuNjc1NzNMMC4yNjI4NTIgNC45NDg0NkMtMC4xMTAzNDEgNC41NDEzNCAtMC4wODI4Mzc4IDMuOTA4NzcgMC4zMjQyODEgMy41MzU1OEMwLjczMTQgMy4xNjIzOSAxLjM2Mzk3IDMuMTg5ODkgMS43MzcxNiAzLjU5NzAxTDMuNTAwMDEgNS41MjAxMUw4LjI2Mjg1IDAuMzI0MjgxQzguNjM2MDQgLTAuMDgyODM3OCA5LjI2ODYxIC0wLjExMDM0MSA5LjY3NTczIDAuMjYyODUyWiIgZmlsbD0iIzE1NzBFRiIvPgo8L3N2Zz4K')
51
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgBrdTPDcIgFAZwHo3O0RF6MdGbjuAI3aCjuAGj6E3jyRGYQwPIR2rT1mfDH79Lyct7vxRIIPGHbLtr/aJKrZxpb6edRk2KwgB9kjw74fb4brp7Uwx/UL+s+1JtyakimEERbZw9YkEiI79Q6+zh0Z9xMhyDDjB3qyVogGfNeu2bODwFRST+dNQchoGUoAE2fvtoGtUmeA6KhDNu/LBkhmUlW2usSkUHeAGfJwqdwBF4NPoFL+BJKAszeDKKsG8FEGAk6JKDIm/pQrazK2zB6QAAAABJRU5ErkJggg==')
52
52
  no-repeat;
53
+ background-size: 100%, 100%;
53
54
  border-width: 0;
54
55
  transform: none;
55
56
  }
@@ -74,6 +75,7 @@
74
75
  width: 10px;
75
76
  height: 8px;
76
77
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42NzU3MyAwLjI2Mjg1MkMxMC4wODI4IDAuNjM2MDQ0IDEwLjExMDQgMS4yNjg2MSA5LjczNzE2IDEuNjc1NzNMNC4yMzcxNiA3LjY3NTczQzQuMDQ3NzUgNy44ODIzNiAzLjc4MDMxIDguMDAwMDEgMy41MDAwMSA4LjAwMDAxQzMuMjE5NyA4LjAwMDAxIDIuOTUyMjYgNy44ODIzNiAyLjc2Mjg1IDcuNjc1NzNMMC4yNjI4NTIgNC45NDg0NkMtMC4xMTAzNDEgNC41NDEzNCAtMC4wODI4Mzc4IDMuOTA4NzcgMC4zMjQyODEgMy41MzU1OEMwLjczMTQgMy4xNjIzOSAxLjM2Mzk3IDMuMTg5ODkgMS43MzcxNiAzLjU5NzAxTDMuNTAwMDEgNS41MjAxMUw4LjI2Mjg1IDAuMzI0MjgxQzguNjM2MDQgLTAuMDgyODM3OCA5LjI2ODYxIC0wLjExMDM0MSA5LjY3NTczIDAuMjYyODUyWiIgZmlsbD0iIzE1NzBFRiIvPgo8L3N2Zz4K');
78
+ background-size: 100%, 100%;
77
79
  border-width: 0;
78
80
  transform: none;
79
81
  }
@@ -88,7 +90,8 @@
88
90
  &::after {
89
91
  width: 10px;
90
92
  height: 2px;
91
- background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiByeD0iMSIgZmlsbD0iIzE1NzBFRiIvPgo8L3N2Zz4K');
93
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAYAAACOXx+WAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgBzcwxAQAACAIwNJLNjEkqKMHBAmzuKQQtwvpDAw6CAnPPhHsoAAAAAElFTkSuQmCC');
94
+ background-size: 100%, 100%;
92
95
  background-color: @ND0;
93
96
  border-radius: 2px;
94
97
  }
@@ -114,7 +117,9 @@
114
117
 
115
118
  .ant-checkbox:hover .ant-checkbox-inner {
116
119
  border-color: @B40;
117
- box-shadow: @shadow-primary;
120
+ // box-shadow: @shadow-primary;
121
+ box-shadow: none;
122
+ background-color: none;
118
123
  }
119
124
  }
120
125
 
@@ -122,6 +127,7 @@
122
127
  .ald-checkbox.ant-checkbox-disabled[class]
123
128
  .ant-checkbox-inner:hover {
124
129
  box-shadow: unset;
130
+ background-color: none;
125
131
  border-radius: 2px;
126
132
  }
127
133
 
@@ -129,6 +135,7 @@
129
135
  .ant-checkbox-disabled.ant-checkbox:hover
130
136
  .ant-checkbox-inner {
131
137
  box-shadow: unset;
138
+ background-color: none;
132
139
  border: 1px solid @BG60;
133
140
  }
134
141
 
@@ -140,6 +147,7 @@
140
147
 
141
148
  .ant-checkbox:hover .ant-checkbox-inner {
142
149
  border-color: @B40;
150
+ background-color: none;
143
151
  }
144
152
  }
145
153
 
package/dist/DoubleCircleIcon/index.d.ts CHANGED
@@ -5,6 +5,6 @@ declare const DoubleCircleIcon: (props: {
5
5
  size?: number | undefined;
6
6
  innerColor?: string | undefined;
7
7
  children: React.ReactNode;
8
- type?: "error" | "success" | "warning" | "info" | undefined;
8
+ type?: "warning" | "error" | "success" | "info" | undefined;
9
9
  }) => JSX.Element;
10
10
  export default DoubleCircleIcon;
package/dist/Dropdown/style/index.less CHANGED
@@ -73,6 +73,6 @@
73
73
  min-width: @Dropdown-menu-minWidth;
74
74
  margin: 0;
75
75
  padding: 4px;
76
- border-radius: 8px;
76
+ border-radius: 2px;
77
77
  }
78
78
  }
package/dist/Input/style/index.less CHANGED
@@ -68,6 +68,7 @@
68
68
  &:hover,
69
69
  &-focused {
70
70
  border-color: @input-active-border-color;
71
+ box-shadow: none;
71
72
  // box-shadow: @input-box-shadow-active;
72
73
  }
73
74
 
@@ -244,11 +245,13 @@
244
245
  }
245
246
 
246
247
  &.ant-input-group-compact>*:first-child{
248
+ border-radius: 0 !important;
247
249
  border-start-start-radius: @input-border-radius-large !important;
248
250
  border-end-start-radius: @input-border-radius-large !important;
249
251
  }
250
252
 
251
253
  &.ant-input-group-compact>*:last-child{
254
+ border-radius: 0 !important;
252
255
  border-inline-end-width: 1px;
253
256
  border-start-end-radius: @input-border-radius-large !important;
254
257
  border-end-end-radius: @input-border-radius-large !important;
@@ -278,11 +281,13 @@
278
281
  }
279
282
 
280
283
  &.ant-input-group-compact>*:first-child{
284
+ border-radius: 0 !important;
281
285
  border-start-start-radius: @input-border-radius-middle !important;
282
286
  border-end-start-radius: @input-border-radius-middle !important;
283
287
  }
284
288
 
285
289
  &.ant-input-group-compact>*:last-child{
290
+ border-radius: 0 !important;
286
291
  border-inline-end-width: 1px;
287
292
  border-start-end-radius: @input-border-radius-middle !important;
288
293
  border-end-end-radius: @input-border-radius-middle !important;
@@ -312,11 +317,13 @@
312
317
  }
313
318
 
314
319
  &.ant-input-group-compact>*:first-child{
320
+ border-radius: 0 !important;
315
321
  border-start-start-radius: @input-border-radius-small !important;
316
322
  border-end-start-radius: @input-border-radius-small !important;
317
323
  }
318
324
 
319
325
  &.ant-input-group-compact>*:last-child{
326
+ border-radius: 0 !important;
320
327
  border-inline-end-width: 1px;
321
328
  border-start-end-radius: @input-border-radius-small !important;
322
329
  border-end-end-radius: @input-border-radius-small !important;
@@ -510,3 +517,24 @@ textarea.ald-input-textarea,
510
517
  }
511
518
  }
512
519
  }
520
+
521
+ .ant-input-group.ant-input-group-compact{
522
+ &> {
523
+ .ald-select,.ald-input,.ant-input,.ant-input-number{
524
+ &:hover{
525
+ position: relative;
526
+ z-index: 2;
527
+ }
528
+ }
529
+ }
530
+
531
+ &>.ald-select.ald-select-open{
532
+ position: relative;
533
+ z-index: 1;
534
+ }
535
+
536
+ .ant-input-number.ant-input-number-focused{
537
+ position: relative;
538
+ z-index: 1;
539
+ }
540
+ }
package/dist/InputNumber/index.js CHANGED
@@ -20,9 +20,9 @@ export default function InputNumber(props) {
20
20
  var getClassName = function getClassName() {
21
21
  var _classnames;
22
22
 
23
- return classnames(className, 'ald-inputNumber', (_classnames = {
24
- 'ald-inputNumber-disabled': disabled
25
- }, _defineProperty(_classnames, "ald-inputNumber-large", size === 'large'), _defineProperty(_classnames, "ald-inputNumber-small", size === 'small'), _defineProperty(_classnames, "ald-inputNumber-middle", size !== 'large' && size !== 'small'), _classnames));
23
+ return classnames(className, 'ald-input-number', (_classnames = {
24
+ 'ald-input-number-disabled': disabled
25
+ }, _defineProperty(_classnames, "ald-input-number-large", size === 'large'), _defineProperty(_classnames, "ald-input-number-small", size === 'small'), _defineProperty(_classnames, "ald-input-number-middle", size !== 'large' && size !== 'small'), _classnames));
26
26
  };
27
27
 
28
28
  return /*#__PURE__*/React.createElement(AntInputNumber, _extends({}, rest, {
package/dist/InputNumber/style/index.less CHANGED
@@ -38,7 +38,7 @@
38
38
  @inputNumber-addon-border-color: @BG60;
39
39
  @inputNumber-addon-disable-color: @NL40;
40
40
 
41
- .ald-inputNumber {
41
+ .ald-input-number {
42
42
  &.ant-input-number {
43
43
  height: @inputNumber-height-middle;
44
44
  // overflow: hidden;
@@ -99,7 +99,7 @@
99
99
  }
100
100
  }
101
101
 
102
- &.ald-inputNumber-large {
102
+ &.ald-input-number-large {
103
103
  height: @inputNumber-height-large;
104
104
  font-size: @inputNumber-font-size-large;
105
105
  border-radius: @inputNumber-border-radius-large ;
@@ -113,7 +113,7 @@
113
113
  }
114
114
  }
115
115
 
116
- &.ald-inputNumber-middle {
116
+ &.ald-input-number-middle {
117
117
  height: @inputNumber-height-middle;
118
118
  font-size: @inputNumber-font-size-middle;
119
119
  border-radius: @inputNumber-border-radius-middle ;
@@ -127,7 +127,7 @@
127
127
  }
128
128
  }
129
129
 
130
- &.ald-inputNumber-small {
130
+ &.ald-input-number-small {
131
131
  height: @inputNumber-height-small;
132
132
  font-size: @inputNumber-font-size-small;
133
133
  border-radius: @inputNumber-border-radius-small;
@@ -154,11 +154,11 @@
154
154
  }
155
155
  }
156
156
 
157
- &:hover:not(.ald-inputNumber-disabled),
157
+ &:hover:not(.ald-input-number-disabled),
158
158
  &-focused {
159
159
  background-color: @inputNumber-active-bg-color;
160
160
  border-color: @inputNumber-active-border-color;
161
- box-shadow: @shadow-primary;
161
+ box-shadow:none;
162
162
  }
163
163
  }
164
164
 
@@ -170,7 +170,7 @@
170
170
  border-color: @inputNumber-border-color;
171
171
  box-shadow: none;
172
172
 
173
- &.ald-inputNumber-large {
173
+ &.ald-input-number-large {
174
174
  font-size: @inputNumber-font-size-large;
175
175
  border-radius: @inputNumber-border-radius-large;
176
176
 
@@ -192,7 +192,7 @@
192
192
  }
193
193
  }
194
194
 
195
- &.ald-inputNumber-middle {
195
+ &.ald-input-number-middle {
196
196
  font-size: @inputNumber-font-size-middle;
197
197
  border-radius: @inputNumber-border-radius-middle;
198
198
 
@@ -210,7 +210,7 @@
210
210
  }
211
211
  }
212
212
 
213
- &.ald-inputNumber-small {
213
+ &.ald-input-number-small {
214
214
  font-size: @inputNumber-font-size-small;
215
215
  border-radius: @inputNumber-border-radius-small;
216
216
 
@@ -252,7 +252,7 @@
252
252
  }
253
253
  }
254
254
 
255
- .ald-inputNumber {
255
+ .ald-input-number {
256
256
  position: relative;
257
257
  z-index: 2;
258
258
  margin: 0;
@@ -260,7 +260,7 @@
260
260
  }
261
261
  }
262
262
 
263
- &.ald-inputNumber-disabled {
263
+ &.ald-input-number-disabled {
264
264
  .ant-input-number-wrapper .ant-input-number-group-addon {
265
265
  color: @inputNumber-addon-disable-color;
266
266
  }
package/dist/Menu/index.js CHANGED
@@ -58,7 +58,7 @@ export default function Menu(props) {
58
58
  size: 16
59
59
  })
60
60
  }, otherProps, {
61
- items: addPopupOffset(items) || [],
61
+ items: addPopupOffset(items),
62
62
  theme: "light"
63
63
  }));
64
64
  }
package/dist/Menu/style/dropdown.less CHANGED
@@ -3,7 +3,7 @@
3
3
  .dropdown-menu-content {
4
4
  background: @BG100;
5
5
  border: 1px solid @BG70;
6
- border-radius: 4px;
6
+ border-radius: 2px;
7
7
  box-shadow: @shadow-L;
8
8
  padding: 4px 0;
9
9
 
@@ -44,6 +44,10 @@
44
44
  .ant-dropdown-menu-sub {
45
45
  .dropdown-menu-content();
46
46
  }
47
+
48
+ &.ant-dropdown-menu-submenu-popup {
49
+ min-width: 168px;
50
+ }
47
51
  }
48
52
 
49
53
  .ant-dropdown-menu-submenu-expand-icon {
package/dist/Popover/style/index.less CHANGED
@@ -1,10 +1,6 @@
1
1
  @import '../../style/index.less';
2
2
 
3
3
  .ald-popover {
4
- .ant-popover-arrow {
5
- display: none;
6
- }
7
-
8
4
  .ant-popover-title {
9
5
  min-width: 312px;
10
6
  height: 24px;
package/dist/Radio/components/Group/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IRadioGroupProps } from '../../interface/radioGroup';
3
- export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "className" | "children"> & {
3
+ export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "children" | "className"> & {
4
4
  sliderRef?: React.RefObject<HTMLDivElement> | undefined;
5
5
  }>;
6
6
  export default function RadioGroup(props: IRadioGroupProps): JSX.Element;
package/dist/Switch/style/index.less CHANGED
@@ -15,11 +15,15 @@
15
15
  font-size: 0;
16
16
 
17
17
  .ald-switch-btn {
18
- background: @NL90;
18
+ background: @BG60;
19
19
 
20
20
  &:focus {
21
21
  box-shadow: none;
22
22
  }
23
+
24
+ &:hover {
25
+ background: @BG60;
26
+ }
23
27
  }
24
28
 
25
29
  .ald-switch-text {
@@ -32,7 +36,11 @@
32
36
 
33
37
  &.ald-switch-checked {
34
38
  .ald-switch-btn {
35
- background-color: @B60;
39
+ background-color: @B40;
40
+
41
+ &:hover{
42
+ background-color: @B40;
43
+ }
36
44
  }
37
45
  }
38
46
 
package/dist/style/mixins/index.less CHANGED
@@ -6,3 +6,7 @@
6
6
  font-style: @font-style;
7
7
  line-height: @line-height;
8
8
  }
9
+
10
+ * :focus-visible{
11
+ outline: none;
12
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aloudata/aloudata-design",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "",
5
5
  "license": "MIT",
6
6
  "module": "dist/index.js",
@@ -51,7 +51,7 @@
51
51
  ]
52
52
  },
53
53
  "dependencies": {
54
- "@aloudata/icons-react": "^0.1.12",
54
+ "@aloudata/icons-react": "^0.2.0",
55
55
  "@aloudata/icons-svg": "0.1.7",
56
56
  "antd": "^5.3.1",
57
57
  "compare-func": "^2.0.0",