@reshape-biotech/design-system 0.0.44 → 0.0.47

package/dist/tailwind-safelist.js

@@ -1,475 +0,0 @@
-// Used to safelist classnames so we can add styles dynamic.
-// This should include all the values used in the design system.
-// 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'
-];
-
-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'
-];
-
-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-orange',
-	'bg-orange-hover',
-	'bg-orange-inverse',
-	'bg-orange-inverse-hover',
-	'bg-sky',
-	'bg-sky-hover',
-	'bg-sky-inverse',
-	'bg-sky-inverse-hover'
-];
-
-export const borders = [
-	'border-static',
-	'border-interactive',
-	'border-hover',
-	'border-focus',
-	'border-danger',
-	'border-input',
-	'border-transparent'
-];
-
-export const shadows = [
-	'shadow',
-	'shadow-none',
-	'shadow-field',
-	'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'
-];
-
-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'
-];
-
-export const tooltips = ['tooltip-top', 'tooltip-right', 'tooltip-bottom', 'tooltip-left'];
-
-export const sizes = ['h-5', 'w-5', 'min-w-5', 'h-7', 'w-7', 'min-w-7'];
-
-export const display = [
-	'flex',
-	'items-center',
-	'justify-center',
-	'flex-row',
-	'flex-col',
-	'px-2',
-	'py-1'
-];
-
-export const rounded = [
-	'rounded',
-	'rounded-full',
-	'rounded-lg',
-	'rounded-xl',
-	'rounded-2xl',
-	'rounded-md'
-];
-
-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-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'
-];
-
-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-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]'];
-
-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'
-];
-
-// 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'
-];
-
-// 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'
-];
-
-// 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'
-];
-
-// Add disabled variants
-export const disabledVariants = [
-	'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'
-];
-
-// 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
-];
-
-export const responsive = ['sm:w-[460px]', 'md:flex', 'lg:block', 'sm:gap-2'];

package/dist/tailwind.d.ts

@@ -1,11 +0,0 @@
-import type { Tailwindest } from 'tailwindest';
-export type Overflow = Tailwindest['overflow'];
-export type Width = Tailwindest['width'];
-export type MinWidth = Tailwindest['minWidth'];
-export type Height = Tailwindest['height'];
-export type MaxHeight = Tailwindest['maxHeight'];
-export type Margin = Tailwindest['margin'];
-export type Padding = Tailwindest['padding'];
-export type JustifyContent = Tailwindest['justifyContent'];
-export type Rounding = Tailwindest['borderRadius'];
-export type ButtonVariant = 'btn-neutral' | 'btn-primary' | 'btn-secondary' | 'btn-accent' | 'btn-info' | 'btn-success' | 'btn-warning' | 'btn-error' | 'btn-ghost' | 'btn-link' | 'btn-outline' | 'btn-active' | 'btn-disabled';

package/dist/tailwind.js

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