@maibornwolff/mwui-stencil - npm Package Compare versions

Comparing version 0.1.10 to 0.1.11

dist/cjs/loader.cjs.js

@@ -21,3 +21,3 @@ /*!
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["mw-avatar_22.cjs",[[1,"mw-icon-gallery",{"icons":[32],"filteredIcons":[32],"fill":[32],"weight":[32]}],[1,"mw-tabs",{"testId":[1,"test-id"],"selected":[1538],"tabs":[32]}],[1,"mw-avatar",{"testId":[1,"test-id"],"src":[1],"icon":[1],"alt":[1],"size":[1]}],[1,"mw-checkbox",{"testId":[1,"test-id"],"value":[1537],"name":[1],"checked":[1540],"disabled":[4],"label":[1]}],[1,"mw-chip",{"testId":[1,"test-id"],"icon":[1],"disabled":[516],"showClose":[4,"show-close"],"selected":[1540]}],[1,"mw-menu",{"testId":[1,"test-id"],"placement":[1],"open":[1540]}],[4,"mw-button",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"variant":[1],"size":[1],"href":[1],"target":[1]}],[1,"mw-card",{"testId":[1,"test-id"],"outlined":[4],"elevated":[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{"justifyCenter":[4,"justify-center"],"justifyStart":[4,"justify-start"],"justifyEnd":[4,"justify-end"],"justifyNormal":[4,"justify-normal"],"justifyLeft":[4,"justify-left"],"justifyRight":[4,"justify-right"],"justifyFlexStart":[4,"justify-flex-start"],"justifyFlexEnd":[4,"justify-flex-end"],"justifySpaceAround":[4,"justify-space-around"],"justifySpaceBetween":[4,"justify-space-between"],"justifySpaceEvenly":[4,"justify-space-evenly"]}],[1,"mw-card-header",{"header":[1],"subheader":[1]}],[1,"mw-card-image",{"src":[1],"alt":[1]}],[1,"mw-card-title",{"title":[1],"subtitle":[1],"metadata":[1]}],[1,"mw-divider",{"inset":[4]}],[1,"mw-menu-item",{"title":[1],"subtitle":[1],"disabled":[4],"selected":[1540]}],[1,"mw-menu-list",{"testId":[1,"test-id"]}],[4,"mw-radio-button",{"disabled":[4],"checked":[1028],"value":[1],"name":[1],"testId":[1,"test-id"]}],[1,"mw-tab",{"selected":[4],"icon":[1],"label":[1],"disabled":[4]}],[1,"mw-popover",{"testId":[1,"test-id"],"open":[1028],"placement":[1],"dismissable":[4],"noPadding":[4,"no-padding"],"name":[1]}],[1,"mw-switch",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"onText":[1,"on-text"],"offText":[1,"off-text"],"checked":[1028]}],[1,"mw-textfield",{"type":[1],"value":[1544],"name":[1],"label":[513],"placeholder":[1],"helperText":[513,"helper-text"],"hasError":[4,"has-error"],"inline":[4],"required":[4],"disabled":[4],"focused":[32]}],[1,"mw-icon",{"icon":[1],"size":[1],"fill":[4],"color":[1],"weight":[2]}]]]], options);
+  return index.bootstrapLazy([["mw-avatar_23.cjs",[[1,"mw-icon-gallery",{"icons":[32],"filteredIcons":[32],"fill":[32],"weight":[32]}],[1,"mw-tabs",{"testId":[1,"test-id"],"selected":[1538],"tabs":[32]}],[1,"mw-avatar",{"testId":[1,"test-id"],"src":[1],"icon":[1],"alt":[1],"size":[1]}],[1,"mw-checkbox",{"testId":[1,"test-id"],"value":[1537],"name":[1],"checked":[1540],"disabled":[4],"label":[1]}],[1,"mw-chip",{"testId":[1,"test-id"],"icon":[1],"disabled":[516],"showClose":[4,"show-close"],"selected":[1540]}],[1,"mw-menu",{"testId":[1,"test-id"],"placement":[1],"open":[1540]}],[4,"mw-button",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"variant":[1],"size":[1],"href":[1],"target":[1]}],[1,"mw-card",{"testId":[1,"test-id"],"outlined":[4],"elevated":[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{"justifyCenter":[4,"justify-center"],"justifyStart":[4,"justify-start"],"justifyEnd":[4,"justify-end"],"justifyNormal":[4,"justify-normal"],"justifyLeft":[4,"justify-left"],"justifyRight":[4,"justify-right"],"justifyFlexStart":[4,"justify-flex-start"],"justifyFlexEnd":[4,"justify-flex-end"],"justifySpaceAround":[4,"justify-space-around"],"justifySpaceBetween":[4,"justify-space-between"],"justifySpaceEvenly":[4,"justify-space-evenly"]}],[1,"mw-card-header",{"header":[1],"subheader":[1]}],[1,"mw-card-image",{"src":[1],"alt":[1]}],[1,"mw-card-title",{"title":[1],"subtitle":[1],"metadata":[1]}],[1,"mw-divider",{"inset":[4]}],[1,"mw-link",{"href":[1]}],[1,"mw-menu-item",{"title":[1],"subtitle":[1],"disabled":[4],"selected":[1540]}],[1,"mw-menu-list",{"testId":[1,"test-id"]}],[0,"mw-radio",{"disabled":[4],"checked":[1540],"value":[1],"name":[1],"testId":[1,"test-id"],"label":[1]}],[1,"mw-tab",{"selected":[4],"icon":[1],"label":[1],"disabled":[4]}],[1,"mw-popover",{"testId":[1,"test-id"],"open":[1028],"placement":[1],"dismissable":[4],"noPadding":[4,"no-padding"],"name":[1]}],[1,"mw-switch",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"onText":[1,"on-text"],"offText":[1,"off-text"],"checked":[1028]}],[1,"mw-textfield",{"type":[1],"value":[1544],"name":[1],"label":[513],"placeholder":[1],"helperText":[513,"helper-text"],"hasError":[4,"has-error"],"inline":[4],"required":[4],"disabled":[4],"focused":[32]}],[1,"mw-icon",{"icon":[1],"size":[1],"fill":[4],"color":[1],"weight":[2]}]]]], options);
   });
@@ -24,0 +24,0 @@ };

dist/cjs/mwui-stencil.cjs.js

@@ -22,3 +22,3 @@ /*!
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["mw-avatar_22.cjs",[[1,"mw-icon-gallery",{"icons":[32],"filteredIcons":[32],"fill":[32],"weight":[32]}],[1,"mw-tabs",{"testId":[1,"test-id"],"selected":[1538],"tabs":[32]}],[1,"mw-avatar",{"testId":[1,"test-id"],"src":[1],"icon":[1],"alt":[1],"size":[1]}],[1,"mw-checkbox",{"testId":[1,"test-id"],"value":[1537],"name":[1],"checked":[1540],"disabled":[4],"label":[1]}],[1,"mw-chip",{"testId":[1,"test-id"],"icon":[1],"disabled":[516],"showClose":[4,"show-close"],"selected":[1540]}],[1,"mw-menu",{"testId":[1,"test-id"],"placement":[1],"open":[1540]}],[4,"mw-button",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"variant":[1],"size":[1],"href":[1],"target":[1]}],[1,"mw-card",{"testId":[1,"test-id"],"outlined":[4],"elevated":[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{"justifyCenter":[4,"justify-center"],"justifyStart":[4,"justify-start"],"justifyEnd":[4,"justify-end"],"justifyNormal":[4,"justify-normal"],"justifyLeft":[4,"justify-left"],"justifyRight":[4,"justify-right"],"justifyFlexStart":[4,"justify-flex-start"],"justifyFlexEnd":[4,"justify-flex-end"],"justifySpaceAround":[4,"justify-space-around"],"justifySpaceBetween":[4,"justify-space-between"],"justifySpaceEvenly":[4,"justify-space-evenly"]}],[1,"mw-card-header",{"header":[1],"subheader":[1]}],[1,"mw-card-image",{"src":[1],"alt":[1]}],[1,"mw-card-title",{"title":[1],"subtitle":[1],"metadata":[1]}],[1,"mw-divider",{"inset":[4]}],[1,"mw-menu-item",{"title":[1],"subtitle":[1],"disabled":[4],"selected":[1540]}],[1,"mw-menu-list",{"testId":[1,"test-id"]}],[4,"mw-radio-button",{"disabled":[4],"checked":[1028],"value":[1],"name":[1],"testId":[1,"test-id"]}],[1,"mw-tab",{"selected":[4],"icon":[1],"label":[1],"disabled":[4]}],[1,"mw-popover",{"testId":[1,"test-id"],"open":[1028],"placement":[1],"dismissable":[4],"noPadding":[4,"no-padding"],"name":[1]}],[1,"mw-switch",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"onText":[1,"on-text"],"offText":[1,"off-text"],"checked":[1028]}],[1,"mw-textfield",{"type":[1],"value":[1544],"name":[1],"label":[513],"placeholder":[1],"helperText":[513,"helper-text"],"hasError":[4,"has-error"],"inline":[4],"required":[4],"disabled":[4],"focused":[32]}],[1,"mw-icon",{"icon":[1],"size":[1],"fill":[4],"color":[1],"weight":[2]}]]]], options);
+  return index.bootstrapLazy([["mw-avatar_23.cjs",[[1,"mw-icon-gallery",{"icons":[32],"filteredIcons":[32],"fill":[32],"weight":[32]}],[1,"mw-tabs",{"testId":[1,"test-id"],"selected":[1538],"tabs":[32]}],[1,"mw-avatar",{"testId":[1,"test-id"],"src":[1],"icon":[1],"alt":[1],"size":[1]}],[1,"mw-checkbox",{"testId":[1,"test-id"],"value":[1537],"name":[1],"checked":[1540],"disabled":[4],"label":[1]}],[1,"mw-chip",{"testId":[1,"test-id"],"icon":[1],"disabled":[516],"showClose":[4,"show-close"],"selected":[1540]}],[1,"mw-menu",{"testId":[1,"test-id"],"placement":[1],"open":[1540]}],[4,"mw-button",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"variant":[1],"size":[1],"href":[1],"target":[1]}],[1,"mw-card",{"testId":[1,"test-id"],"outlined":[4],"elevated":[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{"justifyCenter":[4,"justify-center"],"justifyStart":[4,"justify-start"],"justifyEnd":[4,"justify-end"],"justifyNormal":[4,"justify-normal"],"justifyLeft":[4,"justify-left"],"justifyRight":[4,"justify-right"],"justifyFlexStart":[4,"justify-flex-start"],"justifyFlexEnd":[4,"justify-flex-end"],"justifySpaceAround":[4,"justify-space-around"],"justifySpaceBetween":[4,"justify-space-between"],"justifySpaceEvenly":[4,"justify-space-evenly"]}],[1,"mw-card-header",{"header":[1],"subheader":[1]}],[1,"mw-card-image",{"src":[1],"alt":[1]}],[1,"mw-card-title",{"title":[1],"subtitle":[1],"metadata":[1]}],[1,"mw-divider",{"inset":[4]}],[1,"mw-link",{"href":[1]}],[1,"mw-menu-item",{"title":[1],"subtitle":[1],"disabled":[4],"selected":[1540]}],[1,"mw-menu-list",{"testId":[1,"test-id"]}],[0,"mw-radio",{"disabled":[4],"checked":[1540],"value":[1],"name":[1],"testId":[1,"test-id"],"label":[1]}],[1,"mw-tab",{"selected":[4],"icon":[1],"label":[1],"disabled":[4]}],[1,"mw-popover",{"testId":[1,"test-id"],"open":[1028],"placement":[1],"dismissable":[4],"noPadding":[4,"no-padding"],"name":[1]}],[1,"mw-switch",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"onText":[1,"on-text"],"offText":[1,"off-text"],"checked":[1028]}],[1,"mw-textfield",{"type":[1],"value":[1544],"name":[1],"label":[513],"placeholder":[1],"helperText":[513,"helper-text"],"hasError":[4,"has-error"],"inline":[4],"required":[4],"disabled":[4],"focused":[32]}],[1,"mw-icon",{"icon":[1],"size":[1],"fill":[4],"color":[1],"weight":[2]}]]]], options);
 });

dist/collection/collection-manifest.json

@@ -17,6 +17,7 @@ {
     "./components/mw-icon-gallery/mw-icon-gallery.js",
+    "./components/mw-link/mw-link.js",
     "./components/mw-menu/mw-menu.js",
     "./components/mw-menu-item/mw-menu-item.js",
     "./components/mw-menu-list/mw-menu-list.js",
-    "./components/mw-radio-button/mw-radio-button.js",
+    "./components/mw-radio/mw-radio.js",
     "./components/mw-switch/mw-switch.js",
@@ -23,0 +24,0 @@ "./components/mw-tab/mw-tab.js",

dist/collection/components/mw-checkbox/mw-checkbox.js

@@ -22,3 +22,3 @@ /*!
   render() {
-    return (h("div", { "test-id": this.testId, class: "mw-checkbox-container", onClick: this.handleCheck }, h("input", { type: "checkbox", checked: this.checked, value: this.value, name: this.name }), h("span", { class: `mw-checkbox ${this.checked ? 'selected' : 'unselected'} ${this.disabled ? 'disabled' : 'enabled'}` }, h("mw-icon", { class: `mw-checkmark ${this.checked ? 'selected' : 'unselected'}`, color: `var(--mw-component-controls-color-fg-default)`, icon: "check", size: "small" })), h("span", { class: "mw-checkbox-label" }, this.label)));
+    return (h("div", { "test-id": this.testId, class: "mw-checkbox-container", onClick: this.handleCheck }, h("input", { type: "checkbox", checked: this.checked, value: this.value, name: this.name }), h("span", { class: `mw-checkbox ${this.checked ? 'selected' : 'unselected'} ${this.disabled ? 'disabled' : 'enabled'}` }, h("mw-icon", { class: `mw-checkmark ${this.checked ? 'selected' : 'unselected'}`, color: `var(--mw-component-controls-color-fg-default)`, icon: "check", weight: 600, size: "medium" })), h("span", { class: "mw-checkbox-label" }, this.label)));
   }
@@ -25,0 +25,0 @@ static get is() { return "mw-checkbox"; }

dist/collection/components/mw-icon/mw-icon.stories.js

@@ -42,4 +42,3 @@ /*!
 };
-const GalleryTemplate = args => '<mw-icon-gallery></mw-icon-gallery>';
+const GalleryTemplate = () => '<mw-icon-gallery></mw-icon-gallery>';
 export const IconGallery = GalleryTemplate.bind({});
-IconGallery.args = {};

dist/collection/components/mw-tab/mw-tab.stories.js

@@ -15,36 +15,42 @@ /*!
 };
+const TemplateWithIcon = args => `
+<mw-tab
+  selected="${args.selected}"
+  icon="${args.icon}"
+  label="${args.label}"
+  disabled="${args.disabled}">
+</mw-tab>`;
 const Template = args => `
 <mw-tab
   selected="${args.selected}"
-  icon="${args.selected}"
   label="${args.label}"
   disabled="${args.disabled}">
 </mw-tab>`;
-export const IconLabelEnabled = Template.bind({});
+export const IconLabelEnabled = TemplateWithIcon.bind({});
 IconLabelEnabled.args = {
   selected: false,
-  icon: 'favorite',
+  icon: 'home',
   label: 'TAB',
   disabled: false,
 };
-export const IconLabelEnabledSelected = Template.bind({});
+export const IconLabelEnabledSelected = TemplateWithIcon.bind({});
 IconLabelEnabledSelected.args = {
   selected: true,
-  icon: 'favorite',
+  icon: 'home',
   label: 'TAB',
   disabled: false,
 };
-export const IconLabelDisabled = Template.bind({});
+export const IconLabelDisabled = TemplateWithIcon.bind({});
 IconLabelDisabled.args = {
   selected: false,
-  icon: 'favorite',
+  icon: 'home',
   label: 'TAB',
   disabled: true,
 };
-export const IconEnabled = Template.bind({});
+export const IconEnabled = TemplateWithIcon.bind({});
 IconEnabled.args = {
   selected: false,
-  icon: 'favorite',
+  icon: 'home',
   label: '',
-  disabled: true,
+  disabled: false,
 };
@@ -54,5 +60,4 @@ export const LabelEnabled = Template.bind({});
   selected: false,
-  icon: null,
   label: 'TAB',
-  disabled: true,
+  disabled: false,
 };

dist/collection/components/mw-textfield/mw-textfield.js

@@ -14,2 +14,4 @@ /*!
     this.onFocus = () => {
+      console.log('onfocus');
+      this.inputElement.focus();
       this.focused = true;
@@ -32,2 +34,6 @@ };
   }
+  componentWillLoad() {
+    this.hasIconStartSlot = !!this.hostElement.querySelector('[slot="icon-start"]');
+    this.hasIconEndSlot = !!this.hostElement.querySelector('[slot="icon-end"]');
+  }
   render() {
@@ -38,5 +44,5 @@ return (h(Host, null, h("div", { class: "wrapper" }, h("div", { class: classnames('textfield', {
         'disabled': this.disabled,
-      }) }, h("label", { htmlFor: this.name, class: "label" }, this.label, this.required && h("span", { class: "required" }, "*")), h("div", { class: classnames('input', { 'has-error': this.hasError, 'disabled': this.disabled }) }, h("span", { class: classnames({ 'focused': this.focused, 'has-error': this.hasError }) }, h("slot", { name: "icon-start" })), h("input", { placeholder: this.placeholder, class: classnames({
+      }) }, h("label", { htmlFor: this.name, class: "label" }, this.label, this.required && h("span", { class: "required" }, "*")), h("div", { onClick: this.onFocus, class: classnames('input', { 'has-error': this.hasError, 'disabled': this.disabled }) }, h("span", { class: classnames({ 'icon-start': this.hasIconStartSlot, 'focused': this.focused, 'has-error': this.hasError }) }, h("slot", { name: "icon-start" })), h("input", { ref: el => (this.inputElement = el), placeholder: this.placeholder, class: classnames({
         'has-error': this.hasError,
-      }), onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onValueChange, onChange: this.onValueChange, type: this.type, name: this.name, value: this.value, disabled: this.disabled }), h("span", { class: classnames({ 'focused': this.focused, 'has-error': this.hasError }) }, h("slot", { name: "icon-end" }))), this.helperText && !this.inline && (h("span", { class: classnames('helper-text', {
+      }), onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onValueChange, onChange: this.onValueChange, type: this.type, name: this.name, value: this.value, disabled: this.disabled }), h("span", { class: classnames({ 'icon-end': this.hasIconEndSlot, 'focused': this.focused, 'has-error': this.hasError }) }, h("slot", { name: "icon-end" }))), this.helperText && !this.inline && (h("span", { class: classnames('helper-text', {
         'has-error': this.hasError,
@@ -261,2 +267,3 @@ }) }, this.helperText))), this.helperText && this.inline && (h("span", { class: classnames('helper-text', {
   }
+  static get elementRef() { return "hostElement"; }
 }

dist/collection/pages/demo.stories.js

@@ -13,3 +13,3 @@ /*!
   <div style="text-align: center">
-    <h1>Hello World</h1>
+    <h1>Hello World 01</h1>
     <mw-button label="BUTTON" />
@@ -16,0 +16,0 @@ </div>

dist/components/index.d.ts

@@ -15,2 +15,3 @@ /* MwuiStencil custom elements */
 export { MwIconGallery as MwIconGallery } from '../types/components/mw-icon-gallery/mw-icon-gallery';
