bromcom-ui 2.3.63 → 2.3.64

package/dist/collection/components/atoms/badge/badge.css

@@ -1,129 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-.size-1 {
-  font-size: 12px;
-  line-height: 20px;
-}
-
-.size-2 {
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.size-3 {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.size-4 {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-.size-5 {
-  font-size: 24px;
-  line-height: 32px;
-}
-
-.size-6 {
-  font-size: 30px;
-  line-height: 38px;
-}
-
-.size-7 {
-  font-size: 38px;
-  line-height: 46px;
-}
-
-.size-8 {
-  font-size: 46px;
-  line-height: 54px;
-}
-
-.size-9 {
-  font-size: 56px;
-  line-height: 64px;
-}
-
-.weight-regular {
-  font-weight: 400;
-}
-
-.weight-semibold {
-  font-weight: 500;
-}
-
-/**
- * Generator
- */
-:host {
-  display: inline-block;
-}
-
-:host(.hidden) {
-  display: none;
-}
-
-.success {
-  background-color: #52C41A;
-}
-
-.error {
-  background-color: #F5222D;
-}
-
-.default {
-  background-color: #D9D9D9;
-}
-
-.processing {
-  background-color: #4293CF;
-}
-
-.warning {
-  background-color: #FA8C16;
-}
-
-.badge-basic {
-  padding: 0 8px;
-  border: 1px solid #FFFFFF;
-  color: var(--bcm-color-grey-1);
-  border-radius: 16px;
-  font-size: 14px;
-  height: 22px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.badge-info {
-  display: inline-flex;
-  align-items: center;
-}
-
-.badge-text {
-  color: var(--bcm-color-grey-7);
-  font-size: 14px;
-}
-
-.badge-dot {
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  border: 1px solid #FFFFFF;
-  margin-right: 8px;
-  border-radius: 100%;
-  box-sizing: border-box;
-  margin-bottom: 1px;
-}
-.badge-dot.basic.medium {
-  width: 12px;
-  height: 12px;
-  margin-bottom: -1px;
-  line-height: 1;
-}
-.badge-dot.basic.large {
-  width: 16px;
-  height: 16px;
-  margin-bottom: -1px;
-  line-height: 1;
-}

package/dist/collection/components/atoms/badge/badge.js

@@ -1,167 +0,0 @@
-import { Component, Prop, h, Host } from '@stencil/core';
-import cs from 'classnames';
-import { ColorPalette } from '../../../global/variables/colors';
-import { extractColor } from '../../../utils/utils';
-/**
- * @desc
- * @param str
- */
-const lowercase = (str) => str.toLowerCase();
-export class BcmBadge {
-  constructor() {
-    this.type = 'basic';
-    this.status = this.type === 'basic' ? 'error' : 'default';
-    this.hidden = false;
-    this.color = null;
-    this.size = 'small';
-  }
-  handleColor(color) {
-    var returnColor;
-    if (color) {
-      if (color.match(/^#[a-f0-9]{6}$/i) !== null || lowercase(color.substring(0, 3)) === "rgb") {
-        returnColor = color;
-      }
-      else {
-        returnColor = extractColor(ColorPalette, color);
-      }
-      return { backgroundColor: returnColor };
-    }
-  }
-  render() {
-    const dotClass = cs('badge-dot', this.status, this.type, this.size);
-    if (this.type === 'info') {
-      return (h("div", { class: "badge-info" },
-        h("span", { class: dotClass, style: this.handleColor(this.color) }),
-        h("span", { class: "badge-text" },
-          h("slot", null))));
-    }
-    const hostClasses = cs(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses }, !this.value ? h("span", { class: dotClass, style: this.handleColor(this.color) })
-      : (h("span", { class: `badge-basic ${this.status}` },
-        " ",
-        this.value,
-        " "))));
-  }
-  static get is() { return "bcm-badge"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["badge.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["badge.css"]
-  }; }
-  static get properties() { return {
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'basic' | 'info'",
-        "resolved": "\"basic\" | \"info\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "'basic'"
-    },
-    "status": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "status",
-      "reflect": false,
-      "defaultValue": "this.type === 'basic' ? 'error' : 'default'"
-    },
-    "value": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "SizeProp",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "SizeProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'small'"
-    }
-  }; }
-}

package/dist/collection/components/atoms/badge/types.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/components/atoms/button/button.js

