@paperless/core 1.42.2 → 1.42.4

package/dist/tailwind/paperless.ts

@@ -0,0 +1,54 @@
+import plugin from 'tailwindcss/plugin';
+
+import colors from './theme/colors';
+import shadows from './theme/shadows';
+import borderRadius from './theme/border-radius';
+import scale from './theme/scale';
+import rotate from './theme/rotate';
+import typeograhpy from './theme/typography';
+import backdropBlur from './theme/backdrop-blur';
+import zIndex from './theme/z-index';
+import animation from './theme/animation';
+import screens from './theme/screens';
+import width from './theme/width';
+import height from './theme/height';
+import spacing from './theme/spacing';
+
+import safeArea from './plugins/safe-area';
+import hover from './plugins/hover';
+
+export const paperless = plugin(
+	(pluginAPI) => {
+		safeArea(pluginAPI);
+		hover(pluginAPI);
+	},
+	{
+		theme: {
+			colors,
+			// @ts-ignore
+			boxShadow: shadows,
+			dropShadow: shadows,
+			borderRadius,
+			// @ts-ignore
+			extend: {
+				...animation,
+				scale,
+				rotate,
+				fontSize: typeograhpy.fontSize,
+				lineHeight: typeograhpy.lineHeight,
+				backdropBlur,
+				zIndex,
+				screens,
+				width: width.width,
+				height: height.height,
+				spacing,
+			},
+		},
+		plugins: [
+			require('@tailwindcss/aspect-ratio'),
+			require('tailwind-scrollbar-hide'),
+			safeArea,
+			hover,
+		],
+	}
+);

package/dist/tailwind/plugins/hover.ts

@@ -1,6 +1,4 @@
-import plugin from 'tailwindcss/plugin';
-
-const hover = plugin(({ addVariant }) => {
+const hover = ({ addVariant }) => {
 	// Hover media queries
 	addVariant('has-hover', '@media (hover: hover)');
 	addVariant('no-hover', '@media (hover: none)');
@@ -27,6 +25,6 @@ const hover = plugin(({ addVariant }) => {
 		'@media (hover: hover) { :merge(.peer):hover & }',
 		'@media (hover: none)',
 	]);
-});
+};
 
 export default hover;

package/dist/tailwind/plugins/safe-area.ts

