@worknice/whiteboard 0.0.2 → 0.0.3

package/dist/utils/NextContext.d.ts

@@ -0,0 +1,10 @@
+import type Image from "next/image";
+import type Link from "next/link";
+import type { NextRouter } from "next/router";
+declare const NextContext: import("react").Context<{
+    Image: typeof Image;
+    Link: typeof Link;
+    pathname: string | null;
+    router: NextRouter | null;
+} | null>;
+export default NextContext;

package/dist/utils/NextContext.js

@@ -0,0 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const NextContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+const NextContext_rslib_entry_ = NextContext;
+export { NextContext_rslib_entry_ as default };

package/dist/utils/TrackingContext.d.ts

@@ -0,0 +1,20 @@
+declare const TrackingContext: import("react").Context<{
+    /**
+     * Tracks when a user clicks or taps an element or presses the space/enter key
+     * with an element focused.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event
+     */
+    trackClick: (elementId: string) => void;
+    /**
+     * Tracks when a user changes the value of an input.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/input_event
+     */
+    trackInput: (elementId: string, inputValue?: string) => void;
+    /**
+     * Tracks when a user sends a GraphQL request to the backend.
+     */
+    trackGqlRequest: (gqlOperationType?: string, gqlOperationName?: string) => void;
+} | null>;
+export default TrackingContext;

package/dist/utils/TrackingContext.js

@@ -0,0 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const TrackingContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+const TrackingContext_rslib_entry_ = TrackingContext;
+export { TrackingContext_rslib_entry_ as default };

package/dist/utils/customProperties.d.ts

@@ -0,0 +1,5 @@
+import type { CSSProperties } from "react";
+declare const customProperties: (props: {
+    [key: `--${string}`]: string | number;
+}) => CSSProperties;
+export default customProperties;

package/dist/utils/customProperties.js

@@ -0,0 +1,3 @@
+const customProperties = (props)=>props;
+const customProperties_rslib_entry_ = customProperties;
+export { customProperties_rslib_entry_ as default };

