snapshot-labs-theme 0.1.41 → 0.1.44

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 +16 -18
  2. package/build/css/semantic/colors.css +22 -17
  3. package/build/css/semantic/colors.dark.css +32 -27
  4. package/build/scss/text-style-mixins.scss +12 -12
  5. package/package.json +1 -1
package/build/css/base/colors.css CHANGED
@@ -3,24 +3,22 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --color-neutral-dark-surface-1: oklch(0.19 0 0);
7
- --color-neutral-dark-surface-2: oklch(0.24 0 0);
8
- --color-neutral-dark-surface-3: oklch(0.27 0 0);
9
- --color-neutral-dark-surface-4: oklch(0.31 0 0);
10
- --color-neutral-25: oklch(0.99 0.01 95.08);
11
- --color-neutral-50: oklch(0.95 0.01 98.22);
12
- --color-neutral-100: oklch(0.92 0.01 98.24);
13
- --color-neutral-150: oklch(0.88 0.01 97.40);
14
- --color-neutral-200: oklch(0.85 0.01 101.99);
15
- --color-neutral-300: oklch(0.77 0.01 96.41);
16
- --color-neutral-400: oklch(0.7 0.02 99.06);
17
- --color-neutral-500: oklch(0.62 0.01 88.62);
18
- --color-neutral-600: oklch(0.54 0.01 97.38);
19
- --color-neutral-700: oklch(0.45 0 91.44);
20
- --color-neutral-800: oklch(0.37 0 67.70);
21
- --color-neutral-850: oklch(0.32 0 84.54);
22
- --color-neutral-900: oklch(0.27 0 67.74);
23
- --color-neutral-950: oklch(0.22 0 67.71);
6
+ --color-neutral-dark-surface-1: oklch(0.14 0 0);
7
+ --color-neutral-dark-surface-2: oklch(0.18 0 0);
8
+ --color-neutral-dark-surface-3: oklch(0.2 0 0);
9
+ --color-neutral-dark-surface-4: oklch(0.24 0 0);
10
+ --color-neutral-dark-surface-5: oklch(0.26 0 0);
11
+ --color-neutral-50: oklch(0.98 0 247.80);
12
+ --color-neutral-100: oklch(0.95 0.01 247.84);
13
+ --color-neutral-150: oklch(0.89 0.01 247.92);
14
+ --color-neutral-200: oklch(0.83 0.02 253.92);
15
+ --color-neutral-300: oklch(0.74 0.02 259.20);
16
+ --color-neutral-400: oklch(0.65 0.02 260.71);
17
+ --color-neutral-500: oklch(0.55 0.03 260.27);
18
+ --color-neutral-600: oklch(0.47 0.03 271.65);
19
+ --color-neutral-700: oklch(0.39 0.02 271.85);
20
+ --color-neutral-800: oklch(0.32 0.02 281.37);
21
+ --color-neutral-900: oklch(0.23 0.02 280.26);
24
22
  --color-neutral-white: oklch(1 0 0);
25
23
  --color-neutral-off-white: oklch(0.99 0 105.51);
26
24
  --color-neutral-black: oklch(0.17 0 17.50);
package/build/css/semantic/colors.css CHANGED
@@ -13,33 +13,37 @@
13
13
  --color-bg-surface-default: var(--color-neutral-white);
14
14
  --color-bg-surface-raised: var(--color-neutral-white);
15
15
  --color-bg-surface-overlay: var(--color-neutral-white);
16
- --color-bg-surface-inverse: var(--color-neutral-950);
17
- --color-bg-brand-green: var(--color-green-400);
18
- --color-bg-brand-orange: var(--color-orange-400);
16
+ --color-bg-surface-inverse: var(--color-neutral-dark-surface-4);
17
+ --color-bg-brand-primary: var(--color-green-400);
18
+ --color-bg-brand-secondary: var(--color-orange-400);
19
+ --color-bg-brand-tertiary: var(--color-cyan-400);
19
20
  --color-bg-neutral-default: var(--color-neutral-600);
20
21
  --color-bg-neutral-secondary: var(--color-neutral-off-white);
21
- --color-bg-neutral-tertiary: var(--color-black-alpha-4);
22
- --color-text-contrast: var(--color-neutral-950);
22
+ --color-bg-neutral-tertiary: var(--color-black-alpha-3);
23
+ --color-text-contrast: var(--color-neutral-800);
23
24
  --color-text-default: var(--color-neutral-700);
