@paperless/core 1.40.0 → 1.42.0

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/hover.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  plugins: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config>;
+  }[];
+};
+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;

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

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

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

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

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

@@ -0,0 +1,8 @@
+declare const _default: {
+  'content-mobile-x': string;
+  'content-mobile-y': string;
+  'content-desktop-x': string;
+  'content-desktop-y': string;
+  18: string;
+};
+export default _default;

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

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

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

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

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

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

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

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

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

@@ -4,3 +4,4 @@ export * from './illustrations';
 export * from './localization';
 export * from './object-get-by-path';
 export * from './transformers';
+export * from './screens';

package/dist/types/utils/screens.d.ts

@@ -0,0 +1,12 @@
+import screens from '../tailwind/screens';
+export type ScreenSize = keyof typeof screens;
+export declare const getScreenSize: (size: ScreenSize) => string;
+export declare const getScreenSizeInRem: (size: ScreenSize) => number;
+export declare const getScreenSizeInPixels: (size: ScreenSize) => number;
+export declare const isBiggerThanScreen: (size: ScreenSize) => boolean;
+export declare const isSmallerThanScreen: (size: ScreenSize) => boolean;
+export declare const isBetweenScreens: (smallSize: ScreenSize, bigSize: ScreenSize) => boolean;
+export declare const isTouchDevice: () => boolean;
+export declare const isMobile: () => boolean;
+export declare const isTablet: () => boolean;
+export declare const isDesktop: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@paperless/core",
-    "version": "1.40.0",
+    "version": "1.42.0",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -27,7 +27,7 @@
         "build:prod": "stencil build",
         "postbuild": "yarn tailwind:process",
         "postbuild:prod": "yarn tailwind:process",
-        "tailwind:process": "tailwindcss -c ./src/tailwind.config.js -i dist/paperless/paperless.css -o dist/paperless/paperless.css",
+        "tailwind:process": "tailwindcss -c ./src/tailwind.config.ts -i dist/paperless/paperless.css -o dist/paperless/paperless.css",
         "tailwind:process:watch": "yarn tailwind:process --watch",
         "watch": "stencil build --watch",
         "watch:both": "concurrently \"yarn watch\" \"yarn tailwind:process:watch\"",

package/dist/tailwind/animation.js

@@ -1,87 +0,0 @@
-module.exports = {
-    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.js

@@ -1,3 +0,0 @@
-module.exports = {
-    xs: '2px',
-};

package/dist/tailwind/border-radius.js

@@ -1,11 +0,0 @@
-module.exports = {
-    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.js

@@ -1,52 +0,0 @@
-module.exports = {
-  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.js

@@ -1,5 +0,0 @@
-module.exports = {
-    height: {
-        unset: 'unset',
-    },
-};