@rededor/cura 1.8.3-alpha.0 → 2.0.0-alpha.5

package/dist/cura/p-deb0b764.entry.js

@@ -1,2 +0,0 @@
-import{r,h as a,H as i}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const d=":host{display:block;box-sizing:border-box;font-size:var(--font-size);font-family:var(--font-family)}:host ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--font-size);font-family:var(--font-family)}a{display:block;text-decoration:none !important;color:inherit}.solid{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-base);border-radius:12px;overflow:hidden;padding:0px;box-shadow:none}.solid ::slotted(*){border-radius:0}.solid.hasPadding{padding:20px}.solid.hasPadding ::slotted(*){border-radius:4px !important}.solid.hasShadow{border:2px solid var(--neutral-base);box-shadow:0px 1px 4px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base);border-radius:12px;padding:0px;box-shadow:none;cursor:pointer}.solid.cardLink ::slotted(*){border-radius:0px}.solid.cardLink:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasPadding{padding:20px}.solid.cardLink.hasPadding ::slotted(*){border-radius:4px !important}.solid.cardLink.hasPadding:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasShadow{border:2px solid var(--primary-base);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink:not(.hasPadding).hasShadow ::slotted(*){border-radius:12px !important}.solid.cardLink.dark{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-purewhite)}.solid.cardLink.dark:hover{border:2px solid var(--primary-lighter)}.transparent{background-color:transparent;border:0;border-radius:12px;padding:0px;overflow:hidden}.transparent ::slotted(*){border-radius:12px}.transparent.hasPadding{padding:20px}.transparent.hasPadding ::slotted(*){border-radius:4px}.transparent.cardLink{background-color:transparent;border:2px solid var(--primary-base);overflow:hidden;border-radius:12px;padding:0px;box-shadow:none}.transparent.cardLink ::slotted(*){border-radius:0px !important}.transparent.cardLink:hover{border:2px solid var(--primary-lighter) !important}.transparent.cardLink.light{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base)}.transparent.cardLink.light ::slotted(*){border-radius:12px !important}.transparent.cardLink.light:hover{border-color:var(--primary-lighter) !important}.transparent.cardLink.dark{background-color:transparent;border:2px solid var(--neutral-purewhite)}.transparent.cardLink.dark:hover{border:0}.transparent.cardLink.hasPadding{padding:20px}.transparent.cardLink.hasPadding ::slotted(*){border-radius:4px !important}";const t=class{constructor(a){r(this,a);this.hasPadding=true;this.hasShadow=false;this.type="solid";this.colorMode="light";this.target="_self";this.styles={}}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor(`neutral-base`);this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor(`neutral-dark`);this.styles["--neutral-black"]=window.CuraAPI.theme.colors.getColor(`neutral-black`);this.styles["--neutral-black-shadow"]=window.CuraAPI.theme.colors.getColor(`neutral-black`,.16);this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor(`primary-lighter`);this.styles["--primary-base"]=window.CuraAPI.theme.colors.getColor(`primary-base`);this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium}getClasses(){const r={};r[this.type]=true;r[`cardLink`]=this.href;r[this.colorMode]=true;r[`hasPadding`]=this.hasPadding;r[`hasShadow`]=this.hasShadow;return r}render(){return a(i,{key:"9478ce754c108db722dbc5bcbb00a0884b6c6f38",role:this.href?"link":"div"},this.href?a("a",{class:this.getClasses(),target:this.target,style:this.styles,href:this.href},a("slot",null)):a("div",{class:this.getClasses(),style:this.styles},a("slot",null)))}};t.style=d;export{t as cura_card};
-//# sourceMappingURL=p-deb0b764.entry.js.map

