@net-advantage/nabs-ui-themes-dark 0.21.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 ADDED
@@ -0,0 +1,9 @@
1
+ # @net-advantage/nabs-ui-themes-dark
2
+
3
+ Dark visual theme for Nabs UI controls.
4
+
5
+ ## Usage
6
+
7
+ ```ts
8
+ import "@net-advantage/nabs-ui-themes-dark/style.css";
9
+ ```
File without changes
@@ -0,0 +1,2 @@
1
+ .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)}.nabs-ui-theme-dark{--nabs-ui-font-family-base:Inter, "Segoe UI", sans-serif;--nabs-ui-font-family-mono:"Consolas", "Courier New", monospace;--nabs-ui-color-bg:#0b1220;--nabs-ui-color-bg-alt:#111b2e;--nabs-ui-color-bg-soft:#16233a;--nabs-ui-color-bg-strong:#e2e8f0;--nabs-ui-color-text:#e2e8f0;--nabs-ui-color-text-muted:#94a3b8;--nabs-ui-color-text-subtle:#8aa0bf;--nabs-ui-color-border:#334155;--nabs-ui-color-border-strong:#475569;--nabs-ui-color-focus:#94a3b852;--nabs-ui-color-focus-strong:#94a3b833;--nabs-ui-color-primary:#dbeafe;--nabs-ui-color-primary-hover:#bfdbfe;--nabs-ui-color-primary-contrast:#0b1220;--nabs-ui-color-danger:#fca5a5;--nabs-ui-color-danger-bg:#7f1d1d59;--nabs-ui-color-info-bg:#1e40af59;--nabs-ui-color-hover-bg:#1b2a44;--nabs-ui-color-hover-strong:#253756;--nabs-ui-color-ghost-hover-bg:#e2e8f014;--nabs-ui-shadow-sm:0 1px 2px #02061773;--nabs-ui-shadow-md:0 10px 24px #02061780;--nabs-ui-shadow-lg:0 14px 30px #02061799;--nabs-ui-shadow-button-primary:0 10px 20px #02061773;--nabs-ui-shadow-nav-active:0 8px 18px #02061773;--nabs-ui-radius-sm:.5rem;--nabs-ui-radius-md:.75rem;--nabs-ui-radius-lg:.875rem;--nabs-ui-radius-xl:1rem;--nabs-ui-radius-pill:999px;--nabs-ui-color-avatar-gradient-start:#0f172a;--nabs-ui-color-avatar-gradient-end:#334155;--nabs-ui-color-avatar-placeholder-gradient-start:#334155;--nabs-ui-color-avatar-placeholder-gradient-end:#0f172a;--nabs-ui-color-avatar-foreground:#e2e8f0;--nabs-ui-color-fileupload-drag-bg-start:#1e3a8a6b;--nabs-ui-color-fileupload-drag-bg-end:#1e40af59;--nabs-ui-color-fileupload-drag-border:#60a5fa;--nabs-ui-color-primary-action-hover:#bfdbfe;--nabs-ui-color-markdown-toolbar-bg:#111b2e;--nabs-ui-color-markdown-editor-bg-start:#0b1220;--nabs-ui-color-markdown-editor-bg-end:#111b2e;--nabs-ui-color-markdown-preview-bg-start:#111b2e;--nabs-ui-color-markdown-preview-bg-end:#16233a;--nabs-ui-color-markdown-blockquote-text:#94a3b8;--nabs-ui-color-markdown-code-bg:#94a3b833;--nabs-ui-color-markdown-link:#67e8f9;--nabs-ui-dropdownlist-chevron-color:#94a3b8;--nabs-ui-graph-hexagon-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolygon points='8,3 24,3 30,16 24,29 8,29 2,16' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");--nabs-ui-graph-grid-color:#94a3b814;--nabs-ui-color-graph-bg:#0b1220;--nabs-ui-color-graph-border:#334155;--nabs-ui-color-graph-muted-text:#94a3b8;--nabs-ui-color-graph-focus:#93c5fd;--nabs-ui-color-graph-icon-stroke:#94a3b8;--nabs-ui-color-graph-tool-active-bg:#3b82f638;--nabs-ui-color-graph-tool-active-border:#93c5fd;--nabs-ui-color-graph-tool-active-text:#dbeafe;--nabs-ui-color-graph-canvas-bg:#111b2e;--nabs-ui-color-graph-shape-fill:#93c5fd4d;--nabs-ui-color-graph-shape-stroke:#93c5fd;--nabs-ui-color-graph-shape-selected-stroke:#67e8f9;--nabs-ui-color-graph-shape-hover-stroke:#bae6fd;--nabs-ui-color-graph-edge-stroke:#64748b}
2
+ /*$vite$:1*/
File without changes
package/package.json ADDED
@@ -0,0 +1,30 @@
1
+ {
2
+ "name": "@net-advantage/nabs-ui-themes-dark",
3
+ "version": "0.21.0",
4
+ "description": "Dark theme styles for Nabs UI controls.",
5
+ "type": "module",
6
+ "main": "./dist/nabs-ui-themes-dark.cjs",
7
+ "module": "./dist/nabs-ui-themes-dark.js",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./dist/nabs-ui-themes-dark.js",
11
+ "require": "./dist/nabs-ui-themes-dark.cjs"
12
+ },
13
+ "./style.css": "./dist/nabs-ui-themes-dark.css",
14
+ "./theme.css": "./src/theme-dark.css"
15
+ },
16
+ "files": [
17
+ "dist"
18
+ ],
19
+ "dependencies": {
20
+ "@net-advantage/nabs-ui-themes": "0.21.0"
21
+ },
22
+ "devDependencies": {
23
+ "@vitejs/plugin-react": "^6.0.1",
24
+ "vite": "^8.0.12"
25
+ },
26
+ "scripts": {
27
+ "build": "vite build",
28
+ "dev": "vite"
29
+ }
30
+ }