@aloudata/aloudata-design 2.19.0-beta.5 → 2.19.0

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.
@@ -1,137 +0,0 @@
1
- .select-color(@borderColor, @bgColor,@textColor) {
2
- border-color: @borderColor;
3
- background-color: @bgColor;
4
- color: @textColor;
5
-
6
- .ant-select-selection-placeholder {
7
- color: var(--alias-colors-text-subtlest);
8
- }
9
-
10
- .ant-select-selection-item {
11
- color: @textColor;
12
- }
13
- }
14
-
15
- .ald-select.ald-select-primary {
16
- .select-color(var(--alias-colors-border-accent-gray-default),var(--background-neutral-on-subtle),var(--alias-colors-text-default));
17
-
18
- &.ald-select-multiple .ant-select {
19
- .ant-select-selector {
20
- color: var(--alias-colors-text-selected);
21
-
22
- .ant-select-selection-overflow-item-rest {
23
- .ant-select-selection-item-content {
24
- background: var(--action-primary-subtle-hover);
25
- color: var(--alias-colors-text-information);
26
- }
27
- }
28
- }
29
- }
30
-
31
- &.ald-select-fitted {
32
- .select-color(var(--alias-colors-border-accent-gray-default),var(--background-neutral-on-subtle),var(--alias-colors-text-default));
33
- }
34
-
35
- &:hover {
36
- .select-color(var(--alias-colors-border-accent-gray-strong), var(--background-neutral-on-subtle),var(--alias-colors-text-default));
37
- }
38
-
39
- &.ald-select-focused {
40
- .select-color(var(--alias-colors-border-selected), var(--background-neutral-on-subtle),var(--alias-colors-text-default));
41
- }
42
-
43
- &:active {
44
- .select-color(var(--alias-colors-border-accent-gray-default),var(--background-neutral-muted),var(--alias-colors-text-default));
45
- }
46
-
47
- &.ald-select-disabled {
48
- .select-color(var(--interaction-border-neutral-normal),var(--global-cool-gray-alpha-50),var(--alias-colors-text-default));
49
-
50
- cursor: default;
51
-
52
- .ant-select {
53
- cursor: default;
54
-
55
- .ant-select-selector {
56
- cursor: default;
57
- }
58
-
59
- .ant-select-selection-search input {
60
- cursor: default;
61
- }
62
-
63
- .ant-select-arrow {
64
- .ald-select-suffix-icon {
65
- color: var(--alias-colors-icon-disabled);
66
- }
67
- }
68
- }
69
- }
70
-
71
- &.ald-select-status-error {
72
- .select-color(var(--alias-colors-border-danger),var(--background-neutral-on-subtle),var(--alias-colors-text-default));
73
- }
74
- }
75
-
76
- .ald-select {
77
- &.ald-select-secondary {
78
- .select-color(var(--alias-colors-border-accent-gray-default),var(--alias-colors-bg-skeleton-subtler),var(--alias-colors-text-default));
79
-
80
- &.ald-select-multiple .ant-select {
81
- .ant-select-selector {
82
- .ant-select-selection-overflow-item-rest {
83
- .ant-select-selection-item-content {
84
- background: transparent;
85
- color: var(--alias-colors-text-subtle);
86
- font-weight: 500;
87
- line-height: 16px;
88
- }
89
- }
90
- }
91
- }
92
-
93
- &.ald-select-fitted {
94
- .select-color(var(--alias-colors-border-accent-gray-default),var(--alias-colors-bg-skeleton-subtler),var(--alias-colors-text-default));
95
- }
96
-
97
- &:hover {
98
- .select-color(var(--alias-colors-border-accent-gray-strong),var(--alias-colors-bg-skeleton-subtler),var(--alias-colors-text-default));
99
- }
100
-
101
- &.ald-select-focused {
102
- .select-color(var(--alias-colors-border-selected),var(--alias-colors-bg-skeleton-subtler),var(--alias-colors-text-default));
103
- }
104
-
105
- &:active {
106
- .select-color(var(--alias-colors-border-accent-gray-default),var(--alias-colors-bg-skeleton-subtler),var(--alias-colors-text-default));
107
- }
108
-
109
- &.ald-select-disabled {
110
- .select-color(var(--alias-colors-border-disabled),var(--alias-colors-bg-transp),var(--alias-colors-text-default));
111
-
112
- cursor: default;
113
-
114
- .ant-select {
115
- cursor: default;
116
-
117
- .ant-select-selector {
118
- cursor: default;
119
- }
120
-
121
- .ant-select-selection-search input {
122
- cursor: default;
123
- }
124
-
125
- .ant-select-arrow {
126
- .ald-select-suffix-icon {
127
- color: var(--alias-colors-icon-disabled);
128
- }
129
- }
130
- }
131
- }
132
- }
133
-
134
- &.ald-select-status-error {
135
- .select-color(var(--alias-colors-border-danger),var(--background-neutral-on-subtle),var(--alias-colors-text-default));
136
- }
137
- }
@@ -1,31 +0,0 @@
1
- @import '../../style/index.less';
2
- @import './option.less';
3
- // large size
4
- @select-height-large: 36px;
5
- @select-border-radius-large: 8px;
6
- @select-font-size-large: 16px;
7
- @select-line-height-large: 24px;
8
- @select-padding-horizontal-large: var(--alias-padding-150-minus-1);
9
- @selector-height-large: 34px;
10
- @selector-gap-large: 8px;
11
- @select-icon-use-width-large: 24px; //16+8
12
-
13
- // medium size
14
- @select-height-middle: 32px;
15
- @select-border-radius-middle: 6px;
16
- @select-font-size-middle: 14px;
17
- @select-line-height-middle: 20px;
18
- @select-padding-horizontal-middle: var(--alias-padding-150-minus-1);
19
- @selector-height-middle: 30px;
20
- @selector-gap-middle: 6px;
21
- @select-icon-use-width-middle: 22px; //16+6
22
-
23
- // small size
24
- @select-height-small: 28px;
25
- @select-border-radius-small: 4px;
26
- @select-font-size-small: 12px;
27
- @select-line-height-small: 16px;
28
- @select-padding-horizontal-small: var(--alias-padding-150-minus-1);
29
- @selector-height-small: 26px;
30
- @selector-gap-small: 4px;
31
- @select-icon-use-width-small: 20px; //16+4