@reshape-biotech/design-system 0.0.30 → 0.0.32

package/dist/tailwind-safelist.d.ts

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

package/dist/tailwind-safelist.js

@@ -126,23 +126,43 @@ export const display = [
 	'py-1'
 ];
 
-export const rounded = ['rounded-full', 'rounded'];
+export const rounded = [
+	'rounded',
+	'rounded-full',
+	'rounded-lg',
+	'rounded-xl',
+	'rounded-2xl',
+	'rounded-md'
+];
 
 export const tables = ['table-fixed', 'table-auto'];
 
 export const flexLayout = [
 	'flex',
 	'inline-flex',
+	'block',
+	'inline-block',
 	'items-center',
+	'items-start',
+	'items-end',
 	'justify-center',
 	'justify-between',
 	'justify-start',
+	'justify-end',
 	'flex-1',
 	'flex-row',
 	'flex-col',
+	'gap-1',
 	'gap-2',
 	'gap-3',
+	'gap-4',
+	'space-x-1',
+	'space-x-2',
+	'space-x-3',
+	'space-x-4',
+	'space-y-1',
 	'space-y-2',
+	'space-y-3',
 	'space-y-4'
 ];
 
@@ -169,6 +189,7 @@ export const sizing = [
 	'h-4',
 	'h-5',
 	'h-6',
+	'h-7',
 	'h-8',
 	'h-10',
 	'h-11',
@@ -184,7 +205,10 @@ export const sizing = [
 	'w-full',
 	'min-w-5',
 	'min-w-7',
-	'size-5'
+	'size-4',
+	'size-5',
+	'size-6',
+	'sm:w-[460px]'
 ];
 
 export const positioning = ['absolute', 'relative', 'top-20', 'left-18', 'z-10', 'z-[1]'];
@@ -204,6 +228,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 +404,8 @@ export const safelist = [
 	...sizing,
 	...positioning,
 	...cursors,
-	...misc
+	...misc,
+	...daisyui
 ];
+
+export const responsive = ['sm:w-[460px]', 'md:flex', 'lg:block', 'sm:gap-2'];

package/package.json

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