@acorex/styles 19.10.2 → 19.11.0-next.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.
- package/README.md +20 -22
- package/components/_editor-container.scss +4 -5
- package/package.json +1 -1
- package/themes/default.scss +12 -35
package/README.md
CHANGED
|
@@ -1,34 +1,32 @@
|
|
|
1
|
+
# ACoreX Styles
|
|
1
2
|
|
|
2
|
-
|
|
3
|
-
<source media="(prefers-color-scheme: dark)" srcset="https://acorexui.com/public/acorex-slang-dark.svg">
|
|
4
|
-
<img alt="Acorex - Design System, UI Framework, App Builder" src="https://acorexui.com/public/acorex-slang-dark.svg" width="100%">
|
|
5
|
-
</picture>
|
|
3
|
+
ACoreX is an UI framework based on angular. With over 50+ beautiful fully responsive and accessible components for everyone.
|
|
6
4
|
|
|
7
|
-
|
|
5
|
+
<p style="text-align: center;">
|
|
6
|
+
<picture>
|
|
7
|
+
<source media="(prefers-color-scheme: dark)" srcset="https://acorexui.com/acorex-slang-dark.svg">
|
|
8
|
+
<img alt="Acorex - Design System, UI Framework, App Builder" src="https://acorexui.com/acorex-slang.svg" width="100%">
|
|
9
|
+
</picture>
|
|
10
|
+
</p>
|
|
8
11
|
|
|
9
|
-
|
|
12
|
+
<div style="text-align: center;">
|
|
10
13
|
|
|
11
|
-
|
|
14
|
+
[]()
|
|
15
|
+
|
|
16
|
+
</div>
|
|
12
17
|
|
|
13
18
|
A few links to help you get started:
|
|
14
19
|
|
|
15
20
|
- [ACoreX: Documentation, Guides](https://acorexui.com)
|
|
16
21
|
|
|
17
|
-
## Team
|
|
18
|
-
|
|
19
|
-
| Arash Oshnoudi | Ali Safari |
|
|
20
|
-
|--------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------|
|
|
21
|
-
|  |  |
|
|
22
|
-
|
|
23
|
-
## Develop Team
|
|
24
|
-
|
|
25
|
-
| Reza Safari | Matin Givi | Shahin Kahrizi | Mohammad Parsaeifard | Mojtaba Erfan Rad |
|
|
26
|
-
|-----------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------|
|
|
27
|
-
|  |  |  |  |  |
|
|
22
|
+
## Core Team
|
|
28
23
|
|
|
24
|
+
| Arash Oshnoudi | Ali Safari | Matin Givi | Reza Safari |
|
|
25
|
+
| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
|
|
26
|
+
|  |  |  |  |
|
|
29
27
|
|
|
30
|
-
|
|
28
|
+
<br/>
|
|
31
29
|
|
|
32
|
-
|
|
|
33
|
-
|
|
34
|
-
|  |  |
|
|
30
|
+
| Shahin Kahrizi | Mohamad Parsaeifard | Mohamad Hasanzade | Meysa Aghili |
|
|
31
|
+
| ------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
|
|
32
|
+
|  |  |  |  |
|
|
@@ -4,9 +4,8 @@
|
|
|
4
4
|
.ax-editor-container {
|
|
5
5
|
--ax-comp-editor-font-size: 0.875rem;
|
|
6
6
|
--ax-comp-editor-gap: 0.5rem;
|
|
7
|
-
--ax-comp-editor-space-start-size:
|
|
8
|
-
--ax-comp-editor-space-end-size:
|
|
9
|
-
--ax-comp-editor-space-block-size: 0.5rem;
|
|
7
|
+
--ax-comp-editor-space-start-size: 1rem;
|
|
8
|
+
--ax-comp-editor-space-end-size: 1rem;
|
|
10
9
|
--ax-comp-editor-height: var(--ax-sys-size-base);
|
|
11
10
|
--ax-comp-editor-placeholder-space-x: 0.75rem;
|
|
12
11
|
|
|
@@ -229,8 +228,8 @@
|
|
|
229
228
|
.ax-md .ax-editor-container,
|
|
230
229
|
.ax-editor-container,
|
|
231
230
|
.ax-editor-container.ax-md {
|
|
232
|
-
--ax-comp-editor-space-start-size:
|
|
233
|
-
--ax-comp-editor-space-end-size:
|
|
231
|
+
--ax-comp-editor-space-start-size: 1rem;
|
|
232
|
+
--ax-comp-editor-space-end-size: 1rem;
|
|
234
233
|
--ax-comp-editor-button-font-size: 0.875rem;
|
|
235
234
|
--ax-comp-editor-gap: 0.5rem;
|
|
236
235
|
}
|
package/package.json
CHANGED
package/themes/default.scss
CHANGED
|
@@ -1,61 +1,38 @@
|
|
|
1
|
-
@use '../utils/index.scss' as
|
|
1
|
+
@use '../utils/index.scss' as *;
|
|
2
2
|
|
|
3
|
-
/*
|
|
4
|
-
Color themes that have multiple fixed primary colors, etc. that can range from 50 to 950, also generate 7 surfaces of these colors by default that are used to color components. If these colors have the same value, they are used for light mode and dark mode, but if you give the color key two colors, it uses the first color for light mode and the second color for dark mode. For example, you can see the color Danger
|
|
5
|
-
*/
|
|
6
3
|
$theme-colors: (
|
|
7
4
|
'primary': oklch(0.623 0.214 259.815),
|
|
8
|
-
'secondary': (
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
),
|
|
12
|
-
'success': (
|
|
13
|
-
oklch(62.71% 0.1699 149.21),
|
|
14
|
-
oklch(80.03% 0.1821 151.71),
|
|
15
|
-
),
|
|
16
|
-
'warning': (
|
|
17
|
-
oklch(81.17% 0.188 70.08),
|
|
18
|
-
oklch(86.5% 0.188 70.08),
|
|
19
|
-
),
|
|
5
|
+
'secondary': oklch(0.554 0.046 257.417),
|
|
6
|
+
'success': oklch(0.696 0.17 162.48),
|
|
7
|
+
'warning': oklch(0.769 0.188 70.08),
|
|
20
8
|
'danger': (
|
|
21
9
|
oklch(0.645 0.246 16.439),
|
|
22
10
|
oklch(0.712 0.194 13.428),
|
|
23
11
|
),
|
|
24
12
|
);
|
|
25
13
|
|
|
26
|
-
/*
|
|
27
|
-
Surface colors for creating layouts, each color has a start and an end,
|
|
28
|
-
which we use to create the color spectrum of surfaces.
|
|
29
|
-
The colors are different for dark and light mode.
|
|
30
|
-
*/
|
|
31
14
|
$theme-surfaces: (
|
|
32
|
-
// Surfaces for light mode
|
|
33
15
|
'light-start': #ffffff,
|
|
34
16
|
'light-end': #d4d4d4,
|
|
35
|
-
|
|
36
|
-
// Surfaces for dark mode
|
|
37
17
|
'dark-start': #27272a,
|
|
38
|
-
'dark-end': #09090b
|
|
18
|
+
'dark-end': #09090b,
|
|
39
19
|
);
|
|
40
20
|
|
|
41
21
|
$options: (
|
|
42
22
|
'color-range': true,
|
|
43
|
-
// Color range production 50 to 950, if you don't need them you can put false
|
|
44
23
|
'light': #ffffff,
|
|
45
|
-
|
|
46
|
-
'dark': #09090b, // // dark is always a fixed color in the project, used in some special cases and does not change in light mode and dark mode.
|
|
24
|
+
'dark': #09090b,
|
|
47
25
|
);
|
|
48
26
|
|
|
49
|
-
/*
|
|
50
|
-
Importing default variables and overriding them with higher values
|
|
51
|
-
*/
|
|
52
27
|
@forward '../variables/index.scss';
|
|
53
28
|
|
|
54
29
|
:root,
|
|
55
30
|
.ax-light {
|
|
56
|
-
--ax-sys-body-font-size: 1rem;
|
|
57
|
-
--ax-sys-size-base: 2.5rem;
|
|
58
|
-
--ax-sys-border-radius: 0.5rem;
|
|
31
|
+
--ax-sys-body-font-size: 1rem;
|
|
32
|
+
--ax-sys-size-base: 2.5rem;
|
|
33
|
+
--ax-sys-border-radius: 0.5rem;
|
|
34
|
+
--ax-sys-color-body-text: 0, 0, 0;
|
|
35
|
+
--ax-sys-color-input-text: 0, 0, 0;
|
|
59
36
|
}
|
|
60
37
|
|
|
61
|
-
@include
|
|
38
|
+
@include generate-pallete-variables($theme-colors, $theme-surfaces, $options);
|