@shoper/phoenix_design_system 0.22.5-13 → 0.22.5-14

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 (14) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.js +13 -0
  2. package/build/cjs/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js +13 -0
  4. package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js.map +1 -0
  5. package/build/cjs/packages/phoenix/src/index.js +1 -1
  6. package/build/esm/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.d.ts +1 -0
  7. package/build/esm/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.js +13 -0
  8. package/build/esm/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.js.map +1 -1
  9. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.d.ts +5 -0
  10. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js +9 -0
  11. package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js.map +1 -0
  12. package/build/esm/packages/phoenix/src/index.d.ts +1 -1
  13. package/build/esm/packages/phoenix/src/index.js +1 -1
  14. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.js RENAMED
@@ -7,12 +7,21 @@ 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 index = require('../../../../external/classnames/index.js');
11
+ var color_swatches_control_constants = require('./color_swatches_control_constants.js');
10
12
  var color_swatches_constants = require('../../color_swatches/color_swatches_constants.js');
11
13
 
12
14
  exports.HColorSwatchesControl = class HColorSwatchesControl extends phoenix_light_lit_element.PhoenixLightLitElement {
13
15
  connectedCallback() {
14
16
  super.connectedCallback();
15
17
  this._setupEvents();
18
+ this.classList.add(color_swatches_control_constants.COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControl);
19
+ const cssClasses = index['default']({
20
+ [color_swatches_control_constants.COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControlDisabled]: this.disabled,
21
+ [color_swatches_control_constants.COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControlError]: this.error
22
+ });
23
+ if (cssClasses)
24
+ this.classList.add(cssClasses);
16
25
  }
17
26
  _setupEvents() {
18
27
  this.addEventListener(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.selected, (event) => {
@@ -43,6 +52,10 @@ tslib_es6.__decorate([
43
52
  decorators.property({ type: Boolean }),
44
53
  tslib_es6.__metadata("design:type", Boolean)
45
54
  ], exports.HColorSwatchesControl.prototype, "required", void 0);
55
+ tslib_es6.__decorate([
56
+ decorators.property({ type: Boolean }),
57
+ tslib_es6.__metadata("design:type", Boolean)
58
+ ], exports.HColorSwatchesControl.prototype, "error", void 0);
46
59
  tslib_es6.__decorate([
47
60
  decorators.state(),
48
61
  tslib_es6.__metadata("design:type", Object)
package/build/cjs/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.js.map RENAMED
@@ -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;"}
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;"}
package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js ADDED
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const baseColorSwatchesControlClass = 'color-swatches-control';
6
+ const COLOR_SWATCHES_CONTROL_CSS_CLASSES = {
7
+ colorSwatchesControl: baseColorSwatchesControlClass,
8
+ colorSwatchesControlDisabled: `${baseColorSwatchesControlClass}_disabled`,
9
+ colorSwatchesControlError: `${baseColorSwatchesControlClass}_error`
10
+ };
11
+
12
+ exports.COLOR_SWATCHES_CONTROL_CSS_CLASSES = COLOR_SWATCHES_CONTROL_CSS_CLASSES;
13
+ //# sourceMappingURL=color_swatches_control_constants.js.map
package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/index.js CHANGED
@@ -60,7 +60,7 @@ var toggle_button_group = require('./components/groups/toggle_button_group/toggl
60
60
  var toggle_button = require('./components/groups/toggle_button_group/toggle_button.js');
61
61
  var click_outside_controller_messages = require('./controllers/click_outside_controller/click_outside_controller_messages.js');
62
62
  var backdrop = require('./components/backdrop/backdrop.js');
63
- var color_swatches_control = require('./components/form/color_swatches/color_swatches_control.js');
63
+ var color_swatches_control = require('./components/form/color_swatches_control/color_swatches_control.js');
64
64
  var color_item = require('./components/color_swatches/color_item/color_item.js');
65
65
  var color_swatches = require('./components/color_swatches/color_swatches.js');
66
66
  var show_more = require('./components/color_swatches/show-more/show_more.js');
package/build/esm/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.d.ts RENAMED
@@ -5,6 +5,7 @@ export declare class HColorSwatchesControl extends PhoenixLightLitElement {
5
5
  name: string;
6
6
  disabled: boolean;
7
7
  required: boolean;
8
+ error: boolean;
8
9
  selectedColors: string | string[];
9
10
  connectedCallback(): void;
10
11
  private _setupEvents;
package/build/esm/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.js RENAMED
@@ -3,12 +3,21 @@ import { html } from 'lit';
3
3
  import { property, state } 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 classnames from '../../../../external/classnames/index.js';
7
+ import { COLOR_SWATCHES_CONTROL_CSS_CLASSES } from './color_swatches_control_constants.js';
6
8
  import { COLOR_SWATCHES_EVENT_NAMES } from '../../color_swatches/color_swatches_constants.js';
7
9
 
8
10
  let HColorSwatchesControl = class HColorSwatchesControl extends PhoenixLightLitElement {
9
11
  connectedCallback() {
10
12
  super.connectedCallback();
11
13
  this._setupEvents();
14
+ this.classList.add(COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControl);
15
+ const cssClasses = classnames({
16
+ [COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControlDisabled]: this.disabled,
17
+ [COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControlError]: this.error
18
+ });
19
+ if (cssClasses)
20
+ this.classList.add(cssClasses);
12
21
  }
13
22
  _setupEvents() {
14
23
  this.addEventListener(COLOR_SWATCHES_EVENT_NAMES.selected, (event) => {
@@ -39,6 +48,10 @@ __decorate([
39
48
  property({ type: Boolean }),
40
49
  __metadata("design:type", Boolean)
41
50
  ], HColorSwatchesControl.prototype, "required", void 0);
51
+ __decorate([
52
+ property({ type: Boolean }),
53
+ __metadata("design:type", Boolean)
54
+ ], HColorSwatchesControl.prototype, "error", void 0);
42
55
  __decorate([
43
56
  state(),
44
57
  __metadata("design:type", Object)
package/build/esm/packages/phoenix/src/components/form/{color_swatches → color_swatches_control}/color_swatches_control.js.map RENAMED
@@ -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;"}
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;"}
package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const COLOR_SWATCHES_CONTROL_CSS_CLASSES: {
2
+ readonly colorSwatchesControl: "color-swatches-control";
3
+ readonly colorSwatchesControlDisabled: "color-swatches-control_disabled";
4
+ readonly colorSwatchesControlError: "color-swatches-control_error";
5
+ };
package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js ADDED
@@ -0,0 +1,9 @@
1
+ const baseColorSwatchesControlClass = 'color-swatches-control';
2
+ const COLOR_SWATCHES_CONTROL_CSS_CLASSES = {
3
+ colorSwatchesControl: baseColorSwatchesControlClass,
4
+ colorSwatchesControlDisabled: `${baseColorSwatchesControlClass}_disabled`,
5
+ colorSwatchesControlError: `${baseColorSwatchesControlClass}_error`
6
+ };
7
+
8
+ export { COLOR_SWATCHES_CONTROL_CSS_CLASSES };
9
+ //# sourceMappingURL=color_swatches_control_constants.js.map
package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/index.d.ts CHANGED
@@ -65,7 +65,7 @@ export { RelativePositionController } from './controllers/relative_position_cont
65
65
  export { ToggleElementAriaController } from './controllers/toggle_element_aria_controller/toggle_element_aria_controller';
66
66
  export { HBackdrop } from './components/backdrop/backdrop';
67
67
  export { BackdropController } from "./components/backdrop/controller/backdrop_controller";
68
- export { HColorSwatchesControl } from './components/form/color_swatches/color_swatches_control';
68
+ export { HColorSwatchesControl } from './components/form/color_swatches_control/color_swatches_control';
69
69
  export { HColorSwatches } from './components/color_swatches/color_swatches';
70
70
  export { HColorItem } from './components/color_swatches/color_item/color_item';
71
71
  export { HColorSwatchesShowMore } from './components/color_swatches/show-more/show_more';
package/build/esm/packages/phoenix/src/index.js CHANGED
@@ -56,7 +56,7 @@ export { HToggleButtonGroup } from './components/groups/toggle_button_group/togg
56
56
  export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';
57
57
  export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_controller/click_outside_controller_messages.js';
58
58
  export { HBackdrop } from './components/backdrop/backdrop.js';
59
- export { HColorSwatchesControl } from './components/form/color_swatches/color_swatches_control.js';
59
+ export { HColorSwatchesControl } from './components/form/color_swatches_control/color_swatches_control.js';
60
60
  export { HColorItem } from './components/color_swatches/color_item/color_item.js';
61
61
  export { HColorSwatches } from './components/color_swatches/color_swatches.js';
62
62
  export { HColorSwatchesShowMore } from './components/color_swatches/show-more/show_more.js';
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": "0.22.5-13",
5
+ "version": "0.22.5-14",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",