@rededor/cura 1.6.0-alpha.4 → 1.6.0

package/dist/types/components.d.ts

@@ -551,54 +551,6 @@ export namespace Components {
         "spotColor": string;
     }
     interface CuraDropdownSearch {
-        /**
-          * Whether the select component is disabled. Reflects as an attribute in the DOM.
-         */
-        "disabled": boolean;
-        /**
-          * CSS max-height property for dropdown item. Default to 630px
-         */
-        "dropdownMaxHeight": string;
-        /**
-          * Custom icon name. Default: search.
-         */
-        "iconName": string;
-        /**
-          * The label for the dropdown search.
-         */
-        "label": string;
-        /**
-          * The name of the dropdown search component.
-         */
-        "name": string;
-        /**
-          * The placeholder text for the dropdown search.
-         */
-        "placeholder": string;
-        /**
-          * Indicates if the dropdown search is required.
-         */
-        "required": boolean;
-        /**
-          * Indicates if the dropdown search is selected.
-         */
-        "selected": boolean;
-        /**
-          * Size of the dropdown search mode default: 'small', 'medium', or 'large' (default: 'large')
-         */
-        "size": 'small' | 'medium' | 'large';
-        /**
-          * Define the status of the dropdown search.
-         */
-        "status": 'error' | 'default';
-        /**
-          * The value of the dropdown search.
-         */
-        "value": string;
-    }
-    interface CuraDropdownSearchCategory {
-    }
-    interface CuraDropdownSearchNew {
         /**
           * Disabled state. Default: false.
          */
@@ -656,27 +608,11 @@ export namespace Components {
          */
         "value": string;
     }
+    interface CuraDropdownSearchCategory {
+    }
     interface CuraDropdownSearchNotFound {
     }
     interface CuraDropdownSearchOption {
-        /**
-          * Indicates if the dropdown search option is hovered.
-         */
-        "hovered": boolean;
-        /**
-          * Indicates if the dropdown search is selectable.
-         */
-        "selectable": boolean;
-        /**
-          * Indicates if the dropdown search option is selected.
-         */
-        "selected": boolean;
-        /**
-          * The value of the dropdown search option.
-         */
-        "value": string;
-    }
-    interface CuraDropdownSearchOptionNew {
         /**
           * Highlighted state. This will be managed by the parent component. Default is false.
          */
@@ -698,8 +634,6 @@ export namespace Components {
          */
         "value": string;
     }
-    interface CuraDropdownSearchOptionTitle {
-    }
     interface CuraHeading {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -1225,10 +1159,6 @@ export interface CuraDropdownSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraDropdownSearchElement;
 }
-export interface CuraDropdownSearchNewCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLCuraDropdownSearchNewElement;
-}
 export interface CuraDropdownSearchNotFoundCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraDropdownSearchNotFoundElement;
@@ -1237,10 +1167,6 @@ export interface CuraDropdownSearchOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraDropdownSearchOptionElement;
 }
-export interface CuraDropdownSearchOptionNewCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLCuraDropdownSearchOptionNewElement;
-}
 export interface CuraInputDateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCuraInputDateElement;
@@ -1415,8 +1341,8 @@ declare global {
         new (): HTMLCuraDisplayElement;
     };
     interface HTMLCuraDropdownSearchElementEventMap {
-        "valueChanged": string;
-        "onselect": any;
+        "termchange": string;
+        "optionselect": string;
     }
     interface HTMLCuraDropdownSearchElement extends Components.CuraDropdownSearch, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCuraDropdownSearchElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchElement, ev: CuraDropdownSearchCustomEvent<HTMLCuraDropdownSearchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1438,24 +1364,6 @@ declare global {
         prototype: HTMLCuraDropdownSearchCategoryElement;
         new (): HTMLCuraDropdownSearchCategoryElement;
     };
-    interface HTMLCuraDropdownSearchNewElementEventMap {
-        "termchange": string;
-        "optionselect": string;
-    }
-    interface HTMLCuraDropdownSearchNewElement extends Components.CuraDropdownSearchNew, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLCuraDropdownSearchNewElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchNewElement, ev: CuraDropdownSearchNewCustomEvent<HTMLCuraDropdownSearchNewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLCuraDropdownSearchNewElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchNewElement, ev: CuraDropdownSearchNewCustomEvent<HTMLCuraDropdownSearchNewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLCuraDropdownSearchNewElement: {
-        prototype: HTMLCuraDropdownSearchNewElement;
-        new (): HTMLCuraDropdownSearchNewElement;
-    };
     interface HTMLCuraDropdownSearchNotFoundElementEventMap {
         "actionclick": any;
     }
