igniteui-webcomponents 1.0.0-beta.3 → 2.0.0-beta.1

package/components/input/input.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host([size=large]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-26px);font-size:.75rem}:host([size=large]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([placeholder][size=large]) [part=notch] [part=label],:host([size=large]:focus-within) [part=label],:host([size=large]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=medium]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-22px);font-size:.75rem}:host([size=medium]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([placeholder][size=medium]) [part=notch] [part=label],:host([size=medium]:focus-within) [part=label],:host([size=medium]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-22px);-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=small]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-18px);font-size:.75rem}:host([size=small]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([placeholder][size=small]) [part=notch] [part=label],:host([size=small]:focus-within) [part=label],:host([size=small]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([disabled]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch], :host input:not(:-moz-placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]:focus-within) input:not(:-ms-input-placeholder)+[part=notch], :host input:not(:-ms-input-placeholder)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:placeholder-shown)+[part=notch],:host([invalid]) input:not(:placeholder-shown)+[part=notch],:host([invalid]:focus-within) input:not(:placeholder-shown)+[part=notch],:host([placeholder][size=small]) [part=notch],:host([placeholder][size=medium]) [part=notch],:host([placeholder][size=large]) [part=notch],:host input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host{position:relative;display:block;font-family:var(--igc-font-family);outline-style:none;--theme: material}:host([size=large]) [part~=input],:host([size=large]) [part~=container]{height:3.5rem}:host([size=medium]) [part~=input],:host([size=medium]) [part~=container]{height:3rem}:host([size=small]) [part~=input],:host([size=small]) [part~=container]{height:2.5rem}[part~=input]{width:100%;height:100%;border:none;background:transparent;outline-style:none;padding:0 .25rem;font-size:1rem;font-family:var(--igc-font-family);grid-area:1/2/span 1/span 2;z-index:1}[part=label]{display:inline-block;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;color:hsla(var(--igc-gray-600), var(--igc-gray-a));line-height:1;will-change:font-size,color,transform}:host(:focus-within) [part=start]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=notch]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid transparent}:host(:focus-within) [part=filler]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:focus-within) [part=end]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=prefix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem}:host(:focus-within) [part=suffix]{-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host(:focus-within) [part=label]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part^=container]{position:relative;display:grid;grid-template-columns:auto auto 1fr auto}[part=prefix],[part=suffix]{display:none}[part=start]{width:auto;min-width:.75rem;-ms-flex-negative:0;flex-shrink:0;grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:.25rem;border-end-start-radius:.25rem}[part=start]>[part=prefix]{-webkit-padding-start:.3125rem;padding-inline-start:.3125rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:100%;grid-area:1/2;padding:0 .25rem;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none}[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;min-width:.75rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:.25rem;border-end-end-radius:.25rem}[part=end]>[part=suffix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.3125rem;padding-inline-end:.3125rem}[part=helper-text]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);padding:0 .5rem;margin-top:.25rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([invalid]) [part=start],:host([invalid]) [part=notch],:host([invalid]) [part=filler],:host([invalid]) [part=end],:host([invalid]:focus-within) [part=start],:host([invalid]:focus-within) [part=notch],:host([invalid]:focus-within) [part=filler],:host([invalid]:focus-within) [part=end]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part=helper-text],:host([invalid]:focus-within) [part=label],:host([invalid]:focus-within) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part=notch]{border-top:.0625rem solid transparent}:host([required]) [part=label]::after{content:"*"}:host([disabled]){pointer-events:none}:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) input::-webkit-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-moz-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input:-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([outlined])) [part=start],:host(:not([outlined])) [part=end]{border-color:transparent;border-top-width:.0625rem}:host(:not([outlined])) [part=notch],:host(:not([outlined])) [part=filler]{border-top:1px solid transparent;border-bottom:transparent;border-bottom-width:.0625rem}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-600), var(--igc-gray-a));border-start-end-radius:.25rem;border-start-start-radius:.25rem;-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-106%)}:host(:not([outlined])) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined]):hover) [part~=container]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:not([outlined]):focus-within) [part~=container]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) [part~=container]::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label],:host(:not([outlined])[placeholder]) [part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])[invalid]) [part=start],:host(:not([outlined])[invalid]) [part=notch],:host(:not([outlined])[invalid]) [part=filler],:host(:not([outlined])[invalid]) [part=end],:host(:not([outlined])[invalid]:focus-within) [part=start],:host(:not([outlined])[invalid]:focus-within) [part=notch],:host(:not([outlined])[invalid]:focus-within) [part=filler],:host(:not([outlined])[invalid]:focus-within) [part=end]{border-color:transparent}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[disabled]) [part~=input],:host(:not([outlined])[disabled]) [part=label],:host(:not([outlined])[disabled]) [part=prefix],:host(:not([outlined])[disabled]) [part=suffix],:host(:not([outlined])[disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([outlined])[disabled]) [part~=container]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host([size=large]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-26px);font-size:.75rem}:host([size=large]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([placeholder][size=large]) [part=notch] [part=label],:host([size=large]:focus-within) [part=label],:host([size=large]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=medium]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-22px);font-size:.75rem}:host([size=medium]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([placeholder][size=medium]) [part=notch] [part=label],:host([size=medium]:focus-within) [part=label],:host([size=medium]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-22px);-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=small]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-18px);font-size:.75rem}:host([size=small]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([placeholder][size=small]) [part=notch] [part=label],:host([size=small]:focus-within) [part=label],:host([size=small]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([disabled]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch], :host input:not(:-moz-placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]:focus-within) input:not(:-ms-input-placeholder)+[part=notch], :host input:not(:-ms-input-placeholder)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:placeholder-shown)+[part=notch],:host([invalid]) input:not(:placeholder-shown)+[part=notch],:host([invalid]:focus-within) input:not(:placeholder-shown)+[part=notch],:host([placeholder][size=small]) [part=notch],:host([placeholder][size=medium]) [part=notch],:host([placeholder][size=large]) [part=notch],:host input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host{position:relative;display:block;font-family:var(--igc-font-family);outline-style:none;--theme: material}:host([size=large]) [part~=input],:host([size=large]) [part~=container]{height:3.5rem}:host([size=medium]) [part~=input],:host([size=medium]) [part~=container]{height:3rem}:host([size=small]) [part~=input],:host([size=small]) [part~=container]{height:2.5rem}[part~=input]{width:100%;height:100%;border:none;background:transparent;color:hsla(var(--igc-gray-900), var(--igc-gray-a));outline-style:none;padding:0 .25rem;font-size:1rem;font-family:var(--igc-font-family);grid-area:1/2/span 1/span 2;z-index:1}[part=label]{display:inline-block;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;color:hsla(var(--igc-gray-600), var(--igc-gray-a));line-height:1;will-change:font-size,color,transform}:host(:focus-within) [part=start]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=notch]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid transparent}:host(:focus-within) [part=filler]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:focus-within) [part=end]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=prefix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem}:host(:focus-within) [part=suffix]{-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host(:focus-within) [part=label]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part^=container]{position:relative;display:grid;grid-template-columns:auto auto 1fr auto}[part=prefix],[part=suffix]{display:none}[part=start]{width:auto;min-width:.75rem;-ms-flex-negative:0;flex-shrink:0;grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:.25rem;border-end-start-radius:.25rem}[part=start]>[part=prefix]{-webkit-padding-start:.3125rem;padding-inline-start:.3125rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:100%;grid-area:1/2;padding:0 .25rem;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none}[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;min-width:.75rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:.25rem;border-end-end-radius:.25rem}[part=end]>[part=suffix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.3125rem;padding-inline-end:.3125rem}[part=helper-text]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);padding:0 .5rem;margin-top:.25rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([invalid]) [part=start],:host([invalid]) [part=notch],:host([invalid]) [part=filler],:host([invalid]) [part=end],:host([invalid]:focus-within) [part=start],:host([invalid]:focus-within) [part=notch],:host([invalid]:focus-within) [part=filler],:host([invalid]:focus-within) [part=end]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part=helper-text],:host([invalid]:focus-within) [part=label],:host([invalid]:focus-within) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part=notch]{border-top:.0625rem solid transparent}:host([required]) [part=label]::after{content:"*"}:host([disabled]){pointer-events:none}:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) input::-webkit-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-moz-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input:-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([outlined])) [part=start],:host(:not([outlined])) [part=end]{border-color:transparent;border-top-width:.0625rem}:host(:not([outlined])) [part=notch],:host(:not([outlined])) [part=filler]{border-top:1px solid transparent;border-bottom:transparent;border-bottom-width:.0625rem}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-600), var(--igc-gray-a));border-start-end-radius:.25rem;border-start-start-radius:.25rem;-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-106%)}:host(:not([outlined])) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined]):hover) [part~=container]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:not([outlined]):focus-within) [part~=container]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) [part~=container]::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label],:host(:not([outlined])[placeholder]) [part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])[invalid]) [part=start],:host(:not([outlined])[invalid]) [part=notch],:host(:not([outlined])[invalid]) [part=filler],:host(:not([outlined])[invalid]) [part=end],:host(:not([outlined])[invalid]:focus-within) [part=start],:host(:not([outlined])[invalid]:focus-within) [part=notch],:host(:not([outlined])[invalid]:focus-within) [part=filler],:host(:not([outlined])[invalid]:focus-within) [part=end]{border-color:transparent}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[disabled]) [part~=input],:host(:not([outlined])[disabled]) [part=label],:host(:not([outlined])[disabled]) [part=prefix],:host(:not([outlined])[disabled]) [part=suffix],:host(:not([outlined])[disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([outlined])[disabled]) [part~=container]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
 //# sourceMappingURL=input.material.css.js.map

package/components/input/input.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../src/components/input/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u3aAAu3a,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host([size=large]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-26px);font-size:.75rem}:host([size=large]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([placeholder][size=large]) [part=notch] [part=label],:host([size=large]:focus-within) [part=label],:host([size=large]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=medium]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-22px);font-size:.75rem}:host([size=medium]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([placeholder][size=medium]) [part=notch] [part=label],:host([size=medium]:focus-within) [part=label],:host([size=medium]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-22px);-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=small]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-18px);font-size:.75rem}:host([size=small]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([placeholder][size=small]) [part=notch] [part=label],:host([size=small]:focus-within) [part=label],:host([size=small]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([disabled]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch], :host input:not(:-moz-placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]:focus-within) input:not(:-ms-input-placeholder)+[part=notch], :host input:not(:-ms-input-placeholder)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:placeholder-shown)+[part=notch],:host([invalid]) input:not(:placeholder-shown)+[part=notch],:host([invalid]:focus-within) input:not(:placeholder-shown)+[part=notch],:host([placeholder][size=small]) [part=notch],:host([placeholder][size=medium]) [part=notch],:host([placeholder][size=large]) [part=notch],:host input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host{position:relative;display:block;font-family:var(--igc-font-family);outline-style:none;--theme: material}:host([size=large]) [part~=input],:host([size=large]) [part~=container]{height:3.5rem}:host([size=medium]) [part~=input],:host([size=medium]) [part~=container]{height:3rem}:host([size=small]) [part~=input],:host([size=small]) [part~=container]{height:2.5rem}[part~=input]{width:100%;height:100%;border:none;background:transparent;outline-style:none;padding:0 .25rem;font-size:1rem;font-family:var(--igc-font-family);grid-area:1/2/span 1/span 2;z-index:1}[part=label]{display:inline-block;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;color:hsla(var(--igc-gray-600), var(--igc-gray-a));line-height:1;will-change:font-size,color,transform}:host(:focus-within) [part=start]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=notch]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid transparent}:host(:focus-within) [part=filler]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:focus-within) [part=end]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=prefix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem}:host(:focus-within) [part=suffix]{-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host(:focus-within) [part=label]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part^=container]{position:relative;display:grid;grid-template-columns:auto auto 1fr auto}[part=prefix],[part=suffix]{display:none}[part=start]{width:auto;min-width:.75rem;-ms-flex-negative:0;flex-shrink:0;grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:.25rem;border-end-start-radius:.25rem}[part=start]>[part=prefix]{-webkit-padding-start:.3125rem;padding-inline-start:.3125rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:100%;grid-area:1/2;padding:0 .25rem;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none}[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;min-width:.75rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:.25rem;border-end-end-radius:.25rem}[part=end]>[part=suffix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.3125rem;padding-inline-end:.3125rem}[part=helper-text]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);padding:0 .5rem;margin-top:.25rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([invalid]) [part=start],:host([invalid]) [part=notch],:host([invalid]) [part=filler],:host([invalid]) [part=end],:host([invalid]:focus-within) [part=start],:host([invalid]:focus-within) [part=notch],:host([invalid]:focus-within) [part=filler],:host([invalid]:focus-within) [part=end]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part=helper-text],:host([invalid]:focus-within) [part=label],:host([invalid]:focus-within) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part=notch]{border-top:.0625rem solid transparent}:host([required]) [part=label]::after{content:\"*\"}:host([disabled]){pointer-events:none}:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) input::-webkit-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-moz-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input:-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([outlined])) [part=start],:host(:not([outlined])) [part=end]{border-color:transparent;border-top-width:.0625rem}:host(:not([outlined])) [part=notch],:host(:not([outlined])) [part=filler]{border-top:1px solid transparent;border-bottom:transparent;border-bottom-width:.0625rem}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-600), var(--igc-gray-a));border-start-end-radius:.25rem;border-start-start-radius:.25rem;-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-106%)}:host(:not([outlined])) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined]):hover) [part~=container]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:not([outlined]):focus-within) [part~=container]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) [part~=container]::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label],:host(:not([outlined])[placeholder]) [part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])[invalid]) [part=start],:host(:not([outlined])[invalid]) [part=notch],:host(:not([outlined])[invalid]) [part=filler],:host(:not([outlined])[invalid]) [part=end],:host(:not([outlined])[invalid]:focus-within) [part=start],:host(:not([outlined])[invalid]:focus-within) [part=notch],:host(:not([outlined])[invalid]:focus-within) [part=filler],:host(:not([outlined])[invalid]:focus-within) [part=end]{border-color:transparent}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[disabled]) [part~=input],:host(:not([outlined])[disabled]) [part=label],:host(:not([outlined])[disabled]) [part=prefix],:host(:not([outlined])[disabled]) [part=suffix],:host(:not([outlined])[disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([outlined])[disabled]) [part~=container]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../src/components/input/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0ubAA0ub,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host([size=large]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-26px);font-size:.75rem}:host([size=large]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([placeholder][size=large]) [part=notch] [part=label],:host([size=large]:focus-within) [part=label],:host([size=large]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px);font-size:.75rem}:host([size=medium]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-22px);font-size:.75rem}:host([size=medium]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([placeholder][size=medium]) [part=notch] [part=label],:host([size=medium]:focus-within) [part=label],:host([size=medium]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-22px);-ms-transform:translateY(-22px);transform:translateY(-22px);font-size:.75rem}:host([size=small]) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-18px);font-size:.75rem}:host([size=small]) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([placeholder][size=small]) [part=notch] [part=label],:host([size=small]:focus-within) [part=label],:host([size=small]) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-18px);-ms-transform:translateY(-18px);transform:translateY(-18px);font-size:.75rem}:host([disabled]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]) input:not(:-moz-placeholder-shown)+[part=notch], :host([invalid]:focus-within) input:not(:-moz-placeholder-shown)+[part=notch], :host input:not(:-moz-placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]) input:not(:-ms-input-placeholder)+[part=notch], :host([invalid]:focus-within) input:not(:-ms-input-placeholder)+[part=notch], :host input:not(:-ms-input-placeholder)+[part=notch]{border-top:.0625rem solid transparent}:host([disabled]) input:not(:placeholder-shown)+[part=notch],:host([invalid]) input:not(:placeholder-shown)+[part=notch],:host([invalid]:focus-within) input:not(:placeholder-shown)+[part=notch],:host([placeholder][size=small]) [part=notch],:host([placeholder][size=medium]) [part=notch],:host([placeholder][size=large]) [part=notch],:host input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid transparent}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host{position:relative;display:block;font-family:var(--igc-font-family);outline-style:none;--theme: material}:host([size=large]) [part~=input],:host([size=large]) [part~=container]{height:3.5rem}:host([size=medium]) [part~=input],:host([size=medium]) [part~=container]{height:3rem}:host([size=small]) [part~=input],:host([size=small]) [part~=container]{height:2.5rem}[part~=input]{width:100%;height:100%;border:none;background:transparent;color:hsla(var(--igc-gray-900), var(--igc-gray-a));outline-style:none;padding:0 .25rem;font-size:1rem;font-family:var(--igc-font-family);grid-area:1/2/span 1/span 2;z-index:1}[part=label]{display:inline-block;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;color:hsla(var(--igc-gray-600), var(--igc-gray-a));line-height:1;will-change:font-size,color,transform}:host(:focus-within) [part=start]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=notch]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-top:.0625rem solid transparent}:host(:focus-within) [part=filler]{border-width:.125rem;border-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:focus-within) [part=end]{border-color:hsla(var(--igc-primary-500), var(--igc-primary-a));border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:focus-within) [part=prefix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem}:host(:focus-within) [part=suffix]{-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host(:focus-within) [part=label]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part^=container]{position:relative;display:grid;grid-template-columns:auto auto 1fr auto}[part=prefix],[part=suffix]{display:none}[part=start]{width:auto;min-width:.75rem;-ms-flex-negative:0;flex-shrink:0;grid-area:1/1;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:.25rem;border-end-start-radius:.25rem}[part=start]>[part=prefix]{-webkit-padding-start:.3125rem;padding-inline-start:.3125rem;-webkit-padding-end:.25rem;padding-inline-end:.25rem}[part=notch]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:100%;grid-area:1/2;padding:0 .25rem;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none;overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3;border-width:.0625rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-left:none;border-right:none}[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;grid-area:1/4;min-width:.75rem;border-style:solid;border-color:hsla(var(--igc-gray-600), var(--igc-gray-a));border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:.25rem;border-end-end-radius:.25rem}[part=end]>[part=suffix]{-webkit-padding-start:.25rem;padding-inline-start:.25rem;-webkit-padding-end:.3125rem;padding-inline-end:.3125rem}[part=helper-text]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);padding:0 .5rem;margin-top:.25rem;color:hsla(var(--igc-gray-600), var(--igc-gray-a))}:host([invalid]) [part=start],:host([invalid]) [part=notch],:host([invalid]) [part=filler],:host([invalid]) [part=end],:host([invalid]:focus-within) [part=start],:host([invalid]:focus-within) [part=notch],:host([invalid]:focus-within) [part=filler],:host([invalid]:focus-within) [part=end]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]) [part=label],:host([invalid]) [part=helper-text],:host([invalid]:focus-within) [part=label],:host([invalid]:focus-within) [part=helper-text]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host([invalid]:focus-within) [part=notch]{border-top:.0625rem solid transparent}:host([required]) [part=label]::after{content:\"*\"}:host([disabled]){pointer-events:none}:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) input::-webkit-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-moz-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input:-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::-ms-input-placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) input::placeholder{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([outlined])) [part=start],:host(:not([outlined])) [part=end]{border-color:transparent;border-top-width:.0625rem}:host(:not([outlined])) [part=notch],:host(:not([outlined])) [part=filler]{border-top:1px solid transparent;border-bottom:transparent;border-bottom-width:.0625rem}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-600), var(--igc-gray-a));border-start-end-radius:.25rem;border-start-start-radius:.25rem;-webkit-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);-o-transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:not(:-moz-placeholder-shown)+[part=notch] [part=label]{transform:translateY(-106%)}:host(:not([outlined])) input:not(:-ms-input-placeholder)+[part=notch] [part=label]{-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])) input:not(:placeholder-shown)+[part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined]):hover) [part~=container]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-gray-800), var(--igc-gray-a))}:host(:not([outlined]):focus-within) [part~=container]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:1px solid hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([outlined]):focus-within) [part~=container]::after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1}:host(:not([outlined]):focus-within) [part=notch] [part=label],:host(:not([outlined])[placeholder]) [part=notch] [part=label]{-webkit-transform:translateY(-106%);-ms-transform:translateY(-106%);transform:translateY(-106%)}:host(:not([outlined])[invalid]) [part=start],:host(:not([outlined])[invalid]) [part=notch],:host(:not([outlined])[invalid]) [part=filler],:host(:not([outlined])[invalid]) [part=end],:host(:not([outlined])[invalid]:focus-within) [part=start],:host(:not([outlined])[invalid]:focus-within) [part=notch],:host(:not([outlined])[invalid]:focus-within) [part=filler],:host(:not([outlined])[invalid]:focus-within) [part=end]{border-color:transparent}:host(:not([outlined])[invalid]) [part~=container],:host(:not([outlined])[invalid]:focus-within) [part~=container]{border-color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[invalid]) [part~=container]::after,:host(:not([outlined])[invalid]:focus-within) [part~=container]::after{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([outlined])[disabled]) [part~=input],:host(:not([outlined])[disabled]) [part=label],:host(:not([outlined])[disabled]) [part=prefix],:host(:not([outlined])[disabled]) [part=suffix],:host(:not([outlined])[disabled]) [part=helper-text]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([outlined])[disabled]) [part~=container]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}

package/components/list/list-header.d.ts

@@ -1,14 +1,20 @@
 import { LitElement } from 'lit';
+/**
+ * Header list item.
+ *
+ * @element igc-list-header
+ *
+ * @slot - Renders header list item's content.
+ */
 export default class IgcListHeaderComponent extends LitElement {
-    static tagName: string;
+    static readonly tagName = "igc-list-header";
     static styles: import("lit").CSSResult;
     constructor();
     connectedCallback(): void;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'igc-list-header': IgcListHeaderComponent;
     }
 }
