@shoper/phoenix_design_system 0.11.0-1 → 0.11.0

package/build/cjs/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_constants.js

@@ -10,8 +10,8 @@ const BASE_FORM_CONTROL_PROPS = {
     required: 'required',
     hidden: 'hidden',
     readonly: 'readonly',
-    id: 'id',
-    name: 'name',
+    controlId: 'controlId',
+    controlName: 'controlName',
     value: 'value'
 };
 

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

@@ -35,6 +35,14 @@ exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitE
             this.classList.add(cssClasses);
     }
 };
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInput.prototype, "controlId", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInput.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input/input_control.js

@@ -38,8 +38,8 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
         super.render();
         return lit.html `
             <input
-                id="${this.id}"
-                name="${this.name}"
+                id="${this.controlId}"
+                name="${this.controlName}"
                 type="${this.type}"
                 value="${this.value}"
                 class="${input_constants.INPUT_CONTROL_CSS_CLASSES.inputControl}"
@@ -56,15 +56,15 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "type", void 0);
+], exports.HInputControl.prototype, "controlId", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "id", void 0);
+], exports.HInputControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "name", void 0);
+], exports.HInputControl.prototype, "type", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
     tslib_es6.__metadata("design:type", Object)

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

@@ -41,11 +41,11 @@ exports.HRadio = class HRadio extends phoenix_light_lit_element.PhoenixLightLitE
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HRadio.prototype, "id", void 0);
+], exports.HRadio.prototype, "controlId", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HRadio.prototype, "name", void 0);
+], exports.HRadio.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
     tslib_es6.__metadata("design:type", Object)

package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js

@@ -4,6 +4,7 @@ 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.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
@@ -24,7 +25,7 @@ exports.HRadioContent = class HRadioContent extends phoenix_light_lit_element.Ph
     render() {
         super.render();
         return lit.html `
-            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.id}">${this.getSlot(radio_constants.RADIO_SLOTS.label)}</label>
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(radio_constants.RADIO_SLOTS.label)}</label>
 
             ${this.hasSlot(radio_constants.RADIO_SLOTS.description)
             ? lit.html ` <div class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDescription}">${this.getSlot(radio_constants.RADIO_SLOTS.description)}</div> `
@@ -32,6 +33,10 @@ exports.HRadioContent = class HRadioContent extends phoenix_light_lit_element.Ph
         `;
     }
 };
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HRadioContent.prototype, "controlId", void 0);
 exports.HRadioContent = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-radio-content'),
     tslib_es6.__metadata("design:paramtypes", [])

package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/radio/radio_control.js

@@ -38,8 +38,8 @@ exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.Ph
             <input
                 type="radio"
                 class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioInput}"
-                id="${this.id}"
-                name="${this.name}"
+                id="${this.controlId}"
+                name="${this.controlName}"
                 value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
@@ -49,18 +49,18 @@ exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.Ph
                 @change="${this._handleChangeEvent}"
             />
 
-            <label class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${this.id}"></label>
+            <label class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${this.controlId}"></label>
         `;
     }
 };
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HRadioControl.prototype, "id", void 0);
+], exports.HRadioControl.prototype, "controlId", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HRadioControl.prototype, "name", void 0);
+], exports.HRadioControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
     tslib_es6.__metadata("design:type", Object)

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

@@ -41,11 +41,11 @@ exports.HSwitch = class HSwitch extends phoenix_light_lit_element.PhoenixLightLi
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HSwitch.prototype, "id", void 0);
+], exports.HSwitch.prototype, "controlId", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HSwitch.prototype, "name", void 0);
+], exports.HSwitch.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
     tslib_es6.__metadata("design:type", Object)

package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js

@@ -4,6 +4,7 @@ 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.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
@@ -24,7 +25,7 @@ exports.HSwitchContent = class HSwitchContent extends phoenix_light_lit_element.
     render() {
         super.render();
         return lit.html `
-            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.id}">${this.getSlot(switch_constants.SWITCH_SLOTS.label)}</label>
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(switch_constants.SWITCH_SLOTS.label)}</label>
 
             ${this.hasSlot(switch_constants.SWITCH_SLOTS.description)
             ? lit.html ` <div class="${switch_constants.SWITCH_CONTROL_CSS_CLASSES.switchDescription}">${this.getSlot(switch_constants.SWITCH_SLOTS.description)}</div> `
@@ -32,6 +33,10 @@ exports.HSwitchContent = class HSwitchContent extends phoenix_light_lit_element.
         `;
     }
 };
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HSwitchContent.prototype, "controlId", void 0);
 exports.HSwitchContent = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-switch-content'),
     tslib_es6.__metadata("design:paramtypes", [])

package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/switch/switch_control.js

@@ -38,8 +38,8 @@ exports.HSwitchControl = class HSwitchControl extends phoenix_light_lit_element.
             <input
                 type="checkbox"
                 class="${switch_constants.SWITCH_CONTROL_CSS_CLASSES.switchInput}"
