@shoper/phoenix_design_system 1.1.3 → 1.1.4-1

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 (8) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/select/select.js +3 -3
  2. package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js +4 -1
  3. package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
  4. package/build/esm/packages/phoenix/src/components/form/select/select.js +3 -3
  5. package/build/esm/packages/phoenix/src/components/form/select/select_constants.d.ts +3 -0
  6. package/build/esm/packages/phoenix/src/components/form/select/select_constants.js +4 -1
  7. package/build/esm/packages/phoenix/src/components/form/select/select_constants.js.map +1 -1
  8. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/select/select.js CHANGED
@@ -203,7 +203,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
203
203
  <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(select_constants.SELECT_SLOT_NAMES.input)} </h-dropdown-toggler>
204
204
 
205
205
  <h-dropdown-content class=${select_constants.SELECT_CSS_CLASSES.selectContent} ${ref_js.ref(this._$dropdownContent)} name=${this.controlName}>
206
- <h-select-close-btn @selectCloseBtn.close=${this._closeSelect}></h-select-close-btn>
206
+ <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseMobileButton}" @selectCloseBtn.close=${this._closeSelect}></h-select-close-btn>
207
207
 
208
208
  ${options.length > select_constants.MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH
209
209
  ? lit.html `<h-select-search
@@ -234,8 +234,8 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
234
234
  ${this.multiselect && this._selectController.selectedOptionsCount >= 1
235
235
  ? lit.html `
236
236
  <section class=${select_constants.SELECT_CSS_CLASSES.selectFooter}>
237
- <button class="btn btn_secondary btn_xs" @click=${this._clearOptions}>clear</button>
238
- <h-select-close-btn class="btn btn_primary btn_xs" @selectCloseBtn.close=${this._closeSelect}
237
+ <button class="${select_constants.SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>clear</button>
238
+ <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseButton}" @selectCloseBtn.close=${this._closeSelect}
239
239
  >ok</h-select-close-btn
240
240
  >
241
241
  </section>
package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js CHANGED
@@ -27,7 +27,10 @@ const SELECT_CSS_CLASSES = {
27
27
  selectContent: `${baseSelectClass}__content`,
28
28
  selectFooter: `${baseSelectClass}__footer`,
29
29
  selectNoResult: `${baseSelectClass}__no-result`,
30
- selectSearchedPhrase: `${baseSelectClass}__searched-phrase`
30
+ selectSearchedPhrase: `${baseSelectClass}__searched-phrase`,
31
+ selectCloseMobileButton: `${baseSelectClass}__close-mobile-btn`,
32
+ selectClearButton: `${baseSelectClass}__clear-btn`,
33
+ selectCloseButton: `${baseSelectClass}__close-btn`,
31
34
  };
32
35
 
33
36
  exports.MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH;
package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/select/select.js CHANGED
@@ -199,7 +199,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
199
199
  <h-dropdown-toggler name=${this.controlName}> ${this.getSlot(SELECT_SLOT_NAMES.input)} </h-dropdown-toggler>
200
200
 
201
201
  <h-dropdown-content class=${SELECT_CSS_CLASSES.selectContent} ${ref(this._$dropdownContent)} name=${this.controlName}>
202
- <h-select-close-btn @selectCloseBtn.close=${this._closeSelect}></h-select-close-btn>
202
+ <h-select-close-btn class="${SELECT_CSS_CLASSES.selectCloseMobileButton}" @selectCloseBtn.close=${this._closeSelect}></h-select-close-btn>
203
203
 
204
204
  ${options.length > MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH
205
205
  ? html `<h-select-search
@@ -230,8 +230,8 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
230
230
  ${this.multiselect && this._selectController.selectedOptionsCount >= 1
231
231
  ? html `
232
232
  <section class=${SELECT_CSS_CLASSES.selectFooter}>
233
- <button class="btn btn_secondary btn_xs" @click=${this._clearOptions}>clear</button>
234
- <h-select-close-btn class="btn btn_primary btn_xs" @selectCloseBtn.close=${this._closeSelect}
233
+ <button class="${SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>clear</button>
234
+ <h-select-close-btn class="${SELECT_CSS_CLASSES.selectCloseButton}" @selectCloseBtn.close=${this._closeSelect}
235
235
  >ok</h-select-close-btn
236
236
  >
237
237
  </section>
package/build/esm/packages/phoenix/src/components/form/select/select_constants.d.ts CHANGED
@@ -23,4 +23,7 @@ export declare const SELECT_CSS_CLASSES: {
23
23
  readonly selectFooter: "select__footer";
24
24
  readonly selectNoResult: "select__no-result";
25
25
  readonly selectSearchedPhrase: "select__searched-phrase";
26
+ readonly selectCloseMobileButton: "select__close-mobile-btn";
27
+ readonly selectClearButton: "select__clear-btn";
28
+ readonly selectCloseButton: "select__close-btn";
26
29
  };
package/build/esm/packages/phoenix/src/components/form/select/select_constants.js CHANGED
@@ -23,7 +23,10 @@ const SELECT_CSS_CLASSES = {
23
23
  selectContent: `${baseSelectClass}__content`,
24
24
  selectFooter: `${baseSelectClass}__footer`,
25
25
  selectNoResult: `${baseSelectClass}__no-result`,
26
- selectSearchedPhrase: `${baseSelectClass}__searched-phrase`
26
+ selectSearchedPhrase: `${baseSelectClass}__searched-phrase`,
27
+ selectCloseMobileButton: `${baseSelectClass}__close-mobile-btn`,
28
+ selectClearButton: `${baseSelectClass}__clear-btn`,
29
+ selectCloseButton: `${baseSelectClass}__close-btn`,
27
30
  };
28
31
 
29
32
  export { MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH, SELECT_CONTEXTS, SELECT_CSS_CLASSES, SELECT_EVENT_NAMES, SELECT_RESIZE_DEBOUNCE_TIME, SELECT_SLOT_NAMES };
package/build/esm/packages/phoenix/src/components/form/select/select_constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;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.1.3",
5
+ "version": "1.1.4-1",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",