npm - igniteui-webcomponents - Versions diffs - 4.0.0-alpha → 4.0.0-alpha.2 - Mend

igniteui-webcomponents 4.0.0-alpha → 4.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (418) hide show

package/components/form/form.js CHANGED Viewed

@@ -25,6 +25,7 @@ export default class IgcFormComponent extends EventEmitterMixin(LitElement) {
             'igc-mask-input',
             'textarea',
             'igc-rating',
+            'igc-select',
             'igc-date-time-input',
         ];
         this._controlsThatSubmit = [

package/components/form/form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\n\nexport interface IgcFormEventMap {\n igcSubmit: CustomEvent<FormData>;\n igcReset: CustomEvent;\n}\n\n/*\n The form is a component used to collect user input from\n * interactive controls.\n \n @element igc-form\n \n @slot - Default slot for the form.\n \n @fires igcSubmit - Emitted when the form is submitted.\n * @fires igcReset - Emitted when the form is reset.\n /\nexport default class IgcFormComponent extends EventEmitterMixin<\n IgcFormEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-form';\n\n public static styles = css`\n :host {\n display: block;\n }\n `;\n\n private _controlsWithChecked = [\n 'input',\n 'radio',\n 'igc-radio',\n 'igc-switch',\n 'igc-checkbox',\n ];\n private _controlsWithValue = [\n 'input',\n 'igc-input',\n 'igc-mask-input',\n 'textarea',\n 'igc-rating',\n 'igc-date-time-input',\n ];\n private _controlsThatSubmit = [\n 'input',\n 'button',\n 'igc-button',\n 'igc-icon-button',\n ];\n\n /* Specifies if form data validation should be skipped on submit. /\n @property({ type: Boolean, reflect: true }) public novalidate = false;\n\n constructor() {\n super();\n\n this.addEventListener('click', this.handleClick);\n }\n\n /* Submits the form. /\n @alternateName('performSubmit')\n public submit(): boolean {\n const formData = this.getFormData();\n if (!this.novalidate && !this.reportValidity()) {\n return false;\n }\n\n this.emitEvent('igcSubmit', { detail: formData });\n return true;\n }\n\n /* Resets the form. /\n @alternateName('performReset')\n public reset() {\n const formElements = this.getFormElements();\n formElements.forEach((element) => {\n const tagName = element.tagName.toLowerCase();\n if (tagName === 'select') {\n for (let i = 0; i < element.options.length; i++) {\n const option = element.options[i];\n option.selected = option.defaultSelected;\n }\n } else if (\n (tagName === 'input' &&\n (element.type === 'checkbox' \|\| element.type == 'radio')) \|\|\n (tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n ) {\n element.checked = element.hasAttribute('checked');\n } else if (\n tagName === 'igc-input' \|\|\n tagName === 'igc-rating' \|\|\n tagName === 'igc-mask-input' \|\|\n tagName === 'igc-date-time-input'\n ) {\n element.value = element.getAttribute('value');\n } else if (this._controlsWithValue.includes(tagName)) {\n element.value = element.defaultValue;\n }\n });\n\n this.emitEvent('igcReset');\n }\n\n private getFormElements(): any[] {\n const slot = this.shadowRoot?.querySelector('slot');\n const assignedElements = slot?.assignedElements({ flatten: true });\n const formElements: any[] = [];\n assignedElements?.forEach((element: any) => {\n if (!element.disabled) {\n formElements.push(element);\n }\n const children = Array.from(element.getElementsByTagName('')).filter(\n (element: any) => !element.disabled\n );\n formElements.push(...children);\n });\n\n return formElements;\n }\n\n //suppressing in blazor for now due to an issue, bringing it back later\n /** Retrieves the data from the form in the format of a FormData object. /\n @blazorSuppress()\n public getFormData() {\n const formData = new FormData();\n\n const formElements = this.getFormElements();\n formElements.forEach((element) => {\n const tagName = element.tagName.toLowerCase();\n if (tagName === 'select') {\n for (let i = 0; i < element.options.length; i++) {\n const option = element.options[i];\n if (option.selected) {\n formData.append(element.name, option.value);\n }\n }\n } else if (\n this._controlsWithChecked.includes(tagName) &&\n element.checked\n ) {\n formData.append(element.name, element.value \|\| 'on');\n } else if (\n this._controlsWithValue.includes(tagName) &&\n element.type !== 'checkbox' &&\n element.type !== 'radio' &&\n element.type !== 'submit'\n ) {\n formData.append(element.name, element.value);\n }\n });\n\n return formData;\n }\n\n /* Checks for validity of the form. */\n public reportValidity(): boolean {\n const formElements = this.getFormElements();\n return !formElements.some(\n (element) =>\n typeof element.reportValidity === 'function' &&\n element.reportValidity() === false\n );\n }\n\n private handleClick(event: MouseEvent) {\n const targetElement: any = event.target as HTMLElement;\n if (\n this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase()) &&\n targetElement.type.toLowerCase() === 'submit'\n ) {\n this.submit();\n } else if (targetElement.type?.toLowerCase() === 'reset') {\n this.reset();\n }\n\n return true;\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-form': IgcFormComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\n\nexport interface IgcFormEventMap {\n igcSubmit: CustomEvent<FormData>;\n igcReset: CustomEvent;\n}\n\n/*\n The form is a component used to collect user input from\n * interactive controls.\n \n @element igc-form\n \n @slot - Default slot for the form.\n \n @fires igcSubmit - Emitted when the form is submitted.\n * @fires igcReset - Emitted when the form is reset.\n /\nexport default class IgcFormComponent extends EventEmitterMixin<\n IgcFormEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static readonly tagName = 'igc-form';\n\n public static styles = css`\n :host {\n display: block;\n }\n `;\n\n private _controlsWithChecked = [\n 'input',\n 'radio',\n 'igc-radio',\n 'igc-switch',\n 'igc-checkbox',\n ];\n private _controlsWithValue = [\n 'input',\n 'igc-input',\n 'igc-mask-input',\n 'textarea',\n 'igc-rating',\n 'igc-select',\n 'igc-date-time-input',\n ];\n private _controlsThatSubmit = [\n 'input',\n 'button',\n 'igc-button',\n 'igc-icon-button',\n ];\n\n /* Specifies if form data validation should be skipped on submit. /\n @property({ type: Boolean, reflect: true }) public novalidate = false;\n\n constructor() {\n super();\n\n this.addEventListener('click', this.handleClick);\n }\n\n /* Submits the form. /\n @alternateName('performSubmit')\n public submit(): boolean {\n const formData = this.getFormData();\n if (!this.novalidate && !this.reportValidity()) {\n return false;\n }\n\n this.emitEvent('igcSubmit', { detail: formData });\n return true;\n }\n\n /* Resets the form. /\n @alternateName('performReset')\n public reset() {\n const formElements = this.getFormElements();\n formElements.forEach((element) => {\n const tagName = element.tagName.toLowerCase();\n if (tagName === 'select') {\n for (let i = 0; i < element.options.length; i++) {\n const option = element.options[i];\n option.selected = option.defaultSelected;\n }\n } else if (\n (tagName === 'input' &&\n (element.type === 'checkbox' \|\| element.type == 'radio')) \|\|\n (tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n ) {\n element.checked = element.hasAttribute('checked');\n } else if (\n tagName === 'igc-input' \|\|\n tagName === 'igc-rating' \|\|\n tagName === 'igc-mask-input' \|\|\n tagName === 'igc-date-time-input'\n ) {\n element.value = element.getAttribute('value');\n } else if (this._controlsWithValue.includes(tagName)) {\n element.value = element.defaultValue;\n }\n });\n\n this.emitEvent('igcReset');\n }\n\n private getFormElements(): any[] {\n const slot = this.shadowRoot?.querySelector('slot');\n const assignedElements = slot?.assignedElements({ flatten: true });\n const formElements: any[] = [];\n assignedElements?.forEach((element: any) => {\n if (!element.disabled) {\n formElements.push(element);\n }\n const children = Array.from(element.getElementsByTagName('')).filter(\n (element: any) => !element.disabled\n );\n formElements.push(...children);\n });\n\n return formElements;\n }\n\n //suppressing in blazor for now due to an issue, bringing it back later\n /** Retrieves the data from the form in the format of a FormData object. /\n @blazorSuppress()\n public getFormData() {\n const formData = new FormData();\n\n const formElements = this.getFormElements();\n formElements.forEach((element) => {\n const tagName = element.tagName.toLowerCase();\n if (tagName === 'select') {\n for (let i = 0; i < element.options.length; i++) {\n const option = element.options[i];\n if (option.selected) {\n formData.append(element.name, option.value);\n }\n }\n } else if (\n this._controlsWithChecked.includes(tagName) &&\n element.checked\n ) {\n formData.append(element.name, element.value \|\| 'on');\n } else if (\n this._controlsWithValue.includes(tagName) &&\n element.type !== 'checkbox' &&\n element.type !== 'radio' &&\n element.type !== 'submit'\n ) {\n formData.append(element.name, element.value);\n }\n });\n\n return formData;\n }\n\n /* Checks for validity of the form. */\n public reportValidity(): boolean {\n const formElements = this.getFormElements();\n return !formElements.some(\n (element) =>\n typeof element.reportValidity === 'function' &&\n element.reportValidity() === false\n );\n }\n\n private handleClick(event: MouseEvent) {\n const targetElement: any = event.target as HTMLElement;\n if (\n this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase()) &&\n targetElement.type.toLowerCase() === 'submit'\n ) {\n this.submit();\n } else if (targetElement.type?.toLowerCase() === 'reset') {\n this.reset();\n }\n\n return true;\n }\n\n protected override render() {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-form': IgcFormComponent;\n }\n}\n"]}

package/components/icon/icon.js CHANGED Viewed