-                id="${this.id}"
-                name="${this.name}"
+                id="${this.controlId}"
+                name="${this.controlName}"
                 value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
@@ -49,18 +49,18 @@ exports.HSwitchControl = class HSwitchControl extends phoenix_light_lit_element.
                 @change="${this._handleChangeEvent}"
             />
 
-            <label class="${switch_constants.SWITCH_CONTROL_CSS_CLASSES.switchLabel}" for="${this.id}"></label>
+            <label class="${switch_constants.SWITCH_CONTROL_CSS_CLASSES.switchLabel}" for="${this.controlId}"></label>
         `;
     }
 };
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HSwitchControl.prototype, "id", void 0);
+], exports.HSwitchControl.prototype, "controlId", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
-], exports.HSwitchControl.prototype, "name", void 0);
+], exports.HSwitchControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
     tslib_es6.__metadata("design:type", Object)

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_constants.d.ts

@@ -6,7 +6,7 @@ export declare const BASE_FORM_CONTROL_PROPS: {
     readonly required: "required";
     readonly hidden: "hidden";
     readonly readonly: "readonly";
-    readonly id: "id";
-    readonly name: "name";
+    readonly controlId: "controlId";
+    readonly controlName: "controlName";
     readonly value: "value";
 };

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_controller_constants.js

@@ -6,8 +6,8 @@ const BASE_FORM_CONTROL_PROPS = {
     required: 'required',
     hidden: 'hidden',
     readonly: 'readonly',
-    id: 'id',
-    name: 'name',
+    controlId: 'controlId',
+    controlName: 'controlName',
     value: 'value'
 };
 

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

@@ -1,6 +1,8 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 import type { TInputSizesType } from "./input_types";
 export declare class HInput extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
     size?: TInputSizesType;
     withButton: boolean;
     disabled: boolean;

package/build/esm/packages/phoenix/src/components/form/input/input.js

@@ -31,6 +31,14 @@ let HInput = class HInput extends PhoenixLightLitElement {
             this.classList.add(cssClasses);
     }
 };
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "controlName", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)

package/build/esm/packages/phoenix/src/components/form/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/input/input_control.d.ts

@@ -2,9 +2,9 @@ import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element"
 import { TemplateResult } from 'lit';
 import type { TInputControlType } from "./input_types";
 export declare class HInputControl extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
     type: TInputControlType;
-    id: string;
-    name: string;
     disabled: boolean;
     required: boolean;
     hidden: boolean;

package/build/esm/packages/phoenix/src/components/form/input/input_control.js

@@ -34,8 +34,8 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
         super.render();
         return html `
             <input
-                id="${this.id}"
-                name="${this.name}"
+                id="${this.controlId}"
+                name="${this.controlName}"
                 type="${this.type}"
                 value="${this.value}"
                 class="${INPUT_CONTROL_CSS_CLASSES.inputControl}"
@@ -52,15 +52,15 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HInputControl.prototype, "type", void 0);
+], HInputControl.prototype, "controlId", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HInputControl.prototype, "id", void 0);
+], HInputControl.prototype, "controlName", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HInputControl.prototype, "name", void 0);
+], HInputControl.prototype, "type", void 0);
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)

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

@@ -1,7 +1,7 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 export declare class HRadio extends PhoenixLightLitElement {
-    id: string;
-    name: string;
+    controlId: string;
+    controlName: string;
     disabled: boolean;
     required: boolean;
     hidden: boolean;

package/build/esm/packages/phoenix/src/components/form/radio/radio.js

@@ -37,11 +37,11 @@ let HRadio = class HRadio extends PhoenixLightLitElement {
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HRadio.prototype, "id", void 0);
+], HRadio.prototype, "controlId", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HRadio.prototype, "name", void 0);
+], HRadio.prototype, "controlName", void 0);
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)

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

