@maggioli-design-system/mds-input 2.0.0 → 2.0.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.
Files changed (47) hide show
  1. package/dist/cjs/{index-926865d7.js → index-da4db2c4.js} +6 -4
  2. package/dist/cjs/loader.cjs.js +2 -2
  3. package/dist/cjs/mds-input.cjs.entry.js +2 -2
  4. package/dist/cjs/mds-input.cjs.js +2 -2
  5. package/dist/collection/collection-manifest.json +1 -1
  6. package/dist/collection/components/mds-input/mds-input.css +34 -0
  7. package/dist/collection/components/mds-input/test/mds-input.stories.js +45 -70
  8. package/dist/collection/dictionary/floating-ui.js +19 -0
  9. package/dist/collection/types/floating-ui.js +1 -0
  10. package/dist/components/mds-input.js +1 -1
  11. package/dist/esm/{index-393bb7cb.js → index-2c6b88ff.js} +6 -4
  12. package/dist/esm/loader.js +2 -2
  13. package/dist/esm/mds-input.entry.js +2 -2
  14. package/dist/esm/mds-input.js +2 -2
  15. package/dist/esm-es5/{index-393bb7cb.js → index-2c6b88ff.js} +2 -1
  16. package/dist/esm-es5/loader.js +1 -1
  17. package/dist/esm-es5/mds-input.entry.js +1 -1
  18. package/dist/esm-es5/mds-input.js +1 -1
  19. package/dist/mds-input/mds-input.esm.js +1 -1
  20. package/dist/mds-input/mds-input.js +1 -1
  21. package/dist/mds-input/{p-aae3e2da.system.entry.js → p-1a9aa37b.system.entry.js} +1 -1
  22. package/{www/build/p-5152ec89.entry.js → dist/mds-input/p-2fb76d77.entry.js} +1 -1
  23. package/dist/mds-input/p-3ad461a4.js +2 -0
  24. package/dist/mds-input/{p-92e90ca1.system.js → p-836e4de3.system.js} +1 -1
  25. package/dist/mds-input/{p-ca6ff30c.system.js → p-c72c4022.system.js} +2 -1
  26. package/dist/stats.json +38 -32
  27. package/dist/types/components/mds-input/test/mds-input.stories.d.ts +145 -0
  28. package/dist/types/components.d.ts +8 -4
  29. package/dist/types/dictionary/floating-ui.d.ts +3 -0
  30. package/dist/types/dictionary/icon.d.ts +1 -1
  31. package/dist/types/types/floating-ui.d.ts +2 -0
  32. package/package.json +5 -4
  33. package/src/components/mds-input/.gitlab-ci.yml +6 -5
  34. package/src/components/mds-input/test/{mds-input.stories.js → mds-input.stories.tsx} +11 -12
  35. package/src/components.d.ts +8 -4
  36. package/src/dictionary/floating-ui.ts +25 -0
  37. package/src/fixtures/icons.json +64 -0
  38. package/src/types/floating-ui.ts +17 -0
  39. package/www/build/mds-input.esm.js +1 -1
  40. package/www/build/mds-input.js +1 -1
  41. package/www/build/{p-aae3e2da.system.entry.js → p-1a9aa37b.system.entry.js} +1 -1
  42. package/{dist/mds-input/p-5152ec89.entry.js → www/build/p-2fb76d77.entry.js} +1 -1
  43. package/www/build/p-3ad461a4.js +2 -0
  44. package/www/build/{p-92e90ca1.system.js → p-836e4de3.system.js} +1 -1
  45. package/www/build/{p-ca6ff30c.system.js → p-c72c4022.system.js} +2 -1
  46. package/dist/mds-input/p-d6028bfd.js +0 -1
  47. package/www/build/p-d6028bfd.js +0 -1
package/dist/cjs/{index-926865d7.js → index-da4db2c4.js} RENAMED
@@ -75,7 +75,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
75
75
  };
76
76
  const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
77
77
  let scopeId = getScopeId(cmpMeta);
78
- let style = styles.get(scopeId);
78
+ const style = styles.get(scopeId);
79
79
  // if an element is NOT connected then getRootNode() will return the wrong root node
80
80
  // so the fallback is to always use the document for the root node in those cases
81
81
  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
