@paperless/core 1.40.0 → 1.41.0

package/dist/tailwind/animation.ts

@@ -0,0 +1,87 @@
+export default {
+	animation: {
+		'fade-in': 'forwards fadeIn .2s ease',
+		'fade-out': 'forwards fadeOut .2s ease',
+		'slide-in-right': 'forwards slideInRight .5s ease',
+		'slide-in-left': 'forwards slideInLeft .5s ease',
+		'slide-in-top': 'forwards slideInTop .25 ease',
+		'slide-in-bottom': 'forwards slideInBottom .5s ease',
+		'slide-in-right-small': 'forwards slideInRightSmall .5s ease',
+		'slide-in-left-small': 'forwards slideInLeftSmall .5s ease',
+		'slide-in-top-small': 'forwards slideInTopSmall .5s ease',
+		'slide-in-bottom-small': 'forwards slideInBottomSmall .5s ease',
+		'slide-out-right': 'forwards slideOutRight .2s ease',
+		'slide-out-left': 'forwards slideOutLeft .2s ease',
+		'slide-out-top': 'forwards slideOutTop .2s ease',
+		'slide-out-bottom': 'forwards slideOutBottom .5s ease',
+		'slide-out-top-small': 'forwards slideOutTopSmall .5s ease',
+		'slide-out-bottom-small': 'forwards slideOutBottomSmall .5s ease',
+	},
+
+	keyframes: {
+		fadeIn: {
+			'0%': { opacity: 0 },
+			'100%': { opacity: 100 },
+		},
+		fadeOut: {
+			'0%': { opacity: 100 },
+			'100%': { opacity: 0 },
+		},
+		slideInRight: {
+			'0%': { transform: 'translateX(100%)' },
+			'100%': { transform: 'translateX(0)' },
+		},
+		slideInLeft: {
+			'0%': { transform: 'translateX(-100%)' },
+			'100%': { transform: 'translateX(0)' },
+		},
+		slideInTop: {
+			'0%': { transform: 'translateY(-100%)' },
+			'100%': { transform: 'translateY(0)' },
+		},
+		slideInBottom: {
+			'0%': { transform: 'translateY(100%)' },
+			'100%': { transform: 'translateY(0)' },
+		},
+		slideInRightSmall: {
+			'0%': { transform: 'translateX(20%)' },
+			'100%': { transform: 'translateX(0)' },
+		},
+		slideInLeftSmall: {
+			'0%': { transform: 'translateX(-20%)' },
+			'100%': { transform: 'translateX(0)' },
+		},
+		slideInTopSmall: {
+			'0%': { transform: 'translateY(-20%)' },
+			'100%': { transform: 'translateY(0)' },
+		},
+		slideInBottomSmall: {
+			'0%': { transform: 'translateY(20%)' },
+			'100%': { transform: 'translateY(0)' },
+		},
+		slideOutRight: {
+			'0%': { transform: 'translateX(0)' },
+			'100%': { transform: 'translateX(100%)' },
+		},
+		slideOutLeft: {
+			'0%': { transform: 'translateX(0)' },
+			'100%': { transform: 'translateX(-100%)' },
+		},
+		slideOutTop: {
+			'0%': { transform: 'translateY(0)' },
+			'100%': { transform: 'translateY(-100%)' },
+		},
+		slideOutBottom: {
+			'0%': { transform: 'translateY(0)' },
+			'100%': { transform: 'translateY(100%)' },
+		},
+		slideOutTopSmall: {
+			'0%': { transform: 'translateY(0)' },
+			'100%': { transform: 'translateY(-20%)' },
+		},
+		slideOutBottomSmall: {
+			'0%': { transform: 'translateY(0)' },
+			'100%': { transform: 'translateY(20%)' },
+		},
+	},
+};

package/dist/tailwind/backdrop-blur.ts

@@ -0,0 +1,3 @@
+export default {
+	xs: '2px',
+};

package/dist/tailwind/border-radius.ts

@@ -0,0 +1,11 @@
+export default {
+	xxxlarge: '1.5625rem',
+	xxlarge: '0.75rem',
+	xlarge: '0.5625rem',
+	large: '0.375rem',
+	DEFAULT: '0.25rem',
+	medium: '0.25rem',
+	small: '0.125rem',
+	none: 0,
+	round: '100%',
+};

package/dist/tailwind/colors.ts

