@acorex/styles 7.17.14 → 7.17.16

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.
@@ -0,0 +1,60 @@
1
+ .ax-icon {
2
+ -moz-osx-font-smoothing: grayscale;
3
+ -webkit-font-smoothing: antialiased;
4
+ display: inline-flex !important;
5
+ font-style: normal;
6
+ font-variant: normal;
7
+ line-height: 1;
8
+ text-rendering: auto;
9
+ font-family: 'Font Awesome 6 Pro';
10
+ width: 24px;
11
+ height: 24px;
12
+ align-items: center;
13
+ justify-content: center;
14
+ font-weight: var(--ax-icon-weight, 400);
15
+ font-size: var(--ax-icon-size, 100%);
16
+ }
17
+
18
+ $ax-icon-more-horizontal: '\f141';
19
+
20
+ $ax-icon-arrow-long-up: '\f176';
21
+ $ax-icon-arrow-long-down: '\f175';
22
+
23
+ $ax-icon-done-bold: '\f00c';
24
+ $ax-icon-color-palette: '\f53f';
25
+
26
+ $ax-icon-arrow-left: '\f0d9';
27
+ $ax-icon-arrow-down: '\f0d7';
28
+ $ax-icon-arrow-up: '\f0d8';
29
+ $ax-icon-arrow-right: '\f0da';
30
+
31
+ $ax-icon-chevron-left: '\f053';
32
+ $ax-icon-chevron-down: '\f078';
33
+ $ax-icon-chevron-up: '\f077';
34
+ $ax-icon-chevron-right: '\f054';
35
+
36
+ $ax-icon-first-page: '\f33e';
37
+ $ax-icon-last-page: '\f340';
38
+
39
+ $ax-icon-done: '\f00c';
40
+ $ax-icon-calendar: '\f133';
41
+
42
+ $ax-icon-info: '\f05a';
43
+
44
+ $ax-icon-error: '\f06a';
45
+
46
+ $ax-icon-warning: '\f071';
47
+
48
+ $ax-icon-check-circle: '\f058';
49
+
50
+ $ax-icon-close: '\f00d';
51
+ $ax-icon-clear: '\f057';
52
+ $ax-icon-visibility-off: '\f070';
53
+ $ax-icon-visibility: '\f06e';
54
+ $ax-icon-unfold-more: '\e60d';
55
+ $ax-icon-download: '\e094';
56
+ $ax-icon-upload: '\e09a';
57
+ $ax-icon-search: '\f002';
58
+ $ax-icon-copy: '\f0c5';
59
+ $ax-icon-refresh: '\f021';
60
+ $ax-icon-inbox: '\f01c';
@@ -0,0 +1,168 @@
1
+ .ax-icon-regular {
2
+ --ax-icon-weight: 400;
3
+ }
4
+ .ax-icon-light {
5
+ --ax-icon-weight: 300;
6
+ }
7
+ .ax-icon-thin {
8
+ --ax-icon-weight: 100;
9
+ }
10
+ .ax-icon-solid {
11
+ --ax-icon-weight: 900;
12
+ }
13
+
14
+ .ax-icon-more-horizontal {
15
+ &:before {
16
+ content: $ax-icon-more-horizontal;
17
+ }
18
+ }
19
+
20
+ .ax-icon-arrow-long-up {
21
+ &:before {
22
+ content: $ax-icon-arrow-long-up;
23
+ }
24
+ }
25
+
26
+ .ax-icon-arrow-long-down {
27
+ &:before {
28
+ content: $ax-icon-arrow-long-down;
29
+ }
30
+ }
31
+
32
+ .ax-icon-color-palette {
33
+ &:before {
34
+ content: $ax-icon-color-palette;
35
+ }
36
+ }
37
+ .ax-icon-arrow-down {
38
+ &:before {
39
+ content: $ax-icon-arrow-down;
40
+ }
41
+ }
42
+ .ax-icon-arrow-up {
43
+ &:before {
44
+ content: $ax-icon-arrow-up;
45
+ }
46
+ }
47
+ .ax-icon-arrow-right {
48
+ &:before {
49
+ content: $ax-icon-arrow-right;
50
+ }
51
+ }
52
+ .ax-icon-chevron-left {
53
+ &:before {
54
+ content: $ax-icon-chevron-left;
55
+ }
56
+ }
57
+ .ax-icon-chevron-down {
58
+ &:before {
59
+ content: $ax-icon-chevron-down;
60
+ }
61
+ }
62
+
63
+ .ax-icon-chevron-up {
64
+ &:before {
65
+ content: $ax-icon-chevron-up;
66
+ }
67
+ }
68
+ .ax-icon-chevron-right {
69
+ &:before {
70
+ content: $ax-icon-chevron-right;
71
+ }
72
+ }
73
+ .ax-icon-first-page {
74
+ &:before {
75
+ content: $ax-icon-first-page;
76
+ }
77
+ }
78
+ .ax-icon-last-page {
79
+ &:before {
80
+ content: $ax-icon-last-page;
81
+ }
82
+ }
83
+
84
+ .ax-icon-done {
85
+ &:before {
86
+ content: $ax-icon-done;
87
+ }
88
+ }
89
+ .ax-icon-calendar {
90
+ &:before {
91
+ content: $ax-icon-calendar;
92
+ }
93
+ }
94
+
95
+ .ax-icon-error {
96
+ &:before {
97
+ content: $ax-icon-error;
98
+ }
99
+ }
100
+ .ax-icon-info {
101
+ &:before {
102
+ content: $ax-icon-info;
103
+ }
104
+ }
105
+ .ax-icon-warning {
106
+ &:before {
107
+ content: $ax-icon-warning;
108
+ }
109
+ }
110
+
111
+ .ax-icon-check-circle {
112
+ &:before {
113
+ content: $ax-icon-check-circle;
114
+ }
115
+ }
116
+
117
+ .ax-icon-close {
118
+ &:before {
119
+ content: $ax-icon-close;
120
+ }
121
+ }
122
+ .ax-icon-clear {
123
+ &:before {
124
+ content: $ax-icon-clear;
125
+ }
126
+ }
127
+ .ax-icon-visibility-off {
128
+ &:before {
129
+ content: $ax-icon-visibility-off;
130
+ }
131
+ }
132
+ .ax-icon-visibility {
133
+ &:before {
134
+ content: $ax-icon-visibility;
135
+ }
136
+ }
137
+ .ax-icon-unfold-more {
138
+ &:before {
139
+ content: $ax-icon-unfold-more;
140
+ }
141
+ }
142
+
143
+ .ax-icon-upload {
144
+ &:before {
145
+ content: $ax-icon-upload;
146
+ }
147
+ }
148
+
149
+ .ax-icon-search {
150
+ &:before {
151
+ content: $ax-icon-search;
152
+ }
153
+ }
154
+ .ax-icon-copy {
155
+ &:before {
156
+ content: $ax-icon-copy;
157
+ }
158
+ }
159
+ .ax-icon-refresh {
160
+ &:before {
161
+ content: $ax-icon-refresh;
162
+ }
163
+ }
164
+ .ax-icon-inbox {
165
+ &:before {
166
+ content: $ax-icon-inbox;
167
+ }
168
+ }
@@ -0,0 +1,65 @@
1
+ .ax-icon {
2
+ font-family: 'Material Icons';
3
+ font-weight: normal;
4
+ font-style: normal;
5
+ font-size: 24px; /* Preferred icon size */
6
+ display: inline-block;
7
+ line-height: 1;
8
+ text-transform: none;
9
+ letter-spacing: normal;
10
+ word-wrap: normal;
11
+ white-space: nowrap;
12
+ direction: ltr;
13
+
14
+ /* Support for all WebKit browsers. */
15
+ -webkit-font-smoothing: antialiased;
16
+ /* Support for Safari and Chrome. */
17
+ text-rendering: optimizeLegibility;
18
+
19
+ /* Support for Firefox. */
20
+ -moz-osx-font-smoothing: grayscale;
21
+
22
+ /* Support for IE. */
23
+ font-feature-settings: 'liga';
24
+ }
25
+
26
+ $ax-icon-more-horizontal: '\e5d3';
27
+
28
+ $ax-icon-arrow-long-up: '\e986';
29
+ $ax-icon-arrow-long-down: '\e984';
30
+
31
+ $ax-icon-color-palette: '\e40a';
32
+
33
+ $ax-icon-arrow-down: '\e5c5';
34
+ $ax-icon-arrow-up: '\e5c7';
35
+ $ax-icon-arrow-right: '\e5df';
36
+
37
+ $ax-icon-chevron-left: '\e5cb';
38
+ $ax-icon-chevron-down: '\e5cf';
39
+ $ax-icon-chevron-up: '\e5ce';
40
+ $ax-icon-chevron-right: '\e5cc';
41
+
42
+ $ax-icon-first-page: '\e5dc';
43
+ $ax-icon-last-page: '\e5dd';
44
+
45
+ $ax-icon-done: '\e876';
46
+ $ax-icon-calendar: '\e935';
47
+
48
+ $ax-icon-info: '\e88e';
49
+
50
+ $ax-icon-error: '\e000';
51
+
52
+ $ax-icon-warning: '\e002';
53
+
54
+ $ax-icon-check-circle: '\e86c';
55
+
56
+ $ax-icon-close: '\e5cd';
57
+ $ax-icon-clear: '\e5c9';
58
+ $ax-icon-visibility-off: '\e8f5';
59
+ $ax-icon-visibility: '\e8f4';
60
+ $ax-icon-unfold-more: '\e5d7';
61
+ $ax-icon-upload: '\f090';
62
+ $ax-icon-search: '\e8b6';
63
+ $ax-icon-copy: '\e173';
64
+ $ax-icon-refresh: '\e863';
65
+ $ax-icon-inbox: '\e156';
package/index.css CHANGED
@@ -486,7 +486,7 @@ body {
486
486
  color: rgba(var(--ax-color-primary-fore));
487
487
  }
