@acorex/styles 5.0.1 → 5.0.7
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.
- package/index.scss +1 -0
- package/package.json +10 -10
- package/src/base/index.scss +5 -1
- package/src/components/_alert.scss +10 -1
- package/src/components/_badge.scss +6 -34
- package/src/components/_button.scss +569 -579
- package/src/components/_calendar.scss +82 -18
- package/src/components/_carousel.scss +5 -30
- package/src/components/_checkbox.scss +1 -1
- package/src/components/_datepicker.scss +2 -4
- package/src/components/_dialog.scss +3 -3
- package/src/components/_dropdown.scss +9 -46
- package/src/components/_editor-container.scss +30 -11
- package/src/components/_form.scss +4 -6
- package/src/components/_input.scss +5 -4
- package/src/components/_label.scss +1 -1
- package/src/components/_list.scss +6 -14
- package/src/components/_radio.scss +3 -14
- package/src/components/_range-slider.scss +14 -0
- package/src/components/_skeleton.scss +25 -0
- package/src/components/_switch.scss +99 -77
- package/src/components/_table.scss +2 -4
- package/src/components/_tabs.scss +157 -65
- package/src/components/_toast.scss +4 -14
- package/src/components/index.scss +3 -1
- package/src/icons/Read Me.txt +7 -0
- package/src/icons/demo-files/demo.css +152 -0
- package/src/icons/demo-files/demo.js +30 -0
- package/src/icons/demo.html +416 -0
- package/src/icons/fonts/acorex-icon.svg +37 -0
- package/src/icons/fonts/acorex-icon.ttf +0 -0
- package/src/icons/fonts/acorex-icon.woff +0 -0
- package/src/icons/selection.json +1 -0
- package/src/icons/style.css +107 -0
- package/src/icons/style.scss +164 -0
- package/src/icons/variables.scss +31 -0
- package/src/variables/_colors.scss +135 -1
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
@import "variables";
|
|
2
|
+
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: '#{$icomoon-font-family}';
|
|
5
|
+
src:
|
|
6
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?4xate3') format('truetype'),
|
|
7
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?4xate3') format('woff'),
|
|
8
|
+
url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?4xate3##{$icomoon-font-family}') format('svg');
|
|
9
|
+
font-weight: normal;
|
|
10
|
+
font-style: normal;
|
|
11
|
+
font-display: block;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
[class^="ax-ic-"], [class*=" ax-ic-"] {
|
|
15
|
+
/* use !important to prevent issues with browser extensions that change fonts */
|
|
16
|
+
font-family: '#{$icomoon-font-family}' !important;
|
|
17
|
+
speak: never;
|
|
18
|
+
font-style: normal;
|
|
19
|
+
font-weight: normal;
|
|
20
|
+
font-variant: normal;
|
|
21
|
+
text-transform: none;
|
|
22
|
+
line-height: 1;
|
|
23
|
+
|
|
24
|
+
/* Better Font Rendering =========== */
|
|
25
|
+
-webkit-font-smoothing: antialiased;
|
|
26
|
+
-moz-osx-font-smoothing: grayscale;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.ax-ic-arrow-circle {
|
|
30
|
+
&:before {
|
|
31
|
+
content: $ax-ic-arrow-circle;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
.ax-ic-arrow-circle-fill {
|
|
35
|
+
&:before {
|
|
36
|
+
content: $ax-ic-arrow-circle-fill;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
.ax-ic-arrow-half {
|
|
40
|
+
&:before {
|
|
41
|
+
content: $ax-ic-arrow-half;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
.ax-ic-arrow-fill {
|
|
45
|
+
&:before {
|
|
46
|
+
content: $ax-ic-arrow-fill;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
.ax-ic-arrow {
|
|
50
|
+
&:before {
|
|
51
|
+
content: $ax-ic-arrow;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
.ax-ic-unfold {
|
|
55
|
+
&:before {
|
|
56
|
+
content: $ax-ic-unfold;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
.ax-ic-half-arrow {
|
|
60
|
+
&:before {
|
|
61
|
+
content: $ax-ic-half-arrow;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
.ax-ic-fullscreen {
|
|
65
|
+
&:before {
|
|
66
|
+
content: $ax-ic-fullscreen;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
.ax-ic-close-fullscreen {
|
|
70
|
+
&:before {
|
|
71
|
+
content: $ax-ic-close-fullscreen;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
.ax-ic-fold {
|
|
75
|
+
&:before {
|
|
76
|
+
content: $ax-ic-fold;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
.ax-ic-eye {
|
|
80
|
+
&:before {
|
|
81
|
+
content: $ax-ic-eye;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
.ax-ic-eye-off {
|
|
85
|
+
&:before {
|
|
86
|
+
content: $ax-ic-eye-off;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
.ax-ic-calendar {
|
|
90
|
+
&:before {
|
|
91
|
+
content: $ax-ic-calendar;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
.ax-ic-time {
|
|
95
|
+
&:before {
|
|
96
|
+
content: $ax-ic-time;
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
.ax-ic-check {
|
|
100
|
+
&:before {
|
|
101
|
+
content: $ax-ic-check;
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
.ax-ic-check-filled {
|
|
105
|
+
&:before {
|
|
106
|
+
content: $ax-ic-check-filled;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
.ax-ic-chevron {
|
|
110
|
+
&:before {
|
|
111
|
+
content: $ax-ic-chevron;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
.ax-ic-close {
|
|
115
|
+
&:before {
|
|
116
|
+
content: $ax-ic-close;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
.ax-ic-error-filled {
|
|
120
|
+
&:before {
|
|
121
|
+
content: $ax-ic-error-filled;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
.ax-ic-chevron-page {
|
|
125
|
+
&:before {
|
|
126
|
+
content: $ax-ic-chevron-page;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
.ax-ic-info-filled {
|
|
130
|
+
&:before {
|
|
131
|
+
content: $ax-ic-info-filled;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
.ax-ic-chevron-double {
|
|
135
|
+
&:before {
|
|
136
|
+
content: $ax-ic-chevron-double;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
.ax-ic-menu {
|
|
140
|
+
&:before {
|
|
141
|
+
content: $ax-ic-menu;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
.ax-ic-more {
|
|
145
|
+
&:before {
|
|
146
|
+
content: $ax-ic-more;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
.ax-ic-warning-filled {
|
|
150
|
+
&:before {
|
|
151
|
+
content: $ax-ic-warning-filled;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
.ax-ic-chevron-page-filled {
|
|
155
|
+
&:before {
|
|
156
|
+
content: $ax-ic-chevron-page-filled;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
.ax-ic-calendar-today {
|
|
160
|
+
&:before {
|
|
161
|
+
content: $ax-ic-calendar-today;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
$icomoon-font-family: "acorex-icon" !default;
|
|
2
|
+
$icomoon-font-path: "fonts" !default;
|
|
3
|
+
|
|
4
|
+
$ax-ic-arrow-circle: "\e911";
|
|
5
|
+
$ax-ic-arrow-circle-fill: "\e912";
|
|
6
|
+
$ax-ic-arrow-half: "\e913";
|
|
7
|
+
$ax-ic-arrow-fill: "\e914";
|
|
8
|
+
$ax-ic-arrow: "\e915";
|
|
9
|
+
$ax-ic-unfold: "\e916";
|
|
10
|
+
$ax-ic-half-arrow: "\e917";
|
|
11
|
+
$ax-ic-fullscreen: "\e918";
|
|
12
|
+
$ax-ic-close-fullscreen: "\e919";
|
|
13
|
+
$ax-ic-fold: "\e91a";
|
|
14
|
+
$ax-ic-eye: "\e901";
|
|
15
|
+
$ax-ic-eye-off: "\e902";
|
|
16
|
+
$ax-ic-calendar: "\e903";
|
|
17
|
+
$ax-ic-time: "\e900";
|
|
18
|
+
$ax-ic-check: "\e904";
|
|
19
|
+
$ax-ic-check-filled: "\e905";
|
|
20
|
+
$ax-ic-chevron: "\e906";
|
|
21
|
+
$ax-ic-close: "\e907";
|
|
22
|
+
$ax-ic-error-filled: "\e908";
|
|
23
|
+
$ax-ic-chevron-page: "\e909";
|
|
24
|
+
$ax-ic-info-filled: "\e90a";
|
|
25
|
+
$ax-ic-chevron-double: "\e90b";
|
|
26
|
+
$ax-ic-menu: "\e90c";
|
|
27
|
+
$ax-ic-more: "\e90d";
|
|
28
|
+
$ax-ic-warning-filled: "\e90e";
|
|
29
|
+
$ax-ic-chevron-page-filled: "\e90f";
|
|
30
|
+
$ax-ic-calendar-today: "\e910";
|
|
31
|
+
|
|
@@ -1 +1,135 @@
|
|
|
1
|
-
$theme-colors: (
|
|
1
|
+
$theme-colors: (
|
|
2
|
+
"white": "255, 255, 255",
|
|
3
|
+
"black": "0, 0, 0",
|
|
4
|
+
"placeholder": "156, 163, 175",
|
|
5
|
+
"border": "209, 213, 219",
|
|
6
|
+
"disabled": "224, 224, 224",
|
|
7
|
+
"disabled-fore": "117, 117, 117",
|
|
8
|
+
"disabled-border": "191, 191, 191",
|
|
9
|
+
"primary": (
|
|
10
|
+
"": "59, 130, 246",
|
|
11
|
+
"fore": "255, 255, 255",
|
|
12
|
+
"50": "239, 246, 255",
|
|
13
|
+
"100": "219, 234, 254",
|
|
14
|
+
"200": "191, 219, 254",
|
|
15
|
+
"300": "147, 197, 253",
|
|
16
|
+
"400": "96, 165, 250",
|
|
17
|
+
"500": "59, 130, 246",
|
|
18
|
+
"600": "37, 99, 235",
|
|
19
|
+
"700": "29 ,78, 216",
|
|
20
|
+
"800": "30, 64 ,175",
|
|
21
|
+
"900": "30, 58, 138",
|
|
22
|
+
),
|
|
23
|
+
"secondary": (
|
|
24
|
+
"": "236, 72, 153",
|
|
25
|
+
"fore": "255, 255, 255",
|
|
26
|
+
"50": "253, 242, 248",
|
|
27
|
+
"100": "252, 231, 243",
|
|
28
|
+
"200": "251, 207, 232",
|
|
29
|
+
"300": "249, 168, 212",
|
|
30
|
+
"400": "244, 114, 182",
|
|
31
|
+
"500": "236, 72, 153",
|
|
32
|
+
"600": "219, 39, 119",
|
|
33
|
+
"700": "190, 24, 93",
|
|
34
|
+
"800": "157,23,77",
|
|
35
|
+
"900": "131, 24, 67",
|
|
36
|
+
),
|
|
37
|
+
"success": (
|
|
38
|
+
"": "76, 175, 80",
|
|
39
|
+
"fore": "255, 255, 255",
|
|
40
|
+
"50": "236, 253, 245",
|
|
41
|
+
"100": "209, 250, 229",
|
|
42
|
+
"200": "167, 243, 208",
|
|
43
|
+
"300": "110, 231, 183",
|
|
44
|
+
"400": "52, 211, 153",
|
|
45
|
+
"500": "16, 185, 129",
|
|
46
|
+
"600": "5, 150, 105",
|
|
47
|
+
"700": "4, 120, 87",
|
|
48
|
+
"800": "6, 95, 70",
|
|
49
|
+
"900": "6, 78, 59",
|
|
50
|
+
),
|
|
51
|
+
"danger": (
|
|
52
|
+
"": "239, 68, 68",
|
|
53
|
+
"fore": "255, 255, 255",
|
|
54
|
+
"50": "254, 242, 242",
|
|
55
|
+
"100": "254, 226, 226",
|
|
56
|
+
"200": "254, 202, 202",
|
|
57
|
+
"300": "252, 165, 165",
|
|
58
|
+
"400": "248, 113, 113",
|
|
59
|
+
"500": "239, 68, 68",
|
|
60
|
+
"600": "220, 38, 38",
|
|
61
|
+
"700": "185, 28, 28",
|
|
62
|
+
"800": "153, 27, 27",
|
|
63
|
+
"900": "127, 29, 29",
|
|
64
|
+
),
|
|
65
|
+
"warning": (
|
|
66
|
+
"": "251, 191, 36",
|
|
67
|
+
"fore": "120, 53, 15",
|
|
68
|
+
"50": "255, 251, 235",
|
|
69
|
+
"100": "254, 243, 199",
|
|
70
|
+
"200": "253, 230, 138",
|
|
71
|
+
"300": "252, 211, 77",
|
|
72
|
+
"400": "251, 191, 36",
|
|
73
|
+
"500": "245, 158, 11",
|
|
74
|
+
"600": "217, 119, 6",
|
|
75
|
+
"700": "180, 83, 9",
|
|
76
|
+
"800": "146, 64, 14",
|
|
77
|
+
"900": "120, 53, 15",
|
|
78
|
+
),
|
|
79
|
+
"info": (
|
|
80
|
+
"": "139, 92, 246",
|
|
81
|
+
"fore": "255, 255, 255",
|
|
82
|
+
"50": "245, 243, 255",
|
|
83
|
+
"100": "237, 233, 254",
|
|
84
|
+
"200": "221, 214,254",
|
|
85
|
+
"300": "196, 181, 253",
|
|
86
|
+
"400": "167, 139, 250",
|
|
87
|
+
"500": "139, 92, 246",
|
|
88
|
+
"600": "124, 58, 237",
|
|
89
|
+
"700": "109, 40, 217",
|
|
90
|
+
"800": "91, 33, 182",
|
|
91
|
+
"900": "76, 29, 149",
|
|
92
|
+
),
|
|
93
|
+
"dark": (
|
|
94
|
+
"": "21, 21, 21",
|
|
95
|
+
"fore": "255, 255, 255",
|
|
96
|
+
"50": "227, 227, 227",
|
|
97
|
+
"100": "185, 185, 185",
|
|
98
|
+
"200": "138, 138, 138",
|
|
99
|
+
"300": "91, 91, 91",
|
|
100
|
+
"400": "56, 56, 56",
|
|
101
|
+
"500": "21, 21, 21",
|
|
102
|
+
"600": "18, 18, 18",
|
|
103
|
+
"700": "15, 15, 15",
|
|
104
|
+
"800": "12, 12, 12",
|
|
105
|
+
"900": "6, 6, 6",
|
|
106
|
+
),
|
|
107
|
+
"light": (
|
|
108
|
+
"": "107, 114, 128",
|
|
109
|
+
"fore": "17, 24, 39",
|
|
110
|
+
"50": "249, 250, 251",
|
|
111
|
+
"100": "243, 244, 246",
|
|
112
|
+
"200": "229, 231, 235",
|
|
113
|
+
"300": "209, 213, 219",
|
|
114
|
+
"400": "156, 163, 175",
|
|
115
|
+
"500": "107, 114, 128",
|
|
116
|
+
"600": "75, 85, 99",
|
|
117
|
+
"700": "55, 65, 81",
|
|
118
|
+
"800": "31, 41, 55",
|
|
119
|
+
"900": "17, 24, 39",
|
|
120
|
+
),
|
|
121
|
+
"gray": (
|
|
122
|
+
"": "107, 114, 128",
|
|
123
|
+
"fore": "17, 24, 39",
|
|
124
|
+
"50": "249, 250, 251",
|
|
125
|
+
"100": "243, 244, 246",
|
|
126
|
+
"200": "229, 231, 235",
|
|
127
|
+
"300": "209, 213, 219",
|
|
128
|
+
"400": "156, 163, 175",
|
|
129
|
+
"500": "107, 114, 128",
|
|
130
|
+
"600": "75, 85, 99",
|
|
131
|
+
"700": "55, 65, 81",
|
|
132
|
+
"800": "31, 41, 55",
|
|
133
|
+
"900": "17, 24, 39",
|
|
134
|
+
),
|
|
135
|
+
);
|