+export { MwLink as MwLink } from '../types/components/mw-link/mw-link';
 export { MwMenu as MwMenu } from '../types/components/mw-menu/mw-menu';
@@ -20,3 +21,3 @@ export { MwMenuItem as MwMenuItem } from '../types/components/mw-menu-item/mw-menu-item';
 export { MwPopover as MwPopover } from '../types/components/mw-popover/mw-popover';
-export { MwRadioButton as MwRadioButton } from '../types/components/mw-radio-button/mw-radio-button';
+export { MwRadio as MwRadio } from '../types/components/mw-radio/mw-radio';
 export { MwSwitch as MwSwitch } from '../types/components/mw-switch/mw-switch';
@@ -23,0 +24,0 @@ export { MwTab as MwTab } from '../types/components/mw-tab/mw-tab';

dist/components/index.js

@@ -19,2 +19,3 @@ /*!
 export { MwIconGallery, defineCustomElement as defineCustomElementMwIconGallery } from './mw-icon-gallery.js';
+export { MwLink, defineCustomElement as defineCustomElementMwLink } from './mw-link.js';
 export { MwMenu, defineCustomElement as defineCustomElementMwMenu } from './mw-menu.js';
@@ -24,3 +25,3 @@ export { MwMenuItem, defineCustomElement as defineCustomElementMwMenuItem } from './mw-menu-item.js';
 export { MwPopover, defineCustomElement as defineCustomElementMwPopover } from './mw-popover.js';
-export { MwRadioButton, defineCustomElement as defineCustomElementMwRadioButton } from './mw-radio-button.js';
+export { MwRadio, defineCustomElement as defineCustomElementMwRadio } from './mw-radio.js';
 export { MwSwitch, defineCustomElement as defineCustomElementMwSwitch } from './mw-switch.js';
@@ -27,0 +28,0 @@ export { MwTab, defineCustomElement as defineCustomElementMwTab } from './mw-tab.js';

dist/components/MW_component.js

@@ -7,3 +7,3 @@ /*!
  * Do not edit directly
- * Generated on Wed, 18 Jan 2023 10:42:21 GMT
+ * Generated on Fri, 20 Jan 2023 14:00:16 GMT
  */
