@rededor/cura 1.6.0-alpha.4 → 1.6.0

package/dist/collection/components/cura-dropdown-search-new/cura-dropdown-search-not-found/cura-dropdown-search-not-found.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-dropdown-search-not-found.stories.js","sourceRoot":"","sources":["../../../../src/components/cura-dropdown-search-new/cura-dropdown-search-not-found/cura-dropdown-search-not-found.stories.ts"],"names":[],"mappings":"AAAA,MAAM,gCAAgC,GAAG,CAAC,IAAI,EAAE,EAAE;IAChD,OAAO;IACL,IAAI,CAAC,OAAO;kCACkB,CAAA;AAClC,CAAC,CAAA;AAED,eAAe;IACb,KAAK,EAAE,gDAAgD;IACvD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;wBAIK;aACjB;SACF;KACF;IACD,MAAM,EAAE,IAAI,CAAC,EAAE;QACb,OAAO,gCAAgC,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iCAAiC;YAC9C,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;aACvB;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,IAAI,EAAE;QACJ,OAAO,EAAE,iDAAiD;KAC3D;CACF,CAAA","sourcesContent":["const renderCuraDropdownSearchNotFound = (args) => {\n  return `<cura-dropdown-search-not-found>\n  ${args.content}\n</cura-dropdown-search-not-found>`\n}\n\nexport default {\n  title: 'Componentes/DropdownSearchNew/Options/NotFound',\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `<cura-paragraph size=\"small\">\n        É utilizado como retorno negativo de busca.<br/><br/>\n        Quando implementado como filho, o componente dropdown-search automaticamente assume 'error' como status.<br/><br/>\n        Para demais validações, quando um campo é obrigatório, por exemplo, a aplicação deverá utilizar a propriedade status e o slot helperText do componente.\n      </cura-paragraph>`,\n      },\n    },\n  },\n  render: args => {\n    return renderCuraDropdownSearchNotFound(args);\n  },\n  argTypes: {\n    content: {\n      control: 'text',\n      description: 'Mensagem de erro a ser exibida.',\n      table: {\n        category: 'Properties',\n      },\n    }\n  }\n}\n\nexport const DropdownSearchNotFound = {\n  args: {\n    content: 'Não há resultados para <strong>\"TERM\"</strong>.'\n  }\n}\n"]}

