@proximus/lavender-pillar 1.0.0-alpha.8 → 1.0.0-beta.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/Pillar.d.ts +29 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +5 -5
- package/package.json +8 -4
package/dist/Pillar.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Container } from '@proximus/lavender-container';
|
|
2
|
+
import { WithExtraAttributes } from '@proximus/lavender-common';
|
|
3
|
+
export declare const pillarVariantValues: string[];
|
|
4
|
+
export declare const pillarAlignmentValues: string[];
|
|
5
|
+
export declare class Pillar extends WithExtraAttributes {
|
|
6
|
+
private template;
|
|
7
|
+
constructor();
|
|
8
|
+
static get observedAttributes(): string[];
|
|
9
|
+
connectedCallback(): void;
|
|
10
|
+
attributeChangedCallback(attrName: string, oldValue: string, newValue: string): void;
|
|
11
|
+
configureContainer(): void;
|
|
12
|
+
updateAlignment(attrName: string, oldValue: string, newValue: string): void;
|
|
13
|
+
updateAlignmentStyle(value: string): void;
|
|
14
|
+
updateVariant(attrName: string, oldValue: string, newValue: string): void;
|
|
15
|
+
get $el(): HTMLElement;
|
|
16
|
+
get $container(): Container;
|
|
17
|
+
get $title(): HTMLSlotElement;
|
|
18
|
+
get $children(): NodeListOf<Element>;
|
|
19
|
+
get variant(): string;
|
|
20
|
+
set variant(value: string);
|
|
21
|
+
get backgroundColor(): string;
|
|
22
|
+
set backgroundColor(value: string);
|
|
23
|
+
get gradient(): string;
|
|
24
|
+
set gradient(value: string);
|
|
25
|
+
get alignment(): string;
|
|
26
|
+
set alignment(value: string);
|
|
27
|
+
get inverted(): boolean;
|
|
28
|
+
set inverted(value: boolean);
|
|
29
|
+
}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Pillar';
|
package/dist/index.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { WithExtraAttributes as
|
|
2
|
-
const
|
|
3
|
-
n.replaceSync(
|
|
1
|
+
import { WithExtraAttributes as l } from "@proximus/lavender-common";
|
|
2
|
+
const a = ':host{display:block}:host *{box-sizing:border-box}.pillar{height:100%;text-align:var(--pillar-text-align, left)}.pillar px-container{height:100%}.pillar__layout{display:flex;flex-direction:column;align-items:var(--pillar-align-items, flex-start);gap:var(--px-spacing-s-mobile);height:100%}.pillar__content{display:flex;flex-direction:column;align-items:var(--pillar-align-items, flex-start);gap:var(--px-spacing-xs-mobile)}::slotted([slot="title"]){font-family:var(--px-font-family);line-height:var(--px-line-height-ratio-l);font-size:var(--px-text-size-heading-m-mobile);font-weight:var(--px-font-weight-title);color:var(--px-color-text-neutral-default)}::slotted([slot="description"]){font-family:var(--px-font-family);line-height:var(--px-line-height-ratio-l);font-size:var(--px-text-size-body-m-mobile);font-weight:var(--px-font-weight-body);color:var(--px-color-text-dimmed-default)}@media only screen and (min-width: 768px){.pillar__layout{gap:var(--px-spacing-s-desktop)}.pillar__content{gap:var(--px-spacing-xs-desktop)}::slotted([slot="title"]){font-size:var(--px-text-size-heading-m-desktop)}::slotted([slot="description"]){font-size:var(--px-text-size-body-m-desktop)}}@media only screen and (min-width: 1025px){.pillar__layout{gap:var(--px-spacing-s-desktop)}.pillar__content{gap:var(--px-spacing-xs-desktop)}::slotted([slot="title"]){font-size:var(--px-text-size-heading-m-desktop)}::slotted([slot="description"]){font-size:var(--px-text-size-body-m-desktop)}}:host([inverted]) ::slotted([slot="title"]){color:var(--px-color-text-neutral-inverted)}:host([inverted]) ::slotted([slot="description"]){color:var(--px-color-text-dimmed-inverted)}', n = new CSSStyleSheet();
|
|
3
|
+
n.replaceSync(a);
|
|
4
4
|
const s = ["", "naked", "contained"], o = ["", "left", "center"];
|
|
5
|
-
class d extends
|
|
5
|
+
class d extends l {
|
|
6
6
|
constructor() {
|
|
7
7
|
super(n), this.template = () => `<div class="pillar">
|
|
8
8
|
<px-container>
|
|
@@ -126,7 +126,7 @@ class d extends a {
|
|
|
126
126
|
t ? this.setAttribute("inverted", "") : this.removeAttribute("inverted");
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
|
-
customElements.define("px-pillar", d);
|
|
129
|
+
customElements.get("px-pillar") || customElements.define("px-pillar", d);
|
|
130
130
|
export {
|
|
131
131
|
d as Pillar,
|
|
132
132
|
o as pillarAlignmentValues,
|
package/package.json
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@proximus/lavender-pillar",
|
|
3
|
-
"version": "1.0.0-
|
|
3
|
+
"version": "1.0.0-beta.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.es.js",
|
|
6
|
+
"types": "dist/index.d.ts",
|
|
6
7
|
"files": [
|
|
7
8
|
"dist"
|
|
8
9
|
],
|
|
@@ -10,10 +11,13 @@
|
|
|
10
11
|
"scripts": {
|
|
11
12
|
"transform-package-json": "node ../../../scripts/tranformPackageJson.js package.json dist/far/away",
|
|
12
13
|
"clean": "rm -rf dist",
|
|
13
|
-
"build": "npm run clean &&
|
|
14
|
-
"test": "vitest run --coverage"
|
|
14
|
+
"build": "npm run clean && NODE_ENV=development vite build && tsc && npm run transform-package-json && npm run wc-manifest",
|
|
15
|
+
"test": "vitest run --coverage",
|
|
16
|
+
"wc-manifest": "cem analyze --globs \"src/*\" --config ../custom-elements-manifest.config.js --outdir dist"
|
|
15
17
|
},
|
|
16
18
|
"publishConfig": {
|
|
17
19
|
"access": "public"
|
|
18
|
-
}
|
|
20
|
+
},
|
|
21
|
+
"customElements": "dist/custom-elements.json",
|
|
22
|
+
"web-types": "./dist/web-types.json"
|
|
19
23
|
}
|