@@ -0,0 +1,52 @@
+export default {
+	transparent: 'transparent',
+	current: 'currentColor',
+	indigo: {
+		dark: '#2C4BA9',
+		DEFAULT: '#528AFA',
+		light: '#F1F6FF',
+	},
+	sky: {
+		dark: '#30C2C9',
+		DEFAULT: '#1EDAE3',
+		light: '#F5FEFF',
+		vague: '#BBF4F6',
+	},
+	mystic: {
+		blank: '#FFF',
+		dark: '#DAE6F0',
+		DEFAULT: '#F7FAFC',
+		light: '#FCFDFE',
+		medium: '#E3ECF3',
+	},
+	redberry: {
+		dark: '#BD0F1E',
+		DEFAULT: '#E63241',
+		light: '#FFE8EA',
+		medium: '#FF7D88',
+	},
+	storm: {
+		dark: '#272838',
+		DEFAULT: '#51536B',
+		light: '#B0B2CB',
+		medium: '#80829E',
+		vague: '#989AB7',
+	},
+	negative: {
+		dark: '#8A0F1D',
+		DEFAULT: '#B91E28',
+		light: '#FFCCD3',
+	},
+	positive: {
+		dark: '#1DA360',
+		DEFAULT: '#28D17C',
+		light: '#E5FFF2',
+	},
+	unbiased: {
+		dark: '#FFA231',
+		DEFAULT: '#FFC72D',
+		light: '#FFF6DC',
+	},
+	white: '#FFF',
+	black: '#000',
+};

package/dist/tailwind/height.ts

@@ -0,0 +1,5 @@
+export default {
+	height: {
+		unset: 'unset',
+	},
+};

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

@@ -0,0 +1,98 @@
+// eslint-disable-next-line unicorn/prefer-module
+const plugin = require('tailwindcss/plugin');
+
+const safeArea = plugin(({ addUtilities }) => {
+	const utilities = {
+		'.m-safe': {
+			marginTop: 'env(safe-area-inset-top)',
+			marginRight: 'env(safe-area-inset-right)',
+			marginBottom: 'env(safe-area-inset-bottom)',
+			marginLeft: 'env(safe-area-inset-left)',
+		},
+		'.mx-safe': {
+			marginRight: 'env(safe-area-inset-right)',
+			marginLeft: 'env(safe-area-inset-left)',
+		},
+		'.my-safe': {
+			marginTop: 'env(safe-area-inset-top)',
+			marginBottom: 'env(safe-area-inset-bottom)',
+		},
+		'.mt-safe': {
+			marginTop: 'env(safe-area-inset-top)',
+		},
+		'.mr-safe': {
+			marginRight: 'env(safe-area-inset-right)',
+		},
+		'.mb-safe': {
+			marginBottom: 'env(safe-area-inset-bottom)',
+		},
+		'.ml-safe': {
+			marginLeft: 'env(safe-area-inset-left)',
+		},
+		'.p-safe': {
+			paddingTop: 'env(safe-area-inset-top)',
+			paddingRight: 'env(safe-area-inset-right)',
+			paddingBottom: 'env(safe-area-inset-bottom)',
+			paddingLeft: 'env(safe-area-inset-left)',
+		},
+		'.px-safe': {
+			paddingRight: 'env(safe-area-inset-right)',
+			paddingLeft: 'env(safe-area-inset-left)',
+		},
+		'.py-safe': {
+			paddingTop: 'env(safe-area-inset-top)',
+			paddingBottom: 'env(safe-area-inset-bottom)',
+		},
+		'.pt-safe': {
+			paddingTop: 'env(safe-area-inset-top)',
+		},
+		'.pr-safe': {
+			paddingRight: 'env(safe-area-inset-right)',
+		},
+		'.pb-safe': {
+			paddingBottom: 'env(safe-area-inset-bottom)',
+		},
+		'.pl-safe': {
+			paddingLeft: 'env(safe-area-inset-left)',
+		},
+		'.min-h-screen': {
+			minHeight: '100vh',
+		},
+		'.min-h-screen-safe': {
+			minHeight:
+				'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',
+		},
+		'.max-h-screen': {
+			maxHeight: '100vh',
+		},
+		'.max-h-screen-safe': {
+			maxHeight:
+				'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',
+		},
+		'.h-screen-safe': {
+			height: 'calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)))',
+		},
+		'.min-w-screen': {
+			minWidth: '100vw',
+		},
+		'.min-w-screen-safe': {
+			minWidth:
+				'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',
+		},
+		'.max-w-screen': {
+			maxWidth: '100vw',
+		},
+		'.max-w-screen-safe': {
+			maxWidth:
+				'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',
+		},
+		'.w-screen-safe': {
+			width: 'calc(100vw - (env(safe-area-inset-left) + env(safe-area-inset-right)))',
+		},
+	};
+
+	addUtilities(utilities);
+});
+
+// eslint-disable-next-line unicorn/prefer-module
+export default safeArea;