@@ -10,0 +10,0 @@ const mwComponentButtonFilledColorBgDefault = "#ed2985";

dist/components/mw-checkbox.js

@@ -8,3 +8,3 @@ /*!
 
-const mwCheckboxCss = ".mw-checkbox-container{display:inline-flex;cursor:pointer;align-items:center;gap:var(--mw-component-controls-with-label-gap);margin:var(--mw-component-controls-with-label-padding-y) var(--mw-component-controls-with-label-padding-r) var(--mw-component-controls-with-label-padding-y) var(--mw-component-controls-with-label-padding-l)}.mw-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}.mw-checkbox{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:var(--mw-component-size-checkbox-radiobutton-default);height:var(--mw-component-size-checkbox-radiobutton-default);border-radius:var(--mw-component-checkbox-border-radius);display:flex;justify-content:center;align-items:center}.mw-checkbox-container .mw-checkbox.unselected.enabled{border:var(--mw-component-checkbox-selected-border-width-unselected) solid var(--mw-component-controls-color-outline-default);background:var(--mw-component-controls-color-bg-unselected)}.mw-checkbox-container .mw-checkbox.unselected.disabled{background:var(--mw-component-controls-color-bg-unselected);border:var(--mw-component-checkbox-selected-border-width-unselected) solid var(--mw-component-controls-color-outline-disabled)}.mw-checkbox-container:hover .mw-checkbox.unselected.enabled{background:var(--mw-component-controls-color-bg-hover);border:var(--mw-component-checkbox-selected-border-width-unselected) solid var(--mw-component-controls-color-outline-default)}input:focus+.mw-checkbox.unselected.enabled{background:var(--mw-component-controls-color-bg-focused);border:var(--mw-component-checkbox-selected-border-width-focused) solid var(--mw-component-controls-color-outline-default)}.mw-checkbox-container:active .mw-checkbox.unselected.enabled{background:var(--mw-component-controls-color-bg-pressed);border:var(--mw-component-checkbox-selected-border-width-unselected) solid var(--mw-component-controls-color-outline-default)}.mw-checkbox-container .mw-checkbox.selected.enabled{background:var(--mw-component-controls-color-bg-selected);border:var(--mw-component-checkbox-selected-border-width-default) solid var(--mw-component-controls-color-outline-default)}.mw-checkbox-container .mw-checkbox.selected.disabled{background:var(--mw-component-controls-color-bg-disabled);border:var(--mw-component-checkbox-selected-border-width-default) solid var(--mw-component-controls-color-outline-disabled)}.mw-checkbox-container:hover .mw-checkbox.selected.enabled{background:var(--mw-component-controls-color-bg-hover);border:var(--mw-component-checkbox-selected-border-width-default) solid var(--mw-component-controls-color-outline-default)}input:focus+.mw-checkbox.selected.enabled{background:var(--mw-component-controls-color-bg-focused);border:var(--mw-component-checkbox-selected-border-width-focused) solid var(--mw-component-controls-color-outline-default)}.mw-checkbox-container:active .mw-checkbox.selected.enabled{background:var(--mw-component-controls-color-bg-pressed);border:var(--mw-component-checkbox-selected-border-width-default) solid var(--mw-component-controls-color-outline-default)}.mw-checkmark{display:none}.mw-checkmark.selected{display:unset}.mw-checkbox-label{font-family:var(--mw-component-control-label-font-family);font-weight:var(--mw-component-control-label-font-weight);font-size:var(--mw-component-control-label-font-size);line-height:var(--mw-component-control-label-line-height);color:var(--mw-component-controls-color-label-default)}";
+const mwCheckboxCss = ".mw-checkbox-container{display:inline-flex;cursor:pointer;align-items:center;gap:var(--mw-component-controls-with-label-gap);margin:var(--mw-component-controls-with-label-padding-y) var(--mw-component-controls-with-label-padding-r) var(--mw-component-controls-with-label-padding-y)\n    var(--mw-component-controls-with-label-padding-l)}.mw-checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}.mw-checkbox{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:var(--mw-component-size-controls-checkbox-radiobutton-container);height:var(--mw-component-size-controls-checkbox-radiobutton-container);border-radius:var(--mw-component-checkbox-border-radius);display:flex;justify-content:center;align-items:center}.mw-checkbox-container .mw-checkbox.unselected.enabled{border:var(--mw-component-controls-border-width-unselected) solid var(--mw-component-controls-color-outline-default);background:var(--mw-component-controls-color-bg-unselected)}.mw-checkbox-container .mw-checkbox.unselected.disabled{background:var(--mw-component-controls-color-bg-unselected);border:var(--mw-component-controls-border-width-unselected) solid var(--mw-component-controls-color-outline-disabled)}.mw-checkbox-container:hover .mw-checkbox.unselected.enabled{background:var(--mw-component-controls-color-bg-hover);border:var(--mw-component-controls-border-width-unselected) solid var(--mw-component-controls-color-outline-default)}input:focus+.mw-checkbox.unselected.enabled{background:var(--mw-component-controls-color-bg-focused);border:var(--mw-component-controls-border-width-focused) solid var(--mw-component-controls-color-outline-default)}.mw-checkbox-container:active .mw-checkbox.unselected.enabled{background:var(--mw-component-controls-color-bg-pressed);border:var(--mw-component-controls-border-width-unselected) solid var(--mw-component-controls-color-outline-default)}.mw-checkbox-container .mw-checkbox.selected.enabled{background:var(--mw-component-controls-color-bg-selected);border:var(--mw-component-controls-border-width-selected) solid var(--mw-component-controls-color-outline-default)}.mw-checkbox-container .mw-checkbox.selected.disabled{background:var(--mw-component-controls-color-bg-disabled);border:var(--mw-component-controls-border-width-selected) solid var(--mw-component-controls-color-outline-disabled)}.mw-checkbox-container:hover .mw-checkbox.selected.enabled{background:var(--mw-component-controls-color-bg-hover);border:var(--mw-component-controls-border-width-selected) solid var(--mw-component-controls-color-outline-default)}input:focus+.mw-checkbox.selected.enabled{background:var(--mw-component-controls-color-bg-focused);border:var(--mw-component-controls-border-width-focused) solid var(--mw-component-controls-color-outline-default)}.mw-checkbox-container:active .mw-checkbox.selected.enabled{background:var(--mw-component-controls-color-bg-pressed);border:var(--mw-component-controls-border-width-selected) solid var(--mw-component-controls-color-outline-default)}.mw-checkmark{display:none}.mw-checkmark.selected{height:var(--mw-component-size-controls-checkbox-radiobutton-container);display:unset}.mw-checkbox-label{font-family:var(--mw-component-control-label-font-family);font-weight:var(--mw-component-control-label-font-weight);font-size:var(--mw-component-control-label-font-size);line-height:var(--mw-component-control-label-line-height);color:var(--mw-component-controls-color-label-default)}";
 
@@ -31,3 +31,3 @@ const MwCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   render() {
-    return (h("div", { "test-id": this.testId, class: "mw-checkbox-container", onClick: this.handleCheck }, h("input", { type: "checkbox", checked: this.checked, value: this.value, name: this.name }), h("span", { class: `mw-checkbox ${this.checked ? 'selected' : 'unselected'} ${this.disabled ? 'disabled' : 'enabled'}` }, h("mw-icon", { class: `mw-checkmark ${this.checked ? 'selected' : 'unselected'}`, color: `var(--mw-component-controls-color-fg-default)`, icon: "check", size: "small" })), h("span", { class: "mw-checkbox-label" }, this.label)));
+    return (h("div", { "test-id": this.testId, class: "mw-checkbox-container", onClick: this.handleCheck }, h("input", { type: "checkbox", checked: this.checked, value: this.value, name: this.name }), h("span", { class: `mw-checkbox ${this.checked ? 'selected' : 'unselected'} ${this.disabled ? 'disabled' : 'enabled'}` }, h("mw-icon", { class: `mw-checkmark ${this.checked ? 'selected' : 'unselected'}`, color: `var(--mw-component-controls-color-fg-default)`, icon: "check", weight: 600, size: "medium" })), h("span", { class: "mw-checkbox-label" }, this.label)));
   }
@@ -34,0 +34,0 @@ static get assetsDirs() { return ["./../assets"]; }

dist/components/mw-icon2.js

@@ -10,3 +10,3 @@ /*!
  * Do not edit directly
- * Generated on Wed, 18 Jan 2023 10:42:21 GMT
+ * Generated on Fri, 20 Jan 2023 14:00:16 GMT
  */