package/dist/utils/encodeCsv.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Encodes a [spec compliant](https://datatracker.ietf.org/doc/html/rfc4180) CSV string.
+ */
+declare const encodeCsv: (data: Array<Array<string | number | boolean | undefined | null | Date>>) => string;
+export default encodeCsv;

package/dist/utils/encodeCsv.js

@@ -0,0 +1,30 @@
+import * as __WEBPACK_EXTERNAL_MODULE_temporal_polyfill_11c1db1c__ from "temporal-polyfill";
+const encodeCsv = (data)=>{
+    const columns = data.reduce((result, row)=>Math.max(result, row.length), 0);
+    let result = "";
+    for (const row of data){
+        for(let i = 0; i < columns; i++){
+            result += serializeValue(row[i]);
+            if (i < columns - 1) result += ",";
+        }
+        result += "\r\n";
+    }
+    return result;
+};
+const serializeValue = (value)=>{
+    switch(typeof value){
+        case "number":
+            return value.toString(10);
+        case "boolean":
+            return true === value ? "true" : "false";
+        case "string":
+            return /[,"\n]/.test(value) ? `"${value.replace(/"/g, '""')}"` : value;
+        default:
+            return value instanceof Date ? __WEBPACK_EXTERNAL_MODULE_temporal_polyfill_11c1db1c__.toTemporalInstant.apply(value).toString({
+                timeZone: "Australia/Sydney",
+                smallestUnit: "second"
+            }) : "";
+    }
+};
+const encodeCsv_rslib_entry_ = encodeCsv;
+export { encodeCsv_rslib_entry_ as default };

package/dist/utils/search.d.ts

@@ -0,0 +1,4 @@
+declare const search: <T extends {
+    id: string;
+}>(items: Array<T>, fields: Array<(keyof T & string) | Array<string>>, term: string) => Array<T>;
+export default search;

package/dist/utils/search.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE_js_search_62118aab__ from "js-search";
+const search_rslib_entry_search = (items, fields, term)=>{
+    const search = new __WEBPACK_EXTERNAL_MODULE_js_search_62118aab__.Search("id");
+    search.indexStrategy = new __WEBPACK_EXTERNAL_MODULE_js_search_62118aab__.AllSubstringsIndexStrategy();
+    for (const field of fields)search.addIndex(field);
+    search.addDocuments(items);
+    return search.search(term);
+};
+const search_rslib_entry_ = search_rslib_entry_search;
+export { search_rslib_entry_ as default };

package/dist/utils/useNextContext.d.ts

@@ -0,0 +1,35 @@
+declare const useNextContext: () => {
+    Image: typeof import("next/image").default;
+    Link: import("react").ForwardRefExoticComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
+        href: string | import("url").UrlObject;
+        as?: string | import("url").UrlObject;
+        replace?: boolean;
+        scroll?: boolean;
+        shallow?: boolean;
+        passHref?: boolean;
+        prefetch?: boolean | null;
+        locale?: string | false;
+        legacyBehavior?: boolean;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLAnchorElement>;
+        onTouchStart?: import("react").TouchEventHandler<HTMLAnchorElement>;
+        onClick?: import("react").MouseEventHandler<HTMLAnchorElement>;
+    }> & {
+        href: string | import("url").UrlObject;
+        as?: string | import("url").UrlObject;
+        replace?: boolean;
+        scroll?: boolean;
+        shallow?: boolean;
+        passHref?: boolean;
+        prefetch?: boolean | null;
+        locale?: string | false;
+        legacyBehavior?: boolean;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLAnchorElement>;
+        onTouchStart?: import("react").TouchEventHandler<HTMLAnchorElement>;
+        onClick?: import("react").MouseEventHandler<HTMLAnchorElement>;
+    } & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLAnchorElement>>;
+    pathname: string | null;
+    router: import("next/router").NextRouter | null;
+};
+export default useNextContext;

package/dist/utils/useNextContext.js

@@ -0,0 +1,9 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__NextContext_js_0048cbcb__ from "./NextContext.js";
+const useNextContext = ()=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__NextContext_js_0048cbcb__["default"]);
+    if (null === context) throw Error("useNextContext must be used within a NextContext.Provider");
+    return context;
+};
+const useNextContext_rslib_entry_ = useNextContext;
+export { useNextContext_rslib_entry_ as default };

package/dist/validators/isGreaterThan.d.ts

@@ -0,0 +1,8 @@
+declare const isGreaterThan: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, comparator: number, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isGreaterThan;

package/dist/validators/isGreaterThan.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isGreaterThan = (field, comparator, message = `Must be greater than ${comparator}.`)=>(data)=>{
+        const value = data[field];
+        return "number" == typeof value && value < comparator ? {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        } : null;
+    };
+const isGreaterThan_rslib_entry_ = isGreaterThan;
+export { isGreaterThan_rslib_entry_ as default };

package/dist/validators/isInteger.d.ts

@@ -0,0 +1,8 @@
+declare const isInteger: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isInteger;

package/dist/validators/isInteger.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isInteger = (field, message = "Must be a whole number.")=>(data)=>{
+        const value = data[field];
+        return "number" != typeof value || Number.isInteger(value) ? null : {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        };
+    };
+const isInteger_rslib_entry_ = isInteger;
+export { isInteger_rslib_entry_ as default };

package/dist/validators/isLessThan.d.ts

@@ -0,0 +1,8 @@
+declare const isLessThan: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, comparator: number, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isLessThan;

package/dist/validators/isLessThan.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isLessThan = (field, comparator, message = `Must be less than ${comparator}.`)=>(data)=>{
+        const value = data[field];
+        return "number" == typeof value && value > comparator ? {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        } : null;
+    };
+const isLessThan_rslib_entry_ = isLessThan;
+export { isLessThan_rslib_entry_ as default };

package/dist/validators/isNotBlank.d.ts

@@ -0,0 +1,8 @@
+declare const isNotBlank: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isNotBlank;

package/dist/validators/isNotBlank.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isNotBlank = (field, message = "This field is required.")=>(data)=>{
+        const value = data[field];
+        return null == value || "string" == typeof value && "" === value.trim() ? {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        } : null;
+    };
+const isNotBlank_rslib_entry_ = isNotBlank;
+export { isNotBlank_rslib_entry_ as default };

package/dist/validators/isNotEmpty.d.ts

@@ -0,0 +1,8 @@
+declare const isNotEmpty: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isNotEmpty;

package/dist/validators/isNotEmpty.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isNotEmpty = (field, message = "This field cannot be empty.")=>(data)=>{
+        const value = data[field];
+        return Array.isArray(value) && 0 === value.length ? {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        } : null;
+    };
+const isNotEmpty_rslib_entry_ = isNotEmpty;
+export { isNotEmpty_rslib_entry_ as default };

package/dist/validators/isNumber.d.ts

@@ -0,0 +1,8 @@
+declare const isNumber: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isNumber;

package/dist/validators/isNumber.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isNumber = (field, message = "Must be a number.")=>(data)=>{
+        const value = data[field];
+        if (null == value || "number" == typeof value || "string" == typeof value && (!Number.isNaN(Number(value)) || "" === value.trim())) return null;
+        return {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        };
+    };
+const isNumber_rslib_entry_ = isNumber;
+export { isNumber_rslib_entry_ as default };

package/dist/validators/isRequired.d.ts

@@ -0,0 +1,8 @@
+declare const isRequired: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isRequired;

package/dist/validators/isRequired.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isRequired = (field, message = "This field is required.")=>(data)=>{
+        const value = data[field];
+        return null == value ? {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        } : null;
+    };
+const isRequired_rslib_entry_ = isRequired;
+export { isRequired_rslib_entry_ as default };

package/dist/validators/isTrue.d.ts

@@ -0,0 +1,8 @@
+declare const isTrue: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isTrue;

package/dist/validators/isTrue.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isTrue = (field, message)=>(data)=>{
+        const value = data[field];
+        return true !== value ? {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        } : null;
+    };
+const isTrue_rslib_entry_ = isTrue;
+export { isTrue_rslib_entry_ as default };

package/dist/validators/isValidEmail.d.ts

@@ -0,0 +1,8 @@
+declare const isValidEmail: <Model extends {
+    [Field: string]: any;
+}>(field: keyof Model, message?: string) => (data: Model) => {
+    id: string;
+    field: keyof Model;
+    message: string;
+} | null;
+export default isValidEmail;

package/dist/validators/isValidEmail.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_email_validator_0eb92705__ from "email-validator";
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+const isValidEmail = (field, message = "Must be a valid email address.")=>(data)=>{
+        const value = data[field];
+        return "string" != typeof value || "" === value.trim() || (0, __WEBPACK_EXTERNAL_MODULE_email_validator_0eb92705__.validate)(value) ? null : {
+            id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+            field,
+            message
+        };
+    };
+const isValidEmail_rslib_entry_ = isValidEmail;
+export { isValidEmail_rslib_entry_ as default };

package/dist/visuals/ProportionVisual.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    data: Array<{
+        color: "blue" | "green" | "grey" | "maroon" | "orange" | "purple" | "red" | "teal" | "yellow";
+        count: number;
+        key: string;
+        label: string;
+    }>;
+    label: string;
+};
+declare const ProportionVisual: ({ data, label }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ProportionVisual;

package/dist/visuals/ProportionVisual.js

@@ -0,0 +1,41 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__ from "./ProportionVisual.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Label_js_974ebccd__ from "../presentation/Label.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+const ProportionVisual = ({ data, label })=>{
+    const filteredData = data.filter(({ count })=>count > 0);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].container,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Label_js_974ebccd__["default"], {
+                children: label
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].bar,
+                style: {
+                    gridTemplateColumns: filteredData.map(({ count })=>`minmax(0, ${count}fr)`).join(" ")
+                },
+                children: filteredData.map(({ color, count, key, label })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].segment, {
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].blue]: "blue" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].green]: "green" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].grey]: "grey" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].maroon]: "maroon" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].orange]: "orange" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].purple]: "purple" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].red]: "red" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].teal]: "teal" === color,
+                            [__WEBPACK_EXTERNAL_MODULE__ProportionVisual_module_js_d913819e__["default"].yellow]: "yellow" === color
+                        }),
+                        children: [
+                            count,
+                            " ",
+                            label
+                        ]
+                    }, key))
+            })
+        ]
+    });
+};
+const ProportionVisual_rslib_entry_ = ProportionVisual;
+export { ProportionVisual_rslib_entry_ as default };

package/dist/visuals/ProportionVisual.module.js

@@ -0,0 +1,16 @@
+import "./ProportionVisual_module.css";
+const ProportionVisual_module_rslib_entry_ = {
+    container: "container-louZAW",
+    bar: "bar-ZjYTI2",
+    segment: "segment-IOG4Nc",
+    blue: "blue-TcO7F5",
+    green: "green-EGM1Xe",
+    grey: "grey-ueCyZA",
+    maroon: "maroon-UsSx96",
+    orange: "orange-ZlY9nS",
+    purple: "purple-HIV6_1",
+    red: "red-QPohUh",
+    teal: "teal-vQfnhS",
+    yellow: "yellow-IzuLCR"
+};
+export { ProportionVisual_module_rslib_entry_ as default };

package/dist/visuals/ProportionVisualCompact.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    data: Array<{
+        color: "blue" | "green" | "grey" | "maroon" | "orange" | "purple" | "red" | "teal" | "yellow";
+        count: number;
+        key: string;
+    }>;
+};
+declare const ProportionVisual: ({ data }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ProportionVisual;

package/dist/visuals/ProportionVisualCompact.js

@@ -0,0 +1,27 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__ from "./ProportionVisualCompact.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+const ProportionVisual = ({ data })=>{
+    const filteredData = data.filter(({ count })=>count > 0);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].bar,
+        style: {
+            gridTemplateColumns: filteredData.map(({ count })=>`minmax(var(--size-00), ${count}fr)`).join(" ")
+        },
+        children: filteredData.map(({ color, key })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].segment, {
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].blue]: "blue" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].green]: "green" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].grey]: "grey" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].maroon]: "maroon" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].orange]: "orange" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].purple]: "purple" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].red]: "red" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].teal]: "teal" === color,
+                    [__WEBPACK_EXTERNAL_MODULE__ProportionVisualCompact_module_js_c40f32c6__["default"].yellow]: "yellow" === color
+                })
+            }, key))
+    });
+};
+const ProportionVisualCompact_rslib_entry_ = ProportionVisual;
+export { ProportionVisualCompact_rslib_entry_ as default };

package/dist/visuals/ProportionVisualCompact.module.js

@@ -0,0 +1,15 @@
+import "./ProportionVisualCompact_module.css";
+const ProportionVisualCompact_module_rslib_entry_ = {
+    bar: "bar-imoj8x",
+    segment: "segment-Z_tE1x",
+    blue: "blue-bQWgvH",
+    green: "green-zPpIIX",
+    grey: "grey-WQJJQ2",
+    maroon: "maroon-gMYAYC",
+    orange: "orange-hFzZiz",
+    purple: "purple-AeFNmb",
+    red: "red-HrBD95",
+    teal: "teal-wUj62r",
+    yellow: "yellow-rCbfkq"
+};
+export { ProportionVisualCompact_module_rslib_entry_ as default };

package/dist/visuals/ProportionVisualCompact_module.css

@@ -0,0 +1,48 @@
+.bar-imoj8x {
+  border-radius: var(--size-n3);
+  gap: 1px;
+  width: 100%;
+  display: grid;
+  overflow: hidden;
+}
+
+.segment-Z_tE1x {
+  height: var(--size-n2);
+}
+
+.blue-bQWgvH {
+  background: var(--color-blue-t04);
+}
+
+.green-zPpIIX {
+  background: var(--color-green-t04);
+}
+
+.grey-WQJJQ2 {
+  background: var(--color-grey-t04);
+}
+
+.maroon-gMYAYC {
+  background: var(--color-maroon-t04);
+}
+
+.orange-hFzZiz {
+  background: var(--color-orange-t04);
+}
+
+.purple-AeFNmb {
+  background: var(--color-purple-t04);
+}
+
+.red-HrBD95 {
+  background: var(--color-red-t04);
+}
+
+.teal-wUj62r {
+  background: var(--color-teal-t04);
+}
+
+.yellow-rCbfkq {
+  background: var(--color-yellow-t04);
+}
+

package/dist/visuals/ProportionVisual_module.css

@@ -0,0 +1,65 @@
+.container-louZAW {
+  gap: var(--size-n3);
+  display: grid;
+}
+
+.bar-ZjYTI2 {
+  border-radius: var(--size-n1);
+  gap: var(--size-n5);
+  display: grid;
+  overflow: hidden;
+}
+
+.segment-IOG4Nc {
+  font: var(--font-tiny-bold);
+  padding: var(--size-n2) var(--size-n1);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.blue-TcO7F5 {
+  background: var(--color-blue-t09);
+  color: var(--color-blue-s04);
+}
+
+.green-EGM1Xe {
+  background: var(--color-green-t09);
+  color: var(--color-green-s04);
+}
+
+.grey-ueCyZA {
+  background: var(--color-grey-t09);
+  color: var(--color-grey-s04);
+}
+
+.maroon-UsSx96 {
+  background: var(--color-maroon-t09);
+  color: var(--color-maroon-s04);
+}
+
+.orange-ZlY9nS {
+  background: var(--color-orange-t09);
+  color: var(--color-orange-s04);
+}
+
+.purple-HIV6_1 {
+  background: var(--color-purple-t09);
+  color: var(--color-purple-s04);
+}
+
+.red-QPohUh {
+  background: var(--color-red-t09);
+  color: var(--color-red-s04);
+}
+
+.teal-vQfnhS {
+  background: var(--color-teal-t09);
+  color: var(--color-teal-s04);
+}
+
+.yellow-IzuLCR {
+  background: var(--color-yellow-t09);
+  color: var(--color-yellow-s04);
+}
+