@redseed/redseed-ui-tailwindcss 7.3.2 → 7.3.4

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.
@@ -1,7 +1,7 @@
1
1
  .rsui-card {
2
2
  @apply relative flex flex-col;
3
3
  @apply transition duration-200;
4
- @apply rounded-xl bg-background-primary;
4
+ @apply rounded-xl bg-background-primary border-border-primary;
5
5
  }
6
6
 
7
7
  .rsui-card--ai {
@@ -9,7 +9,55 @@
9
9
  }
10
10
 
11
11
  .rsui-card--bordered {
12
- @apply border border-border-primary;
12
+ @apply border;
13
+ }
14
+
15
+ .rsui-card--secondary {
16
+ @apply bg-background-secondary;
17
+ }
18
+
19
+ .rsui-card--bordered.rsui-card--secondary {
20
+ @apply border-border-secondary;
21
+ }
22
+
23
+ .rsui-card--brand {
24
+ @apply bg-background-brand;
25
+ }
26
+
27
+ .rsui-card--bordered.rsui-card--brand {
28
+ @apply border-border-brand;
29
+ }
30
+
31
+ .rsui-card--success {
32
+ @apply bg-background-success;
33
+ }
34
+
35
+ .rsui-card--bordered.rsui-card--success {
36
+ @apply border-border-success;
37
+ }
38
+
39
+ .rsui-card--info {
40
+ @apply bg-background-info;
41
+ }
42
+
43
+ .rsui-card--bordered.rsui-card--info {
44
+ @apply border-border-info;
45
+ }
46
+
47
+ .rsui-card--warning {
48
+ @apply bg-background-warning;
49
+ }
50
+
51
+ .rsui-card--bordered.rsui-card--warning {
52
+ @apply border-border-warning;
53
+ }
54
+
55
+ .rsui-card--error {
56
+ @apply bg-background-error;
57
+ }
58
+
59
+ .rsui-card--bordered.rsui-card--error {
60
+ @apply border-border-error;
13
61
  }
14
62
 
15
63
  .rsui-card--hoverable {
@@ -79,10 +79,6 @@
79
79
  @apply items-baseline-last;
80
80
  }
81
81
 
82
- .rsui-flex-container__content--xs {
83
- @apply gap-space-xs;
84
- }
85
-
86
82
  .rsui-flex-container__content--sm {
87
83
  @apply gap-space-sm;
88
84
  }
@@ -97,4 +93,180 @@
97
93
 
