@rededor/cura 0.4.5 → 0.5.0-alpha.0

package/dist/collection/components/cura-icon/cura-icon.js

@@ -1,162 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class CuraIcon {
-  constructor() {
-    this.sizes = {
-      "128": { size: 128, stroke: 5.25 },
-      "72": { size: 72, stroke: 3.5 },
-      "64": { size: 64, stroke: 3.25 },
-      "48": { size: 48, stroke: 2.75 },
-      "40": { size: 40, stroke: 2.5 },
-      "32": { size: 32, stroke: 2.25 },
-      "24": { size: 24, stroke: 2 },
-      "20": { size: 20, stroke: 1.75 },
-      "16": { size: 16, stroke: 1.5 },
-      "default": { size: 24, stroke: 2 }
-    };
-    this.name = '';
-    this.color = 'neutral-base';
-    this.size = undefined;
-    this.iconset = 'default';
-    this.disabled = false;
-  }
-  sizeHandler(size) {
-    const scaledStroke = (iconSize) => {
-      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;
-    };
-    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);
-    this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke("default"));
-  }
-  colorHandler() {
-    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));
-  }
-  connectedCallback() {
-    this.assetsPath = window.CuraAPI.localAssetsPath;
-    this.sizeHandler(this.size);
-    this.colorHandler();
-  }
-  setHostProperty(prop, value) {
-    this.host.style.setProperty(prop, value);
-  }
-  render() {
-    return (h(Host, null, h("svg", { version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, h("use", { xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
-  }
-  static get is() { return "cura-icon"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["cura-icon.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["cura-icon.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": true,
-        "defaultValue": "''"
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false,
-        "defaultValue": "'neutral-base'"
-      },
-      "size": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "string | number",
-          "resolved": "number | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false
-      },
-      "iconset": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "iconset",
-        "reflect": true,
-        "defaultValue": "'default'"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "size",
-        "methodName": "sizeHandler"
-      }, {
-        "propName": "color",
-        "methodName": "colorHandler"
-      }, {
-        "propName": "disabled",
-        "methodName": "colorHandler"
-      }];
-  }
-}
-//# sourceMappingURL=cura-icon.js.map

package/dist/collection/components/cura-icon/cura-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-icon.js","sourceRoot":"","sources":["../../../src/components/cura-icon/cura-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-icon',\n  styleUrl: 'cura-icon.scss',\n  shadow: true\n})\nexport class CuraIcon {\n\n  @Prop({reflect: true}) name = '';\n  @Prop() color = 'neutral-base';\n  @Prop() size: string | number;\n  @Prop({reflect: true}) iconset = 'default';\n  @Prop() disabled = false;\n\n  @Element() host: HTMLElement;\n\n  sizes = {\n    \"128\": {size: 128, stroke: 5.25},\n    \"72\": {size: 72, stroke: 3.5},\n    \"64\": {size: 64, stroke: 3.25},\n    \"48\": {size: 48, stroke: 2.75},\n    \"40\": {size: 40, stroke: 2.5},\n    \"32\": {size: 32, stroke: 2.25},\n    \"24\": {size: 24, stroke: 2},\n    \"20\": {size: 20, stroke: 1.75},\n    \"16\": {size: 16, stroke: 1.5},\n    \"default\": {size: 24, stroke: 2}\n  };\n\n  @Watch('size')\n  sizeHandler(size: string | number) {\n    const scaledStroke = (iconSize: string | number) => {\n      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);\n    this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke(\"default\"));\n  }\n\n  @Watch('color')\n  @Watch('disabled')\n  colorHandler() {\n    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));\n  }\n\n  assetsPath: string;\n\n  connectedCallback() {\n    this.assetsPath = window.CuraAPI.localAssetsPath;\n    this.sizeHandler(this.size);\n    this.colorHandler();\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          version=\"1.1\"\n          viewBox=\"0 0 24 24\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <use\n            xlinkHref={`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`}>\n          </use>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/cura-icons-view/cura-icons-view.css

@@ -1,68 +0,0 @@
-:host {
-  display: block;
-  padding: 24px;
-  font-family: "Roboto", Arial, Helvetica, sans-serif;
-}
-
-.iconDetail {
-  display: block;
-}
-
-.iconSizes {
-  display: flex;
-  align-items: center;
-}
-.iconSizes .size {
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-  margin-right: 9px;
-  padding: 8px;
-}
-.iconSizes .size:last-child {
-  margin-right: 0;
-}
-.iconSizes .size span {
-  font-size: 10px;
-}
-.iconSizes.invert {
-  margin-top: 12px;
-}
-.iconSizes.invert .size {
-  background-color: #262626;
-  color: #F6F6F6;
-  border-radius: 3px;
-}
-
-.icons {
-  margin-top: 28px;
-  display: flex;
-  flex-wrap: wrap;
-  position: relative;
-}
-.icons .icon {
-  position: relative;
-  padding: 4px;
-  cursor: pointer;
-  opacity: 0.6;
-  transition: opacity 0.2s linear;
-}
-.icons .icon span {
-  font-size: 12px;
-  padding: 6px;
-  box-sizing: border-box;
-  background: #000;
-  color: #FFF;
-  border-radius: 2px;
-  position: absolute;
-  top: -2px;
-  left: 50%;
-  transform: translateX(-50%) translateY(-100%);
-  display: none;
-}
-.icons .icon:hover {
-  opacity: 1;
-}
-.icons .icon:hover span {
-  display: block;
-}

package/dist/collection/components/cura-icons-view/cura-icons-view.js

@@ -1,33 +0,0 @@
-import { Host, h } from '@stencil/core';
-import iconsetdefaulticons from '../../assets/icons/iconset-default-list';
-export class CuraIconsView {
-  constructor() {
-    this.sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];
-    this.colors = ['primary', 'secondary', 'accent', 'info', 'warning', 'error', 'success', 'neutral'];
-    this.setSelected = (icon) => {
-      this.selected = icon;
-    };
-    this.selected = '360';
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "iconDetail" }, h("h4", null, this.selected), h("div", { class: "iconSizes" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size }), h("span", null, size)))), h("div", { class: "iconSizes invert" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), h("span", null, size)))), h("div", { class: "iconSizes" }, this.colors.map(color => h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: color }), h("span", null, color))), h("div", { class: "size" }, h("cura-icon", { name: this.selected, disabled: true }), h("span", null, "Disabled")))), h("div", { class: "icons" }, iconsetdefaulticons.map(icon => h("div", { class: "icon", onClick: () => this.setSelected(icon) }, h("cura-icon", { name: icon }), h("span", null, icon))))));
-  }
-  static get is() { return "cura-icons-view"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["cura-icons-view.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["cura-icons-view.css"]
-    };
-  }
-  static get states() {
-    return {
-      "selected": {}
-    };
-  }
-}
-//# sourceMappingURL=cura-icons-view.js.map

