@politiet/sheriff-web-components 2.13.1 → 2.14.1

package/dist/sds-file-upload/sds-file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload.js","sourceRoot":"","sources":["../../src/sds-file-upload/sds-file-upload.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { SDSElement } from '../utils/sds-element';\nimport { isSameFile, partitionFiles, type SDSRejectedFile } from '../utils/file-validation';\nimport { type SDSFormControlAttributes } from '../mixins/sds-form-control-mixin';\nimport { SDSEventDispatcherMixin, SDSDelegateInteractionMixin,  SDSFormControlMixin} from '../mixins';\nimport { SDSDragDropController, SDSFilePreviewController } from '../controllers';\nimport { SDS_SIZES } from '../types';\nimport { styles } from './sds-file-upload.styles';\nimport '../sds-button/sds-button';\nimport '../sds-icon/sds-icon';\nimport '../sds-alert/sds-alert';\nimport '../sds-file-upload-item/sds-file-upload-item';\nimport type { SDSFileUploadItem } from '../sds-file-upload-item/sds-file-upload-item';\nimport '../sds-file-upload-file-list/sds-file-upload-file-list';\n\nexport type { SDSRejectedFile };\n\nexport type SDSFileUploadVariant = 'default' | 'compact';\nexport type SDSFileUploadSize = Extract<SDS_SIZES, 'lg' | 'md' | 'sm'>;\n\nexport interface SDSFileUploadProps extends Omit<SDSFormControlAttributes, 'readonly'> {\n\taccept?: string;\n\tlabel?: string;\n\tmultiple?: boolean;\n\trequired?: boolean;\n\t'max-size-in-bytes'?: number;\n\t'help-text'?: string;\n\t'error-message'?: string;\n\t'file-limitation-text'?: string;\n\t'hide-file-list'?: boolean;\n\tvariant?: SDSFileUploadVariant;\n\tsize?: SDSFileUploadSize;\n}\n\n@guardedCustomElement('sds-file-upload')\nexport class SDSFileUpload extends SDSDelegateInteractionMixin(SDSEventDispatcherMixin(SDSFormControlMixin(SDSElement))) {\n\t// Styling\n\tstatic override styles = [styles];\n\n\t// Props\n\t// `name`, `disabled`, `internals` and form association come from SDSFormControlMixin.\n\t// Note: a native file input has no `readonly`, so we neither honor nor document it here.\n\t@property({ type: String, reflect: true }) accept?: string;\n\t@property({ type: String, reflect: true }) label?: string;\n\t@property({ type: Boolean, reflect: true }) multiple = false;\n\t@property({ type: Boolean, reflect: true }) required = false;\n\t@property({ type: Number, attribute: 'max-size-in-bytes', reflect: true }) maxSizeInBytes?: number;\n\t@property({ type: String, attribute: 'help-text', reflect: true }) helpText?: string;\n\t@property({ type: String, attribute: 'error-message', reflect: true }) errorMessage?: string;\n\t@property({ type: String, attribute: 'file-limitation-text', reflect: true }) fileLimitationText?: string;\n\t@property({ type: String, reflect: true }) variant: SDSFileUploadVariant = 'default';\n\t@property({ type: String, reflect: true }) size: SDSFileUploadSize = 'md';\n\t@property({ type: Boolean, attribute: 'hide-file-list', reflect: true }) hideFileList = false;\n\n\t@query('#control') control!: HTMLInputElement;\n\n\t// Internal state\n\t@state() private _files: File[] = [];\n\t@state() private _rejectedFiles: SDSRejectedFile[] = [];\n\t@state() private _hasSlottedLabel = false;\n\n\t// Controllers\n\tprivate readonly _previews = new SDSFilePreviewController(this, (file, url) => this.dispatchSheriffEvent('sds-preview-ready', { file, url }));\n\n\tprivate readonly _dragDrop = new SDSDragDropController(\n\t\tthis,\n\t\t(files) => this._processFiles(files),\n\t\t() => Boolean(this.disabled),\n\t);\n\n\t// Public API\n\tget files(): File[] {\n\t\treturn this._files;\n\t}\n\n\tget rejectedFiles(): SDSRejectedFile[] {\n\t\treturn this._rejectedFiles;\n\t}\n\n\tget value(): string {\n\t\treturn this._files[0] ? `C:\\\\fakepath\\\\${this._files[0].name}` : '';\n\t}\n\n\tset value(newValue: string) {\n\t\tif (newValue !== '') {\n\t\t\tthrow new DOMException('Failed to set the \\'value\\' property on sds-file-upload: only the empty string may be assigned.', 'InvalidStateError');\n\t\t}\n\t\tthis._reset();\n\t}\n\n\tremoveFile(file: File): void {\n\t\tconst previous = this._files;\n\t\tthis._files = previous.filter((existing) => !isSameFile(existing, file));\n\t\tthis._commitSelection(previous);\n\t}\n\n\tclear(): void {\n\t\tconst previous = this._files;\n\t\tthis._files = [];\n\t\tthis._rejectedFiles = [];\n\t\tthis._commitSelection(previous);\n\t}\n\n\tdismissRejected(file: File): void {\n\t\tthis._rejectedFiles = this._rejectedFiles.filter((rejected) => !isSameFile(rejected.file, file));\n\t}\n\n\tgetPreviewUrl(file: File): string | undefined {\n\t\treturn this._previews.get(file);\n\t}\n\n\toverride focus(options?: FocusOptions): void {\n\t\tif (!this.disabled) this.control?.focus(options);\n\t}\n\n\toverride blur(): void {\n\t\tif (!this.disabled) this.control?.blur();\n\t}\n\n\tcheckValidity(): boolean {\n\t\treturn this.internals.checkValidity();\n\t}\n\n\treportValidity(): boolean {\n\t\treturn this.internals.reportValidity();\n\t}\n\n\tsetCustomValidity(message: string): void {\n\t\tthis.errorMessage = message || undefined;\n\t\tthis.updateValidity();\n\t}\n\n\t// Lifecycle\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tthis._updateFormValue();\n\t}\n\n\tformResetCallback(): void {\n\t\tthis._reset();\n\t}\n\n\tprotected override updated(changed: PropertyValues): void {\n\t\tsuper.updated(changed);\n\t\tif (changed.has('required') || changed.has('errorMessage') || changed.has('disabled')) this.updateValidity();\n\t\tif (changed.has('name')) this._updateFormValue();\n\t}\n\n\t// Validity\n\toverride updateValidity(): void {\n\t\tif (!this.control) return;\n\n\t\tif (this.disabled) {\n\t\t\tthis.internals.setValidity({});\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.errorMessage) {\n\t\t\tthis.internals.setValidity({ customError: true }, this.errorMessage, this.control);\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.required && this._files.length === 0) {\n\t\t\tconst message = this.control.validationMessage;\n\t\t\tif (!message) return;\n\n\t\t\tthis.internals.setValidity({ valueMissing: true }, message, this.control);\n\t\t\treturn;\n\t\t}\n\n\t\tthis.internals.setValidity({});\n\t}\n\n\tprivate _reset(): void {\n\t\tthis._files = [];\n\t\tthis._rejectedFiles = [];\n\t\tif (this.control) this.control.value = '';\n\t\tthis._previews.sync(this._files);\n\t\tthis._updateFormValue();\n\t\tthis.updateValidity();\n\t}\n\tget type(): string {\n\t\treturn 'file';\n\t}\n\t// Event handlers\n\tprivate readonly _handleInputChange = (event: Event): void => {\n\t\tevent.stopImmediatePropagation();\n\t\tconst input = event.target as HTMLInputElement;\n\t\tthis._processFiles(Array.from(input.files ?? []));\n\t};\n\n\tprivate readonly _handleNativeInput = (event: Event): void => {\n\t\tevent.stopImmediatePropagation();\n\t};\n\n\tprivate readonly _handleInputCancel = (event: Event): void => {\n\t\tevent.stopImmediatePropagation();\n\t\tthis.dispatchSheriffEvent('cancel', undefined, false);\n\t};\n\n\tprivate readonly _handleItemRemove = async (event: Event, file: File, rejection?: SDSRejectedFile): Promise<void> => {\n\t\tconst index = this._builtInItems().indexOf(event.currentTarget as SDSFileUploadItem);\n\t\tif (rejection) this.dismissRejected(file);\n\t\telse this.removeFile(file);\n\n\t\tawait this.updateComplete;\n\t\tconst remaining = this._builtInItems();\n\t\t(remaining[index] ?? remaining[index - 1] ?? this).focus();\n\t};\n\n\tprivate readonly _handleLabelSlotChange = (event: Event): void => {\n\t\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\n\t};\n\n\tprivate readonly _handleFocus = (event: FocusEvent): void => {\n\t\tevent.stopImmediatePropagation();\n\t\tthis.dispatchSheriffEvent('focus');\n\t};\n\n\tprivate readonly _handleBlur = (event: FocusEvent): void => {\n\t\tevent.stopImmediatePropagation();\n\t\tthis.dispatchSheriffEvent('blur');\n\t};\n\n\t// Internal helpers\n\tprivate get _showLabel(): boolean {\n\t\treturn this._hasSlottedLabel || Boolean(this.label);\n\t}\n\n\tprivate get _triggerText(): string {\n\t\treturn this.multiple ? 'Velg filer' : 'Velg fil';\n\t}\n\n\tprivate _processFiles(incoming: File[]): void {\n\t\tif (incoming.length === 0) return;\n\n\t\tconst previous = this._files;\n\t\tconst { accepted, rejected } = partitionFiles(incoming, {\n\t\t\taccept: this.accept,\n\t\t\tmaxSizeInBytes: this.maxSizeInBytes,\n\t\t\tmultiple: this.multiple,\n\t\t});\n\n\t\tthis._files = accepted;\n\t\tthis._rejectedFiles = rejected;\n\n\t\tthis._commitSelection(previous);\n\n\t\tif (rejected.length) {\n\t\t\tthis.dispatchSheriffEvent('sds-reject', { rejected });\n\t\t}\n\t}\n\n\tprivate _builtInItems(): SDSFileUploadItem[] {\n\t\treturn Array.from(this.renderRoot.querySelectorAll<SDSFileUploadItem>('sds-file-upload-file-list > sds-file-upload-item'));\n\t}\n\n\tprivate _isSameSelection(previous: File[], next: File[]): boolean {\n\t\tif (previous.length !== next.length) return false;\n\n\t\treturn previous.every((file, index) => {\n\t\t\tconst other = next[index];\n\t\t\treturn other !== undefined && isSameFile(file, other);\n\t\t});\n\t}\n\n\tprivate _syncSelection(): void {\n\t\tthis._previews.sync(this._files);\n\t\tthis._syncNativeInput();\n\t\tthis._updateFormValue();\n\t\tthis.updateValidity();\n\t}\n\n\tprivate _commitSelection(previous: File[]): void {\n\t\tthis._syncSelection();\n\t\tif (this._isSameSelection(previous, this._files)) return;\n\n\t\tthis.dispatchSheriffEvent('input');\n\t\tthis.dispatchSheriffEvent('change');\n\t}\n\n\tprivate _syncNativeInput(): void {\n\t\tif (!this.control) return;\n\t\tconst dataTransfer = new DataTransfer();\n\t\tfor (const file of this._files) dataTransfer.items.add(file);\n\t\tthis.control.files = dataTransfer.files;\n\t}\n\n\tprivate _updateFormValue(): void {\n\t\tif (!this.name) {\n\t\t\tthis.internals.setFormValue(null);\n\t\t\treturn;\n\t\t}\n\t\tconst data = new FormData();\n\t\tif (this._files.length === 0) data.append(this.name, new File([], '', { type: 'application/octet-stream' }));\n\t\tfor (const file of this._files) data.append(this.name, file, file.name);\n\t\tthis.internals.setFormValue(data);\n\t}\n\n\t// Rendering\n\tprivate readonly _renderItem = (file: File, rejection?: SDSRejectedFile) => html`\n\t\t<sds-file-upload-item\n\t\t\tfile=\"${file.name}\"\n\t\t\tsize-in-bytes=\"${file.size}\"\n\t\t\tpreview=\"${ifDefined(rejection ? undefined : this._previews.get(file))}\"\n\t\t\terror-message=\"${ifDefined(rejection?.reason)}\"\n\t\t\t?disabled=\"${!rejection && this.disabled}\"\n\t\t\t@sds-remove=\"${(event: Event) => this._handleItemRemove(event, file, rejection)}\"\n\t\t></sds-file-upload-item>\n\t`;\n\n\tprivate readonly _renderFileList = () => html`\n\t\t<sds-file-upload-file-list aria-label=\"Valgte filer\" aria-live=\"polite\">\n\t\t\t${this._files.map((file) => this._renderItem(file))}\n\t\t\t${this._rejectedFiles.map((rejected) => this._renderItem(rejected.file, rejected))}\n\t\t</sds-file-upload-file-list>\n\t`;\n\n\tprivate readonly _renderInput = () => {\n\t\tconst describedBy =\n\t\t\t[this.errorMessage ? 'error-message' : null, this.helpText ? 'help-text' : null, this.fileLimitationText ? 'file-limitation-text' : null]\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.join(' ') || undefined;\n\n\t\treturn html`\n\t\t\t<input\n\t\t\t\tid=\"control\"\n\t\t\t\tclass=\"sds-file-upload__input\"\n\t\t\t\ttype=\"file\"\n\t\t\t\taccept=\"${ifDefined(this.accept)}\"\n\t\t\t\tname=\"${ifDefined(this.name)}\"\n\t\t\t\t?multiple=\"${this.multiple}\"\n\t\t\t\t?required=\"${this.required}\"\n\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\taria-label=\"${ifDefined(this._showLabel ? undefined : this._triggerText)}\"\n\t\t\t\taria-describedby=\"${ifDefined(describedBy)}\"\n\t\t\t\taria-invalid=\"${this.errorMessage ? 'true' : 'false'}\"\n\t\t\t\t@input=\"${this._handleNativeInput}\"\n\t\t\t\t@change=\"${this._handleInputChange}\"\n\t\t\t\t@cancel=\"${this._handleInputCancel}\"\n\t\t\t\t@focus=\"${this._handleFocus}\"\n\t\t\t\t@blur=\"${this._handleBlur}\"\n\t\t\t/>\n\t\t`;\n\t};\n\n\tprivate readonly _renderDropzone = () => {\n\t\tconst dropzoneClasses = {\n\t\t\t'sds-file-upload__dropzone': true,\n\t\t\t'sds-file-upload__dropzone--dragging': this._dragDrop.dragging,\n\t\t\t'sds-file-upload__dropzone--error': Boolean(this.errorMessage),\n\t\t};\n\n\t\tconst iconSize = this.variant === 'compact' ? this.size : 'lg';\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"${classMap(dropzoneClasses)}\"\n\t\t\t\t@dragover=\"${this._dragDrop.handleDragOver}\"\n\t\t\t\t@dragleave=\"${this._dragDrop.handleDragLeave}\"\n\t\t\t\t@drop=\"${this._dragDrop.handleDrop}\"\n\t\t\t>\n\t\t\t\t${this._renderInput()}\n\t\t\t\t<sds-icon name=\"upload-material-outlined\" size=\"${iconSize}\"></sds-icon>\n\t\t\t\t<p class=\"sds-file-upload__drop-text\" aria-hidden=\"true\">${this.multiple ? 'Dra og slipp filene her eller' : 'Dra og slipp filen her eller'}</p>\n\t\t\t\t<sds-button\n\t\t\t\t\tclass=\"sds-file-upload__trigger\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tsize=\"${this.variant === 'compact' ? 'sm' : this.size}\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\t\tinert\n\t\t\t\t>\n\t\t\t\t\t<span class=\"sds-file-upload__button-label\">${this._triggerText}</span>\n\t\t\t\t</sds-button>\n\t\t\t\t<div class=\"sds-file-upload__drop-hint\" aria-hidden=\"true\">\n\t\t\t\t\t<sds-icon name=\"upload-material-outlined\" size=\"${iconSize}\"></sds-icon>\n\t\t\t\t\t<span class=\"sds-file-upload__drop-hint-text\">Slipp fil</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t};\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<div class=\"sds-file-upload\">\n\t\t\t\t<label for=\"control\" class=\"sds-file-upload__label\" ?hidden=\"${!this._showLabel}\">\n\t\t\t\t\t<slot name=\"label\" @slotchange=\"${this._handleLabelSlotChange}\">${this.label}</slot>\n\t\t\t\t</label>\n\t\t\t\t${this.helpText ? html`<p id=\"help-text\" class=\"sds-file-upload__help-text\">${this.helpText}</p>` : nothing}\n\n\t\t\t\t${this._renderDropzone()}\n\n\t\t\t\t${this.fileLimitationText ? html`<p id=\"file-limitation-text\" class=\"sds-file-upload__file-limitation-text\">${this.fileLimitationText}</p>` : nothing}\n\t\t\t</div>\n\t\t\t${this.errorMessage\n\t\t\t\t? html`<sds-alert class=\"sds-file-upload__error-message\" id=\"error-message\" variant=\"secondary\" data-palette=\"danger\"><p slot=\"message\">${this.errorMessage}</p></sds-alert>`\n\t\t\t\t: nothing}\n\t\t\t${this.hideFileList ? nothing : this._renderFileList()}\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-file-upload': SDSFileUpload;\n\t}\n\tinterface GlobalEventHandlersEventMap {\n\t\t'sds-reject': CustomEvent<{ rejected: SDSRejectedFile[] }>;\n\t\t'sds-preview-ready': CustomEvent<{ file: File; url: string }>;\n\t}\n}\n"]}

package/dist/sds-file-upload/sds-file-upload.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=sds-file-upload.styles.d.ts.map

package/dist/sds-file-upload/sds-file-upload.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload.styles.d.ts","sourceRoot":"","sources":["../../src/sds-file-upload/sds-file-upload.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAuOlB,CAAC"}

package/dist/sds-file-upload/sds-file-upload.styles.js

@@ -0,0 +1,234 @@
+import { css } from 'lit';
+export const styles = css `
+	:host {
+		--_sds-file-upload-gap: var(--sds-file-upload-gap, var(--sds-spacing-4xs));
+		--_sds-file-upload-font-family: var(--sds-file-upload-font-family, var(--sds-typography-font-family));
+		--_sds-file-upload-margin-block-end: var(--sds-file-upload-margin-block-end, var(--sds-spacing-3xs));
+
+		--_sds-file-upload-label-font-size: var(--sds-file-upload-label-font-size, var(--sds-components-font-size-content-md));
+		--_sds-file-upload-label-font-weight: var(--sds-file-upload-label-font-weight, var(--sds-typography-font-weight-medium));
+		--_sds-file-upload-label-line-height: var(--sds-file-upload-label-line-height, var(--sds-components-line-height-squeezed-md));
+		--_sds-file-upload-label-text-color: var(--sds-file-upload-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
+
+		--_sds-file-upload-helptext-text-color: var(--sds-file-upload-helptext-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
+		--_sds-file-upload-helptext-font-size: var(--sds-file-upload-helptext-font-size, var(--sds-components-font-size-content-md));
+		--_sds-file-upload-helptext-font-weight: var(--sds-file-upload-helptext-font-weight, var(--sds-typography-font-weight-regular));
+		--_sds-file-upload-helptext-line-height: var(--sds-file-upload-helptext-line-height, var(--sds-components-line-height-squeezed-md));
+
+		--_sds-file-upload-file-limitation-text-font-size: var(--sds-file-upload-file-limitation-text-font-size, var(--sds-typography-detail-xs-desktop-font-size));
+		--_sds-file-upload-file-limitation-text-font-weight: var(--sds-file-upload-file-limitation-text-font-weight, var(--sds-typography-detail-xs-desktop-font-weight));
+		--_sds-file-upload-file-limitation-text-line-height: var(--sds-file-upload-file-limitation-text-line-height, var(--sds-typography-detail-xs-desktop-line-height));
+		--_sds-file-upload-file-limitation-text-color: var(--sds-file-upload-file-limitation-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
+
+		--_sds-file-upload-dropzone-background: var(--sds-file-upload-dropzone-background, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
+		--_sds-file-upload-dropzone-border-color: var(--sds-file-upload-dropzone-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
+		--_sds-file-upload-dropzone-border-width: var(--sds-file-upload-dropzone-border-width, var(--sds-border-sm));
+		--_sds-file-upload-dropzone-border-radius: var(--sds-file-upload-dropzone-border-radius, var(--sds-radius-md));
+		--_sds-file-upload-dropzone-padding: var(--sds-file-upload-dropzone-padding, var(--sds-spacing-sm));
+		--_sds-file-upload-dropzone-margin-block-start: var(--sds-file-upload-dropzone-margin-block-start, var(--sds-spacing-3xs));
+		--_sds-file-upload-dropzone-gap: var(--sds-file-upload-dropzone-gap, var(--sds-spacing-xs));
+		--_sds-file-upload-dropzone-dragging-filter: var(--sds-file-upload-dropzone-dragging-filter, blur(8px));
+		--_sds-file-upload-dropzone-drop-hint-display: var(--sds-file-upload-dropzone-drop-hint-display, none);
+
+		--_sds-file-upload-drop-text-font-size: var(--sds-file-upload-drop-text-font-size, var(--sds-components-font-size-content-md));
+		--_sds-file-upload-drop-text-line-height: var(--sds-file-upload-drop-text-line-height, var(--sds-components-line-height-squeezed-md));
+		--_sds-file-upload-drop-text-font-weight: var(--sds-file-upload-drop-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));
+		--_sds-file-upload-drop-text-color: var(--sds-file-upload-drop-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
+
+		--_sds-file-upload-error-border-color: var(--sds-file-upload-error-border-color, var(--sds-color-alert-danger-border-default));
+
+		--_sds-file-upload-focus-color-outer: var(--sds-file-upload-focus-color-outer, var(--sds-color-states-focus-outer));
+		--_sds-file-upload-focus-color-inner: var(--sds-file-upload-focus-color-inner, var(--sds-color-states-focus-inner));
+		--_sds-file-upload-focus-spacing: var(--sds-file-upload-focus-spacing, var(--sds-color-states-focus-spacing));
+		--_sds-file-upload-focus-outline-size: var(--sds-file-upload-focus-outline-size, var(--sds-color-states-focus-outline-size));
+
+		--_sds-file-upload-disabled-opacity: var(--sds-file-upload-disabled-opacity, var(--sds-color-states-disabled-opacity));
+
+		--sds-icon-color: var(--sds-file-upload-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
+
+		all: unset;
+		display: block;
+	}
+
+	:host([size='sm']) {
+		--_sds-file-upload-label-font-size: var(--sds-file-upload-label-font-size, var(--sds-components-font-size-content-sm));
+		--_sds-file-upload-label-line-height: var(--sds-file-upload-label-line-height, var(--sds-components-line-height-squeezed-sm));
+		--_sds-file-upload-helptext-font-size: var(--sds-file-upload-helptext-font-size, var(--sds-components-font-size-content-sm));
+		--_sds-file-upload-helptext-line-height: var(--sds-file-upload-helptext-line-height, var(--sds-components-line-height-squeezed-sm));
+		--_sds-file-upload-drop-text-font-size: var(--sds-file-upload-drop-text-font-size, var(--sds-components-font-size-content-sm));
+		--_sds-file-upload-drop-text-line-height: var(--sds-file-upload-drop-text-line-height, var(--sds-components-line-height-squeezed-sm));
+	}
+
+	:host([size='lg']) {
+		--_sds-file-upload-label-font-size: var(--sds-file-upload-label-font-size, var(--sds-components-font-size-content-lg));
+		--_sds-file-upload-label-line-height: var(--sds-file-upload-label-line-height, var(--sds-components-line-height-squeezed-lg));
+		--_sds-file-upload-helptext-font-size: var(--sds-file-upload-helptext-font-size, var(--sds-components-font-size-content-lg));
+		--_sds-file-upload-helptext-line-height: var(--sds-file-upload-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
+		--_sds-file-upload-drop-text-font-size: var(--sds-file-upload-drop-text-font-size, var(--sds-components-font-size-content-lg));
+		--_sds-file-upload-drop-text-line-height: var(--sds-file-upload-drop-text-line-height, var(--sds-components-line-height-squeezed-lg));
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([disabled]) {
+		opacity: var(--_sds-file-upload-disabled-opacity);
+		pointer-events: none;
+	}
+
+	.sds-file-upload {
+		display: flex;
+		flex-direction: column;
+		gap: var(--_sds-file-upload-gap);
+		font-family: var(--_sds-file-upload-font-family);
+		margin-block-end: var(--_sds-file-upload-margin-block-end);
+	}
+
+	.sds-file-upload__label {
+		font-size: var(--_sds-file-upload-label-font-size);
+		font-weight: var(--_sds-file-upload-label-font-weight);
+		line-height: var(--_sds-file-upload-label-line-height);
+		color: var(--_sds-file-upload-label-text-color);
+
+		&[hidden] {
+			display: none;
+		}
+	}
+
+	.sds-file-upload__help-text {
+		display: block;
+		color: var(--_sds-file-upload-helptext-text-color);
+		font-size: var(--_sds-file-upload-helptext-font-size);
+		font-weight: var(--_sds-file-upload-helptext-font-weight);
+		line-height: var(--_sds-file-upload-helptext-line-height);
+		margin: 0;
+	}
+
+	.sds-file-upload__file-limitation-text {
+		margin: 0;
+		font-size: var(--_sds-file-upload-file-limitation-text-font-size);
+		font-weight: var(--_sds-file-upload-file-limitation-text-font-weight);
+		line-height: var(--_sds-file-upload-file-limitation-text-line-height);
+		color: var(--_sds-file-upload-file-limitation-text-color);
+	}
+
+	.sds-file-upload__input {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		margin: 0;
+		opacity: 0;
+		cursor: pointer;
+	}
+
+	.sds-file-upload__dropzone:has(.sds-file-upload__input:focus-visible) {
+		box-shadow: 0 0 0 var(--_sds-file-upload-focus-spacing) var(--_sds-file-upload-focus-color-inner);
+		outline: var(--_sds-file-upload-focus-outline-size) solid var(--_sds-file-upload-focus-color-outer);
+		outline-offset: var(--_sds-file-upload-focus-spacing);
+	}
+
+	.sds-file-upload__dropzone {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		gap: var(--_sds-file-upload-dropzone-gap);
+		padding: var(--_sds-file-upload-dropzone-padding);
+		margin-block-start: var(--_sds-file-upload-dropzone-margin-block-start);
+		text-align: center;
+		cursor: pointer;
+		background: var(--_sds-file-upload-dropzone-background);
+		border: var(--_sds-file-upload-dropzone-border-width) dashed var(--_sds-file-upload-dropzone-border-color);
+		border-radius: var(--_sds-file-upload-dropzone-border-radius);
+		box-sizing: border-box;
+		position: relative;
+		transition:
+			background-color 0.1s ease-in-out,
+			border-color 0.1s ease-in-out;
+
+		&:hover {
+			--_sds-file-upload-dropzone-background: var(--sds-file-upload-dropzone-background, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));
+			--_sds-file-upload-dropzone-border-color: var(--sds-file-upload-dropzone-border-color, var(--sds-color-border-strong, var(--sds-color-main-border-strong)));
+		}
+
+		&:hover .sds-file-upload__trigger {
+			--sds-button-background-color: transparent;
+			--sds-button-border-color: var(--sds-color-action-default, var(--sds-color-main-action-default));
+			--sds-button-text-color: var(--sds-color-action-default, var(--sds-color-main-action-default));
+		}
+
+		&:active .sds-file-upload__trigger {
+			--sds-button-background-color: var(--sds-color-surface-active, var(--sds-color-main-surface-active));
+			--sds-button-border-color: var(--sds-color-action-active, var(--sds-color-main-action-active));
+		}
+
+		.sds-file-upload__drop-hint {
+			backdrop-filter: var(--_sds-file-upload-dropzone-dragging-filter);
+			display: var(--_sds-file-upload-dropzone-drop-hint-display);
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			gap: var(--_sds-file-upload-dropzone-gap);
+			position: absolute;
+			inset: var(--_sds-file-upload-dropzone-border-width);
+			border-radius: var(--_sds-file-upload-dropzone-border-radius);
+			pointer-events: none;
+
+			.sds-file-upload__drop-hint-text {
+				font-size: var(--_sds-file-upload-drop-text-font-size);
+				font-weight: var(--_sds-file-upload-drop-text-font-weight);
+				line-height: var(--_sds-file-upload-drop-text-line-height);
+			}
+		}
+	}
+
+	.sds-file-upload__dropzone--dragging {
+		--_sds-file-upload-dropzone-background: var(--sds-file-upload-dropzone-background, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));
+		--_sds-file-upload-dropzone-border-color: var(--sds-file-upload-dropzone-border-color, var(--sds-color-border-strong, var(--sds-color-main-border-strong)));
+
+		.sds-file-upload__trigger {
+			--sds-button-background-color: transparent;
+			--sds-button-border-color: var(--sds-color-action-default, var(--sds-color-main-action-default));
+			--sds-button-text-color: var(--sds-color-action-default, var(--sds-color-main-action-default));
+		}
+
+		.sds-file-upload__drop-hint {
+			--_sds-file-upload-dropzone-drop-hint-display: var(--sds-file-upload-dropzone-drop-hint-display, flex);
+		}
+	}
+
+	.sds-file-upload__dropzone--error {
+		border-color: var(--_sds-file-upload-error-border-color);
+	}
+
+	:host([variant='compact']) .sds-file-upload__dropzone {
+		--_sds-file-upload-dropzone-gap: var(--sds-file-upload-dropzone-gap, var(--sds-spacing-3xs));
+		flex-direction: row;
+		flex-wrap: wrap;
+
+		.sds-file-upload__drop-hint {
+			flex-direction: row;
+		}
+	}
+
+	.sds-file-upload__trigger {
+		--sds-button-background-color: transparent;
+		--sds-button-border-color: var(--sds-color-action-default, var(--sds-color-neutral-action-default));
+		--sds-button-text-color: var(--sds-color-action-default, var(--sds-color-neutral-action-default));
+	}
+
+	.sds-file-upload__drop-text {
+		margin: 0;
+		font-size: var(--_sds-file-upload-drop-text-font-size);
+		font-weight: var(--_sds-file-upload-drop-text-font-weight);
+		line-height: var(--_sds-file-upload-drop-text-line-height);
+		color: var(--_sds-file-upload-drop-text-color);
+	}
+
+	.sds-file-upload__error-message {
+		margin-block-end: var(--_sds-file-upload-margin-block-end);
+	}
+`;
+//# sourceMappingURL=sds-file-upload.styles.js.map

package/dist/sds-file-upload/sds-file-upload.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload.styles.js","sourceRoot":"","sources":["../../src/sds-file-upload/sds-file-upload.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuOxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-file-upload-gap: var(--sds-file-upload-gap, var(--sds-spacing-4xs));\n\t\t--_sds-file-upload-font-family: var(--sds-file-upload-font-family, var(--sds-typography-font-family));\n\t\t--_sds-file-upload-margin-block-end: var(--sds-file-upload-margin-block-end, var(--sds-spacing-3xs));\n\n\t\t--_sds-file-upload-label-font-size: var(--sds-file-upload-label-font-size, var(--sds-components-font-size-content-md));\n\t\t--_sds-file-upload-label-font-weight: var(--sds-file-upload-label-font-weight, var(--sds-typography-font-weight-medium));\n\t\t--_sds-file-upload-label-line-height: var(--sds-file-upload-label-line-height, var(--sds-components-line-height-squeezed-md));\n\t\t--_sds-file-upload-label-text-color: var(--sds-file-upload-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));\n\n\t\t--_sds-file-upload-helptext-text-color: var(--sds-file-upload-helptext-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));\n\t\t--_sds-file-upload-helptext-font-size: var(--sds-file-upload-helptext-font-size, var(--sds-components-font-size-content-md));\n\t\t--_sds-file-upload-helptext-font-weight: var(--sds-file-upload-helptext-font-weight, var(--sds-typography-font-weight-regular));\n\t\t--_sds-file-upload-helptext-line-height: var(--sds-file-upload-helptext-line-height, var(--sds-components-line-height-squeezed-md));\n\n\t\t--_sds-file-upload-file-limitation-text-font-size: var(--sds-file-upload-file-limitation-text-font-size, var(--sds-typography-detail-xs-desktop-font-size));\n\t\t--_sds-file-upload-file-limitation-text-font-weight: var(--sds-file-upload-file-limitation-text-font-weight, var(--sds-typography-detail-xs-desktop-font-weight));\n\t\t--_sds-file-upload-file-limitation-text-line-height: var(--sds-file-upload-file-limitation-text-line-height, var(--sds-typography-detail-xs-desktop-line-height));\n\t\t--_sds-file-upload-file-limitation-text-color: var(--sds-file-upload-file-limitation-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));\n\n\t\t--_sds-file-upload-dropzone-background: var(--sds-file-upload-dropzone-background, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));\n\t\t--_sds-file-upload-dropzone-border-color: var(--sds-file-upload-dropzone-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));\n\t\t--_sds-file-upload-dropzone-border-width: var(--sds-file-upload-dropzone-border-width, var(--sds-border-sm));\n\t\t--_sds-file-upload-dropzone-border-radius: var(--sds-file-upload-dropzone-border-radius, var(--sds-radius-md));\n\t\t--_sds-file-upload-dropzone-padding: var(--sds-file-upload-dropzone-padding, var(--sds-spacing-sm));\n\t\t--_sds-file-upload-dropzone-margin-block-start: var(--sds-file-upload-dropzone-margin-block-start, var(--sds-spacing-3xs));\n\t\t--_sds-file-upload-dropzone-gap: var(--sds-file-upload-dropzone-gap, var(--sds-spacing-xs));\n\t\t--_sds-file-upload-dropzone-dragging-filter: var(--sds-file-upload-dropzone-dragging-filter, blur(8px));\n\t\t--_sds-file-upload-dropzone-drop-hint-display: var(--sds-file-upload-dropzone-drop-hint-display, none);\n\n\t\t--_sds-file-upload-drop-text-font-size: var(--sds-file-upload-drop-text-font-size, var(--sds-components-font-size-content-md));\n\t\t--_sds-file-upload-drop-text-line-height: var(--sds-file-upload-drop-text-line-height, var(--sds-components-line-height-squeezed-md));\n\t\t--_sds-file-upload-drop-text-font-weight: var(--sds-file-upload-drop-text-font-weight, var(--sds-typography-body-md-desktop-font-weight));\n\t\t--_sds-file-upload-drop-text-color: var(--sds-file-upload-drop-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));\n\n\t\t--_sds-file-upload-error-border-color: var(--sds-file-upload-error-border-color, var(--sds-color-alert-danger-border-default));\n\n\t\t--_sds-file-upload-focus-color-outer: var(--sds-file-upload-focus-color-outer, var(--sds-color-states-focus-outer));\n\t\t--_sds-file-upload-focus-color-inner: var(--sds-file-upload-focus-color-inner, var(--sds-color-states-focus-inner));\n\t\t--_sds-file-upload-focus-spacing: var(--sds-file-upload-focus-spacing, var(--sds-color-states-focus-spacing));\n\t\t--_sds-file-upload-focus-outline-size: var(--sds-file-upload-focus-outline-size, var(--sds-color-states-focus-outline-size));\n\n\t\t--_sds-file-upload-disabled-opacity: var(--sds-file-upload-disabled-opacity, var(--sds-color-states-disabled-opacity));\n\n\t\t--sds-icon-color: var(--sds-file-upload-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));\n\n\t\tall: unset;\n\t\tdisplay: block;\n\t}\n\n\t:host([size='sm']) {\n\t\t--_sds-file-upload-label-font-size: var(--sds-file-upload-label-font-size, var(--sds-components-font-size-content-sm));\n\t\t--_sds-file-upload-label-line-height: var(--sds-file-upload-label-line-height, var(--sds-components-line-height-squeezed-sm));\n\t\t--_sds-file-upload-helptext-font-size: var(--sds-file-upload-helptext-font-size, var(--sds-components-font-size-content-sm));\n\t\t--_sds-file-upload-helptext-line-height: var(--sds-file-upload-helptext-line-height, var(--sds-components-line-height-squeezed-sm));\n\t\t--_sds-file-upload-drop-text-font-size: var(--sds-file-upload-drop-text-font-size, var(--sds-components-font-size-content-sm));\n\t\t--_sds-file-upload-drop-text-line-height: var(--sds-file-upload-drop-text-line-height, var(--sds-components-line-height-squeezed-sm));\n\t}\n\n\t:host([size='lg']) {\n\t\t--_sds-file-upload-label-font-size: var(--sds-file-upload-label-font-size, var(--sds-components-font-size-content-lg));\n\t\t--_sds-file-upload-label-line-height: var(--sds-file-upload-label-line-height, var(--sds-components-line-height-squeezed-lg));\n\t\t--_sds-file-upload-helptext-font-size: var(--sds-file-upload-helptext-font-size, var(--sds-components-font-size-content-lg));\n\t\t--_sds-file-upload-helptext-line-height: var(--sds-file-upload-helptext-line-height, var(--sds-components-line-height-squeezed-lg));\n\t\t--_sds-file-upload-drop-text-font-size: var(--sds-file-upload-drop-text-font-size, var(--sds-components-font-size-content-lg));\n\t\t--_sds-file-upload-drop-text-line-height: var(--sds-file-upload-drop-text-line-height, var(--sds-components-line-height-squeezed-lg));\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t:host([disabled]) {\n\t\topacity: var(--_sds-file-upload-disabled-opacity);\n\t\tpointer-events: none;\n\t}\n\n\t.sds-file-upload {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--_sds-file-upload-gap);\n\t\tfont-family: var(--_sds-file-upload-font-family);\n\t\tmargin-block-end: var(--_sds-file-upload-margin-block-end);\n\t}\n\n\t.sds-file-upload__label {\n\t\tfont-size: var(--_sds-file-upload-label-font-size);\n\t\tfont-weight: var(--_sds-file-upload-label-font-weight);\n\t\tline-height: var(--_sds-file-upload-label-line-height);\n\t\tcolor: var(--_sds-file-upload-label-text-color);\n\n\t\t&[hidden] {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.sds-file-upload__help-text {\n\t\tdisplay: block;\n\t\tcolor: var(--_sds-file-upload-helptext-text-color);\n\t\tfont-size: var(--_sds-file-upload-helptext-font-size);\n\t\tfont-weight: var(--_sds-file-upload-helptext-font-weight);\n\t\tline-height: var(--_sds-file-upload-helptext-line-height);\n\t\tmargin: 0;\n\t}\n\n\t.sds-file-upload__file-limitation-text {\n\t\tmargin: 0;\n\t\tfont-size: var(--_sds-file-upload-file-limitation-text-font-size);\n\t\tfont-weight: var(--_sds-file-upload-file-limitation-text-font-weight);\n\t\tline-height: var(--_sds-file-upload-file-limitation-text-line-height);\n\t\tcolor: var(--_sds-file-upload-file-limitation-text-color);\n\t}\n\n\t.sds-file-upload__input {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmargin: 0;\n\t\topacity: 0;\n\t\tcursor: pointer;\n\t}\n\n\t.sds-file-upload__dropzone:has(.sds-file-upload__input:focus-visible) {\n\t\tbox-shadow: 0 0 0 var(--_sds-file-upload-focus-spacing) var(--_sds-file-upload-focus-color-inner);\n\t\toutline: var(--_sds-file-upload-focus-outline-size) solid var(--_sds-file-upload-focus-color-outer);\n\t\toutline-offset: var(--_sds-file-upload-focus-spacing);\n\t}\n\n\t.sds-file-upload__dropzone {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: var(--_sds-file-upload-dropzone-gap);\n\t\tpadding: var(--_sds-file-upload-dropzone-padding);\n\t\tmargin-block-start: var(--_sds-file-upload-dropzone-margin-block-start);\n\t\ttext-align: center;\n\t\tcursor: pointer;\n\t\tbackground: var(--_sds-file-upload-dropzone-background);\n\t\tborder: var(--_sds-file-upload-dropzone-border-width) dashed var(--_sds-file-upload-dropzone-border-color);\n\t\tborder-radius: var(--_sds-file-upload-dropzone-border-radius);\n\t\tbox-sizing: border-box;\n\t\tposition: relative;\n\t\ttransition:\n\t\t\tbackground-color 0.1s ease-in-out,\n\t\t\tborder-color 0.1s ease-in-out;\n\n\t\t&:hover {\n\t\t\t--_sds-file-upload-dropzone-background: var(--sds-file-upload-dropzone-background, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));\n\t\t\t--_sds-file-upload-dropzone-border-color: var(--sds-file-upload-dropzone-border-color, var(--sds-color-border-strong, var(--sds-color-main-border-strong)));\n\t\t}\n\n\t\t&:hover .sds-file-upload__trigger {\n\t\t\t--sds-button-background-color: transparent;\n\t\t\t--sds-button-border-color: var(--sds-color-action-default, var(--sds-color-main-action-default));\n\t\t\t--sds-button-text-color: var(--sds-color-action-default, var(--sds-color-main-action-default));\n\t\t}\n\n\t\t&:active .sds-file-upload__trigger {\n\t\t\t--sds-button-background-color: var(--sds-color-surface-active, var(--sds-color-main-surface-active));\n\t\t\t--sds-button-border-color: var(--sds-color-action-active, var(--sds-color-main-action-active));\n\t\t}\n\n\t\t.sds-file-upload__drop-hint {\n\t\t\tbackdrop-filter: var(--_sds-file-upload-dropzone-dragging-filter);\n\t\t\tdisplay: var(--_sds-file-upload-dropzone-drop-hint-display);\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tgap: var(--_sds-file-upload-dropzone-gap);\n\t\t\tposition: absolute;\n\t\t\tinset: var(--_sds-file-upload-dropzone-border-width);\n\t\t\tborder-radius: var(--_sds-file-upload-dropzone-border-radius);\n\t\t\tpointer-events: none;\n\n\t\t\t.sds-file-upload__drop-hint-text {\n\t\t\t\tfont-size: var(--_sds-file-upload-drop-text-font-size);\n\t\t\t\tfont-weight: var(--_sds-file-upload-drop-text-font-weight);\n\t\t\t\tline-height: var(--_sds-file-upload-drop-text-line-height);\n\t\t\t}\n\t\t}\n\t}\n\n\t.sds-file-upload__dropzone--dragging {\n\t\t--_sds-file-upload-dropzone-background: var(--sds-file-upload-dropzone-background, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));\n\t\t--_sds-file-upload-dropzone-border-color: var(--sds-file-upload-dropzone-border-color, var(--sds-color-border-strong, var(--sds-color-main-border-strong)));\n\n\t\t.sds-file-upload__trigger {\n\t\t\t--sds-button-background-color: transparent;\n\t\t\t--sds-button-border-color: var(--sds-color-action-default, var(--sds-color-main-action-default));\n\t\t\t--sds-button-text-color: var(--sds-color-action-default, var(--sds-color-main-action-default));\n\t\t}\n\n\t\t.sds-file-upload__drop-hint {\n\t\t\t--_sds-file-upload-dropzone-drop-hint-display: var(--sds-file-upload-dropzone-drop-hint-display, flex);\n\t\t}\n\t}\n\n\t.sds-file-upload__dropzone--error {\n\t\tborder-color: var(--_sds-file-upload-error-border-color);\n\t}\n\n\t:host([variant='compact']) .sds-file-upload__dropzone {\n\t\t--_sds-file-upload-dropzone-gap: var(--sds-file-upload-dropzone-gap, var(--sds-spacing-3xs));\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\n\t\t.sds-file-upload__drop-hint {\n\t\t\tflex-direction: row;\n\t\t}\n\t}\n\n\t.sds-file-upload__trigger {\n\t\t--sds-button-background-color: transparent;\n\t\t--sds-button-border-color: var(--sds-color-action-default, var(--sds-color-neutral-action-default));\n\t\t--sds-button-text-color: var(--sds-color-action-default, var(--sds-color-neutral-action-default));\n\t}\n\n\t.sds-file-upload__drop-text {\n\t\tmargin: 0;\n\t\tfont-size: var(--_sds-file-upload-drop-text-font-size);\n\t\tfont-weight: var(--_sds-file-upload-drop-text-font-weight);\n\t\tline-height: var(--_sds-file-upload-drop-text-line-height);\n\t\tcolor: var(--_sds-file-upload-drop-text-color);\n\t}\n\n\t.sds-file-upload__error-message {\n\t\tmargin-block-end: var(--_sds-file-upload-margin-block-end);\n\t}\n`;\n"]}

package/dist/sds-file-upload-file-list/sds-file-upload-file-list.d.ts

@@ -0,0 +1,14 @@
+import { SDSElement } from '../utils/sds-element';
+export type SDSFileUploadFileListProps = object;
+export declare class SDSFileUploadFileList extends SDSElement {
+    static styles: import("lit").CSSResult[];
+    readonly internals: ElementInternals;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sds-file-upload-file-list': SDSFileUploadFileList;
+    }
+}
+//# sourceMappingURL=sds-file-upload-file-list.d.ts.map

package/dist/sds-file-upload-file-list/sds-file-upload-file-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload-file-list.d.ts","sourceRoot":"","sources":["../../src/sds-file-upload-file-list/sds-file-upload-file-list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAMlD,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAEhD,qBACa,qBAAsB,SAAQ,UAAU;IACpD,OAAgB,MAAM,4BAAY;IAClC,SAAgB,SAAS,EAAE,gBAAgB,CAAC;;IAQnC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,2BAA2B,EAAE,qBAAqB,CAAC;KACnD;CACD"}

package/dist/sds-file-upload-file-list/sds-file-upload-file-list.js

@@ -0,0 +1,26 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { SDSElement } from '../utils/sds-element';
+import { guardedCustomElement } from '../utils/guarded-custom-element';
+import { styles } from './sds-file-upload-file-list.styles';
+let SDSFileUploadFileList = class SDSFileUploadFileList extends SDSElement {
+    constructor() {
+        super();
+        this.internals = this.attachInternals();
+        this.internals.role = 'list';
+    }
+    render() {
+        return html `<div class="sds-file-upload-file-list__items" role="presentation"><slot></slot></div>`;
+    }
+};
+SDSFileUploadFileList.styles = [styles];
+SDSFileUploadFileList = __decorate([
+    guardedCustomElement('sds-file-upload-file-list')
+], SDSFileUploadFileList);
+export { SDSFileUploadFileList };
+//# sourceMappingURL=sds-file-upload-file-list.js.map

package/dist/sds-file-upload-file-list/sds-file-upload-file-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload-file-list.js","sourceRoot":"","sources":["../../src/sds-file-upload-file-list/sds-file-upload-file-list.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAOrD,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAIpD;QACC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACxC,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;IAC9B,CAAC;IAEQ,MAAM;QACd,OAAO,IAAI,CAAA,uFAAuF,CAAC;IACpG,CAAC;;AAXe,4BAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AADtB,qBAAqB;IADjC,oBAAoB,CAAC,2BAA2B,CAAC;GACrC,qBAAqB,CAajC","sourcesContent":["import { html } from 'lit';\nimport { SDSElement } from '../utils/sds-element';\nimport { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { styles } from './sds-file-upload-file-list.styles';\n\n// The component has no properties; `object` keeps `keyof` empty so the SSR and framework\n// prop types that merge with this collapse to the plain HTML attributes.\nexport type SDSFileUploadFileListProps = object;\n\n@guardedCustomElement('sds-file-upload-file-list')\nexport class SDSFileUploadFileList extends SDSElement {\n\tstatic override styles = [styles];\n\tpublic readonly internals: ElementInternals;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.internals = this.attachInternals();\n\t\tthis.internals.role = 'list';\n\t}\n\n\toverride render() {\n\t\treturn html`<div class=\"sds-file-upload-file-list__items\" role=\"presentation\"><slot></slot></div>`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-file-upload-file-list': SDSFileUploadFileList;\n\t}\n}\n"]}