98
94
  .rsui-flex-container__content--xl {
99
95
  @apply gap-space-xl;
96
+ }
97
+
98
+ .rsui-flex-container__content--responsive-spacing.rsui-flex-container__content--sm {
99
+ @apply gap-space-xs;
100
+ @apply @md/flex-container:gap-space-sm;
101
+ }
102
+
103
+ .rsui-flex-container__content--responsive-spacing.rsui-flex-container__content--md {
104
+ @apply gap-space-xs;
105
+ @apply @md/flex-container:gap-space-sm;
106
+ @apply @xl/flex-container:gap-space-md;
107
+ }
108
+
109
+ .rsui-flex-container__content--responsive-spacing.rsui-flex-container__content--lg {
110
+ @apply gap-space-xs;
111
+ @apply @md/flex-container:gap-space-sm;
112
+ @apply @xl/flex-container:gap-space-md;
113
+ @apply @3xl/flex-container:gap-space-lg;
114
+ }
115
+
116
+ .rsui-flex-container__content--responsive-spacing.rsui-flex-container__content--xl {
117
+ @apply gap-space-xs;
118
+ @apply @md/flex-container:gap-space-sm;
119
+ @apply @xl/flex-container:gap-space-md;
120
+ @apply @3xl/flex-container:gap-space-lg;
121
+ @apply @4xl/flex-container:gap-space-xl;
122
+ }
123
+
124
+ .rsui-flex-container__content--padded {
125
+ @apply p-space-xs;
126
+ }
127
+
128
+ .rsui-flex-container__content--padded-top {
129
+ @apply pt-space-xs;
130
+ }
131
+
132
+ .rsui-flex-container__content--padded-right {
133
+ @apply pr-space-xs;
134
+ }
135
+
136
+ .rsui-flex-container__content--padded-bottom {
137
+ @apply pb-space-xs;
138
+ }
139
+
140
+ .rsui-flex-container__content--padded-left {
141
+ @apply pl-space-xs;
142
+ }
143
+
144
+ .rsui-flex-container__content--padded.rsui-flex-container__content--sm {
145
+ @apply p-space-xs;
146
+ @apply @md/flex-container:p-space-sm;
147
+ }
148
+
149
+ .rsui-flex-container__content--padded.rsui-flex-container__content--md {
150
+ @apply p-space-xs;
151
+ @apply @md/flex-container:p-space-sm;
152
+ @apply @xl/flex-container:p-space-md;
153
+ }
154
+
155
+ .rsui-flex-container__content--padded.rsui-flex-container__content--lg {
156
+ @apply p-space-xs;
157
+ @apply @md/flex-container:p-space-sm;
158
+ @apply @xl/flex-container:p-space-md;
159
+ @apply @3xl/flex-container:p-space-lg;
160
+ }
161
+
162
+ .rsui-flex-container__content--padded.rsui-flex-container__content--xl {
163
+ @apply p-space-xs;
164
+ @apply @md/flex-container:p-space-sm;
165
+ @apply @xl/flex-container:p-space-md;
166
+ @apply @3xl/flex-container:p-space-lg;
167
+ @apply @4xl/flex-container:p-space-xl;
168
+ }
169
+
170
+ .rsui-flex-container__content--padded-top.rsui-flex-container__content--sm {
171
+ @apply pt-space-xs;
172
+ @apply @md/flex-container:pt-space-sm;
173
+ }
174
+
175
+ .rsui-flex-container__content--padded-top.rsui-flex-container__content--md {
176
+ @apply pt-space-xs;
177
+ @apply @md/flex-container:pt-space-sm;
178
+ @apply @xl/flex-container:pt-space-md;
179
+ }
180
+
181
+ .rsui-flex-container__content--padded-top.rsui-flex-container__content--lg {
182
+ @apply pt-space-xs;
183
+ @apply @md/flex-container:pt-space-sm;
184
+ @apply @xl/flex-container:pt-space-md;
185
+ @apply @3xl/flex-container:pt-space-lg;
186
+ }
187
+
188
+ .rsui-flex-container__content--padded-top.rsui-flex-container__content--xl {
189
+ @apply pt-space-xs;
190
+ @apply @md/flex-container:pt-space-sm;
191
+ @apply @xl/flex-container:pt-space-md;
192
+ @apply @3xl/flex-container:pt-space-lg;
193
+ @apply @4xl/flex-container:pt-space-xl;
194
+ }
195
+
196
+ .rsui-flex-container__content--padded-bottom.rsui-flex-container__content--sm {
197
+ @apply pb-space-xs;
198
+ @apply @md/flex-container:pb-space-sm;
199
+ }
200
+
201
+ .rsui-flex-container__content--padded-bottom.rsui-flex-container__content--md {
202
+ @apply pb-space-xs;
203
+ @apply @md/flex-container:pb-space-sm;
204
+ @apply @xl/flex-container:pb-space-md;
205
+ }
206
+
207
+ .rsui-flex-container__content--padded-bottom.rsui-flex-container__content--lg {
208
+ @apply pb-space-xs;
209
+ @apply @md/flex-container:pb-space-sm;
210
+ @apply @xl/flex-container:pb-space-md;
211
+ @apply @3xl/flex-container:pb-space-lg;
212
+ }
213
+
214
+ .rsui-flex-container__content--padded-bottom.rsui-flex-container__content--xl {
215
+ @apply pb-space-xs;
216
+ @apply @md/flex-container:pb-space-sm;
217
+ @apply @xl/flex-container:pb-space-md;
218
+ @apply @3xl/flex-container:pb-space-lg;
219
+ @apply @4xl/flex-container:pb-space-xl;
220
+ }
221
+
222
+ .rsui-flex-container__content--padded-left.rsui-flex-container__content--sm {
223
+ @apply pl-space-xs;
224
+ @apply @md/flex-container:pl-space-sm;
225
+ }
226
+
227
+ .rsui-flex-container__content--padded-left.rsui-flex-container__content--md {
228
+ @apply pl-space-xs;
229
+ @apply @md/flex-container:pl-space-sm;
230
+ @apply @xl/flex-container:pl-space-md;
231
+ }
232
+
233
+ .rsui-flex-container__content--padded-left.rsui-flex-container__content--lg {
234
+ @apply pl-space-xs;
235
+ @apply @md/flex-container:pl-space-sm;
236
+ @apply @xl/flex-container:pl-space-md;
237
+ @apply @3xl/flex-container:pl-space-lg;
238
+ }
239
+
240
+ .rsui-flex-container__content--padded-left.rsui-flex-container__content--xl {
241
+ @apply pl-space-xs;
242
+ @apply @md/flex-container:pl-space-sm;
243
+ @apply @xl/flex-container:pl-space-md;
244
+ @apply @3xl/flex-container:pl-space-lg;
245
+ @apply @4xl/flex-container:pl-space-xl;
246
+ }
247
+
248
+ .rsui-flex-container__content--padded-right.rsui-flex-container__content--sm {
249
+ @apply pr-space-xs;
250
+ @apply @md/flex-container:pr-space-sm;
251
+ }
252
+
253
+ .rsui-flex-container__content--padded-right.rsui-flex-container__content--md {
254
+ @apply pr-space-xs;
255
+ @apply @md/flex-container:pr-space-sm;
256
+ @apply @xl/flex-container:pr-space-md;
257
+ }
258
+
259
+ .rsui-flex-container__content--padded-right.rsui-flex-container__content--lg {
260
+ @apply pr-space-xs;
261
+ @apply @md/flex-container:pr-space-sm;
262
+ @apply @xl/flex-container:pr-space-md;
263
+ @apply @3xl/flex-container:pr-space-lg;
264
+ }
265
+
266
+ .rsui-flex-container__content--padded-right.rsui-flex-container__content--xl {
267
+ @apply pr-space-xs;
268
+ @apply @md/flex-container:pr-space-sm;
269
+ @apply @xl/flex-container:pr-space-md;
270
+ @apply @3xl/flex-container:pr-space-lg;
271
+ @apply @4xl/flex-container:pr-space-xl;
100
272
  }