@@ -13,0 +13,0 @@ const mwComponentSizeAvatarsIconXl = "48px";

dist/components/mw-switch2.js

@@ -7,3 +7,3 @@ /*!
 
-const mwSwitchCss = ":host{display:flex;justify-content:flex-start;align-items:center}.label{font-size:16px;font-family:'Poppins', sans-serif;margin-left:var(--mw-component-controls-with-label-gap);color:var(--mw-component-controls-color-label-default)}.switch{position:relative;display:inline-block;width:var(--mw-component-size-toggle-switch-default-w);height:var(--mw-component-size-toggle-switch-default-h)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--mw-component-controls-color-bg-unselected);-webkit-transition:.4s;transition:.4s}input:checked+.slider:before{position:absolute;content:\"\";height:24px;width:24px;left:4px;bottom:4px;background-color:var(--mw-component-controls-color-fg-default);-webkit-transition:.4s;transition:.4s;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}input:not(:checked)+.slider:before{position:absolute;content:\"\";height:16px;width:16px;left:8px;bottom:8px;background-color:var(--mw-component-controls-color-fg-off);-webkit-transition:.4s;transition:.4s}input:active+.slider:before{position:absolute;content:\"\";height:28px;width:28px;left:2px;bottom:2px;background-color:var(--mw-component-controls-color-fg-default);-webkit-transition:.4s;transition:.4s}input:not(:checked):not(:disabled):active+.slider:before{position:absolute;content:\"\";height:28px;width:28px;left:2px;bottom:2px;background-color:var(--mw-component-controls-color-fg-off);-webkit-transition:.4s;transition:.4s}input:disabled+.slider:before{position:absolute;content:\"\";height:16px;width:16px;left:8px;bottom:8px;background-color:var(--mw-component-controls-color-fg-disabled);-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--mw-component-controls-color-bg-selected)}input:disabled+.slider{background-color:var(--mw-component-controls-color-bg-disabled)}input:focus:not(:active):not(:disabled)+.slider{box-shadow:inset 0 0 0 var(--mw-component-checkbox-selected-border-width-focused) var(--mw-component-controls-color-outline-default);background-color:var(--mw-component-controls-color-bg-focused)}input:hover:not(:disabled)+.slider{background-color:var(--mw-component-controls-color-bg-hover)}input:active:not(:disabled)+.slider{background-color:var(--mw-component-controls-color-bg-pressed)}input:not(:checked):not(:disabled)+.slider{box-shadow:inset 0 0 0 var(--mw-component-checkbox-selected-border-width-focused) var(--mw-component-controls-color-outline-default)}input:not(:checked):disabled+.slider{box-shadow:inset 0 0 0 var(--mw-component-checkbox-selected-border-width-focused) var(--mw-component-controls-color-outline-disabled)}.slider.round{border-radius:34px;-webkit-border-radius:34px}.slider.round:before{border-radius:50%;-webkit-border-radius:50%}";
+const mwSwitchCss = ":host{display:flex;justify-content:flex-start;align-items:center}.label{font-size:16px;font-family:'Poppins', sans-serif;margin-left:var(--mw-component-controls-with-label-gap);color:var(--mw-component-controls-color-label-default)}.switch{position:relative;display:inline-block;width:var(--mw-component-size-toggle-switch-default-w);height:var(--mw-component-size-toggle-switch-default-h)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--mw-component-controls-color-bg-unselected);-webkit-transition:0.4s;transition:0.4s}input:checked+.slider:before{position:absolute;content:'';height:24px;width:24px;left:4px;bottom:4px;background-color:var(--mw-component-controls-color-fg-default);-webkit-transition:0.4s;transition:0.4s;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}input:not(:checked)+.slider:before{position:absolute;content:'';height:16px;width:16px;left:8px;bottom:8px;background-color:var(--mw-component-controls-color-fg-off);-webkit-transition:0.4s;transition:0.4s}input:active+.slider:before{position:absolute;content:'';height:28px;width:28px;left:2px;bottom:2px;background-color:var(--mw-component-controls-color-fg-default);-webkit-transition:0.4s;transition:0.4s}input:not(:checked):not(:disabled):active+.slider:before{position:absolute;content:'';height:28px;width:28px;left:2px;bottom:2px;background-color:var(--mw-component-controls-color-fg-off);-webkit-transition:0.4s;transition:0.4s}input:disabled+.slider:before{position:absolute;content:'';height:16px;width:16px;left:8px;bottom:8px;background-color:var(--mw-component-controls-color-fg-disabled);-webkit-transition:0.4s;transition:0.4s}input:checked+.slider{background-color:var(--mw-component-controls-color-bg-selected)}input:disabled+.slider{background-color:var(--mw-component-controls-color-bg-disabled)}input:focus:not(:active):not(:disabled)+.slider{box-shadow:inset 0 0 0 var(--mw-component-controls-border-width-focused) var(--mw-component-controls-color-outline-default);background-color:var(--mw-component-controls-color-bg-focused)}input:hover:not(:disabled)+.slider{background-color:var(--mw-component-controls-color-bg-hover)}input:active:not(:disabled)+.slider{background-color:var(--mw-component-controls-color-bg-pressed)}input:not(:checked):not(:disabled)+.slider{box-shadow:inset 0 0 0 var(--mw-component-controls-border-width-unselected) var(--mw-component-controls-color-outline-default)}input:not(:checked):disabled+.slider{box-shadow:inset 0 0 0 var(--mw-component-controls-border-width-unselected) var(--mw-component-controls-color-outline-disabled)}.slider.round{border-radius:34px;-webkit-border-radius:34px}.slider.round:before{border-radius:50%;-webkit-border-radius:50%}";
 
@@ -10,0 +10,0 @@ const MwSwitch = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

dist/components/mw-textfield2.js

@@ -8,3 +8,3 @@ /*!
 
-const mwTextfieldCss = ":host{display:block}.wrapper{display:inline-flex;flex-direction:column}.textfield{display:flex;flex-direction:column;min-width:var(--mw-component-size-text-field-min-width);color:var(--mw-component-text-field-fg-default)}.textfield.disabled,.textfield.disabled input{color:var(--mw-component-text-field-fg-disabled)}label{padding:0 var(--mw-component-text-field-padding-text-field-label-vertical-x);font-family:var(--mw-component-text-field-label-font-family);font-weight:var(--mw-component-text-field-label-font-weight);font-size:var(--mw-component-text-field-label-font-size);line-height:var(--mw-component-text-field-label-line-height)}.textfield.inline{flex-direction:row;display:inline-flex;align-items:center}.textfield.inline .input{width:max-content;min-width:var(--mw-component-size-text-field-min-width)}.textfield.inline label{width:var(--mw-component-size-text-field-label-horizontal-width);padding:var(--mw-component-text-field-padding-text-field-label-horizontal)}.input{display:flex;gap:var(--mw-component-text-field-gap-horizontal-gap-within);border-radius:var(--border-radius-standard-md);padding:var(--mw-component-text-field-padding-text-field-y) var(--mw-component-text-field-padding-text-field-x);background:var(--mw-component-text-field-bg-default);box-shadow:inset 0 0 0 var(--mw-component-text-field-default) var(--mw-component-text-field-border-default)}.input:focus-within{background:var(--mw-component-text-field-bg-default);box-shadow:inset 0 0 0 var(--mw-component-text-field-focused) var(--mw-component-text-field-border-focused)}.input:not(.disabled):hover{background:var(--mw-component-text-field-bg-hover)}.input.has-error{background:var(--mw-component-text-field-bg-error)}.input .icon{color:var(--mw-component-text-field-fg-icon-default)}.focused{color:var(--mw-component-text-field-fg-icon-focused)}.focused.has-error{color:var(--mw-component-text-field-fg-error)}.input input{border:none;padding:0;width:100%;background:transparent;font-family:var(--mw-component-text-field-text-font-family);font-weight:var(--mw-component-text-field-text-font-weight);font-size:var(--mw-component-text-field-text-font-size);line-height:var(--mw-component-text-field-text-line-height)}.input input:focus-visible,.input input:focus{outline:none;border:none;box-shadow:none}.input input::placeholder{color:var(--mw-component-text-field-fg-placeholder)}.helper-text{align-self:flex-end;padding:var(--mw-component-text-field-padding-helper-text-y) 0;color:var(--mw-component-text-field-fg-helper-text);font-family:var(--mw-component-text-field-helper-text-font-family);font-weight:var(--mw-component-text-field-helper-text-font-weight);font-size:var(--mw-component-text-field-helper-text-font-size);line-height:var(--mw-component-text-field-helper-text-line-height)}.has-error{color:var(--mw-component-text-field-fg-error)}.required{color:var(--mw-component-text-field-fg-error)}";
+const mwTextfieldCss = ":host{display:block}.wrapper{display:inline-flex;flex-direction:column}.textfield{display:flex;flex-direction:column;min-width:var(--mw-component-size-text-field-min-width);color:var(--mw-component-text-field-fg-default)}.textfield.disabled,.textfield.disabled input{color:var(--mw-component-text-field-fg-disabled)}label{padding:0 var(--mw-component-text-field-padding-text-field-label-vertical-x);font-family:var(--mw-component-text-field-label-font-family);font-weight:var(--mw-component-text-field-label-font-weight);font-size:var(--mw-component-text-field-label-font-size);line-height:var(--mw-component-text-field-label-line-height)}.textfield.inline{flex-direction:row;display:inline-flex;align-items:center}.textfield.inline .input{width:max-content;min-width:var(--mw-component-size-text-field-min-width)}.textfield.inline label{width:var(--mw-component-size-text-field-label-horizontal-width);padding:var(--mw-component-text-field-padding-text-field-label-horizontal)}.input{display:flex;align-items:center;border-radius:var(--border-radius-standard-md);padding:var(--mw-component-text-field-padding-text-field-y) var(--mw-component-text-field-padding-text-field-x);background:var(--mw-component-text-field-bg-default);box-shadow:inset 0 0 0 var(--mw-component-text-field-default) var(--mw-component-text-field-border-default)}.input:focus-within{background:var(--mw-component-text-field-bg-default);box-shadow:inset 0 0 0 var(--mw-component-text-field-focused) var(--mw-component-text-field-border-focused)}.input:not(.disabled):hover{background:var(--mw-component-text-field-bg-hover)}.input.has-error{background:var(--mw-component-text-field-bg-error)}.input .icon{color:var(--mw-component-text-field-fg-icon-default)}.focused{color:var(--mw-component-text-field-fg-icon-focused)}.focused.has-error{color:var(--mw-component-text-field-fg-error)}.icon-start{margin-right:var(--mw-component-text-field-gap-horizontal-gap-within)}.icon-end{margin-left:var(--mw-component-text-field-gap-horizontal-gap-within)}.input input{border:none;padding:0;width:100%;background:transparent;font-family:var(--mw-component-text-field-text-font-family);font-weight:var(--mw-component-text-field-text-font-weight);font-size:var(--mw-component-text-field-text-font-size);line-height:var(--mw-component-text-field-text-line-height)}.input input:focus-visible,.input input:focus{outline:none;border:none;box-shadow:none}.input input::placeholder{color:var(--mw-component-text-field-fg-placeholder)}.helper-text{align-self:flex-end;padding:var(--mw-component-text-field-padding-helper-text-y) 0;color:var(--mw-component-text-field-fg-helper-text);font-family:var(--mw-component-text-field-helper-text-font-family);font-weight:var(--mw-component-text-field-helper-text-font-weight);font-size:var(--mw-component-text-field-helper-text-font-size);line-height:var(--mw-component-text-field-helper-text-line-height)}.has-error{color:var(--mw-component-text-field-fg-error)}.required{color:var(--mw-component-text-field-fg-error)}";
 
@@ -22,2 +22,4 @@ const MwTextfield = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.onFocus = () => {
+      console.log('onfocus');
+      this.inputElement.focus();
       this.focused = true;
@@ -40,2 +42,6 @@ };
   }
+  componentWillLoad() {
+    this.hasIconStartSlot = !!this.hostElement.querySelector('[slot="icon-start"]');
+    this.hasIconEndSlot = !!this.hostElement.querySelector('[slot="icon-end"]');
+  }
   render() {
@@ -46,5 +52,5 @@ return (h(Host, null, h("div", { class: "wrapper" }, h("div", { class: classnames('textfield', {
         'disabled': this.disabled,
-      }) }, h("label", { htmlFor: this.name, class: "label" }, this.label, this.required && h("span", { class: "required" }, "*")), h("div", { class: classnames('input', { 'has-error': this.hasError, 'disabled': this.disabled }) }, h("span", { class: classnames({ 'focused': this.focused, 'has-error': this.hasError }) }, h("slot", { name: "icon-start" })), h("input", { placeholder: this.placeholder, class: classnames({
+      }) }, h("label", { htmlFor: this.name, class: "label" }, this.label, this.required && h("span", { class: "required" }, "*")), h("div", { onClick: this.onFocus, class: classnames('input', { 'has-error': this.hasError, 'disabled': this.disabled }) }, h("span", { class: classnames({ 'icon-start': this.hasIconStartSlot, 'focused': this.focused, 'has-error': this.hasError }) }, h("slot", { name: "icon-start" })), h("input", { ref: el => (this.inputElement = el), placeholder: this.placeholder, class: classnames({
         'has-error': this.hasError,
-      }), onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onValueChange, onChange: this.onValueChange, type: this.type, name: this.name, value: this.value, disabled: this.disabled }), h("span", { class: classnames({ 'focused': this.focused, 'has-error': this.hasError }) }, h("slot", { name: "icon-end" }))), this.helperText && !this.inline && (h("span", { class: classnames('helper-text', {
+      }), onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onValueChange, onChange: this.onValueChange, type: this.type, name: this.name, value: this.value, disabled: this.disabled }), h("span", { class: classnames({ 'icon-end': this.hasIconEndSlot, 'focused': this.focused, 'has-error': this.hasError }) }, h("slot", { name: "icon-end" }))), this.helperText && !this.inline && (h("span", { class: classnames('helper-text', {
         'has-error': this.hasError,
@@ -55,2 +61,3 @@ }) }, this.helperText))), this.helperText && this.inline && (h("span", { class: classnames('helper-text', {
   }
+  get hostElement() { return this; }
   static get style() { return mwTextfieldCss; }
@@ -57,0 +64,0 @@ }, [1, "mw-textfield", {

dist/esm/loader.js

@@ -17,3 +17,3 @@ /*!
   return patchEsm().then(() => {
-  return bootstrapLazy([["mw-avatar_22",[[1,"mw-icon-gallery",{"icons":[32],"filteredIcons":[32],"fill":[32],"weight":[32]}],[1,"mw-tabs",{"testId":[1,"test-id"],"selected":[1538],"tabs":[32]}],[1,"mw-avatar",{"testId":[1,"test-id"],"src":[1],"icon":[1],"alt":[1],"size":[1]}],[1,"mw-checkbox",{"testId":[1,"test-id"],"value":[1537],"name":[1],"checked":[1540],"disabled":[4],"label":[1]}],[1,"mw-chip",{"testId":[1,"test-id"],"icon":[1],"disabled":[516],"showClose":[4,"show-close"],"selected":[1540]}],[1,"mw-menu",{"testId":[1,"test-id"],"placement":[1],"open":[1540]}],[4,"mw-button",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"variant":[1],"size":[1],"href":[1],"target":[1]}],[1,"mw-card",{"testId":[1,"test-id"],"outlined":[4],"elevated":[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{"justifyCenter":[4,"justify-center"],"justifyStart":[4,"justify-start"],"justifyEnd":[4,"justify-end"],"justifyNormal":[4,"justify-normal"],"justifyLeft":[4,"justify-left"],"justifyRight":[4,"justify-right"],"justifyFlexStart":[4,"justify-flex-start"],"justifyFlexEnd":[4,"justify-flex-end"],"justifySpaceAround":[4,"justify-space-around"],"justifySpaceBetween":[4,"justify-space-between"],"justifySpaceEvenly":[4,"justify-space-evenly"]}],[1,"mw-card-header",{"header":[1],"subheader":[1]}],[1,"mw-card-image",{"src":[1],"alt":[1]}],[1,"mw-card-title",{"title":[1],"subtitle":[1],"metadata":[1]}],[1,"mw-divider",{"inset":[4]}],[1,"mw-menu-item",{"title":[1],"subtitle":[1],"disabled":[4],"selected":[1540]}],[1,"mw-menu-list",{"testId":[1,"test-id"]}],[4,"mw-radio-button",{"disabled":[4],"checked":[1028],"value":[1],"name":[1],"testId":[1,"test-id"]}],[1,"mw-tab",{"selected":[4],"icon":[1],"label":[1],"disabled":[4]}],[1,"mw-popover",{"testId":[1,"test-id"],"open":[1028],"placement":[1],"dismissable":[4],"noPadding":[4,"no-padding"],"name":[1]}],[1,"mw-switch",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"onText":[1,"on-text"],"offText":[1,"off-text"],"checked":[1028]}],[1,"mw-textfield",{"type":[1],"value":[1544],"name":[1],"label":[513],"placeholder":[1],"helperText":[513,"helper-text"],"hasError":[4,"has-error"],"inline":[4],"required":[4],"disabled":[4],"focused":[32]}],[1,"mw-icon",{"icon":[1],"size":[1],"fill":[4],"color":[1],"weight":[2]}]]]], options);
+  return bootstrapLazy([["mw-avatar_23",[[1,"mw-icon-gallery",{"icons":[32],"filteredIcons":[32],"fill":[32],"weight":[32]}],[1,"mw-tabs",{"testId":[1,"test-id"],"selected":[1538],"tabs":[32]}],[1,"mw-avatar",{"testId":[1,"test-id"],"src":[1],"icon":[1],"alt":[1],"size":[1]}],[1,"mw-checkbox",{"testId":[1,"test-id"],"value":[1537],"name":[1],"checked":[1540],"disabled":[4],"label":[1]}],[1,"mw-chip",{"testId":[1,"test-id"],"icon":[1],"disabled":[516],"showClose":[4,"show-close"],"selected":[1540]}],[1,"mw-menu",{"testId":[1,"test-id"],"placement":[1],"open":[1540]}],[4,"mw-button",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"variant":[1],"size":[1],"href":[1],"target":[1]}],[1,"mw-card",{"testId":[1,"test-id"],"outlined":[4],"elevated":[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{"justifyCenter":[4,"justify-center"],"justifyStart":[4,"justify-start"],"justifyEnd":[4,"justify-end"],"justifyNormal":[4,"justify-normal"],"justifyLeft":[4,"justify-left"],"justifyRight":[4,"justify-right"],"justifyFlexStart":[4,"justify-flex-start"],"justifyFlexEnd":[4,"justify-flex-end"],"justifySpaceAround":[4,"justify-space-around"],"justifySpaceBetween":[4,"justify-space-between"],"justifySpaceEvenly":[4,"justify-space-evenly"]}],[1,"mw-card-header",{"header":[1],"subheader":[1]}],[1,"mw-card-image",{"src":[1],"alt":[1]}],[1,"mw-card-title",{"title":[1],"subtitle":[1],"metadata":[1]}],[1,"mw-divider",{"inset":[4]}],[1,"mw-link",{"href":[1]}],[1,"mw-menu-item",{"title":[1],"subtitle":[1],"disabled":[4],"selected":[1540]}],[1,"mw-menu-list",{"testId":[1,"test-id"]}],[0,"mw-radio",{"disabled":[4],"checked":[1540],"value":[1],"name":[1],"testId":[1,"test-id"],"label":[1]}],[1,"mw-tab",{"selected":[4],"icon":[1],"label":[1],"disabled":[4]}],[1,"mw-popover",{"testId":[1,"test-id"],"open":[1028],"placement":[1],"dismissable":[4],"noPadding":[4,"no-padding"],"name":[1]}],[1,"mw-switch",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"onText":[1,"on-text"],"offText":[1,"off-text"],"checked":[1028]}],[1,"mw-textfield",{"type":[1],"value":[1544],"name":[1],"label":[513],"placeholder":[1],"helperText":[513,"helper-text"],"hasError":[4,"has-error"],"inline":[4],"required":[4],"disabled":[4],"focused":[32]}],[1,"mw-icon",{"icon":[1],"size":[1],"fill":[4],"color":[1],"weight":[2]}]]]], options);
   });
@@ -20,0 +20,0 @@ };

dist/esm/mwui-stencil.js

@@ -20,3 +20,3 @@ /*!
 patchBrowser().then(options => {
-  return bootstrapLazy([["mw-avatar_22",[[1,"mw-icon-gallery",{"icons":[32],"filteredIcons":[32],"fill":[32],"weight":[32]}],[1,"mw-tabs",{"testId":[1,"test-id"],"selected":[1538],"tabs":[32]}],[1,"mw-avatar",{"testId":[1,"test-id"],"src":[1],"icon":[1],"alt":[1],"size":[1]}],[1,"mw-checkbox",{"testId":[1,"test-id"],"value":[1537],"name":[1],"checked":[1540],"disabled":[4],"label":[1]}],[1,"mw-chip",{"testId":[1,"test-id"],"icon":[1],"disabled":[516],"showClose":[4,"show-close"],"selected":[1540]}],[1,"mw-menu",{"testId":[1,"test-id"],"placement":[1],"open":[1540]}],[4,"mw-button",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"variant":[1],"size":[1],"href":[1],"target":[1]}],[1,"mw-card",{"testId":[1,"test-id"],"outlined":[4],"elevated":[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{"justifyCenter":[4,"justify-center"],"justifyStart":[4,"justify-start"],"justifyEnd":[4,"justify-end"],"justifyNormal":[4,"justify-normal"],"justifyLeft":[4,"justify-left"],"justifyRight":[4,"justify-right"],"justifyFlexStart":[4,"justify-flex-start"],"justifyFlexEnd":[4,"justify-flex-end"],"justifySpaceAround":[4,"justify-space-around"],"justifySpaceBetween":[4,"justify-space-between"],"justifySpaceEvenly":[4,"justify-space-evenly"]}],[1,"mw-card-header",{"header":[1],"subheader":[1]}],[1,"mw-card-image",{"src":[1],"alt":[1]}],[1,"mw-card-title",{"title":[1],"subtitle":[1],"metadata":[1]}],[1,"mw-divider",{"inset":[4]}],[1,"mw-menu-item",{"title":[1],"subtitle":[1],"disabled":[4],"selected":[1540]}],[1,"mw-menu-list",{"testId":[1,"test-id"]}],[4,"mw-radio-button",{"disabled":[4],"checked":[1028],"value":[1],"name":[1],"testId":[1,"test-id"]}],[1,"mw-tab",{"selected":[4],"icon":[1],"label":[1],"disabled":[4]}],[1,"mw-popover",{"testId":[1,"test-id"],"open":[1028],"placement":[1],"dismissable":[4],"noPadding":[4,"no-padding"],"name":[1]}],[1,"mw-switch",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"onText":[1,"on-text"],"offText":[1,"off-text"],"checked":[1028]}],[1,"mw-textfield",{"type":[1],"value":[1544],"name":[1],"label":[513],"placeholder":[1],"helperText":[513,"helper-text"],"hasError":[4,"has-error"],"inline":[4],"required":[4],"disabled":[4],"focused":[32]}],[1,"mw-icon",{"icon":[1],"size":[1],"fill":[4],"color":[1],"weight":[2]}]]]], options);
+  return bootstrapLazy([["mw-avatar_23",[[1,"mw-icon-gallery",{"icons":[32],"filteredIcons":[32],"fill":[32],"weight":[32]}],[1,"mw-tabs",{"testId":[1,"test-id"],"selected":[1538],"tabs":[32]}],[1,"mw-avatar",{"testId":[1,"test-id"],"src":[1],"icon":[1],"alt":[1],"size":[1]}],[1,"mw-checkbox",{"testId":[1,"test-id"],"value":[1537],"name":[1],"checked":[1540],"disabled":[4],"label":[1]}],[1,"mw-chip",{"testId":[1,"test-id"],"icon":[1],"disabled":[516],"showClose":[4,"show-close"],"selected":[1540]}],[1,"mw-menu",{"testId":[1,"test-id"],"placement":[1],"open":[1540]}],[4,"mw-button",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"variant":[1],"size":[1],"href":[1],"target":[1]}],[1,"mw-card",{"testId":[1,"test-id"],"outlined":[4],"elevated":[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{"justifyCenter":[4,"justify-center"],"justifyStart":[4,"justify-start"],"justifyEnd":[4,"justify-end"],"justifyNormal":[4,"justify-normal"],"justifyLeft":[4,"justify-left"],"justifyRight":[4,"justify-right"],"justifyFlexStart":[4,"justify-flex-start"],"justifyFlexEnd":[4,"justify-flex-end"],"justifySpaceAround":[4,"justify-space-around"],"justifySpaceBetween":[4,"justify-space-between"],"justifySpaceEvenly":[4,"justify-space-evenly"]}],[1,"mw-card-header",{"header":[1],"subheader":[1]}],[1,"mw-card-image",{"src":[1],"alt":[1]}],[1,"mw-card-title",{"title":[1],"subtitle":[1],"metadata":[1]}],[1,"mw-divider",{"inset":[4]}],[1,"mw-link",{"href":[1]}],[1,"mw-menu-item",{"title":[1],"subtitle":[1],"disabled":[4],"selected":[1540]}],[1,"mw-menu-list",{"testId":[1,"test-id"]}],[0,"mw-radio",{"disabled":[4],"checked":[1540],"value":[1],"name":[1],"testId":[1,"test-id"],"label":[1]}],[1,"mw-tab",{"selected":[4],"icon":[1],"label":[1],"disabled":[4]}],[1,"mw-popover",{"testId":[1,"test-id"],"open":[1028],"placement":[1],"dismissable":[4],"noPadding":[4,"no-padding"],"name":[1]}],[1,"mw-switch",{"testId":[1,"test-id"],"disabled":[4],"label":[1],"onText":[1,"on-text"],"offText":[1,"off-text"],"checked":[1028]}],[1,"mw-textfield",{"type":[1],"value":[1544],"name":[1],"label":[513],"placeholder":[1],"helperText":[513,"helper-text"],"hasError":[4,"has-error"],"inline":[4],"required":[4],"disabled":[4],"focused":[32]}],[1,"mw-icon",{"icon":[1],"size":[1],"fill":[4],"color":[1],"weight":[2]}]]]], options);
 });

dist/mwui-stencil/mwui-stencil.esm.js

@@ -5,2 +5,2 @@ /*!
  */