package/dist/collection/components/cura-icons-view/cura-icons-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-icons-view.js","sourceRoot":"","sources":["../../../src/components/cura-icons-view/cura-icons-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,mBAAmB,MAAM,yCAAyC,CAAC;AAO1E,MAAM,OAAO,aAAa;;IAExB,UAAK,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;IAC9C,WAAM,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;IAG9F,gBAAW,GAAG,CAAC,IAAI,EAAE,EAAE;MACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC,CAAA;oBAJmB,KAAK;;EAMzB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,YAAY;QACrB,cAAM,IAAI,CAAC,QAAQ,CAAO;QAC1B,WAAK,KAAK,EAAC,WAAW,IAClB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAE,IAAI,CAAC,EAAE,CAEvB,WAAK,KAAK,EAAC,MAAM;UACf,iBAAW,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAc;UACxD,gBAAQ,IAAI,CAAS,CACjB,CACP,CACG;QACN,WAAK,KAAK,EAAC,kBAAkB,IACzB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAE,IAAI,CAAC,EAAE,CAEvB,WAAK,KAAK,EAAC,MAAM;UACf,iBAAW,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,eAAe,GAAa;UAC9E,gBAAQ,IAAI,CAAS,CACjB,CACP,CACG;QACN,WAAK,KAAK,EAAC,WAAW;UAClB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAE,KAAK,CAAC,EAAE,CACzB,WAAK,KAAK,EAAC,MAAM;YACf,iBAAW,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAc;YAC1D,gBAAQ,KAAK,CAAS,CAClB,CACP;UACD,WAAK,KAAK,EAAC,MAAM;YACf,iBAAW,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,SAAa;YACrD,2BAAqB,CACjB,CACF,CACF;MACN,WAAK,KAAK,EAAC,OAAO,IACd,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAC/B,WAAK,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QACrD,iBAAW,IAAI,EAAE,IAAI,GAAc;QACnC,gBAAO,IAAI,CAAQ,CACf,CACP,CACG,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, State } from '@stencil/core';\nimport iconsetdefaulticons from '../../assets/icons/iconset-default-list';\n\n@Component({\n  tag: 'cura-icons-view',\n  styleUrl: 'cura-icons-view.scss',\n  shadow: true,\n})\nexport class CuraIconsView {\n\n  sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];\n  colors = ['primary', 'secondary', 'accent', 'info', 'warning', 'error', 'success', 'neutral'];\n  @State() selected = '360';\n\n  setSelected = (icon) => {\n    this.selected = icon;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"iconDetail\">\n          <h4>{ this.selected }</h4>\n          <div class=\"iconSizes\">\n            { this.sizes.map( size =>\n\n              <div class=\"size\">\n                <cura-icon name={this.selected} size={size}></cura-icon>\n                <span>{ size }</span>\n              </div>\n            )}\n          </div>\n          <div class=\"iconSizes invert\">\n            { this.sizes.map( size =>\n\n              <div class=\"size\">\n                <cura-icon name={this.selected} size={size} color=\"neutral-white\"></cura-icon>\n                <span>{ size }</span>\n              </div>\n            )}\n          </div>\n          <div class=\"iconSizes\">\n            { this.colors.map( color =>\n              <div class=\"size\">\n                <cura-icon name={this.selected} color={color}></cura-icon>\n                <span>{ color }</span>\n              </div>\n            )}\n            <div class=\"size\">\n              <cura-icon name={this.selected} disabled></cura-icon>\n              <span>Disabled</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"icons\">\n          { iconsetdefaulticons.map(icon =>\n            <div class=\"icon\" onClick={() => this.setSelected(icon)}>\n              <cura-icon name={icon}></cura-icon>\n              <span>{icon}</span>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/cura-page-template/cura-page-template.css

@@ -1,105 +0,0 @@
-/* Breakpoints variables */
-/**
- * Responsive media for mobile (small) only.
- * Use: @include mobile-only() { ... }
- */
-/**
- * Responsive media for medium only.
- * Use: @include medium-only() { ... }
- */
-/**
- * Responsive media for large only.
- * Use: @include large-only() { ... }
- */
-/**
- * Responsive media for large and up.
- * Use: @include large-up() { ... }
- */
-/**
- * Responsive media for xlarge only.
- * Use: @include xlarge-only() { ... }
- */
-:host {
-  display: block;
-}
-:host .grid-template {
-  display: grid;
-  grid-template-rows: auto;
-  grid-template-columns: auto;
-  grid-template-areas: "sub-header" "header" "pre-content" "content-container" "post-body" "footer" "sub-footer";
-}
-:host .grid-template #sub-header {
-  grid-area: sub-header;
-}
-:host .grid-template #header {
-  grid-area: header;
-}
-:host .grid-template #pre-content {
-  grid-area: pre-content;
-}
-:host .grid-template #content-container {
-  grid-area: content-container;
-}
-:host .grid-template #post-body {
-  grid-area: post-body;
-}
-:host .grid-template #footer {
-  grid-area: footer;
-}
-:host .grid-template #sub-footer {
-  grid-area: sub-footer;
-}
-@media (max-width: 360px) {
-  :host .grid-template {
-    padding: 0px;
-  }
-}
-@media (min-width: 768px) and (max-width: 1365px) {
-  :host .grid-template {
-    padding: 0px;
-  }
-}
-@media (min-width: 1366px) and (max-width: 1919px) {
-  :host .grid-template {
-    padding: 0px;
-  }
-  :host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]) {
-    margin-right: calc(var(--spacing) * 5px);
-  }
-  :host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]) {
-    margin-left: calc(var(--spacing) * 5px);
-  }
-  :host .grid-template #content-container {
-    display: flex;
-  }
-  :host .grid-template #content-container #content {
-    flex-grow: 1;
-  }
-  :host .grid-template #content-container #sidebar-left, :host .grid-template #content-container #sidebar-right {
-    max-width: 20%;
-  }
-}
-@media (min-width: 1920px) {
-  :host .grid-template {
-    padding: 0px;
-  }
-  :host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]) {
-    margin-right: calc(var(--spacing) * 7px);
-  }
-  :host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]) {
-    margin-left: calc(var(--spacing) * 7px);
-  }
-  :host .grid-template #content-container {
-    display: flex;
-  }
-  :host .grid-template #content-container #content {
-    flex-grow: 1;
-  }
-  :host .grid-template #content-container #sidebar-left, :host .grid-template #content-container #sidebar-right {
-    max-width: 20%;
-  }
-  :host .grid-template #content-container.centered {
-    max-width: 1920px;
-    justify-self: center;
-  }
-}

