@folkehelseinstituttet/designsystem 0.47.2 → 0.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"fhi-text-input.js","names":[],"sources":["../../src/components/fhi-text-input/fhi-text-input.component.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nexport const FhiTextInputSelector = 'fhi-text-input';\n\n/**\n * ## FHI Text Input\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-text-input--docs}\n *\n * The `<fhi-text-input>` component is used to collect user input in forms.\n * It provides a labeled input field with optional placeholder text, status indication, and a message area for additional information or validation feedback.\n *\n * @tag fhi-text-input\n * @element fhi-text-input\n */\n@customElement(FhiTextInputSelector)\nexport class FhiTextInput extends LitElement {\n static readonly formAssociated = true;\n\n /**\n * The text that labels the input field.\n * An input field should always have a label to ensure accessibility.\n * @type {string}\n */\n @property({ type: String }) label?: string = undefined;\n\n /**\n * The message shown beneath the input field.\n * This is often used to provide additional information or feedback to the user.\n * @type {string}\n */\n @property({ type: String }) message?: string = undefined;\n\n /**\n * The message shown above the input field.\n * This is often used to provide additional information to the user.\n * @type {string}\n */\n @property({ type: String, attribute: 'help-text' }) helpText?: string =\n undefined;\n\n /**\n * Sets the placeholder text for the input field.\n * This text is displayed when the input field is empty, providing a hint to the user about the expected input.\n * @type {string}\n */\n @property({ type: String }) placeholder?: string = undefined;\n\n /**\n * Sets the visual status of the input. There is currently only one status available: `error`.\n *\n * The `error` status is used to indicate that there is an issue with the input, such as invalid or missing data.\n * @reflect\n * @type {'error'}\n */\n @property({ type: String, reflect: true }) status?: 'error' = undefined;\n\n /**\n * Sets the input to read-only. A read-only field cannot be modified by the user but may be submitted with the form.\n * @reflect\n * @type {boolean}\n */\n @property({ type: Boolean, reflect: true }) readonly? = false;\n\n /**\n * Disables the input. This changes its appearance and makes it non-interactive.\n * @reflect\n * @type {boolean}\n */\n @property({ type: Boolean, reflect: true }) disabled? = false;\n\n @query('#input-element')\n private _input!: HTMLInputElement;\n\n private _name?: string = undefined;\n\n /**\n * The name of the input. This is submitted with the form data as a `key`.\n *\n * This attribute conforms with the standard HTML `name` attribute for input fields.\n * See: {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name}\n *\n * @reflect\n * @type {string}\n */\n @property({ type: String, reflect: true })\n get name(): string | undefined {\n return this._name;\n }\n set name(newName: string) {\n const oldName = this._name;\n this._name = newName;\n this.requestUpdate('name', oldName);\n this._internals.setFormValue(this._value);\n }\n\n private _value: string = '';\n\n /**\n * The default value of the input field.\n *\n * You can fetch the current value of the text input by accessing this property directly on the component instance, or by listening for the `change` or `input` events which are dispatched whenever the value changes.\n *\n * This attribute conforms with the standard HTML `value` attribute for input fields.\n * See: {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value}\n *\n * @type {string}\n */\n @property({ type: String })\n get value(): string {\n return this._value;\n }\n\n set value(newValue: string) {\n const oldValue = this._value;\n this._value = newValue ?? '';\n this.requestUpdate('value', oldValue);\n this._internals.setFormValue(this._value);\n }\n\n private _internals: ElementInternals;\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n }\n\n public connectedCallback(): void {\n super.connectedCallback();\n this._internals.setFormValue(this.value);\n }\n\n private _dispatchChangeEvent(): void {\n /**\n * @type {Event} - Standard DOM event with the type `change`.\n * This event is dispatched when the value of the input changes.\n */\n this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n composed: true,\n }),\n );\n }\n\n private _dispatchInputEvent(): void {\n /**\n * @type {Event} - Standard DOM event with the type `input`.\n * This event is dispatched when the value of the input changes.\n */\n this.dispatchEvent(\n new Event('input', {\n bubbles: true,\n composed: true,\n }),\n );\n }\n\n private handleChange(event: Event): void {\n event.stopPropagation();\n this._dispatchChangeEvent();\n }\n\n private handleInput(event: Event): void {\n this.value = this._input.value;\n this._internals.setFormValue(this.value);\n\n event.stopPropagation();\n this._dispatchInputEvent();\n }\n\n private handleKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Enter' && this._internals.form) {\n this._internals.form!.requestSubmit();\n }\n }\n\n public formResetCallback(): void {\n this.value = this.getAttribute('value') || '';\n this._internals.setFormValue(this.value);\n }\n\n private _handleStartSlotChange(event: Event): void {\n const iconNode: Node = (event.target as HTMLSlotElement).assignedNodes()[0];\n if (\n iconNode.nodeType === Node.ELEMENT_NODE &&\n (iconNode as Element).tagName.toLowerCase().startsWith('fhi-icon')\n ) {\n const icon = iconNode as HTMLElement;\n this._input.style.paddingLeft = 'var(--fhi-spacing-500)';\n icon.setAttribute('size', '1.5rem');\n } else {\n console.error(\n 'Ivalid slot input. Fhi-text-input only accepts FHI Designsystem icons.',\n );\n }\n }\n\n private _handleEndSlotChange(event: Event): void {\n const iconNode: Node = (event.target as HTMLSlotElement).assignedNodes()[0];\n\n if (\n iconNode.nodeType === Node.ELEMENT_NODE &&\n (iconNode as Element).tagName.toLowerCase().startsWith('fhi-icon')\n ) {\n const icon = iconNode as HTMLElement;\n this._input.style.paddingRight = 'var(--fhi-spacing-500)';\n icon.setAttribute('size', '1.5rem');\n } else {\n console.error(\n 'Ivalid slot input. Fhi-text-input only accepts FHI Designsystem icons.',\n );\n }\n }\n\n render() {\n return html`\n ${this.label && html`<label for=\"input-element\">${this.label}</label>`}\n ${this.helpText ? html`<p class=\"help-text\">${this.helpText}</p>` : ''}\n <div class=\"input-container\">\n <input\n id=\"input-element\"\n name=${ifDefined(this.name)}\n placeholder=${ifDefined(this.placeholder)}\n .value=${this.value}\n ?readonly=${this.readonly}\n ?disabled=${this.disabled}\n @change=${this.handleChange}\n @input=${this.handleInput}\n @keydown=${this.handleKeyDown}\n />\n <slot name=\"start\" @slotchange=${this._handleStartSlotChange}> </slot>\n <slot name=\"end\" @slotchange=${this._handleEndSlotChange}> </slot>\n </div>\n ${this.message ? html`<p class=\"message\">${this.message}</p>` : ''}\n `;\n }\n\n static styles = css`\n :host {\n --fhi-text-input-placeholder-color: unset;\n }\n\n :host {\n display: flex;\n flex-direction: column;\n font-family: var(--fhi-font-family-default);\n -webkit-font-smoothing: antialiased;\n\n --fhi-text-input-placeholder-color: var(--fhi-color-neutral-base-default);\n\n label {\n font-weight: var(--fhi-typography-label-small-font-weight);\n font-size: var(--fhi-typography-label-small-font-size);\n line-height: var(--fhi-typography-label-small-line-height);\n letter-spacing: var(--fhi-typography-label-small-letter-spacing);\n color: var(--fhi-color-neutral-text-default);\n padding: 0 0 var(--fhi-spacing-050) 0;\n }\n\n label:has(+ p) {\n margin: 0 0 0 0;\n }\n\n input {\n box-sizing: border-box;\n flex: 1 1 auto;\n height: var(--fhi-spacing-500);\n border: var(--fhi-dimension-border-width) solid\n var(--fhi-color-neutral-border-default);\n border-radius: var(--fhi-border-radius-050);\n padding: 0 var(--fhi-spacing-150) 0 var(--fhi-spacing-150);\n color: var(--fhi-color-neutral-text-default);\n background-color: var(--fhi-color-neutral-background-default);\n font-family: var(--fhi-font-family-default);\n font-weight: var(--fhi-typography-body-medium-font-weight);\n font-size: var(--fhi-typography-body-medium-font-size);\n line-height: var(--fhi-typography-body-medium-line-height);\n letter-spacing: var(--fhi-typography-body-medium-letter-spacing);\n transition: all var(--fhi-motion-ease-default)\n var(--fhi-motion-duration-quick);\n &:hover {\n border-color: var(--fhi-color-accent-border-default);\n background-color: var(--fhi-color-accent-background-subtle);\n }\n &:focus {\n border-color: var(--fhi-color-accent-border-strong);\n background-color: var(--fhi-color-accent-background-default);\n }\n &::placeholder {\n color: var(--fhi-text-input-placeholder-color);\n }\n }\n\n slot[name='start'] {\n color: var(--fhi-color-neutral-text-subtle);\n }\n\n input:not([disabled]):not([readonly]):hover ~ slot[name='start'] {\n color: var(--fhi-color-accent-text-subtle);\n }\n input:not([disabled]):not([readonly]):active ~ slot[name='start'],\n input:not([disabled]):not([readonly]):focus ~ slot[name='start'] {\n color: var(--fhi-color-accent-text-default);\n }\n\n .message {\n margin: var(--fhi-spacing-050) 0 0 0;\n color: var(--fhi-color-neutral-text-default);\n font-weight: var(--fhi-typography-body-small-font-weight);\n font-size: var(--fhi-typography-body-small-font-size);\n line-height: var(--fhi-typography-body-small-line-height);\n letter-spacing: var(--fhi-typography-body-small-letter-spacing);\n }\n\n .help-text {\n color: var(--fhi-color-neutral-text-subtle);\n font-weight: var(--fhi-typography-body-small-font-weight);\n font-size: var(--fhi-typography-body-small-font-size);\n line-height: var(--fhi-typography-body-small-line-height);\n letter-spacing: var(--fhi-typography-body-small-letter-spacing);\n margin: 0 0 var(--fhi-spacing-050) 0;\n }\n\n .input-container {\n position: relative;\n display: flex;\n }\n\n slot[name='start'] {\n display: block;\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n margin-left: 8px;\n height: fit-content;\n pointer-events: none;\n }\n\n slot[name='end'] {\n display: block;\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n margin-right: 8px;\n height: fit-content;\n pointer-events: none;\n color: var(--fhi-color-neutral-text-subtle);\n }\n }\n\n :host([disabled]) {\n opacity: var(--fhi-opacity-disabled);\n cursor: not-allowed;\n label,\n input {\n cursor: not-allowed;\n }\n input {\n &:hover {\n border-color: var(--fhi-color-neutral-border-default);\n background-color: var(--fhi-color-neutral-background-default);\n }\n }\n }\n\n :host([readonly]:not([disabled])) {\n input {\n border: unset;\n border-radius: unset;\n background-color: unset;\n border-left: var(--fhi-dimension-border-width) solid\n var(--fhi-color-neutral-border-default);\n }\n }\n\n :host([status='error']:not([disabled]):not([readonly])) {\n label {\n color: var(--fhi-color-danger-text-default);\n }\n input {\n border-color: var(--fhi-color-danger-border-strong);\n background-color: var(--fhi-color-danger-background-default);\n color: var(--fhi-color-danger-text-default);\n }\n .message {\n color: var(--fhi-color-danger-text-subtle);\n }\n .help-text {\n color: var(--fhi-color-danger-text-default);\n }\n slot[name='start'] {\n color: var(--fhi-color-danger-text-subtle);\n }\n\n input:hover ~ slot[name='start'] {\n color: var(--fhi-color-danger-text-subtle);\n }\n input:focus ~ slot[name='start'] {\n color: var(--fhi-color-danger-text-subtle);\n }\n }\n `;\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"fhi-text-input.js","names":[],"sources":["../../src/components/fhi-text-input/fhi-text-input.component.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nexport const FhiTextInputSelector = 'fhi-text-input';\n\n/**\n * ## FHI Text Input\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-text-input--docs}\n *\n * The `<fhi-text-input>` component is used to collect user input in forms.\n * It provides a labeled input field with optional placeholder text, status indication, and a message area for additional information or validation feedback.\n *\n * @tag fhi-text-input\n * @element fhi-text-input\n */\n@customElement(FhiTextInputSelector)\nexport class FhiTextInput extends LitElement {\n static readonly formAssociated = true;\n\n /**\n * The text that labels the input field.\n * An input field should always have a label to ensure accessibility.\n * @type {string}\n */\n @property({ type: String }) label?: string = undefined;\n\n /**\n * The message shown beneath the input field.\n * This is often used to provide additional information or feedback to the user.\n * @type {string}\n */\n @property({ type: String }) message?: string = undefined;\n\n /**\n * The message shown above the input field.\n * This is often used to provide additional information to the user.\n * @type {string}\n */\n @property({ type: String, attribute: 'help-text' }) helpText?: string =\n undefined;\n\n /**\n * Sets the placeholder text for the input field.\n * This text is displayed when the input field is empty, providing a hint to the user about the expected input.\n * @type {string}\n */\n @property({ type: String }) placeholder?: string = undefined;\n\n /**\n * Sets the visual status of the input. There is currently only one status available: `error`.\n *\n * The `error` status is used to indicate that there is an issue with the input, such as invalid or missing data.\n * @reflect\n * @type {'error'}\n */\n @property({ type: String, reflect: true }) status?: 'error' = undefined;\n\n /**\n * Sets the input to read-only. A read-only field cannot be modified by the user but may be submitted with the form.\n * @reflect\n * @type {boolean}\n */\n @property({ type: Boolean, reflect: true }) readonly? = false;\n\n /**\n * Disables the input. This changes its appearance and makes it non-interactive.\n * @reflect\n * @type {boolean}\n */\n @property({ type: Boolean, reflect: true }) disabled? = false;\n\n @query('#input-element')\n private _input!: HTMLInputElement;\n\n private _name?: string = undefined;\n\n /**\n * The name of the input. This is submitted with the form data as a `key`.\n *\n * This attribute conforms with the standard HTML `name` attribute for input fields.\n * See: {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name}\n *\n * @reflect\n * @type {string}\n */\n @property({ type: String, reflect: true })\n get name(): string | undefined {\n return this._name;\n }\n set name(newName: string) {\n const oldName = this._name;\n this._name = newName;\n this.requestUpdate('name', oldName);\n this._internals.setFormValue(this._value);\n }\n\n private _value: string = '';\n\n /**\n * The default value of the input field.\n *\n * You can fetch the current value of the text input by accessing this property directly on the component instance, or by listening for the `change` or `input` events which are dispatched whenever the value changes.\n *\n * This attribute conforms with the standard HTML `value` attribute for input fields.\n * See: {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value}\n *\n * @type {string}\n */\n @property({ type: String })\n get value(): string {\n return this._value;\n }\n\n set value(newValue: string) {\n const oldValue = this._value;\n this._value = newValue ?? '';\n this.requestUpdate('value', oldValue);\n this._internals.setFormValue(this._value);\n }\n\n private _internals: ElementInternals;\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n }\n\n public connectedCallback(): void {\n super.connectedCallback();\n this._internals.setFormValue(this.value);\n }\n\n private _dispatchChangeEvent(): void {\n /**\n * @type {Event} - Standard DOM event with the type `change`.\n * This event is dispatched when the value of the input changes.\n */\n this.dispatchEvent(\n new Event('change', {\n bubbles: true,\n composed: true,\n }),\n );\n }\n\n private _dispatchInputEvent(): void {\n /**\n * @type {Event} - Standard DOM event with the type `input`.\n * This event is dispatched when the value of the input changes.\n */\n this.dispatchEvent(\n new Event('input', {\n bubbles: true,\n composed: true,\n }),\n );\n }\n\n private handleChange(event: Event): void {\n event.stopPropagation();\n this._dispatchChangeEvent();\n }\n\n private handleInput(event: Event): void {\n this.value = this._input.value;\n this._internals.setFormValue(this.value);\n\n event.stopPropagation();\n this._dispatchInputEvent();\n }\n\n private handleKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Enter' && this._internals.form) {\n this._internals.form!.requestSubmit();\n }\n }\n\n public formResetCallback(): void {\n this.value = this.getAttribute('value') || '';\n this._internals.setFormValue(this.value);\n }\n\n private _handleStartSlotChange(event: Event): void {\n const iconNode: Node = (event.target as HTMLSlotElement).assignedNodes()[0];\n if (\n iconNode.nodeType === Node.ELEMENT_NODE &&\n (iconNode as Element).tagName.toLowerCase().startsWith('fhi-icon')\n ) {\n const icon = iconNode as HTMLElement;\n this._input.style.paddingLeft = 'var(--fhi-spacing-500)';\n icon.setAttribute('size', '1.5rem');\n } else {\n console.error(\n 'Ivalid slot input. Fhi-text-input only accepts FHI Designsystem icons.',\n );\n }\n }\n\n private _handleEndSlotChange(event: Event): void {\n const iconNode: Node = (event.target as HTMLSlotElement).assignedNodes()[0];\n\n if (\n iconNode.nodeType === Node.ELEMENT_NODE &&\n (iconNode as Element).tagName.toLowerCase().startsWith('fhi-icon')\n ) {\n const icon = iconNode as HTMLElement;\n this._input.style.paddingRight = 'var(--fhi-spacing-500)';\n icon.setAttribute('size', '1.5rem');\n } else {\n console.error(\n 'Ivalid slot input. Fhi-text-input only accepts FHI Designsystem icons.',\n );\n }\n }\n\n render() {\n return html`\n ${this.label && html`<label for=\"input-element\">${this.label}</label>`}\n ${this.helpText ? html`<p class=\"help-text\">${this.helpText}</p>` : ''}\n <div class=\"input-container\">\n <input\n id=\"input-element\"\n name=${ifDefined(this.name)}\n placeholder=${ifDefined(this.placeholder)}\n .value=${this.value}\n ?readonly=${this.readonly}\n ?disabled=${this.disabled}\n aria-invalid=${ifDefined(\n this.status === 'error' ? 'true' : undefined,\n )}\n @change=${this.handleChange}\n @input=${this.handleInput}\n @keydown=${this.handleKeyDown}\n />\n <slot name=\"start\" @slotchange=${this._handleStartSlotChange}> </slot>\n <slot name=\"end\" @slotchange=${this._handleEndSlotChange}> </slot>\n </div>\n ${this.message ? html`<p class=\"message\">${this.message}</p>` : ''}\n `;\n }\n\n static styles = css`\n :host {\n --fhi-text-input-placeholder-color: unset;\n }\n\n :host {\n display: flex;\n flex-direction: column;\n font-family: var(--fhi-font-family-default);\n -webkit-font-smoothing: antialiased;\n\n --fhi-text-input-placeholder-color: var(--fhi-color-neutral-base-default);\n\n label {\n font-weight: var(--fhi-typography-label-small-font-weight);\n font-size: var(--fhi-typography-label-small-font-size);\n line-height: var(--fhi-typography-label-small-line-height);\n letter-spacing: var(--fhi-typography-label-small-letter-spacing);\n color: var(--fhi-color-neutral-text-default);\n padding: 0 0 var(--fhi-spacing-050) 0;\n }\n\n label:has(+ p) {\n margin: 0 0 0 0;\n }\n\n input {\n box-sizing: border-box;\n flex: 1 1 auto;\n height: var(--fhi-spacing-500);\n border: var(--fhi-dimension-border-width) solid\n var(--fhi-color-neutral-border-default);\n border-radius: var(--fhi-border-radius-050);\n padding: 0 var(--fhi-spacing-150) 0 var(--fhi-spacing-150);\n color: var(--fhi-color-neutral-text-default);\n background-color: var(--fhi-color-neutral-background-default);\n font-family: var(--fhi-font-family-default);\n font-weight: var(--fhi-typography-body-medium-font-weight);\n font-size: var(--fhi-typography-body-medium-font-size);\n line-height: var(--fhi-typography-body-medium-line-height);\n letter-spacing: var(--fhi-typography-body-medium-letter-spacing);\n transition: all var(--fhi-motion-ease-default)\n var(--fhi-motion-duration-quick);\n &:hover {\n border-color: var(--fhi-color-accent-border-default);\n background-color: var(--fhi-color-accent-background-subtle);\n }\n &:focus {\n border-color: var(--fhi-color-accent-border-strong);\n background-color: var(--fhi-color-accent-background-default);\n }\n &::placeholder {\n color: var(--fhi-text-input-placeholder-color);\n }\n }\n\n slot[name='start'] {\n color: var(--fhi-color-neutral-text-subtle);\n }\n\n input:not([disabled]):not([readonly]):hover ~ slot[name='start'] {\n color: var(--fhi-color-accent-text-subtle);\n }\n input:not([disabled]):not([readonly]):active ~ slot[name='start'],\n input:not([disabled]):not([readonly]):focus ~ slot[name='start'] {\n color: var(--fhi-color-accent-text-default);\n }\n\n .message {\n margin: var(--fhi-spacing-050) 0 0 0;\n color: var(--fhi-color-neutral-text-default);\n font-weight: var(--fhi-typography-body-small-font-weight);\n font-size: var(--fhi-typography-body-small-font-size);\n line-height: var(--fhi-typography-body-small-line-height);\n letter-spacing: var(--fhi-typography-body-small-letter-spacing);\n }\n\n .help-text {\n color: var(--fhi-color-neutral-text-subtle);\n font-weight: var(--fhi-typography-body-small-font-weight);\n font-size: var(--fhi-typography-body-small-font-size);\n line-height: var(--fhi-typography-body-small-line-height);\n letter-spacing: var(--fhi-typography-body-small-letter-spacing);\n margin: 0 0 var(--fhi-spacing-050) 0;\n }\n\n .input-container {\n position: relative;\n display: flex;\n }\n\n slot[name='start'] {\n display: block;\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n margin-left: 8px;\n height: fit-content;\n pointer-events: none;\n }\n\n slot[name='end'] {\n display: block;\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n margin-right: 8px;\n height: fit-content;\n pointer-events: none;\n color: var(--fhi-color-neutral-text-subtle);\n }\n }\n\n :host([disabled]) {\n opacity: var(--fhi-opacity-disabled);\n cursor: not-allowed;\n label,\n input {\n cursor: not-allowed;\n }\n input {\n &:hover {\n border-color: var(--fhi-color-neutral-border-default);\n background-color: var(--fhi-color-neutral-background-default);\n }\n }\n }\n\n :host([readonly]:not([disabled])) {\n input {\n border: unset;\n border-radius: unset;\n background-color: unset;\n border-left: var(--fhi-dimension-border-width) solid\n var(--fhi-color-neutral-border-default);\n }\n }\n\n :host([status='error']:not([disabled]):not([readonly])) {\n label {\n color: var(--fhi-color-danger-text-default);\n }\n input {\n border-color: var(--fhi-color-danger-border-strong);\n background-color: var(--fhi-color-danger-background-default);\n color: var(--fhi-color-danger-text-default);\n }\n .message {\n color: var(--fhi-color-danger-text-subtle);\n }\n .help-text {\n color: var(--fhi-color-danger-text-default);\n }\n slot[name='start'] {\n color: var(--fhi-color-danger-text-subtle);\n }\n\n input:hover ~ slot[name='start'] {\n color: var(--fhi-color-danger-text-subtle);\n }\n input:focus ~ slot[name='start'] {\n color: var(--fhi-color-danger-text-subtle);\n }\n }\n `;\n}\n"],"mappings":"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"}
package/index.js CHANGED
@@ -3,128 +3,129 @@ import { FhiTitle as n, FhiTitleSelector as r } from "./fhi-title.js";
3
3
  import { FhiBody as i, FhiBodySelector as a } from "./fhi-body.js";
4
4
  import { FhiCallout as o, FhiCalloutSelector as s } from "./fhi-callout.js";
5
5
  import { FhiCheckbox as c, FhiCheckboxSelector as l } from "./fhi-checkbox.js";
6
- import { FhiIconCalendar as u, FhiIconCalendarSelector as d } from "./fhi-icon-calendar.js";
7
- import { n as f, t as p } from "./fhi-date-input.component-CHBsiaAw.js";
8
- import { FhiFlex as m, FhiFlexSelector as h } from "./fhi-flex.js";
9
- import { FhiGrid as g, FhiGridSelector as _ } from "./fhi-grid.js";
10
- import { FhiLink as v, FhiLinkSelector as y } from "./fhi-link.js";
11
- import { FhiIconX as b, FhiIconXSelector as x } from "./fhi-icon-x.js";
12
- import { FhiHeadline as S, FhiHeadlineSelector as C } from "./fhi-headline.js";
13
- import { FhiModalDialog as w, FhiModalDialogSelector as T } from "./fhi-modal-dialog.js";
14
- import { FhiRadio as E, FhiRadioSelector as D } from "./fhi-radio.js";
15
- import { FhiTag as O, FhiTagSelector as k } from "./fhi-tag.js";
16
- import { FhiLabel as A, FhiLabelSelector as j } from "./fhi-label.js";
17
- import { FhiTextArea as M, FhiTextAreaSelector as N } from "./fhi-text-area.js";
18
- import { FhiTextInput as P, FhiTextInputSelector as F } from "./fhi-text-input.js";
19
- import { n as I, t as L } from "./fhi-tooltip.component-CyNQ5alT.js";
20
- import { FhiIconArrowDownLeft as R, FhiIconArrowDownLeftSelector as z } from "./fhi-icon-arrow-down-left.js";
21
- import { FhiIconArrowDownRight as B, FhiIconArrowDownRightSelector as V } from "./fhi-icon-arrow-down-right.js";
22
- import { FhiIconArrowDown as H, FhiIconArrowDownSelector as U } from "./fhi-icon-arrow-down.js";
23
- import { FhiIconArrowLeft as W, FhiIconArrowLeftSelector as G } from "./fhi-icon-arrow-left.js";
24
- import { FhiIconArrowRightLeft as K, FhiIconArrowRightLeftSelector as q } from "./fhi-icon-arrow-right-left.js";
25
- import { FhiIconArrowRight as J, FhiIconArrowRightSelector as Y } from "./fhi-icon-arrow-right.js";
26
- import { FhiIconArrowUpDown as X, FhiIconArrowUpDownSelector as Z } from "./fhi-icon-arrow-up-down.js";
27
- import { FhiIconArrowUpLeft as Q, FhiIconArrowUpLeftSelector as $ } from "./fhi-icon-arrow-up-left.js";
28
- import { FhiIconArrowUpRight as ee, FhiIconArrowUpRightSelector as te } from "./fhi-icon-arrow-up-right.js";
29
- import { FhiIconArrowUp as ne, FhiIconArrowUpSelector as re } from "./fhi-icon-arrow-up.js";
30
- import { FhiIconBell as ie, FhiIconBellSelector as ae } from "./fhi-icon-bell.js";
31
- import { FhiIconCalendarClock as oe, FhiIconCalendarClockSelector as se } from "./fhi-icon-calendar-clock.js";
32
- import { FhiIconChartBarStacked as ce, FhiIconChartBarStackedSelector as le } from "./fhi-icon-chart-bar-stacked.js";
33
- import { FhiIconChartBar as ue, FhiIconChartBarSelector as de } from "./fhi-icon-chart-bar.js";
34
- import { FhiIconChartColumnStacked as fe, FhiIconChartColumnStackedSelector as pe } from "./fhi-icon-chart-column-stacked.js";
35
- import { FhiIconChartColumn as me, FhiIconChartColumnSelector as he } from "./fhi-icon-chart-column.js";
36
- import { FhiIconChartLine as ge, FhiIconChartLineSelector as _e } from "./fhi-icon-chart-line.js";
37
- import { FhiIconChartNoAxesCombined as ve, FhiIconChartNoAxesCombinedSelector as ye } from "./fhi-icon-chart-no-axes-combined.js";
38
- import { FhiIconChartPie as be, FhiIconChartPieSelector as xe } from "./fhi-icon-chart-pie.js";
39
- import { FhiIconCheck as Se, FhiIconCheckSelector as Ce } from "./fhi-icon-check.js";
40
- import { FhiIconChevronDown as we, FhiIconChevronDownSelector as Te } from "./fhi-icon-chevron-down.js";
41
- import { FhiIconChevronLeft as Ee, FhiIconChevronLeftSelector as De } from "./fhi-icon-chevron-left.js";
42
- import { FhiIconChevronRight as Oe, FhiIconChevronRightSelector as ke } from "./fhi-icon-chevron-right.js";
43
- import { FhiIconChevronUp as Ae, FhiIconChevronUpSelector as je } from "./fhi-icon-chevron-up.js";
44
- import { FhiIconChevronsDown as Me, FhiIconChevronsDownSelector as Ne } from "./fhi-icon-chevrons-down.js";
45
- import { FhiIconChevronsLeft as Pe, FhiIconChevronsLeftSelector as Fe } from "./fhi-icon-chevrons-left.js";
46
- import { FhiIconChevronsRight as Ie, FhiIconChevronsRightSelector as Le } from "./fhi-icon-chevrons-right.js";
47
- import { FhiIconChevronsUp as Re, FhiIconChevronsUpSelector as ze } from "./fhi-icon-chevrons-up.js";
48
- import { FhiIconCircleArrowDown as Be, FhiIconCircleArrowDownSelector as Ve } from "./fhi-icon-circle-arrow-down.js";
49
- import { FhiIconCircleArrowLeft as He, FhiIconCircleArrowLeftSelector as Ue } from "./fhi-icon-circle-arrow-left.js";
50
- import { FhiIconCircleArrowRight as We, FhiIconCircleArrowRightSelector as Ge } from "./fhi-icon-circle-arrow-right.js";
51
- import { FhiIconCircleArrowUp as Ke, FhiIconCircleArrowUpSelector as qe } from "./fhi-icon-circle-arrow-up.js";
52
- import { FhiIconCircleCheckBig as Je, FhiIconCircleCheckBigSelector as Ye } from "./fhi-icon-circle-check-big.js";
53
- import { FhiIconCircleCheck as Xe, FhiIconCircleCheckSelector as Ze } from "./fhi-icon-circle-check.js";
54
- import { FhiIconCircleChevronDown as Qe, FhiIconCircleChevronDownSelector as $e } from "./fhi-icon-circle-chevron-down.js";
55
- import { FhiIconCircleChevronLeft as et, FhiIconCircleChevronLeftSelector as tt } from "./fhi-icon-circle-chevron-left.js";
56
- import { FhiIconCircleChevronRight as nt, FhiIconCircleChevronRightSelector as rt } from "./fhi-icon-circle-chevron-right.js";
57
- import { FhiIconCircleChevronUp as it, FhiIconCircleChevronUpSelector as at } from "./fhi-icon-circle-chevron-up.js";
58
- import { FhiIconCircleExclamation as ot, FhiIconCircleExclamationSelector as st } from "./fhi-icon-circle-exclamation.js";
59
- import { FhiIconCircleInfo as ct, FhiIconCircleInfoSelector as lt } from "./fhi-icon-circle-info.js";
60
- import { FhiIconCircleMinus as ut, FhiIconCircleMinusSelector as dt } from "./fhi-icon-circle-minus.js";
61
- import { FhiIconCirclePlus as ft, FhiIconCirclePlusSelector as pt } from "./fhi-icon-circle-plus.js";
62
- import { FhiIconCircleQuestion as mt, FhiIconCircleQuestionSelector as ht } from "./fhi-icon-circle-question.js";
63
- import { FhiIconCircleX as gt, FhiIconCircleXSelector as _t } from "./fhi-icon-circle-x.js";
64
- import { FhiIconCircle as vt, FhiIconCircleSelector as yt } from "./fhi-icon-circle.js";
65
- import { FhiIconClock as bt, FhiIconClockSelector as xt } from "./fhi-icon-clock.js";
66
- import { FhiIconCopy as St, FhiIconCopySelector as Ct } from "./fhi-icon-copy.js";
67
- import { FhiIconDownload as wt, FhiIconDownloadSelector as Tt } from "./fhi-icon-download.js";
68
- import { FhiIconEllipsisVertical as Et, FhiIconEllipsisVerticalSelector as Dt } from "./fhi-icon-ellipsis-vertical.js";
69
- import { FhiIconEllipsis as Ot, FhiIconEllipsisSelector as kt } from "./fhi-icon-ellipsis.js";
70
- import { FhiIconExclamation as At, FhiIconExclamationSelector as jt } from "./fhi-icon-exclamation.js";
71
- import { FhiIconExpand as Mt, FhiIconExpandSelector as Nt } from "./fhi-icon-expand.js";
72
- import { FhiIconExternalLink as Pt, FhiIconExternalLinkSelector as Ft } from "./fhi-icon-external-link.js";
73
- import { FhiIconEyeOff as It, FhiIconEyeOffSelector as Lt } from "./fhi-icon-eye-off.js";
74
- import { FhiIconEye as Rt, FhiIconEyeSelector as zt } from "./fhi-icon-eye.js";
75
- import { FhiIconFileText as Bt, FhiIconFileTextSelector as Vt } from "./fhi-icon-file-text.js";
76
- import { FhiIconFile as Ht, FhiIconFileSelector as Ut } from "./fhi-icon-file.js";
77
- import { FhiIconFilter as Wt, FhiIconFilterSelector as Gt } from "./fhi-icon-filter.js";
78
- import { FhiIconFolder as Kt, FhiIconFolderSelector as qt } from "./fhi-icon-folder.js";
79
- import { FhiIconGear as Jt, FhiIconGearSelector as Yt } from "./fhi-icon-gear.js";
80
- import { FhiIconGrid9Dots as Xt, FhiIconGrid9DotsSelector as Zt } from "./fhi-icon-grid-9-dots.js";
81
- import { FhiIconGripHorizontal as Qt, FhiIconGripHorizontalSelector as $t } from "./fhi-icon-grip-horizontal.js";
82
- import { FhiIconGripVertical as en, FhiIconGripVerticalSelector as tn } from "./fhi-icon-grip-vertical.js";
83
- import { FhiIconHistory as nn, FhiIconHistorySelector as rn } from "./fhi-icon-history.js";
84
- import { FhiIconInfo as an, FhiIconInfoSelector as on } from "./fhi-icon-info.js";
85
- import { FhiIconLink2Off as sn, FhiIconLink2OffSelector as cn } from "./fhi-icon-link-2-off.js";
86
- import { FhiIconLink2 as ln, FhiIconLink2Selector as un } from "./fhi-icon-link-2.js";
87
- import { FhiIconLink as dn, FhiIconLinkSelector as fn } from "./fhi-icon-link.js";
88
- import { FhiIconLockOpen as pn, FhiIconLockOpenSelector as mn } from "./fhi-icon-lock-open.js";
89
- import { FhiIconLock as hn, FhiIconLockSelector as gn } from "./fhi-icon-lock.js";
90
- import { FhiIconLogIn as _n, FhiIconLogInSelector as vn } from "./fhi-icon-log-in.js";
91
- import { FhiIconLogOut as yn, FhiIconLogOutSelector as bn } from "./fhi-icon-log-out.js";
92
- import { FhiIconMail as xn, FhiIconMailSelector as Sn } from "./fhi-icon-mail.js";
93
- import { FhiIconMapPin as Cn, FhiIconMapPinSelector as wn } from "./fhi-icon-map-pin.js";
94
- import { FhiIconMenu as Tn, FhiIconMenuSelector as En } from "./fhi-icon-menu.js";
95
- import { FhiIconMessage as Dn, FhiIconMessageSelector as On } from "./fhi-icon-message.js";
96
- import { FhiIconMinus as kn, FhiIconMinusSelector as An } from "./fhi-icon-minus.js";
97
- import { FhiIconOctagonAlert as jn, FhiIconOctagonAlertSelector as Mn } from "./fhi-icon-octagon-alert.js";
98
- import { FhiIconPaperclip as Nn, FhiIconPaperclipSelector as Pn } from "./fhi-icon-paperclip.js";
99
- import { FhiIconPencil as Fn, FhiIconPencilSelector as In } from "./fhi-icon-pencil.js";
100
- import { FhiIconPhone as Ln, FhiIconPhoneSelector as Rn } from "./fhi-icon-phone.js";
101
- import { FhiIconPinOff as zn, FhiIconPinOffSelector as Bn } from "./fhi-icon-pin-off.js";
102
- import { FhiIconPin as Vn, FhiIconPinSelector as Hn } from "./fhi-icon-pin.js";
103
- import { FhiIconPlus as Un, FhiIconPlusSelector as Wn } from "./fhi-icon-plus.js";
104
- import { FhiIconPrinter as Gn, FhiIconPrinterSelector as Kn } from "./fhi-icon-printer.js";
105
- import { FhiIconQuestion as qn, FhiIconQuestionSelector as Jn } from "./fhi-icon-question.js";
106
- import { FhiIconRefresh as Yn, FhiIconRefreshSelector as Xn } from "./fhi-icon-refresh.js";
107
- import { FhiIconRotateLeft as Zn, FhiIconRotateLeftSelector as Qn } from "./fhi-icon-rotate-left.js";
108
- import { FhiIconRotateRight as $n, FhiIconRotateRightSelector as er } from "./fhi-icon-rotate-right.js";
109
- import { FhiIconSearch as tr, FhiIconSearchSelector as nr } from "./fhi-icon-search.js";
110
- import { FhiIconSend as rr, FhiIconSendSelector as ir } from "./fhi-icon-send.js";
111
- import { FhiIconShare as ar, FhiIconShareSelector as or } from "./fhi-icon-share.js";
112
- import { FhiIconSheet as sr, FhiIconSheetSelector as cr } from "./fhi-icon-sheet.js";
113
- import { FhiIconSquareCheckBig as lr, FhiIconSquareCheckBigSelector as ur } from "./fhi-icon-square-check-big.js";
114
- import { FhiIconSquareCheck as dr, FhiIconSquareCheckSelector as fr } from "./fhi-icon-square-check.js";
115
- import { FhiIconSquarePen as pr, FhiIconSquarePenSelector as mr } from "./fhi-icon-square-pen.js";
116
- import { FhiIconSquareX as hr, FhiIconSquareXSelector as gr } from "./fhi-icon-square-x.js";
117
- import { FhiIconSquare as _r, FhiIconSquareSelector as vr } from "./fhi-icon-square.js";
118
- import { FhiIconTrash as yr, FhiIconTrashSelector as br } from "./fhi-icon-trash.js";
119
- import { FhiIconTriangleAlert as xr, FhiIconTriangleAlertSelector as Sr } from "./fhi-icon-triangle-alert.js";
120
- import { FhiIconUpload as Cr, FhiIconUploadSelector as wr } from "./fhi-icon-upload.js";
121
- import { FhiIconUser as Tr, FhiIconUserSelector as Er } from "./fhi-icon-user.js";
122
- import { FhiDataTable as Dr, FhiDataTableSelector as Or } from "./fhi-data-table.js";
123
- import { FhiDataTableCell as kr, FhiDataTableCellSelector as Ar } from "./fhi-data-table-cell.js";
124
- import { FhiDataTableRow as jr, FhiDataTableRowSelector as Mr } from "./fhi-data-table-row.js";
125
- import { FhiSegmentedControlItem as Nr, FhiSegmentedControlItemSelector as Pr } from "./fhi-segmented-control-item.js";
126
- import { FhiSegmentedControl as Fr, FhiSegmentedControlSelector as Ir } from "./fhi-segmented-control.js";
127
- import { FhiSelect as Lr, FhiSelectSelector as Rr } from "./fhi-select.js";
128
- import { FhiSelectItem as zr, FhiSelectItemSelector as Br } from "./fhi-select-item.js";
129
- import { FhiDisplay as Vr, FhiDisplaySelector as Hr } from "./fhi-display.js";
130
- export { i as FhiBody, a as FhiBodySelector, e as FhiButton, t as FhiButtonSelector, o as FhiCallout, s as FhiCalloutSelector, c as FhiCheckbox, l as FhiCheckboxSelector, Dr as FhiDataTable, kr as FhiDataTableCell, Ar as FhiDataTableCellSelector, jr as FhiDataTableRow, Mr as FhiDataTableRowSelector, Or as FhiDataTableSelector, p as FhiDateInput, f as FhiDateInputSelector, Vr as FhiDisplay, Hr as FhiDisplaySelector, m as FhiFlex, h as FhiFlexSelector, g as FhiGrid, _ as FhiGridSelector, S as FhiHeadline, C as FhiHeadlineSelector, H as FhiIconArrowDown, R as FhiIconArrowDownLeft, z as FhiIconArrowDownLeftSelector, B as FhiIconArrowDownRight, V as FhiIconArrowDownRightSelector, U as FhiIconArrowDownSelector, W as FhiIconArrowLeft, G as FhiIconArrowLeftSelector, J as FhiIconArrowRight, K as FhiIconArrowRightLeft, q as FhiIconArrowRightLeftSelector, Y as FhiIconArrowRightSelector, ne as FhiIconArrowUp, X as FhiIconArrowUpDown, Z as FhiIconArrowUpDownSelector, Q as FhiIconArrowUpLeft, $ as FhiIconArrowUpLeftSelector, ee as FhiIconArrowUpRight, te as FhiIconArrowUpRightSelector, re as FhiIconArrowUpSelector, ie as FhiIconBell, ae as FhiIconBellSelector, u as FhiIconCalendar, oe as FhiIconCalendarClock, se as FhiIconCalendarClockSelector, d as FhiIconCalendarSelector, ue as FhiIconChartBar, de as FhiIconChartBarSelector, ce as FhiIconChartBarStacked, le as FhiIconChartBarStackedSelector, me as FhiIconChartColumn, he as FhiIconChartColumnSelector, fe as FhiIconChartColumnStacked, pe as FhiIconChartColumnStackedSelector, ge as FhiIconChartLine, _e as FhiIconChartLineSelector, ve as FhiIconChartNoAxesCombined, ye as FhiIconChartNoAxesCombinedSelector, be as FhiIconChartPie, xe as FhiIconChartPieSelector, Se as FhiIconCheck, Ce as FhiIconCheckSelector, we as FhiIconChevronDown, Te as FhiIconChevronDownSelector, Ee as FhiIconChevronLeft, De as FhiIconChevronLeftSelector, Oe as FhiIconChevronRight, ke as FhiIconChevronRightSelector, Ae as FhiIconChevronUp, je as FhiIconChevronUpSelector, Me as FhiIconChevronsDown, Ne as FhiIconChevronsDownSelector, Pe as FhiIconChevronsLeft, Fe as FhiIconChevronsLeftSelector, Ie as FhiIconChevronsRight, Le as FhiIconChevronsRightSelector, Re as FhiIconChevronsUp, ze as FhiIconChevronsUpSelector, vt as FhiIconCircle, Be as FhiIconCircleArrowDown, Ve as FhiIconCircleArrowDownSelector, He as FhiIconCircleArrowLeft, Ue as FhiIconCircleArrowLeftSelector, We as FhiIconCircleArrowRight, Ge as FhiIconCircleArrowRightSelector, Ke as FhiIconCircleArrowUp, qe as FhiIconCircleArrowUpSelector, Xe as FhiIconCircleCheck, Je as FhiIconCircleCheckBig, Ye as FhiIconCircleCheckBigSelector, Ze as FhiIconCircleCheckSelector, Qe as FhiIconCircleChevronDown, $e as FhiIconCircleChevronDownSelector, et as FhiIconCircleChevronLeft, tt as FhiIconCircleChevronLeftSelector, nt as FhiIconCircleChevronRight, rt as FhiIconCircleChevronRightSelector, it as FhiIconCircleChevronUp, at as FhiIconCircleChevronUpSelector, ot as FhiIconCircleExclamation, st as FhiIconCircleExclamationSelector, ct as FhiIconCircleInfo, lt as FhiIconCircleInfoSelector, ut as FhiIconCircleMinus, dt as FhiIconCircleMinusSelector, ft as FhiIconCirclePlus, pt as FhiIconCirclePlusSelector, mt as FhiIconCircleQuestion, ht as FhiIconCircleQuestionSelector, yt as FhiIconCircleSelector, gt as FhiIconCircleX, _t as FhiIconCircleXSelector, bt as FhiIconClock, xt as FhiIconClockSelector, St as FhiIconCopy, Ct as FhiIconCopySelector, wt as FhiIconDownload, Tt as FhiIconDownloadSelector, Ot as FhiIconEllipsis, kt as FhiIconEllipsisSelector, Et as FhiIconEllipsisVertical, Dt as FhiIconEllipsisVerticalSelector, At as FhiIconExclamation, jt as FhiIconExclamationSelector, Mt as FhiIconExpand, Nt as FhiIconExpandSelector, Pt as FhiIconExternalLink, Ft as FhiIconExternalLinkSelector, Rt as FhiIconEye, It as FhiIconEyeOff, Lt as FhiIconEyeOffSelector, zt as FhiIconEyeSelector, Ht as FhiIconFile, Ut as FhiIconFileSelector, Bt as FhiIconFileText, Vt as FhiIconFileTextSelector, Wt as FhiIconFilter, Gt as FhiIconFilterSelector, Kt as FhiIconFolder, qt as FhiIconFolderSelector, Jt as FhiIconGear, Yt as FhiIconGearSelector, Xt as FhiIconGrid9Dots, Zt as FhiIconGrid9DotsSelector, Qt as FhiIconGripHorizontal, $t as FhiIconGripHorizontalSelector, en as FhiIconGripVertical, tn as FhiIconGripVerticalSelector, nn as FhiIconHistory, rn as FhiIconHistorySelector, an as FhiIconInfo, on as FhiIconInfoSelector, dn as FhiIconLink, ln as FhiIconLink2, sn as FhiIconLink2Off, cn as FhiIconLink2OffSelector, un as FhiIconLink2Selector, fn as FhiIconLinkSelector, hn as FhiIconLock, pn as FhiIconLockOpen, mn as FhiIconLockOpenSelector, gn as FhiIconLockSelector, _n as FhiIconLogIn, vn as FhiIconLogInSelector, yn as FhiIconLogOut, bn as FhiIconLogOutSelector, xn as FhiIconMail, Sn as FhiIconMailSelector, Cn as FhiIconMapPin, wn as FhiIconMapPinSelector, Tn as FhiIconMenu, En as FhiIconMenuSelector, Dn as FhiIconMessage, On as FhiIconMessageSelector, kn as FhiIconMinus, An as FhiIconMinusSelector, jn as FhiIconOctagonAlert, Mn as FhiIconOctagonAlertSelector, Nn as FhiIconPaperclip, Pn as FhiIconPaperclipSelector, Fn as FhiIconPencil, In as FhiIconPencilSelector, Ln as FhiIconPhone, Rn as FhiIconPhoneSelector, Vn as FhiIconPin, zn as FhiIconPinOff, Bn as FhiIconPinOffSelector, Hn as FhiIconPinSelector, Un as FhiIconPlus, Wn as FhiIconPlusSelector, Gn as FhiIconPrinter, Kn as FhiIconPrinterSelector, qn as FhiIconQuestion, Jn as FhiIconQuestionSelector, Yn as FhiIconRefresh, Xn as FhiIconRefreshSelector, Zn as FhiIconRotateLeft, Qn as FhiIconRotateLeftSelector, $n as FhiIconRotateRight, er as FhiIconRotateRightSelector, tr as FhiIconSearch, nr as FhiIconSearchSelector, rr as FhiIconSend, ir as FhiIconSendSelector, ar as FhiIconShare, or as FhiIconShareSelector, sr as FhiIconSheet, cr as FhiIconSheetSelector, _r as FhiIconSquare, dr as FhiIconSquareCheck, lr as FhiIconSquareCheckBig, ur as FhiIconSquareCheckBigSelector, fr as FhiIconSquareCheckSelector, pr as FhiIconSquarePen, mr as FhiIconSquarePenSelector, vr as FhiIconSquareSelector, hr as FhiIconSquareX, gr as FhiIconSquareXSelector, yr as FhiIconTrash, br as FhiIconTrashSelector, xr as FhiIconTriangleAlert, Sr as FhiIconTriangleAlertSelector, Cr as FhiIconUpload, wr as FhiIconUploadSelector, Tr as FhiIconUser, Er as FhiIconUserSelector, b as FhiIconX, x as FhiIconXSelector, A as FhiLabel, j as FhiLabelSelector, v as FhiLink, y as FhiLinkSelector, w as FhiModalDialog, T as FhiModalDialogSelector, E as FhiRadio, D as FhiRadioSelector, Fr as FhiSegmentedControl, Nr as FhiSegmentedControlItem, Pr as FhiSegmentedControlItemSelector, Ir as FhiSegmentedControlSelector, Lr as FhiSelect, zr as FhiSelectItem, Br as FhiSelectItemSelector, Rr as FhiSelectSelector, O as FhiTag, k as FhiTagSelector, M as FhiTextArea, N as FhiTextAreaSelector, P as FhiTextInput, F as FhiTextInputSelector, n as FhiTitle, r as FhiTitleSelector, L as FhiTooltip, I as FhiTooltipSelector };
6
+ import { FhiLabel as u, FhiLabelSelector as d } from "./fhi-label.js";
7
+ import { FhiIconX as f, FhiIconXSelector as p } from "./fhi-icon-x.js";
8
+ import { FhiChip as m, FhiChipSelector as h } from "./fhi-chip.js";
9
+ import { FhiIconCalendar as g, FhiIconCalendarSelector as _ } from "./fhi-icon-calendar.js";
10
+ import { n as v, t as y } from "./fhi-date-input.component-CWaw_GH4.js";
11
+ import { FhiFlex as b, FhiFlexSelector as x } from "./fhi-flex.js";
12
+ import { FhiGrid as S, FhiGridSelector as C } from "./fhi-grid.js";
13
+ import { FhiLink as w, FhiLinkSelector as T } from "./fhi-link.js";
14
+ import { FhiHeadline as E, FhiHeadlineSelector as D } from "./fhi-headline.js";
15
+ import { FhiModalDialog as O, FhiModalDialogSelector as k } from "./fhi-modal-dialog.js";
16
+ import { FhiRadio as A, FhiRadioSelector as j } from "./fhi-radio.js";
17
+ import { FhiTag as M, FhiTagSelector as N } from "./fhi-tag.js";
18
+ import { FhiTextArea as P, FhiTextAreaSelector as F } from "./fhi-text-area.js";
19
+ import { FhiTextInput as I, FhiTextInputSelector as L } from "./fhi-text-input.js";
20
+ import { n as R, t as z } from "./fhi-tooltip.component-CyNQ5alT.js";
21
+ import { FhiIconArrowDownLeft as B, FhiIconArrowDownLeftSelector as V } from "./fhi-icon-arrow-down-left.js";
22
+ import { FhiIconArrowDownRight as H, FhiIconArrowDownRightSelector as U } from "./fhi-icon-arrow-down-right.js";
23
+ import { FhiIconArrowDown as W, FhiIconArrowDownSelector as G } from "./fhi-icon-arrow-down.js";
24
+ import { FhiIconArrowLeft as K, FhiIconArrowLeftSelector as q } from "./fhi-icon-arrow-left.js";
25
+ import { FhiIconArrowRightLeft as J, FhiIconArrowRightLeftSelector as Y } from "./fhi-icon-arrow-right-left.js";
26
+ import { FhiIconArrowRight as X, FhiIconArrowRightSelector as Z } from "./fhi-icon-arrow-right.js";
27
+ import { FhiIconArrowUpDown as Q, FhiIconArrowUpDownSelector as $ } from "./fhi-icon-arrow-up-down.js";
28
+ import { FhiIconArrowUpLeft as ee, FhiIconArrowUpLeftSelector as te } from "./fhi-icon-arrow-up-left.js";
29
+ import { FhiIconArrowUpRight as ne, FhiIconArrowUpRightSelector as re } from "./fhi-icon-arrow-up-right.js";
30
+ import { FhiIconArrowUp as ie, FhiIconArrowUpSelector as ae } from "./fhi-icon-arrow-up.js";
31
+ import { FhiIconBell as oe, FhiIconBellSelector as se } from "./fhi-icon-bell.js";
32
+ import { FhiIconCalendarClock as ce, FhiIconCalendarClockSelector as le } from "./fhi-icon-calendar-clock.js";
33
+ import { FhiIconChartBarStacked as ue, FhiIconChartBarStackedSelector as de } from "./fhi-icon-chart-bar-stacked.js";
34
+ import { FhiIconChartBar as fe, FhiIconChartBarSelector as pe } from "./fhi-icon-chart-bar.js";
35
+ import { FhiIconChartColumnStacked as me, FhiIconChartColumnStackedSelector as he } from "./fhi-icon-chart-column-stacked.js";
36
+ import { FhiIconChartColumn as ge, FhiIconChartColumnSelector as _e } from "./fhi-icon-chart-column.js";
37
+ import { FhiIconChartLine as ve, FhiIconChartLineSelector as ye } from "./fhi-icon-chart-line.js";
38
+ import { FhiIconChartNoAxesCombined as be, FhiIconChartNoAxesCombinedSelector as xe } from "./fhi-icon-chart-no-axes-combined.js";
39
+ import { FhiIconChartPie as Se, FhiIconChartPieSelector as Ce } from "./fhi-icon-chart-pie.js";
40
+ import { FhiIconCheck as we, FhiIconCheckSelector as Te } from "./fhi-icon-check.js";
41
+ import { FhiIconChevronDown as Ee, FhiIconChevronDownSelector as De } from "./fhi-icon-chevron-down.js";
42
+ import { FhiIconChevronLeft as Oe, FhiIconChevronLeftSelector as ke } from "./fhi-icon-chevron-left.js";
43
+ import { FhiIconChevronRight as Ae, FhiIconChevronRightSelector as je } from "./fhi-icon-chevron-right.js";
44
+ import { FhiIconChevronUp as Me, FhiIconChevronUpSelector as Ne } from "./fhi-icon-chevron-up.js";
45
+ import { FhiIconChevronsDown as Pe, FhiIconChevronsDownSelector as Fe } from "./fhi-icon-chevrons-down.js";
46
+ import { FhiIconChevronsLeft as Ie, FhiIconChevronsLeftSelector as Le } from "./fhi-icon-chevrons-left.js";
47
+ import { FhiIconChevronsRight as Re, FhiIconChevronsRightSelector as ze } from "./fhi-icon-chevrons-right.js";
48
+ import { FhiIconChevronsUp as Be, FhiIconChevronsUpSelector as Ve } from "./fhi-icon-chevrons-up.js";
49
+ import { FhiIconCircleArrowDown as He, FhiIconCircleArrowDownSelector as Ue } from "./fhi-icon-circle-arrow-down.js";
50
+ import { FhiIconCircleArrowLeft as We, FhiIconCircleArrowLeftSelector as Ge } from "./fhi-icon-circle-arrow-left.js";
51
+ import { FhiIconCircleArrowRight as Ke, FhiIconCircleArrowRightSelector as qe } from "./fhi-icon-circle-arrow-right.js";
52
+ import { FhiIconCircleArrowUp as Je, FhiIconCircleArrowUpSelector as Ye } from "./fhi-icon-circle-arrow-up.js";
53
+ import { FhiIconCircleCheckBig as Xe, FhiIconCircleCheckBigSelector as Ze } from "./fhi-icon-circle-check-big.js";
54
+ import { FhiIconCircleCheck as Qe, FhiIconCircleCheckSelector as $e } from "./fhi-icon-circle-check.js";
55
+ import { FhiIconCircleChevronDown as et, FhiIconCircleChevronDownSelector as tt } from "./fhi-icon-circle-chevron-down.js";
56
+ import { FhiIconCircleChevronLeft as nt, FhiIconCircleChevronLeftSelector as rt } from "./fhi-icon-circle-chevron-left.js";
57
+ import { FhiIconCircleChevronRight as it, FhiIconCircleChevronRightSelector as at } from "./fhi-icon-circle-chevron-right.js";
58
+ import { FhiIconCircleChevronUp as ot, FhiIconCircleChevronUpSelector as st } from "./fhi-icon-circle-chevron-up.js";
59
+ import { FhiIconCircleExclamation as ct, FhiIconCircleExclamationSelector as lt } from "./fhi-icon-circle-exclamation.js";
60
+ import { FhiIconCircleInfo as ut, FhiIconCircleInfoSelector as dt } from "./fhi-icon-circle-info.js";
61
+ import { FhiIconCircleMinus as ft, FhiIconCircleMinusSelector as pt } from "./fhi-icon-circle-minus.js";
62
+ import { FhiIconCirclePlus as mt, FhiIconCirclePlusSelector as ht } from "./fhi-icon-circle-plus.js";
63
+ import { FhiIconCircleQuestion as gt, FhiIconCircleQuestionSelector as _t } from "./fhi-icon-circle-question.js";
64
+ import { FhiIconCircleX as vt, FhiIconCircleXSelector as yt } from "./fhi-icon-circle-x.js";
65
+ import { FhiIconCircle as bt, FhiIconCircleSelector as xt } from "./fhi-icon-circle.js";
66
+ import { FhiIconClock as St, FhiIconClockSelector as Ct } from "./fhi-icon-clock.js";
67
+ import { FhiIconCopy as wt, FhiIconCopySelector as Tt } from "./fhi-icon-copy.js";
68
+ import { FhiIconDownload as Et, FhiIconDownloadSelector as Dt } from "./fhi-icon-download.js";
69
+ import { FhiIconEllipsisVertical as Ot, FhiIconEllipsisVerticalSelector as kt } from "./fhi-icon-ellipsis-vertical.js";
70
+ import { FhiIconEllipsis as At, FhiIconEllipsisSelector as jt } from "./fhi-icon-ellipsis.js";
71
+ import { FhiIconExclamation as Mt, FhiIconExclamationSelector as Nt } from "./fhi-icon-exclamation.js";
72
+ import { FhiIconExpand as Pt, FhiIconExpandSelector as Ft } from "./fhi-icon-expand.js";
73
+ import { FhiIconExternalLink as It, FhiIconExternalLinkSelector as Lt } from "./fhi-icon-external-link.js";
74
+ import { FhiIconEyeOff as Rt, FhiIconEyeOffSelector as zt } from "./fhi-icon-eye-off.js";
75
+ import { FhiIconEye as Bt, FhiIconEyeSelector as Vt } from "./fhi-icon-eye.js";
76
+ import { FhiIconFileText as Ht, FhiIconFileTextSelector as Ut } from "./fhi-icon-file-text.js";
77
+ import { FhiIconFile as Wt, FhiIconFileSelector as Gt } from "./fhi-icon-file.js";
78
+ import { FhiIconFilter as Kt, FhiIconFilterSelector as qt } from "./fhi-icon-filter.js";
79
+ import { FhiIconFolder as Jt, FhiIconFolderSelector as Yt } from "./fhi-icon-folder.js";
80
+ import { FhiIconGear as Xt, FhiIconGearSelector as Zt } from "./fhi-icon-gear.js";
81
+ import { FhiIconGrid9Dots as Qt, FhiIconGrid9DotsSelector as $t } from "./fhi-icon-grid-9-dots.js";
82
+ import { FhiIconGripHorizontal as en, FhiIconGripHorizontalSelector as tn } from "./fhi-icon-grip-horizontal.js";
83
+ import { FhiIconGripVertical as nn, FhiIconGripVerticalSelector as rn } from "./fhi-icon-grip-vertical.js";
84
+ import { FhiIconHistory as an, FhiIconHistorySelector as on } from "./fhi-icon-history.js";
85
+ import { FhiIconInfo as sn, FhiIconInfoSelector as cn } from "./fhi-icon-info.js";
86
+ import { FhiIconLink2Off as ln, FhiIconLink2OffSelector as un } from "./fhi-icon-link-2-off.js";
87
+ import { FhiIconLink2 as dn, FhiIconLink2Selector as fn } from "./fhi-icon-link-2.js";
88
+ import { FhiIconLink as pn, FhiIconLinkSelector as mn } from "./fhi-icon-link.js";
89
+ import { FhiIconLockOpen as hn, FhiIconLockOpenSelector as gn } from "./fhi-icon-lock-open.js";
90
+ import { FhiIconLock as _n, FhiIconLockSelector as vn } from "./fhi-icon-lock.js";
91
+ import { FhiIconLogIn as yn, FhiIconLogInSelector as bn } from "./fhi-icon-log-in.js";
92
+ import { FhiIconLogOut as xn, FhiIconLogOutSelector as Sn } from "./fhi-icon-log-out.js";
93
+ import { FhiIconMail as Cn, FhiIconMailSelector as wn } from "./fhi-icon-mail.js";
94
+ import { FhiIconMapPin as Tn, FhiIconMapPinSelector as En } from "./fhi-icon-map-pin.js";
95
+ import { FhiIconMenu as Dn, FhiIconMenuSelector as On } from "./fhi-icon-menu.js";
96
+ import { FhiIconMessage as kn, FhiIconMessageSelector as An } from "./fhi-icon-message.js";
97
+ import { FhiIconMinus as jn, FhiIconMinusSelector as Mn } from "./fhi-icon-minus.js";
98
+ import { FhiIconOctagonAlert as Nn, FhiIconOctagonAlertSelector as Pn } from "./fhi-icon-octagon-alert.js";
99
+ import { FhiIconPaperclip as Fn, FhiIconPaperclipSelector as In } from "./fhi-icon-paperclip.js";
100
+ import { FhiIconPencil as Ln, FhiIconPencilSelector as Rn } from "./fhi-icon-pencil.js";
101
+ import { FhiIconPhone as zn, FhiIconPhoneSelector as Bn } from "./fhi-icon-phone.js";
102
+ import { FhiIconPinOff as Vn, FhiIconPinOffSelector as Hn } from "./fhi-icon-pin-off.js";
103
+ import { FhiIconPin as Un, FhiIconPinSelector as Wn } from "./fhi-icon-pin.js";
104
+ import { FhiIconPlus as Gn, FhiIconPlusSelector as Kn } from "./fhi-icon-plus.js";
105
+ import { FhiIconPrinter as qn, FhiIconPrinterSelector as Jn } from "./fhi-icon-printer.js";
106
+ import { FhiIconQuestion as Yn, FhiIconQuestionSelector as Xn } from "./fhi-icon-question.js";
107
+ import { FhiIconRefresh as Zn, FhiIconRefreshSelector as Qn } from "./fhi-icon-refresh.js";
108
+ import { FhiIconRotateLeft as $n, FhiIconRotateLeftSelector as er } from "./fhi-icon-rotate-left.js";
109
+ import { FhiIconRotateRight as tr, FhiIconRotateRightSelector as nr } from "./fhi-icon-rotate-right.js";
110
+ import { FhiIconSearch as rr, FhiIconSearchSelector as ir } from "./fhi-icon-search.js";
111
+ import { FhiIconSend as ar, FhiIconSendSelector as or } from "./fhi-icon-send.js";
112
+ import { FhiIconShare as sr, FhiIconShareSelector as cr } from "./fhi-icon-share.js";
113
+ import { FhiIconSheet as lr, FhiIconSheetSelector as ur } from "./fhi-icon-sheet.js";
114
+ import { FhiIconSquareCheckBig as dr, FhiIconSquareCheckBigSelector as fr } from "./fhi-icon-square-check-big.js";
115
+ import { FhiIconSquareCheck as pr, FhiIconSquareCheckSelector as mr } from "./fhi-icon-square-check.js";
116
+ import { FhiIconSquarePen as hr, FhiIconSquarePenSelector as gr } from "./fhi-icon-square-pen.js";
117
+ import { FhiIconSquareX as _r, FhiIconSquareXSelector as vr } from "./fhi-icon-square-x.js";
118
+ import { FhiIconSquare as yr, FhiIconSquareSelector as br } from "./fhi-icon-square.js";
119
+ import { FhiIconTrash as xr, FhiIconTrashSelector as Sr } from "./fhi-icon-trash.js";
120
+ import { FhiIconTriangleAlert as Cr, FhiIconTriangleAlertSelector as wr } from "./fhi-icon-triangle-alert.js";
121
+ import { FhiIconUpload as Tr, FhiIconUploadSelector as Er } from "./fhi-icon-upload.js";
122
+ import { FhiIconUser as Dr, FhiIconUserSelector as Or } from "./fhi-icon-user.js";
123
+ import { FhiDataTable as kr, FhiDataTableSelector as Ar } from "./fhi-data-table.js";
124
+ import { FhiDataTableCell as jr, FhiDataTableCellSelector as Mr } from "./fhi-data-table-cell.js";
125
+ import { FhiDataTableRow as Nr, FhiDataTableRowSelector as Pr } from "./fhi-data-table-row.js";
126
+ import { FhiSegmentedControlItem as Fr, FhiSegmentedControlItemSelector as Ir } from "./fhi-segmented-control-item.js";
127
+ import { FhiSegmentedControl as Lr, FhiSegmentedControlSelector as Rr } from "./fhi-segmented-control.js";
128
+ import { FhiSelect as zr, FhiSelectSelector as Br } from "./fhi-select.js";
129
+ import { FhiSelectItem as Vr, FhiSelectItemSelector as Hr } from "./fhi-select-item.js";
130
+ import { FhiDisplay as Ur, FhiDisplaySelector as Wr } from "./fhi-display.js";
131
+ export { i as FhiBody, a as FhiBodySelector, e as FhiButton, t as FhiButtonSelector, o as FhiCallout, s as FhiCalloutSelector, c as FhiCheckbox, l as FhiCheckboxSelector, m as FhiChip, h as FhiChipSelector, kr as FhiDataTable, jr as FhiDataTableCell, Mr as FhiDataTableCellSelector, Nr as FhiDataTableRow, Pr as FhiDataTableRowSelector, Ar as FhiDataTableSelector, y as FhiDateInput, v as FhiDateInputSelector, Ur as FhiDisplay, Wr as FhiDisplaySelector, b as FhiFlex, x as FhiFlexSelector, S as FhiGrid, C as FhiGridSelector, E as FhiHeadline, D as FhiHeadlineSelector, W as FhiIconArrowDown, B as FhiIconArrowDownLeft, V as FhiIconArrowDownLeftSelector, H as FhiIconArrowDownRight, U as FhiIconArrowDownRightSelector, G as FhiIconArrowDownSelector, K as FhiIconArrowLeft, q as FhiIconArrowLeftSelector, X as FhiIconArrowRight, J as FhiIconArrowRightLeft, Y as FhiIconArrowRightLeftSelector, Z as FhiIconArrowRightSelector, ie as FhiIconArrowUp, Q as FhiIconArrowUpDown, $ as FhiIconArrowUpDownSelector, ee as FhiIconArrowUpLeft, te as FhiIconArrowUpLeftSelector, ne as FhiIconArrowUpRight, re as FhiIconArrowUpRightSelector, ae as FhiIconArrowUpSelector, oe as FhiIconBell, se as FhiIconBellSelector, g as FhiIconCalendar, ce as FhiIconCalendarClock, le as FhiIconCalendarClockSelector, _ as FhiIconCalendarSelector, fe as FhiIconChartBar, pe as FhiIconChartBarSelector, ue as FhiIconChartBarStacked, de as FhiIconChartBarStackedSelector, ge as FhiIconChartColumn, _e as FhiIconChartColumnSelector, me as FhiIconChartColumnStacked, he as FhiIconChartColumnStackedSelector, ve as FhiIconChartLine, ye as FhiIconChartLineSelector, be as FhiIconChartNoAxesCombined, xe as FhiIconChartNoAxesCombinedSelector, Se as FhiIconChartPie, Ce as FhiIconChartPieSelector, we as FhiIconCheck, Te as FhiIconCheckSelector, Ee as FhiIconChevronDown, De as FhiIconChevronDownSelector, Oe as FhiIconChevronLeft, ke as FhiIconChevronLeftSelector, Ae as FhiIconChevronRight, je as FhiIconChevronRightSelector, Me as FhiIconChevronUp, Ne as FhiIconChevronUpSelector, Pe as FhiIconChevronsDown, Fe as FhiIconChevronsDownSelector, Ie as FhiIconChevronsLeft, Le as FhiIconChevronsLeftSelector, Re as FhiIconChevronsRight, ze as FhiIconChevronsRightSelector, Be as FhiIconChevronsUp, Ve as FhiIconChevronsUpSelector, bt as FhiIconCircle, He as FhiIconCircleArrowDown, Ue as FhiIconCircleArrowDownSelector, We as FhiIconCircleArrowLeft, Ge as FhiIconCircleArrowLeftSelector, Ke as FhiIconCircleArrowRight, qe as FhiIconCircleArrowRightSelector, Je as FhiIconCircleArrowUp, Ye as FhiIconCircleArrowUpSelector, Qe as FhiIconCircleCheck, Xe as FhiIconCircleCheckBig, Ze as FhiIconCircleCheckBigSelector, $e as FhiIconCircleCheckSelector, et as FhiIconCircleChevronDown, tt as FhiIconCircleChevronDownSelector, nt as FhiIconCircleChevronLeft, rt as FhiIconCircleChevronLeftSelector, it as FhiIconCircleChevronRight, at as FhiIconCircleChevronRightSelector, ot as FhiIconCircleChevronUp, st as FhiIconCircleChevronUpSelector, ct as FhiIconCircleExclamation, lt as FhiIconCircleExclamationSelector, ut as FhiIconCircleInfo, dt as FhiIconCircleInfoSelector, ft as FhiIconCircleMinus, pt as FhiIconCircleMinusSelector, mt as FhiIconCirclePlus, ht as FhiIconCirclePlusSelector, gt as FhiIconCircleQuestion, _t as FhiIconCircleQuestionSelector, xt as FhiIconCircleSelector, vt as FhiIconCircleX, yt as FhiIconCircleXSelector, St as FhiIconClock, Ct as FhiIconClockSelector, wt as FhiIconCopy, Tt as FhiIconCopySelector, Et as FhiIconDownload, Dt as FhiIconDownloadSelector, At as FhiIconEllipsis, jt as FhiIconEllipsisSelector, Ot as FhiIconEllipsisVertical, kt as FhiIconEllipsisVerticalSelector, Mt as FhiIconExclamation, Nt as FhiIconExclamationSelector, Pt as FhiIconExpand, Ft as FhiIconExpandSelector, It as FhiIconExternalLink, Lt as FhiIconExternalLinkSelector, Bt as FhiIconEye, Rt as FhiIconEyeOff, zt as FhiIconEyeOffSelector, Vt as FhiIconEyeSelector, Wt as FhiIconFile, Gt as FhiIconFileSelector, Ht as FhiIconFileText, Ut as FhiIconFileTextSelector, Kt as FhiIconFilter, qt as FhiIconFilterSelector, Jt as FhiIconFolder, Yt as FhiIconFolderSelector, Xt as FhiIconGear, Zt as FhiIconGearSelector, Qt as FhiIconGrid9Dots, $t as FhiIconGrid9DotsSelector, en as FhiIconGripHorizontal, tn as FhiIconGripHorizontalSelector, nn as FhiIconGripVertical, rn as FhiIconGripVerticalSelector, an as FhiIconHistory, on as FhiIconHistorySelector, sn as FhiIconInfo, cn as FhiIconInfoSelector, pn as FhiIconLink, dn as FhiIconLink2, ln as FhiIconLink2Off, un as FhiIconLink2OffSelector, fn as FhiIconLink2Selector, mn as FhiIconLinkSelector, _n as FhiIconLock, hn as FhiIconLockOpen, gn as FhiIconLockOpenSelector, vn as FhiIconLockSelector, yn as FhiIconLogIn, bn as FhiIconLogInSelector, xn as FhiIconLogOut, Sn as FhiIconLogOutSelector, Cn as FhiIconMail, wn as FhiIconMailSelector, Tn as FhiIconMapPin, En as FhiIconMapPinSelector, Dn as FhiIconMenu, On as FhiIconMenuSelector, kn as FhiIconMessage, An as FhiIconMessageSelector, jn as FhiIconMinus, Mn as FhiIconMinusSelector, Nn as FhiIconOctagonAlert, Pn as FhiIconOctagonAlertSelector, Fn as FhiIconPaperclip, In as FhiIconPaperclipSelector, Ln as FhiIconPencil, Rn as FhiIconPencilSelector, zn as FhiIconPhone, Bn as FhiIconPhoneSelector, Un as FhiIconPin, Vn as FhiIconPinOff, Hn as FhiIconPinOffSelector, Wn as FhiIconPinSelector, Gn as FhiIconPlus, Kn as FhiIconPlusSelector, qn as FhiIconPrinter, Jn as FhiIconPrinterSelector, Yn as FhiIconQuestion, Xn as FhiIconQuestionSelector, Zn as FhiIconRefresh, Qn as FhiIconRefreshSelector, $n as FhiIconRotateLeft, er as FhiIconRotateLeftSelector, tr as FhiIconRotateRight, nr as FhiIconRotateRightSelector, rr as FhiIconSearch, ir as FhiIconSearchSelector, ar as FhiIconSend, or as FhiIconSendSelector, sr as FhiIconShare, cr as FhiIconShareSelector, lr as FhiIconSheet, ur as FhiIconSheetSelector, yr as FhiIconSquare, pr as FhiIconSquareCheck, dr as FhiIconSquareCheckBig, fr as FhiIconSquareCheckBigSelector, mr as FhiIconSquareCheckSelector, hr as FhiIconSquarePen, gr as FhiIconSquarePenSelector, br as FhiIconSquareSelector, _r as FhiIconSquareX, vr as FhiIconSquareXSelector, xr as FhiIconTrash, Sr as FhiIconTrashSelector, Cr as FhiIconTriangleAlert, wr as FhiIconTriangleAlertSelector, Tr as FhiIconUpload, Er as FhiIconUploadSelector, Dr as FhiIconUser, Or as FhiIconUserSelector, f as FhiIconX, p as FhiIconXSelector, u as FhiLabel, d as FhiLabelSelector, w as FhiLink, T as FhiLinkSelector, O as FhiModalDialog, k as FhiModalDialogSelector, A as FhiRadio, j as FhiRadioSelector, Lr as FhiSegmentedControl, Fr as FhiSegmentedControlItem, Ir as FhiSegmentedControlItemSelector, Rr as FhiSegmentedControlSelector, zr as FhiSelect, Vr as FhiSelectItem, Hr as FhiSelectItemSelector, Br as FhiSelectSelector, M as FhiTag, N as FhiTagSelector, P as FhiTextArea, F as FhiTextAreaSelector, I as FhiTextInput, L as FhiTextInputSelector, n as FhiTitle, r as FhiTitleSelector, z as FhiTooltip, R as FhiTooltipSelector };
package/package.json CHANGED
@@ -1 +1 @@
1
- {"title":"FHI Designsystem","author":"FHI Designsystem team","name":"@folkehelseinstituttet/designsystem","version":"0.47.2","description":"The official design system for the Norwegian Institute of Public Health implemented as web components","keywords":["fhi","folkehelseinstituttet","components","design","system","framework","frontend","web-component","web component","ui"],"customElements":".temp/custom-elements.json","web-types":"./web-types.json","homepage":"https://github.com/FHIDev/Fhi.Designsystem","bugs":{"url":"https://github.com/FHIDev/Fhi.Designsystem/issues"},"repository":{"type":"git","url":"git+https://github.com/FHIDev/Fhi.Designsystem.git"},"license":"MIT","browserslist":["> 0.5%","last 2 versions"],"main":"index.js","type":"module","scripts":{"dev":"vite","build":"pnpm analyze && pnpm build:cdn && pnpm build:npm && pnpm build:github && pnpm clean","build:cdn":"tsc && cross-env DEPLOY_TARGET=cdn vite build","build:npm":"tsc && cross-env DEPLOY_TARGET=npm vite build","build:github":"tsc && cross-env DEPLOY_TARGET=github vite build","storybook":"storybook dev -p 6006","storybook:build":"pnpm analyze && storybook build","generate:icons":"node ./scripts/generate-icon-components.js --input ./src/assets/icons/ --output ./src/components/icons --clean-output-folder","test":"wtr ./**/*.test.ts --node-resolve --playwright --browsers chromium webkit","lint":"pnpm lint:eslint && pnpm lint:prettier","lint:eslint":"eslint \"**/*.{js,ts}\"","lint:prettier":"prettier \"**/*.js\" --check --ignore-path .gitignore","format":"pnpm format:eslint && pnpm format:prettier","format:eslint":"eslint \"**/*.{js,ts}\" --fix","format:prettier":"prettier \"**/*.js\" --write --ignore-path .gitignore","publish:npm":"pnpm build && cd dist/npm && npm publish","changelog:ci":"release-it --ci","analyze":"cem analyze --litelement","clean":"rimraf .temp","build-storybook":"storybook build"},"peerDependencies":{"lit":"~3.2.0"},"devDependencies":{"@custom-elements-manifest/analyzer":"^0.11.0","@esm-bundle/chai":"4.3.4-fix.0","@open-wc/testing":"~4.0.0","@playwright/test":"^1.61.0","@release-it/conventional-changelog":"~11.0.1","@storybook/addon-docs":"^10.4.6","@storybook/web-components-vite":"^10.4.6","@types/mocha":"~10.0.10","@types/node":"~26.0.0","@types/react":"^19.2.17","@wc-toolkit/cem-sorter":"^1.0.1","@wc-toolkit/type-parser":"^1.2.1","@web/dev-server":"~0.4.6","@web/dev-server-esbuild":"~1.0.5","@web/test-runner":"~0.20.2","@web/test-runner-playwright":"~0.11.1","cross-env":"10.1.0","custom-element-jet-brains-integration":"^1.7.0","lit":"~3.3.3","mocha":"~11.7.6","playwright":"^1.61.0","release-it":"~20.2.0","rimraf":"^6.1.3","storybook":"^10.4.6","storybook-design-token":"^5.0.0","svgo":"^4.0.1","vite":"~8.0.16","vite-plugin-static-copy":"~4.1.1"},"dependencies":{"@floating-ui/dom":"^1.7.6"},"pnpm":{"overrides":{"diff@>=6.0.0 <8.0.3":">=8.0.3","serialize-javascript@<=7.0.2":">=7.0.3","yaml@>=2.0.0 <2.8.3":">=2.8.3","serialize-javascript@>=5.0.0 <7.0.5":">=7.0.5","esbuild@>=0.27.3 <0.28.1":">=0.28.1","undici@>=7.23.0 <7.28.0":">=7.28.0","undici@>=7.0.0 <7.28.0":">=7.28.0"}},"exports":{"./fhi-button":{"default":"./fhi-button.js","types":"./fhi-button.d.ts"},"./fhi-callout":{"default":"./fhi-callout.js","types":"./fhi-callout.d.ts"},"./fhi-checkbox":{"default":"./fhi-checkbox.js","types":"./fhi-checkbox.d.ts"},"./fhi-date-input":{"default":"./fhi-date-input.js","types":"./fhi-date-input.d.ts"},"./fhi-flex":{"default":"./fhi-flex.js","types":"./fhi-flex.d.ts"},"./fhi-grid":{"default":"./fhi-grid.js","types":"./fhi-grid.d.ts"},"./fhi-link":{"default":"./fhi-link.js","types":"./fhi-link.d.ts"},"./fhi-modal-dialog":{"default":"./fhi-modal-dialog.js","types":"./fhi-modal-dialog.d.ts"},"./fhi-radio":{"default":"./fhi-radio.js","types":"./fhi-radio.d.ts"},"./fhi-tag":{"default":"./fhi-tag.js","types":"./fhi-tag.d.ts"},"./fhi-text-area":{"default":"./fhi-text-area.js","types":"./fhi-text-area.d.ts"},"./fhi-text-input":{"default":"./fhi-text-input.js","types":"./fhi-text-input.d.ts"},"./fhi-tooltip":{"default":"./fhi-tooltip.js","types":"./fhi-tooltip.d.ts"},"./fhi-icon-arrow-down-left":{"default":"./fhi-icon-arrow-down-left.js","types":"./fhi-icon-arrow-down-left.d.ts"},"./fhi-icon-arrow-down-right":{"default":"./fhi-icon-arrow-down-right.js","types":"./fhi-icon-arrow-down-right.d.ts"},"./fhi-icon-arrow-down":{"default":"./fhi-icon-arrow-down.js","types":"./fhi-icon-arrow-down.d.ts"},"./fhi-icon-arrow-left":{"default":"./fhi-icon-arrow-left.js","types":"./fhi-icon-arrow-left.d.ts"},"./fhi-icon-arrow-right-left":{"default":"./fhi-icon-arrow-right-left.js","types":"./fhi-icon-arrow-right-left.d.ts"},"./fhi-icon-arrow-right":{"default":"./fhi-icon-arrow-right.js","types":"./fhi-icon-arrow-right.d.ts"},"./fhi-icon-arrow-up-down":{"default":"./fhi-icon-arrow-up-down.js","types":"./fhi-icon-arrow-up-down.d.ts"},"./fhi-icon-arrow-up-left":{"default":"./fhi-icon-arrow-up-left.js","types":"./fhi-icon-arrow-up-left.d.ts"},"./fhi-icon-arrow-up-right":{"default":"./fhi-icon-arrow-up-right.js","types":"./fhi-icon-arrow-up-right.d.ts"},"./fhi-icon-arrow-up":{"default":"./fhi-icon-arrow-up.js","types":"./fhi-icon-arrow-up.d.ts"},"./fhi-icon-bell":{"default":"./fhi-icon-bell.js","types":"./fhi-icon-bell.d.ts"},"./fhi-icon-calendar-clock":{"default":"./fhi-icon-calendar-clock.js","types":"./fhi-icon-calendar-clock.d.ts"},"./fhi-icon-calendar":{"default":"./fhi-icon-calendar.js","types":"./fhi-icon-calendar.d.ts"},"./fhi-icon-chart-bar-stacked":{"default":"./fhi-icon-chart-bar-stacked.js","types":"./fhi-icon-chart-bar-stacked.d.ts"},"./fhi-icon-chart-bar":{"default":"./fhi-icon-chart-bar.js","types":"./fhi-icon-chart-bar.d.ts"},"./fhi-icon-chart-column-stacked":{"default":"./fhi-icon-chart-column-stacked.js","types":"./fhi-icon-chart-column-stacked.d.ts"},"./fhi-icon-chart-column":{"default":"./fhi-icon-chart-column.js","types":"./fhi-icon-chart-column.d.ts"},"./fhi-icon-chart-line":{"default":"./fhi-icon-chart-line.js","types":"./fhi-icon-chart-line.d.ts"},"./fhi-icon-chart-no-axes-combined":{"default":"./fhi-icon-chart-no-axes-combined.js","types":"./fhi-icon-chart-no-axes-combined.d.ts"},"./fhi-icon-chart-pie":{"default":"./fhi-icon-chart-pie.js","types":"./fhi-icon-chart-pie.d.ts"},"./fhi-icon-check":{"default":"./fhi-icon-check.js","types":"./fhi-icon-check.d.ts"},"./fhi-icon-chevron-down":{"default":"./fhi-icon-chevron-down.js","types":"./fhi-icon-chevron-down.d.ts"},"./fhi-icon-chevron-left":{"default":"./fhi-icon-chevron-left.js","types":"./fhi-icon-chevron-left.d.ts"},"./fhi-icon-chevron-right":{"default":"./fhi-icon-chevron-right.js","types":"./fhi-icon-chevron-right.d.ts"},"./fhi-icon-chevron-up":{"default":"./fhi-icon-chevron-up.js","types":"./fhi-icon-chevron-up.d.ts"},"./fhi-icon-chevrons-down":{"default":"./fhi-icon-chevrons-down.js","types":"./fhi-icon-chevrons-down.d.ts"},"./fhi-icon-chevrons-left":{"default":"./fhi-icon-chevrons-left.js","types":"./fhi-icon-chevrons-left.d.ts"},"./fhi-icon-chevrons-right":{"default":"./fhi-icon-chevrons-right.js","types":"./fhi-icon-chevrons-right.d.ts"},"./fhi-icon-chevrons-up":{"default":"./fhi-icon-chevrons-up.js","types":"./fhi-icon-chevrons-up.d.ts"},"./fhi-icon-circle-arrow-down":{"default":"./fhi-icon-circle-arrow-down.js","types":"./fhi-icon-circle-arrow-down.d.ts"},"./fhi-icon-circle-arrow-left":{"default":"./fhi-icon-circle-arrow-left.js","types":"./fhi-icon-circle-arrow-left.d.ts"},"./fhi-icon-circle-arrow-right":{"default":"./fhi-icon-circle-arrow-right.js","types":"./fhi-icon-circle-arrow-right.d.ts"},"./fhi-icon-circle-arrow-up":{"default":"./fhi-icon-circle-arrow-up.js","types":"./fhi-icon-circle-arrow-up.d.ts"},"./fhi-icon-circle-check-big":{"default":"./fhi-icon-circle-check-big.js","types":"./fhi-icon-circle-check-big.d.ts"},"./fhi-icon-circle-check":{"default":"./fhi-icon-circle-check.js","types":"./fhi-icon-circle-check.d.ts"},"./fhi-icon-circle-chevron-down":{"default":"./fhi-icon-circle-chevron-down.js","types":"./fhi-icon-circle-chevron-down.d.ts"},"./fhi-icon-circle-chevron-left":{"default":"./fhi-icon-circle-chevron-left.js","types":"./fhi-icon-circle-chevron-left.d.ts"},"./fhi-icon-circle-chevron-right":{"default":"./fhi-icon-circle-chevron-right.js","types":"./fhi-icon-circle-chevron-right.d.ts"},"./fhi-icon-circle-chevron-up":{"default":"./fhi-icon-circle-chevron-up.js","types":"./fhi-icon-circle-chevron-up.d.ts"},"./fhi-icon-circle-exclamation":{"default":"./fhi-icon-circle-exclamation.js","types":"./fhi-icon-circle-exclamation.d.ts"},"./fhi-icon-circle-info":{"default":"./fhi-icon-circle-info.js","types":"./fhi-icon-circle-info.d.ts"},"./fhi-icon-circle-minus":{"default":"./fhi-icon-circle-minus.js","types":"./fhi-icon-circle-minus.d.ts"},"./fhi-icon-circle-plus":{"default":"./fhi-icon-circle-plus.js","types":"./fhi-icon-circle-plus.d.ts"},"./fhi-icon-circle-question":{"default":"./fhi-icon-circle-question.js","types":"./fhi-icon-circle-question.d.ts"},"./fhi-icon-circle-x":{"default":"./fhi-icon-circle-x.js","types":"./fhi-icon-circle-x.d.ts"},"./fhi-icon-circle":{"default":"./fhi-icon-circle.js","types":"./fhi-icon-circle.d.ts"},"./fhi-icon-clock":{"default":"./fhi-icon-clock.js","types":"./fhi-icon-clock.d.ts"},"./fhi-icon-copy":{"default":"./fhi-icon-copy.js","types":"./fhi-icon-copy.d.ts"},"./fhi-icon-download":{"default":"./fhi-icon-download.js","types":"./fhi-icon-download.d.ts"},"./fhi-icon-ellipsis-vertical":{"default":"./fhi-icon-ellipsis-vertical.js","types":"./fhi-icon-ellipsis-vertical.d.ts"},"./fhi-icon-ellipsis":{"default":"./fhi-icon-ellipsis.js","types":"./fhi-icon-ellipsis.d.ts"},"./fhi-icon-exclamation":{"default":"./fhi-icon-exclamation.js","types":"./fhi-icon-exclamation.d.ts"},"./fhi-icon-expand":{"default":"./fhi-icon-expand.js","types":"./fhi-icon-expand.d.ts"},"./fhi-icon-external-link":{"default":"./fhi-icon-external-link.js","types":"./fhi-icon-external-link.d.ts"},"./fhi-icon-eye-off":{"default":"./fhi-icon-eye-off.js","types":"./fhi-icon-eye-off.d.ts"},"./fhi-icon-eye":{"default":"./fhi-icon-eye.js","types":"./fhi-icon-eye.d.ts"},"./fhi-icon-file-text":{"default":"./fhi-icon-file-text.js","types":"./fhi-icon-file-text.d.ts"},"./fhi-icon-file":{"default":"./fhi-icon-file.js","types":"./fhi-icon-file.d.ts"},"./fhi-icon-filter":{"default":"./fhi-icon-filter.js","types":"./fhi-icon-filter.d.ts"},"./fhi-icon-folder":{"default":"./fhi-icon-folder.js","types":"./fhi-icon-folder.d.ts"},"./fhi-icon-gear":{"default":"./fhi-icon-gear.js","types":"./fhi-icon-gear.d.ts"},"./fhi-icon-grid-9-dots":{"default":"./fhi-icon-grid-9-dots.js","types":"./fhi-icon-grid-9-dots.d.ts"},"./fhi-icon-grip-horizontal":{"default":"./fhi-icon-grip-horizontal.js","types":"./fhi-icon-grip-horizontal.d.ts"},"./fhi-icon-grip-vertical":{"default":"./fhi-icon-grip-vertical.js","types":"./fhi-icon-grip-vertical.d.ts"},"./fhi-icon-history":{"default":"./fhi-icon-history.js","types":"./fhi-icon-history.d.ts"},"./fhi-icon-info":{"default":"./fhi-icon-info.js","types":"./fhi-icon-info.d.ts"},"./fhi-icon-link-2-off":{"default":"./fhi-icon-link-2-off.js","types":"./fhi-icon-link-2-off.d.ts"},"./fhi-icon-link-2":{"default":"./fhi-icon-link-2.js","types":"./fhi-icon-link-2.d.ts"},"./fhi-icon-link":{"default":"./fhi-icon-link.js","types":"./fhi-icon-link.d.ts"},"./fhi-icon-lock-open":{"default":"./fhi-icon-lock-open.js","types":"./fhi-icon-lock-open.d.ts"},"./fhi-icon-lock":{"default":"./fhi-icon-lock.js","types":"./fhi-icon-lock.d.ts"},"./fhi-icon-log-in":{"default":"./fhi-icon-log-in.js","types":"./fhi-icon-log-in.d.ts"},"./fhi-icon-log-out":{"default":"./fhi-icon-log-out.js","types":"./fhi-icon-log-out.d.ts"},"./fhi-icon-mail":{"default":"./fhi-icon-mail.js","types":"./fhi-icon-mail.d.ts"},"./fhi-icon-map-pin":{"default":"./fhi-icon-map-pin.js","types":"./fhi-icon-map-pin.d.ts"},"./fhi-icon-menu":{"default":"./fhi-icon-menu.js","types":"./fhi-icon-menu.d.ts"},"./fhi-icon-message":{"default":"./fhi-icon-message.js","types":"./fhi-icon-message.d.ts"},"./fhi-icon-minus":{"default":"./fhi-icon-minus.js","types":"./fhi-icon-minus.d.ts"},"./fhi-icon-octagon-alert":{"default":"./fhi-icon-octagon-alert.js","types":"./fhi-icon-octagon-alert.d.ts"},"./fhi-icon-paperclip":{"default":"./fhi-icon-paperclip.js","types":"./fhi-icon-paperclip.d.ts"},"./fhi-icon-pencil":{"default":"./fhi-icon-pencil.js","types":"./fhi-icon-pencil.d.ts"},"./fhi-icon-phone":{"default":"./fhi-icon-phone.js","types":"./fhi-icon-phone.d.ts"},"./fhi-icon-pin-off":{"default":"./fhi-icon-pin-off.js","types":"./fhi-icon-pin-off.d.ts"},"./fhi-icon-pin":{"default":"./fhi-icon-pin.js","types":"./fhi-icon-pin.d.ts"},"./fhi-icon-plus":{"default":"./fhi-icon-plus.js","types":"./fhi-icon-plus.d.ts"},"./fhi-icon-printer":{"default":"./fhi-icon-printer.js","types":"./fhi-icon-printer.d.ts"},"./fhi-icon-question":{"default":"./fhi-icon-question.js","types":"./fhi-icon-question.d.ts"},"./fhi-icon-refresh":{"default":"./fhi-icon-refresh.js","types":"./fhi-icon-refresh.d.ts"},"./fhi-icon-rotate-left":{"default":"./fhi-icon-rotate-left.js","types":"./fhi-icon-rotate-left.d.ts"},"./fhi-icon-rotate-right":{"default":"./fhi-icon-rotate-right.js","types":"./fhi-icon-rotate-right.d.ts"},"./fhi-icon-search":{"default":"./fhi-icon-search.js","types":"./fhi-icon-search.d.ts"},"./fhi-icon-send":{"default":"./fhi-icon-send.js","types":"./fhi-icon-send.d.ts"},"./fhi-icon-share":{"default":"./fhi-icon-share.js","types":"./fhi-icon-share.d.ts"},"./fhi-icon-sheet":{"default":"./fhi-icon-sheet.js","types":"./fhi-icon-sheet.d.ts"},"./fhi-icon-square-check-big":{"default":"./fhi-icon-square-check-big.js","types":"./fhi-icon-square-check-big.d.ts"},"./fhi-icon-square-check":{"default":"./fhi-icon-square-check.js","types":"./fhi-icon-square-check.d.ts"},"./fhi-icon-square-pen":{"default":"./fhi-icon-square-pen.js","types":"./fhi-icon-square-pen.d.ts"},"./fhi-icon-square-x":{"default":"./fhi-icon-square-x.js","types":"./fhi-icon-square-x.d.ts"},"./fhi-icon-square":{"default":"./fhi-icon-square.js","types":"./fhi-icon-square.d.ts"},"./fhi-icon-trash":{"default":"./fhi-icon-trash.js","types":"./fhi-icon-trash.d.ts"},"./fhi-icon-triangle-alert":{"default":"./fhi-icon-triangle-alert.js","types":"./fhi-icon-triangle-alert.d.ts"},"./fhi-icon-upload":{"default":"./fhi-icon-upload.js","types":"./fhi-icon-upload.d.ts"},"./fhi-icon-user":{"default":"./fhi-icon-user.js","types":"./fhi-icon-user.d.ts"},"./fhi-icon-x":{"default":"./fhi-icon-x.js","types":"./fhi-icon-x.d.ts"},"./fhi-data-table":{"default":"./fhi-data-table.js","types":"./fhi-data-table.d.ts"},"./fhi-data-table-cell":{"default":"./fhi-data-table-cell.js","types":"./fhi-data-table-cell.d.ts"},"./fhi-data-table-row":{"default":"./fhi-data-table-row.js","types":"./fhi-data-table-row.d.ts"},"./fhi-segmented-control":{"default":"./fhi-segmented-control.js","types":"./fhi-segmented-control.d.ts"},"./fhi-segmented-control-item":{"default":"./fhi-segmented-control-item.js","types":"./fhi-segmented-control-item.d.ts"},"./fhi-select":{"default":"./fhi-select.js","types":"./fhi-select.d.ts"},"./fhi-select-item":{"default":"./fhi-select-item.js","types":"./fhi-select-item.d.ts"},"./fhi-body":{"default":"./fhi-body.js","types":"./fhi-body.d.ts"},"./fhi-display":{"default":"./fhi-display.js","types":"./fhi-display.d.ts"},"./fhi-headline":{"default":"./fhi-headline.js","types":"./fhi-headline.d.ts"},"./fhi-label":{"default":"./fhi-label.js","types":"./fhi-label.d.ts"},"./fhi-title":{"default":"./fhi-title.js","types":"./fhi-title.d.ts"},".":{"default":"./index.js"},"./theme/default.css":{"default":"./theme/default.css","style":"./theme/default.css"},"./custom-elements.json":{"default":"./custom-elements.json"}}}
1
+ {"title":"FHI Designsystem","author":"FHI Designsystem team","name":"@folkehelseinstituttet/designsystem","version":"0.48.0","description":"The official design system for the Norwegian Institute of Public Health implemented as web components","keywords":["fhi","folkehelseinstituttet","components","design","system","framework","frontend","web-component","web component","ui"],"customElements":".temp/custom-elements.json","web-types":"./web-types.json","homepage":"https://github.com/FHIDev/Fhi.Designsystem","bugs":{"url":"https://github.com/FHIDev/Fhi.Designsystem/issues"},"repository":{"type":"git","url":"git+https://github.com/FHIDev/Fhi.Designsystem.git"},"license":"MIT","browserslist":["> 0.5%","last 2 versions"],"main":"index.js","type":"module","scripts":{"dev":"vite","build":"pnpm analyze && pnpm build:cdn && pnpm build:npm && pnpm build:github && pnpm clean","build:cdn":"tsc && cross-env DEPLOY_TARGET=cdn vite build","build:npm":"tsc && cross-env DEPLOY_TARGET=npm vite build","build:github":"tsc && cross-env DEPLOY_TARGET=github vite build","storybook":"storybook dev -p 6006","storybook:build":"pnpm analyze && storybook build","generate:icons":"node ./scripts/generate-icon-components.js --input ./src/assets/icons/ --output ./src/components/icons --clean-output-folder","test":"wtr ./**/*.test.ts --node-resolve --playwright --browsers chromium webkit","lint":"pnpm lint:eslint && pnpm lint:prettier","lint:eslint":"eslint \"**/*.{js,ts}\"","lint:prettier":"prettier \"**/*.js\" --check --ignore-path .gitignore","format":"pnpm format:eslint && pnpm format:prettier","format:eslint":"eslint \"**/*.{js,ts}\" --fix","format:prettier":"prettier \"**/*.js\" --write --ignore-path .gitignore","publish:npm":"pnpm build && cd dist/npm && npm publish","changelog:ci":"release-it --ci","analyze":"cem analyze --litelement","clean":"rimraf .temp","build-storybook":"storybook build"},"peerDependencies":{"lit":"~3.2.0"},"devDependencies":{"@custom-elements-manifest/analyzer":"^0.11.0","@esm-bundle/chai":"4.3.4-fix.0","@open-wc/testing":"~4.0.0","@playwright/test":"^1.61.0","@release-it/conventional-changelog":"~11.0.1","@storybook/addon-docs":"^10.4.6","@storybook/web-components-vite":"^10.4.6","@types/mocha":"~10.0.10","@types/node":"~26.0.0","@types/react":"^19.2.17","@wc-toolkit/cem-sorter":"^1.0.1","@wc-toolkit/type-parser":"^1.2.1","@web/dev-server":"~0.4.6","@web/dev-server-esbuild":"~1.0.5","@web/test-runner":"~0.20.2","@web/test-runner-playwright":"~0.11.1","cross-env":"10.1.0","custom-element-jet-brains-integration":"^1.7.0","lit":"~3.3.3","mocha":"~11.7.6","playwright":"^1.61.0","release-it":"~20.2.0","rimraf":"^6.1.3","storybook":"^10.4.6","storybook-design-token":"^5.0.0","svgo":"^4.0.1","vite":"~8.0.16","vite-plugin-static-copy":"~4.1.1"},"dependencies":{"@floating-ui/dom":"^1.7.6"},"pnpm":{"overrides":{"diff@>=6.0.0 <8.0.3":">=8.0.3","serialize-javascript@<=7.0.2":">=7.0.3","yaml@>=2.0.0 <2.8.3":">=2.8.3","serialize-javascript@>=5.0.0 <7.0.5":">=7.0.5","esbuild@>=0.27.3 <0.28.1":">=0.28.1","undici@>=7.23.0 <7.28.0":">=7.28.0","undici@>=7.0.0 <7.28.0":">=7.28.0"}},"exports":{"./fhi-button":{"default":"./fhi-button.js","types":"./fhi-button.d.ts"},"./fhi-callout":{"default":"./fhi-callout.js","types":"./fhi-callout.d.ts"},"./fhi-checkbox":{"default":"./fhi-checkbox.js","types":"./fhi-checkbox.d.ts"},"./fhi-chip":{"default":"./fhi-chip.js","types":"./fhi-chip.d.ts"},"./fhi-date-input":{"default":"./fhi-date-input.js","types":"./fhi-date-input.d.ts"},"./fhi-flex":{"default":"./fhi-flex.js","types":"./fhi-flex.d.ts"},"./fhi-grid":{"default":"./fhi-grid.js","types":"./fhi-grid.d.ts"},"./fhi-link":{"default":"./fhi-link.js","types":"./fhi-link.d.ts"},"./fhi-modal-dialog":{"default":"./fhi-modal-dialog.js","types":"./fhi-modal-dialog.d.ts"},"./fhi-radio":{"default":"./fhi-radio.js","types":"./fhi-radio.d.ts"},"./fhi-tag":{"default":"./fhi-tag.js","types":"./fhi-tag.d.ts"},"./fhi-text-area":{"default":"./fhi-text-area.js","types":"./fhi-text-area.d.ts"},"./fhi-text-input":{"default":"./fhi-text-input.js","types":"./fhi-text-input.d.ts"},"./fhi-tooltip":{"default":"./fhi-tooltip.js","types":"./fhi-tooltip.d.ts"},"./fhi-icon-arrow-down-left":{"default":"./fhi-icon-arrow-down-left.js","types":"./fhi-icon-arrow-down-left.d.ts"},"./fhi-icon-arrow-down-right":{"default":"./fhi-icon-arrow-down-right.js","types":"./fhi-icon-arrow-down-right.d.ts"},"./fhi-icon-arrow-down":{"default":"./fhi-icon-arrow-down.js","types":"./fhi-icon-arrow-down.d.ts"},"./fhi-icon-arrow-left":{"default":"./fhi-icon-arrow-left.js","types":"./fhi-icon-arrow-left.d.ts"},"./fhi-icon-arrow-right-left":{"default":"./fhi-icon-arrow-right-left.js","types":"./fhi-icon-arrow-right-left.d.ts"},"./fhi-icon-arrow-right":{"default":"./fhi-icon-arrow-right.js","types":"./fhi-icon-arrow-right.d.ts"},"./fhi-icon-arrow-up-down":{"default":"./fhi-icon-arrow-up-down.js","types":"./fhi-icon-arrow-up-down.d.ts"},"./fhi-icon-arrow-up-left":{"default":"./fhi-icon-arrow-up-left.js","types":"./fhi-icon-arrow-up-left.d.ts"},"./fhi-icon-arrow-up-right":{"default":"./fhi-icon-arrow-up-right.js","types":"./fhi-icon-arrow-up-right.d.ts"},"./fhi-icon-arrow-up":{"default":"./fhi-icon-arrow-up.js","types":"./fhi-icon-arrow-up.d.ts"},"./fhi-icon-bell":{"default":"./fhi-icon-bell.js","types":"./fhi-icon-bell.d.ts"},"./fhi-icon-calendar-clock":{"default":"./fhi-icon-calendar-clock.js","types":"./fhi-icon-calendar-clock.d.ts"},"./fhi-icon-calendar":{"default":"./fhi-icon-calendar.js","types":"./fhi-icon-calendar.d.ts"},"./fhi-icon-chart-bar-stacked":{"default":"./fhi-icon-chart-bar-stacked.js","types":"./fhi-icon-chart-bar-stacked.d.ts"},"./fhi-icon-chart-bar":{"default":"./fhi-icon-chart-bar.js","types":"./fhi-icon-chart-bar.d.ts"},"./fhi-icon-chart-column-stacked":{"default":"./fhi-icon-chart-column-stacked.js","types":"./fhi-icon-chart-column-stacked.d.ts"},"./fhi-icon-chart-column":{"default":"./fhi-icon-chart-column.js","types":"./fhi-icon-chart-column.d.ts"},"./fhi-icon-chart-line":{"default":"./fhi-icon-chart-line.js","types":"./fhi-icon-chart-line.d.ts"},"./fhi-icon-chart-no-axes-combined":{"default":"./fhi-icon-chart-no-axes-combined.js","types":"./fhi-icon-chart-no-axes-combined.d.ts"},"./fhi-icon-chart-pie":{"default":"./fhi-icon-chart-pie.js","types":"./fhi-icon-chart-pie.d.ts"},"./fhi-icon-check":{"default":"./fhi-icon-check.js","types":"./fhi-icon-check.d.ts"},"./fhi-icon-chevron-down":{"default":"./fhi-icon-chevron-down.js","types":"./fhi-icon-chevron-down.d.ts"},"./fhi-icon-chevron-left":{"default":"./fhi-icon-chevron-left.js","types":"./fhi-icon-chevron-left.d.ts"},"./fhi-icon-chevron-right":{"default":"./fhi-icon-chevron-right.js","types":"./fhi-icon-chevron-right.d.ts"},"./fhi-icon-chevron-up":{"default":"./fhi-icon-chevron-up.js","types":"./fhi-icon-chevron-up.d.ts"},"./fhi-icon-chevrons-down":{"default":"./fhi-icon-chevrons-down.js","types":"./fhi-icon-chevrons-down.d.ts"},"./fhi-icon-chevrons-left":{"default":"./fhi-icon-chevrons-left.js","types":"./fhi-icon-chevrons-left.d.ts"},"./fhi-icon-chevrons-right":{"default":"./fhi-icon-chevrons-right.js","types":"./fhi-icon-chevrons-right.d.ts"},"./fhi-icon-chevrons-up":{"default":"./fhi-icon-chevrons-up.js","types":"./fhi-icon-chevrons-up.d.ts"},"./fhi-icon-circle-arrow-down":{"default":"./fhi-icon-circle-arrow-down.js","types":"./fhi-icon-circle-arrow-down.d.ts"},"./fhi-icon-circle-arrow-left":{"default":"./fhi-icon-circle-arrow-left.js","types":"./fhi-icon-circle-arrow-left.d.ts"},"./fhi-icon-circle-arrow-right":{"default":"./fhi-icon-circle-arrow-right.js","types":"./fhi-icon-circle-arrow-right.d.ts"},"./fhi-icon-circle-arrow-up":{"default":"./fhi-icon-circle-arrow-up.js","types":"./fhi-icon-circle-arrow-up.d.ts"},"./fhi-icon-circle-check-big":{"default":"./fhi-icon-circle-check-big.js","types":"./fhi-icon-circle-check-big.d.ts"},"./fhi-icon-circle-check":{"default":"./fhi-icon-circle-check.js","types":"./fhi-icon-circle-check.d.ts"},"./fhi-icon-circle-chevron-down":{"default":"./fhi-icon-circle-chevron-down.js","types":"./fhi-icon-circle-chevron-down.d.ts"},"./fhi-icon-circle-chevron-left":{"default":"./fhi-icon-circle-chevron-left.js","types":"./fhi-icon-circle-chevron-left.d.ts"},"./fhi-icon-circle-chevron-right":{"default":"./fhi-icon-circle-chevron-right.js","types":"./fhi-icon-circle-chevron-right.d.ts"},"./fhi-icon-circle-chevron-up":{"default":"./fhi-icon-circle-chevron-up.js","types":"./fhi-icon-circle-chevron-up.d.ts"},"./fhi-icon-circle-exclamation":{"default":"./fhi-icon-circle-exclamation.js","types":"./fhi-icon-circle-exclamation.d.ts"},"./fhi-icon-circle-info":{"default":"./fhi-icon-circle-info.js","types":"./fhi-icon-circle-info.d.ts"},"./fhi-icon-circle-minus":{"default":"./fhi-icon-circle-minus.js","types":"./fhi-icon-circle-minus.d.ts"},"./fhi-icon-circle-plus":{"default":"./fhi-icon-circle-plus.js","types":"./fhi-icon-circle-plus.d.ts"},"./fhi-icon-circle-question":{"default":"./fhi-icon-circle-question.js","types":"./fhi-icon-circle-question.d.ts"},"./fhi-icon-circle-x":{"default":"./fhi-icon-circle-x.js","types":"./fhi-icon-circle-x.d.ts"},"./fhi-icon-circle":{"default":"./fhi-icon-circle.js","types":"./fhi-icon-circle.d.ts"},"./fhi-icon-clock":{"default":"./fhi-icon-clock.js","types":"./fhi-icon-clock.d.ts"},"./fhi-icon-copy":{"default":"./fhi-icon-copy.js","types":"./fhi-icon-copy.d.ts"},"./fhi-icon-download":{"default":"./fhi-icon-download.js","types":"./fhi-icon-download.d.ts"},"./fhi-icon-ellipsis-vertical":{"default":"./fhi-icon-ellipsis-vertical.js","types":"./fhi-icon-ellipsis-vertical.d.ts"},"./fhi-icon-ellipsis":{"default":"./fhi-icon-ellipsis.js","types":"./fhi-icon-ellipsis.d.ts"},"./fhi-icon-exclamation":{"default":"./fhi-icon-exclamation.js","types":"./fhi-icon-exclamation.d.ts"},"./fhi-icon-expand":{"default":"./fhi-icon-expand.js","types":"./fhi-icon-expand.d.ts"},"./fhi-icon-external-link":{"default":"./fhi-icon-external-link.js","types":"./fhi-icon-external-link.d.ts"},"./fhi-icon-eye-off":{"default":"./fhi-icon-eye-off.js","types":"./fhi-icon-eye-off.d.ts"},"./fhi-icon-eye":{"default":"./fhi-icon-eye.js","types":"./fhi-icon-eye.d.ts"},"./fhi-icon-file-text":{"default":"./fhi-icon-file-text.js","types":"./fhi-icon-file-text.d.ts"},"./fhi-icon-file":{"default":"./fhi-icon-file.js","types":"./fhi-icon-file.d.ts"},"./fhi-icon-filter":{"default":"./fhi-icon-filter.js","types":"./fhi-icon-filter.d.ts"},"./fhi-icon-folder":{"default":"./fhi-icon-folder.js","types":"./fhi-icon-folder.d.ts"},"./fhi-icon-gear":{"default":"./fhi-icon-gear.js","types":"./fhi-icon-gear.d.ts"},"./fhi-icon-grid-9-dots":{"default":"./fhi-icon-grid-9-dots.js","types":"./fhi-icon-grid-9-dots.d.ts"},"./fhi-icon-grip-horizontal":{"default":"./fhi-icon-grip-horizontal.js","types":"./fhi-icon-grip-horizontal.d.ts"},"./fhi-icon-grip-vertical":{"default":"./fhi-icon-grip-vertical.js","types":"./fhi-icon-grip-vertical.d.ts"},"./fhi-icon-history":{"default":"./fhi-icon-history.js","types":"./fhi-icon-history.d.ts"},"./fhi-icon-info":{"default":"./fhi-icon-info.js","types":"./fhi-icon-info.d.ts"},"./fhi-icon-link-2-off":{"default":"./fhi-icon-link-2-off.js","types":"./fhi-icon-link-2-off.d.ts"},"./fhi-icon-link-2":{"default":"./fhi-icon-link-2.js","types":"./fhi-icon-link-2.d.ts"},"./fhi-icon-link":{"default":"./fhi-icon-link.js","types":"./fhi-icon-link.d.ts"},"./fhi-icon-lock-open":{"default":"./fhi-icon-lock-open.js","types":"./fhi-icon-lock-open.d.ts"},"./fhi-icon-lock":{"default":"./fhi-icon-lock.js","types":"./fhi-icon-lock.d.ts"},"./fhi-icon-log-in":{"default":"./fhi-icon-log-in.js","types":"./fhi-icon-log-in.d.ts"},"./fhi-icon-log-out":{"default":"./fhi-icon-log-out.js","types":"./fhi-icon-log-out.d.ts"},"./fhi-icon-mail":{"default":"./fhi-icon-mail.js","types":"./fhi-icon-mail.d.ts"},"./fhi-icon-map-pin":{"default":"./fhi-icon-map-pin.js","types":"./fhi-icon-map-pin.d.ts"},"./fhi-icon-menu":{"default":"./fhi-icon-menu.js","types":"./fhi-icon-menu.d.ts"},"./fhi-icon-message":{"default":"./fhi-icon-message.js","types":"./fhi-icon-message.d.ts"},"./fhi-icon-minus":{"default":"./fhi-icon-minus.js","types":"./fhi-icon-minus.d.ts"},"./fhi-icon-octagon-alert":{"default":"./fhi-icon-octagon-alert.js","types":"./fhi-icon-octagon-alert.d.ts"},"./fhi-icon-paperclip":{"default":"./fhi-icon-paperclip.js","types":"./fhi-icon-paperclip.d.ts"},"./fhi-icon-pencil":{"default":"./fhi-icon-pencil.js","types":"./fhi-icon-pencil.d.ts"},"./fhi-icon-phone":{"default":"./fhi-icon-phone.js","types":"./fhi-icon-phone.d.ts"},"./fhi-icon-pin-off":{"default":"./fhi-icon-pin-off.js","types":"./fhi-icon-pin-off.d.ts"},"./fhi-icon-pin":{"default":"./fhi-icon-pin.js","types":"./fhi-icon-pin.d.ts"},"./fhi-icon-plus":{"default":"./fhi-icon-plus.js","types":"./fhi-icon-plus.d.ts"},"./fhi-icon-printer":{"default":"./fhi-icon-printer.js","types":"./fhi-icon-printer.d.ts"},"./fhi-icon-question":{"default":"./fhi-icon-question.js","types":"./fhi-icon-question.d.ts"},"./fhi-icon-refresh":{"default":"./fhi-icon-refresh.js","types":"./fhi-icon-refresh.d.ts"},"./fhi-icon-rotate-left":{"default":"./fhi-icon-rotate-left.js","types":"./fhi-icon-rotate-left.d.ts"},"./fhi-icon-rotate-right":{"default":"./fhi-icon-rotate-right.js","types":"./fhi-icon-rotate-right.d.ts"},"./fhi-icon-search":{"default":"./fhi-icon-search.js","types":"./fhi-icon-search.d.ts"},"./fhi-icon-send":{"default":"./fhi-icon-send.js","types":"./fhi-icon-send.d.ts"},"./fhi-icon-share":{"default":"./fhi-icon-share.js","types":"./fhi-icon-share.d.ts"},"./fhi-icon-sheet":{"default":"./fhi-icon-sheet.js","types":"./fhi-icon-sheet.d.ts"},"./fhi-icon-square-check-big":{"default":"./fhi-icon-square-check-big.js","types":"./fhi-icon-square-check-big.d.ts"},"./fhi-icon-square-check":{"default":"./fhi-icon-square-check.js","types":"./fhi-icon-square-check.d.ts"},"./fhi-icon-square-pen":{"default":"./fhi-icon-square-pen.js","types":"./fhi-icon-square-pen.d.ts"},"./fhi-icon-square-x":{"default":"./fhi-icon-square-x.js","types":"./fhi-icon-square-x.d.ts"},"./fhi-icon-square":{"default":"./fhi-icon-square.js","types":"./fhi-icon-square.d.ts"},"./fhi-icon-trash":{"default":"./fhi-icon-trash.js","types":"./fhi-icon-trash.d.ts"},"./fhi-icon-triangle-alert":{"default":"./fhi-icon-triangle-alert.js","types":"./fhi-icon-triangle-alert.d.ts"},"./fhi-icon-upload":{"default":"./fhi-icon-upload.js","types":"./fhi-icon-upload.d.ts"},"./fhi-icon-user":{"default":"./fhi-icon-user.js","types":"./fhi-icon-user.d.ts"},"./fhi-icon-x":{"default":"./fhi-icon-x.js","types":"./fhi-icon-x.d.ts"},"./fhi-data-table":{"default":"./fhi-data-table.js","types":"./fhi-data-table.d.ts"},"./fhi-data-table-cell":{"default":"./fhi-data-table-cell.js","types":"./fhi-data-table-cell.d.ts"},"./fhi-data-table-row":{"default":"./fhi-data-table-row.js","types":"./fhi-data-table-row.d.ts"},"./fhi-segmented-control":{"default":"./fhi-segmented-control.js","types":"./fhi-segmented-control.d.ts"},"./fhi-segmented-control-item":{"default":"./fhi-segmented-control-item.js","types":"./fhi-segmented-control-item.d.ts"},"./fhi-select":{"default":"./fhi-select.js","types":"./fhi-select.d.ts"},"./fhi-select-item":{"default":"./fhi-select-item.js","types":"./fhi-select-item.d.ts"},"./fhi-body":{"default":"./fhi-body.js","types":"./fhi-body.d.ts"},"./fhi-display":{"default":"./fhi-display.js","types":"./fhi-display.d.ts"},"./fhi-headline":{"default":"./fhi-headline.js","types":"./fhi-headline.d.ts"},"./fhi-label":{"default":"./fhi-label.js","types":"./fhi-label.d.ts"},"./fhi-title":{"default":"./fhi-title.js","types":"./fhi-title.d.ts"},".":{"default":"./index.js"},"./theme/default.css":{"default":"./theme/default.css","style":"./theme/default.css"},"./custom-elements.json":{"default":"./custom-elements.json"}}}
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@folkehelseinstituttet/designsystem",
4
- "version": "0.47.2",
4
+ "version": "0.48.0",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -365,6 +365,32 @@
365
365
  ]
