@acorex/styles 7.24.4 → 16.0.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.
Files changed (81) hide show
  1. package/fonts/font-awesome/fa-brands-400.eot +0 -0
  2. package/fonts/font-awesome/fa-brands-400.svg +3570 -0
  3. package/fonts/font-awesome/fa-brands-400.ttf +0 -0
  4. package/fonts/font-awesome/fa-brands-400.woff +0 -0
  5. package/fonts/font-awesome/fa-brands-400.woff2 +0 -0
  6. package/fonts/font-awesome/fa-duotone-900.eot +0 -0
  7. package/fonts/font-awesome/fa-duotone-900.svg +15055 -0
  8. package/fonts/font-awesome/fa-duotone-900.ttf +0 -0
  9. package/fonts/font-awesome/fa-duotone-900.woff +0 -0
  10. package/fonts/font-awesome/fa-duotone-900.woff2 +0 -0
  11. package/fonts/font-awesome/fa-light-300.eot +0 -0
  12. package/fonts/font-awesome/fa-light-300.svg +12330 -0
  13. package/fonts/font-awesome/fa-light-300.ttf +0 -0
  14. package/fonts/font-awesome/fa-light-300.woff +0 -0
  15. package/fonts/font-awesome/fa-light-300.woff2 +0 -0
  16. package/fonts/font-awesome/fa-regular-400.eot +0 -0
  17. package/fonts/font-awesome/fa-regular-400.svg +11256 -0
  18. package/fonts/font-awesome/fa-regular-400.ttf +0 -0
  19. package/fonts/font-awesome/fa-regular-400.woff +0 -0
  20. package/fonts/font-awesome/fa-regular-400.woff2 +0 -0
  21. package/fonts/font-awesome/fa-solid-900.eot +0 -0
  22. package/fonts/font-awesome/fa-solid-900.svg +9588 -0
  23. package/fonts/font-awesome/fa-solid-900.ttf +0 -0
  24. package/fonts/font-awesome/fa-solid-900.woff +0 -0
  25. package/fonts/font-awesome/fa-solid-900.woff2 +0 -0
  26. package/fonts/font-awesome/font-awesome.css +16960 -0
  27. package/package.json +11 -11
  28. package/scss/buttons.scss +69 -0
  29. package/scss/calendar.scss +144 -0
  30. package/scss/checkbox.scss +46 -0
  31. package/scss/context-menu.scss +75 -0
  32. package/scss/data-grid.scss +117 -0
  33. package/scss/drawer.scss +138 -0
  34. package/scss/fieldset.scss +23 -0
  35. package/scss/forms.scss +523 -0
  36. package/scss/list.scss +47 -0
  37. package/scss/master.scss +330 -0
  38. package/scss/menu.scss +130 -0
  39. package/scss/mixin.scss +12 -0
  40. package/scss/page.scss +54 -0
  41. package/scss/progress.scss +11 -0
  42. package/scss/selection-list.scss +104 -0
  43. package/scss/style.scss +47 -0
  44. package/scss/tab-strip.scss +31 -0
  45. package/scss/tab.scss +36 -0
  46. package/scss/toast.scss +46 -0
  47. package/scss/tooltip.scss +55 -0
  48. package/scss/treeview.scss +152 -0
  49. package/scss/upload.scss +170 -0
  50. package/scss/variables.scss +139 -0
  51. package/icons/fontawesome/fontawesome.scss +0 -68
  52. package/icons/index.scss +0 -207
  53. package/icons/material/material.scss +0 -73
  54. package/index.css +0 -2623
  55. package/index.min.css +0 -1
  56. package/index.scss +0 -9
  57. package/src/base/_preflight.scss +0 -417
  58. package/src/base/index.scss +0 -13
  59. package/src/mixins/_look.scss +0 -84
  60. package/src/mixins/_media.scss +0 -27
  61. package/src/mixins/_util.scss +0 -19
  62. package/src/mixins/index.scss +0 -3
  63. package/src/shared/_actionsheet.scss +0 -23
  64. package/src/shared/_check-box.scss +0 -59
  65. package/src/shared/_color-look.scss +0 -696
  66. package/src/shared/_drop-down.scss +0 -76
  67. package/src/shared/_editor-container.scss +0 -257
  68. package/src/shared/_general-button.scss +0 -87
  69. package/src/shared/_inputs.scss +0 -16
  70. package/src/shared/_list.scss +0 -211
  71. package/src/shared/_radio.scss +0 -56
  72. package/src/shared/_table.scss +0 -149
  73. package/src/shared/_utils.scss +0 -75
  74. package/src/shared/index.scss +0 -11
  75. package/src/utility/index.scss +0 -24
  76. package/src/variables/_colors.scss +0 -2
  77. package/src/variables/_degrees.scss +0 -1
  78. package/src/variables/index.scss +0 -2
  79. package/tailwind-base.js +0 -235
  80. package/themes/default.css +0 -1
  81. package/themes/default.scss +0 -141
