do-ui-design-system 1.1.14 → 1.1.16

package/dist/do-theme/form.css

@@ -39,4 +39,57 @@
   .do-select {
       background-color: #27272A;
       border: 1px solid #52525B;
+  }
+
+  .do-checkbox {
+      width: 16px;
+      height: 16px;
+      padding: 0;
+      margin: 0;
+      cursor: pointer;
+      position: relative;
+      appearance: none;
+      -webkit-appearance: none;
+  }
+
+  .do-checkbox::before {
+      content: '';
+      display: block;
+      width: 16px;
+      height: 16px;
+      background-color: var(--Zinc-400, #a1a1aa);
+      border: 1px solid var(--Zinc-800, #27272a);
+      border-radius: 3.5px;
+      box-sizing: border-box;
+  }
+
+  .do-checkbox::after {
+      content: '';
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      background-repeat: no-repeat;
+      background-position: center;
+      display: none;
+  }
+
+  .do-checkbox:indeterminate::after {
+      background-color: var(--Zinc-400, #a1a1aa);
+      width: 10px;
+      height: 2px;
+      display: block;
+      background-color: var(--Zinc-800, #27272a);
+      border-radius: 3.5px;
+  }
+
+  .do-checkbox:checked::after {
+      display: block;
+      width: 16px;
+      height: 16px;
+      top: 0;
+      left: 0;
+      transform: none;
+      background-color: transparent;
+      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path d="M13 4.5L6.7 11.7L4 9" stroke="%233F3F46" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
   }

package/dist/do-theme/table.css

@@ -12,6 +12,10 @@
         }
     }
 
+    .do-table-wrapper {
+        overflow-x: auto;
+    }
+
     .do-table__content {
         border-radius: 12px;
         overflow: hidden;
@@ -31,11 +35,13 @@
             font-size: 1rem;
             font-weight: 500;
             cursor: pointer;
-            user-select: none;
-            white-space: nowrap;
             transition: color 0.15s;
             color: #ffffff;
 
+            &:not(.col-check):not(.do-table__content__th-action) {
+                min-width: 120px;
+            }
+
             .do-table__content__th__sort {
                 display: inline-block;
                 font-size: 0.8rem;
@@ -67,7 +73,7 @@
 
         .col-check {
             padding: 0.75rem 1rem;
-            width: 1rem;
+            width: 1px;
         }
 
         .do-row {
@@ -93,17 +99,24 @@
 
         .do-table__content__th-filter {
             padding: 0.2rem 0.5rem;
-            max-width: 90%;
+
+            input {
+                max-width: 80%;
+            }
         }
 
         .do-table__content__th-action {
             padding: 0.2rem 0.5rem;
-            max-width: 1rem;
+            width: 1px;
         }
 
         td {
             padding: 0.75rem 1rem;
             color: inherit;
+
+            &:not(.col-check):not(.do-table__content__th-action) {
+                min-width: 120px;
+            }
         }
 
         td:first-child {
@@ -135,12 +148,75 @@
         font-size: 1rem;
 
         .selected-count {
-            color: #6366f1;
+            color: #5e5e5e;
         }
 
         .sort-label strong {
-            color: #6366f1;
+            color: #5e5e5e;
             font-weight: 500;
         }
     }
+
+    .do-table__header__dates {
+        display: flex;
+        align-items: flex-end;
+        gap: 0.75rem;
+        flex-wrap: wrap;
+    }
+
+    .do-table__date-toggle {
+        display: flex;
+        border: 1px solid var(--do-border, #3f3f46);
+        border-radius: 6px;
+        overflow: hidden;
+    }
+
+    .do-table__date-toggle__btn {
+        padding: 0.375rem 0.75rem;
+        font-size: 0.875rem;
+        background: transparent;
+        border: none;
+        cursor: pointer;
+        color: inherit;
+        transition: background 0.15s;
+
+        &.active {
+            background: var(--do-bg-secondary, #3f3f46);
+        }
+
+        &:hover:not(.active) {
+            background: var(--do-bg-secondary-hover, #52525b);
+        }
+    }
+
+    .do-table__date-range {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+        position: relative;
+    }
+
+    .do-table__date-fields {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        flex-wrap: wrap;
+        position: relative;
+
+        .do-table__date-fields__field {
+            display: flex;
+            flex-direction: column;
+            gap: 0.25rem;
+        }
+    }
+
+    .do-table__date-error {
+        position: absolute;
+        white-space: nowrap;
+        bottom: -1rem;
+        left: 0;
+        font-size: 0.75rem;
+        color: red;
+    }
 }

package/dist/organisms/TableBasic/TableBasic.svelte

@@ -1,40 +1,25 @@
 <script lang="ts">
-	import { Button, Chip, Icon } from '../../atoms/index.js';
+	import { Button, Icon } from '../../atoms/index.js';
 	import type { IconNames } from '../../do-theme/index.ts';
 	import IconButton from '../../molecules/IconButton/IconButton.svelte';
 	import Pagination from '../../molecules/Pagination/Pagination.svelte';
-
-	type SortDirection = 'asc' | 'desc' | null;
-
-	type TagConfig<T> = {
-		column: keyof T;
-		label: string;
-	};
-
-	export type HeaderAction = {
-		icon: IconNames;
-		label: string;
-		onClick: () => void;
-	};
-
-	export type ActionColumnDef<T> = {
-		key: string;
-		icon: IconNames;
-		label?: string;
-		showHeader?: boolean;
-		onClick: (row: T) => void;
-	};
-
-	export type ColumnDef<T> = {
-		key: keyof T;
-		label: string;
-	};
-
-	type Props<T extends { id: string | number }> = {
+	import type {
+		SortDirection,
+		DateMode,
+		TagConfig,
+		DateConfig,
+		HeaderAction,
+		ActionColumnDef,
+		ColumnDef,
+		TableProps
+	} from './TableBasic.types.ts';
+
+	type Props<T extends Record<string, any>> = {
 		data: T[];
 		columns: ColumnDef<T>[];
 		actionColumns?: ActionColumnDef<T>[];
 		tagConfig?: TagConfig<T>;
+		dateConfig?: DateConfig<T>;
 		idKey?: keyof T;
 		headerActions?: HeaderAction[];
 		pageSize?: number;
@@ -47,9 +32,10 @@
 		columns = [],
 		actionColumns = [],
 		tagConfig,
+		dateConfig,
 		idKey = 'id',
 		headerActions = [],
-		pageSize = 5,
+		pageSize = 25,
 		showCheckbox = true,
 		onSelectionChange
 	}: Props<any> = $props();
@@ -59,6 +45,31 @@
 	let selected: Set<string | number> = $state(new Set());
 	let columnFilters: Record<string, string> = $state({});
 
+	const dateMode = $derived(dateConfig?.mode ?? 'year');
+	let dateFrom: string = $state('');
+	let dateTo: string = $state('');
+	const currentYear = new Date().getFullYear();
+	const years = Array.from({ length: 30 }, (_, i) => String(currentYear - i));
+
+	const clearDates = () => {
+		dateFrom = '';
+		dateTo = '';
+	};
+
+	let dateError: string = $state('');
+
+	$effect(() => {
+		if (dateFrom && dateTo) {
+			if (dateFrom > dateTo) {
+				dateError = 'Fecha inicio debe ser menor o igual a fecha fin';
+			} else {
+				dateError = '';
+			}
+		} else {
+			dateError = '';
+		}
+	});
+
 	const tagOptions = $derived(() => {
 		if (!tagConfig?.column) return [];
 		return [...new Set(data.map((row) => String(row[tagConfig?.column])))];
@@ -72,6 +83,10 @@
 		activeTags = next;
 	};
 
+	const clearTags = () => {
+		activeTags = new Set();
+	};
+
 	const filtered = $derived(() => {
 		return data.filter((row) => {
 			const passesTag = activeTags.size === 0 || activeTags.has(String(row[tagConfig?.column!]));
@@ -82,7 +97,33 @@
 				return String(row[col.key]).toLowerCase().includes(filterVal.toLowerCase());
 			});
 
-			return passesTag && passesColumns;
+			const passesDate = (() => {
+				if (!dateConfig || (!dateFrom && !dateTo) || dateError) return true;
+
+				const normalize = (val: string) =>
+					dateMode === 'year' && val.length > 4
+						? new Date(val).getFullYear().toString()
+						: val;
+
+				if (dateConfig.columnFrom && dateConfig.columnTo) {
+					const from = normalize(String(row[dateConfig.columnFrom]));
+					const to = normalize(String(row[dateConfig.columnTo]));
+					if (dateFrom && from < dateFrom) return false;
+					if (dateTo && to > dateTo) return false;
+				} else if (dateConfig.columnFrom) {
+					const from = normalize(String(row[dateConfig.columnFrom]));
+					if (dateFrom && from < dateFrom) return false;
+					if (dateTo && from > dateTo) return false;
+				} else if (dateConfig.columnTo) {
+					const to = normalize(String(row[dateConfig.columnTo]));
+					if (dateFrom && to < dateFrom) return false;
+					if (dateTo && to > dateTo) return false;
+				}
+
+				return true;
+			})();
+
+			return passesTag && passesColumns && passesDate;
 		});
 	});
 
@@ -165,46 +206,23 @@
 		pagination.currentPage = 1;
 	};
 
-	const clearTags = () => {
-		activeTags = new Set();
-	};
-
 	let columnName = columns.find((c) => c.key === tagConfig?.column)?.label;
 </script>
 
-<!-- @component
-  ```Svelte
-  <TableBasic 
-	data={[{  "customID": "...",  "otherProperty": "..." }]}
-	tagColumn="name"
-	idKey="customID"
-	showCheckbox
-	onSelectionChange={onSelectionChange}
-	/>
-  	```
-	- `data`: Object[]
-	- `tagColumn?`: string
-	- `idKey?`: string
-	- `showCheckbox?`: boolean
-	- `onSelectionChange`: () => void
--->
-
 <div class="do-table">
 	<section class="do-table__header">
 		{#if tagConfig?.column}
 			<div class="do-table__header__tags">
 				{#if tagConfig.label}
 					<Button
-						label={tagConfig?.label}
+						label={tagConfig.label}
 						ariaLabel="Ver todos"
 						rounded
 						variant={activeTags.size === 0 ? 'do-btn-accent' : 'do-btn-primary'}
 						onClick={clearTags}
 					/>
 				{:else}
-					<p>
-						{columnName}:
-					</p>
+					<p>{columnName}:</p>
 				{/if}
 				{#each tagOptions() as value}
 					<Button
@@ -218,6 +236,55 @@
 			</div>
 		{/if}
 
+		{#if dateConfig}
+			<div class="do-table__header__dates">
+				<div class="do-table__date-range">
+					<h5>Rango fechas</h5>
+					<div class="do-table__date-fields">
+						<div class="do-table__date-fields__field">
+							{#if dateMode === 'year'}
+								<select bind:value={dateFrom} class="do-select">
+									<option value="">Desde</option>
+									{#each years as year}
+										<option value={year}>{year}</option>
+									{/each}
+								</select>
+							{:else}
+								<input type="date" bind:value={dateFrom} class="do-input" />
+							{/if}
+						</div>
+
+						<div class="do-table__date-fields__field">
+							{#if dateMode === 'year'}
+								<select bind:value={dateTo} class="do-select">
+									<option value="">Hasta</option>
+									{#each years as year}
+										<option value={year}>{year}</option>
+									{/each}
+								</select>
+							{:else}
+								<input type="date" bind:value={dateTo} class="do-input" />
+							{/if}
+						</div>
+
+						{#if dateError}
+							<span class="do-table__date-error">{dateError}</span>
+						{/if}
+					</div>
+
+					{#if dateFrom || dateTo}
+						<IconButton
+							iconName="icon-close"
+							ariaLabel="limpiar fechas"
+							variant="do-btn-secondary"
+							circle
+							onClick={clearDates}
+						/>
+					{/if}
+				</div>
+			</div>
+		{/if}
+
 		{#if headerActions.length}
 			<div class="do-table__actions">
 				{#each headerActions as action}
@@ -226,7 +293,6 @@
 						ariaLabel={action.label}
 						label={action.label}
 						variant="do-btn-accent"
-						title="descargar"
 						onClick={action.onClick}
 					/>
 				{/each}
@@ -270,16 +336,15 @@
 						</th>
 					{/each}
 					{#each actionColumns as col}
-						<th class="do-table__content__th">
+						<th class="do-table__content__th do-table__content__th-action">
 							{col.showHeader !== false ? (col.label ?? '') : ''}
 						</th>
 					{/each}
 				</tr>
 
-				<!--filtros x columna -->
 				<tr class="do-table__content__filters">
 					{#if showCheckbox}
-						<th class=""></th>
+						<th></th>
 					{/if}
 					{#each columns as col}
 						<th class="do-table__content__th-filter">
@@ -298,6 +363,9 @@
 							/>
 						</th>
 					{/each}
+					{#each actionColumns as _}
+						<th></th>
+					{/each}
 				</tr>
 			</thead>
 
@@ -306,7 +374,7 @@
 					{@const isSelected = selected.has(row[idKey])}
 					<tr class="do-row" class:selected={isSelected}>
 						{#if showCheckbox}
-							<td class="">
+							<td class="col-check">
 								<input
 									type="checkbox"
 									class="do-checkbox"
@@ -318,12 +386,11 @@
 						{#each columns as col}
 							<td>{row[col.key]}</td>
 						{/each}
-
 						{#each actionColumns as col}
 							<td class="do-table__content__th-action">
 								<IconButton
 									iconName={col.icon}
-									ariaLabel="ver capa"
+									ariaLabel="ver fila"
 									title={col.label}
 									square
 									onClick={() => col.onClick(row)}
@@ -344,9 +411,9 @@
 					: `${filtered().length} de ${data.length} registros`}
 			</span>
 			{#if selected.size > 0}
-				<span class="selected-count"
-					>{selected.size} seleccionado{selected.size > 1 ? 's' : ''}</span
-				>
+				<span class="selected-count">
+					{selected.size} seleccionado{selected.size > 1 ? 's' : ''}
+				</span>
 			{/if}
 			{#if sortKey}
 				<span class="sort-label">
@@ -356,7 +423,6 @@
 				</span>
 			{/if}
 		</div>
-
 		<div class="do-table_footer__right">
 			<Pagination {pagination} {goToPage} {pageSizeChange} />
 		</div>

package/dist/organisms/TableBasic/TableBasic.svelte.d.ts

@@ -1,53 +1,16 @@
-import type { IconNames } from '../../do-theme/index.ts';
-type TagConfig<T> = {
-    column: keyof T;
-    label: string;
-};
-export type HeaderAction = {
-    icon: IconNames;
-    label: string;
-    onClick: () => void;
-};
-export type ActionColumnDef<T> = {
-    key: string;
-    icon: IconNames;
-    label?: string;
-    showHeader?: boolean;
-    onClick: (row: T) => void;
-};
-export type ColumnDef<T> = {
-    key: keyof T;
-    label: string;
-};
-type Props<T extends {
-    id: string | number;
-}> = {
+import type { TagConfig, DateConfig, HeaderAction, ActionColumnDef, ColumnDef } from './TableBasic.types.ts';
+type Props<T extends Record<string, any>> = {
     data: T[];
     columns: ColumnDef<T>[];
     actionColumns?: ActionColumnDef<T>[];
     tagConfig?: TagConfig<T>;
+    dateConfig?: DateConfig<T>;
     idKey?: keyof T;
     headerActions?: HeaderAction[];
     pageSize?: number;
     showCheckbox?: boolean;
     onSelectionChange?: (ids: (string | number)[]) => void;
 };
-/**
- * ```Svelte
- *  <TableBasic
- * data={[{  "customID": "...",  "otherProperty": "..." }]}
- * tagColumn="name"
- * idKey="customID"
- * showCheckbox
- * onSelectionChange={onSelectionChange}
- * />
- *  	```
- * - `data`: Object[]
- * - `tagColumn?`: string
- * - `idKey?`: string
- * - `showCheckbox?`: boolean
- * - `onSelectionChange`: () => void
- */
 declare const TableBasic: import("svelte").Component<Props<any>, {}, "">;
 type TableBasic = ReturnType<typeof TableBasic>;
 export default TableBasic;

package/dist/organisms/TableBasic/TableBasic.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBasic.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/organisms/TableBasic/TableBasic.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAOvD,KAAK,SAAS,CAAC,CAAC,IAAI;IACnB,MAAM,EAAE,MAAM,CAAC,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IAC1B,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,KAAK,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,IAAI;IAC/C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CACvD,CAAC;AA8QH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"TableBasic.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/organisms/TableBasic/TableBasic.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAGV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EAET,MAAM,uBAAuB,CAAC;AAG/B,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAC3C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CACvD,CAAC;AAuWH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/organisms/TableBasic/TableBasic.types.d.ts

@@ -0,0 +1,41 @@
+import type { IconNames } from "../../do-theme/index.ts";
+export type SortDirection = 'asc' | 'desc' | null;
+export type DateMode = 'year' | 'date';
+export type TagConfig<T> = {
+    column: keyof T;
+    label: string;
+};
+export type DateConfig<T> = {
+    columnFrom?: keyof T;
+    columnTo?: keyof T;
+    mode?: DateMode;
+};
+export type HeaderAction = {
+    icon: IconNames;
+    label: string;
+    onClick: () => void;
+};
+export type ActionColumnDef<T> = {
+    key: string;
+    icon: IconNames;
+    label?: string;
+    showHeader?: boolean;
+    onClick: (row: T) => void;
+};
+export type ColumnDef<T> = {
+    key: keyof T;
+    label: string;
+};
+export type TableProps<T extends Record<string, any>> = {
+    data: T[];
+    columns: ColumnDef<T>[];
+    actionColumns?: ActionColumnDef<T>[];
+    tagConfig?: TagConfig<T>;
+    dateConfig?: DateConfig<T>;
+    idKey?: keyof T;
+    headerActions?: HeaderAction[];
+    pageSize?: number;
+    showCheckbox?: boolean;
+    onSelectionChange?: (ids: (string | number)[]) => void;
+};
+//# sourceMappingURL=TableBasic.types.d.ts.map

package/dist/organisms/TableBasic/TableBasic.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBasic.types.d.ts","sourceRoot":"","sources":["../../../src/lib/organisms/TableBasic/TableBasic.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAClD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACvB,MAAM,EAAE,MAAM,CAAC,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACvB,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IACpD,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;IAChB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CAC1D,CAAC"}

package/dist/organisms/TableBasic/TableBasic.types.js

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

package/package.json

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