@solid-design-system/styles 2.0.0-next.1 → 6.0.0-next.11

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 (84) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/cdn/modules/chip.css +1 -1
  3. package/cdn/modules/container.css +1 -1
  4. package/cdn/modules/copyright.css +1 -1
  5. package/cdn/modules/display.css +1 -1
  6. package/cdn/modules/flag.css +1 -1
  7. package/cdn/modules/footnotes.css +1 -1
  8. package/cdn/modules/headline.css +1 -1
  9. package/cdn/modules/hidden-links.css +1 -1
  10. package/cdn/modules/interactive.css +1 -1
  11. package/cdn/modules/leadtext.css +1 -1
  12. package/cdn/modules/list.css +1 -1
  13. package/cdn/modules/mark.css +1 -1
  14. package/cdn/modules/media.css +1 -1
  15. package/cdn/modules/meta.css +1 -1
  16. package/cdn/modules/pagination.css +1 -1
  17. package/cdn/modules/paragraph.css +1 -1
  18. package/cdn/modules/prose.css +1 -1
  19. package/cdn/modules/status-badge.css +1 -1
  20. package/cdn/modules/table-cell.css +1 -1
  21. package/cdn/solid-styles.css +1 -1
  22. package/cdn-versioned/modules/chip.css +1 -1
  23. package/cdn-versioned/modules/container.css +1 -1
  24. package/cdn-versioned/modules/copyright.css +1 -1
  25. package/cdn-versioned/modules/display.css +1 -1
  26. package/cdn-versioned/modules/flag.css +1 -1
  27. package/cdn-versioned/modules/footnotes.css +1 -1
  28. package/cdn-versioned/modules/headline.css +1 -1
  29. package/cdn-versioned/modules/hidden-links.css +1 -1
  30. package/cdn-versioned/modules/interactive.css +1 -1
  31. package/cdn-versioned/modules/leadtext.css +1 -1
  32. package/cdn-versioned/modules/list.css +1 -1
  33. package/cdn-versioned/modules/mark.css +1 -1
  34. package/cdn-versioned/modules/media.css +1 -1
  35. package/cdn-versioned/modules/meta.css +1 -1
  36. package/cdn-versioned/modules/pagination.css +1 -1
  37. package/cdn-versioned/modules/paragraph.css +1 -1
  38. package/cdn-versioned/modules/prose.css +1 -1
  39. package/cdn-versioned/modules/status-badge.css +1 -1
  40. package/cdn-versioned/modules/table-cell.css +1 -1
  41. package/cdn-versioned/modules/table.css +1 -1
  42. package/cdn-versioned/solid-styles.css +1 -1
  43. package/dist/modules/chip.css +6 -6
  44. package/dist/modules/container.css +11 -11
  45. package/dist/modules/copyright.css +2 -2
  46. package/dist/modules/display.css +4 -4
  47. package/dist/modules/flag.css +6 -6
  48. package/dist/modules/footnotes.css +10 -10
  49. package/dist/modules/headline.css +5 -5
  50. package/dist/modules/hidden-links.css +1 -1
  51. package/dist/modules/interactive.css +12 -12
  52. package/dist/modules/leadtext.css +3 -3
  53. package/dist/modules/list.css +4 -4
  54. package/dist/modules/mark.css +1 -1
  55. package/dist/modules/media.css +2 -2
  56. package/dist/modules/meta.css +4 -4
  57. package/dist/modules/pagination.css +17 -17
  58. package/dist/modules/paragraph.css +3 -3
  59. package/dist/modules/prose.css +42 -42
  60. package/dist/modules/status-badge.css +5 -5
  61. package/dist/modules/table-cell.css +6 -6
  62. package/dist/solid-styles.css +105 -105
  63. package/dist-versioned/modules/chip.css +10 -10
  64. package/dist-versioned/modules/container.css +38 -38
  65. package/dist-versioned/modules/copyright.css +8 -8
  66. package/dist-versioned/modules/display.css +10 -10
  67. package/dist-versioned/modules/flag.css +10 -10
  68. package/dist-versioned/modules/footnotes.css +38 -38
  69. package/dist-versioned/modules/headline.css +33 -33
  70. package/dist-versioned/modules/hidden-links.css +5 -5
  71. package/dist-versioned/modules/interactive.css +28 -28
  72. package/dist-versioned/modules/leadtext.css +6 -6
  73. package/dist-versioned/modules/list.css +34 -34
  74. package/dist-versioned/modules/mark.css +2 -2
  75. package/dist-versioned/modules/media.css +6 -6
  76. package/dist-versioned/modules/meta.css +11 -11
  77. package/dist-versioned/modules/pagination.css +77 -77
  78. package/dist-versioned/modules/paragraph.css +6 -6
  79. package/dist-versioned/modules/prose.css +165 -165
  80. package/dist-versioned/modules/status-badge.css +11 -11
  81. package/dist-versioned/modules/table-cell.css +22 -22
  82. package/dist-versioned/modules/table.css +2 -2
  83. package/dist-versioned/solid-styles.css +375 -375
  84. package/package.json +1 -1
