@paperless/core 0.1.0-alpha.33 → 0.1.0-alpha.37

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.1.0-alpha.37 (2022-07-26)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.36 (2022-07-26)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.35 (2022-07-25)
+
+**Note:** Version bump only for package @paperless/core
+
+
+
+
+
+# 0.1.0-alpha.34 (2022-07-25)
+
+
+### Features
+
+* **Typography:** Implement default typography ([b26b7d6](https://github.com/ionic-team/stencil-component-starter/commit/b26b7d6c3e68cefdec1b0c85333bd2d18b40b2d3))
+
+
+
+
+
 # 0.1.0-alpha.33 (2022-07-18)
 
 

package/dist/build/paperless.css

@@ -21,7 +21,7 @@ body {
     min-height: 100vh;
     width: 100%;
     max-width: 100vw;
-    @apply bg-mystic text-storm;
+    @apply bg-mystic;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
   }
@@ -76,6 +76,32 @@ body {
   src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff2) format("woff2"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff) format("woff"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.ttf) format("truetype"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.svg#IBMPlexSans) format("svg");
   /* Legacy iOS */
 }
-body {
-  @apply bg-mystic;
+@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/cjs/index-a46a39a5.js

@@ -1602,7 +1602,84 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     if (module) {
         return module[exportName];
     }
-    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+    
+    if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+      const processMod = importedModule => {
+        cmpModules.set(bundleId, importedModule);
+        return importedModule[exportName];
+      }
+      switch(bundleId) {
+        
+        case 'p-button_3.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-button_3.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-avatar.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-avatar.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-divider.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-divider.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-dropdown.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-dropdown.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-dropdown-menu-item.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-dropdown-menu-item.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-helper.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-helper.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-illustration.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-illustration.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-info-panel.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-info-panel.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-navigation-item.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-navigation-item.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-pagination.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-pagination.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-segment-container.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-segment-container.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-segment-item.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-segment-item.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-status.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-status.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-counter.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-counter.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-dropdown-menu-container.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-dropdown-menu-container.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-pagination-item.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-pagination-item.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'p-tooltip.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './p-tooltip.cjs.entry.js')); }).then(processMod, consoleError);
+      }
+    }
     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */

package/dist/collection/tailwind/typography.js

