@zanichelli/albe-web-components 9.2.8 → 10.0.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/CHANGELOG.md +2 -0
- package/dist/cjs/index-e3299e0a.js +0 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -3
- package/dist/esm/index-a2ca4b97.js +0 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/web-components-library.js +1 -1
- package/dist/types/components.d.ts +0 -112
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/react/components.d.ts +0 -3
- package/react/components.js +2 -5
- package/react/components.js.map +1 -1
- package/www/build/{p-6899fc01.js → p-d8829c48.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/cjs/z-body.cjs.entry.js +0 -18
- package/dist/cjs/z-heading.cjs.entry.js +0 -18
- package/dist/cjs/z-typography.cjs.entry.js +0 -30
- package/dist/collection/deprecated/typography/z-body/index.js +0 -68
- package/dist/collection/deprecated/typography/z-heading/index.js +0 -68
- package/dist/collection/deprecated/typography/z-typography/index.js +0 -91
- package/dist/collection/deprecated/typography/z-typography/styles.css +0 -65
- package/dist/esm/z-body.entry.js +0 -14
- package/dist/esm/z-heading.entry.js +0 -14
- package/dist/esm/z-typography.entry.js +0 -26
- package/dist/types/deprecated/typography/z-body/index.d.ts +0 -9
- package/dist/types/deprecated/typography/z-heading/index.d.ts +0 -9
- package/dist/types/deprecated/typography/z-typography/index.d.ts +0 -11
- package/dist/web-components-library/p-52b084fb.entry.js +0 -1
- package/dist/web-components-library/p-5ac6109d.entry.js +0 -1
- package/dist/web-components-library/p-e78ce8ec.entry.js +0 -1
- package/www/build/p-52b084fb.entry.js +0 -1
- package/www/build/p-5ac6109d.entry.js +0 -1
- package/www/build/p-e78ce8ec.entry.js +0 -1
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement, H as Host } from './index-a2ca4b97.js';
|
|
2
|
-
|
|
3
|
-
const stylesCss = ":host>*{margin:0;font-family:var(--dashboard-font)}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}:host(:focus-visible){outline:none}";
|
|
4
|
-
|
|
5
|
-
const ZTypography = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
/** Font weight variant */
|
|
9
|
-
this.variant = "regular";
|
|
10
|
-
}
|
|
11
|
-
render() {
|
|
12
|
-
const el = document.createElement(this.component || "span");
|
|
13
|
-
el.innerHTML = `<slot />`;
|
|
14
|
-
this.hostElement.shadowRoot.appendChild(el);
|
|
15
|
-
return (h(Host, { class: {
|
|
16
|
-
[this.level]: Boolean(this.level),
|
|
17
|
-
regular: this.variant === "regular",
|
|
18
|
-
semibold: this.variant === "semibold",
|
|
19
|
-
light: this.variant === "light",
|
|
20
|
-
} }));
|
|
21
|
-
}
|
|
22
|
-
get hostElement() { return getElement(this); }
|
|
23
|
-
};
|
|
24
|
-
ZTypography.style = stylesCss;
|
|
25
|
-
|
|
26
|
-
export { ZTypography as z_typography };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export declare class ZHeading {
|
|
2
|
-
/** Typography level */
|
|
3
|
-
level: 1 | 2 | 3 | 4;
|
|
4
|
-
/** Font weight variant */
|
|
5
|
-
variant: "regular" | "semibold" | "light";
|
|
6
|
-
/** HTML tag to use to wrap slotted content */
|
|
7
|
-
component: string;
|
|
8
|
-
render(): HTMLZTypographyElement;
|
|
9
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export declare type ZTypographyLevels = "h1" | "h2" | "h3" | "h4" | "b1" | "b2" | "b3" | "b4" | "b5";
|
|
2
|
-
export declare class ZTypography {
|
|
3
|
-
hostElement: HTMLZTypographyElement;
|
|
4
|
-
/** Typography level */
|
|
5
|
-
level: ZTypographyLevels;
|
|
6
|
-
/** Font weight variant */
|
|
7
|
-
variant: "regular" | "semibold" | "light";
|
|
8
|
-
/** HTML tag to use to wrap slotted content */
|
|
9
|
-
component: string;
|
|
10
|
-
render(): HTMLZTypographyElement;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h,g as s,H as i}from"./p-d17ebc2f.js";const e=class{constructor(h){t(this,h),this.variant="regular"}render(){const t=document.createElement(this.component||"span");return t.innerHTML="<slot />",this.hostElement.shadowRoot.appendChild(t),h(i,{class:{[this.level]:Boolean(this.level),regular:"regular"===this.variant,semibold:"semibold"===this.variant,light:"light"===this.variant}})}get hostElement(){return s(this)}};e.style=":host>*{margin:0;font-family:var(--dashboard-font)}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}:host(:focus-visible){outline:none}";export{e as z_typography}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-d17ebc2f.js";const s=class{constructor(r){t(this,r),this.variant="regular"}render(){return r("z-typography",{tabIndex:0,component:this.component||"span",level:`b${this.level}`,variant:this.variant},r("slot",null))}};export{s as z_body}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-d17ebc2f.js";const s=class{constructor(r){t(this,r),this.variant="regular"}render(){return r("z-typography",{tabIndex:0,component:this.component||`h${this.level}`,level:`h${this.level}`,variant:this.variant},r("slot",null))}};export{s as z_heading}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h,g as s,H as i}from"./p-d17ebc2f.js";const e=class{constructor(h){t(this,h),this.variant="regular"}render(){const t=document.createElement(this.component||"span");return t.innerHTML="<slot />",this.hostElement.shadowRoot.appendChild(t),h(i,{class:{[this.level]:Boolean(this.level),regular:"regular"===this.variant,semibold:"semibold"===this.variant,light:"light"===this.variant}})}get hostElement(){return s(this)}};e.style=":host>*{margin:0;font-family:var(--dashboard-font)}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}:host(:focus-visible){outline:none}";export{e as z_typography}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-d17ebc2f.js";const s=class{constructor(r){t(this,r),this.variant="regular"}render(){return r("z-typography",{tabIndex:0,component:this.component||"span",level:`b${this.level}`,variant:this.variant},r("slot",null))}};export{s as z_body}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-d17ebc2f.js";const s=class{constructor(r){t(this,r),this.variant="regular"}render(){return r("z-typography",{tabIndex:0,component:this.component||`h${this.level}`,level:`h${this.level}`,variant:this.variant},r("slot",null))}};export{s as z_heading}
|