@reshape-biotech/design-system 1.2.6 → 1.2.7

package/dist/tailwind-safelist.js

@@ -3,124 +3,124 @@
 // Read more here: https://daisyui.com/blog/most-common-mistake-when-using-tailwind-css/
 
 export const textColors = [
-	'text-primary',
-	'text-primary-inverse',
-	'text-secondary',
-	'text-secondary-inverse',
-	'text-tertiary',
-	'text-tertiary-inverse',
-	'text-accent',
-	'text-success',
-	'text-warning',
-	'text-danger'
+  'text-primary',
+  'text-primary-inverse',
+  'text-secondary',
+  'text-secondary-inverse',
+  'text-tertiary',
+  'text-tertiary-inverse',
+  'text-accent',
+  'text-success',
+  'text-warning',
+  'text-danger',
 ];
 
 export const iconColors = [
-	'text-icon-primary',
-	'text-icon-primary-inverse',
-	'text-icon-secondary',
-	'text-icon-tertiary',
-	'text-icon-accent',
-	'text-icon-success',
-	'text-icon-warning',
-	'text-icon-danger',
-	'text-icon-blue',
-	'text-icon-orange',
-	'text-icon-sky'
+  'text-icon-primary',
+  'text-icon-primary-inverse',
+  'text-icon-secondary',
+  'text-icon-tertiary',
+  'text-icon-accent',
+  'text-icon-success',
+  'text-icon-warning',
+  'text-icon-danger',
+  'text-icon-blue',
+  'text-icon-orange',
+  'text-icon-sky',
 ];
 
 export const backgroundColors = [
-	'bg-surface',
-	'bg-surface-secondary',
-	'bg-base',
-	'bg-base-inverse',
-	'bg-neutral',
-	'bg-neutral-hover',
-	'bg-neutral-darker',
-	'bg-neutral-darker-hover',
-	'bg-neutral-inverse',
-	'bg-neutral-inverse-hover',
-	'bg-accent',
-	'bg-accent-hover',
-	'bg-accent-inverse',
-	'bg-accent-inverse-hover',
-	'bg-success',
-	'bg-success-hover',
-	'bg-success-inverse',
-	'bg-success-inverse-hover',
-	'bg-warning',
-	'bg-warning-hover',
-	'bg-warning-inverse',
-	'bg-warning-inverse-hover',
-	'bg-danger',
-	'bg-danger-hover',
-	'bg-danger-inverse',
-	'bg-danger-inverse-hover',
-	'bg-blue',
-	'bg-blue-hover',
-	'bg-blue-inverse',
-	'bg-orange',
-	'bg-orange-hover',
-	'bg-orange-inverse',
-	'bg-orange-inverse-hover',
-	'bg-sky',
-	'bg-sky-hover',
-	'bg-sky-inverse',
-	'bg-sky-inverse-hover',
-	'bg-pink-inverse',
-	'bg-lime-inverse'
+  'bg-surface',
+  'bg-surface-secondary',
+  'bg-base',
+  'bg-base-inverse',
+  'bg-neutral',
+  'bg-neutral-hover',
+  'bg-neutral-darker',
+  'bg-neutral-darker-hover',
+  'bg-neutral-inverse',
+  'bg-neutral-inverse-hover',
+  'bg-accent',
+  'bg-accent-hover',
+  'bg-accent-inverse',
+  'bg-accent-inverse-hover',
+  'bg-success',
+  'bg-success-hover',
+  'bg-success-inverse',
+  'bg-success-inverse-hover',
+  'bg-warning',
+  'bg-warning-hover',
+  'bg-warning-inverse',
+  'bg-warning-inverse-hover',
+  'bg-danger',
+  'bg-danger-hover',
+  'bg-danger-inverse',
+  'bg-danger-inverse-hover',
+  'bg-blue',
+  'bg-blue-hover',
+  'bg-blue-inverse',
+  'bg-orange',
+  'bg-orange-hover',
+  'bg-orange-inverse',
+  'bg-orange-inverse-hover',
+  'bg-sky',
+  'bg-sky-hover',
+  'bg-sky-inverse',
+  'bg-sky-inverse-hover',
+  'bg-pink-inverse',
+  'bg-lime-inverse',
 ];
 
 export const borders = [
-	'border-static',
-	'border-interactive',
-	'border-hover',
-	'border-focus',
-	'border-danger',
-	'border-input',
-	'border-transparent',
-	'border-blue-inverse',
-	'border-orange-inverse',
-	'border-pink-inverse',
-	'border-lime-inverse',
-	'border-neutral-light'
+  'border-static',
+  'border-interactive',
+  'border-hover',
+  'border-focus',
+  'border-danger',
+  'border-input',
+  'border-transparent',
+  'border-blue-inverse',
+  'border-orange-inverse',
+  'border-pink-inverse',
+  'border-lime-inverse',
+  'border-neutral-light',
 ];
 
 export const shadows = [
-	'shadow',
-	'shadow-none',
-	'shadow-menu',
-	'shadow-nav',
-	'shadow-calendar',
-	'shadow-container',
-	'shadow-panel',
-	'shadow-input',
-	'shadow-outline',
-	'shadow-focus'
+  'shadow',
+  'shadow-none',
+  'shadow-menu',
+  'shadow-nav',
+  'shadow-calendar',
+  'shadow-container',
+  'shadow-panel',
+  'shadow-input',
+  'shadow-outline',
+  'shadow-focus',
 ];
 
 export const textSizes = [
-	'text-xxs',
-	'text-xs',
-	'text-sm',
-	'text-md',
-	'text-lg',
-	'text-xl',
-	'text-2xl',
-	'text-3xl',
-	'text-4xl'
+  'text-xxs',
+  'text-xs',
+  'text-sm',
+  'text-md',
+  'text-lg',
+  'text-xl',
+  'text-2xl',
+  'text-3xl',
+  'text-4xl',
 ];
 
 export const fonts = ['font-medium', 'font-semibold', 'font-bold', 'font-normal'];
 
 export const badges = [
-	'badge-neutral',
-	'badge-success',
-	'badge-warning',
-	'badge-progress',
-	'badge-error',
-	'badge-md',
-	'badge-sm'
+  'badge-neutral',
+  'badge-success',
+  'badge-warning',
+  'badge-progress',
+  'badge-error',
+  'badge-md',
+  'badge-sm',
 ];
 
 export const tooltips = ['tooltip-top', 'tooltip-right', 'tooltip-bottom', 'tooltip-left'];