package/dist/sds-file-upload-file-list/sds-file-upload-file-list.styles.d.ts

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

package/dist/sds-file-upload-file-list/sds-file-upload-file-list.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload-file-list.styles.d.ts","sourceRoot":"","sources":["../../src/sds-file-upload-file-list/sds-file-upload-file-list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgBlB,CAAC"}

package/dist/sds-file-upload-file-list/sds-file-upload-file-list.styles.js

@@ -0,0 +1,19 @@
+import { css } from 'lit';
+export const styles = css `
+	:host {
+		display: block;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	.sds-file-upload-file-list__items {
+		--_sds-file-upload-file-list-gap: var(--sds-file-upload-file-list-gap, var(--sds-spacing-3xs));
+
+		display: flex;
+		flex-direction: column;
+		gap: var(--_sds-file-upload-file-list-gap);
+	}
+`;
+//# sourceMappingURL=sds-file-upload-file-list.styles.js.map

package/dist/sds-file-upload-file-list/sds-file-upload-file-list.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload-file-list.styles.js","sourceRoot":"","sources":["../../src/sds-file-upload-file-list/sds-file-upload-file-list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t:host([hidden]) {\n\t\tdisplay: none;\n\t}\n\n\t.sds-file-upload-file-list__items {\n\t\t--_sds-file-upload-file-list-gap: var(--sds-file-upload-file-list-gap, var(--sds-spacing-3xs));\n\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--_sds-file-upload-file-list-gap);\n\t}\n`;\n"]}

package/dist/sds-file-upload-item/assets/u-progress.js

@@ -0,0 +1,2 @@
+/*! @u-elements/u-progress v1.0.1 | MIT License | https://u-elements.github.io/u-elements/ */
+var e,t=()=>"undefined"!=typeof window&&void 0!==window.document&&void 0!==window.navigator,n=t(),r=n?navigator.userAgent:"",i=/iPad|iPhone|iPod/.test(r);n&&/^Mac/i.test((null==(e=navigator.userAgentData)?void 0:e.platform)||navigator.platform);var o=n&&window.CSSStyleSheet&&document.adoptedStyleSheets,a="undefined"==typeof HTMLElement?class{}:HTMLElement,s=(e,t,n)=>void 0===n?e.getAttribute(t):(null===n?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n),null),l=(e,t,n)=>{const r=document.createElement(e);if(n&&(r.textContent=n),t)for(const[e,n]of Object.entries(t))s(r,e,n);return r},d=(e,n)=>!t()||window.customElements.get(e)||window.customElements.define(e,n),u="value",h="max",c=":host(:not([hidden])) { box-sizing: border-box; border: 1px solid; display: inline-block; height: .5em; width: 10em; overflow: hidden }\n:host::before { content: ''; display: block; height: 100%; background: currentColor; width: var(--percentage, 0%); transition: width .2s }\n:host(:not([value])) { background: linear-gradient(90deg,currentColor 25%, transparent 50%, currentColor 75%) 50%/400% }\n@media (prefers-reduced-motion: no-preference) { :host { animation: indeterminate 2s linear infinite }  }\n@keyframes indeterminate { from { background-position-x: 100% } to { background-position-x: 0 } }",m=((e,t="<slot></slot>")=>`<template shadowrootmode="open">${t}<style>${e}</style></template>`)(c),b=class extends a{constructor(){var e;super(),this._skipAttrChange=!1,((e,t)=>{const n=e.shadowRoot||e.attachShadow({mode:"open"});if(n.querySelector("slot")||n.append(l("slot")),!n.querySelector("style"))if(o){const e=new CSSStyleSheet;e.replaceSync(t),n.adoptedStyleSheets=[e]}else n.append(l("style",null,t))})(this,c),this._internals=null==(e=this.attachInternals)?void 0:e.call(this)}static get observedAttributes(){return["aria-label","aria-labelledby",u,h]}connectedCallback(){s(this,"aria-valuemin","0"),s(this,"aria-valuemax","100"),s(this,"role",i?"img":"progressbar"),this.attributeChangedCallback()}attributeChangedCallback(){if(this._skipAttrChange||!this.hasAttribute("role"))return;this._skipAttrChange=!0;const e=this.position,t=Math.max(0,Math.round(100*e));this.style.setProperty("--percentage",`${t}%`);let n=(e=>{var t;const n=s(e,"aria-label")||"";return[...((null==(t=s(e,"aria-labelledby"))?void 0:t.split(" "))||[]).map(e=>document.getElementById(e.trim()||"-")),...Array.from(e.labels||[])].reduce((e,t)=>{var n;return e||(null==(n=null==t?void 0:t.innerText)?void 0:n.trim())||""},n).trim()})(this);i&&(n=`${n.replace(/\(\d+%\)$/,"")} (${t}%)`.trim()),s(this,"aria-busy",`${-1===e}`),s(this,"aria-label",n),s(this,"aria-labelledby",null),s(this,"aria-valuenow",-1===e?null:`${t}`),this._skipAttrChange=!1}get labels(){var e;const t=null==(e=this._internals)?void 0:e.labels;if(t)return t;const r=(e=>{if(!e||!n)return null;if(window.uElementsId||(window.uElementsId={}),!e.id){const t=e.nodeName.toLowerCase();window.uElementsId[t]||(window.uElementsId[t]=1),e.id=`:${t}${window.uElementsId[t]++}`}return e.id})(this),i=this.closest("label:not([for])");return i&&s(i,"for",r),(e=>{var t;const n=(null==(t=e.getRootNode)?void 0:t.call(e))||e.ownerDocument;return n instanceof Document||n instanceof ShadowRoot?n:document})(this).querySelectorAll(`label[for="${r}"]`)}get position(){return this.hasAttribute(u)?Math.min(this.value/this.max,1):-1}get value(){return Math.min(p(this,u),this.max)}set value(e){g(this,u,e)}get max(){return p(this,h,1)}set max(e){g(this,h,e,1)}};b.formAssociated=!0;var p=(e,t,n=0)=>{const r=s(e,t),i=Number(r);return null===r?n:Number.isFinite(i)&&Math.max(n,i)||n},g=(e,t,n,r=0)=>{const i=Number(n);if(Number.isFinite(i))return s(e,t,`${Math.max(r,i)||r}`);throw new Error(`Failed to set the '${t}' property on 'UHTMLProgressElement': The provided double value is non-finite.`)};d("u-progress",b);export{b as UHTMLProgressElement,m as UHTMLProgressShadowRoot,c as UHTMLProgressStyle};

package/dist/sds-file-upload-item/sds-file-upload-item.d.ts

@@ -0,0 +1,62 @@
+import { type PropertyValues } from 'lit';
+import { SDSElement } from '../utils/sds-element';
+import { SheriffEvent } from '../types';
+import '../sds-button/sds-button';
+import '../sds-icon/sds-icon';
+import '../sds-alert/sds-alert';
+import './assets/u-progress.js';
+export interface SDSFileUploadItemProps {
+    file?: string;
+    'size-in-bytes'?: number;
+    'error-message'?: string;
+    preview?: string;
+    'uploaded-percent'?: number;
+    'uploaded-size-in-bytes'?: number;
+    disabled?: boolean;
+    for?: string;
+}
+declare const SDSFileUploadItem_base: import("../mixins/types").Constructable<import("../mixins/sds-event-dispatcher-mixin").SDSEventDispatcherMixinInterface> & typeof SDSElement;
+export declare class SDSFileUploadItem extends SDSFileUploadItem_base {
+    static styles: import("lit").CSSResult[];
+    readonly internals: ElementInternals;
+    file?: string;
+    sizeInBytes?: number;
+    errorMessage?: string;
+    preview?: string;
+    uploadedPercent?: number;
+    uploadedSizeInBytes?: number;
+    disabled: boolean;
+    /**
+     * The `id` of the `sds-file-upload` this item belongs to. When set, pressing the
+     * remove button removes the matching file from that upload (`removeFile`, or
+     * `dismissRejected` for an item with an `error-message`) and removes this element from the DOM.
+     * The `sds-remove` event still fires, and calling `preventDefault()` on it cancels both.
+     */
+    htmlFor?: string;
+    private _previewImg?;
+    private _removeButton?;
+    private _previewLoaded;
+    constructor();
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    focus(options?: FocusOptions): void;
+    private readonly _handleRemove;
+    private get _hasError();
+    private _removeFromAssociatedUpload;
+    private readonly _renderThumbnail;
+    private readonly _renderFileData;
+    private readonly _renderRemoveButton;
+    private readonly _renderProgress;
+    private readonly _renderErrorAlert;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sds-file-upload-item': SDSFileUploadItem;
+    }
+    interface GlobalEventHandlersEventMap {
+        'sds-remove': SheriffEvent;
+    }
+}
+export {};
+//# sourceMappingURL=sds-file-upload-item.d.ts.map

package/dist/sds-file-upload-item/sds-file-upload-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload-item.d.ts","sourceRoot":"","sources":["../../src/sds-file-upload-item/sds-file-upload-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIzD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,0BAA0B,CAAC;AAClC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,wBAAwB,CAAC;AAChC,OAAO,wBAAwB,CAAC;AAGhC,MAAM,WAAW,sBAAsB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;;AAED,qBACa,iBAAkB,SAAQ,sBAAmC;IAEzE,OAAgB,MAAM,4BAAY;IAElC,SAAgB,SAAS,EAAE,gBAAgB,CAAC;IAGD,IAAI,CAAC,EAAE,MAAM,CAAC;IACc,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;IACc,eAAe,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACjE,QAAQ,UAAS;IAE7D;;;;;OAKG;IAC0D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEvB,OAAO,CAAC,WAAW,CAAC,CAAmB;IACtD,OAAO,CAAC,aAAa,CAAC,CAAc;IAGnE,OAAO,CAAC,cAAc,CAAS;;cASrB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;cAIzC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAiBhD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAK5C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAK5B;IAGF,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,CAAC,2BAA2B;IAsBnC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAShB;IAEjB,OAAO,CAAC,QAAQ,CAAC,eAAe,CAa9B;IAEF,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAalC;IAEF,OAAO,CAAC,QAAQ,CAAC,eAAe,CAc9B;IAEF,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAIhC;IAEO,MAAM;CAqBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,iBAAiB,CAAC;KAC1C;IACD,UAAU,2BAA2B;QACpC,YAAY,EAAE,YAAY,CAAC;KAC3B;CACD"}