@geotab/zenith 1.15.0-beta.0

package/dist/commonHelpers/simpleEventHandler.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleEventHandler = void 0;
+class SimpleEventHandler {
+    constructor() {
+        Object.defineProperty(this, "simpleEventCache", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+    }
+    attach(event, handler) {
+        this.simpleEventCache[event] = this.simpleEventCache[event] || [];
+        this.simpleEventCache[event].push(handler);
+        return this;
+    }
+    detach(event, handler) {
+        if (event) {
+            if (handler) {
+                this.simpleEventCache[event] = (this.simpleEventCache[event] || []).filter(h => h !== handler);
+            }
+            else if (this.simpleEventCache[event]) {
+                this.simpleEventCache[event].length = 0;
+            }
+        }
+        else {
+            this.simpleEventCache = {};
+        }
+        return this;
+    }
+    fire(event, data) {
+        (this.simpleEventCache[event] || []).forEach(handler => {
+            handler.call(this, data);
+        });
+    }
+}
+exports.SimpleEventHandler = SimpleEventHandler;
+//# sourceMappingURL=simpleEventHandler.js.map

package/dist/commonHelpers/simpleEventHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleEventHandler.js","sourceRoot":"","sources":["../../commonHelpers/simpleEventHandler.ts"],"names":[],"mappings":";;;AAkBA,MAAa,kBAAkB;IAA/B;QACY;;;;mBAAgE,EAAiD;WAAC;IA2B9H,CAAC;IAzBG,MAAM,CAAyC,KAAQ,EAAE,OAA+C;QACpG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAClE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,OAAiD,CAAC,CAAC;QACrF,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,CAAyC,KAAS,EAAE,OAAgD;QACtG,IAAI,KAAK,EAAE,CAAC;YACR,IAAI,OAAO,EAAE,CAAC;gBACV,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;YACnG,CAAC;iBAAM,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;gBACtC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YAC5C,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,gBAAgB,GAAG,EAAiD,CAAC;QAC9E,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,CAAyC,KAAQ,EAAE,IAAgC;QACnF,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACnD,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAiC,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AA5BD,gDA4BC"}

package/dist/commonHelpers/tabsKeyboard.d.ts

@@ -0,0 +1,2 @@
+import { IEntityWithId } from "./entity";
+export declare const tabsKeyboardHandler: (e: React.KeyboardEvent, tabsArr: IEntityWithId[], activeId: string) => string | null;

package/dist/commonHelpers/tabsKeyboard.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tabsKeyboardHandler = void 0;
+const tabsKeyboardHandler = (e, tabsArr, activeId) => {
+    const getCurrentIndex = () => tabsArr.findIndex(el => el.id === activeId);
+    switch (e.key) {
+        case "ArrowLeft": {
+            const currentIndex = getCurrentIndex();
+            const prevPaneIndex = currentIndex > -1 ? currentIndex - 1 : undefined;
+            const newPaneId = prevPaneIndex !== undefined && prevPaneIndex > -1 ? tabsArr[prevPaneIndex].id : tabsArr[tabsArr.length - 1].id;
+            return newPaneId;
+        }
+        case "Home": {
+            e.preventDefault();
+            return tabsArr[0].id;
+        }
+        case "ArrowRight": {
+            const currentIndex = getCurrentIndex();
+            const nextPaneIndex = currentIndex > -1 ? currentIndex + 1 : undefined;
+            const newPaneId = nextPaneIndex !== undefined && nextPaneIndex < tabsArr.length ? tabsArr[nextPaneIndex].id : tabsArr[0].id;
+            return newPaneId;
+        }
+        case "End": {
+            e.preventDefault();
+            const newPaneId = tabsArr[tabsArr.length - 1].id;
+            return newPaneId;
+        }
+        default:
+            return null;
+    }
+};
+exports.tabsKeyboardHandler = tabsKeyboardHandler;
+//# sourceMappingURL=tabsKeyboard.js.map

package/dist/commonHelpers/tabsKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabsKeyboard.js","sourceRoot":"","sources":["../../commonHelpers/tabsKeyboard.ts"],"names":[],"mappings":";;;AAEO,MAAM,mBAAmB,GAAG,CAAC,CAAsB,EAAE,OAAwB,EAAE,QAAgB,EAAE,EAAE;IACtG,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAC1E,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;QACZ,KAAK,WAAW,CAAC,CAAC,CAAC;YACf,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;YACvC,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACvE,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,IAAI,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACjI,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,KAAK,MAAM,CAAC,CAAC,CAAC;YACV,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzB,CAAC;QACD,KAAK,YAAY,CAAC,CAAC,CAAC;YAChB,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;YACvC,MAAM,aAAa,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;YACvE,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,IAAI,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5H,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,KAAK,KAAK,CAAC,CAAC,CAAC;YACT,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACjD,OAAO,SAAS,CAAC;QACrB,CAAC;QACD;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC,CAAC;AA3BW,QAAA,mBAAmB,uBA2B9B"}

package/dist/commonHelpers/translatable.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+export interface ITranslatable {
+    /**
+    * @deprecated
+    * @param translate - will be removed in the next major release
+    */
+    translate?: (key: string) => string;
+}
+export interface IZenTranslatableComponent<Props = object> extends FC<Props> {
+    translations: string[];
+}

package/dist/commonHelpers/translatable.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=translatable.js.map

package/dist/commonHelpers/translatable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translatable.js","sourceRoot":"","sources":["../../commonHelpers/translatable.ts"],"names":[],"mappings":""}

package/dist/commonHelpers/types/mutable.d.ts

@@ -0,0 +1,3 @@
+export type Mutable<Type> = {
+    -readonly [Key in keyof Type]: Type[Key];
+};

package/dist/commonHelpers/types/mutable.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=mutable.js.map

package/dist/commonHelpers/types/mutable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutable.js","sourceRoot":"","sources":["../../../commonHelpers/types/mutable.ts"],"names":[],"mappings":""}

package/dist/commonHelpers/useUniqueId.d.ts

@@ -0,0 +1,20 @@
+/**
+ * `useUniqueId` is a custom React hook that generates and returns a unique identifier.
+ *
+ * This hook uses `useState` to generate a unique ID on the initial render using
+ * the `generateId` function, and then maintains this ID for the lifecycle of the
+ * component. This can be particularly useful for assigning unique keys to elements
+ * in a list, or for generating unique identifiers for form inputs, labels, etc.
+ *
+ * @returns {string} A unique identifier.
+ *
+ * Example usage:
+ * ```tsx
+ * const Component = () => {
+ *   const uniqueId = useUniqueId();
+ *
+ *   return <div id={uniqueId}>Unique Content</div>;
+ * };
+ * ```
+ */
+export declare const useUniqueId: () => string;

package/dist/commonHelpers/useUniqueId.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUniqueId = void 0;
+const react_1 = require("react");
+const utils_1 = require("./utils");
+/**
+ * `useUniqueId` is a custom React hook that generates and returns a unique identifier.
+ *
+ * This hook uses `useState` to generate a unique ID on the initial render using
+ * the `generateId` function, and then maintains this ID for the lifecycle of the
+ * component. This can be particularly useful for assigning unique keys to elements
+ * in a list, or for generating unique identifiers for form inputs, labels, etc.
+ *
+ * @returns {string} A unique identifier.
+ *
+ * Example usage:
+ * ```tsx
+ * const Component = () => {
+ *   const uniqueId = useUniqueId();
+ *
+ *   return <div id={uniqueId}>Unique Content</div>;
+ * };
+ * ```
+ */
+const useUniqueId = () => {
+    const [id] = (0, react_1.useState)(() => (0, utils_1.generateId)());
+    return id;
+};
+exports.useUniqueId = useUniqueId;
+//# sourceMappingURL=useUniqueId.js.map

package/dist/commonHelpers/useUniqueId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUniqueId.js","sourceRoot":"","sources":["../../commonHelpers/useUniqueId.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,mCAAqC;AAErC;;;;;;;;;;;;;;;;;;GAkBG;AACI,MAAM,WAAW,GAAG,GAAW,EAAE;IACpC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAA,kBAAU,GAAE,CAAC,CAAC;IAC1C,OAAO,EAAE,CAAC;AACd,CAAC,CAAC;AAHW,QAAA,WAAW,eAGtB"}

package/dist/commonHelpers/useUniqueId.test.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+const useUniqueId_1 = require("./useUniqueId");
+describe("useUniqueId hook", () => {
+    it("should return a unique id each time it is called", () => {
+        const { result: firstResult } = (0, react_1.renderHook)(() => (0, useUniqueId_1.useUniqueId)());
+        const { result: secondResult } = (0, react_1.renderHook)(() => (0, useUniqueId_1.useUniqueId)());
+        expect(firstResult.current).not.toEqual(secondResult.current);
+    });
+    it("should always return a string", () => {
+        const { result } = (0, react_1.renderHook)(() => (0, useUniqueId_1.useUniqueId)());
+        expect(typeof result.current).toBe("string");
+    });
+});
+//# sourceMappingURL=useUniqueId.test.js.map

package/dist/commonHelpers/useUniqueId.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUniqueId.test.js","sourceRoot":"","sources":["../../commonHelpers/useUniqueId.test.ts"],"names":[],"mappings":";;AACA,kDAAoD;AACpD,+CAA4C;AAE5C,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QACxD,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,CAAC,IAAA,yBAAW,GAAE,CAAC,CAAC;QAChE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,CAAC,IAAA,yBAAW,GAAE,CAAC,CAAC;QAEjE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAU,EAAC,GAAG,EAAE,CAAC,IAAA,yBAAW,GAAE,CAAC,CAAC;QAEnD,MAAM,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/commonHelpers/utils.d.ts

@@ -0,0 +1,7 @@
+export declare const generateId: () => string;
+export declare const echo: <T = unknown>(_: T) => T;
+export declare function flattenArrays<T>(arrayOfArrays: T[][]): T[];
+type TPlainObject = Record<string, unknown>;
+export declare function deepMerge(obj1: TPlainObject, obj2: TPlainObject): TPlainObject;
+export declare const deepClone: <T>(candidateToCopy: T) => T;
+export {};

package/dist/commonHelpers/utils.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deepClone = exports.deepMerge = exports.flattenArrays = exports.echo = exports.generateId = void 0;
+const generateId = () => "id" + Math.random().toString().substring(2);
+exports.generateId = generateId;
+const echo = (_) => _;
+exports.echo = echo;
+function flattenArrays(arrayOfArrays) {
+    return arrayOfArrays.reduce((akk, arr) => akk.concat(arr), []);
+}
+exports.flattenArrays = flattenArrays;
+function isObject(item) {
+    return (typeof item === "object" && !Array.isArray(item) && item !== null);
+}
+function deepMerge(obj1, obj2) {
+    const output = Object.assign({}, obj1);
+    Object.entries(obj2).forEach(([key, value]) => {
+        if (isObject(value) && key in obj1 && isObject(obj1[key])) {
+            output[key] = deepMerge(obj1[key], value);
+        }
+        else {
+            output[key] = value;
+        }
+    });
+    return output;
+}
+exports.deepMerge = deepMerge;
+const deepCloneFallback = (candidateToCopy) => {
+    if (typeof candidateToCopy !== "object" || candidateToCopy === null) {
+        return candidateToCopy;
+    }
+    if (candidateToCopy instanceof Date) {
+        return new Date(candidateToCopy);
+    }
+    if (candidateToCopy instanceof Set) {
+        return new Set(candidateToCopy);
+    }
+    if (candidateToCopy instanceof Map) {
+        return new Map(candidateToCopy);
+    }
+    if (Array.isArray(candidateToCopy)) {
+        return candidateToCopy.map(deepCloneFallback);
+    }
+    return Object.keys(candidateToCopy).reduce((acc, key) => {
+        acc[key] = deepCloneFallback(candidateToCopy[key]);
+        return acc;
+    }, {});
+};
+const deepClone = (candidateToCopy) => {
+    if (typeof window.structuredClone === "function") {
+        return window.structuredClone(candidateToCopy);
+    }
+    return (candidateToCopy === undefined ? undefined : deepCloneFallback(candidateToCopy));
+};
+exports.deepClone = deepClone;
+//# sourceMappingURL=utils.js.map

package/dist/commonHelpers/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../commonHelpers/utils.ts"],"names":[],"mappings":"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"}

package/dist/commonHelpers/utils.test.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils_1 = require("../commonHelpers/utils");
+describe("deepMerge", () => {
+    it("should merge non-object properties", () => {
+        const obj1 = { a: "a" };
+        const obj2 = { b: "b" };
+        expect((0, utils_1.deepMerge)(obj1, obj2)).toEqual({ a: "a", b: "b" });
+    });
+    it("should merge and override non-object properties", () => {
+        const obj1 = { a: "oldValue" };
+        const obj2 = { a: "newValue" };
+        expect((0, utils_1.deepMerge)(obj1, obj2)).toEqual({ a: "newValue" });
+    });
+    it("should deep merge object properties", () => {
+        const obj1 = { a: { b: "b", c: "should change" } };
+        const obj2 = { a: { b: "b", c: "changed" } };
+        expect((0, utils_1.deepMerge)(obj1, obj2)).toEqual({ a: { b: "b", c: "changed" } });
+    });
+    it("should add new properties to nested objects", () => {
+        const obj1 = { a: { b: "b" } };
+        const obj2 = { a: { c: "c" } };
+        expect((0, utils_1.deepMerge)(obj1, obj2)).toEqual({ a: { b: "b", c: "c" } });
+    });
+    it("should not modify the original objects", () => {
+        const obj1 = { a: "a" };
+        const obj2 = { b: "b" };
+        const merged = (0, utils_1.deepMerge)(obj1, obj2);
+        expect(obj1).toEqual({ a: "a" });
+        expect(obj2).toEqual({ b: "b" });
+        expect(merged).toEqual({ a: "a", b: "b" });
+    });
+});
+describe("deepClone with structuredClone", () => {
+    beforeAll(() => {
+        window.structuredClone = jest.fn().mockImplementation(obj => obj);
+    });
+    afterAll(() => {
+        delete window["structuredClone"];
+    });
+    test("uses structuredClone when available", () => {
+        const obj = { a: 1, b: { c: 2 } };
+        const clonedObj = (0, utils_1.deepClone)(obj);
+        expect(window.structuredClone).toHaveBeenCalledWith(obj);
+        expect(clonedObj).toEqual(obj);
+    });
+    test("undefined with structuredClone", () => {
+        const clonedObj = (0, utils_1.deepClone)(undefined);
+        expect(window.structuredClone).toHaveBeenCalledWith(undefined);
+        expect(clonedObj).toEqual(undefined);
+    });
+});
+describe("deepClone without structuredClone", () => {
+    test("uses JSON methods when structuredClone is not available", () => {
+        const originalStructuredClone = window.structuredClone;
+        delete window["structuredClone"];
+        const obj = { a: 1, b: { c: 2 } };
+        const clonedObj = (0, utils_1.deepClone)(obj);
+        expect(clonedObj).toEqual(obj);
+        expect(clonedObj).not.toBe(obj);
+        // Restore the original structuredClone
+        window.structuredClone = originalStructuredClone;
+    });
+    test("undefined with JSON methods when structuredClone is not available", () => {
+        const originalStructuredClone = window.structuredClone;
+        delete window["structuredClone"];
+        const clonedObj = (0, utils_1.deepClone)(undefined);
+        expect(clonedObj).toEqual(undefined);
+        // Restore the original structuredClone
+        window.structuredClone = originalStructuredClone;
+    });
+});
+describe("deepCloneFallback", () => {
+    beforeEach(() => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        window.structuredClone = undefined;
+    });
+    it("should clone a plain object with nested objects", () => {
+        const obj = { a: { b: "b" } };
+        const clonedObj = (0, utils_1.deepClone)(obj);
+        expect(clonedObj).toEqual(obj);
+        expect(clonedObj).not.toBe(obj);
+        expect(clonedObj.a).not.toBe(obj.a);
+    });
+    it("should clone a plain object with nested arrays", () => {
+        const obj = { a: ["b"] };
+        const clonedObj = (0, utils_1.deepClone)(obj);
+        expect(clonedObj).toEqual(obj);
+        expect(clonedObj).not.toBe(obj);
+        expect(clonedObj.a).not.toBe(obj.a);
+    });
+    it("should clone a plain object with nested dates", () => {
+        const obj = { a: new Date() };
+        const clonedObj = (0, utils_1.deepClone)(obj);
+        expect(clonedObj).toEqual(obj);
+        expect(clonedObj).not.toBe(obj);
+    });
+    it("should clone a plain object with nested sets", () => {
+        const obj = { a: new Set([1, 2, 3]) };
+        const clonedObj = (0, utils_1.deepClone)(obj);
+        expect(clonedObj).toEqual(obj);
+        expect(clonedObj).not.toBe(obj);
+    });
+    it("should clone a plain object with nested maps", () => {
+        const obj = { a: new Map([["key", "value"]]) };
+        const clonedObj = (0, utils_1.deepClone)(obj);
+        expect(clonedObj).toEqual(obj);
+        expect(clonedObj).not.toBe(obj);
+    });
+    it("should clone a plain object with nested arrays and objects", () => {
+        const obj = { a: [{ b: "b" }] };
+        const clonedObj = (0, utils_1.deepClone)(obj);
+        expect(clonedObj).toEqual(obj);
+        expect(clonedObj).not.toBe(obj);
+        expect(clonedObj.a).not.toBe(obj.a);
+        expect(clonedObj.a[0]).not.toBe(obj.a[0]);
+    });
+});
+//# sourceMappingURL=utils.test.js.map

