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