@worknice/whiteboard 0.65.0 → 0.66.1

package/dist/icons/components/AssignmentCertificate.js

@@ -2,12 +2,12 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
 const AssignmentCertificateSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 16 20",
+        viewBox: "0 0 640 640",
         fill: "currentColor",
         "aria-hidden": "true",
         ...props,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-            d: "M14 16.5H7v1c0 .172-.031.34-.084.5H14c1.103 0 2-.897 2-2V6.828a2 2 0 0 0-.584-1.416l-2.832-2.828A2 2 0 0 0 11.172 2H6c-1.103 0-2 .897-2 2v2.222l.003-.003c.047-.022.125-.063.206-.094A1.77 1.77 0 0 1 5.5 6.109V4c0-.275.225-.5.5-.5h5V6a1 1 0 0 0 1 1h2.5v9c0 .275-.225.5-.5.5M3.412 7.05a.75.75 0 0 0-.878.234l-.328.422a.25.25 0 0 1-.162.094l-.528.072a.75.75 0 0 0-.641.64l-.072.529a.25.25 0 0 1-.094.162l-.425.331a.75.75 0 0 0-.234.878l.2.494a.25.25 0 0 1 0 .19l-.2.492a.75.75 0 0 0 .234.878l.422.328c.053.04.085.1.094.162l.072.528c.047.335.31.597.64.644l.488.066V17.5c0 .184.1.353.266.44a.49.49 0 0 0 .512-.024L4 17.1l1.222.816A.502.502 0 0 0 6 17.5v-3.306l.484-.066a.75.75 0 0 0 .641-.644l.072-.528a.25.25 0 0 1 .094-.162l.421-.328a.75.75 0 0 0 .235-.878l-.197-.494a.25.25 0 0 1 0-.19l.203-.495a.75.75 0 0 0-.234-.878l-.422-.328a.25.25 0 0 1-.094-.162l-.072-.529a.75.75 0 0 0-.64-.64L5.962 7.8a.25.25 0 0 1-.162-.094l-.328-.422a.75.75 0 0 0-.878-.234l-.5.2a.25.25 0 0 1-.19 0l-.495-.203zM2 11a2 2 0 1 1 4 0 2 2 0 0 1-4 0"
+            d: "M224 112L336 112L336 200C336 239.8 368.2 272 408 272L496 272L496 512C496 520.8 488.8 528 480 528L288 528L288 576L480 576C515.3 576 544 547.3 544 512L544 250.5C544 233.5 537.3 217.2 525.3 205.2L402.7 82.7C390.7 70.7 374.5 64 357.5 64L224 64C188.7 64 160 92.7 160 128L160 208C176.6 208 192.7 210.3 208 214.6L208 128C208 119.2 215.2 112 224 112zM384 131.9L476.1 224L408 224C394.7 224 384 213.3 384 200L384 131.9zM288 384C288 313.3 230.7 256 160 256C89.3 256 32 313.3 32 384C32 424.4 50.7 460.5 80 483.9L80 589C80 599.5 88.5 608 99 608C102.3 608 105.5 607.1 108.4 605.5L160 576L211.6 605.5C214.5 607.1 217.7 608 221 608C231.5 608 240 599.5 240 589L240 483.9C269.3 460.4 288 424.4 288 384zM160 336C186.5 336 208 357.5 208 384C208 410.5 186.5 432 160 432C133.5 432 112 410.5 112 384C112 357.5 133.5 336 160 336z"
         })
     });
 const AssignmentCertificate_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(AssignmentCertificateSvg);

package/dist/icons/components/AssignmentDocument.js

@@ -2,12 +2,12 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
 const AssignmentDocumentSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 12 20",
+        viewBox: "0 0 640 640",
         fill: "currentColor",
         "aria-hidden": "true",
         ...props,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-            d: "M2 16.5h8c.275 0 .5-.225.5-.5V7H8a1 1 0 0 1-1-1V3.5H2c-.275 0-.5.225-.5.5v12c0 .275.225.5.5.5M0 4c0-1.103.897-2 2-2h5.172a2 2 0 0 1 1.416.584l2.828 2.828A2 2 0 0 1 12 6.829V16c0 1.103-.897 2-2 2H2c-1.103 0-2-.897-2-2zm2.5 1.5c0-.275.225-.5.5-.5h2.5c.275 0 .5.225.5.5s-.225.5-.5.5H3a.5.5 0 0 1-.5-.5m0 2c0-.275.225-.5.5-.5h2.5c.275 0 .5.225.5.5s-.225.5-.5.5H3a.5.5 0 0 1-.5-.5m3.5 7c0-.275.225-.5.5-.5H9c.275 0 .5.225.5.5s-.225.5-.5.5H6.5a.5.5 0 0 1-.5-.5M3.5 9h5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1"
+            d: "M304 112L192 112C183.2 112 176 119.2 176 128L176 512C176 520.8 183.2 528 192 528L448 528C456.8 528 464 520.8 464 512L464 272L376 272C336.2 272 304 239.8 304 200L304 112zM444.1 224L352 131.9L352 200C352 213.3 362.7 224 376 224L444.1 224zM128 128C128 92.7 156.7 64 192 64L325.5 64C342.5 64 358.8 70.7 370.8 82.7L493.3 205.3C505.3 217.3 512 233.6 512 250.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM208 168C208 154.7 218.7 144 232 144L248 144C261.3 144 272 154.7 272 168C272 181.3 261.3 192 248 192L232 192C218.7 192 208 181.3 208 168zM208 248C208 234.7 218.7 224 232 224L248 224C261.3 224 272 234.7 272 248C272 261.3 261.3 272 248 272L232 272C218.7 272 208 261.3 208 248zM384 432L384 368L256 368L256 432L384 432zM208 440L208 360C208 337.9 225.9 320 248 320L392 320C414.1 320 432 337.9 432 360L432 440C432 462.1 414.1 480 392 480L248 480C225.9 480 208 462.1 208 440z"
         })
     });
 const AssignmentDocument_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(AssignmentDocumentSvg);