package/dist/cura/p-deb0b764.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaCardCss","CuraCard","constructor","hostRef","this","hasPadding","hasShadow","type","colorMode","target","styles","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","getClasses","classes","href","render","h","Host","key","role","class","style"],"sources":["src/components/cura-card/cura-card.scss?tag=cura-card&encapsulation=shadow","src/components/cura-card/cura-card.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/shadows.scss';\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n  ::slotted(*) {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--font-size);\n    font-family: var(--font-family);\n  }\n \n}\n\na {\n  display: block;\n  text-decoration: none !important;\n  color: inherit;\n}\n.solid {\n  background-color: var(--neutral-purewhite);\n  border: 2px solid var(--neutral-base);\n  border-radius: 12px;\n  overflow: hidden;\n  padding: 0px;\n  box-shadow: none;\n\n  ::slotted(*) {\n   \n    border-radius: 0 ;\n  }\n  &.hasPadding {\n    padding: 20px;\n    ::slotted(*) {\n      border-radius: 4px !important;\n    }\n  }\n\n  &.hasShadow {\n    border: 2px solid var(--neutral-base);\n\n    @include shadow-level2(--neutral-black-shadow);\n  }\n\n  &.cardLink {\n    background-color: var(--neutral-purewhite);\n    border: 2px solid var(--primary-base);\n    border-radius: 12px;\n    padding: 0px;\n    box-shadow: none;\n    cursor: pointer;\n\n    ::slotted(*) {\n      border-radius: 0px;\n    }\n    &:hover {\n      border: 2px solid var(--primary-lighter) !important;\n    }\n    &.hasPadding {\n      padding: 20px;\n      ::slotted(*) {\n        border-radius: 4px !important;\n      }\n      &:hover {\n        border: 2px solid var(--primary-lighter) !important;\n      }\n    }\n\n    &.hasShadow {\n      border: 2px solid var(--primary-base);\n\n      @include shadow-level3(--neutral-black-shadow);\n    }\n    &:not(.hasPadding).hasShadow {\n      ::slotted(*) {\n        border-radius: 12px !important;\n      }\n    }\n\n    &.dark {\n      background-color: var(--neutral-purewhite);\n      border: 2px solid var(--neutral-purewhite);\n      &:hover {\n        border: 2px solid var(--primary-lighter);\n      }\n    }\n  }\n}\n\n.transparent {\n  background-color: transparent;\n  border: 0;\n  border-radius: 12px;\n  padding: 0px;\n  overflow: hidden;\n  ::slotted(*) {\n    border-radius: 12px;\n  }\n\n  &.hasPadding {\n    padding: 20px;\n\n    ::slotted(*) {\n      border-radius: 4px;\n    }\n  }\n\n  &.cardLink {\n    background-color: transparent;\n    border: 2px solid var(--primary-base);\n    overflow: hidden;\n    border-radius: 12px;\n    padding: 0px;\n    box-shadow: none;\n    ::slotted(*) {\n      border-radius: 0px !important;\n    }\n    &:hover {\n      border: 2px solid var(--primary-lighter) !important;\n    }\n\n    &.light {\n      background-color: var(--neutral-purewhite);\n      border: 2px solid var(--primary-base);\n      ::slotted(*) {\n        border-radius: 12px !important;\n      }\n      &:hover {\n        border-color: var(--primary-lighter) !important;\n      }\n    }\n    &.dark {\n      background-color: transparent;\n\n      border: 2px solid var(--neutral-purewhite);\n\n      &:hover {\n        border: 0;\n      }\n    }\n    &.hasPadding {\n      padding: 20px;\n\n      ::slotted(*) {\n        border-radius: 4px !important;\n      }\n    }\n  }\n}\n","import { Component, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-card',\n  styleUrl: 'cura-card.scss',\n  shadow: true,\n})\nexport class CuraCard {\n  /**\n   * Determines whether the card should have padding.\n   * @type {boolean}\n   * @default false\n   */\n  @Prop({ mutable: true }) hasPadding: boolean = true;\n\n  /**\n   * Determines whether the card should have a shadow effect.\n   * @type {boolean}\n   * @default false\n   */\n  @Prop({ mutable: true }) hasShadow: boolean = false;\n\n  /**\n   * Sets the type of the card background.\n   * - 'solid': A solid background.\n   * - 'transparent': A transparent background.\n   * @type {'solid' | 'transparent'}\n   * @default 'solid'\n   */\n  @Prop({ mutable: true }) type: 'solid' | 'transparent' = 'solid';\n\n  /**\n   * Sets the color mode of the card.\n   * - 'light': Light mode for the card.\n   * - 'dark': Dark mode for the card.\n   * @type {'light' | 'dark'}\n   * @default 'light'\n   */\n  @Prop({ mutable: true }) colorMode: 'light' | 'dark' = 'light';\n\n  /**\n   * The URL that the card should link to (if set).\n   * If not set, the card acts as a normal card.\n   * @type {string | undefined}\n   */\n  @Prop({ mutable: true, reflect: true }) href?: string;\n\n  /**\n   * The target attribute for the link.\n   * Applicable only if `href` is set.\n   * @type {string}\n   * @default '_self'\n   */\n  @Prop({ reflect: true }) target: string = '_self';\n\n  @State() styles: any = {};\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n    this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);\n    this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`);\n    this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.type] = true;\n    classes[`cardLink`] = this.href;\n    classes[this.colorMode] = true;\n    classes[`hasPadding`] = this.hasPadding;\n    classes[`hasShadow`] = this.hasShadow;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host role={this.href ? 'link' : 'div'}>\n        {this.href ? (\n          <a class={this.getClasses()} target={this.target} style={this.styles} href={this.href}>\n            <slot></slot>\n          </a>\n        ) : (\n          <div class={this.getClasses()} style={this.styles}>\n            <slot></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"qEAAA,MAAMA,EAAc,ikF,MCOPC,EAAQ,MALrB,WAAAC,CAAAC,G,UAW2BC,KAAUC,WAAY,KAOtBD,KAASE,UAAY,MASrBF,KAAIG,KAA4B,QAShCH,KAASI,UAAqB,QAe9BJ,KAAMK,OAAW,QAEjCL,KAAMM,OAAQ,EA6CxB,CAzCC,iBAAAC,GACEP,KAAKQ,QAAUC,OAAOC,QAAQC,MAAMC,MAAMC,aAC1Cb,KAAKM,OAAO,kBAAoBG,OAAOC,QAAQC,MAAMG,QAAQC,aAC7Df,KAAKM,OAAO,uBAAyBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,qBAC1EjB,KAAKM,OAAO,mBAAqBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,iBACtEjB,KAAKM,OAAO,kBAAoBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,gBACrEjB,KAAKM,OAAO,kBAAoBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,gBACrEjB,KAAKM,OAAO,mBAAqBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,iBACtEjB,KAAKM,OAAO,0BAA4BG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,gBAAiB,KAC9FjB,KAAKM,OAAO,qBAAuBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,mBACxEjB,KAAKM,OAAO,kBAAoBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,gBACrEjB,KAAKM,OAAO,eAAiBG,OAAOC,QAAQC,MAAMC,MAAMM,UACxDlB,KAAKM,OAAO,iBAAmBG,OAAOC,QAAQC,MAAMC,MAAMO,YAC1DnB,KAAKM,OAAO,wBAA0BN,KAAKQ,QAAQY,M,CAGrD,UAAAC,GACE,MAAMC,EAAU,GAChBA,EAAQtB,KAAKG,MAAQ,KACrBmB,EAAQ,YAActB,KAAKuB,KAC3BD,EAAQtB,KAAKI,WAAa,KAC1BkB,EAAQ,cAAgBtB,KAAKC,WAC7BqB,EAAQ,aAAetB,KAAKE,UAC5B,OAAOoB,C,CAGT,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAM5B,KAAKuB,KAAO,OAAS,OAC9BvB,KAAKuB,KACJE,EAAG,KAAAI,MAAO7B,KAAKqB,aAAchB,OAAQL,KAAKK,OAAQyB,MAAO9B,KAAKM,OAAQiB,KAAMvB,KAAKuB,MAC/EE,EAAA,cAGFA,EAAA,OAAKI,MAAO7B,KAAKqB,aAAcS,MAAO9B,KAAKM,QACzCmB,EAAA,c","ignoreList":[]}