@usecapsule/core-components 1.0.2 → 1.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.
- 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 {
|