snapshot-labs-theme 0.1.22 → 0.1.24

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.
Files changed (5) hide show
  1. package/build/css/base/colors.css +4 -0
  2. package/build/css/base/typography.css +5 -4
  3. package/build/css/semantic/colors.dark.css +5 -5
  4. package/build/scss/text-style-mixins.scss +37 -37
  5. package/package.json +1 -1
package/build/css/base/colors.css CHANGED
@@ -3,6 +3,10 @@
3
3
  */
4
4
 
5
5
  :root {
6
+ --color-neutral-dark-surface-1: oklch(0.22 0 0);
7
+ --color-neutral-dark-surface-2: oklch(0.24 0 0);
8
+ --color-neutral-dark-surface-3: oklch(0.29 0 0);
9
+ --color-neutral-dark-surface-4: oklch(0.34 0 0);
6
10
  --color-neutral-50: oklch(0.96 0 0);
7
11
  --color-neutral-100: oklch(0.92 0 0);
8
12
  --color-neutral-200: oklch(0.89 0 0);
package/build/css/base/typography.css CHANGED
@@ -3,8 +3,9 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --font-family-heading: 'Roboto Slab';
7
- --font-family-default: 'Innovator Grotesk';
6
+ --font-family-editorial: 'PP Editorial New';
7
+ --font-family-heading: Gotham;
8
+ --font-family-default: Gotham;
8
9
  --font-family-mono: 'Berkeley Mono';
9
10
  --font-size-275: 0.69rem;
10
11
  --font-size-300: 0.75rem;
@@ -13,8 +14,8 @@
13
14
  --font-size-375: 0.94rem;
14
15
  --font-size-400: 1.00rem;
15
16
  --font-size-425: 1.06rem;
16
- --font-size-450: 1.19rem;
17
- --font-size-500: 1.31rem;
17
+ --font-size-450: 1.13rem;
18
+ --font-size-500: 1.25rem;
18
19
  --font-size-550: 1.44rem;
19
20
  --font-size-600: 1.56rem;
20
21
  --font-size-750: 1.69rem;
package/build/css/semantic/colors.dark.css CHANGED
@@ -11,11 +11,11 @@
11
11
  --color-text-contrast-on-dark-bg: var(--#ffffff);
12
12
  --color-text-default-on-dark-bg: var(--#ffffff);
13
13
  --color-text-subtle-on-dark-bg: var(--#ffffff);
14
- --color-bg-surface-sunken: var(--color-neutral-1000);
15
- --color-bg-surface-default: var(--color-neutral-950);
16
- --color-bg-surface-raised: var(--color-neutral-900);
17
- --color-bg-surface-overlay: var(--#ffffff);
18
- --color-bg-surface-inverse: var(--color-neutral-900);
14
+ --color-bg-surface-sunken: var(--color-neutral-dark-surface-1);
15
+ --color-bg-surface-default: var(--color-neutral-dark-surface-2);
16
+ --color-bg-surface-raised: var(--color-neutral-dark-surface-3);
17
+ --color-bg-surface-overlay: var(--color-neutral-dark-surface-4);
18
+ --color-bg-surface-inverse: var(--color-neutral-dark-surface-4);
19
19
  --color-bg-brand-green: var(--color-green-500);
20
20
  --color-bg-brand-orange: var(--color-orange-400);
21
21
  --color-border-default: var(--color-neutral-600);
package/build/scss/text-style-mixins.scss CHANGED
@@ -4,87 +4,87 @@
4
4
  */
5
5
 
6
6
  @mixin text-heading-display {
7
- font-family: 'Roboto Slab';
8
- font-weight: 600;
7
+ font-family: 'PP Editorial New';
8
+ font-weight: 900;
9
9
  font-size: 3.38rem;
10
10
  line-height: 4.00rem;
11
11
  letter-spacing: -0.006em;
12
12
  }
13
13
 
14
14
  @mixin text-heading-3xl {
15
- font-family: 'Roboto Slab';
16
- font-weight: 600;
15
+ font-family: Gotham;
16
+ font-weight: 700;
17
17
  font-size: 2.81rem;
18
18
  line-height: 4.00rem;
19
19
  letter-spacing: -0.013em;
20
20
  }
21
21
 
22
22
  @mixin text-heading-2xl {
23
- font-family: 'Roboto Slab';
24
- font-weight: 500;
23
+ font-family: Gotham;
24
+ font-weight: 400;
25
25
  font-size: 2.38rem;
26
26
  line-height: 3.00rem;
27
27
  letter-spacing: 0em;
28
28
  }
29
29
 
30
30
  @mixin text-heading-xl {
31
- font-family: 'Roboto Slab';
32
- font-weight: 500;
31
+ font-family: Gotham;
32
+ font-weight: 700;
33
33
  font-size: 2.00rem;
34
34
  line-height: 2.50rem;
35
35
  letter-spacing: 0em;
36
36
  }
37
37
 
38
38
  @mixin text-heading-lg {
39
- font-family: 'Roboto Slab';
40
- font-weight: 500;
39
+ font-family: Gotham;
40
+ font-weight: 700;
41
41
  font-size: 1.69rem;
42
42
  line-height: 2.00rem;
43
43
  letter-spacing: 0.013em;
44
44
  }
45
45
 
46
46
  @mixin text-heading-md {
47
- font-family: 'Roboto Slab';
48
- font-weight: 500;
47
+ font-family: Gotham;
48
+ font-weight: 700;
49
49
  font-size: 1.44rem;
50
50
  line-height: 1.75rem;
51
51
  letter-spacing: 0.013em;
52
52
  }
53
53
 
54
54
  @mixin text-heading-sm {
55
- font-family: 'Roboto Slab';
55
+ font-family: Gotham;
56
56
  font-weight: 500;
57
- font-size: 1.19rem;
57
+ font-size: 1.13rem;
58
58
  line-height: 1.50rem;
59
59
  letter-spacing: 0.022em;
60
60
  }
61
61
 
62
62
  @mixin text-body-quote {
63
- font-family: 'Innovator Grotesk';
63
+ font-family: Gotham;
64
64
  font-weight: 500;
65
- font-size: 1.31rem;
65
+ font-size: 1.25rem;
66
66
  line-height: 2.00rem;
67
67
  letter-spacing: 0em;
68
68
  }
69
69
 
70
70
  @mixin text-body-lg {
71
- font-family: 'Innovator Grotesk';
71
+ font-family: Gotham;
72
72
  font-weight: 300;
73
- font-size: 1.31rem;
73
+ font-size: 1.25rem;
74
74
  line-height: 2.00rem;
75
75
  letter-spacing: 0em;
76
76
  }
77
77
 
78
78
  @mixin text-body-base {
79
- font-family: 'Innovator Grotesk';
79
+ font-family: Gotham;
80
80
  font-weight: 400;
81
- font-size: 1.19rem;
81
+ font-size: 1.13rem;
82
82
  line-height: 2.00rem;
83
83
  letter-spacing: 0em;
84
84
  }
85
85
 
86
86
  @mixin text-body-sm {
87
- font-family: 'Innovator Grotesk';
87
+ font-family: Gotham;
88
88
  font-weight: 400;
89
89
  font-size: 0.88rem;
90
90
  line-height: 1.25rem;
@@ -92,7 +92,7 @@
92
92
  }
93
93
 
94
94
  @mixin text-ui-primary-lg {
95
- font-family: 'Innovator Grotesk';
95
+ font-family: Gotham;
96
96
  font-weight: 700;
97
97
  font-size: 1.06rem;
98
98
  line-height: 1.75rem;
@@ -100,7 +100,7 @@
100
100
  }
101
101
 
102
102
  @mixin text-ui-primary-md {
103
- font-family: 'Innovator Grotesk';
103
+ font-family: Gotham;
104
104
  font-weight: 700;
105
105
  font-size: 0.94rem;
106
106
  line-height: 1.50rem;
@@ -108,7 +108,7 @@
108
108
  }
109
109
 
110
110
  @mixin text-ui-primary-sm {
111
- font-family: 'Innovator Grotesk';
111
+ font-family: Gotham;
112
112
  font-weight: 700;
113
113
  font-size: 0.81rem;
114
114
  line-height: 1.25rem;
@@ -116,7 +116,7 @@
116
116
  }
117
117
 
118
118
  @mixin text-ui-primary-xs {
119
- font-family: 'Innovator Grotesk';
119
+ font-family: Gotham;
120
120
  font-weight: 700;
121
121
  font-size: 0.75rem;
122
122
  line-height: 1.00rem;
@@ -124,39 +124,39 @@
124
124
  }
125
125
 
126
126
  @mixin text-ui-secondary-lg {
127
- font-family: 'Innovator Grotesk';
128
- font-weight: 600;
127
+ font-family: Gotham;
128
+ font-weight: 500;
129
129
  font-size: 1.06rem;
130
130
  line-height: 1.75rem;
131
131
  letter-spacing: 0em;
132
132
  }
133
133
 
134
134
  @mixin text-ui-secondary-md {
135
- font-family: 'Innovator Grotesk';
136
- font-weight: 600;
135
+ font-family: Gotham;
136
+ font-weight: 500;
137
137
  font-size: 0.94rem;
138
138
  line-height: 1.50rem;
139
139
  letter-spacing: 0em;
140
140
  }
141
141
 
142
142
  @mixin text-ui-secondary-sm {
143
- font-family: 'Innovator Grotesk';
144
- font-weight: 600;
143
+ font-family: Gotham;
144
+ font-weight: 500;
145
145
  font-size: 0.81rem;
146
146
  line-height: 1.25rem;
147
147
  letter-spacing: 0em;
148
148
  }
149
149
 
150
150
  @mixin text-ui-secondary-xs {
151
- font-family: 'Innovator Grotesk';
152
- font-weight: 600;
151
+ font-family: Gotham;
152
+ font-weight: 500;
153
153
  font-size: 0.75rem;
154
154
  line-height: 1.00rem;
155
155
  letter-spacing: 0em;
156
156
  }
157
157
 
158
158
  @mixin text-ui-tertiary-lg {
159
- font-family: 'Innovator Grotesk';
159
+ font-family: Gotham;
160
160
  font-weight: 400;
161
161
  font-size: 1.06rem;
162
162
  line-height: 1.75rem;
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  @mixin text-ui-tertiary-md {
167
- font-family: 'Innovator Grotesk';
167
+ font-family: Gotham;
168
168
  font-weight: 400;
169
169
  font-size: 0.94rem;
170
170
  line-height: 1.50rem;
@@ -172,7 +172,7 @@
172
172
  }
173
173
 
174
174
  @mixin text-ui-tertiary-sm {
175
- font-family: 'Innovator Grotesk';
175
+ font-family: Gotham;
176
176
  font-weight: 400;
177
177
  font-size: 0.81rem;
178
178
  line-height: 1.25rem;
@@ -180,7 +180,7 @@
180
180
  }
181
181
 
182
182
  @mixin text-ui-tertiary-xs {
183
- font-family: 'Innovator Grotesk';
183
+ font-family: Gotham;
184
184
  font-weight: 400;
185
185
  font-size: 0.75rem;
186
186
  line-height: 1.00rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "snapshot-labs-theme",
3
- "version": "0.1.22",
3
+ "version": "0.1.24",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "node build.js",