488
488
  .ax-el-ghost-outline .ax-ripple {
489
- background-color: rgba(var(--ax-color-primary-500), 0.3);
489
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
490
490
  }
491
491
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
492
492
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -617,7 +617,7 @@ body {
617
617
  color: rgba(var(--ax-color-primary-fore));
618
618
  }
619
619
  .ax-el-ghost-outline .ax-ripple {
620
- background-color: rgba(var(--ax-color-primary-500), 0.3);
620
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
621
621
  }
622
622
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
623
623
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -754,7 +754,7 @@ body {
754
754
  color: rgba(var(--ax-color-primary-fore));
755
755
  }
756
756
  .ax-el-ghost-outline .ax-ripple {
757
- background-color: rgba(var(--ax-color-primary-500), 0.3);
757
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
758
758
  }
759
759
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
760
760
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -885,7 +885,7 @@ body {
885
885
  color: rgba(var(--ax-color-primary-fore));
886
886
  }
887
887
  .ax-el-ghost-outline .ax-ripple {
888
- background-color: rgba(var(--ax-color-primary-500), 0.3);
888
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
889
889
  }
890
890
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
891
891
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1016,7 +1016,7 @@ body {
1016
1016
  color: rgba(var(--ax-color-primary-fore));
1017
1017
  }