package/dist/collection/components/cura-page-template/cura-page-template.js

@@ -1,55 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class CuraPageTemplate {
-  constructor() {
-    this.contentwidth = 'default';
-  }
-  connectedCallback() {
-    this.styles = {
-      '--spacing': window.CuraAPI.theme.spacing.getSpacing(),
-    };
-  }
-  getClasses() {
-    const classes = {};
-    classes[this.contentwidth.toLowerCase()] = true;
-    return classes;
-  }
-  render() {
-    return (h(Host, null, h("div", { style: this.styles, class: "grid-template" }, h("div", { id: "sub-header" }, h("slot", { name: 'sub-header' })), h("div", { id: "header" }, h("slot", { name: 'header' })), h("div", { id: "pre-content" }, h("slot", { name: 'pre-content' })), h("div", { id: "content-container", class: this.getClasses() }, h("div", { id: "sidebar-left" }, h("slot", { name: 'sidebar-left' })), h("div", { id: "content" }, h("slot", { name: "content" }), h("slot", null)), h("div", { id: "sidebar-right" }, h("slot", { name: 'sidebar-right' }))), h("div", { id: "post-body" }, h("slot", { name: 'post-body' })), h("div", { id: "footer" }, h("slot", { name: 'footer' })), h("div", { id: "sub-footer" }, h("slot", { name: 'sub-footer' })))));
-  }
-  static get is() { return "cura-page-template"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["cura-page-template.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["cura-page-template.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "contentwidth": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'default' | 'centered'",
-          "resolved": "\"centered\" | \"default\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "contentwidth",
-        "reflect": true,
-        "defaultValue": "'default'"
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=cura-page-template.js.map

package/dist/collection/components/cura-page-template/cura-page-template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-page-template.js","sourceRoot":"","sources":["../../../src/components/cura-page-template/cura-page-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,gBAAgB;;wBAEmC,SAAS;;EAMvE,iBAAiB;IACf,IAAI,CAAC,MAAM,GAAG;MACZ,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;KACvD,CAAA;EACH,CAAC;EAED,UAAU;IACR,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI,CAAC;IAChD,OAAO,OAAO,CAAC;EACjB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,eAAe;QAC5C,WAAK,EAAE,EAAC,YAAY;UAClB,YAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B;QACN,WAAK,EAAE,EAAC,QAAQ;UACd,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB;QACN,WAAK,EAAE,EAAC,aAAa;UACnB,YAAM,IAAI,EAAC,aAAa,GAAQ,CAC5B;QACN,WAAK,EAAE,EAAC,mBAAmB,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE;UAClD,WAAK,EAAE,EAAC,cAAc;YACpB,YAAM,IAAI,EAAC,cAAc,GAAQ,CAC7B;UACN,WAAK,EAAE,EAAC,SAAS;YACf,YAAM,IAAI,EAAC,SAAS,GAAQ;YAC5B,eAAa,CACT;UACN,WAAK,EAAE,EAAC,eAAe;YACrB,YAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACF;QACN,WAAK,EAAE,EAAC,WAAW;UACjB,YAAM,IAAI,EAAC,WAAW,GAAQ,CAC1B;QACN,WAAK,EAAE,EAAC,QAAQ;UACd,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB;QACN,WAAK,EAAE,EAAC,YAAY;UAClB,YAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-page-template',\n  styleUrl: 'cura-page-template.scss',\n  shadow: true,\n})\nexport class CuraPageTemplate {\n\n  @Prop({reflect: true}) contentwidth: 'default' | 'centered' = 'default';\n\n  @Element() host: HTMLElement;\n\n  styles: any;\n\n  connectedCallback() {\n    this.styles = {\n      '--spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    }\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.contentwidth.toLowerCase()] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div style={this.styles} class=\"grid-template\">\n          <div id=\"sub-header\">\n            <slot name='sub-header'></slot>\n          </div>\n          <div id=\"header\">\n            <slot name='header'></slot>\n          </div>\n          <div id=\"pre-content\">\n            <slot name='pre-content'></slot>\n          </div>\n          <div id=\"content-container\" class={this.getClasses()}>\n            <div id=\"sidebar-left\">\n              <slot name='sidebar-left'></slot>\n            </div>\n            <div id=\"content\">\n              <slot name=\"content\"></slot>\n              <slot></slot>\n            </div>\n            <div id=\"sidebar-right\">\n              <slot name='sidebar-right'></slot>\n            </div>\n          </div>\n          <div id=\"post-body\">\n            <slot name='post-body'></slot>\n          </div>\n          <div id=\"footer\">\n            <slot name='footer'></slot>\n          </div>\n          <div id=\"sub-footer\">\n            <slot name='sub-footer'></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.css

@@ -1,33 +0,0 @@
-:host {
-  display: inline-block;
-  width: var(--size);
-  height: var(--size);
-}
-:host svg {
-  width: var(--size);
-  height: var(--size);
-  animation: rotate 0.7s linear infinite;
-}
-:host circle, :host path {
-  stroke-miterlimit: 10;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-:host path {
-  stroke: var(--color);
-}
-:host stop {
-  stop-color: var(--color);
-}
-:host linearGradient stop:first-child {
-  stop-opacity: 0.14;
-}
-
-@keyframes rotate {
-  0% {
-    transform: rotate(0);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}

package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js

@@ -1,77 +0,0 @@
-import { Host, h } from '@stencil/core';
-export class CuraLoaderCircle {
-  constructor() {
-    this.sizes = {
-      xlarge: 32,
-      large: 24,
-      medium: 20,
-      small: 16,
-      default: 16,
-    };
-    this.getPxSize = () => this.sizes[this.size] || this.sizes['default'];
-    this.size = 'medium';
-    this.color = 'neutral-white';
-  }
-  getStyles() {
-    return {
-      '--size': `${this.getPxSize()}px`,
-      '--color': window.CuraAPI.theme.colors.getColor(this.color)
-    };
-  }
-  render() {
-    return (h(Host, { style: this.getStyles() }, h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", null, h("circle", { cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), h("defs", null, h("linearGradient", { id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", null), h("stop", { offset: "1" }))))));
-  }
-  static get is() { return "cura-loader-circle"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["cura-loader-circle.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["cura-loader-circle.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'small' | 'medium' | 'large' | 'xlarge'",
-          "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Loader size. Values: small, medium or large."
-        },
-        "attribute": "size",
-        "reflect": true,
-        "defaultValue": "'medium'"
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "One from color scheme. Default: neutral-white."
-        },
-        "attribute": "color",
-        "reflect": true,
-        "defaultValue": "'neutral-white'"
-      }
-    };
-  }
-}
-//# sourceMappingURL=cura-loader-circle.js.map

