@nubitio/admin 0.7.2 → 0.7.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.
Files changed (2) hide show
  1. package/dist/style.css +38 -67
  2. package/package.json +5 -5
package/dist/style.css CHANGED
@@ -161,78 +161,50 @@ html[data-density=comfortable] {
161
161
  .nb-feature-hub__tabs {
162
162
  display: flex;
163
163
  flex-wrap: wrap;
164
- gap: var(--space-1);
165
- margin-top: var(--space-5);
166
- padding: var(--space-1);
167
- background: var(--surface-1);
168
- border: 1px solid var(--border-subtle, var(--border-color));
169
- border-radius: var(--radius-xl);
170
- box-shadow: var(--shadow-sm);
171
- }
172
-
173
- .nb-feature-hub__tab {
174
- display: inline-flex;
175
- align-items: center;
176
- gap: var(--space-2);
177
- min-height: var(--control-height);
178
- padding: 0 var(--space-3);
179
- font-size: var(--font-size-sm);
180
- font-weight: var(--font-weight-semibold);
181
- color: var(--text-secondary);
182
- text-decoration: none;
183
- border: 1px solid transparent;
184
- border-radius: var(--radius-lg);
185
- transition: color var(--transition-base), background var(--transition-base), border-color var(--transition-base);
186
- }
187
- .nb-feature-hub__tab .ph {
188
- font-size: var(--control-icon-size);
189
- opacity: 0.75;
190
- }
191
- .nb-feature-hub__tab:hover {
192
- color: var(--text-primary);
193
- background: var(--surface-2);
194
- }
195
- .nb-feature-hub__tab--active {
196
- color: var(--accent-color);
197
- background: var(--accent-subtle);
198
- border-color: color-mix(in srgb, var(--accent-color) 22%, transparent);
199
- box-shadow: var(--shadow-sm);
200
- }
201
- .nb-feature-hub__tab--active .ph {
202
- opacity: 1;
203
- }
204
-
205
- .nb-feature-hub__tabs--underline {
164
+ gap: 0;
206
165
  margin-top: var(--space-4);
207
166
  padding: 0;
208
- gap: 0;
209
167
  background: transparent;
210
168
  border: none;
211
169
  border-bottom: 1px solid var(--border-subtle, var(--border-color));
212
170
  border-radius: 0;
213
171
  box-shadow: none;
214
172
  }
215
- .nb-feature-hub__tabs--underline .nb-feature-hub__tab {
173
+
174
+ .nb-feature-hub__tab {
175
+ display: inline-flex;
176
+ align-items: center;
177
+ gap: var(--space-2);
216
178
  position: relative;
217
179
  min-height: calc(var(--control-height) + var(--space-2));
218
180
  padding: var(--space-2) var(--space-3);
219
181
  margin-bottom: -1px;
182
+ font-size: var(--font-size-sm);
220
183
  font-weight: var(--font-weight-medium, 500);
184
+ color: var(--text-secondary);
185
+ text-decoration: none;
221
186
  border: none;
222
187
  border-radius: 0;
223
188
  background: transparent;
189
+ transition: color var(--transition-base), background var(--transition-base);
224
190
  }
225
- .nb-feature-hub__tabs--underline .nb-feature-hub__tab:hover:not(.nb-feature-hub__tab--active) {
191
+ .nb-feature-hub__tab .ph {
192
+ font-size: var(--control-icon-size);
193
+ opacity: 0.75;
194
+ }
195
+ .nb-feature-hub__tab:hover:not(.nb-feature-hub__tab--active) {
226
196
  color: var(--text-primary);
227
197
  background: color-mix(in srgb, var(--accent-color) 8%, transparent);
228
198
  }
229
- .nb-feature-hub__tabs--underline .nb-feature-hub__tab--active {
199
+ .nb-feature-hub__tab--active {
230
200
  color: var(--accent-color);
201
+ font-weight: var(--font-weight-semibold);
231
202
  background: transparent;
232
- border: none;
233
- box-shadow: none;
234
203
  }
235
- .nb-feature-hub__tabs--underline .nb-feature-hub__tab--active::after {
204
+ .nb-feature-hub__tab--active .ph {
205
+ opacity: 1;
206
+ }
207
+ .nb-feature-hub__tab--active::after {
236
208
  content: "";
237
209
  position: absolute;
238
210
  right: var(--space-3);
@@ -242,9 +214,6 @@ html[data-density=comfortable] {
242
214
  border-radius: 2px 2px 0 0;
243
215
  background: var(--accent-color);
244
216
  }
245
- .nb-feature-hub__tabs--underline .nb-feature-hub__tab--active .ph {
246
- opacity: 1;
247
- }
248
217
 
249
218
  .nb-feature-hub__banner {
250
219
  display: flex;
@@ -282,21 +251,22 @@ html[data-density=comfortable] {
282
251
  }
283
252
 
284
253
  .nb-feature-hub--compact .nb-feature-hub__header {
285
- padding: var(--space-2) var(--page-padding) 0;
254
+ padding: var(--space-3) var(--page-padding) 0;
286
255
  }
287
256
  .nb-feature-hub--compact .nb-feature-hub__tabs-card {
288
257
  align-items: center;
289
- background: var(--surface-1);
290
- border: 1px solid var(--border-subtle, var(--border-color));
291
- border-radius: var(--radius-xl);
292
- box-shadow: var(--shadow-sm);
258
+ background: transparent;
259
+ border: none;
260
+ border-bottom: 1px solid var(--border-subtle, var(--border-color));
261
+ border-radius: 0;
262
+ box-shadow: none;
293
263
  display: flex;
294
264
  flex: 1 1 auto;
295
265
  flex-wrap: wrap;
296
266
  gap: var(--space-2) var(--space-5);
297
267
  justify-content: space-between;
298
268
  min-width: 0;
299
- padding: var(--space-1) var(--space-2) var(--space-1) var(--space-4);
269
+ padding: 0 0 var(--space-2);
300
270
  width: 100%;
301
271
  }
302
272
  .nb-feature-hub--compact .nb-feature-hub__title {
@@ -308,28 +278,29 @@ html[data-density=comfortable] {
308
278
  flex: 1 1 auto;
309
279
  justify-content: flex-end;
310
280
  margin: 0;
311
- padding: var(--space-1);
312
- border: none;
313
- border-radius: var(--radius-lg);
314
- background: transparent;
315
- box-shadow: none;
281
+ border-bottom: none;
316
282
  min-width: min(100%, 520px);
317
283
  }
318
- .nb-feature-hub--compact .nb-feature-hub__tabs.nb-feature-hub__tabs--underline {
319
- padding: 0;
320
- border-bottom: 1px solid var(--border-subtle, var(--border-color));
321
- }
322
284
  .nb-feature-hub--compact .nb-feature-hub__tab {
323
285
  font-size: var(--font-size-xs);
286
+ min-height: calc(var(--control-height) + var(--space-1));
287
+ padding: var(--space-1) var(--space-2);
324
288
  }
325
289
  .nb-feature-hub--compact .nb-feature-hub__tab .ph {
326
290
  font-size: var(--font-size-sm);
327
291
  }
292
+ .nb-feature-hub--compact .nb-feature-hub__tab--active::after {
293
+ right: var(--space-2);
294
+ left: var(--space-2);
295
+ }
328
296
  .nb-feature-hub--compact .nb-feature-hub__banner {
329
297
  margin: var(--space-2) var(--page-padding) 0;
330
298
  padding: var(--space-2) var(--space-3);
331
299
  font-size: var(--font-size-xs);
332
300
  }
301
+ .nb-feature-hub--compact .nb-feature-hub__content {
302
+ padding-top: var(--space-3);
303
+ }
333
304
  .nb-admin-shell {
334
305
  display: flex;
335
306
  flex-direction: column;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nubitio/admin",
3
- "version": "0.7.2",
3
+ "version": "0.7.4",
4
4
  "type": "module",
5
5
  "description": "Admin shell layout components: responsive sidebar, header, and screen size utilities for Nubit apps.",
6
6
  "license": "MIT",
@@ -53,9 +53,9 @@
53
53
  "react": "^18.2.0 || ^19.0.0",
54
54
  "react-dom": "^18.2.0 || ^19.0.0",
55
55
  "react-router-dom": "^6.0.0",
56
- "@nubitio/core": "^0.7.2",
57
- "@nubitio/hydra": "^0.7.2",
58
- "@nubitio/ui": "^0.7.2",
59
- "@nubitio/crud": "^0.7.2"
56
+ "@nubitio/crud": "^0.7.4",
57
+ "@nubitio/core": "^0.7.4",
58
+ "@nubitio/hydra": "^0.7.4",
59
+ "@nubitio/ui": "^0.7.4"
60
60
  }
61
61
  }