@rededor/cura 1.4.0-alpha.1 → 1.4.0

package/dist/types/components/cura-modal/cura-modal.d.ts

@@ -11,17 +11,36 @@ export declare class CuraModal {
      */
     background?: 'dark' | 'light';
     /**
-     * Property offsetTop to control modal top position.
+     * Property top to control modal top position.
      * Default: 0px
      */
-    topOffset?: number;
+    top?: number;
+    /**
+     * Property bottom to control modal bottom position.
+     * Default: 0px
+     */
+    bottom?: number;
+    /**
+     * Property left to control modal left position.
+     * Default: 0px
+     */
+    left?: number;
+    /**
+     * Property right to control modal right position.
+     * Default: 0px
+     */
+    right?: number;
     /**
      * Event close to handle modal close.
      */
     modalClose: EventEmitter<void>;
     styles: {};
     setColors(): void;
-    setOffsetTop(): void;
+    setOffset(name: string, value: number): void;
+    setTop(): void;
+    setBottom(): void;
+    setLeft(): void;
+    setRight(): void;
     connectedCallback(): void;
     private handleClose;
     render(): any;

package/dist/types/components/cura-modal/cura-modal.stories.d.ts

@@ -28,7 +28,16 @@ declare const _default: {
                 };
             };
         };
-        topOffset: {
+        content: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        top: {
             control: {
                 type: string;
             };
@@ -40,13 +49,40 @@ declare const _default: {
                 };
             };
         };
