@ngstarter-ui/components 1.0.46 → 1.0.48
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 +2 -3
- package/ai/component-registry.json +11 -19
- package/fesm2022/ngstarter-ui-components-core.mjs +545 -5
- package/fesm2022/ngstarter-ui-components-core.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-paginator.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-paginator.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/_tokens.scss +284 -364
- package/styles/themes/modern.scss +210 -217
- package/types/ngstarter-ui-components-core.d.ts +9 -3
- package/styles/themes/enterprise.scss +0 -82
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
@use "../_common";
|
|
2
|
-
@use "../_global";
|
|
3
|
-
|
|
4
|
-
:root {
|
|
5
|
-
color-scheme: light;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
:root,
|
|
9
|
-
[data-ngs-theme='enterprise']:not([data-ngs-color-scheme='dark']):not(.dark) {
|
|
10
|
-
color-scheme: light;
|
|
11
|
-
|
|
12
|
-
--ngs-font-family-base: Inter, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
|
13
|
-
--ngs-color-primary: #036fe3;
|
|
14
|
-
--ngs-color-on-primary: #ffffff;
|
|
15
|
-
--ngs-color-primary-container: #d6eaff;
|
|
16
|
-
--ngs-color-on-primary-container: #001a36;
|
|
17
|
-
--ngs-color-secondary: #21805a;
|
|
18
|
-
--ngs-color-on-secondary: #ffffff;
|
|
19
|
-
--ngs-color-secondary-container: #e8f6ef;
|
|
20
|
-
--ngs-color-on-secondary-container: #0d3f2b;
|
|
21
|
-
--ngs-color-background: #f0eff4;
|
|
22
|
-
--ngs-color-on-background: #1d1e2a;
|
|
23
|
-
--ngs-color-surface: #ffffff;
|
|
24
|
-
--ngs-color-on-surface: #20212d;
|
|
25
|
-
--ngs-color-on-surface-variant: #747684;
|
|
26
|
-
--ngs-color-surface-container-lowest: #ffffff;
|
|
27
|
-
--ngs-color-surface-container-low: #fafafd;
|
|
28
|
-
--ngs-color-surface-container: #f5f4f8;
|
|
29
|
-
--ngs-color-surface-container-high: #eeeef5;
|
|
30
|
-
--ngs-color-surface-container-highest: #e7e6ef;
|
|
31
|
-
--ngs-color-border: rgba(35, 36, 49, 0.1);
|
|
32
|
-
--ngs-color-outline: rgba(35, 36, 49, 0.18);
|
|
33
|
-
--ngs-color-outline-variant: rgba(35, 36, 49, 0.1);
|
|
34
|
-
--ngs-color-danger: #c93c3c;
|
|
35
|
-
|
|
36
|
-
--ngs-button-height: 2.625rem;
|
|
37
|
-
--ngs-button-padding-x: 0.875rem;
|
|
38
|
-
--ngs-button-font-size: 0.875rem;
|
|
39
|
-
--ngs-button-font-weight: 650;
|
|
40
|
-
--ngs-button-radius: 0.5rem;
|
|
41
|
-
--ngs-button-outlined-border: var(--corporate-border);
|
|
42
|
-
--ngs-button-outlined-color: var(--corporate-text);
|
|
43
|
-
--ngs-button-tonal-bg: #f4f2fb;
|
|
44
|
-
--ngs-button-tonal-color: var(--corporate-text);
|
|
45
|
-
|
|
46
|
-
--ngs-nav-badge-size: 1.35rem;
|
|
47
|
-
--ngs-nav-badge-padding: 0 0.4rem;
|
|
48
|
-
--ngs-nav-items-gap: 0.28rem;
|
|
49
|
-
--ngs-nav-item-height: 2.35rem;
|
|
50
|
-
--ngs-nav-item-padding: 0 0.625rem;
|
|
51
|
-
--ngs-nav-item-gap: 0.625rem;
|
|
52
|
-
--ngs-nav-item-radius: 0.5rem;
|
|
53
|
-
--ngs-nav-item-font-size: 0.94rem;
|
|
54
|
-
--ngs-nav-item-font-weight: 400;
|
|
55
|
-
--ngs-nav-item-color: #59677e;
|
|
56
|
-
--ngs-nav-item-hover-color: #20212d;
|
|
57
|
-
--ngs-nav-item-active-color: #036fe3;
|
|
58
|
-
--ngs-nav-item-hover-bg: #ffffff;
|
|
59
|
-
--ngs-nav-item-active-bg: #ffffff;
|
|
60
|
-
--ngs-nav-item-icon-width: 1.25rem;
|
|
61
|
-
--ngs-nav-item-icon-color: #6d7d97;
|
|
62
|
-
--ngs-nav-item-hover-icon-color: #59677e;
|
|
63
|
-
--ngs-nav-item-active-icon-color: #036fe3;
|
|
64
|
-
|
|
65
|
-
--corporate-stage-bg: #ffffff;
|
|
66
|
-
--corporate-shell-bg: #ffffff;
|
|
67
|
-
--corporate-sidebar-bg: #f5f5f7;
|
|
68
|
-
--corporate-panel-bg: #ffffff;
|
|
69
|
-
--corporate-input-bg: #e8e6ed;
|
|
70
|
-
--corporate-muted: #858793;
|
|
71
|
-
--corporate-soft: #f6f5f9;
|
|
72
|
-
--corporate-border: rgba(34, 35, 48, 0.085);
|
|
73
|
-
--corporate-border-strong: rgba(34, 35, 48, 0.14);
|
|
74
|
-
--corporate-text: #20212d;
|
|
75
|
-
--corporate-primary: #036fe3;
|
|
76
|
-
--corporate-primary-soft: #d6eaff;
|
|
77
|
-
--corporate-green: #25a765;
|
|
78
|
-
--corporate-blue: #2d87f0;
|
|
79
|
-
--corporate-orange: #ec6d28;
|
|
80
|
-
--corporate-gold: #f1bd28;
|
|
81
|
-
--corporate-shadow: 0 24px 65px rgba(59, 56, 75, 0.18);
|
|
82
|
-
}
|