@lukso/web-components 1.6.3 → 1.7.3

package/tools/color-palette.cjs

@@ -1,147 +1,12 @@
-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("hsl-color-map", ["require", "exports", "tinycolor2"], function (require, exports, tinycolor2_1) {
-        "use strict";
-        Object.defineProperty(exports, "__esModule", { value: true });
-        exports.hslColorMap = void 0;
-        tinycolor2_1 = __importDefault(tinycolor2_1);
-        /**
-         * Generates a color map for a given hue, saturation and lightness values
-         *
-         * @param {*} h - hue
-         * @param {*} s - saturation
-         * @param {*} l - lightness as an array
-         * @returns object containing lightness as key and hex color as value e.g. { 10: '#000000', 20: '#111111' }
-         */
-        var hslColorMap = function (h, s, l) {
-            var colors = {};
-            for (var i = 0; i < l.length; i++) {
-                var lightness = l[i];
-                colors[lightness] = (0, tinycolor2_1.default)({ h: h, s: s, l: lightness }).toHexString();
-            }
-            return colors;
-        };
-        exports.hslColorMap = hslColorMap;
-    });
-    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;
-        tinycolor2_2 = __importDefault(tinycolor2_2);
-        /**
-         * Color palette based on the structure thats compatible with Tailwind config
-         */
-        exports.colorPalette = {
-            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, 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',
-            },
-            'gradient-2': {
-                start: '#F8DAD3',
-                end: '#CC99AE',
-            },
-            'gradient-3': {
-                start: (0, tinycolor2_2.default)({ h: 230, s: 20, l: 28 }).toHexString(),
-                end: (0, tinycolor2_2.default)({ h: 230, s: 24, l: 51 }).toHexString(),
-            },
-        };
-        /**
-         * Splits a color map into smaller color maps
-         *
-         * @param colors - color map to split
-         * @param from - index to start from
-         * @param to - index to end at
-         * @returns a new color map
-         */
-        var splitColor = function (colors, from, to) {
-            return Object.keys(colors)
-                .slice(from, to)
-                .reduce(function (result, key) {
-                result[key] = colors[key];
-                return result;
-            }, {});
-        };
-        /**
-         * Color map subsets that can be used in the Storybook preview
-         */
-        exports.neutral1 = splitColor(exports.colorPalette.neutral, 0, 8);
-        exports.neutral2 = splitColor(exports.colorPalette.neutral, 8, 16);
-        exports.neutral3 = splitColor(exports.colorPalette.neutral, 16, Object.keys(exports.colorPalette.neutral).length);
-    });
-    
-    'marker:resolver';
+'use strict';
 
-    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]);
-    }
-})();
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const colorPalette = require('./color-palette-bf5780ed.cjs');
+
+
+
+exports.colorPalette = colorPalette.colorPalette;
+exports.neutral1 = colorPalette.neutral1;
+exports.neutral2 = colorPalette.neutral2;
+exports.neutral3 = colorPalette.neutral3;

package/tools/color-palette.d.ts