@@ -106,4 +106,172 @@
106
106
 
107
107
  .rsui-grid-container__content--xl {
108
108
  @apply gap-space-xl;
109
+ }
110
+
111
+ .rsui-grid-container__content--responsive-spacing.rsui-grid-container__content--md {
112
+ @apply gap-space-sm;
113
+ @apply @md/grid-container:gap-space-md;
114
+ }
115
+
116
+ .rsui-grid-container__content--responsive-spacing.rsui-grid-container__content--lg {
117
+ @apply gap-space-sm;
118
+ @apply @md/grid-container:gap-space-md;
119
+ @apply @xl/grid-container:gap-space-lg;
120
+ }
121
+
122
+ .rsui-grid-container__content--responsive-spacing.rsui-grid-container__content--xl {
123
+ @apply gap-space-sm;
124
+ @apply @md/grid-container:gap-space-md;
125
+ @apply @xl/grid-container:gap-space-lg;
126
+ @apply @4xl/grid-container:gap-space-xl;
127
+ }
128
+
129
+ .rsui-grid-container__content--padded {
130
+ @apply p-space-xs;
131
+ }
132
+
133
+ .rsui-grid-container__content--padded-top {
134
+ @apply pt-space-xs;
135
+ }
136
+
137
+ .rsui-grid-container__content--padded-right {
138
+ @apply pr-space-xs;
139
+ }
140
+
141
+ .rsui-grid-container__content--padded-bottom {
142
+ @apply pb-space-xs;
143
+ }
144
+
145
+ .rsui-grid-container__content--padded-left {
146
+ @apply pl-space-xs;
147
+ }
148
+
149
+ .rsui-grid-container__content--padded.rsui-grid-container__content--sm {
150
+ @apply p-space-xs;
151
+ @apply @md/grid-container:p-space-sm;
152
+ }
153
+
154
+ .rsui-grid-container__content--padded.rsui-grid-container__content--md {
155
+ @apply p-space-xs;
156
+ @apply @md/grid-container:p-space-sm;
157
+ @apply @xl/grid-container:p-space-md;
158
+ }
159
+
160
+ .rsui-grid-container__content--padded.rsui-grid-container__content--lg {
161
+ @apply p-space-xs;
162
+ @apply @md/grid-container:p-space-sm;
163
+ @apply @xl/grid-container:p-space-md;
164
+ @apply @3xl/grid-container:p-space-lg;
165
+ }
166
+
167
+ .rsui-grid-container__content--padded.rsui-grid-container__content--xl {
168
+ @apply p-space-xs;
169
+ @apply @md/grid-container:p-space-sm;
170
+ @apply @xl/grid-container:p-space-md;
171
+ @apply @3xl/grid-container:p-space-lg;
172
+ @apply @4xl/grid-container:p-space-xl;
173
+ }
174
+
175
+ .rsui-grid-container__content--padded-top.rsui-grid-container__content--sm {
176
+ @apply pt-space-xs;
177
+ @apply @md/grid-container:pt-space-sm;
178
+ }
179
+
180
+ .rsui-grid-container__content--padded-top.rsui-grid-container__content--md {
181
+ @apply pt-space-xs;
182
+ @apply @md/grid-container:pt-space-sm;
183
+ @apply @xl/grid-container:pt-space-md;
184
+ }
185
+
186
+ .rsui-grid-container__content--padded-top.rsui-grid-container__content--lg {
187
+ @apply pt-space-xs;
188
+ @apply @md/grid-container:pt-space-sm;
189
+ @apply @xl/grid-container:pt-space-md;
190
+ @apply @3xl/grid-container:pt-space-lg;
191
+ }
192
+
193
+ .rsui-grid-container__content--padded-top.rsui-grid-container__content--xl {
194
+ @apply pt-space-xs;
195
+ @apply @md/grid-container:pt-space-sm;
196
+ @apply @xl/grid-container:pt-space-md;
197
+ @apply @3xl/grid-container:pt-space-lg;
198
+ @apply @4xl/grid-container:pt-space-xl;
199
+ }
200
+
201
+ .rsui-grid-container__content--padded-bottom.rsui-grid-container__content--sm {
202
+ @apply pb-space-xs;
203
+ @apply @md/grid-container:pb-space-sm;
204
+ }
205
+
206
+ .rsui-grid-container__content--padded-bottom.rsui-grid-container__content--md {
207
+ @apply pb-space-xs;
208
+ @apply @md/grid-container:pb-space-sm;
209
+ @apply @xl/grid-container:pb-space-md;
210
+ }
211
+
212
+ .rsui-grid-container__content--padded-bottom.rsui-grid-container__content--lg {
213
+ @apply pb-space-xs;
214
+ @apply @md/grid-container:pb-space-sm;
215
+ @apply @xl/grid-container:pb-space-md;
216
+ @apply @3xl/grid-container:pb-space-lg;
217
+ }
218
+
219
+ .rsui-grid-container__content--padded-bottom.rsui-grid-container__content--xl {
220
+ @apply pb-space-xs;
221
+ @apply @md/grid-container:pb-space-sm;
222
+ @apply @xl/grid-container:pb-space-md;
223
+ @apply @3xl/grid-container:pb-space-lg;
224
+ @apply @4xl/grid-container:pb-space-xl;
225
+ }
226
+
227
+ .rsui-grid-container__content--padded-left.rsui-grid-container__content--sm {
228
+ @apply pl-space-xs;
229
+ @apply @md/grid-container:pl-space-sm;
230
+ }
231
+
232
+ .rsui-grid-container__content--padded-left.rsui-grid-container__content--md {
233
+ @apply pl-space-xs;
234
+ @apply @md/grid-container:pl-space-sm;
235
+ @apply @xl/grid-container:pl-space-md;
236
+ }
237
+
238
+ .rsui-grid-container__content--padded-left.rsui-grid-container__content--lg {
239
+ @apply pl-space-xs;
240
+ @apply @md/grid-container:pl-space-sm;
241
+ @apply @xl/grid-container:pl-space-md;
242
+ @apply @3xl/grid-container:pl-space-lg;
243
+ }
244
+
245
+ .rsui-grid-container__content--padded-left.rsui-grid-container__content--xl {
246
+ @apply pl-space-xs;
247
+ @apply @md/grid-container:pl-space-sm;
248
+ @apply @xl/grid-container:pl-space-md;
249
+ @apply @3xl/grid-container:pl-space-lg;
250
+ @apply @4xl/grid-container:pl-space-xl;
251
+ }
252
+
253
+ .rsui-grid-container__content--padded-right.rsui-grid-container__content--sm {
254
+ @apply pr-space-xs;
255
+ @apply @md/grid-container:pr-space-sm;
256
+ }
257
+
258
+ .rsui-grid-container__content--padded-right.rsui-grid-container__content--md {
259
+ @apply pr-space-xs;
260
+ @apply @md/grid-container:pr-space-sm;
261
+ @apply @xl/grid-container:pr-space-md;
262
+ }
263
+
264
+ .rsui-grid-container__content--padded-right.rsui-grid-container__content--lg {
265
+ @apply pr-space-xs;
266
+ @apply @md/grid-container:pr-space-sm;
267
+ @apply @xl/grid-container:pr-space-md;
268
+ @apply @3xl/grid-container:pr-space-lg;
269
+ }
270
+
271
+ .rsui-grid-container__content--padded-right.rsui-grid-container__content--xl {
272
+ @apply pr-space-xs;
273
+ @apply @md/grid-container:pr-space-sm;
274
+ @apply @xl/grid-container:pr-space-md;
275
+ @apply @3xl/grid-container:pr-space-lg;
276
+ @apply @4xl/grid-container:pr-space-xl;
109
277
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-tailwindcss",
3
- "version": "7.3.2",
3
+ "version": "7.3.4",
4
4
  "description": "RedSeed UI Tailwindcss",
5
5
  "main": "index.js",
6
6
  "style": "index.css",
@@ -13,6 +13,6 @@
13
13
  "license": "ISC",
14
14
  "dependencies": {
15
15
  "@tailwindcss/vite": "^4.1.18",
16
- "tailwindcss": "^4.1.17"
16
+ "tailwindcss": "^4.1.18"
17
17
  }
18
18
  }