@kelviq/js-promotions-ui 0.0.3 → 0.0.4

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/sdk.ts +2 -2
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kelviq/js-promotions-ui",
3
3
  "private": false,
4
- "version": "0.0.3",
4
+ "version": "0.0.4",
5
5
  "module": "./dist/js-promotions-ui.js",
6
6
  "type": "module",
7
7
  "exports": {
package/src/sdk.ts CHANGED
@@ -225,7 +225,7 @@ export const KQPromotionUISDK = function (window: Window, document: Document) {
225
225
  ? `.parity-banner {background-color: ${bannerConfig.backgroundColor || "#1a1a2e"};color: ${bannerConfig.fontColor || "#ffffff"};border-radius: ${bannerConfig.borderRadius || "0"};font-size: ${bannerConfig.fontSize || "14px"};padding: 20px 10px;text-align: center;position: relative;}`
226
226
  : "";
227
227
  const closeBtnStyles = bannerConfig.addCloseIcon
228
- ? ".parity-banner-close-btn{width:1rem;height:1rem;border:0;opacity:.5;background-color:transparent;color:currentColor;position:absolute;top:1rem;right:1rem;padding:0}.parity-banner-close-btn:hover{opacity:1;}"
228
+ ? ".parity-banner-close-btn{width:1rem;height:1rem;border:0;opacity:.5;background-color:transparent;color:currentColor;position:absolute;top:50%;right:1rem;transform:translateY(-50%);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.parity-banner-close-btn svg{width:0.75rem;height:0.75rem}.parity-banner-close-btn:hover{opacity:1; background-color: transparent;}"
229
229
  : ".parity-banner-close-btn{display:none;}";
230
230
  const logoStyles =
231
231
  ".parity-banner.parity-banner-has-logo {padding-left: 120px;}";
@@ -251,7 +251,7 @@ export const KQPromotionUISDK = function (window: Window, document: Document) {
251
251
 
252
252
  const bannerHTML =
253
253
  `<div class="parity-banner">` +
254
- `<button class="parity-banner-close-btn">×</button>` +
254
+ `<button class="parity-banner-close-btn" aria-label="Close banner"><svg viewBox="0 0 24 24" focusable="false" aria-hidden="true"><path fill="currentColor" d="M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z"></path></svg></button>` +
255
255
  `<span>${resolvedMessage}</span></div>`;
256
256
 
257
257
  const existingBanner = document.querySelector(".parity-banner");