@scania/tegel 0.0.1-beta.3 → 0.0.1-beta.5

package/dist/collection/components/textarea/textarea.css

@@ -0,0 +1,283 @@
+:root,
+.sdds-theme-light {
+  --sdds-textarea-color: var(--sdds-grey-868);
+  --sdds-textarea-bg: var(--sdds-white);
+  --sdds-textarea-placeholder: var(--sdds-grey-500);
+  --sdds-textarea-placeholder-focus-color: var(--sdds-grey-500);
+  --sdds-textarea-on-white-bg: var(--sdds-grey-50);
+  --sdds-textarea-disabled-color: var(--sdds-grey-400);
+  --sdds-textarea-disabled-bg: var(--sdds-white);
+  --sdds-textarea-disabled-placeholder: var(--sdds-grey-400);
+  --sdds-textarea-disabled-label: var(--sdds-grey-400);
+  --sdds-textarea-label-color: var(--sdds-grey-958);
+  --sdds-textarea-label-inside-color: var(--sdds-grey-700);
+  --sdds-textarea-placeholder-focus-color: var(--sdds-grey-500);
+  --sdds-textarea-helper: var(--sdds-grey-700);
+  --sdds-textarea-helper-error: var(--sdds-red-500);
+  --sdds-textarea-bar: var(--sdds-blue-400);
+  --sdds-textarea-bar-error: var(--sdds-red-500);
+  --sdds-textarea-textcounter: var(--sdds-grey-700);
+  --sdds-textarea-textcounter-divider: var(--sdds-grey-500);
+  --sdds-textarea-border-bottom: var(--sdds-grey-400);
+  --sdds-textarea-border-bottom-hover: var(--sdds-grey-600);
+  --sdds-textarea-border-bottom-success: var(--sdds-grey-800);
+  --sdds-textarea-border-bottom-error: var(--sdds-red-500);
+  --sdds-textarea-icon-read-only-color: var(--sdds-white);
+  --sdds-textarea-icon-read-only-label-color: var(--sdds-grey-800);
+  --sdds-textarea-resize-icon: var(--sdds-grey-500);
+}
+
+.sdds-theme-dark {
+  --sdds-textarea-color: var(--sdds-grey-868);
+  --sdds-textarea-bg: var(--sdds-red);
+  --sdds-textarea-placeholder: var(--sdds-grey-500);
+  --sdds-textarea-placeholder-focus-color: var(--sdds-grey-500);
+  --sdds-textarea-on-white-bg: var(--sdds-grey-50);
+  --sdds-textarea-disabled-color: var(--sdds-grey-400);
+  --sdds-textarea-disabled-bg: var(--sdds-red);
+  --sdds-textarea-disabled-placeholder: var(--sdds-grey-400);
+  --sdds-textarea-disabled-label: var(--sdds-grey-400);
+  --sdds-textarea-label-color: var(--sdds-grey-958);
+  --sdds-textarea-label-inside-color: var(--sdds-grey-700);
+  --sdds-textarea-placeholder-focus-color: var(--sdds-grey-500);
+  --sdds-textarea-helper: var(--sdds-grey-700);
+  --sdds-textarea-helper-error: var(--sdds-red-500);
+  --sdds-textarea-bar: var(--sdds-blue-400);
+  --sdds-textarea-bar-error: var(--sdds-red-500);
+  --sdds-textarea-textcounter: var(--sdds-grey-700);
+  --sdds-textarea-textcounter-divider: var(--sdds-grey-500);
+  --sdds-textarea-border-bottom: var(--sdds-grey-400);
+  --sdds-textarea-border-bottom-hover: var(--sdds-grey-600);
+  --sdds-textarea-border-bottom-success: var(--sdds-grey-800);
+  --sdds-textarea-border-bottom-error: var(--sdds-red-500);
+  --sdds-textarea-icon-read-only-color: var(--sdds-white);
+  --sdds-textarea-icon-read-only-label-color: var(--sdds-grey-800);
+  --sdds-textarea-resize-icon: var(--sdds-grey-500);
+}
+
+.sdds-on-white-bg {
+  --sdds-textarea-bg: var(--sdds-textarea-on-white-bg);
+}
+
+.sdds-textarea-container {
+  border-radius: 4px 4px 0 0;
+  position: relative;
+  box-sizing: border-box;
+  height: auto;
+  width: 100%;
+  min-width: 208px;
+  display: inline-flex;
+  background-color: transparent;
+  flex-flow: row wrap;
+  border-bottom: 0;
+}
+
+.sdds-textarea-container .sdds-textarea-wrapper {
+  position: relative;
+  width: unset;
+  min-width: 100%;
+}
+
+.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before, .sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after {
+  content: "";
+  height: 2px;
+  width: 0;
+  position: absolute;
+  background: var(--sdds-textarea-bar);
+  transition: 0.35s ease all;
+}
+.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before {
+  left: 50%;
+}
+.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after {
+  right: 50%;
+}
+.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after, .sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before {
+  top: calc(100% - 2px);
+}
+
+.sdds-textarea-input {
+  border-radius: 4px 4px 0 0;
+  width: 100%;
+  box-sizing: border-box;
+  margin: 0;
+  border: none;
+  outline: none;
+  height: 100%;
+  color: var(--sdds-textarea-color);
+  background-color: var(--sdds-textarea-bg);
+  font: var(--sdds-detail-02);
+  letter-spacing: var(--sdds-detail-02-ls);
+  padding: var(--sdds-spacing-element-20) var(--sdds-spacing-element-16);
+  display: block;
+  resize: vertical;
+  border-bottom: 1px solid var(--sdds-textarea-border-bottom);
+  transition: border-bottom-color 200ms ease;
+}
+.sdds-textarea-input::placeholder {
+  opacity: 1;
+  color: var(--sdds-textarea-placeholder);
+}
+.sdds-textarea-input:focus::placeholder {
+  color: var(--sdds-textarea-placeholder-focus-color);
+}
+.sdds-textarea-input:disabled {
+  background-color: var(--sdds-textarea-disabled-bg);
+  color: var(--sdds-textarea-disabled-color);
+  cursor: not-allowed;
+}
+.sdds-textarea-input:disabled::placeholder {
+  color: var(--sdds-textarea-disabled-placeholder);
+}
+.sdds-textarea-input:disabled ~ .sdds-textfield-label-inside {
+  color: var(--sdds-textarea-disabled-label);
+}
+.sdds-textarea-input::-webkit-resizer {
+  display: none;
+}
+.sdds-textarea-input:hover {
+  border-bottom-color: var(--sdds-textarea-border-bottom-hover);
+}
+
+.sdds-textarea-resizer-icon {
+  color: var(--sdds-textarea-resize-icon);
+  position: absolute;
+  display: block;
+  bottom: 2px;
+  right: 1px;
+  padding-bottom: 2px;
+  padding-right: 2px;
+  pointer-events: none;
+  background-color: var(--sdds-textarea-bg);
+}
+.sdds-textarea-resizer-icon svg {
+  display: block;
+}
+
+.sdds-textarea-label {
+  font: var(--sdds-detail-05);
+  letter-spacing: var(--sdds-detail-05-ls);
+  display: block;
+  z-index: 2;
+  margin-bottom: var(--sdds-spacing-element-8);
+  color: var(--sdds-textarea-label-color);
+}
+
+.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-label {
+  font: var(--sdds-detail-02);
+  letter-spacing: var(--sdds-detail-02-ls);
+  transition: 0.1s ease all;
+  color: var(--sdds-textarea-label-inside-color);
+  position: absolute;
+  top: var(--sdds-spacing-element-20);
+  left: var(--sdds-spacing-element-16);
+}
+.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input::placeholder {
+  color: transparent;
+}
+.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input ::placeholder {
+  color: transparent;
+}
+.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input:focus::placeholder {
+  transition: color 0.35s ease;
+  color: var(--sdds-textarea-placeholder-focus-color);
+}
+.sdds-textarea-container.sdds-textarea-focus.sdds-textarea-label-inside .sdds-textarea-label {
+  font: var(--sdds-detail-07);
+  letter-spacing: var(--sdds-detail-07-ls);
+  top: var(--sdds-spacing-element-8);
+}
+.sdds-textarea-container.sdds-textarea-focus .sdds-textarea-wrapper::before, .sdds-textarea-container.sdds-textarea-focus .sdds-textarea-wrapper::after {
+  width: 50%;
+}
+.sdds-textarea-container.sdds-textarea-data.sdds-textarea-label-inside .sdds-textarea-label {
+  font: var(--sdds-detail-07);
+  letter-spacing: var(--sdds-detail-07-ls);
+  top: var(--sdds-spacing-element-8);
+}
+
+.sdds-textarea-textcounter {
+  font: var(--sdds-detail-05);
+  letter-spacing: var(--sdds-detail-05-ls);
+  color: var(--sdds-textarea-textcounter);
+  float: right;
+  flex-basis: 100%;
+  text-align: right;
+  padding-top: var(--sdds-spacing-element-4);
+}
+.sdds-textarea-textcounter .sdds-textfield-textcounter-divider {
+  font: var(--sdds-detail-05);
+  letter-spacing: var(--sdds-detail-05-ls);
+  color: var(--sdds-textarea-textcounter-divider);
+}
+
+.sdds-textarea-helper {
+  font: var(--sdds-detail-05);
+  letter-spacing: var(--sdds-detail-05-ls);
+  display: block;
+  padding-top: var(--sdds-spacing-element-4);
+  color: var(--sdds-textarea-helper);
+  flex-grow: 2;
+  flex-basis: auto;
+}
+.sdds-textarea-helper ~ .sdds-textarea-textcounter {
+  flex-basis: auto;
+}
+
+.sdds-textarea-success .sdds-textarea-input {
+  border-bottom-color: var(--sdds-textarea-border-bottom-success);
+}
+
+.sdds-textarea-error .sdds-textarea-input {
+  border-bottom-color: var(--sdds-textarea-border-bottom-error);
+}
+.sdds-textarea-error .sdds-textarea-wrapper::after, .sdds-textarea-error .sdds-textarea-wrapper::before {
+  background: var(--sdds-textarea-bar-error);
+}
+.sdds-textarea-error .sdds-textarea-helper {
+  color: var(--sdds-textarea-helper-error);
+}
+
+.sdds-textarea-disabled .sdds-textarea-input {
+  border-bottom-color: transparent;
+}
+.sdds-textarea-disabled .sdds-textarea-label {
+  color: var(--sdds-textarea-disabled-label);
+}
+
+.sdds-textarea-icon__readonly {
+  display: none;
+  position: absolute;
+  right: 18px;
+  top: 18px;
+}
+.sdds-textarea-icon__readonly-label {
+  display: none;
+  position: absolute;
+  right: 18px;
+  top: 48px;
+  font: var(--sdds-detail-05);
+  letter-spacing: var(--sdds-detail-05-ls);
+  padding: 8px;
+  color: var(--sdds-textarea-icon-read-only-label-color);
+  background-color: var(--sdds-textarea-icon-read-only-label-bg);
+  white-space: nowrap;
+  border-radius: 4px 0 4px 4px;
+}
+
+.sdds-textarea-readonly {
+  pointer-events: none;
+}
+.sdds-textarea-readonly .sdds-textarea-icon__readonly {
+  display: block;
+}
+.sdds-textarea-readonly .sdds-textarea-icon__readonly:hover ~ .sdds-textarea-icon__readonly-label {
+  display: block;
+}
+.sdds-textarea-readonly .sdds-textfield-input {
+  padding-right: 54px;
+  background-color: transparent;
+}
+.sdds-textarea-readonly .sdds-textfield-container {
+  background-color: transparent;
+}