@@ -128,24 +128,24 @@ export const tooltips = ['tooltip-top', 'tooltip-right', 'tooltip-bottom', 'tool
 export const sizes = ['h-5', 'w-5', 'min-w-5', 'h-7', 'w-7', 'min-w-7'];
 
 export const display = [
-	'flex',
-	'grow',
-	'items-center',
-	'justify-center',
-	'flex-row',
-	'flex-col',
-	'px-0.5',
-	'px-2',
-	'py-1'
+  'flex',
+  'grow',
+  'items-center',
+  'justify-center',
+  'flex-row',
+  'flex-col',
+  'px-0.5',
+  'px-2',
+  'py-1',
 ];
 
 export const rounded = [
-	'rounded',
-	'rounded-full',
-	'rounded-lg',
-	'rounded-xl',
-	'rounded-2xl',
-	'rounded-md'
+  'rounded',
+  'rounded-full',
+  'rounded-lg',
+  'rounded-xl',
+  'rounded-2xl',
+  'rounded-md',
 ];
 
 export const tables = ['table-fixed', 'table-auto'];
@@ -153,84 +153,84 @@ export const tables = ['table-fixed', 'table-auto'];
 export const leading = ['leading-4', 'leading-5', 'leading-6', 'leading-7'];
 
 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',
-	'text-left',
-	'text-right',
-	'text-center',
-	'text-base',
-	'gap-1',
-	'gap-1.5',
-	'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'
+  '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',
+  'text-left',
+  'text-right',
+  'text-center',
+  'text-base',
+  'gap-1',
+  'gap-1.5',
+  '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',
 ];
 
 export const spacing = [
-	'p-1',
-	'p-2',
-	'p-3',
-	'p-4',
-	'px-0',
-	'px-2',
-	'px-3',
-	'px-5',
-	'px-6',
-	'py-0',
-	'py-1',
-	'py-2',
-	'py-3',
-	'py-4',
-	'py-12',
-	'mb-2'
+  'p-1',
+  'p-2',
+  'p-3',
+  'p-4',
+  'px-0',
+  'px-2',
+  'px-3',
+  'px-5',
+  'px-6',
+  'py-0',
+  'py-1',
+  'py-2',
+  'py-3',
+  'py-4',
+  'py-12',
+  'mb-2',
 ];
 
 export const sizing = [
-	'h-4',
-	'h-5',
-	'h-6',
-	'h-7',
-	'h-8',
-	'h-10',
-	'h-11',
-	'h-12',
-	'h-16',
-	'h-28',
-	'h-screen',
-	'w-0.5',
-	'w-4',
-	'w-5',
-	'w-6',
-	'w-7',
-	'w-8',
-	'w-10',
-	'w-full',
-	'min-w-5',
-	'min-w-7',
-	'size-4',
-	'size-5',
-	'size-6',
-	'sm:w-[460px]'
+  'h-4',
+  'h-5',
+  'h-6',
+  'h-7',
+  'h-8',
+  'h-10',
+  'h-11',
+  'h-12',
+  'h-16',
+  'h-28',
+  'h-screen',
+  'w-0.5',
+  'w-4',
+  'w-5',
+  'w-6',
+  'w-7',
+  'w-8',
+  'w-10',
+  'w-full',
+  'min-w-5',
+  'min-w-7',
+  'size-4',
+  'size-5',
+  'size-6',
+  'sm:w-[460px]',
 ];
 
 export const positioning = ['absolute', 'relative', 'top-20', 'left-18', 'z-10', 'z-[1]'];
