@shoper/phoenix_design_system 1.2.17 → 1.2.18

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 (16) hide show
  1. package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js +2 -3
  2. package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/file_picker/file_picker.js +3 -3
  4. package/build/cjs/packages/phoenix/src/components/form/input/input.js +1 -1
  5. package/build/cjs/packages/phoenix/src/components/form/input/input_control.js +1 -1
  6. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js +3 -4
  7. package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.d.ts +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js +3 -3
  10. package/build/esm/packages/phoenix/src/components/form/input/input.js +1 -1
  11. package/build/esm/packages/phoenix/src/components/form/input/input_control.js +1 -1
  12. package/build/esm/packages/phoenix/src/components/form/radio/radio_types.d.ts +0 -3
  13. package/build/esm/packages/phoenix/src/components/form/radio/radio_types.js +0 -2
  14. package/build/esm/packages/phoenix/src/components/form/radio/radio_types.js.map +1 -1
  15. package/build/esm/packages/phoenix/src/index.d.ts +0 -1
  16. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js CHANGED
@@ -125,9 +125,8 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
125
125
  render() {
126
126
  return lit.html `
127
127
  ${this.getSlot('default')}
128
- ${this._$colors.length > this.numberOfVisibleColors
129
- ? lit.html `<h-color-swatches-show-more>${this.showMoreBtnText}</h-color-swatches-show-more>`
130
- : lit.nothing}
128
+ ${this._$colors.length > this.numberOfVisibleColors &&
129
+ lit.html `<h-color-swatches-show-more>${this.showMoreBtnText}</h-color-swatches-show-more>`}
131
130
  `;
132
131
  }
133
132
  };
package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_picker.js CHANGED
@@ -12,8 +12,8 @@ var ref_js = require('lit-html/directives/ref.js');
12
12
  var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
13
13
  var file_picker_constants = require('./file_picker_constants.js');
14
14
  var file_model = require('./file/file_model.js');
15
- var ifDefined_js = require('lit-html/directives/if-defined.js');
16
15
  var input_constants = require('../input/input_constants.js');
16
+ var ifDefined_js = require('lit-html/directives/if-defined.js');
17
17
 
18
18
  exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.PhoenixLightLitElement {
19
19
  constructor() {
@@ -36,7 +36,7 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
36
36
  };
37
37
  this._getFiles = (event) => {
38
38
  const targetElement = event.currentTarget;
39
- return targetElement.files;
39
+ return targetElement.id === this.controlId ? targetElement.files : null;
40
40
  };
41
41
  this._getFileName = (fileList) => {
42
42
  return fileList[0].name;
@@ -73,7 +73,7 @@ exports.HFilePicker = class HFilePicker extends phoenix_light_lit_element.Phoeni
73
73
  [file_picker_constants.FILE_PICKER_CONTROL_CSS_CLASSES.filePickerError]: this.error
74
74
  });
75
75
  if (cssClasses)
76
- this.classList.add(cssClasses);
76
+ this.classList.add(...cssClasses.split(' '));
77
77
  }
78
78
  render() {
79
79
  var _a, _b;
package/build/cjs/packages/phoenix/src/components/form/input/input.js CHANGED
@@ -31,7 +31,7 @@ exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitE
31
31
  [input_constants.INPUT_CONTROL_CSS_CLASSES.inputError]: this.error
32
32
  }, input_constants.INPUT_CONTROL_CSS_CLASSES[(_a = this.size) !== null && _a !== void 0 ? _a : '']);
33
33
  if (cssClasses)
34
- this.classList.add(cssClasses);
34
+ this.classList.add(...cssClasses.split(' '));
35
35
  }
36
36
  };
