@stainless-api/ui-primitives 0.1.0-beta.18 → 0.1.0-beta.19

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 (27) hide show
  1. package/.turbo/turbo-build.log +32 -2
  2. package/CHANGELOG.md +6 -0
  3. package/dist/Accordion-CJL9SWwS.d.ts +26 -0
  4. package/dist/Accordion-DLQE3Td6.js +31 -0
  5. package/dist/Button-DBhd6kU7.js +51 -0
  6. package/dist/Button-DwndlytB.d.ts +38 -0
  7. package/dist/Callout-CMz3Yl_5.d.ts +18 -0
  8. package/dist/Callout-UZQRuCQ5.js +28 -0
  9. package/dist/DropdownButton-DoYDi8tB.js +82 -0
  10. package/dist/DropdownButton-zcvep_xH.d.ts +50 -0
  11. package/dist/components/Accordion.d.ts +2 -0
  12. package/dist/components/Accordion.js +3 -0
  13. package/dist/components/Button.d.ts +2 -0
  14. package/dist/components/Button.js +3 -0
  15. package/dist/components/Callout.d.ts +2 -0
  16. package/dist/components/Callout.js +3 -0
  17. package/dist/components/DropdownButton.d.ts +2 -0
  18. package/dist/components/DropdownButton.js +3 -0
  19. package/dist/index.d.ts +5 -0
  20. package/dist/index.js +6 -0
  21. package/dist/scripts/index.d.ts +12 -0
  22. package/dist/scripts/index.js +33 -0
  23. package/dist/styles.css +1181 -0
  24. package/dist/styles.js +1 -0
  25. package/package.json +1 -1
  26. package/src/components/callout.css +23 -0
  27. package/src/components/dropdown-button.css +1 -0
package/dist/styles.js ADDED
@@ -0,0 +1 @@
1
+ export { };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stainless-api/ui-primitives",
3
- "version": "0.1.0-beta.18",
3
+ "version": "0.1.0-beta.19",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
package/src/components/callout.css CHANGED
@@ -2,6 +2,8 @@
2
2
  --stl-ui-callout-background-color: var(--stl-ui-muted-background);
3
3
  --stl-ui-callout-border-color: var(--stl-ui-border);
4
4
  --stl-ui-callout-accent-color: var(--stl-ui-foreground-muted);
5
+ --stl-ui-callout-strong-color: var(--stl-ui-callout-accent-color);
6
+ --stl-ui-callout-selection-background: var(--stl-ui-swatch-gray-gray-6);
5
7
 
6
8
  border: 1px solid var(--stl-ui-callout-border-color);
7
9
  background-color: var(--stl-ui-callout-background-color);
@@ -14,42 +16,63 @@
14
16
  display: flex;
15
17
  align-items: flex-start;
16
18
  gap: 8px;
19
+
20
+ :where(a) {
21
+ color: var(--stl-ui-callout-strong-color);
22
+ text-decoration-color: rgba(from currentColor r g b / 0.4);
23
+ transition: text-decoration-color 0.1s ease;
24
+ &:hover {
25
+ text-decoration-color: rgba(from currentColor r g b / 0.8);
26
+ }
27
+ }
28
+
29
+ ::selection {
30
+ background-color: var(--stl-ui-callout-selection-background);
31
+ color: var(--stl-ui-foreground);
32
+ }
17
33
  }
18
34
 
19
35
  .stl-ui-callout--info {
20
36
  --stl-ui-callout-background-color: var(--stl-ui-muted-background);
21
37
  --stl-ui-callout-border-color: var(--stl-ui-border);
22
38
  --stl-ui-callout-accent-color: var(--stl-ui-foreground-muted);
39
+ --stl-ui-callout-strong-color: var(--stl-ui-foreground);
40
+ --stl-ui-callout-selection-background: var(--stl-ui-swatch-gray-gray-6);
23
41
  }
24
42
 
25
43
  .stl-ui-callout--note {
26
44
  --stl-ui-callout-background-color: var(--stl-ui-swatch-blue-faint);
27
45
  --stl-ui-callout-border-color: var(--stl-ui-swatch-blue-muted);
28
46
  --stl-ui-callout-accent-color: var(--stl-ui-swatch-blue-base);
47
+ --stl-ui-callout-selection-background: var(--stl-ui-swatch-blue-muted);
29
48
  }
30
49
 
31
50
  .stl-ui-callout--tip {
32
51
  --stl-ui-callout-background-color: var(--stl-ui-swatch-purple-faint);
33
52
  --stl-ui-callout-border-color: var(--stl-ui-swatch-purple-muted);
34
53
  --stl-ui-callout-accent-color: var(--stl-ui-swatch-purple-base);
54
+ --stl-ui-callout-selection-background: var(--stl-ui-swatch-purple-muted);
35
55
  }
36
56
 
37
57
  .stl-ui-callout--success {
38
58
  --stl-ui-callout-background-color: var(--stl-ui-swatch-green-faint);
39
59
  --stl-ui-callout-border-color: var(--stl-ui-swatch-green-muted);
40
60
  --stl-ui-callout-accent-color: var(--stl-ui-swatch-green-base);
61
+ --stl-ui-callout-selection-background: var(--stl-ui-swatch-green-muted);
41
62
  }
42
63
 
43
64
  .stl-ui-callout--warning {
44
65
  --stl-ui-callout-background-color: var(--stl-ui-swatch-yellow-faint);
45
66
  --stl-ui-callout-border-color: var(--stl-ui-swatch-yellow-muted);
46
67
  --stl-ui-callout-accent-color: var(--stl-ui-swatch-yellow-base);
68
+ --stl-ui-callout-selection-background: var(--stl-ui-swatch-yellow-muted);
47
69
  }
48
70
 
49
71
  .stl-ui-callout--danger {
50
72
  --stl-ui-callout-background-color: var(--stl-ui-swatch-red-faint);
51
73
  --stl-ui-callout-border-color: var(--stl-ui-swatch-red-muted);
52
74
  --stl-ui-callout-accent-color: var(--stl-ui-swatch-red-base);
75
+ --stl-ui-callout-selection-background: var(--stl-ui-swatch-red-muted);
53
76
  }
54
77
 
55
78
  .stl-ui-callout__icon {
package/src/components/dropdown-button.css CHANGED
@@ -32,6 +32,7 @@
32
32
  display: flex;
33
33
  align-items: center;
34
34
  justify-content: center;
35
+ color: inherit;
35
36
 
36
37
  &:hover {
37
38
  background-color: oklch(from var(--stl-ui-foreground) l c h / 0.05);