@cytario/design 1.17.1 → 2.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.
- package/dist/index.d.ts +3 -3
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/global.css +17 -7
- package/src/tokens/variables.css +3 -3
package/package.json
CHANGED
package/src/styles/global.css
CHANGED
|
@@ -2,6 +2,23 @@
|
|
|
2
2
|
@import "../tokens/variables.css";
|
|
3
3
|
@import "../tokens/variables-dark.css";
|
|
4
4
|
|
|
5
|
+
/* Montserrat variable font — self-hosted from assets/fonts */
|
|
6
|
+
@font-face {
|
|
7
|
+
font-family: "Montserrat";
|
|
8
|
+
src: url("../../assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
|
|
9
|
+
font-weight: 100 900;
|
|
10
|
+
font-style: normal;
|
|
11
|
+
font-display: swap;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
@font-face {
|
|
15
|
+
font-family: "Montserrat";
|
|
16
|
+
src: url("../../assets/fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
|
|
17
|
+
font-weight: 100 900;
|
|
18
|
+
font-style: italic;
|
|
19
|
+
font-display: swap;
|
|
20
|
+
}
|
|
21
|
+
|
|
5
22
|
/*
|
|
6
23
|
* Additional design-system variables not yet covered by token pipeline.
|
|
7
24
|
* Wrapped in the same cascade layer as the generated tokens so that
|
|
@@ -12,8 +29,6 @@
|
|
|
12
29
|
:root {
|
|
13
30
|
/* Body text */
|
|
14
31
|
--ds-color-text-body: rgb(55, 65, 81);
|
|
15
|
-
/* Heading text */
|
|
16
|
-
--ds-color-text-heading: rgb(17, 24, 39);
|
|
17
32
|
|
|
18
33
|
/* Gradients */
|
|
19
34
|
--ds-gradient-brand: linear-gradient(135deg, #5c2483 0%, #4a1d6a 100%);
|
|
@@ -25,13 +40,8 @@
|
|
|
25
40
|
color: var(--ds-color-text-body);
|
|
26
41
|
}
|
|
27
42
|
|
|
28
|
-
h1, h2, h3, h4, h5, h6 {
|
|
29
|
-
color: var(--ds-color-text-heading);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
43
|
[data-theme="dark"] {
|
|
33
44
|
--ds-color-text-body: rgb(209, 213, 219);
|
|
34
|
-
--ds-color-text-heading: rgb(243, 244, 246);
|
|
35
45
|
--ds-gradient-brand: linear-gradient(135deg, #9b4fcb 0%, #7a2ea8 100%);
|
|
36
46
|
--ds-gradient-brand-reverse: linear-gradient(135deg, #7a2ea8 0%, #9b4fcb 100%);
|
|
37
47
|
}
|
package/src/tokens/variables.css
CHANGED
|
@@ -113,9 +113,9 @@
|
|
|
113
113
|
--line-height-relaxed: 1.625;
|
|
114
114
|
--color-brand-primary: var(--color-purple-700);
|
|
115
115
|
--color-brand-accent: var(--color-teal-500);
|
|
116
|
-
--color-action-primary: var(--color-
|
|
117
|
-
--color-action-primary-hover: var(--color-
|
|
118
|
-
--color-action-primary-active: var(--color-
|
|
116
|
+
--color-action-primary: var(--color-purple-700);
|
|
117
|
+
--color-action-primary-hover: var(--color-purple-600);
|
|
118
|
+
--color-action-primary-active: var(--color-purple-800);
|
|
119
119
|
--color-action-secondary: var(--color-purple-700);
|
|
120
120
|
--color-action-secondary-hover: var(--color-purple-600);
|
|
121
121
|
--color-action-danger: var(--color-rose-600);
|