@@ -1,55 +1,42 @@
-declare module "hsl-color-map" {
-    /**
-     * Generates a color map for a given hue, saturation and lightness values
-     *
-     * @param {*} h - hue
-     * @param {*} s - saturation
-     * @param {*} l - lightness as an array
-     * @returns object containing lightness as key and hex color as value e.g. { 10: '#000000', 20: '#111111' }
-     */
-    export const hslColorMap: (h: any, s: any, l: any) => {};
-}
-declare module "color-palette" {
-    type ColorMap = {
-        [key: string]: string;
+export declare type ColorMap = {
+    [key: string]: string;
+};
+/**
+ * Color palette based on the structure thats compatible with Tailwind config
+ */
+export declare const colorPalette: {
+    neutral: {};
+    honey: {};
+    coral: {};
+    warm: {};
+    'sea-salt': {};
+    cloud: {};
+    ocean: {};
+    sky: {};
+    lukso: {};
+    yellow: {};
+    green: {};
+    blue: {};
+    red: {};
+    purple: {};
+    pink: {};
+    'gradient-1': {
+        start: string;
+        end: string;
     };
-    /**
-     * Color palette based on the structure thats compatible with Tailwind config
-     */
-    export const colorPalette: {
-        neutral: {};
-        honey: {};
-        coral: {};
-        warm: {};
-        'sea-salt': {};
-        cloud: {};
-        ocean: {};
-        sky: {};
-        lukso: {};
-        yellow: {};
-        green: {};
-        blue: {};
-        red: {};
-        purple: {};
-        pink: {};
-        'gradient-1': {
-            start: string;
-            end: string;
-        };
-        'gradient-2': {
-            start: string;
-            end: string;
-        };
-        'gradient-3': {
-            start: any;
-            end: any;
-        };
+    'gradient-2': {
+        start: string;
+        end: string;
     };
-    /**
-     * Color map subsets that can be used in the Storybook preview
-     */
-    export const neutral1: ColorMap;
-    export const neutral2: ColorMap;
-    export const neutral3: ColorMap;
-}
+    'gradient-3': {
+        start: any;
+        end: any;
+    };
+};
+/**
+ * Color map subsets that can be used in the Storybook preview
+ */
+export declare const neutral1: ColorMap;
+export declare const neutral2: ColorMap;
+export declare const neutral3: ColorMap;
 //# sourceMappingURL=color-palette.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["color-palette.ts"],"names":[],"mappings":"AAIA,oBAAY,QAAQ,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxB,CAAA;AAoBD;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAyC,CAAA;AAC9D,eAAO,MAAM,QAAQ,UAA0C,CAAA;AAC/D,eAAO,MAAM,QAAQ,UAIpB,CAAA"}

package/tools/color-palette.js

@@ -0,0 +1 @@
+export { c as colorPalette, n as neutral1, a as neutral2, b as neutral3 } from './color-palette-a34f5d09.js';

package/tools/copy-assets.cjs

@@ -1,139 +1,53 @@
-module.exports = (function () {
-    var defines = {};
-    var entry = [null];
-    function define(name, dependencies, factory) {
-        defines[name] = { dependencies: dependencies, factory: factory };
-        entry[0] = name;
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const fs = require('fs');
+const path = require('path');
+
+const fileExtensionWhitelist = [
+  ".woff2",
+  ".svg",
+  ".img",
+  ".jpg",
+  ".jpeg",
+  ".png"
+];
+function copyFileSync(source, target) {
+  let targetFile = target;
+  if (fs.existsSync(target)) {
+    if (fs.lstatSync(target).isDirectory()) {
+      targetFile = path.join(target, path.basename(source));
     }
-    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;
+  }
+  if (!fileExtensionWhitelist.includes(path.extname(source))) {
+    return;
+  }
+  fs.writeFileSync(targetFile, fs.readFileSync(source));
+}
+function copyFolderRecursiveSync(source, target) {
+  let files = [];
+  const targetFolder = path.join(target, path.basename(source));
+  if (!fs.existsSync(targetFolder)) {
+    fs.mkdirSync(targetFolder);
+  }
+  if (fs.lstatSync(source).isDirectory()) {
+    files = fs.readdirSync(source);
+    files.forEach(function(file) {
+      const curSource = path.join(source, file);
+      if (fs.lstatSync(curSource).isDirectory()) {
+        copyFolderRecursiveSync(curSource, targetFolder);
+      } else {
+        copyFileSync(curSource, targetFolder);
+      }
     });
-    
-    'marker:resolver';
+  }
+}
+const copyAssets = (assetDir, assets) => {
+  if (!fs.existsSync(assetDir)) {
+    fs.mkdirSync(assetDir, { recursive: true });
+  }
+  copyFolderRecursiveSync(assets, assetDir);
+};
 
-    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]);
-    }
-})();
+exports.copyAssets = copyAssets;

package/tools/copy-assets.d.ts

@@ -1,10 +1,8 @@
-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;
-}
+/**
+ * Copy asset directory from source to destination
+ *
+ * @param assetDir - destination directory
+ * @param assets - source directory
+ */
+export declare const copyAssets: (assetDir: string, assets: any) => void;
 //# sourceMappingURL=copy-assets.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"copy-assets.d.ts","sourceRoot":"","sources":["copy-assets.ts"],"names":[],"mappings":"AAoEA;;;;;GAKG;AACH,eAAO,MAAM,UAAU,aAAc,MAAM,UAAU,GAAG,SAKvD,CAAA"}

package/tools/copy-assets.js