@@ -1,7 +1,4 @@
-// eslint-disable-next-line unicorn/prefer-module
-import plugin from 'tailwindcss/plugin';
-
-const safeArea = plugin(({ addUtilities }) => {
+const safeArea = ({ addUtilities }) => {
 	const utilities = {
 		'.m-safe': {
 			marginTop: 'env(safe-area-inset-top)',
@@ -92,7 +89,7 @@ const safeArea = plugin(({ addUtilities }) => {
 	};
 
 	addUtilities(utilities);
-});
+};
 
 // eslint-disable-next-line unicorn/prefer-module
 export default safeArea;

package/dist/tailwind/{border-radius.ts → theme/border-radius.ts}

@@ -6,6 +6,6 @@ export default {
 	DEFAULT: '0.25rem',
 	medium: '0.25rem',
 	small: '0.125rem',
-	none: 0,
+	none: '0',
 	round: '100%',
 };

package/dist/tailwind/{shadows.ts → theme/shadows.ts}

@@ -1,12 +1,12 @@
 export default {
-	1: '0px 0.0625rem 0.05rem rgba(0,0,0, 0.5)',
-	2: '0px 0.0625rem 0.1125rem rgba(0,0,0, 0.65)',
-	3: '0px 0.0625rem 0.125rem rgba(0,0,0, 0.65)',
-	4: [
+	'1': '0px 0.0625rem 0.05rem rgba(0,0,0, 0.5)',
+	'2': '0px 0.0625rem 0.1125rem rgba(0,0,0, 0.65)',
+	'3': '0px 0.0625rem 0.125rem rgba(0,0,0, 0.65)',
+	'4': [
 		'0px 0.3125rem 1rem rgba(0,24,98, 0.08)',
 		'0px 0.0625rem 0.1875rem rgba(0,24,98, 0.13)',
 	],
-	5: '0px 0.1875rem 1rem rgba(0,24,98, 0.3)',
+	'5': '0px 0.1875rem 1rem rgba(0,24,98, 0.3)',
 	transparent: 'transparent',
 	'button-primary-hover': '0px 2px 4px rgba(44,75,169, 0.4)',
 	'button-secondary-hover': '0px 2px 4px rgba(176,178,203, 0.4)',

package/dist/tailwind/theme/z-index.ts

@@ -0,0 +1,19 @@
+export default {
+	'floating-menu': '190',
+	dropdown: '200',
+
+	'navbar-topbar': '280',
+	'navbar-backdrop': '290',
+	navbar: '300',
+
+	backdrop: '490',
+
+	drawer: '500',
+	'drawer-header': '501',
+
+	modal: '600',
+
+	tooltip: '601',
+
+	toast: '700',
+};

package/dist/tailwind.config.ts

@@ -1,45 +1,10 @@
-import colors from './tailwind/colors';
-import shadows from './tailwind/shadows';
-import borderRadius from './tailwind/border-radius';
-import scale from './tailwind/scale';
-import rotate from './tailwind/rotate';
-import typeograhpy from './tailwind/typography';
-import backdropBlur from './tailwind/backdrop-blur';
-import zIndex from './tailwind/z-index';
-import animation from './tailwind/animation';
-import screens from './tailwind/screens';
-import width from './tailwind/width';
-import height from './tailwind/height';
-import spacing from './tailwind/spacing';
-
-import safeArea from './tailwind/plugins/safe-area';
-import hover from './tailwind/plugins/hover';
+import { paperless } from './tailwind';
 
 export default {
 	important: true,
-	theme: {
-		colors,
-		boxShadow: shadows,
-		dropShadow: shadows,
-		borderRadius,
-		extend: {
-			...animation,
-			scale,
-			rotate,
-			fontSize: typeograhpy.fontSize,
-			lineHeight: typeograhpy.lineHeight,
-			backdropBlur,
-			zIndex,
-			screens,
-			width: width.width,
-			height: height.height,
-			spacing,
-		},
-	},
 	plugins: [
 		require('@tailwindcss/aspect-ratio'),
 		require('tailwind-scrollbar-hide'),
-		safeArea,
-		hover,
+		paperless,
 	],
 };

package/dist/types/index.d.ts

@@ -1,315 +1,4 @@
 export { Components, JSX } from './components';
 export * from './types';
 export * from './utils';
-export declare const tailwind: {
-  important: boolean;
-  theme: {
-    colors: {
-      transparent: string;
-      current: string;
-      indigo: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-      };
-      sky: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-        vague: string;
-      };
-      mystic: {
-        blank: string;
-        dark: string;
-        DEFAULT: string;
-        light: string;
-        medium: string;
-      };
-      redberry: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-        medium: string;
-      };
-      storm: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-        medium: string;
-        vague: string;
-      };
-      negative: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-      };
-      positive: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-      };
-      unbiased: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-      };
-      white: string;
-      black: string;
-    };
-    boxShadow: {
-      1: string;
-      2: string;
-      3: string;
-      4: string[];
-      5: string;
-      transparent: string;
-      'button-primary-hover': string;
-      'button-secondary-hover': string;
-    };
-    dropShadow: {
-      1: string;
-      2: string;
-      3: string;
-      4: string[];
-      5: string;
-      transparent: string;
-      'button-primary-hover': string;
-      'button-secondary-hover': string;
-    };
-    borderRadius: {
-      xxxlarge: string;
-      xxlarge: string;
-      xlarge: string;
-      large: string;
-      DEFAULT: string;
-      medium: string;
-      small: string;
-      none: number;
-      round: string;
-    };
-    extend: {
-      scale: {
-        flip: string;
-      };
-      rotate: {};
-      fontSize: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        body: string;
-        'body-2': string;
-        xxs: string;
-      };
-      lineHeight: {
-        h1: string;
-        h2: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        body: string;
-        'body-2': string;
-      };
-      backdropBlur: {
-        xs: string;
-      };
-      zIndex: {
-        'floating-menu': number;
-        dropdown: number;
-        'navbar-topbar': number;
-        'navbar-backdrop': number;
-        navbar: number;
-        backdrop: number;
-        drawer: number;
-        'drawer-header': number;
-        modal: number;
-        tooltip: number;
-        toast: number;
-      };
-      screens: {
-        tablet: string;
-        'desktop-xs': string;
-        'desktop-sm': string;
-        desktop: string;
-        'desktop-lg': string;
-        'desktop-xl': string;
-        'layout-1280': string;
-        'layout-1440': string;
-        'layout-1536': string;
-        'layout-1680': string;
-        'layout-1920': string;
-        'layout-2560': string;
-      };
-      width: {
-        unset: string;
-        'content-mobile': string;
-        'content-1280': string;
-        'content-1440': string;
-        'content-1536': string;
-        'content-1680': string;
-        'sidebar-desktop-login': string;
-        'content-desktop-login': string;
-      };
-      height: {
-        unset: string;
-      };
-      spacing: {
-        'content-mobile-x': string;
-        'content-mobile-y': string;
-        'content-desktop-x': string;
-        'content-desktop-y': string;
-        18: string;
-      };
-      animation: {
-        'fade-in': string;
-        'fade-out': string;
-        'slide-in-right': string;
-        'slide-in-left': string;
-        'slide-in-top': string;
-        'slide-in-bottom': string;
-        'slide-in-right-small': string;
-        'slide-in-left-small': string;
-        'slide-in-top-small': string;
-        'slide-in-bottom-small': string;
-        'slide-out-right': string;
-        'slide-out-left': string;
-        'slide-out-top': string;
-        'slide-out-bottom': string;
-        'slide-out-top-small': string;
-        'slide-out-bottom-small': string;
-      };
-      keyframes: {
-        fadeIn: {
-          '0%': {
-            opacity: number;
-          };
-          '100%': {
-            opacity: number;
-          };
-        };
-        fadeOut: {
-          '0%': {
-            opacity: number;
-          };
-          '100%': {
-            opacity: number;
-          };
-        };
-        slideInRight: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideInLeft: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideInTop: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideInBottom: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideInRightSmall: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideInLeftSmall: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideInTopSmall: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideInBottomSmall: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideOutRight: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideOutLeft: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideOutTop: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideOutBottom: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideOutTopSmall: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-        slideOutBottomSmall: {
-          '0%': {
-            transform: string;
-          };
-          '100%': {
-            transform: string;
-          };
-        };
-      };
-    };
-  };
-  plugins: any[];
-};
+export * from './tailwind';

