@shoper/phoenix_design_system 1.2.3-4 → 1.2.3-5

package/build/esm/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/index.d.ts

@@ -3,9 +3,6 @@ export { HOptionContent } from "./components/form/select/components/option/selec
 export { HOptions } from "./components/form/select/components/select_options";
 export { HSelectToggler } from "./components/form/select/components/toggler/select_toggler";
 export { HSelect } from "./components/form/select/select";
-export { HFile } from "./components/form/file_picker/file/file";
-export { HFilePicker } from "./components/form/file_picker/file_picker";
-export { HFilePickerLabel } from "./components/form/file_picker/file_picker_label";
 export { DEFAULT_SLOT_NAME } from "./core/phoenix_light_lit_element/phoenix_light_lit_elements_constants";
 export { IPhoenixWebComponentClass } from "./global_types";
 export { ContextProviderController } from "./core/context/context_provider_controller";
@@ -94,3 +91,10 @@ export { HTooltipContent } from "./components/messages/tooltips/tooltip_content"
 export { HIcon } from "./components/icon/icon";
 export { HTag } from "./components/tag/tag";
 export { HTagRemoveButton } from "./components/tag/tag_remove_button";
+export { HInputStepper } from './components/form/input_stepper/input_stepper';
+export { HDisplayInput } from './components/form/input_stepper/display_input';
+export { HStepperActionButton } from './components/form/input_stepper/stepper_action_button';
+export { HToggle } from './components/toggle/toggle';
+export { HToggleBtn } from './components/toggle/toggle_button';
+export * from './components/toggle/toggle_types';
+export * from './components/toggle/toggle_constants';

package/build/esm/packages/phoenix/src/index.js

@@ -19,9 +19,6 @@ export { HDropdownToggler } from './components/dropdown/dropdown_toggler.js';
 export { RelativePositionController } from './controllers/relative_position_controller/relative_position_controller.js';
 export { HDropdown } from './components/dropdown/dropdown.js';
 export { HSelect } from './components/form/select/select.js';
-export { HFile } from './components/form/file_picker/file/file.js';
-export { HFilePicker } from './components/form/file_picker/file_picker.js';
-export { HFilePickerLabel } from './components/form/file_picker/file_picker_label.js';
 export { HModal } from './components/modal/modal.js';
 export { HModalOpener } from './components/modal/modal_opener.js';
 export { HModalBody } from './components/modal/modal_body.js';
@@ -82,4 +79,10 @@ export { HTooltip } from './components/messages/tooltips/tooltip.js';
 export { HTooltipContent } from './components/messages/tooltips/tooltip_content.js';
 export { HTag } from './components/tag/tag.js';
 export { HTagRemoveButton } from './components/tag/tag_remove_button.js';
+export { HStepperActionButton } from './components/form/input_stepper/stepper_action_button.js';
+export { HInputStepper } from './components/form/input_stepper/input_stepper.js';
+export { HDisplayInput } from './components/form/input_stepper/display_input.js';
+export { TOGGLE_ACTIONS, TOGGLE_CONTEXT_NAME, TOGGLE_EVENT_NAME } from './components/toggle/toggle_constants.js';
+export { HToggle } from './components/toggle/toggle.js';
+export { HToggleBtn } from './components/toggle/toggle_button.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/phoenix/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "1.2.3-4",
+  "version": "1.2.3-5",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "npm": ">=6"
   },
   "scripts": {
-    "storybook": "start-storybook --no-open --port 6007",
+    "storybook": "NODE_OPTIONS=--openssl-legacy-provider && start-storybook --no-open --port 6007",
     "build": "rimraf ./build/ && tsc --project tsconfig.build.json && rollup --config rollup.config.js",
     "watch": "rollup --config rollup.config.js --watch",
     "tests:unit": "jest --max-workers=1 -c .config/jest/jest.config.js",
@@ -30,7 +30,7 @@
     "@splidejs/splide": "^4.0.7"
   },
   "devDependencies": {
-    "@dreamcommerce/utilities": "^1.2.0",
+    "@dreamcommerce/utilities": "^1.2.2",
     "@shoper/jest_config": "^0.0.0",
     "@shoper/tsconfig": "^0.0.0",
     "@splidejs/splide": "4.0.7",

package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js

@@ -1,69 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../../core/decorators/phoenix_custom_element.js');
-var icon_constants = require('../../../icon/icon_constants.js');
-var file_picker_constants = require('../file_picker_constants.js');
-
-exports.HFile = class HFile extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._handleClick = () => {
-            const removeItemEvent = new CustomEvent(file_picker_constants.FILE_ITEM_EVENT_NAMES.removed, {
-                bubbles: true,
-                detail: {
-                    fileId: this.id
-                }
-            });
-            this.dispatchEvent(removeItemEvent);
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('aria-label', this.name);
-        this.classList.add(file_picker_constants.FILE_ITEM_CSS_CLASSES.file);
-    }
-    render() {
-        return lit.html `
-            <span class="${file_picker_constants.FILE_ITEM_CSS_CLASSES.fileName}">${this.name}</span>
-            <button
-                class="${file_picker_constants.FILE_ITEM_CSS_CLASSES.fileRemoveButton}"
-                @click="${this._handleClick}"
-                aria-label="${this.removeButtonText} ${this.name}"
-            >
-                ${this.removeButtonIconName
-            ? lit.html `<h-icon
-                          class="${icon_constants.ICON_CSS_CLASSES.icon} ${file_picker_constants.FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}"
-                          icon-name=${this.removeButtonIconName}
-                      />`
-            : lit.nothing}
-                ${this.removeButtonText}
-            </button>
-        `;
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFile.prototype, "name", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFile.prototype, "id", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'remove-button-text' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFile.prototype, "removeButtonText", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'remove-button-icon-name' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFile.prototype, "removeButtonIconName", void 0);
-exports.HFile = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-file')
-], exports.HFile);
-//# sourceMappingURL=file.js.map

