@shoper/phoenix_design_system 1.11.11-28 → 1.11.11-29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js +8 -0
  2. package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +1 -16
  4. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js +8 -0
  6. package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js.map +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/input/input_control.d.ts +0 -3
  8. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +1 -16
  9. package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map +1 -1
  10. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js CHANGED
@@ -31,6 +31,14 @@ exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_el
31
31
  this.setAttribute('aria-expanded', opened ? 'true' : 'false');
32
32
  this.setAttribute('aria-controls', controlsId);
33
33
  this.setAttribute('aria-disabled', disabled ? 'true' : 'false');
34
+ if (disabled) {
35
+ this.removeAttribute('role');
36
+ this.removeAttribute('tabindex');
37
+ }
38
+ else {
39
+ this.setAttribute('role', 'button');
40
+ this.setAttribute('tabindex', '0');
41
+ }
34
42
  }
35
43
  disconnectedCallback() {
36
44
  if (this._accordionGroupProps) {
package/build/cjs/packages/phoenix/src/components/accordion/accordion_toggler.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 CHANGED
@@ -118,12 +118,9 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
118
118
  .value="${ifDefined_js.ifDefined(this.value)}"
119
119
  placeholder="${ifDefined_js.ifDefined(this.placeholder)}"
120
120
  ?disabled="${this.disabled}"
121
+ ?required="${this.required}"
121
122
  ?readonly="${this.readonly}"
122
123
  ?hidden="${this.hidden}"
123
- ?autofocus="${this.autofocus}"
124
- aria-required="${this.required ? 'true' : 'false'}"
125
- aria-describedby="${this.ariaDescribedBy}"
126
- aria-invalid="${this.error ? 'true' : 'false'}"
127
124
  @mousedown="${this._handleMouseDownEvent}"
128
125
  @mouseup="${this._handleMouseUpEvent}"
129
126
  @blur="${this._handleBlurEvent}"
@@ -185,18 +182,6 @@ tslib_es6.__decorate([
185
182
  decorators.property({ type: String, attribute: 'valid-pattern' }),
186
183
  tslib_es6.__metadata("design:type", String)
187
184
  ], exports.HInputControl.prototype, "validPattern", void 0);
188
- tslib_es6.__decorate([
189
- decorators.property({ type: Boolean }),
190
- tslib_es6.__metadata("design:type", Boolean)
191
- ], exports.HInputControl.prototype, "autofocus", void 0);
192
- tslib_es6.__decorate([
193
- decorators.property({ type: String, attribute: 'aria-describedby' }),
194
- tslib_es6.__metadata("design:type", String)
195
- ], exports.HInputControl.prototype, "ariaDescribedBy", void 0);
196
- tslib_es6.__decorate([
197
- decorators.property({ type: Boolean }),
198
- tslib_es6.__metadata("design:type", Boolean)
199
- ], exports.HInputControl.prototype, "error", void 0);
200
185
  exports.HInputControl = tslib_es6.__decorate([
201
186
  phoenix_custom_element.phoenixCustomElement('h-input-control'),
202
187
  tslib_es6.__metadata("design:paramtypes", [])
package/build/cjs/packages/phoenix/src/components/form/input/input_control.js.map CHANGED
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/accordion/accordion_toggler.js CHANGED
@@ -27,6 +27,14 @@ let HAccordionToggler = class HAccordionToggler extends PhoenixLightLitElement {
27
27
  this.setAttribute('aria-expanded', opened ? 'true' : 'false');
28
28
  this.setAttribute('aria-controls', controlsId);
29
29
  this.setAttribute('aria-disabled', disabled ? 'true' : 'false');
30
+ if (disabled) {
31
+ this.removeAttribute('role');
32
+ this.removeAttribute('tabindex');
33
+ }
34
+ else {
35
+ this.setAttribute('role', 'button');
36
+ this.setAttribute('tabindex', '0');
37
+ }
30
38
  }
31
39
  disconnectedCallback() {
32
40
  if (this._accordionGroupProps) {
package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/input/input_control.d.ts CHANGED
@@ -14,9 +14,6 @@ export declare class HInputControl extends PhoenixLightLitElement {
14
14
  mask: string;
15
15
  pattern: string;
16
16
  validPattern: string;
17
- autofocus: boolean;
18
- ariaDescribedBy: string;
19
- error: boolean;
20
17
  private _inputRef;
21
18
  private _inputMaskController;
22
19
  constructor();
package/build/esm/packages/phoenix/src/components/form/input/input_control.js CHANGED
@@ -114,12 +114,9 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
114
114
  .value="${ifDefined(this.value)}"
115
115
  placeholder="${ifDefined(this.placeholder)}"
116
116
  ?disabled="${this.disabled}"
117
+ ?required="${this.required}"
117
118
  ?readonly="${this.readonly}"
118
119
  ?hidden="${this.hidden}"
119
- ?autofocus="${this.autofocus}"
120
- aria-required="${this.required ? 'true' : 'false'}"
121
- aria-describedby="${this.ariaDescribedBy}"
122
- aria-invalid="${this.error ? 'true' : 'false'}"
123
120
  @mousedown="${this._handleMouseDownEvent}"
124
121
  @mouseup="${this._handleMouseUpEvent}"
125
122
  @blur="${this._handleBlurEvent}"
@@ -181,18 +178,6 @@ __decorate([
181
178
  property({ type: String, attribute: 'valid-pattern' }),
182
179
  __metadata("design:type", String)
183
180
  ], HInputControl.prototype, "validPattern", void 0);
184
- __decorate([
185
- property({ type: Boolean }),
186
- __metadata("design:type", Boolean)
187
- ], HInputControl.prototype, "autofocus", void 0);
188
- __decorate([
189
- property({ type: String, attribute: 'aria-describedby' }),
190
- __metadata("design:type", String)
191
- ], HInputControl.prototype, "ariaDescribedBy", void 0);
192
- __decorate([
193
- property({ type: Boolean }),
194
- __metadata("design:type", Boolean)
195
- ], HInputControl.prototype, "error", void 0);
196
181
  HInputControl = __decorate([
197
182
  phoenixCustomElement('h-input-control'),
198
183
  __metadata("design:paramtypes", [])
package/build/esm/packages/phoenix/src/components/form/input/input_control.js.map CHANGED
@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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 CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.11.11-28",
5
+ "version": "1.11.11-29",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",