package/dist/types/tailwind/index.d.ts

@@ -0,0 +1 @@
+export * from './paperless';

package/dist/types/tailwind/paperless.d.ts

@@ -0,0 +1,4 @@
+export declare const paperless: {
+  handler: import("tailwindcss/types/config").PluginCreator;
+  config?: Partial<import("tailwindcss/types/config").Config>;
+};

package/dist/types/tailwind/plugins/hover.d.ts

@@ -1,5 +1,4 @@
-declare const hover: {
-  handler: import("tailwindcss/types/config").PluginCreator;
-  config?: Partial<import("tailwindcss/types/config").Config>;
-};
+declare const hover: ({ addVariant }: {
+  addVariant: any;
+}) => void;
 export default hover;

package/dist/types/tailwind/plugins/safe-area.d.ts

@@ -1,5 +1,4 @@
-declare const safeArea: {
-  handler: import("tailwindcss/types/config").PluginCreator;
-  config?: Partial<import("tailwindcss/types/config").Config>;
-};
+declare const safeArea: ({ addUtilities }: {
+  addUtilities: any;
+}) => void;
 export default safeArea;

package/dist/types/tailwind/{border-radius.d.ts → theme/border-radius.d.ts}

@@ -6,7 +6,7 @@ declare const _default: {
   DEFAULT: string;
   medium: string;
   small: string;
-  none: number;
+  none: string;
   round: string;
 };
 export default _default;

package/dist/types/tailwind/{shadows.d.ts → theme/shadows.d.ts}

@@ -1,9 +1,9 @@
 declare const _default: {
-  1: string;
-  2: string;
-  3: string;
-  4: string[];
-  5: string;
+  '1': string;
+  '2': string;
+  '3': string;
+  '4': string[];
+  '5': string;
   transparent: string;
   'button-primary-hover': string;
   'button-secondary-hover': string;

package/dist/types/tailwind/theme/z-index.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+  'floating-menu': string;
+  dropdown: string;
+  'navbar-topbar': string;
+  'navbar-backdrop': string;
+  navbar: string;
+  backdrop: string;
+  drawer: string;
+  'drawer-header': string;
+  modal: string;
+  tooltip: string;
+  toast: string;
+};
+export default _default;