24
25
  --color-text-subtle: var(--color-neutral-600);
25
26
  --color-text-accent: var(--color-green-700);
26
- --color-text-contrast-on-dark-bg: var(--color-neutral-white);
27
- --color-text-default-on-dark-bg: var(--color-neutral-100);
27
+ --color-text-contrast-on-dark-bg: var(--color-neutral-100);
28
+ --color-text-default-on-dark-bg: var(--color-neutral-150);
28
29
  --color-text-subtle-on-dark-bg: var(--color-neutral-200);
29
30
  --color-border-default: var(--color-black-alpha-12);
30
31
  --color-border-secondary: var(--color-black-alpha-8);
31
- --color-action-icon-default: var(--color-green-600);
32
- --color-action-icon-default-hover: var(--color-green-700);
33
- --color-action-icon-active: var(--color-green-600);
34
- --color-action-bg-default: var(--color-neutral-700);
35
- --color-action-bg-default-hover: var(--color-neutral-600);
36
- --color-action-bg-active: var(--color-black-alpha-3);
37
- --color-action-text-default: var(--color-neutral-700);
38
- --color-action-text-secondary: var(--color-neutral-600);
39
- --color-action-text-tertiary: var(--color-neutral-300);
32
+ --color-action-icon-brand-default: var(--color-green-600);
33
+ --color-action-icon-brand-default-hover: var(--color-green-700);
34
+ --color-action-icon-brand-active: var(--color-green-600);
35
+ --color-action-icon-brand-on-brand-bg: var(--color-green-600);
36
+ --color-action-icon-brand-on-brand-secondary: var(--color-green-600);
37
+ --color-action-icon-brand-on-brand-tertiary: var(--color-green-700);
38
+ --color-action-bg-brand-default: var(--color-neutral-700);
39
+ --color-action-bg-brand-default-hover: var(--color-neutral-600);
40
+ --color-action-bg-brand-active: var(--color-green-alpha-50);
41
+ --color-action-text-brand-default: var(--color-neutral-700);
42
+ --color-action-text-brand-secondary: var(--color-neutral-600);
43
+ --color-action-text-brand-active: var(--color-green-700);
40
44
  --color-action-border-default: var(--color-neutral-700);
41
45
  --color-action-border-secondary: var(--color-neutral-600);
42
- --color-action-border-tertiary: var(--color-neutral-300);
46
+ --color-action-border-active: var(--color-green-600);
43
47
  --color-feedback-negative-text: var(--color-red-700);
44
48
  --color-feedback-negative-icon: var(--color-red-500);
45
49
  --color-feedback-negative-bg: var(--color-red-100);
@@ -52,4 +56,5 @@
52
56
  --color-feedback-informative-text: var(--color-blue-800);
53
57
  --color-feedback-informative-icon: var(--color-blue-600);
54
58
  --color-feedback-informative-bg: var(--color-blue-100);
59
+ --hue-green: var(--#4ff0b744);
55
60
  }
package/build/css/semantic/colors.dark.css CHANGED
@@ -8,37 +8,41 @@
8
8
  --color-icon-secondary: var(--color-neutral-500);
9
9
  --color-icon-tertiary: var(--color-neutral-600);
10
10
  --color-bg-drag-handle: var(--color-white-alpha-16);
11
- --color-bg-surface-sunken: var(--color-neutral-black);
12
- --color-bg-surface-default: var(--color-neutral-950);
13
- --color-bg-surface-raised: var(--color-neutral-900);
14
- --color-bg-surface-overlay: var(--color-neutral-850);
15
- --color-bg-surface-inverse: var(--color-neutral-850);
16
- --color-bg-brand-green: var(--color-green-500);
17
- --color-bg-brand-orange: var(--color-orange-400);
11
+ --color-bg-surface-sunken: var(--color-neutral-dark-surface-1);
12
+ --color-bg-surface-default: var(--color-neutral-dark-surface-2);
13
+ --color-bg-surface-raised: var(--color-neutral-dark-surface-3);
14
+ --color-bg-surface-overlay: var(--color-neutral-dark-surface-5);
15
+ --color-bg-surface-inverse: var(--color-neutral-dark-surface-4);
16
+ --color-bg-brand-primary: var(--color-green-500);
17
+ --color-bg-brand-secondary: var(--color-orange-400);
18
+ --color-bg-brand-tertiary: var(--color-orange-400);
18
19
  --color-bg-neutral-default: var(--color-neutral-500);