@@ -46,7 +46,9 @@ export default class IgcIconComponent extends SizableMixin(LitElement) {
     }
     connectedCallback() {
         super.connectedCallback();
-        this.setAttribute('role', 'img');
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'img');
+        }
         IconsRegistry.instance().subscribe(this.iconLoaded);
     }
     disconnectedCallback() {

package/components/icon/icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EACL,aAAa,EACb,YAAY,IAAI,iBAAiB,EACjC,oBAAoB,IAAI,yBAAyB,GAClD,MAAM,oBAAoB,CAAC;AAS5B,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAqDpE;QACE,KAAK,EAAE,CAAC;QAjDO,QAAG,GAAG,EAAE,CAAC;QAElB,UAAK,GAAG,EAAE,CAAC;QAEX,gBAAW,GAAG,SAAS,CAAC;QA0CzB,aAAQ,GAAG,KAAK,CAAC;~~QAkBhB~~,eAAU,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAE,EAAE;YACxD,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,EAAE;gBACxD,IAAI,CAAC,OAAO,EAAE,CAAC;aAChB;QACH,CAAC,CAAC;~~QAlBA~~,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IA3CD,IAAW,IAAI,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;IACH,CAAC;IAOD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAW,UAAU,CAAC,KAAa;QACjC,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YAC9B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;IACH,CAAC;IASD,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAae,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;~~QACjC~~,aAAa,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;IAEe,oBAAoB;QAClC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,aAAa,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACxD,CAAC;IAQO,OAAO;QACb,MAAM,GAAG,GACP,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW;YAC5B,CAAC,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YAChE,CAAC,CAAC,EAAE,CAAC;QACT,IAAI,CAAC,GAAG,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC;IACvB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;IACxC,CAAC;IAGS,KAAK,CAAC,YAAY,CAC1B,IAAY,EACZ,GAAW,EACX,UAAU,GAAG,SAAS;QAEtB,MAAM,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IACjD,CAAC;IAGS,oBAAoB,CAC5B,IAAY,EACZ,QAAgB,EAChB,UAAU,GAAG,SAAS;QAEtB,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;;~~AAtGsB~~,wBAAO,GAAG,UAAU,CAAC;AAErB,uBAAM,GAAG,MAAM,CAAC;AAE9B;IAAR,KAAK,EAAE;6CAAkB;AAQ1B;IAFC,QAAQ,EAAE;IACV,aAAa,CAAC,UAAU,CAAC;4CAMzB;AAyBD;IADC,QAAQ,EAAE;kDAGV;AAMD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;~~AAqCxB~~;IADC,aAAa,EAAE;oDAOf;AAGD;IADC,aAAa,EAAE;4DAOf","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { styles } from './icon.material.css.js';\nimport {\n IconsRegistry,\n registerIcon as registerIcon_impl,\n registerIconFromText as registerIconFromText_impl,\n} from './icon.registry.js';\n\n/*\n Icon component\n \n @element igc-icon\n \n \n /\nexport default class IgcIconComponent extends SizableMixin(LitElement) {\n public static readonly tagName = 'igc-icon';\n\n public static override styles = styles;\n\n @state() private svg = '';\n\n private _name = '';\n\n private _collection = 'default';\n\n @property()\n @alternateName('iconName')\n public set name(value: string) {\n if (this._name !== value) {\n this._name = value;\n this.getIcon();\n }\n }\n\n /\n The name of the icon glyph to draw.\n \n @attr [name=\"\"]\n /\n public get name(): string {\n return this._name;\n }\n\n public set collection(value: string) {\n if (this._collection !== value) {\n this._collection = value;\n this.getIcon();\n }\n }\n\n /\n The name of the registered collection for look up of icons.\n * Defaults to `default`.\n \n @attr [collection=default]\n /\n @property()\n public get collection(): string {\n return this._collection;\n }\n\n /\n Whether to flip the icon. Useful for RTL layouts.\n */\n @property({ type: Boolean, reflect: true })\n public mirrored = false;\n\n constructor() {\n super();\n this.size = 'medium';\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'img');\n IconsRegistry.instance().subscribe(this.iconLoaded);\n }\n\n public override disconnectedCallback() {\n super.disconnectedCallback();\n IconsRegistry.instance().unsubscribe(this.iconLoaded);\n }\n\n private iconLoaded = (name: string, collection: string) => {\n if (this.name === name && this.collection === collection) {\n this.getIcon();\n }\n };\n\n private getIcon() {\n const svg =\n this._name && this._collection\n ? IconsRegistry.instance().getIcon(this._name, this._collection)\n : '';\n this.svg = svg ?? '';\n }\n\n protected override render() {\n return html` ${unsafeSVG(this.svg)} `;\n }\n\n @blazorInclude()\n protected async registerIcon(\n name: string,\n url: string,\n collection = 'default'\n ) {\n await registerIcon_impl(name, url, collection);\n }\n\n @blazorInclude()\n protected registerIconFromText(\n name: string,\n iconText: string,\n collection = 'default'\n ) {\n registerIconFromText_impl(name, iconText, collection);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-icon': IgcIconComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EACL,aAAa,EACb,YAAY,IAAI,iBAAiB,EACjC,oBAAoB,IAAI,yBAAyB,GAClD,MAAM,oBAAoB,CAAC;AAS5B,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAqDpE;QACE,KAAK,EAAE,CAAC;QAjDO,QAAG,GAAG,EAAE,CAAC;QAElB,UAAK,GAAG,EAAE,CAAC;QAEX,gBAAW,GAAG,SAAS,CAAC;QA0CzB,aAAQ,GAAG,KAAK,CAAC;QAoBhB,eAAU,GAAG,CAAC,IAAY,EAAE,UAAkB,EAAE,EAAE;YACxD,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,EAAE;gBACxD,IAAI,CAAC,OAAO,EAAE,CAAC;aAChB;QACH,CAAC,CAAC;QApBA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IA3CD,IAAW,IAAI,CAAC,KAAa;QAC3B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;IACH,CAAC;IAOD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAW,UAAU,CAAC,KAAa;QACjC,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YAC9B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;IACH,CAAC;IASD,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAae,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;YAC9B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;SAClC;QACD,aAAa,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;IAEe,oBAAoB;QAClC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,aAAa,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACxD,CAAC;IAQO,OAAO;QACb,MAAM,GAAG,GACP,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW;YAC5B,CAAC,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YAChE,CAAC,CAAC,EAAE,CAAC;QACT,IAAI,CAAC,GAAG,GAAG,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC;IACvB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;IACxC,CAAC;IAGS,KAAK,CAAC,YAAY,CAC1B,IAAY,EACZ,GAAW,EACX,UAAU,GAAG,SAAS;QAEtB,MAAM,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IACjD,CAAC;IAGS,oBAAoB,CAC5B,IAAY,EACZ,QAAgB,EAChB,UAAU,GAAG,SAAS;QAEtB,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;;AAxGsB,wBAAO,GAAG,UAAU,CAAC;AAErB,uBAAM,GAAG,MAAM,CAAC;AAE9B;IAAR,KAAK,EAAE;6CAAkB;AAQ1B;IAFC,QAAQ,EAAE;IACV,aAAa,CAAC,UAAU,CAAC;4CAMzB;AAyBD;IADC,QAAQ,EAAE;kDAGV;AAMD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AAuCxB;IADC,aAAa,EAAE;oDAOf;AAGD;IADC,aAAa,EAAE;4DAOf","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { styles } from './icon.material.css.js';\nimport {\n IconsRegistry,\n registerIcon as registerIcon_impl,\n registerIconFromText as registerIconFromText_impl,\n} from './icon.registry.js';\n\n/*\n Icon component\n \n @element igc-icon\n \n \n /\nexport default class IgcIconComponent extends SizableMixin(LitElement) {\n public static readonly tagName = 'igc-icon';\n\n public static override styles = styles;\n\n @state() private svg = '';\n\n private _name = '';\n\n private _collection = 'default';\n\n @property()\n @alternateName('iconName')\n public set name(value: string) {\n if (this._name !== value) {\n this._name = value;\n this.getIcon();\n }\n }\n\n /\n The name of the icon glyph to draw.\n \n @attr [name=\"\"]\n /\n public get name(): string {\n return this._name;\n }\n\n public set collection(value: string) {\n if (this._collection !== value) {\n this._collection = value;\n this.getIcon();\n }\n }\n\n /\n The name of the registered collection for look up of icons.\n * Defaults to `default`.\n \n @attr [collection=default]\n /\n @property()\n public get collection(): string {\n return this._collection;\n }\n\n /\n Whether to flip the icon. Useful for RTL layouts.\n */\n @property({ type: Boolean, reflect: true })\n public mirrored = false;\n\n constructor() {\n super();\n this.size = 'medium';\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'img');\n }\n IconsRegistry.instance().subscribe(this.iconLoaded);\n }\n\n public override disconnectedCallback() {\n super.disconnectedCallback();\n IconsRegistry.instance().unsubscribe(this.iconLoaded);\n }\n\n private iconLoaded = (name: string, collection: string) => {\n if (this.name === name && this.collection === collection) {\n this.getIcon();\n }\n };\n\n private getIcon() {\n const svg =\n this._name && this._collection\n ? IconsRegistry.instance().getIcon(this._name, this._collection)\n : '';\n this.svg = svg ?? '';\n }\n\n protected override render() {\n return html` ${unsafeSVG(this.svg)} `;\n }\n\n @blazorInclude()\n protected async registerIcon(\n name: string,\n url: string,\n collection = 'default'\n ) {\n await registerIcon_impl(name, url, collection);\n }\n\n @blazorInclude()\n protected registerIconFromText(\n name: string,\n iconText: string,\n collection = 'default'\n ) {\n registerIconFromText_impl(name, iconText, collection);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-icon': IgcIconComponent;\n }\n}\n"]}

package/components/icon/icon.material.css.js CHANGED Viewed

@@ -25,6 +25,7 @@ export const styles = css `:host {
   display: none !important;
 }
+/* stylelint-disable max-line-length */
 svg {
   height: 100%;
   width: 100%;

package/components/icon/icon.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon.material.css.js","sourceRoot":"","sources":["../../../src/components/icon/icon.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ,\n:host ::before,\n:host *::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\nsvg {\n height: 100%;\n width: 100%;\n}\n\n:host {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: var(--size, 1.25rem);\n height: var(--size, 1.25rem);\n fill: currentcolor;\n}\n\n:host([size=small]) {\n --size: 1rem;\n}\n\n:host([size=medium]) {\n --size: 1.25rem;\n}\n\n:host([size=large]) {\n --size: 1.5rem;\n}\n\n:host([mirrored]) {\n -webkit-transform: scaleX(-1);\n -ms-transform: scaleX(-1);\n transform: scaleX(-1);\n}`;\n"]}
1	+ {"version":3,"file":"icon.material.css.js","sourceRoot":"","sources":["../../../src/components/icon/icon.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length */\nsvg {\n height: 100%;\n width: 100%;\n}\n\n:host {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: var(--size, 1.25rem);\n height: var(--size, 1.25rem);\n fill: currentcolor;\n}\n\n:host([size=small]) {\n --size: 1rem;\n}\n\n:host([size=medium]) {\n --size: 1.25rem;\n}\n\n:host([size=large]) {\n --size: 1.5rem;\n}\n\n:host([mirrored]) {\n -webkit-transform: scaleX(-1);\n -ms-transform: scaleX(-1);\n transform: scaleX(-1);\n}`;\n"]}