package/dist/collection/components/cura-dropdown-search-new/cura-dropdown-search-option-new/cura-dropdown-search-option-new.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-dropdown-search-option-new.js","sourceRoot":"","sources":["../../../../src/components/cura-dropdown-search-new/cura-dropdown-search-option-new/cura-dropdown-search-option-new.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,2BAA2B;;QAiCtC,WAAM,GAAG,EAAE,CAAC;QACZ,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;0BAlBgB,IAAI;wBAMN,KAAK;2BAMF,KAAK;;IAQnD,iBAAiB;QACf,IAAI,CAAC,MAAM,GAAG;YACZ,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;YAC9D,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;YAC9D,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;YAC5D,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;YAC9D,sBAAsB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,EAAE,EAAE,CAAC;YACzE,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;YAC9D,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;SACxD,CAAC;IACJ,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,UAAU,EAAG,CAAC;YACrB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAED,UAAU;QACR,OAAO;YACL,qBAAqB,EAAE,IAAI;YAC3B,UAAU,EAAE,IAAI,CAAC,QAAQ;YACzB,aAAa,EAAE,IAAI,CAAC,WAAW;YAC/B,gBAAgB,EAAE,CAAC,IAAI,CAAC,UAAU;SACnC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM;gBAC/C,4DAAK,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;oBACnE,6DAAM,IAAI,EAAC,OAAO,GAAQ;oBAC1B,4DAAK,KAAK,EAAC,SAAS;wBAClB,8DAAa,CACT,CACF;gBACN,4DAAK,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAG,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE;oBACtE,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-option-new',\n  styleUrl: 'cura-dropdown-search-option-new.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchOptionNew {\n\n  /**\n   * Required. The value for item term reference.\n   * This will set the value of the seaarch field when the option is selected.\n   */\n  @Prop() value!: string;\n  /**\n   * Required. The unique identifier for the option.\n   * This will reference the option element for the parent.\n   */\n  @Prop() optionid!: string;\n  /**\n   * Enable selection for this option.\n   * Default is true.\n   */\n  @Prop({reflect: true}) selectable: boolean = true;\n  /**\n   * Selected state.\n   * This will be managed by the parent component.\n   * Default is false.\n   */\n  @Prop({reflect: true}) selected: boolean = false;\n  /**\n   * Highlighted state.\n   * This will be managed by the parent component.\n   * Default is false.\n   */\n  @Prop({reflect: true}) highlighted: boolean = false;\n\n  @Event() actionclick: EventEmitter<any>;\n  @Event() selectoption: EventEmitter<string>;\n\n  styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.styles = {\n      '--neutral-light': this.theme.colors.getColor('neutral-light'),\n      '--neutral-white': this.theme.colors.getColor('neutral-white'),\n      '--neutral-dark': this.theme.colors.getColor('neutral-dark'),\n      '--neutral-black': this.theme.colors.getColor('neutral-black'),\n      '--primary-lighter-50': this.theme.colors.getColor('primary-lighter', .5),\n      '--primary-light': this.theme.colors.getColor('primary-light'),\n      '--primary': this.theme.colors.getColor('primary-base')\n    };\n  }\n\n  handleSelect() {\n    if( this.selectable ) {\n      this.selectoption.emit(this.optionid);\n    } else {\n      this.actionclick.emit();\n    }\n  }\n\n  handleActionsClick() {\n    this.actionclick.emit();\n  }\n\n  getClasses() {\n    return {\n      'component-container': true,\n      'selected': this.selected,\n      'highlighted': this.highlighted,\n      'not-selectable': !this.selectable\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getClasses()} style={this.styles}>\n          <div class=\"selectable-container\" onClick={ () => this.handleSelect() }>\n            <slot name='image'></slot>\n            <div class=\"content\">\n              <slot></slot>\n            </div>\n          </div>\n          <div class=\"actions-container\" onClick={ () => this.handleActionsClick() }>\n            <slot name='actions'></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/cura-dropdown-search-new/cura-dropdown-search-option-new/cura-dropdown-search-option-new.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-dropdown-search-option-new.stories.js","sourceRoot":"","sources":["../../../../src/components/cura-dropdown-search-new/cura-dropdown-search-option-new/cura-dropdown-search-option-new.stories.ts"],"names":[],"mappings":"AAAA,MAAM,8BAA8B,GAAG,CAAC,IAAI,EAAE,EAAE;IAC9C,OAAO,mCAAoC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;WAC/C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,GAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;cACnC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE,GAAI,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC;qBAC9C,CAAC,CAAC,CAAC,EAAE,IAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACvC,IAAI,CAAC,KAAM,EAAE,CAAC,CAAC,CAAC,EAAE,GAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACrC,IAAI,CAAC,OAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,GAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IACvC,IAAI,CAAC,OAAQ,EAAE,CAAC,CAAC,CAAC,EAAE;mCACU,CAAA;AACnC,CAAC,CAAA;AAED,eAAe;IACb,KAAK,EAAE,8CAA8C;IACrD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;wBAEK;aACjB;SACF;KACF;IACD,MAAM,EAAE,IAAI,CAAC,EAAE;QACb,OAAO,8BAA8B,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,oHAAoH;YACjI,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;aACvB;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6EAA6E;YAC1F,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;aACvB;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,0CAA0C;YACvD,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAChC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wEAAwE;YACrF,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0KAA0K;YACvL,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,yEAAyE;YACtF,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE;8EACiE;QAC1E,KAAK,EAAE,6DAA6D;QACpE,OAAO,EAAE,wGAAwG;KAClH;CACF,CAAA","sourcesContent":["const renderCuraDropdownSearchOption = (args) => {\n  return `<cura-dropdown-search-option-new${ args.value ? `\n  value=\"${args.value}\"` : ''}${ args.optionid ? `\n  optionid=\"${args.optionid}\"` : ''}${ args.selectable === false ? `\n  selectable=\"false\"` : ''}>${ args.image ? `\n  ${ args.image }` : ''}${ args.default ? `\n  ${ args.default }` : ''}${ args.actions ? `\n  ${ args.actions }` : ''}\n</cura-dropdown-search-option-new>`\n}\n\nexport default {\n  title: 'Componentes/DropdownSearchNew/Options/Option',\n  tags: ['autodocs'],\n  parameters: {\n    docs: {\n      description: {\n        component: `<cura-paragraph size=\"small\">\n        Representa uma opção de seleção para o componente dropdown-search.\n      </cura-paragraph>`,\n      },\n    },\n  },\n  render: args => {\n    return renderCuraDropdownSearchOption(args);\n  },\n  argTypes: {\n    value: {\n      control: 'text',\n      description: 'Representa o texto a ser aplicado no campo quando a opção é selecionada.<br/><b>É uma propriedade obrigatória.</b>',\n      required: true,\n      table: {\n        category: 'Properties',\n      },\n    },\n    optionid: {\n      control: 'text',\n      description: 'Identificador único para a opção.<br/><b>É uma propriedade obrigatória.</b>',\n      required: true,\n      table: {\n        category: 'Properties',\n      },\n    },\n    selectable: {\n      control: 'boolean',\n      description: 'Habilita ou desabilita seleção da opção.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: true },\n      },\n    },\n    image: {\n      control: 'text',\n      description: 'Slot para aplicação de ícones, indicadores, avatares e demais imagens.',\n      table: {\n        category: 'Slots'\n      },\n    },\n    default: {\n      control: 'text',\n      description: 'Slot padrão para o conteúdo da opção.<br/>Não é necessário nomear o slot.<br/>Recebe, geralmente, elementos como títulos e parágrafos, os quais formata automaticamente.',\n      table: {\n        category: 'Slots'\n      },\n    },\n    actions: {\n      control: 'text',\n      description: 'Slot para componentes de ação secundária da opção, como botões e links.',\n      table: {\n        category: 'Slots'\n      },\n    },\n  }\n}\n\nexport const DropdownSearchOptionNew = {\n  args: {\n    value: 'Opção 1',\n    optionid: 'opt1',\n    selectable: true,\n    default: `<cura-heading size=\"xsmall\" weight=\"bold\">Título da <em>Opção</em>.</cura-heading>\n  <cura-paragraph size=\"xsmall\">Descrição da <em>opção</em>.</cura-paragraph>`,\n    image: '<cura-icon slot=\"image\" name=\"unity\" size=\"20\"></cura-icon>',\n    actions: '<cura-button-transparent slot=\"actions\" icon-only=\"true\" icon-name=\"delete\"></cura-button-transparent>'\n  }\n}\n"]}