package/dist/collection/components/loaders/cura-loader-circle/cura-loader-circle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-loader-circle.js","sourceRoot":"","sources":["../../../../src/components/loaders/cura-loader-circle/cura-loader-circle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,gBAAgB;;IAW3B,UAAK,GAAG;MACN,MAAM,EAAE,EAAE;MACV,KAAK,EAAE,EAAE;MACT,MAAM,EAAE,EAAE;MACV,KAAK,EAAE,EAAE;MACT,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,cAAS,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gBAdM,QAAQ;iBAIhD,eAAe;;EAY9C,SAAS;IACP,OAAO;MACL,QAAQ,EAAE,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI;MACjC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;KAC5D,CAAA;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE;MAC3B,WAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;QACrE;UACE,cAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,iCAAiC,kBAAc,GAAG,GAAE;UACvF,YAAM,CAAC,EAAC,iHAAiH,kBAAc,GAAG,GAAE,CAC1I;QACJ;UACE,sBAAgB,EAAE,EAAC,2BAA2B,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,aAAa,EAAC,gBAAgB;YAClH,eAAO;YACP,YAAM,MAAM,EAAC,GAAG,GAAE,CACH,CACZ,CACH,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-circle',\n  styleUrl: 'cura-loader-circle.scss',\n  shadow: true,\n})\nexport class CuraLoaderCircle {\n\n  /**\n   * Loader size. Values: small, medium or large.\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' | 'xlarge' = 'medium';\n  /**\n   * One from color scheme. Default: neutral-white.\n   */\n  @Prop({reflect: true}) color = 'neutral-white';\n\n  sizes = {\n    xlarge: 32,\n    large: 24,\n    medium: 20,\n    small: 16,\n    default: 16,\n  };\n\n  getPxSize = () => this.sizes[this.size] || this.sizes['default'];\n\n  getStyles() {\n    return {\n      '--size': `${this.getPxSize()}px`,\n      '--color': window.CuraAPI.theme.colors.getColor(this.color)\n    }\n  }\n\n  render() {\n    return (\n      <Host style={this.getStyles()}>\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g>\n            <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\"/>\n            <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\"/>\n          </g>\n          <defs>\n            <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n              <stop/>\n              <stop offset=\"1\"/>\n            </linearGradient>\n          </defs>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n"]}

