@a2zb/styles 0.100.0-reset → 0.100.1-reset

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 (3) hide show
  1. package/components.css +8 -14
  2. package/package.json +1 -1
  3. package/theme.css +6 -5
package/components.css CHANGED
@@ -17,10 +17,12 @@
17
17
  justify-content: center;
18
18
  gap: 0.4rem;
19
19
 
20
- padding: 0.58rem 0.92rem;
21
- font-weight: 500;
22
- letter-spacing: 0.01em;
23
- border-radius: 0.5rem; /*NB: used to be 0.7 for dmrkt frontend (just a reminder)*/
20
+ padding: 0 0.92rem;
21
+ min-height: 2.5rem;
22
+
23
+ /* font-weight: 500; */
24
+ /* letter-spacing: 0.01em; */
25
+ border-radius: var(--radius);
24
26
  border: 1px solid transparent;
25
27
 
26
28
  transition:
@@ -206,11 +208,7 @@
206
208
  }
207
209
 
208
210
  .btn-secondary:hover {
209
- border-color: color-mix(
210
- in oklab,
211
- var(--accent) 40%,
212
- var(--line) 60%
213
- );
211
+ border-color: color-mix(in oklab, var(--accent) 40%, var(--line) 60%);
214
212
  background: color-mix(in oklab, var(--accent) 13%, var(--ground));
215
213
  box-shadow:
216
214
  inset 0 1px 0 rgba(255, 255, 255, 0.08),
@@ -245,11 +243,7 @@
245
243
 
246
244
  .btn-ghost:hover {
247
245
  background: color-mix(in oklab, var(--raised) 40%, transparent);
248
- border-color: color-mix(
249
- in oklab,
250
- var(--accent) 25%,
251
- var(--line) 75%
252
- );
246
+ border-color: color-mix(in oklab, var(--accent) 25%, var(--line) 75%);
253
247
  color: var(--fg);
254
248
  box-shadow: 0 0 6px color-mix(in oklab, var(--accent) 8%, transparent);
255
249
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a2zb/styles",
3
- "version": "0.100.0-reset",
3
+ "version": "0.100.1-reset",
4
4
  "exports": {
5
5
  ".": "./index.css",
6
6
  "./*.css": "./*.css"
package/theme.css CHANGED
@@ -16,6 +16,7 @@
16
16
  --color-muted: var(--muted);
17
17
  --color-faint: var(--faint);
18
18
  --color-extra-faint: color-mix(in oklab, var(--faint) 50%, transparent);
19
+ --color-fg-tinted: color-mix(in oklab, var(--fg), var(--accent) 32%);
19
20
 
20
21
  /* --- borders --- */
21
22
  --color-line: var(--line);
@@ -174,11 +175,11 @@
174
175
  :root[data-theme="void"] {
175
176
  color-scheme: dark;
176
177
 
177
- --ground: #010208;
178
- --raised: #0b0f29; /* noticeably lifted */
179
- --lowered: #0a0b1b;
180
- --elevated: #131a3d;
181
- --elevated-alt: #182050;
178
+ --ground: #030304;
179
+ --raised: #0c0c0f;
180
+ --lowered: #09090b;
181
+ --elevated: #121317;
182
+ --elevated-alt: #17181c;
182
183
 
183
184
  --fg: rgba(220, 222, 235, 0.95);
184
185
  --subtle: rgba(190, 195, 225, 0.78);