-import{p as e,b as t}from"./p-ca37477a.js";(()=>{const t=import.meta.url,s={};return""!==t&&(s.resourcesUrl=new URL(".",t).href),e(s)})().then((e=>t([["p-b24d0520",[[1,"mw-icon-gallery",{icons:[32],filteredIcons:[32],fill:[32],weight:[32]}],[1,"mw-tabs",{testId:[1,"test-id"],selected:[1538],tabs:[32]}],[1,"mw-avatar",{testId:[1,"test-id"],src:[1],icon:[1],alt:[1],size:[1]}],[1,"mw-checkbox",{testId:[1,"test-id"],value:[1537],name:[1],checked:[1540],disabled:[4],label:[1]}],[1,"mw-chip",{testId:[1,"test-id"],icon:[1],disabled:[516],showClose:[4,"show-close"],selected:[1540]}],[1,"mw-menu",{testId:[1,"test-id"],placement:[1],open:[1540]}],[4,"mw-button",{testId:[1,"test-id"],disabled:[4],label:[1],variant:[1],size:[1],href:[1],target:[1]}],[1,"mw-card",{testId:[1,"test-id"],outlined:[4],elevated:[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{justifyCenter:[4,"justify-center"],justifyStart:[4,"justify-start"],justifyEnd:[4,"justify-end"],justifyNormal:[4,"justify-normal"],justifyLeft:[4,"justify-left"],justifyRight:[4,"justify-right"],justifyFlexStart:[4,"justify-flex-start"],justifyFlexEnd:[4,"justify-flex-end"],justifySpaceAround:[4,"justify-space-around"],justifySpaceBetween:[4,"justify-space-between"],justifySpaceEvenly:[4,"justify-space-evenly"]}],[1,"mw-card-header",{header:[1],subheader:[1]}],[1,"mw-card-image",{src:[1],alt:[1]}],[1,"mw-card-title",{title:[1],subtitle:[1],metadata:[1]}],[1,"mw-divider",{inset:[4]}],[1,"mw-menu-item",{title:[1],subtitle:[1],disabled:[4],selected:[1540]}],[1,"mw-menu-list",{testId:[1,"test-id"]}],[4,"mw-radio-button",{disabled:[4],checked:[1028],value:[1],name:[1],testId:[1,"test-id"]}],[1,"mw-tab",{selected:[4],icon:[1],label:[1],disabled:[4]}],[1,"mw-popover",{testId:[1,"test-id"],open:[1028],placement:[1],dismissable:[4],noPadding:[4,"no-padding"],name:[1]}],[1,"mw-switch",{testId:[1,"test-id"],disabled:[4],label:[1],onText:[1,"on-text"],offText:[1,"off-text"],checked:[1028]}],[1,"mw-textfield",{type:[1],value:[1544],name:[1],label:[513],placeholder:[1],helperText:[513,"helper-text"],hasError:[4,"has-error"],inline:[4],required:[4],disabled:[4],focused:[32]}],[1,"mw-icon",{icon:[1],size:[1],fill:[4],color:[1],weight:[2]}]]]],e)));
+import{p as e,b as t}from"./p-ca37477a.js";(()=>{const t=import.meta.url,s={};return""!==t&&(s.resourcesUrl=new URL(".",t).href),e(s)})().then((e=>t([["p-84d74cd9",[[1,"mw-icon-gallery",{icons:[32],filteredIcons:[32],fill:[32],weight:[32]}],[1,"mw-tabs",{testId:[1,"test-id"],selected:[1538],tabs:[32]}],[1,"mw-avatar",{testId:[1,"test-id"],src:[1],icon:[1],alt:[1],size:[1]}],[1,"mw-checkbox",{testId:[1,"test-id"],value:[1537],name:[1],checked:[1540],disabled:[4],label:[1]}],[1,"mw-chip",{testId:[1,"test-id"],icon:[1],disabled:[516],showClose:[4,"show-close"],selected:[1540]}],[1,"mw-menu",{testId:[1,"test-id"],placement:[1],open:[1540]}],[4,"mw-button",{testId:[1,"test-id"],disabled:[4],label:[1],variant:[1],size:[1],href:[1],target:[1]}],[1,"mw-card",{testId:[1,"test-id"],outlined:[4],elevated:[4]}],[1,"mw-card-body"],[1,"mw-card-footer",{justifyCenter:[4,"justify-center"],justifyStart:[4,"justify-start"],justifyEnd:[4,"justify-end"],justifyNormal:[4,"justify-normal"],justifyLeft:[4,"justify-left"],justifyRight:[4,"justify-right"],justifyFlexStart:[4,"justify-flex-start"],justifyFlexEnd:[4,"justify-flex-end"],justifySpaceAround:[4,"justify-space-around"],justifySpaceBetween:[4,"justify-space-between"],justifySpaceEvenly:[4,"justify-space-evenly"]}],[1,"mw-card-header",{header:[1],subheader:[1]}],[1,"mw-card-image",{src:[1],alt:[1]}],[1,"mw-card-title",{title:[1],subtitle:[1],metadata:[1]}],[1,"mw-divider",{inset:[4]}],[1,"mw-link",{href:[1]}],[1,"mw-menu-item",{title:[1],subtitle:[1],disabled:[4],selected:[1540]}],[1,"mw-menu-list",{testId:[1,"test-id"]}],[0,"mw-radio",{disabled:[4],checked:[1540],value:[1],name:[1],testId:[1,"test-id"],label:[1]}],[1,"mw-tab",{selected:[4],icon:[1],label:[1],disabled:[4]}],[1,"mw-popover",{testId:[1,"test-id"],open:[1028],placement:[1],dismissable:[4],noPadding:[4,"no-padding"],name:[1]}],[1,"mw-switch",{testId:[1,"test-id"],disabled:[4],label:[1],onText:[1,"on-text"],offText:[1,"off-text"],checked:[1028]}],[1,"mw-textfield",{type:[1],value:[1544],name:[1],label:[513],placeholder:[1],helperText:[513,"helper-text"],hasError:[4,"has-error"],inline:[4],required:[4],disabled:[4],focused:[32]}],[1,"mw-icon",{icon:[1],size:[1],fill:[4],color:[1],weight:[2]}]]]],e)));

dist/types/components.d.ts

@@ -225,2 +225,8 @@ /* eslint-disable */
     }
+    interface MwLink {
+        /**
+          * URL to where the link should lead
+         */
+        "href": string;
+    }
     interface MwMenu {
@@ -290,3 +296,3 @@ /**
     }
-    interface MwRadioButton {
+    interface MwRadio {
         /**
@@ -297,6 +303,10 @@ * Whether the radio button is checked
         /**
-          * Visually and functionally radio button
+          * Visually and functionally disbale radio button
          */
         "disabled"?: boolean;
         /**
+          * Label to be displayed
+         */
+        "label"?: string;
+        /**
           * Analog to HTML 'name' attribute used to group radios for unique selection
@@ -306,3 +316,3 @@ */
         /**
-          * Must be provided for automated testing
+          * Should be provided for automated testing
          */
@@ -504,2 +514,8 @@ "testId": string;
     };
+    interface HTMLMwLinkElement extends Components.MwLink, HTMLStencilElement {
+    }
+    var HTMLMwLinkElement: {
+        prototype: HTMLMwLinkElement;
+        new (): HTMLMwLinkElement;
+    };
     interface HTMLMwMenuElement extends Components.MwMenu, HTMLStencilElement {
@@ -529,7 +545,7 @@ }
     };