@@ -158,7 +158,7 @@ const h = (nodeName, vnodeData, ...children) => {
158
158
  let child = null;
159
159
  let simple = false;
160
160
  let lastSimple = false;
161
- let vNodeChildren = [];
161
+ const vNodeChildren = [];
162
162
  const walk = (c) => {
163
163
  for (let i = 0; i < c.length; i++) {
164
164
  child = c[i];
@@ -287,7 +287,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
287
287
  if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
288
288
  try {
289
289
  if (!elm.tagName.includes('-')) {
290
- let n = newValue == null ? '' : newValue;
290
+ const n = newValue == null ? '' : newValue;
291
291
  // Workaround for Safari, moving the <input> caret when re-assigning the same valued
292
292
  if (memberName === 'list') {
293
293
  isProp = false;
@@ -344,7 +344,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
344
344
  };
345
345
  const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
346
346
  // tslint:disable-next-line: prefer-const
347
- let newVNode = newParentVNode.$children$[childIndex];
347
+ const newVNode = newParentVNode.$children$[childIndex];
348
348
  let i = 0;
349
349
  let elm;
350
350
  let childNode;
@@ -1156,7 +1156,9 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1156
1156
  if (module) {
1157
1157
  return module[exportName];
1158
1158
  }
1159
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
1159
1160
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1161
+ /* @vite-ignore */
1160
1162
  /* webpackInclude: /\.entry\.js$/ */
1161
1163
  /* webpackExclude: /\.system\.entry\.js$/ */
1162
1164
  /* webpackMode: "lazy" */
package/dist/cjs/loader.cjs.js CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-926865d7.js');
5
+ const index = require('./index-da4db2c4.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Esm v2.15.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchEsm = () => {
11
11
  return index.promiseResolve();
package/dist/cjs/mds-input.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-926865d7.js');
5
+ const index = require('./index-da4db2c4.js');
6
6
 
7
7
  function toVal(mix) {
8
8
  var k, y, str='';
@@ -45,7 +45,7 @@ function clsx () {
45
45
  return str;
46
46
  }
47
47
 
48
- const mdsInputCss = "*.sc-mds-input,.sc-mds-input::before,.sc-mds-input::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}@tailwind utilities; .sc-mds-input-h{--background:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone));font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:-ms-flexbox;display:flex}.input.sc-mds-input{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:0.5rem;border-style:none;border-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;--tw-text-opacity:1;color:rgba(var(--adjust-tone-02), var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--adjust-tone-02), var(--tw-ring-opacity));--tw-ring-opacity:0.1;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--background)}textarea.input.sc-mds-input:active{-webkit-transition-property:none;transition-property:none}textarea.input.sc-mds-input{max-height:16rem;min-height:6rem;border-bottom-right-radius:0px}.input.sc-mds-input:focus{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgba(var(--brand-maggioli-04), 0.5);--tw-shadow:var(--tw-shadow-colored);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--brand-maggioli-04), var(--tw-ring-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.input.sc-mds-input:disabled{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-10), var(--tw-bg-opacity))}.input.sc-mds-input:disabled::-moz-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled:-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-webkit-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled,.input.sc-mds-input:disabled::placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.has-icon.sc-mds-input{padding-left:2.75rem}.tip.sc-mds-input,.tip-variant.sc-mds-input{pointer-events:none;position:absolute;right:0.25rem;height:0.75rem;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding-left:0.5rem;padding-right:0.5rem;text-align:center;--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);line-height:0.75rem}.read-only.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-05), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--status-info-09), var(--tw-text-opacity))}.required.sc-mds-input{width:0.75rem;--tw-bg-opacity:1;background-color:rgba(var(--status-error-05), var(--tw-bg-opacity));padding:0px;color:rgba(var(--adjust-tone), var(--tw-text-opacity));--tw-text-opacity:0}.disabled.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-05), var(--tw-bg-opacity))}.input.sc-mds-input:focus+.required.sc-mds-input{width:6rem;--tw-text-opacity:1}.icon.sc-mds-input{position:absolute;left:0.75rem;top:0.75rem;fill:rgb(var(--brand-maggioli-04))}.top-1.sc-mds-input{top:0.25rem}.bottom-1.sc-mds-input{bottom:0.25rem}.border.sc-mds-input{border-width:1px}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-info-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-info-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-info-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-success-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-success-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-success-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-success-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-warning-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-warning-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-warning-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-warning-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-error-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-error-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-error-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-error-06), var(--tw-text-opacity))}";
48
+ const mdsInputCss = "*.sc-mds-input,.sc-mds-input::before,.sc-mds-input::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}@tailwind utilities; .sc-mds-input-h{--background:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone));font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:-ms-flexbox;display:flex}.input.sc-mds-input{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:0.5rem;border-style:none;border-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;--tw-text-opacity:1;color:rgba(var(--adjust-tone-02), var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--adjust-tone-02), var(--tw-ring-opacity));--tw-ring-opacity:0.1;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--background)}textarea.input.sc-mds-input:active{-webkit-transition-property:none;transition-property:none}textarea.input.sc-mds-input{max-height:16rem;min-height:6rem;border-bottom-right-radius:0px}.input.sc-mds-input:focus{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgba(var(--brand-maggioli-04), 0.5);--tw-shadow:var(--tw-shadow-colored);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--brand-maggioli-04), var(--tw-ring-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.input.sc-mds-input:disabled{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-10), var(--tw-bg-opacity))}.input.sc-mds-input:disabled::-moz-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled:-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-webkit-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled,.input.sc-mds-input:disabled::placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.has-icon.sc-mds-input{padding-left:2.75rem}.tip.sc-mds-input,.tip-variant.sc-mds-input{pointer-events:none;position:absolute;right:0.25rem;height:0.75rem;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding-left:0.5rem;padding-right:0.5rem;text-align:center;--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);line-height:0.75rem}.read-only.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-05), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--status-info-09), var(--tw-text-opacity))}.required.sc-mds-input{width:0.75rem;--tw-bg-opacity:1;background-color:rgba(var(--status-error-05), var(--tw-bg-opacity));padding:0px;color:rgba(var(--adjust-tone), var(--tw-text-opacity));--tw-text-opacity:0}.disabled.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-05), var(--tw-bg-opacity))}.input.sc-mds-input:focus+.required.sc-mds-input{width:6rem;--tw-text-opacity:1}.icon.sc-mds-input{position:absolute;left:0.75rem;top:0.75rem;fill:rgb(var(--brand-maggioli-04))}.fixed.sc-mds-input{position:fixed}.absolute.sc-mds-input{position:absolute}.top-1.sc-mds-input{top:0.25rem}.bottom-1.sc-mds-input{bottom:0.25rem}.flex.sc-mds-input{display:-ms-flexbox;display:flex}.w-min.sc-mds-input{width:-webkit-min-content;width:-moz-min-content;width:min-content}.flex-col.sc-mds-input{-ms-flex-direction:column;flex-direction:column}.gap-y-2.sc-mds-input{row-gap:0.5rem}.border.sc-mds-input{border-width:1px}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-info-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-info-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-info-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-success-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-success-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-success-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-success-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-warning-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-warning-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-warning-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-warning-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-error-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-error-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-error-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-error-06), var(--tw-text-opacity))}";
49
49
 
50
50
  const MdsInput = class {
51
51
  constructor(hostRef) {
package/dist/cjs/mds-input.cjs.js CHANGED
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
- const index = require('./index-926865d7.js');
3
+ const index = require('./index-da4db2c4.js');
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v2.15.1 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  const patchBrowser = () => {
9
9
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-input.cjs.js', document.baseURI).href));
package/dist/collection/collection-manifest.json CHANGED
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "2.15.1",
7
+ "version": "2.16.1",
8
8
  "typescriptVersion": "4.5.4"
9
9
  },
10
10
  "collections": [],
package/dist/collection/components/mds-input/mds-input.css CHANGED
@@ -340,6 +340,16 @@ textarea.input{
340
340
  fill: rgb(var(--brand-maggioli-04));
341
341
  }
342
342
 
343
+ .fixed{
344
+
345
+ position: fixed;
346
+ }
347
+
348
+ .absolute{
349
+
350
+ position: absolute;
351
+ }
352
+
343
353
  .top-1{
344
354
 
345
355
  top: 0.25rem;
@@ -350,6 +360,30 @@ textarea.input{
350
360
  bottom: 0.25rem;
351
361
  }
352
362
 
363
+ .flex{
364
+
365
+ display: flex;
366
+ }
367
+
368
+ .w-min{
369
+
370
+ width: -webkit-min-content;
371
+
372
+ width: -moz-min-content;
373
+
374
+ width: min-content;
375
+ }
376
+
377
+ .flex-col{
378
+
379
+ flex-direction: column;
380
+ }
381
+
382
+ .gap-y-2{
383
+
384
+ row-gap: 0.5rem;
385
+ }
386
+
353
387
  .border{
354
388
 
355
389
  border-width: 1px;
package/dist/collection/components/mds-input/test/mds-input.stories.js CHANGED
@@ -1,16 +1,12 @@
1
- import React from 'react'
2
- import MdsInput from '@component/mds-input/mds-input'
3
- import { citiesDictionary } from '@fixture/cities'
4
- import { themeStatusVariantDictionary } from '@dictionary/variant'
5
- import { autoCompleteDictionary } from '@dictionary/autocomplete'
6
- import { inputTextTypeDictionary } from '@dictionary/input-text-type'
7
- import { iconsDictionary } from '@dictionary/icon'
8
-
1
+ import { citiesDictionary } from '@fixture/cities';
2
+ import { themeStatusVariantDictionary } from '@dictionary/variant';
3
+ import { autoCompleteDictionary } from '@dictionary/autocomplete';
4
+ import { inputTextTypeDictionary } from '@dictionary/input-text-type';
5
+ import { iconsDictionary } from '@dictionary/icon';
6
+ import { h } from '@stencil/core';
9
7
  // https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill
10
-
11
8
  export default {
12
9
  title: 'Form / Input / Input',
13
- component: MdsInput,
14
10
  argTypes: {
15
11
  autocomplete: {
16
12
  description: 'Specifies whether the element should have autocomplete enabled',
@@ -96,102 +92,81 @@ export default {
96
92
  description: 'Specifies the value of the element',
97
93
  },
98
94
  },
99
- }
100
-
101
- const Template = args =>
102
- <mds-input {...args}></mds-input>
103
-
104
- export const Default = Template.bind({})
95
+ };
96
+ const Template = args => h("mds-input", Object.assign({}, args));
97
+ export const Default = Template.bind({});
105
98
  Default.args = {
106
99
  placeholder: 'Scrivi qualcosa',
107
- }
108
-
109
- export const autoComplete = Template.bind({})
100
+ };
101
+ export const autoComplete = Template.bind({});
110
102
  autoComplete.args = {
111
103
  autocomplete: 'address',
112
104
  type: 'text',
113
105
  placeholder: 'Intestatario carta di credito',
114
- }
115
-
116
- export const autoFocus = Template.bind({})
106
+ };
107
+ export const autoFocus = Template.bind({});
117
108
  autoFocus.args = {
118
109
  autofocus: true,
119
110
  placeholder: 'Auto focus input text',
120
- }
121
-
122
- export const Disabled = Template.bind({})
111
+ };
112
+ export const Disabled = Template.bind({});
123
113
  Disabled.args = {
124
114
  disabled: true,
125
115
  placeholder: 'Input field with disabled attribute',
126
- }
127
-
128
- export const max = Template.bind({})
116
+ };
117
+ export const max = Template.bind({});
129
118
  max.args = {
130
119
  max: '3',
131
120
  type: 'number',
132
121
  value: '2',
133
- }
134
-
135
- export const Required = Template.bind({})
122
+ };
123
+ export const Required = Template.bind({});
136
124
  Required.args = {
137
125
  required: true,
138
126
  placeholder: 'This is a required field',
139
- }
140
-
141
- export const readOnly = Template.bind({})
127
+ };
128
+ export const readOnly = Template.bind({});
142
129
  readOnly.args = {
143
130
  readOnly: true,
144
131
  value: 'This is a read only field',
145
- }
146
-
147
- export const status = Template.bind({})
132
+ };
133
+ export const status = Template.bind({});
148
134
  status.args = {
149
135
  status: 'error',
150
136
  placeholder: 'Status input field',
151
137
  'status-tip': 'errore',
152
- }
153
-
154
- export const search = Template.bind({})
138
+ };
139
+ export const search = Template.bind({});
155
140
  search.args = {
156
141
  datalist: citiesDictionary,
157
142
  type: 'search',
158
143
  placeholder: 'Search a city name...',
159
- }
160
-
161
- export const icon = Template.bind({})
144
+ };
145
+ export const icon = Template.bind({});
162
146
  icon.args = {
163
147
  icon: 'mi/round/email',
164
148
  placeholder: 'Status input field',
165
- }
166
-
167
- const FormIntegration = (args) => (
168
- <form className="flex flex-col gap-y-2" id="mds-icon-fi" name="mds-icon-fi">
169
- <mds-input {...args}></mds-input>
170
- <mds-button class="w-min" type="button" onClick={() => {
171
- const input = document.querySelector('input[name="inputto"]')
149
+ };
150
+ const FormIntegration = (args) => (h("form", { class: "flex flex-col gap-y-2", id: "mds-icon-fi", name: "mds-icon-fi" },
151
+ h("mds-input", Object.assign({}, args)),
152
+ h("mds-button", { class: "w-min", type: "button", onClick: () => {
153
+ const input = document.querySelector('input[name="inputto"]');
172
154
  const form = document.querySelector('form');
173
155
  const mdsInput = document.querySelector('mds-input');
174
-
175
- console.log('Input', input)
176
- console.log('Form', form)
177
- console.log('Form elements', form.elements)
178
- console.log('MdsInput', mdsInput)
179
-
156
+ console.log('Input', input);
157
+ console.log('Form', form);
158
+ console.log('Form elements', form.elements);
159
+ console.log('MdsInput', mdsInput);
180
160
  mdsInput.getInputElement().then((inputElement) => {
181
- console.log('MdsInput input element', inputElement)
182
- })
183
-
184
- input.addEventListener('input', function(e) { console.error('Input', e.target.value)})
185
- input.addEventListener('change', function(e) { console.warn('Change', e.target.value)})
186
- mdsInput.addEventListener('changeEvent', function(e) { console.info('MdsInput ChangeEvent', e.detail.value) })
187
-
188
- form.addEventListener('submit', function(e) { e.preventDefault(), console.info('Submitted', e)})
189
- }}>Trigger listener</mds-button>
190
- </form>
191
- )
192
-
193
- export const formIntegration = FormIntegration.bind({})
161
+ console.log('MdsInput input element', inputElement);
162
+ });
163
+ input.addEventListener('input', (e) => { console.error('Input', e.target.value); });
164
+ input.addEventListener('change', (e) => { console.warn('Change', e.target.value); });
165
+ mdsInput.addEventListener('changeEvent', (e) => { console.info('MdsInput ChangeEvent', e.detail.value); });
166
+ form.addEventListener('submit', (e) => { e.preventDefault(), console.info('Submitted', e); });
167
+ } }, "Trigger listener")));
168
+ export const formIntegration = FormIntegration.bind({});
194
169
  formIntegration.args = {
195
170
  placeholder: 'Mi integro col form!',
196
171
  name: 'inputto',
197
- }
172
+ };
package/dist/collection/dictionary/floating-ui.js ADDED
@@ -0,0 +1,19 @@
1
+ const floatingUIPlacementDictionary = [
2
+ 'bottom',
3
+ 'bottom-end',
4
+ 'bottom-start',
5
+ 'left',
6
+ 'left-end',
7
+ 'left-start',
8
+ 'right',
9
+ 'right-end',
10
+ 'right-start',
11
+ 'top',
12
+ 'top-end',
13
+ 'top-start',
14
+ ];
15
+ const floatingUIStrategyDictionary = [
16
+ 'absolute',
17
+ 'fixed',
18
+ ];
19
+ export { floatingUIPlacementDictionary, floatingUIStrategyDictionary, };
package/dist/collection/types/floating-ui.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/dist/components/mds-input.js CHANGED
@@ -41,7 +41,7 @@ function clsx () {
41
41
  return str;
42
42
  }
