@oxide/design-system 2.7.1--canary.1bbaaff.0 → 2.7.1--canary.e2e4f77.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,27 +6,28 @@
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
- }
15
-
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
- }
9
+ @utility text-mono-code {
10
+ @apply text-[0.825em] !normal-case;
11
+ font-feature-settings: 'calt' 0;
12
+ letter-spacing: 0;
13
+ }
21
14
 
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
- }
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);
27
19
  }
28
20
 
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
+ }
29
26
  @layer components {
27
+ .inline-code {
28
+ @apply text-secondary ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] text-[0.825em] bg-raise border-secondary;
29
+ }
30
+
30
31
  .asciidoc-body {
31
32
  .line-through {
32
33
  text-decoration: line-through;
@@ -288,11 +289,6 @@
288
289
  @apply normal-case text-default;
289
290
  }
290
291
 
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
292
  p code,
297
293
  h1 code,
298
294
  h2 code,
@@ -403,7 +399,7 @@
403
399
  }
404
400
 
405
401
  .admonitionblock.tip strong {
406
- color: var(--base-purple-800);
402
+ color: var(--color-purple-800);
407
403
  }
408
404
 
409
405
  .admonitionblock,
@@ -413,9 +409,9 @@
413
409
 
414
410
  .admonitionblock.tip,
415
411
  .admonitionblock.tip blockquote {
416
- background-color: var(--base-purple-200);
417
- color: var(--base-purple-800);
418
- border-color: var(--base-purple-400);
412
+ background-color: var(--color-purple-200);
413
+ color: var(--color-purple-800);
414
+ border-color: var(--color-purple-400);
419
415
  }
420
416
 
421
417
  .admonitionblock.caution,
@@ -440,7 +436,7 @@
440
436
  }
441
437
 
442
438
  .admonitionblock.tip {
443
- color: var(--base-purple-800);
439
+ color: var(--color-purple-800);
444
440
  }
445
441
 
446
442
  .admonitionblock.caution p code,
@@ -453,7 +449,7 @@
453
449
  }
454
450
 
455
451
  .admonitionblock.tip p code {
456
- background-color: var(--base-purple-800);
452
+ @apply bg-purple-800;
457
453
  }
458
454
 
459
455
  .admonitionblock a {
@@ -474,7 +470,7 @@
474
470
  }
475
471
 
476
472
  .admonitionblock.tip a {
477
- color: var(--base-purple-800);
473
+ @apply text-purple-800;
478
474
  }
479
475
 
480
476
  .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 {