bromcom-ui 2.12.1-test.0 → 3.0.0-preview.0

package/dist/collection/components/molecules/checkbox/checkbox-lite.js

@@ -1,236 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { h, Host } from '@stencil/core';
-import cs from 'classnames';
-import { Generate } from '../../../helper/generate';
-import Bcm from '../../../models/bcm';
-export class BcmCheckboxLite {
-  constructor() {
-    this._id = Generate.UID();
-    this.checked = true;
-    this.indeterminate = null;
-    this.disabled = false;
-    this.hidden = false;
-    this.required = false;
-    this.readOnly = false;
-    this.captionType = Bcm.Status.default;
-  }
-  render() {
-    const { disabled, checked, readOnly, required, indeterminate, hidden, captionType, _id } = this;
-    // const hostClasses = cs(
-    //     'bcm-checkbox',
-    //     'bcm-checkbox__type-default',
-    //     {
-    //         'error': captionType == Bcm.Status.error,
-    //         hidden,
-    //         checked,
-    //         disabled,
-    //         required,
-    //         readOnly,
-    //     }
-    // )
-    // const bcmCheckboxIconClass = cs(
-    //     'bcm-checkbox__icon',
-    //     'bcm-checkbox__icon-lite',
-    //     'bcm-checkbox__icon-' + indeterminate,
-    //     {
-    //         checked
-    //     }
-    // )
-    // const bcmCheckboxLabelClass = cs(
-    //     'bcm-checkbox__label'
-    // )
-    const bcmCheckboxClass = cs('bcm-checkbox', `bcm-checkbox-size-medium`, {
-      'error': captionType == Bcm.Status.error,
-      hidden,
-      checked,
-      disabled,
-      required
-    });
-    const bcmCheckboxIconClass = cs('bcm-checkbox__label-icon', 'bcm-checkbox__label-icon-lite', 'bcm-checkbox__label-icon-' + indeterminate, {
-      'bcm-checkbox__label-icon-checked': checked,
-    });
-    const bcmCheckboxLabelClass = cs('bcm-checkbox__label');
-    const bcmCheckboxInputClass = cs('bcm-checkbox__input');
-    return (h(Host, { class: bcmCheckboxClass, style: { 'margin': '0' } }, h("div", { class: bcmCheckboxInputClass, style: {
-        'padding-top': '5px'
-      } }, h("input", { id: _id, type: "checkbox", checked: checked, disabled: disabled, required: required, readOnly: readOnly }), h("label", { class: bcmCheckboxLabelClass, htmlFor: _id }, h("span", { class: bcmCheckboxIconClass }, h("div", { style: {
-        'height': '12px',
-        'min-height': '12px',
-        'width': '12px',
-        'min-width': '12px'
-      } }, h("svg", { class: "bcm-icon-lite", width: "100%", height: "100%", viewBox: "0 0 11 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1.91308 4.03516H1.91326C1.99256 4.03525 2.07081 4.05331 2.14213 4.08798C2.21341 4.12262 2.27591 4.17295 2.32497 4.2352L1.91308 4.03516ZM1.91308 4.03516H1.09394C0.890308 4.03516 0.776602 4.26975 0.902321 4.4292L0.902371 4.42927L4.11214 8.49567L4.11218 8.49573C4.32247 8.76188 4.72568 8.76114 4.93667 8.49617L4.93708 8.49566L10.6597 1.24398C10.6598 1.24378 10.66 1.24358 10.6602 1.24338C10.7884 1.08295 10.6699 0.85 10.4689 0.85H9.6498C9.48941 0.85 9.33668 0.9235 9.2376 1.05044C9.23751 1.05055 9.23742 1.05066 9.23734 1.05077L4.52403 7.02157M1.91308 4.03516L4.52403 7.02157M4.52403 7.02157L2.32506 4.23531L4.52403 7.02157Z", fill: "#ffffff" }))))))));
-  }
-  static get is() { return "bcm-checkbox-lite"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["../../../global/components/_checkbox.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["../../../global/components/_checkbox.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "_id": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "id",
-        "reflect": true,
-        "defaultValue": "Generate.UID()"
-      },
-      "checked": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "checked",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "indeterminate": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "IndeterminateTypes",
-          "resolved": "\"determinate\" | \"indeterminate\" | \"uncheck\"",
-          "references": {
-            "IndeterminateTypes": {
-              "location": "import",
-              "path": "../../../models/bcm-types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "indeterminate",
-        "reflect": false,
-        "defaultValue": "null"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "hidden": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "hidden",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "required",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "readOnly": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "read-only",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "captionType": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "StatusTypes",
-          "resolved": "\"default\" | \"error\" | \"info\" | \"success\" | \"warning\"",
-          "references": {
-            "StatusTypes": {
-              "location": "import",
-              "path": "../../../models/bcm-types"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "caption-type",
-        "reflect": false,
-        "defaultValue": "Bcm.Status.default"
-      }
-    };
-  }
-  static get elementRef() { return "el"; }
-}

package/dist/collection/components/molecules/expansion-panel/expansion-panel.css

@@ -1,238 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
-.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
- */
-.input-size-large {
-  height: 40px;
-}
-
-.input-size-medium {
-  height: 32px;
-}
-
-.input-size-small {
-  height: 24px;
-}
-
-.resize-none textarea {
-  resize: none;
-}
-
-.resize-vertical textarea {
-  resize: vertical;
-}
-
-.resize-auto textarea {
-  height: auto;
-  resize: none;
-}
-
-.textarea-size-large {
-  padding: 4px 0 0 4px;
-  min-height: 40px;
-}
-.textarea-size-large .bcm-input-element {
-  min-height: calc((40px - 8px) + 2px);
-}
-.textarea-size-large .input-clear-button {
-  height: calc( 40px - 16px );
-  top: 8px;
-  padding: 0;
-  margin-right: 8px;
-}
-
-.textarea-size-medium {
-  padding: 4px 0 0 4px;
-  min-height: 32px;
-}
-.textarea-size-medium .bcm-input-element {
-  min-height: calc((32px - 8px) + 2px);
-}
-.textarea-size-medium .input-clear-button {
-  height: calc( 32px - 16px );
-  top: 8px;
-  padding: 0;
-  margin-right: 8px;
-}
-
-.textarea-size-small {
-  padding: 0px 0 0 4px;
-  min-height: 24px;
-}
-.textarea-size-small .bcm-input-element {
-  min-height: calc((24px - 8px) + 2px);
-}
-.textarea-size-small .input-clear-button {
-  height: calc( 24px - 16px );
-  top: 8px;
-  padding: 0;
-  margin-right: 8px;
-}
-
-* {
-  box-sizing: border-box;
-}
-
-.bcm-expansion-panel {
-  font-family: "Inter", sans-serif;
-  font-size: 14px;
-  line-height: calc(14px + 8px);
-  font-weight: 400;
-  display: block;
-  width: 100%;
-  background-color: var(--bcm-new-ds-color-white);
-  border-radius: 8px;
-  border: 1px solid var(--bcm-new-ds-color-slate-300);
-  box-sizing: border-box;
-}
-.bcm-expansion-panel + .bcm-expansion-panel {
-  margin-top: 4px;
-}
-.bcm-expansion-panel__header {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  user-select: none;
-  min-height: 50px;
-  border-radius: 8px;
-  padding: 4px 24px;
-  color: var(--bcm-new-ds-color-slate-700);
-  font-weight: 600;
-}
-.bcm-expansion-panel__header-content {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-start;
-  flex-wrap: nowrap;
-  gap: 8px;
-}
-.bcm-expansion-panel__header:hover {
-  cursor: pointer;
-}
-.bcm-expansion-panel__header-title {
-  order: 1;
-  user-select: none;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 4px;
-}
-.bcm-expansion-panel__header-title-description {
-  margin-left: calc(4px / 2);
-  color: var(--bcm-new-ds-color-slate-500);
-  font-size: 12px;
-  line-height: calc(12px + 8px);
-}
-.bcm-expansion-panel__header-tooltip {
-  line-height: 1;
-  color: var(--bcm-new-ds-color-slate-800);
-}
-.bcm-expansion-panel__header-toggle {
-  height: 100%;
-  order: 0;
-  width: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transform: rotate(0deg);
-  transition: transform 0.2s ease-in-out;
-  font-size: 12px;
-}
-.bcm-expansion-panel__header-extra {
-  display: none;
-}
-.bcm-expansion-panel__header-extra:not(:empty) {
-  cursor: default;
-  display: flex;
-  align-items: center;
-  order: 5;
-  line-height: 1;
-  padding: 0 8px;
-}
-.bcm-expansion-panel__header-extra .bcm-expansion-panel__extra-content {
-  display: flex;
-  align-items: center;
-}
-.bcm-expansion-panel__body {
-  display: none;
-  padding: 12px 24px;
-}
-.bcm-expansion-panel--icon-right .bcm-expansion-panel__header {
-  justify-content: space-between;
-  padding-left: 24px;
-}
-.bcm-expansion-panel--icon-right .bcm-expansion-panel__header-toggle {
-  order: 6;
-}
-.bcm-expansion-panel--invalid .bcm-expansion-panel__header-toggle, .bcm-expansion-panel--invalid .bcm-expansion-panel__header-content {
-  color: var(--bcm-new-ds-color-red-500);
-}
-.bcm-expansion-panel--expanded {
-  border-bottom: 1px solid var(--bcm-color-grey-5);
-}
-.bcm-expansion-panel--expanded .bcm-expansion-panel__header {
-  border-radius: 8px 8px 0 0;
-}
-.bcm-expansion-panel--expanded .bcm-expansion-panel__header-toggle {
-  transform: rotate(180deg);
-}
-.bcm-expansion-panel--expanded .bcm-expansion-panel__body {
-  display: block;
-}