37
37
  tslib_es6.__decorate([
package/build/cjs/packages/phoenix/src/components/form/input/input_control.js CHANGED
@@ -7,8 +7,8 @@ var lit = require('lit');
7
7
  var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
- var ifDefined_js = require('lit-html/directives/if-defined.js');
11
10
  var input_constants = require('./input_constants.js');
11
+ var ifDefined_js = require('lit-html/directives/if-defined.js');
12
12
  var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
13
13
 
14
14
  exports.HInputControl = class HInputControl extends phoenix_light_lit_element.PhoenixLightLitElement {
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
2
- import { html, nothing } from 'lit';
2
+ import { html } from 'lit';
3
3
  import { property } from 'lit/decorators';
4
4
  import { ArrayUtils } from '@dreamcommerce/utilities';
5
5
  import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
@@ -121,9 +121,8 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
121
121
  render() {
122
122
  return html `
123
123
  ${this.getSlot('default')}
124
- ${this._$colors.length > this.numberOfVisibleColors
125
- ? html `<h-color-swatches-show-more>${this.showMoreBtnText}</h-color-swatches-show-more>`
126
- : nothing}
124
+ ${this._$colors.length > this.numberOfVisibleColors &&
125
+ html `<h-color-swatches-show-more>${this.showMoreBtnText}</h-color-swatches-show-more>`}
127
126
  `;
128
127
  }
129
128
  };
package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/file_picker/file_picker.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { TemplateResult } from 'lit';
2
- import type { TInputControlType } from "../input/input_types";
3
2
  import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
3
+ import type { TInputControlType } from "../input/input_types";
4
4
  export declare class HFilePicker extends PhoenixLightLitElement {
5
5
  controlId: string;
6
6
  controlName: string;
package/build/esm/packages/phoenix/src/components/form/file_picker/file_picker.js CHANGED
@@ -8,8 +8,8 @@ import { createRef, ref } from 'lit-html/directives/ref.js';
8
8
  import v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
9
9
  import { FILE_PICKER_CONTROL_CSS_CLASSES, FILE_ITEM_EVENT_NAMES, FILE_PICKER_LABEL_EVENT_NAMES } from './file_picker_constants.js';
10
10
  import { FileItem } from './file/file_model.js';
11
- import { ifDefined } from 'lit-html/directives/if-defined.js';
12
11
  import { INPUT_CONTROL_TYPES } from '../input/input_constants.js';
12
+ import { ifDefined } from 'lit-html/directives/if-defined.js';
13
13
 
14
14
  let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
15
15
  constructor() {
@@ -32,7 +32,7 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
32
32
  };
33
33
  this._getFiles = (event) => {
34
34
  const targetElement = event.currentTarget;
35
- return targetElement.files;
35
+ return targetElement.id === this.controlId ? targetElement.files : null;
36
36
  };
37
37
  this._getFileName = (fileList) => {
38
38
  return fileList[0].name;
@@ -69,7 +69,7 @@ let HFilePicker = class HFilePicker extends PhoenixLightLitElement {
69
69
  [FILE_PICKER_CONTROL_CSS_CLASSES.filePickerError]: this.error
70
70
  });
71
71
  if (cssClasses)
72
- this.classList.add(cssClasses);
72
+ this.classList.add(...cssClasses.split(' '));
73
73
  }
74
74
  render() {
75
75
  var _a, _b;
package/build/esm/packages/phoenix/src/components/form/input/input.js CHANGED
@@ -27,7 +27,7 @@ let HInput = class HInput extends PhoenixLightLitElement {
27
27
  [INPUT_CONTROL_CSS_CLASSES.inputError]: this.error
28
28
  }, INPUT_CONTROL_CSS_CLASSES[(_a = this.size) !== null && _a !== void 0 ? _a : '']);
29
29
  if (cssClasses)
30
- this.classList.add(cssClasses);
30
+ this.classList.add(...cssClasses.split(' '));
31
31
  }
32
32
  };
33
33
  __decorate([
package/build/esm/packages/phoenix/src/components/form/input/input_control.js CHANGED
@@ -3,8 +3,8 @@ import { html } from 'lit';
3
3
  import { property } from 'lit/decorators';
4
4
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
5
5
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
6
- import { ifDefined } from 'lit-html/directives/if-defined.js';
7
6
  import { INPUT_CONTROL_TYPES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
7
+ import { ifDefined } from 'lit-html/directives/if-defined.js';
8
8
  import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
9
9
 
10
10
  let HInputControl = class HInputControl extends PhoenixLightLitElement {
package/build/esm/packages/phoenix/src/components/form/radio/radio_types.d.ts CHANGED
@@ -1,8 +1,6 @@
1
1
  import { HRadio } from "./radio";
2
2
  import { HRadioContent } from "./radio_content";
3
3
  import { HRadioControl } from "./radio_control";
4
- import { RADIO_CONTROL_VARIANTS } from "./radio_constants";
5
- import { Any } from 'ts-toolbelt';
6
4
  declare global {
7
5
  interface HTMLElementTagNameMap {
8
6
  'h-radio': HRadio;
@@ -18,4 +16,3 @@ declare global {
18
16
  'h-radio-control': HRadioControl;
19
17
  }
20
18
  }
21
- export declare type TRadioVariant = Any.Keys<typeof RADIO_CONTROL_VARIANTS>;
package/build/esm/packages/phoenix/src/components/form/radio/radio_types.js CHANGED
@@ -1,6 +1,4 @@
1
1
  import '@phoenixRoot/components/form/radio/radio';
2
2
  import '@phoenixRoot/components/form/radio/radio_content';
3
3
  import '@phoenixRoot/components/form/radio/radio_control';
4
- import '@phoenixRoot/components/form/radio/radio_constants';
5
- import 'ts-toolbelt';
6
4
  //# sourceMappingURL=radio_types.js.map
package/build/esm/packages/phoenix/src/components/form/radio/radio_types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radio_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/radio/radio_types.ts"],"names":[],"mappings":"AAAA,OAAuB,0CAA0C,CAAC;AAClE,OAA8B,kDAAkD,CAAC;AACjF,OAA8B,kDAAkD,CAAC;AACjF,OAAuC,oDAAoD,CAAC;AAC5F,OAAoB,aAAa,CAAC"}
1
+ {"version":3,"file":"radio_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/radio/radio_types.ts"],"names":[],"mappings":"AAAA,OAAuB,0CAA0C,CAAC;AAClE,OAA8B,kDAAkD,CAAC;AACjF,OAA8B,kDAAkD,CAAC"}
package/build/esm/packages/phoenix/src/index.d.ts CHANGED
@@ -49,7 +49,6 @@ export { HRadioControl } from './components/form/radio/radio_control';
49
49
  export * from './components/form/radio/radio_types';
50
50
  export * from './components/form/radio/radio_constants';
51
51
  export { RADIO_CONTROL_VARIANTS, RADIO_CONTROL_CSS_CLASSES } from "./components/form/radio/radio_constants";
52
- export { TRadioVariant } from "./components/form/radio/radio_types";
53
52
  export { HTextarea } from './components/form/textarea/textarea';
54
53
  export { HTextareaControl } from './components/form/textarea/textarea_control';
55
54
  export * from './components/form/textarea/textarea_types';
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.2.17",
5
+ "version": "1.2.18",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",