@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
@@ -1,170 +1,2 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- .sd-prose td, .sd-prose th, .sd-table-cell {
4
- border-inline-style: var(--tw-border-style);
5
- border-inline-width: 0px;
6
- border-block-style: var(--tw-border-style);
7
- border-block-width: 1px;
8
- --tw-border-style: solid;
9
- border-style: solid;
10
- border-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
11
- background-color: transparent;
12
- padding: var(--sd-spacing-4);
13
- text-align: left;
14
- font-size: var(--sd-text-sm);
15
- 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
- }
18
- .sd-table-cell--divider {
19
- border-right-style: var(--tw-border-style);
20
- border-right-width: 1px;
21
- }
22
- .sd-table-cell--shadow-top:after, .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after {
23
- pointer-events: none;
24
- position: absolute;
25
- --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10), transparent);
26
- --tw-gradient-to: transparent;
27
- --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));
28
- opacity: var(--sd-opacity-0);
29
- transition-property: opacity;
30
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
31
- transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
32
- --tw-duration: 300ms;
33
- transition-duration: 300ms;
34
- --tw-content: '';
35
- content: var(--tw-content);
36
- }
37
- .sd-table-cell--shadow-top:after, .sd-table-cell--shadow-bottom:after {
38
- right: calc(var(--sd-spacing-1) * 0);
39
- left: calc(var(--sd-spacing-1) * 0);
40
- height: calc(var(--sd-spacing-1) * 2.5);
41
- }
42
- .sd-table-cell--shadow-top:before, .sd-table-cell--shadow-bottom:before {
43
- position: absolute;
44
- left: calc(var(--sd-spacing-1) * 0);
45
- display: block;
46
- height: 1px;
47
- width: 100%;
48
- border-style: var(--tw-border-style);
49
- border-width: 0.5px;
50
- border-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
51
- --tw-content: '';
52
- content: var(--tw-content);
53
- }
54
- .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after {
55
- top: calc(var(--sd-spacing-1) * 0);
56
- bottom: calc(var(--sd-spacing-1) * 0);
57
- width: calc(var(--sd-spacing-1) * 2.5);
58
- }
59
- .sd-table-cell.sd-table-cell--shadow-active:after {
60
- opacity: 100%;
61
- }
62
- .sd-table-cell--shadow-top:after {
63
- top: -10px;
64
- --tw-gradient-position: to top in oklab;
65
- background-image: linear-gradient(var(--tw-gradient-stops));
66
- }
67
- .sd-table-cell--shadow-top:before {
68
- bottom: -1px;
69
- }
70
- .sd-table-cell--shadow-bottom:after {
71
- bottom: -10px;
72
- --tw-gradient-position: to bottom in oklab;
73
- background-image: linear-gradient(var(--tw-gradient-stops));
74
- }
75
- .sd-table-cell--shadow-bottom:before {
76
- top: -1px;
77
- }
78
- .sd-table-cell--shadow-left:after {
79
- left: -10px;
80
- --tw-gradient-position: to left in oklab;
81
- background-image: linear-gradient(var(--tw-gradient-stops));
82
- }
83
- .sd-table-cell--shadow-right:after {
84
- right: -10px;
85
- --tw-gradient-position: to right in oklab;
86
- background-image: linear-gradient(var(--tw-gradient-stops));
87
- }
88
- .sd-table-cell--bg-white {
89
- background-color: var(--sd-color-background-white, var(--sd-color-white));
90
- }
91
- .sd-table-cell--bg-primary-100 {
92
- background-color: var(--sd-color-background-primary-100, var(--sd-color-primary-100));
93
- }
94
- .sd-table-cell--bg-neutral-100 {
95
- background-color: var(--sd-color-background-neutral-100, var(--sd-color-neutral-100));
96
- }
97
- @property --tw-border-style {
98
- syntax: "*";
99
- inherits: false;
100
- initial-value: solid;
101
- }
102
- @property --tw-gradient-position {
103
- syntax: "*";
104
- inherits: false;
105
- }
106
- @property --tw-gradient-from {
107
- syntax: "<color>";
108
- inherits: false;
109
- initial-value: #0000;
110
- }
111
- @property --tw-gradient-via {
112
- syntax: "<color>";
113
- inherits: false;
114
- initial-value: #0000;
115
- }
116
- @property --tw-gradient-to {
117
- syntax: "<color>";
118
- inherits: false;
119
- initial-value: #0000;
120
- }
121
- @property --tw-gradient-stops {
122
- syntax: "*";
123
- inherits: false;
124
- }
125
- @property --tw-gradient-via-stops {
126
- syntax: "*";
127
- inherits: false;
128
- }
129
- @property --tw-gradient-from-position {
130
- syntax: "<length-percentage>";
131
- inherits: false;
132
- initial-value: 0%;
133
- }
134
- @property --tw-gradient-via-position {
135
- syntax: "<length-percentage>";
136
- inherits: false;
137
- initial-value: 50%;
138
- }
139
- @property --tw-gradient-to-position {
140
- syntax: "<length-percentage>";
141
- inherits: false;
142
- initial-value: 100%;
143
- }
144
- @property --tw-duration {
145
- syntax: "*";
146
- inherits: false;
147
- }
148
- @property --tw-content {
149
- syntax: "*";
150
- inherits: false;
151
- initial-value: "";
152
- }
153
- @layer properties {
154
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
155
- *, ::before, ::after, ::backdrop {
156
- --tw-border-style: solid;
157
- --tw-gradient-position: initial;
158
- --tw-gradient-from: #0000;
159
- --tw-gradient-via: #0000;
160
- --tw-gradient-to: #0000;
161
- --tw-gradient-stops: initial;
162
- --tw-gradient-via-stops: initial;
163
- --tw-gradient-from-position: 0%;
164
- --tw-gradient-via-position: 50%;
165
- --tw-gradient-to-position: 100%;
166
- --tw-duration: initial;
167
- --tw-content: "";
168
- }
169
- }
170
- }
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-duration:initial;--tw-content:""}}}@layer theme,base,components,utilities;.sd-prose td,.sd-prose th,.sd-table-cell{border-inline-style:var(--tw-border-style);border-inline-width:0;border-block-style:var(--tw-border-style);--tw-border-style:solid;border-block-width:1px;border-style:solid;border-color:var(--sd-color-border-neutral-400);padding:var(--sd-spacing-4);text-align:left;font-size:var(--sd-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--sd-color-text-black);background-color:#0000}.sd-table-cell--divider{border-right-style:var(--tw-border-style);border-right-width:1px}.sd-table-cell--shadow-top:after,.sd-table-cell--shadow-bottom:after,.sd-table-cell--shadow-left:after,.sd-table-cell--shadow-right:after{pointer-events:none;--tw-gradient-from:color-mix(in oklab,#000 var(--sd-opacity-10),transparent);--tw-gradient-to:transparent;--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));opacity:var(--sd-opacity-0);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-content:"";content:var(--tw-content);transition-duration:.3s;position:absolute}.sd-table-cell--shadow-top:after,.sd-table-cell--shadow-bottom:after{right:calc(var(--sd-spacing-1)*0);left:calc(var(--sd-spacing-1)*0);height:calc(var(--sd-spacing-1)*2.5)}.sd-table-cell--shadow-top:before,.sd-table-cell--shadow-bottom:before{left:calc(var(--sd-spacing-1)*0);border-style:var(--tw-border-style);border-width:.5px;border-color:var(--sd-color-border-neutral-400);--tw-content:"";content:var(--tw-content);width:100%;height:1px;display:block;position:absolute}.sd-table-cell--shadow-left:after,.sd-table-cell--shadow-right:after{top:calc(var(--sd-spacing-1)*0);bottom:calc(var(--sd-spacing-1)*0);width:calc(var(--sd-spacing-1)*2.5)}.sd-table-cell.sd-table-cell--shadow-active:after{opacity:1}.sd-table-cell--shadow-top:after{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops));top:-10px}.sd-table-cell--shadow-top:before{bottom:-1px}.sd-table-cell--shadow-bottom:after{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops));bottom:-10px}.sd-table-cell--shadow-bottom:before{top:-1px}.sd-table-cell--shadow-left:after{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops));left:-10px}.sd-table-cell--shadow-right:after{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));right:-10px}.sd-table-cell--bg-white{background-color:var(--sd-color-background-white)}.sd-table-cell--bg-primary-100{background-color:var(--sd-color-background-primary-100)}.sd-table-cell--bg-neutral-100{background-color:var(--sd-color-background-neutral-100)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@@ -1,31 +1,2 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
- @layer properties;
3
- .sd-table, .sd-prose table {
4
- all: unset;
5
- display: table;
6
- border-collapse: collapse;
7
- --tw-border-spacing-x: calc(var(--sd-spacing-1) * 0);
8
- --tw-border-spacing-y: calc(var(--sd-spacing-1) * 0);
9
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
10
- }
11
- .sd-table thead tr:first-of-type, .sd-table tfoot tr:first-of-type, .sd-prose table thead tr:first-of-type, .sd-prose table tfoot tr:first-of-type {
12
- position: relative;
13
- }
14
- @property --tw-border-spacing-x {
15
- syntax: "<length>";
16
- inherits: false;
17
- initial-value: 0;
18
- }
19
- @property --tw-border-spacing-y {
20
- syntax: "<length>";
21
- inherits: false;
22
- initial-value: 0;
23
- }
24
- @layer properties {
25
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
26
- *, ::before, ::after, ::backdrop {
27
- --tw-border-spacing-x: 0;
28
- --tw-border-spacing-y: 0;
29
- }
30
- }
31
- }
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}@layer theme,base,components,utilities;.sd-table,.sd-prose table{all:unset;border-collapse:collapse;--tw-border-spacing-x:calc(var(--sd-spacing-1)*0);--tw-border-spacing-y:calc(var(--sd-spacing-1)*0);border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y);display:table}.sd-table thead tr:first-of-type,.sd-table tfoot tr:first-of-type,.sd-prose table thead tr:first-of-type,.sd-prose table tfoot tr:first-of-type{position:relative}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}