-//# sourceMappingURL=list-header.d.ts.map

package/components/list/list-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-header.js","sourceRoot":"","sources":["../../../src/components/list/list-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AASpD,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAO5D;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACzC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAhBa,8BAAO,GAAG,iBAAiB,CAAC;AAG5B,6BAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './list-header.material.css';\n\n/**\n * Header list item.\n *\n * @element igc-list-header\n *\n * @slot - Renders header list item's content.\n */\nexport default class IgcListHeaderComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-list-header';\n\n  /** @private */\n  public static styles = styles;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n  }\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list-header': IgcListHeaderComponent;\n  }\n}\n"]}
+{"version":3,"file":"list-header.js","sourceRoot":"","sources":["../../../src/components/list/list-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AASpD,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,UAAU;IAK5D;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACzC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAfsB,8BAAO,GAAG,iBAAiB,CAAC;AAE5B,6BAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './list-header.material.css';\n\n/**\n * Header list item.\n *\n * @element igc-list-header\n *\n * @slot - Renders header list item's content.\n */\nexport default class IgcListHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-list-header';\n\n  public static override styles = styles;\n\n  constructor() {\n    super();\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list-header': IgcListHeaderComponent;\n  }\n}\n"]}

package/components/list/list-header.material.css.d.ts

