bromcom-ui 2.3.58 → 2.3.59

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

@@ -1,203 +0,0 @@
-import { Component, h, Element, Prop, Host } from '@stencil/core';
-import cs from 'classnames';
-import { Generate } from '../../../helper/generate';
-import Bcm from '../../../models/bcm';
-import { LabelTemplate } from '../../../templates/label-template';
-export class BcmLabel {
-  constructor() {
-    /** Props **/
-    this._id = Generate.UID();
-    this.required = false;
-    this.size = Bcm.FontSize['size-1'];
-    this.hidden = false;
-    this.type = Bcm.Status.default;
-  }
-  render() {
-    const { required, value, size, form, htmlFor, hidden, type, tooltip } = this;
-    const hostClasses = cs('bcm-label', { hidden });
-    const Label = (h(LabelTemplate, { form: form, htmlFor: htmlFor, value: value, size: size, type: type, required: required }));
-    return (h(Host, null,
-      h("div", { class: hostClasses },
-        Label,
-        tooltip && (h("bcm-tooltip", { message: tooltip, placement: 'top', trigger: 'hover' },
-          h("bcm-icon", { color: "grey-8", icon: "question-circle", type: "fill" }))))));
-  }
-  static get is() { return "bcm-label"; }
-  static get originalStyleUrls() { return {
-    "$": ["label.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["label.css"]
-  }; }
-  static get properties() { return {
-    "_id": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Props *"
-      },
-      "attribute": "id",
-      "reflect": true,
-      "defaultValue": "Generate.UID()"
-    },
-    "required": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "required",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FontSizesTypes",
-        "resolved": "\"size-1\" | \"size-2\" | \"size-3\" | \"size-4\" | \"size-5\" | \"size-6\" | \"size-7\" | \"size-8\" | \"size-9\"",
-        "references": {
-          "FontSizesTypes": {
-            "location": "import",
-            "path": "../../../models/bcm-types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "Bcm.FontSize['size-1']"
-    },
-    "form": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "form",
-      "reflect": false
-    },
-    "htmlFor": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "html-for",
-      "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"
-    },
-    "type": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "StatusTypes | any",
-        "resolved": "any",
-        "references": {
-          "StatusTypes": {
-            "location": "import",
-            "path": "../../../models/bcm-types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "Bcm.Status.default"
-    },
-    "tooltip": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tooltip",
-      "reflect": false
-    }
-  }; }
-  static get elementRef() { return "el"; }
-}

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

@@ -1,81 +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;
-}
-
-.anchor {
-  text-decoration: none;
-  color: var(--bcm-color-grey-7);
-  display: inline-flex;
-  font-size: 14px;
-  width: 100%;
-}
-.anchor bcm-icon {
-  margin-right: 4px;
-}
-.anchor:hover {
-  color: var(--bcm-color-prime-blue-6);
-}
-.anchor:active {
-  color: var(--bcm-color-grey-8);
-}

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

@@ -1,93 +0,0 @@
-import { Component, h, Host, Prop } from '@stencil/core';
-import cs from 'classnames';
-export class BcmLink {
-  constructor() {
-    this.hidden = false;
-  }
-  render() {
-    const hostClasses = cs(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses },
-      h("a", { class: "anchor", href: this.href, target: this.target },
-        this.icon && h("bcm-icon", { icon: this.icon, size: 16 }),
-        h("slot", null))));
-  }
-  static get is() { return "bcm-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["link.css"]
-  }; }
-  static get properties() { return {
-    "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
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon",
-      "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"
-    }
-  }; }
-}

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

@@ -1,235 +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
- */
-.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;
-}
-
-:host {
-  display: inline-block;
-  width: fit-content;
-}
-
-:host(.hidden) {
-  display: none;
-}
-
-:host(.maxwidth) {
-  max-width: 100px;
-}
-
-.tag {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 8px;
-  cursor: default;
-  border-radius: 48px;
-  border: 1px solid var(--bcm-color-grey-5);
-  user-select: none;
-  min-width: 10px;
-  min-height: 20px;
-}
-.tag.size-1 {
-  padding: calc(8px - 8px) 8px;
-}
-.tag.size-2 {
-  padding: calc(9px - 8px) 9px;
-}
-.tag.size-3 {
-  padding: calc(10px - 8px) 10px;
-}
-.tag.size-4 {
-  padding: calc(11px - 8px) 11px;
-}
-.tag.size-5 {
-  padding: calc(12px - 8px) 12px;
-}
-.tag.size-6 {
-  padding: calc(13px - 8px) 13px;
-}
-.tag.size-7 {
-  padding: calc(14px - 8px) 14px;
-}
-.tag.size-8 {
-  padding: calc(15px - 8px) 15px;
-}
-.tag.size-9 {
-  padding: calc(16px - 8px) 16px;
-}
-.tag.basic, .tag.closeable, .tag.add, .tag.dissmisable {
-  background-color: var(--bcm-color-grey-3);
-  color: var(--bcm-color-grey-8);
-}
-.tag.basic:hover, .tag.closeable:hover, .tag.add:hover, .tag.dissmisable:hover {
-  opacity: 0.85;
-}
-.tag.dissmisable {
-  color: var(--bcm-color-grey-10);
-}
-.tag.dissmisable .close-button {
-  width: 14px;
-  cursor: pointer;
-}
-.tag.dissmisable .close-button bcm-icon {
-  color: var(--bcm-color-grey-7);
-}
-.tag.dissmisable .close-button:hover bcm-icon {
-  color: var(--bcm-color-grey-10);
-}
-.tag.add {
-  border-style: dashed;
-  background-color: var(--bcm-color-grey-1);
-}
-.tag.checkable {
-  background-color: var(--bcm-color-grey-1);
-  color: var(--bcm-color-grey-8);
-  border-color: var(--bcm-color-grey-1);
-}
-.tag.checkable:hover {
-  color: var(--bcm-color-prime-blue-5);
-  cursor: pointer;
-}
-.tag span {
-  display: inline-flex;
-}
-.tag span.left {
-  margin-right: 4px;
-}
-.tag span.right {
-  margin-left: 4px;
-}
-.tag:before, .tag:after {
-  content: "";
-}
-
-button {
-  border: none;
-  outline: 0;
-  cursor: pointer !important;
-  margin: 0;
-}
-
-input[type=checkbox] {
-  margin: 0;
-  width: 0;
-  height: 0;
-  visibility: hidden;
-  position: absolute;
-}
-input[type=checkbox]:checked + label {
-  background-color: var(--bcm-color-prime-blue-6);
-  color: var(--bcm-color-grey-1);
-  border-color: var(--bcm-color-prime-blue-6);
-}
-input[type=checkbox]:checked + label:hover {
-  background-color: var(--bcm-color-prime-blue-5);
-  border-color: var(--bcm-color-prime-blue-5);
-}
-input[type=checkbox]:checked + label:active {
-  background-color: var(--bcm-color-prime-blue-7);
-  border-color: var(--bcm-color-prime-blue-7);
-}