@3t-transform/threeteeui 0.0.13 → 0.0.15

package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.css

@@ -1,181 +0,0 @@
-.material-symbols-rounded {
-  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
-}
-
-.material-symbols-rounded {
-  font-family: "Material Symbols Rounded", sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  color: #9e9e9e;
-}
-
-.icon-left,
-.icon-right {
-  flex-basis: 24px;
-}
-
-.icon-left span,
-.icon-right span {
-  font-size: 24px;
-  line-height: 24px;
-  text-align: center;
-  display: block;
-  width: 24px;
-  height: 24px;
-  margin-top: 4px;
-}
-
-.icon-left span {
-  margin-left: 4px;
-}
-
-.icon-right span {
-  margin-right: 4px;
-}
-
-.icon-right {
-  margin-top: 5px;
-  margin-right: 4px;
-}
-
-.icon-left {
-  margin-top: 5px;
-  margin-left: 4px;
-}
-
-.iconleft .input {
-  padding-left: 4px;
-}
-
-.iconright .input {
-  padding-right: 4px;
-}
-
-.focused {
-  border-color: #1479c6;
-}
-
-.errormsg {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  float: left;
-  margin-bottom: 16px;
-  box-sizing: border-box;
-  background-color: transparent;
-  height: 26px;
-  font-size: 14px;
-  border-radius: none;
-  z-index: 2;
-  color: #dc0000;
-}
-
-.errormsg .validationicon {
-  width: 16px;
-  height: 16px;
-  font-size: 16px;
-  margin-right: 4px;
-  vertical-align: middle;
-  color: #dc0000;
-}
-
-.danger {
-  color: #dc0000;
-}
-
-.optional {
-  color: #757575;
-  font-weight: normal;
-}
-
-label.inputBlock {
-  display: block;
-  position: relative;
-  line-height: 21px;
-}
-
-label {
-  font-weight: 500;
-  font-size: 16px;
-}
-
-input:not([type=submit]) {
-  font-family: "Roboto", serif;
-  box-sizing: border-box;
-  width: 100%;
-  height: 36px;
-  padding: 0 16px;
-  font-size: 16px;
-  border: 1px solid #d5d5d5;
-  border-radius: 4px;
-  margin-top: 4px;
-}
-
-/* iPhone OS fix */
-input[type=date] {
-  background: white;
-  display: block;
-  min-width: calc(100% - 18px);
-  line-height: 37px;
-}
-
-input.invalid:invalid, input.standalone.invalid {
-  border: 1px solid #dc0000;
-}
-
-input ~ .errorBubble {
-  min-height: 27px;
-  position: relative;
-  font-size: 14px;
-  font-weight: normal;
-  width: 100%;
-  font-family: "Roboto", sans-serif;
-  color: #dc0000;
-  display: flex;
-  align-content: center;
-  align-items: center;
-  justify-items: center;
-}
-
-input ~ .errorBubble:not(.visible) {
-  visibility: hidden;
-}
-
-input ~ .errorBubble span {
-  color: #dc0000;
-  font-size: 16px;
-  margin-right: 4px;
-  height: 16px;
-}
-
-input.invalid:invalid ~ .errorBubble {
-  position: relative;
-  font-size: 14px;
-  font-weight: normal;
-  width: 100%;
-  font-family: "Roboto", sans-serif;
-  color: #dc0000;
-  visibility: visible;
-}
-
-input:focus {
-  border-color: #1479c6;
-}
-
-:host {
-  display: block;
-}
-
-.spacing {
-  margin-bottom: 16px;
-}

package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.js

@@ -1,101 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class TttxCheckbox {
-  constructor() {
-    this.value = undefined;
-    this.label = undefined;
-    this.required = undefined;
-  }
-  handleClick(event) {
-    const target = event.target;
-    this.value = target.checked;
-    this.valueChanged.emit(target.checked);
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "field spacing" }, this.label && (h("label", { class: "label" }, this.label, !this.required ? h("span", { class: "optional" }, " (optional)") : '')), h("input", { type: "checkbox", class: "input", onChange: event => this.handleClick(event), checked: this.value }))));
-  }
-  static get is() { return "tttx-checkbox"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["tttx-checkbox.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["tttx-checkbox.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "required": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "required",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "valueChanged",
-        "name": "valueChanged",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        }
-      }];
-  }
-}

package/dist/collection/components/atoms/ttx-checkbox/tttx-checkbox.stories.js

@@ -1,13 +0,0 @@
-export default {
-  title: 'Atoms/Checkbox',
-  component: 'tttx-checkbox',
-};
-const Template = ({ value }) => `
-<tttx-checkbox
-  ${value ? 'value="true"' : ''}
-></tttx-checkbox>
-`;
-export const Default = Template.bind({});
-Default.args = {
-  value: false,
-};