@@ -1,2 +1 @@
 export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=list-header.material.css.d.ts.map

package/components/list/list-header.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;
 //# sourceMappingURL=list-header.material.css.js.map

package/components/list/list-header.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-header.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,05BAA05B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;\n"]}
+{"version":3,"file":"list-header.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-header.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0tCAA0tC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:inherit;font-family:var(--igc-overline-font-family);font-weight:var(--igc-overline-font-weight);font-size:var(--igc-overline-font-size);font-style:var(--igc-overline-font-style);letter-spacing:var(--igc-overline-letter-spacing);text-transform:var(--igc-overline-text-transform);line-height:var(--igc-overline-line-height);margin-top:var(--igc-overline-margin-top);margin-bottom:var(--igc-overline-margin-bottom)}::slotted(*){font:inherit;margin:inherit}`;\n"]}

package/components/list/list-item.d.ts

@@ -1,14 +1,32 @@
 import { LitElement } from 'lit';
+/**
+ * The list-item component is a container
+ * intended for row items in the list component.
+ *
+ * @element igc-list-item
+ *
+ * @slot - Renders custom content.
+ * @slot start - Renders content before all other content.
+ * @slot end - Renders content after all other content.
+ * @slot title - Renders the title.
+ * @slot subtitle - Renders the subtitle.
+ *
+ * @csspart start - The start container.
+ * @csspart end - The end container.
+ * @csspart content - The header and custom content container.
+ * @csspart header - The title and subtitle container.
+ * @csspart title - The title container.
+ * @csspart subtitle - The subtitle container.
+ */
 export default class IgcListItemComponent extends LitElement {
-    static tagName: string;
+    static readonly tagName = "igc-list-item";
     static styles: import("lit").CSSResult;
     constructor();
     connectedCallback(): void;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'igc-list-item': IgcListItemComponent;
     }
 }
