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

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 +10 -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/status-badge.css CHANGED
@@ -1,27 +1,27 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
- .sd-2-0-0-next-1-status-badge {
3
+ .sd-6-0-0-next-10-status-badge {
4
4
  display: inline-flex;
5
5
  align-items: center;
6
6
  }
7
- .sd-2-0-0-next-1-status-badge sd-icon {
7
+ .sd-6-0-0-next-10-status-badge sd-icon {
8
8
  margin-right: var(--sd-spacing-2);
9
9
  display: flex;
10
10
  height: var(--sd-spacing-3);
11
11
  width: var(--sd-spacing-3);
12
12
  border-radius: var(--sd-radius-full);
13
13
  padding: var(--sd-spacing-1);
14
- color: var(--sd-color-text-white) !important;
14
+ color: rgba(var(--sd-color-text-white)) !important;
15
15
  }
16
- .sd-2-0-0-next-1-status-badge--success sd-icon {
17
- background-color: var(--sd-color-background-success);
16
+ .sd-6-0-0-next-10-status-badge--success sd-icon {
17
+ background-color: rgba(var(--sd-color-background-success));
18
18
  }
19
- .sd-2-0-0-next-1-status-badge--warning sd-icon {
20
- background-color: var(--sd-color-background-warning);
19
+ .sd-6-0-0-next-10-status-badge--warning sd-icon {
20
+ background-color: rgba(var(--sd-color-background-warning));
21
21
  }
22
- .sd-2-0-0-next-1-status-badge--error sd-icon {
23
- background-color: var(--sd-color-background-error);
22
+ .sd-6-0-0-next-10-status-badge--error sd-icon {
23
+ background-color: rgba(var(--sd-color-background-error));
24
24
  }
25
- .sd-2-0-0-next-1-status-badge--info sd-icon {
26
- background-color: var(--sd-color-background-info);
25
+ .sd-6-0-0-next-10-status-badge--info sd-icon {
26
+ background-color: rgba(var(--sd-color-background-info));
27
27
  }
package/dist-versioned/modules/table-cell.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-prose td, .sd-2-0-0-next-1-prose th, .sd-2-0-0-next-1-table-cell {
4
+ .sd-6-0-0-next-10-prose td, .sd-6-0-0-next-10-prose th, .sd-6-0-0-next-10-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: var(--sd-color-border-neutral-400);
11
+ border-color: rgba(var(--sd-color-border-neutral-400));
12
12
  background-color: transparent;
13
13
  padding: var(--sd-spacing-4);
14
14
  text-align: left;
15
15
  font-size: var(--sd-text-sm);
16
16
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
17
- color: var(--sd-color-text-black);
17
+ color: rgba(var(--sd-color-text-black));
18
18
  }
19
- .sd-2-0-0-next-1-table-cell--divider {
19
+ .sd-6-0-0-next-10-table-cell--divider {
20
20
  border-right-style: var(--tw-border-style);
21
21
  border-right-width: 1px;
22
22
  }
23
- .sd-2-0-0-next-1-table-cell--shadow-top:after, .sd-2-0-0-next-1-table-cell--shadow-bottom:after, .sd-2-0-0-next-1-table-cell--shadow-left:after, .sd-2-0-0-next-1-table-cell--shadow-right:after {
23
+ .sd-6-0-0-next-10-table-cell--shadow-top:after, .sd-6-0-0-next-10-table-cell--shadow-bottom:after, .sd-6-0-0-next-10-table-cell--shadow-left:after, .sd-6-0-0-next-10-table-cell--shadow-right:after {
24
24
  pointer-events: none;
25
25
  position: absolute;
26
26
  --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10), transparent);
@@ -35,12 +35,12 @@
35
35
  --tw-content: '';
36
36
  content: var(--tw-content);
37
37
  }
38
- .sd-2-0-0-next-1-table-cell--shadow-top:after, .sd-2-0-0-next-1-table-cell--shadow-bottom:after {
38
+ .sd-6-0-0-next-10-table-cell--shadow-top:after, .sd-6-0-0-next-10-table-cell--shadow-bottom:after {
39
39
  right: calc(var(--sd-spacing-1) * 0);
40
40
  left: calc(var(--sd-spacing-1) * 0);
41
41
  height: calc(var(--sd-spacing-1) * 2.5);
42
42
  }
43
- .sd-2-0-0-next-1-table-cell--shadow-top:before, .sd-2-0-0-next-1-table-cell--shadow-bottom:before {
43
+ .sd-6-0-0-next-10-table-cell--shadow-top:before, .sd-6-0-0-next-10-table-cell--shadow-bottom:before {
44
44
  position: absolute;
45
45
  left: calc(var(--sd-spacing-1) * 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: var(--sd-color-border-neutral-400);
51
+ border-color: rgba(var(--sd-color-border-neutral-400));
52
52
  --tw-content: '';
53
53
  content: var(--tw-content);
54
54
  }
55
- .sd-2-0-0-next-1-table-cell--shadow-left:after, .sd-2-0-0-next-1-table-cell--shadow-right:after {
55
+ .sd-6-0-0-next-10-table-cell--shadow-left:after, .sd-6-0-0-next-10-table-cell--shadow-right:after {
56
56
  top: calc(var(--sd-spacing-1) * 0);
57
57
  bottom: calc(var(--sd-spacing-1) * 0);
58
58
  width: calc(var(--sd-spacing-1) * 2.5);
59
59
  }
60
- .sd-2-0-0-next-1-table-cell.sd-2-0-0-next-1-table-cell--shadow-active:after {
60
+ .sd-6-0-0-next-10-table-cell.sd-6-0-0-next-10-table-cell--shadow-active:after {
61
61
  opacity: 100%;
62
62
  }
63
- .sd-2-0-0-next-1-table-cell--shadow-top:after {
63
+ .sd-6-0-0-next-10-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-2-0-0-next-1-table-cell--shadow-top:before {
68
+ .sd-6-0-0-next-10-table-cell--shadow-top:before {
69
69
  bottom: -1px;
70
70
  }
71
- .sd-2-0-0-next-1-table-cell--shadow-bottom:after {
71
+ .sd-6-0-0-next-10-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-2-0-0-next-1-table-cell--shadow-bottom:before {
76
+ .sd-6-0-0-next-10-table-cell--shadow-bottom:before {
77
77
  top: -1px;
78
78
  }
79
- .sd-2-0-0-next-1-table-cell--shadow-left:after {
79
+ .sd-6-0-0-next-10-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-2-0-0-next-1-table-cell--shadow-right:after {
84
+ .sd-6-0-0-next-10-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-2-0-0-next-1-table-cell--bg-white {
90
- background-color: var(--sd-color-background-white);
89
+ .sd-6-0-0-next-10-table-cell--bg-white {
90
+ background-color: rgba(var(--sd-color-background-white));
91
91
  }
92
- .sd-2-0-0-next-1-table-cell--bg-primary-100 {
93
- background-color: var(--sd-color-background-primary-100);
92
+ .sd-6-0-0-next-10-table-cell--bg-primary-100 {
93
+ background-color: rgba(var(--sd-color-background-primary-100));
94
94
  }
95
- .sd-2-0-0-next-1-table-cell--bg-neutral-100 {
96
- background-color: var(--sd-color-background-neutral-100);
95
+ .sd-6-0-0-next-10-table-cell--bg-neutral-100 {
96
+ background-color: rgba(var(--sd-color-background-neutral-100));
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.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-table, .sd-2-0-0-next-1-prose table {
4
+ .sd-6-0-0-next-10-table, .sd-6-0-0-next-10-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: calc(var(--sd-spacing-1) * 0);
10
10
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
11
11
  }
12
- .sd-2-0-0-next-1-table thead tr:first-of-type, .sd-2-0-0-next-1-table tfoot tr:first-of-type, .sd-2-0-0-next-1-prose table thead tr:first-of-type, .sd-2-0-0-next-1-prose table tfoot tr:first-of-type {
12
+ .sd-6-0-0-next-10-table thead tr:first-of-type, .sd-6-0-0-next-10-table tfoot tr:first-of-type, .sd-6-0-0-next-10-prose table thead tr:first-of-type, .sd-6-0-0-next-10-prose table tfoot tr:first-of-type {
13
13
  position: relative;
14
14
  }
15
15
  @property --tw-border-spacing-x {