actual-css 0.14.1 → 0.15.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 (51) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/README.md +4 -4
  3. package/components.json +51 -6
  4. package/dist/actual.full.css +363 -31
  5. package/dist/actual.full.js +1 -1
  6. package/dist/actual.full.min.css +1 -1
  7. package/docs/navigation.json +4 -1
  8. package/docs/pages/components/accordion.md +15 -18
  9. package/docs/pages/components/avatar.md +1 -0
  10. package/docs/pages/components/badge.md +41 -5
  11. package/docs/pages/components/button.md +5 -0
  12. package/docs/pages/components/card.md +34 -0
  13. package/docs/pages/components/diagrams.md +96 -0
  14. package/docs/pages/components/steps.md +1 -1
  15. package/docs/pages/components/table.md +4 -0
  16. package/docs/pages/components/timeline.md +111 -0
  17. package/docs/pages/enhancements/tabs.md +48 -6
  18. package/docs/pages/examples/overview.md +3 -0
  19. package/docs/pages/forms/choice-cards.md +3 -0
  20. package/docs/pages/forms/combobox.md +34 -19
  21. package/docs/pages/forms/controls.md +2 -0
  22. package/docs/pages/forms/date-picker.md +34 -13
  23. package/docs/pages/forms/file-upload.md +120 -0
  24. package/docs/pages/forms/overview.md +8 -0
  25. package/docs/pages/foundations/philosophy.md +6 -0
  26. package/docs/pages/foundations/theming.md +57 -5
  27. package/docs/pages/foundations/typography.md +3 -0
  28. package/docs/pages/guides/introduction.md +1 -1
  29. package/docs/pages/guides/modular-import.md +124 -0
  30. package/docs/pages/guides/upgrading.md +63 -0
  31. package/package.json +2 -2
  32. package/reserved-classes.json +3 -0
  33. package/src/css/components/accordion.css +7 -3
  34. package/src/css/components/alert.css +9 -1
  35. package/src/css/components/badge.css +38 -11
  36. package/src/css/components/button.css +10 -2
  37. package/src/css/components/card.css +9 -0
  38. package/src/css/components/index.css +1 -0
  39. package/src/css/components/skeleton.css +11 -0
  40. package/src/css/components/tab.css +77 -0
  41. package/src/css/components/table.css +7 -1
  42. package/src/css/components/timeline.css +160 -0
  43. package/src/css/core/base.css +3 -1
  44. package/src/css/core/theme.css +6 -1
  45. package/src/css/core/tokens.css +3 -3
  46. package/src/css/forms/choice-card.css +5 -2
  47. package/src/css/forms/control.css +12 -3
  48. package/src/css/forms/custom-select.css +1 -1
  49. package/src/css/typography/prose.css +4 -2
  50. package/src/tooling/design-tokens.js +2 -0
  51. package/src/tooling/theme-contrast.js +1 -1
package/src/css/typography/prose.css CHANGED
@@ -88,7 +88,7 @@
88
88
  /* --link is a theme-level token (core/base.css also reads it for bare links);
89
89
  prose falls back to --primary so a theme that never sets it is unaffected. */
90
90
  .prose :where(a) {
91
- color: var(--link, var(--primary));
91
+ color: var(--surface-link, var(--link, var(--primary)));
92
92
  text-decoration-line: underline;
93
93
  text-decoration-thickness: 0.08em;
94
94
  text-underline-offset: 0.18em;
@@ -100,7 +100,9 @@
100
100
 
101
101
  @supports (color: color-mix(in oklch, red, white)) {
102
102
  .prose :where(a:hover, a:focus-visible) {
103
- color: color-mix(in oklab, var(--link, var(--primary)), var(--text) 15%);
103
+ /* A solid surface owns its contrast pair in every state; mixing in the
104
+ page's --text would pull its links toward the wrong background. */
105
+ color: var(--surface-link, color-mix(in oklab, var(--link, var(--primary)), var(--text) 15%));
104
106
  }
105
107
  }
106
108
 
package/src/tooling/design-tokens.js CHANGED
@@ -44,6 +44,7 @@ export const THEME_COLORS = [
44
44
  "heading",
45
45
  "border",
46
46
  "border-control",
47
+ "control-default-bg",
47
48
  "focus",
48
49
  "hover-overlay",
49
50
  "hover-overlay-solid",
@@ -101,6 +102,7 @@ export const FOUNDATIONS = {
101
102
  listed here (tests/design-tokens.test.js), so a new token cannot silently
102
103
  stay out of the design tools. */
103
104
  export const NOT_EXPORTED = {
105
+ "internal surface context, not a palette color": ["surface-link"],
104
106
  "internal 0/1 weights selecting a control step; the steps are exported": [
105
107
  "control-step-sm",
106
108
  "control-step-md",
package/src/tooling/theme-contrast.js CHANGED
@@ -37,7 +37,7 @@ export const INTENTS = ["primary", "secondary", "success", "warning", "danger",
37
37
  export const SURFACES = ["surface", "surface-raised", "surface-subtle"];
38
38
 
39
39
  /* Badges state .soft explicitly: a theme may fill badges by default
40
- (bootstrap-v6), which would measure a solid pair against the soft hover.
40
+ by a local rule, which would measure a solid pair against the soft hover.
41
41
  The theme name is read from a file by a regex, so it never enters this
42
42
  markup: measureContrast() sets it through dataset. `scheme` is only ever
43
43
  "light" or "dark". */