package/dist/icons/components/AssignmentForm.js

@@ -2,12 +2,12 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
 const AssignmentFormSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 14 20",
+        viewBox: "0 0 640 640",
         fill: "currentColor",
         "aria-hidden": "true",
         ...props,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-            d: "M12 3.5c.275 0 .5.225.5.5v12c0 .275-.225.5-.5.5H2a.5.5 0 0 1-.5-.5V4c0-.275.225-.5.5-.5zM2 2C.897 2 0 2.897 0 4v12c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zm.5 3.5v1c0 .275.225.5.5.5h1c.275 0 .5-.225.5-.5v-1c0-.275-.225-.5-.5-.5H3c-.275 0-.5.225-.5.5M3 13c-.275 0-.5.225-.5.5v1c0 .275.225.5.5.5h1c.275 0 .5-.225.5-.5v-1c0-.275-.225-.5-.5-.5zm2.5-7c0 .416.334.75.75.75h4.5c.416 0 .75-.334.75-.75a.75.75 0 0 0-.75-.75h-4.5A.75.75 0 0 0 5.5 6m1 4c0 .416.334.75.75.75h3.5c.416 0 .75-.334.75-.75a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0-.75.75m-1 4c0 .416.334.75.75.75h4.5c.416 0 .75-.334.75-.75a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75m-.147-4.397a.5.5 0 0 0 0-.706.5.5 0 0 0-.706 0L3.5 10.044l-.397-.397a.5.5 0 0 0-.706 0 .5.5 0 0 0 0 .706l.75.75a.5.5 0 0 0 .706 0z"
+            d: "M448 112C456.8 112 464 119.2 464 128L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 128C176 119.2 183.2 112 192 112L448 112zM192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 128C512 92.7 483.3 64 448 64L192 64zM208 192C208 209.7 222.3 224 240 224C257.7 224 272 209.7 272 192C272 174.3 257.7 160 240 160C222.3 160 208 174.3 208 192zM240 416C222.3 416 208 430.3 208 448C208 465.7 222.3 480 240 480C257.7 480 272 465.7 272 448C272 430.3 257.7 416 240 416zM304 192C304 205.3 314.7 216 328 216L408 216C421.3 216 432 205.3 432 192C432 178.7 421.3 168 408 168L328 168C314.7 168 304 178.7 304 192zM336 320C336 333.3 346.7 344 360 344L408 344C421.3 344 432 333.3 432 320C432 306.7 421.3 296 408 296L360 296C346.7 296 336 306.7 336 320zM304 448C304 461.3 314.7 472 328 472L408 472C421.3 472 432 461.3 432 448C432 434.7 421.3 424 408 424L328 424C314.7 424 304 434.7 304 448zM303.4 283.5C309.8 275 308 263 299.6 256.6C291.2 250.2 279.1 252 272.7 260.4L240 304L231.4 292.5C225 284 213 282.3 204.5 288.6C196 294.9 194.3 307 200.6 315.5L224.6 347.5C228.2 352.3 233.9 355.2 240 355.2C246.1 355.2 251.7 352.4 255.4 347.5L303.4 283.5z"
         })
     });
 const AssignmentForm_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(AssignmentFormSvg);

package/dist/icons/components/AssignmentQuestionnaire.js

@@ -2,12 +2,12 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
 import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
 const AssignmentQuestionnaireSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "128 64 384 512",
+        viewBox: "0 0 640 640",
         fill: "currentColor",
         "aria-hidden": "true",
         ...props,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-            d: "M280 160L360 160C373.3 160 384 149.3 384 136C384 122.7 373.3 112 360 112L280 112C266.7 112 256 122.7 256 136C256 149.3 266.7 160 280 160zM280 208C242.9 208 212.4 180 208.4 144L192 144C183.2 144 176 151.2 176 160L176 512C176 520.8 183.2 528 192 528L448 528C456.8 528 464 520.8 464 512L464 160C464 151.2 456.8 144 448 144L431.6 144C427.6 180 397.1 208 360 208L280 208zM360 64C385 64 407 76.7 419.9 96L448 96C483.3 96 512 124.7 512 160L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 160C128 124.7 156.7 96 192 96L220.1 96C233 76.7 255 64 280 64L360 64zM320 296C303.9 296 290.8 309.1 290.8 325.2C290.8 338.5 280.1 349.2 266.8 349.2C253.5 349.2 242.8 338.5 242.8 325.2C242.8 282.6 277.4 248 320 248C362.6 248 397.2 282.6 397.2 325.2C397.2 370.7 362.7 389.9 343.5 397C341.2 407.8 331.6 416 320 416C306.7 416 296 405.3 296 392C296 371.8 310.6 357.4 325.5 352.5C331.5 350.5 337.8 347.4 342.3 343C346.2 339.2 349.2 334 349.2 325.3C349.2 309.2 336.1 296.1 320 296.1zM348 464C348 479.5 335.5 492 320 492C304.5 492 292 479.5 292 464C292 448.5 304.5 436 320 436C335.5 436 348 448.5 348 464z"
+            d: "M360 160L280 160C266.7 160 256 149.3 256 136C256 122.7 266.7 112 280 112L360 112C373.3 112 384 122.7 384 136C384 149.3 373.3 160 360 160zM360 208C397.1 208 427.6 180 431.6 144L448 144C456.8 144 464 151.2 464 160L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 160C176 151.2 183.2 144 192 144L208.4 144C212.4 180 242.9 208 280 208L360 208zM419.9 96C407 76.7 385 64 360 64L280 64C255 64 233 76.7 220.1 96L192 96C156.7 96 128 124.7 128 160L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 160C512 124.7 483.3 96 448 96L419.9 96z"
         })
     });
 const AssignmentQuestionnaire_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(AssignmentQuestionnaireSvg);