package/dist/collection/components/molecules/tttx-form/tttx-form.css

@@ -1,230 +0,0 @@
-.material-symbols-rounded {
-  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
-}
-
-.material-symbols-rounded {
-  font-family: "Material Symbols Rounded", sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  color: #9e9e9e;
-}
-
-.icon-left,
-.icon-right {
-  flex-basis: 24px;
-}
-
-.icon-left span,
-.icon-right span {
-  font-size: 24px;
-  line-height: 24px;
-  text-align: center;
-  display: block;
-  width: 24px;
-  height: 24px;
-  margin-top: 4px;
-}
-
-.icon-left span {
-  margin-left: 4px;
-}
-
-.icon-right span {
-  margin-right: 4px;
-}
-
-.icon-right {
-  margin-top: 5px;
-  margin-right: 4px;
-}
-
-.icon-left {
-  margin-top: 5px;
-  margin-left: 4px;
-}
-
-.iconleft .input {
-  padding-left: 4px;
-}
-
-.iconright .input {
-  padding-right: 4px;
-}
-
-.focused {
-  border-color: #1479c6;
-}
-
-.errormsg {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  float: left;
-  margin-bottom: 16px;
-  box-sizing: border-box;
-  background-color: transparent;
-  height: 26px;
-  font-size: 14px;
-  border-radius: none;
-  z-index: 2;
-  color: #dc0000;
-}
-
-.errormsg .validationicon {
-  width: 16px;
-  height: 16px;
-  font-size: 16px;
-  margin-right: 4px;
-  vertical-align: middle;
-  color: #dc0000;
-}
-
-.danger {
-  color: #dc0000;
-}
-
-.optional {
-  color: #757575;
-  font-weight: normal;
-}
-
-label.inputBlock {
-  display: block;
-  position: relative;
-  line-height: 21px;
-}
-
-label {
-  font-weight: 500;
-  font-size: 16px;
-}
-
-input:not([type=submit]) {
-  font-family: "Roboto", serif;
-  box-sizing: border-box;
-  width: 100%;
-  height: 36px;
-  padding: 0 16px;
-  font-size: 16px;
-  border: 1px solid #d5d5d5;
-  border-radius: 4px;
-  margin-top: 4px;
-}
-
-/* iPhone OS fix */
-input[type=date] {
-  background: white;
-  display: block;
-  min-width: calc(100% - 18px);
-  line-height: 37px;
-}
-
-input.invalid:invalid, input.standalone.invalid {
-  border: 1px solid #dc0000;
-}
-
-input ~ .errorBubble {
-  min-height: 27px;
-  position: relative;
-  font-size: 14px;
-  font-weight: normal;
-  width: 100%;
-  font-family: "Roboto", sans-serif;
-  color: #dc0000;
-  display: flex;
-  align-content: center;
-  align-items: center;
-  justify-items: center;
-}
-
-input ~ .errorBubble:not(.visible) {
-  visibility: hidden;
-}
-
-input ~ .errorBubble span {
-  color: #dc0000;
-  font-size: 16px;
-  margin-right: 4px;
-  height: 16px;
-}
-
-input.invalid:invalid ~ .errorBubble {
-  position: relative;
-  font-size: 14px;
-  font-weight: normal;
-  width: 100%;
-  font-family: "Roboto", sans-serif;
-  color: #dc0000;
-  visibility: visible;
-}
-
-input:focus {
-  border-color: #1479c6;
-}
-
-.button {
-  height: 36px;
-  padding: 8px 16px;
-  margin: 0;
-  background: transparent;
-  color: #212121;
-  border: 1px solid #c8c8c8;
-  border-radius: 4px;
-  text-transform: uppercase;
-  display: flex;
-  justify-content: left;
-  align-items: center;
-  font-size: 14px;
-  font-weight: 400;
-}
-
-.button:hover {
-  background: #f0f0f0;
-}
-
-.button:active {
-  background: #e3e3e3;
-}
-
-.primary-blue {
-  background: #1479c6;
-  border: 1px solid #1479c6;
-  color: white;
-}
-
-.primary-blue:hover {
-  background: #1169ba;
-}
-
-.primary-blue:active {
-  background: #0951a8;
-}
-
-.secondary-white {
-  background: white;
-  border: 1px solid #212121;
-}
-
-:host {
-  display: block;
-}
-
-fieldset {
-  margin: 0;
-  padding: 0;
-  border: none;
-}
-
-input[type=submit] {
-  margin-left: auto;
-}