@solid-design-system/styles 7.0.0-next.10 → 7.0.0-next.12

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 (80) hide show
  1. package/CHANGELOG.md +8 -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/footnotes.css +1 -1
  7. package/cdn/modules/headline.css +1 -1
  8. package/cdn/modules/hidden-links.css +1 -1
  9. package/cdn/modules/interactive.css +1 -1
  10. package/cdn/modules/leadtext.css +1 -1
  11. package/cdn/modules/list.css +1 -1
  12. package/cdn/modules/mark.css +1 -1
  13. package/cdn/modules/media.css +1 -1
  14. package/cdn/modules/meta.css +1 -1
  15. package/cdn/modules/pagination.css +1 -1
  16. package/cdn/modules/paragraph.css +1 -1
  17. package/cdn/modules/prose.css +1 -1
  18. package/cdn/modules/status-badge.css +1 -1
  19. package/cdn/modules/table-cell.css +1 -1
  20. package/cdn/solid-styles.css +1 -1
  21. package/cdn-versioned/modules/chip.css +1 -1
  22. package/cdn-versioned/modules/container.css +1 -1
  23. package/cdn-versioned/modules/copyright.css +1 -1
  24. package/cdn-versioned/modules/display.css +1 -1
  25. package/cdn-versioned/modules/footnotes.css +1 -1
  26. package/cdn-versioned/modules/headline.css +1 -1
  27. package/cdn-versioned/modules/hidden-links.css +1 -1
  28. package/cdn-versioned/modules/interactive.css +1 -1
  29. package/cdn-versioned/modules/leadtext.css +1 -1
  30. package/cdn-versioned/modules/list.css +1 -1
  31. package/cdn-versioned/modules/mark.css +1 -1
  32. package/cdn-versioned/modules/media.css +1 -1
  33. package/cdn-versioned/modules/meta.css +1 -1
  34. package/cdn-versioned/modules/pagination.css +1 -1
  35. package/cdn-versioned/modules/paragraph.css +1 -1
  36. package/cdn-versioned/modules/prose.css +1 -1
  37. package/cdn-versioned/modules/status-badge.css +1 -1
  38. package/cdn-versioned/modules/table-cell.css +1 -1
  39. package/cdn-versioned/modules/table.css +1 -1
  40. package/cdn-versioned/solid-styles.css +1 -1
  41. package/dist/modules/chip.css +42 -42
  42. package/dist/modules/container.css +16 -16
  43. package/dist/modules/copyright.css +11 -11
  44. package/dist/modules/display.css +15 -15
  45. package/dist/modules/footnotes.css +30 -30
  46. package/dist/modules/headline.css +33 -33
  47. package/dist/modules/hidden-links.css +12 -12
  48. package/dist/modules/interactive.css +12 -12
  49. package/dist/modules/leadtext.css +9 -9
  50. package/dist/modules/list.css +12 -12
  51. package/dist/modules/mark.css +1 -1
  52. package/dist/modules/media.css +3 -3
  53. package/dist/modules/meta.css +10 -10
  54. package/dist/modules/pagination.css +33 -33
  55. package/dist/modules/paragraph.css +9 -9
  56. package/dist/modules/prose.css +113 -113
  57. package/dist/modules/status-badge.css +10 -10
  58. package/dist/modules/table-cell.css +12 -12
  59. package/dist/solid-styles.css +278 -278
  60. package/dist-versioned/modules/chip.css +63 -63
  61. package/dist-versioned/modules/container.css +44 -44
  62. package/dist-versioned/modules/copyright.css +17 -17
  63. package/dist-versioned/modules/display.css +21 -21
  64. package/dist-versioned/modules/footnotes.css +58 -58
  65. package/dist-versioned/modules/headline.css +63 -63
  66. package/dist-versioned/modules/hidden-links.css +16 -16
  67. package/dist-versioned/modules/interactive.css +28 -28
  68. package/dist-versioned/modules/leadtext.css +12 -12
  69. package/dist-versioned/modules/list.css +42 -42
  70. package/dist-versioned/modules/mark.css +2 -2
  71. package/dist-versioned/modules/media.css +7 -7
  72. package/dist-versioned/modules/meta.css +17 -17
  73. package/dist-versioned/modules/pagination.css +94 -94
  74. package/dist-versioned/modules/paragraph.css +12 -12
  75. package/dist-versioned/modules/prose.css +238 -238
  76. package/dist-versioned/modules/status-badge.css +16 -16
  77. package/dist-versioned/modules/table-cell.css +28 -28
  78. package/dist-versioned/modules/table.css +2 -2
  79. package/dist-versioned/solid-styles.css +565 -565
  80. package/package.json +1 -1
