@paperless/core 0.1.0-alpha.21 → 0.1.0-alpha.210

package/dist/paperless/paperless.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-229f113b.js";(()=>{const a=import.meta.url,i={};return""!==a&&(i.resourcesUrl=new URL(".",a).href),e(i)})().then((e=>a([["p-6cd89223",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-c24c42de",[[0,"p-pagination",{value:[1026],pageSize:[2,"page-size"],total:[2]}]]],["p-19afe191",[[1,"p-helper"]]],["p-5f0ec763",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-e80637b9",[[1,"p-avatar",{variant:[1],size:[1],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-6c6c1137",[[1,"p-divider"]]],["p-23980fbb",[[0,"p-illustration",{variant:[1]}]]],["p-06a38756",[[1,"p-counter"]]],["p-ec52095f",[[1,"p-pagination-item",{active:[4]}]]],["p-31f80006",[[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-80bf9d06",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],loading:[4],disabled:[4],icon:[1],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]]],e)));
+import{p as e,b as i}from"./p-d9c1fe13.js";(()=>{const i=import.meta.url,a={};return""!==i&&(a.resourcesUrl=new URL(".",i).href),e(a)})().then((e=>i([["p-1f6a0296",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],width:[1],loading:[4],chevron:[8],chevronPosition:[1,"chevron-position"],disabled:[4],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],inheritText:[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]],["p-98332f25",[[0,"p-table",{items:[1],loading:[4],amountOfLoadingRows:[2,"amount-of-loading-rows"],enableRowSelection:[4,"enable-row-selection"],enableRowClick:[4,"enable-row-click"],selectedRows:[16],selectionKey:[1,"selection-key"],canSelectKey:[1,"can-select-key"],quickFilters:[16],activeQuickFilterIdentifier:[1,"active-quick-filter-identifier"],enableSearch:[4,"enable-search"],query:[1025],enableFilter:[4,"enable-filter"],selectedFiltersAmount:[2,"selected-filters-amount"],filterButtonTemplate:[16],enableEdit:[4,"enable-edit"],editButtonTemplate:[16],enablePageSize:[4,"enable-page-size"],enablePagination:[4,"enable-pagination"],enableExport:[4,"enable-export"],page:[1538],total:[2],pageSize:[2,"page-size"],pageSizeOptions:[16],hideOnSinglePage:[4,"hide-on-single-page"],_columns:[32],_items:[32]},[[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"]]]]],["p-d0a9b97b",[[1,"p-modal",{size:[1],variant:[1],header:[1],show:[4],showMobileClose:[4,"show-mobile-close"],showMobileFooter:[4,"show-mobile-footer"]}]]],["p-61975c9a",[[0,"p-select",{items:[1],query:[1],placeholder:[1],autocompletePlaceholder:[1,"autocomplete-placeholder"],value:[8],displayKey:[1,"display-key"],valueKey:[1,"value-key"],queryKey:[1,"query-key"],autoSelectFirst:[4,"auto-select-first"],maxDisplayedItems:[2,"max-displayed-items"],enableAutocomplete:[4,"enable-autocomplete"],asyncFilter:[4,"async-filter"],loading:[4],size:[1],prefix:[1],label:[1],helper:[1],error:[513],disabled:[516],_showDropdown:[32],_selectedItem:[32]},[[6,"click","documentClickHandler"]]]]],["p-b797b0ce",[[1,"p-navbar",{closeText:[1,"close-text"],menuText:[1,"menu-text"],_showMenu:[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-44d46765",[[1,"p-profile",{variant:[1],size:[513],_dropdownOpen:[32]}]]],["p-52ab1f62",[[1,"p-stepper",{activeStep:[2,"active-step"],direction:[513]}]]],["p-9fba2393",[[1,"p-toast",{variant:[1],header:[1],content:[1],enableAction:[4,"enable-action"],actionIcon:[1,"action-icon"],actionIconFlip:[1,"action-icon-flip"],actionIconRotate:[2,"action-icon-rotate"]}]]],["p-7e9a866e",[[1,"p-accordion",{header:[1],open:[4],closeable:[4],openable:[4]}]]],["p-41588819",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-06899ffb",[[4,"p-card-header",{header:[1],arrow:[4]}]]],["p-150aadaf",[[1,"p-content-slider",{hideMobileIndicator:[4,"hide-mobile-indicator"],disableDrag:[4,"disable-drag"],disableAutoCenter:[4,"disable-auto-center"],disableIndicatorClick:[4,"disable-indicator-click"],_visibleIndex:[32],_outerHeight:[32],_totalWidth:[32],_dragging:[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-c4110c09",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-58dd41be",[[4,"p-status",{variant:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-c11282d2",[[1,"p-tab-group"]]],["p-5a71d6ae",[[0,"p-avatar",{variant:[513],size:[513],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-86a6c56a",[[4,"p-avatar-group",{extra:[2]}]]],["p-600a2f21",[[4,"p-card-body",{inheritText:[516,"inherit-text"]}]]],["p-15d13147",[[1,"p-card-container",{hoverable:[516],shadow:[516]}]]],["p-78db3d3c",[[0,"p-illustration",{variant:[1]}]]],["p-3180c96e",[[1,"p-layout",{variant:[1]}]]],["p-4588a510",[[1,"p-tab-item",{active:[4]}]]],["p-d17b038f",[[0,"p-table-column",{path:[1537],type:[1537],name:[1537],useSlot:[1540,"use-slot"],align:[1537],sizes:[1032]}]]],["p-a0e3e68d",[[1,"p-toast-container",{placement:[1]}]]],["p-8614bd10",[[1,"p-counter",{variant:[1],size:[1]}]]],["p-ad147b1b",[[1,"p-slider-indicator",{active:[4]}]]],["p-8f179b0d",[[1,"p-stepper-item",{align:[513],direction:[513],finished:[516],active:[516]}],[1,"p-stepper-line",{active:[516],direction:[513]}]]],["p-aae4caab",[[1,"p-divider"]]],["p-f45b75ae",[[1,"p-dropdown-menu-item",{active:[4],enableHover:[4,"enable-hover"],icon:[1]}],[1,"p-dropdown",{placement:[513],strategy:[1],show:[4],calculateWidth:[4,"calculate-width"],insideClick:[4,"inside-click"],disableTriggerClick:[4,"disable-trigger-click"],chevronPosition:[1,"chevron-position"],chevronDirection:[1,"chevron-direction"]},[[6,"click","documentClickHandler"]]],[4,"p-dropdown-menu-container",{maxWidth:[4,"max-width"]}]]],["p-8262fe7e",[[1,"p-page-size-select",{size:[1538],sizeOptions:[16],chevronPosition:[1,"chevron-position"],buttonSize:[1,"button-size"],buttonTemplate:[16],itemTemplate:[16],hidden:[4],_locales:[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination",{page:[1538],pageSize:[2,"page-size"],hideOnSinglePage:[4,"hide-on-single-page"],total:[2]}],[1,"p-pagination-item",{active:[4]}]]],["p-2bf44a1d",[[1,"p-table-footer",{enablePageSize:[4,"enable-page-size"],enablePagination:[4,"enable-pagination"],enableExport:[4,"enable-export"],page:[1538],total:[2],pageSize:[2,"page-size"],pageSizeOptions:[16],hideOnSinglePage:[4,"hide-on-single-page"],_locales:[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-header",{quickFilters:[16],activeQuickFilterIdentifier:[1,"active-quick-filter-identifier"],enableSearch:[4,"enable-search"],itemsSelectedAmount:[2,"items-selected-amount"],query:[1025],enableFilter:[4,"enable-filter"],selectedFiltersAmount:[2,"selected-filters-amount"],filterButtonTemplate:[16],enableEdit:[4,"enable-edit"],canEdit:[1028,"can-edit"],editButtonTemplate:[16],_locales:[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-table-cell",{variant:[1],index:[2],rowIndex:[2,"row-index"],definition:[16],item:[8],value:[8],checkbox:[8],template:[16]}],[1,"p-table-row",{variant:[1],enableHover:[4,"enable-hover"]}],[1,"p-table-container"]]],["p-48c3b71e",[[1,"p-modal-header",{showMobileClose:[4,"show-mobile-close"]}],[1,"p-modal-footer",{hideOnMobile:[4,"hide-on-mobile"]}],[1,"p-modal-backdrop"],[1,"p-modal-body",{variant:[1]}],[4,"p-modal-container",{size:[1]}]]],["p-3b243f16",[[1,"p-helper",{placement:[1]}],[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],strategy:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-7a77a930",[[1,"p-label",{variant:[513],circle:[516],size:[513],mobileIcon:[516,"mobile-icon"],iconOnly:[516,"icon-only"],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}],[1,"p-segment-item",{active:[4],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}],[4,"p-segment-container"],[1,"p-input-group",{size:[1],prefix:[1],suffix:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],iconPosition:[1,"icon-position"],label:[1],helper:[1],error:[513],disabled:[516],focused:[516],_showTooltip:[32],_forceShowTooltip:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]]],e)));

package/dist/style/_fonts.scss

@@ -0,0 +1,70 @@
+/* ibm-plex-sans-300 - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-300.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'), url(/assets/fonts/ibm-plex-sans-v3-latin-300.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-300.woff2) format('woff2'), /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-300.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-300.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-300.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}
+
+/* ibm-plex-sans-regular - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-regular.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans'), local('IBMPlexSans'), url(/assets/fonts/ibm-plex-sans-v3-latin-regular.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-regular.woff2) format('woff2'),
+    /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-regular.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-regular.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-regular.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}
+
+/* ibm-plex-sans-500 - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 500;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-500.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'), url(/assets/fonts/ibm-plex-sans-v3-latin-500.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-500.woff2) format('woff2'), /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-500.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-500.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-500.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}
+
+/* ibm-plex-sans-600 - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-600.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(/assets/fonts/ibm-plex-sans-v3-latin-600.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-600.woff2) format('woff2'), /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-600.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-600.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-600.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}
+
+/* ibm-plex-sans-700 - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-700.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(/assets/fonts/ibm-plex-sans-v3-latin-700.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff2) format('woff2'), /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-700.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-700.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}

package/dist/style/_reset.scss

@@ -0,0 +1,31 @@
+@layer base {
+    html,
+    body {
+        font-family: 'IBM Plex Sans', sans-serif;
+
+        @apply w-full;
+        @apply bg-mystic;
+
+        max-width: 100vw;
+
+        text-rendering: optimizeLegibility;
+        -webkit-font-smoothing: antialiased;
+    }
+
+    html {
+        height: -moz-available;
+        height: -webkit-fill-available;
+        height: fill-available;
+    }
+
+    body {
+        @apply min-h-screen;
+        min-height: -moz-available;
+        min-height: -webkit-fill-available;
+        min-height: fill-available;
+    }
+
+    body * {
+        @apply box-border;
+    }
+}

package/dist/style/_tailwind.scss

@@ -0,0 +1,3 @@
+@tailwind base;
+// @tailwind utilities;
+// @tailwind components;

package/dist/style/_typograhpy.scss

@@ -0,0 +1,29 @@
+@layer base {
+    h1 {
+        @apply text-h1 font-bold leading-h1;
+    }
+
+    h2 {
+        @apply text-h2 font-bold leading-h2;
+    }
+
+    h3 {
+        @apply text-h3 font-semibold leading-h3;
+    }
+
+    h4 {
+        @apply text-h4 font-semibold leading-h4;
+    }
+
+    h5 {
+        @apply text-h5 font-medium leading-h5;
+    }
+
+    body {
+        @apply text-body leading-body text-storm #{!important};
+    }
+
+    .body-2 {
+        @apply text-body-2 leading-body-2 text-storm #{!important};
+    }
+}

package/dist/style/_variables.scss

@@ -0,0 +1,2 @@
+:root {
+}

package/dist/style/form/_checkbox.scss

@@ -0,0 +1,62 @@
+@import './mixins';
+
+input[type='checkbox'].p-input {
+    @apply appearance-none bg-center bg-no-repeat;
+    @apply w-6 h-6 rounded bg-white;
+    @apply border border-solid border-mystic-dark;
+    @apply outline-none #{!important};
+
+    background-size: 1rem;
+
+    + label {
+        margin-top: 0.05rem;
+        margin-left: 0.2rem;
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled) {
+        @apply cursor-pointer;
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled):not(:checked):not([checked]):not(.checked):not(:indeterminate):not([indeterminate]):not(.indeterminate) {
+        @apply border-indigo;
+        background-image: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>EB3016C2-A1DF-47ED-937C-697443FD3F3C@1x</title> <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="%23dae6f0"> <g id="Collection---Icons" transform="translate(56.000000, 56.000000)"> <g id="icons" transform="translate(0.000000, 152.000000)"> <g id="checkmark" transform="translate(0.000000, 160.000000)"> <g id="Path" transform="translate(243.000000, 0.000000)"> <path d="M5.9647539,11.4869113 L13.5310363,1.53005377 C13.9660225,0.957640367 14.7506399,0.830594918 15.3318508,1.23846541 L15.4391486,1.31485597 C15.7328273,1.52108493 15.9306419,1.84558554 15.9849532,2.2102092 C16.0392644,2.57483285 15.9451503,2.94653481 15.725276,3.23579911 L7.2585864,14.3795051 C7.08780408,14.6049504 6.86247873,14.7614579 6.61748211,14.843438 C6.09379993,15.1259931 5.45441111,15.0189985 5.04199293,14.5797974 L0.362021072,9.60136867 C0.114703307,9.33763381 -0.0159246448,8.97843936 0.00155347006,8.61017223 C0.019031585,8.2419051 0.18303418,7.89788961 0.45411834,7.6608621 L0.554262943,7.57329243 C1.09124008,7.10398752 1.8844974,7.14458066 2.37474875,7.66645166 L5.96564805,11.4869113 L5.9647539,11.4869113 Z"></path> </g> </g> </g> </g> </g> </g></svg>');
+    }
+
+    &[indeterminate],
+    &:indeterminate,
+    &.indeterminate,
+    &[checked],
+    &:checked,
+    &.checked {
+        @apply bg-indigo border-indigo;
+    }
+
+    &[checked],
+    &:checked,
+    &.checked {
+        background-image: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>EB3016C2-A1DF-47ED-937C-697443FD3F3C@1x</title> <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="white"> <g id="Collection---Icons" transform="translate(56.000000, 56.000000)"> <g id="icons" transform="translate(0.000000, 152.000000)"> <g id="checkmark" transform="translate(0.000000, 160.000000)"> <g id="Path" transform="translate(243.000000, 0.000000)"> <path d="M5.9647539,11.4869113 L13.5310363,1.53005377 C13.9660225,0.957640367 14.7506399,0.830594918 15.3318508,1.23846541 L15.4391486,1.31485597 C15.7328273,1.52108493 15.9306419,1.84558554 15.9849532,2.2102092 C16.0392644,2.57483285 15.9451503,2.94653481 15.725276,3.23579911 L7.2585864,14.3795051 C7.08780408,14.6049504 6.86247873,14.7614579 6.61748211,14.843438 C6.09379993,15.1259931 5.45441111,15.0189985 5.04199293,14.5797974 L0.362021072,9.60136867 C0.114703307,9.33763381 -0.0159246448,8.97843936 0.00155347006,8.61017223 C0.019031585,8.2419051 0.18303418,7.89788961 0.45411834,7.6608621 L0.554262943,7.57329243 C1.09124008,7.10398752 1.8844974,7.14458066 2.37474875,7.66645166 L5.96564805,11.4869113 L5.9647539,11.4869113 Z"></path> </g> </g> </g> </g> </g> </g></svg>');
+    }
+
+    &[indeterminate],
+    &:indeterminate,
+    &.indeterminate {
+        background-image: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>1AA10FE9-5D18-418E-AF58-B044C23B6DEB@1x</title> <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -854.000000)" fill="white"> <g id="Collection---Icons" transform="translate(56.000000, 56.000000)"> <g id="icons" transform="translate(0.000000, 152.000000)"> <g id="minus" transform="translate(0.000000, 646.000000)"> <g id="icons/plus/default" transform="translate(243.000000, 0.000000)"> <path d="M4,7 L12,7 C12.5522847,7 13,7.44771525 13,8 C13,8.55228475 12.5522847,9 12,9 L4,9 C3.44771525,9 3,8.55228475 3,8 C3,7.44771525 3.44771525,7 4,7 Z"></path> </g> </g> </g> </g> </g> </g></svg>');
+    }
+
+    &[disabled],
+    &:disabled,
+    &.disabled {
+        @include inputDisabledState();
+    }
+
+    &[error],
+    &.error {
+        @include inputErrorState();
+
+        &[checked],
+        &:checked,
+        &.checked {
+            @apply bg-negative;
+        }
+    }
+}

package/dist/style/form/_input.scss

@@ -0,0 +1,22 @@
+@import './mixins';
+
+@include inputs() {
+    @include inputDefaultState();
+
+    &[error],
+    &.error {
+        @include inputErrorState();
+    }
+
+    &[disabled],
+    &:disabled,
+    &.disabled {
+        @include inputDisabledState();
+    }
+
+    &.clean {
+        &::-webkit-calendar-picker-indicator {
+            display: none;
+        }
+    }
+}

package/dist/style/form/_mixins.scss

@@ -0,0 +1,107 @@
+@mixin inputs($prefix: false, $slotted: false) {
+    @if $prefix != false {
+        @if $slotted == true {
+            #{$prefix} + ::slotted(input[type='text'].p-input),
+            #{$prefix} + ::slotted(input[type='number'].p-input),
+            #{$prefix} + ::slotted(input[type='date'].p-input),
+            #{$prefix} + ::slotted(input[type='month'].p-input),
+            #{$prefix} + ::slotted(input[type='datetime-local'].p-input),
+            #{$prefix} + ::slotted(input[type='time'].p-input),
+            #{$prefix} + ::slotted(input[type='tel'].p-input),
+            #{$prefix} + ::slotted(input[type='password'].p-input),
+            #{$prefix} + ::slotted(input[type='email'].p-input) {
+                @content;
+            }
+        } @else {
+            #{$prefix} + input[type='text'],
+            #{$prefix} + input[type='number'],
+            #{$prefix} + input[type='date'],
+            #{$prefix} + input[type='month'],
+            #{$prefix} + input[type='datetime-local'],
+            #{$prefix} + input[type='time'],
+            #{$prefix} + input[type='tel'],
+            #{$prefix} + input[type='password'],
+            #{$prefix} + input[type='email'] {
+                &.p-input {
+                    @content;
+                }
+            }
+        }
+    } @else {
+        @if $slotted == true {
+            ::slotted(input[type='text'].p-input),
+            ::slotted(input[type='number'].p-input),
+            ::slotted(input[type='date'].p-input),
+            ::slotted(input[type='month'].p-input),
+            ::slotted(input[type='datetime-local'].p-input),
+            ::slotted(input[type='time'].p-input),
+            ::slotted(input[type='tel'].p-input),
+            ::slotted(input[type='password'].p-input),
+            ::slotted(input[type='email'].p-input) {
+                @content;
+            }
+        } @else {
+            input[type='text'],
+            input[type='number'],
+            input[type='date'],
+            input[type='month'],
+            input[type='datetime-local'],
+            input[type='time'],
+            input[type='tel'],
+            input[type='password'],
+            input[type='email'] {
+                &.p-input {
+                    @content;
+                }
+            }
+        }
+    }
+}
+
+@mixin inputDefaultState {
+    @apply flex justify-start items-center h-10;
+    @apply text-storm-dark;
+    @apply bg-white px-4 w-full;
+    @apply rounded-large;
+    @apply border border-mystic-dark border-solid #{!important};
+    @apply outline-none #{!important};
+
+    &::placeholder {
+        @apply text-storm-medium;
+    }
+
+    &:focus,
+    &:focus-within,
+    &:focus-visible,
+    &.focus,
+    &[active],
+    &.active {
+        @include inputFocusState();
+    }
+
+    &.size-small {
+        @include inputSizeSmall();
+    }
+}
+
+@mixin inputFocusState {
+    @apply border-indigo #{!important};
+    @apply outline-none #{!important};
+}
+
+@mixin inputErrorState {
+    @apply text-negative-dark;
+    @apply border-negative #{!important};
+
+    &::placeholder {
+        @apply text-negative-light;
+    }
+}
+
+@mixin inputDisabledState {
+    @apply opacity-40;
+}
+
+@mixin inputSizeSmall {
+    @apply h-8 text-sm;
+}

package/dist/style/form/_radio.scss

@@ -0,0 +1,58 @@
+.p-input[type='radio'] {
+    @apply appearance-none relative;
+    @apply w-4 h-4 bg-white rounded-round;
+    @apply border border-solid border-mystic-dark;
+    @apply outline-none #{!important};
+
+    &:after {
+        @apply absolute top-1/2 left-1/2 bg-transparent;
+        @apply transform -translate-x-1/2 -translate-y-1/2 rounded-round;
+
+        content: ' ';
+        width: 0.375em;
+        height: 0.375em;
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled) {
+        @apply cursor-pointer;
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled):not(:checked):not([checked]):not(.checked) {
+        @apply border-indigo;
+
+        &::after {
+            @apply bg-mystic-dark;
+        }
+    }
+
+    &[checked],
+    &:checked,
+    &.checked {
+        @apply bg-indigo border-indigo;
+
+        &:after {
+            @apply bg-white;
+        }
+    }
+
+    &[disabled],
+    &:disabled,
+    &.disabled {
+        @include inputDisabledState();
+    }
+
+    &[error],
+    &.error {
+        @include inputErrorState();
+
+        &[checked],
+        &:checked,
+        &.checked {
+            @apply bg-negative;
+
+            &:after {
+                @apply bg-white;
+            }
+        }
+    }
+}

package/dist/style/form/_textarea.scss

@@ -0,0 +1,18 @@
+@import './mixins';
+
+textarea.p-input {
+    @include inputDefaultState();
+
+    @apply h-auto py-2;
+
+    &[error],
+    &.error {
+        @include inputErrorState();
+    }
+
+    &[disabled],
+    &:disabled,
+    &.disabled {
+        @include inputDisabledState();
+    }
+}

package/dist/style/form/index.scss

@@ -0,0 +1,4 @@
+@import './input';
+@import './textarea';
+@import './checkbox';
+@import './radio';

package/dist/style/paperless.scss

@@ -0,0 +1,10 @@
+@import './variables';
+
+@import './tailwind';
+
+@import './reset';
+@import './fonts';
+
+@import './typograhpy';
+
+@import './form';