snapshot-labs-theme 0.1.5 → 0.1.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/build/css/base/{color.css → colors.css} +0 -1
- package/build/css/base/dimensions.css +76 -0
- package/build/css/base/typography.css +56 -0
- package/build/css/semantic/colors.css +16 -1
- package/build/css/semantic/colors.dark.css +25 -0
- package/package.json +1 -1
- package/build/css/base/spacing.css +0 -11
|
@@ -27,7 +27,6 @@
|
|
|
27
27
|
--color-purple-800: oklch(0.46 0.16 315.01);
|
|
28
28
|
--color-purple-900: oklch(0.4 0.14 315.34);
|
|
29
29
|
--color-purple-950: oklch(0.25 0.09 315.66);
|
|
30
|
-
--color-purple-300-4: oklch(0.8 0 0);
|
|
31
30
|
--color-magenta-50: oklch(0.97 0.02 328.91);
|
|
32
31
|
--color-magenta-100: oklch(0.94 0.04 325.94);
|
|
33
32
|
--color-magenta-200: oklch(0.91 0.06 328.70);
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--space-0: 0rem;
|
|
7
|
+
--space-100: 0.25rem;
|
|
8
|
+
--space-150: 0.38rem;
|
|
9
|
+
--space-200: 0.50rem;
|
|
10
|
+
--space-300: 0.75rem;
|
|
11
|
+
--space-400: 1.00rem;
|
|
12
|
+
--space-500: 1.25rem;
|
|
13
|
+
--space-600: 1.50rem;
|
|
14
|
+
--space-800: 2.00rem;
|
|
15
|
+
--space-1000: 2.50rem;
|
|
16
|
+
--space-1200: 3.00rem;
|
|
17
|
+
--space-1600: 4.00rem;
|
|
18
|
+
--space-2000: 5.00rem;
|
|
19
|
+
--space-2400: 6.00rem;
|
|
20
|
+
--space-2800: 7.00rem;
|
|
21
|
+
--space-3200: 8.00rem;
|
|
22
|
+
--space-025: 0.06rem;
|
|
23
|
+
--space-050: 0.13rem;
|
|
24
|
+
--space-negative-25: -0.06rem;
|
|
25
|
+
--space-negative-50: -0.13rem;
|
|
26
|
+
--space-negative-100: -0.25rem;
|
|
27
|
+
--space-negative-150: -0.38rem;
|
|
28
|
+
--space-negative-200: -0.50rem;
|
|
29
|
+
--space-negative-300: -0.75rem;
|
|
30
|
+
--space-negative-400: -1.00rem;
|
|
31
|
+
--space-negative-500: -1.25rem;
|
|
32
|
+
--space-negative-600: -1.50rem;
|
|
33
|
+
--space-negative-800: -2.00rem;
|
|
34
|
+
--space-negative-1000: -2.50rem;
|
|
35
|
+
--space-negative-1200: -3.00rem;
|
|
36
|
+
--space-negative-1600: -4.00rem;
|
|
37
|
+
--space-negative-2000: -5.00rem;
|
|
38
|
+
--space-negative-2400: -6.00rem;
|
|
39
|
+
--space-negative-2800: -7.00rem;
|
|
40
|
+
--space-negative-3200: -1.25rem;
|
|
41
|
+
--size-0: 0rem;
|
|
42
|
+
--size-100: 0.25rem;
|
|
43
|
+
--size-150: 0.38rem;
|
|
44
|
+
--size-200: 0.50rem;
|
|
45
|
+
--size-300: 0.75rem;
|
|
46
|
+
--size-400: 1.00rem;
|
|
47
|
+
--size-500: 1.25rem;
|
|
48
|
+
--size-600: 1.50rem;
|
|
49
|
+
--size-700: 1.75rem;
|
|
50
|
+
--size-800: 2.00rem;
|
|
51
|
+
--size-900: 2.25rem;
|
|
52
|
+
--size-1000: 2.50rem;
|
|
53
|
+
--size-1200: 3.00rem;
|
|
54
|
+
--size-1400: 3.50rem;
|
|
55
|
+
--size-1600: 4.00rem;
|
|
56
|
+
--size-2000: 5.00rem;
|
|
57
|
+
--size-2400: 6.00rem;
|
|
58
|
+
--size-2800: 7.00rem;
|
|
59
|
+
--size-3200: 8.00rem;
|
|
60
|
+
--size-025: 0.06rem;
|
|
61
|
+
--size-050: 0.13rem;
|
|
62
|
+
--depth-0: 0px;
|
|
63
|
+
--depth-100: 4px;
|
|
64
|
+
--depth-200: 8px;
|
|
65
|
+
--depth-400: 16px;
|
|
66
|
+
--depth-800: 32px;
|
|
67
|
+
--depth-1200: 48px;
|
|
68
|
+
--depth-025: 1px;
|
|
69
|
+
--depth-negative-025: -1px;
|
|
70
|
+
--depth-negative-100: -4px;
|
|
71
|
+
--depth-negative-200: -8px;
|
|
72
|
+
--depth-negative-400: -16px;
|
|
73
|
+
--depth-negative-800: -32px;
|
|
74
|
+
--depth-negative-1200: -48px;
|
|
75
|
+
--blur-default: 4px;
|
|
76
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
--font-family-heading: 'PP Neue Montreal';
|
|
7
|
+
--font-family-default: 'PP Neue Montreal';
|
|
8
|
+
--font-family-mono: 'Berkeley Mono';
|
|
9
|
+
--font-size-275: 0.69rem;
|
|
10
|
+
--font-size-300: 0.75rem;
|
|
11
|
+
--font-size-325: 0.81rem;
|
|
12
|
+
--font-size-350: 0.88rem;
|
|
13
|
+
--font-size-375: 0.94rem;
|
|
14
|
+
--font-size-400: 1.00rem;
|
|
15
|
+
--font-size-425: 1.06rem;
|
|
16
|
+
--font-size-450: 1.19rem;
|
|
17
|
+
--font-size-500: 1.31rem;
|
|
18
|
+
--font-size-550: 1.44rem;
|
|
19
|
+
--font-size-600: 1.56rem;
|
|
20
|
+
--font-size-750: 1.69rem;
|
|
21
|
+
--font-size-800: 1.81rem;
|
|
22
|
+
--font-size-900: 2.00rem;
|
|
23
|
+
--font-size-1000: 2.13rem;
|
|
24
|
+
--font-size-1200: 2.38rem;
|
|
25
|
+
--font-size-1400: 2.81rem;
|
|
26
|
+
--font-size-1600: 3.38rem;
|
|
27
|
+
--font-line-height-300: 0.75rem;
|
|
28
|
+
--font-line-height-400: 1.00rem;
|
|
29
|
+
--font-line-height-500: 1.25rem;
|
|
30
|
+
--font-line-height-600: 1.50rem;
|
|
31
|
+
--font-line-height-700: 1.75rem;
|
|
32
|
+
--font-line-height-800: 2.00rem;
|
|
33
|
+
--font-line-height-1000: 2.50rem;
|
|
34
|
+
--font-line-height-1200: 3.00rem;
|
|
35
|
+
--font-line-height-1600: 4.00rem;
|
|
36
|
+
--font-line-height-2000: 5.00rem;
|
|
37
|
+
--font-line-height-2400: 6.00rem;
|
|
38
|
+
--font-line-height-2800: 7.00rem;
|
|
39
|
+
--font-line-height-3200: 8.00rem;
|
|
40
|
+
--font-letter-spacing-densest: -0.022em;
|
|
41
|
+
--font-letter-spacing-denser: -0.013em;
|
|
42
|
+
--font-letter-spacing-dense: -0.006em;
|
|
43
|
+
--font-letter-spacing-default: 0em;
|
|
44
|
+
--font-letter-spacing-loose: 0.006em;
|
|
45
|
+
--font-letter-spacing-relaxed: 0.013em;
|
|
46
|
+
--font-letter-spacing-wide: 0.022em;
|
|
47
|
+
--font-weight-thin: 100;
|
|
48
|
+
--font-weight-extra-light: 200;
|
|
49
|
+
--font-weight-light: 300;
|
|
50
|
+
--font-weight-regular: 400;
|
|
51
|
+
--font-weight-medium: 500;
|
|
52
|
+
--font-weight-semi-bold: 600;
|
|
53
|
+
--font-weight-bold: 700;
|
|
54
|
+
--font-weight-extra-bold: 800;
|
|
55
|
+
--font-weight-black: 900;
|
|
56
|
+
}
|
|
@@ -3,5 +3,20 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
:root {
|
|
6
|
-
--color-
|
|
6
|
+
--color-text-contrast: var(--color-neutral-900);
|
|
7
|
+
--color-text-default: var(--color-neutral-700);
|
|
8
|
+
--color-text-subtle: var(--color-neutral-500);
|
|
9
|
+
--color-text-accent: var(--color-blue-700);
|
|
10
|
+
--color-feedback-negative-text: var(--color-red-700);
|
|
11
|
+
--color-feedback-negative-icon: var(--color-red-500);
|
|
12
|
+
--color-feedback-negative-bg: var(--color-red-100);
|
|
13
|
+
--color-feedback-warning-text: var(--color-yellow-700);
|
|
14
|
+
--color-feedback-warning-icon: var(--color-yellow-500);
|
|
15
|
+
--color-feedback-warning-bg: var(--color-yellow-100);
|
|
16
|
+
--color-feedback-positive-text: var(--color-green-700);
|
|
17
|
+
--color-feedback-positive-icon: var(--color-green-500);
|
|
18
|
+
--color-feedback-positive-bg: var(--color-green-100);
|
|
19
|
+
--color-feedback-informative-text: var(--color-blue-800);
|
|
20
|
+
--color-feedback-informative-icon: var(--color-blue-600);
|
|
21
|
+
--color-feedback-informative-bg: var(--color-blue-100);
|
|
7
22
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Sat, 13 Sep 2025 10:12:16 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
@media (prefers-color-scheme: dark) {
|
|
7
|
+
:root {
|
|
8
|
+
--color-text-contrast: var(--color-neutral-00);
|
|
9
|
+
--color-text-default: var(--color-neutral-100);
|
|
10
|
+
--color-text-subtle: var(--color-neutral-300);
|
|
11
|
+
--color-text-accent: var(--color-blue-500);
|
|
12
|
+
--color-feedback-negative-text: var(--color-red-500);
|
|
13
|
+
--color-feedback-negative-icon: var(--color-red-400);
|
|
14
|
+
--color-feedback-negative-bg: var(--color-red-100);
|
|
15
|
+
--color-feedback-warning-text: var(--color-yellow-500);
|
|
16
|
+
--color-feedback-warning-icon: var(--color-yellow-300);
|
|
17
|
+
--color-feedback-warning-bg: var(--color-yellow-100);
|
|
18
|
+
--color-feedback-positive-text: var(--color-green-500);
|
|
19
|
+
--color-feedback-positive-icon: var(--color-green-400);
|
|
20
|
+
--color-feedback-positive-bg: var(--color-green-100);
|
|
21
|
+
--color-feedback-informative-text: var(--color-blue-600);
|
|
22
|
+
--color-feedback-informative-icon: var(--color-blue-500);
|
|
23
|
+
--color-feedback-informative-bg: var(--color-blue-100);
|
|
24
|
+
}
|
|
25
|
+
}
|
package/package.json
CHANGED