-        content: {
+        bottom: {
             control: {
                 type: string;
             };
             description: string;
             table: {
                 category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        left: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        right: {
+            control: {
+                type: string;
+            };
+            description: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
             };
         };
         close: {
@@ -65,6 +101,9 @@ export declare const CuraModal: {
         background: string;
         open: boolean;
         content: string;
-        topOffset: number;
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
     };
 };

package/dist/types/components.d.ts

@@ -81,13 +81,57 @@ export namespace Components {
         "size": '80' | '40' | '32' | '24';
         "type": 'default' | 'branding';
     }
+    interface CuraBadgeCounter {
+        /**
+          * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+         */
+        "color": string;
+        /**
+          * Define o estado do badge como desabilitado ou habilitado.
+         */
+        "disabled": boolean;
+        /**
+          * Número a ser representado no badge. Apresentará 99+ para números acima desse valor.
+         */
+        "number": number | null;
+        /**
+          * Define o estilo visual entre solid (default), outline ou transparent.
+         */
+        "type": 'solid' | 'outline' | 'transparent' | string;
+    }
     interface CuraBadgeDistance {
         "distance": number;
         "label": string;
     }
-    interface CuraBadgeNumber {
-        "color": string;
-        "number": number | null;
+    interface CuraBadgePill {
+        /**
+          * Set border-radius.
+         */
+        "borderRadius": string;
+        /**
+          * Color base from color scheme. Default: primary
+         */
+        "color": 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+        /**
+          * Disabled state. Boolean
+         */
+        "disabled": boolean;
+        /**
+          * Name of the icon to be used from iconset
+         */
+        "iconName": string;
+        /**
+          * Set badge to icon only. Boolean
+         */
+        "iconOnly": boolean;
+        /**
+          * Custom iconset if needed
+         */
+        "iconset": string;
+        /**
+          * Badge type: solid | outline | transparent
+         */
+        "type": 'solid' | 'outline' | 'transparent';
     }
     interface CuraButton {
         /**
@@ -216,7 +260,7 @@ export namespace Components {
     interface CuraButtonSelect {
         "background": 'dark' | 'light';
         "color": string;
-        "counter": string | number | null;
+        "counter": number | null;
         "disabled": boolean;
         "iconName": string;
         "iconPosition": 'left' | 'right';
@@ -775,14 +819,26 @@ export namespace Components {
           * Property background to control modal backdrop color. Default: light
          */
         "background"?: 'dark' | 'light';
+        /**
+          * Property bottom to control modal bottom position. Default: 0px
+         */
+        "bottom"?: number;
+        /**
+          * Property left to control modal left position. Default: 0px
+         */
+        "left"?: number;
         /**
           * Property open to control modal visibility. Default: false
          */
         "open"?: boolean;
         /**
-          * Property offsetTop to control modal top position. Default: 0px
+          * Property right to control modal right position. Default: 0px
          */
-        "topOffset"?: number;
+        "right"?: number;
+        /**
+          * Property top to control modal top position. Default: 0px
+         */
+        "top"?: number;
     }
     interface CuraPageTemplate {
         "contentwidth": 'default' | 'centered';
@@ -1048,17 +1104,23 @@ declare global {
         prototype: HTMLCuraAvatarElement;
         new (): HTMLCuraAvatarElement;
     };
+    interface HTMLCuraBadgeCounterElement extends Components.CuraBadgeCounter, HTMLStencilElement {
+    }
+    var HTMLCuraBadgeCounterElement: {
+        prototype: HTMLCuraBadgeCounterElement;
+        new (): HTMLCuraBadgeCounterElement;
+    };
     interface HTMLCuraBadgeDistanceElement extends Components.CuraBadgeDistance, HTMLStencilElement {
     }
     var HTMLCuraBadgeDistanceElement: {
         prototype: HTMLCuraBadgeDistanceElement;
         new (): HTMLCuraBadgeDistanceElement;
     };
-    interface HTMLCuraBadgeNumberElement extends Components.CuraBadgeNumber, HTMLStencilElement {
+    interface HTMLCuraBadgePillElement extends Components.CuraBadgePill, HTMLStencilElement {
     }
-    var HTMLCuraBadgeNumberElement: {
-        prototype: HTMLCuraBadgeNumberElement;
-        new (): HTMLCuraBadgeNumberElement;
+    var HTMLCuraBadgePillElement: {
+        prototype: HTMLCuraBadgePillElement;
+        new (): HTMLCuraBadgePillElement;
     };
     interface HTMLCuraButtonElement extends Components.CuraButton, HTMLStencilElement {
     }
@@ -1378,8 +1440,9 @@ declare global {
         "cura-accordion-item": HTMLCuraAccordionItemElement;
         "cura-alert": HTMLCuraAlertElement;
         "cura-avatar": HTMLCuraAvatarElement;
+        "cura-badge-counter": HTMLCuraBadgeCounterElement;
         "cura-badge-distance": HTMLCuraBadgeDistanceElement;
-        "cura-badge-number": HTMLCuraBadgeNumberElement;
+        "cura-badge-pill": HTMLCuraBadgePillElement;
         "cura-button": HTMLCuraButtonElement;
         "cura-button-outline": HTMLCuraButtonOutlineElement;
         "cura-button-select": HTMLCuraButtonSelectElement;
@@ -1485,13 +1548,57 @@ declare namespace LocalJSX {
         "size"?: '80' | '40' | '32' | '24';
         "type"?: 'default' | 'branding';
     }
+    interface CuraBadgeCounter {
+        /**
+          * Cor fundamental do design system sem profundidade. Ex.: primary (padrão)
+         */
+        "color"?: string;
+        /**
+          * Define o estado do badge como desabilitado ou habilitado.
+         */
+        "disabled"?: boolean;
+        /**
+          * Número a ser representado no badge. Apresentará 99+ para números acima desse valor.
+         */
+        "number"?: number | null;
+        /**
+          * Define o estilo visual entre solid (default), outline ou transparent.
+         */
+        "type"?: 'solid' | 'outline' | 'transparent' | string;
+    }
     interface CuraBadgeDistance {
         "distance"?: number;
         "label"?: string;
     }
-    interface CuraBadgeNumber {
-        "color"?: string;
-        "number"?: number | null;
+    interface CuraBadgePill {
+        /**
+          * Set border-radius.
+         */
+        "borderRadius"?: string;
+        /**
+          * Color base from color scheme. Default: primary
+         */
+        "color"?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+        /**
+          * Disabled state. Boolean
+         */
+        "disabled"?: boolean;
+        /**
+          * Name of the icon to be used from iconset
+         */
+        "iconName"?: string;
+        /**
+          * Set badge to icon only. Boolean
+         */
+        "iconOnly"?: boolean;
+        /**
+          * Custom iconset if needed
+         */
+        "iconset"?: string;
+        /**
+          * Badge type: solid | outline | transparent
+         */
+        "type"?: 'solid' | 'outline' | 'transparent';
     }
     interface CuraButton {
         /**
@@ -1620,7 +1727,7 @@ declare namespace LocalJSX {
     interface CuraButtonSelect {
         "background"?: 'dark' | 'light';
         "color"?: string;
-        "counter"?: string | number | null;
+        "counter"?: number | null;
         "disabled"?: boolean;
         "iconName"?: string;
         "iconPosition"?: 'left' | 'right';
@@ -2211,6 +2318,14 @@ declare namespace LocalJSX {
           * Property background to control modal backdrop color. Default: light
          */
         "background"?: 'dark' | 'light';
+        /**
+          * Property bottom to control modal bottom position. Default: 0px
+         */
+        "bottom"?: number;
+        /**
+          * Property left to control modal left position. Default: 0px
+         */
+        "left"?: number;
         /**
           * Event close to handle modal close.
          */
@@ -2220,9 +2335,13 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Property offsetTop to control modal top position. Default: 0px
+          * Property right to control modal right position. Default: 0px
+         */
+        "right"?: number;
+        /**
+          * Property top to control modal top position. Default: 0px
          */
-        "topOffset"?: number;
+        "top"?: number;
     }
     interface CuraPageTemplate {
         "contentwidth"?: 'default' | 'centered';
@@ -2408,8 +2527,9 @@ declare namespace LocalJSX {
         "cura-accordion-item": CuraAccordionItem;
         "cura-alert": CuraAlert;
         "cura-avatar": CuraAvatar;
+        "cura-badge-counter": CuraBadgeCounter;
         "cura-badge-distance": CuraBadgeDistance;
-        "cura-badge-number": CuraBadgeNumber;
+        "cura-badge-pill": CuraBadgePill;
         "cura-button": CuraButton;
         "cura-button-outline": CuraButtonOutline;
         "cura-button-select": CuraButtonSelect;
@@ -2448,8 +2568,9 @@ declare module "@stencil/core" {
             "cura-accordion-item": LocalJSX.CuraAccordionItem & JSXBase.HTMLAttributes<HTMLCuraAccordionItemElement>;
             "cura-alert": LocalJSX.CuraAlert & JSXBase.HTMLAttributes<HTMLCuraAlertElement>;
             "cura-avatar": LocalJSX.CuraAvatar & JSXBase.HTMLAttributes<HTMLCuraAvatarElement>;
+            "cura-badge-counter": LocalJSX.CuraBadgeCounter & JSXBase.HTMLAttributes<HTMLCuraBadgeCounterElement>;
             "cura-badge-distance": LocalJSX.CuraBadgeDistance & JSXBase.HTMLAttributes<HTMLCuraBadgeDistanceElement>;
-            "cura-badge-number": LocalJSX.CuraBadgeNumber & JSXBase.HTMLAttributes<HTMLCuraBadgeNumberElement>;
+            "cura-badge-pill": LocalJSX.CuraBadgePill & JSXBase.HTMLAttributes<HTMLCuraBadgePillElement>;
             "cura-button": LocalJSX.CuraButton & JSXBase.HTMLAttributes<HTMLCuraButtonElement>;
             "cura-button-outline": LocalJSX.CuraButtonOutline & JSXBase.HTMLAttributes<HTMLCuraButtonOutlineElement>;
             "cura-button-select": LocalJSX.CuraButtonSelect & JSXBase.HTMLAttributes<HTMLCuraButtonSelectElement>;

package/dist/types/utils/utils.d.ts

@@ -1,2 +1,3 @@
 export declare function format(first: string, middle: string, last: string): string;
+export declare const baseColors: string[];
 export declare function getColorsWithDepths(): string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "1.4.0-alpha.1",
+  "version": "1.4.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": "fd97e88ef29529950852e1cfb902205e337b4514"
+  "gitHead": "bc7b0f67752ee42409f56fb59e4d035b8ca2ec3e"
 }

package/dist/cjs/cura-badge-number.cjs.entry.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e6d728ec.js');
-
-const curaBadgeNumberCss = ":host .container{display:flex;width:20px;height:20px;min-width:16px;justify-content:center;align-items:center;border-radius:500px;background:var(--background-color)}";
-const CuraBadgeNumberStyle0 = curaBadgeNumberCss;
-
-const CuraBadgeNumber = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.styles = {};
-        this.theme = window.CuraAPI.theme;
-        this.number = undefined;
-        this.color = undefined;
-    }
-    connectedCallback() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': this.theme.colors.getColor(this.color) });
-    }
-    render() {
-        return (index.h(index.Host, { key: 'a20934b4bec43ab7024e1bc4ad7537ff0d54b937' }, index.h("div", { key: 'a3fc8332932a117db4be61092050c3df3e4142bc', class: "container", style: this.styles }, index.h("cura-label", { key: 'ff53c0645348be0d392728778e3486c353243af5' }, index.h("slot", { key: 'f0774cc8f8ad07287b68bb3c59bf22cd4fc69755' }, this.number)))));
-    }
-};
-CuraBadgeNumber.style = CuraBadgeNumberStyle0;
-
-exports.cura_badge_number = CuraBadgeNumber;
-
-//# sourceMappingURL=cura-badge-number.cjs.entry.js.map

package/dist/cjs/cura-badge-number.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"cura-badge-number.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,uKAAuK,CAAC;AACnM,8BAAe,kBAAkB;;MCMpB,eAAe;;;QAI1B,WAAM,GAAG,EAAE,CAAC;QAEZ,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;;IAE7B,iBAAiB;QACf,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAC7D,CAAA;KACF;IAGD,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IACvCA,2EACEA,qEAAO,IAAI,CAAC,MAAM,CAAQ,CACf,CACT,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/badges/cura-badge-number/cura-badge-number.scss?tag=cura-badge-number&encapsulation=shadow","src/components/badges/cura-badge-number/cura-badge-number.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n\n:host {\n  .container {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    min-width: 16px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 500px;\n    background: var(--background-color);\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-number',\n  styleUrl: 'cura-badge-number.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  @Prop({ reflect: true }) number: number | null\n  @Prop({ reflect: true }) color: string\n  styles = {};\n\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(this.color),\n    }\n  }\n\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-label>\n            <slot>{this.number}</slot>\n          </cura-label>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/cura-icon.definitions-8d714f6a.js.map

@@ -1 +0,0 @@
-{"file":"cura-icon.definitions-8d714f6a.js","mappings":";;MAAa,UAAU,GAAG,CAAC,WAAW,EAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,aAAa,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE;MAEtR,SAAS,GAAG;IACvB,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAC;IAChC,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAC;IAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAC;IAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAC;IAC3B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAC;IAC7B,OAAO,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IACjC,SAAS,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAC;;;;;;","names":[],"sources":["src/components/cura-icon/cura-icon.definitions.tsx"],"sourcesContent":["export const microIcons = ['arrowDown','arrowLeft','arrowRight','arrowUp','check','checkDouble','close','closeCircle','collapse','down','expand','linkExternal','link','left','minus','minusCircle','minusSquare','order','subItem','right','plus','plusCircle','plusSquare','up','filter','swap'];\n\nexport const iconSizes = {\n  \"128\": {size: 128, stroke: 5.25},\n  \"72\": {size: 72, stroke: 3.5},\n  \"64\": {size: 64, stroke: 3.25},\n  \"48\": {size: 48, stroke: 2.75},\n  \"40\": {size: 40, stroke: 2.5},\n  \"32\": {size: 32, stroke: 2.25},\n  \"24\": {size: 24, stroke: 2},\n  \"20\": {size: 20, stroke: 1.75},\n  \"16\": {size: 16, stroke: 1.5},\n  \"micro\": {size: 12, stroke: 1.5 },\n  \"default\": {size: 24, stroke: 2}\n};\n"],"version":3}

package/dist/collection/components/badges/cura-badge-number/cura-badge-number.css

@@ -1,28 +0,0 @@
-/**
- * Global Spacing Definitions.
- * Required CSS Properties:
- * --base-spacing
- */
-/* 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 .container {
-  display: flex;
-  width: 20px;
-  height: 20px;
-  min-width: 16px;
-  justify-content: center;
-  align-items: center;
-  border-radius: 500px;
-  background: var(--background-color);
-}

package/dist/collection/components/badges/cura-badge-number/cura-badge-number.js

@@ -1,66 +0,0 @@
-import { Host, h } from "@stencil/core";
-export class CuraBadgeNumber {
-    constructor() {
-        this.styles = {};
-        this.theme = window.CuraAPI.theme;
-        this.number = undefined;
-        this.color = undefined;
-    }
-    connectedCallback() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': this.theme.colors.getColor(this.color) });
-    }
-    render() {
-        return (h(Host, { key: 'a20934b4bec43ab7024e1bc4ad7537ff0d54b937' }, h("div", { key: 'a3fc8332932a117db4be61092050c3df3e4142bc', class: "container", style: this.styles }, h("cura-label", { key: 'ff53c0645348be0d392728778e3486c353243af5' }, h("slot", { key: 'f0774cc8f8ad07287b68bb3c59bf22cd4fc69755' }, this.number)))));
-    }
-    static get is() { return "cura-badge-number"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["cura-badge-number.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["cura-badge-number.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "number": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number | null",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "number",
-                "reflect": true
-            },
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "color",
-                "reflect": true
-            }
-        };
-    }
-}
-//# sourceMappingURL=cura-badge-number.js.map

package/dist/collection/components/badges/cura-badge-number/cura-badge-number.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-badge-number.js","sourceRoot":"","sources":["../../../../src/components/badges/cura-badge-number/cura-badge-number.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,eAAe;;QAI1B,WAAM,GAAG,EAAE,CAAC;QAEZ,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;;IAE7B,iBAAiB;QACf,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAC7D,CAAA;IACH,CAAC;IAGD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM;gBACvC;oBACE,+DAAO,IAAI,CAAC,MAAM,CAAQ,CACf,CACT,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-number',\n  styleUrl: 'cura-badge-number.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  @Prop({ reflect: true }) number: number | null\n  @Prop({ reflect: true }) color: string\n  styles = {};\n\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(this.color),\n    }\n  }\n\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-label>\n            <slot>{this.number}</slot>\n          </cura-label>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/badges/cura-badge-number/cura-badge-number.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cura-badge-number.stories.js","sourceRoot":"","sources":["../../../../src/components/badges/cura-badge-number/cura-badge-number.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAG3D,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACxC,MAAM,KAAK,GAAG;WACP,IAAI,CAAC,KAAK;IACjB,IAAI,CAAC,MAAM;;GAEZ,CAAC;IACA,OAAO,GAAG,KAAK,EAAE,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAC;AAErC,eAAe;IACX,KAAK,EAAE,iCAAiC;IACxC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,EAAE,CAAC,EAAW,EAAE,EAAE;YAAV,IAAI,cAAT,EAAW,CAAF;QACd,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IACD,QAAQ,EAAE;QACN,MAAM,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,yBAAyB;YACtC,KAAK,EAAE;gBACH,QAAQ,EAAE,YAAY;gBACtB,YAAY,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;aAC/B;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,GAAG,MAAM,CAAC;YACxB,WAAW,EAAE,kEAAkE;YAC/E,KAAK,EAAE;gBACH,QAAQ,EAAE,YAAY;gBACtB,YAAY,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aACvC;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,IAAI,EAAE;QACF,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC","sourcesContent":["import { getColorsWithDepths } from \"../../../utils/utils\";\n\n\nconst renderCuraBadgeNumber = (args: any) => {\n    const block = `<cura-badge-number\n  color=\"${args.color}\">\n  ${args.number}\n  </cura-badge-number>\n  `;\n    return `${block}`;\n};\n\nconst colors = getColorsWithDepths();\n\nexport default {\n    title: 'Componentes/Badges/Badge Number',\n    tags: ['autodocs'],\n    render: ({ ...args }) => {\n        return renderCuraBadgeNumber(args);\n    },\n    argTypes: {\n        number: {\n            control: 'number',\n            description: 'Número que será exibido',\n            table: {\n                category: 'Properties',\n                defaultValue: { summary: 1 },\n            },\n        },\n        color: {\n            control: { type: 'select' },\n            options: ['', ...colors],\n            description: 'Cor fundamental do Design System sem profundidade (ex: primary).',\n            table: {\n                category: 'Properties',\n                defaultValue: { summary: 'primary' },\n            },\n        },\n    },\n};\n\nexport const CuraBadgeNumber = {\n    args: {\n        number: 1,\n        color: 'primary',\n    },\n};\n"]}

package/dist/components/cura-badge-number.js

@@ -1,8 +0,0 @@
-import { C as CuraBadgeNumber$1, d as defineCustomElement$1 } from './cura-badge-number2.js';
-
-const CuraBadgeNumber = CuraBadgeNumber$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CuraBadgeNumber, defineCustomElement };
-
-//# sourceMappingURL=cura-badge-number.js.map

package/dist/components/cura-badge-number.js.map

@@ -1 +0,0 @@
-{"file":"cura-badge-number.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/cura-badge-number2.js

@@ -1,49 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './cura-label2.js';
-
-const curaBadgeNumberCss = ":host .container{display:flex;width:20px;height:20px;min-width:16px;justify-content:center;align-items:center;border-radius:500px;background:var(--background-color)}";
-const CuraBadgeNumberStyle0 = curaBadgeNumberCss;
-
-const CuraBadgeNumber = /*@__PURE__*/ proxyCustomElement(class CuraBadgeNumber extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.styles = {};
-        this.theme = window.CuraAPI.theme;
-        this.number = undefined;
-        this.color = undefined;
-    }
-    connectedCallback() {
-        this.styles = Object.assign(Object.assign({}, this.styles), { '--background-color': this.theme.colors.getColor(this.color) });
-    }
-    render() {
-        return (h(Host, { key: 'a20934b4bec43ab7024e1bc4ad7537ff0d54b937' }, h("div", { key: 'a3fc8332932a117db4be61092050c3df3e4142bc', class: "container", style: this.styles }, h("cura-label", { key: 'ff53c0645348be0d392728778e3486c353243af5' }, h("slot", { key: 'f0774cc8f8ad07287b68bb3c59bf22cd4fc69755' }, this.number)))));
-    }
-    static get style() { return CuraBadgeNumberStyle0; }
-}, [1, "cura-badge-number", {
-        "number": [514],
-        "color": [513]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["cura-badge-number", "cura-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "cura-badge-number":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CuraBadgeNumber);
-            }
-            break;
-        case "cura-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { CuraBadgeNumber as C, defineCustomElement as d };
-
-//# sourceMappingURL=cura-badge-number2.js.map

package/dist/components/cura-badge-number2.js.map

@@ -1 +0,0 @@
-{"file":"cura-badge-number2.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,uKAAuK,CAAC;AACnM,8BAAe,kBAAkB;;MCMpB,eAAe;;;;;QAI1B,WAAM,GAAG,EAAE,CAAC;QAEZ,UAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;;IAE7B,iBAAiB;QACf,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,KACd,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAC7D,CAAA;KACF;IAGD,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IACvC,qEACE,+DAAO,IAAI,CAAC,MAAM,CAAQ,CACf,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/badges/cura-badge-number/cura-badge-number.scss?tag=cura-badge-number&encapsulation=shadow","src/components/badges/cura-badge-number/cura-badge-number.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n\n:host {\n  .container {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    min-width: 16px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 500px;\n    background: var(--background-color);\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-number',\n  styleUrl: 'cura-badge-number.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  @Prop({ reflect: true }) number: number | null\n  @Prop({ reflect: true }) color: string\n  styles = {};\n\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(this.color),\n    }\n  }\n\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-label>\n            <slot>{this.number}</slot>\n          </cura-label>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cura/p-0308cf6b.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as c,H as t}from"./p-fd5ed6b0.js";const s=":host .container{display:flex;width:20px;height:20px;min-width:16px;justify-content:center;align-items:center;border-radius:500px;background:var(--background-color)}";const a=s;const i=class{constructor(c){e(this,c);this.styles={};this.theme=window.CuraAPI.theme;this.number=undefined;this.color=undefined}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--background-color":this.theme.colors.getColor(this.color)})}render(){return c(t,{key:"a20934b4bec43ab7024e1bc4ad7537ff0d54b937"},c("div",{key:"a3fc8332932a117db4be61092050c3df3e4142bc",class:"container",style:this.styles},c("cura-label",{key:"ff53c0645348be0d392728778e3486c353243af5"},c("slot",{key:"f0774cc8f8ad07287b68bb3c59bf22cd4fc69755"},this.number))))}};i.style=a;export{i as cura_badge_number};
-//# sourceMappingURL=p-0308cf6b.entry.js.map

package/dist/cura/p-0308cf6b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaBadgeNumberCss","CuraBadgeNumberStyle0","CuraBadgeNumber","this","styles","theme","window","CuraAPI","connectedCallback","Object","assign","colors","getColor","color","render","h","Host","key","class","style","number"],"sources":["src/components/badges/cura-badge-number/cura-badge-number.scss?tag=cura-badge-number&encapsulation=shadow","src/components/badges/cura-badge-number/cura-badge-number.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n\n:host {\n  .container {\n    display: flex;\n    width: 20px;\n    height: 20px;\n    min-width: 16px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 500px;\n    background: var(--background-color);\n  }\n}\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-number',\n  styleUrl: 'cura-badge-number.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  @Prop({ reflect: true }) number: number | null\n  @Prop({ reflect: true }) color: string\n  styles = {};\n\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(this.color),\n    }\n  }\n\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-label>\n            <slot>{this.number}</slot>\n          </cura-label>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,wKAC3B,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAI1BC,KAAAC,OAAS,GAETD,KAAAE,MAAQC,OAAOC,QAAQF,M,2CAEvB,iBAAAG,GACEL,KAAKC,OAAMK,OAAAC,OAAAD,OAAAC,OAAA,GACNP,KAAKC,QAAM,CACd,qBAAsBD,KAAKE,MAAMM,OAAOC,SAAST,KAAKU,Q,CAK1D,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YAAYC,MAAOhB,KAAKC,QACjCW,EAAA,cAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,4CAAOd,KAAKiB,U","ignoreList":[]}