package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/file_picker/file/file_model.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-class FileItem {
-    constructor({ name, id }) {
-        this.name = name;
-        this.id = id;
-    }
-    static create(options) {
-        return new FileItem(options);
-    }
-}
-
-exports.FileItem = FileItem;
-//# sourceMappingURL=file_model.js.map

package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js

@@ -1,162 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var index = require('../../../../external/classnames/index.js');
-var ref_js = require('lit-html/directives/ref.js');
-var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
-var file_picker_constants = require('./file_picker_constants.js');
-var file_model = require('./file/file_model.js');
-var ifDefined = require('lit/directives/if-defined');
-
-exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._$fileInputRef = ref_js.createRef();
-        this._handleChangeEvent = (event) => {
-            const filesList = this._getFiles(event);
-            if (filesList && filesList.length > 0) {
-                this.file = file_model.FileItem.create({
-                    name: this._getFileName(filesList),
-                    id: `file-${v4['default']()}`
-                });
-                this.classList.add(file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
-                this._dispatchChangeEvent();
-            }
-        };
-        this._getFiles = (event) => {
-            const targetElement = event.currentTarget;
-            return targetElement.files;
-        };
-        this._getFileName = (fileList) => {
-            return fileList[0].name;
-        };
-        this._getInputRefValue = () => {
-            return this._$fileInputRef.value;
-        };
-        this._removeFileItem = () => {
-            const $fileInput = this._getInputRefValue();
-            if ($fileInput) {
-                $fileInput.value = '';
-                $fileInput.files = null;
-            }
-            this.file = null;
-            this.classList.remove(file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerHasValue);
-            this._dispatchChangeEvent();
-        };
-        this._triggerClickOnLabel = () => {
-            const $fileInput = this._getInputRefValue();
-            if ($fileInput)
-                $fileInput.click();
-        };
-        this._dispatchChangeEvent = () => {
-            this.dispatchEvent(new Event('change'));
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._addEventListeners();
-        const cssClasses = index['default']({
-            [file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerDisabled]: this.disabled,
-            [file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerRequired]: this.required,
-            [file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerError]: this.error
-        });
-        if (cssClasses)
-            this.classList.add(cssClasses);
-    }
-    render() {
-        var _a, _b;
-        super.render();
-        return lit.html `
-            <input
-                ${ref_js.ref(this._$fileInputRef)}
-                type="file"
-                class="${file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerInput}"
-                id="${ifDefined.ifDefined(this.controlId)}"
-                name="${ifDefined.ifDefined(this.controlName)}"
-                ?disabled="${this.disabled}"
-                ?required="${this.required}"
-                accept="${ifDefined.ifDefined(this.accept)}"
-                @change="${this._handleChangeEvent}"
-                hidden
-            />
-
-            ${!((_a = this.file) === null || _a === void 0 ? void 0 : _a.name)
-            ? lit.html ` <h-file-picker-label
-                      control-id="${this.controlId}"
-                      label-text="${this.labelText}"
-                      label-icon-name="${ifDefined.ifDefined(this.labelIconName)}"
-                  />`
-            : lit.nothing}
-            ${((_b = this.file) === null || _b === void 0 ? void 0 : _b.name)
-            ? lit.html `<h-file
-                      name="${this.file.name}"
-                      id="${this.file.id}"
-                      remove-button-text="${this.removeButtonText}"
-                      remove-button-icon-name="${ifDefined.ifDefined(this.removeButtonIconName)}"
-                  />`
-            : lit.nothing}
-        `;
-    }
-    get files() {
-        const $fileInput = this._getInputRefValue();
-        return $fileInput.files;
-    }
-    _addEventListeners() {
-        this.addEventListener(file_picker_constants.FILE_ITEM_EVENT_NAMES.removed, this._removeFileItem);
-        this.addEventListener(file_picker_constants.FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, this._triggerClickOnLabel);
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'control-id', reflect: true }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePicker.prototype, "controlId", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'control-name' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePicker.prototype, "controlName", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HFilePicker.prototype, "disabled", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HFilePicker.prototype, "required", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HFilePicker.prototype, "error", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'label-text' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePicker.prototype, "labelText", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'label-icon-name' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePicker.prototype, "labelIconName", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'remove-button-text' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePicker.prototype, "removeButtonText", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'remove-button-icon-name' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePicker.prototype, "removeButtonIconName", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePicker.prototype, "accept", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HFilePicker.prototype, "file", void 0);
-exports.HFilePicker = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-file-picker')
-], exports.HFilePicker);
-//# sourceMappingURL=file_picker.js.map