19
20
  --color-bg-neutral-secondary: var(--color-neutral-black);
20
- --color-bg-neutral-tertiary: var(--color-white-alpha-8);
21
- --color-text-contrast: var(--color-neutral-50);
22
- --color-text-default: var(--color-neutral-300);
23
- --color-text-subtle: var(--color-neutral-400);
24
- --color-text-accent: var(--color-green-400);
25
- --color-text-contrast-on-dark-bg: var(--#ffffff);
26
- --color-text-default-on-dark-bg: var(--#ffffff);
27
- --color-text-subtle-on-dark-bg: var(--#ffffff);
28
- --color-border-default: var(--color-white-alpha-32);
29
- --color-border-secondary: var(--color-white-alpha-24);
30
- --color-action-icon-default: var(--color-neutral-300);
31
- --color-action-icon-default-hover: var(--color-neutral-500);
32
- --color-action-icon-active: var(--color-green-500);
33
- --color-action-bg-default: var(--color-neutral-300);
34
- --color-action-bg-default-hover: var(--color-neutral-500);
35
- --color-action-bg-active: var(--color-white-alpha-8);
36
- --color-action-text-default: var(--color-neutral-300);
37
- --color-action-text-secondary: var(--color-neutral-500);
38
- --color-action-text-tertiary: var(--color-neutral-600);
21
+ --color-bg-neutral-tertiary: var(--color-white-alpha-12);
22
+ --color-text-contrast: var(--color-neutral-off-white);
23
+ --color-text-default: var(--color-neutral-200);
24
+ --color-text-subtle: var(--color-neutral-300);
25
+ --color-text-accent: var(--color-green-500);
26
+ --color-text-contrast-on-dark-bg: var(--color-neutral-100);
27
+ --color-text-default-on-dark-bg: var(--color-neutral-100);
28
+ --color-text-subtle-on-dark-bg: var(--color-neutral-100);
29
+ --color-border-default: var(--color-white-alpha-16);
30
+ --color-border-secondary: var(--color-white-alpha-8);
31
+ --color-action-icon-brand-default: var(--color-neutral-300);
32
+ --color-action-icon-brand-default-hover: var(--color-neutral-500);
33
+ --color-action-icon-brand-active: var(--color-green-500);
34
+ --color-action-icon-brand-on-brand-bg: var(--color-green-500);
35
+ --color-action-icon-brand-on-brand-secondary: var(--color-green-500);
36
+ --color-action-icon-brand-on-brand-tertiary: var(--color-green-400);
37
+ --color-action-bg-brand-default: var(--color-neutral-300);
38
+ --color-action-bg-brand-default-hover: var(--color-neutral-500);
39
+ --color-action-bg-brand-active: var(--color-green-alpha-100);
40
+ --color-action-text-brand-default: var(--color-neutral-300);
41
+ --color-action-text-brand-secondary: var(--color-neutral-500);
42
+ --color-action-text-brand-active: var(--color-neutral-600);
39
43
  --color-action-border-default: var(--color-neutral-300);
40
44
  --color-action-border-secondary: var(--color-neutral-500);
41
- --color-action-border-tertiary: var(--color-neutral-600);
45
+ --color-action-border-active: var(--color-green-500);
42
46
  --color-feedback-negative-text: var(--color-red-500);
43
47
  --color-feedback-negative-icon: var(--color-red-400);
44
48
  --color-feedback-negative-bg: var(--color-red-100);
@@ -51,4 +55,5 @@
51
55
  --color-feedback-informative-text: var(--color-blue-600);
52
56
  --color-feedback-informative-icon: var(--color-blue-500);
53
57
  --color-feedback-informative-bg: var(--color-blue-100);
58
+ --hue-green: var(--#4ff0b744);
54
59
  }
package/build/scss/text-style-mixins.scss CHANGED
@@ -94,7 +94,7 @@
94
94
  @mixin text-ui-primary-lg {
95
95
  font-family: 'TASA Orbiter';
96
96
  font-weight: 700;
97
- font-size: 1.06rem;
97
+ font-size: 1.19rem;
98
98
  line-height: 1.75rem;
99
99
  letter-spacing: 0em;
100
100
  }
@@ -102,7 +102,7 @@
102
102
  @mixin text-ui-primary-md {
103
103
  font-family: 'TASA Orbiter';
104
104
  font-weight: 700;
105
- font-size: 0.94rem;
105
+ font-size: 1.00rem;
106
106
  line-height: 1.50rem;
107
107
  letter-spacing: 0em;
108
108
  }
@@ -110,7 +110,7 @@
110
110
  @mixin text-ui-primary-sm {
111
111
  font-family: 'TASA Orbiter';
112
112
  font-weight: 700;
113
- font-size: 0.81rem;
113
+ font-size: 0.88rem;
114
114
  line-height: 1.25rem;
115
115
  letter-spacing: 0em;
116
116
  }
@@ -118,7 +118,7 @@
118
118
  @mixin text-ui-primary-xs {
119
119
  font-family: 'TASA Orbiter';
120
120
  font-weight: 700;
121
- font-size: 0.69rem;
121
+ font-size: 0.75rem;
122
122
  line-height: 1.00rem;
123
123
  letter-spacing: 0em;
124
124
  }
@@ -126,7 +126,7 @@
126
126
  @mixin text-ui-secondary-lg {
127
127
  font-family: 'TASA Orbiter';
128
128
  font-weight: 600;
129
- font-size: 1.06rem;
129
+ font-size: 1.19rem;
130
130
  line-height: 1.75rem;
131
131
  letter-spacing: 0em;
132
132
  }
@@ -134,7 +134,7 @@
134
134
  @mixin text-ui-secondary-md {
135
135
  font-family: 'TASA Orbiter';
136
136
  font-weight: 600;
137
- font-size: 0.94rem;
137
+ font-size: 1.00rem;
138
138
  line-height: 1.50rem;
139
139
  letter-spacing: 0em;
140
140
  }
@@ -142,7 +142,7 @@
142
142
  @mixin text-ui-secondary-sm {
143
143
  font-family: 'TASA Orbiter';
144
144
  font-weight: 600;
145
- font-size: 0.81rem;
145
+ font-size: 0.88rem;
146
146
  line-height: 1.25rem;
147
147
  letter-spacing: 0em;
148
148
  }
@@ -150,7 +150,7 @@
150
150
  @mixin text-ui-secondary-xs {
151
151
  font-family: 'TASA Orbiter';
152
152
  font-weight: 600;
153
- font-size: 0.69rem;
153
+ font-size: 0.75rem;
154
154
  line-height: 1.00rem;
155
155
  letter-spacing: 0em;
156
156
  }
@@ -158,7 +158,7 @@
158
158
  @mixin text-ui-tertiary-lg {
159
159
  font-family: 'TASA Orbiter';
160
160
  font-weight: 400;
161
- font-size: 1.06rem;
161
+ font-size: 1.19rem;
162
162
  line-height: 1.75rem;
163
163
  letter-spacing: 0em;
164
164
  }
@@ -166,7 +166,7 @@
166
166
  @mixin text-ui-tertiary-md {
167
167
  font-family: 'TASA Orbiter';
168
168
  font-weight: 400;
169
- font-size: 0.94rem;
169
+ font-size: 1.00rem;
170
170
  line-height: 1.50rem;
171
171
  letter-spacing: 0em;
172
172
  }
@@ -174,7 +174,7 @@
174
174
  @mixin text-ui-tertiary-sm {
175
175
  font-family: 'TASA Orbiter';
176
176
  font-weight: 400;
177
- font-size: 0.81rem;
177
+ font-size: 0.88rem;
178
178
  line-height: 1.25rem;
179
179
  letter-spacing: 0em;
180
180
  }
@@ -182,7 +182,7 @@
182
182
  @mixin text-ui-tertiary-xs {
183
183
  font-family: 'TASA Orbiter';
184
184
  font-weight: 400;
185
- font-size: 0.69rem;
185
+ font-size: 0.75rem;
186
186
  line-height: 1.00rem;
187
187
  letter-spacing: 0em;
188
188
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "snapshot-labs-theme",
3
- "version": "0.1.41",
3
+ "version": "0.1.44",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "node build.js",