@reshape-biotech/design-system 0.0.29 → 0.0.31

package/dist/app.css

@@ -7,17 +7,17 @@
 		font-family: 'MD System Mono';
 		font-style: normal;
 		font-weight: 400;
-		src: url('./fonts/MDSystemMono-Regular.woff2') format('woff2');
+		src: url('/fonts/MDSystemMono-Regular.woff2') format('woff2');
 	}
 	@font-face {
 		font-family: 'MD System';
 		font-style: normal;
 		font-weight: 400;
-		src: url('./fonts/MDSystem-Regular.woff2') format('woff2');
+		src: url('/fonts/MDSystem-Regular.woff2') format('woff2');
 	}
 	@font-face {
 		font-family: 'MD System';
-		src: url('./fonts/MDSystem-Medium.woff2') format('woff2');
+		src: url('/fonts/MDSystem-Medium.woff2') format('woff2');
 		font-weight: 500;
 		font-style: normal;
 	}
@@ -25,7 +25,7 @@
 		font-family: 'MD System';
 		font-style: normal;
 		font-weight: 600;
-		src: url('./fonts/MDSystem-Semibold.woff2') format('woff2');
+		src: url('/fonts/MDSystem-Semibold.woff2') format('woff2');
 	}
 	body {
 		background-color: theme('backgroundColor.base');

package/dist/components/drawer/Drawer.stories.svelte

@@ -54,29 +54,6 @@
 	</div>
 </Story>
 
-<Story name="With Button">
-	<div class="py-12">
-		<Drawer id="my-drawer" controlled bind:open>
-			{#snippet trigger()}
-				<div>
-					<Button
-						onClick={() => {
-							open = !open;
-						}}>Export</Button
-					>
-				</div>
-			{/snippet}
-			{#snippet content()}
-				<div>
-					<div>
-						<p>Drawer content here</p>
-					</div>
-				</div>
-			{/snippet}
-		</Drawer>
-	</div>
-</Story>
-
 <Story name="Open Left">
 	<div class="py-12">
 		<Drawer id="my-drawer" side="left">

package/dist/components/drawer/Drawer.svelte

@@ -38,7 +38,7 @@
 	</div>
 	<div class="drawer-side" inert={controlled ? !open : false}>
 		<label for={id} aria-label="close sidebar" class="drawer-overlay"></label>
-		<div class="h-screen w-full bg-base sm:w-[460px]">
+		<div class="h-screen bg-base sm:w-[460px]">
 			{@render content?.()}
 		</div>
 	</div>

package/dist/tailwind-safelist.d.ts

@@ -17,4 +17,5 @@ export const sizing: string[];
 export const positioning: string[];
 export const cursors: string[];
 export const misc: string[];
+export const daisyui: string[];
 export const safelist: string[];

package/dist/tailwind-safelist.js

@@ -204,6 +204,162 @@ export const misc = [
 	'[&>svg]:h-5'
 ];
 
+// Setting all daisyui classes here so we can add them to the safelist
+export const daisyui = [
+	// Actions
+	'btn',
+	'btn-primary',
+	'btn-secondary',
+	'btn-accent',
+	'btn-info',
+	'btn-success',
+	'btn-warning',
+	'btn-error',
+	'btn-ghost',
+	'btn-link',
+	'btn-outline',
+	'btn-active',
+	'btn-disabled',
+	'btn-lg',
+	'btn-md',
+	'btn-sm',
+	'btn-xs',
+	'btn-circle',
+	'btn-square',
+
+	// Dropdown
+	'dropdown',
+	'dropdown-content',
+	'dropdown-end',
+	'dropdown-top',
+	'dropdown-bottom',
+	'dropdown-left',
+	'dropdown-right',
+	'dropdown-hover',
+	'dropdown-open',
+
+	// Modal
+	'modal',
+	'modal-box',
+	'modal-action',
+	'modal-backdrop',
+	'modal-open',
+	'modal-toggle',
+
+	// Data Display
+	'avatar',
+	'avatar-group',
+	'badge',
+	'badge-primary',
+	'badge-secondary',
+	'badge-accent',
+	'badge-outline',
+	'card',
+	'card-title',
+	'card-body',
+	'card-actions',
+	'carousel',
+	'carousel-item',
+	'collapse',
+	'collapse-title',
+	'collapse-content',
+	'table',
+	'table-zebra',
+	'table-pin-rows',
+	'table-pin-cols',
+
+	// Navigation
+	'menu',
+	'menu-title',
+	'menu-dropdown',
+	'menu-horizontal',
+	'menu-vertical',
+	'navbar',
+	'navbar-start',
+	'navbar-center',
+	'navbar-end',
+	'tabs',
+	'tab',
+	'tab-active',
+	'tab-disabled',
+
+	// Feedback
+	'alert',
+	'alert-info',
+	'alert-success',
+	'alert-warning',
+	'alert-error',
+	'loading',
+	'skeleton',
+	'progress',
+	'radial-progress',
+	'toast',
+	'toast-start',
+	'toast-center',
+	'toast-end',
+	'tooltip',
+	'tooltip-open',
+
+	// Data Input
+	'checkbox',
+	'checkbox-primary',
+	'checkbox-secondary',
+	'checkbox-accent',
+	'input',
+	'input-bordered',
+	'input-primary',
+	'input-secondary',
+	'input-accent',
+	'input-error',
+	'input-disabled',
+	'input-lg',
+	'input-md',
+	'input-sm',
+	'input-xs',
+	'radio',
+	'radio-primary',
+	'radio-secondary',
+	'radio-accent',
+	'range',
+	'range-primary',
+	'range-secondary',
+	'range-accent',
+	'select',
+	'select-bordered',
+	'select-primary',
+	'select-secondary',
+	'select-accent',
+	'toggle',
+	'toggle-primary',
+	'toggle-secondary',
+	'toggle-accent',
+
+	// Layout
+	'drawer',
+	'drawer-toggle',
+	'drawer-content',
+	'drawer-side',
+	'drawer-overlay',
+	'drawer-end',
+	'footer',
+	'footer-title',
+	'footer-center',
+	'hero',
+	'hero-content',
+	'hero-overlay',
+	'indicator',
+	'indicator-item',
+	'indicator-start',
+	'indicator-center',
+	'indicator-end',
+	'divider',
+	'divider-horizontal',
+	'divider-vertical',
+	'join',
+	'join-item',
+	'stack'
+];
+
 // Export all arrays as a single safelist
 export const safelist = [
 	...textColors,
@@ -224,5 +380,6 @@ export const safelist = [
 	...sizing,
 	...positioning,
 	...cursors,
-	...misc
+	...misc,
+	...daisyui
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reshape-biotech/design-system",
-	"version": "0.0.29",
+	"version": "0.0.31",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",