@shoper/phoenix_design_system 0.11.1 → 0.11.2

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.
@@ -8,17 +8,18 @@ var decorators = require('lit/decorators');
8
8
  var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
9
9
  var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
10
10
  var input_constants = require('./input_constants.js');
11
+ var icon_constants = require('../../icon/icon_constants.js');
11
12
 
12
13
  var HInputIcon_1;
13
14
  exports.HInputIcon = HInputIcon_1 = class HInputIcon extends phoenix_light_lit_element.PhoenixLightLitElement {
14
15
  connectedCallback() {
15
16
  super.connectedCallback();
16
- this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon);
17
+ this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon, icon_constants.ICON_CSS_CLASSES.icon);
17
18
  }
18
19
  render() {
19
20
  super.render();
20
21
  return lit.html `
21
- <svg class="${input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon}">
22
+ <svg>
22
23
  <use xlink:href="${HInputIcon_1.src}#${this.iconName}"></use>
23
24
  </svg>
24
25
  `;
@@ -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;"}
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;"}
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const ICON_CSS_CLASSES = {
6
+ icon: 'icon'
7
+ };
8
+
9
+ exports.ICON_CSS_CLASSES = ICON_CSS_CLASSES;
10
+ //# sourceMappingURL=icon_constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -4,17 +4,18 @@ import { property } from 'lit/decorators';
4
4
  import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
5
5
  import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
6
6
  import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
7
+ import { ICON_CSS_CLASSES } from '../../icon/icon_constants.js';
7
8
 
8
9
  var HInputIcon_1;
9
10
  let HInputIcon = HInputIcon_1 = class HInputIcon extends PhoenixLightLitElement {
10
11
  connectedCallback() {
11
12
  super.connectedCallback();
12
- this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputIcon);
13
+ this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputIcon, ICON_CSS_CLASSES.icon);
13
14
  }
14
15
  render() {
15
16
  super.render();
16
17
  return html `
17
- <svg class="${INPUT_CONTROL_CSS_CLASSES.inputIcon}">
18
+ <svg>
18
19
  <use xlink:href="${HInputIcon_1.src}#${this.iconName}"></use>
19
20
  </svg>
20
21
  `;
@@ -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;"}
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;"}
@@ -0,0 +1,3 @@
1
+ export declare const ICON_CSS_CLASSES: {
2
+ readonly icon: "icon";
3
+ };
@@ -0,0 +1,6 @@
1
+ const ICON_CSS_CLASSES = {
2
+ icon: 'icon'
3
+ };
4
+
5
+ export { ICON_CSS_CLASSES };
6
+ //# sourceMappingURL=icon_constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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": "0.11.1",
5
+ "version": "0.11.2",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",