1018
1018
  .ax-el-ghost-outline .ax-ripple {
1019
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1019
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1020
1020
  }
1021
1021
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1022
1022
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1147,7 +1147,7 @@ body {
1147
1147
  color: rgba(var(--ax-color-primary-fore));
1148
1148
  }
1149
1149
  .ax-el-ghost-outline .ax-ripple {
1150
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1150
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1151
1151
  }
1152
1152
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1153
1153
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1284,7 +1284,7 @@ body {
1284
1284
  color: rgba(var(--ax-color-primary-fore));
1285
1285
  }
1286
1286
  .ax-el-ghost-outline .ax-ripple {
1287
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1287
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1288
1288
  }
1289
1289
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1290
1290
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1415,7 +1415,7 @@ body {
1415
1415
  color: rgba(var(--ax-color-primary-fore));
1416
1416
  }
1417
1417
  .ax-el-ghost-outline .ax-ripple {
1418
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1418
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1419
1419
  }
1420
1420
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1421
1421
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1546,7 +1546,7 @@ body {
1546
1546
  color: rgba(var(--ax-color-primary-fore));
1547
1547
  }
1548
1548
  .ax-el-ghost-outline .ax-ripple {
1549
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1549
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1550
1550
  }
1551
1551
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1552
1552
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1677,7 +1677,7 @@ body {
1677
1677
  color: rgba(var(--ax-color-primary-fore));
1678
1678
  }
1679
1679
  .ax-el-ghost-outline .ax-ripple {
1680
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1680
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1681
1681
  }
1682
1682
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1683
1683
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1814,7 +1814,7 @@ body {
1814
1814
  color: rgba(var(--ax-color-primary-fore));
1815
1815
  }
1816
1816
  .ax-el-ghost-outline .ax-ripple {
1817
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1817
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1818
1818
  }
1819
1819
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1820
1820
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1945,7 +1945,7 @@ body {
1945
1945
  color: rgba(var(--ax-color-primary-fore));
1946
1946
  }
1947
1947
  .ax-el-ghost-outline .ax-ripple {
1948
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1948
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1949
1949
  }
1950
1950
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1951
1951
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2076,7 +2076,7 @@ body {
2076
2076
  color: rgba(var(--ax-color-primary-fore));
2077
2077
  }
2078
2078
  .ax-el-ghost-outline .ax-ripple {
2079
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2079
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2080
2080
  }
2081
2081
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2082
2082
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2207,7 +2207,7 @@ body {
2207
2207
  color: rgba(var(--ax-color-primary-fore));
2208
2208
  }