@@ -1,6 +1,7 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 import { TemplateResult } from 'lit';
 export declare class HRadioContent extends PhoenixLightLitElement {
+    controlId: string;
     constructor();
     connectedCallback(): void;
     protected render(): TemplateResult;

package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js

@@ -1,5 +1,6 @@
 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.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
@@ -20,7 +21,7 @@ let HRadioContent = class HRadioContent extends PhoenixLightLitElement {
     render() {
         super.render();
         return html `
-            <label class="${LABEL_CSS_CLASSES.label}" for="${this.id}">${this.getSlot(RADIO_SLOTS.label)}</label>
+            <label class="${LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(RADIO_SLOTS.label)}</label>
 
             ${this.hasSlot(RADIO_SLOTS.description)
             ? html ` <div class="${RADIO_CONTROL_CSS_CLASSES.radioDescription}">${this.getSlot(RADIO_SLOTS.description)}</div> `
@@ -28,6 +29,10 @@ let HRadioContent = class HRadioContent extends PhoenixLightLitElement {
         `;
     }
 };
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HRadioContent.prototype, "controlId", void 0);
 HRadioContent = __decorate([
     phoenixCustomElement('h-radio-content'),
     __metadata("design:paramtypes", [])

package/build/esm/packages/phoenix/src/components/form/radio/radio_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/radio/radio_control.d.ts

@@ -1,8 +1,8 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 import { TemplateResult } from 'lit';
 export declare class HRadioControl extends PhoenixLightLitElement {
-    id: string;
-    name: string;
+    controlId: string;
+    controlName: string;
     disabled: boolean;
     required: boolean;
     hidden: boolean;

package/build/esm/packages/phoenix/src/components/form/radio/radio_control.js

@@ -34,8 +34,8 @@ let HRadioControl = class HRadioControl extends PhoenixLightLitElement {
             <input
                 type="radio"
                 class="${RADIO_CONTROL_CSS_CLASSES.radioInput}"
-                id="${this.id}"
-                name="${this.name}"
+                id="${this.controlId}"
+                name="${this.controlName}"
                 value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
@@ -45,18 +45,18 @@ let HRadioControl = class HRadioControl extends PhoenixLightLitElement {
                 @change="${this._handleChangeEvent}"
             />
 
-            <label class="${RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${this.id}"></label>
+            <label class="${RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${this.controlId}"></label>
         `;
     }
 };
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HRadioControl.prototype, "id", void 0);
+], HRadioControl.prototype, "controlId", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HRadioControl.prototype, "name", void 0);
+], HRadioControl.prototype, "controlName", void 0);
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)

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

@@ -1,7 +1,7 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 export declare class HSwitch extends PhoenixLightLitElement {
-    id: string;
-    name: string;
+    controlId: string;
+    controlName: string;
     disabled: boolean;
     required: boolean;
     hidden: boolean;

package/build/esm/packages/phoenix/src/components/form/switch/switch.js

@@ -37,11 +37,11 @@ let HSwitch = class HSwitch extends PhoenixLightLitElement {
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HSwitch.prototype, "id", void 0);
+], HSwitch.prototype, "controlId", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HSwitch.prototype, "name", void 0);
+], HSwitch.prototype, "controlName", void 0);
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)

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

@@ -1,6 +1,7 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 import { TemplateResult } from 'lit';
 export declare class HSwitchContent extends PhoenixLightLitElement {
+    controlId: string;
     constructor();
     connectedCallback(): void;
     protected render(): TemplateResult;

package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js

@@ -1,5 +1,6 @@
 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.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
@@ -20,7 +21,7 @@ let HSwitchContent = class HSwitchContent extends PhoenixLightLitElement {
     render() {
         super.render();
         return html `
-            <label class="${LABEL_CSS_CLASSES.label}" for="${this.id}">${this.getSlot(SWITCH_SLOTS.label)}</label>
+            <label class="${LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(SWITCH_SLOTS.label)}</label>
 
             ${this.hasSlot(SWITCH_SLOTS.description)
             ? html ` <div class="${SWITCH_CONTROL_CSS_CLASSES.switchDescription}">${this.getSlot(SWITCH_SLOTS.description)}</div> `
@@ -28,6 +29,10 @@ let HSwitchContent = class HSwitchContent extends PhoenixLightLitElement {
         `;
     }
 };
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HSwitchContent.prototype, "controlId", void 0);
 HSwitchContent = __decorate([
     phoenixCustomElement('h-switch-content'),
     __metadata("design:paramtypes", [])

package/build/esm/packages/phoenix/src/components/form/switch/switch_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/form/switch/switch_control.d.ts

@@ -1,8 +1,8 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
 import { TemplateResult } from 'lit';
 export declare class HSwitchControl extends PhoenixLightLitElement {
-    id: string;
-    name: string;
+    controlId: string;
+    controlName: string;
     disabled: boolean;
     required: boolean;
     hidden: boolean;

package/build/esm/packages/phoenix/src/components/form/switch/switch_control.js

@@ -34,8 +34,8 @@ let HSwitchControl = class HSwitchControl extends PhoenixLightLitElement {
             <input
                 type="checkbox"
                 class="${SWITCH_CONTROL_CSS_CLASSES.switchInput}"
-                id="${this.id}"
-                name="${this.name}"
+                id="${this.controlId}"
+                name="${this.controlName}"
                 value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
@@ -45,18 +45,18 @@ let HSwitchControl = class HSwitchControl extends PhoenixLightLitElement {
                 @change="${this._handleChangeEvent}"
             />
 
-            <label class="${SWITCH_CONTROL_CSS_CLASSES.switchLabel}" for="${this.id}"></label>
+            <label class="${SWITCH_CONTROL_CSS_CLASSES.switchLabel}" for="${this.controlId}"></label>
         `;
     }
 };
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HSwitchControl.prototype, "id", void 0);
+], HSwitchControl.prototype, "controlId", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
-], HSwitchControl.prototype, "name", void 0);
+], HSwitchControl.prototype, "controlName", void 0);
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.11.0-1",
+  "version": "0.11.0",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",