package/dist/collection/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.css

@@ -1,76 +0,0 @@
-/**
- * Global Spacing Definitions.
- * Required CSS Properties from Cura:
- * --cura-spacing-base
- */
-/* None: 0px */
-/* Tiny default: 4px */
-/* Mini default: 8px */
-/* XXXS default: 12px */
-/* XXS default: 16px */
-/* XS default: 20px */
-/* S default: 20px */
-/* M default: 32px */
-/* L default: 40px */
-/* XL default: 48px */
-/* XXL default: 64px */
-/* XXXL default: 72px */
-/* Huge default: 96px */
-:host {
-  display: block;
-  box-sizing: border-box;
-  width: 100%;
-}
-
-:host(:last-of-type) .content-container {
-  border-bottom: none;
-}
-
-.option-container {
-  width: 100%;
-  display: flex;
-}
-.option-container:hover:not(.disabled):not(.selected) .content-container {
-  background-color: var(--neutral-white);
-}
-.option-container.selected .content-container {
-  background-color: var(--primary-lighter);
-}
-.option-container.disabled {
-  cursor: default;
-}
-
-.content-container {
-  display: flex;
-  width: 100%;
-  box-sizing: border-box;
-  padding: calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 1px);
-  background-color: var(--neutral-purewhite);
-  border-bottom: 1px solid var(--neutral-light);
-}
-.content-container ::slotted(div[slot=action]) {
-  display: flex;
-  justify-content: end;
-}
-
-.option-info {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  align-content: center;
-  justify-content: center;
-  gap: calc(var(--cura-spacing-base) * 2px);
-  flex-direction: row;
-  box-sizing: border-box;
-  cursor: pointer;
-}
-.option-info cura-heading {
-  width: 100%;
-  margin-block: 0px;
-}
-.option-info ::slotted(div[slot=image]) {
-  min-width: calc(var(--cura-spacing-base) * 8px);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}

package/dist/collection/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.js