package/dist/collection/components/text/cura-display/cura-display.css

@@ -1,84 +0,0 @@
-/* Breakpoints variables */
-/**
- * Responsive media for mobile (small) only.
- * Use: @include mobile-only() { ... }
- */
-/**
- * Responsive media for medium only.
- * Use: @include medium-only() { ... }
- */
-/**
- * Responsive media for large only.
- * Use: @include large-only() { ... }
- */
-/**
- * Responsive media for large and up.
- * Use: @include large-up() { ... }
- */
-/**
- * Responsive media for xlarge only.
- * Use: @include xlarge-only() { ... }
- */
-:host {
-  display: block;
-  font-size: var(--font-size);
-  text-transform: uppercase;
-}
-:host h1, :host h2, :host h3, :host h4, :host h5, :host h6 {
-  font-family: var(--font-family);
-  font-size: 4.285em;
-  font-weight: var(--font-weight-black);
-  color: var(--color-body);
-  line-height: 120%;
-  letter-spacing: -4%;
-  margin-block-start: var(--block-margin);
-  margin-block-end: var(--block-margin);
-}
-:host h1.large, :host h2.large, :host h3.large, :host h4.large, :host h5.large, :host h6.large {
-  font-size: 6.21em;
-}
-:host h1.small, :host h2.small, :host h3.small, :host h4.small, :host h5.small, :host h6.small {
-  font-size: 3em;
-  font-weight: var(--font-weight-bold);
-}
-@media (min-width: 768px) and (max-width: 1365px) {
-  :host h1, :host h2, :host h3, :host h4, :host h5, :host h6 {
-    font-size: 4.92em;
-  }
-  :host h1.large, :host h2.large, :host h3.large, :host h4.large, :host h5.large, :host h6.large {
-    font-size: 7.07em;
-  }
-  :host h1.small, :host h2.small, :host h3.small, :host h4.small, :host h5.small, :host h6.small {
-    font-size: 3.428em;
-  }
-}
-@media (min-width: 1366px) {
-  :host h1, :host h2, :host h3, :host h4, :host h5, :host h6 {
-    font-size: 6.14em;
-    line-height: 125%;
-  }
-  :host h1.large, :host h2.large, :host h3.large, :host h4.large, :host h5.large, :host h6.large {
-    font-size: 8.857em;
-    letter-spacing: -6%;
-  }
-  :host h1.small, :host h2.small, :host h3.small, :host h4.small, :host h5.small, :host h6.small {
-    font-size: 4.285em;
-    letter-spacing: -2%;
-  }
-}
-:host ::slotted(b), :host ::slotted(strong) {
-  font-weight: var(--font-weight-bold);
-}
-:host ::slotted(a) {
-  font-weight: var(--font-weight-bold);
-  color: var(--color-link);
-  text-decoration: none;
-  text-underline-offset: 10%;
-  cursor: pointer;
-}
-:host ::slotted(abbr) {
-  color: var(--color-link);
-  text-decoration: underline dashed 1px var(--color-link);
-  text-underline-offset: 10%;
-  cursor: default;
-}