package/dist/inputs/NumberInput.d.ts

@@ -1,6 +1,7 @@
 import { type Dispatch } from "react";
 type Props = {
     autoFocus?: boolean;
+    ariaLabel?: string;
     decimalPlaces?: number;
     disabled?: boolean;
     id?: string;
@@ -12,5 +13,5 @@ type Props = {
     prefix?: string;
     suffix?: string;
 };
-declare const NumberInput: ({ autoFocus, decimalPlaces, disabled, id, format, maxLength, onChange, placeholder, value, prefix, suffix, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const NumberInput: ({ autoFocus, ariaLabel, decimalPlaces, disabled, id, format, maxLength, onChange, placeholder, value, prefix, suffix, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default NumberInput;

package/dist/inputs/NumberInput.js

@@ -5,7 +5,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__NumberInput_module_js_5606faf2__ from "./
 const DEFAULT_MAX_LENGTH = 10;
 const MAXIMUM_MAX_LENGTH = 15;
 const INTEGER_REGEX = /^\d*$/;
-const NumberInput = ({ autoFocus = false, decimalPlaces, disabled, id, format = "integer", maxLength = DEFAULT_MAX_LENGTH, onChange, placeholder, value, prefix, suffix })=>{
+const NumberInput = ({ autoFocus = false, ariaLabel, decimalPlaces, disabled, id, format = "integer", maxLength = DEFAULT_MAX_LENGTH, onChange, placeholder, value, prefix, suffix })=>{
     const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const actualMaxLength = Math.min(maxLength, MAXIMUM_MAX_LENGTH);
     const [displayValue, setDisplayValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null === value ? "" : value.toString());
@@ -54,6 +54,7 @@ const NumberInput = ({ autoFocus = false, decimalPlaces, disabled, id, format =
             }) : null,
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("input", {
                 ref: ref,
+                "aria-label": ariaLabel,
                 autoFocus: autoFocus,
                 className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__NumberInput_module_js_5606faf2__["default"].input, {
                     [__WEBPACK_EXTERNAL_MODULE__NumberInput_module_js_5606faf2__["default"].inputWithPrefix]: void 0 !== prefix,

package/dist/inputs/SelectInput.d.ts

@@ -1,6 +1,7 @@
 import { type Dispatch } from "react";
 type Props<Option, Value> = {
     autoFocus?: boolean;
+    ariaLabel?: string;
     disabled?: boolean;
     id: string;
     includeValueInTracking?: boolean;
@@ -10,5 +11,5 @@ type Props<Option, Value> = {
     optionToLabel: (option: Option | Value) => string;
     value: Option | Value;
 };
-declare const SelectInput: <Option = any, Value = never>({ autoFocus, disabled, id, onChange, options, optionToId, optionToLabel, value, }: Props<Option, Value>) => import("react/jsx-runtime").JSX.Element;
+declare const SelectInput: <Option = any, Value = never>({ autoFocus, ariaLabel, disabled, id, onChange, options, optionToId, optionToLabel, value, }: Props<Option, Value>) => import("react/jsx-runtime").JSX.Element;
 export default SelectInput;

package/dist/inputs/SelectInput.js

@@ -6,7 +6,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__icons_components_CheckMark_js_cfe325a8__
 import * as __WEBPACK_EXTERNAL_MODULE__icons_components_ChevronDown_js_606de891__ from "../icons/components/ChevronDown.js";
 import * as __WEBPACK_EXTERNAL_MODULE__icons_components_ChevronUp_js_68c56b29__ from "../icons/components/ChevronUp.js";
 import * as __WEBPACK_EXTERNAL_MODULE__SelectInput_module_js_3ac344a1__ from "./SelectInput.module.js";
-const SelectInput = ({ autoFocus = false, disabled = false, id, onChange, options, optionToId, optionToLabel, value })=>{
+const SelectInput = ({ autoFocus = false, ariaLabel, disabled = false, id, onChange, options, optionToId, optionToLabel, value })=>{
     const optionsRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)([]);
     const optionsContentRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(options.map((option)=>optionToLabel(option)));
     const listBoxRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
@@ -59,6 +59,7 @@ const SelectInput = ({ autoFocus = false, disabled = false, id, onChange, option
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
+                "aria-label": ariaLabel,
                 autoFocus: autoFocus,
                 disabled: disabled || !hasOptions,
                 className: __WEBPACK_EXTERNAL_MODULE__SelectInput_module_js_3ac344a1__["default"].toggleButton,

package/dist/presentation/IconBadge.d.ts

@@ -3,6 +3,7 @@ type Props = {
     icon: ReactNode;
     id?: string;
     color: "blue" | "green" | "grey" | "maroon" | "orange" | "purple" | "red" | "teal" | "yellow";
+    size?: "default" | "large";
 };
-declare const IconBadge: ({ icon, id, color }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const IconBadge: ({ icon, id, color, size }: Props) => import("react/jsx-runtime").JSX.Element;
 export default IconBadge;

package/dist/presentation/IconBadge.js

@@ -1,9 +1,10 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
 import * as __WEBPACK_EXTERNAL_MODULE__IconBadge_module_js_cbb5a845__ from "./IconBadge.module.js";
-const IconBadge = ({ icon, id, color = "grey" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+const IconBadge = ({ icon, id, color = "grey", size = "default" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
         id: id,
         className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__IconBadge_module_js_cbb5a845__["default"].badge, {
+            [__WEBPACK_EXTERNAL_MODULE__IconBadge_module_js_cbb5a845__["default"].large]: "large" === size,
             [__WEBPACK_EXTERNAL_MODULE__IconBadge_module_js_cbb5a845__["default"].blue]: "blue" === color,
             [__WEBPACK_EXTERNAL_MODULE__IconBadge_module_js_cbb5a845__["default"].green]: "green" === color,
             [__WEBPACK_EXTERNAL_MODULE__IconBadge_module_js_cbb5a845__["default"].grey]: "grey" === color,

package/dist/presentation/IconBadge.module.js

@@ -1,6 +1,7 @@
 import "./IconBadge_module.css";
 const IconBadge_module_rslib_entry_ = {
     badge: "badge-ZsC2nL",
+    large: "large-mFKhst",
     blue: "blue-gyKK1E",
     green: "green-UlDMsp",
     grey: "grey-BAkizH",

package/dist/presentation/IconBadge.stories.d.ts

@@ -0,0 +1,44 @@
+import type { StoryObj } from "@storybook/nextjs-vite";
+declare const meta: {
+    component: ({ icon, id, color, size }: {
+        icon: import("react").ReactNode;
+        id?: string;
+        color: "blue" | "green" | "grey" | "maroon" | "orange" | "purple" | "red" | "teal" | "yellow";
+        size?: "default" | "large";
+    }) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+    args: {
+        color: "grey";
+        icon: import("react/jsx-runtime").JSX.Element;
+        id: string;
+        size: "default";
+    };
+    argTypes: {
+        color: {
+            control: "select";
+            options: ["blue", "green", "grey", "maroon", "orange", "purple", "red", "teal", "yellow"];
+        };
+        icon: {
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        size: {
+            control: "radio";
+            options: string[];
+        };
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/** Matches paperwork list leading icons (`PaperworkAssignmentIcon`). */
+export declare const Large: Story;
+export declare const Colors: Story;
+export declare const PaperworkTypes: Story;

package/dist/presentation/IconBadge.stories.js

@@ -0,0 +1,135 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentCertificate_js_fa8a03f5__ from "../icons/components/AssignmentCertificate.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentDocument_js_77dafcc0__ from "../icons/components/AssignmentDocument.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_bea25b7b__ from "../icons/components/AssignmentForm.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentQuestionnaire_js_c3311bf3__ from "../icons/components/AssignmentQuestionnaire.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icons_components_Paperwork_js_65e48fee__ from "../icons/components/Paperwork.js";
+import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__ from "./HStack.js";
+import * as __WEBPACK_EXTERNAL_MODULE__IconBadge_js_a428a515__ from "./IconBadge.js";
+import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__ from "./VStack.js";
+const COLORS = [
+    "blue",
+    "green",
+    "grey",
+    "maroon",
+    "orange",
+    "purple",
+    "red",
+    "teal",
+    "yellow"
+];
+const defaultIcon = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_bea25b7b__["default"], {
+    tone: "muted"
+});
+const meta = {
+    component: __WEBPACK_EXTERNAL_MODULE__IconBadge_js_a428a515__["default"],
+    title: "Presentation/IconBadge",
+    args: {
+        color: "grey",
+        icon: defaultIcon,
+        id: "icon-badge-story",
+        size: "default"
+    },
+    argTypes: {
+        color: {
+            control: "select",
+            options: COLORS
+        },
+        icon: {
+            control: false,
+            table: {
+                type: {
+                    summary: "ReactNode"
+                }
+            }
+        },
+        size: {
+            control: "radio",
+            options: [
+                "default",
+                "large"
+            ]
+        }
+    },
+    parameters: {
+        layout: "padded"
+    }
+};
+const IconBadge_stories_rslib_entry_ = meta;
+const Default = {};
+const Large = {
+    args: {
+        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_bea25b7b__["default"], {
+            size: "large",
+            tone: "muted"
+        }),
+        size: "large"
+    }
+};
+const Colors = {
+    args: {},
+    render: ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
+            spacing: "n2",
+            children: COLORS.map((color)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__IconBadge_js_a428a515__["default"], {
+                    color: color,
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentDocument_js_77dafcc0__["default"], {
+                        tone: "muted"
+                    }),
+                    id: `icon-badge-${color}`
+                }, color))
+        })
+};
+const PaperworkTypes = {
+    args: {},
+    render: ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__["default"], {
+            spacing: "n2",
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__IconBadge_js_a428a515__["default"], {
+                    color: "grey",
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentCertificate_js_fa8a03f5__["default"], {
+                        size: "large",
+                        tone: "muted"
+                    }),
+                    id: "icon-badge-certificate",
+                    size: "large"
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__IconBadge_js_a428a515__["default"], {
+                    color: "grey",
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentDocument_js_77dafcc0__["default"], {
+                        size: "large",
+                        tone: "muted"
+                    }),
+                    id: "icon-badge-document",
+                    size: "large"
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__IconBadge_js_a428a515__["default"], {
+                    color: "grey",
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_bea25b7b__["default"], {
+                        size: "large",
+                        tone: "muted"
+                    }),
+                    id: "icon-badge-form",
+                    size: "large"
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__IconBadge_js_a428a515__["default"], {
+                    color: "grey",
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentQuestionnaire_js_c3311bf3__["default"], {
+                        size: "large",
+                        tone: "muted"
+                    }),
+                    id: "icon-badge-questionnaire",
+                    size: "large"
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__IconBadge_js_a428a515__["default"], {
+                    color: "grey",
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_Paperwork_js_65e48fee__["default"], {
+                        size: "large",
+                        tone: "muted"
+                    }),
+                    id: "icon-badge-paperwork",
+                    size: "large"
+                })
+            ]
+        })
+};
+export { Colors, Default, Large, PaperworkTypes, IconBadge_stories_rslib_entry_ as default };

package/dist/presentation/IconBadge_module.css

@@ -9,6 +9,11 @@
   display: flex;
 }
 
+.large-mFKhst {
+  width: 24px;
+  height: 24px;
+}
+
 .blue-gyKK1E {
   background: var(--color-blue-t09);
   color: var(--color-blue-s04);

package/dist/presentation/ProgressBar.d.ts

@@ -3,9 +3,11 @@ type Props = {
     percentage: number;
     /** Optional human-readable description of progress for assistive tech (e.g. "3/5 steps complete"). */
     ariaValueText?: string;
+    /** Fill colour of the bar. @default "green" */
+    color?: "green" | "purple";
 };
 /**
- * Renders a horizontal progress bar with a green fill and rounded sides.
+ * Renders a horizontal progress bar with rounded sides and a configurable fill colour.
  */
-declare const ProgressBar: ({ percentage, ariaValueText }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const ProgressBar: ({ percentage, ariaValueText, color }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ProgressBar;

package/dist/presentation/ProgressBar.js

@@ -1,6 +1,10 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
 import * as __WEBPACK_EXTERNAL_MODULE__ProgressBar_module_js_913c4023__ from "./ProgressBar.module.js";
-const ProgressBar = ({ percentage, ariaValueText })=>{
+const FILL_CLASS = {
+    green: __WEBPACK_EXTERNAL_MODULE__ProgressBar_module_js_913c4023__["default"].fill,
+    purple: __WEBPACK_EXTERNAL_MODULE__ProgressBar_module_js_913c4023__["default"].fillPurple
+};
+const ProgressBar = ({ percentage, ariaValueText, color = "green" })=>{
     const clamped = Math.max(0, Math.min(1, percentage)) || 0;
     const percent = 100 * clamped;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -11,7 +15,7 @@ const ProgressBar = ({ percentage, ariaValueText })=>{
         "aria-valuemax": 100,
         "aria-valuetext": ariaValueText,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-            className: __WEBPACK_EXTERNAL_MODULE__ProgressBar_module_js_913c4023__["default"].fill,
+            className: FILL_CLASS[color],
             style: {
                 width: `${percent}%`
             }

package/dist/presentation/ProgressBar.module.js

@@ -1,6 +1,7 @@
 import "./ProgressBar_module.css";
 const ProgressBar_module_rslib_entry_ = {
     track: "track-q0A2R3",
-    fill: "fill-ureadD"
+    fill: "fill-ureadD",
+    fillPurple: "fillPurple-fmJtA1 fill-ureadD"
 };
 export { ProgressBar_module_rslib_entry_ as default };

package/dist/presentation/ProgressBar.stories.d.ts

@@ -1,8 +1,9 @@
 import type { StoryObj } from "@storybook/nextjs-vite";
 declare const meta: {
-    component: ({ percentage, ariaValueText }: {
+    component: ({ percentage, ariaValueText, color }: {
         percentage: number;
         ariaValueText?: string;
+        color?: "green" | "purple";
     }) => import("react/jsx-runtime").JSX.Element;
     args: {
         percentage: number;
@@ -21,6 +22,7 @@ declare const meta: {
     decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/nextjs-vite").ReactRenderer, {
         percentage: number;
         ariaValueText?: string | undefined;
+        color?: "green" | "purple" | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/dist/presentation/ProgressBar_module.css

@@ -13,3 +13,7 @@
   transition: width .2s;
 }
 
+.fillPurple-fmJtA1 {
+  background-color: var(--color-purple-000);
+}
+

package/dist/presentation/RichList/RichList.js

@@ -587,6 +587,7 @@ const RichList = ({ data, getRowId, leadingSlot, mainSlot, contentSlots = EMPTY_
                                     normalizedPrimary: normalizedPrimary,
                                     normalizedSecondary: normalizedSecondary,
                                     mainSlotMaxWidthPx: mainSlot.size,
+                                    shouldFillMainSlot: mainSlot.fill ?? false,
                                     normalizedContentSlots: normalizedContentSlots,
                                     normalizedTrailingSlots: normalizedTrailingSlots,
                                     isCompactContentSlots: isCompactContentSlots,

package/dist/presentation/RichList/RichListRow.d.ts

@@ -21,6 +21,12 @@ type Props<Type> = {
      * From `mainSlot.size`: max width (px) of the main-slot grid column (`--richlist-primary-track`).
      */
     mainSlotMaxWidthPx: number | undefined;
+    /**
+     * From `mainSlot.fill`: when `true` (and no `mainSlotMaxWidthPx`), the main slot column
+     * grows to absorb the row's leftover width instead of being capped. See
+     * `RichListMainSlot.fill` in types.ts for the usage contract.
+     */
+    shouldFillMainSlot: boolean;
     normalizedContentSlots: Array<NormalizedSlot<Type>>;
     normalizedTrailingSlots: Array<NormalizedSlot<Type>>;
     /**
@@ -39,5 +45,5 @@ type Props<Type> = {
     actionsForRow: Array<RichListRowAction<Type>>;
     lastSelectedRowRef: MutableRefObject<Row<Type> | undefined>;
 };
-declare const RichListRow: <Type>({ row, table, groupEntry, enableRowSelection, href, onClick, normalizedLeadingSlots, normalizedPrimary, normalizedSecondary, mainSlotMaxWidthPx, normalizedContentSlots, normalizedTrailingSlots, isCompactContentSlots, rowMainHidesContentSlotColumns, contentSlotsJustifyContent, actionsForRow, lastSelectedRowRef, }: Props<Type>) => import("react/jsx-runtime").JSX.Element;
+declare const RichListRow: <Type>({ row, table, groupEntry, enableRowSelection, href, onClick, normalizedLeadingSlots, normalizedPrimary, normalizedSecondary, mainSlotMaxWidthPx, shouldFillMainSlot, normalizedContentSlots, normalizedTrailingSlots, isCompactContentSlots, rowMainHidesContentSlotColumns, contentSlotsJustifyContent, actionsForRow, lastSelectedRowRef, }: Props<Type>) => import("react/jsx-runtime").JSX.Element;
 export default RichListRow;

package/dist/presentation/RichList/RichListRow.js

@@ -20,7 +20,7 @@ function contentSlotAlignClass(align) {
             return __WEBPACK_EXTERNAL_MODULE__RichListRow_module_js_3bb1d324__["default"].contentSlotStart;
     }
 }
-const RichListRow = ({ row, table, groupEntry, enableRowSelection, href, onClick, normalizedLeadingSlots, normalizedPrimary, normalizedSecondary, mainSlotMaxWidthPx, normalizedContentSlots, normalizedTrailingSlots, isCompactContentSlots, rowMainHidesContentSlotColumns, contentSlotsJustifyContent, actionsForRow, lastSelectedRowRef })=>{
+const RichListRow = ({ row, table, groupEntry, enableRowSelection, href, onClick, normalizedLeadingSlots, normalizedPrimary, normalizedSecondary, mainSlotMaxWidthPx, shouldFillMainSlot, normalizedContentSlots, normalizedTrailingSlots, isCompactContentSlots, rowMainHidesContentSlotColumns, contentSlotsJustifyContent, actionsForRow, lastSelectedRowRef })=>{
     const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_c6ca8eb1__["default"])();
     const rowOriginal = row.original;
     const hrefValue = href ? href(rowOriginal) : void 0;
@@ -113,6 +113,7 @@ const RichListRow = ({ row, table, groupEntry, enableRowSelection, href, onClick
     const rowMainStyle = void 0 !== mainSlotMaxWidthPx ? {
         ["--richlist-primary-track"]: `${mainSlotMaxWidthPx}px`
     } : void 0;
+    const shouldFillMainSlotColumn = shouldFillMainSlot && void 0 === mainSlotMaxWidthPx && !rowMainHidesContentSlotColumns;
     const rowOverlay = hrefValue ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Link, {
         className: __WEBPACK_EXTERNAL_MODULE__RichListRow_module_js_3bb1d324__["default"].rowLink,
         href: hrefValue,
@@ -177,7 +178,7 @@ const RichListRow = ({ row, table, groupEntry, enableRowSelection, href, onClick
                                 children: slot.render(rowOriginal)
                             }, slot.id)),
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__RichListRow_module_js_3bb1d324__["default"].rowMain, rowMainHidesContentSlotColumns && __WEBPACK_EXTERNAL_MODULE__RichListRow_module_js_3bb1d324__["default"].rowMainCompact),
+                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__RichListRow_module_js_3bb1d324__["default"].rowMain, rowMainHidesContentSlotColumns && __WEBPACK_EXTERNAL_MODULE__RichListRow_module_js_3bb1d324__["default"].rowMainCompact, shouldFillMainSlotColumn && __WEBPACK_EXTERNAL_MODULE__RichListRow_module_js_3bb1d324__["default"].rowMainFill),
                             style: rowMainStyle,
                             children: [
                                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {

package/dist/presentation/RichList/RichListRow.module.js

@@ -18,6 +18,7 @@ const RichListRow_module_rslib_entry_ = {
     checkboxLaneActive: "checkboxLaneActive-SAAKUd",
     slotCell: "slotCell-nFtJJc",
     rowMainCompact: "rowMainCompact-FP1jUy",
+    rowMainFill: "rowMainFill-qeFQ1h",
     mainSlot: "mainSlot-G9ZgMV",
     contentSlots: "contentSlots-_4Kf6I",
     contentSlotFixed: "contentSlotFixed-Saogio",

package/dist/presentation/RichList/RichListRow_module.css

@@ -204,6 +204,10 @@
   grid-template-columns: minmax(0, 1fr);
 }
 
+.rowMainFill-qeFQ1h {
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+
 .mainSlot-G9ZgMV {
   box-sizing: border-box;
   gap: var(--size-n4);

package/dist/presentation/RichList/RichList_module.css

@@ -38,11 +38,10 @@
 }
 
 .listHeader-LmUwi0 {
-  border-bottom: solid var(--size-n5) var(--color-grey-t09);
+  border-bottom: solid var(--size-n5) var(--color-grey-t08);
   box-sizing: border-box;
   min-height: var(--row-height);
-  padding-block: var(--size-n2);
-  padding-inline: var(--richlist-padding-inline, var(--size-n1));
+  padding: var(--size-00);
   flex-shrink: 0;
   align-items: center;
   width: 100%;

package/dist/presentation/RichList/types.d.ts

@@ -127,6 +127,23 @@ export type RichListMainSlot<Type> = {
      * Omit to let the layout choose a width (see `RichListRow` / grid track fallback).
      */
     size?: number;
+    /**
+     * When `true`, the main slot column **grows to absorb the row's leftover width** instead
+     * of being capped — the main slot takes `1fr` while the content track sizes to its content,
+     * so the main slot only truncates when it runs out of room.
+     *
+     * To keep the columns aligned across rows, pair this with:
+     * - **fixed-size content slots**, so the `auto` content track (which lives inside the main
+     *   grid) stays a constant width; and
+     * - **fixed-size trailing slots**, so the row's leftover width — the `1fr` the main slot
+     *   absorbs — is constant. (Trailing slots sit outside the main grid in the outer row flex,
+     *   so they affect the leftover width rather than the content track.)
+     *
+     * Ignored when `size` is set (an explicit cap takes precedence), and in the compact
+     * (single-track) layout.
+     * @default `false`
+     */
+    fill?: boolean;
 };
 /**
  * Common fields shared by leading, content (`contentSlots`), and trailing slots in

package/dist/static/svg/AssignmentCertificate.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 20" fill="currentColor">
-  <path d="M14 16.5H7v1c0 .172-.031.34-.084.5H14c1.103 0 2-.897 2-2V6.828a2 2 0 0 0-.584-1.416l-2.832-2.828A2 2 0 0 0 11.172 2H6c-1.103 0-2 .897-2 2v2.222l.003-.003c.047-.022.125-.063.206-.094A1.77 1.77 0 0 1 5.5 6.109V4c0-.275.225-.5.5-.5h5V6a1 1 0 0 0 1 1h2.5v9c0 .275-.225.5-.5.5M3.412 7.05a.75.75 0 0 0-.878.234l-.328.422a.25.25 0 0 1-.162.094l-.528.072a.75.75 0 0 0-.641.64l-.072.529a.25.25 0 0 1-.094.162l-.425.331a.75.75 0 0 0-.234.878l.2.494a.25.25 0 0 1 0 .19l-.2.492a.75.75 0 0 0 .234.878l.422.328c.053.04.085.1.094.162l.072.528c.047.335.31.597.64.644l.488.066V17.5c0 .184.1.353.266.44a.49.49 0 0 0 .512-.024L4 17.1l1.222.816A.502.502 0 0 0 6 17.5v-3.306l.484-.066a.75.75 0 0 0 .641-.644l.072-.528a.25.25 0 0 1 .094-.162l.421-.328a.75.75 0 0 0 .235-.878l-.197-.494a.25.25 0 0 1 0-.19l.203-.495a.75.75 0 0 0-.234-.878l-.422-.328a.25.25 0 0 1-.094-.162l-.072-.529a.75.75 0 0 0-.64-.64L5.962 7.8a.25.25 0 0 1-.162-.094l-.328-.422a.75.75 0 0 0-.878-.234l-.5.2a.25.25 0 0 1-.19 0l-.495-.203zM2 11a2 2 0 1 1 4 0 2 2 0 0 1-4 0" />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor">
+  <path d="M224 112L336 112L336 200C336 239.8 368.2 272 408 272L496 272L496 512C496 520.8 488.8 528 480 528L288 528L288 576L480 576C515.3 576 544 547.3 544 512L544 250.5C544 233.5 537.3 217.2 525.3 205.2L402.7 82.7C390.7 70.7 374.5 64 357.5 64L224 64C188.7 64 160 92.7 160 128L160 208C176.6 208 192.7 210.3 208 214.6L208 128C208 119.2 215.2 112 224 112zM384 131.9L476.1 224L408 224C394.7 224 384 213.3 384 200L384 131.9zM288 384C288 313.3 230.7 256 160 256C89.3 256 32 313.3 32 384C32 424.4 50.7 460.5 80 483.9L80 589C80 599.5 88.5 608 99 608C102.3 608 105.5 607.1 108.4 605.5L160 576L211.6 605.5C214.5 607.1 217.7 608 221 608C231.5 608 240 599.5 240 589L240 483.9C269.3 460.4 288 424.4 288 384zM160 336C186.5 336 208 357.5 208 384C208 410.5 186.5 432 160 432C133.5 432 112 410.5 112 384C112 357.5 133.5 336 160 336z" />
 </svg>

package/dist/static/svg/AssignmentDocument.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 20" fill="currentColor">
-  <path d="M2 16.5h8c.275 0 .5-.225.5-.5V7H8a1 1 0 0 1-1-1V3.5H2c-.275 0-.5.225-.5.5v12c0 .275.225.5.5.5M0 4c0-1.103.897-2 2-2h5.172a2 2 0 0 1 1.416.584l2.828 2.828A2 2 0 0 1 12 6.829V16c0 1.103-.897 2-2 2H2c-1.103 0-2-.897-2-2zm2.5 1.5c0-.275.225-.5.5-.5h2.5c.275 0 .5.225.5.5s-.225.5-.5.5H3a.5.5 0 0 1-.5-.5m0 2c0-.275.225-.5.5-.5h2.5c.275 0 .5.225.5.5s-.225.5-.5.5H3a.5.5 0 0 1-.5-.5m3.5 7c0-.275.225-.5.5-.5H9c.275 0 .5.225.5.5s-.225.5-.5.5H6.5a.5.5 0 0 1-.5-.5M3.5 9h5a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1" />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor">
+  <path d="M304 112L192 112C183.2 112 176 119.2 176 128L176 512C176 520.8 183.2 528 192 528L448 528C456.8 528 464 520.8 464 512L464 272L376 272C336.2 272 304 239.8 304 200L304 112zM444.1 224L352 131.9L352 200C352 213.3 362.7 224 376 224L444.1 224zM128 128C128 92.7 156.7 64 192 64L325.5 64C342.5 64 358.8 70.7 370.8 82.7L493.3 205.3C505.3 217.3 512 233.6 512 250.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM208 168C208 154.7 218.7 144 232 144L248 144C261.3 144 272 154.7 272 168C272 181.3 261.3 192 248 192L232 192C218.7 192 208 181.3 208 168zM208 248C208 234.7 218.7 224 232 224L248 224C261.3 224 272 234.7 272 248C272 261.3 261.3 272 248 272L232 272C218.7 272 208 261.3 208 248zM384 432L384 368L256 368L256 432L384 432zM208 440L208 360C208 337.9 225.9 320 248 320L392 320C414.1 320 432 337.9 432 360L432 440C432 462.1 414.1 480 392 480L248 480C225.9 480 208 462.1 208 440z" />
 </svg>

package/dist/static/svg/AssignmentForm.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 20" fill="currentColor">
-  <path d="M12 3.5c.275 0 .5.225.5.5v12c0 .275-.225.5-.5.5H2a.5.5 0 0 1-.5-.5V4c0-.275.225-.5.5-.5zM2 2C.897 2 0 2.897 0 4v12c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zm.5 3.5v1c0 .275.225.5.5.5h1c.275 0 .5-.225.5-.5v-1c0-.275-.225-.5-.5-.5H3c-.275 0-.5.225-.5.5M3 13c-.275 0-.5.225-.5.5v1c0 .275.225.5.5.5h1c.275 0 .5-.225.5-.5v-1c0-.275-.225-.5-.5-.5zm2.5-7c0 .416.334.75.75.75h4.5c.416 0 .75-.334.75-.75a.75.75 0 0 0-.75-.75h-4.5A.75.75 0 0 0 5.5 6m1 4c0 .416.334.75.75.75h3.5c.416 0 .75-.334.75-.75a.75.75 0 0 0-.75-.75h-3.5a.75.75 0 0 0-.75.75m-1 4c0 .416.334.75.75.75h4.5c.416 0 .75-.334.75-.75a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75m-.147-4.397a.5.5 0 0 0 0-.706.5.5 0 0 0-.706 0L3.5 10.044l-.397-.397a.5.5 0 0 0-.706 0 .5.5 0 0 0 0 .706l.75.75a.5.5 0 0 0 .706 0z" />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor">
+  <path d="M448 112C456.8 112 464 119.2 464 128L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 128C176 119.2 183.2 112 192 112L448 112zM192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 128C512 92.7 483.3 64 448 64L192 64zM208 192C208 209.7 222.3 224 240 224C257.7 224 272 209.7 272 192C272 174.3 257.7 160 240 160C222.3 160 208 174.3 208 192zM240 416C222.3 416 208 430.3 208 448C208 465.7 222.3 480 240 480C257.7 480 272 465.7 272 448C272 430.3 257.7 416 240 416zM304 192C304 205.3 314.7 216 328 216L408 216C421.3 216 432 205.3 432 192C432 178.7 421.3 168 408 168L328 168C314.7 168 304 178.7 304 192zM336 320C336 333.3 346.7 344 360 344L408 344C421.3 344 432 333.3 432 320C432 306.7 421.3 296 408 296L360 296C346.7 296 336 306.7 336 320zM304 448C304 461.3 314.7 472 328 472L408 472C421.3 472 432 461.3 432 448C432 434.7 421.3 424 408 424L328 424C314.7 424 304 434.7 304 448zM303.4 283.5C309.8 275 308 263 299.6 256.6C291.2 250.2 279.1 252 272.7 260.4L240 304L231.4 292.5C225 284 213 282.3 204.5 288.6C196 294.9 194.3 307 200.6 315.5L224.6 347.5C228.2 352.3 233.9 355.2 240 355.2C246.1 355.2 251.7 352.4 255.4 347.5L303.4 283.5z" />
 </svg>

package/dist/static/svg/AssignmentQuestionnaire.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="128 64 384 512" fill="currentColor">
-  <path d="M280 160L360 160C373.3 160 384 149.3 384 136C384 122.7 373.3 112 360 112L280 112C266.7 112 256 122.7 256 136C256 149.3 266.7 160 280 160zM280 208C242.9 208 212.4 180 208.4 144L192 144C183.2 144 176 151.2 176 160L176 512C176 520.8 183.2 528 192 528L448 528C456.8 528 464 520.8 464 512L464 160C464 151.2 456.8 144 448 144L431.6 144C427.6 180 397.1 208 360 208L280 208zM360 64C385 64 407 76.7 419.9 96L448 96C483.3 96 512 124.7 512 160L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 160C128 124.7 156.7 96 192 96L220.1 96C233 76.7 255 64 280 64L360 64zM320 296C303.9 296 290.8 309.1 290.8 325.2C290.8 338.5 280.1 349.2 266.8 349.2C253.5 349.2 242.8 338.5 242.8 325.2C242.8 282.6 277.4 248 320 248C362.6 248 397.2 282.6 397.2 325.2C397.2 370.7 362.7 389.9 343.5 397C341.2 407.8 331.6 416 320 416C306.7 416 296 405.3 296 392C296 371.8 310.6 357.4 325.5 352.5C331.5 350.5 337.8 347.4 342.3 343C346.2 339.2 349.2 334 349.2 325.3C349.2 309.2 336.1 296.1 320 296.1zM348 464C348 479.5 335.5 492 320 492C304.5 492 292 479.5 292 464C292 448.5 304.5 436 320 436C335.5 436 348 448.5 348 464z" />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor">
+  <path d="M360 160L280 160C266.7 160 256 149.3 256 136C256 122.7 266.7 112 280 112L360 112C373.3 112 384 122.7 384 136C384 149.3 373.3 160 360 160zM360 208C397.1 208 427.6 180 431.6 144L448 144C456.8 144 464 151.2 464 160L464 512C464 520.8 456.8 528 448 528L192 528C183.2 528 176 520.8 176 512L176 160C176 151.2 183.2 144 192 144L208.4 144C212.4 180 242.9 208 280 208L360 208zM419.9 96C407 76.7 385 64 360 64L280 64C255 64 233 76.7 220.1 96L192 96C156.7 96 128 124.7 128 160L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 160C512 124.7 483.3 96 448 96L419.9 96z" />
 </svg>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worknice/whiteboard",
   "description": "",
-  "version": "0.65.0",
+  "version": "0.66.1",
   "license": "MIT",
   "private": false,
   "files": [
@@ -39,7 +39,7 @@
     "react-markdown": "^10.1.0",
     "utf8": "^3.0.0",
     "zod": "^4.1.13",
-    "@worknice/utils": "^0.48.0"
+    "@worknice/utils": "^0.49.1"
   },
   "devDependencies": {
     "@anolilab/semantic-release-pnpm": "^3.2.2",