@navecss/base-ui 0.3.0 → 0.4.0
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.
- package/README.md +2 -2
- package/dist/registry/base-ui-accordion.json +3 -3
- package/dist/registry/base-ui-alert-dialog.json +4 -4
- package/dist/registry/base-ui-autocomplete.json +3 -3
- package/dist/registry/base-ui-avatar.json +3 -3
- package/dist/registry/base-ui-button.json +4 -4
- package/dist/registry/base-ui-checkbox-group.json +3 -3
- package/dist/registry/base-ui-checkbox.json +3 -3
- package/dist/registry/base-ui-collapsible.json +3 -3
- package/dist/registry/base-ui-combobox.json +3 -3
- package/dist/registry/base-ui-context-menu.json +3 -3
- package/dist/registry/base-ui-dialog.json +4 -4
- package/dist/registry/base-ui-field.json +3 -3
- package/dist/registry/base-ui-fieldset.json +3 -3
- package/dist/registry/base-ui-input.json +3 -3
- package/dist/registry/base-ui-menu.json +4 -4
- package/dist/registry/base-ui-menubar.json +3 -3
- package/dist/registry/base-ui-meter.json +3 -3
- package/dist/registry/base-ui-navigation-menu.json +3 -3
- package/dist/registry/base-ui-number-field.json +3 -3
- package/dist/registry/base-ui-popover.json +4 -4
- package/dist/registry/base-ui-preview-card.json +3 -3
- package/dist/registry/base-ui-progress.json +3 -3
- package/dist/registry/base-ui-radio-group.json +3 -3
- package/dist/registry/base-ui-radio.json +3 -3
- package/dist/registry/base-ui-scroll-area.json +3 -3
- package/dist/registry/base-ui-select.json +3 -3
- package/dist/registry/base-ui-separator.json +3 -3
- package/dist/registry/base-ui-slider.json +3 -3
- package/dist/registry/base-ui-switch.json +3 -3
- package/dist/registry/base-ui-tabs.json +3 -3
- package/dist/registry/base-ui-toast.json +4 -4
- package/dist/registry/base-ui-toggle-group.json +3 -3
- package/dist/registry/base-ui-toggle.json +4 -4
- package/dist/registry/base-ui-toolbar.json +4 -4
- package/dist/registry/base-ui-tooltip.json +4 -4
- package/dist/registry/registry.json +105 -105
- package/dist/styles.css +5 -1
- package/package.json +13 -12
package/dist/styles.css
CHANGED
|
@@ -81,13 +81,17 @@
|
|
|
81
81
|
} &[data-nave-variant="ghost"]{ background-color: transparent; border-color: transparent;
|
|
82
82
|
} &[data-nave-variant="ghost"]:hover:not(:disabled, [aria-disabled="true"]){ background-color: var(--nave-color-action-highlight);
|
|
83
83
|
} &[data-nave-variant="ghost"]:active:not(:disabled, [aria-disabled="true"]){ background-color: var(--nave-color-action-highlight);
|
|
84
|
-
} &[data-nave-variant="ghost"][aria-expanded="true"]:not(:disabled, [aria-disabled="true"]){ background-color: var(--nave-color-action-highlight);
|
|
84
|
+
} &[data-nave-variant="ghost"][aria-expanded="true"]:is([aria-haspopup="menu"], [aria-haspopup="true"], [aria-haspopup="dialog"]):not(:disabled, [aria-disabled="true"]){ background-color: var(--nave-color-action-highlight);
|
|
85
|
+
} &:not([data-nave-variant="primary"], [data-nave-variant="ghost"]):hover:not(:disabled, [aria-disabled="true"]){ background-color: var(--nave-color-action-secondary-hover);
|
|
86
|
+
} &:not([data-nave-variant="primary"], [data-nave-variant="ghost"]):active:not(:disabled, [aria-disabled="true"]){ background-color: var(--nave-color-action-secondary-active);
|
|
85
87
|
} &{ outline: none;
|
|
86
88
|
} &:focus-visible{ outline-style: solid; outline-width: var(--nave-border-width-focus, 2px); outline-color: var(--nave-color-border-focus, currentColor); outline-offset: 2px;
|
|
87
89
|
} }
|
|
88
90
|
.nave-base-ui-toggle { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: var(--nave-spacing-control-sm); min-block-size: var(--nave-size-control-md); padding-block: 0; padding-inline: var(--nave-spacing-control-lg); border: var(--nave-border-width-sm) solid var(--nave-color-border-control); border-radius: var(--nave-radius-control); background-color: var(--nave-color-action-secondary); color: var(--nave-color-content-primary); font-family: inherit; font-size: var(--nave-font-size-sm); font-weight: var(--nave-font-weight-medium); line-height: var(--nave-line-height-tight); white-space: nowrap; cursor: pointer; user-select: none; position: relative; &[data-nave-size="sm"]{ min-block-size: var(--nave-size-control-sm); padding-inline: var(--nave-spacing-control-md);
|
|
89
91
|
} &[aria-pressed="true"]::after{ content: ""; position: absolute; inset-inline: var(--nave-spacing-control-md); inset-block-end: var(--nave-border-width-sm); border-block-end: var(--nave-border-width-lg) solid currentColor;
|
|
90
92
|
} &:disabled, &[aria-disabled="true"]{ background-color: transparent; border-color: var(--nave-color-border-disabled); color: var(--nave-color-content-disabled); cursor: not-allowed;
|
|
93
|
+
} &:hover:not(:disabled, [aria-disabled="true"]){ background-color: var(--nave-color-action-secondary-hover);
|
|
94
|
+
} &:active:not(:disabled, [aria-disabled="true"]){ background-color: var(--nave-color-action-secondary-active);
|
|
91
95
|
} &{ outline: none;
|
|
92
96
|
} &:focus-visible{ outline-style: solid; outline-width: var(--nave-border-width-focus, 2px); outline-color: var(--nave-color-border-focus, currentColor); outline-offset: 2px;
|
|
93
97
|
} }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navecss/base-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "NaveCSS styles Base UI's components with Nave's tokens: the same parts, the same props, pre-styled.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -206,9 +206,9 @@
|
|
|
206
206
|
"@types/node": "^26.6.6",
|
|
207
207
|
"@types/react": "^19.3.0",
|
|
208
208
|
"@types/react-dom": "^19.3.0",
|
|
209
|
-
"@vitest/browser": "5.0
|
|
210
|
-
"@vitest/browser-playwright": "5.0
|
|
211
|
-
"@vitest/coverage-v8": "5.0
|
|
209
|
+
"@vitest/browser": "5.1.0",
|
|
210
|
+
"@vitest/browser-playwright": "5.1.0",
|
|
211
|
+
"@vitest/coverage-v8": "5.1.0",
|
|
212
212
|
"base-ui-react-1.4.0": "npm:@base-ui/react@1.4.0",
|
|
213
213
|
"base-ui-react-1.5.0": "npm:@base-ui/react@1.5.0",
|
|
214
214
|
"base-ui-react-1.6.0": "npm:@base-ui/react@1.6.0",
|
|
@@ -216,26 +216,27 @@
|
|
|
216
216
|
"base-ui-react-1.8.0": "npm:@base-ui/react@1.8.0",
|
|
217
217
|
"base-ui-react-floor": "npm:@base-ui/react@1.3.0",
|
|
218
218
|
"esbuild": "^0.28.1",
|
|
219
|
-
"jsdom": "^
|
|
219
|
+
"jsdom": "^31.0.0",
|
|
220
220
|
"lightningcss": "1.33.0",
|
|
221
|
-
"
|
|
221
|
+
"navecss-tokens-floor": "npm:@navecss/tokens@0.5.0",
|
|
222
|
+
"playwright": "1.65.0",
|
|
222
223
|
"postcss": "^8.5.32",
|
|
223
|
-
"postcss-selector-parser": "^7.
|
|
224
|
+
"postcss-selector-parser": "^7.2.0",
|
|
224
225
|
"postcss-value-parser": "^4.2.0",
|
|
225
226
|
"prettier": "3.9.10",
|
|
226
227
|
"react": "^19.3.0",
|
|
227
228
|
"react-18": "npm:react@^18.3.1",
|
|
228
229
|
"react-dom": "^19.3.0",
|
|
229
230
|
"react-dom-18": "npm:react-dom@^18.3.1",
|
|
230
|
-
"rolldown": "1.
|
|
231
|
+
"rolldown": "1.3.1",
|
|
231
232
|
"shadcn": "4.23.0",
|
|
232
233
|
"typescript": "6.0.3",
|
|
233
234
|
"vite": "8.3.5",
|
|
234
|
-
"vitest": "5.0
|
|
235
|
-
"@navecss/core": "0.5.0",
|
|
235
|
+
"vitest": "5.1.0",
|
|
236
236
|
"@navecss/stylelint-config": "0.2.0",
|
|
237
|
+
"@navecss/tokens": "0.6.0",
|
|
237
238
|
"@navecss/eslint-plugin": "0.2.1",
|
|
238
|
-
"@navecss/
|
|
239
|
+
"@navecss/core": "0.6.0"
|
|
239
240
|
},
|
|
240
241
|
"engines": {
|
|
241
242
|
"node": ">=22.18"
|
|
@@ -253,7 +254,7 @@
|
|
|
253
254
|
],
|
|
254
255
|
"peerDependencies": {
|
|
255
256
|
"@base-ui/react": "^1.3.0",
|
|
256
|
-
"@navecss/tokens": ">=0.
|
|
257
|
+
"@navecss/tokens": ">=0.5.0 <1.0.0",
|
|
257
258
|
"react": "^18 || ^19",
|
|
258
259
|
"react-dom": "^18 || ^19"
|
|
259
260
|
},
|