-//# sourceMappingURL=list-item.d.ts.map

package/components/list/list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../src/components/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAqBlD,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;IAO1D;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;;;;;;;;;;;;;;KAcV,CAAC;IACJ,CAAC;;AA9Ba,4BAAO,GAAG,eAAe,CAAC;AAG1B,2BAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './list-item.material.css';\n\n/**\n * The list-item component is a container\n * intended for row items in the list component.\n *\n * @element igc-list-item\n *\n * @slot - Renders custom content.\n * @slot start - Renders content before all other content.\n * @slot end - Renders content after all other content.\n * @slot title - Renders the title.\n * @slot subtitle - Renders the subtitle.\n *\n * @csspart start - The start container.\n * @csspart end - The end container.\n * @csspart content - The header and custom content container.\n * @csspart header - The title and subtitle container.\n * @csspart title - The title container.\n * @csspart subtitle - The subtitle container.\n */\nexport default class IgcListItemComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-list-item';\n\n  /** @private */\n  public static styles = styles;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'listitem');\n  }\n\n  protected render() {\n    return html`\n      <section part=\"start\">\n        <slot name=\"start\"></slot>\n      </section>\n      <section part=\"content\">\n        <header part=\"header\">\n          <slot part=\"title\" name=\"title\"></slot>\n          <slot part=\"subtitle\" name=\"subtitle\"></slot>\n        </header>\n        <slot></slot>\n      </section>\n      <section part=\"end\">\n        <slot name=\"end\"></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list-item': IgcListItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../../src/components/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAqBlD,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;IAK1D;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;;;KAcV,CAAC;IACJ,CAAC;;AA7BsB,4BAAO,GAAG,eAAe,CAAC;AAE1B,2BAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './list-item.material.css';\n\n/**\n * The list-item component is a container\n * intended for row items in the list component.\n *\n * @element igc-list-item\n *\n * @slot - Renders custom content.\n * @slot start - Renders content before all other content.\n * @slot end - Renders content after all other content.\n * @slot title - Renders the title.\n * @slot subtitle - Renders the subtitle.\n *\n * @csspart start - The start container.\n * @csspart end - The end container.\n * @csspart content - The header and custom content container.\n * @csspart header - The title and subtitle container.\n * @csspart title - The title container.\n * @csspart subtitle - The subtitle container.\n */\nexport default class IgcListItemComponent extends LitElement {\n  public static readonly tagName = 'igc-list-item';\n\n  public static override styles = styles;\n\n  constructor() {\n    super();\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'listitem');\n  }\n\n  protected override render() {\n    return html`\n      <section part=\"start\">\n        <slot name=\"start\"></slot>\n      </section>\n      <section part=\"content\">\n        <header part=\"header\">\n          <slot part=\"title\" name=\"title\"></slot>\n          <slot part=\"subtitle\" name=\"subtitle\"></slot>\n        </header>\n        <slot></slot>\n      </section>\n      <section part=\"end\">\n        <slot name=\"end\"></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list-item': IgcListItemComponent;\n  }\n}\n"]}

package/components/list/list-item.material.css.d.ts

@@ -1,2 +1 @@
 export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=list-item.material.css.d.ts.map

package/components/list/list-item.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;
 //# sourceMappingURL=list-item.material.css.js.map

package/components/list/list-item.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gkEAAgkE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;\n"]}
+{"version":3,"file":"list-item.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g4EAAg4E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out}:host(:hover),:host(:focus-within){background:hsla(var(--igc-gray-200), var(--igc-gray-a))}::slotted(*){margin:0;font:inherit;opacity:inherit}[part=content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=start],[part=end]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[name=start]::slotted(*){-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}[name=end]::slotted(*){-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}[part=title]{font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}[part=subtitle]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);opacity:.74}`;\n"]}

package/components/list/list.d.ts

@@ -1,11 +1,18 @@
 import { LitElement } from 'lit';
 declare const IgcListComponent_base: import("../common/mixins/constructor").Constructor<import("../common/mixins/sizable").SizableInterface> & typeof LitElement;
+/**
+ * Displays a collection of data items in a templatable list format.
+ *
+ * @element igc-list
+ *
+ * @slot - Renders the list items and list headers inside default slot.
+ */
 export default class IgcListComponent extends IgcListComponent_base {
-    static tagName: string;
+    static readonly tagName = "igc-list";
     static styles: import("lit").CSSResult;
     constructor();
     connectedCallback(): void;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -13,4 +20,3 @@ declare global {
     }
 }
 export {};
-//# sourceMappingURL=list.d.ts.map

package/components/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAS7C,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAOpE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEM,iBAAiB;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAhBa,wBAAO,GAAG,UAAU,CAAC;AAGrB,uBAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { SizableMixin } from '../common/mixins/sizable';\nimport { styles } from './list.material.css';\n\n/**\n * Displays a collection of data items in a templatable list format.\n *\n * @element igc-list\n *\n * @slot - Renders the list items and list headers inside default slot.\n */\nexport default class IgcListComponent extends SizableMixin(LitElement) {\n  /** @private */\n  public static tagName = 'igc-list';\n\n  /** @private */\n  public static styles = styles;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'list');\n  }\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list': IgcListComponent;\n  }\n}\n"]}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAS7C,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAKpE;QACE,KAAK,EAAE,CAAC;IACV,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAfsB,wBAAO,GAAG,UAAU,CAAC;AAErB,uBAAM,GAAG,MAAM,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { SizableMixin } from '../common/mixins/sizable';\nimport { styles } from './list.material.css';\n\n/**\n * Displays a collection of data items in a templatable list format.\n *\n * @element igc-list\n *\n * @slot - Renders the list items and list headers inside default slot.\n */\nexport default class IgcListComponent extends SizableMixin(LitElement) {\n  public static readonly tagName = 'igc-list';\n\n  public static override styles = styles;\n\n  constructor() {\n    super();\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'list');\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-list': IgcListComponent;\n  }\n}\n"]}

