@usecapsule/core-components 1.0.2 → 1.0.3

package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.css

@@ -55,6 +55,7 @@
    */
 :host {
   --qr-color: var(--cpsl-color-black);
+  --qr-background-color: var(--cpsl-color-white);
   --qr-border-color: var(--cpsl-color-foreground-quinary);
   --qr-border-radius: var(--cpsl-border-radius-qr-code);
   --qr-border-width: 1px;
@@ -75,5 +76,6 @@
   border-width: var(--qr-border-width);
   border-color: var(--qr-border-color);
   border-radius: var(--qr-border-radius);
+  background-color: var(--qr-background-color);
   box-shadow: var(--qr-box-shadow);
 }

package/dist/collection/components/cpsl-tab/cpsl-tab.css

@@ -1,4 +1,5 @@
 :host {
+  --tab-color: var(--cpsl-color-text-primary);
   padding-top: var(--tab-top-padding);
   padding-bottom: var(--tab-bottom-padding);
   padding-left: var(--tab-left-padding);
@@ -18,4 +19,5 @@
   text-align: center;
   white-space: nowrap;
   font-weight: 500;
+  color: var(--tab-color);
 }

package/dist/esm/cpsl-alert_17.entry.js

@@ -7188,7 +7188,7 @@ var qrCodeStyling = {exports: {}};
 
 const QRCodeStyling = /*@__PURE__*/getDefaultExportFromCjs(qrCodeStyling.exports);
 
-const cpslQrCodeCss = ":host{--qr-color:var(--cpsl-color-black);--qr-border-color:var(--cpsl-color-foreground-quinary);--qr-border-radius:var(--cpsl-border-radius-qr-code);--qr-border-width:1px;--qr-box-shadow:0px 1px 2px var(--cpsl-color-alpha-black-10);display:inline-block}.qr-container{-webkit-padding-start:var(--qr-padding-start);padding-inline-start:var(--qr-padding-start);-webkit-padding-end:var(--qr-padding-end);padding-inline-end:var(--qr-padding-end);padding-top:var(--qr-padding-top);padding-bottom:var(--qr-padding-bottom);display:flex;color:var(--qr-color);border-style:solid;border-width:var(--qr-border-width);border-color:var(--qr-border-color);border-radius:var(--qr-border-radius);box-shadow:var(--qr-box-shadow)}";
+const cpslQrCodeCss = ":host{--qr-color:var(--cpsl-color-black);--qr-background-color:var(--cpsl-color-white);--qr-border-color:var(--cpsl-color-foreground-quinary);--qr-border-radius:var(--cpsl-border-radius-qr-code);--qr-border-width:1px;--qr-box-shadow:0px 1px 2px var(--cpsl-color-alpha-black-10);display:inline-block}.qr-container{-webkit-padding-start:var(--qr-padding-start);padding-inline-start:var(--qr-padding-start);-webkit-padding-end:var(--qr-padding-end);padding-inline-end:var(--qr-padding-end);padding-top:var(--qr-padding-top);padding-bottom:var(--qr-padding-bottom);display:flex;color:var(--qr-color);border-style:solid;border-width:var(--qr-border-width);border-color:var(--qr-border-color);border-radius:var(--qr-border-radius);background-color:var(--qr-background-color);box-shadow:var(--qr-box-shadow)}";
 const CpslQrCodeStyle0 = cpslQrCodeCss;
 
 const CpslQrCode = class {
@@ -7347,7 +7347,7 @@ const CpslSpinner = class {
 };
 CpslSpinner.style = CpslSpinnerStyle0;
 
-const cpslTabCss = ":host{padding-top:var(--tab-top-padding);padding-bottom:var(--tab-bottom-padding);padding-left:var(--tab-left-padding);padding-right:var(--tab-right-padding);display:flex;flex:1 1 auto;align-items:center;cursor:pointer;z-index:10}.tab-container{align-items:center;overflow:hidden;width:100%;text-overflow:ellipsis;text-align:center;white-space:nowrap;font-weight:500}";
+const cpslTabCss = ":host{--tab-color:var(--cpsl-color-text-primary);padding-top:var(--tab-top-padding);padding-bottom:var(--tab-bottom-padding);padding-left:var(--tab-left-padding);padding-right:var(--tab-right-padding);display:flex;flex:1 1 auto;align-items:center;cursor:pointer;z-index:10}.tab-container{align-items:center;overflow:hidden;width:100%;text-overflow:ellipsis;text-align:center;white-space:nowrap;font-weight:500;color:var(--tab-color)}";
 const CpslTabStyle0 = cpslTabCss;
 
 const CpslTab = class {