2209
2209
  .ax-el-ghost-outline .ax-ripple {
2210
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2210
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2211
2211
  }
2212
2212
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2213
2213
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2344,7 +2344,7 @@ body {
2344
2344
  color: rgba(var(--ax-color-primary-fore));
2345
2345
  }
2346
2346
  .ax-el-ghost-outline .ax-ripple {
2347
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2347
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2348
2348
  }
2349
2349
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2350
2350
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2475,7 +2475,7 @@ body {
2475
2475
  color: rgba(var(--ax-color-primary-fore));
2476
2476
  }
2477
2477
  .ax-el-ghost-outline .ax-ripple {
2478
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2478
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2479
2479
  }
2480
2480
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2481
2481
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2606,7 +2606,7 @@ body {
2606
2606
  color: rgba(var(--ax-color-primary-fore));
2607
2607
  }
2608
2608
  .ax-el-ghost-outline .ax-ripple {
2609
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2609
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2610
2610
  }
2611
2611
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2612
2612
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2737,7 +2737,7 @@ body {
2737
2737
  color: rgba(var(--ax-color-primary-fore));
2738
2738
  }
2739
2739
  .ax-el-ghost-outline .ax-ripple {
2740
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2740
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2741
2741
  }
2742
2742
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2743
2743
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2874,7 +2874,7 @@ body {
2874
2874
  color: rgba(var(--ax-color-primary-fore));
2875
2875
  }
2876
2876
  .ax-el-ghost-outline .ax-ripple {
2877
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2877
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2878
2878
  }
2879
2879
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2880
2880
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -3005,7 +3005,7 @@ body {
3005
3005
  color: rgba(var(--ax-color-primary-fore));
3006
3006
  }
3007
3007
  .ax-el-ghost-outline .ax-ripple {
3008
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3008
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
3009
3009
  }
3010
3010
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
3011
3011
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -3136,7 +3136,7 @@ body {
3136
3136
  color: rgba(var(--ax-color-primary-fore));
3137
3137
  }
3138
3138
  .ax-el-ghost-outline .ax-ripple {
3139
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3139
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
3140
3140
  }
3141
3141
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
3142
3142
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -3267,7 +3267,7 @@ body {
3267
3267
  color: rgba(var(--ax-color-primary-fore));
3268
3268
  }
3269
3269
  .ax-el-ghost-outline .ax-ripple {
3270
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3270
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
3271
3271
  }
3272
3272
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
3273
3273
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -3404,7 +3404,7 @@ body {
3404
3404
  color: rgba(var(--ax-color-primary-fore));
3405
3405
  }
3406
3406
  .ax-el-ghost-outline .ax-ripple {
3407
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3407
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
3408
3408
  }
3409
3409
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
3410
3410
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -3535,7 +3535,7 @@ body {
3535
3535
  color: rgba(var(--ax-color-primary-fore));
3536
3536
  }
3537
3537
  .ax-el-ghost-outline .ax-ripple {
3538
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3538
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
3539
3539
  }
3540
3540
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
3541
3541
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -4471,16 +4471,10 @@ body {
4471
4471
  .ax-general-button.ax-button-icon {
4472
4472
  padding-left: 0.5rem;
4473
4473
  padding-right: 0.5rem;
4474
- font-size: 1.125rem;
4475
- line-height: 1.75rem;
4476
4474
  }
4477
4475
  .ax-general-button.ax-button-icon > button {
4478
4476
  display: flex;
4479
4477
  }
4480
- .ax-general-button.ax-button-icon ax-icon {
4481
- font-size: 1.125rem;
4482
- line-height: 1.75rem;
4483
- }
4484
4478
  .ax-general-button.ax-button-rounded {
4485
4479
  border-radius: var(--ax-rounded-border-default);
4486
4480
  }
@@ -4494,8 +4488,8 @@ body {
4494
4488
  height: var(--ax-size-default);
4495
4489
  align-items: center;
4496
4490
  justify-content: center;
4497
- padding-left: 0.75rem;
4498
- padding-right: 0.75rem;
4491
+ margin-left: 0.25rem;
4492
+ margin-right: 0.25rem;
4499
4493
  font-size: 1rem;
4500
4494
  line-height: 1.5rem;
4501
4495
  line-height: 1;
@@ -4862,10 +4856,6 @@ body {
4862
4856
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4863
4857
  transition-duration: 150ms;
4864
4858
  }
4865
- .ax-uploader-overlay-state .ax-icon {
4866
- font-size: 1.5rem;
4867
- line-height: 2rem;
4868
- }
4869
4859
 
4870
4860
  .ax-dark .ax-uploader-overlay-state {
4871
4861
  background-color: rgba(var(--ax-color-primary-800), 0.75);