package/components/list/list.material.css.d.ts

@@ -1,2 +1 @@
 export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=list.material.css.d.ts.map

package/components/list/list.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;
 //# sourceMappingURL=list.material.css.js.map

package/components/list/list.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i8BAAi8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;\n"]}
+{"version":3,"file":"list.material.css.js","sourceRoot":"","sources":["../../../src/components/list/list.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iwCAAiwC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;font-family:var(--igc-font-family);overflow:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}:host([size=small]) ::slotted(igc-list-item),:host([size=small]) ::slotted(igc-list-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-list-item),:host([size=medium]) ::slotted(igc-list-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-list-item),:host([size=large]) ::slotted(igc-list-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;\n"]}

package/components/nav-drawer/nav-drawer-header-item.d.ts

@@ -1,12 +1,17 @@
 import { LitElement } from 'lit';
+/**
+ * A wrapper for navigation drawer's header.
+ * @element igc-nav-drawer-header-item
+ *
+ * @slot - Renders the header content
+ */
 export default class IgcNavDrawerHeaderItemComponent extends LitElement {
-    static tagName: string;
+    static readonly tagName = "igc-nav-drawer-header-item";
     static styles: import("lit").CSSResult[];
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'igc-nav-drawer-header-item': IgcNavDrawerHeaderItemComponent;
     }
 }
