@paperless/core 0.1.0-alpha.5 → 0.1.0-alpha.50

package/dist/tailwind.config.js

@@ -4,20 +4,28 @@ const borderRadius = require('./tailwind/border-radius');
 const grid = require('./tailwind/grid');
 const scale = require('./tailwind/scale');
 const rotate = require('./tailwind/rotate');
+const typeograhpy = require('./tailwind/typography');
+const backdropBlur = require('./tailwind/backdrop-blur');
+const zIndex = require('./tailwind/z-index');
+const animation = require('./tailwind/animation');
 
 module.exports = {
-  important: true,
-  theme: {
-    colors,
-    boxShadow: shadows,
-    dropShadow: shadows,
-    borderRadius,
-    extend: {
-      grid,
-      scale,
-      rotate,
+    important: true,
+    theme: {
+        colors,
+        boxShadow: shadows,
+        dropShadow: shadows,
+        borderRadius,
+        extend: {
+            ...grid,
+            ...animation,
+            scale,
+            rotate,
+            fontSize: typeograhpy.fontSize,
+            lineHeight: typeograhpy.lineHeight,
+            backdropBlur,
+            zIndex,
+        },
     },
-  },
-  variants: {},
-  plugins: [require('@tailwindcss/aspect-ratio')],
+    plugins: [require('@tailwindcss/aspect-ratio')],
 };

package/dist/types/components/atoms/avatar/avatar.component.d.ts

@@ -0,0 +1,21 @@
+export declare class Avatar {
+  /**
+   * The variant of the avatar
+   */
+  variant: 'user' | 'company';
+  /**
+   * The size of the avatar
+   */
+  size: 'small' | 'medium' | 'large';
+  /**
+   * The default image to show on errors
+   */
+  defaultImage: string;
+  /**
+   * The image used for the avatar
+   */
+  src: string;
+  private _src;
+  render(): any;
+  private _setDefaultLink;
+}

package/dist/types/components/atoms/avatar-group/avatar-group.component.d.ts

@@ -0,0 +1,7 @@
+export declare class AvatarGroup {
+  /**
+   * The amount to show after the avatars
+   */
+  extra: number;
+  render(): any;
+}

package/dist/types/components/atoms/button/button.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { RotateOptions } from '../../../utils/types';
 import { IconFlipOptions, IconVariant } from '../icon/icon.component';
 export declare class Button {
   /**
@@ -21,6 +22,10 @@ export declare class Button {
    * Wether to show a loader or not
    */
   loading: boolean;
+  /**
+   * Wether to show a chevron or not
+   */
+  chevron: boolean | 'up' | 'down';
   /**
    * Wether the button is disabled
    */
@@ -29,6 +34,10 @@ export declare class Button {
    * Icon to show on the button
    */
   icon: IconVariant;
+  /**
+   * Wether the button is icon only
+   */
+  iconOnly: boolean;
   /**
    * Icon position
    */
@@ -40,7 +49,11 @@ export declare class Button {
   /**
    * Icon rotate
    */
-  iconRotate: number;
+  iconRotate: RotateOptions;
+  /**
+   * Wether the button should inherit text styles
+   */
+  inheritText: boolean;
   /**
    * Button click event
    */

package/dist/types/components/atoms/card-body/card-body.component.d.ts

@@ -0,0 +1,7 @@
+export declare class CardBody {
+  /**
+   * Wether the button should inherit text styles
+   */
+  inheritText: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/card-container/card-container.component.d.ts

@@ -0,0 +1,7 @@
+export declare class CardContainer {
+  /**
+   * Wether the card should be hoverable
+   */
+  hoverable: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/card-header/card-header.component.d.ts

@@ -0,0 +1,11 @@
+export declare class CardHeader {
+  /**
+   * Content of the card header
+   */
+  header: string;
+  /**
+   * Enable the title arrow
+   */
+  arrow: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/counter/counter.component.d.ts

@@ -0,0 +1,3 @@
+export declare class Counter {
+  render(): any;
+}

package/dist/types/components/atoms/divider/divider.component.d.ts

@@ -0,0 +1,3 @@
+export declare class Divider {
+  render(): any;
+}

package/dist/types/components/atoms/dropdown-menu-container/dropdown-menu-container.component.d.ts

@@ -0,0 +1,3 @@
+export declare class DropdownMenuContainer {
+  render(): any;
+}

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

@@ -0,0 +1,7 @@
+export declare class DropdownMenuItem {
+  /**
+   * Wether the dropdown menu item is active
+   */
+  active: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/helper/helper.component.d.ts

@@ -0,0 +1,3 @@
+export declare class Helper {
+  render(): any;
+}

package/dist/types/components/atoms/icon/icon.component.d.ts

@@ -1,4 +1,5 @@
 import icons from '../../../utils/icons';
+import { RotateOptions, TextSizeOptions } from '../../../utils/types';
 export declare type IconVariant = keyof typeof icons;
 export declare type IconFlipOptions = 'horizontal' | 'vertical';
 export declare class Icon {
@@ -9,15 +10,14 @@ export declare class Icon {
   /**
    * The size of the icon, using tailwind sizes
    */
-  size: string;
+  size: TextSizeOptions;
   /**
    * Wether to rotate the icon x degrees
    */
-  rotate: number;
+  rotate: RotateOptions;
   /**
    * Wether to flip the icon horizontally or vertically
    */
   flip: IconFlipOptions;
   render(): any;
-  private _getClass;
 }

package/dist/types/components/atoms/info-panel/info-panel.component.d.ts

@@ -0,0 +1,24 @@
+export declare class InfoPanel {
+  /**
+   * The variant of the info panel
+   */
+  variant: 'info' | 'negative' | 'positive' | 'unbiased';
+  /**
+   * The header of the info panel
+   */
+  header: string;
+  /**
+   * The content of the info panel
+   */
+  content: string;
+  /**
+   * Wether the panel can be closed
+   */
+  closeable: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  render(): any;
+  private _close;
+}

package/dist/types/components/atoms/modal-backdrop/modal-backdrop.component.d.ts

@@ -0,0 +1,3 @@
+export declare class ModalBackdrop {
+  render(): any;
+}

package/dist/types/components/atoms/modal-body/modal-body.component.d.ts

@@ -0,0 +1,7 @@
+export declare class ModalBody {
+  /**
+   * The variant of the modal body
+   */
+  variant: 'default' | 'table';
+  render(): any;
+}

package/dist/types/components/atoms/modal-container/modal-container.component.d.ts

@@ -0,0 +1,7 @@
+export declare class ModalContainer {
+  /**
+   * The size of the modal container
+   */
+  size: 'sm' | 'md' | 'lg' | 'xl';
+  render(): any;
+}

package/dist/types/components/atoms/modal-footer/modal-footer.component.d.ts

@@ -0,0 +1,3 @@
+export declare class ModalFooter {
+  render(): any;
+}

package/dist/types/components/atoms/modal-header/modal-header.component.d.ts

@@ -0,0 +1,3 @@
+export declare class ModalHeader {
+  render(): any;
+}

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

@@ -0,0 +1,7 @@
+export declare class PaginationItem {
+  /**
+   * Wether the pagination item is active
+   */
+  active: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/segment-container/segment-container.component.d.ts

@@ -0,0 +1,3 @@
+export declare class SegmentContainer {
+  render(): any;
+}

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

@@ -0,0 +1,22 @@
+import { RotateOptions } from '../../../utils/types';
+import { IconFlipOptions, IconVariant } from '../icon/icon.component';
+export declare class SegmentItem {
+  /**
+   * Wether the segment item is active
+   */
+  active: boolean;
+  /**
+   * Icon to show on the segment item
+   */
+  icon: IconVariant;
+  /**
+   * Icon flip
+   */
+  iconFlip: IconFlipOptions;
+  /**
+   * Icon rotate
+   */
+  iconRotate: RotateOptions;
+  render(): any;
+  private _getIcon;
+}

package/dist/types/components/atoms/status/status.component.d.ts

@@ -0,0 +1,23 @@
+import { RotateOptions } from '../../../utils/types';
+import { IconFlipOptions, IconVariant } from '../icon/icon.component';
+export declare class Status {
+  /**
+   * The variant of the status
+   */
+  variant: 'default' | 'positive' | 'unbiased' | 'negative';
+  /**
+   * Icon to show on the status
+   */
+  icon: IconVariant;
+  /**
+   * Icon flip
+   */
+  iconFlip: IconFlipOptions;
+  /**
+   * Icon rotate
+   */
+  iconRotate: RotateOptions;
+  render(): any;
+  private _getIcon;
+  private _getVariantIcon;
+}

package/dist/types/components/atoms/stepper-line/stepper-line.component.d.ts

@@ -0,0 +1,11 @@
+export declare class StepperLine {
+  /**
+   * Wether the line is active
+   */
+  active: boolean;
+  /**
+   * The direction of the stepper line
+   */
+  direction: 'horizontal' | 'vertical';
+  render(): any;
+}

package/dist/types/components/atoms/stepper-step/stepper-step.component.d.ts

@@ -0,0 +1,19 @@
+export declare class StepperStep {
+  /**
+   * The alignment of the step content
+   */
+  align: 'start' | 'center' | 'end';
+  /**
+   * The direction of the stepper step
+   */
+  direction: 'horizontal' | 'vertical';
+  /**
+   * Wether the step is finished
+   */
+  finished: boolean;
+  /**
+   * Wether the step is active
+   */
+  active: boolean;
+  render(): any;
+}

package/dist/types/components/atoms/tooltip/tooltip.component.d.ts

@@ -1,28 +1,40 @@
 import { Placement } from '@popperjs/core';
 export declare class Tooltip {
   /**
-   * The content of the tooltip
+   * The variant of the popover
    */
-  content: any;
+  variant: 'hover' | 'click' | 'error';
   /**
-   * The content of the tooltip
+   * The content of the popover
+   */
+  popover: any;
+  /**
+   * The content of the popover
    */
   placement: Placement;
   /**
-   * Wether to force show the tooltip
+   * Wether to show the popover
+   */
+  show: boolean;
+  /**
+   * Wether to someone can manually close the popover
    */
-  forceShow: boolean;
+  canManuallyClose: boolean;
   /**
    * The host element
    */
   private _el;
   private _loaded;
   private _popper;
-  private _tooltip;
+  private _popover;
   componentShouldUpdate(): void;
   render(): any;
-  protected _show(): void;
-  protected _hide(): void;
+  protected clickHandler(): void;
+  protected documentClickHandler(): void;
+  protected mouseEnterHandler(): void;
+  protected mouseLeaveHandler(): void;
+  private _show;
+  private _hide;
   private _load;
   private _setOptions;
 }

package/dist/types/components/molecules/dropdown/dropdown.component.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Dropdown {
+  /**
+   * The content of the dropdown menu
+   */
+  placement: 'bottom' | 'top';
+  /**
+   * Wether to show the dropdown menu
+   */
+  show: boolean;
+  /**
+   * Wether to automatically close the dropdown menu after clicking inside
+   */
+  insideClick: boolean;
+  /**
+   * Wether to automatically close the dropdown menu after clicking inside
+   */
+  disableTriggerClick: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  /**
+   * Open change event
+   */
+  isOpen: EventEmitter<boolean>;
+  private _loaded;
+  private _popper;
+  private _menu;
+  componentShouldUpdate(): void;
+  render(): any;
+  private _checkButton;
+  private _containerClickHandler;
+  private _triggerClickHandler;
+  protected documentClickHandler({ target }: {
+    target: any;
+  }): void;
+  private _load;
+  private _setOptions;
+  private _show;
+  private _hide;
+}

package/dist/types/components/molecules/navigation-item/navigation-item.component.d.ts

@@ -0,0 +1,24 @@
+import { IconVariant } from '../../atoms/icon/icon.component';
+export declare class NavigationItem {
+  /**
+   * Wether the navigation item is active
+   */
+  active: boolean;
+  /**
+   * Icon of the navigation item
+   */
+  icon: IconVariant;
+  /**
+   * Icon of the navigation item
+   */
+  counter: number | string;
+  /**
+   * The href of the navigation item
+   */
+  href: string;
+  /**
+   * The target of the navigation item
+   */
+  target: string;
+  render(): any;
+}

package/dist/types/components/molecules/pagination/pagination.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class Pagination {
+  /**
+   * The current page
+   */
+  page: number;
+  pageChange: EventEmitter<number>;
+  /**
+   * The amount of items per page
+   */
+  pageSize: number;
+  /**
+   * The total amount of items
+   */
+  total: number;
+  private _pages;
+  private _set;
+  componentWillRender(): void;
+  render(): any;
+  protected pageChangeHandler(): void;
+  private _generate;
+  private _changePage;
+  private _previousClick;
+  private _nextClick;
+  private _pageClick;
+  private _generatePages;
+  private _generateSet;
+}

package/dist/types/components/molecules/stepper/stepper.component.d.ts

@@ -0,0 +1,18 @@
+export declare class Stepper {
+  /**
+   * The currently active step
+   */
+  activeStep: number;
+  /**
+   * The direction of the stepper
+   */
+  direction: 'horizontal' | 'vertical';
+  /**
+   * The host element
+   */
+  private _el;
+  private _steps;
+  componentWillRender(): void;
+  render(): any;
+  private _generateSteps;
+}

package/dist/types/components/organisms/modal/modal.component.d.ts

@@ -0,0 +1,25 @@
+export declare class Modal {
+  /**
+   * The size of the modal container
+   */
+  size: 'sm' | 'md' | 'lg' | 'xl';
+  /**
+   * The variant of the modal body
+   */
+  variant: 'default' | 'table';
+  /**
+   * The Header of the modal
+   */
+  header: string;
+  /**
+   * Wether to show the modal or not
+   */
+  show: boolean;
+  /**
+   * The host element
+   */
+  private _el;
+  private _hasFooterSlot;
+  componentWillLoad(): void;
+  render(): any;
+}