snapshot-labs-theme 0.1.39 → 0.1.41

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 (4) hide show
  1. package/build/css/base/colors.css +11 -0
  2. package/build/css/base/typography.css +5 -4
  3. package/build/scss/text-style-mixins.scss +36 -36
  4. package/package.json +1 -1
package/build/css/base/colors.css CHANGED
@@ -90,6 +90,17 @@
90
90
  --color-green-800: oklch(0.43 0.09 162.83);
91
91
  --color-green-900: oklch(0.38 0.08 164.78);
92
92
  --color-green-950: oklch(0.26 0.05 168.89);
93
+ --color-green-alpha-50: oklch(0.81 0.21 151.52 / 0.06);
94
+ --color-green-alpha-100: oklch(0.81 0.22 149.94 / 0.19);
95
+ --color-green-alpha-200: oklch(0.79 0.21 150.94 / 0.35);
96
+ --color-green-alpha-300: oklch(0.77 0.19 153.73 / 0.57);
97
+ --color-green-alpha-400: oklch(0.73 0.18 155.51 / 0.83);
98
+ --color-green-alpha-500: oklch(0.68 0.16 157.18 / 0.94);
99
+ --color-green-alpha-600: oklch(0.59 0.14 158.98 / 0.99);
100
+ --color-green-alpha-700: oklch(0.5 0.11 161.22 / 0.99);
101
+ --color-green-alpha-800: oklch(0.42 0.09 161.83 / 0.98);
102
+ --color-green-alpha-900: oklch(0.36 0.08 164.34 / 0.98);
103
+ --color-green-alpha-950: oklch(0.26 0.05 168.89);
93
104
  --color-teal-50: oklch(0.98 0.02 181.79);
94
105
  --color-teal-100: oklch(0.95 0.04 180.81);
95
106
  --color-teal-200: oklch(0.9 0.08 178.88);
package/build/css/base/typography.css CHANGED
@@ -3,10 +3,10 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --font-family-editorial: 'Cabinet Grotesk';
7
- --font-family-heading: 'Cabinet Grotesk';
8
- --font-family-default: 'Innovator Grotesk';
9
- --font-family-mono: 'Berkeley Mono';
6
+ --font-family-editorial: 'Space Grotesk';
7
+ --font-family-heading: 'Space Grotesk';
8
+ --font-family-default: 'TASA Orbiter';
9
+ --font-family-mono: 'Azeret Mono';
10
10
  --font-size-275: 0.69rem;
11
11
  --font-size-300: 0.75rem;
12
12
  --font-size-325: 0.81rem;
@@ -33,6 +33,7 @@
33
33
  --font-line-height-800: 2.00rem;
34
34
  --font-line-height-1000: 2.50rem;
35
35
  --font-line-height-1200: 3.00rem;
36
+ --font-line-height-1400: 3.50rem;
36
37
  --font-line-height-1600: 4.00rem;
37
38
  --font-line-height-2000: 5.00rem;
38
39
  --font-line-height-2400: 6.00rem;
package/build/scss/text-style-mixins.scss CHANGED
@@ -4,63 +4,63 @@
4
4
  */
5
5
 
6
6
  @mixin text-heading-display {
7
- font-family: 'Cabinet Grotesk';
8
- font-weight: 900;
7
+ font-family: 'Space Grotesk';
8
+ font-weight: 700;
9
9
  font-size: 3.38rem;
10
- line-height: 4.00rem;
11
- letter-spacing: -0.006em;
10
+ line-height: 3.50rem;
11
+ letter-spacing: -0.022em;
12
12
  }
13
13
 
14
14
  @mixin text-heading-3xl {
15
- font-family: 'Cabinet Grotesk';
16
- font-weight: 800;
15
+ font-family: 'Space Grotesk';
16
+ font-weight: 700;
17
17
  font-size: 2.81rem;
18
- line-height: 4.00rem;
19
- letter-spacing: -0.013em;
18
+ line-height: 3.50rem;
19
+ letter-spacing: -0.022em;
20
20
  }
21
21
 
22
22
  @mixin text-heading-2xl {
23
- font-family: 'Cabinet Grotesk';
24
- font-weight: 800;
23
+ font-family: 'Space Grotesk';
24
+ font-weight: 700;
25
25
  font-size: 2.38rem;
26
26
  line-height: 3.00rem;
27
- letter-spacing: 0em;
27
+ letter-spacing: -0.022em;
28
28
  }