-//# sourceMappingURL=nav-drawer-header-item.d.ts.map

package/components/nav-drawer/nav-drawer-header-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer-header-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAQ/D,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,UAAU;IAO3D,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAPa,uCAAO,GAAG,4BAA4B,CAAC;AAGvC,sCAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './nav-drawer-header-item.material.css';\n\n/**\n * A wrapper for navigation drawer's header.\n * @element igc-nav-drawer-header-item\n *\n * @slot - Renders the header content\n */\nexport default class IgcNavDrawerHeaderItemComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-nav-drawer-header-item';\n\n  /** @private */\n  public static styles = [styles];\n\n  protected render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer-header-item': IgcNavDrawerHeaderItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"nav-drawer-header-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAQ/D,MAAM,CAAC,OAAO,OAAO,+BAAgC,SAAQ,UAAU;IAKlD,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AANsB,uCAAO,GAAG,4BAA4B,CAAC;AAEvC,sCAAM,GAAG,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { styles } from './nav-drawer-header-item.material.css';\n\n/**\n * A wrapper for navigation drawer's header.\n * @element igc-nav-drawer-header-item\n *\n * @slot - Renders the header content\n */\nexport default class IgcNavDrawerHeaderItemComponent extends LitElement {\n  public static readonly tagName = 'igc-nav-drawer-header-item';\n\n  public static override styles = [styles];\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer-header-item': IgcNavDrawerHeaderItemComponent;\n  }\n}\n"]}