@@ -238,222 +238,222 @@ export const positioning = ['absolute', 'relative', 'top-20', 'left-18', 'z-10',
 export const cursors = ['cursor-pointer', 'cursor-wait', 'cursor-default'];
 
 export const misc = [
-	'overflow-hidden',
-	'overflow-x-auto',
-	'duration-150',
-	'active:red',
-	'active:bg-neutral',
-	'active:bg-neutral-inverse',
-	'[&>*>.control-button]:flex-col',
-	'[&>svg]:w-4',
-	'[&>svg]:h-4',
-	'[&>svg]:w-5',
-	'[&>svg]:h-5'
+  'overflow-hidden',
+  'overflow-x-auto',
+  'duration-150',
+  'active:red',
+  'active:bg-neutral',
+  'active:bg-neutral-inverse',
+  '[&>*>.control-button]:flex-col',
+  '[&>svg]:w-4',
+  '[&>svg]:h-4',
+  '[&>svg]:w-5',
+  '[&>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'
+  // 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',
 ];
 
 // Add hover variants
 export const hoverVariants = [
-	'hover:bg-neutral',
-	'hover:bg-neutral-hover',
-	'hover:bg-neutral-darker-hover',
-	'hover:bg-neutral-inverse-hover',
-	'hover:bg-accent-hover',
-	'hover:bg-accent-inverse-hover',
-	'hover:bg-success-hover',
-	'hover:bg-success-inverse-hover',
-	'hover:bg-warning-hover',
-	'hover:bg-warning-inverse-hover',
-	'hover:bg-danger-hover',
-	'hover:bg-danger-inverse-hover',
-	'hover:bg-blue-hover',
-	'hover:bg-orange-hover',
-	'hover:bg-orange-inverse-hover',
-	'hover:bg-sky-hover',
-	'hover:bg-sky-inverse-hover'
+  'hover:bg-neutral',
+  'hover:bg-neutral-hover',
+  'hover:bg-neutral-darker-hover',
+  'hover:bg-neutral-inverse-hover',
+  'hover:bg-accent-hover',
+  'hover:bg-accent-inverse-hover',
+  'hover:bg-success-hover',
+  'hover:bg-success-inverse-hover',
+  'hover:bg-warning-hover',
+  'hover:bg-warning-inverse-hover',
+  'hover:bg-danger-hover',
+  'hover:bg-danger-inverse-hover',
+  'hover:bg-blue-hover',
+  'hover:bg-orange-hover',
+  'hover:bg-orange-inverse-hover',
+  'hover:bg-sky-hover',
+  'hover:bg-sky-inverse-hover',
 ];
 
 // Add focus variants
 export const focusVariants = [
-	'focus:outline-none',
-	'focus:ring-2',
-	'focus:ring-offset-2',
-	'focus:border-focus',
-	'focus-visible:outline-none',
-	'focus-visible:ring-2'
+  'focus:outline-none',
+  'focus:ring-2',
+  'focus:ring-offset-2',
+  'focus:border-focus',
+  'focus-visible:outline-none',
+  'focus-visible:ring-2',
 ];
 
 // Add disabled variants
 export const disabledVariants = [
-	'disabled:bg-neutral',
-	'disabled:opacity-50',
-	'disabled:cursor-not-allowed',
-	'disabled:text-tertiary',
-	'disabled:border-none'
+  'disabled:bg-neutral',
+  'disabled:opacity-50',
+  'disabled:cursor-not-allowed',
+  'disabled:text-tertiary',
+  'disabled:border-none',
 ];
 
 // Add active variants
 export const activeVariants = [
-	'active:bg-neutral',
-	'active:bg-neutral-inverse',
-	'active:red',
-	'active:scale-95',
-	'active:transform'
+  'active:bg-neutral',
+  'active:bg-neutral-inverse',
+  'active:red',
+  'active:scale-95',
+  'active:transform',
 ];
 
 // Add group variants
@@ -461,31 +461,31 @@ export const groupVariants = ['group-first:invisible', 'group-last:invisible'];
 
 // Export all arrays as a single safelist
 export const safelist = [
-	...textColors,
-	...iconColors,
-	...backgroundColors,
-	...borders,
-	...shadows,
-	...textSizes,
-	...fonts,
-	...badges,
-	...tooltips,
-	...sizes,
-	...display,
-	...rounded,
-	...tables,
-	...flexLayout,
-	...spacing,
-	...sizing,
-	...positioning,
-	...cursors,
-	...misc,
-	...daisyui,
-	...hoverVariants,
-	...focusVariants,
-	...disabledVariants,
-	...activeVariants,
-	...groupVariants
+  ...textColors,
+  ...iconColors,
+  ...backgroundColors,
+  ...borders,
+  ...shadows,
+  ...textSizes,
+  ...fonts,
+  ...badges,
+  ...tooltips,
+  ...sizes,
+  ...display,
+  ...rounded,
+  ...tables,
+  ...flexLayout,
+  ...spacing,
+  ...sizing,
+  ...positioning,
+  ...cursors,
+  ...misc,
+  ...daisyui,
+  ...hoverVariants,
+  ...focusVariants,
+  ...disabledVariants,
+  ...activeVariants,
+  ...groupVariants,
 ];
 
 export const responsive = ['sm:w-[460px]', 'md:flex', 'lg:block', 'sm:gap-2'];