@@ -0,0 +1,31 @@
1
+ .tab-strip-container {
2
+ padding: 0;
3
+ margin: 0;
4
+ display: flex;
5
+ align-items: center;
6
+ font-size: 0.875rem;
7
+
8
+ li {
9
+ display: inline;
10
+ padding: 0.5em;
11
+ border-bottom: 1px solid;
12
+ border-color: var(--ax-gray-color);
13
+ margin-inline-end: 0.3em;
14
+ cursor: pointer;
15
+ background-color: var(--ax-white-color);
16
+
17
+ &.active {
18
+ border-color: var(--ax-primary-color) !important;
19
+ }
20
+ &.disabled {
21
+ // border-color: var(--ax-gray-color) !important;
22
+ // background-color: var(--ax-gray-color) !important;
23
+ // opacity: 0.6;
24
+ cursor: not-allowed !important;
25
+ }
26
+ &:hover{
27
+ background-color: var(--ax-light-light-color);
28
+ border-color: transparent;
29
+ }
30
+ }
31
+ }
package/scss/tab.scss ADDED
@@ -0,0 +1,36 @@
1
+ .ax {
2
+ &.nav-tabs {
3
+ display: flex;
4
+ list-style: none;
5
+ margin: 0;
6
+ padding: 0;
7
+ padding: 0;
8
+ border-bottom: 1px solid var(--ax-border-color);
9
+ li {
10
+ font-size: 0.875rem;
11
+ margin-inline-end: 0.5em;
12
+ padding: 0.5rem 1rem;
13
+ background: var(--ax-gray-color);
14
+ cursor: pointer;
15
+ -webkit-border-top-left-radius: var(--ax-size-border-radius);
16
+ -webkit-border-top-right-radius: var(--ax-size-border-radius);
17
+ -moz-border-radius-topleft: var(--ax-size-border-radius);
18
+ -moz-border-radius-topright: var(--ax-size-border-radius);
19
+ border-top-left-radius: var(--ax-size-border-radius);
20
+ border-top-right-radius: var(--ax-size-border-radius);
21
+ i {
22
+ margin-inline-end: 0.5em;
23
+ }
24
+ &:hover {
25
+ background: var(--ax-primary-color);
26
+ color: var(--ax-primary-fore-color);
27
+ transition: all 0.3s;
28
+ }
29
+
30
+ &.active {
31
+ background: var(--ax-primary-color);
32
+ color: var(--ax-primary-fore-color);
33
+ }
34
+ }
35
+ }
36
+ }
@@ -0,0 +1,46 @@
1
+ @import "./variables.scss";
2
+ .ax {
3
+ &.toast {
4
+ font-size: 0.875rem;
5
+
6
+ &.info {
7
+ background-color: var(--ax-info-color);
8
+ color: var(--ax-info-fore-color);
9
+ &:hover,
10
+ &:active,
11
+ &:focus {
12
+ background-color: var(--ax-info-color);
13
+ color: var(--ax-info-fore-color);
14
+ }
15
+ }
16
+
17
+ &.success {
18
+ &:hover,
19
+ &:active,
20
+ &:focus {
21
+ background-color: var(--ax-success-color);
22
+ color: var(--ax-success-fore-color);
23
+ }
24
+ }
25
+
26
+ &.warning {
27
+ &:hover,
28
+ &:active,
29
+ &:focus {
30
+ background-color: var(--ax-warning-color);
31
+ color: var(--ax-warning-fore-color);
32
+ }
33
+ }
34
+
35
+ &.error {
36
+ background-color: var(--ax-danger-color);
37
+ color: var(--ax-danger-fore-color);
38
+ &:hover,
39
+ &:active,
40
+ &:focus {
41
+ background-color: var(--ax-danger-color);
42
+ color: var(--ax-danger-fore-color);
43
+ }
44
+ }
45
+ }
46
+ }
@@ -0,0 +1,55 @@
1
+ .ax-tooltip {
2
+ position: absolute;
3
+ font-size: 0.875rem;
4
+ min-width: fit-content;
5
+ max-width: 150px;
6
+ text-align: center;
7
+ color: var(--ax-dark-fore-color);
8
+ padding: 0.5rem 0.7rem;
9
+ background: var(--ax-dark-color);
10
+ border-radius: var(--ax-size-border-radius);
11
+ z-index: 20000;
12
+ opacity: 0;
13
+
14
+ &:after {
15
+ content: "";
16
+ position: absolute;
17
+ border-style: solid;
18
+ }
19
+
20
+ &.ax-tooltip-top:after {
21
+ top: 100%;
22
+ inset-inline-start: 50%;
23
+ margin-inline-start: -5px;
24
+ border-width: 5px;
25
+ border-color: var(--ax-dark-color) transparent transparent transparent;
26
+ }
27
+
28
+ &.ax-tooltip-bottom:after {
29
+ bottom: 100%;
30
+ inset-inline-start: 50%;
31
+ margin-inline-start: -5px;
32
+ border-width: 5px;
33
+ border-color: transparent transparent var(--ax-dark-color) transparent;
34
+ }
35
+
36
+ &.ax-tooltip-left:after {
37
+ top: 50%;
38
+ inset-inline-end: 100%;
39
+ margin-top: -5px;
40
+ border-width: 5px;
41
+ border-color: transparent transparent transparent var(--ax-dark-color);
42
+ }
43
+
44
+ &.ax-tooltip-right:after {
45
+ top: 50%;
46
+ inset-inline-start: 100%;
47
+ margin-top: -5px;
48
+ border-width: 5px;
49
+ border-color: transparent var(--ax-dark-color) transparent transparent;
50
+ }
51
+
52
+ &.ax-tooltip-show {
53
+ opacity: 1;
54
+ }
55
+ }
@@ -0,0 +1,152 @@
1
+ $ident: 1.5rem;
2
+ $left: -($ident);
3
+
4
+ .treeview {
5
+ padding: 0 1.2rem;
6
+ font-size: 0.875rem;
7
+
8
+ &.sm {
9
+ .child {
10
+ padding-inline-start: 1.5em;
11
+ }
12
+
13
+ .bordered {
14
+ &::before {
15
+ width: 1.5em;
16
+ }
17
+
18
+ &::after {
19
+ width: 1.5em;
20
+ }
21
+ }
22
+
23
+ .check-box {
24
+ margin-top: -1rem;
25
+ }
26
+ }
27
+
28
+ .disabled {
29
+ background: var(--ax-gray-light-color) !important;
30
+ color: var(--ax-gray-fore-color);
31
+ cursor: not-allowed !important;
32
+ }
33
+
34
+ li {
35
+ list-style-type: none;
36
+ position: relative;
37
+ cursor: pointer;
38
+
39
+ .ax-checkbox-container {
40
+ span {
41
+ display: none;
42
+ }
43
+ }
44
+
45
+ &.node {
46
+ padding-inline-start: 1rem;
47
+
48
+ // .start-side {
49
+ // display: none;
50
+ // }
51
+ .check-box {
52
+ margin-inline-start: -2em;
53
+ z-index: 1;
54
+ }
55
+ }
56
+
57
+ &.selected {
58
+ background-color: var(--ax-primary-trans-dark-color);
59
+ }
60
+
61
+ &.bordered {
62
+ &:before {
63
+ content: "";
64
+ position: absolute;
65
+ top: 0.12rem;
66
+ inset-inline-start: -1rem;
67
+ border-inline-start: 1px solid var(--ax-gray-dark-color);
68
+ border-bottom: 1px solid var(--ax-gray-dark-color);
69
+ width: 1.5em;
70
+ height: 17.8px;
71
+ }
72
+
73
+ &:after {
74
+ position: absolute;
75
+ content: "";
76
+ top: 1.2rem;
77
+ inset-inline-start: -1rem;
78
+ border-inline-start: 1px solid var(--ax-gray-dark-color);
79
+ border-top: 1px solid var(--ax-gray-dark-color);
80
+ width: $ident;
81
+ height: 100%;
82
+ }
83
+
84
+ &:last-child:after {
85
+ display: none;
86
+ }
87
+ }
88
+
89
+ [dir="rtl"] & {
90
+ .fas {
91
+ -webkit-transform: scaleX(-1);
92
+ transform: scaleX(-1);
93
+ }
94
+ }
95
+
96
+ .start-side {
97
+ display: flex;
98
+ align-items: center;
99
+
100
+ .collapse-icon {
101
+ display: flex;
102
+ align-items: center;
103
+ justify-content: center;
104
+ width: 1rem;
105
+ height: 1rem;
106
+ border: 1px solid var(--ax-gray-dark-color);
107
+ background: var(--ax-white-color);
108
+ z-index: 1;
109
+
110
+ i {
111
+ font-size: 0.875rem;
112
+ text-align: center;
113
+
114
+ :not(.fa-spin) {
115
+ font-size: initial !important;
116
+ }
117
+ }
118
+ }
119
+
120
+ .ax-checkbox-container {
121
+ margin-inline-start: 0.5rem;
122
+ }
123
+ }
124
+
125
+ .check-box {
126
+ margin-top: -1.5em;
127
+ }
128
+
129
+ .text-list {
130
+ flex: 1;
131
+ display: flex;
132
+ margin-inline-start: 0.5rem;
133
+
134
+ }
135
+
136
+ >div {
137
+ padding: 0.5em 0;
138
+
139
+ &:hover {
140
+ background-color: var(--ax-gray-trans-light-color);
141
+ }
142
+ }
143
+
144
+ .child {
145
+ li:not(.node) {
146
+ .text-list {
147
+ margin-inline-start: 0.5rem;
148
+ }
149
+ }
150
+ }
151
+ }
152
+ }
@@ -0,0 +1,170 @@
1
+ .ax {
2
+ &.upload-file-box {
3
+ display: flex;
4
+ background: var(--ax-white-color);
5
+ flex-direction: column;
6
+ justify-content: center;
7
+ align-items: center;
8
+ padding: 0.5em 0;
9
+ border-width: 2px;
10
+ border-style: dashed;
11
+ border-color: var(--ax-border-dark-color);
12
+ min-height: 200px;
13
+ cursor: pointer;
14
+ position: relative;
15
+
16
+ &:hover {
17
+ border-color: var(--ax-primary-color);
18
+ border-style: solid;
19
+ transition: all 0.3s;
20
+
21
+ .upload-content {
22
+ color: var(--ax-primary-color);
23
+ }
24
+
25
+ .action-container {
26
+ display: flex !important;
27
+ }
28
+ }
29
+
30
+ .upload-content {
31
+ text-align: center;
32
+ color: var(--ax-border-color);
33
+
34
+ i {
35
+ font-size: 30px;
36
+ }
37
+
38
+ p {
39
+ padding-top: var(--sp-md-size);
40
+
41
+ }
42
+ }
43
+
44
+ .preview {
45
+ background-position: center !important;
46
+ background-size: contain !important;
47
+ background-repeat: no-repeat !important;
48
+ width: 100%;
49
+ display: flex;
50
+ flex-direction: column;
51
+ justify-content: center;
52
+ align-items: center;
53
+ min-height: 200px;
54
+ }
55
+
56
+ .action-container {
57
+ background: rgba(var(--ax-secondary-color), 0.5);
58
+ min-height: 195px;
59
+ display: none;
60
+ flex-direction: row;
61
+ justify-content: center;
62
+ align-items: center;
63
+ width: 100%;
64
+ position: absolute;
65
+ top: 0;
66
+ bottom: 0;
67
+ left: 0;
68
+ right: 0;
69
+ }
70
+
71
+ }
72
+
73
+ .ax-upload-drop-over {
74
+ position: relative;
75
+
76
+ .overlay {
77
+ pointer-events: none;
78
+ z-index: 1;
79
+ display: none;
80
+ position: absolute;
81
+ align-items: center;
82
+ text-align: center;
83
+ justify-content: center;
84
+ width: 100%;
85
+ height: 100%;
86
+ top: 0px;
87
+ left: 0px;
88
+ right: 0px;
89
+ bottom: 0px;
90
+ background-color: var(--ax-white-color);
91
+ outline: 2px dashed var(--ax-primary-color);
92
+ outline-offset: 0;
93
+ opacity: 0;
94
+ transition: display 0s, opacity 0.15s linear, outline-offset 0.15s linear;
95
+
96
+ &.show {
97
+ display: flex;
98
+ opacity: 0.95;
99
+ outline-offset: calc(-1 * 0.5em);
100
+ }
101
+
102
+ .icon-wrapper {
103
+ display: flex;
104
+ flex-direction: column;
105
+ justify-content: center;
106
+ align-items: center;
107
+
108
+ i {
109
+ margin-bottom: 10px;
110
+ color: var(--ax-primary-color);
111
+ -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
112
+ animation: pulsate-fwd 0.5s ease-in-out infinite both;
113
+ }
114
+
115
+ span {
116
+ color: var(--ax-secondary-light-color);
117
+ }
118
+ }
119
+
120
+ @-webkit-keyframes pulsate-fwd {
121
+ 0% {
122
+ -webkit-transform: scale(1);
123
+ transform: scale(1);
124
+ }
125
+
126
+ 50% {
127
+ -webkit-transform: scale(1.1);
128
+ transform: scale(1.1);
129
+ }
130
+
131
+ 100% {
132
+ -webkit-transform: scale(1);
133
+ transform: scale(1);
134
+ }
135
+ }
136
+
137
+ @keyframes pulsate-fwd {
138
+ 0% {
139
+ -webkit-transform: scale(1);
140
+ transform: scale(1);
141
+ }
142
+
143
+ 50% {
144
+ -webkit-transform: scale(1.1);
145
+ transform: scale(1.1);
146
+ }
147
+
148
+ 100% {
149
+ -webkit-transform: scale(1);
150
+ transform: scale(1);
151
+ }
152
+ }
153
+
154
+ }
155
+ }
156
+
157
+ .ax-upload-progress-panel {
158
+ padding: 0.5em;
159
+ background-color: var(--ax-white-color);
160
+
161
+ small {
162
+ display: block;
163
+ margin: 0.5em 0 0 0;
164
+ white-space: nowrap;
165
+ overflow: hidden;
166
+ text-overflow: ellipsis;
167
+ }
168
+ }
169
+
170
+ }
@@ -0,0 +1,139 @@
1
+ $color-suffix: color;
2
+ $size-suffix: size;
3
+ $white: #fff;
4
+ $black: #000;
5
+
6
+ $primary: #3b82f6; // 500
7
+ $primary-dark: #1d4ed8; // 700
8
+ $primary-light: #93c5fd; // 400
9
+
10
+ $secondary: #ec4899;
11
+ $secondary-dark: #be185d;
12
+ $secondary-light: #f472b6;
13
+
14
+ $success: #10b981;
15
+ $success-dark: #047857;
16
+ $success-light: #34d399;
17
+
18
+ $warning: #f59e0b;
19
+ $warning-dark: #d97706;
20
+ $warning-light: #fbbf24;
21
+
22
+
23
+ $danger: #ef4444;
24
+ $danger-dark: #b91c1c;
25
+ $danger-light: #f87171;
26
+
27
+ $info: #8b5cf6;
28
+ $info-dark: #6d28d9;
29
+ $info-light: #a78bfa;
30
+
31
+ $gray: #cbd5e1; // 300
32
+ $gray-light: #f1f5f9; // 100
33
+ $gray-dark: #94a3b8; // 400
34
+
35
+
36
+ $light: #d1d5db; // 300
37
+ $light-light: #f3f4f6; // 100
38
+ $light-dark: #9ca3af; // 400
39
+
40
+ $dark: #3f3f46;
41
+ $dark-dark: #18181b;
42
+ $dark-light: #71717a;
43
+
44
+ $shadow: rgba(0, 0, 0, 0.1);
45
+
46
+ $colors: (
47
+ "white": $white,
48
+ "black": $black,
49
+ "trans-white": transparentize($white, 0.85),
50
+ "trans-black": transparentize($black, 0.85),
51
+ "primary": (
52
+ "": $primary,
53
+ "fore": $white,
54
+ "light": $primary-light,
55
+ "dark": $primary-dark,
56
+ "trans-dark": transparentize($primary-light, 0.85),
57
+ "trans-light": transparentize($primary-dark, 0.85),
58
+ ),
59
+ "secondary": (
60
+ "": $secondary,
61
+ "fore": $white,
62
+ "light": $secondary-light,
63
+ "dark": $secondary-dark,
64
+ "trans-dark": transparentize($secondary-light, 0.85),
65
+ "trans-light": transparentize($secondary-dark, 0.85),
66
+ ),
67
+ "success": (
68
+ "": $success,
69
+ "fore": $white,
70
+ "light": $success-light,
71
+ "dark": $success-dark,
72
+ "trans-dark": transparentize($success-light, 0.85),
73
+ "trans-light": transparentize($success-dark, 0.85),
74
+ ),
75
+ "warning": (
76
+ "": $warning,
77
+ "fore": #78350f,
78
+ "light": $warning-light,
79
+ "dark": $warning-dark,
80
+ "trans-dark": transparentize($warning-light, 0.85),
81
+ "trans-light": transparentize($warning-dark, 0.85),
82
+ ),
83
+ "danger": (
84
+ "": $danger,
85
+ "fore": $white,
86
+ "light": $danger-light,
87
+ "dark": $danger-dark,
88
+ "trans-dark": transparentize($danger-light, 0.85),
89
+ "trans-light": transparentize($danger-dark, 0.85),
90
+ ),
91
+ "info": (
92
+ "": $info,
93
+ "fore": $white,
94
+ "light": $info-light,
95
+ "dark": $info-dark,
96
+ "trans-dark": transparentize($info-light, 0.85),
97
+ "trans-light": transparentize($info-light, 0.85),
98
+ ),
99
+ "gray": (
100
+ "": $gray,
101
+ "fore": darken($gray, 50%),
102
+ "light": $gray-light,
103
+ "dark": $gray-dark,
104
+ "trans-dark": transparentize($gray-light, 0.85),
105
+ "trans-light": transparentize($gray-dark, 0.85),
106
+ ),
107
+ "light": (
108
+ "": $light,
109
+ "fore": darken($light, 80%),
110
+ "light": $light-light,
111
+ "dark": $light-dark,
112
+ "trans-dark": transparentize($light-light, 0.85),
113
+ "trans-light": transparentize($light-dark, 0.85),
114
+ ),
115
+ "dark": (
116
+ "": $dark,
117
+ "fore": #f4f4f5,
118
+ "light": $dark-light,
119
+ "dark": $dark-dark,
120
+ "trans-dark": transparentize($dark-light, 0.85),
121
+ "trans-light": transparentize($dark-dark, 0.85),
122
+ ),
123
+ );
124
+ $sizes: (
125
+ "": (
126
+ xxs: 0.4rem,
127
+ xs: 0.6rem,
128
+ sm: 0.8rem,
129
+ md: 1rem,
130
+ lg: 1.2rem,
131
+ xl: 1.4rem,
132
+ xxl: 1.6rem,
133
+ ),
134
+ "border": (
135
+ width: 1px,
136
+ radius: 4px,
137
+ circle: 50px,
138
+ ),
139
+ );
@@ -1,68 +0,0 @@
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
- $ax-icon-more-vertical: '\f142';
20
-
21
- $ax-icon-arrow-long-up: '\f176';
22
- $ax-icon-arrow-long-down: '\f175';
23
-
24
- $ax-icon-done-bold: '\f00c';
25
- $ax-icon-color-palette: '\f53f';
26
-
27
- $ax-icon-arrow-left: '\f0d9';
28
- $ax-icon-arrow-down: '\f0d7';
29
- $ax-icon-arrow-up: '\f0d8';
30
- $ax-icon-arrow-right: '\f0da';
31
-
32
- $ax-icon-chevron-left: '\f053';
33
- $ax-icon-chevron-down: '\f078';
34
- $ax-icon-chevron-up: '\f077';
35
- $ax-icon-chevron-right: '\f054';
36
-
37
- $ax-icon-first-page: '\f33e';
38
- $ax-icon-last-page: '\f340';
39
-
40
- $ax-icon-done: '\f00c';
41
- $ax-icon-calendar: '\f133';
42
-
43
- $ax-icon-info: '\f05a';
44
-
45
- $ax-icon-error: '\f06a';
46
-
47
- $ax-icon-warning: '\f071';
48
-
49
- $ax-icon-check: '\f00c';
50
- $ax-icon-check-circle: '\f058';
51
- $ax-icon-dobble-check: '\f560';
52
-
53
- $ax-icon-close: '\f00d';
54
- $ax-icon-clear: '\f057';
55
- $ax-icon-visibility-off: '\f070';
56
- $ax-icon-visibility: '\f06e';
57
- $ax-icon-unfold-more: '\e60d';
58
- $ax-icon-download: '\e094';
59
- $ax-icon-upload: '\e09a';
60
- $ax-icon-search: '\f002';
61
- $ax-icon-copy: '\f0c5';
62
- $ax-icon-refresh: '\f021';
63
- $ax-icon-inbox: '\f01c';
64
-
65
- $ax-icon-emoji: '\f118';
66
- $ax-icon-attach: '\f0c6';
67
- $ax-icon-mic: '\f130';
68
- $ax-icon-send: '\f1d8';