@@ -1,372 +0,0 @@
-import { Component, Prop, Element, h, Host, Listen } from '@stencil/core';
-import cs from 'classnames';
-import { variantOptions, VariantProps, iconSizes } from './types';
-export class BcmButton {
-  constructor() {
-    this.kind = 'solid';
-    this.size = 'medium';
-    this.disabled = false;
-    this.outline = false;
-    this.iconPosition = 'prefix';
-    this.loading = false;
-    this.type = 'button';
-    this.hidden = false;
-    this.dataDismiss = false;
-    this.fullWidth = false;
-  }
-  handleOnClick(e) {
-    if (this.host.contains(e.target)) {
-      if (this.disabled) {
-        e.preventDefault();
-        e.stopPropagation();
-      }
-    }
-  }
-  render() {
-    const { size, kind, disabled, outline, icon, iconPosition, href, target, loading, variant, fullWidth } = this;
-    const isIconOnly = this.host.childNodes.length < 1 && this.icon ? true : false;
-    const isSuffixExist = this.host.querySelectorAll('[slot="suffix"]').length > 0;
-    const iconSize = isIconOnly ? iconSizes.iconOnly[size] : iconSizes.default[size];
-    const Component = (href && !disabled) ? 'a' : 'button';
-    const hostClasses = cs(this.hidden ? 'hidden' : null, {
-      'full-width': fullWidth
-    });
-    const classes = cs('button', size, kind, {
-      'size-2': size === 'small' || size === 'medium',
-      'size-3': size === 'large',
-      'rounded': isIconOnly,
-      'outline': outline,
-      'with_suffix': isSuffixExist,
-      'full-width': fullWidth
-    });
-    if (variant in VariantProps) {
-      const classes = cs('button', size, kind, 'variant', variantOptions[variant].class, {
-        'size-2': size === 'small' || size === 'medium',
-        'size-3': size === 'large',
-        'outline': outline,
-        'full-width': fullWidth
-      });
-      const icon = variantOptions[variant].icon;
-      const iconPosition = variantOptions[variant].iconPosition;
-      return (h(Host, { class: hostClasses },
-        h(Component, { class: classes, disabled: disabled, href: href, target: target },
-          loading && h("div", { class: "loading" },
-            " ",
-            h("bcm-icon", { type: "animated", class: "prefix", icon: "loading", size: iconSize }),
-            " "),
-          icon && iconPosition === "prefix" && h("bcm-icon", { type: "outlined", class: "prefix", icon: icon, size: iconSize }),
-          h("span", null, variantOptions[variant].text),
-          icon && iconPosition === "suffix" && h("bcm-icon", { type: "outlined", class: "suffix", icon: icon, size: iconSize }))));
-    }
-    else if (isIconOnly) {
-      return (h(Host, { class: hostClasses },
-        h(Component, { class: classes, disabled: disabled, href: href, target: target },
-          loading && h("div", { class: "loading" },
-            " ",
-            h("bcm-icon", { type: "animated", class: "prefix", icon: "loading", size: iconSize }),
-            " "),
-          h("bcm-icon", { icon: icon, size: iconSize, type: "outlined" }))));
-    }
-    return (h(Host, { class: hostClasses },
-      h(Component, { class: classes, disabled: disabled, href: href, target: target },
-        loading && h("div", { class: "loading" },
-          " ",
-          h("bcm-icon", { type: "animated", class: "prefix", icon: "loading", size: iconSize }),
-          " "),
-        icon && iconPosition === "prefix" && h("bcm-icon", { type: "outlined", class: "prefix", icon: icon, size: iconSize }),
-        h("slot", null),
-        icon && iconPosition === "suffix" && h("bcm-icon", { type: "outlined", class: "suffix", icon: icon, size: iconSize }),
-        h("slot", { name: "suffix" }))));
-  }
-  static get is() { return "bcm-button"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["buttons.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["buttons.css"]
-  }; }
-  static get properties() { return {
-    "kind": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "KindProp",
-        "resolved": "\"ghost\" | \"ghost-link\" | \"link\" | \"solid\" | \"solid-link\"",
-        "references": {
-          "KindProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "kind",
-      "reflect": false,
-      "defaultValue": "'solid'"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "SizeProp",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "SizeProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "'medium'"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "outline": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "outline",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon",
-      "reflect": false
-    },
-    "iconPosition": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "IconPositionProp",
-        "resolved": "\"prefix\" | \"suffix\"",
-        "references": {
-          "IconPositionProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon-position",
-      "reflect": false,
-      "defaultValue": "'prefix'"
-    },
-    "href": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "href",
-      "reflect": false
-    },
-    "target": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "target",
-      "reflect": false
-    },
-    "loading": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "loading",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "VariantProp",
-        "resolved": "\"save\" | \"ok\" | \"new\" | \"add\" | \"create\" | \"apply\" | \"prev\" | \"next\" | \"send\" | \"delete\" | \"cancel\" | \"decline\" | \"close\" | \"archive\" | \"remove\" | \"edit\" | \"export\" | \"import\" | \"filter\" | \"update\" | \"download\"",
-        "references": {
-          "VariantProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TypeProp",
-        "resolved": "\"button\" | \"reset\" | \"submit\"",
-        "references": {
-          "TypeProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "'button'"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "dataDismiss": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-dismiss",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "fullWidth": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "full-width",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "click",
-      "method": "handleOnClick",
-      "target": "window",
-      "capture": true,
-      "passive": false
-    }]; }
-}