@utrecht/web-component-library-stencil 1.0.0-alpha.211 → 1.0.0-alpha.212
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/cjs/utrecht-heading-1.cjs.entry.js +2 -2
- package/dist/cjs/utrecht-heading-2_3.cjs.entry.js +4 -4
- package/dist/cjs/utrecht-heading-4.cjs.entry.js +2 -2
- package/dist/cjs/utrecht-heading-5.cjs.entry.js +2 -2
- package/dist/cjs/utrecht-heading-6.cjs.entry.js +2 -2
- package/dist/cjs/utrecht-heading.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +7 -7
- package/dist/collection/heading/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/heading/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/heading/web-component/template.js +4 -0
- package/dist/collection/heading-1/{bem.js → css/template.js} +0 -0
- package/dist/collection/heading-1/html/template.js +4 -0
- package/dist/collection/heading-1/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/heading-1/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/heading-1/web-component/template.js +4 -0
- package/dist/collection/heading-2/{bem.js → css/template.js} +0 -0
- package/dist/collection/heading-2/html/template.js +4 -0
- package/dist/collection/heading-2/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/heading-2/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/heading-2/web-component/template.js +4 -0
- package/dist/collection/heading-3/{bem.js → css/template.js} +0 -0
- package/dist/collection/heading-3/html/template.js +4 -0
- package/dist/collection/heading-3/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/heading-3/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/heading-3/web-component/template.js +4 -0
- package/dist/collection/heading-4/{bem.js → css/template.js} +0 -0
- package/dist/collection/heading-4/html/template.js +4 -0
- package/dist/collection/heading-4/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/heading-4/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/heading-4/web-component/template.js +4 -0
- package/dist/collection/heading-5/{bem.js → css/template.js} +0 -0
- package/dist/collection/heading-5/html/template.js +4 -0
- package/dist/collection/heading-5/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/heading-5/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/heading-5/web-component/template.js +4 -0
- package/dist/collection/heading-6/{bem.js → css/template.js} +0 -0
- package/dist/collection/heading-6/html/template.js +4 -0
- package/dist/collection/heading-6/{stencil.css → web-component/index.css} +0 -0
- package/dist/collection/heading-6/{stencil.js → web-component/index.stencil.js} +2 -2
- package/dist/collection/heading-6/web-component/template.js +4 -0
- package/dist/custom-elements/index.js +54 -54
- package/dist/esm/utrecht-heading-1.entry.js +2 -2
- package/dist/esm/utrecht-heading-2_3.entry.js +4 -4
- package/dist/esm/utrecht-heading-4.entry.js +2 -2
- package/dist/esm/utrecht-heading-5.entry.js +2 -2
- package/dist/esm/utrecht-heading-6.entry.js +2 -2
- package/dist/esm/utrecht-heading.entry.js +2 -2
- package/dist/types/heading/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
- package/dist/types/heading-1/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
- package/dist/types/heading-2/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
- package/dist/types/heading-3/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
- package/dist/types/heading-4/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
- package/dist/types/heading-5/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
- package/dist/types/heading-6/{stencil.d.ts → web-component/index.stencil.d.ts} +0 -0
- package/package.json +2 -2
- package/dist/collection/heading/bem.js +0 -36
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-86b2856e.js';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const indexCss = ".utrecht-heading-1{color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading1 = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -10,6 +10,6 @@ const Heading1 = class {
|
|
|
10
10
|
return (h("h1", { class: "utrecht-heading-1" }, h("slot", null)));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
Heading1.style =
|
|
13
|
+
Heading1.style = indexCss;
|
|
14
14
|
|
|
15
15
|
export { Heading1 as utrecht_heading_1 };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-86b2856e.js';
|
|
2
2
|
import { c as clsx } from './clsx.m-071989db.js';
|
|
3
3
|
|
|
4
|
-
const
|
|
4
|
+
const indexCss$2 = ".utrecht-heading-2{color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const Heading2 = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -11,9 +11,9 @@ const Heading2 = class {
|
|
|
11
11
|
return (h("h2", { class: "utrecht-heading-2" }, h("slot", null)));
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
|
-
Heading2.style =
|
|
14
|
+
Heading2.style = indexCss$2;
|
|
15
15
|
|
|
16
|
-
const
|
|
16
|
+
const indexCss$1 = ".utrecht-heading-3{color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
17
17
|
|
|
18
18
|
const Heading3 = class {
|
|
19
19
|
constructor(hostRef) {
|
|
@@ -23,7 +23,7 @@ const Heading3 = class {
|
|
|
23
23
|
return (h("h3", { class: "utrecht-heading-3" }, h("slot", null)));
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
Heading3.style =
|
|
26
|
+
Heading3.style = indexCss$1;
|
|
27
27
|
|
|
28
28
|
const indexCss = ".utrecht-paragraph{color:var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:0;margin-block-start:0}.utrecht-paragraph--lead{color:var(--utrecht-paragraph-lead-color, var(--utrecht-document-color, inherit));font-size:var(--utrecht-paragraph-lead-font-size, inherit);font-weight:var(--utrecht-paragraph-lead-font-weight, inherit);line-height:var(--utrecht-paragraph-lead-line-height, inherit)}.utrecht-paragraph--distanced{margin-block-end:var(--utrecht-paragraph-margin-block-end);margin-block-start:var(--utrecht-paragraph-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
29
29
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-86b2856e.js';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const indexCss = ".utrecht-heading-4{color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading4 = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -10,6 +10,6 @@ const Heading4 = class {
|
|
|
10
10
|
return (h("h4", { class: "utrecht-heading-4" }, h("slot", null)));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
Heading4.style =
|
|
13
|
+
Heading4.style = indexCss;
|
|
14
14
|
|
|
15
15
|
export { Heading4 as utrecht_heading_4 };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-86b2856e.js';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const indexCss = ".utrecht-heading-5{color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading5 = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -10,6 +10,6 @@ const Heading5 = class {
|
|
|
10
10
|
return (h("h5", { class: "utrecht-heading-5" }, h("slot", null)));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
Heading5.style =
|
|
13
|
+
Heading5.style = indexCss;
|
|
14
14
|
|
|
15
15
|
export { Heading5 as utrecht_heading_5 };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-86b2856e.js';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const indexCss = ".utrecht-heading-6{color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading6 = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -10,6 +10,6 @@ const Heading6 = class {
|
|
|
10
10
|
return (h("h6", { class: "utrecht-heading-6" }, h("slot", null)));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
Heading6.style =
|
|
13
|
+
Heading6.style = indexCss;
|
|
14
14
|
|
|
15
15
|
export { Heading6 as utrecht_heading_6 };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-86b2856e.js';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const indexCss = ".utrecht-heading-1{color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-1-text-transform, inherit)}.utrecht-heading-1--distanced{margin-block-end:var(--utrecht-heading-1-margin-block-end);margin-block-start:var(--utrecht-heading-1-margin-block-start)}.utrecht-heading-2{color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-2-text-transform, inherit)}.utrecht-heading-2--distanced{margin-block-end:var(--utrecht-heading-2-margin-block-end);margin-block-start:var(--utrecht-heading-2-margin-block-start)}.utrecht-heading-3{color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-3-text-transform, inherit)}.utrecht-heading-3--distanced{margin-block-end:var(--utrecht-heading-3-margin-block-end);margin-block-start:var(--utrecht-heading-3-margin-block-start)}.utrecht-heading-4{color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-4-text-transform, inherit)}.utrecht-heading-4--distanced{margin-block-end:var(--utrecht-heading-4-margin-block-end);margin-block-start:var(--utrecht-heading-4-margin-block-start)}.utrecht-heading-5{color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-5-text-transform, inherit)}.utrecht-heading-5--distanced{margin-block-end:var(--utrecht-heading-5-margin-block-end);margin-block-start:var(--utrecht-heading-5-margin-block-start)}.utrecht-heading-6{color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);margin-block-end:0;margin-block-start:0;text-transform:var(--utrecht-heading-6-text-transform, inherit)}.utrecht-heading-6--distanced{margin-block-end:var(--utrecht-heading-6-margin-block-end);margin-block-start:var(--utrecht-heading-6-margin-block-start)}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -30,6 +30,6 @@ const Heading = class {
|
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
Heading.style =
|
|
33
|
+
Heading.style = indexCss;
|
|
34
34
|
|
|
35
35
|
export { Heading as utrecht_heading };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.212",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"watch:stencil": "chokidar --follow-symlinks --initial --command \"npm run build:stencil\" \"../../components/**/*.(js|jsx|ts|tsx)\"",
|
|
56
56
|
"generate": "stencil generate"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "5a52c6e6588853643f1ecd22584291f2139a34b9"
|
|
59
59
|
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license EUPL-1.2
|
|
3
|
-
* Copyright (c) 2021 Robbert Broersma
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
import clsx from 'clsx';
|
|
7
|
-
|
|
8
|
-
export const Heading1 = ({ textContent = '', distanced = false }) =>
|
|
9
|
-
`<h1 class="${clsx('utrecht-heading-1', {
|
|
10
|
-
'utrecht-heading-1--distanced': distanced,
|
|
11
|
-
})}">${textContent}</h1>`;
|
|
12
|
-
|
|
13
|
-
export const Heading2 = ({ textContent = '', distanced = false }) =>
|
|
14
|
-
`<h2 class="${clsx('utrecht-heading-2', {
|
|
15
|
-
'utrecht-heading-2--distanced': distanced,
|
|
16
|
-
})}">${textContent}</h2>`;
|
|
17
|
-
|
|
18
|
-
export const Heading3 = ({ textContent = '', distanced = false }) =>
|
|
19
|
-
`<h3 class="${clsx('utrecht-heading-3', {
|
|
20
|
-
'utrecht-heading-3--distanced': distanced,
|
|
21
|
-
})}">${textContent}</h3>`;
|
|
22
|
-
|
|
23
|
-
export const Heading4 = ({ textContent = '', distanced = false }) =>
|
|
24
|
-
`<h4 class="${clsx('utrecht-heading-4', {
|
|
25
|
-
'utrecht-heading-4--distanced': distanced,
|
|
26
|
-
})}">${textContent}</h4>`;
|
|
27
|
-
|
|
28
|
-
export const Heading5 = ({ textContent = '', distanced = false }) =>
|
|
29
|
-
`<h5 class="${clsx('utrecht-heading-5', {
|
|
30
|
-
'utrecht-heading-5--distanced': distanced,
|
|
31
|
-
})}">${textContent}</h5>`;
|
|
32
|
-
|
|
33
|
-
export const Heading6 = ({ textContent = '', distanced = false }) =>
|
|
34
|
-
`<h6 class="${clsx('utrecht-heading-6', {
|
|
35
|
-
'utrecht-heading-6--distanced': distanced,
|
|
36
|
-
})}">${textContent}</h6>`;
|