package/dist-versioned/modules/pagination.css CHANGED
@@ -1,18 +1,18 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-2-0-0-next-1-pagination > :not(ul) {
4
+ .sd-6-0-0-next-11-pagination > :not(ul) {
5
5
  position: absolute;
6
6
  height: var(--sd-spacing-0\.25);
7
7
  width: var(--sd-spacing-0\.25);
8
8
  overflow: hidden;
9
9
  }
10
- .sd-2-0-0-next-1-pagination ul {
10
+ .sd-6-0-0-next-11-pagination ul {
11
11
  display: flex;
12
12
  align-items: center;
13
13
  gap: var(--sd-spacing-2);
14
14
  }
15
- .sd-2-0-0-next-1-pagination ul li button {
15
+ .sd-6-0-0-next-11-pagination ul li button {
16
16
  all: unset;
17
17
  border-style: var(--tw-border-style);
18
18
  border-width: 0px;
@@ -20,46 +20,46 @@
20
20
  border-style: solid;
21
21
  border-color: transparent;
22
22
  }
23
- .sd-2-0-0-next-1-pagination ul li button:hover:not([disabled]) {
23
+ .sd-6-0-0-next-11-pagination ul li button:hover:not([disabled]) {
24
24
  cursor: pointer;
25
25
  }
26
- .sd-2-0-0-next-1-pagination ul li:has(button) {
26
+ .sd-6-0-0-next-11-pagination ul li:has(button) {
27
27
  height: 1.875rem;
28
28
  }
29
- .sd-2-0-0-next-1-pagination ul li a, .sd-2-0-0-next-1-pagination ul li button {
29
+ .sd-6-0-0-next-11-pagination ul li a, .sd-6-0-0-next-11-pagination ul li button {
30
30
  display: flex;
31
31
  align-items: center;
32
32
  justify-content: center;
33
- color: var(--sd-color-text-primary);
33
+ color: rgba(var(--sd-color-text-primary));
34
34
  text-decoration-line: none;
35
35
  transition-property: color;
36
36
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
37
37
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
38
38
  }
39
- .sd-2-0-0-next-1-pagination ul li a:hover:not([disabled]), .sd-2-0-0-next-1-pagination ul li button:hover:not([disabled]) {
40
- color: var(--sd-color-text-primary-500);
39
+ .sd-6-0-0-next-11-pagination ul li a:hover:not([disabled]), .sd-6-0-0-next-11-pagination ul li button:hover:not([disabled]) {
40
+ color: rgba(var(--sd-color-text-primary-500));
41
41
  }
42
- .sd-2-0-0-next-1-pagination ul li a:active:not([disabled]), .sd-2-0-0-next-1-pagination ul li button:active:not([disabled]) {
43
- color: var(--sd-color-text-primary-800);
42
+ .sd-6-0-0-next-11-pagination ul li a:active:not([disabled]), .sd-6-0-0-next-11-pagination ul li button:active:not([disabled]) {
43
+ color: rgba(var(--sd-color-text-primary-800));
44
44
  }
45
- .sd-2-0-0-next-1-pagination ul li a:focus-visible, .sd-2-0-0-next-1-pagination ul li button:focus-visible {
45
+ .sd-6-0-0-next-11-pagination ul li a:focus-visible, .sd-6-0-0-next-11-pagination ul li button:focus-visible {
46
46
  outline-width: 1px;
47
47
  outline-style: var(--tw-outline-style);
48
48
  outline-width: 2px;
49
49
  outline-offset: 2px;
50
50
  outline-color: var(--sd-border-color-primary, var(--sd-color-primary));
51
51
  }
52
- .sd-2-0-0-next-1-pagination ul li:first-child, .sd-2-0-0-next-1-pagination ul li:last-child {
52
+ .sd-6-0-0-next-11-pagination ul li:first-child, .sd-6-0-0-next-11-pagination ul li:last-child {
53
53
  height: var(--sd-spacing-12);
54
54
  width: var(--sd-spacing-12);
55
55
  font-size: var(--sd-text-xl);
56
56
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
57
57
  }
58
- .sd-2-0-0-next-1-pagination ul li:first-child a, .sd-2-0-0-next-1-pagination ul li:first-child button, .sd-2-0-0-next-1-pagination ul li:last-child a, .sd-2-0-0-next-1-pagination ul li:last-child button {
58
+ .sd-6-0-0-next-11-pagination ul li:first-child a, .sd-6-0-0-next-11-pagination ul li:first-child button, .sd-6-0-0-next-11-pagination ul li:last-child a, .sd-6-0-0-next-11-pagination ul li:last-child button {
59
59
  height: 100%;
60
60
  width: 100%;
61
61
  }
62
- .sd-2-0-0-next-1-pagination ul li {
62
+ .sd-6-0-0-next-11-pagination ul li {
63
63
  display: flex;
64
64
  height: var(--sd-spacing-8);
65
65
  width: var(--sd-spacing-8);
@@ -67,187 +67,187 @@
67
67
  justify-content: center;
68
68
  text-align: center;
69
69
  }
70
- .sd-2-0-0-next-1-pagination ul li:not(:first-child):not(:last-child) a, .sd-2-0-0-next-1-pagination ul li:not(:first-child):not(:last-child) button {
70
+ .sd-6-0-0-next-11-pagination ul li:not(:first-child):not(:last-child) a, .sd-6-0-0-next-11-pagination ul li:not(:first-child):not(:last-child) button {
71
71
  height: 100%;
72
72
  width: 100%;
73
73
  border-bottom-style: var(--tw-border-style);
74
74
  border-bottom-width: var(--sd-border-width-2);
75
75
  border-bottom-color: transparent;
76
76
  }
77
- .sd-2-0-0-next-1-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-2-0-0-next-1-pagination ul li:not(:first-child):not(:last-child) button[aria-current] {
78
- border-bottom-color: var(--sd-color-border-accent);
77
+ .sd-6-0-0-next-11-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-6-0-0-next-11-pagination ul li:not(:first-child):not(:last-child) button[aria-current] {
78
+ border-bottom-color: rgba(var(--sd-color-border-accent));
79
79
  }
80
- .sd-2-0-0-next-1-pagination ul li a[aria-current], .sd-2-0-0-next-1-pagination ul li button[aria-current] {
81
- color: var(--sd-color-text-black);
80
+ .sd-6-0-0-next-11-pagination ul li a[aria-current], .sd-6-0-0-next-11-pagination ul li button[aria-current] {
81
+ color: rgba(var(--sd-color-text-black));
82
82
  }
83
- .sd-2-0-0-next-1-pagination ul li a[aria-current]:hover:not([disabled]), .sd-2-0-0-next-1-pagination ul li button[aria-current]:hover:not([disabled]) {
84
- color: var(--sd-color-text-black);
83
+ .sd-6-0-0-next-11-pagination ul li a[aria-current]:hover:not([disabled]), .sd-6-0-0-next-11-pagination ul li button[aria-current]:hover:not([disabled]) {
84
+ color: rgba(var(--sd-color-text-black));
85
85
  }
86
- .sd-2-0-0-next-1-pagination ul li:first-child:has(a:not([href])) a, .sd-2-0-0-next-1-pagination ul li:last-child:has(a:not([href])) a, .sd-2-0-0-next-1-pagination ul li:first-child:has(button[disabled]) button, .sd-2-0-0-next-1-pagination ul li:last-child:has(button[disabled]) button {
86
+ .sd-6-0-0-next-11-pagination ul li:first-child:has(a:not([href])) a, .sd-6-0-0-next-11-pagination ul li:last-child:has(a:not([href])) a, .sd-6-0-0-next-11-pagination ul li:first-child:has(button[disabled]) button, .sd-6-0-0-next-11-pagination ul li:last-child:has(button[disabled]) button {
87
87
  cursor: not-allowed;
88
- color: var(--sd-color-text-neutral-500);
88
+ color: rgba(var(--sd-color-text-neutral-500));
89
89
  }
90
- .sd-2-0-0-next-1-pagination ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-2-0-0-next-1-pagination ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-2-0-0-next-1-pagination ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-2-0-0-next-1-pagination ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
91
- color: var(--sd-color-text-neutral-500);
90
+ .sd-6-0-0-next-11-pagination ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-6-0-0-next-11-pagination ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-6-0-0-next-11-pagination ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-6-0-0-next-11-pagination ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
91
+ color: rgba(var(--sd-color-text-neutral-500));
92
92
  }
93
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) {
93
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) {
94
94
  pointer-events: none;
95
95
  position: absolute;
96
96
  }
97
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) button {
97
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) button {
98
98
  display: none;
99
99
  }
100
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current]), .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child) {
100
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current]), .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child) {
101
101
  pointer-events: auto !important;
102
102
  position: relative !important;
103
103
  }
104
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current])::after, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child)::after {
104
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current])::after, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child)::after {
105
105
  --tw-content: '...';
106
106
  content: var(--tw-content);
107
107
  }
108
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2), .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2), .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]), .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li {
108
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2), .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2), .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]), .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li {
109
109
  pointer-events: auto !important;
110
110
  position: relative !important;
111
111
  }