43
43
 
44
- const mdsInputCss = "*.sc-mds-input,.sc-mds-input::before,.sc-mds-input::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}@tailwind utilities; .sc-mds-input-h{--background:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone));font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:-ms-flexbox;display:flex}.input.sc-mds-input{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:0.5rem;border-style:none;border-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;--tw-text-opacity:1;color:rgba(var(--adjust-tone-02), var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--adjust-tone-02), var(--tw-ring-opacity));--tw-ring-opacity:0.1;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--background)}textarea.input.sc-mds-input:active{-webkit-transition-property:none;transition-property:none}textarea.input.sc-mds-input{max-height:16rem;min-height:6rem;border-bottom-right-radius:0px}.input.sc-mds-input:focus{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgba(var(--brand-maggioli-04), 0.5);--tw-shadow:var(--tw-shadow-colored);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--brand-maggioli-04), var(--tw-ring-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.input.sc-mds-input:disabled{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-10), var(--tw-bg-opacity))}.input.sc-mds-input:disabled::-moz-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled:-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-webkit-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled,.input.sc-mds-input:disabled::placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.has-icon.sc-mds-input{padding-left:2.75rem}.tip.sc-mds-input,.tip-variant.sc-mds-input{pointer-events:none;position:absolute;right:0.25rem;height:0.75rem;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding-left:0.5rem;padding-right:0.5rem;text-align:center;--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);line-height:0.75rem}.read-only.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-05), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--status-info-09), var(--tw-text-opacity))}.required.sc-mds-input{width:0.75rem;--tw-bg-opacity:1;background-color:rgba(var(--status-error-05), var(--tw-bg-opacity));padding:0px;color:rgba(var(--adjust-tone), var(--tw-text-opacity));--tw-text-opacity:0}.disabled.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-05), var(--tw-bg-opacity))}.input.sc-mds-input:focus+.required.sc-mds-input{width:6rem;--tw-text-opacity:1}.icon.sc-mds-input{position:absolute;left:0.75rem;top:0.75rem;fill:rgb(var(--brand-maggioli-04))}.top-1.sc-mds-input{top:0.25rem}.bottom-1.sc-mds-input{bottom:0.25rem}.border.sc-mds-input{border-width:1px}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-info-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-info-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-info-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-success-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-success-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-success-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-success-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-warning-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-warning-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-warning-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-warning-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-error-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-error-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-error-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-error-06), var(--tw-text-opacity))}";
44
+ const mdsInputCss = "*.sc-mds-input,.sc-mds-input::before,.sc-mds-input::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}@tailwind utilities; .sc-mds-input-h{--background:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone));font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:-ms-flexbox;display:flex}.input.sc-mds-input{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:0.5rem;border-style:none;border-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;--tw-text-opacity:1;color:rgba(var(--adjust-tone-02), var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--adjust-tone-02), var(--tw-ring-opacity));--tw-ring-opacity:0.1;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--background)}textarea.input.sc-mds-input:active{-webkit-transition-property:none;transition-property:none}textarea.input.sc-mds-input{max-height:16rem;min-height:6rem;border-bottom-right-radius:0px}.input.sc-mds-input:focus{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgba(var(--brand-maggioli-04), 0.5);--tw-shadow:var(--tw-shadow-colored);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--brand-maggioli-04), var(--tw-ring-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.input.sc-mds-input:disabled{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-10), var(--tw-bg-opacity))}.input.sc-mds-input:disabled::-moz-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled:-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-webkit-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled,.input.sc-mds-input:disabled::placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.has-icon.sc-mds-input{padding-left:2.75rem}.tip.sc-mds-input,.tip-variant.sc-mds-input{pointer-events:none;position:absolute;right:0.25rem;height:0.75rem;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding-left:0.5rem;padding-right:0.5rem;text-align:center;--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);line-height:0.75rem}.read-only.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-05), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--status-info-09), var(--tw-text-opacity))}.required.sc-mds-input{width:0.75rem;--tw-bg-opacity:1;background-color:rgba(var(--status-error-05), var(--tw-bg-opacity));padding:0px;color:rgba(var(--adjust-tone), var(--tw-text-opacity));--tw-text-opacity:0}.disabled.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-05), var(--tw-bg-opacity))}.input.sc-mds-input:focus+.required.sc-mds-input{width:6rem;--tw-text-opacity:1}.icon.sc-mds-input{position:absolute;left:0.75rem;top:0.75rem;fill:rgb(var(--brand-maggioli-04))}.fixed.sc-mds-input{position:fixed}.absolute.sc-mds-input{position:absolute}.top-1.sc-mds-input{top:0.25rem}.bottom-1.sc-mds-input{bottom:0.25rem}.flex.sc-mds-input{display:-ms-flexbox;display:flex}.w-min.sc-mds-input{width:-webkit-min-content;width:-moz-min-content;width:min-content}.flex-col.sc-mds-input{-ms-flex-direction:column;flex-direction:column}.gap-y-2.sc-mds-input{row-gap:0.5rem}.border.sc-mds-input{border-width:1px}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-info-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-info-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-info-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-success-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-success-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-success-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-success-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-warning-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-warning-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-warning-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-warning-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-error-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-error-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-error-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-error-06), var(--tw-text-opacity))}";
45
45
 
