@solid-design-system/styles 1.5.0 → 1.5.2

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 (52) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/cdn/modules/interactive.css +1 -1
  3. package/cdn/modules/pagination.css +1 -1
  4. package/cdn/modules/prose.css +1 -1
  5. package/cdn/solid-styles.css +1 -1
  6. package/cdn-versioned/modules/chip.css +1 -1
  7. package/cdn-versioned/modules/container.css +1 -1
  8. package/cdn-versioned/modules/copyright.css +1 -1
  9. package/cdn-versioned/modules/display.css +1 -1
  10. package/cdn-versioned/modules/flag.css +1 -1
  11. package/cdn-versioned/modules/footnotes.css +1 -1
  12. package/cdn-versioned/modules/headline.css +1 -1
  13. package/cdn-versioned/modules/hidden-links.css +1 -1
  14. package/cdn-versioned/modules/interactive.css +1 -1
  15. package/cdn-versioned/modules/leadtext.css +1 -1
  16. package/cdn-versioned/modules/list.css +1 -1
  17. package/cdn-versioned/modules/mark.css +1 -1
  18. package/cdn-versioned/modules/media.css +1 -1
  19. package/cdn-versioned/modules/meta.css +1 -1
  20. package/cdn-versioned/modules/pagination.css +1 -1
  21. package/cdn-versioned/modules/paragraph.css +1 -1
  22. package/cdn-versioned/modules/prose.css +1 -1
  23. package/cdn-versioned/modules/status-badge.css +1 -1
  24. package/cdn-versioned/modules/table-cell.css +1 -1
  25. package/cdn-versioned/modules/table.css +1 -1
  26. package/cdn-versioned/solid-styles.css +1 -1
  27. package/dist/modules/interactive.css +17 -2
  28. package/dist/modules/pagination.css +144 -256
  29. package/dist/modules/prose.css +17 -2
  30. package/dist/solid-styles.css +33 -2
  31. package/dist-versioned/modules/chip.css +6 -6
  32. package/dist-versioned/modules/container.css +45 -45
  33. package/dist-versioned/modules/copyright.css +11 -11
  34. package/dist-versioned/modules/display.css +9 -9
  35. package/dist-versioned/modules/flag.css +6 -6
  36. package/dist-versioned/modules/footnotes.css +26 -26
  37. package/dist-versioned/modules/headline.css +67 -67
  38. package/dist-versioned/modules/hidden-links.css +7 -7
  39. package/dist-versioned/modules/interactive.css +53 -38
  40. package/dist-versioned/modules/leadtext.css +8 -8
  41. package/dist-versioned/modules/list.css +47 -47
  42. package/dist-versioned/modules/mark.css +2 -2
  43. package/dist-versioned/modules/media.css +7 -7
  44. package/dist-versioned/modules/meta.css +12 -12
  45. package/dist-versioned/modules/pagination.css +249 -361
  46. package/dist-versioned/modules/paragraph.css +8 -8
  47. package/dist-versioned/modules/prose.css +246 -231
  48. package/dist-versioned/modules/status-badge.css +8 -8
  49. package/dist-versioned/modules/table-cell.css +23 -23
  50. package/dist-versioned/modules/table.css +4 -4
  51. package/dist-versioned/solid-styles.css +491 -460
  52. package/package.json +1 -1
package/dist/modules/interactive.css CHANGED
@@ -59,7 +59,7 @@ Smooth transitions eg. for buttons or dropdowns */;
59
59
  .sd-interactive[href=''] {
60
60
  cursor: not-allowed;
61
61
 
62
- color: rgb(var(--sd-color-neutral-600, 136 136 136) / var(--tw-text-opacity, 1)) /* Used for inverted disabled state */;
62
+ color: rgb(var(--sd-color-neutral-500, 174 174 174) / var(--tw-text-opacity, 1)) /* Used for disabled state */;
63
63
  }
64
64
 
65
65
  .sd-prose a--disabled:hover:not([disabled]),
@@ -69,7 +69,7 @@ Smooth transitions eg. for buttons or dropdowns */;
69
69
  .sd-interactive[disabled]:hover:not([disabled]),
70
70
  .sd-interactive[href='']:hover:not([disabled]) {
71
71
 
72
- color: rgb(var(--sd-color-neutral-600, 136 136 136) / var(--tw-text-opacity, 1)) /* Used for inverted disabled state */;
72
+ color: rgb(var(--sd-color-neutral-500, 174 174 174) / var(--tw-text-opacity, 1)) /* Used for disabled state */;
73
73
  }
74
74
 
75
75
  .sd-prose a--disabled:active:not([disabled]),
@@ -79,6 +79,21 @@ Smooth transitions eg. for buttons or dropdowns */;
79
79
  .sd-interactive[disabled]:active:not([disabled]),
80
80
  .sd-interactive[href='']:active:not([disabled]) {
81
81
 
82
+ color: rgb(var(--sd-color-neutral-500, 174 174 174) / var(--tw-text-opacity, 1)) /* Used for disabled state */;
83
+ }
84
+
85
+ .sd-prose a--disabled.sd-interactive--inverted, .sd-prose a[disabled].sd-interactive--inverted, .sd-prose a[href=''].sd-interactive--inverted, .sd-interactive--disabled.sd-interactive--inverted, .sd-interactive[disabled].sd-interactive--inverted, .sd-interactive[href=''].sd-interactive--inverted {
86
+
87
+ color: rgb(var(--sd-color-neutral-600, 136 136 136) / var(--tw-text-opacity, 1)) /* Used for inverted disabled state */;
88
+ }
89
+
90
+ .sd-prose a--disabled.sd-interactive--inverted:hover:not([disabled]), .sd-prose a[disabled].sd-interactive--inverted:hover:not([disabled]), .sd-prose a[href=''].sd-interactive--inverted:hover:not([disabled]), .sd-interactive--disabled.sd-interactive--inverted:hover:not([disabled]), .sd-interactive[disabled].sd-interactive--inverted:hover:not([disabled]), .sd-interactive[href=''].sd-interactive--inverted:hover:not([disabled]) {
91
+
92
+ color: rgb(var(--sd-color-neutral-600, 136 136 136) / var(--tw-text-opacity, 1)) /* Used for inverted disabled state */;
93
+ }
94
+
95
+ .sd-prose a--disabled.sd-interactive--inverted:active:not([disabled]), .sd-prose a[disabled].sd-interactive--inverted:active:not([disabled]), .sd-prose a[href=''].sd-interactive--inverted:active:not([disabled]), .sd-interactive--disabled.sd-interactive--inverted:active:not([disabled]), .sd-interactive[disabled].sd-interactive--inverted:active:not([disabled]), .sd-interactive[href=''].sd-interactive--inverted:active:not([disabled]) {
96
+
82
97
  color: rgb(var(--sd-color-neutral-600, 136 136 136) / var(--tw-text-opacity, 1)) /* Used for inverted disabled state */;
83
98
  }
84
99