@usecapsule/core-components 2.0.2 → 2.0.3

package/dist/capsule/_commonjsHelpers-bc8ff177.js

@@ -1,36 +0,0 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getDefaultExportFromNamespaceIfPresent (n) {
-	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
-}
-
-function getDefaultExportFromNamespaceIfNotNamed (n) {
-	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
-}
-
-function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-function commonjsRequire (path) {
-	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-
-export { commonjsGlobal as c, getDefaultExportFromCjs as g };
-
-//# sourceMappingURL=_commonjsHelpers-bc8ff177.js.map

package/dist/capsule/_commonjsHelpers-bc8ff177.js.map

@@ -1 +0,0 @@
-{"file":"_commonjsHelpers-bc8ff177.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/capsule/cpsl-alert.entry.js

@@ -1,31 +0,0 @@
-import { r as registerInstance, h, a as Host } from './index-f19e63df.js';
-import { I as Icons } from './index-3ac1b9e9.js';
-
-const cpslAlertCss = ":host{--container-gap:8px;--container-padding-top:4px;--container-padding-bottom:4px;--container-padding-start:16px;--container-padding-end:16px;--container-font-size:clamp(12px, 0.75rem, 18px);--container-border-width:1px;--container-border-radius:var(--cpsl-border-radius-alert);display:inline-block;font-family:var(--cpsl-font-family, inherit)}:host(.error){--container-background-color:var(--cpsl-color-alert-surface-error);--container-border-color:var(--cpsl-color-alert-border-error);--container-color:var(--cpsl-color-text-error)}.alert-container{border-radius:var(--container-border-radius);-webkit-padding-start:var(--container-padding-start);padding-inline-start:var(--container-padding-start);-webkit-padding-end:var(--container-padding-end);padding-inline-end:var(--container-padding-end);padding-top:var(--container-padding-top);padding-bottom:var(--container-padding-bottom);font-size:var(--container-font-size);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--container-gap);border-style:solid;border-width:var(--container-border-width);border-color:var(--container-border-color);background-color:var(--container-background-color);color:var(--container-color)}.icon{display:flex}";
-
-const CpslAlert = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.type = 'error';
-        this.icon = undefined;
-    }
-    get Icon() {
-        if (Boolean(this.icon)) {
-            return Icons[this.icon];
-        }
-        switch (this.type) {
-            case 'error':
-            default: {
-                return Icons.alertCircle;
-            }
-        }
-    }
-    render() {
-        return (h(Host, { key: 'dc86a2cfcc312f4697d67aecbd84dea037146d32', class: { error: this.type === 'error' } }, h("div", { key: 'd5d102a894ecc1ccc467537e769b7fd06b65638d', class: "alert-container" }, h("div", { key: '00cd13e8ffafd7dd0a052947a77714531f0ca97b', class: "icon", innerHTML: this.Icon }), h("slot", { key: 'd9c6fbbed43b6995381560d4e858fc26ba31fe99' }))));
-    }
-};
-CpslAlert.style = cpslAlertCss;
-
-export { CpslAlert as cpsl_alert };
-
-//# sourceMappingURL=cpsl-alert.entry.js.map

package/dist/capsule/cpsl-alert.entry.js.map

@@ -1 +0,0 @@
-{"file":"cpsl-alert.entry.esm.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,4sCAA4sC;;MCSptC,SAAS;;;oBAMK,OAAO;;;IAOhC,IAAY,IAAI;QACd,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACtB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACzB;QAED,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,OAAO,CAAC;YACb,SAAS;gBACP,OAAO,KAAK,CAAC,WAAW,CAAC;aAC1B;SACF;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,IAC3C,4DAAK,KAAK,EAAC,iBAAiB,IAC1B,4DAAK,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAI,EAC1C,8DAAa,CACT,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/cpsl-alert/cpsl-alert.scss?tag=cpsl-alert&encapsulation=shadow","src/components/cpsl-alert/cpsl-alert.tsx"],"sourcesContent":["@import '../../themes/capsule.globals';\n\n:host {\n  --container-gap: 8px;\n\n  --container-padding-top: 4px;\n  --container-padding-bottom: 4px;\n  --container-padding-start: 16px;\n  --container-padding-end: 16px;\n\n  --container-font-size: #{dynamic-font-clamp(1, 12px, 1.5)};\n\n  --container-border-width: 1px;\n  --container-border-radius: var(--cpsl-border-radius-alert);\n\n  display: inline-block;\n  font-family: $font-family-base;\n}\n\n:host(.error) {\n  --container-background-color: var(--cpsl-color-alert-surface-error);\n  --container-border-color: var(--cpsl-color-alert-border-error);\n  --container-color: var(--cpsl-color-text-error);\n}\n\n.alert-container {\n  @include border-radius(var(--container-border-radius));\n  @include padding(var(--container-padding-top), var(--container-padding-end), var(--container-padding-bottom), var(--container-padding-start));\n\n  font-size: var(--container-font-size);\n  font-weight: 500;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--container-gap);\n\n  border-style: solid;\n  border-width: var(--container-border-width);\n  border-color: var(--container-border-color);\n\n  background-color: var(--container-background-color);\n  color: var(--container-color);\n}\n\n.icon {\n  display: flex;\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\nimport { Icons } from '../../assets/icons';\nimport { IconType } from '../../interface';\n\n@Component({\n  tag: 'cpsl-alert',\n  styleUrl: 'cpsl-alert.scss',\n  shadow: true,\n})\nexport class CpslAlert {\n  /**\n   * The type of alert.\n   * Options are: `\"error\"`\n   * Default is: `\"error\"`.\n   */\n  @Prop() type?: 'error' = 'error';\n\n  /**\n   * The name of the icon to show.\n   */\n  @Prop() icon?: IconType;\n\n  private get Icon() {\n    if (Boolean(this.icon)) {\n      return Icons[this.icon];\n    }\n\n    switch (this.type) {\n      case 'error':\n      default: {\n        return Icons.alertCircle;\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host class={{ error: this.type === 'error' }}>\n        <div class=\"alert-container\">\n          <div class=\"icon\" innerHTML={this.Icon} />\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}