package/dist/commonHelpers/utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.js","sourceRoot":"","sources":["../../commonHelpers/utils.test.ts"],"names":[],"mappings":";;AAAA,kDAA8D;AAE9D,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC1C,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QACxB,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QAExB,MAAM,CAAC,IAAA,iBAAS,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACvD,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;QAC/B,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;QAE/B,MAAM,CAAC,IAAA,iBAAS,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC3C,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,CAAC;QACnD,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC;QAE7C,MAAM,CAAC,IAAA,iBAAS,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACnD,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;QAC/B,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;QAE/B,MAAM,CAAC,IAAA,iBAAS,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAC9C,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QACxB,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;QACxB,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAErC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACjC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QACjC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC5C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,GAAG,EAAE;QACV,OAAQ,MAAiB,CAAC,iBAAiB,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC7C,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAC;QAEjC,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACzD,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,SAAoB,CAAC,CAAC;QAElD,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,mCAAmC,EAAE,GAAG,EAAE;IAC/C,IAAI,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,uBAAuB,GAAG,MAAM,CAAC,eAAe,CAAC;QACvD,OAAQ,MAAiB,CAAC,iBAAiB,CAAC,CAAC;QAE7C,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAC;QAEjC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEhC,uCAAuC;QACvC,MAAM,CAAC,eAAe,GAAG,uBAAuB,CAAC;IACrD,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,mEAAmE,EAAE,GAAG,EAAE;QAC3E,MAAM,uBAAuB,GAAG,MAAM,CAAC,eAAe,CAAC;QACvD,OAAQ,MAAiB,CAAC,iBAAiB,CAAC,CAAC;QAE7C,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,SAAoB,CAAC,CAAC;QAElD,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAErC,uCAAuC;QACvC,MAAM,CAAC,eAAe,GAAG,uBAAuB,CAAC;IACrD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC/B,UAAU,CAAC,GAAG,EAAE;QACZ,8DAA8D;QAC9D,MAAM,CAAC,eAAe,GAAG,SAAgB,CAAC;IAC9C,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACvD,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;QAC9B,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAC;QAEjC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACtD,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;QACzB,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAC;QAEjC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACrD,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC;QAC9B,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAC;QAEjC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACpD,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACtC,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAC;QAEjC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACpD,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/C,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAC;QAEjC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QAClE,MAAM,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;QAChC,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC,GAAG,CAAC,CAAC;QAEjC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACpC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;AAEP,CAAC,CAAC,CAAC"}

