@net-advantage/nabs-ui-themes 0.21.0

package/README.md

@@ -0,0 +1,11 @@
+# @net-advantage/nabs-ui-themes
+
+Shared base styles for all Nabs UI themes.
+
+## Usage
+
+```ts
+import "@net-advantage/nabs-ui-themes/style.css";
+```
+
+Use this package indirectly through `@net-advantage/nabs-ui-themes-light` or `@net-advantage/nabs-ui-themes-dark`, which provide concrete color tokens.

package/dist/nabs-ui-themes.css

@@ -0,0 +1,2 @@
+.nabs-ui-button{border-radius:var(--nabs-ui-radius-md);border:1px solid #0000}.nabs-ui-button:focus-visible{outline:3px solid var(--nabs-ui-color-focus);outline-offset:2px}.nabs-ui-button--primary{background:var(--nabs-ui-color-primary);box-shadow:var(--nabs-ui-shadow-button-primary);color:var(--nabs-ui-color-primary-contrast)}.nabs-ui-button--primary:hover{background:var(--nabs-ui-color-primary-hover)}.nabs-ui-button--secondary{background:var(--nabs-ui-color-bg);border-color:var(--nabs-ui-color-border);color:var(--nabs-ui-color-text)}.nabs-ui-button--secondary:hover{background:var(--nabs-ui-color-hover-bg)}.nabs-ui-button--ghost{color:var(--nabs-ui-color-text);background:0 0}.nabs-ui-button--ghost:hover{background:var(--nabs-ui-color-ghost-hover-bg)}.nabs-ui-textbox__label,.nabs-ui-textarea__label,.nabs-ui-checkbox,.nabs-ui-radiobutton,.nabs-ui-dynamicform,.nabs-ui-signature,.nabs-ui-slider,.nabs-ui-tab,.nabs-ui-fileupload,.nabs-ui-markdown__label,.nabs-ui-markdown__previewLabel,.nabs-ui-markdown__html,.nabs-ui-navigation__item,.nabs-ui-dropdownmenu__trigger,.nabs-ui-avatar__login,.nabs-ui-avatar__trigger,.nabs-ui-cards__header,.nabs-ui-dropdownlist,.nabs-ui-combobox__input{color:var(--nabs-ui-color-text)}.nabs-ui-textbox__input,.nabs-ui-textarea__input,.nabs-ui-dropdownlist,.nabs-ui-combobox__input,.nabs-ui-navigation__item,.nabs-ui-checkbox,.nabs-ui-radiobutton,.nabs-ui-dropdownmenu__trigger,.nabs-ui-avatar__login,.nabs-ui-avatar__trigger,.nabs-ui-markdown__editor,.nabs-ui-markdown__preview,.nabs-ui-markdown__toolButton,.nabs-ui-tab,.nabs-ui-cards__card,.nabs-ui-dynamicform__fieldset{background:var(--nabs-ui-color-bg);border-color:var(--nabs-ui-color-border)}.nabs-ui-textbox__input,.nabs-ui-textarea__input,.nabs-ui-dropdownlist,.nabs-ui-combobox__input,.nabs-ui-checkbox,.nabs-ui-radiobutton{border-radius:var(--nabs-ui-radius-lg);border-style:solid;border-width:1px}.nabs-ui-textbox__input::placeholder,.nabs-ui-signature__placeholder{color:var(--nabs-ui-color-border-strong)}.nabs-ui-textbox__input:hover:not(:disabled){border-color:var(--nabs-ui-color-border-strong)}.nabs-ui-textbox__input:focus,.nabs-ui-textarea__input:focus,.nabs-ui-dropdownlist:focus-visible,.nabs-ui-combobox__input:focus-visible,.nabs-ui-checkbox:focus-within,.nabs-ui-radiobutton:focus-within,.nabs-ui-fileupload__surface:focus-within,.nabs-ui-markdown__editor:focus{border-color:var(--nabs-ui-color-primary);box-shadow:0 0 0 4px var(--nabs-ui-color-focus-strong);outline:none}.nabs-ui-textbox__input:disabled,.nabs-ui-dropdownlist:disabled,.nabs-ui-dropdownlist--disabled,.nabs-ui-combobox--disabled .nabs-ui-combobox__input{background:var(--nabs-ui-color-bg-alt);color:var(--nabs-ui-color-text-subtle)}.nabs-ui-textarea__input:disabled,.nabs-ui-checkbox--disabled,.nabs-ui-radiobutton--disabled,.nabs-ui-slider--disabled,.nabs-ui-signature--disabled,.nabs-ui-fileupload--disabled,.nabs-ui-markdown--disabled,.nabs-ui-dynamicform--disabled,.nabs-ui-navigation__item--disabled,.nabs-ui-dropdownmenu__item--disabled,.nabs-ui-combobox__option--disabled,.nabs-ui-button:disabled,.nabs-ui-fileupload__button:disabled,.nabs-ui-signature__clearButton:disabled{opacity:.6}.nabs-ui-checkbox:hover,.nabs-ui-radiobutton:hover,.nabs-ui-dropdownlist:hover,.nabs-ui-combobox__input:hover,.nabs-ui-dropdownmenu__trigger:hover,.nabs-ui-avatar__login:hover,.nabs-ui-avatar__trigger:hover,.nabs-ui-navigation__item:hover:not(.nabs-ui-navigation__item--disabled):not(.nabs-ui-navigation__item--active),.nabs-ui-dropdownmenu__item:hover,.nabs-ui-avatar__menuItem:hover,.nabs-ui-graph__toolboxToggle:hover{background:var(--nabs-ui-color-hover-bg)}.nabs-ui-combobox__popup,.nabs-ui-dropdownmenu__menu,.nabs-ui-avatar__menu{background:var(--nabs-ui-color-bg);border:1px solid var(--nabs-ui-color-border);border-radius:var(--nabs-ui-radius-xl);box-shadow:var(--nabs-ui-shadow-lg)}.nabs-ui-combobox__option,.nabs-ui-combobox__empty,.nabs-ui-dropdownmenu__item,.nabs-ui-avatar__menuItem{color:var(--nabs-ui-color-text);border-radius:.8rem}.nabs-ui-combobox__option--active,.nabs-ui-combobox__option:hover,.nabs-ui-markdown__toolButton:hover:not(:disabled){background:var(--nabs-ui-color-hover-strong)}.nabs-ui-combobox__option--selected{background:var(--nabs-ui-color-info-bg)}.nabs-ui-combobox__optionDescription,.nabs-ui-combobox__empty,.nabs-ui-dropdownmenu__itemDescription,.nabs-ui-avatar__chevron,.nabs-ui-slider__scale,.nabs-ui-fileupload__description,.nabs-ui-fileupload__meta,.nabs-ui-signature__helper,.nabs-ui-markdown__helper,.nabs-ui-dynamicform__description,.nabs-ui-cards__content{color:var(--nabs-ui-color-text-muted)}.nabs-ui-dropdownmenu__item--danger,.nabs-ui-avatar__menuItem--danger{color:var(--nabs-ui-color-danger)}.nabs-ui-dropdownmenu__item--danger:hover,.nabs-ui-avatar__menuItem--danger:hover{background:var(--nabs-ui-color-danger-bg)}.nabs-ui-dropdownmenu__divider{border-top:1px solid var(--nabs-ui-color-hover-strong)}.nabs-ui-avatar__login,.nabs-ui-avatar__trigger,.nabs-ui-dropdownmenu__trigger,.nabs-ui-slider__value,.nabs-ui-markdown__toolButton,.nabs-ui-signature__clearButton,.nabs-ui-fileupload__button{border-radius:var(--nabs-ui-radius-pill)}.nabs-ui-avatar__avatar{background:linear-gradient(135deg, var(--nabs-ui-color-avatar-gradient-start) 0%, var(--nabs-ui-color-avatar-gradient-end) 100%);border-radius:var(--nabs-ui-radius-pill);color:var(--nabs-ui-color-avatar-foreground)}.nabs-ui-avatar__avatar--placeholder{background:linear-gradient(135deg, var(--nabs-ui-color-avatar-placeholder-gradient-start) 0%, var(--nabs-ui-color-avatar-placeholder-gradient-end) 100%)}.nabs-ui-avatar__login:focus-visible,.nabs-ui-avatar__trigger:focus-visible,.nabs-ui-avatar__menuItem:focus-visible,.nabs-ui-dropdownmenu__trigger:focus-visible,.nabs-ui-dropdownmenu__item:focus-visible,.nabs-ui-navigation__item:focus-visible{outline:3px solid var(--nabs-ui-color-focus);outline-offset:2px}.nabs-ui-cards__card,.nabs-ui-tab,.nabs-ui-panel,.nabs-ui-markdown__editorPanel,.nabs-ui-markdown__previewPanel{border:1px solid var(--nabs-ui-color-border);border-radius:var(--nabs-ui-radius-xl);box-shadow:var(--nabs-ui-shadow-md)}.nabs-ui-cards__card{box-shadow:var(--nabs-ui-shadow-sm)}.nabs-ui-tab__header{background:linear-gradient(180deg, var(--nabs-ui-color-bg-alt) 0%, var(--nabs-ui-color-bg-soft) 100%);border-bottom:1px solid var(--nabs-ui-color-border)}.nabs-ui-tab__label{font-weight:700}.nabs-ui-panel__header,.nabs-ui-panel__footer{background:linear-gradient(180deg, var(--nabs-ui-color-bg-alt) 0%, var(--nabs-ui-color-bg-soft) 100%);color:var(--nabs-ui-color-text)}.nabs-ui-panel__header{border-bottom:1px solid var(--nabs-ui-color-border);font-weight:700}.nabs-ui-panel__footer{border-top:1px solid var(--nabs-ui-color-border)}.nabs-ui-panel__content{background:var(--nabs-ui-color-bg);color:var(--nabs-ui-color-text)}.nabs-ui-navigation__item--active{background:var(--nabs-ui-color-primary);border-color:var(--nabs-ui-color-primary);box-shadow:var(--nabs-ui-shadow-nav-active);color:var(--nabs-ui-color-primary-contrast)}.nabs-ui-navigation__item--active:hover:not(.nabs-ui-navigation__item--disabled){background:var(--nabs-ui-color-primary)}.nabs-ui-fileupload__surface,.nabs-ui-signature__pad,.nabs-ui-markdown__editor,.nabs-ui-markdown__preview{border-radius:var(--nabs-ui-radius-xl)}.nabs-ui-fileupload__surface{background:linear-gradient(180deg, var(--nabs-ui-color-bg) 0%, var(--nabs-ui-color-bg-alt) 100%);border:1.5px dashed var(--nabs-ui-color-border-strong)}.nabs-ui-fileupload__surface:hover{border-color:var(--nabs-ui-color-text-muted);box-shadow:var(--nabs-ui-shadow-md)}.nabs-ui-fileupload--drag-over .nabs-ui-fileupload__surface{background:linear-gradient(180deg, var(--nabs-ui-color-fileupload-drag-bg-start) 0%, var(--nabs-ui-color-fileupload-drag-bg-end) 100%);border-color:var(--nabs-ui-color-fileupload-drag-border)}.nabs-ui-fileupload__button,.nabs-ui-signature__clearButton{background:var(--nabs-ui-color-primary);color:var(--nabs-ui-color-primary-contrast)}.nabs-ui-fileupload__button:hover:not(:disabled),.nabs-ui-signature__clearButton:hover:not(:disabled){background:var(--nabs-ui-color-primary-action-hover)}.nabs-ui-signature__pad{background:linear-gradient(180deg, var(--nabs-ui-color-bg) 0%, var(--nabs-ui-color-bg-alt) 100%);border:1.5px solid var(--nabs-ui-color-border)}.nabs-ui-slider__value{background:var(--nabs-ui-color-hover-strong)}.nabs-ui-slider__input,.nabs-ui-checkbox__input,.nabs-ui-radiobutton__input{accent-color:var(--nabs-ui-color-primary)}.nabs-ui-markdown__editorPanel,.nabs-ui-markdown__previewPanel{background:var(--nabs-ui-color-bg)}.nabs-ui-markdown__toolButton{background:var(--nabs-ui-color-markdown-toolbar-bg);border:1px solid var(--nabs-ui-color-border)}.nabs-ui-markdown__editor{background:linear-gradient(180deg, var(--nabs-ui-color-markdown-editor-bg-start) 0%, var(--nabs-ui-color-markdown-editor-bg-end) 100%)}.nabs-ui-markdown__preview{background:linear-gradient(180deg, var(--nabs-ui-color-markdown-preview-bg-start) 0%, var(--nabs-ui-color-markdown-preview-bg-end) 100%)}.nabs-ui-markdown__html blockquote{border-left:4px solid var(--nabs-ui-color-border-strong);color:var(--nabs-ui-color-markdown-blockquote-text)}.nabs-ui-markdown__html code{background:var(--nabs-ui-color-markdown-code-bg);font-family:var(--nabs-ui-font-family-mono);border-radius:6px}.nabs-ui-markdown__html a{color:var(--nabs-ui-color-markdown-link)}.nabs-ui-code{background:var(--nabs-ui-color-bg);border:1px solid var(--nabs-ui-color-border);border-radius:var(--nabs-ui-radius-xl);box-shadow:var(--nabs-ui-shadow-sm)}.nabs-ui-code__header{background:var(--nabs-ui-color-bg-alt);border-bottom:1px solid var(--nabs-ui-color-border)}.nabs-ui-code__language{background:var(--nabs-ui-color-hover-strong);color:var(--nabs-ui-color-text)}.nabs-ui-code__title{color:var(--nabs-ui-color-text-muted)}.nabs-ui-code__pre{background:var(--nabs-ui-color-bg)}.nabs-ui-code__snippet{color:var(--nabs-ui-color-text)}.nabs-ui-code__lineNumber{color:var(--nabs-ui-color-text-subtle)}.nabs-ui-layout{--nabs-ui-layout-border:var(--nabs-ui-color-border);--nabs-ui-layout-surface:var(--nabs-ui-color-bg);--nabs-ui-layout-panel-surface:var(--nabs-ui-color-bg-alt);--nabs-ui-layout-content-surface:var(--nabs-ui-color-bg)}.nabs-ui-graph{background:var(--nabs-ui-color-graph-bg);border:1px solid var(--nabs-ui-color-graph-border);border-radius:var(--nabs-ui-radius-md)}.nabs-ui-graph__toolsetTitle,.nabs-ui-graph__edgeLabel,.nabs-ui-graph__toolboxToggle,.nabs-ui-graph__tool,.nabs-ui-graph__nodeLabel,.nabs-ui-graph__edge{color:var(--nabs-ui-color-graph-muted-text)}.nabs-ui-graph__tool{font-family:var(--nabs-ui-font-family-base)}.nabs-ui-graph__toolboxToggle{background:var(--nabs-ui-color-bg);border:1px solid var(--nabs-ui-color-border)}.nabs-ui-graph__toolboxToggle:focus-visible,.nabs-ui-graph__tool:focus-visible{outline:2px solid var(--nabs-ui-color-graph-focus);outline-offset:2px}.nabs-ui-graph__toolIcon--square,.nabs-ui-graph__toolIcon--circle,.nabs-ui-graph__toolIcon--rectangle{border:2px solid var(--nabs-ui-color-graph-icon-stroke)}.nabs-ui-graph__toolIcon--hexagon{background-image:var(--nabs-ui-graph-hexagon-icon)}.nabs-ui-graph__toolIcon--edge:before{background:var(--nabs-ui-color-graph-icon-stroke)}.nabs-ui-graph__toolIcon--edge:after{background:radial-gradient(circle at 4px 16px, var(--nabs-ui-color-graph-icon-stroke) 3px, transparent 4px), radial-gradient(circle at 28px 16px, var(--nabs-ui-color-graph-icon-stroke) 3px, transparent 4px)}.nabs-ui-graph__tool--active{background:var(--nabs-ui-color-graph-tool-active-bg);border-color:var(--nabs-ui-color-graph-tool-active-border);color:var(--nabs-ui-color-graph-tool-active-text)}.nabs-ui-graph__canvas{background:var(--nabs-ui-color-graph-canvas-bg)}.nabs-ui-graph__canvas:after{background-image:linear-gradient(var(--nabs-ui-graph-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--nabs-ui-graph-grid-color) 1px, transparent 1px)}.nabs-ui-graph__shape{fill:var(--nabs-ui-color-graph-shape-fill);stroke:var(--nabs-ui-color-graph-shape-stroke)}.nabs-ui-graph__shape--selected{stroke:var(--nabs-ui-color-graph-shape-selected-stroke)}.nabs-ui-graph__shape:hover{stroke:var(--nabs-ui-color-graph-shape-hover-stroke)}.nabs-ui-graph__edge{stroke:var(--nabs-ui-color-graph-edge-stroke)}.nabs-ui-graph__nodeLabel,.nabs-ui-graph__edgeLabel{fill:var(--nabs-ui-color-text)}
+/*$vite$:1*/

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@net-advantage/nabs-ui-themes",
+  "version": "0.21.0",
+  "description": "Shared base styles and tokens for Nabs UI themes.",
+  "type": "module",
+  "main": "./dist/nabs-ui-themes.cjs",
+  "module": "./dist/nabs-ui-themes.js",
+  "exports": {
+    ".": {
+      "import": "./dist/nabs-ui-themes.js",
+      "require": "./dist/nabs-ui-themes.cjs"
+    },
+    "./style.css": "./dist/nabs-ui-themes.css",
+    "./theme.css": "./src/theme-base.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@vitejs/plugin-react": "^6.0.1",
+    "vite": "^8.0.12"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite"
+  }
+}