@nubitio/admin 0.6.5 → 0.6.8

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 +49 -1
  2. package/package.json +5 -5
package/dist/style.css CHANGED
@@ -194,7 +194,7 @@ html[data-density=comfortable] {
194
194
  }
195
195
  .nb-feature-hub__tab--active {
196
196
  color: var(--accent-color);
197
- background: var(--accent-subtle, color-mix(in srgb, var(--accent-color) 10%, #fff));
197
+ background: var(--accent-subtle);
198
198
  border-color: color-mix(in srgb, var(--accent-color) 22%, transparent);
199
199
  box-shadow: var(--shadow-sm);
200
200
  }
@@ -202,6 +202,50 @@ html[data-density=comfortable] {
202
202
  opacity: 1;
203
203
  }
204
204
 
205
+ .nb-feature-hub__tabs--underline {
206
+ margin-top: var(--space-4);
207
+ padding: 0;
208
+ gap: 0;
209
+ background: transparent;
210
+ border: none;
211
+ border-bottom: 1px solid var(--border-subtle, var(--border-color));
212
+ border-radius: 0;
213
+ box-shadow: none;
214
+ }
215
+ .nb-feature-hub__tabs--underline .nb-feature-hub__tab {
216
+ position: relative;
217
+ min-height: calc(var(--control-height) + var(--space-2));
218
+ padding: var(--space-2) var(--space-3);
219
+ margin-bottom: -1px;
220
+ font-weight: var(--font-weight-medium, 500);
221
+ border: none;
222
+ border-radius: 0;
223
+ background: transparent;
224
+ }
225
+ .nb-feature-hub__tabs--underline .nb-feature-hub__tab:hover:not(.nb-feature-hub__tab--active) {
226
+ color: var(--text-primary);
227
+ background: color-mix(in srgb, var(--accent-color) 8%, transparent);
228
+ }
229
+ .nb-feature-hub__tabs--underline .nb-feature-hub__tab--active {
230
+ color: var(--accent-color);
231
+ background: transparent;
232
+ border: none;
233
+ box-shadow: none;
234
+ }
235
+ .nb-feature-hub__tabs--underline .nb-feature-hub__tab--active::after {
236
+ content: "";
237
+ position: absolute;
238
+ right: var(--space-3);
239
+ bottom: 0;
240
+ left: var(--space-3);
241
+ height: 2px;
242
+ border-radius: 2px 2px 0 0;
243
+ background: var(--accent-color);
244
+ }
245
+ .nb-feature-hub__tabs--underline .nb-feature-hub__tab--active .ph {
246
+ opacity: 1;
247
+ }
248
+
205
249
  .nb-feature-hub__banner {
206
250
  display: flex;
207
251
  align-items: flex-start;
@@ -271,6 +315,10 @@ html[data-density=comfortable] {
271
315
  box-shadow: none;
272
316
  min-width: min(100%, 520px);
273
317
  }
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
+ }
274
322
  .nb-feature-hub--compact .nb-feature-hub__tab {
275
323
  font-size: var(--font-size-xs);
276
324
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nubitio/admin",
3
- "version": "0.6.5",
3
+ "version": "0.6.8",
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.6.5",
57
- "@nubitio/crud": "^0.6.5",
58
- "@nubitio/ui": "^0.6.5",
59
- "@nubitio/hydra": "^0.6.5"
56
+ "@nubitio/crud": "^0.6.8",
57
+ "@nubitio/core": "^0.6.8",
58
+ "@nubitio/hydra": "^0.6.8",
59
+ "@nubitio/ui": "^0.6.8"
60
60
  }
61
61
  }