package/dist/commonHelpers/zenComponent.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+export interface IZenComponentProps extends PropsWithChildren {
+    className?: string;
+}
+export interface IZenIdComponentProps extends IZenComponentProps {
+    id: string;
+}

package/dist/commonHelpers/zenComponent.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=zenComponent.js.map

package/dist/commonHelpers/zenComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zenComponent.js","sourceRoot":"","sources":["../../commonHelpers/zenComponent.ts"],"names":[],"mappings":""}

package/dist/commonStyles/appIcons.less

@@ -0,0 +1,13 @@
+@pdfReportIcon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236a0000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%2215.139%22%20x2%3D%2218.633%22%20y1%3D%2210.443%22%20y2%3D%2231.32%22%20gradientTransform%3D%22matrix(1.73%200%200%201.939%20245.97%20385.974)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f8f8f7%22%2F%3E%3Cstop%20offset%3D%22.599%22%20stop-color%3D%22%23e8e8e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e2e2de%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%2220.794%22%20x2%3D%2235.596%22%20y1%3D%2218.379%22%20y2%3D%2239.6%22%20gradientTransform%3D%22matrix(1.343%200%200%201.235%20246.554%20404.243)%22%20gradientUnits%3D%22userSpaceOnUse%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-254.286%20-410.076)%22%3E%3Crect%20width%3D%2248%22%20height%3D%2248%22%20x%3D%22254.287%22%20y%3D%22410.086%22%20fill%3D%22none%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%20ry%3D%22.002%22%2F%3E%3Crect%20width%3D%2238.997%22%20height%3D%2245.003%22%20x%3D%22259.275%22%20y%3D%22412.317%22%20fill%3D%22url(%23c)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23888a85%22%20rx%3D%22.567%22%20ry%3D%22.567%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20fill-rule%3D%22evenodd%22%20d%3D%22M293.774%20420.82h-30v2h30zM295.384%20425.973h-32.763v2.26h32.763zM295.384%20432.753h-32.763v2.26h32.763zM295.384%20439.533h-32.763v2.26h32.763z%22%20color%3D%22%23000%22%20overflow%3D%22visible%22%2F%3E%3Crect%20width%3D%2237.026%22%20height%3D%2243.022%22%20x%3D%22260.273%22%20y%3D%22413.32%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20rx%3D%220%22%20ry%3D%220%22%2F%3E%3Cpath%20fill%3D%22url(%23d)%22%20d%3D%22M254.785%20424.292v21.454h46.844v-21.454h-46.844z%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20font-family%3D%22Bitstream%20Vera%20Sans%22%20font-size%3D%2212.448%22%20font-weight%3D%22bold%22%3E%3Cpath%20style%3D%22-inkscape-font-specification%3ABitstream%20Charter%20Bold%22%20d%3D%22M260.745%20427.96h5.398c1.605%200%202.836.401%203.692%201.203.862.795%201.292%201.932%201.293%203.409%200%201.483-.431%202.626-1.293%203.428-.856.795-2.087%201.193-3.692%201.193h-2.146v4.905h-3.252v-14.137m3.252%202.642v3.948h1.799c.631%200%201.118-.17%201.461-.511.344-.347.515-.836.515-1.468%200-.631-.172-1.117-.515-1.458-.344-.341-.831-.511-1.461-.511h-1.799M276.669%20430.715v8.626h1.166c1.329%200%202.343-.369%203.041-1.108.704-.739%201.056-1.812%201.056-3.219%200-1.401-.349-2.468-1.048-3.2-.698-.732-1.715-1.098-3.05-1.098h-1.166m-3.252-2.755h3.43c1.915%200%203.34.155%204.275.464a5.514%205.514%200%200%201%202.416%201.553%206.165%206.165%200%200%201%201.318%202.206c.287.833.431%201.777.431%202.831%200%201.067-.144%202.02-.431%202.86a6.157%206.157%200%200%201-1.318%202.206%205.647%205.647%200%200%201-2.433%201.562c-.946.303-2.365.455-4.258.455h-3.43v-14.137M287.778%20427.96h8.777v2.755h-5.525v2.632h5.195v2.755h-5.195v5.994h-3.252v-14.137%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23700000%22%20stroke-width%3D%221.62%22%20d%3D%22M254.746%20445.649l46.834-.151v-21.079%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+
+@excelReportIcon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%22-41.032%22%20x2%3D%22-64.261%22%20y1%3D%2214.119%22%20y2%3D%2214.272%22%20gradientTransform%3D%22translate(61.25%20-.415)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234fa42a%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234fff2a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234fa42a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%224.3%22%20stroke-width%3D%221.6%22%20d%3D%22M2.729%202.848h22.424v22.186H2.729z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%234fa42a%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.278%22%20d%3D%22M6.561%206.324h15.115v14.955H6.561z%22%2F%3E%3Ctext%20x%3D%22-28%22%20y%3D%229.254%22%20font-family%3D%22Sans%22%20font-size%3D%2240%22%20letter-spacing%3D%220%22%20word-spacing%3D%220%22%2F%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M7.86%208.706l3.975-.017%201.66%202.167%202.018-2.076h3.856l-3.678%204.443v.06l4.742%206.413-4.414-.042-2.464-4.171-1.758%202.88-3.7-.033%203.424-5.134.017-.027z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.536%2013.962V3.759H24.18v20.406H3.536V13.962zm18.737%207.609c.264-.494.358-14.87.102-15.54-.128-.331-1.083-.375-8.305-.375H5.908v8.029c0%204.415.072%208.099.159%208.186.087.087%203.713.158%208.06.158%207.568%200%207.91-.02%208.146-.459z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.332%2013.843V7.08h13.526v13.526H7.332v-6.763zm13.148%205.754c-.092-.163-1.177-1.656-2.41-3.319l-2.241-3.022%201.835-2.198%201.835-2.198-2.109-.07-2.108-.072-.879.94-.879.939-.857-1.047-.858-1.046h-2c-1.101%200-2.002.07-2.002.154s.803%201.143%201.784%202.35l1.784%202.195-1.663%202.456c-.915%201.35-1.664%202.535-1.665%202.633-.002.098.853.178%201.899.178h1.9l.855-1.335c.646-1.01.907-1.256%201.072-1.009.12.18.597.994%201.061%201.81.464.815%201.022%201.586%201.239%201.713.217.126%201.336.233%202.485.237%201.606.006%202.052-.061%201.922-.289z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.536%2013.962V3.759H24.18v20.406H3.536V13.962zm18.75%207.459c.355-.93.306-15.121-.052-15.479-.21-.21-2.384-.285-8.305-.285h-8.02v8.028c0%204.416.07%208.1.157%208.187.087.087%203.72.158%208.074.158h7.916l.231-.609z%22%2F%3E%3C%2Fsvg%3E");
+
+.zenIcons_pdf {
+    background-image: @pdfReportIcon;
+    background-size: contain;
+  }
+  
+.zenIcons_excel {
+    background-image: @excelReportIcon;
+    background-size: contain;
+}