package/components/nav-drawer/nav-drawer-header-item.material.css.d.ts

@@ -1,2 +1 @@
 export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=nav-drawer-header-item.material.css.d.ts.map

package/components/nav-drawer/nav-drawer-header-item.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;
 //# sourceMappingURL=nav-drawer-header-item.material.css.js.map

package/components/nav-drawer/nav-drawer-header-item.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer-header-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+tBAA+tB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;\n"]}
+{"version":3,"file":"nav-drawer-header-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-header-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+hCAA+hC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:block;padding:1.25rem 1rem;white-space:nowrap;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}`;\n"]}

package/components/nav-drawer/nav-drawer-item.d.ts

@@ -1,8 +1,22 @@
 import { LitElement } from 'lit';
+/**
+ * Represents a navigation drawer item.
+ *
+ * @element igc-nav-drawer-item
+ *
+ * @slot content - The content slot for the drawer item.
+ * @slot icon - The slot for the icon of the drawer item.
+ *
+ * @csspart base - The base wrapper of the drawer item.
+ * @csspart icon - The icon container.
+ * @csspart content - The content container.
+ */
 export default class IgcNavDrawerItemComponent extends LitElement {
-    static tagName: string;
+    static readonly tagName = "igc-nav-drawer-item";
     static styles: import("lit").CSSResult[];
+    /** Determines whether the drawer is disabled. */
     disabled: boolean;
+    /** Determines whether the drawer is active. */
     active: boolean;
     private _textLength;
     private _text;
@@ -11,11 +25,10 @@ export default class IgcNavDrawerItemComponent extends LitElement {
         [x: string]: boolean;
         mini: boolean;
     };
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'igc-nav-drawer-item': IgcNavDrawerItemComponent;
     }
 }
-//# sourceMappingURL=nav-drawer-item.d.ts.map