-    interface HTMLMwRadioButtonElement extends Components.MwRadioButton, HTMLStencilElement {
+    interface HTMLMwRadioElement extends Components.MwRadio, HTMLStencilElement {
     }
-    var HTMLMwRadioButtonElement: {
-        prototype: HTMLMwRadioButtonElement;
-        new (): HTMLMwRadioButtonElement;
+    var HTMLMwRadioElement: {
+        prototype: HTMLMwRadioElement;
+        new (): HTMLMwRadioElement;
     };
@@ -574,2 +590,3 @@ interface HTMLMwSwitchElement extends Components.MwSwitch, HTMLStencilElement {
         "mw-icon-gallery": HTMLMwIconGalleryElement;
+        "mw-link": HTMLMwLinkElement;
         "mw-menu": HTMLMwMenuElement;
@@ -579,3 +596,3 @@ "mw-menu-item": HTMLMwMenuItemElement;
         "mw-popover": HTMLMwPopoverElement;
-        "mw-radio-button": HTMLMwRadioButtonElement;
+        "mw-radio": HTMLMwRadioElement;
         "mw-switch": HTMLMwSwitchElement;
@@ -806,2 +823,8 @@ "mw-tab": HTMLMwTabElement;
     }
+    interface MwLink {
+        /**
+          * URL to where the link should lead
+         */
+        "href": string;
+    }
     interface MwMenu {
@@ -872,3 +895,3 @@ /**
     }
-    interface MwRadioButton {
+    interface MwRadio {
         /**
@@ -879,6 +902,10 @@ * Whether the radio button is checked
         /**
-          * Visually and functionally radio button
+          * Visually and functionally disbale radio button
          */
         "disabled"?: boolean;
         /**
+          * Label to be displayed
+         */
+        "label"?: string;
+        /**
           * Analog to HTML 'name' attribute used to group radios for unique selection
@@ -888,3 +915,3 @@ */
         /**
-          * Must be provided for automated testing
+          * Should be provided for automated testing
          */
@@ -994,2 +1021,3 @@ "testId"?: string;
         "mw-icon-gallery": MwIconGallery;
+        "mw-link": MwLink;
         "mw-menu": MwMenu;
@@ -999,3 +1027,3 @@ "mw-menu-item": MwMenuItem;
         "mw-popover": MwPopover;
-        "mw-radio-button": MwRadioButton;
+        "mw-radio": MwRadio;
         "mw-switch": MwSwitch;
@@ -1024,2 +1052,3 @@ "mw-tab": MwTab;
             "mw-icon-gallery": LocalJSX.MwIconGallery & JSXBase.HTMLAttributes<HTMLMwIconGalleryElement>;
+            "mw-link": LocalJSX.MwLink & JSXBase.HTMLAttributes<HTMLMwLinkElement>;
             "mw-menu": LocalJSX.MwMenu & JSXBase.HTMLAttributes<HTMLMwMenuElement>;
@@ -1029,3 +1058,3 @@ "mw-menu-item": LocalJSX.MwMenuItem & JSXBase.HTMLAttributes<HTMLMwMenuItemElement>;
             "mw-popover": LocalJSX.MwPopover & JSXBase.HTMLAttributes<HTMLMwPopoverElement>;
-            "mw-radio-button": LocalJSX.MwRadioButton & JSXBase.HTMLAttributes<HTMLMwRadioButtonElement>;
+            "mw-radio": LocalJSX.MwRadio & JSXBase.HTMLAttributes<HTMLMwRadioElement>;
             "mw-switch": LocalJSX.MwSwitch & JSXBase.HTMLAttributes<HTMLMwSwitchElement>;
@@ -1032,0 +1061,0 @@ "mw-tab": LocalJSX.MwTab & JSXBase.HTMLAttributes<HTMLMwTabElement>;

dist/types/components/mw-textfield/mw-textfield.d.ts

 import { EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
 export declare class MwTextfield {
+  hostElement: HTMLStencilElement;
   valueChanged: EventEmitter<string>;
@@ -45,2 +47,6 @@ /**
   focused: boolean;
+  private inputElement;
+  private hasIconStartSlot;
+  private hasIconEndSlot;
+  componentWillLoad(): void;
   private onValueChange;
@@ -47,0 +53,0 @@ private onFocus;

dist/types/Users/martin.prinz/Projects/mwui/mwui-stencil/.stencil/mwui-token-farm/dist/js/MW_component.d.ts

 /**
  * Do not edit directly
- * Generated on Wed, 18 Jan 2023 10:42:21 GMT
+ * Generated on Fri, 20 Jan 2023 14:00:16 GMT
  */
@@ -87,3 +87,6 @@ export const mwComponentButtonFilledColorBgDefault: "#ed2985";
 export const mwComponentSizeToggleSwitchDefaultH: "32px";
-export const mwComponentSizeCheckboxRadiobuttonDefault: "24px";
+export const mwComponentSizeControlsCheckboxRadiobuttonContainer: "24px";
+export const mwComponentSizeControlsRadiobuttonOutline: "20px";
+export const mwComponentSizeControlsRadiobuttonFill: "8px";
+export const mwComponentSizeControlsCheckboxBox: "20px";
 export const mwComponentSizeTextFieldMinW: "120px";
@@ -126,6 +129,6 @@ export const mwComponentSizeTextFieldLabelHorizontalWidth: "120px";
 export const mwComponentControlsPaddingAll: "0px";
+export const mwComponentControlsBorderWidthSelected: "0px";
+export const mwComponentControlsBorderWidthFocused: 1;
+export const mwComponentControlsBorderWidthUnselected: 1;
 export const mwComponentCheckboxBorderRadius: 2;
-export const mwComponentCheckboxSelectedBorderWidthDefault: "0px";
-export const mwComponentCheckboxSelectedBorderWidthFocused: 1;
-export const mwComponentCheckboxSelectedBorderWidthUnselected: 1;
 export const mwComponentControlsWithLabelGap: "12px";
@@ -132,0 +135,0 @@ export const mwComponentControlsWithLabelPaddingY: "12px";

dist/types/Users/martin.prinz/Projects/mwui/mwui-stencil/.stencil/mwui-token-farm/dist/js/MW_core.d.ts

 /**
  * Do not edit directly
- * Generated on Wed, 18 Jan 2023 10:42:21 GMT
+ * Generated on Fri, 20 Jan 2023 14:00:16 GMT
  */
@@ -87,3 +87,6 @@ export const mwComponentButtonFilledColorBgDefault: "#ed2985";
 export const mwComponentSizeToggleSwitchDefaultH: "32px";
-export const mwComponentSizeCheckboxRadiobuttonDefault: "24px";
+export const mwComponentSizeControlsCheckboxRadiobuttonContainer: "24px";
+export const mwComponentSizeControlsRadiobuttonOutline: "20px";
+export const mwComponentSizeControlsRadiobuttonFill: "8px";
+export const mwComponentSizeControlsCheckboxBox: "20px";
 export const mwComponentSizeTextFieldMinW: "120px";
@@ -126,6 +129,6 @@ export const mwComponentSizeTextFieldLabelHorizontalWidth: "120px";
 export const mwComponentControlsPaddingAll: "0px";
+export const mwComponentControlsBorderWidthSelected: "0px";
+export const mwComponentControlsBorderWidthFocused: 1;
+export const mwComponentControlsBorderWidthUnselected: 1;
 export const mwComponentCheckboxBorderRadius: 2;
-export const mwComponentCheckboxSelectedBorderWidthDefault: "0px";
-export const mwComponentCheckboxSelectedBorderWidthFocused: 1;
-export const mwComponentCheckboxSelectedBorderWidthUnselected: 1;
 export const mwComponentControlsWithLabelGap: "12px";
@@ -132,0 +135,0 @@ export const mwComponentControlsWithLabelPaddingY: "12px";

package.json

 {
   "name": "@maibornwolff/mwui-stencil",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Component Library using Figma's design tokens",
@@ -33,2 +33,3 @@ "main": "dist/index.cjs.js",
     "@emotion/styled": "^11.10.4",
+    "@maibornwolff/mwui-stencil": "file:",
     "@stencil/angular-output-target": "^0.4.0",
@@ -35,0 +36,0 @@ "@stencil/core": "^2.21.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1584739

increased by0.96%

Number of package files

201

increased by5.79%

Lines of code

37678

increased by1.13%

Worsened metrics

Dependency count

8

increased by14.29%

Dependency changes

• + Added@maibornwolff/mwui-stencil@file: