@utrecht/web-component-library-stencil 1.0.0-alpha.549 → 1.0.0-alpha.550
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-alert_37.cjs.entry.js +8 -8
- package/dist/cjs/utrecht-alert_37.cjs.entry.js.map +1 -1
- package/dist/cjs/utrecht-contact-card-template.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-contact-card-template.cjs.entry.js.map +1 -1
- package/dist/cjs/utrecht-custom-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-custom-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/utrecht-html-content.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-html-content.cjs.entry.js.map +1 -1
- package/dist/collection/components/contact-card-template/index.css +1 -1
- package/dist/collection/components/custom-checkbox/index.css +6 -0
- package/dist/collection/components/heading/index.css +0 -6
- package/dist/collection/components/heading-1/index.css +0 -1
- package/dist/collection/components/heading-2/index.css +0 -1
- package/dist/collection/components/heading-3/index.css +0 -1
- package/dist/collection/components/heading-4/index.css +0 -1
- package/dist/collection/components/heading-5/index.css +0 -1
- package/dist/collection/components/heading-6/index.css +0 -1
- package/dist/collection/components/html-content/index.css +6 -7
- package/dist/collection/components/pre-heading.css +0 -1
- package/dist/components/index.stencil.js +1 -1
- package/dist/components/index.stencil.js.map +1 -1
- package/dist/components/index.stencil2.js +1 -1
- package/dist/components/index.stencil2.js.map +1 -1
- package/dist/components/utrecht-contact-card-template.js +1 -1
- package/dist/components/utrecht-contact-card-template.js.map +1 -1
- package/dist/components/utrecht-custom-checkbox.js +1 -1
- package/dist/components/utrecht-custom-checkbox.js.map +1 -1
- package/dist/components/utrecht-heading-1.js +1 -1
- package/dist/components/utrecht-heading-1.js.map +1 -1
- package/dist/components/utrecht-heading-4.js +1 -1
- package/dist/components/utrecht-heading-4.js.map +1 -1
- package/dist/components/utrecht-heading-5.js +1 -1
- package/dist/components/utrecht-heading-5.js.map +1 -1
- package/dist/components/utrecht-heading-6.js +1 -1
- package/dist/components/utrecht-heading-6.js.map +1 -1
- package/dist/components/utrecht-heading.js +1 -1
- package/dist/components/utrecht-heading.js.map +1 -1
- package/dist/components/utrecht-html-content.js +1 -1
- package/dist/components/utrecht-html-content.js.map +1 -1
- package/dist/components/utrecht-pre-heading.js +1 -1
- package/dist/components/utrecht-pre-heading.js.map +1 -1
- package/dist/esm/utrecht-alert_37.entry.js +8 -8
- package/dist/esm/utrecht-alert_37.entry.js.map +1 -1
- package/dist/esm/utrecht-contact-card-template.entry.js +1 -1
- package/dist/esm/utrecht-contact-card-template.entry.js.map +1 -1
- package/dist/esm/utrecht-custom-checkbox.entry.js +1 -1
- package/dist/esm/utrecht-custom-checkbox.entry.js.map +1 -1
- package/dist/esm/utrecht-html-content.entry.js +1 -1
- package/dist/esm/utrecht-html-content.entry.js.map +1 -1
- package/dist/utrecht/p-369c327b.entry.js +2 -0
- package/dist/utrecht/{p-e9b98f4f.entry.js.map → p-369c327b.entry.js.map} +1 -1
- package/dist/utrecht/{p-3f730dd9.entry.js → p-580336d4.entry.js} +2 -2
- package/dist/utrecht/{p-3f730dd9.entry.js.map → p-580336d4.entry.js.map} +1 -1
- package/dist/utrecht/p-87d93745.entry.js +2 -0
- package/dist/utrecht/{p-03627c54.entry.js.map → p-87d93745.entry.js.map} +1 -1
- package/dist/utrecht/{p-dfd0d257.entry.js → p-94b60b38.entry.js} +2 -2
- package/dist/utrecht/{p-dfd0d257.entry.js.map → p-94b60b38.entry.js.map} +1 -1
- package/dist/utrecht/utrecht.esm.js +1 -1
- package/package.json +4 -4
- package/dist/utrecht/p-03627c54.entry.js +0 -2
- package/dist/utrecht/p-e9b98f4f.entry.js +0 -2
|
@@ -848,7 +848,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
848
848
|
line-height: var(--utrecht-form-fieldset-legend-line-height);
|
|
849
849
|
page-break-after: avoid;
|
|
850
850
|
page-break-inside: avoid;
|
|
851
|
-
text-transform: var(--utrecht-form-fieldset-legend-text-transform);
|
|
852
851
|
display: table;
|
|
853
852
|
inline-size: 100%;
|
|
854
853
|
padding-inline-end: 0;
|
|
@@ -903,7 +902,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
903
902
|
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));
|
|
904
903
|
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));
|
|
905
904
|
page-break-after: avoid;
|
|
906
|
-
text-transform: var(--utrecht-heading-1-text-transform, inherit);
|
|
907
905
|
--utrecht-space-around: 1;
|
|
908
906
|
}
|
|
909
907
|
.utrecht-html h2 {
|
|
@@ -918,7 +916,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
918
916
|
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));
|
|
919
917
|
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));
|
|
920
918
|
page-break-after: avoid;
|
|
921
|
-
text-transform: var(--utrecht-heading-2-text-transform, inherit);
|
|
922
919
|
--utrecht-space-around: 1;
|
|
923
920
|
}
|
|
924
921
|
.utrecht-html h3 {
|
|
@@ -933,7 +930,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
933
930
|
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));
|
|
934
931
|
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));
|
|
935
932
|
page-break-after: avoid;
|
|
936
|
-
text-transform: var(--utrecht-heading-3-text-transform, inherit);
|
|
937
933
|
--utrecht-space-around: 1;
|
|
938
934
|
}
|
|
939
935
|
.utrecht-html h4 {
|
|
@@ -948,7 +944,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
948
944
|
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));
|
|
949
945
|
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));
|
|
950
946
|
page-break-after: avoid;
|
|
951
|
-
text-transform: var(--utrecht-heading-4-text-transform, inherit);
|
|
952
947
|
--utrecht-space-around: 1;
|
|
953
948
|
}
|
|
954
949
|
.utrecht-html h5 {
|
|
@@ -963,7 +958,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
963
958
|
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));
|
|
964
959
|
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));
|
|
965
960
|
page-break-after: avoid;
|
|
966
|
-
text-transform: var(--utrecht-heading-5-text-transform, inherit);
|
|
967
961
|
--utrecht-space-around: 1;
|
|
968
962
|
}
|
|
969
963
|
.utrecht-html h6 {
|
|
@@ -978,7 +972,6 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
978
972
|
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));
|
|
979
973
|
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));
|
|
980
974
|
page-break-after: avoid;
|
|
981
|
-
text-transform: var(--utrecht-heading-6-text-transform, inherit);
|
|
982
975
|
--utrecht-space-around: 1;
|
|
983
976
|
}
|
|
984
977
|
.utrecht-html hgroup {
|
|
@@ -1119,6 +1112,10 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1119
1112
|
display: contents;
|
|
1120
1113
|
}
|
|
1121
1114
|
.utrecht-html input[type=radio i] {
|
|
1115
|
+
/*
|
|
1116
|
+
* Use 24x24px as hardcoded minimum target size, to meet WCAG 2.5.8 standards.
|
|
1117
|
+
* https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html
|
|
1118
|
+
*/
|
|
1122
1119
|
/*
|
|
1123
1120
|
* For the `radial-gradient()` use a 5% gradient size to improve anti-aliasing.
|
|
1124
1121
|
* With a 0% gradient, the circle will have jagged edges.
|
|
@@ -1160,6 +1157,8 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1160
1157
|
cursor: var(--utrecht-action-activate-cursor);
|
|
1161
1158
|
inline-size: var(--utrecht-radio-button-size, 1em);
|
|
1162
1159
|
margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
|
|
1160
|
+
min-block-size: 24px;
|
|
1161
|
+
min-inline-size: 24px;
|
|
1163
1162
|
-webkit-print-color-adjust: exact;
|
|
1164
1163
|
print-color-adjust: exact;
|
|
1165
1164
|
-webkit-user-select: none;
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-end, 0));
|
|
19
19
|
margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-pre-heading-margin-block-start, 0));
|
|
20
20
|
order: var(--utrecht-pre-heading-order, 0);
|
|
21
|
-
text-transform: var(--utrecht-pre-heading-text-transform, inherit);
|
|
22
21
|
}
|
|
23
22
|
|
|
24
23
|
:host([hidden]) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const indexCss = ".utrecht-heading-2{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid
|
|
3
|
+
const indexCss = ".utrecht-heading-2{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-2--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading2 = /*@__PURE__*/ proxyCustomElement(class Heading2 extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"index.stencil.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"index.stencil.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,y3BAAy3B;;MCO73B,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading-2/index.scss?tag=utrecht-heading-2&encapsulation=shadow","./src/components/heading-2/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-2/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-heading-2',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class Heading2 {\n render() {\n return (\n <h2 class=\"utrecht-heading-2\">\n <slot></slot>\n </h2>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const indexCss = ".utrecht-heading-3{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid
|
|
3
|
+
const indexCss = ".utrecht-heading-3{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-3--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading3 = /*@__PURE__*/ proxyCustomElement(class Heading3 extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"index.stencil2.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"index.stencil2.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,y3BAAy3B;;MCO73B,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading-3/index.scss?tag=utrecht-heading-3&encapsulation=shadow","./src/components/heading-3/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-3/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-heading-3',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class Heading3 {\n render() {\n return (\n <h3 class=\"utrecht-heading-3\">\n <slot></slot>\n </h3>\n );\n }\n}\n"],"version":3}
|
|
@@ -3,7 +3,7 @@ import { d as defineCustomElement$4 } from './index.stencil.js';
|
|
|
3
3
|
import { d as defineCustomElement$3 } from './index.stencil2.js';
|
|
4
4
|
import { d as defineCustomElement$2 } from './index.stencil3.js';
|
|
5
5
|
|
|
6
|
-
const indexCss = ".utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-color:var(--utrecht-link-text-decoration-color, currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}.utrecht-contact-card{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;--utrecht-heading-2-text-transform:
|
|
6
|
+
const indexCss = ".utrecht-link{--utrecht-icon-size:var(--utrecht-link-icon-size, 1em);color:var(--utrecht-link-color, blue);text-decoration:var(--utrecht-link-text-decoration, underline);text-decoration-color:var(--utrecht-link-text-decoration-color, currentColor);text-decoration-skip-ink:all;text-decoration-thickness:max(var(--utrecht-link-text-decoration-thickness), 1px);text-underline-offset:var(--utrecht-link-text-underline-offset)}.utrecht-link--icon-left{background-image:var(--utrecht-link-icon-left-background-image, none);background-position:0 0.25em;background-repeat:no-repeat;color:var(--utrecht-link-color, blue);font-weight:var(--utrecht-typography-weight-scale-bold-font-weight);padding-inline-start:var(--utrecht-space-block-md);text-decoration:none}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-hover-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px)}.utrecht-link--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-link:focus{background-color:var(--utrecht-link-focus-background-color, transparent);color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));text-decoration-skip:none;text-decoration-skip-ink:none;text-decoration-thickness:max(var(--utrecht-link-focus-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-link:focus:not(:focus-visible){box-shadow:none;outline-style:revert}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link--telephone{white-space:nowrap}.utrecht-link--box-content{color:unset;display:inline-block;text-decoration:unset;text-decoration-skip-ink:unset;text-decoration-thickness:unset;text-underline-offset:unset}.utrecht-link--placeholder{color:var(--utrecht-link-placeholder-color, var(--utrecht-link-color));cursor:var(--utrecht-action-disabled-cursor);text-decoration:none}.utrecht-contact-card{--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor;--utrecht-heading-2-text-transform:none;--utrecht-heading-2-font-size:var(--utrecht-typography-scale-md-font-size);--utrecht-contact-card-background-color:hsl(207 60% 91%);--utrecht-contact-card-background-color-2:hsl(207 60% 96%);background-color:hsl(207, 60%, 91%);background-image:linear-gradient(45deg, var(--utrecht-contact-card-background-color), var(--utrecht-contact-card-background-color) 50%, var(--utrecht-contact-card-background-color-2) 50%, var(--utrecht-contact-card-background-color-2));background-position-x:66%;background-size:200%;color:var(--utrecht-color-black);padding-block-end:var(--utrecht-space-block-xl);padding-block-start:var(--utrecht-space-block-xl);padding-inline-end:var(--utrecht-space-inline-xl);padding-inline-start:var(--utrecht-space-inline-xl)}.utrecht-contact-card__content{display:flex;flex-direction:row}.utrecht-contact-card__section{inline-size:100%;margin-block-start:var(--utrecht-space-row-lg)}.utrecht-contact-card__telephone{--utrecht-paragraph-font-size:var(--utrecht-typography-scale-2xl-font-size)}";
|
|
7
7
|
|
|
8
8
|
const ContactCardTemplate = /*@__PURE__*/ proxyCustomElement(class ContactCardTemplate extends HTMLElement {
|
|
9
9
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-contact-card-template.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-contact-card-template.js","mappings":";;;;;AAAA,MAAM,QAAQ,GAAG,21JAA21J;;MCO/1J,mBAAmB;;;;;;EAC9B,MAAM;IACJ,QACE,WAAK,KAAK,EAAC,sBAAsB,IAC/B,+CAAsD,EACtD,WAAK,KAAK,EAAC,+BAA+B,IACxC,WAAK,KAAK,EAAC,+BAA+B,IACxC,wCAA+C,EAC/C,yBAAmB,KAAK,EAAC,iCAAiC,IACxD,SACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,sCAAsC,EAC5C,KAAK,EAAC,qCAAqC,aAGzC,CACc,EACpB,yEAA2E,CACvE,EACN,WAAK,KAAK,EAAC,+BAA+B,IACxC,sCAA6C,EAC7C,6BACE,SACE,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,yCAAyC,EAC9C,KAAK,EAAC,mDAAmD,uBAGvD,CACc,CAChB,CACF,CACF,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/contact-card-template/index.scss?tag=utrecht-contact-card-template&encapsulation=shadow","./src/components/contact-card-template/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/link/css/index\";\n@import \"~@utrecht/components/templates/contact-card-template/css\";\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-contact-card-template',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class ContactCardTemplate {\n render() {\n return (\n <div class=\"utrecht-contact-card\">\n <utrecht-heading-2>Hulp en contact</utrecht-heading-2>\n <div class=\"utrecht-contact-card__content\">\n <div class=\"utrecht-contact-card__section\">\n <utrecht-heading-3>Telefoon</utrecht-heading-3>\n <utrecht-paragraph class=\"utrecht-contact-card__telephone\">\n <a\n href=\"tel:14-030\"\n class=\"utrecht-link utrecht-link--telephone\"\n title=\"Telefoonnummer van gemeente Utrecht\"\n >\n 14 030\n </a>\n </utrecht-paragraph>\n <utrecht-paragraph>Maandag t/m vrijdag 8.30 – 17.30 uur</utrecht-paragraph>\n </div>\n <div class=\"utrecht-contact-card__section\">\n <utrecht-heading-3>E-mail</utrecht-heading-3>\n <utrecht-paragraph>\n <a\n class=\"utrecht-link\"\n href=\"https://www.utrecht.nl/reactieformulier\"\n title=\"Algemeen reactieformulier van de gemeente Utrecht\"\n >\n reactieformulier\n </a>\n </utrecht-paragraph>\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
import { c as clsx } from './clsx.m.js';
|
|
3
3
|
|
|
4
|
-
const indexCss = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
|
+
const indexCss = ".utrecht-checkbox--custom,.utrecht-custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:center;background-repeat:no-repeat;background-size:contain;block-size:var(--utrecht-checkbox-size, 1em);border-color:var(--utrecht-checkbox-border-color);border-style:solid;border-width:var(--utrecht-checkbox-border-width);cursor:var(--utrecht-action-activate-cursor, revert);inline-size:var(--utrecht-checkbox-size, 1em);margin-block-start:var(--utrecht-checkbox-margin-block-start);min-block-size:24px;min-inline-size:24px;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:top}.utrecht-checkbox--custom.utrecht-checkbox--checked,.utrecht-custom-checkbox--checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--disabled,.utrecht-custom-checkbox--disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,.utrecht-custom-checkbox--disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,.utrecht-custom-checkbox--disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,.utrecht-custom-checkbox--indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--invalid,.utrecht-custom-checkbox--invalid{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--active,.utrecht-custom-checkbox--active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--hover,.utrecht-custom-checkbox--hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus,.utrecht-custom-checkbox--focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,.utrecht-custom-checkbox--focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,.utrecht-custom-checkbox--html-input:disabled{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-disabled-border-width, var(--utrecht-checkbox-border-width));cursor:var(--utrecht-action-disabled-cursor)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,.utrecht-custom-checkbox--html-input:disabled:checked{background-color:var(--utrecht-checkbox-disabled-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,.utrecht-custom-checkbox--html-input:disabled:active{border-color:var(--utrecht-checkbox-disabled-border-color, var(--utrecht-checkbox-border-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,.utrecht-custom-checkbox--html-input:hover{background-color:var(--utrecht-checkbox-hover-background-color, var(--utrecht-checkbox-background-color));border-color:var(--utrecht-checkbox-hover-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-hover-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,.utrecht-custom-checkbox--html-input:focus{background-color:var(--utrecht-checkbox-focus-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-focus-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-focus-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,.utrecht-custom-checkbox--html-input:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert)}.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid=true],.utrecht-custom-checkbox--html-input:invalid,.utrecht-custom-checkbox--html-input[aria-invalid=true]{border-color:var(--utrecht-checkbox-invalid-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-invalid-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,.utrecht-custom-checkbox--html-input:active{background-color:var(--utrecht-checkbox-active-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-active-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-active-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,.utrecht-custom-checkbox--html-input:checked{background-color:var(--utrecht-checkbox-checked-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-checked-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-checked-border-width, var(--utrecht-checkbox-border-width))}.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,.utrecht-custom-checkbox--html-input:indeterminate{background-color:var(--utrecht-checkbox-indeterminate-background-color, var(--utrecht-checkbox-background-color));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");border-color:var(--utrecht-checkbox-indeterminate-border-color, var(--utrecht-checkbox-border-color));border-width:var(--utrecht-checkbox-indeterminate-border-width, var(--utrecht-checkbox-border-width));color:var(--utrecht-checkbox-indeterminate-color, var(--utrecht-checkbox-color))}:host{display:block}:host([hidden]){display:none !important}";
|
|
5
5
|
|
|
6
6
|
const CustomCheckbox = /*@__PURE__*/ proxyCustomElement(class CustomCheckbox extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-custom-checkbox.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-custom-checkbox.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,gqUAAgqU;;MCapqU,cAAc;;;;;;;;;;;EAMzB,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACrE,QACE,6BACgB,OAAO,GAAG,MAAM,GAAG,IAAI,EACrC,KAAK,EAAE,IAAI,CACT,yBAAyB,EACzB,qCAAqC,EACrC,OAAO,IAAI,uCAAuC,CACnD,EACD,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,GAClB,EACF;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/custom-checkbox/index.scss?tag=utrecht-custom-checkbox&encapsulation=shadow","./src/components/custom-checkbox/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/custom-checkbox/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n tag: 'utrecht-custom-checkbox',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class CustomCheckbox {\n @Prop() disabled?: boolean;\n @Prop() checked?: boolean;\n @Prop() indeterminate?: boolean;\n @Prop() invalid?: boolean;\n @Prop() required?: boolean;\n render() {\n const { checked, required, disabled, indeterminate, invalid } = this;\n return (\n <input\n aria-invalid={invalid ? 'true' : null}\n class={clsx(\n 'utrecht-custom-checkbox',\n 'utrecht-custom-checkbox--html-input',\n invalid && 'utrecht-custom-checkbox__box--invalid',\n )}\n type=\"checkbox\"\n checked={checked}\n required={required}\n indeterminate={indeterminate}\n disabled={disabled}\n />\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const indexCss = ".utrecht-heading-1{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid
|
|
3
|
+
const indexCss = ".utrecht-heading-1{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-1--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading1 = /*@__PURE__*/ proxyCustomElement(class Heading1 extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-heading-1.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-heading-1.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,y3BAAy3B;;MCO73B,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading-1/index.scss?tag=utrecht-heading-1&encapsulation=shadow","./src/components/heading-1/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-1/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-heading-1',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class Heading1 {\n render() {\n return (\n <h1 class=\"utrecht-heading-1\">\n <slot></slot>\n </h1>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const indexCss = ".utrecht-heading-4{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid
|
|
3
|
+
const indexCss = ".utrecht-heading-4{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-4--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading4 = /*@__PURE__*/ proxyCustomElement(class Heading4 extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-heading-4.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-heading-4.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,y3BAAy3B;;MCO73B,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading-4/index.scss?tag=utrecht-heading-4&encapsulation=shadow","./src/components/heading-4/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-4/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-heading-4',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class Heading4 {\n render() {\n return (\n <h4 class=\"utrecht-heading-4\">\n <slot></slot>\n </h4>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const indexCss = ".utrecht-heading-5{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid
|
|
3
|
+
const indexCss = ".utrecht-heading-5{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-5--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading5 = /*@__PURE__*/ proxyCustomElement(class Heading5 extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-heading-5.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-heading-5.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,y3BAAy3B;;MCO73B,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading-5/index.scss?tag=utrecht-heading-5&encapsulation=shadow","./src/components/heading-5/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-5/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-heading-5',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class Heading5 {\n render() {\n return (\n <h5 class=\"utrecht-heading-5\">\n <slot></slot>\n </h5>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const indexCss = ".utrecht-heading-6{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid
|
|
3
|
+
const indexCss = ".utrecht-heading-6{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-6--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading6 = /*@__PURE__*/ proxyCustomElement(class Heading6 extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-heading-6.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-heading-6.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,y3BAAy3B;;MCO73B,QAAQ;;;;;;EACnB,MAAM;IACJ,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading-6/index.scss?tag=utrecht-heading-6&encapsulation=shadow","./src/components/heading-6/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-6/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-heading-6',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class Heading6 {\n render() {\n return (\n <h6 class=\"utrecht-heading-6\">\n <slot></slot>\n </h6>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const indexCss = ".utrecht-heading-1{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid
|
|
3
|
+
const indexCss = ".utrecht-heading-1{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-1-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-1--distanced{--utrecht-space-around:1}.utrecht-heading-2{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-2-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-2--distanced{--utrecht-space-around:1}.utrecht-heading-3{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-3--distanced{--utrecht-space-around:1}.utrecht-heading-4{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-4-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-4--distanced{--utrecht-space-around:1}.utrecht-heading-5{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-5-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-5--distanced{--utrecht-space-around:1}.utrecht-heading-6{page-break-after:avoid;page-break-inside:avoid;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, revert);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:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-6-margin-block-start, 0));page-break-after:avoid}.utrecht-heading-6--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
|
|
4
4
|
|
|
5
5
|
const Heading = /*@__PURE__*/ proxyCustomElement(class Heading extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"utrecht-heading.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"file":"utrecht-heading.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,g6JAAg6J;;MCOp6J,OAAO;;;;;;;EAMlB,MAAM;IACJ,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;MACpB,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;KACH;SAAM,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;MAC3B,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;KACH;SAAM,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;MAC3B,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;KACH;SAAM,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;MAC3B,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;KACH;SAAM,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;MAC3B,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;KACH;SAAM,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;MAC3B,QACE,UAAI,KAAK,EAAC,mBAAmB,IAC3B,eAAa,CACV,EACL;KACH;SAAM;MACL,QACE,WAAK,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,SAAS,gBAAa,IAAI,CAAC,KAAK,IAChE,eAAa,CACT,EACN;KACH;GACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/heading/index.scss?tag=utrecht-heading&encapsulation=shadow","./src/components/heading/index.stencil.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2021 Robbert Broersma\n */\n\n@import \"~@utrecht/components/heading-1/css\";\n@import \"~@utrecht/components/heading-2/css\";\n@import \"~@utrecht/components/heading-3/css\";\n@import \"~@utrecht/components/heading-4/css\";\n@import \"~@utrecht/components/heading-5/css\";\n@import \"~@utrecht/components/heading-6/css\";\n\n:host {\n display: block;\n}\n\n:host([hidden]) {\n display: none !important;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'utrecht-heading',\n styleUrl: 'index.scss',\n shadow: true,\n})\nexport class Heading {\n /**\n * Heading level\n */\n @Prop() level: number;\n\n render() {\n if (this.level === 1) {\n return (\n <h1 class=\"utrecht-heading-1\">\n <slot></slot>\n </h1>\n );\n } else if (this.level === 2) {\n return (\n <h2 class=\"utrecht-heading-2\">\n <slot></slot>\n </h2>\n );\n } else if (this.level === 3) {\n return (\n <h3 class=\"utrecht-heading-3\">\n <slot></slot>\n </h3>\n );\n } else if (this.level === 4) {\n return (\n <h4 class=\"utrecht-heading-4\">\n <slot></slot>\n </h4>\n );\n } else if (this.level === 5) {\n return (\n <h5 class=\"utrecht-heading-5\">\n <slot></slot>\n </h5>\n );\n } else if (this.level === 6) {\n return (\n <h6 class=\"utrecht-heading-6\">\n <slot></slot>\n </h6>\n );\n } else {\n return (\n <div class=\"utrecht-heading\" role=\"heading\" aria-level={this.level}>\n <slot></slot>\n </div>\n );\n }\n }\n}\n"],"version":3}
|