package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_constants.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const baseFileItemClass = 'file';
-const FILE_ITEM_CSS_CLASSES = {
-    file: baseFileItemClass,
-    fileName: `${baseFileItemClass}__name`,
-    fileRemoveButton: `${baseFileItemClass}__remove-button`
-};
-const FILE_ITEM_EVENT_NAMES = {
-    removed: 'fileItemRemoved'
-};
-const baseFilePickerControlClass = 'file-picker';
-const FILE_PICKER_CONTROL_CSS_CLASSES = {
-    filePicker: baseFilePickerControlClass,
-    filePickerDisabled: `${baseFilePickerControlClass}_disabled`,
-    filePickerRequired: `${baseFilePickerControlClass}_required`,
-    filePickerError: `${baseFilePickerControlClass}_error`,
-    filePickerHasValue: `${baseFilePickerControlClass}_has-value`,
-    filePickerInput: `${baseFilePickerControlClass}__input`,
-    filePickerLabel: `${baseFilePickerControlClass}__label`
-};
-const FILE_PICKER_LABEL_EVENT_NAMES = {
-    filePickerLabelClickedByEnterKey: 'filePickerLabelClickedByEnterKey'
-};
-const baseFilePickerIconClass = 'file-picker-icon';
-const FILE_PICKER_ICON_CSS_CLASSES = {
-    filePickerIcon: baseFilePickerIconClass
-};
-
-exports.FILE_ITEM_CSS_CLASSES = FILE_ITEM_CSS_CLASSES;
-exports.FILE_ITEM_EVENT_NAMES = FILE_ITEM_EVENT_NAMES;
-exports.FILE_PICKER_CONTROL_CSS_CLASSES = FILE_PICKER_CONTROL_CSS_CLASSES;
-exports.FILE_PICKER_ICON_CSS_CLASSES = FILE_PICKER_ICON_CSS_CLASSES;
-exports.FILE_PICKER_LABEL_EVENT_NAMES = FILE_PICKER_LABEL_EVENT_NAMES;
-//# sourceMappingURL=file_picker_constants.js.map

package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker_label.js

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var btn_controller = require('../../../controllers/btn_controller/btn_controller.js');
-var icon_constants = require('../../icon/icon_constants.js');
-var file_picker_constants = require('./file_picker_constants.js');
-
-exports.HFilePickerLabel = class HFilePickerLabel extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._dispatchClickEvent = () => {
-            this.dispatchEvent(new CustomEvent(file_picker_constants.FILE_PICKER_LABEL_EVENT_NAMES.filePickerLabelClickedByEnterKey, {
-                bubbles: true
-            }));
-        };
-        this._btnController = new btn_controller.BtnController(this, this._dispatchClickEvent);
-    }
-    render() {
-        super.render();
-        return lit.html `<label class="${file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerLabel}" for="${this.controlId}">
-            ${this.labelIconName
-            ? lit.html `<h-icon
-                      class="${icon_constants.ICON_CSS_CLASSES.icon} ${file_picker_constants.FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}"
-                      icon-name=${this.labelIconName}
-                  />`
-            : lit.nothing}
-            ${this.labelText}
-        </label>`;
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'control-id', reflect: true }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePickerLabel.prototype, "controlId", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'label-text' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePickerLabel.prototype, "labelText", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'label-icon-name' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HFilePickerLabel.prototype, "labelIconName", void 0);
-exports.HFilePickerLabel = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-file-picker-label'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HFilePickerLabel);
-//# sourceMappingURL=file_picker_label.js.map

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.d.ts

