@oxide/design-system 2.6.1--canary.5e36b0c.0 → 2.6.1--canary.2e8b315.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.
Files changed (30) hide show
  1. package/dist/asciidoc.css +28 -26
  2. package/dist/button.css +1 -1
  3. package/dist/{chunk-YRJL4JLL.js → chunk-EZCJJGCD.js} +849 -661
  4. package/dist/chunk-EZCJJGCD.js.map +1 -0
  5. package/dist/components/src/index.js +11 -11
  6. package/dist/components/src/index.js.map +1 -1
  7. package/dist/icons/index.d.ts +18 -0
  8. package/dist/icons/react/index.d.ts +201 -165
  9. package/dist/icons/react/index.js +13 -1
  10. package/dist/tabs.css +1 -1
  11. package/icons/sprite.svg +1 -1
  12. package/icons/svg/access-token-16.svg +1 -0
  13. package/icons/svg/access-token-24.svg +1 -0
  14. package/icons/svg/cpu-16.svg +1 -1
  15. package/icons/svg/loader-12.svg +1 -1
  16. package/icons/svg/new-window-16.svg +1 -1
  17. package/icons/svg/sparkle-16.svg +1 -0
  18. package/icons/svg/submit-16.svg +1 -0
  19. package/icons/svg/webhooks-16.svg +1 -0
  20. package/icons/svg/webhooks-24.svg +1 -0
  21. package/package.json +1 -3
  22. package/styles/dist/blue.css +643 -162
  23. package/styles/dist/green.css +641 -162
  24. package/styles/dist/main.css +855 -631
  25. package/styles/dist/purple.css +643 -162
  26. package/styles/dist/red.css +643 -162
  27. package/styles/dist/tailwind-tokens.ts +2988 -0
  28. package/styles/dist/yellow.css +641 -162
  29. package/dist/chunk-YRJL4JLL.js.map +0 -1
  30. package/styles/dist/tailwind.css +0 -51
package/dist/asciidoc.css CHANGED
@@ -6,27 +6,24 @@
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
8
 
9
- @utility text-mono-code {
10
- @apply text-[0.825em] !normal-case;
11
- font-feature-settings: 'calt' 0;
12
- letter-spacing: 0;
13
- }
14
-
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
- }
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
+ }
20
15
 
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
- }
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
+ }
26
21
 
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;
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
+ }
30
27
  }
31
28
 
32
29
  @layer components {
@@ -291,6 +288,11 @@
291
288
  @apply normal-case text-default;
292
289
  }
293
290
 
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
+
294
296
  p code,
295
297
  h1 code,
296
298
  h2 code,
@@ -401,7 +403,7 @@
401
403
  }
402
404
 
403
405
  .admonitionblock.tip strong {
404
- color: var(--color-purple-800);
406
+ color: var(--base-purple-800);
405
407
  }
406
408
 
407
409
  .admonitionblock,
@@ -411,9 +413,9 @@
411
413
 
412
414
  .admonitionblock.tip,
413
415
  .admonitionblock.tip blockquote {
414
- background-color: var(--color-purple-200);
415
- color: var(--color-purple-800);
416
- border-color: var(--color-purple-400);
416
+ background-color: var(--base-purple-200);
417
+ color: var(--base-purple-800);
418
+ border-color: var(--base-purple-400);
417
419
  }
418
420
 
419
421
  .admonitionblock.caution,
@@ -438,7 +440,7 @@
438
440
  }
439
441
 
440
442
  .admonitionblock.tip {
441
- color: var(--color-purple-800);
443
+ color: var(--base-purple-800);
442
444
  }
443
445
 
444
446
  .admonitionblock.caution p code,
@@ -451,7 +453,7 @@
451
453
  }
452
454
 
453
455
  .admonitionblock.tip p code {
454
- background-color: var(--color-purple-800);
456
+ background-color: var(--base-purple-800);
455
457
  }
456
458
 
457
459
  .admonitionblock a {
@@ -472,7 +474,7 @@
472
474
  }
473
475
 
474
476
  .admonitionblock.tip a {
475
- color: var(--color-purple-800);
477
+ color: var(--base-purple-800);
476
478
  }
477
479
 
478
480
  .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-(--color-neutral-300) opacity-100;
47
+ @apply text-[var(--base-neutral-300)] opacity-100;
48
48
  }
49
49
 
50
50
  &.btn-accent-ghost {