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

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