@@ -1474,7 +1382,8 @@ declare global {
         new (): HTMLCuraDropdownSearchNotFoundElement;
     };
     interface HTMLCuraDropdownSearchOptionElementEventMap {
-        "optionSelected": string;
+        "actionclick": any;
+        "selectoption": string;
     }
     interface HTMLCuraDropdownSearchOptionElement extends Components.CuraDropdownSearchOption, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCuraDropdownSearchOptionElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchOptionElement, ev: CuraDropdownSearchOptionCustomEvent<HTMLCuraDropdownSearchOptionElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1490,30 +1399,6 @@ declare global {
         prototype: HTMLCuraDropdownSearchOptionElement;
         new (): HTMLCuraDropdownSearchOptionElement;
     };
-    interface HTMLCuraDropdownSearchOptionNewElementEventMap {
-        "actionclick": any;
-        "selectoption": string;
-    }
-    interface HTMLCuraDropdownSearchOptionNewElement extends Components.CuraDropdownSearchOptionNew, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLCuraDropdownSearchOptionNewElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchOptionNewElement, ev: CuraDropdownSearchOptionNewCustomEvent<HTMLCuraDropdownSearchOptionNewElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLCuraDropdownSearchOptionNewElementEventMap>(type: K, listener: (this: HTMLCuraDropdownSearchOptionNewElement, ev: CuraDropdownSearchOptionNewCustomEvent<HTMLCuraDropdownSearchOptionNewElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLCuraDropdownSearchOptionNewElement: {
-        prototype: HTMLCuraDropdownSearchOptionNewElement;
-        new (): HTMLCuraDropdownSearchOptionNewElement;
-    };
-    interface HTMLCuraDropdownSearchOptionTitleElement extends Components.CuraDropdownSearchOptionTitle, HTMLStencilElement {
-    }
-    var HTMLCuraDropdownSearchOptionTitleElement: {
-        prototype: HTMLCuraDropdownSearchOptionTitleElement;
-        new (): HTMLCuraDropdownSearchOptionTitleElement;
-    };
     interface HTMLCuraHeadingElement extends Components.CuraHeading, HTMLStencilElement {
     }
     var HTMLCuraHeadingElement: {
@@ -1744,11 +1629,8 @@ declare global {
         "cura-display": HTMLCuraDisplayElement;
         "cura-dropdown-search": HTMLCuraDropdownSearchElement;
         "cura-dropdown-search-category": HTMLCuraDropdownSearchCategoryElement;
-        "cura-dropdown-search-new": HTMLCuraDropdownSearchNewElement;
         "cura-dropdown-search-not-found": HTMLCuraDropdownSearchNotFoundElement;
         "cura-dropdown-search-option": HTMLCuraDropdownSearchOptionElement;
-        "cura-dropdown-search-option-new": HTMLCuraDropdownSearchOptionNewElement;
-        "cura-dropdown-search-option-title": HTMLCuraDropdownSearchOptionTitleElement;
         "cura-heading": HTMLCuraHeadingElement;
         "cura-icon": HTMLCuraIconElement;
         "cura-icons-view": HTMLCuraIconsViewElement;
@@ -2322,59 +2204,6 @@ declare namespace LocalJSX {
         "spotColor"?: string;
     }
     interface CuraDropdownSearch {
-        /**
-          * Whether the select component is disabled. Reflects as an attribute in the DOM.
-         */
-        "disabled"?: boolean;
-        /**
-          * CSS max-height property for dropdown item. Default to 630px
-         */
-        "dropdownMaxHeight"?: string;
-        /**
-          * Custom icon name. Default: search.
-         */
-        "iconName"?: string;
-        /**
-          * The label for the dropdown search.
-         */
-        "label"?: string;
-        /**
-          * The name of the dropdown search component.
-         */
-        "name"?: string;
-        "onOnselect"?: (event: CuraDropdownSearchCustomEvent<any>) => void;
-        /**
-          * Event emitted when the value changes.
-         */
-        "onValueChanged"?: (event: CuraDropdownSearchCustomEvent<string>) => void;
-        /**
-          * The placeholder text for the dropdown search.
-         */
-        "placeholder"?: string;
-        /**
-          * Indicates if the dropdown search is required.
-         */
-        "required"?: boolean;
-        /**
-          * Indicates if the dropdown search is selected.
-         */
-        "selected"?: boolean;
-        /**
-          * Size of the dropdown search mode default: 'small', 'medium', or 'large' (default: 'large')
-         */
-        "size"?: 'small' | 'medium' | 'large';
-        /**
-          * Define the status of the dropdown search.
-         */
-        "status"?: 'error' | 'default';
-        /**
-          * The value of the dropdown search.
-         */
-        "value"?: string;
-    }
-    interface CuraDropdownSearchCategory {
-    }
-    interface CuraDropdownSearchNew {
         /**
           * Disabled state. Default: false.
          */
@@ -2395,8 +2224,8 @@ declare namespace LocalJSX {
           * Name of the field. Required.
          */
         "name": string;
-        "onOptionselect"?: (event: CuraDropdownSearchNewCustomEvent<string>) => void;
-        "onTermchange"?: (event: CuraDropdownSearchNewCustomEvent<string>) => void;
+        "onOptionselect"?: (event: CuraDropdownSearchCustomEvent<string>) => void;
+        "onTermchange"?: (event: CuraDropdownSearchCustomEvent<string>) => void;
         /**
           * The placeholder text.
          */
@@ -2426,38 +2255,18 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface CuraDropdownSearchCategory {
+    }
     interface CuraDropdownSearchNotFound {
         "onActionclick"?: (event: CuraDropdownSearchNotFoundCustomEvent<any>) => void;
     }
     interface CuraDropdownSearchOption {
-        /**
-          * Indicates if the dropdown search option is hovered.
-         */
-        "hovered"?: boolean;
-        /**
-          * Event emitted when the option is selected.
-         */
-        "onOptionSelected"?: (event: CuraDropdownSearchOptionCustomEvent<string>) => void;
-        /**
-          * Indicates if the dropdown search is selectable.
-         */
-        "selectable"?: boolean;
-        /**
-          * Indicates if the dropdown search option is selected.
-         */
-        "selected"?: boolean;
-        /**
-          * The value of the dropdown search option.
-         */
-        "value"?: string;
-    }
-    interface CuraDropdownSearchOptionNew {
         /**
           * Highlighted state. This will be managed by the parent component. Default is false.
          */
         "highlighted"?: boolean;
-        "onActionclick"?: (event: CuraDropdownSearchOptionNewCustomEvent<any>) => void;
-        "onSelectoption"?: (event: CuraDropdownSearchOptionNewCustomEvent<string>) => void;
+        "onActionclick"?: (event: CuraDropdownSearchOptionCustomEvent<any>) => void;
+        "onSelectoption"?: (event: CuraDropdownSearchOptionCustomEvent<string>) => void;
         /**
           * Required. The unique identifier for the option. This will reference the option element for the parent.
          */
@@ -2475,8 +2284,6 @@ declare namespace LocalJSX {
          */
         "value": string;
     }
-    interface CuraDropdownSearchOptionTitle {
-    }
     interface CuraHeading {
         /**
           * Text color. Values: Color from design system scheme. Default to the font color from the theme.
@@ -3031,11 +2838,8 @@ declare namespace LocalJSX {
         "cura-display": CuraDisplay;
         "cura-dropdown-search": CuraDropdownSearch;
         "cura-dropdown-search-category": CuraDropdownSearchCategory;
-        "cura-dropdown-search-new": CuraDropdownSearchNew;
         "cura-dropdown-search-not-found": CuraDropdownSearchNotFound;
         "cura-dropdown-search-option": CuraDropdownSearchOption;
-        "cura-dropdown-search-option-new": CuraDropdownSearchOptionNew;
-        "cura-dropdown-search-option-title": CuraDropdownSearchOptionTitle;
         "cura-heading": CuraHeading;
         "cura-icon": CuraIcon;
         "cura-icons-view": CuraIconsView;
@@ -3080,11 +2884,8 @@ declare module "@stencil/core" {
             "cura-display": LocalJSX.CuraDisplay & JSXBase.HTMLAttributes<HTMLCuraDisplayElement>;
             "cura-dropdown-search": LocalJSX.CuraDropdownSearch & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchElement>;
             "cura-dropdown-search-category": LocalJSX.CuraDropdownSearchCategory & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchCategoryElement>;
-            "cura-dropdown-search-new": LocalJSX.CuraDropdownSearchNew & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchNewElement>;
             "cura-dropdown-search-not-found": LocalJSX.CuraDropdownSearchNotFound & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchNotFoundElement>;
             "cura-dropdown-search-option": LocalJSX.CuraDropdownSearchOption & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchOptionElement>;
-            "cura-dropdown-search-option-new": LocalJSX.CuraDropdownSearchOptionNew & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchOptionNewElement>;
-            "cura-dropdown-search-option-title": LocalJSX.CuraDropdownSearchOptionTitle & JSXBase.HTMLAttributes<HTMLCuraDropdownSearchOptionTitleElement>;
             "cura-heading": LocalJSX.CuraHeading & JSXBase.HTMLAttributes<HTMLCuraHeadingElement>;
             "cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;
             "cura-icons-view": LocalJSX.CuraIconsView & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.6.0-alpha.4",
+  "version": "1.6.0",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -51,5 +51,5 @@
     "storybook": "^7.6.7",
     "svgo": "^3.3.2"
   },
-  "gitHead": "68e45400977545fa4131c7088a8bcbedb5672ec3"
+  "gitHead": "c9a1d657313b8d61e2009d03c5deaab9998d3ac3"
 }

package/dist/cjs/cura-dropdown-search-option-title.cjs.entry.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-12d54921.js');
-
-const curaDropdownSearchOptionTitleCss = ":host{display:block;box-sizing:border-box;width:100%}cura-label{padding:12px 0px;border-bottom:1px solid var(--neutral-light)}";
-const CuraDropdownSearchOptionTitleStyle0 = curaDropdownSearchOptionTitleCss;
-
-const CuraDropdownSearchOptionTitle = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h(index.Host, { key: '4782e0381a903b7b71851e7ccee12ef94a3343ab', slot: "dropdown-search-option" }, index.h("cura-label", { key: '4f287507290fc374eef609a3c18e1fc9ba970ae7', color: "neutral-dark", size: "xsmall", lineHeight: "16px", marginBlock: "0" }, index.h("slot", { key: 'a5d129e76e15613b8983acd2034808803cbf1f38' }))));
-    }
-};
-CuraDropdownSearchOptionTitle.style = CuraDropdownSearchOptionTitleStyle0;
-
-exports.cura_dropdown_search_option_title = CuraDropdownSearchOptionTitle;
-
-//# sourceMappingURL=cura-dropdown-search-option-title.cjs.entry.js.map

package/dist/cjs/cura-dropdown-search-option-title.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"cura-dropdown-search-option-title.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gCAAgC,GAAG,gIAAgI,CAAC;AAC1K,4CAAe,gCAAgC;;MCMlC,6BAA6B;;;;IACxC,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,wBAAwB,IACjCD,yEAAY,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,IAC9EA,oEAAa,CACF,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/forms/cura-dropdown-search/cura-dropdown-search-option-title/cura-dropdown-search-option-title.scss?tag=cura-dropdown-search-option-title&encapsulation=shadow","src/components/forms/cura-dropdown-search/cura-dropdown-search-option-title/cura-dropdown-search-option-title.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n}\n\ncura-label {\n  padding: 12px 0px;\n  border-bottom: 1px solid var(--neutral-light);\n}\n","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"],"version":3}

package/dist/cjs/cura-dropdown-search-option.cjs.entry.js

@@ -1,65 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-12d54921.js');
-
-const curaDropdownSearchOptionCss = ":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}";
-const CuraDropdownSearchOptionStyle0 = curaDropdownSearchOptionCss;
-
-const CuraDropdownSearchOption = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.optionSelected = index.createEvent(this, "optionSelected", 7);
-        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 (index.h(index.Host, { key: '81c4404d784d2038823d84bf2b4beef53a874644', slot: "dropdown-search-option" }, index.h("div", { key: '476757ab00466607c2ab01a2b5a82da4c45087af', style: this.styles, class: {
-                "option-container": true,
-                hovered: this.selectable ? this.hovered : false,
-                selected: this.selected,
-                disabled: !this.selectable
-            } }, index.h("div", { key: '2a35edbe88ed99587972e0e657250867cb6ba814', class: "content-container" }, index.h("div", { key: '5bb136c9c5386d6c40985a86bc7e2e85c239110e', class: "option-info", onClick: (e) => this.handleOptionClick(e) }, index.h("slot", { key: 'f5ad44434728cb3879819f6016fcf9927354c05f', name: "image" }), index.h("cura-heading", { key: '43fa2a1c1a206f6bd1b0f52f5bc536cbb98bbe56', size: "xsmall", lineHeight: "16px", marginBlock: "0px", weight: "bold", color: "neutral-black" }, index.h("slot", { key: '197963392c5cef12d29dfbe312f4359b950de9f3' }))), index.h("slot", { key: '146144af1e1a5d1a18eb2aceaa71b749a4c61ba6', name: "action" })))));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "selected": ["updateIconColor"]
-    }; }
-};
-CuraDropdownSearchOption.style = CuraDropdownSearchOptionStyle0;
-
-exports.cura_dropdown_search_option = CuraDropdownSearchOption;
-
-//# sourceMappingURL=cura-dropdown-search-option.cjs.entry.js.map

package/dist/cjs/cura-dropdown-search-option.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"cura-dropdown-search-option.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,8kCAA8kC,CAAC;AACnnC,uCAAe,2BAA2B;;MCM7B,wBAAwB;;;;QAyC3B,sBAAiB,GAAG,CAAC,CAAQ;YACnC,IAAI,IAAI,CAAC,UAAU,EAAE;gBACnB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;gBAC/B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACrC,IAAI,CAAC,eAAe,EAAE,CAAC;aACxB;iBAAM;gBACL,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,wBAAwB,EAAE,CAAC;aAC9B;SACF,CAAC;;wBAzC0D,KAAK;0BAKlB,IAAI;uBAKQ,KAAK;sBAE9C,EAAE;;IAWpB,iBAAiB;QACf,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QACvD,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAC1E,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAC/F,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QACvF,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;QACvF,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,EAAE,EAAE,CAAC,CAAC;KAChG;IAaD,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAGO,eAAe;QACrB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC/E,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,cAAc,CAAC,CAAC;SAC/E;KACF;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,IAAI,EAAC,wBAAwB,IACjCD,kEACE,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,KAAK,EAAE;gBACL,kBAAkB,EAAE,IAAI;gBACxB,OAAO,EAAE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,KAAK;gBAC/C,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,CAAC,IAAI,CAAC,UAAU;aAC3B,IACDA,kEAAK,KAAK,EAAC,mBAAmB,IAC5BA,kEAAK,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAChEA,mEAAM,IAAI,EAAC,OAAO,GAAQ,EAC1BA,2EAAc,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,IACjGA,oEAAa,CACA,CACX,EACNA,mEAAM,IAAI,EAAC,QAAQ,GAAQ,CACvB,CACF,CACD,EACP;KACH;;;;;;;;;;","names":["h","Host"],"sources":["src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.scss?tag=cura-dropdown-search-option&encapsulation=shadow","src/components/forms/cura-dropdown-search/cura-dropdown-search-option/cura-dropdown-search-option.tsx"],"sourcesContent":["@import \"../../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n:host(:last-of-type) .content-container  {\n  border-bottom: none;\n}\n\n.option-container {\n  width: 100%;\n  display: flex;\n\n  &:hover:not(.disabled):not(.selected) .content-container {\n    background-color: var(--neutral-white);\n  }\n\n  &.selected .content-container {\n    background-color: var(--primary-lighter);\n  }\n\n  &.disabled {\n    cursor: default;\n  }\n}\n\n.content-container {\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  padding: #{$spacing-mini} #{$spacing-tiny};\n  background-color: var(--neutral-purewhite);\n  border-bottom: 1px solid var(--neutral-light);\n\n  ::slotted(div[slot='action']) {\n    display: flex;\n    justify-content: end;\n  }\n}\n\n.option-info {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n  gap: #{$spacing-mini};\n  flex-direction: row;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  cura-heading {\n    width: 100%;\n    margin-block: 0px;\n  }\n\n  ::slotted(div[slot='image']) {\n    min-width: #{$spacing-m};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n","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"],"version":3}