package/components/input/input.d.ts CHANGED Viewed

@@ -43,6 +43,7 @@ export default class IgcInputComponent extends IgcInputBaseComponent {
     autofocus: boolean;
     /** The autocomplete attribute of the control. */
     autocomplete: string;
+    tabIndex: number;
     /** Checks for validity of the control and shows the browser message if it's invalid. */
     reportValidity(): boolean;
     /** Replaces the selected text in the input. */

package/components/input/input.js CHANGED Viewed

@@ -20,6 +20,7 @@ export default class IgcInputComponent extends IgcInputBaseComponent {
         this.value = '';
         this.type = 'text';
         this.invalid = false;
+        this.tabIndex = 0;
     }
     reportValidity() {
         return this.input.reportValidity();
@@ -71,6 +72,7 @@ export default class IgcInputComponent extends IgcInputBaseComponent {
         ?disabled="${this.disabled}"
         ?required="${this.required}"
         ?autofocus="${this.autofocus}"
+        tabindex=${this.tabIndex}
         autocomplete="${ifDefined(this.autocomplete)}"
         inputmode="${ifDefined(this.inputmode)}"
         min="${ifDefined(this.min)}"
@@ -127,6 +129,9 @@ __decorate([
 __decorate([
     property()
 ], IgcInputComponent.prototype, "autocomplete", void 0);
+__decorate([
+    property({ type: Number })
+], IgcInputComponent.prototype, "tabIndex", void 0);
 __decorate([
     blazorSuppress()
 ], IgcInputComponent.prototype, "setRangeText", null);

package/components/input/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAqBxD,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,qBAAqB;IAApE;;QAKS,UAAK,GAAG,EAAE,CAAC;QAKX,SAAI,GAOC,MAAM,CAAC;QAoBZ,YAAO,GAAG,KAAK,CAAC;~~IA4HzB~~,CAAC;~~IA7FQ~~,cAAc;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;IACrC,CAAC;IAIe,YAAY,CAC1B,WAAmB,EACnB,KAAa,EACb,GAAW,EACX,aAAsD,UAAU;QAEhE,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;QACxD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAChC,CAAC;IAMM,iBAAiB,CAAC,OAAe;QACtC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IAC7C,CAAC;IAGM,MAAM;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC;IAGM,MAAM,CAAC,CAAU;QACtB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACrB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAGM,QAAQ,CAAC,CAAU;QACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACvB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACrD,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IAGS,iBAAiB;QACzB,IAAI,CAAC,cAAc,CAAC,IAAI,CACtB,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CACnD,CAAC;IACJ,CAAC;IAES,WAAW;QACnB,OAAO,IAAI,CAAA;;cAED,IAAI,CAAC,OAAO;gBACV,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBAC3C,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;gBACpB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;mBACjB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;uBACnB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;kBAChC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;qBACb,IAAI,CAAC,QAAQ;qBACb,IAAI,CAAC,QAAQ;qBACb,IAAI,CAAC,QAAQ;sBACZ,IAAI,CAAC,SAAS;~~wBACZ~~,SAAS,CAAC,IAAI,CAAC,YAAmB,CAAC;qBACtC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;eAC/B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;eACnB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;qBACb,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;qBACzB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;gBAC9B,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;wBACZ,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;oBACnC,IAAI,CAAC,aAAa;mBACnB,IAAI,CAAC,YAAY;kBAClB,IAAI,CAAC,WAAW;kBAChB,IAAI,CAAC,WAAW;iBACjB,IAAI,CAAC,UAAU;;KAE3B,CAAC;IACJ,CAAC;;~~AA/JsB~~,yBAAO,GAAG,WAAW,CAAC;AAI7C;IAFC,QAAQ,EAAE;IACV,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC;gDACtB;AAKlB;IAFC,aAAa,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAQT;AAInB;IADC,QAAQ,EAAE;oDASD;AAIV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACH;AAIxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACpB;AAIvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACD;AAI1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACD;AAI1B;IADC,QAAQ,EAAE;8CACkB;AAI7B;IADC,QAAQ,EAAE;8CACkB;AAI7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACN;AAIrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACQ;AAIpC;IADC,QAAQ,EAAE;uDACkB;AAS7B;IADC,cAAc,EAAE;qDAShB;AA2CD;IADC,KAAK,CAAC,OAAO,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;0DAK9C","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcInputBaseComponent } from './input-base.js';\n\n/*\n @element igc-input\n \n @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n \n @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n \n @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n /\nexport default class IgcInputComponent extends IgcInputBaseComponent {\n public static readonly tagName = 'igc-input';\n\n @property()\n @blazorTwoWayBind('igcChange', 'detail')\n public value = '';\n\n /* The type attribute of the control. /\n @alternateName('displayType')\n @property({ reflect: true })\n public type:\n \| 'email'\n \| 'number'\n \| 'password'\n \| 'search'\n \| 'tel'\n \| 'text'\n \| 'url' = 'text';\n\n /* The input mode attribute of the control. /\n @property()\n public inputmode!:\n \| 'none'\n \| 'txt'\n \| 'decimal'\n \| 'numeric'\n \| 'tel'\n \| 'search'\n \| 'email'\n \| 'url';\n\n /* The pattern attribute of the control. /\n @property({ type: String })\n public pattern!: string;\n\n /* Controls the validity of the control. /\n @property({ reflect: true, type: Boolean })\n public invalid = false;\n\n /* The minlength attribute of the control. /\n @property({ type: Number })\n public minlength!: number;\n\n /* The maxlength attribute of the control. /\n @property({ type: Number })\n public maxlength!: number;\n\n /* The min attribute of the control. /\n @property()\n public min!: number \| string;\n\n /* The max attribute of the control. /\n @property()\n public max!: number \| string;\n\n /* The step attribute of the control. /\n @property({ type: Number })\n public step!: number;\n\n /* The autofocus attribute of the control. /\n @property({ type: Boolean })\n public override autofocus!: boolean;\n\n /* The autocomplete attribute of the control. /\n @property()\n public autocomplete!: string;\n\n /* Checks for validity of the control and shows the browser message if it's invalid. /\n public reportValidity() {\n return this.input.reportValidity();\n }\n\n /* Replaces the selected text in the input. /\n @blazorSuppress()\n public override setRangeText(\n replacement: string,\n start: number,\n end: number,\n selectMode: 'select' \| 'start' \| 'end' \| 'preserve' = 'preserve'\n ) {\n super.setRangeText(replacement, start, end, selectMode);\n this.value = this.input.value;\n }\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n /\n public setCustomValidity(message: string) {\n this.input.setCustomValidity(message);\n this.invalid = !this.input.checkValidity();\n }\n\n /* Selects all text within the input. /\n public select() {\n return this.input.select();\n }\n\n /* Increments the numeric value of the input by one or more steps. /\n public stepUp(n?: number) {\n this.input.stepUp(n);\n this.handleChange();\n }\n\n /* Decrements the numeric value of the input by one or more steps. */\n public stepDown(n?: number) {\n this.input.stepDown(n);\n this.handleChange();\n }\n\n private handleInvalid() {\n this.invalid = true;\n }\n\n private handleInput() {\n this.value = this.input.value;\n this.emitEvent('igcInput', { detail: this.value });\n }\n\n private handleChange() {\n this.value = this.input.value;\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n protected handleValueChange() {\n this.updateComplete.then(\n () => (this.invalid = !this.input.checkValidity())\n );\n }\n\n protected renderInput() {\n return html`\n <input\n id=\"${this.inputId}\"\n part=\"${partNameMap(this.resolvePartNames('input'))}\"\n name=\"${ifDefined(this.name)}\"\n type=\"${ifDefined(this.type)}\"\n pattern=\"${ifDefined(this.pattern)}\"\n placeholder=\"${ifDefined(this.placeholder)}\"\n .value=\"${live(this.value)}\"\n ?readonly=\"${this.readonly}\"\n ?disabled=\"${this.disabled}\"\n ?required=\"${this.required}\"\n ?autofocus=\"${this.autofocus}\"\n autocomplete=\"${ifDefined(this.autocomplete as any)}\"\n inputmode=\"${ifDefined(this.inputmode)}\"\n min=\"${ifDefined(this.min)}\"\n max=\"${ifDefined(this.max)}\"\n minlength=\"${ifDefined(this.minlength)}\"\n maxlength=\"${ifDefined(this.maxlength)}\"\n step=\"${ifDefined(this.step)}\"\n aria-invalid=\"${this.invalid ? 'true' : 'false'}\"\n @invalid=\"${this.handleInvalid}\"\n @change=\"${this.handleChange}\"\n @input=\"${this.handleInput}\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-input': IgcInputComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcInputBaseComponent } from './input-base.js';\n\n/*\n @element igc-input\n \n @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n \n @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n \n @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n /\nexport default class IgcInputComponent extends IgcInputBaseComponent {\n public static readonly tagName = 'igc-input';\n\n @property()\n @blazorTwoWayBind('igcChange', 'detail')\n public value = '';\n\n /* The type attribute of the control. /\n @alternateName('displayType')\n @property({ reflect: true })\n public type:\n \| 'email'\n \| 'number'\n \| 'password'\n \| 'search'\n \| 'tel'\n \| 'text'\n \| 'url' = 'text';\n\n /* The input mode attribute of the control. /\n @property()\n public inputmode!:\n \| 'none'\n \| 'txt'\n \| 'decimal'\n \| 'numeric'\n \| 'tel'\n \| 'search'\n \| 'email'\n \| 'url';\n\n /* The pattern attribute of the control. /\n @property({ type: String })\n public pattern!: string;\n\n /* Controls the validity of the control. /\n @property({ reflect: true, type: Boolean })\n public invalid = false;\n\n /* The minlength attribute of the control. /\n @property({ type: Number })\n public minlength!: number;\n\n /* The maxlength attribute of the control. /\n @property({ type: Number })\n public maxlength!: number;\n\n /* The min attribute of the control. /\n @property()\n public min!: number \| string;\n\n /* The max attribute of the control. /\n @property()\n public max!: number \| string;\n\n /* The step attribute of the control. /\n @property({ type: Number })\n public step!: number;\n\n /* The autofocus attribute of the control. /\n @property({ type: Boolean })\n public override autofocus!: boolean;\n\n /* The autocomplete attribute of the control. /\n @property()\n public autocomplete!: string;\n\n @property({ type: Number })\n public override tabIndex = 0;\n\n /* Checks for validity of the control and shows the browser message if it's invalid. /\n public reportValidity() {\n return this.input.reportValidity();\n }\n\n /* Replaces the selected text in the input. /\n @blazorSuppress()\n public override setRangeText(\n replacement: string,\n start: number,\n end: number,\n selectMode: 'select' \| 'start' \| 'end' \| 'preserve' = 'preserve'\n ) {\n super.setRangeText(replacement, start, end, selectMode);\n this.value = this.input.value;\n }\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n /\n public setCustomValidity(message: string) {\n this.input.setCustomValidity(message);\n this.invalid = !this.input.checkValidity();\n }\n\n /* Selects all text within the input. /\n public select() {\n return this.input.select();\n }\n\n /* Increments the numeric value of the input by one or more steps. /\n public stepUp(n?: number) {\n this.input.stepUp(n);\n this.handleChange();\n }\n\n /* Decrements the numeric value of the input by one or more steps. */\n public stepDown(n?: number) {\n this.input.stepDown(n);\n this.handleChange();\n }\n\n private handleInvalid() {\n this.invalid = true;\n }\n\n private handleInput() {\n this.value = this.input.value;\n this.emitEvent('igcInput', { detail: this.value });\n }\n\n private handleChange() {\n this.value = this.input.value;\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n protected handleValueChange() {\n this.updateComplete.then(\n () => (this.invalid = !this.input.checkValidity())\n );\n }\n\n protected renderInput() {\n return html`\n <input\n id=\"${this.inputId}\"\n part=\"${partNameMap(this.resolvePartNames('input'))}\"\n name=\"${ifDefined(this.name)}\"\n type=\"${ifDefined(this.type)}\"\n pattern=\"${ifDefined(this.pattern)}\"\n placeholder=\"${ifDefined(this.placeholder)}\"\n .value=\"${live(this.value)}\"\n ?readonly=\"${this.readonly}\"\n ?disabled=\"${this.disabled}\"\n ?required=\"${this.required}\"\n ?autofocus=\"${this.autofocus}\"\n tabindex=${this.tabIndex}\n autocomplete=\"${ifDefined(this.autocomplete as any)}\"\n inputmode=\"${ifDefined(this.inputmode)}\"\n min=\"${ifDefined(this.min)}\"\n max=\"${ifDefined(this.max)}\"\n minlength=\"${ifDefined(this.minlength)}\"\n maxlength=\"${ifDefined(this.maxlength)}\"\n step=\"${ifDefined(this.step)}\"\n aria-invalid=\"${this.invalid ? 'true' : 'false'}\"\n @invalid=\"${this.handleInvalid}\"\n @change=\"${this.handleChange}\"\n @input=\"${this.handleInput}\"\n @focus=\"${this.handleFocus}\"\n @blur=\"${this.handleBlur}\"\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-input': IgcInputComponent;\n }\n}\n"]}

package/components/input/themes/dark/input.dark.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `/* stylelint-disable max-line-length */`;
 //# sourceMappingURL=input.dark.indigo.css.js.map

package/components/input/themes/dark/input.dark.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.dark.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.dark.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~EAAE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css~~``;\~~n"]}
1	+ {"version":3,"file":"input.dark.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.dark.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}

package/components/input/themes/dark/input.dark.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `/* stylelint-disable max-line-length */`;
 //# sourceMappingURL=input.dark.material.css.js.map

package/components/input/themes/dark/input.dark.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.dark.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.dark.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~EAAE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css~~``;\~~n"]}
1	+ {"version":3,"file":"input.dark.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.dark.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}

package/components/input/themes/light/input.base.css.js CHANGED Viewed

@@ -25,6 +25,7 @@ export const styles = css `:host {
   display: none !important;
 }
+/* stylelint-disable max-line-length */
 [part~=suffixed] [part=suffix], [part~=prefixed] [part=prefix] {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -53,7 +54,7 @@ export const styles = css `:host {
   height: 100%;
   border: none;
   outline-style: none;
-  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  color: inherit;
   font-family: var(--ig-font-family);
   z-index: 1;
 }
@@ -61,6 +62,7 @@ export const styles = css `:host {
 [part^=container] {
   position: relative;
   display: grid;
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
 }
 [part=prefix],

package/components/input/themes/light/input.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmGvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n[part~=suffixed] [part=suffix], [part~=prefixed] [part=prefix] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100%;\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host {\n position: relative;\n display: block;\n font-family: var(--ig-font-family);\n outline-style: none;\n}\n\n[part=label] {\n display: inline-block;\n white-space: nowrap;\n}\n\n[part~=input] {\n width: 100%;\n height: 100%;\n border: none;\n outline-style: none;\n color: ~~hsla(var(--ig-gray-900), var(--ig-gray-a))~~;\n font-family: var(--ig-font-family);\n z-index: 1;\n}\n\n[part^=container] {\n position: relative;\n display: grid;\n}\n\n[part=prefix],\n[part=suffix] {\n display: none;\n overflow: hidden;\n}\n\n:host([required]) [part=label]::after {\n content: \"\";\n}\n\n[part=helper-text] {\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n}\n\n:host([size=large]) [part~=input],\n:host([size=large]) [part~=container] {\n height: 3.5rem;\n}\n\n:host([size=medium]) [part~=input],\n:host([size=medium]) [part~=container] {\n height: 3rem;\n}\n\n:host([size=small]) [part~=input],\n:host([size=small]) [part~=container] {\n height: 2.5rem;\n}`;\n"]}
1	+ {"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length /\n[part~=suffixed] [part=suffix], [part~=prefixed] [part=prefix] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 100%;\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host {\n position: relative;\n display: block;\n font-family: var(--ig-font-family);\n outline-style: none;\n}\n\n[part=label] {\n display: inline-block;\n white-space: nowrap;\n}\n\n[part~=input] {\n width: 100%;\n height: 100%;\n border: none;\n outline-style: none;\n color: inherit;\n font-family: var(--ig-font-family);\n z-index: 1;\n}\n\n[part^=container] {\n position: relative;\n display: grid;\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part=prefix],\n[part=suffix] {\n display: none;\n overflow: hidden;\n}\n\n:host([required]) [part=label]::after {\n content: \"\";\n}\n\n[part=helper-text] {\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n}\n\n:host([size=large]) [part~=input],\n:host([size=large]) [part~=container] {\n height: 3.5rem;\n}\n\n:host([size=medium]) [part~=input],\n:host([size=medium]) [part~=container] {\n height: 3rem;\n}\n\n:host([size=small]) [part~=input],\n:host([size=small]) [part~=container] {\n height: 2.5rem;\n}`;\n"]}

package/components/input/themes/light/input.bootstrap.css.js CHANGED Viewed

@@ -1,11 +1,21 @@
 import { css } from 'lit';
-export const styles = css `:host::after {
+export const styles = css `/* stylelint-disable max-line-length */
+:host::after {
   background: none;
 }
+:host [part~=container] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  border-style: none;
+  grid-template-columns: auto 1fr auto;
+  background: var(--input-background, #fff);
+}
+:host [part~=container]::after {
+  display: none;
+}
 :host [part~=input] {
   border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
   padding: initial;
-  background: var(--input-background, #fff);
+  background: inherit;
   -webkit-box-shadow: 0 0 0 0 transparent;
           box-shadow: 0 0 0 0 transparent;
   z-index: 1;
@@ -17,14 +27,17 @@ export const styles = css `:host::after {
   transition: box-shadow 0.15s ease-out, border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
   grid-area: 1/2;
 }
-:host [part~=prefixed] {
+:host [part*="input prefixed"] {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
-:host [part~=suffixed] {
+:host [part*="input suffixed"] {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
 }
+:host [part*="input prefixed suffixed"] {
+  border-radius: 0;
+}
 :host label {
   line-height: 1.5rem;
   margin-bottom: 0.25rem;
@@ -33,13 +46,6 @@ export const styles = css `:host::after {
 :host label:empty {
   display: none;
 }
-:host [part~=container] {
-  border: none;
-  grid-template-columns: auto 1fr auto;
-}
-:host [part~=container]::after {
-  display: none;
-}
 :host [part=prefix],
 :host [part=suffix] {
   position: relative;
@@ -151,18 +157,21 @@ export const styles = css `:host::after {
 :host([disabled]) [part=prefix],
 :host([disabled]) [part=suffix],
-:host([disabled]) [part~=input],
+:host([disabled]) [part~=container],
 :host([readonly]) [part=prefix],
 :host([readonly]) [part=suffix],
-:host([readonly]) [part~=input] {
+:host([readonly]) [part~=container] {
   background: hsla(var(--ig-gray-100), var(--ig-gray-a));
-  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
   color: hsla(var(--ig-gray-400), var(--ig-gray-a));
 }
+:host([disabled]) [part~=input],
+:host([readonly]) [part~=input] {
+  border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
 :host([readonly]) [part=prefix],
 :host([readonly]) [part=suffix],
-:host([readonly]) [part~=input] {
+:host([readonly]) [part~=container] {
   color: hsla(var(--ig-gray-800), var(--ig-gray-a));
 }

package/components/input/themes/light/input.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2KvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::after {\n background: none;\n}\n:host [part~=~~input~~] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n ~~padding~~: ~~initial~~;\n background: var(--input-background, #fff);\n -webkit-box-shadow: 0 0 0 0 transparent;\n box-shadow: 0 0 0 0 transparent;\n z-index: 1;\n border: 1px solid hsla(var(--ig-gray-400), var(--ig-gray-a));\n -webkit-transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n -o-transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n transition: box-shadow 0.15s ease-out, border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n grid-area: 1/2;\n}\n:host [part~=prefixed] {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n:host [part~=suffixed] {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n:host label {\n line-height: 1.5rem;\n margin-bottom: 0.25rem;\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host label:empty {\n display: none;\n}\n:host [part~~~=container] {\n border: none;\n grid-template-columns: auto 1fr auto;\n}\n:host [part~=container]::after {\n display: none;\n}\n:host [part~~=prefix],\n:host [part=suffix] {\n position: relative;\n padding: rem(16px);\n border-radius: none;\n min-width: auto;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n -webkit-transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n -o-transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n transition: box-shadow 0.15s ease-out, border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n}\n:host [part=prefix]:focus-within,\n:host [part=suffix]:focus-within {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-300), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-300), 0.38);\n}\n:host [part=prefix] {\n grid-area: 1/1;\n border-style: solid;\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n border-inline-start-width: 1px;\n border-inline-end-width: 0;\n border-block-start-width: 1px;\n border-block-end-width: 1px;\n border-start-start-radius: 0.25rem;\n border-end-start-radius: 0.25rem;\n}\n:host [part=suffix] {\n grid-area: 1/3;\n border-style: solid;\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n border-inline-start-width: 0;\n border-inline-end-width: 1px;\n border-block-start-width: 1px;\n border-block-end-width: 1px;\n border-start-end-radius: 0.25rem;\n border-end-end-radius: 0.25rem;\n}\n:host [part=helper-text] {\n font-family: var(--ig-body-2-font-family);\n font-size: var(--ig-body-2-font-size);\n font-weight: var(--ig-body-2-font-weight);\n font-style: var(--ig-body-2-font-style);\n line-height: var(--ig-body-2-line-height);\n letter-spacing: var(--ig-body-2-letter-spacing);\n text-transform: var(--ig-body-2-text-transform);\n margin-top: var(--ig-body-2-margin-top);\n margin-bottom: var(--ig-body-2-margin-bottom);\n margin-top: rem(4px);\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host([size=large]) [part~=container],\n:host([size=large]) [part~=input] {\n height: 3rem;\n}\n:host([size=large]) [part~=input] {\n font-size: 1.25rem;\n padding: 0.5rem 1rem;\n}\n:host([size=large]) [part=prefix],\n:host([size=large]) [part=suffix] {\n font-size: rem(20px);\n padding: 0.5rem 1rem;\n}\n\n:host([size=medium]) [part~=container],\n:host([size=medium]) [part~=input] {\n height: 2.375rem;\n}\n:host([size=medium]) [part~=input] {\n font-size: 1rem;\n padding: 0.375rem 0.75rem;\n}\n:host([size=medium]) [part=prefix],\n:host([size=medium]) [part=suffix] {\n font-size: 1rem;\n padding: 0.375rem 0.75rem;\n}\n\n:host([size=small]) [part~=container],\n:host([size=small]) [part~=input] {\n height: 1.9375rem;\n}\n:host([size=small]) [part~=input] {\n font-size: 1rem;\n padding: 0.25rem 0.5rem;\n}\n:host([size=small]) [part=prefix],\n:host([size=small]) [part=suffix] {\n font-size: 0.875rem;\n padding: 0.25rem 0.5rem;\n}\n\n:host(:focus-within) [part~=input] {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([invalid]:focus-within) [part~=input] {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part~=~~input~~],\n:host([readonly]) [part=prefix],\n:host([readonly]) [part=suffix],\n:host([readonly]) [part~=~~input~~] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n ~~border-~~color: hsla(var(--ig-gray-~~300~~), var(--ig-gray-a));\n color: hsla(var(--ig-gray-~~400~~), var(--ig-gray-a));\n}\n\n:host([readonly]) [part=prefix],\n:host([readonly]) [part=suffix],\n:host([readonly]) [part~=~~input~~] {\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n:host(:focus-within[readonly]) [part~=input] {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-400), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-400), 0.38);\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}
1	+ {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoLvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length /\n:host::after {\n background: none;\n}\n:host [part~=container] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 0.25rem), 0.25rem);\n border-style: none;\n grid-template-columns: auto 1fr auto;\n background: var(--input-background, #fff);\n}\n:host [part~=container]::after {\n display: none;\n}\n:host [part~=input] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n padding: initial;\n background: inherit;\n -webkit-box-shadow: 0 0 0 0 transparent;\n box-shadow: 0 0 0 0 transparent;\n z-index: 1;\n border: 1px solid hsla(var(--ig-gray-400), var(--ig-gray-a));\n -webkit-transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n -o-transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n transition: box-shadow 0.15s ease-out, border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n grid-area: 1/2;\n}\n:host [part=\"input prefixed\"] {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n:host [part=\"input suffixed\"] {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n:host [part*=\"input prefixed suffixed\"] {\n border-radius: 0;\n}\n:host label {\n line-height: 1.5rem;\n margin-bottom: 0.25rem;\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host label:empty {\n display: none;\n}\n:host [part=prefix],\n:host [part=suffix] {\n position: relative;\n padding: rem(16px);\n border-radius: none;\n min-width: auto;\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n -webkit-transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n transition: border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n -o-transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n transition: box-shadow 0.15s ease-out, border 0.15s ease-out;\n transition: box-shadow 0.15s ease-out, border 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n}\n:host [part=prefix]:focus-within,\n:host [part=suffix]:focus-within {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-300), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-300), 0.38);\n}\n:host [part=prefix] {\n grid-area: 1/1;\n border-style: solid;\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n border-inline-start-width: 1px;\n border-inline-end-width: 0;\n border-block-start-width: 1px;\n border-block-end-width: 1px;\n border-start-start-radius: 0.25rem;\n border-end-start-radius: 0.25rem;\n}\n:host [part=suffix] {\n grid-area: 1/3;\n border-style: solid;\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n border-inline-start-width: 0;\n border-inline-end-width: 1px;\n border-block-start-width: 1px;\n border-block-end-width: 1px;\n border-start-end-radius: 0.25rem;\n border-end-end-radius: 0.25rem;\n}\n:host [part=helper-text] {\n font-family: var(--ig-body-2-font-family);\n font-size: var(--ig-body-2-font-size);\n font-weight: var(--ig-body-2-font-weight);\n font-style: var(--ig-body-2-font-style);\n line-height: var(--ig-body-2-line-height);\n letter-spacing: var(--ig-body-2-letter-spacing);\n text-transform: var(--ig-body-2-text-transform);\n margin-top: var(--ig-body-2-margin-top);\n margin-bottom: var(--ig-body-2-margin-bottom);\n margin-top: rem(4px);\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host([size=large]) [part~=container],\n:host([size=large]) [part~=input] {\n height: 3rem;\n}\n:host([size=large]) [part~=input] {\n font-size: 1.25rem;\n padding: 0.5rem 1rem;\n}\n:host([size=large]) [part=prefix],\n:host([size=large]) [part=suffix] {\n font-size: rem(20px);\n padding: 0.5rem 1rem;\n}\n\n:host([size=medium]) [part~=container],\n:host([size=medium]) [part~=input] {\n height: 2.375rem;\n}\n:host([size=medium]) [part~=input] {\n font-size: 1rem;\n padding: 0.375rem 0.75rem;\n}\n:host([size=medium]) [part=prefix],\n:host([size=medium]) [part=suffix] {\n font-size: 1rem;\n padding: 0.375rem 0.75rem;\n}\n\n:host([size=small]) [part~=container],\n:host([size=small]) [part~=input] {\n height: 1.9375rem;\n}\n:host([size=small]) [part~=input] {\n font-size: 1rem;\n padding: 0.25rem 0.5rem;\n}\n:host([size=small]) [part=prefix],\n:host([size=small]) [part=suffix] {\n font-size: 0.875rem;\n padding: 0.25rem 0.5rem;\n}\n\n:host(:focus-within) [part~=input] {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([invalid]:focus-within) [part~=input] {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part~=container],\n:host([readonly]) [part=prefix],\n:host([readonly]) [part=suffix],\n:host([readonly]) [part~=container] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part~=input],\n:host([readonly]) [part~=input] {\n border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([readonly]) [part=prefix],\n:host([readonly]) [part=suffix],\n:host([readonly]) [part~=container] {\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n:host(:focus-within[readonly]) [part~=input] {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-400), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-gray-400), 0.38);\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}

package/components/input/themes/light/input.fluent.css.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const styles = css `:host [part=prefix],
+export const styles = css `/* stylelint-disable max-line-length */
+:host [part=prefix],
 :host [part=suffix] {
   padding: 0 0.625rem;
   color: hsla(var(--ig-gray-700), var(--ig-gray-a));
@@ -124,6 +125,7 @@ export const styles = css `:host [part=prefix],
 }
 :host([disabled]) [part^=container] {
   border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
 }
 :host([disabled]) [part^=container],
 :host([disabled]) [part=prefix],
@@ -133,7 +135,6 @@ export const styles = css `:host [part=prefix],
 :host([disabled]) [part=prefix],
 :host([disabled]) [part=suffix],
 :host([disabled]) [part=label],
-:host([disabled]) [part~=input],
 :host([disabled]) [part=helper-text] {
   color: hsla(var(--ig-gray-400), var(--ig-gray-a));
 }`;

package/components/input/themes/light/input.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyIvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=prefix],\n:host [part=suffix] {\n padding: 0 0.625rem;\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n font-size: 0.875rem;\n}\n:host [part=prefix] {\n grid-area: 1/1;\n}\n:host [part=suffix] {\n grid-area: 1/3;\n}\n:host [part=label] {\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n font-weight: 600;\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n:host [part^=container] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 2px), 2px);\n border: 0.0625rem solid hsla(var(--ig-gray-500), var(--ig-gray-a));\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n background: var(--container-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n cursor: text;\n grid-template-columns: auto 1fr auto;\n overflow: hidden;\n}\n:host [part^=container]::after {\n background: transparent;\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n height: initial;\n}\n:host [part~=input] {\n background: initial;\n font-size: 0.875rem;\n padding: 0.5rem;\n height: 100%;\n max-height: 100%;\n border: none;\n grid-area: 1/2;\n}\n:host [part=helper-text] {\n padding: 0;\n margin-top: 0.5rem;\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host([size=large]) [part^=container] {\n height: 3rem;\n}\n:host([size=large]) [part~=input] {\n height: 2.875rem;\n}\n\n:host([size=medium]) [part^=container] {\n height: 2.5rem;\n}\n:host([size=medium]) [part~=input] {\n height: 2.375rem;\n}\n\n:host([size=small]) [part^=container] {\n height: 2rem;\n}\n:host([size=small]) [part~=input] {\n height: 1.875rem;\n}\n\n:host([size=large]:focus-within) [part~=input] {\n height: 2.75rem;\n}\n\n:host([size=medium]:focus-within) [part~=input] {\n height: 2.25rem;\n}\n\n:host([size=small]:focus-within) [part~=input] {\n height: 1.75rem;\n}\n\n:host(:not([invalid]):hover) [part^=container] {\n border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host(:focus-within) [part^=container] {\n border-width: 0.125rem;\n}\n:host(:focus-within) [part=prefix] {\n -webkit-margin-start: -0.0625rem;\n margin-inline-start: -0.0625rem;\n}\n:host(:focus-within) [part=suffix] {\n -webkit-margin-end: -0.0625rem;\n margin-inline-end: -0.0625rem;\n}\n\n:host(:not([invalid]):focus-within) [part^=container],\n:host(:not([invalid]):focus-within:hover) [part^=container] {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([required]) [part=label]::after,\n:host([outlined][required]) [part=label]::after {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([invalid]) [part^=container],\n:host([outlined][invalid]) [part^=container] {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part=helper-text],\n:host([outlined][invalid]) [part=helper-text] {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) {\n pointer-events: none;\n}\n:host([disabled]) [part^=container] {\n border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host([disabled]) [part^=container],\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=label],\n:host([disabled]) [part~~~=input],\n:host([disabled]) [part~~=helper-text] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}
1	+ {"version":3,"file":"input.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0IvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length /\n:host [part=prefix],\n:host [part=suffix] {\n padding: 0 0.625rem;\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n font-size: 0.875rem;\n}\n:host [part=prefix] {\n grid-area: 1/1;\n}\n:host [part=suffix] {\n grid-area: 1/3;\n}\n:host [part=label] {\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n font-weight: 600;\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n:host [part^=container] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 2px), 2px);\n border: 0.0625rem solid hsla(var(--ig-gray-500), var(--ig-gray-a));\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n background: var(--container-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n cursor: text;\n grid-template-columns: auto 1fr auto;\n overflow: hidden;\n}\n:host [part^=container]::after {\n background: transparent;\n -webkit-transform: none;\n -ms-transform: none;\n transform: none;\n height: initial;\n}\n:host [part~=input] {\n background: initial;\n font-size: 0.875rem;\n padding: 0.5rem;\n height: 100%;\n max-height: 100%;\n border: none;\n grid-area: 1/2;\n}\n:host [part=helper-text] {\n padding: 0;\n margin-top: 0.5rem;\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host([size=large]) [part^=container] {\n height: 3rem;\n}\n:host([size=large]) [part~=input] {\n height: 2.875rem;\n}\n\n:host([size=medium]) [part^=container] {\n height: 2.5rem;\n}\n:host([size=medium]) [part~=input] {\n height: 2.375rem;\n}\n\n:host([size=small]) [part^=container] {\n height: 2rem;\n}\n:host([size=small]) [part~=input] {\n height: 1.875rem;\n}\n\n:host([size=large]:focus-within) [part~=input] {\n height: 2.75rem;\n}\n\n:host([size=medium]:focus-within) [part~=input] {\n height: 2.25rem;\n}\n\n:host([size=small]:focus-within) [part~=input] {\n height: 1.75rem;\n}\n\n:host(:not([invalid]):hover) [part^=container] {\n border-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host(:focus-within) [part^=container] {\n border-width: 0.125rem;\n}\n:host(:focus-within) [part=prefix] {\n -webkit-margin-start: -0.0625rem;\n margin-inline-start: -0.0625rem;\n}\n:host(:focus-within) [part=suffix] {\n -webkit-margin-end: -0.0625rem;\n margin-inline-end: -0.0625rem;\n}\n\n:host(:not([invalid]):focus-within) [part^=container],\n:host(:not([invalid]):focus-within:hover) [part^=container] {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([required]) [part=label]::after,\n:host([outlined][required]) [part=label]::after {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([invalid]) [part^=container],\n:host([outlined][invalid]) [part^=container] {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part=helper-text],\n:host([outlined][invalid]) [part=helper-text] {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) {\n pointer-events: none;\n}\n:host([disabled]) [part^=container] {\n border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part^=container],\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=label],\n:host([disabled]) [part=helper-text] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}

package/components/input/themes/light/input.indigo.css.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { css } from 'lit';
-export const styles = css `:host [part=prefix],
+export const styles = css `/* stylelint-disable max-line-length */
+:host [part=prefix],
 :host [part=suffix] {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -97,11 +98,11 @@ export const styles = css `:host [part=prefix],
 }
 :host([disabled]) [part^=container] {
   border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
 }
 :host([disabled]) [part=prefix],
 :host([disabled]) [part=suffix],
 :host([disabled]) [part=label],
-:host([disabled]) [part~=input],
 :host([disabled]) [part=helper-text] {
   color: hsla(var(--ig-gray-300), var(--ig-gray-a));
 }`;

package/components/input/themes/light/input.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyGvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=prefix],\n:host [part=suffix] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n:host [part=prefix] {\n -webkit-padding-start: 0.5rem;\n padding-inline-start: 0.5rem;\n grid-area: 1/1;\n}\n:host [part=suffix] {\n -webkit-padding-end: 0.5rem;\n padding-inline-end: 0.5rem;\n grid-area: 1/3;\n}\n:host [part=label] {\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n margin-bottom: 0.25rem;\n font-size: initial;\n}\n:host [part^=container] {\n background: transparent;\n border-bottom: 1px solid hsla(var(--ig-gray-500), var(--ig-gray-a));\n -webkit-transition: background 0.25s ease-out;\n -o-transition: background 0.25s ease-out;\n transition: background 0.25s ease-out;\n grid-template-columns: auto 1fr auto;\n}\n:host [part^=container]::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 0.125rem;\n left: 0;\n right: 0;\n bottom: -1px;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n -o-transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n 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);\n -webkit-transform-origin: bottom center;\n -ms-transform-origin: bottom center;\n transform-origin: bottom center;\n}\n:host [part~=input] {\n font-size: 1rem;\n background: initial;\n padding: 0.5rem;\n border: none;\n grid-area: 1/2;\n}\n:host [part=helper-text] {\n padding: 0;\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host(:hover) [part^=container],\n:host([outlined]:hover) [part^=container] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host(:focus-within) [part^=container],\n:host([outlined]:focus-within) [part^=container] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host(:focus-within) [part^=container]::after,\n:host([outlined]:focus-within) [part^=container]::after {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n}\n:host(:focus-within) [part=label],\n:host([outlined]:focus-within) [part=label] {\n color: var(--label-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n\n:host([invalid]) [part^=container] {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part^=container]::after {\n background: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part=label],\n:host([invalid]) [part^=helper-text] {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) {\n pointer-events: none;\n}\n:host([disabled]) [part^=container] {\n border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=label],\n:host([disabled]) [part~~~=input],\n:host([disabled]) [part~~=helper-text] {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}
1	+ {"version":3,"file":"input.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host [part=prefix],\n:host [part=suffix] {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n:host [part=prefix] {\n -webkit-padding-start: 0.5rem;\n padding-inline-start: 0.5rem;\n grid-area: 1/1;\n}\n:host [part=suffix] {\n -webkit-padding-end: 0.5rem;\n padding-inline-end: 0.5rem;\n grid-area: 1/3;\n}\n:host [part=label] {\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n margin-bottom: 0.25rem;\n font-size: initial;\n}\n:host [part^=container] {\n background: transparent;\n border-bottom: 1px solid hsla(var(--ig-gray-500), var(--ig-gray-a));\n -webkit-transition: background 0.25s ease-out;\n -o-transition: background 0.25s ease-out;\n transition: background 0.25s ease-out;\n grid-template-columns: auto 1fr auto;\n}\n:host [part^=container]::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 0.125rem;\n left: 0;\n right: 0;\n bottom: -1px;\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n -webkit-transform: scaleY(0);\n -ms-transform: scaleY(0);\n transform: scaleY(0);\n -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n -o-transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n 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);\n -webkit-transform-origin: bottom center;\n -ms-transform-origin: bottom center;\n transform-origin: bottom center;\n}\n:host [part~=input] {\n font-size: 1rem;\n background: initial;\n padding: 0.5rem;\n border: none;\n grid-area: 1/2;\n}\n:host [part=helper-text] {\n padding: 0;\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host(:hover) [part^=container],\n:host([outlined]:hover) [part^=container] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host(:focus-within) [part^=container],\n:host([outlined]:focus-within) [part^=container] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host(:focus-within) [part^=container]::after,\n:host([outlined]:focus-within) [part^=container]::after {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n}\n:host(:focus-within) [part=label],\n:host([outlined]:focus-within) [part=label] {\n color: var(--label-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n\n:host([invalid]) [part^=container] {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part^=container]::after {\n background: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part=label],\n:host([invalid]) [part^=helper-text] {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) {\n pointer-events: none;\n}\n:host([disabled]) [part^=container] {\n border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=label],\n:host([disabled]) [part=helper-text] {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}

package/components/input/themes/light/input.material.css.js CHANGED Viewed

@@ -1,15 +1,14 @@
 import { css } from 'lit';
-export const styles = css `:host([size=large]) input:-moz-placeholder-shown + [part=notch] [part=label] {
+export const styles = css `/* stylelint-disable max-line-length */
+:host([size=large]) input:-moz-placeholder-shown + [part=notch] [part=label] {
   transform: translateY(-26px);
   font-size: 0.75rem;
 }
 :host([size=large]) input:-ms-input-placeholder + [part=notch] [part=label] {
   -ms-transform: translateY(-26px);
       transform: translateY(-26px);
   font-size: 0.75rem;
 }
 :host([size=large]:focus-within) [part=label], :host([size=large]) input:placeholder-shown + [part=notch] [part=label],
 :host([size=large]) [part~=filled] + [part=notch] [part=label] {
   -webkit-transform: translateY(-26px);

package/components/input/themes/light/input.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiYvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([size=large]) input:-moz-placeholder-shown + [part=notch] [part=label] {\n transform: translateY(-26px);\n font-size: 0.75rem;\n}\n\n:host([size=large]) input:-ms-input-placeholder + [part=notch] [part=label] {\n -ms-transform: translateY(-26px);\n transform: translateY(-26px);\n font-size: 0.75rem;\n}\n\n:host([size=large]:focus-within) [part=label], :host([size=large]) input:placeholder-shown + [part=notch] [part=label],\n:host([size=large]) [part~=filled] + [part=notch] [part=label] {\n -webkit-transform: translateY(-26px);\n -ms-transform: translateY(-26px);\n transform: translateY(-26px);\n font-size: 0.75rem;\n}\n\n:host([size=medium]) input:-moz-placeholder-shown + [part=notch] [part=label] {\n transform: translateY(-22px);\n font-size: 0.75rem;\n}\n\n:host([size=medium]) input:-ms-input-placeholder + [part=notch] [part=label] {\n -ms-transform: translateY(-22px);\n transform: translateY(-22px);\n font-size: 0.75rem;\n}\n\n:host([size=medium]:focus-within) [part=label], :host([size=medium]) input:placeholder-shown + [part=notch] [part=label],\n:host([size=medium]) [part~=filled] + [part=notch] [part=label] {\n -webkit-transform: translateY(-22px);\n -ms-transform: translateY(-22px);\n transform: translateY(-22px);\n font-size: 0.75rem;\n}\n\n:host([size=small]) input:-moz-placeholder-shown + [part=notch] [part=label] {\n transform: translateY(-18px);\n font-size: 0.75rem;\n}\n\n:host([size=small]) input:-ms-input-placeholder + [part=notch] [part=label] {\n -ms-transform: translateY(-18px);\n transform: translateY(-18px);\n font-size: 0.75rem;\n}\n\n:host([size=small]:focus-within) [part=label], :host([size=small]) input:placeholder-shown + [part=notch] [part=label],\n:host([size=small]) [part~=filled] + [part=notch] [part=label] {\n -webkit-transform: translateY(-18px);\n -ms-transform: translateY(-18px);\n transform: translateY(-18px);\n font-size: 0.75rem;\n}\n\n:host input:-moz-placeholder-shown + [part=notch] {\n border-top: 0.0625rem solid transparent;\n}\n\n:host input:-ms-input-placeholder + [part=notch] {\n border-top: 0.0625rem solid transparent;\n}\n\n:host([disabled]) [part~=filled] + [part=notch], :host([invalid]) [part~=filled] + [part=notch],\n:host([invalid]:focus-within) [part~=filled] + [part=notch], :host input:placeholder-shown + [part=notch],\n:host [part~=filled] + [part=notch] {\n border-top: 0.0625rem solid transparent;\n}\n\n[part~=input] {\n background: transparent;\n padding: 0 0.25rem;\n font-size: 1rem;\n grid-area: 1/2/span 1/span 2;\n}\n\n[part=label] {\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n /* stylelint-disable /\n -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);\n 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);\n -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);\n 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);\n 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);\n / stylelint-enable */\n line-height: 1;\n will-change: font-size, color, transform;\n}\n\n:host(:focus-within) [part=start] {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-inline-start-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host(:focus-within) [part=notch] {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-top: 0.0625rem solid transparent;\n}\n:host(:focus-within) [part=filler] {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:focus-within) [part=end] {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-inline-end-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host(:focus-within) [part=prefix] {\n -webkit-padding-start: 0.25rem;\n padding-inline-start: 0.25rem;\n}\n:host(:focus-within) [part=suffix] {\n -webkit-padding-end: 0.25rem;\n padding-inline-end: 0.25rem;\n}\n:host(:focus-within) [part=label] {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part^=container] {\n grid-template-columns: auto auto 1fr auto;\n}\n\n[part=start] {\n width: auto;\n min-width: 0.75rem;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n grid-area: 1/1;\n border-style: solid;\n border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-inline-start-width: 0.0625rem;\n border-inline-end-width: 0;\n border-block-start-width: 0.0625rem;\n border-block-end-width: 0.0625rem;\n border-start-start-radius: 0.25rem;\n border-end-start-radius: 0.25rem;\n}\n[part=start] > [part=prefix] {\n -webkit-padding-start: 0.3125rem;\n padding-inline-start: 0.3125rem;\n -webkit-padding-end: 0.25rem;\n padding-inline-end: 0.25rem;\n}\n\n[part=notch] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: auto;\n height: 100%;\n grid-area: 1/2;\n padding: 0 0.25rem;\n border-width: 0.0625rem;\n border-style: solid;\n border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-left: none;\n border-right: none;\n overflow: visible;\n}\n[part=notch]:empty {\n display: none;\n}\n\n[part=filler] {\n grid-area: 1/3;\n border-width: 0.0625rem;\n border-style: solid;\n border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-left: none;\n border-right: none;\n}\n\n[part=end] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n height: 100%;\n grid-area: 1/4;\n min-width: 0.75rem;\n border-style: solid;\n border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-inline-start-width: 0;\n border-inline-end-width: 0.0625rem;\n border-block-start-width: 0.0625rem;\n border-block-end-width: 0.0625rem;\n border-start-end-radius: 0.25rem;\n border-end-end-radius: 0.25rem;\n}\n[part=end] > [part=suffix] {\n -webkit-padding-start: 0.25rem;\n padding-inline-start: 0.25rem;\n -webkit-padding-end: 0.3125rem;\n padding-inline-end: 0.3125rem;\n}\n\n[part=helper-text] {\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n padding: 0 0.5rem;\n margin-top: 0.25rem;\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host([invalid]) [part=start],\n:host([invalid]) [part=notch],\n:host([invalid]) [part=filler],\n:host([invalid]) [part=end],\n:host([invalid]:focus-within) [part=start],\n:host([invalid]:focus-within) [part=notch],\n:host([invalid]:focus-within) [part=filler],\n:host([invalid]:focus-within) [part=end] {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part=label],\n:host([invalid]) [part=helper-text],\n:host([invalid]:focus-within) [part=label],\n:host([invalid]:focus-within) [part=helper-text] {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]:focus-within) [part=notch] {\n border-top: 0.0625rem solid transparent;\n}\n\n:host([disabled]) {\n pointer-events: none;\n}\n:host([disabled]) [part~=input],\n:host([disabled]) [part=label],\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=helper-text] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part=start],\n:host([disabled]) [part=filler],\n:host([disabled]) [part=notch],\n:host([disabled]) [part=end] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) input::-webkit-input-placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input::-moz-placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input:-ms-input-placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input::-ms-input-placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input::placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host(:not([outlined])) [part=start],\n:host(:not([outlined])) [part=end] {\n border-color: transparent;\n border-top-width: 0.0625rem;\n}\n:host(:not([outlined])) [part=notch],\n:host(:not([outlined])) [part=filler] {\n border-top: 1px solid transparent;\n border-bottom: transparent;\n border-bottom-width: 0.0625rem;\n}\n:host(:not([outlined])) [part=label] {\n inset-inline-start: 0.125rem;\n}\n:host(:not([outlined])) [part~=container] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n border-bottom: 1px solid hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-start-end-radius: 0.25rem;\n border-start-start-radius: 0.25rem;\n -webkit-transition: border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n -o-transition: border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n:host(:not([outlined])) [part~=container]::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 0.125rem;\n left: 0;\n right: 0;\n bottom: -1px;\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n -webkit-transform: scaleX(0);\n -ms-transform: scaleX(0);\n transform: scaleX(0);\n -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n -o-transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n 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);\n}\n:host(:not([outlined])) [part~=labelled] [part~=input] {\n padding-top: 1.25rem;\n padding-bottom: 0.375rem;\n}\n:host(:not([outlined])) input:-moz-placeholder-shown + [part=notch] [part=label] {\n transform: translateY(-106%);\n}\n:host(:not([outlined])) input:-ms-input-placeholder + [part=notch] [part=label] {\n -ms-transform: translateY(-106%);\n transform: translateY(-106%);\n}\n:host(:not([outlined])) input:placeholder-shown + [part=notch] [part=label],\n:host(:not([outlined])) [part~=filled] + [part=notch] [part=label] {\n -webkit-transform: translateY(-106%);\n -ms-transform: translateY(-106%);\n transform: translateY(-106%);\n}\n\n:host(:not([outlined]):hover) [part~=container] {\n background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n border-bottom: 1px solid hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n:host(:not([outlined]):focus-within) [part~=container] {\n background: var(--focus-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n border-bottom: 1px solid hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:not([outlined]):focus-within) [part~=container]::after {\n -webkit-transform: scaleX(1);\n -ms-transform: scaleX(1);\n transform: scaleX(1);\n opacity: 1;\n}\n:host(:not([outlined]):focus-within) [part=notch] [part=label] {\n -webkit-transform: translateY(-106%);\n -ms-transform: translateY(-106%);\n transform: translateY(-106%);\n}\n\n:host(:not([outlined])[invalid]) [part=start],\n:host(:not([outlined])[invalid]) [part=notch],\n:host(:not([outlined])[invalid]) [part=filler],\n:host(:not([outlined])[invalid]) [part=end],\n:host(:not([outlined])[invalid]:focus-within) [part=start],\n:host(:not([outlined])[invalid]:focus-within) [part=notch],\n:host(:not([outlined])[invalid]:focus-within) [part=filler],\n:host(:not([outlined])[invalid]:focus-within) [part=end] {\n border-color: transparent;\n}\n:host(:not([outlined])[invalid]) [part~=container],\n:host(:not([outlined])[invalid]:focus-within) [part~=container] {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host(:not([outlined])[invalid]) [part~=container]::after,\n:host(:not([outlined])[invalid]:focus-within) [part~=container]::after {\n background: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host(:not([outlined])[disabled]) [part~=input],\n:host(:not([outlined])[disabled]) [part=label],\n:host(:not([outlined])[disabled]) [part=prefix],\n:host(:not([outlined])[disabled]) [part=suffix],\n:host(:not([outlined])[disabled]) [part=helper-text] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host(:not([outlined])[disabled]) [part~=container] {\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}
1	+ {"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgYvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length /\n:host([size=large]) input:-moz-placeholder-shown + [part=notch] [part=label] {\n transform: translateY(-26px);\n font-size: 0.75rem;\n}\n:host([size=large]) input:-ms-input-placeholder + [part=notch] [part=label] {\n -ms-transform: translateY(-26px);\n transform: translateY(-26px);\n font-size: 0.75rem;\n}\n:host([size=large]:focus-within) [part=label], :host([size=large]) input:placeholder-shown + [part=notch] [part=label],\n:host([size=large]) [part~=filled] + [part=notch] [part=label] {\n -webkit-transform: translateY(-26px);\n -ms-transform: translateY(-26px);\n transform: translateY(-26px);\n font-size: 0.75rem;\n}\n\n:host([size=medium]) input:-moz-placeholder-shown + [part=notch] [part=label] {\n transform: translateY(-22px);\n font-size: 0.75rem;\n}\n\n:host([size=medium]) input:-ms-input-placeholder + [part=notch] [part=label] {\n -ms-transform: translateY(-22px);\n transform: translateY(-22px);\n font-size: 0.75rem;\n}\n\n:host([size=medium]:focus-within) [part=label], :host([size=medium]) input:placeholder-shown + [part=notch] [part=label],\n:host([size=medium]) [part~=filled] + [part=notch] [part=label] {\n -webkit-transform: translateY(-22px);\n -ms-transform: translateY(-22px);\n transform: translateY(-22px);\n font-size: 0.75rem;\n}\n\n:host([size=small]) input:-moz-placeholder-shown + [part=notch] [part=label] {\n transform: translateY(-18px);\n font-size: 0.75rem;\n}\n\n:host([size=small]) input:-ms-input-placeholder + [part=notch] [part=label] {\n -ms-transform: translateY(-18px);\n transform: translateY(-18px);\n font-size: 0.75rem;\n}\n\n:host([size=small]:focus-within) [part=label], :host([size=small]) input:placeholder-shown + [part=notch] [part=label],\n:host([size=small]) [part~=filled] + [part=notch] [part=label] {\n -webkit-transform: translateY(-18px);\n -ms-transform: translateY(-18px);\n transform: translateY(-18px);\n font-size: 0.75rem;\n}\n\n:host input:-moz-placeholder-shown + [part=notch] {\n border-top: 0.0625rem solid transparent;\n}\n\n:host input:-ms-input-placeholder + [part=notch] {\n border-top: 0.0625rem solid transparent;\n}\n\n:host([disabled]) [part~=filled] + [part=notch], :host([invalid]) [part~=filled] + [part=notch],\n:host([invalid]:focus-within) [part~=filled] + [part=notch], :host input:placeholder-shown + [part=notch],\n:host [part~=filled] + [part=notch] {\n border-top: 0.0625rem solid transparent;\n}\n\n[part~=input] {\n background: transparent;\n padding: 0 0.25rem;\n font-size: 1rem;\n grid-area: 1/2/span 1/span 2;\n}\n\n[part=label] {\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n / stylelint-disable /\n -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);\n 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);\n -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);\n 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);\n 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);\n / stylelint-enable */\n line-height: 1;\n will-change: font-size, color, transform;\n}\n\n:host(:focus-within) [part=start] {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-inline-start-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host(:focus-within) [part=notch] {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-top: 0.0625rem solid transparent;\n}\n:host(:focus-within) [part=filler] {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:focus-within) [part=end] {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-inline-end-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host(:focus-within) [part=prefix] {\n -webkit-padding-start: 0.25rem;\n padding-inline-start: 0.25rem;\n}\n:host(:focus-within) [part=suffix] {\n -webkit-padding-end: 0.25rem;\n padding-inline-end: 0.25rem;\n}\n:host(:focus-within) [part=label] {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part^=container] {\n grid-template-columns: auto auto 1fr auto;\n}\n\n[part=start] {\n width: auto;\n min-width: 0.75rem;\n -ms-flex-negative: 0;\n flex-shrink: 0;\n grid-area: 1/1;\n border-style: solid;\n border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-inline-start-width: 0.0625rem;\n border-inline-end-width: 0;\n border-block-start-width: 0.0625rem;\n border-block-end-width: 0.0625rem;\n border-start-start-radius: 0.25rem;\n border-end-start-radius: 0.25rem;\n}\n[part=start] > [part=prefix] {\n -webkit-padding-start: 0.3125rem;\n padding-inline-start: 0.3125rem;\n -webkit-padding-end: 0.25rem;\n padding-inline-end: 0.25rem;\n}\n\n[part=notch] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n width: auto;\n height: 100%;\n grid-area: 1/2;\n padding: 0 0.25rem;\n border-width: 0.0625rem;\n border-style: solid;\n border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-left: none;\n border-right: none;\n overflow: visible;\n}\n[part=notch]:empty {\n display: none;\n}\n\n[part=filler] {\n grid-area: 1/3;\n border-width: 0.0625rem;\n border-style: solid;\n border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-left: none;\n border-right: none;\n}\n\n[part=end] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n height: 100%;\n grid-area: 1/4;\n min-width: 0.75rem;\n border-style: solid;\n border-color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-inline-start-width: 0;\n border-inline-end-width: 0.0625rem;\n border-block-start-width: 0.0625rem;\n border-block-end-width: 0.0625rem;\n border-start-end-radius: 0.25rem;\n border-end-end-radius: 0.25rem;\n}\n[part=end] > [part=suffix] {\n -webkit-padding-start: 0.25rem;\n padding-inline-start: 0.25rem;\n -webkit-padding-end: 0.3125rem;\n padding-inline-end: 0.3125rem;\n}\n\n[part=helper-text] {\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n padding: 0 0.5rem;\n margin-top: 0.25rem;\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host([invalid]) [part=start],\n:host([invalid]) [part=notch],\n:host([invalid]) [part=filler],\n:host([invalid]) [part=end],\n:host([invalid]:focus-within) [part=start],\n:host([invalid]:focus-within) [part=notch],\n:host([invalid]:focus-within) [part=filler],\n:host([invalid]:focus-within) [part=end] {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]) [part=label],\n:host([invalid]) [part=helper-text],\n:host([invalid]:focus-within) [part=label],\n:host([invalid]:focus-within) [part=helper-text] {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([invalid]:focus-within) [part=notch] {\n border-top: 0.0625rem solid transparent;\n}\n\n:host([disabled]) {\n pointer-events: none;\n}\n:host([disabled]) [part~=input],\n:host([disabled]) [part=label],\n:host([disabled]) [part=prefix],\n:host([disabled]) [part=suffix],\n:host([disabled]) [part=helper-text] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [part=start],\n:host([disabled]) [part=filler],\n:host([disabled]) [part=notch],\n:host([disabled]) [part=end] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) input::-webkit-input-placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input::-moz-placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input:-ms-input-placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input::-ms-input-placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) input::placeholder {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host(:not([outlined])) [part=start],\n:host(:not([outlined])) [part=end] {\n border-color: transparent;\n border-top-width: 0.0625rem;\n}\n:host(:not([outlined])) [part=notch],\n:host(:not([outlined])) [part=filler] {\n border-top: 1px solid transparent;\n border-bottom: transparent;\n border-bottom-width: 0.0625rem;\n}\n:host(:not([outlined])) [part=label] {\n inset-inline-start: 0.125rem;\n}\n:host(:not([outlined])) [part~=container] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n border-bottom: 1px solid hsla(var(--ig-gray-600), var(--ig-gray-a));\n border-start-end-radius: 0.25rem;\n border-start-start-radius: 0.25rem;\n -webkit-transition: border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n -o-transition: border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n:host(:not([outlined])) [part~=container]::after {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 0.125rem;\n left: 0;\n right: 0;\n bottom: -1px;\n background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n -webkit-transform: scaleX(0);\n -ms-transform: scaleX(0);\n transform: scaleX(0);\n -webkit-transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n -o-transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n 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);\n}\n:host(:not([outlined])) [part~=labelled] [part~=input] {\n padding-top: 1.25rem;\n padding-bottom: 0.375rem;\n}\n:host(:not([outlined])) input:-moz-placeholder-shown + [part=notch] [part=label] {\n transform: translateY(-106%);\n}\n:host(:not([outlined])) input:-ms-input-placeholder + [part=notch] [part=label] {\n -ms-transform: translateY(-106%);\n transform: translateY(-106%);\n}\n:host(:not([outlined])) input:placeholder-shown + [part=notch] [part=label],\n:host(:not([outlined])) [part~=filled] + [part=notch] [part=label] {\n -webkit-transform: translateY(-106%);\n -ms-transform: translateY(-106%);\n transform: translateY(-106%);\n}\n\n:host(:not([outlined]):hover) [part~=container] {\n background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n border-bottom: 1px solid hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n:host(:not([outlined]):focus-within) [part~=container] {\n background: var(--focus-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n border-bottom: 1px solid hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host(:not([outlined]):focus-within) [part~=container]::after {\n -webkit-transform: scaleX(1);\n -ms-transform: scaleX(1);\n transform: scaleX(1);\n opacity: 1;\n}\n:host(:not([outlined]):focus-within) [part=notch] [part=label] {\n -webkit-transform: translateY(-106%);\n -ms-transform: translateY(-106%);\n transform: translateY(-106%);\n}\n\n:host(:not([outlined])[invalid]) [part=start],\n:host(:not([outlined])[invalid]) [part=notch],\n:host(:not([outlined])[invalid]) [part=filler],\n:host(:not([outlined])[invalid]) [part=end],\n:host(:not([outlined])[invalid]:focus-within) [part=start],\n:host(:not([outlined])[invalid]:focus-within) [part=notch],\n:host(:not([outlined])[invalid]:focus-within) [part=filler],\n:host(:not([outlined])[invalid]:focus-within) [part=end] {\n border-color: transparent;\n}\n:host(:not([outlined])[invalid]) [part~=container],\n:host(:not([outlined])[invalid]:focus-within) [part~=container] {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host(:not([outlined])[invalid]) [part~=container]::after,\n:host(:not([outlined])[invalid]:focus-within) [part~=container]::after {\n background: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host(:not([outlined])[disabled]) [part~=input],\n:host(:not([outlined])[disabled]) [part=label],\n:host(:not([outlined])[disabled]) [part=prefix],\n:host(:not([outlined])[disabled]) [part=suffix],\n:host(:not([outlined])[disabled]) [part=helper-text] {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host(:not([outlined])[disabled]) [part~=container] {\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}

package/components/list/themes/dark/list.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `/* stylelint-disable max-line-length */`;
 //# sourceMappingURL=list.bootstrap.css.js.map

package/components/list/themes/dark/list.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/list/themes/dark/list.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~EAAE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css~~``;\~~n"]}
1	+ {"version":3,"file":"list.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/list/themes/dark/list.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}

package/components/list/themes/dark/list.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `/* stylelint-disable max-line-length */`;
 //# sourceMappingURL=list.fluent.css.js.map

package/components/list/themes/dark/list.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/list/themes/dark/list.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~EAAE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css~~``;\~~n"]}
1	+ {"version":3,"file":"list.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/list/themes/dark/list.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yCAAyC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */`;\n"]}