package/dist-versioned/modules/status-badge.css CHANGED
@@ -1,27 +1,27 @@
1
1
  /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
- .sd-7-0-0-next-10-status-badge {
3
+ .sd-7-0-0-next-12-status-badge {
4
4
  display: inline-flex;
5
5
  align-items: center;
6
6
  }
7
- .sd-7-0-0-next-10-status-badge sd-7-0-0-next-10-icon {
8
- margin-right: var(--sd-spacing-2);
7
+ .sd-7-0-0-next-12-status-badge sd-7-0-0-next-12-icon {
8
+ margin-right: var(--sd-spacing-2, 0.5rem);
9
9
  display: flex;
10
- height: var(--sd-spacing-3);
11
- width: var(--sd-spacing-3);
12
- border-radius: var(--sd-radius-full);
13
- padding: var(--sd-spacing-1);
14
- color: rgba(var(--sd-color-text-white)) !important;
10
+ height: var(--sd-spacing-3, 0.75rem);
11
+ width: var(--sd-spacing-3, 0.75rem);
12
+ border-radius: var(--sd-radius-full, 624.9375rem);
13
+ padding: var(--sd-spacing-1, 0.25rem);
14
+ color: rgba(var(--sd-color-text-white, 255 255 255)) !important;
15
15
  }
16
- .sd-7-0-0-next-10-status-badge--success sd-7-0-0-next-10-icon {
17
- background-color: rgba(var(--sd-badge--green-color-background, rgba(var(--sd-color-accent-550))));
16
+ .sd-7-0-0-next-12-status-badge--success sd-7-0-0-next-12-icon {
17
+ background-color: rgba(var(--sd-badge--green-color-background, 54 123 40));
18
18
  }
19
- .sd-7-0-0-next-10-status-badge--warning sd-7-0-0-next-10-icon {
20
- background-color: rgba(var(--sd-color-background-warning));
19
+ .sd-7-0-0-next-12-status-badge--warning sd-7-0-0-next-12-icon {
20
+ background-color: rgba(var(--sd-color-background-warning, 187 141 32));
21
21
  }
22
- .sd-7-0-0-next-10-status-badge--error sd-7-0-0-next-10-icon {
23
- background-color: rgba(var(--sd-badge--red-color-background, rgba(var(--sd-color-error))));
22
+ .sd-7-0-0-next-12-status-badge--error sd-7-0-0-next-12-icon {
23
+ background-color: rgba(var(--sd-badge--red-color-background, 204 25 55));
24
24
  }
25
- .sd-7-0-0-next-10-status-badge--info sd-7-0-0-next-10-icon {
26
- background-color: rgba(var(--sd-color-background-info));
25
+ .sd-7-0-0-next-12-status-badge--info sd-7-0-0-next-12-icon {
26
+ background-color: rgba(var(--sd-color-background-info, 21 130 213));
27
27
  }
package/dist-versioned/modules/table-cell.css CHANGED
@@ -1,32 +1,32 @@
1
1
  /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-7-0-0-next-10-prose td, .sd-7-0-0-next-10-prose th, .sd-7-0-0-next-10-table-cell {
4
+ .sd-7-0-0-next-12-prose td, .sd-7-0-0-next-12-prose th, .sd-7-0-0-next-12-table-cell {
5
5
  border-inline-style: var(--tw-border-style);
6
6
  border-inline-width: 0px;
7
7
  border-block-style: var(--tw-border-style);
8
8
  border-block-width: 1px;
9
9
  --tw-border-style: solid;
10
10
  border-style: solid;
11
- border-color: rgba(var(--sd-color-border-neutral-400));
11
+ border-color: rgba(var(--sd-color-border-neutral-400, 195 195 195));
12
12
  background-color: transparent;
13
- padding: var(--sd-spacing-4);
13
+ padding: var(--sd-spacing-4, 1rem);
14
14
  text-align: left;
15
- font-size: var(--sd-text-sm);
15
+ font-size: var(--sd-text-sm, 0.875rem);
16
16
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
17
- color: rgba(var(--sd-color-text-black));
17
+ color: rgba(var(--sd-color-text-black, 24 24 24));
18
18
  }
19
- .sd-7-0-0-next-10-table-cell--divider {
19
+ .sd-7-0-0-next-12-table-cell--divider {
20
20
  border-right-style: var(--tw-border-style);
21
21
  border-right-width: 1px;
22
22
  }
23
- .sd-7-0-0-next-10-table-cell--shadow-top:after, .sd-7-0-0-next-10-table-cell--shadow-bottom:after, .sd-7-0-0-next-10-table-cell--shadow-left:after, .sd-7-0-0-next-10-table-cell--shadow-right:after {
23
+ .sd-7-0-0-next-12-table-cell--shadow-top:after, .sd-7-0-0-next-12-table-cell--shadow-bottom:after, .sd-7-0-0-next-12-table-cell--shadow-left:after, .sd-7-0-0-next-12-table-cell--shadow-right:after {
24
24
  pointer-events: none;
25
25
  position: absolute;
26
- --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10), transparent);
26
+ --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10, 10%), transparent);
27
27
  --tw-gradient-to: transparent;
28
28
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
29
- opacity: var(--sd-opacity-0);
29
+ opacity: var(--sd-opacity-0, 0%);
30
30
  transition-property: opacity;
31
31
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
32
32
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
@@ -35,12 +35,12 @@
35
35
  --tw-content: '';
36
36
  content: var(--tw-content);
37
37
  }
38
- .sd-7-0-0-next-10-table-cell--shadow-top:after, .sd-7-0-0-next-10-table-cell--shadow-bottom:after {
38
+ .sd-7-0-0-next-12-table-cell--shadow-top:after, .sd-7-0-0-next-12-table-cell--shadow-bottom:after {
39
39
  right: 0;
40
40
  left: 0;
41
- height: var(--sd-spacing-2\.5);
41
+ height: var(--sd-spacing-2\.5, 0.625rem);
42
42
  }
43
- .sd-7-0-0-next-10-table-cell--shadow-top:before, .sd-7-0-0-next-10-table-cell--shadow-bottom:before {
43
+ .sd-7-0-0-next-12-table-cell--shadow-top:before, .sd-7-0-0-next-12-table-cell--shadow-bottom:before {
44
44
  position: absolute;
45
45
  left: 0;
46
46
  display: block;
@@ -48,52 +48,52 @@
48
48
  width: 100%;
49
49
  border-style: var(--tw-border-style);
50
50
  border-width: 0.5px;
51
- border-color: rgba(var(--sd-color-border-neutral-400));
51
+ border-color: rgba(var(--sd-color-border-neutral-400, 195 195 195));
52
52
  --tw-content: '';
53
53
  content: var(--tw-content);
54
54
  }
55
- .sd-7-0-0-next-10-table-cell--shadow-left:after, .sd-7-0-0-next-10-table-cell--shadow-right:after {
55
+ .sd-7-0-0-next-12-table-cell--shadow-left:after, .sd-7-0-0-next-12-table-cell--shadow-right:after {
56
56
  top: 0;
57
57
  bottom: 0;
58
- width: var(--sd-spacing-2\.5);
58
+ width: var(--sd-spacing-2\.5, 0.625rem);
59
59
  }
60
- .sd-7-0-0-next-10-table-cell.sd-7-0-0-next-10-table-cell--shadow-active:after {
60
+ .sd-7-0-0-next-12-table-cell.sd-7-0-0-next-12-table-cell--shadow-active:after {
61
61
  opacity: 100%;
62
62
  }
63
- .sd-7-0-0-next-10-table-cell--shadow-top:after {
63
+ .sd-7-0-0-next-12-table-cell--shadow-top:after {
64
64
  top: -10px;
65
65
  --tw-gradient-position: to top in oklab;
66
66
  background-image: linear-gradient(var(--tw-gradient-stops));
67
67
  }
68
- .sd-7-0-0-next-10-table-cell--shadow-top:before {
68
+ .sd-7-0-0-next-12-table-cell--shadow-top:before {
69
69
  bottom: -1px;
70
70
  }
71
- .sd-7-0-0-next-10-table-cell--shadow-bottom:after {
71
+ .sd-7-0-0-next-12-table-cell--shadow-bottom:after {
72
72
  bottom: -10px;
73
73
  --tw-gradient-position: to bottom in oklab;
74
74
  background-image: linear-gradient(var(--tw-gradient-stops));
75
75
  }
76
- .sd-7-0-0-next-10-table-cell--shadow-bottom:before {
76
+ .sd-7-0-0-next-12-table-cell--shadow-bottom:before {
77
77
  top: -1px;
78
78
  }
79
- .sd-7-0-0-next-10-table-cell--shadow-left:after {
79
+ .sd-7-0-0-next-12-table-cell--shadow-left:after {
80
80
  left: -10px;
81
81
  --tw-gradient-position: to left in oklab;
82
82
  background-image: linear-gradient(var(--tw-gradient-stops));
83
83
  }
84
- .sd-7-0-0-next-10-table-cell--shadow-right:after {
84
+ .sd-7-0-0-next-12-table-cell--shadow-right:after {
85
85
  right: -10px;
86
86
  --tw-gradient-position: to right in oklab;
87
87
  background-image: linear-gradient(var(--tw-gradient-stops));
88
88
  }
89
- .sd-7-0-0-next-10-table-cell--bg-white {
90
- background-color: rgba(var(--sd-color-background-white));
89
+ .sd-7-0-0-next-12-table-cell--bg-white {
90
+ background-color: rgba(var(--sd-color-background-white, 255 255 255));
91
91
  }
92
- .sd-7-0-0-next-10-table-cell--bg-primary-100 {
93
- background-color: rgba(var(--sd-color-background-primary-100));
92
+ .sd-7-0-0-next-12-table-cell--bg-primary-100 {
93
+ background-color: rgba(var(--sd-color-background-primary-100, 236 240 249));
94
94
  }
95
- .sd-7-0-0-next-10-table-cell--bg-neutral-100 {
96
- background-color: rgba(var(--sd-color-background-neutral-100));
95
+ .sd-7-0-0-next-12-table-cell--bg-neutral-100 {
96
+ background-color: rgba(var(--sd-color-background-neutral-100, 246 246 246));
97
97
  }
98
98
  @property --tw-border-style {
99
99
  syntax: "*";
package/dist-versioned/modules/table.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-7-0-0-next-10-table, .sd-7-0-0-next-10-prose table {
4
+ .sd-7-0-0-next-12-table, .sd-7-0-0-next-12-prose table {
5
5
  all: unset;
6
6
  display: table;
7
7
  border-collapse: collapse;
@@ -9,7 +9,7 @@
9
9
  --tw-border-spacing-y: 0;
10
10
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
11
11
  }
12
- .sd-7-0-0-next-10-table thead tr:first-of-type, .sd-7-0-0-next-10-table tfoot tr:first-of-type, .sd-7-0-0-next-10-prose table thead tr:first-of-type, .sd-7-0-0-next-10-prose table tfoot tr:first-of-type {
12
+ .sd-7-0-0-next-12-table thead tr:first-of-type, .sd-7-0-0-next-12-table tfoot tr:first-of-type, .sd-7-0-0-next-12-prose table thead tr:first-of-type, .sd-7-0-0-next-12-prose table tfoot tr:first-of-type {
13
13
  position: relative;
14
14
  }
15
15
  @property --tw-border-spacing-x {