@@ -0,0 +1,49 @@
+import fs from 'fs';
+import path from 'path';
+
+const fileExtensionWhitelist = [
+  ".woff2",
+  ".svg",
+  ".img",
+  ".jpg",
+  ".jpeg",
+  ".png"
+];
+function copyFileSync(source, target) {
+  let targetFile = target;
+  if (fs.existsSync(target)) {
+    if (fs.lstatSync(target).isDirectory()) {
+      targetFile = path.join(target, path.basename(source));
+    }
+  }
+  if (!fileExtensionWhitelist.includes(path.extname(source))) {
+    return;
+  }
+  fs.writeFileSync(targetFile, fs.readFileSync(source));
+}
+function copyFolderRecursiveSync(source, target) {
+  let files = [];
+  const targetFolder = path.join(target, path.basename(source));
+  if (!fs.existsSync(targetFolder)) {
+    fs.mkdirSync(targetFolder);
+  }
+  if (fs.lstatSync(source).isDirectory()) {
+    files = fs.readdirSync(source);
+    files.forEach(function(file) {
+      const curSource = path.join(source, file);
+      if (fs.lstatSync(curSource).isDirectory()) {
+        copyFolderRecursiveSync(curSource, targetFolder);
+      } else {
+        copyFileSync(curSource, targetFolder);
+      }
+    });
+  }
+}
+const copyAssets = (assetDir, assets) => {
+  if (!fs.existsSync(assetDir)) {
+    fs.mkdirSync(assetDir, { recursive: true });
+  }
+  copyFolderRecursiveSync(assets, assetDir);
+};
+
+export { copyAssets };

package/tools/index.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const colorPalette = require('./color-palette-bf5780ed.cjs');
+const copyAssets = require('./copy-assets.cjs');
+const assets_index = require('./assets/index.cjs');
+const assets_fonts_index = require('./assets/fonts/index.cjs');
+const assets_images_index = require('./assets/images/index.cjs');
+require('fs');
+require('path');
+
+const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
+  if (!address) {
+    return "";
+  }
+  let sliceAddress2 = "";
+  endSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + endSliceBy) {
+    return address;
+  }
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  return sliceAddress2;
+};
+
+exports.colorPalette = colorPalette.colorPalette;
+exports.hslColorMap = colorPalette.hslColorMap;
+exports.neutral1 = colorPalette.neutral1;
+exports.neutral2 = colorPalette.neutral2;
+exports.neutral3 = colorPalette.neutral3;
+exports.copyAssets = copyAssets.copyAssets;
+exports.assets = assets_index.assets;
+exports.fonts = assets_fonts_index.fonts;
+exports.images = assets_images_index.images;
+exports.sliceAddress = sliceAddress;

package/tools/index.d.ts

@@ -0,0 +1,6 @@
+export * from './color-palette';
+export * from './copy-assets';
+export * from './hsl-color-map';
+export * from './slice-address';
+export * from '../assets';
+//# sourceMappingURL=index.d.ts.map

package/tools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA"}

package/tools/index.js

@@ -0,0 +1,22 @@
+export { c as colorPalette, h as hslColorMap, n as neutral1, a as neutral2, b as neutral3 } from './color-palette-a34f5d09.js';
+export { copyAssets } from './copy-assets.js';
+export { assets } from './assets/index.js';
+export { fonts } from './assets/fonts/index.js';
+export { images } from './assets/images/index.js';
+import 'fs';
+import 'path';
+
+const sliceAddress = (address, startSliceBy = 6, endSliceBy) => {
+  if (!address) {
+    return "";
+  }
+  let sliceAddress2 = "";
+  endSliceBy = endSliceBy || startSliceBy;
+  if (address.length < startSliceBy + endSliceBy) {
+    return address;
+  }
+  sliceAddress2 = address.length > startSliceBy + 2 ? `${address.slice(0, startSliceBy + 2)}...${address.slice(-endSliceBy)}` : address;
+  return sliceAddress2;
+};
+
+export { sliceAddress };

package/tools/sass/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+const styles_index = require('../styles/index.cjs');
+
+
+
+module.exports = styles_index;

package/tools/sass/index.js

@@ -0,0 +1 @@
+export { default } from '../styles/index.js';

package/tools/styles/index.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const index = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('styles/index.cjs', document.baseURI).href)).replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "");
+
+module.exports = index;

package/tools/styles/index.js

@@ -0,0 +1,3 @@
+const index = import.meta.url.replace(/^file:\/\/|\/\w+\.?[jt]s$/g, "");
+
+export { index as default };