@oxide/design-system 2.7.1--canary.1bbaaff.0 → 2.8.0--canary.437591d.0

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/dist/asciidoc.css CHANGED
@@ -6,24 +6,27 @@
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
8
 
9
- @layer utilities {
10
- .text-mono-code {
11
- @apply text-[0.825em] !normal-case;
12
- font-feature-settings: 'calt' 0;
13
- letter-spacing: 0;
14
- }
9
+ @utility text-mono-code {
10
+ @apply text-[0.825em] !normal-case;
11
+ font-feature-settings: 'calt' 0;
12
+ letter-spacing: 0;
13
+ }
15
14
 
16
- .accent-link {
17
- @apply text-accent-secondary hover:text-accent;
18
- text-decoration: underline;
19
- text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
20
- }
15
+ @utility accent-link {
16
+ @apply text-accent-secondary hover:text-accent;
17
+ text-decoration: underline;
18
+ text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
19
+ }
21
20
 
22
- .link-with-underline {
23
- @apply text-default hover:text-raise;
24
- text-decoration: underline;
25
- text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
26
- }
21
+ @utility link-with-underline {
22
+ @apply text-default hover:text-raise;
23
+ text-decoration: underline;
24
+ text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
25
+ }
26
+
27
+ @utility inline-code {
28
+ @apply text-secondary;
29
+ @apply ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] text-[0.825em] bg-raise border-secondary;
27
30
  }
28
31
 
29
32
  @layer components {
@@ -288,11 +291,6 @@
288
291
  @apply normal-case text-default;
289
292
  }
290
293
 
291
- .inline-code {
292
- @apply text-secondary;
293
- @apply ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] text-[0.825em] bg-raise border-secondary;
294
- }
295
-
296
294
  p code,
297
295
  h1 code,
298
296
  h2 code,
@@ -403,7 +401,7 @@
403
401
  }
404
402
 
405
403
  .admonitionblock.tip strong {
406
- color: var(--base-purple-800);
404
+ color: var(--color-purple-800);
407
405
  }
408
406
 
409
407
  .admonitionblock,
@@ -413,9 +411,9 @@
413
411
 
414
412
  .admonitionblock.tip,
415
413
  .admonitionblock.tip blockquote {
416
- background-color: var(--base-purple-200);
417
- color: var(--base-purple-800);
418
- border-color: var(--base-purple-400);
414
+ background-color: var(--color-purple-200);
415
+ color: var(--color-purple-800);
416
+ border-color: var(--color-purple-400);
419
417
  }
420
418
 
421
419
  .admonitionblock.caution,
@@ -440,7 +438,7 @@
440
438
  }
441
439
 
442
440
  .admonitionblock.tip {
443
- color: var(--base-purple-800);
441
+ color: var(--color-purple-800);
444
442
  }
445
443
 
446
444
  .admonitionblock.caution p code,
@@ -453,7 +451,7 @@
453
451
  }
454
452
 
455
453
  .admonitionblock.tip p code {
456
- background-color: var(--base-purple-800);
454
+ @apply bg-purple-800;
457
455
  }
458
456
 
459
457
  .admonitionblock a {
@@ -474,7 +472,7 @@
474
472
  }
475
473
 
476
474
  .admonitionblock.tip a {
477
- color: var(--base-purple-800);
475
+ @apply text-purple-800;
478
476
  }
479
477
 
480
478
  .admonition-icon svg {
package/dist/button.css CHANGED
@@ -44,7 +44,7 @@ label {
44
44
  @apply text-secondary hover:bg-hover disabled:bg-transparent disabled:text-disabled;
45
45
  }
46
46
  &.btn-ghost:after {
47
- @apply text-[var(--base-neutral-300)] opacity-100;
47
+ @apply text-neutral-300 opacity-100;
48
48
  }
49
49
 
50
50
  &.btn-accent-ghost {