do-ui-design-system 1.0.7 → 1.0.9

package/dist/atoms/Badge/Badge.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+	export let label: string = 'Texto';
+	export let maxLength: number | null = null;
+	export let customClass: string = '';
+	export let enableTooltip: boolean = false;
+	export let tooltipContent: string = '';
+
+	$: displayedText =
+		maxLength && label.length > maxLength ? label.slice(0, maxLength) + '…' : label;
+	$: isTruncated = maxLength && label.length > maxLength;
+</script>
+
+<!-- @component Badge
+  ```Svelte
+    <Badge label={label} maxLength={maxLength} customClass={customClass} enableTooltip={enableTooltip} tooltipContent={tooltipContent}>
+        <slot />
+    </Badge>
+  	```
+	- `label?`: string
+	- `maxLength?`: number | null - max length of the text, if exceeded it will be truncated and "…" will be added
+    - `customClass?`: string - additional custom class for styling
+	- `enableTooltip?`: boolean - if true, the tooltipContent content will be displayed
+	- `tooltipContent?`: any HTML content. The display will be triggered while hovering over the component
+
+-->
+<div class="do-badge-wrapper">
+	<div class={`do-badge do-badge-primary ${customClass}`} {...isTruncated ? { title: label } : {}}>
+		<span>
+			{displayedText}
+		</span>
+		<slot />
+		{#if enableTooltip}
+			<div class="do-badge-tooltip">
+				{@html tooltipContent}
+			</div>
+		{/if}
+	</div>
+</div>

package/dist/atoms/Badge/Badge.svelte.d.ts

@@ -0,0 +1,47 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+/**
+ * Badge
+ *  ```Svelte
+ *    <Badge label={label} maxLength={maxLength} customClass={customClass} enableTooltip={enableTooltip} tooltipContent={tooltipContent}>
+ *        <slot />
+ *    </Badge>
+ *  	```
+ * - `label?`: string
+ * - `maxLength?`: number | null - max length of the text, if exceeded it will be truncated and "…" will be added
+ *    - `customClass?`: string - additional custom class for styling
+ * - `enableTooltip?`: boolean - if true, the tooltipContent content will be displayed
+ * - `tooltipContent?`: any HTML content. The display will be triggered while hovering over the component
+ */
+declare const Badge: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    label?: string;
+    maxLength?: number | null;
+    customClass?: string;
+    enableTooltip?: boolean;
+    tooltipContent?: string;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Badge = InstanceType<typeof Badge>;
+export default Badge;
+//# sourceMappingURL=Badge.svelte.d.ts.map

package/dist/atoms/Badge/Badge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Badge/Badge.svelte.ts"],"names":[],"mappings":"AAgCA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,KAAK;YA5BkJ,MAAM;gBAAc,MAAM,GAAG,IAAI;kBAAgB,MAAM;oBAAkB,OAAO;qBAAmB,MAAM;;;;;;;cA4BtK,CAAC;AAC/E,KAAK,KAAK,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC;AAC1C,eAAe,KAAK,CAAC"}

package/dist/atoms/Badge/iProps.d.ts

@@ -0,0 +1,8 @@
+export interface iProps {
+    label: string;
+    maxLength: number | null | undefined;
+    customClass?: string;
+    enableTooltip?: boolean;
+    tooltipContent?: string;
+}
+//# sourceMappingURL=iProps.d.ts.map

package/dist/atoms/Badge/iProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iProps.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Badge/iProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/atoms/Badge/iProps.js

@@ -0,0 +1 @@
+export {};

package/dist/atoms/Counter/Counter.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	export let label: string = '10';
+</script>
+
+<!-- @component Counter
+  ```Svelte
+    <Counter label={label} />
+  	```
+	- `label?`: string - the text to display in the counter
+  - *If `label` is not provided, it defaults to '10'
+-->
+
+<div class="do-counter do-counter-primary">
+	<span>{label}</span>
+</div>

package/dist/atoms/Counter/Counter.svelte.d.ts

@@ -0,0 +1,29 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+/**
+ * Counter
+ *  ```Svelte
+ *    <Counter label={label} />
+ *  	```
+ * - `label?`: string - the text to display in the counter
+ *  - *If `label` is not provided, it defaults to '10'
+ */
+declare const Counter: $$__sveltets_2_IsomorphicComponent<{
+    label?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Counter = InstanceType<typeof Counter>;
+export default Counter;
+//# sourceMappingURL=Counter.svelte.d.ts.map

package/dist/atoms/Counter/Counter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Counter/Counter.svelte.ts"],"names":[],"mappings":"AAeA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD;;;;;;;GAOG;AACH,QAAA,MAAM,OAAO;YAlB8B,MAAM;;;kBAkB2C,CAAC;AAC3E,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}

package/dist/atoms/Counter/iProps.d.ts

@@ -0,0 +1,4 @@
+export interface iProps {
+    label: string;
+}
+//# sourceMappingURL=iProps.d.ts.map

package/dist/atoms/Counter/iProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iProps.d.ts","sourceRoot":"","sources":["../../../src/lib/atoms/Counter/iProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACtB,KAAK,EAAE,MAAM,CAAC;CACd"}

package/dist/atoms/Counter/iProps.js

@@ -0,0 +1 @@
+export {};

package/dist/atoms/index.d.ts

@@ -1,4 +1,6 @@
 import Button from "./Button/Button.svelte";
 import Icon from "./Icons/Icon.svelte";
-export { Button, Icon };
+import Badge from "./Badge/Badge.svelte";
+import Counter from "./Counter/Counter.svelte";
+export { Button, Icon, Badge, Counter };
 //# sourceMappingURL=index.d.ts.map

package/dist/atoms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,IAAI,MAAM,qBAAqB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC"}

package/dist/atoms/index.js

@@ -1,3 +1,5 @@
 import Button from "./Button/Button.svelte";
 import Icon from "./Icons/Icon.svelte";
-export { Button, Icon };
+import Badge from "./Badge/Badge.svelte";
+import Counter from "./Counter/Counter.svelte";
+export { Button, Icon, Badge, Counter };

package/dist/do-theme/badge.css

@@ -0,0 +1,53 @@
+.do-badge-wrapper {
+  position: relative;
+  display: inline-block;
+}
+
+.do-badge {
+	display: inline-flex;
+	padding: 6px 10px;
+	justify-content: center;
+	align-items: center;
+	border: 1px solid;
+	gap: 4px;
+	border-radius: 24px;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 500;
+	line-height: normal;
+}
+
+.do-badge-tooltip {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  background: var(--do-badge-tooltip-bg);
+  color: var(--do-badge-tooltip-content);
+  font-size: 12px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  white-space: nowrap;
+  margin-top: 4px;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease-in-out;
+  z-index: 10;
+}
+
+.do-badge-wrapper:hover .do-badge-tooltip {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.do-badge-primary {
+	color: var(--do-badge-primary-content);
+	border-color: var(--do-badge-primary-border);
+	background-color: var(--do-badge-primary-bg);
+}
+
+.do-badge-primary:hover,
+.do-badge-primary:focus {
+	color: var(--do-badge-primary-hover-content);
+	border-color: var(--do-badge-primary-border);
+	background-color: var(--do-badge-primary-hover-bg);
+}

package/dist/do-theme/counter.css

@@ -0,0 +1,18 @@
+.do-counter {
+	display: inline-flex;
+	padding: 2px 3px;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	border-radius: 48px;
+	font-size: 12px;
+	font-style: normal;
+	font-weight: 400;
+	line-height: normal;
+	align-self: stretch;
+}
+
+.do-counter-primary {
+    color: var(--do-counter-primary-content);
+    background-color: var(--do-counter-primary-bg);
+}

package/dist/do-theme/index.css

@@ -5,6 +5,8 @@
 @import "./button.css";
 @import "./border.css";
 @import "./color.css";
+@import "./badge.css";
+@import "./counter.css";
 
 /* 
   To modify themes (light and dark):

package/dist/do-theme/var-dark.css

@@ -46,7 +46,18 @@
 	--do-chip-content-hover: #FAFAFA;
 	--do-chip-bg-hover: #27272A;
 	
+	/*badge colors*/
+	--do-badge-primary-content: #FAFAFA;
+	--do-badge-primary-bg: #52525B;
+	--do-badge-primary-hover-content: #FAFAFA;
+	--do-badge-primary-hover-bg: #27272A;
+	--do-badge-primary-border: #71717A;
+	--do-badge-tooltip-content:#FAFAFA;
+	--do-badge-tooltip-bg:#71717A;
 
+	/*counter colors*/
+	--do-counter-primary-content:#FAFAFA;
+	--do-counter-primary-bg:#71717A;
 
 	/* base sizes */
 	--size-selector: 0.25rem;

package/dist/do-theme/var-light.css

@@ -49,6 +49,19 @@
 	--do-chip-content-hover: #fafafa;
 	--do-chip-bg-hover: #27272a;
 
+	/*badge colors*/
+	--do-badge-primary-content: #3F3F46;
+	--do-badge-primary-bg: #FAFAFA;
+	--do-badge-primary-hover-content:#FAFAFA;
+	--do-badge-primary-hover-bg: #52525B;
+	--do-badge-primary-border: #A3A3A3;
+	--do-badge-tooltip-content: #3F3F46;
+	--do-badge-tooltip-bg: #D4D4D8;
+	
+	/*counter colors*/
+	--do-counter-primary-content: #3F3F46;
+	--do-counter-primary-bg: #D4D4D8;
+
 	/* base sizes */
 	--size-selector: 0.25rem;
 	--size-field: 0.25rem;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Button, Icon } from './atoms/index.js';
-import { IconButton, ActionChip } from './molecules/index.js';
-export { Button, Icon, IconButton, ActionChip };
+import { Button, Icon, Counter, Badge } from './atoms/index.js';
+import { IconButton, CounterBadge } from './molecules/index.js';
+export { Button, Icon, Counter, Badge, IconButton, CounterBadge };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,UAAU,EAAE,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,UAAU,EAAE,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAC,CAAC"}

package/dist/index.js

@@ -1,3 +1,3 @@
-import { Button, Icon } from './atoms/index.js';
-import { IconButton, ActionChip } from './molecules/index.js';
-export { Button, Icon, IconButton, ActionChip };
+import { Button, Icon, Counter, Badge } from './atoms/index.js';
+import { IconButton, CounterBadge } from './molecules/index.js';
+export { Button, Icon, Counter, Badge, IconButton, CounterBadge };

package/dist/molecules/CounterBadge/CounterBadge.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import Badge from '../../atoms/Badge/Badge.svelte';
+	import Counter from '../../atoms/Counter/Counter.svelte';
+
+	export let badgeLabel: string = 'Texto';
+	export let badgeCustomClass: string = '';
+	export let counterLabel: string = '10';
+	export let enableTooltip: boolean = false;
+	export let maxLength: number | null = null;
+	export let tooltipContent: string = '';
+</script>
+
+<!-- @component CounterBadge
+  ```Svelte
+    <CounterBadge badgeLabel={badgeLabel} counterLabel={counterLabel} badgeCustomClass={badgeCustomClass} enableTooltip={enableTooltip} maxLength={maxLength} tooltipContent={tooltipContent} />
+  	```
+	- `badgeLabel?`: string
+	- `counterLabel?`: string
+    - `badgeCustomClass?`: string - additional custom class for styling
+    - `maxLength?`: number | null - max length of the text, if exceeded it will be truncated and "…" will be added
+    - `enableTooltip?`: boolean - if true, the tooltipContent content will be displayed
+	- `tooltipContent?`: any HTML content related to the counted elements to display while hovering
+-->
+
+<Badge label={badgeLabel} customClass={badgeCustomClass} {maxLength} {enableTooltip} {tooltipContent}>
+	<Counter label={counterLabel} />
+</Badge>

package/dist/molecules/CounterBadge/CounterBadge.svelte.d.ts

@@ -0,0 +1,38 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+/**
+ * CounterBadge
+ *  ```Svelte
+ *    <CounterBadge badgeLabel={badgeLabel} counterLabel={counterLabel} badgeCustomClass={badgeCustomClass} enableTooltip={enableTooltip} maxLength={maxLength} tooltipContent={tooltipContent} />
+ *  	```
+ * - `badgeLabel?`: string
+ * - `counterLabel?`: string
+ *    - `badgeCustomClass?`: string - additional custom class for styling
+ *    - `maxLength?`: number | null - max length of the text, if exceeded it will be truncated and "…" will be added
+ *    - `enableTooltip?`: boolean - if true, the tooltipContent content will be displayed
+ * - `tooltipContent?`: any HTML content related to the counted elements to display while hovering
+ */
+declare const CounterBadge: $$__sveltets_2_IsomorphicComponent<{
+    badgeLabel?: string;
+    badgeCustomClass?: string;
+    counterLabel?: string;
+    enableTooltip?: boolean;
+    maxLength?: number | null;
+    tooltipContent?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type CounterBadge = InstanceType<typeof CounterBadge>;
+export default CounterBadge;
+//# sourceMappingURL=CounterBadge.svelte.d.ts.map

package/dist/molecules/CounterBadge/CounterBadge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/CounterBadge/CounterBadge.svelte.ts"],"names":[],"mappings":"AA0BA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,YAAY;iBAtBiM,MAAM;uBAAqB,MAAM;mBAAiB,MAAM;oBAAkB,OAAO;gBAAc,MAAM,GAAG,IAAI;qBAAmB,MAAM;;;kBAsBvP,CAAC;AAChF,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,eAAe,YAAY,CAAC"}

package/dist/molecules/CounterBadge/iProps.d.ts

@@ -0,0 +1,9 @@
+export interface iProps {
+    badgeLabel: string;
+    badgeCustomClass: string;
+    counterLabel: string;
+    enableTooltip: boolean;
+    maxLength: number | null | undefined;
+    tooltipContent?: string;
+}
+//# sourceMappingURL=iProps.d.ts.map

package/dist/molecules/CounterBadge/iProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iProps.d.ts","sourceRoot":"","sources":["../../../src/lib/molecules/CounterBadge/iProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/molecules/CounterBadge/iProps.js

@@ -0,0 +1 @@
+export {};

package/dist/molecules/index.d.ts

@@ -1,4 +1,4 @@
 import IconButton from "./IconButton/IconButton.svelte";
-import ActionChip from "./ActionChip/ActionChip.svelte";
-export { IconButton, ActionChip };
+import CounterBadge from "./CounterBadge/CounterBadge.svelte";
+export { IconButton, CounterBadge };
 //# sourceMappingURL=index.d.ts.map

package/dist/molecules/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAExD,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}

package/dist/molecules/index.js

@@ -1,3 +1,4 @@
 import IconButton from "./IconButton/IconButton.svelte";
-import ActionChip from "./ActionChip/ActionChip.svelte";
-export { IconButton, ActionChip };
+// import ActionChip from "./ActionChip/ActionChip.svelte"; //agregar cuando se implemente en el figma del ds
+import CounterBadge from "./CounterBadge/CounterBadge.svelte";
+export { IconButton, CounterBadge };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "do-ui-design-system",
-	"version": "1.0.7",
+	"version": "1.0.9",
 	"description": "Design system en Svelte + CSS + Storybook",
 	"author": "Data Observatory",
 	"license": "MIT",