366
366
  }
367
367
  },
368
+ {
369
+ "name": "fhi-chip",
370
+ "description": "## FHI Chip\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-chip--docs\n\nThe `<fhi-chip>` component shows a selected value the user can click to remove,\nfor example when filtering.\n\n---\n\n\n### **Custom Events:**\n - **click** - Standard DOM event with the type `click`.\nThis event is dispatched when the chip is clicked or activated with the keyboard.\n\n### **Slot Section:**\n - _default_ - The text content of the chip.",
371
+ "doc-url": "",
372
+ "attributes": [],
373
+ "slots": [
374
+ { "name": "", "description": "The text content of the chip." }
375
+ ],
376
+ "events": [
377
+ {
378
+ "name": "click",
379
+ "type": "Event",
380
+ "description": "Standard DOM event with the type `click`.\nThis event is dispatched when the chip is clicked or activated with the keyboard."
381
+ }
382
+ ],
383
+ "js": {
384
+ "properties": [{ "name": "role", "type": "string" }],
385
+ "events": [
386
+ {
387
+ "name": "click",
388
+ "type": "Event",
389
+ "description": "Standard DOM event with the type `click`.\nThis event is dispatched when the chip is clicked or activated with the keyboard."
390
+ }
391
+ ]
392
+ }
393
+ },
368
394
  {
369
395
  "name": "fhi-date-input",
370
396
  "description": "## FHI Date input\n\nhttps://designsystemet.dhi.no/?path=/docs/komponenter-date-input--docs\n\nThe `<fhi-date-input>` component represents a date input field styled and implemented according to the FHI Design System guidelines.\nIt allows users to select or input a date.\n\n---\n\n\n### **Custom Events:**\n - **change** - Standard DOM event with the type `change`.\nThis event is dispatched when the value of the input changes.\n- **input** - Standard DOM event with the type `input`.\nThis event is dispatched when the value of the input changes.",