@dillingerstaffing/strand-vue 0.13.0 → 0.14.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/dist/components/Link/Link.vue.d.ts +3 -0
- package/dist/components/Link/Link.vue.d.ts.map +1 -1
- package/dist/components/Nav/Nav.vue.d.ts +3 -0
- package/dist/components/Nav/Nav.vue.d.ts.map +1 -1
- package/dist/components/Section/Section.vue.d.ts +5 -2
- package/dist/components/Section/Section.vue.d.ts.map +1 -1
- package/dist/css/strand-ui.css +13 -0
- package/dist/index.js +119 -115
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Link/Link.test.ts +12 -0
- package/src/components/Link/Link.vue +4 -1
- package/src/components/Nav/Nav.test.ts +14 -0
- package/src/components/Nav/Nav.vue +4 -1
- package/src/components/Section/Section.test.ts +10 -0
- package/src/components/Section/Section.vue +5 -1
|
@@ -3,6 +3,8 @@ interface Props {
|
|
|
3
3
|
href: string;
|
|
4
4
|
/** Opens in new tab with rel="noopener noreferrer" */
|
|
5
5
|
external?: boolean;
|
|
6
|
+
/** Style variant */
|
|
7
|
+
variant?: 'default' | 'cta' | 'mono';
|
|
6
8
|
/** Additional CSS class */
|
|
7
9
|
className?: string;
|
|
8
10
|
}
|
|
@@ -16,6 +18,7 @@ declare function __VLS_template(): {
|
|
|
16
18
|
};
|
|
17
19
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
20
|
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
21
|
+
variant: "default" | "cta" | "mono";
|
|
19
22
|
className: string;
|
|
20
23
|
external: boolean;
|
|
21
24
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.vue"],"names":[],"mappings":"AACA;
|
|
1
|
+
{"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"}
|
|
@@ -6,6 +6,8 @@ export interface NavItem {
|
|
|
6
6
|
export interface NavProps {
|
|
7
7
|
/** Navigation items */
|
|
8
8
|
items?: NavItem[];
|
|
9
|
+
/** Glassmorphic variant (fixed, backdrop-filter, DL 11.5) */
|
|
10
|
+
glass?: boolean;
|
|
9
11
|
}
|
|
10
12
|
declare function __VLS_template(): {
|
|
11
13
|
attrs: Partial<{}>;
|
|
@@ -19,6 +21,7 @@ declare function __VLS_template(): {
|
|
|
19
21
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
22
|
declare const __VLS_component: import('vue').DefineComponent<NavProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NavProps> & Readonly<{}>, {
|
|
21
23
|
items: NavItem[];
|
|
24
|
+
glass: boolean;
|
|
22
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
23
26
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
24
27
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.vue"],"names":[],"mappings":"AACA;
|
|
1
|
+
{"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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
interface Props {
|
|
2
2
|
/** Padding variant */
|
|
3
|
-
variant?: 'standard' | 'hero';
|
|
3
|
+
variant?: 'standard' | 'hero' | 'compact';
|
|
4
4
|
/** Surface background */
|
|
5
5
|
background?: 'primary' | 'elevated' | 'recessed';
|
|
6
|
+
/** Top border separator */
|
|
7
|
+
borderTop?: boolean;
|
|
6
8
|
/** Additional CSS class */
|
|
7
9
|
className?: string;
|
|
8
10
|
}
|
|
@@ -16,9 +18,10 @@ declare function __VLS_template(): {
|
|
|
16
18
|
};
|
|
17
19
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
20
|
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
19
|
-
variant: "standard" | "hero";
|
|
21
|
+
variant: "standard" | "hero" | "compact";
|
|
20
22
|
className: string;
|
|
21
23
|
background: "primary" | "elevated" | "recessed";
|
|
24
|
+
borderTop: boolean;
|
|
22
25
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
23
26
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
24
27
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.vue"],"names":[],"mappings":"AACA;
|
|
1
|
+
{"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
CHANGED
|
@@ -2818,6 +2818,19 @@
|
|
|
2818
2818
|
line-height: var(--strand-leading-relaxed);
|
|
2819
2819
|
}
|
|
2820
2820
|
|
|
2821
|
+
.strand-text-secondary strong {
|
|
2822
|
+
color: var(--strand-gray-700);
|
|
2823
|
+
}
|
|
2824
|
+
|
|
2825
|
+
.strand-text-secondary a {
|
|
2826
|
+
color: var(--strand-blue-primary);
|
|
2827
|
+
text-decoration: none;
|
|
2828
|
+
}
|
|
2829
|
+
|
|
2830
|
+
.strand-text-secondary a:hover {
|
|
2831
|
+
color: var(--strand-blue-vivid);
|
|
2832
|
+
}
|
|
2833
|
+
|
|
2821
2834
|
.strand-text-secondary--xs {
|
|
2822
2835
|
font-size: var(--strand-text-xs);
|
|
2823
2836
|
}
|