@@ -1,11 +0,0 @@
-import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HFile extends PhoenixLightLitElement {
-    name: string;
-    id: string;
-    removeButtonText: string;
-    removeButtonIconName: string;
-    connectedCallback(): void;
-    protected render(): TemplateResult;
-    private _handleClick;
-}

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file.js

@@ -1,67 +0,0 @@
-import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
-import { html, nothing } from 'lit';
-import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../../core/decorators/phoenix_custom_element.js';
-import { ICON_CSS_CLASSES } from '../../../icon/icon_constants.js';
-import { FILE_ITEM_EVENT_NAMES, FILE_ITEM_CSS_CLASSES, FILE_PICKER_ICON_CSS_CLASSES } from '../file_picker_constants.js';
-
-let HFile = class HFile extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._handleClick = () => {
-            const removeItemEvent = new CustomEvent(FILE_ITEM_EVENT_NAMES.removed, {
-                bubbles: true,
-                detail: {
-                    fileId: this.id
-                }
-            });
-            this.dispatchEvent(removeItemEvent);
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('aria-label', this.name);
-        this.classList.add(FILE_ITEM_CSS_CLASSES.file);
-    }
-    render() {
-        return html `
-            <span class="${FILE_ITEM_CSS_CLASSES.fileName}">${this.name}</span>
-            <button
-                class="${FILE_ITEM_CSS_CLASSES.fileRemoveButton}"
-                @click="${this._handleClick}"
-                aria-label="${this.removeButtonText} ${this.name}"
-            >
-                ${this.removeButtonIconName
-            ? html `<h-icon
-                          class="${ICON_CSS_CLASSES.icon} ${FILE_PICKER_ICON_CSS_CLASSES.filePickerIcon}"
-                          icon-name=${this.removeButtonIconName}
-                      />`
-            : nothing}
-                ${this.removeButtonText}
-            </button>
-        `;
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HFile.prototype, "name", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HFile.prototype, "id", void 0);
-__decorate([
-    property({ type: String, attribute: 'remove-button-text' }),
-    __metadata("design:type", String)
-], HFile.prototype, "removeButtonText", void 0);
-__decorate([
-    property({ type: String, attribute: 'remove-button-icon-name' }),
-    __metadata("design:type", String)
-], HFile.prototype, "removeButtonIconName", void 0);
-HFile = __decorate([
-    phoenixCustomElement('h-file')
-], HFile);
-
-export { HFile };
-//# sourceMappingURL=file.js.map

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.d.ts

@@ -1,7 +0,0 @@
-import { TFileItemConstructorOptions } from '../file_picker_constants';
-export declare class FileItem {
-    name: string;
-    id: string;
-    private constructor();
-    static create(options: TFileItemConstructorOptions): FileItem;
-}

package/build/esm/packages/phoenix/src/components/form/file_picker/file/file_model.js

@@ -1,12 +0,0 @@
-class FileItem {
-    constructor({ name, id }) {
-        this.name = name;
-        this.id = id;
-    }
-    static create(options) {
-        return new FileItem(options);
-    }
-}
-
-export { FileItem };
-//# sourceMappingURL=file_model.js.map

package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts

@@ -1,27 +0,0 @@
-import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HFilePicker extends PhoenixLightLitElement {
-    controlId: string;
-    controlName: string;
-    disabled: boolean;
-    required: boolean;
-    error: boolean;
-    labelText: string;
-    labelIconName: string;
-    removeButtonText: string;
-    removeButtonIconName: string;
-    accept: string;
-    private file;
-    private _$fileInputRef;
-    connectedCallback(): void;
-    protected render(): TemplateResult;
-    get files(): FileList | null;
-    private _addEventListeners;
-    private _handleChangeEvent;
-    private _getFiles;
-    private _getFileName;
-    private _getInputRefValue;
-    private _removeFileItem;
-    private _triggerClickOnLabel;
-    private _dispatchChangeEvent;
-}