@usecapsule/core-components 1.0.4 → 1.0.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/capsule/capsule.esm.js +1 -1
- package/dist/capsule/p-1dc07cd7.entry.js +2 -0
- package/dist/capsule/p-1dc07cd7.entry.js.map +1 -0
- package/dist/capsule/{p-7ceb7cc8.entry.js → p-2a036350.entry.js} +3 -3
- package/dist/capsule/{p-7ceb7cc8.entry.js.map → p-2a036350.entry.js.map} +1 -1
- package/dist/capsule/p-5c020abe.entry.js +2 -0
- package/dist/cjs/cpsl-alert_17.cjs.entry.js +13 -13
- package/dist/cjs/cpsl-alert_17.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-info-box.cjs.entry.js +2 -2
- package/dist/cjs/cpsl-info-box.cjs.entry.js.map +1 -1
- package/dist/cjs/cpsl-row.cjs.entry.js +1 -1
- package/dist/collection/components/cpsl-divider/cpsl-divider.css +1 -1
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.css +3 -0
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.js +1 -1
- package/dist/collection/components/cpsl-info-box/cpsl-info-box.js.map +1 -1
- package/dist/collection/components/cpsl-input/cpsl-input.js +1 -1
- package/dist/collection/components/cpsl-modal/cpsl-modal.js +1 -1
- package/dist/collection/components/cpsl-overlay/cpsl-overlay.js +1 -1
- package/dist/collection/components/cpsl-pill/cpsl-pill.js +1 -1
- package/dist/collection/components/cpsl-qr-code/cpsl-qr-code.js +1 -1
- package/dist/collection/components/cpsl-row/cpsl-row.js +1 -1
- package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +1 -1
- package/dist/collection/components/cpsl-spinner/cpsl-spinner.js +2 -2
- package/dist/collection/components/cpsl-tab/cpsl-tab.js +1 -1
- package/dist/collection/components/cpsl-tabs/cpsl-tabs.js +1 -1
- package/dist/collection/components/cpsl-text/cpsl-text.js +1 -1
- package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
- package/dist/esm/cpsl-alert_17.entry.js +13 -13
- package/dist/esm/cpsl-alert_17.entry.js.map +1 -1
- package/dist/esm/cpsl-info-box.entry.js +2 -2
- package/dist/esm/cpsl-info-box.entry.js.map +1 -1
- package/dist/esm/cpsl-row.entry.js +1 -1
- package/package.json +2 -2
- package/dist/capsule/p-b7cb3ddd.entry.js +0 -2
- package/dist/capsule/p-d871d963.entry.js +0 -2
- package/dist/capsule/p-d871d963.entry.js.map +0 -1
- /package/dist/capsule/{p-b7cb3ddd.entry.js.map → p-5c020abe.entry.js.map} +0 -0
@@ -1,6 +1,6 @@
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-7c2f5cb9.js';
|
2
2
|
|
3
|
-
const cpslInfoBoxCss = ":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px
|
3
|
+
const cpslInfoBoxCss = ":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px}.info-box-container{border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background-color:var(--cpsl-color-background-subtle);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";
|
4
4
|
const CpslInfoBoxStyle0 = cpslInfoBoxCss;
|
5
5
|
|
6
6
|
const CpslInfoBox = class {
|
@@ -8,7 +8,7 @@ const CpslInfoBox = class {
|
|
8
8
|
registerInstance(this, hostRef);
|
9
9
|
}
|
10
10
|
render() {
|
11
|
-
return (h(Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, h("slot", { key: '
|
11
|
+
return (h(Host, { key: '17a3490640f95a341c0942188979b2cb82f37da1' }, h("div", { key: '51c7731b3e11119e3fcb96f5ef2f47ffd71ba097', class: "info-box-container" }, h("slot", { key: '82bfc871c4fb3856e553637514806435473f4728' }))));
|
12
12
|
}
|
13
13
|
};
|
14
14
|
CpslInfoBox.style = CpslInfoBoxStyle0;
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"cpsl-info-box.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,
|
1
|
+
{"file":"cpsl-info-box.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,2qBAA2qB,CAAC;AACnsB,0BAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,8DAAa,CACT,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n --box-border-radius: var(--cpsl-border-radius-info-box);\n --box-padding-top: 16px;\n --box-padding-bottom: 16px;\n --box-padding-start: 16px;\n --box-padding-end: 16px;\n --box-border-width: 1px;\n}\n\n.info-box-container {\n @include border-radius(var(--input-border-radius));\n @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n display: flex;\n background-color: var(--cpsl-color-background-subtle);\n border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'cpsl-info-box',\n styleUrl: 'cpsl-info-box.scss',\n shadow: true,\n})\nexport class CpslInfoBox {\n render() {\n return (\n <Host>\n <div class=\"info-box-container\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
@@ -8,7 +8,7 @@ const CpslRow = class {
|
|
8
8
|
registerInstance(this, hostRef);
|
9
9
|
}
|
10
10
|
render() {
|
11
|
-
return (h(Host, { key: '
|
11
|
+
return (h(Host, { key: '6b0ced877619502c78baeccaceaf68f1feed6ea7' }, h("slot", { key: 'd132ce91967ad16904886baa14149ac8990d314f' })));
|
12
12
|
}
|
13
13
|
};
|
14
14
|
CpslRow.style = CpslRowStyle0;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@usecapsule/core-components",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.6",
|
4
4
|
"description": "Capsule Core Components",
|
5
5
|
"main": "dist/index.cjs.js",
|
6
6
|
"module": "dist/index.js",
|
@@ -47,5 +47,5 @@
|
|
47
47
|
"stencil-inline-svg": "^1.1.0",
|
48
48
|
"ts-node": "^10.9.2"
|
49
49
|
},
|
50
|
-
"gitHead": "
|
50
|
+
"gitHead": "21303c40a6aec01630b6bfde1d5d907cba294f1a"
|
51
51
|
}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as s,h as e,H as a}from"./p-9647dd63.js";const r=":host{display:flex;flex-wrap:wrap}";const c=r;const o=class{constructor(e){s(this,e)}render(){return e(a,{key:"cfa6b37775e3d61610a3467c2656b13e88b5f989"},e("slot",{key:"064bc1a3eb128c8b871e68eeadb78aac74914976"}))}};o.style=c;export{o as cpsl_row};
|
2
|
-
//# sourceMappingURL=p-b7cb3ddd.entry.js.map
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as d,h as r,H as o}from"./p-9647dd63.js";const a=":host{--box-border-radius:var(--cpsl-border-radius-info-box);--box-padding-top:16px;--box-padding-bottom:16px;--box-padding-start:16px;--box-padding-end:16px;--box-border-width:1px;border-radius:var(--input-border-radius);-webkit-padding-start:var(--box-padding-start);padding-inline-start:var(--box-padding-start);-webkit-padding-end:var(--box-padding-end);padding-inline-end:var(--box-padding-end);padding-top:var(--box-padding-top);padding-bottom:var(--box-padding-bottom);display:flex;background-color:var(--cpsl-color-background-subtle);border:var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);border-radius:var(--box-border-radius)}";const b=a;const i=class{constructor(r){d(this,r)}render(){return r(o,{key:"17a3490640f95a341c0942188979b2cb82f37da1"},r("slot",{key:"c1d89e758c856d6edd1ec559b4f3da145a33837b"}))}};i.style=b;export{i as cpsl_info_box};
|
2
|
-
//# sourceMappingURL=p-d871d963.entry.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["cpslInfoBoxCss","CpslInfoBoxStyle0","CpslInfoBox","render","h","Host","key"],"sources":["src/components/cpsl-info-box/cpsl-info-box.scss?tag=cpsl-info-box&encapsulation=shadow","src/components/cpsl-info-box/cpsl-info-box.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n --box-border-radius: var(--cpsl-border-radius-info-box);\n --box-padding-top: 16px;\n --box-padding-bottom: 16px;\n --box-padding-start: 16px;\n --box-padding-end: 16px;\n --box-border-width: 1px;\n\n @include border-radius(var(--input-border-radius));\n @include padding(var(--box-padding-top), var(--box-padding-end), var(--box-padding-bottom), var(--box-padding-start));\n\n display: flex;\n background-color: var(--cpsl-color-background-subtle);\n border: var(--box-border-width) solid var(--cpsl-color-input-border-placeholder);\n border-radius: var(--box-border-radius);\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'cpsl-info-box',\n styleUrl: 'cpsl-info-box.scss',\n shadow: true,\n})\nexport class CpslInfoBox {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,wpBACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C"}
|
File without changes
|