prometeo-design-system 2.9.4 → 2.9.5
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/dist/index.d.ts +4 -0
- package/dist/prometeo-design-system.css +1 -1
- package/dist/prometeo-design-system.es.js +755 -336
- package/package.json +21 -46
- package/src/styles/app.css +1314 -0
- package/src/styles/fonts.css +46 -0
- package/src/styles/intellisense.css +2 -1
- package/src/styles/palette.css +83 -0
- package/src/styles/utilities.css +1126 -0
- package/dist/DrawerDesktop.d.ts +0 -6
- package/dist/DrawerDesktop.es.js +0 -192
- package/dist/DrawerMobile.d.ts +0 -6
- package/dist/DrawerMobile.es.js +0 -242
- package/dist/exports/DrawerDesktop.d.ts +0 -4
- package/dist/exports/DrawerMobile.d.ts +0 -4
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
@layer base {
|
|
2
|
+
/* Montserrat 300 */
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: 'Montserrat';
|
|
5
|
+
font-style: normal;
|
|
6
|
+
font-weight: 300;
|
|
7
|
+
font-display: swap;
|
|
8
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Hw5aXo.woff2) format('woff2');
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* Montserrat 400 */
|
|
12
|
+
@font-face {
|
|
13
|
+
font-family: 'Montserrat';
|
|
14
|
+
font-style: normal;
|
|
15
|
+
font-weight: 400;
|
|
16
|
+
font-display: swap;
|
|
17
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2');
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* Montserrat 500 */
|
|
21
|
+
@font-face {
|
|
22
|
+
font-family: 'Montserrat';
|
|
23
|
+
font-style: normal;
|
|
24
|
+
font-weight: 500;
|
|
25
|
+
font-display: swap;
|
|
26
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Hw5aXo.woff2) format('woff2');
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/* Montserrat 600 */
|
|
30
|
+
@font-face {
|
|
31
|
+
font-family: 'Montserrat';
|
|
32
|
+
font-style: normal;
|
|
33
|
+
font-weight: 600;
|
|
34
|
+
font-display: swap;
|
|
35
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format('woff2');
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* Montserrat 700 */
|
|
39
|
+
@font-face {
|
|
40
|
+
font-family: 'Montserrat';
|
|
41
|
+
font-style: normal;
|
|
42
|
+
font-weight: 700;
|
|
43
|
+
font-display: swap;
|
|
44
|
+
src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format('woff2');
|
|
45
|
+
}
|
|
46
|
+
}
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
@utility bg-primary-default-disabled { --intellisense-bg-primary-default-disabled: 1; }
|
|
109
109
|
@utility bg-primary-default-hover { --intellisense-bg-primary-default-hover: 1; }
|
|
110
110
|
@utility bg-primary-default-pressed { --intellisense-bg-primary-default-pressed: 1; }
|
|
111
|
-
@utility bg-primary-default-
|
|
111
|
+
@utility bg-primary-default-focused { --intellisense-bg-primary-default-focused: 1; }
|
|
112
112
|
@utility bg-primary-medium-default { --intellisense-bg-primary-medium-default: 1; }
|
|
113
113
|
@utility bg-primary-medium-disabled { --intellisense-bg-primary-medium-disabled: 1; }
|
|
114
114
|
@utility bg-primary-light { --intellisense-bg-primary-light: 1; }
|
|
@@ -167,6 +167,7 @@
|
|
|
167
167
|
@utility border-primary-medium-pressed { --intellisense-border-primary-medium-pressed: 1; }
|
|
168
168
|
@utility border-primary-medium-disabled { --intellisense-border-primary-medium-disabled: 1; }
|
|
169
169
|
@utility border-primary-medium-hover { --intellisense-border-primary-medium-hover: 1; }
|
|
170
|
+
@utility border-primary-medium-pressed { --intellisense-border-primary-medium-pressed: 1; }
|
|
170
171
|
@utility border-neutral { --intellisense-border-neutral: 1; }
|
|
171
172
|
@utility border-neutral-default-default { --intellisense-border-neutral-default-default: 1; }
|
|
172
173
|
@utility border-neutral-default-hover { --intellisense-border-neutral-default-hover: 1; }
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
@layer base {
|
|
2
|
+
:root {
|
|
3
|
+
/* Colors Foundation */
|
|
4
|
+
--white: #ffffff;
|
|
5
|
+
--black: #000000;
|
|
6
|
+
|
|
7
|
+
/* Colors Neutral */
|
|
8
|
+
--neutral-50: #fafafa;
|
|
9
|
+
--neutral-100: #f4f4f5;
|
|
10
|
+
--neutral-200: #e4e4e7;
|
|
11
|
+
--neutral-300: #d4d4d8;
|
|
12
|
+
--neutral-400: #9f9fa9;
|
|
13
|
+
--neutral-500: #71717b;
|
|
14
|
+
--neutral-600: #52525c;
|
|
15
|
+
--neutral-700: #3f3f47;
|
|
16
|
+
--neutral-800: #27272a;
|
|
17
|
+
--neutral-900: #18181b;
|
|
18
|
+
--neutral-925: #151517;
|
|
19
|
+
--neutral-950: #09090b;
|
|
20
|
+
|
|
21
|
+
/* Primary Color (Indigo) */
|
|
22
|
+
--primary-50: #eef2ff;
|
|
23
|
+
--primary-100: #e0e7ff;
|
|
24
|
+
--primary-200: #c6d2ff;
|
|
25
|
+
--primary-300: #a3b3ff;
|
|
26
|
+
--primary-400: #7c86ff;
|
|
27
|
+
--primary-500: #615fff;
|
|
28
|
+
--primary-600: #4f39f6;
|
|
29
|
+
--primary-700: #432dd7;
|
|
30
|
+
--primary-800: #372aac;
|
|
31
|
+
--primary-900: #312c85;
|
|
32
|
+
--primary-950: #1e1a4d;
|
|
33
|
+
|
|
34
|
+
/* Success Colors (Emerald/Green) */
|
|
35
|
+
--success-50: #ecfdf5;
|
|
36
|
+
--success-100: #d0fae5;
|
|
37
|
+
--success-200: #a4f4cf;
|
|
38
|
+
--success-300: #5ee9b5;
|
|
39
|
+
--success-400: #00d492;
|
|
40
|
+
--success-500: #00bc7d;
|
|
41
|
+
--success-600: #009966;
|
|
42
|
+
--success-700: #007a55;
|
|
43
|
+
--success-800: #006045;
|
|
44
|
+
--success-900: #004f3b;
|
|
45
|
+
--success-950: #002c22;
|
|
46
|
+
|
|
47
|
+
/* Error Colors (Red) */
|
|
48
|
+
--error-50: #fef2f2;
|
|
49
|
+
--error-100: #ffe2e2;
|
|
50
|
+
--error-200: #ffc9c9;
|
|
51
|
+
--error-300: #ffa2a2;
|
|
52
|
+
--error-400: #ff6467;
|
|
53
|
+
--error-500: #fb2c36;
|
|
54
|
+
--error-600: #e7000b;
|
|
55
|
+
--error-700: #c10007;
|
|
56
|
+
--error-800: #9f0712;
|
|
57
|
+
--error-900: #82181a;
|
|
58
|
+
--error-950: #460809;
|
|
59
|
+
|
|
60
|
+
/* Warning Colors (Amber/Orange) */
|
|
61
|
+
--warning-50: #fefce8;
|
|
62
|
+
--warning-100: #fef9c2;
|
|
63
|
+
--warning-200: #fff085;
|
|
64
|
+
--warning-300: #ffdf20;
|
|
65
|
+
--warning-400: #fdc700;
|
|
66
|
+
--warning-500: #f0b100;
|
|
67
|
+
--warning-600: #d08700;
|
|
68
|
+
--warning-700: #a65f00;
|
|
69
|
+
--warning-800: #894b00;
|
|
70
|
+
--warning-900: #733e0a;
|
|
71
|
+
--warning-950: #432004;
|
|
72
|
+
|
|
73
|
+
/* Pending's Colors */
|
|
74
|
+
--pending-300: #ffb86a;
|
|
75
|
+
--pending-500: #ff6900;
|
|
76
|
+
--pending-800: #9f2d00;
|
|
77
|
+
|
|
78
|
+
/* On Progress Colors */
|
|
79
|
+
--progress-300: #51a2ff;
|
|
80
|
+
--progress-500: #155dfc;
|
|
81
|
+
--progress-800: #193cb8;
|
|
82
|
+
}
|
|
83
|
+
}
|