@@ -1,164 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class CuraDropdownSearchOption {
-    constructor() {
-        this.handleOptionClick = (e) => {
-            if (this.selectable) {
-                this.selected = !this.selected;
-                this.optionSelected.emit(this.value);
-                this.updateIconColor();
-            }
-            else {
-                e.preventDefault();
-                e.stopImmediatePropagation();
-            }
-        };
-        this.value = undefined;
-        this.selected = false;
-        this.selectable = true;
-        this.hovered = false;
-        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-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);
-        this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);
-        this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`, 50);
-    }
-    componentDidLoad() {
-        this.updateIconColor();
-    }
-    updateIconColor() {
-        const iconElement = this.hostElement.querySelector('[slot="image"] cura-icon');
-        if (iconElement) {
-            iconElement.setAttribute('color', this.selected ? 'primary' : 'neutral-dark');
-        }
-    }
-    render() {
-        return (h(Host, { key: '81c4404d784d2038823d84bf2b4beef53a874644', slot: "dropdown-search-option" }, h("div", { key: '476757ab00466607c2ab01a2b5a82da4c45087af', style: this.styles, class: {
-                "option-container": true,
-                hovered: this.selectable ? this.hovered : false,
-                selected: this.selected,
-                disabled: !this.selectable
-            } }, h("div", { key: '2a35edbe88ed99587972e0e657250867cb6ba814', class: "content-container" }, h("div", { key: '5bb136c9c5386d6c40985a86bc7e2e85c239110e', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, h("slot", { key: 'f5ad44434728cb3879819f6016fcf9927354c05f', name: "image" }), h("cura-heading", { key: '43fa2a1c1a206f6bd1b0f52f5bc536cbb98bbe56', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, h("slot", { key: '197963392c5cef12d29dfbe312f4359b950de9f3' }))), h("slot", { key: '146144af1e1a5d1a18eb2aceaa71b749a4c61ba6', name: "action" })))));
-    }
-    static get is() { return "cura-dropdown-search-option"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["cura-dropdown-search-option.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["cura-dropdown-search-option.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "value": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The value of the dropdown search option."
-                },
-                "attribute": "value",
-                "reflect": true
-            },
-            "selected": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates if the dropdown search option is selected."
-                },
-                "attribute": "selected",
-                "reflect": true,
-                "defaultValue": "false"
-            },
-            "selectable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates if the dropdown search is selectable."
-                },
-                "attribute": "selectable",
-                "reflect": true,
-                "defaultValue": "true"
-            },
-            "hovered": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates if the dropdown search option is hovered."
-                },
-                "attribute": "hovered",
-                "reflect": true,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "styles": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "optionSelected",
-                "name": "optionSelected",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event emitted when the option is selected."
-                },
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "hostElement"; }
-    static get watchers() {
-        return [{
-                "propName": "selected",
-                "methodName": "updateIconColor"
-            }];
-    }
-}
-//# sourceMappingURL=cura-dropdown-search-option.js.map

package/dist/collection/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-dropdown-search-option.js","sourceRoot":"","sources":["../../../../../src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-option',\n  styleUrl: 'cura-dropdown-search-option.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchOption {\n  /**\n   * The value of the dropdown search option.\n   */\n  @Prop({ reflect: true }) value: string;\n\n  /**\n   * Indicates if the dropdown search option is selected.\n   */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n\n  /**\n   * Indicates if the dropdown search is selectable.\n   */\n  @Prop({ reflect: true }) selectable: boolean = true;\n\n  /**\n   * Indicates if the dropdown search option is hovered.\n   */\n  @Prop({ reflect: true, mutable: true }) hovered: boolean = false;\n\n  @State() styles = {};\n\n  /**\n   * Event emitted when the option is selected.\n   */\n  @Event() optionSelected: EventEmitter<string>;\n\n  @Element() hostElement: HTMLElement;\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-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`, 50);\n  }\n\n  private handleOptionClick = (e: Event) => {\n    if (this.selectable) {\n      this.selected = !this.selected;\n      this.optionSelected.emit(this.value);\n      this.updateIconColor();\n    } else {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n    }\n  };\n\n  componentDidLoad() {\n    this.updateIconColor();\n  }\n\n  @Watch('selected')\n  private updateIconColor() {\n    const iconElement = this.hostElement.querySelector('[slot=\"image\"] cura-icon');\n    if (iconElement) {\n      iconElement.setAttribute('color', this.selected ? 'primary' : 'neutral-dark');\n    }\n  }\n\n  render() {\n    return (\n      <Host slot=\"dropdown-search-option\">\n        <div\n          style={this.styles}\n          class={{\n            \"option-container\": true,\n            hovered: this.selectable ? this.hovered : false,\n            selected: this.selected,\n            disabled: !this.selectable\n          }}>\n          <div class=\"content-container\">\n            <div class=\"option-info\" onClick={(e) => this.handleOptionClick(e)}>\n              <slot name=\"image\"></slot>\n              <cura-heading size=\"xsmall\" lineHeight=\"16px\" marginBlock=\"0px\" weight=\"bold\" color=\"neutral-black\">\n                <slot></slot>\n              </cura-heading>\n            </div>\n            <slot name=\"action\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.stories.js

@@ -1,65 +0,0 @@
-const renderCuraDropdownSearchOption = (args) => {
-    return `<cura-dropdown-search-option value="${args.value}"${args.selectable === false ? ` selectable="false"` : ''}>
-    ${args.image ? `<div slot="image">${args.image}</div>` : ''}
-    ${args.content}
-    ${args.action ? `<div slot="action">
-      ${args.action}
-    </div>` : ''}
-</cura-dropdown-search-option>
-  `;
-};
-export default {
-    title: 'Componentes/DropdownSearch/DropdownSearchOption',
-    tags: ['autodocs'],
-    render: args => {
-        return renderCuraDropdownSearchOption(args);
-    },
-    argTypes: {
-        value: {
-            control: 'text',
-            description: 'Valor da opção.',
-            table: {
-                category: 'Properties',
-            },
-        },
-        selectable: {
-            control: 'boolean',
-            description: 'Define se a opção pode ou não ser selecionada.',
-            table: {
-                category: 'Properties',
-                defaultValue: { summary: true },
-            },
-        },
-        image: {
-            control: 'text',
-            description: 'Conteúdo do slot `image`.',
-            table: {
-                category: 'Slots',
-            },
-        },
-        content: {
-            control: 'text',
-            description: 'Conteúdo do slot. É englobado por um `<cura-heading>`',
-            table: {
-                category: 'Slots',
-            },
-        },
-        action: {
-            control: 'text',
-            description: 'Conteúdo do slot `action`.',
-            table: {
-                category: 'Slots',
-            },
-        },
-    },
-};
-export const DropdownSearchOption = {
-    args: {
-        value: 'Clinica Médica Geral',
-        selectable: true,
-        image: '<cura-icon size="24" name="medical"></cura-icon>',
-        content: 'Clinica Médica Geral',
-        action: `<cura-button-transparent font-color="dark" color='primary' icon-name='delete' size='small' icon-only={true}></cura-button-transparent>`,
-    },
-};
-//# sourceMappingURL=cura-dropdown-search-option.stories.js.map

package/dist/collection/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-dropdown-search-option.stories.js","sourceRoot":"","sources":["../../../../../src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.stories.tsx"],"names":[],"mappings":"AAAA,MAAM,8BAA8B,GAAG,CAAC,IAAS,EAAE,EAAE;IACnD,OAAO,uCAAuC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;MAC9G,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,IAAI,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE;MACzD,IAAI,CAAC,OAAO;MACZ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QACZ,IAAI,CAAC,MAAM;WACR,CAAC,CAAC,CAAC,EAAE;;GAEb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;IACb,KAAK,EAAE,iDAAiD;IACxD,IAAI,EAAE,CAAC,UAAU,CAAC;IAElB,MAAM,EAAE,IAAI,CAAC,EAAE;QACb,OAAO,8BAA8B,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iBAAiB;YAC9B,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;aACvB;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,gDAAgD;YAC7D,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;aAChC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2BAA2B;YACxC,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uDAAuD;YACpE,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;aAClB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE;QACJ,KAAK,EAAE,sBAAsB;QAC7B,UAAU,EAAE,IAAI;QAChB,KAAK,EAAE,kDAAkD;QACzD,OAAO,EAAE,sBAAsB;QAC/B,MAAM,EAAE,wIAAwI;KACjJ;CACF,CAAC","sourcesContent":["const renderCuraDropdownSearchOption = (args: any) => {\n  return `<cura-dropdown-search-option value=\"${args.value}\"${args.selectable === false ? ` selectable=\"false\"` : ''}>\n    ${args.image ? `<div slot=\"image\">${args.image}</div>` : ''}\n    ${args.content}\n    ${args.action ? `<div slot=\"action\">\n      ${args.action}\n    </div>` : ''}\n</cura-dropdown-search-option>\n  `;\n};\n\nexport default {\n  title: 'Componentes/DropdownSearch/DropdownSearchOption',\n  tags: ['autodocs'],\n\n  render: args => {\n    return renderCuraDropdownSearchOption(args);\n  },\n  argTypes: {\n    value: {\n      control: 'text',\n      description: 'Valor da opção.',\n      table: {\n        category: 'Properties',\n      },\n    },\n    selectable: {\n      control: 'boolean',\n      description: 'Define se a opção pode ou não ser selecionada.',\n      table: {\n        category: 'Properties',\n        defaultValue: { summary: true },\n      },\n    },\n    image: {\n      control: 'text',\n      description: 'Conteúdo do slot `image`.',\n      table: {\n        category: 'Slots',\n      },\n    },\n    content: {\n      control: 'text',\n      description: 'Conteúdo do slot. É englobado por um `<cura-heading>`',\n      table: {\n        category: 'Slots',\n      },\n    },\n    action: {\n      control: 'text',\n      description: 'Conteúdo do slot `action`.',\n      table: {\n        category: 'Slots',\n      },\n    },\n  },\n};\n\nexport const DropdownSearchOption = {\n  args: {\n    value: 'Clinica Médica Geral',\n    selectable: true,\n    image: '<cura-icon size=\"24\" name=\"medical\"></cura-icon>',\n    content: 'Clinica Médica Geral',\n    action: `<cura-button-transparent font-color=\"dark\" color='primary' icon-name='delete' size='small' icon-only={true}></cura-button-transparent>`,\n  },\n};\n"]}

package/dist/collection/components/forms/cura-dropdown-search/cura-dropdown-search-option-title/cura-dropdown-search-option-title.css

@@ -1,10 +0,0 @@
-:host {
-  display: block;
-  box-sizing: border-box;
-  width: 100%;
-}
-
-cura-label {
-  padding: 12px 0px;
-  border-bottom: 1px solid var(--neutral-light);
-}

package/dist/collection/components/forms/cura-dropdown-search/cura-dropdown-search-option-title/cura-dropdown-search-option-title.js

@@ -1,19 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class CuraDropdownSearchOptionTitle {
-    render() {
-        return (h(Host, { key: '4782e0381a903b7b71851e7ccee12ef94a3343ab', slot: "dropdown-search-option" }, h("cura-label", { key: '4f287507290fc374eef609a3c18e1fc9ba970ae7', color: "neutral-dark", size: "xsmall", lineHeight: "16px", marginBlock: "0" }, h("slot", { key: 'a5d129e76e15613b8983acd2034808803cbf1f38' }))));
-    }
-    static get is() { return "cura-dropdown-search-option-title"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["cura-dropdown-search-option-title.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["cura-dropdown-search-option-title.css"]
-        };
-    }
-}
-//# sourceMappingURL=cura-dropdown-search-option-title.js.map

package/dist/collection/components/forms/cura-dropdown-search/cura-dropdown-search-option-title/cura-dropdown-search-option-title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-dropdown-search-option-title.js","sourceRoot":"","sources":["../../../../../src/components/forms/cura-dropdown-search/cura-dropdown-search-option-title/cura-dropdown-search-option-title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAG,CAAC,EAAE,MAAM,eAAe,CAAC;AAOpD,MAAM,OAAO,6BAA6B;IACxC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,wBAAwB;YACjC,mEAAY,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG;gBAC9E,8DAAa,CACF,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host,  h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-option-title',\n  styleUrl: 'cura-dropdown-search-option-title.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchOptionTitle {\n  render() {\n    return (\n      <Host slot=\"dropdown-search-option\">\n        <cura-label color=\"neutral-dark\" size=\"xsmall\" lineHeight=\"16px\" marginBlock=\"0\">\n          <slot></slot>\n        </cura-label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/forms/cura-dropdown-search/cura-dropdown-search.css

@@ -1,158 +0,0 @@
-/**
- * Global Shadow Level Definitions.
- * Required CSS Properties with respective opacities:
- * --neutral-black,
- * --neutral-purewhite,
- * --accent-base
- * --primary-base
- */
-/**
- * Shadow Level base definitions.
- * Required CSS Properties: --neutral-purewhite opacity: 0.2
- * Use: @include shadow-level1(){ ... }
- */
-/**
- * Shadow Level base definitions.
- * Required CSS Properties: --neutral-black opacity: 0.16
- * Use: @include shadow-level2(--neutral-black-shadow){ ... }
- */
-/**
- * Shadow Level base definitions.
- * Required CSS Properties: --neutral-black opacity: 0.16
- * Use: @include shadow-level3(--neutral-black-shadow){ ... }
- */
-/**
- * Shadow Level base definitions.
- * Required CSS Properties: --neutral-black opacity: 0.12
- * Use: @include shadow-level4(){ ... }
- */
-/**
- * Shadow Level base definitions.
- * Required CSS Properties: --neutral-black opacity: 0.8
- * Use: @include shadow-level5(){ ... }
- */
-/**
- * Shadow Level base definitions.
- * Required CSS Properties: --accent-base opacity: 0.2
- * Use: @include shadow-level5-accent(){ ... }
- */
-/**
- * Shadow Level base definitions.
- * Required CSS Properties: --primary-base opacity: 0.16
- * Use: @include shadow-level3-primary(){ ... }
- */
-:host {
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.dropdown {
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  width: inherit;
-}
-.dropdown .dropdown-search-list {
-  z-index: 1000;
-}
-.dropdown-input-search {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: transparent;
-}
-.dropdown-input-search.dropdown-open ::part(cura-input-field) {
-  border-radius: 4px 4px 0px 0px;
-}
-.dropdown-input-search.dropdown-open ::slotted([slot=helperText]) {
-  display: none;
-}
-.dropdown-input-search.dropdown-open cura-input-text ::slotted([slot=helperText]) {
-  display: none;
-}
-.dropdown-search-list {
-  position: absolute;
-  top: calc(100% - 8px);
-  width: 100%;
-  max-height: var(--dropdown-max-height);
-  padding: 12px 12px;
-  margin: 0;
-  box-sizing: border-box;
-  box-shadow: 0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16));
-  border-radius: 0px 0px 4px 4px;
-  border-top: 0 var(--neutral-light);
-  border-right: 2px solid var(--neutral-light);
-  border-bottom: 2px solid var(--neutral-light);
-  border-left: 2px solid var(--neutral-light);
-  background-color: var(--neutral-purewhite);
-  list-style: none;
-  overflow-y: auto;
-  display: none;
-}
-.dropdown-search-list.visible {
-  display: block;
-}
-.dropdown-search-list-input-search {
-  width: inherit;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 16px 8px;
-  border-bottom: 2px solid var(--info-base);
-  background-color: var(--neutral-purewhite);
-}
-.dropdown-search-list-input-search cura-input-text {
-  width: inherit;
-}
-.dropdown-search-list-input-search.error {
-  background-color: var(--error-lighter);
-  border-bottom: 2px solid var(--error-dark);
-}
-.dropdown-mobile {
-  position: fixed;
-  top: 1%;
-  left: 0;
-  right: 0;
-  width: 100%;
-  z-index: 10000;
-}
-.dropdown-mobile .dropdown-input-search {
-  display: flex;
-  background-color: var(--neutral-purewhite);
-  border-bottom: 2px solid var(--info-base);
-  z-index: 10000;
-}
-.dropdown-mobile .dropdown-input-search cura-button-transparent {
-  display: flex;
-  margin-right: 4px;
-}
-.dropdown-mobile .dropdown-input-search cura-input-text {
-  padding: 12px 8px 12px 0px;
-}
-.dropdown-mobile .dropdown-input-search.error {
-  background-color: var(--error-lighter);
-  border-bottom: 2px solid var(--error-dark);
-}
-.dropdown-mobile .dropdown-input-search.dropdown-open {
-  display: flex;
-}
-.dropdown-mobile .dropdown-input-search.dropdown-open ::slotted([slot=helperText]) {
-  display: block;
-}
-.dropdown-mobile .dropdown-search-list {
-  position: static;
-  width: 100%;
-  height: calc(100vh - var(--dynamic-input-search-height, 0));
-  max-height: none;
-  padding: 12px 12px;
-  margin: 0;
-  box-sizing: border-box;
-  box-shadow: none;
-  border: none;
-  background-color: var(--neutral-purewhite);
-  list-style: none;
-  overflow-y: auto;
-  z-index: 10000;
-}