@usecapsule/core-components 1.0.2 → 1.0.4
Sign up to get free protection for your applications and to get access to all the features.
- package/css/capsule-core.css +1 -1
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/{p-e91564e1.entry.js → p-7ceb7cc8.entry.js} +4 -4
- package/dist/capsule/{p-e91564e1.entry.js.map → p-7ceb7cc8.entry.js.map} +1 -1
- package/dist/cjs/cpsl-alert_17.cjs.entry.js +2 -2
- package/dist/cjs/cpsl-alert_17.cjs.entry.js.map +1 -1
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.css +2 -0
- package/dist/collection/components/cpsl-tab/cpsl-tab.css +2 -0
- package/dist/esm/cpsl-alert_17.entry.js +2 -2
- package/dist/esm/cpsl-alert_17.entry.js.map +1 -1
- package/package.json +2 -2
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
*/
|
|
56
56
|
:host {
|
|
57
57
|
--qr-color: var(--cpsl-color-black);
|
|
58
|
+
--qr-background-color: var(--cpsl-color-white);
|
|
58
59
|
--qr-border-color: var(--cpsl-color-foreground-quinary);
|
|
59
60
|
--qr-border-radius: var(--cpsl-border-radius-qr-code);
|
|
60
61
|
--qr-border-width: 1px;
|
|
@@ -75,5 +76,6 @@
|
|
|
75
76
|
border-width: var(--qr-border-width);
|
|
76
77
|
border-color: var(--qr-border-color);
|
|
77
78
|
border-radius: var(--qr-border-radius);
|
|
79
|
+
background-color: var(--qr-background-color);
|
|
78
80
|
box-shadow: var(--qr-box-shadow);
|
|
79
81
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
:host {
|
|
2
|
+
--tab-color: var(--cpsl-color-text-primary);
|
|
2
3
|
padding-top: var(--tab-top-padding);
|
|
3
4
|
padding-bottom: var(--tab-bottom-padding);
|
|
4
5
|
padding-left: var(--tab-left-padding);
|
|
@@ -18,4 +19,5 @@
|
|
|
18
19
|
text-align: center;
|
|
19
20
|
white-space: nowrap;
|
|
20
21
|
font-weight: 500;
|
|
22
|
+
color: var(--tab-color);
|
|
21
23
|
}
|
|
@@ -7188,7 +7188,7 @@ var qrCodeStyling = {exports: {}};
|
|
|
7188
7188
|
|
|
7189
7189
|
const QRCodeStyling = /*@__PURE__*/getDefaultExportFromCjs(qrCodeStyling.exports);
|
|
7190
7190
|
|
|
7191
|
-
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)}";
|
|
7191
|
+
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)}";
|
|
7192
7192
|
const CpslQrCodeStyle0 = cpslQrCodeCss;
|
|
7193
7193
|
|
|
7194
7194
|
const CpslQrCode = class {
|
|
@@ -7347,7 +7347,7 @@ const CpslSpinner = class {
|
|
|
7347
7347
|
};
|
|
7348
7348
|
CpslSpinner.style = CpslSpinnerStyle0;
|
|
7349
7349
|
|
|
7350
|
-
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}";
|
|
7350
|
+
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)}";
|
|
7351
7351
|
const CpslTabStyle0 = cpslTabCss;
|
|
7352
7352
|
|
|
7353
7353
|
const CpslTab = class {
|