@net-advantage/nabs-ui-shell 0.36.0 → 0.38.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 +26 -0
- package/dist/Branding.d.ts +3 -0
- package/dist/Branding.types.d.ts +6 -0
- package/dist/index.d.ts +2 -0
- package/dist/nabs-ui-shell.cjs +1 -1
- package/dist/nabs-ui-shell.css +40 -2
- package/dist/nabs-ui-shell.js +28 -4
- package/package.json +40 -32
package/README.md
CHANGED
|
@@ -22,6 +22,32 @@ export function Example() {
|
|
|
22
22
|
|
|
23
23
|
The shell package re-exports all Nabs UI control modules so your project can use a single package dependency and import surface.
|
|
24
24
|
|
|
25
|
+
## Branding
|
|
26
|
+
|
|
27
|
+
Use the `Branding` component to render a standard logo + title + byline lockup for shell headers.
|
|
28
|
+
|
|
29
|
+
```tsx
|
|
30
|
+
import { Branding } from "@net-advantage/nabs-ui-shell";
|
|
31
|
+
import launchpadLogo from "./assets/net-advantage-logo-launch.svg";
|
|
32
|
+
|
|
33
|
+
export function HeaderBranding() {
|
|
34
|
+
return (
|
|
35
|
+
<Branding
|
|
36
|
+
logo={<img src={launchpadLogo} alt="" aria-hidden="true" />}
|
|
37
|
+
title="NABS UI Workbench"
|
|
38
|
+
byline="NABS Launchpad"
|
|
39
|
+
/>
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### Branding props
|
|
45
|
+
|
|
46
|
+
- `logo`: React node rendered on the left.
|
|
47
|
+
- `title`: React node rendered above the byline.
|
|
48
|
+
- `byline`: React node rendered below the title.
|
|
49
|
+
- `className` and other standard `div` attributes are also supported.
|
|
50
|
+
|
|
25
51
|
## Props
|
|
26
52
|
|
|
27
53
|
- `header` renders the shell header area.
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { Shell } from './Shell';
|
|
2
2
|
export type { ShellProps } from './Shell.types';
|
|
3
|
+
export { Branding } from './Branding';
|
|
4
|
+
export type { BrandingProps } from './Branding.types';
|
|
3
5
|
export * from '@net-advantage/nabs-ui-accordion';
|
|
4
6
|
export * from '@net-advantage/nabs-ui-avatar';
|
|
5
7
|
export * from '@net-advantage/nabs-ui-buttons';
|
package/dist/nabs-ui-shell.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@net-advantage/nabs-ui-layout"),n=require("react/jsx-runtime");var r=(0,e.forwardRef)(({header:e,navigation:r,footer:i,children:a,className:o=``,headerClassName:s=``,navigationClassName:c=``,contentClassName:l=``,footerClassName:u=``,...d},f)=>{let p=[`nabs-ui-shell`,o].filter(Boolean).join(` `),m=[`nabs-ui-shell__header`,s].filter(Boolean).join(` `),h=[`nabs-ui-shell__navigation`,c].filter(Boolean).join(` `),g=[`nabs-ui-shell__content`,l].filter(Boolean).join(` `),_=[`nabs-ui-shell__footer`,u].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:f,className:p,...d,children:(0,n.jsx)(t.Layout,{className:`nabs-ui-shell__layout`,header:e,footer:i,leftSidePanel:r,headerClassName:m,footerClassName:_,leftSidePanelClassName:h,contentClassName:g,children:a})})});r.displayName=`Shell`,exports.Shell=r;var
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@net-advantage/nabs-ui-layout"),n=require("react/jsx-runtime");var r=(0,e.forwardRef)(({header:e,navigation:r,footer:i,children:a,className:o=``,headerClassName:s=``,navigationClassName:c=``,contentClassName:l=``,footerClassName:u=``,...d},f)=>{let p=[`nabs-ui-shell`,o].filter(Boolean).join(` `),m=[`nabs-ui-shell__header`,s].filter(Boolean).join(` `),h=[`nabs-ui-shell__navigation`,c].filter(Boolean).join(` `),g=[`nabs-ui-shell__content`,l].filter(Boolean).join(` `),_=[`nabs-ui-shell__footer`,u].filter(Boolean).join(` `);return(0,n.jsx)(`div`,{ref:f,className:p,...d,children:(0,n.jsx)(t.Layout,{className:`nabs-ui-shell__layout`,header:e,footer:i,leftSidePanel:r,headerClassName:m,footerClassName:_,leftSidePanelClassName:h,contentClassName:g,children:a})})});r.displayName=`Shell`;var i=(0,e.forwardRef)(function({logo:e,title:t,byline:r,className:i=``,...a},o){return(0,n.jsxs)(`div`,{ref:o,className:[`nabs-ui-branding`,i].filter(Boolean).join(` `),...a,children:[(0,n.jsx)(`div`,{className:`nabs-ui-branding__logo`,"aria-hidden":`true`,children:e}),(0,n.jsxs)(`div`,{className:`nabs-ui-branding__text`,children:[(0,n.jsx)(`strong`,{className:`nabs-ui-branding__title`,children:t}),(0,n.jsx)(`span`,{className:`nabs-ui-branding__byline`,children:r})]})]})});i.displayName=`Branding`,exports.Branding=i,exports.Shell=r;var a=require("@net-advantage/nabs-ui-accordion");Object.keys(a).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return a[e]}})});var o=require("@net-advantage/nabs-ui-avatar");Object.keys(o).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return o[e]}})});var s=require("@net-advantage/nabs-ui-buttons");Object.keys(s).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return s[e]}})});var c=require("@net-advantage/nabs-ui-cards");Object.keys(c).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return c[e]}})});var l=require("@net-advantage/nabs-ui-checkbox");Object.keys(l).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return l[e]}})});var u=require("@net-advantage/nabs-ui-code");Object.keys(u).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return u[e]}})});var d=require("@net-advantage/nabs-ui-combobox");Object.keys(d).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return d[e]}})});var f=require("@net-advantage/nabs-ui-datepicker");Object.keys(f).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return f[e]}})});var p=require("@net-advantage/nabs-ui-dialog");Object.keys(p).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return p[e]}})});var m=require("@net-advantage/nabs-ui-dropdownlist");Object.keys(m).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return m[e]}})});var h=require("@net-advantage/nabs-ui-dropdownmenu");Object.keys(h).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return h[e]}})});var g=require("@net-advantage/nabs-ui-dynamicform");Object.keys(g).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return g[e]}})});var _=require("@net-advantage/nabs-ui-fileupload");Object.keys(_).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _[e]}})});var v=require("@net-advantage/nabs-ui-graph");Object.keys(v).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return v[e]}})});var y=require("@net-advantage/nabs-ui-grid");Object.keys(y).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return y[e]}})}),Object.keys(t).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return t[e]}})});var b=require("@net-advantage/nabs-ui-markdown");Object.keys(b).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return b[e]}})});var x=require("@net-advantage/nabs-ui-navigation");Object.keys(x).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return x[e]}})});var S=require("@net-advantage/nabs-ui-panel");Object.keys(S).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return S[e]}})});var C=require("@net-advantage/nabs-ui-radiobutton");Object.keys(C).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return C[e]}})});var w=require("@net-advantage/nabs-ui-signature");Object.keys(w).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return w[e]}})});var T=require("@net-advantage/nabs-ui-slider");Object.keys(T).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return T[e]}})});var E=require("@net-advantage/nabs-ui-stepper");Object.keys(E).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return E[e]}})});var D=require("@net-advantage/nabs-ui-tab");Object.keys(D).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return D[e]}})});var O=require("@net-advantage/nabs-ui-textarea");Object.keys(O).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return O[e]}})});var k=require("@net-advantage/nabs-ui-textbox");Object.keys(k).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return k[e]}})});var A=require("@net-advantage/nabs-ui-toolbar");Object.keys(A).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return A[e]}})});
|
package/dist/nabs-ui-shell.css
CHANGED
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
/*$vite$:1*/.nabs-ui-fileupload{font:inherit;min-width:0;display:block}.nabs-ui-fileupload__surface{box-sizing:border-box;cursor:pointer;align-items:center;gap:var(--nabs-ui-density-fileupload-surface-gap,1rem);padding:var(--nabs-ui-density-fileupload-surface-padding-y,1rem) var(--nabs-ui-density-fileupload-surface-padding-x,1.1rem);grid-template-columns:minmax(0,1fr) auto;transition:border-color .12s,box-shadow .12s,transform .12s,background-color .12s;display:grid}.nabs-ui-fileupload__surface:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-fileupload__content{gap:var(--nabs-ui-density-fileupload-content-gap,.25rem);min-width:0;display:grid}.nabs-ui-fileupload__label{font-size:var(--nabs-ui-density-fileupload-label-font-size,.98rem);font-weight:700;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-fileupload__description,.nabs-ui-fileupload__meta{font-size:var(--nabs-ui-density-fileupload-meta-font-size,.88rem);line-height:1.35}.nabs-ui-fileupload__meta{word-break:break-word}.nabs-ui-fileupload__button{cursor:pointer;font:inherit;padding:var(--nabs-ui-density-fileupload-button-padding-y,.78rem) var(--nabs-ui-density-fileupload-button-padding-x,1rem);white-space:nowrap;border:0;align-self:center;font-weight:700}.nabs-ui-fileupload__button:disabled{cursor:not-allowed}.nabs-ui-fileupload__input{display:none}.nabs-ui-fileupload--disabled,.nabs-ui-fileupload--disabled .nabs-ui-fileupload__surface{cursor:not-allowed}@media (width<=640px){.nabs-ui-fileupload__surface{grid-template-columns:1fr}.nabs-ui-fileupload__button{justify-self:start}}
|
|
125
125
|
/*$vite$:1*/.nabs-ui-graph{gap:var(--nabs-ui-density-graph-gap,.75rem);min-height:var(--nabs-ui-density-graph-min-height,360px);min-width:0;padding:var(--nabs-ui-density-graph-padding,1rem);flex-direction:row;width:100%;display:flex}.nabs-ui-graph__toolbox{align-items:center;gap:var(--nabs-ui-density-graph-toolbox-gap,.5rem);width:var(--nabs-ui-density-graph-toolbox-width,72px);background:0 0;flex-direction:column;flex:none;order:-1;transition:width .12s;display:flex}.nabs-ui-graph__toolset{align-items:center;gap:var(--nabs-ui-density-graph-toolset-gap,.5rem);flex-direction:column;width:100%;display:flex}.nabs-ui-graph__toolsetTitle{font-size:var(--nabs-ui-density-graph-toolset-title-font-size,.58rem);text-align:center;width:100%;font-weight:600;line-height:1.1}.nabs-ui-graph--toolbox-collapsed .nabs-ui-graph__toolbox{width:var(--nabs-ui-density-graph-collapsed-toolbox-width,28px)}.nabs-ui-graph__toolboxToggle{cursor:pointer;font-size:var(--nabs-ui-density-description-font-size,.8rem);height:var(--nabs-ui-density-graph-toggle-size,24px);width:var(--nabs-ui-density-graph-toggle-size,24px);justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;display:inline-flex}.nabs-ui-graph__tool{cursor:pointer;font:inherit;font-size:var(--nabs-ui-density-graph-tool-font-size,.9rem);justify-content:center;align-items:center;gap:var(--nabs-ui-density-graph-tool-gap,.2rem);min-height:var(--nabs-ui-density-graph-tool-min-height,56px);max-width:var(--nabs-ui-density-graph-tool-max-width,72px);padding:var(--nabs-ui-density-graph-tool-padding,.3rem);text-align:center;width:var(--nabs-ui-density-graph-toolbox-width,72px);background:0 0;border:1px solid #0000;flex-direction:column;transition:background .12s,border .12s;display:flex}.nabs-ui-graph__tool--disabled{cursor:not-allowed;opacity:.4}.nabs-ui-graph__toolIcon{box-sizing:border-box;height:var(--nabs-ui-density-graph-icon-size,32px);width:var(--nabs-ui-density-graph-icon-size,32px);display:inline-block}.nabs-ui-graph__toolIcon--square{border-radius:var(--nabs-ui-density-graph-icon-radius-square,.25rem)}.nabs-ui-graph__toolIcon--circle{border-radius:var(--nabs-ui-density-graph-icon-radius-circle,999px)}.nabs-ui-graph__toolIcon--rectangle{border-radius:var(--nabs-ui-density-graph-icon-radius-rectangle,.35rem);height:var(--nabs-ui-density-graph-icon-rectangle-height,22px);width:var(--nabs-ui-density-graph-icon-rectangle-width,32px)}.nabs-ui-graph__toolIcon--initiative{border-radius:var(--nabs-ui-density-graph-icon-radius-initiative,.35rem);height:var(--nabs-ui-density-graph-icon-initiative-height,22px);width:var(--nabs-ui-density-graph-icon-initiative-width,32px)}.nabs-ui-graph__toolIcon--lifecycle{border-radius:var(--nabs-ui-density-graph-icon-radius-lifecycle,999px)}.nabs-ui-graph__toolIcon--scenario{border:none;position:relative}.nabs-ui-graph__toolIcon--scenario:before{content:"";inset:var(--nabs-ui-density-graph-scenario-inset,4px);transform:skewX(var(--nabs-ui-density-graph-scenario-skew,-18deg));position:absolute}.nabs-ui-graph__toolIcon--context{border:none;position:relative}.nabs-ui-graph__toolIcon--context:before{border-radius:var(--nabs-ui-density-graph-context-radius,.15rem);content:"";inset:var(--nabs-ui-density-graph-context-inset-top,3px) var(--nabs-ui-density-graph-context-inset-right,4px) var(--nabs-ui-density-graph-context-inset-bottom,5px) var(--nabs-ui-density-graph-context-inset-left,4px);position:absolute}.nabs-ui-graph__toolIcon--context:after{content:"";right:var(--nabs-ui-density-graph-context-corner-right,4px);top:var(--nabs-ui-density-graph-context-corner-top,3px);width:var(--nabs-ui-density-graph-context-corner-size,10px);height:var(--nabs-ui-density-graph-context-corner-size,10px);clip-path:polygon(0 0,100% 0,100% 100%);position:absolute}.nabs-ui-graph__toolIcon--hexagon{background-image:var(--nabs-ui-graph-hexagon-icon);background-position:50%;background-repeat:no-repeat;background-size:contain}.nabs-ui-graph__toolIcon--edge{position:relative}.nabs-ui-graph__toolIcon--edge:before{content:"";height:var(--nabs-ui-density-graph-edge-stroke-height,2px);left:var(--nabs-ui-density-graph-edge-inset-x,4px);right:var(--nabs-ui-density-graph-edge-inset-x,4px);top:var(--nabs-ui-density-graph-edge-stroke-top,15px);position:absolute}.nabs-ui-graph__toolIcon--edge:after{background:radial-gradient(circle at var(--nabs-ui-density-graph-edge-dot-left-x,4px) var(--nabs-ui-density-graph-edge-dot-y,16px), currentColor var(--nabs-ui-density-graph-edge-dot-radius,3px), transparent var(--nabs-ui-density-graph-edge-dot-cutoff,4px)), radial-gradient(circle at var(--nabs-ui-density-graph-edge-dot-right-x,28px) var(--nabs-ui-density-graph-edge-dot-y,16px), currentColor var(--nabs-ui-density-graph-edge-dot-radius,3px), transparent var(--nabs-ui-density-graph-edge-dot-cutoff,4px));content:"";position:absolute;inset:0}.nabs-ui-graph__toolLabel{font-size:var(--nabs-ui-density-graph-tool-label-font-size,.6rem);text-align:center;line-height:1}.nabs-ui-graph__canvas{border-radius:var(--nabs-ui-density-graph-canvas-radius,.5rem);flex:1 1 0;min-width:0;min-height:0;position:relative;overflow:hidden}.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);background-size:var(--nabs-ui-density-graph-grid-size,24px) var(--nabs-ui-density-graph-grid-size,24px);content:"";opacity:.35;pointer-events:none;transition:opacity .12s;position:absolute;inset:0}.nabs-ui-graph__canvas:hover:after,.nabs-ui-graph__canvas:focus-visible:after{opacity:.5}.nabs-ui-graph__canvasSvg{width:100%;height:100%;display:block;overflow:visible}.nabs-ui-graph__viewport{will-change:transform}.nabs-ui-graph__shape{stroke-width:var(--nabs-ui-density-graph-shape-stroke-width,1.5);transition:stroke .12s}.nabs-ui-graph__shape--selected{stroke-width:var(--nabs-ui-density-graph-shape-selected-stroke-width,2.5)}.nabs-ui-graph__edge{stroke-width:var(--nabs-ui-density-graph-edge-stroke-width,2)}.nabs-ui-graph__nodeLabel,.nabs-ui-graph__edgeLabel{font-size:var(--nabs-ui-density-graph-label-font-size,11px);font-weight:500;line-height:var(--nabs-ui-density-graph-label-line-height,1.05);pointer-events:none;text-anchor:middle;-webkit-user-select:none;user-select:none}.nabs-ui-graph__shape--hexagon{vector-effect:non-scaling-stroke}
|
|
126
126
|
/*$vite$:1*/.nabs-ui-button{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-button-gap,.5rem);padding:var(--nabs-ui-density-button-padding-y,.75rem) var(--nabs-ui-density-button-padding-x,1rem);justify-content:center;font-weight:600;line-height:1;transition:transform .12s,box-shadow .12s,background-color .12s,color .12s,border-color .12s;display:inline-flex}.nabs-ui-button:hover{transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-button:active{transform:translateY(0)}.nabs-ui-button:disabled{cursor:not-allowed;transform:none}.nabs-ui-dialog__backdrop{padding:var(--nabs-ui-density-dialog-backdrop-padding,1rem);z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nabs-ui-dialog{min-width:0;max-height:85dvh;width:min(var(--nabs-ui-density-dialog-max-width,40rem), 100%);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.nabs-ui-dialog__header,.nabs-ui-dialog__description,.nabs-ui-dialog__content,.nabs-ui-dialog__footer{box-sizing:border-box;min-width:0;padding:var(--nabs-ui-density-dialog-padding-y,.8rem) var(--nabs-ui-density-dialog-padding-x,1rem)}.nabs-ui-dialog__description{padding-top:0}.nabs-ui-dialog__header,.nabs-ui-dialog__footer{align-items:center;gap:var(--nabs-ui-density-dialog-header-gap,.6rem);justify-content:space-between;display:flex}.nabs-ui-dialog__title{font-size:var(--nabs-ui-density-dialog-title-font-size,1rem);font-weight:700;line-height:var(--nabs-ui-density-dialog-title-line-height,1.2);margin:0}.nabs-ui-dialog__content{gap:var(--nabs-ui-density-dialog-content-gap,.7rem);display:grid;overflow:auto}.nabs-ui-dialog__footer{justify-content:flex-end}.nabs-ui-grid{gap:var(--nabs-ui-density-grid-root-gap,.8rem);display:grid}.nabs-ui-grid__surface{gap:0;display:grid}.nabs-ui-grid__headerViewport,.nabs-ui-grid__footerSection--columns{overflow:hidden}.nabs-ui-grid__footer{display:grid}.nabs-ui-grid__footerSection{border-top:1px solid var(--nabs-ui-color-border)}.nabs-ui-grid__footerSectionHeader{font-size:var(--nabs-ui-density-grid-label-font-size,.85rem);padding:var(--nabs-ui-density-grid-cell-padding-y,.35rem) var(--nabs-ui-density-grid-cell-padding-x,.5rem);font-weight:700;line-height:1.2}.nabs-ui-grid__footerSection--rows .nabs-ui-grid__cell{display:block}.nabs-ui-grid__toolbar{align-items:end;gap:var(--nabs-ui-density-grid-toolbar-gap,.65rem);flex-wrap:wrap;display:flex}.nabs-ui-grid__groupControl{gap:var(--nabs-ui-density-grid-field-gap,.25rem);min-width:var(--nabs-ui-density-grid-group-control-min-width,10rem);display:grid}.nabs-ui-grid__groupControl span{font-size:var(--nabs-ui-density-grid-label-font-size,.85rem);font-weight:600}.nabs-ui-grid__status{font-size:var(--nabs-ui-density-grid-status-font-size,.92rem)}.nabs-ui-grid__viewport{overflow:auto}.nabs-ui-grid__table{border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:100%}.nabs-ui-grid__head{position:static}.nabs-ui-grid__col--selection{width:var(--nabs-ui-density-grid-selection-width,2.8rem)}.nabs-ui-grid__col--actions{width:var(--nabs-ui-density-grid-actions-width,9.5rem)}.nabs-ui-grid__cell{padding:var(--nabs-ui-density-grid-cell-padding-y,.35rem) var(--nabs-ui-density-grid-cell-padding-x,.5rem);text-overflow:ellipsis;vertical-align:top;white-space:nowrap;overflow:hidden}.nabs-ui-grid__cell--head{min-height:var(--nabs-ui-density-grid-head-min-height,3.3rem);font-weight:600}.nabs-ui-grid__cell--selection{text-align:center;width:var(--nabs-ui-density-grid-selection-width,2.8rem)}.nabs-ui-grid__cell--actions{width:var(--nabs-ui-density-grid-actions-width,9.5rem)}.nabs-ui-grid__cell--foot{font-size:var(--nabs-ui-density-grid-foot-font-size,.85rem);font-weight:600}.nabs-ui-grid__headCell{gap:var(--nabs-ui-density-grid-head-gap,.35rem);display:grid}.nabs-ui-grid__sortButton{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-grid-sort-gap,.45rem);text-align:left;justify-content:space-between;width:100%;padding:0;display:inline-flex}.nabs-ui-grid__sortButton:disabled{cursor:default}.nabs-ui-grid__input{font:inherit;min-height:var(--nabs-ui-density-grid-input-min-height,2rem);padding:var(--nabs-ui-density-grid-input-padding-y,.2rem) var(--nabs-ui-density-grid-input-padding-x,.45rem);width:100%}.nabs-ui-grid__input--textarea{min-height:var(--nabs-ui-density-grid-textarea-min-height,4rem);resize:vertical}.nabs-ui-grid__search{max-width:var(--nabs-ui-density-grid-search-max-width,17rem);width:100%}.nabs-ui-grid__input--active{font-weight:600}.nabs-ui-grid__groupRow{font-size:var(--nabs-ui-density-grid-group-row-font-size,.9rem)}.nabs-ui-grid__groupCell{padding:0}.nabs-ui-grid__groupToggle{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-grid-group-toggle-gap,.75rem);min-height:var(--nabs-ui-density-grid-group-toggle-min-height,2rem);padding:var(--nabs-ui-density-grid-group-toggle-padding-y,.4rem) var(--nabs-ui-density-grid-group-toggle-padding-x,.55rem);justify-content:flex-start;width:100%;display:inline-flex}.nabs-ui-grid__dataRow--selected{font-weight:600}.nabs-ui-grid__actionStack{gap:var(--nabs-ui-density-grid-action-gap,.35rem);flex-wrap:wrap;display:flex}.nabs-ui-grid__button,.nabs-ui-grid__iconButton{cursor:pointer;font:inherit;min-height:var(--nabs-ui-density-grid-button-min-height,1.8rem);padding:var(--nabs-ui-density-grid-button-padding-y,.18rem) var(--nabs-ui-density-grid-button-padding-x,.5rem)}.nabs-ui-grid__button:disabled,.nabs-ui-grid__iconButton:disabled{cursor:not-allowed}.nabs-ui-grid__button--primary{font-weight:700}.nabs-ui-grid__spacer td{border:0;padding:0}.nabs-ui-grid__pager{align-items:center;gap:var(--nabs-ui-density-grid-pager-gap,.45rem);flex-wrap:wrap;display:flex}.nabs-ui-grid__dialogBody{gap:var(--nabs-ui-density-grid-dialog-body-gap,.7rem);display:grid}.nabs-ui-grid__editDialog{--nabs-ui-density-dialog-max-width:var(--nabs-ui-density-grid-dialog-max-width,40rem)}.nabs-ui-grid__editDialogContent{max-height:min(70dvh,34rem)}.nabs-ui-grid__editDialogFooter{justify-content:flex-end}.nabs-ui-grid__field{gap:var(--nabs-ui-density-grid-field-gap,.35rem);display:grid}@media (width<=860px){.nabs-ui-grid__cell--actions{width:var(--nabs-ui-density-grid-actions-width-mobile,7.5rem)}.nabs-ui-grid__toolbar{flex-direction:column;align-items:stretch}}
|
|
127
|
-
/*$vite$:1*/.nabs-ui-layout{gap:var(--nabs-ui-layout-gap,1rem);min-width:0;display:grid}.nabs-ui-layout__headerWrapper,.nabs-ui-layout__footerWrapper{min-width:0}.nabs-ui-layout__header,.nabs-ui-layout__footer,.nabs-ui-layout__panel,.nabs-ui-layout__content{border:1px solid var(--nabs-ui-layout-border);border-radius:var(--nabs-ui-layout-radius,1rem);box-sizing:border-box;min-width:0}.nabs-ui-layout__header,.nabs-ui-layout__footer{padding:var(--nabs-ui-density-layout-chrome-padding-y,.75rem) var(--nabs-ui-density-layout-chrome-padding-x,.9rem)}.nabs-ui-layout__panel,.nabs-ui-layout__content{padding:var(--nabs-ui-density-layout-body-padding-y,1rem) var(--nabs-ui-density-layout-body-padding-x,1rem)}.nabs-ui-layout__header,.nabs-ui-layout__footer{background:var(--nabs-ui-layout-surface)}.nabs-ui-layout__footer{font-size:var(--nabs-ui-density-layout-footer-font-size,.76rem);line-height:var(--nabs-ui-density-layout-footer-line-height,1.25)}.nabs-ui-layout__body{gap:var(--nabs-ui-layout-gap,1rem);min-width:0;display:grid}.nabs-ui-layout__body--with-both-panels{grid-template-columns:
|
|
127
|
+
/*$vite$:1*/.nabs-ui-layout{gap:var(--nabs-ui-layout-gap,1rem);grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;min-height:100%;display:grid}.nabs-ui-layout__headerWrapper,.nabs-ui-layout__footerWrapper{min-width:0}.nabs-ui-layout__header,.nabs-ui-layout__footer,.nabs-ui-layout__panel,.nabs-ui-layout__content{border:1px solid var(--nabs-ui-layout-border);border-radius:var(--nabs-ui-layout-radius,1rem);box-sizing:border-box;min-width:0}.nabs-ui-layout__header,.nabs-ui-layout__footer{padding:var(--nabs-ui-density-layout-chrome-padding-y,.75rem) var(--nabs-ui-density-layout-chrome-padding-x,.9rem)}.nabs-ui-layout__panel,.nabs-ui-layout__content{padding:var(--nabs-ui-density-layout-body-padding-y,1rem) var(--nabs-ui-density-layout-body-padding-x,1rem)}.nabs-ui-layout__header,.nabs-ui-layout__footer{background:var(--nabs-ui-layout-surface)}.nabs-ui-layout__footer{font-size:var(--nabs-ui-density-layout-footer-font-size,.76rem);line-height:var(--nabs-ui-density-layout-footer-line-height,1.25)}.nabs-ui-layout__body{gap:var(--nabs-ui-layout-gap,1rem);min-width:0;min-height:0;display:grid}.nabs-ui-layout__body--with-both-panels{grid-template-columns:max-content minmax(0,1fr) max-content}.nabs-ui-layout__body--with-left-panel{grid-template-columns:max-content minmax(0,1fr)}.nabs-ui-layout__body--with-right-panel{grid-template-columns:minmax(0,1fr) max-content}.nabs-ui-layout__panel{background:var(--nabs-ui-layout-panel-surface)}.nabs-ui-layout__content{background:var(--nabs-ui-layout-content-surface)}.nabs-ui-layout__content>:first-child{margin-top:0}.nabs-ui-layout__content>:last-child{margin-bottom:0}
|
|
128
128
|
/*$vite$:1*/.nabs-ui-toolbar{align-items:center;gap:var(--nabs-ui-density-toolbar-gap,.1rem);min-height:var(--nabs-ui-density-toolbar-min-height,3.65rem);padding:var(--nabs-ui-density-toolbar-padding-y,.4rem) var(--nabs-ui-density-toolbar-padding-x,.45rem);flex-wrap:wrap;display:inline-flex}.nabs-ui-toolbar__button{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-toolbar-button-gap,.25rem);min-height:var(--nabs-ui-density-toolbar-button-min-size,2.75rem);min-width:var(--nabs-ui-density-toolbar-button-min-size,2.75rem);padding:var(--nabs-ui-density-toolbar-button-padding-y,.35rem) var(--nabs-ui-density-toolbar-button-padding-x,.8rem);justify-content:center;transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s,color .12s;display:inline-flex}.nabs-ui-toolbar__button:hover:not(:disabled){transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-toolbar__button:disabled{cursor:not-allowed}.nabs-ui-toolbar__button--icon-only{padding-inline:var(--nabs-ui-density-toolbar-icon-only-padding-inline,.55rem)}.nabs-ui-toolbar__content{align-items:center;gap:var(--nabs-ui-density-toolbar-content-gap,.42rem);display:inline-flex}.nabs-ui-toolbar__content--label-left{flex-direction:row-reverse}.nabs-ui-toolbar__content--label-right{flex-direction:row}.nabs-ui-toolbar__content--label-top{flex-direction:column-reverse}.nabs-ui-toolbar__content--label-bottom{flex-direction:column}.nabs-ui-toolbar__icon{height:var(--nabs-ui-density-toolbar-icon-size,1.08rem);stroke-width:1.75px;width:var(--nabs-ui-density-toolbar-icon-size,1.08rem);flex:none;display:block}.nabs-ui-toolbar__label{font-size:var(--nabs-ui-density-toolbar-label-font-size,.95rem);white-space:nowrap;font-weight:500;line-height:1}.nabs-ui-markdown{gap:var(--nabs-ui-density-markdown-root-gap,16px);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-width:0;display:grid}.nabs-ui-markdown--single-panel{grid-template-columns:minmax(0,1fr)}.nabs-ui-markdown__editorPanel,.nabs-ui-markdown__previewPanel{gap:var(--nabs-ui-density-markdown-panel-gap,12px);min-width:0;padding:var(--nabs-ui-density-markdown-panel-padding,16px);display:grid}.nabs-ui-markdown__label,.nabs-ui-markdown__previewLabel{font-size:var(--nabs-ui-density-markdown-label-font-size,.98rem);font-weight:800;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-markdown__helper{font-size:var(--nabs-ui-density-markdown-helper-font-size,.88rem);line-height:var(--nabs-ui-density-markdown-helper-line-height,1.4)}.nabs-ui-markdown__toolbar{width:fit-content}.nabs-ui-markdown__editor{box-sizing:border-box;font:inherit;min-height:var(--nabs-ui-density-markdown-editor-min-height,280px);padding:var(--nabs-ui-density-markdown-editor-padding,14px);resize:vertical;width:100%}.nabs-ui-markdown__preview{box-sizing:border-box;min-height:var(--nabs-ui-density-markdown-editor-min-height,280px);padding:var(--nabs-ui-density-markdown-editor-padding,14px)}.nabs-ui-markdown__html{gap:var(--nabs-ui-density-markdown-content-gap,12px);line-height:var(--nabs-ui-density-markdown-content-line-height,1.7);display:grid}.nabs-ui-markdown__html h1,.nabs-ui-markdown__html h2,.nabs-ui-markdown__html h3,.nabs-ui-markdown__html h4,.nabs-ui-markdown__html h5,.nabs-ui-markdown__html h6,.nabs-ui-markdown__html p,.nabs-ui-markdown__html blockquote,.nabs-ui-markdown__html ul,.nabs-ui-markdown__html ol,.nabs-ui-markdown__html pre{margin:0}.nabs-ui-markdown__html h1{font-size:var(--nabs-ui-density-markdown-h1-font-size,1.65rem)}.nabs-ui-markdown__html h2{font-size:var(--nabs-ui-density-markdown-h2-font-size,1.42rem)}.nabs-ui-markdown__html h3{font-size:var(--nabs-ui-density-markdown-h3-font-size,1.22rem)}.nabs-ui-markdown__html blockquote{padding-left:var(--nabs-ui-density-markdown-blockquote-padding-left,12px)}.nabs-ui-markdown__html ul,.nabs-ui-markdown__html ol{padding-left:var(--nabs-ui-density-markdown-list-padding-left,20px)}.nabs-ui-markdown__html code{font-family:var(--nabs-ui-font-family-mono,"Consolas", "Courier New", monospace);font-size:var(--nabs-ui-density-markdown-code-font-size,.92em);padding:var(--nabs-ui-density-markdown-code-padding-y,.08rem) var(--nabs-ui-density-markdown-code-padding-x,.32rem)}.nabs-ui-markdown__html pre code{padding:var(--nabs-ui-density-markdown-pre-code-padding,12px);display:block;overflow-x:auto}@media (width<=960px){.nabs-ui-markdown{grid-template-columns:1fr}}
|
|
129
129
|
/*$vite$:1*/.nabs-ui-navigation{width:100%}.nabs-ui-navigation__list{gap:var(--nabs-ui-density-navigation-list-gap,.55rem);margin:0;padding:0;list-style:none;display:flex}.nabs-ui-navigation--vertical .nabs-ui-navigation__list{flex-direction:column}.nabs-ui-navigation--horizontal .nabs-ui-navigation__list{flex-flow:wrap}.nabs-ui-navigation__item{appearance:none;cursor:pointer;font:inherit;width:100%;min-width:0;text-decoration:none;transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s;display:block}.nabs-ui-navigation--horizontal .nabs-ui-navigation__item{min-width:var(--nabs-ui-density-navigation-horizontal-min-width,8.25rem)}.nabs-ui-navigation__item:hover:not(.nabs-ui-navigation__item--disabled):not(.nabs-ui-navigation__item--active){transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-navigation__item--active:hover:not(.nabs-ui-navigation__item--disabled){transform:none}.nabs-ui-navigation__item--disabled{cursor:not-allowed;transform:none}.nabs-ui-navigation__itemContent{box-sizing:border-box;text-align:left;padding:var(--nabs-ui-density-navigation-item-padding-y,.66rem) var(--nabs-ui-density-navigation-item-padding-x,.85rem);width:100%;display:block}.nabs-ui-navigation__itemContent--center{text-align:center}.nabs-ui-navigation__itemContent--right{text-align:right}
|
|
130
130
|
/*$vite$:1*/.nabs-ui-panel{grid-auto-rows:max-content;align-content:start;min-width:0;display:grid;overflow:hidden}.nabs-ui-panel__header,.nabs-ui-panel__content,.nabs-ui-panel__footer{box-sizing:border-box;min-width:0;padding:var(--nabs-ui-density-panel-padding-y,1rem) var(--nabs-ui-density-panel-padding-x,1rem)}.nabs-ui-panel__header,.nabs-ui-panel__footer{font-size:var(--nabs-ui-density-panel-header-font-size,.95rem);align-items:center;gap:var(--nabs-ui-density-panel-header-gap,.5rem);line-height:var(--nabs-ui-density-panel-header-line-height,1.2);justify-content:space-between;display:flex}.nabs-ui-panel__content{gap:var(--nabs-ui-density-panel-content-gap,.75rem);display:grid}
|
|
@@ -136,4 +136,42 @@
|
|
|
136
136
|
/*$vite$:1*/.nabs-ui-textarea{gap:var(--nabs-ui-density-gap-field,.5rem);min-width:0;display:grid}.nabs-ui-textarea__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600;line-height:var(--nabs-ui-density-line-height-control,1.2)}.nabs-ui-textarea__input{box-sizing:border-box;font:inherit;min-height:var(--nabs-ui-density-textarea-min-height,8rem);min-width:0;padding:var(--nabs-ui-density-textarea-padding-y,.85rem) var(--nabs-ui-density-textarea-padding-x,1rem);resize:vertical;width:100%;transition:border-color .12s,box-shadow .12s,background-color .12s}.nabs-ui-textarea__input[data-resize=none]{resize:none}.nabs-ui-textarea__input[data-resize=both]{resize:both}.nabs-ui-textarea__input[data-resize=horizontal]{resize:horizontal}.nabs-ui-textarea__input:disabled{cursor:not-allowed}
|
|
137
137
|
/*$vite$:1*/.nabs-ui-textbox{gap:var(--nabs-ui-density-gap-field,.7rem);display:grid}.nabs-ui-textbox__label{font-size:var(--nabs-ui-density-font-size-control,.95rem);font-weight:600}.nabs-ui-textbox__input{appearance:none;box-sizing:border-box;font:inherit;line-height:var(--nabs-ui-density-line-height-control,1.4);min-height:var(--nabs-ui-density-input-min-height,3rem);padding:var(--nabs-ui-density-input-padding-y,.8rem) var(--nabs-ui-density-input-padding-x,1rem);width:100%;transition:border-color .12s,box-shadow .12s,background-color .12s}.nabs-ui-textbox__input:disabled{cursor:not-allowed}.nabs-ui-textbox--label-left{align-items:center;gap:var(--nabs-ui-density-gap-label-left,1rem);display:flex}.nabs-ui-textbox--label-left .nabs-ui-textbox__label{flex:0 0 var(--nabs-ui-density-label-width,9rem)}.nabs-ui-textbox--label-left .nabs-ui-textbox__input{flex:auto}@media (width<=640px){.nabs-ui-textbox--label-left{align-items:stretch;gap:var(--nabs-ui-density-gap-field,.7rem);flex-direction:column}.nabs-ui-textbox--label-left .nabs-ui-textbox__label{flex-basis:auto}}
|
|
138
138
|
/*$vite$:1*/.nabs-ui-toolbar{align-items:center;gap:var(--nabs-ui-density-toolbar-gap,.1rem);min-height:var(--nabs-ui-density-toolbar-min-height,3.65rem);padding:var(--nabs-ui-density-toolbar-padding-y,.4rem) var(--nabs-ui-density-toolbar-padding-x,.45rem);flex-wrap:wrap;display:inline-flex}.nabs-ui-toolbar__button{cursor:pointer;font:inherit;align-items:center;gap:var(--nabs-ui-density-toolbar-button-gap,.25rem);min-height:var(--nabs-ui-density-toolbar-button-min-size,2.75rem);min-width:var(--nabs-ui-density-toolbar-button-min-size,2.75rem);padding:var(--nabs-ui-density-toolbar-button-padding-y,.35rem) var(--nabs-ui-density-toolbar-button-padding-x,.8rem);justify-content:center;transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s,color .12s;display:inline-flex}.nabs-ui-toolbar__button:hover:not(:disabled){transform:translateY(var(--nabs-ui-density-control-hover-translate-y,-1px))}.nabs-ui-toolbar__button:disabled{cursor:not-allowed}.nabs-ui-toolbar__button--icon-only{padding-inline:var(--nabs-ui-density-toolbar-icon-only-padding-inline,.55rem)}.nabs-ui-toolbar__content{align-items:center;gap:var(--nabs-ui-density-toolbar-content-gap,.42rem);display:inline-flex}.nabs-ui-toolbar__content--label-left{flex-direction:row-reverse}.nabs-ui-toolbar__content--label-right{flex-direction:row}.nabs-ui-toolbar__content--label-top{flex-direction:column-reverse}.nabs-ui-toolbar__content--label-bottom{flex-direction:column}.nabs-ui-toolbar__icon{height:var(--nabs-ui-density-toolbar-icon-size,1.08rem);stroke-width:1.75px;width:var(--nabs-ui-density-toolbar-icon-size,1.08rem);flex:none;display:block}.nabs-ui-toolbar__label{font-size:var(--nabs-ui-density-toolbar-label-font-size,.95rem);white-space:nowrap;font-weight:500;line-height:1}
|
|
139
|
-
/*$vite$:1
|
|
139
|
+
/*$vite$:1*/.nabs-ui-branding {
|
|
140
|
+
display: inline-flex;
|
|
141
|
+
align-items: center;
|
|
142
|
+
gap: var(--nabs-ui-branding-gap, 0.75rem);
|
|
143
|
+
min-width: 0;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.nabs-ui-branding__logo {
|
|
147
|
+
display: inline-flex;
|
|
148
|
+
align-items: center;
|
|
149
|
+
justify-content: center;
|
|
150
|
+
flex: 0 0 auto;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.nabs-ui-branding__logo :where(img, svg) {
|
|
154
|
+
display: block;
|
|
155
|
+
inline-size: var(--nabs-ui-branding-logo-size, 2rem);
|
|
156
|
+
block-size: var(--nabs-ui-branding-logo-size, 2rem);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.nabs-ui-branding__text {
|
|
160
|
+
display: grid;
|
|
161
|
+
gap: var(--nabs-ui-branding-text-gap, 0.125rem);
|
|
162
|
+
min-width: 0;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.nabs-ui-branding__title {
|
|
166
|
+
margin: 0;
|
|
167
|
+
font-size: var(--nabs-ui-branding-title-size, 1.125rem);
|
|
168
|
+
font-weight: var(--nabs-ui-branding-title-weight, 700);
|
|
169
|
+
line-height: var(--nabs-ui-branding-title-line-height, 1.2);
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.nabs-ui-branding__byline {
|
|
173
|
+
margin: 0;
|
|
174
|
+
font-size: var(--nabs-ui-branding-byline-size, 0.75rem);
|
|
175
|
+
font-weight: var(--nabs-ui-branding-byline-weight, 400);
|
|
176
|
+
line-height: var(--nabs-ui-branding-byline-line-height, 1.25);
|
|
177
|
+
}/*$vite$:1*/
|
package/dist/nabs-ui-shell.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { forwardRef as e } from "react";
|
|
2
2
|
import { Layout as t } from "@net-advantage/nabs-ui-layout";
|
|
3
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
+
import { jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
4
|
export * from "@net-advantage/nabs-ui-layout";
|
|
5
5
|
export * from "@net-advantage/nabs-ui-accordion";
|
|
6
6
|
export * from "@net-advantage/nabs-ui-avatar";
|
|
@@ -29,7 +29,7 @@ export * from "@net-advantage/nabs-ui-textarea";
|
|
|
29
29
|
export * from "@net-advantage/nabs-ui-textbox";
|
|
30
30
|
export * from "@net-advantage/nabs-ui-toolbar";
|
|
31
31
|
//#region src/Shell.tsx
|
|
32
|
-
var
|
|
32
|
+
var i = e(({ header: e, navigation: r, footer: i, children: a, className: o = "", headerClassName: s = "", navigationClassName: c = "", contentClassName: l = "", footerClassName: u = "", ...d }, f) => {
|
|
33
33
|
let p = ["nabs-ui-shell", o].filter(Boolean).join(" "), m = ["nabs-ui-shell__header", s].filter(Boolean).join(" "), h = ["nabs-ui-shell__navigation", c].filter(Boolean).join(" "), g = ["nabs-ui-shell__content", l].filter(Boolean).join(" "), _ = ["nabs-ui-shell__footer", u].filter(Boolean).join(" ");
|
|
34
34
|
return /* @__PURE__ */ n("div", {
|
|
35
35
|
ref: f,
|
|
@@ -48,6 +48,30 @@ var r = e(({ header: e, navigation: r, footer: i, children: a, className: o = ""
|
|
|
48
48
|
})
|
|
49
49
|
});
|
|
50
50
|
});
|
|
51
|
-
|
|
51
|
+
i.displayName = "Shell";
|
|
52
52
|
//#endregion
|
|
53
|
-
|
|
53
|
+
//#region src/Branding.tsx
|
|
54
|
+
var a = e(function({ logo: e, title: t, byline: i, className: a = "", ...o }, s) {
|
|
55
|
+
return /* @__PURE__ */ r("div", {
|
|
56
|
+
ref: s,
|
|
57
|
+
className: ["nabs-ui-branding", a].filter(Boolean).join(" "),
|
|
58
|
+
...o,
|
|
59
|
+
children: [/* @__PURE__ */ n("div", {
|
|
60
|
+
className: "nabs-ui-branding__logo",
|
|
61
|
+
"aria-hidden": "true",
|
|
62
|
+
children: e
|
|
63
|
+
}), /* @__PURE__ */ r("div", {
|
|
64
|
+
className: "nabs-ui-branding__text",
|
|
65
|
+
children: [/* @__PURE__ */ n("strong", {
|
|
66
|
+
className: "nabs-ui-branding__title",
|
|
67
|
+
children: t
|
|
68
|
+
}), /* @__PURE__ */ n("span", {
|
|
69
|
+
className: "nabs-ui-branding__byline",
|
|
70
|
+
children: i
|
|
71
|
+
})]
|
|
72
|
+
})]
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
a.displayName = "Branding";
|
|
76
|
+
//#endregion
|
|
77
|
+
export { a as Branding, i as Shell };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@net-advantage/nabs-ui-shell",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.38.0",
|
|
4
4
|
"description": "Reusable React app shell for the Nabs UI library.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/nabs-ui-shell.cjs",
|
|
@@ -8,10 +8,18 @@
|
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
9
|
"exports": {
|
|
10
10
|
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
11
12
|
"import": "./dist/nabs-ui-shell.js",
|
|
12
13
|
"require": "./dist/nabs-ui-shell.cjs"
|
|
13
14
|
},
|
|
14
|
-
"./
|
|
15
|
+
"./Branding": {
|
|
16
|
+
"types": "./dist/Branding.d.ts",
|
|
17
|
+
"default": "./src/Branding.tsx"
|
|
18
|
+
},
|
|
19
|
+
"./Shell": {
|
|
20
|
+
"types": "./dist/Shell.d.ts",
|
|
21
|
+
"default": "./src/Shell.tsx"
|
|
22
|
+
},
|
|
15
23
|
"./style.css": "./dist/nabs-ui-shell.css"
|
|
16
24
|
},
|
|
17
25
|
"files": [
|
|
@@ -19,36 +27,36 @@
|
|
|
19
27
|
],
|
|
20
28
|
"dependencies": {
|
|
21
29
|
"react": "^19.0.0",
|
|
22
|
-
"@net-advantage/nabs-ui-accordion": "0.
|
|
23
|
-
"@net-advantage/nabs-ui-avatar": "0.
|
|
24
|
-
"@net-advantage/nabs-ui-buttons": "0.
|
|
25
|
-
"@net-advantage/nabs-ui-cards": "0.
|
|
26
|
-
"@net-advantage/nabs-ui-checkbox": "0.
|
|
27
|
-
"@net-advantage/nabs-ui-code": "0.
|
|
28
|
-
"@net-advantage/nabs-ui-combobox": "0.
|
|
29
|
-
"@net-advantage/nabs-ui-datepicker": "0.
|
|
30
|
-
"@net-advantage/nabs-ui-dialog": "0.
|
|
31
|
-
"@net-advantage/nabs-ui-dropdownlist": "0.
|
|
32
|
-
"@net-advantage/nabs-ui-dropdownmenu": "0.
|
|
33
|
-
"@net-advantage/nabs-ui-dynamicform": "0.
|
|
34
|
-
"@net-advantage/nabs-ui-fileupload": "0.
|
|
35
|
-
"@net-advantage/nabs-ui-graph": "0.
|
|
36
|
-
"@net-advantage/nabs-ui-grid": "0.
|
|
37
|
-
"@net-advantage/nabs-ui-layout": "0.
|
|
38
|
-
"@net-advantage/nabs-ui-markdown": "0.
|
|
39
|
-
"@net-advantage/nabs-ui-navigation": "0.
|
|
40
|
-
"@net-advantage/nabs-ui-panel": "0.
|
|
41
|
-
"@net-advantage/nabs-ui-radiobutton": "0.
|
|
42
|
-
"@net-advantage/nabs-ui-signature": "0.
|
|
43
|
-
"@net-advantage/nabs-ui-slider": "0.
|
|
44
|
-
"@net-advantage/nabs-ui-stepper": "0.
|
|
45
|
-
"@net-advantage/nabs-ui-tab": "0.
|
|
46
|
-
"@net-advantage/nabs-ui-textarea": "0.
|
|
47
|
-
"@net-advantage/nabs-ui-textbox": "0.
|
|
48
|
-
"@net-advantage/nabs-ui-themes": "0.
|
|
49
|
-
"@net-advantage/nabs-ui-themes-dark": "0.
|
|
50
|
-
"@net-advantage/nabs-ui-themes-light": "0.
|
|
51
|
-
"@net-advantage/nabs-ui-toolbar": "0.
|
|
30
|
+
"@net-advantage/nabs-ui-accordion": "0.38.0",
|
|
31
|
+
"@net-advantage/nabs-ui-avatar": "0.38.0",
|
|
32
|
+
"@net-advantage/nabs-ui-buttons": "0.38.0",
|
|
33
|
+
"@net-advantage/nabs-ui-cards": "0.38.0",
|
|
34
|
+
"@net-advantage/nabs-ui-checkbox": "0.38.0",
|
|
35
|
+
"@net-advantage/nabs-ui-code": "0.38.0",
|
|
36
|
+
"@net-advantage/nabs-ui-combobox": "0.38.0",
|
|
37
|
+
"@net-advantage/nabs-ui-datepicker": "0.38.0",
|
|
38
|
+
"@net-advantage/nabs-ui-dialog": "0.38.0",
|
|
39
|
+
"@net-advantage/nabs-ui-dropdownlist": "0.38.0",
|
|
40
|
+
"@net-advantage/nabs-ui-dropdownmenu": "0.38.0",
|
|
41
|
+
"@net-advantage/nabs-ui-dynamicform": "0.38.0",
|
|
42
|
+
"@net-advantage/nabs-ui-fileupload": "0.38.0",
|
|
43
|
+
"@net-advantage/nabs-ui-graph": "0.38.0",
|
|
44
|
+
"@net-advantage/nabs-ui-grid": "0.38.0",
|
|
45
|
+
"@net-advantage/nabs-ui-layout": "0.38.0",
|
|
46
|
+
"@net-advantage/nabs-ui-markdown": "0.38.0",
|
|
47
|
+
"@net-advantage/nabs-ui-navigation": "0.38.0",
|
|
48
|
+
"@net-advantage/nabs-ui-panel": "0.38.0",
|
|
49
|
+
"@net-advantage/nabs-ui-radiobutton": "0.38.0",
|
|
50
|
+
"@net-advantage/nabs-ui-signature": "0.38.0",
|
|
51
|
+
"@net-advantage/nabs-ui-slider": "0.38.0",
|
|
52
|
+
"@net-advantage/nabs-ui-stepper": "0.38.0",
|
|
53
|
+
"@net-advantage/nabs-ui-tab": "0.38.0",
|
|
54
|
+
"@net-advantage/nabs-ui-textarea": "0.38.0",
|
|
55
|
+
"@net-advantage/nabs-ui-textbox": "0.38.0",
|
|
56
|
+
"@net-advantage/nabs-ui-themes": "0.38.0",
|
|
57
|
+
"@net-advantage/nabs-ui-themes-dark": "0.38.0",
|
|
58
|
+
"@net-advantage/nabs-ui-themes-light": "0.38.0",
|
|
59
|
+
"@net-advantage/nabs-ui-toolbar": "0.38.0"
|
|
52
60
|
},
|
|
53
61
|
"devDependencies": {
|
|
54
62
|
"@types/react": "^19.0.0",
|