@maggioli-design-system/mds-input-select 1.0.2 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-de20f095.js → index-7175cc31.js} +29 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/mds-input-select.cjs.entry.js +33 -5
- package/dist/cjs/mds-input-select.cjs.js +2 -2
- package/dist/collection/common/locale.js +20 -0
- package/dist/collection/components/mds-input-select/mds-input-select.css +309 -115
- package/dist/collection/components/mds-input-select/mds-input-select.js +149 -5
- package/dist/collection/components/mds-input-select/test/mds-input-select.stories.js +39 -0
- package/dist/collection/type/variant-file-format.js +20 -11
- package/dist/components/mds-input-select.js +40 -5
- package/dist/documentation.json +186 -4
- package/dist/esm/{index-635ef000.js → index-4672d19a.js} +29 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/mds-input-select.entry.js +33 -5
- package/dist/esm/mds-input-select.js +3 -3
- package/dist/esm-es5/index-4672d19a.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-input-select.entry.js +1 -1
- package/dist/esm-es5/mds-input-select.js +1 -1
- package/dist/mds-input-select/mds-input-select.esm.js +1 -1
- package/dist/mds-input-select/mds-input-select.js +1 -1
- package/dist/mds-input-select/p-53c0eb18.js +2 -0
- package/dist/mds-input-select/p-6d6ca9a5.system.js +1 -0
- package/dist/mds-input-select/p-7a1ae946.entry.js +1 -0
- package/dist/mds-input-select/p-8ac51d55.system.entry.js +1 -0
- package/dist/mds-input-select/p-ea04eaa8.system.js +2 -0
- package/dist/stats.json +331 -44
- package/dist/types/common/locale.d.ts +14 -0
- package/dist/types/components/mds-input-select/test/mds-input-select.stories.d.ts +43 -0
- package/dist/types/components.d.ts +52 -2
- package/documentation.json +234 -6
- package/package.json +2 -1
- package/readme.md +35 -6
- package/src/common/locale.ts +31 -0
- package/src/components/mds-input-select/css/mds-input-variant.css +89 -0
- package/src/components/mds-input-select/mds-input-select.css +65 -13
- package/src/components/mds-input-select/mds-input-select.tsx +78 -4
- package/src/components/mds-input-select/readme.md +19 -6
- package/src/components/mds-input-select/test/mds-input-select.stories.tsx +42 -0
- package/src/components.d.ts +52 -2
- package/src/fixtures/icons.json +17 -0
- package/src/fixtures/iconsauce.json +9 -0
- package/src/type/variant-file-format.ts +20 -11
- package/www/build/mds-input-select.esm.js +1 -1
- package/www/build/mds-input-select.js +1 -1
- package/www/build/p-53c0eb18.js +2 -0
- package/www/build/p-6d6ca9a5.system.js +1 -0
- package/www/build/p-7a1ae946.entry.js +1 -0
- package/www/build/p-8ac51d55.system.entry.js +1 -0
- package/www/build/p-ea04eaa8.system.js +2 -0
- package/dist/esm-es5/index-635ef000.js +0 -1
- package/dist/mds-input-select/p-14820a52.js +0 -2
- package/dist/mds-input-select/p-a14abcd4.system.js +0 -2
- package/dist/mds-input-select/p-dce0cce7.system.entry.js +0 -1
- package/dist/mds-input-select/p-de98024b.entry.js +0 -1
- package/dist/mds-input-select/p-f24e4812.system.js +0 -1
- package/www/build/p-14820a52.js +0 -2
- package/www/build/p-a14abcd4.system.js +0 -2
- package/www/build/p-dce0cce7.system.entry.js +0 -1
- package/www/build/p-de98024b.entry.js +0 -1
- package/www/build/p-f24e4812.system.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-a14abcd4.system.js"],(function(t){"use strict";var o,r,i,e,a;return{setters:[function(t){o=t.r;r=t.c;i=t.h;e=t.H;a=t.g}],execute:function(){function l(t){var o,r,i="";if("string"==typeof t||"number"==typeof t)i+=t;else if("object"==typeof t)if(Array.isArray(t)){var e=t.length;for(o=0;o<e;o++)t[o]&&(r=l(t[o]))&&(i&&(i+=" "),i+=r)}else for(r in t)t[r]&&(i&&(i+=" "),i+=r);return i}function n(){for(var t,o,r=0,i="",e=arguments.length;r<e;r++)(t=arguments[r])&&(o=l(t))&&(i&&(i+=" "),i+=o);return i}var s='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>';var c="@tailwind components; *,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;}::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--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)}:host{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--mds-input-select-variant-color:var(--tone-neutral-01);--mds-input-select-ring:0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);--mds-input-select-shadow:0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);color:rgb(var(--tone-neutral-02));display:-ms-flexbox;display:flex;position:relative}.input{font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;min-height:3rem;width:100%;border-radius:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:3rem;-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);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgb(var(--tone-neutral));border:0;-webkit-box-shadow:var(--mds-input-select-ring), var(--mds-input-select-shadow);box-shadow:var(--mds-input-select-ring), var(--mds-input-select-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:rgb(var(--tone-neutral-05));cursor:pointer;overflow:hidden;text-overflow:ellipsis}.input:hover,.input:focus{outline:2px solid transparent;outline-offset:2px;-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);--mds-input-select-variant-color:var(--brand-maggioli-04);--mds-input-select-ring:0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);--mds-input-select-shadow:0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);color:rgb(var(--tone-neutral-03))}:host([value]:not([value=\"\"])) .input{color:rgb(var(--tone-neutral-03))}.input--mds-input-select-selected{color:rgb(var(--tone-neutral-02))}.icon-container{right:1rem;height:3rem;-ms-flex-align:center;align-items:center;color:inherit;display:-ms-flexbox;display:flex;pointer-events:none;position:absolute}.icon{border-radius:9999px;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:200ms;transition-duration:200ms;background-color:transparent;fill:rgb(var(--brand-maggioli-04))}.input:focus+.icon-container .icon,.input:hover+.icon-container .icon{background-color:rgb(var(--tone-neutral-09));fill:rgb(var(--brand-maggioli-02))}.option-container{display:none}";var b=t("mds_input_select",function(){function t(t){var i=this;o(this,t);this.changeEvent=r(this,"mdsInputSelectChange",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.onInput=function(t){var o=t.target;if(o){i.selected=o.value!=="";i.value=o.value}};this.emptyOptions=function(){var t;var o=(t=i.host.shadowRoot)===null||t===void 0?void 0:t.querySelector("select");var r=o===null||o===void 0?void 0:o.querySelectorAll("option");if(!r){return}r.forEach((function(t,o){if(!i.placeholder){t.remove()}if(i.placeholder&&o>0){t.remove()}}))};this.onSlotChangeHandler=function(){var t,o,r;var e=(o=(t=i.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("slot")[0])===null||o===void 0?void 0:o.assignedNodes();var a=(r=i.host.shadowRoot)===null||r===void 0?void 0:r.querySelector("select");var l=a===null||a===void 0?void 0:a.querySelectorAll("option");if(!l){return}if(!i.placeholder&&l.length>0){i.emptyOptions()}if(i.placeholder&&l.length>1){i.emptyOptions()}e===null||e===void 0?void 0:e.forEach((function(t){a===null||a===void 0?void 0:a.appendChild(t.cloneNode(true))}))};this.selected=undefined;this.autocomplete=undefined;this.autoFocus=undefined;this.placeholder=undefined;this.value=""}t.prototype.valueChanged=function(){var t;this.changeEvent.emit({value:this.value});this.internals.setFormValue((t=this.value)!==null&&t!==void 0?t:null)};t.prototype.render=function(){return i(e,null,i("select",{class:n("input",this.selected&&"input--selected"),onInput:this.onInput.bind(this)},this.placeholder&&i("option",{value:"",disabled:true,selected:true},this.placeholder)),i("div",{class:"icon-container"},i("i",{class:"svg icon",innerHTML:s})),i("div",{class:"option-container"},i("slot",{onSlotchange:this.onSlotChangeHandler})))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return t}());b.style=c}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as o,h as r,H as i,g as a}from"./p-14820a52.js";function e(t){var o,r,i="";if("string"==typeof t||"number"==typeof t)i+=t;else if("object"==typeof t)if(Array.isArray(t)){var a=t.length;for(o=0;o<a;o++)t[o]&&(r=e(t[o]))&&(i&&(i+=" "),i+=r)}else for(r in t)t[r]&&(i&&(i+=" "),i+=r);return i}function l(){for(var t,o,r=0,i="",a=arguments.length;r<a;r++)(t=arguments[r])&&(o=e(t))&&(i&&(i+=" "),i+=o);return i}const n=class{constructor(r){t(this,r),this.changeEvent=o(this,"mdsInputSelectChange",7),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals),this.onInput=t=>{const o=t.target;o&&(this.selected=""!==o.value,this.value=o.value)},this.emptyOptions=()=>{var t;const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("select"),r=null==o?void 0:o.querySelectorAll("option");r&&r.forEach(((t,o)=>{this.placeholder||t.remove(),this.placeholder&&o>0&&t.remove()}))},this.onSlotChangeHandler=()=>{var t,o,r;const i=null===(o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")[0])||void 0===o?void 0:o.assignedNodes(),a=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector("select"),e=null==a?void 0:a.querySelectorAll("option");e&&(!this.placeholder&&e.length>0&&this.emptyOptions(),this.placeholder&&e.length>1&&this.emptyOptions(),null==i||i.forEach((t=>{null==a||a.appendChild(t.cloneNode(!0))})))},this.selected=void 0,this.autocomplete=void 0,this.autoFocus=void 0,this.placeholder=void 0,this.value=""}valueChanged(){var t;this.changeEvent.emit({value:this.value}),this.internals.setFormValue(null!==(t=this.value)&&void 0!==t?t:null)}render(){return r(i,null,r("select",{class:l("input",this.selected&&"input--selected"),onInput:this.onInput.bind(this)},this.placeholder&&r("option",{value:"",disabled:!0,selected:!0},this.placeholder)),r("div",{class:"icon-container"},r("i",{class:"svg icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6l-6-6l1.41-1.41z"/></svg>'})),r("div",{class:"option-container"},r("slot",{onSlotchange:this.onSlotChangeHandler})))}static get formAssociated(){return!0}get host(){return a(this)}static get watchers(){return{value:["valueChanged"]}}};n.style="@tailwind components; *,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;}::-ms-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1/1;height:100%;width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.bg-label-amaranth-10{--tw-bg-opacity:1;background-color:rgb(var(--label-amaranth-10) / var(--tw-bg-opacity))}.bg-label-aqua-10{--tw-bg-opacity:1;background-color:rgb(var(--label-aqua-10) / var(--tw-bg-opacity))}.bg-label-blue-10{--tw-bg-opacity:1;background-color:rgb(var(--label-blue-10) / var(--tw-bg-opacity))}.bg-label-green-10{--tw-bg-opacity:1;background-color:rgb(var(--label-green-10) / var(--tw-bg-opacity))}.bg-label-lime-10{--tw-bg-opacity:1;background-color:rgb(var(--label-lime-10) / var(--tw-bg-opacity))}.bg-label-orange-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orange-10) / var(--tw-bg-opacity))}.bg-label-orchid-10{--tw-bg-opacity:1;background-color:rgb(var(--label-orchid-10) / var(--tw-bg-opacity))}.bg-label-violet-10{--tw-bg-opacity:1;background-color:rgb(var(--label-violet-10) / var(--tw-bg-opacity))}.bg-label-yellow-10{--tw-bg-opacity:1;background-color:rgb(var(--label-yellow-10) / var(--tw-bg-opacity))}.bg-tone-neutral-10{--tw-bg-opacity:1;background-color:rgb(var(--tone-neutral-10) / var(--tw-bg-opacity))}.fill-label-amaranth-04{fill:rgb(var(--label-amaranth-04))}.fill-label-aqua-04{fill:rgb(var(--label-aqua-04))}.fill-label-blue-04{fill:rgb(var(--label-blue-04))}.fill-label-green-04{fill:rgb(var(--label-green-04))}.fill-label-lime-04{fill:rgb(var(--label-lime-04))}.fill-label-orange-04{fill:rgb(var(--label-orange-04))}.fill-label-orchid-04{fill:rgb(var(--label-orchid-04))}.fill-label-violet-04{fill:rgb(var(--label-violet-04))}.fill-label-yellow-04{fill:rgb(var(--label-yellow-04))}.fill-tone-neutral-04{fill:rgb(var(--tone-neutral-04))}.text-label-amaranth-04{--tw-text-opacity:1;color:rgb(var(--label-amaranth-04) / var(--tw-text-opacity))}.text-label-aqua-04{--tw-text-opacity:1;color:rgb(var(--label-aqua-04) / var(--tw-text-opacity))}.text-label-blue-04{--tw-text-opacity:1;color:rgb(var(--label-blue-04) / var(--tw-text-opacity))}.text-label-green-04{--tw-text-opacity:1;color:rgb(var(--label-green-04) / var(--tw-text-opacity))}.text-label-lime-04{--tw-text-opacity:1;color:rgb(var(--label-lime-04) / var(--tw-text-opacity))}.text-label-orange-04{--tw-text-opacity:1;color:rgb(var(--label-orange-04) / var(--tw-text-opacity))}.text-label-orchid-04{--tw-text-opacity:1;color:rgb(var(--label-orchid-04) / var(--tw-text-opacity))}.text-label-violet-04{--tw-text-opacity:1;color:rgb(var(--label-violet-04) / var(--tw-text-opacity))}.text-label-yellow-04{--tw-text-opacity:1;color:rgb(var(--label-yellow-04) / var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgb(var(--tone-neutral-04) / var(--tw-text-opacity))}.shadow{--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)}:host{min-height:1.5rem;font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--mds-input-select-variant-color:var(--tone-neutral-01);--mds-input-select-ring:0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);--mds-input-select-shadow:0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);color:rgb(var(--tone-neutral-02));display:-ms-flexbox;display:flex;position:relative}.input{font-family:Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0rem;min-height:3rem;width:100%;border-radius:0.5rem;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:3rem;-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);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:rgb(var(--tone-neutral));border:0;-webkit-box-shadow:var(--mds-input-select-ring), var(--mds-input-select-shadow);box-shadow:var(--mds-input-select-ring), var(--mds-input-select-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:rgb(var(--tone-neutral-05));cursor:pointer;overflow:hidden;text-overflow:ellipsis}.input:hover,.input:focus{outline:2px solid transparent;outline-offset:2px;-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);--mds-input-select-variant-color:var(--brand-maggioli-04);--mds-input-select-ring:0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);--mds-input-select-shadow:0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);color:rgb(var(--tone-neutral-03))}:host([value]:not([value=\"\"])) .input{color:rgb(var(--tone-neutral-03))}.input--mds-input-select-selected{color:rgb(var(--tone-neutral-02))}.icon-container{right:1rem;height:3rem;-ms-flex-align:center;align-items:center;color:inherit;display:-ms-flexbox;display:flex;pointer-events:none;position:absolute}.icon{border-radius:9999px;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-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:200ms;transition-duration:200ms;background-color:transparent;fill:rgb(var(--brand-maggioli-04))}.input:focus+.icon-container .icon,.input:hover+.icon-container .icon{background-color:rgb(var(--tone-neutral-09));fill:rgb(var(--brand-maggioli-02))}.option-container{display:none}";export{n as mds_input_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-a14abcd4.system.js"],(function(e,t){"use strict";var u,c;return{setters:[function(t){u=t.p;c=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var c={};if(e!==""){c.resourcesUrl=new URL(".",e).href}return u(c)};e().then((function(e){return c([["p-dce0cce7.system",[[65,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],value:[520],selected:[32]},null,{value:["valueChanged"]}]]]],e)}))}}}));
|