@utrecht/web-component-library-stencil 3.5.0 → 3.5.1
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_46.cjs.entry.js +2 -7
- package/dist/cjs/utrecht-alert_46.cjs.entry.js.map +1 -1
- package/dist/cjs/utrecht-breadcrumb-nav.cjs.entry.js +1 -1
- package/dist/cjs/utrecht-breadcrumb-nav.cjs.entry.js.map +1 -1
- package/dist/collection/components/alert.css +2 -0
- package/dist/collection/components/alert.js +1 -6
- package/dist/collection/components/alert.js.map +1 -1
- package/dist/collection/components/breadcrumb-nav.css +4 -0
- package/dist/components/utrecht-alert.js +2 -7
- package/dist/components/utrecht-alert.js.map +1 -1
- package/dist/components/utrecht-breadcrumb-nav.js +1 -1
- package/dist/components/utrecht-breadcrumb-nav.js.map +1 -1
- package/dist/esm/utrecht-alert_46.entry.js +2 -7
- package/dist/esm/utrecht-alert_46.entry.js.map +1 -1
- package/dist/esm/utrecht-breadcrumb-nav.entry.js +1 -1
- package/dist/esm/utrecht-breadcrumb-nav.entry.js.map +1 -1
- package/dist/utrecht/p-2126a324.entry.js +2 -0
- package/dist/utrecht/p-2126a324.entry.js.map +1 -0
- package/dist/utrecht/p-2796da04.entry.js +2 -0
- package/dist/utrecht/{p-ddf4d452.entry.js.map → p-2796da04.entry.js.map} +1 -1
- package/dist/utrecht/utrecht.esm.js +1 -1
- package/package.json +3 -3
- package/dist/utrecht/p-b5385eb4.entry.js +0 -2
- package/dist/utrecht/p-b5385eb4.entry.js.map +0 -1
- package/dist/utrecht/p-ddf4d452.entry.js +0 -2
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-cdb0df7a.js');
|
|
6
6
|
const clsx = require('./clsx-708f7fb1.js');
|
|
7
7
|
|
|
8
|
-
const alertCss = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius, 0);border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));column-gap:var(--utrecht-alert-column-gap);display:flex;flex-direction:row;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));--utrecht-icon-size:var(--utrecht-alert-icon-size);--utrecht-icon-inset-block-start:var(--utrecht-alert-icon-inset-block-start)}.utrecht-alert__content{row-gap:var(--utrecht-alert-content-row-gap)}.utrecht-alert__message{row-gap:var(--utrecht-alert-message-row-gap)}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}:host{display:block}:host([hidden]){display:none !important}";
|
|
8
|
+
const alertCss = ".utrecht-alert{background-color:var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color));border-color:var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color));border-radius:var(--utrecht-alert-border-radius, 0);border-style:solid;border-width:var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0));color:var(--_utrecht-alert-color, var(--utrecht-alert-color));column-gap:var(--utrecht-alert-column-gap);display:flex;flex-direction:row;margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0));padding-block-end:var(--utrecht-alert-padding-block-end);padding-block-start:var(--utrecht-alert-padding-block-start);padding-inline-end:var(--utrecht-alert-padding-inline-end);padding-inline-start:var(--utrecht-alert-padding-inline-start)}.utrecht-alert__icon{--utrecht-icon-color:var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color));--utrecht-icon-size:var(--utrecht-alert-icon-size);--utrecht-icon-inset-block-start:var(--utrecht-alert-icon-inset-block-start)}.utrecht-alert__content{row-gap:var(--utrecht-alert-content-row-gap)}.utrecht-alert__message{--utrecht-heading-color:var(--utrecht-alert-color);--utrecht-paragraph-color:var(--utrecht-alert-color);row-gap:var(--utrecht-alert-message-row-gap)}.utrecht-alert--info{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-info-color);--_utrecht-alert-background-color:var(--utrecht-alert-info-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-info-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-info-border-width);--_utrecht-alert-color:var(--utrecht-alert-info-color)}.utrecht-alert--ok{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-ok-color);--_utrecht-alert-background-color:var(--utrecht-alert-ok-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-ok-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-ok-border-width);--_utrecht-alert-color:var(--utrecht-alert-ok-color)}.utrecht-alert--warning{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-warning-color);--_utrecht-alert-background-color:var(--utrecht-alert-warning-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-warning-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-warning-border-width);--_utrecht-alert-color:var(--utrecht-alert-warning-color)}.utrecht-alert--error{--_utrecht-alert-icon-color:var(--utrecht-alert-icon-error-color);--_utrecht-alert-background-color:var(--utrecht-alert-error-background-color);--_utrecht-alert-border-color:var(--utrecht-alert-error-border-color);--_utrecht-alert-border-width:var(--utrecht-alert-error-border-width);--_utrecht-alert-color:var(--utrecht-alert-error-color)}:host{display:block}:host([hidden]){display:none !important}";
|
|
9
9
|
const UtrechtAlertStyle0 = alertCss;
|
|
10
10
|
|
|
11
11
|
const enumGuard = (values) => (x) => values.includes(x);
|
|
@@ -25,12 +25,7 @@ const Alert = class {
|
|
|
25
25
|
render() {
|
|
26
26
|
const computedType = isAlertType(this.type) ? this.type : 'info';
|
|
27
27
|
const computedRole = typeToRole[computedType];
|
|
28
|
-
return (index.h("div", { key: '
|
|
29
|
-
'utrecht-alert--error': computedType === 'error',
|
|
30
|
-
'utrecht-alert--info': computedType === 'info',
|
|
31
|
-
'utrecht-alert--ok': computedType === 'ok',
|
|
32
|
-
'utrecht-alert--warning': computedType === 'warning',
|
|
33
|
-
}) }, index.h("div", { key: '0ef049514f7b3d3bc885e059c80fe64d9d769660', class: "utrecht-alert__icon" }, index.h("slot", { key: '821be68c9f840049340a8a92e06a74a7f56856f5', name: "icon" })), index.h("div", { key: '375e985a21bdb913deb4e1bd3b7d6e1c40bffe0c', class: "utrecht-alert__content" }, index.h("div", { key: 'a5b7bcc31d931726fbfe3a4c5714e20b6cf842b5', class: "utrecht-alert__message", role: computedRole }, index.h("slot", { key: '9f62ddc6ad9fad8aa6bc9e5c54b57e2f3f96b0b7' })))));
|
|
28
|
+
return (index.h("div", { key: 'cd89f4a096846906dd1bc93fcb1b2f13016f205a', class: clsx.clsx('utrecht-alert', `utrecht-alert--${computedType}`) }, index.h("div", { key: '69aa82cfd64d9e8ae4367125309a5d0d83168cc6', class: "utrecht-alert__icon" }, index.h("slot", { key: 'beefa95284695b2d06b1ce11d12f8ea28bca3c2e', name: "icon" })), index.h("div", { key: 'd5d74b2010e62437e43f1521d3c6edcd077509fc', class: "utrecht-alert__content" }, index.h("div", { key: 'f4b6617e396ec3e3da352cd72b4f279dabe3695c', class: "utrecht-alert__message", role: computedRole }, index.h("slot", { key: 'bc95cdfca94b71313e216efa900ac21450eb024e' })))));
|
|
34
29
|
}
|
|
35
30
|
};
|
|
36
31
|
Alert.style = UtrechtAlertStyle0;
|