package/dist/tailwind/rotate.ts

@@ -0,0 +1,8 @@
+const rotateNumbers = {};
+
+for (let i = 1; i < 360; i++) {
+	rotateNumbers[`${i}`] = `${i}deg`;
+	rotateNumbers[`-${i}`] = `-${i}deg`;
+}
+
+export default rotateNumbers;

package/dist/tailwind/scale.ts

@@ -0,0 +1,3 @@
+export default {
+	flip: '-1',
+};

package/dist/tailwind/{screens.js → screens.ts}

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
 	tablet: '40rem', // 640 px
 	'desktop-xs': '64rem', // 1024 px
 	'desktop-sm': '80rem', // 1360 px

package/dist/tailwind/shadows.ts

@@ -0,0 +1,13 @@
+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: [
+		'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)',
+	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/spacing.ts

@@ -0,0 +1,10 @@
+export default {
+	// default variant layout
+	'content-mobile-x': '1rem',
+	'content-mobile-y': '1.5rem',
+
+	'content-desktop-x': '2rem',
+	'content-desktop-y': '2rem',
+
+	18: '4.5rem',
+};

package/dist/tailwind/typography.ts

@@ -0,0 +1,21 @@
+export default {
+	fontSize: {
+		h1: '2.5rem',
+		h2: '2rem',
+		h3: '1.5rem',
+		h4: '1.25rem',
+		h5: '1.125rem',
+		body: '1rem',
+		'body-2': '1.125rem',
+		xxs: '0.6875rem',
+	},
+	lineHeight: {
+		h1: '3rem',
+		h2: '2.5rem',
+		h3: '1.875rem',
+		h4: '1.625rem',
+		h5: '1.375rem',
+		body: '1.75rem',
+		'body-2': '1.875rem',
+	},
+};

package/dist/tailwind/{width.js → width.ts}

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
 	width: {
 		unset: 'unset',
 

package/dist/tailwind/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

@@ -0,0 +1,43 @@
+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';
+
+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,
+	],
+};

package/dist/types/components/atoms/floating-menu-item/floating-menu-item.component.d.ts

@@ -1,6 +1,6 @@
 export declare class FloatingMenuItem {
   /**
-   * The variant of the modal body
+   * Wether it should have a hover effect
    */
   hover: boolean;
   render(): any;

package/dist/types/components.d.ts

@@ -503,7 +503,7 @@ export namespace Components {
     }
     interface PFloatingMenuItem {
         /**
-          * The variant of the modal body
+          * Wether it should have a hover effect
          */
         "hover": boolean;
     }
@@ -2594,7 +2594,7 @@ declare namespace LocalJSX {
     }
     interface PFloatingMenuItem {
         /**
-          * The variant of the modal body
+          * Wether it should have a hover effect
          */
         "hover"?: boolean;
     }

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

@@ -0,0 +1,151 @@
+declare const _default: {
+  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;
+      };
+    };
+  };
+};
+export default _default;

package/dist/types/tailwind/backdrop-blur.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+  xs: string;
+};
+export default _default;

package/dist/types/tailwind/border-radius.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+  xxxlarge: string;
+  xxlarge: string;
+  xlarge: string;
+  large: string;
+  DEFAULT: string;
+  medium: string;
+  small: string;
+  none: number;
+  round: string;
+};
+export default _default;

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

@@ -0,0 +1,53 @@
+declare const _default: {
+  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;
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+declare const _default: {
+  height: {
+    unset: string;
+  };
+};
+export default _default;

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

@@ -0,0 +1,2 @@
+declare const safeArea: any;
+export default safeArea;

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

@@ -0,0 +1,2 @@
+declare const rotateNumbers: {};
+export default rotateNumbers;

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

@@ -0,0 +1,4 @@
+declare const _default: {
+  flip: string;
+};
+export default _default;