package/components/nav-drawer/nav-drawer-item.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement } from 'lit';
-import { property, queryAssignedNodes, state } from 'lit/decorators.js';
+import { property, queryAssignedElements, state } from 'lit/decorators.js';
 import { partNameMap } from '../common/util';
 import { styles } from './nav-drawer-item.material.css';
 export default class IgcNavDrawerItemComponent extends LitElement {
@@ -52,6 +52,6 @@ __decorate([
     state()
 ], IgcNavDrawerItemComponent.prototype, "_textLength", void 0);
 __decorate([
-    queryAssignedNodes('content', true)
+    queryAssignedElements({ slot: 'content' })
 ], IgcNavDrawerItemComponent.prototype, "_text", void 0);
 //# sourceMappingURL=nav-drawer-item.js.map

package/components/nav-drawer/nav-drawer-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAcxD,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAAjE;;QASS,aAAQ,GAAG,KAAK,CAAC;QAIjB,WAAM,GAAG,KAAK,CAAC;IAkCxB,CAAC;IA1BQ,iBAAiB;;QACtB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC;SAC3B,CAAC;IACJ,CAAC;IAES,MAAM;QACd,OAAO,IAAI,CAAA;mBACI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;;;;;KAQxD,CAAC;IACJ,CAAC;;AA5Ca,iCAAO,GAAG,qBAAqB,CAAC;AAGhC,gCAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAGtB;IADC,KAAK,EAAE;8DACqB;AAG7B;IADC,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC;wDACI","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedNodes, state } from 'lit/decorators.js';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer-item.material.css';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\nexport default class IgcNavDrawerItemComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-nav-drawer-item';\n\n  /** @private */\n  public static styles = [styles];\n\n  /** Determines whether the drawer is disabled. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** Determines whether the drawer is active. */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @state()\n  private _textLength!: number;\n\n  @queryAssignedNodes('content', true)\n  private _text!: NodeListOf<HTMLElement>;\n\n  public connectedCallback() {\n    super.connectedCallback();\n    this.shadowRoot?.addEventListener('slotchange', (_) => {\n      this._textLength = this._text.length;\n    });\n  }\n\n  protected resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      mini: this._textLength < 1,\n    };\n  }\n\n  protected render() {\n    return html`\n      <div part=\"${partNameMap(this.resolvePartNames('base'))}\">\n        <span part=\"icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span part=\"content\">\n          <slot name=\"content\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"nav-drawer-item.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAcxD,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,UAAU;IAAjE;;QAOS,aAAQ,GAAG,KAAK,CAAC;QAIjB,WAAM,GAAG,KAAK,CAAC;IAkCxB,CAAC;IA1BiB,iBAAiB;;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB,CAAC,IAAY;QACrC,OAAO;YACL,CAAC,IAAI,CAAC,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI,CAAC,WAAW,GAAG,CAAC;SAC3B,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;mBACI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;;;;;;;;KAQxD,CAAC;IACJ,CAAC;;AA3CsB,iCAAO,GAAG,qBAAqB,CAAC;AAEhC,gCAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIzC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACrB;AAGtB;IADC,KAAK,EAAE;8DACqB;AAG7B;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;wDACR","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements, state } from 'lit/decorators.js';\nimport { partNameMap } from '../common/util';\nimport { styles } from './nav-drawer-item.material.css';\n\n/**\n * Represents a navigation drawer item.\n *\n * @element igc-nav-drawer-item\n *\n * @slot content - The content slot for the drawer item.\n * @slot icon - The slot for the icon of the drawer item.\n *\n * @csspart base - The base wrapper of the drawer item.\n * @csspart icon - The icon container.\n * @csspart content - The content container.\n */\nexport default class IgcNavDrawerItemComponent extends LitElement {\n  public static readonly tagName = 'igc-nav-drawer-item';\n\n  public static override styles = [styles];\n\n  /** Determines whether the drawer is disabled. */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** Determines whether the drawer is active. */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @state()\n  private _textLength!: number;\n\n  @queryAssignedElements({ slot: 'content' })\n  private _text!: Array<HTMLElement>;\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.shadowRoot?.addEventListener('slotchange', (_) => {\n      this._textLength = this._text.length;\n    });\n  }\n\n  protected resolvePartNames(base: string) {\n    return {\n      [base]: true,\n      mini: this._textLength < 1,\n    };\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"${partNameMap(this.resolvePartNames('base'))}\">\n        <span part=\"icon\">\n          <slot name=\"icon\"></slot>\n        </span>\n        <span part=\"content\">\n          <slot name=\"content\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-nav-drawer-item': IgcNavDrawerItemComponent;\n  }\n}\n"]}

package/components/nav-drawer/nav-drawer-item.material.css.d.ts

@@ -1,2 +1 @@
 export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=nav-drawer-item.material.css.d.ts.map

package/components/nav-drawer/nav-drawer-item.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}[part="base mini"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part="base mini"]{display:block}[part="base mini"] [part=content]{display:none}[part="base mini"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;
 //# sourceMappingURL=nav-drawer-item.material.css.js.map

package/components/nav-drawer/nav-drawer-item.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,otEAAotE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}[part=\"base mini\"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;\n"]}
+{"version":3,"file":"nav-drawer-item.material.css.js","sourceRoot":"","sources":["../../../src/components/nav-drawer/nav-drawer-item.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ohFAAohF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;position:relative;color:hsla(var(--igc-gray-800), var(--igc-gray-a));max-height:3rem;margin:0.5rem !important;padding:.75rem .5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:transparent;white-space:nowrap;border-radius:.25rem;text-decoration:none;width:calc(100% - 1rem);border:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:background .15s ease-out;-o-transition:background .15s ease-out;transition:background .15s ease-out;font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom)}[part~=base] ::slotted(igc-icon){display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit}[part~=base]:hover{background:hsla(var(--igc-gray-200), 0.87)}[part~=base]:focus-within{background:hsla(var(--igc-gray-300), 0.87)}[part=content]{-webkit-margin-start:2rem;margin-inline-start:2rem;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part=\"base mini\"]{display:block}[part=\"base mini\"] [part=content]{display:none}[part=\"base mini\"] ::slotted(igc-icon){width:100%}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([disabled]) [part~=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([active]) [part~=base]{background:hsla(var(--igc-primary-500), 0.12);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;\n"]}

package/components/nav-drawer/nav-drawer.d.ts

@@ -1,29 +1,35 @@
 import { LitElement } from 'lit';
-import { Constructor } from '../common/mixins/constructor';
-export interface IgcNavDrawerEventMap {
-    igcOpening: CustomEvent<any>;
-    igcOpened: CustomEvent<void>;
-    igcClosing: CustomEvent<any>;
-    igcClosed: CustomEvent<void>;
-}
-declare const IgcNavDrawerComponent_base: Constructor<import("../common/mixins/event-emitter").EventEmitterInterface<IgcNavDrawerEventMap>> & Constructor<LitElement>;
-export default class IgcNavDrawerComponent extends IgcNavDrawerComponent_base {
-    static tagName: string;
+/**
+ * Represents a side navigation container that provides
+ * quick access between views.
+ *
+ * @element igc-nav-drawer
+ *
+ * @slot - The default slot for the drawer.
+ * @slot mini - The slot for the mini variant of the drawer.
+ *
+ * @csspart base - The base wrapper of the navigation drawer.
+ * @csspart main - The main container.
+ * @csspart mini - The mini container.
+ */
+export default class IgcNavDrawerComponent extends LitElement {
+    static readonly tagName = "igc-nav-drawer";
     static styles: import("lit").CSSResult[];
+    /** The position of the drawer. */
     position: 'start' | 'end' | 'top' | 'bottom';
+    /** Determines whether the drawer is opened. */
     open: boolean;
+    /** Opens the drawer. */
     show(): void;
+    /** Closes the drawer. */
     hide(): void;
+    /** Toggles the open state of the drawer. */
     toggle(): void;
-    private handleOpening;
-    private handleClosing;
     private resolvePartNames;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'igc-nav-drawer': IgcNavDrawerComponent;
     }
 }
-export {};
-//# sourceMappingURL=nav-drawer.d.ts.map