package/dist/commonStyles/caption/caption.less

@@ -0,0 +1,44 @@
+.zen-caption {
+    @button-line-height: 16px;
+
+    display: inline-flex;
+    align-items: center;
+    overflow: hidden;
+    gap: 8px;
+
+    &--center {
+        justify-content: center;
+
+        .zen-caption__content {
+            margin-right: 0;
+        }
+    }
+
+    &--full-width {
+        width: 100%;
+    }
+
+    &__content {
+        line-height: @button-line-height;
+        font-weight: 400;
+        white-space: nowrap;
+        margin-left: 0;
+        margin-right: auto;
+    }
+
+    &--hidden {
+        display: none;
+    }
+
+    &--wrapped {
+
+        .zen-caption__content {
+            white-space: normal;
+            word-wrap: break-word;
+        }
+    }
+}
+
+.zen-caption.zen-caption {
+    display: inline-flex;
+}

package/dist/commonStyles/colors/colors.less

@@ -0,0 +1,148 @@
+:root {
+    // text
+    --text-primary:              #1F2833;
+    --text-secondary:            #4E677E;
+    --text-placeholder:          #8DA4B9;
+    --text-hyperlink:            #005AA8;
+    --text-nav-highlight:        #0069BF;
+    --text-error-message:        #C51A11;
+    --text-button-disabled:      #C0CCD8;
+    --text-reverse-primary:      #FFFFFF;
+    --text-reverse-primary-button: var(--text-reverse-primary);
+
+    // backgrounds
+    --backgrounds-main:           #FFFFFF;
+    --backgrounds-content-0:      #F9FAFB;
+    --backgrounds-content-1:      #F2F5F7;
+    --backgrounds-content-2:      #D9E1E8;
+    --backgrounds-hover:          #E6EBEF;
+    --backgrounds-field-disabled: #E6EBEF;
+    --backgrounds-text-button-disabled: #C0CCD8;
+    --backgrounds-overlay:        rgba(31, 40, 51, 0.4);
+    --backgrounds-primary-brand:  #25477B;
+    --backgrounds-reverse-2:      #2F5B9D;
+    --backgrounds-reverse-1:      #1F2833;
+    --backgrounds-reverse-0:      #3E5265;
+
+    // borders
+    --borders-general:            #C0CCD8;
+    --borders-secondary:          #748FAA;
+    --borders-form-field--hover:  #748FAA;
+    --borders-form-field--active: #0078D3;
+    --borders-form-field--error:  #C51A11;
+    --borders-form-field--reverse:#91B0DE;
+
+    // actions
+    --action-primary--default:   #0078D3;
+    --action-primary--hover:     #005AA8;
+    --action-primary--active:    #004080;
+
+    --action-secondary--default: #4E677E;
+    --action-secondary--hover:   #3E5265;
+    --action-secondary--active:  #2F3D4C;
+
+    --action-destructive--default:#C51A11;
+    --action-destructive--hover: #B11810;
+    --action-destructive--active:#A01F0E;
+
+    --action-tertiary--hover:   #E6EBEF;
+    --action-tertiary--active:  #3E5265;
+
+    // accents
+    --accents-warning--main:     #FEF7ED;
+    --accents-warning--detail:   #59480D;
+
+    --accents-error--main:       #FFECEB;
+    --accents-error--detail:     #A01F0E;
+
+    --accents-success--main:     #EDFEF2;
+    --accents-success--detail:   #2B6436;
+
+    --accents-general--main:     #EBF6FF;
+    --accents-general--detail:   #25477B;
+
+    // chart temporary colors
+    --chart-sequential-green-1: #4AA75E;
+    --chart-divergent-red-blue-3: #B72931;
+    --chart-sequential-blue-5: #0C74C3;
+
+    --duty-status-workday:      #FAAD41;
+    --duty-status-cycle:        #C0C1C6;
+    --duty-status-rest:         #FE6867;
+    --duty-status-drive:        #49C649;
+    --duty-status-exemption:    #4E677E;
+}
+
+.zen-dark {
+    // text
+    --text-primary:              #FFFFFF;
+    --text-secondary:            #C0CCD8;
+    --text-placeholder:          #A6B8C9;
+    --text-hyperlink:            #EBF6FF;
+    --text-nav-highlight:        #75C4FF;
+    --text-error-message:        #F7A1A2;
+    --text-button-disabled:      #8DA4B9;
+    --text-reverse-primary:      #1F2833;
+
+    // backgrounds
+    --backgrounds-main:           #1F2833;
+    --backgrounds-content-0:      #2F3D4C;
+    --backgrounds-content-1:      #4E677E;
+    --backgrounds-content-2:      #3E5265;
+    --backgrounds-hover:          #5D7B98;
+    --backgrounds-field-disabled: #748FAA;
+    --backgrounds-text-button-disabled: #8DA4B9;
+    --backgrounds-overlay:        rgba(31, 40, 51, 0.40);
+    --backgrounds-primary-brand:  #4CB2FF;
+    --backgrounds-reverse-2:      #5282CB;
+    --backgrounds-reverse-1:      #FFFFFF;
+    --backgrounds-reverse-0:      #F2F5F7;
+
+    // borders
+    --borders-general:            #748FAA;
+    --borders-secondary:          #C0CCD8;
+    --borders-form-field--hover:  #C0CCD8;
+    --borders-form-field--active: #4CB2FF;
+    --borders-form-field--error:  #F47C7D;
+    --borders-form-field--reverse:#1B325A;
+
+    // actions
+    --action-primary--default:   #4CB2FF;
+    --action-primary--hover:     #9ED5FF;
+    --action-primary--active:    #EBF6FF;
+
+    --action-secondary--default: #E6EBEF;
+    --action-secondary--hover:   #F2F5F7;
+    --action-secondary--active:  #F9FAFB;
+
+    --action-destructive--default:#F7A1A2;
+    --action-destructive--hover: #FAC7C7;
+    --action-destructive--active:#FFECEB;
+
+    --action-tertiary--hover:   rgba(31, 40, 51, 0.07);
+    --action-tertiary--active:  rgba(31, 40, 51, 0.14);
+
+    // accents
+    --accents-warning--main:     #A17A18;
+    --accents-warning--detail:   #FEF7ED;
+
+    --accents-error--main:       #C51A11;
+    --accents-error--detail:     #FFECEB;
+
+    --accents-success--main:     #46AF55;
+    --accents-success--detail:   #EDFEF2;
+
+    --accents-general--main:     #396DBC;
+    --accents-general--detail:   #EFF4FA;
+
+    // chart temporary colors
+    --chart-sequential-green-1: #4AA75E;
+    --chart-divergent-red-blue-3: #B72931;
+    --chart-sequential-blue-5: #0C74C3;
+
+    --duty-status-workday:      #59480D;
+    --duty-status-cycle:        #3E5265;
+    --duty-status-rest:         #A01F0E;
+    --duty-status-drive:        #2B6436;
+    --duty-status-exemption:    #E6EBEF;
+}