@dillingerstaffing/strand-vue 0.12.0 → 0.14.0

package/dist/components/Link/Link.vue.d.ts

@@ -3,6 +3,8 @@ interface Props {
     href: string;
     /** Opens in new tab with rel="noopener noreferrer" */
     external?: boolean;
+    /** Style variant */
+    variant?: 'default' | 'cta' | 'mono';
     /** Additional CSS class */
     className?: string;
 }
@@ -16,6 +18,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    variant: "default" | "cta" | "mono";
     className: string;
     external: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;

package/dist/components/Link/Link.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.vue"],"names":[],"mappings":"AACA;AAuCA,UAAU,KAAK;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAkBD,iBAAS,cAAc;WA4BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eA/DP,MAAM;cAFP,OAAO;2FAyElB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.vue"],"names":[],"mappings":"AACA;AA0CA,UAAU,KAAK;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,MAAM,CAAA;IACpC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoBD,iBAAS,cAAc;WA4BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAnET,SAAS,GAAG,KAAK,GAAG,MAAM;eAExB,MAAM;cAJP,OAAO;2FA6ElB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Nav/Nav.vue.d.ts

@@ -6,6 +6,8 @@ export interface NavItem {
 export interface NavProps {
     /** Navigation items */
     items?: NavItem[];
+    /** Glassmorphic variant (fixed, backdrop-filter, DL 11.5) */
+    glass?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -19,6 +21,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<NavProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NavProps> & Readonly<{}>, {
     items: NavItem[];
+    glass: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Nav/Nav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.vue"],"names":[],"mappings":"AACA;AAqFA,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;CAClB;AAoBD,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;sBAXxB,GAAG;yBACA,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WA3HX,OAAO,EAAE;qFAmIjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Nav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.vue"],"names":[],"mappings":"AACA;AAwFA,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;IACjB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAsBD,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;sBAXxB,GAAG;yBACA,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WA/HX,OAAO,EAAE;WAET,OAAO;qFAqIf,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Section/Section.vue.d.ts

@@ -1,8 +1,10 @@
 interface Props {
     /** Padding variant */
-    variant?: 'standard' | 'hero';
+    variant?: 'standard' | 'hero' | 'compact';
     /** Surface background */
     background?: 'primary' | 'elevated' | 'recessed';
+    /** Top border separator */
+    borderTop?: boolean;
     /** Additional CSS class */
     className?: string;
 }
@@ -16,9 +18,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    variant: "standard" | "hero";
+    variant: "standard" | "hero" | "compact";
     className: string;
     background: "primary" | "elevated" | "recessed";
+    borderTop: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Section/Section.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.vue"],"names":[],"mappings":"AACA;AAwCA,UAAU,KAAK;IACb,sBAAsB;IACtB,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC7B,yBAAyB;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAChD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA2BD,iBAAS,cAAc;WAwBT,OAAO,IAA6B;;yBAXrB,GAAG;;;;EAgB/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAxET,UAAU,GAAG,MAAM;eAIjB,MAAM;gBAFL,SAAS,GAAG,UAAU,GAAG,UAAU;qFA8EhD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Section.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.vue"],"names":[],"mappings":"AACA;AA4CA,UAAU,KAAK;IACb,sBAAsB;IACtB,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAA;IACzC,yBAAyB;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAChD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA8BD,iBAAS,cAAc;WAwBT,OAAO,IAA6B;;yBAXrB,GAAG;;;;EAgB/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA7ET,UAAU,GAAG,MAAM,GAAG,SAAS;eAM7B,MAAM;gBAJL,SAAS,GAAG,UAAU,GAAG,UAAU;eAEpC,OAAO;qFAiFnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/css/strand-ui.css

@@ -1382,6 +1382,21 @@
   }
 }
 
+/* ── Glassmorphic variant (DL 11.5: "white or glassmorphic") ── */
+.strand-nav--glass {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  height: auto;
+  padding: var(--strand-space-4) 0;
+  background: rgba(250, 252, 254, 0.85);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
+}
+
 /* ── Reduced motion ── */
 @media (prefers-reduced-motion: reduce) {
   .strand-nav__link,
@@ -1684,6 +1699,11 @@
   background-color: var(--strand-surface-recessed);
 }
 
+/* ── Compact variant ── */
+.strand-section--compact {
+  padding-block: var(--strand-space-12);
+}
+
 /* ── Border variant ── */
 .strand-section--border-top {
   border-top: 1px solid var(--strand-gray-200);
@@ -2798,6 +2818,19 @@
   line-height: var(--strand-leading-relaxed);
 }
 
+.strand-text-secondary strong {
+  color: var(--strand-gray-700);
+}
+
+.strand-text-secondary a {
+  color: var(--strand-blue-primary);
+  text-decoration: none;
+}
+
+.strand-text-secondary a:hover {
+  color: var(--strand-blue-vivid);
+}
+
 .strand-text-secondary--xs {
   font-size: var(--strand-text-xs);
 }
@@ -2990,5 +3023,43 @@
   font-family: var(--strand-font-mono);
   font-size: var(--strand-text-sm);
   font-weight: var(--strand-weight-semibold);
+  margin-bottom: var(--strand-space-3);
+}
+
+/* ── Text center ── */
+.strand-text-center {
+  text-align: center;
+}
+
+/* ── Code name (mono identifier heading) ── */
+.strand-code-name {
+  font-family: var(--strand-font-mono);
+  font-size: var(--strand-text-base);
+  font-weight: var(--strand-weight-semibold);
+  color: var(--strand-blue-midnight);
+  margin: 0;
+}
+
+/* ── Heading small (section heading inside cards) ── */
+.strand-heading--sm {
+  font-size: var(--strand-text-lg);
+  font-weight: var(--strand-weight-medium);
+  color: var(--strand-gray-800);
+  margin: 0;
+}
+
+/* ── Viewport flex modifiers (component showcase layout) ── */
+.strand-viewport--flex {
+  display: flex;
+  align-items: center;
+  gap: var(--strand-space-4);
+  flex-wrap: wrap;
+}
+
+.strand-viewport--flex-col {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--strand-space-4);
 }