@lukso/web-components 1.5.4 → 1.6.1

package/src/docs/typography.stories.mdx

@@ -0,0 +1,253 @@
+import { Meta } from '@storybook/addon-docs'
+
+<Meta title="Design System/Typography" />
+
+<h1 id="typography">Typography</h1>
+
+In order to maintain a consistent look and feel woth design in terms of the typography,
+we have a set of CSS classes that we use. Using `font-family`,
+`font-weight` and `font-size` directly in your code should be avoided and instead use this set
+of classes.
+
+### **Font colors**
+
+Colors for the text should be added independently using proper color classes. See example below.
+
+```html
+<div class="mt-6 sb-unstyled heading-h1 text-neutral-20">Lorem ipsum</div>
+```
+
+### **Table of contents**
+
+- [Headings](#headings)
+- [Paragraph](#paragraph)
+- [Currency](#currency)
+- [Utility](#utility)
+- [Monospaced](#monospaced)
+
+<h3 id="headings">**Headings**</h3>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h1`
+  <div class="mt-6 sb-unstyled heading-h1">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h2`
+  <div class="mt-6 sb-unstyled heading-h2">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h3`
+  <div class="mt-6 sb-unstyled heading-h3">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h4`
+  <div class="mt-6 sb-unstyled heading-h4">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h5`
+  <div class="mt-6 sb-unstyled heading-h5">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h1-medium-apax`
+  <div class="mt-6 sb-unstyled heading-h1-medium-apax">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h1-regular-apax`
+  <div class="mt-6 sb-unstyled heading-h1-regular-apax">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h2-medium-apax`
+  <div class="mt-6 sb-unstyled heading-h2-medium-apax">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h3-medium-apax`
+  <div class="mt-6 sb-unstyled heading-h3-medium-apax">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h4-medium-apax`
+  <div class="mt-6 sb-unstyled heading-h4-medium-apax">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h4-medium-uppercase-apax`
+  <div class="mt-6 sb-unstyled heading-h4-medium-uppercase-apax">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h5-medium-apax`
+  <div class="mt-6 sb-unstyled heading-h5-medium-apax">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `heading-h5-medium-uppercase-apax`
+  <div class="mt-6 sb-unstyled heading-h5-medium-uppercase-apax">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<h3 id="paragraph">**Paragraph** [↑](#typography)</h3>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `paragraph-16-regular`
+  <div class="mt-6 sb-unstyled paragraph-16-regular">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `paragraph-16-semi-bold`
+  <div class="mt-6 sb-unstyled paragraph-16-semi-bold">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `paragraph-14-regular`
+  <div class="mt-6 sb-unstyled paragraph-14-regular">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `paragraph-14-medium`
+  <div class="mt-6 sb-unstyled paragraph-14-medium">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `paragraph-14-semi-bold`
+  <div class="mt-6 sb-unstyled paragraph-14-semi-bold">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `paragraph-12-regular`
+  <div class="mt-6 sb-unstyled paragraph-12-regular">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `paragraph-12-medium`
+  <div class="mt-6 sb-unstyled paragraph-12-medium">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `paragraph-12-semi-bold`
+  <div class="mt-6 sb-unstyled paragraph-12-semi-bold">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<h3 id="currency">**Currency** [↑](#typography)</h3>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `currency-10-semi-bold`
+  <div class="mt-6 sb-unstyled currency-10-semi-bold">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `currency-10-bold-uppercase`
+  <div class="mt-6 sb-unstyled currency-10-bold-uppercase">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `currency-14-semi-bold`
+  <div class="mt-6 sb-unstyled currency-14-semi-bold">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<h3 id="utility">**Utility** [↑](#typography)</h3>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `link`
+  <div class="mt-6 sb-unstyled link">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `button-text`
+  <div class="mt-6 sb-unstyled button-text">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `caption`
+  <div class="mt-6 sb-unstyled caption">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<h3 id="monospaced">**Monospaced** [↑](#typography)</h3>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `monospaced-16-regular`
+  <div class="mt-6 sb-unstyled monospaced-16-regular">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `monospaced-16-bold`
+  <div class="mt-6 sb-unstyled monospaced-16-bold">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `monospaced-12-bold`
+  <div class="mt-6 sb-unstyled monospaced-12-bold">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>
+
+<div class="p-5 my-6 shadow-neutral-above-shadow rounded sb-unstyled">
+  #### `monospaced-10-bold`
+  <div class="mt-6 sb-unstyled monospaced-10-bold">
+    The quick brown fox jumps over the lazy dog.
+  </div>
+</div>

package/src/shared/assets/images/lukso-logo.svg

@@ -0,0 +1,3 @@
+<svg width="112" height="26" viewBox="0 0 112 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.4216 15.3911L53.9643 25.4427H59.7004L50.5652 13.4718C50.0696 12.8091 49.8567 12.3195 49.8567 11.8311C49.8567 11.3427 50.1755 10.8887 50.7769 10.2259L59.5235 0.48843H53.7514L46.3157 8.79506C45.1827 10.0861 44.6511 10.9941 44.6511 11.8666C44.6511 12.9833 45.2886 13.8903 46.4216 15.3911ZM86.2568 13.0178C86.2568 5.75903 91.3914 0 99.04 0C106.688 0 112 5.44488 112 13.0178C112 20.5906 106.547 25.9312 99.076 25.9312C91.0738 25.9312 86.2579 20.4175 86.2579 13.0178H86.2568ZM107.042 12.9833C107.042 7.88814 103.891 4.11835 99.0749 4.11835C94.2589 4.11835 91.2135 7.8182 91.2135 12.9833C91.2135 18.1485 94.4707 21.8828 99.0749 21.8828C103.926 21.8828 107.042 18.0441 107.042 12.9833ZM72.3405 25.4427H63.3822V21.3244H73.2258C76.0584 21.3244 77.5101 20.5918 77.5101 18.6369C77.5101 16.8919 76.3771 16.3335 73.2967 15.4954L70.3583 14.6929C64.87 13.192 63.0285 11.447 63.0285 7.32866C63.0285 3.21031 65.5074 0.48843 71.4913 0.48843H80.4497V4.67671H71.4204C68.9065 4.67671 67.6665 5.23508 67.6665 7.01452C67.6665 8.68961 68.7995 9.49219 71.7031 10.2248L74.7485 10.993C79.8471 12.284 82.2551 14.099 82.2551 18.1474C82.2551 22.8241 79.6343 25.4416 72.3405 25.4416V25.4427ZM28.185 26.0011C21.7055 26.0011 17.8098 22.581 17.8098 15.8806V0.523952H22.5547V15.5998C22.5547 19.2297 23.7238 21.8816 28.185 21.8816C32.6462 21.8816 33.8152 19.404 33.8152 15.5643V0.48843H38.5602V15.8451C38.5602 22.4766 34.6656 26.0011 28.185 26.0011ZM4.7799 0.523952H0V20.6961C0 24.0463 1.41685 25.4427 4.28434 25.4427H13.5265V21.3599H6.58645C5.20564 21.3599 4.78103 20.9414 4.78103 19.6149V0.523952H4.7799Z" fill="#243542"/>
+</svg>

package/src/shared/styles/typography.scss

@@ -28,15 +28,35 @@
     @apply text-14 not-italic font-700 leading-17 font-inter;
   }
 
-  .heading-h1-apax {
+  .heading-h1-medium-apax {
+    @apply text-44 not-italic font-500 leading-40 font-apax;
+  }
+
+  .heading-h1-regular-apax {
+    @apply text-44 not-italic font-400 leading-40 font-apax;
+  }
+
+  .heading-h2-medium-apax {
     @apply text-24 not-italic font-500 leading-28 font-apax;
   }
 
-  .heading-h4-apax {
+  .heading-h3-medium-apax {
+    @apply text-16 not-italic font-500 leading-19 font-apax;
+  }
+
+  .heading-h4-medium-apax {
+    @apply text-14 not-italic font-500 leading-20 font-apax;
+  }
+
+  .heading-h4-medium-uppercase-apax {
     @apply text-14 not-italic font-500 leading-20 font-apax uppercase tracking-[.08em];
   }
 
-  .heading-h5-apax {
+  .heading-h5-medium-apax {
+    @apply text-8 not-italic font-500 leading-10 font-apax;
+  }
+
+  .heading-h5-medium-uppercase-apax {
     @apply text-8 not-italic font-500 leading-10 font-apax uppercase tracking-[.08em];
   }
 

package/src/shared/utils/__tests__/{sliceAddress.spec.ts → slice-address.spec.ts}

@@ -1,4 +1,4 @@
-import { sliceAddress } from '../sliceAddress'
+import { sliceAddress } from '../slice-address'
 
 test('sliceAddress', () => {
   expect(sliceAddress()).toEqual('')

package/src/shared/{styles → utils}/color-palette.ts

@@ -1,6 +1,6 @@
 import tinycolor from 'tinycolor2'
 
-import { hslColorMap } from './hslColorMap'
+import { hslColorMap } from './hsl-color-map'
 
 type ColorMap = {
   [key: string]: string

package/src/shared/utils/copy-assets.ts

@@ -1,6 +1,25 @@
 import fs from 'fs'
 import path from 'path'
 
+/**
+ * List of allowed file extensions
+ */
+const fileExtensionWhitelist = [
+  '.woff2',
+  '.svg',
+  '.img',
+  '.jpg',
+  '.jpeg',
+  '.png',
+]
+
+/**
+ * Copy file from source to destination
+ *
+ * @param source - Source path
+ * @param target - Destination path
+ * @returns
+ */
 function copyFileSync(source, target) {
   let targetFile = target
 
@@ -11,9 +30,19 @@ function copyFileSync(source, target) {
     }
   }
 
+  if (!fileExtensionWhitelist.includes(path.extname(source))) {
+    return
+  }
+
   fs.writeFileSync(targetFile, fs.readFileSync(source))
 }
 
+/**
+ * Recursively copy directory from source to destination
+ *
+ * @param source - source directory
+ * @param target - destination directory
+ */
 function copyFolderRecursiveSync(source, target) {
   let files = []
 
@@ -37,6 +66,12 @@ function copyFolderRecursiveSync(source, target) {
   }
 }
 
+/**
+ * Copy asset directory from source to destination
+ *
+ * @param assetDir - destination directory
+ * @param assets - source directory
+ */
 export const copyAssets = (assetDir: string, assets: any) => {
   if (!fs.existsSync(assetDir)) {
     fs.mkdirSync(assetDir, { recursive: true })

package/tailwind.config.cjs

@@ -135,6 +135,7 @@ module.exports = {
         21: '21px',
         24: '24px',
         26: '26px',
+        44: '44px',
       },
       fontWeight: {
         100: '100',
@@ -153,12 +154,14 @@ module.exports = {
         14: '14px',
         15: '15px',
         17: '17px',
+        19: '19px',
         20: '20px',
         22: '22px',
         24: '24px',
         26: '26px',
         28: '28px',
         31: '31px',
+        40: '40px',
       },
       transitionDuration: {
         25: '25ms',

package/tools/color-palette.cjs

@@ -12,52 +12,7 @@ module.exports = (function () {
     var __importDefault = (this && this.__importDefault) || function (mod) {
         return (mod && mod.__esModule) ? mod : { "default": mod };
     };
-    define("utils/copy-assets", ["require", "exports", "fs", "path"], function (require, exports, fs_1, path_1) {
-        "use strict";
-        Object.defineProperty(exports, "__esModule", { value: true });
-        exports.copyAssets = void 0;
-        fs_1 = __importDefault(fs_1);
-        path_1 = __importDefault(path_1);
-        function copyFileSync(source, target) {
-            var targetFile = target;
-            // If target is a directory, a new file with the same name will be created
-            if (fs_1.default.existsSync(target)) {
-                if (fs_1.default.lstatSync(target).isDirectory()) {
-                    targetFile = path_1.default.join(target, path_1.default.basename(source));
-                }
-            }
-            fs_1.default.writeFileSync(targetFile, fs_1.default.readFileSync(source));
-        }
-        function copyFolderRecursiveSync(source, target) {
-            var files = [];
-            // Check if folder needs to be created or integrated
-            var targetFolder = path_1.default.join(target, path_1.default.basename(source));
-            if (!fs_1.default.existsSync(targetFolder)) {
-                fs_1.default.mkdirSync(targetFolder);
-            }
-            // Copy
-            if (fs_1.default.lstatSync(source).isDirectory()) {
-                files = fs_1.default.readdirSync(source);
-                files.forEach(function (file) {
-                    var curSource = path_1.default.join(source, file);
-                    if (fs_1.default.lstatSync(curSource).isDirectory()) {
-                        copyFolderRecursiveSync(curSource, targetFolder);
-                    }
-                    else {
-                        copyFileSync(curSource, targetFolder);
-                    }
-                });
-            }
-        }
-        var copyAssets = function (assetDir, assets) {
-            if (!fs_1.default.existsSync(assetDir)) {
-                fs_1.default.mkdirSync(assetDir, { recursive: true });
-            }
-            copyFolderRecursiveSync(assets, assetDir);
-        };
-        exports.copyAssets = copyAssets;
-    });
-    define("styles/hslColorMap", ["require", "exports", "tinycolor2"], function (require, exports, tinycolor2_1) {
+    define("hsl-color-map", ["require", "exports", "tinycolor2"], function (require, exports, tinycolor2_1) {
         "use strict";
         Object.defineProperty(exports, "__esModule", { value: true });
         exports.hslColorMap = void 0;
@@ -80,7 +35,7 @@ module.exports = (function () {
         };
         exports.hslColorMap = hslColorMap;
     });
-    define("styles/color-palette", ["require", "exports", "tinycolor2", "styles/hslColorMap"], function (require, exports, tinycolor2_2, hslColorMap_1) {
+    define("color-palette", ["require", "exports", "tinycolor2", "hsl-color-map"], function (require, exports, tinycolor2_2, hsl_color_map_1) {
         "use strict";
         Object.defineProperty(exports, "__esModule", { value: true });
         exports.neutral3 = exports.neutral2 = exports.neutral1 = exports.colorPalette = void 0;
@@ -89,24 +44,24 @@ module.exports = (function () {
          * Color palette based on the structure thats compatible with Tailwind config
          */
         exports.colorPalette = {
-            neutral: (0, hslColorMap_1.hslColorMap)(206, 30, [
+            neutral: (0, hsl_color_map_1.hslColorMap)(206, 30, [
                 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95,
                 97, 98, 100,
             ]),
-            honey: (0, hslColorMap_1.hslColorMap)(42, 93, [72, 75, 82, 85, 92]),
-            coral: (0, hslColorMap_1.hslColorMap)(14, 87, [65, 74, 75, 84, 85, 94]),
-            warm: (0, hslColorMap_1.hslColorMap)(25, 100, [77, 87, 97]),
-            'sea-salt': (0, hslColorMap_1.hslColorMap)(180, 17, [57, 67, 88]),
-            cloud: (0, hslColorMap_1.hslColorMap)(200, 38, [43, 75, 88]),
-            ocean: (0, hslColorMap_1.hslColorMap)(209, 38, [38, 75, 88]),
-            sky: (0, hslColorMap_1.hslColorMap)(209, 64, [64, 75, 85]),
-            lukso: (0, hslColorMap_1.hslColorMap)(335, 33, [70, 80, 90]),
-            yellow: (0, hslColorMap_1.hslColorMap)(36, 100, [55, 65, 75, 85]),
-            green: (0, hslColorMap_1.hslColorMap)(135, 57, [45, 54, 75, 85]),
-            blue: (0, hslColorMap_1.hslColorMap)(216, 96, [50, 60, 75, 85]),
-            red: (0, hslColorMap_1.hslColorMap)(0, 75, [55, 65, 75, 85]),
-            purple: (0, hslColorMap_1.hslColorMap)(230, 24, [94, 82, 63, 58, 51, 41, 31, 15]),
-            pink: (0, hslColorMap_1.hslColorMap)(11, 73, [97, 96, 95, 94, 93, 92, 91, 90]),
+            honey: (0, hsl_color_map_1.hslColorMap)(42, 93, [72, 75, 82, 85, 92]),
+            coral: (0, hsl_color_map_1.hslColorMap)(14, 87, [65, 74, 75, 84, 85, 94]),
+            warm: (0, hsl_color_map_1.hslColorMap)(25, 100, [77, 87, 97]),
+            'sea-salt': (0, hsl_color_map_1.hslColorMap)(180, 17, [57, 67, 88]),
+            cloud: (0, hsl_color_map_1.hslColorMap)(200, 38, [43, 75, 88]),
+            ocean: (0, hsl_color_map_1.hslColorMap)(209, 38, [38, 75, 88]),
+            sky: (0, hsl_color_map_1.hslColorMap)(209, 64, [64, 75, 85]),
+            lukso: (0, hsl_color_map_1.hslColorMap)(335, 33, [70, 80, 90]),
+            yellow: (0, hsl_color_map_1.hslColorMap)(36, 100, [55, 65, 75, 85]),
+            green: (0, hsl_color_map_1.hslColorMap)(135, 57, [45, 54, 75, 85]),
+            blue: (0, hsl_color_map_1.hslColorMap)(216, 96, [50, 60, 75, 85]),
+            red: (0, hsl_color_map_1.hslColorMap)(0, 75, [55, 65, 75, 85]),
+            purple: (0, hsl_color_map_1.hslColorMap)(230, 24, [94, 82, 63, 58, 51, 41, 31, 15]),
+            pink: (0, hsl_color_map_1.hslColorMap)(11, 73, [97, 96, 95, 94, 93, 92, 91, 90]),
             'gradient-1': {
                 start: '#D39B9D',
                 end: '#9071D1',

package/tools/color-palette.d.ts

@@ -1,7 +1,4 @@
-declare module "utils/copy-assets" {
-    export const copyAssets: (assetDir: string, assets: any) => void;
-}
-declare module "styles/hslColorMap" {
+declare module "hsl-color-map" {
     /**
      * Generates a color map for a given hue, saturation and lightness values
      *
@@ -12,7 +9,7 @@ declare module "styles/hslColorMap" {
      */
     export const hslColorMap: (h: any, s: any, l: any) => {};
 }
-declare module "styles/color-palette" {
+declare module "color-palette" {
     type ColorMap = {
         [key: string]: string;
     };

package/tools/color-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../src/shared/utils/copy-assets.ts","../src/shared/styles/hslColorMap.ts","../src/shared/styles/color-palette.ts"],"names":[],"mappings":";IAuCA,MAAM,CAAC,MAAM,UAAU,aAAc,MAAM,UAAU,GAAG,SAKvD,CAAA;;;IC1CD;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,WAAW,gCASvB,CAAA;;;ICfD,KAAK,QAAQ,GAAG;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KACtB,CAAA;IAED;;OAEG;IACH,MAAM,CAAC,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCxB,CAAA;IAoBD;;OAEG;IACH,MAAM,CAAC,MAAM,QAAQ,UAAyC,CAAA;IAC9D,MAAM,CAAC,MAAM,QAAQ,UAA0C,CAAA;IAC/D,MAAM,CAAC,MAAM,QAAQ,UAIpB,CAAA"}
+{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../src/shared/utils/hsl-color-map.ts","../src/shared/utils/color-palette.ts"],"names":[],"mappings":";IAEA;;;;;;;OAOG;IACH,MAAM,CAAC,MAAM,WAAW,gCASvB,CAAA;;;ICfD,KAAK,QAAQ,GAAG;QACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KACtB,CAAA;IAED;;OAEG;IACH,MAAM,CAAC,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCxB,CAAA;IAoBD;;OAEG;IACH,MAAM,CAAC,MAAM,QAAQ,UAAyC,CAAA;IAC9D,MAAM,CAAC,MAAM,QAAQ,UAA0C,CAAA;IAC/D,MAAM,CAAC,MAAM,QAAQ,UAIpB,CAAA"}

package/tools/copy-assets.cjs

@@ -0,0 +1,139 @@
+module.exports = (function () {
+    var defines = {};
+    var entry = [null];
+    function define(name, dependencies, factory) {
+        defines[name] = { dependencies: dependencies, factory: factory };
+        entry[0] = name;
+    }
+    define("require", ["exports"], function (exports) {
+        Object.defineProperty(exports, "__cjsModule", { value: true });
+        Object.defineProperty(exports, "default", { value: function (name) { return resolve(name); } });
+    });
+    var __importDefault = (this && this.__importDefault) || function (mod) {
+        return (mod && mod.__esModule) ? mod : { "default": mod };
+    };
+    define("copy-assets", ["require", "exports", "fs", "path"], function (require, exports, fs_1, path_1) {
+        "use strict";
+        Object.defineProperty(exports, "__esModule", { value: true });
+        exports.copyAssets = void 0;
+        fs_1 = __importDefault(fs_1);
+        path_1 = __importDefault(path_1);
+        /**
+         * List of allowed file extensions
+         */
+        var fileExtensionWhitelist = [
+            '.woff2',
+            '.svg',
+            '.img',
+            '.jpg',
+            '.jpeg',
+            '.png',
+        ];
+        /**
+         * Copy file from source to destination
+         *
+         * @param source - Source path
+         * @param target - Destination path
+         * @returns
+         */
+        function copyFileSync(source, target) {
+            var targetFile = target;
+            // If target is a directory, a new file with the same name will be created
+            if (fs_1.default.existsSync(target)) {
+                if (fs_1.default.lstatSync(target).isDirectory()) {
+                    targetFile = path_1.default.join(target, path_1.default.basename(source));
+                }
+            }
+            if (!fileExtensionWhitelist.includes(path_1.default.extname(source))) {
+                return;
+            }
+            fs_1.default.writeFileSync(targetFile, fs_1.default.readFileSync(source));
+        }
+        /**
+         * Recursively copy directory from source to destination
+         *
+         * @param source - source directory
+         * @param target - destination directory
+         */
+        function copyFolderRecursiveSync(source, target) {
+            var files = [];
+            // Check if folder needs to be created or integrated
+            var targetFolder = path_1.default.join(target, path_1.default.basename(source));
+            if (!fs_1.default.existsSync(targetFolder)) {
+                fs_1.default.mkdirSync(targetFolder);
+            }
+            // Copy
+            if (fs_1.default.lstatSync(source).isDirectory()) {
+                files = fs_1.default.readdirSync(source);
+                files.forEach(function (file) {
+                    var curSource = path_1.default.join(source, file);
+                    if (fs_1.default.lstatSync(curSource).isDirectory()) {
+                        copyFolderRecursiveSync(curSource, targetFolder);
+                    }
+                    else {
+                        copyFileSync(curSource, targetFolder);
+                    }
+                });
+            }
+        }
+        /**
+         * Copy asset directory from source to destination
+         *
+         * @param assetDir - destination directory
+         * @param assets - source directory
+         */
+        var copyAssets = function (assetDir, assets) {
+            if (!fs_1.default.existsSync(assetDir)) {
+                fs_1.default.mkdirSync(assetDir, { recursive: true });
+            }
+            copyFolderRecursiveSync(assets, assetDir);
+        };
+        exports.copyAssets = copyAssets;
+    });
+    
+    'marker:resolver';
+
+    function get_define(name) {
+        if (defines[name]) {
+            return defines[name];
+        }
+        else if (defines[name + '/index']) {
+            return defines[name + '/index'];
+        }
+        else {
+            var dependencies = ['exports'];
+            var factory = function (exports) {
+                try {
+                    Object.defineProperty(exports, "__cjsModule", { value: true });
+                    Object.defineProperty(exports, "default", { value: require(name) });
+                }
+                catch (_a) {
+                    throw Error(['module "', name, '" not found.'].join(''));
+                }
+            };
+            return { dependencies: dependencies, factory: factory };
+        }
+    }
+    var instances = {};
+    function resolve(name) {
+        if (instances[name]) {
+            return instances[name];
+        }
+        if (name === 'exports') {
+            return {};
+        }
+        var define = get_define(name);
+        if (typeof define.factory !== 'function') {
+            return define.factory;
+        }
+        instances[name] = {};
+        var dependencies = define.dependencies.map(function (name) { return resolve(name); });
+        define.factory.apply(define, dependencies);
+        var exports = dependencies[define.dependencies.indexOf('exports')];
+        instances[name] = (exports['__cjsModule']) ? exports.default : exports;
+        return instances[name];
+    }
+    if (entry[0] !== null) {
+        return resolve(entry[0]);
+    }
+})();

package/tools/copy-assets.d.ts

@@ -0,0 +1,10 @@
+declare module "copy-assets" {
+    /**
+     * Copy asset directory from source to destination
+     *
+     * @param assetDir - destination directory
+     * @param assets - source directory
+     */
+    export const copyAssets: (assetDir: string, assets: any) => void;
+}
+//# sourceMappingURL=copy-assets.d.ts.map

package/tools/copy-assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-assets.d.ts","sourceRoot":"","sources":["../src/shared/utils/copy-assets.ts"],"names":[],"mappings":";IAoEA;;;;;OAKG;IACH,MAAM,CAAC,MAAM,UAAU,aAAc,MAAM,UAAU,GAAG,SAKvD,CAAA"}