@rededor/cura 1.1.0 → 1.2.0-alpha.0

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,H as i}from"./p-312791fb.js";const a=':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:var(--neutral-purewhite);box-sizing:border-box;border:2px solid var(--primary-base)}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-lighter);border-color:var(--color-base)}:host button:focus,:host a:focus{border-color:var(--info-base) !important}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 3px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 10px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 2px);min-height:calc(var(--base-spacing) * 8px)}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, "left")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative;gap:5px}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--color-base);border-color:var(--color-darker)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--neutral-medium-primary-base)}';const o=a;const r=class{constructor(s){t(this,s);this.onclick=e(this,"onclick",7);this.theme=window.CuraAPI.theme;this.size="medium";this.disabled=false;this.selected=false;this.iconPosition="right";this.color="accent";this.background="light";this.fontcolor="dark";this.hovered=false;this.styles={}}setColors(){const t=[{name:"--color-base",theme:`${this.color}-base`},{name:"--color-darker",theme:`${this.color}-darker`},{name:"--color-lighter",theme:`${this.color}-lighter`},{name:"--neutral-purewhite-black",theme:this.fontcolor==="light"?"neutral-purewhite":"neutral-black"},{name:"--neutral-white-primary-darker",theme:this.background==="light"?"neutral-white":"primary-darker"},{name:"--neutral-medium-primary-base",theme:this.background==="light"?"neutral-medium":"primary-base"}];t.forEach((t=>{this.styles=Object.assign(Object.assign({},this.styles),{[t.name]:this.theme.colors.getColor(t.theme)})}))}setStyles(){this.weights=this.theme.fonts.getWeights();this.styles["--base-spacing"]=this.theme.spacing.getSpacing();this.styles["--font-size"]=this.theme.fonts.getSize();this.styles["--font-family"]=this.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--neutral-purewhite"]=this.theme.colors.getColor("neutral-purewhite");this.styles["--neutral-black"]=this.theme.colors.getColor("neutral-black");this.styles["--primary-base"]=this.theme.colors.getColor("primary-base");this.styles["--info-base"]=this.theme.colors.getColor("info-base")}connectedCallback(){this.setStyles();this.setColors()}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}assignColor(){if(!this.selected)return"primary-base";const t=this.disabled?this.background==="light"?"neutral-medium":"primary-base":this.selected&&this.fontcolor==="dark"?"neutral-black":"neutral-purewhite";return t}getIcon(){if(!this.selected)return;const t=this.size==="small"?16:this.size==="medium"?20:24;const e=this.hovered?"closeCircle":"checkCircle";return s("cura-icon",{class:"button-icon",name:e,size:t,color:this.assignColor()})}handleClick(t){if(this.disabled)t.preventDefault();this.selected=!this.selected;this.onclick.emit({selected:this.selected})}getClasses(){const t={};t[`${this.size.toLowerCase()}`]=true;t[`icon-${this.iconPosition.toLowerCase()}`]=true;t["disabled"]=this.disabled;t["selected"]=this.selected;return t}render(){return s(i,{key:"bbd95db4048d0bb3d4c17927da18136402bf91dd"},s("button",{key:"ae27bbadadf7597d4e6aaa406cbeee3dc47921cd",class:this.getClasses(),style:this.styles,disabled:this.disabled,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},s("div",{key:"6cdcdb3c908673c3babad6fd35cedc38ff358b61",class:"button-container"},this.getIcon(),s("cura-label",{key:"c058fedf71ac3c33a5711fba7be80dacd6ee8467",class:"label",lineHeight:"0%",color:this.assignColor()},s("slot",{key:"5976c1f58c3d5bba77cf6cde7acc31fb49fcd25d"})))))}static get watchers(){return{background:["setColors","assignColor"],color:["setColors"],fontcolor:["setColors","assignColor"]}}};r.style=o;export{r as cura_button_select};
-//# sourceMappingURL=p-df5c3a86.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["curaButtonSelectCss","CuraButtonSelectStyle0","CuraButtonOutline","this","theme","window","CuraAPI","setColors","colors","name","color","fontcolor","background","forEach","styles","Object","assign","getColor","setStyles","weights","fonts","getWeights","spacing","getSpacing","getSize","getFamily","medium","connectedCallback","handleMouseEnter","disabled","hovered","handleMouseLeave","assignColor","selected","getIcon","iconSize","size","iconName","h","class","handleClick","e","preventDefault","onclick","emit","getClasses","classes","toLowerCase","iconPosition","render","Host","key","style","onClick","onMouseEnter","onMouseLeave","lineHeight"],"sources":["src/components/buttons/cura-button-select/cura-button-select.scss?tag=cura-button-select&encapsulation=shadow","src/components/buttons/cura-button-select/cura-button-select.tsx"],"sourcesContent":["@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: var(--neutral-purewhite);\n      box-sizing: border-box;\n      border: 2px solid var(--primary-base);\n\n      &:not(.disabled):hover {\n        background-color: var(--color-lighter);\n        border-color: var(--color-base);\n      }\n\n      &:focus {\n        border-color: var(--info-base) !important;\n      }\n    }\n\n    @include button-sizes();\n\n    @include button-label();\n\n    // Children Elements\n    @include button-container() {\n      gap: 5px;\n    }\n\n    @mixin button-icon() {\n      margin: 0;\n    }\n\n    // selected state\n    @include button-selected() {\n      background-color: var(--color-base);\n      border-color: var(--color-darker);\n\n    }\n\n    // Disabled state\n    @include button-disabled() {\n      background-color: var(--neutral-white-primary-darker);\n      border-color: var(--neutral-medium-primary-base);\n\n    }\n\n  }\n}\n// ver as cores do label button\n","import { Component, Host, h, Prop, Watch, State, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button-select',\n  styleUrl: 'cura-button-select.scss',\n  shadow: true,\n})\n\nexport class CuraButtonOutline {\n  /**\n  * Button size: small | medium (default) | large  = medium\n  */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n  /**\n  * Disabled state. Boolean.\n  */\n  @Prop({ reflect: true }) disabled = false;\n  /**\n  * selected state. Boolean.\n  */\n  @Prop({ reflect: true }) selected = false;\n  /**\n  * Icon position: left (default) | right.\n  */\n  @Prop({ reflect: true }) iconPosition: 'left' | 'right' = 'right';\n  /**\n  * Color base from color scheme. Default: accent.\n  */\n  @Prop() color = 'accent';\n  /**\n  * Set the font color to dark or light.\n  */\n  @Prop() background: 'dark' | 'light' = 'light';\n  /**\n  * fontcolor theme of the checkbox.\n  * Can be 'dark' or 'light'.\n  */\n  @Prop() fontcolor: 'dark' | 'light' = 'dark';\n  /**\n  * hovered state. Boolean.\n  */\n  @State() hovered = false;\n\n  @State() styles = {};\n\n  @Event({ eventName: \"onclick\" }) onclick: EventEmitter<{ selected: boolean; }>;\n\n  theme = window.CuraAPI.theme\n\n  weights;\n\n  @Watch('background')\n  @Watch('color')\n  @Watch('fontcolor')\n  setColors() {\n    const colors = [\n      { name: '--color-base', theme: `${this.color}-base` },\n      { name: '--color-darker', theme: `${this.color}-darker` },\n      { name: '--color-lighter', theme: `${this.color}-lighter` },\n      { name: '--neutral-purewhite-black', theme: this.fontcolor === 'light' ? 'neutral-purewhite' : 'neutral-black' },\n      { name: '--neutral-white-primary-darker', theme: this.background === 'light' ? 'neutral-white' : 'primary-darker' },\n      { name: '--neutral-medium-primary-base', theme: this.background === 'light' ? 'neutral-medium' : 'primary-base' },\n    ];\n\n    colors.forEach(color => {\n      this.styles = {\n        ...this.styles,\n        [color.name]: this.theme.colors.getColor(color.theme)\n      };\n    });\n  }\n\n  setStyles() {\n    this.weights = this.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.styles['--font-size'] = this.theme.fonts.getSize();\n    this.styles['--font-family'] = this.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--neutral-purewhite'] = this.theme.colors.getColor(\"neutral-purewhite\");\n    this.styles['--neutral-black'] = this.theme.colors.getColor(\"neutral-black\");\n    this.styles['--primary-base'] = this.theme.colors.getColor(\"primary-base\");\n    this.styles['--info-base'] = this.theme.colors.getColor(\"info-base\");\n  }\n\n  connectedCallback() {\n    this.setStyles()\n    this.setColors();\n  }\n\n  handleMouseEnter() {\n    if (this.disabled) return;\n    this.hovered = true;\n  }\n\n  handleMouseLeave() {\n    this.hovered = false;\n  }\n\n  @Watch('background')\n  @Watch('fontcolor')\n  assignColor() {\n    if (!this.selected) return 'primary-base'\n\n    const fontcolor =\n      this.disabled\n        ? (this.background === 'light' ? 'neutral-medium' : 'primary-base')\n        : this.selected && this.fontcolor === \"dark\" ? 'neutral-black' : \"neutral-purewhite\";\n\n    return fontcolor\n  }\n\n  getIcon() {\n    if (!this.selected) return;\n\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    const iconName = this.hovered ? 'closeCircle' : 'checkCircle';\n\n    return <cura-icon class=\"button-icon\" name={iconName} size={iconSize} color={this.assignColor()}></cura-icon>;\n  }\n\n\n  handleClick(e: Event) {\n    if (this.disabled) e.preventDefault();\n    this.selected = !this.selected;\n    this.onclick.emit({ selected: this.selected });\n  }\n\n\n  getClasses() {\n    const classes = {};\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes['disabled'] = this.disabled;\n    classes['selected'] = this.selected;\n    return classes;\n  }\n\n\n\n  render() {\n    return (\n      <Host>\n        <button class={this.getClasses()}\n          style={this.styles}\n          disabled={this.disabled}\n          onClick={(e) => this.handleClick(e)}\n          onMouseEnter={() => this.handleMouseEnter()}\n          onMouseLeave={() => this.handleMouseLeave()}>\n          <div class=\"button-container\">\n            {this.getIcon()}\n            <cura-label class=\"label\" lineHeight='0%' color={this.assignColor()}><slot></slot></cura-label>\n          </div>\n        </button>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as o,h as r,H as e}from"./p-312791fb.js";const a=":host{display:block;box-sizing:border-box;width:100%}cura-label{padding:12px 0px;border-bottom:1px solid var(--neutral-light)}";const d=a;const t=class{constructor(r){o(this,r)}render(){return r(e,{key:"b9fbb0edaea7457fad9244d5c032961bd913f170",slot:"dropdown-search-option"},r("cura-label",{key:"dbefa340f1001a532c7f2152907b87e5e2e1f0ec",color:"neutral-dark",size:"xsmall",lineHeight:"16px",marginBlock:"0"},r("slot",{key:"1d03c41d153dc707db82943c77dd96547c98c78a"})))}};t.style=d;export{t as cura_dropdown_search_option_title};
-//# sourceMappingURL=p-dfc65f66.entry.js.map