@@ -0,0 +1,21 @@
+module.exports = {
+    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/collection/tailwind.config.js

@@ -4,6 +4,7 @@ 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');
 
 module.exports = {
   important: true,
@@ -16,6 +17,8 @@ module.exports = {
       ...grid,
       scale,
       rotate,
+      fontSize: typeograhpy.fontSize,
+      lineHeight: typeograhpy.lineHeight
     },
   },
   variants: {},

package/dist/esm/index-a68e547b.js

@@ -1580,7 +1580,84 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     if (module) {
         return module[exportName];
     }
-    /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
+    
+    if (!hmrVersionId || !BUILD.hotModuleReplacement) {
+      const processMod = importedModule => {
+        cmpModules.set(bundleId, importedModule);
+        return importedModule[exportName];
+      }
+      switch(bundleId) {
+        
+        case 'p-button_3':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-button_3.entry.js').then(processMod, consoleError);
+        case 'p-avatar':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-avatar.entry.js').then(processMod, consoleError);
+        case 'p-divider':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-divider.entry.js').then(processMod, consoleError);
+        case 'p-dropdown':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-dropdown.entry.js').then(processMod, consoleError);
+        case 'p-dropdown-menu-item':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-dropdown-menu-item.entry.js').then(processMod, consoleError);
+        case 'p-helper':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-helper.entry.js').then(processMod, consoleError);
+        case 'p-illustration':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-illustration.entry.js').then(processMod, consoleError);
+        case 'p-info-panel':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-info-panel.entry.js').then(processMod, consoleError);
+        case 'p-navigation-item':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-navigation-item.entry.js').then(processMod, consoleError);
+        case 'p-pagination':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-pagination.entry.js').then(processMod, consoleError);
+        case 'p-segment-container':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-segment-container.entry.js').then(processMod, consoleError);
+        case 'p-segment-item':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-segment-item.entry.js').then(processMod, consoleError);
+        case 'p-status':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-status.entry.js').then(processMod, consoleError);
+        case 'p-counter':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-counter.entry.js').then(processMod, consoleError);
+        case 'p-dropdown-menu-container':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-dropdown-menu-container.entry.js').then(processMod, consoleError);
+        case 'p-pagination-item':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-pagination-item.entry.js').then(processMod, consoleError);
+        case 'p-tooltip':
+          return import(
+            /* webpackMode: "lazy" */
+            './p-tooltip.entry.js').then(processMod, consoleError);
+      }
+    }
     return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */

package/dist/index.html

@@ -1,4 +1,4 @@
-<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2022-07-18T11:41:27">
+<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <script type="module" src="/build/paperless.esm.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> </head> <body> <p-button>Buttono</p-button> <script data-build="2022-07-26T15:43:04">
 if ('serviceWorker' in navigator && location.protocol !== 'file:') {
   window.addEventListener('load', function() {
   navigator.serviceWorker.register('/sw.js')

package/dist/paperless/paperless.css

@@ -418,12 +418,47 @@ body {
   max-width: 100vw;
   --tw-bg-opacity: 1;
   background-color: rgb(247 250 252 / var(--tw-bg-opacity));
-  --tw-text-opacity: 1;
-  color: rgb(81 83 107 / var(--tw-text-opacity));
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
 }
 
+h1 {
+  font-size: 2.5rem;
+  font-weight: 700;
+  line-height: 3rem;
+}
+
+h2 {
+  font-size: 2rem;
+  font-weight: 700;
+  line-height: 2.5rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.875rem;
+}
+
+h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.625rem;
+}
+
+h5 {
+  font-size: 1.125rem;
+  font-weight: 500;
+  line-height: 1.375rem;
+}
+
+body {
+  font-size: 1rem !important;
+  line-height: 1.75rem !important;
+  --tw-text-opacity: 1 !important;
+  color: rgb(81 83 107 / var(--tw-text-opacity)) !important;
+}
+
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -23337,6 +23372,38 @@ body {
   line-height: 1 !important;
 }
 
+.text-h1 {
+  font-size: 2.5rem !important;
+}
+
+.text-h2 {
+  font-size: 2rem !important;
+}
+
+.text-h3 {
+  font-size: 1.5rem !important;
+}
+
+.text-h4 {
+  font-size: 1.25rem !important;
+}
+
+.text-h5 {
+  font-size: 1.125rem !important;
+}
+
+.text-body {
+  font-size: 1rem !important;
+}
+
+.text-body-2 {
+  font-size: 1.125rem !important;
+}
+
+.text-xxs {
+  font-size: 0.6875rem !important;
+}
+
 .font-thin {
   font-weight: 100 !important;
 }
@@ -23497,6 +23564,34 @@ body {
   line-height: 2 !important;
 }
 
+.leading-h1 {
+  line-height: 3rem !important;
+}
+
+.leading-h2 {
+  line-height: 2.5rem !important;
+}
+
+.leading-h3 {
+  line-height: 1.875rem !important;
+}
+
+.leading-h4 {
+  line-height: 1.625rem !important;
+}
+
+.leading-h5 {
+  line-height: 1.375rem !important;
+}
+
+.leading-body {
+  line-height: 1.75rem !important;
+}
+
+.leading-body-2 {
+  line-height: 1.875rem !important;
+}
+
 .tracking-tighter {
   letter-spacing: -0.05em !important;
 }
@@ -27113,9 +27208,4 @@ body {
   src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff2) format("woff2"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff) format("woff"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.ttf) format("truetype"), url(/assets/fonts/ibm-plex-sans-v3-latin-700.svg#IBMPlexSans) format("svg");
 
   /* Legacy iOS */
-}
-
-body {
-  --tw-bg-opacity: 1;
-  background-color: rgb(247 250 252 / var(--tw-bg-opacity));
 }

package/dist/sw.js

@@ -27,7 +27,7 @@ self.addEventListener('message', (event) => {
 self.__precacheManifest = [
   {
     "url": "index.html",
-    "revision": "26163f9f5ca0d467a006669f131a6398"
+    "revision": "b028acb11b730cd817e26d25353062e6"
   },
   {
     "url": "build/index.esm.js",
@@ -92,7 +92,7 @@ self.__precacheManifest = [
   },
   {
     "url": "cjs/index-a46a39a5.js",
-    "revision": "1441b70dfec8d85b81b3a1e89d1910de"
+    "revision": "9861045d58fabec4064fb757ad46dceb"
   },
   {
     "url": "cjs/index.cjs.js",
@@ -324,7 +324,7 @@ self.__precacheManifest = [
   },
   {
     "url": "collection/tailwind.config.js",
-    "revision": "7806aaeaf0d7b8b09761f370f16cdddd"
+    "revision": "f742bad3ce244a35a3153d71eb6de4da"
   },
   {
     "url": "collection/tailwind/border-radius.js",
@@ -350,6 +350,10 @@ self.__precacheManifest = [
     "url": "collection/tailwind/shadows.js",
     "revision": "90a3cc6f1c4f6714180ddbb3a0e40a53"
   },
+  {
+    "url": "collection/tailwind/typography.js",
+    "revision": "63fc1dacace043e348a3fcf95c582fef"
+  },
   {
     "url": "collection/utils/child-of.js",
     "revision": "203ec62b662bb9bc96f309e4cebcbbcf"
@@ -469,7 +473,7 @@ self.__precacheManifest = [
   },
   {
     "url": "esm/index-a68e547b.js",
-    "revision": "9be40121427940a4da6a707aca693268"
+    "revision": "fdb7b33ada9142093390f78de563f09a"
   },
   {
     "url": "esm/index.js",
@@ -638,7 +642,7 @@ self.__precacheManifest = [
   },
   {
     "url": "tailwind.config.js",
-    "revision": "7806aaeaf0d7b8b09761f370f16cdddd"
+    "revision": "f742bad3ce244a35a3153d71eb6de4da"
   }
 ].concat(self.__precacheManifest || []);
 workbox.precaching.precacheAndRoute(self.__precacheManifest, {});

package/dist/tailwind.config.js

@@ -4,6 +4,7 @@ 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');
 
 module.exports = {
   important: true,
@@ -16,6 +17,8 @@ module.exports = {
       ...grid,
       scale,
       rotate,
+      fontSize: typeograhpy.fontSize,
+      lineHeight: typeograhpy.lineHeight
     },
   },
   variants: {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/core",
-  "version": "0.1.0-alpha.33",
+  "version": "0.1.0-alpha.37",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",