46
46
  const MdsInput$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
47
47
  constructor() {
package/dist/esm/{index-393bb7cb.js → index-2c6b88ff.js} RENAMED
@@ -53,7 +53,7 @@ const registerStyle = (scopeId, cssText, allowCS) => {
53
53
  };
54
54
  const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
55
55
  let scopeId = getScopeId(cmpMeta);
56
- let style = styles.get(scopeId);
56
+ const style = styles.get(scopeId);
57
57
  // if an element is NOT connected then getRootNode() will return the wrong root node
58
58
  // so the fallback is to always use the document for the root node in those cases
59
59
  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
@@ -136,7 +136,7 @@ const h = (nodeName, vnodeData, ...children) => {
136
136
  let child = null;
137
137
  let simple = false;
138
138
  let lastSimple = false;
139
- let vNodeChildren = [];
139
+ const vNodeChildren = [];
140
140
  const walk = (c) => {
141
141
  for (let i = 0; i < c.length; i++) {
142
142
  child = c[i];
@@ -265,7 +265,7 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
265
265
  if ((isProp || (isComplex && newValue !== null)) && !isSvg) {
266
266
  try {
267
267
  if (!elm.tagName.includes('-')) {
268
- let n = newValue == null ? '' : newValue;
268
+ const n = newValue == null ? '' : newValue;
269
269
  // Workaround for Safari, moving the <input> caret when re-assigning the same valued
270
270
  if (memberName === 'list') {
271
271
  isProp = false;
@@ -322,7 +322,7 @@ const updateElement = (oldVnode, newVnode, isSvgMode, memberName) => {
322
322
  };
323
323
  const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
324
324
  // tslint:disable-next-line: prefer-const
325
- let newVNode = newParentVNode.$children$[childIndex];
325
+ const newVNode = newParentVNode.$children$[childIndex];
326
326
  let i = 0;
327
327
  let elm;
328
328
  let childNode;
@@ -1134,7 +1134,9 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1134
1134
  if (module) {
1135
1135
  return module[exportName];
1136
1136
  }
1137
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
1137
1138
  return import(
1139
+ /* @vite-ignore */
1138
1140
  /* webpackInclude: /\.entry\.js$/ */
1139
1141
  /* webpackExclude: /\.system\.entry\.js$/ */
1140
1142
  /* webpackMode: "lazy" */
package/dist/esm/loader.js CHANGED
@@ -1,7 +1,7 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-393bb7cb.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-2c6b88ff.js';
2
2
 
3
3
  /*
4
- Stencil Client Patch Esm v2.15.1 | MIT Licensed | https://stenciljs.com
4
+ Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
5
5
  */
6
6
  const patchEsm = () => {
7
7
  return promiseResolve();
package/dist/esm/mds-input.entry.js CHANGED
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-393bb7cb.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2c6b88ff.js';
2
2
 
3
3
  function toVal(mix) {
4
4
  var k, y, str='';
@@ -41,7 +41,7 @@ function clsx () {
41
41
  return str;
42
42
  }
43
43
 
44
- const mdsInputCss = "*.sc-mds-input,.sc-mds-input::before,.sc-mds-input::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}@tailwind utilities; .sc-mds-input-h{--background:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone));font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:-ms-flexbox;display:flex}.input.sc-mds-input{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:0.5rem;border-style:none;border-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;--tw-text-opacity:1;color:rgba(var(--adjust-tone-02), var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--adjust-tone-02), var(--tw-ring-opacity));--tw-ring-opacity:0.1;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--background)}textarea.input.sc-mds-input:active{-webkit-transition-property:none;transition-property:none}textarea.input.sc-mds-input{max-height:16rem;min-height:6rem;border-bottom-right-radius:0px}.input.sc-mds-input:focus{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgba(var(--brand-maggioli-04), 0.5);--tw-shadow:var(--tw-shadow-colored);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--brand-maggioli-04), var(--tw-ring-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.input.sc-mds-input:disabled{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-10), var(--tw-bg-opacity))}.input.sc-mds-input:disabled::-moz-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled:-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-webkit-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled,.input.sc-mds-input:disabled::placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.has-icon.sc-mds-input{padding-left:2.75rem}.tip.sc-mds-input,.tip-variant.sc-mds-input{pointer-events:none;position:absolute;right:0.25rem;height:0.75rem;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding-left:0.5rem;padding-right:0.5rem;text-align:center;--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);line-height:0.75rem}.read-only.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-05), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--status-info-09), var(--tw-text-opacity))}.required.sc-mds-input{width:0.75rem;--tw-bg-opacity:1;background-color:rgba(var(--status-error-05), var(--tw-bg-opacity));padding:0px;color:rgba(var(--adjust-tone), var(--tw-text-opacity));--tw-text-opacity:0}.disabled.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-05), var(--tw-bg-opacity))}.input.sc-mds-input:focus+.required.sc-mds-input{width:6rem;--tw-text-opacity:1}.icon.sc-mds-input{position:absolute;left:0.75rem;top:0.75rem;fill:rgb(var(--brand-maggioli-04))}.top-1.sc-mds-input{top:0.25rem}.bottom-1.sc-mds-input{bottom:0.25rem}.border.sc-mds-input{border-width:1px}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-info-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-info-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-info-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-success-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-success-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-success-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-success-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-warning-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-warning-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-warning-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-warning-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-error-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-error-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-error-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-error-06), var(--tw-text-opacity))}";
44
+ const mdsInputCss = "*.sc-mds-input,.sc-mds-input::before,.sc-mds-input::after{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}@tailwind utilities; .sc-mds-input-h{--background:rgb(var(--adjust-tone));--icon-color:rgb(var(--adjust-tone));font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;display:-ms-flexbox;display:flex}.input.sc-mds-input{font-family:Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;width:100%;overflow:hidden;text-overflow:ellipsis;border-radius:0.5rem;border-style:none;border-color:transparent;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;--tw-text-opacity:1;color:rgba(var(--adjust-tone-02), var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-color:rgba(var(--adjust-tone-02), var(--tw-ring-opacity));--tw-ring-opacity:0.1;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--background)}textarea.input.sc-mds-input:active{-webkit-transition-property:none;transition-property:none}textarea.input.sc-mds-input{max-height:16rem;min-height:6rem;border-bottom-right-radius:0px}.input.sc-mds-input:focus{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgba(var(--brand-maggioli-04), 0.5);--tw-shadow:var(--tw-shadow-colored);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--brand-maggioli-04), var(--tw-ring-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}.input.sc-mds-input:disabled{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-10), var(--tw-bg-opacity))}.input.sc-mds-input:disabled::-moz-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled:-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-webkit-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled::-ms-input-placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.sc-mds-input:disabled,.input.sc-mds-input:disabled::placeholder{--tw-text-opacity:1;color:rgba(var(--adjust-tone-05), var(--tw-text-opacity))}.input.has-icon.sc-mds-input{padding-left:2.75rem}.tip.sc-mds-input,.tip-variant.sc-mds-input{pointer-events:none;position:absolute;right:0.25rem;height:0.75rem;-ms-flex-pack:center;justify-content:center;border-radius:9999px;padding-left:0.5rem;padding-right:0.5rem;text-align:center;--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity));-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);line-height:0.75rem}.read-only.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-05), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--status-info-09), var(--tw-text-opacity))}.required.sc-mds-input{width:0.75rem;--tw-bg-opacity:1;background-color:rgba(var(--status-error-05), var(--tw-bg-opacity));padding:0px;color:rgba(var(--adjust-tone), var(--tw-text-opacity));--tw-text-opacity:0}.disabled.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--adjust-tone-05), var(--tw-bg-opacity))}.input.sc-mds-input:focus+.required.sc-mds-input{width:6rem;--tw-text-opacity:1}.icon.sc-mds-input{position:absolute;left:0.75rem;top:0.75rem;fill:rgb(var(--brand-maggioli-04))}.fixed.sc-mds-input{position:fixed}.absolute.sc-mds-input{position:absolute}.top-1.sc-mds-input{top:0.25rem}.bottom-1.sc-mds-input{bottom:0.25rem}.flex.sc-mds-input{display:-ms-flexbox;display:flex}.w-min.sc-mds-input{width:-webkit-min-content;width:-moz-min-content;width:min-content}.flex-col.sc-mds-input{-ms-flex-direction:column;flex-direction:column}.gap-y-2.sc-mds-input{row-gap:0.5rem}.border.sc-mds-input{border-width:1px}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-info-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-info-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-info-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=info].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-info-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-success-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-success-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-success-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=success].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-success-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-warning-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-warning-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-warning-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=warning].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-warning-06), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .input.sc-mds-input:focus{--tw-shadow-color:rgba(var(--status-error-06), 0.5);--tw-shadow:var(--tw-shadow-colored);--tw-ring-opacity:1;--tw-ring-color:rgba(var(--status-error-06), var(--tw-ring-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .tip-variant.sc-mds-input{--tw-bg-opacity:1;background-color:rgba(var(--status-error-06), var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--adjust-tone), var(--tw-text-opacity))}.sc-mds-input-h(.sc-mds-input [variant=error].sc-mds-input).sc-mds-input .icon.sc-mds-input{--tw-text-opacity:1;color:rgba(var(--status-error-06), var(--tw-text-opacity))}";
45
45
 
46
46
  const MdsInput = class {
47
47
  constructor(hostRef) {
package/dist/esm/mds-input.js CHANGED
@@ -1,7 +1,7 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-393bb7cb.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-2c6b88ff.js';
2
2
 
3
3
  /*
4
- Stencil Client Patch Browser v2.15.1 | MIT Licensed | https://stenciljs.com
4
+ Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
5
5
  */
6
6
  const patchBrowser = () => {
7
7
  const importMeta = import.meta.url;