112
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2)::after, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2)::after, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current])::after, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li::after {
112
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2)::after, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2)::after, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current])::after, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li::after {
113
113
  content: var(--tw-content);
114
114
  display: none !important;
115
115
  }
116
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) button, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) button, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) button, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li button {
116
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) button, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) button, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) button, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li button {
117
117
  display: flex !important;
118
118
  }
119
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) {
119
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) {
120
120
  pointer-events: auto;
121
121
  position: relative;
122
122
  }
123
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6)::after {
123
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6)::after {
124
124
  content: var(--tw-content);
125
125
  display: none;
126
126
  }
127
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) button {
127
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) button {
128
128
  display: flex;
129
129
  }
130
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li {
130
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li {
131
131
  pointer-events: none;
132
132
  position: relative;
133
133
  }
134
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li::after {
134
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li::after {
135
135
  --tw-content: '...';
136
136
  content: var(--tw-content);
137
137
  }
138
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) {
138
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) {
139
139
  pointer-events: auto;
140
140
  position: relative;
141
141
  }
142
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current])::after {
142
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current])::after {
143
143
  content: var(--tw-content);
144
144
  display: none;
145
145
  }
146
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) button {
146
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) button {
147
147
  display: flex;
148
148
  }
149
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) {
149
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) {
150
150
  pointer-events: auto;
151
151
  position: relative;
152
152
  }
153
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child)::after {
153
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child)::after {
154
154
  content: var(--tw-content);
155
155
  display: none;
156
156
  }
157
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) button {
157
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) button {
158
158
  display: flex;
159
159
  }
160
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
160
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
161
161
  pointer-events: auto;
162
162
  position: relative;
163
163
  }
164
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
164
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
165
165
  content: var(--tw-content);
166
166
  display: none;
167
167
  }
168
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) button {
168
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) button {
169
169
  display: flex;
170
170
  }
171
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
171
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
172
172
  pointer-events: none;
173
173
  position: relative;
174
174
  }
175
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
175
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
176
176
  --tw-content: '...';
177
177
  content: var(--tw-content);
178
178
  }
179
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li {
179
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li {
180
180
  pointer-events: auto;
181
181
  position: relative;
182
182
  }
183
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li::after {
183
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li::after {
184
184
  content: var(--tw-content);
185
185
  display: none;
186
186
  }
187
- .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li a, .sd-2-0-0-next-1-pagination:not(.sd-2-0-0-next-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li button {
187
+ .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li a, .sd-6-0-0-next-11-pagination:not(.sd-6-0-0-next-11-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li button {
188
188
  display: flex;
189
189
  }
190
- .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2) {
190
+ .sd-6-0-0-next-11-pagination--simple ul li:nth-child(2) {
191
191
  position: relative;
192
192
  margin-inline-end: calc(var(--sd-spacing-1) * 5);
193
193
  width: var(--sd-spacing-8);
194
194
  border-bottom-style: var(--tw-border-style);
195
195
  border-bottom-width: var(--sd-border-width-2);
196
- border-bottom-color: var(--sd-color-border-accent);
196
+ border-bottom-color: rgba(var(--sd-color-border-accent));
197
197
  }
198
- .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2)::after {
198
+ .sd-6-0-0-next-11-pagination--simple ul li:nth-child(2)::after {
199
199
  content: var(--tw-content);
200
200
  position: absolute;
201
201
  }
202
- .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2)::after {
202
+ .sd-6-0-0-next-11-pagination--simple ul li:nth-child(2)::after {
203
203
  content: var(--tw-content);
204
204
  right: calc(18px * -1);
205
205
  }
206
- .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2)::after {
206
+ .sd-6-0-0-next-11-pagination--simple ul li:nth-child(2)::after {
207
207
  content: var(--tw-content);
208
208
  --tw-scale-y: 1.5;
209
209
  scale: var(--tw-scale-x) var(--tw-scale-y);
210
210
  }
211
- .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2)::after {
211
+ .sd-6-0-0-next-11-pagination--simple ul li:nth-child(2)::after {
212
212
  --tw-content: '/';
213
213
  content: var(--tw-content);
214
214
  }
215
- .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2){
215
+ .sd-6-0-0-next-11-pagination--simple ul li:nth-child(2){
216
216
  border-bottom-style: solid;
217
217
  }
218
- .sd-2-0-0-next-1-pagination--simple ul li:nth-last-child(2) {
218
+ .sd-6-0-0-next-11-pagination--simple ul li:nth-last-child(2) {
219
219
  border-bottom-style: var(--tw-border-style);
220
220
  border-bottom-width: var(--sd-border-width-2);
221
221
  border-bottom-color: transparent;
222
222
  }
223
- .sd-2-0-0-next-1-pagination--inverted ul li::after {
223
+ .sd-6-0-0-next-11-pagination--inverted ul li::after {
224
224
  content: var(--tw-content);
225
- color: var(--sd-color-text-white);
225
+ color: rgba(var(--sd-color-text-white));
226
226
  }
227
- .sd-2-0-0-next-1-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-2-0-0-next-1-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-2-0-0-next-1-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-2-0-0-next-1-pagination--inverted ul li:last-child:has(button[disabled]) button {
228
- color: var(--sd-color-text-neutral-600);
227
+ .sd-6-0-0-next-11-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-6-0-0-next-11-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-6-0-0-next-11-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-6-0-0-next-11-pagination--inverted ul li:last-child:has(button[disabled]) button {
228
+ color: rgba(var(--sd-color-text-neutral-600));
229
229
  }
230
- .sd-2-0-0-next-1-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-2-0-0-next-1-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-2-0-0-next-1-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-2-0-0-next-1-pagination--inverted ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
231
- color: var(--sd-color-text-neutral-600);
230
+ .sd-6-0-0-next-11-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-6-0-0-next-11-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-6-0-0-next-11-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-6-0-0-next-11-pagination--inverted ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
231
+ color: rgba(var(--sd-color-text-neutral-600));
232
232
  }
233
- .sd-2-0-0-next-1-pagination--inverted ul li a, .sd-2-0-0-next-1-pagination--inverted ul li a[aria-current], .sd-2-0-0-next-1-pagination--inverted ul li button, .sd-2-0-0-next-1-pagination--inverted ul li button[aria-current] {
234
- color: var(--sd-color-text-white);
233
+ .sd-6-0-0-next-11-pagination--inverted ul li a, .sd-6-0-0-next-11-pagination--inverted ul li a[aria-current], .sd-6-0-0-next-11-pagination--inverted ul li button, .sd-6-0-0-next-11-pagination--inverted ul li button[aria-current] {
234
+ color: rgba(var(--sd-color-text-white));
235
235
  }
236
- .sd-2-0-0-next-1-pagination--inverted ul li a:hover:not([disabled]), .sd-2-0-0-next-1-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-2-0-0-next-1-pagination--inverted ul li button:hover:not([disabled]), .sd-2-0-0-next-1-pagination--inverted ul li button[aria-current]:hover:not([disabled]) {
237
- color: var(--sd-color-text-primary-200);
236
+ .sd-6-0-0-next-11-pagination--inverted ul li a:hover:not([disabled]), .sd-6-0-0-next-11-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-6-0-0-next-11-pagination--inverted ul li button:hover:not([disabled]), .sd-6-0-0-next-11-pagination--inverted ul li button[aria-current]:hover:not([disabled]) {
237
+ color: rgba(var(--sd-color-text-primary-200));
238
238
  }
239
- .sd-2-0-0-next-1-pagination--inverted ul li a:active:not([disabled]), .sd-2-0-0-next-1-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-2-0-0-next-1-pagination--inverted ul li button:active:not([disabled]), .sd-2-0-0-next-1-pagination--inverted ul li button[aria-current]:active:not([disabled]) {
240
- color: var(--sd-color-text-primary-400);
239
+ .sd-6-0-0-next-11-pagination--inverted ul li a:active:not([disabled]), .sd-6-0-0-next-11-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-6-0-0-next-11-pagination--inverted ul li button:active:not([disabled]), .sd-6-0-0-next-11-pagination--inverted ul li button[aria-current]:active:not([disabled]) {
240
+ color: rgba(var(--sd-color-text-primary-400));
241
241
  }
242
- .sd-2-0-0-next-1-pagination--inverted ul li a:focus-visible, .sd-2-0-0-next-1-pagination--inverted ul li a[aria-current]:focus-visible, .sd-2-0-0-next-1-pagination--inverted ul li button:focus-visible, .sd-2-0-0-next-1-pagination--inverted ul li button[aria-current]:focus-visible {
242
+ .sd-6-0-0-next-11-pagination--inverted ul li a:focus-visible, .sd-6-0-0-next-11-pagination--inverted ul li a[aria-current]:focus-visible, .sd-6-0-0-next-11-pagination--inverted ul li button:focus-visible, .sd-6-0-0-next-11-pagination--inverted ul li button[aria-current]:focus-visible {
243
243
  outline-color: var(--color-white, #fff);
244
244
  }
245
- .sd-2-0-0-next-1-pagination--inverted.sd-2-0-0-next-1-pagination--simple ul li {
246
- color: var(--sd-color-text-white);
245
+ .sd-6-0-0-next-11-pagination--inverted.sd-6-0-0-next-11-pagination--simple ul li {
246
+ color: rgba(var(--sd-color-text-white));
247
247
  }
248
- .sd-2-0-0-next-1-pagination--inverted.sd-2-0-0-next-1-pagination--simple ul li::after {
248
+ .sd-6-0-0-next-11-pagination--inverted.sd-6-0-0-next-11-pagination--simple ul li::after {
249
249
  content: var(--tw-content);
250
- color: var(--sd-color-text-white);
250
+ color: rgba(var(--sd-color-text-white));
251
251
  }
252
252
  @property --tw-border-style {
253
253
  syntax: "*";
package/dist-versioned/modules/paragraph.css CHANGED
@@ -1,26 +1,26 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-2-0-0-next-1-paragraph, .sd-2-0-0-next-1-prose p {
4
+ .sd-6-0-0-next-11-paragraph, .sd-6-0-0-next-11-prose p {
5
5
  font-size: var(--sd-text-base);
6
6
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
7
7
  --tw-leading: var(--leading-normal, 1.5);
8
8
  line-height: var(--leading-normal, 1.5);
9
9
  --tw-font-weight: var(--sd-font-weight-normal);
10
10
  font-weight: var(--sd-font-weight-normal);
11
- color: var(--sd-color-text-black);
11
+ color: rgba(var(--sd-color-text-black));
12
12
  }
13
- .sd-2-0-0-next-1-paragraph--size-sm, .sd-2-0-0-next-1-prose p--size-sm {
13
+ .sd-6-0-0-next-11-paragraph--size-sm, .sd-6-0-0-next-11-prose p--size-sm {
14
14
  font-size: var(--sd-text-sm);
15
15
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
16
16
  --tw-leading: var(--leading-normal, 1.5);
17
17
  line-height: var(--leading-normal, 1.5);
18
18
  --tw-font-weight: var(--sd-font-weight-normal);
19
19
  font-weight: var(--sd-font-weight-normal);
20
- color: var(--sd-color-text-black);
20
+ color: rgba(var(--sd-color-text-black));
21
21
  }
22
- .sd-2-0-0-next-1-paragraph--inverted, .sd-2-0-0-next-1-prose--inverted p {
23
- color: var(--sd-color-text-white);
22
+ .sd-6-0-0-next-11-paragraph--inverted, .sd-6-0-0-next-11-prose--inverted p {
23
+ color: rgba(var(--sd-color-text-white));
24
24
  }
25
25
  @property --tw-leading {
26
26
  syntax: "*";