package/dist/collection/components/textarea/textarea.js

@@ -0,0 +1,336 @@
+import { h } from '@stencil/core';
+export class Textarea {
+  constructor() {
+    this.label = '';
+    this.name = '';
+    this.helper = '';
+    this.cols = undefined;
+    this.rows = undefined;
+    this.labelPosition = 'no-label';
+    this.placeholder = '';
+    this.value = '';
+    this.disabled = false;
+    this.readOnly = false;
+    this.state = 'default';
+    this.maxLength = undefined;
+    this.modeVariant = 'primary';
+    this.autoFocus = false;
+    this.focusInput = undefined;
+  }
+  // Data input event in value prop
+  handleInput(e) {
+    this.value = e.target.value;
+  }
+  /* Set the input as focus when clicking the whole textfield with suffix/prefix */
+  handleFocusClick() {
+    this.textEl.focus();
+    this.focusInput = true;
+  }
+  handleChange(e) {
+    this.customChange.emit(e);
+  }
+  render() {
+    var _a;
+    return (h("div", { class: `
+        sdds-textarea-container
+        ${this.labelPosition === 'inside' ? 'sdds-textarea-label-inside' : ''}
+        ${this.focusInput ? 'sdds-textarea-focus' : ''}
+        ${this.disabled ? 'sdds-textarea-disabled' : ''}
+        ${this.readOnly ? 'sdds-textarea-readonly' : ''}
+        ${this.modeVariant === 'primary' ? 'sdds-on-white-bg' : ''}
+        ${this.value ? 'sdds-textarea-data' : ''}
+        ${this.state === 'error' || this.state === 'success' ? `sdds-textarea-${this.state}` : ''}
+        `, onClick: () => this.handleFocusClick() }, this.labelPosition !== 'no-label' && (h("span", { class: 'sdds-textarea-label' }, this.label)), h("div", { class: "sdds-textarea-wrapper" }, h("textarea", { onFocus: () => {
+        this.focusInput = true;
+      }, onBlur: () => {
+        this.focusInput = false;
+      }, class: 'sdds-textarea-input', ref: (inputEl) => (this.textEl = inputEl), disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autoFocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onInput: (e) => this.handleInput(e), onChange: (e) => this.handleChange(e) }), h("span", { class: "sdds-textarea-resizer-icon" }, h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), h("svg", { class: "sdds-textarea-icon__readonly", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6242 10.7946L17.1365 7.28228C17.6247 6.79412 17.6247 6.00266 17.1365 5.5145L14.485 2.86295C13.9968 2.37479 13.2054 2.37479 12.7172 2.86295L9.20483 6.3753L10.0887 7.25919L11.3914 5.95654L14.0429 8.6081L12.7403 9.91075L13.6242 10.7946ZM13.6011 3.74684L16.2526 6.39839L14.9268 7.72421L12.2753 5.07265L13.6011 3.74684Z", fill: "#0D0F13" }), h("path", { d: "M7.43707 9.91075L5.00974 12.3381L4.01561 15.9837L7.6613 14.9896L10.0886 12.5623L10.9725 13.4462L8.54519 15.8735C8.39136 16.0274 8.20004 16.1384 7.99014 16.1956L3.28932 17.4774C3.07294 17.5364 2.84154 17.475 2.68295 17.3164C2.52436 17.1578 2.46291 16.9264 2.52191 16.71L3.80377 12.0092C3.861 11.7993 3.97202 11.608 4.12585 11.4542L6.55318 9.02686L7.43707 9.91075Z", fill: "#0D0F13" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.43306 1.43306C1.67714 1.18898 2.07287 1.18898 2.31695 1.43306L18.5671 17.6832C18.8112 17.9273 18.8112 18.323 18.5671 18.5671C18.323 18.8112 17.9273 18.8112 17.6832 18.5671L1.43306 2.31695C1.18898 2.07287 1.18898 1.67714 1.43306 1.43306Z", fill: "#0D0F13" })), h("span", { class: "sdds-textarea-icon__readonly-label" }, "This field is non-editable")), this.helper.length > 0 && h("span", { class: 'sdds-textarea-helper' }, this.helper), this.maxLength > 0 && (h("div", { class: 'sdds-textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { class: "sdds-textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
+  }
+  static get is() { return "sdds-textarea"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["textarea.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["textarea.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label text"
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Name attribute"
+        },
+        "attribute": "name",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "helper": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Helper text"
+        },
+        "attribute": "helper",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "cols": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Textarea cols attribute"
+        },
+        "attribute": "cols",
+        "reflect": false
+      },
+      "rows": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Textarea rows attribute"
+        },
+        "attribute": "rows",
+        "reflect": false
+      },
+      "labelPosition": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'inside' | 'outside' | 'no-label'",
+          "resolved": "\"inside\" | \"no-label\" | \"outside\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Position of the label for the textfield."
+        },
+        "attribute": "label-position",
+        "reflect": false,
+        "defaultValue": "'no-label'"
+      },
+      "placeholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Placeholder text"
+        },
+        "attribute": "placeholder",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "value": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Value of the input text"
+        },
+        "attribute": "value",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set input in disabled state"
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "readOnly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set input in readonly state"
+        },
+        "attribute": "read-only",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "state": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'error' | 'success' | 'default'",
+          "resolved": "\"default\" | \"error\" | \"success\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Error state of input"
+        },
+        "attribute": "state",
+        "reflect": false,
+        "defaultValue": "'default'"
+      },
+      "maxLength": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Max length of input"
+        },
+        "attribute": "max-length",
+        "reflect": false
+      },
+      "modeVariant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'primary' | 'secondary'",
+          "resolved": "\"primary\" | \"secondary\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Variant of the tabs, primary= on white, secondary= on grey50"
+        },
+        "attribute": "mode-variant",
+        "reflect": false,
+        "defaultValue": "'primary'"
+      },
+      "autoFocus": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Control of autofocus"
+        },
+        "attribute": "auto-focus",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "focusInput": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "customChange",
+        "name": "customChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Change event for the textarea"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+}