myio-js-library 0.1.310 → 0.1.311

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 (5) hide show
  1. package/dist/index.cjs +6 -10
  2. package/dist/index.js +6 -10
  3. package/dist/myio-js-library.umd.js +6 -10
  4. package/dist/myio-js-library.umd.min.js +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -26683,6 +26683,7 @@ var WelcomeModalView = class {
26683
26683
  --wm-logout-btn-border: ${p.logoutBtnBorder};
26684
26684
  --wm-card-bg: ${p.shoppingCardBg};
26685
26685
  --wm-card-border: ${p.shoppingCardBorder};
26686
+ --wm-font-scale: 1;
26686
26687
 
26687
26688
  position: fixed;
26688
26689
  inset: 0;
@@ -27084,7 +27085,7 @@ var WelcomeModalView = class {
27084
27085
 
27085
27086
  .myio-welcome-card-title {
27086
27087
  margin: 0 !important;
27087
- font-size: 22px !important;
27088
+ font-size: calc(22px * var(--wm-font-scale)) !important;
27088
27089
  font-weight: 700 !important;
27089
27090
  color: var(--wm-ink);
27090
27091
  letter-spacing: 0.02em;
@@ -27093,7 +27094,7 @@ var WelcomeModalView = class {
27093
27094
 
27094
27095
  .myio-welcome-card-subtitle {
27095
27096
  margin: 0 !important;
27096
- font-size: 13px !important;
27097
+ font-size: calc(13px * var(--wm-font-scale)) !important;
27097
27098
  font-weight: 400 !important;
27098
27099
  color: var(--wm-muted);
27099
27100
  }
@@ -27118,7 +27119,7 @@ var WelcomeModalView = class {
27118
27119
  gap: 4px !important;
27119
27120
  padding: 4px 8px !important;
27120
27121
  min-width: 50px !important;
27121
- font-size: 11px !important;
27122
+ font-size: calc(11px * var(--wm-font-scale)) !important;
27122
27123
  font-weight: 600 !important;
27123
27124
  color: var(--wm-muted);
27124
27125
  background: rgba(0, 0, 0, 0.3);
@@ -27135,7 +27136,7 @@ var WelcomeModalView = class {
27135
27136
  }
27136
27137
 
27137
27138
  .myio-welcome-card-device-count .value {
27138
- font-size: 10px !important;
27139
+ font-size: calc(10px * var(--wm-font-scale)) !important;
27139
27140
  font-weight: 400 !important;
27140
27141
  opacity: 0.85;
27141
27142
  white-space: nowrap;
@@ -27148,7 +27149,7 @@ var WelcomeModalView = class {
27148
27149
  }
27149
27150
 
27150
27151
  .myio-welcome-card-device-count .icon {
27151
- font-size: 10px !important;
27152
+ font-size: calc(10px * var(--wm-font-scale)) !important;
27152
27153
  }
27153
27154
 
27154
27155
  .myio-welcome-card-device-count.energy:hover {
@@ -27979,11 +27980,6 @@ var WelcomeModalView = class {
27979
27980
  fontSizeValue.textContent = `${value}%`;
27980
27981
  const scale = value / 100;
27981
27982
  this.container.style.setProperty("--wm-font-scale", `${scale}`);
27982
- const deviceCounts = this.container.querySelectorAll(".myio-welcome-card-device-counts");
27983
- deviceCounts.forEach((el) => {
27984
- el.style.transform = `scale(${scale})`;
27985
- el.style.transformOrigin = "left center";
27986
- });
27987
27983
  });
27988
27984
  }
27989
27985
  this.bindTooltipEvents();
package/dist/index.js CHANGED
@@ -26407,6 +26407,7 @@ var WelcomeModalView = class {
26407
26407
  --wm-logout-btn-border: ${p.logoutBtnBorder};
26408
26408
  --wm-card-bg: ${p.shoppingCardBg};
26409
26409
  --wm-card-border: ${p.shoppingCardBorder};
26410
+ --wm-font-scale: 1;
26410
26411
 
26411
26412
  position: fixed;
26412
26413
  inset: 0;
@@ -26808,7 +26809,7 @@ var WelcomeModalView = class {
26808
26809
 
26809
26810
  .myio-welcome-card-title {
26810
26811
  margin: 0 !important;
26811
- font-size: 22px !important;
26812
+ font-size: calc(22px * var(--wm-font-scale)) !important;
26812
26813
  font-weight: 700 !important;
26813
26814
  color: var(--wm-ink);
26814
26815
  letter-spacing: 0.02em;
@@ -26817,7 +26818,7 @@ var WelcomeModalView = class {
26817
26818
 
26818
26819
  .myio-welcome-card-subtitle {
26819
26820
  margin: 0 !important;
26820
- font-size: 13px !important;
26821
+ font-size: calc(13px * var(--wm-font-scale)) !important;
26821
26822
  font-weight: 400 !important;
26822
26823
  color: var(--wm-muted);
26823
26824
  }
@@ -26842,7 +26843,7 @@ var WelcomeModalView = class {
26842
26843
  gap: 4px !important;
26843
26844
  padding: 4px 8px !important;
26844
26845
  min-width: 50px !important;
26845
- font-size: 11px !important;
26846
+ font-size: calc(11px * var(--wm-font-scale)) !important;
26846
26847
  font-weight: 600 !important;
26847
26848
  color: var(--wm-muted);
26848
26849
  background: rgba(0, 0, 0, 0.3);
@@ -26859,7 +26860,7 @@ var WelcomeModalView = class {
26859
26860
  }
26860
26861
 
26861
26862
  .myio-welcome-card-device-count .value {
26862
- font-size: 10px !important;
26863
+ font-size: calc(10px * var(--wm-font-scale)) !important;
26863
26864
  font-weight: 400 !important;
26864
26865
  opacity: 0.85;
26865
26866
  white-space: nowrap;
@@ -26872,7 +26873,7 @@ var WelcomeModalView = class {
26872
26873
  }
26873
26874
 
26874
26875
  .myio-welcome-card-device-count .icon {
26875
- font-size: 10px !important;
26876
+ font-size: calc(10px * var(--wm-font-scale)) !important;
26876
26877
  }
26877
26878
 
26878
26879
  .myio-welcome-card-device-count.energy:hover {
@@ -27703,11 +27704,6 @@ var WelcomeModalView = class {
27703
27704
  fontSizeValue.textContent = `${value}%`;
27704
27705
  const scale = value / 100;
27705
27706
  this.container.style.setProperty("--wm-font-scale", `${scale}`);
27706
- const deviceCounts = this.container.querySelectorAll(".myio-welcome-card-device-counts");
27707
- deviceCounts.forEach((el) => {
27708
- el.style.transform = `scale(${scale})`;
27709
- el.style.transformOrigin = "left center";
27710
- });
27711
27707
  });
27712
27708
  }
27713
27709
  this.bindTooltipEvents();
package/dist/myio-js-library.umd.js CHANGED
@@ -26220,6 +26220,7 @@
26220
26220
  --wm-logout-btn-border: ${p.logoutBtnBorder};
26221
26221
  --wm-card-bg: ${p.shoppingCardBg};
26222
26222
  --wm-card-border: ${p.shoppingCardBorder};
26223
+ --wm-font-scale: 1;
26223
26224
 
26224
26225
  position: fixed;
26225
26226
  inset: 0;
@@ -26621,7 +26622,7 @@
26621
26622
 
26622
26623
  .myio-welcome-card-title {
26623
26624
  margin: 0 !important;
26624
- font-size: 22px !important;
26625
+ font-size: calc(22px * var(--wm-font-scale)) !important;
26625
26626
  font-weight: 700 !important;
26626
26627
  color: var(--wm-ink);
26627
26628
  letter-spacing: 0.02em;
@@ -26630,7 +26631,7 @@
26630
26631
 
26631
26632
  .myio-welcome-card-subtitle {
26632
26633
  margin: 0 !important;
26633
- font-size: 13px !important;
26634
+ font-size: calc(13px * var(--wm-font-scale)) !important;
26634
26635
  font-weight: 400 !important;
26635
26636
  color: var(--wm-muted);
26636
26637
  }
@@ -26655,7 +26656,7 @@
26655
26656
  gap: 4px !important;
26656
26657
  padding: 4px 8px !important;
26657
26658
  min-width: 50px !important;
26658
- font-size: 11px !important;
26659
+ font-size: calc(11px * var(--wm-font-scale)) !important;
26659
26660
  font-weight: 600 !important;
26660
26661
  color: var(--wm-muted);
26661
26662
  background: rgba(0, 0, 0, 0.3);
@@ -26672,7 +26673,7 @@
26672
26673
  }
26673
26674
 
26674
26675
  .myio-welcome-card-device-count .value {
26675
- font-size: 10px !important;
26676
+ font-size: calc(10px * var(--wm-font-scale)) !important;
26676
26677
  font-weight: 400 !important;
26677
26678
  opacity: 0.85;
26678
26679
  white-space: nowrap;
@@ -26685,7 +26686,7 @@
26685
26686
  }
26686
26687
 
26687
26688
  .myio-welcome-card-device-count .icon {
26688
- font-size: 10px !important;
26689
+ font-size: calc(10px * var(--wm-font-scale)) !important;
26689
26690
  }
26690
26691
 
26691
26692
  .myio-welcome-card-device-count.energy:hover {
@@ -27516,11 +27517,6 @@
27516
27517
  fontSizeValue.textContent = `${value}%`;
27517
27518
  const scale = value / 100;
27518
27519
  this.container.style.setProperty("--wm-font-scale", `${scale}`);
27519
- const deviceCounts = this.container.querySelectorAll(".myio-welcome-card-device-counts");
27520
- deviceCounts.forEach((el) => {
27521
- el.style.transform = `scale(${scale})`;
27522
- el.style.transformOrigin = "left center";
27523
- });
27524
27520
  });
27525
27521
  }
27526
27522
  this.bindTooltipEvents();