bromcom-ui 2.3.63 → 2.3.67

package/dist/collection/components/molecules/error-layout/error-layout.js

@@ -1,162 +0,0 @@
-import { Component, h, Element, Prop, Host, Watch, State, Method } from '@stencil/core';
-import cs from 'classnames';
-export class BcmErrorLayout {
-  constructor() {
-    this.size = 'medium';
-    this.hidden = false;
-    this.items = [];
-    this.itemsProp = [];
-  }
-  connectedCallback() { }
-  disconnectedCallback() { }
-  componentWillLoad() {
-    this.parseItems(this.items);
-  }
-  componentDidLoad() { }
-  componentWillRender() { }
-  componentDidRender() { }
-  componentWillUpdate() { }
-  componentDidUpdate() { }
-  /**
-   * @desc
-   * @param newValue
-   * @returns {void}
-   */
-  parseItems(newValue) {
-    if (newValue) {
-      typeof newValue == 'string'
-        ? this.itemsProp = JSON.parse(newValue)
-        : this.itemsProp = newValue;
-    }
-  }
-  async set(val) {
-    this.items = val;
-  }
-  async clear() {
-    this.items = [];
-  }
-  render() {
-    const { itemsProp } = this;
-    const classes = cs('error-layout', this.size);
-    const hostClasses = cs(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses }, itemsProp.length > 0 && (h("div", { class: classes }, this.itemsProp.map((item) => h("li", null, item))))));
-  }
-  static get is() { return "bcm-error-layout"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["error-layout.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["error-layout.css"]
-  }; }
-  static get properties() { return {
-    "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'"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "items": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "Array<object> | string",
-        "resolved": "object[] | string",
-        "references": {
-          "Array": {
-            "location": "global"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "items",
-      "reflect": false,
-      "defaultValue": "[]"
-    }
-  }; }
-  static get states() { return {
-    "itemsProp": {}
-  }; }
-  static get methods() { return {
-    "set": {
-      "complexType": {
-        "signature": "(val: any) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "clear": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "items",
-      "methodName": "parseItems"
-    }]; }
-}

package/dist/collection/components/molecules/error-layout/types.js

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

package/dist/collection/components/molecules/input/input.css

@@ -1,368 +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: 100%;
-  margin: 0 0 8px 0;
-}
-
-:host(.hidden) {
-  display: none;
-}
-
-:host(.no-margin) {
-  margin: 0;
-}
-
-.input-container {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  max-width: 256px;
-}
-.input-container.full-width {
-  max-width: 100%;
-}
-
-.input-base {
-  flex: 1 1 auto;
-  display: inline-flex;
-  align-items: stretch;
-  justify-content: start;
-  position: relative;
-  background-color: var(--bcm-color-grey-1);
-  border: 1px solid var(--bcm-color-grey-5);
-  border-radius: 2px;
-  vertical-align: middle;
-  overflow: hidden;
-  padding: 0 4px;
-  cursor: text;
-}
-.input-base.focused:not(.disabled) {
-  border-color: var(--bcm-color-prime-blue-5);
-  box-shadow: 0px 0px 4px var(--bcm-color-prime-blue-6);
-}
-.input-base.focused:not(.disabled) .caret-container {
-  opacity: 1;
-}
-.input-base.focused:not(.disabled) .input-clear-button {
-  opacity: 1;
-}
-.input-base:hover:not(.disabled) {
-  border-color: var(--bcm-color-prime-blue-6);
-}
-.input-base:hover:not(.disabled) .caret-container {
-  opacity: 1;
-}
-.input-base:hover:not(.disabled) .input-clear-button {
-  opacity: 1;
-}
-.input-base.disabled {
-  background-color: var(--bcm-color-grey-3);
-  cursor: not-allowed;
-}
-.input-base.empty .input-clear-button {
-  display: none;
-}
-.input-base.invalid {
-  border-color: var(--bcm-color-red-6);
-}
-
-.error .label {
-  color: var(--bcm-color-red-6) !important;
-}
-.error .input-base {
-  border: 1px solid var(--bcm-color-red-6) !important;
-}
-
-.input-base input {
-  color: var(--bcm-color-grey-8);
-  flex: 1 1 auto;
-  width: 0%;
-  border: none;
-  border-radius: 2px;
-  background: none;
-  box-shadow: none;
-  padding: 0;
-  margin: 0 4px;
-  font-family: "Roboto", sans-serif;
-  cursor: inherit;
-  -webkit-appearance: none;
-  appearance: none;
-}
-.input-base input::-webkit-search-decoration, .input-base input::-webkit-search-cancel-button, .input-base input::-webkit-search-results-button, .input-base input::-webkit-search-results-decoration {
-  -webkit-appearance: none;
-}
-.input-base input::placeholder {
-  color: var(--bcm-color-grey-6);
-  user-select: none;
-}
-.input-base input:focus {
-  outline: none;
-}
-
-input::-webkit-calendar-picker-indicator {
-  -webkit-appearance: none;
-  display: none;
-}
-
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-}
-
-input[type=number] {
-  -moz-appearance: textfield;
-}
-
-.input-prefix, .input-suffix {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  cursor: default;
-  color: var(--bcm-color-grey-7);
-}
-
-.input-prefix ::slotted(*),
-.input-prefix > span {
-  margin-left: 4px;
-}
-
-.input-suffix ::slotted(*),
-.input-suffix > span {
-  margin-right: 4px;
-}
-
-.input-clear-button, .input-password-toggle {
-  display: inline-flex;
-  align-items: center;
-  border: none;
-  background: none;
-  padding: 0;
-  cursor: pointer;
-  margin-right: 4px;
-  transition: 0.2s opacity;
-}
-.input-clear-button:last-child, .input-clear-button:last-of-type, .input-password-toggle:last-child, .input-password-toggle:last-of-type {
-  margin-right: 8px;
-}
-.input-clear-button:focus, .input-password-toggle:focus {
-  outline: none;
-}
-
-.input-clear-button {
-  opacity: 0;
-}
-
-.label {
-  display: flex;
-  flex-direction: column;
-  color: var(--bcm-color-grey-9);
-  margin-bottom: 4px;
-}
-
-.caption-area {
-  min-height: 20px;
-}
-
-.input-caption {
-  display: block;
-}
-
-.unit.input-suffix {
-  width: 24px;
-}
-.unit-prefix {
-  display: inline-flex;
-  flex: 0 0 auto;
-  align-items: center;
-  cursor: default;
-  color: var(--bcm-color-grey-8);
-}
-
-.caret-container {
-  opacity: 0;
-  width: 30px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  border-left: 1px solid #D9D9D9;
-  border-right: 1px solid #D9D9D9;
-  transition: 0.2s opacity;
-  user-select: none;
-  box-sizing: border-box;
-  margin-right: 4px;
-}
-.caret-container:last-of-type {
-  margin-right: -4px;
-  border-right: none;
-}
-.caret-container .caret {
-  display: inline-flex;
-  height: 50%;
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  color: var(--bcm-color-grey-7);
-  cursor: pointer;
-}
-.caret-container .caret:hover {
-  color: var(--bcm-color-prime-blue-6);
-}
-.caret-container .caret:active {
-  background-color: var(--bcm-color-grey-3);
-}
-.caret-container .caret:last-child {
-  border-top: 1px solid #D9D9D9;
-}
-.caret-container.disabled {
-  background-color: var(--bcm-color-grey-3);
-}
-.caret-container.disabled .caret {
-  cursor: not-allowed;
-}
-
-.default-icon {
-  margin-right: 8px;
-}
-
-.caption-default {
-  color: #8C8C8C;
-}
-
-.caption-primary {
-  color: #4293CF;
-}
-
-.caption-success {
-  color: #52C41A;
-}
-
-.caption-warning {
-  color: #FA8C16;
-}
-
-.caption-error {
-  color: #F5222D;
-}
-
-.input-large {
-  height: 38px;
-}
-
-.input-medium {
-  height: 30px;
-}
-
-.input-small {
-  height: 20px;
-}