29
29
 
30
30
  @mixin text-heading-xl {
31
- font-family: 'Cabinet Grotesk';
32
- font-weight: 800;
31
+ font-family: 'Space Grotesk';
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: 'Cabinet Grotesk';
40
- font-weight: 700;
39
+ font-family: 'Space Grotesk';
40
+ font-weight: 600;
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: 'Cabinet Grotesk';
48
- font-weight: 700;
47
+ font-family: 'Space Grotesk';
48
+ font-weight: 600;
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: 'Cabinet Grotesk';
56
- font-weight: 700;
55
+ font-family: 'Space Grotesk';
56
+ font-weight: 600;
57
57
  font-size: 1.19rem;
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: 'Cabinet Grotesk';
63
+ font-family: 'Space Grotesk';
64
64
  font-weight: 700;
65
65
  font-size: 1.44rem;
66
66
  line-height: 2.00rem;
@@ -68,7 +68,7 @@
68
68
  }
69
69
 
70
70
  @mixin text-body-lg {
71
- font-family: 'Innovator Grotesk';
71
+ font-family: 'TASA Orbiter';
72
72
  font-weight: 400;
73
73
  font-size: 1.25rem;
74
74
  line-height: 2.00rem;
@@ -76,7 +76,7 @@
76
76
  }
77
77
 
78
78
  @mixin text-body-base {
79
- font-family: 'Innovator Grotesk';
79
+ font-family: 'TASA Orbiter';
80
80
  font-weight: 400;
81
81
  font-size: 1.19rem;
82
82
  line-height: 2.00rem;
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  @mixin text-body-sm {
87
- font-family: 'Innovator Grotesk';
87
+ font-family: 'TASA Orbiter';
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: 'TASA Orbiter';
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: 'TASA Orbiter';
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: 'TASA Orbiter';
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: 'TASA Orbiter';
120
120
  font-weight: 700;
121
121
  font-size: 0.69rem;
122
122
  line-height: 1.00rem;
@@ -124,7 +124,7 @@
124
124
  }
125
125
 
126
126
  @mixin text-ui-secondary-lg {
127
- font-family: 'Innovator Grotesk';
127
+ font-family: 'TASA Orbiter';
128
128
  font-weight: 600;
129
129
  font-size: 1.06rem;
130
130
  line-height: 1.75rem;
@@ -132,7 +132,7 @@
132
132
  }
133
133
 
134
134
  @mixin text-ui-secondary-md {
135
- font-family: 'Innovator Grotesk';
135
+ font-family: 'TASA Orbiter';
136
136
  font-weight: 600;
137
137
  font-size: 0.94rem;
138
138
  line-height: 1.50rem;
@@ -140,7 +140,7 @@
140
140
  }
141
141
 
142
142
  @mixin text-ui-secondary-sm {
143
- font-family: 'Innovator Grotesk';
143
+ font-family: 'TASA Orbiter';
144
144
  font-weight: 600;
145
145
  font-size: 0.81rem;
146
146
  line-height: 1.25rem;
@@ -148,7 +148,7 @@
148
148
  }
149
149
 
150
150
  @mixin text-ui-secondary-xs {
151
- font-family: 'Innovator Grotesk';
151
+ font-family: 'TASA Orbiter';
152
152
  font-weight: 600;
153
153
  font-size: 0.69rem;
154
154
  line-height: 1.00rem;
@@ -156,7 +156,7 @@
156
156
  }
157
157
 
158
158
  @mixin text-ui-tertiary-lg {
159
- font-family: 'Innovator Grotesk';
159
+ font-family: 'TASA Orbiter';
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: 'TASA Orbiter';
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: 'TASA Orbiter';
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: 'TASA Orbiter';
184
184
  font-weight: 400;
185
185
  font-size: 0.69rem;
186
186
  line-height: 1.00rem;
@@ -188,7 +188,7 @@
188
188
  }
189
189
 
190
190
  @mixin text-meta-mono {
191
- font-family: 'Berkeley Mono';
191
+ font-family: 'Azeret Mono';
192
192
  font-weight: 500;
193
193
  font-size: 0.69rem;
194
194
  line-height: 1.00rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "snapshot-labs-theme",
3
- "version": "0.1.39",
3
+ "version": "0.1.41",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "node build.js",