@worknice/whiteboard 0.63.0 → 0.65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/icons/components/AssignmentForm.d.ts +5 -0
  2. package/dist/icons/components/AssignmentForm.js +14 -0
  3. package/dist/icons/components/AssignmentQuestionnaire.js +2 -2
  4. package/dist/icons/components/Bolt.d.ts +5 -0
  5. package/dist/icons/components/Bolt.js +14 -0
  6. package/dist/icons/components/Events.js +1 -1
  7. package/dist/icons/components/History.d.ts +5 -0
  8. package/dist/icons/components/History.js +14 -0
  9. package/dist/icons/components/LocationCheck.js +1 -1
  10. package/dist/icons/components/QuestionMark.d.ts +5 -0
  11. package/dist/icons/components/QuestionMark.js +14 -0
  12. package/dist/icons/components/UserPlus.d.ts +5 -0
  13. package/dist/icons/components/UserPlus.js +14 -0
  14. package/dist/icons/components/index.d.ts +5 -0
  15. package/dist/icons/components/index.js +11 -1
  16. package/dist/icons/svgs/AssignmentForm.js +2 -0
  17. package/dist/icons/svgs/Bolt.js +2 -0
  18. package/dist/icons/svgs/History.js +2 -0
  19. package/dist/icons/svgs/QuestionMark.js +2 -0
  20. package/dist/icons/svgs/UserPlus.js +2 -0
  21. package/dist/layouts/FullLayout_module.css +2 -1
  22. package/dist/presentation/Avatar.d.ts +7 -1
  23. package/dist/presentation/Avatar.js +13 -3
  24. package/dist/presentation/Avatar.module.js +9 -0
  25. package/dist/presentation/Avatar.stories.d.ts +5 -1
  26. package/dist/presentation/Avatar.stories.js +7 -1
  27. package/dist/presentation/Avatar_module.css +45 -0
  28. package/dist/presentation/CardGrid.d.ts +12 -0
  29. package/dist/presentation/CardGrid.js +12 -0
  30. package/dist/presentation/CardGrid.module.js +5 -0
  31. package/dist/presentation/CardGrid.stories.d.ts +6 -0
  32. package/dist/presentation/CardGrid.stories.js +34 -0
  33. package/dist/presentation/CardGrid_module.css +6 -0
  34. package/dist/presentation/HeadlineStatisticCard.d.ts +3 -1
  35. package/dist/presentation/HeadlineStatisticCard.js +2 -2
  36. package/dist/presentation/PersonCover.stories.d.ts +4 -0
  37. package/dist/presentation/ProgressBar.d.ts +4 -2
  38. package/dist/presentation/ProgressBar.js +3 -2
  39. package/dist/presentation/ProgressBar.stories.d.ts +3 -1
  40. package/dist/presentation/ProgressBar_module.css +1 -1
  41. package/dist/presentation/RichList/RichList_module.css +3 -0
  42. package/dist/presentation/RichList/stories/EmployeePaperwork.js +4 -4
  43. package/dist/presentation/RichList/stories/PaperworkApprovals.js +2 -2
  44. package/dist/static/svg/AssignmentForm.svg +3 -0
  45. package/dist/static/svg/AssignmentQuestionnaire.svg +2 -2
  46. package/dist/static/svg/Bolt.svg +1 -0
  47. package/dist/static/svg/History.svg +3 -0
  48. package/dist/static/svg/QuestionMark.svg +3 -0
  49. package/dist/static/svg/UserPlus.svg +1 -0
  50. package/package.json +3 -3
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ ({ size, tone, animate }: import("../types").IconProps): import("react/jsx-runtime").JSX.Element;
3
+ displayName: string;
4
+ };
5
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
3
+ const AssignmentFormSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ viewBox: "0 0 14 20",
6
+ fill: "currentColor",
7
+ "aria-hidden": "true",
8
+ ...props,
9
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
10
+ 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"
11
+ })
12
+ });
13
+ const AssignmentForm_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(AssignmentFormSvg);
14
+ export { AssignmentForm_rslib_entry_ as default };
@@ -2,12 +2,12 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/j
2
2
  import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
3
3
  const AssignmentQuestionnaireSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
4
4
  xmlns: "http://www.w3.org/2000/svg",
5
- viewBox: "0 0 14 20",
5
+ viewBox: "128 64 384 512",
6
6
  fill: "currentColor",
7
7
  "aria-hidden": "true",
8
8
  ...props,
9
9
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
10
- 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"
10
+ 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"
11
11
  })
12
12
  });
13
13
  const AssignmentQuestionnaire_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(AssignmentQuestionnaireSvg);
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ ({ size, tone, animate }: import("../types").IconProps): import("react/jsx-runtime").JSX.Element;
3
+ displayName: string;
4
+ };
5
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
3
+ const BoltSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ viewBox: "0 0 640 640",
6
+ fill: "currentColor",
7
+ "aria-hidden": "true",
8
+ ...props,
9
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
10
+ d: "M437.2 51.9C446.3 57.9 450.2 69.2 446.8 79.5L388 256L508.9 256C528.3 256 544 271.7 544 291.1C544 301.1 539.8 310.6 532.3 317.2L232 585.9C223.9 593.2 211.9 594.1 202.8 588.1C193.7 582.1 189.8 570.8 193.2 560.5L252 384L131.1 384C111.7 384 96 368.3 96 348.9C96 339 100.2 329.5 107.7 322.8L408 54.1C416.1 46.8 428.1 46 437.2 51.9zM164.9 336L285.3 336C293 336 300.3 339.7 304.8 346C309.3 352.3 310.5 360.3 308.1 367.6L267.3 489.9L475.1 304L354.7 304C347 304 339.7 300.3 335.2 294C330.7 287.7 329.5 279.7 331.9 272.4L372.7 150.1L164.9 336z"
11
+ })
12
+ });
13
+ const Bolt_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(BoltSvg);
14
+ export { Bolt_rslib_entry_ as default };
@@ -3,8 +3,8 @@ import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createI
3
3
  const EventsSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
4
4
  xmlns: "http://www.w3.org/2000/svg",
5
5
  viewBox: "0 0 640 640",
6
- fill: "currentColor",
7
6
  "aria-hidden": "true",
7
+ fill: "currentColor",
8
8
  ...props,
9
9
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
10
10
  d: "M96 96C96 78.3 110.3 64 128 64C145.7 64 160 78.3 160 96C160 113.7 145.7 128 128 128C110.3 128 96 113.7 96 96zM512 224C512 206.3 526.3 192 544 192C561.7 192 576 206.3 576 224C576 241.7 561.7 256 544 256C526.3 256 512 241.7 512 224zM544 480C561.7 480 576 494.3 576 512C576 529.7 561.7 544 544 544C526.3 544 512 529.7 512 512C512 494.3 526.3 480 544 480zM231 217C221.6 207.6 221.6 192.4 231 183.1L239.3 174.8C256 158.1 266.5 136.2 269.1 112.7L272.1 85.3C273.6 72.2 285.5 62.7 298.7 64.1C311.9 65.5 321.4 77.4 319.9 90.6L316.9 118C313.1 152.3 297.7 184.3 273.3 208.7L265 217C255.6 226.4 240.4 226.4 231.1 217zM423 375L431.2 366.8C455.6 342.4 487.6 327 521.9 323.2L549.3 320.2C562.5 318.7 574.3 328.2 575.8 341.4C577.3 354.6 567.8 366.4 554.6 367.9L527.2 370.9C503.7 373.5 481.8 384 465.1 400.7L457 409C447.6 418.4 432.4 418.4 423.1 409C413.8 399.6 413.7 384.4 423.1 375.1zM570.3 72.5C578.9 82.6 577.6 97.8 567.5 106.3L557.5 114.8C542.7 127.3 523.8 133.9 504.5 133.4C487.9 133 473.9 145.8 472.9 162.4L471.1 192.4C468.6 234.9 432.8 267.7 390.3 266.6C382.7 266.4 375.3 269 369.6 273.9L359.6 282.4C349.5 291 334.3 289.7 325.8 279.6C317.3 269.5 318.5 254.3 328.6 245.8L338.6 237.3C353.4 224.8 372.3 218.2 391.6 218.7C408.2 219.1 422.2 206.3 423.2 189.7L425 159.7C427.5 117.2 463.3 84.4 505.8 85.5C513.4 85.7 520.8 83.1 526.5 78.2L536.5 69.7C546.6 61.1 561.8 62.4 570.3 72.5zM123.3 516.7L210.2 484.1L155.9 429.8L123.3 516.7zM323.4 441.7L198.4 316.7L174.5 380.5L259.6 465.6L323.4 441.7zM162.1 276.6C170.1 255.2 198.5 249 214.7 265.2L374.9 425.3C391.1 441.5 384.9 469.9 363.5 477.9L107.3 574C82.1 583.4 56.6 558 66 532.8L162.1 276.6z"
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ ({ size, tone, animate }: import("../types").IconProps): import("react/jsx-runtime").JSX.Element;
3
+ displayName: string;
4
+ };
5
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
3
+ const HistorySvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ viewBox: "0 0 640 640",
6
+ fill: "currentColor",
7
+ "aria-hidden": "true",
8
+ ...props,
9
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
10
+ d: "M112 170.7L112 120C112 106.7 101.3 96 88 96C74.7 96 64 106.7 64 120L64 232C64 245.3 74.7 256 88 256L200 256C213.3 256 224 245.3 224 232C224 218.7 213.3 208 200 208L144.7 208C181.7 150.2 246.4 112 320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C277.5 528 238.1 515.3 205.3 493.5C194.3 486.2 179.4 489.2 172 500.2C164.6 511.2 167.7 526.1 178.7 533.5C219.2 560.3 267.8 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C234.3 64 158.4 106.1 112 170.7zM320 192C306.7 192 296 202.7 296 216L296 320C296 326.4 298.5 332.5 303 337L375 409C384.4 418.4 399.6 418.4 408.9 409C418.2 399.6 418.3 384.4 408.9 375.1L343.9 310.1L343.9 216C343.9 202.7 333.2 192 319.9 192z"
11
+ })
12
+ });
13
+ const History_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(HistorySvg);
14
+ export { History_rslib_entry_ as default };
@@ -3,8 +3,8 @@ import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createI
3
3
  const LocationCheckSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
4
4
  xmlns: "http://www.w3.org/2000/svg",
5
5
  viewBox: "0 0 20 20",
6
- fill: "currentColor",
7
6
  "aria-hidden": "true",
7
+ fill: "currentColor",
8
8
  ...props,
9
9
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
10
10
  d: "M10 2C13.313 2 16 4.637 16 7.894C16 11.622 12.244 16.091 10.675 17.794C10.306 18.194 9.694 18.194 9.322 17.794C7.753 16.088 4 11.622 4 7.894C4 4.637 6.687 2 10 2ZM10 3.5C7.491 3.5 5.5 5.491 5.5 7.894C5.5 9.319 6.244 11.066 7.341 12.803C8.225 14.203 9.247 15.45 10 16.303C10.753 15.45 11.775 14.203 12.659 12.803C13.756 11.069 14.5 9.319 14.5 7.894C14.5 5.494 12.509 3.5 10 3.5ZM11.147 6.747C11.391 6.413 11.859 6.338 12.194 6.581C12.528 6.825 12.603 7.294 12.359 7.628L9.981 10.9C9.85 11.078 9.647 11.191 9.425 11.206C9.203 11.222 8.987 11.138 8.834 10.978L7.712 9.816C7.425 9.519 7.434 9.044 7.731 8.756C8.028 8.469 8.503 8.475 8.791 8.775L9.294 9.294L11.147 6.744Z"
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ ({ size, tone, animate }: import("../types").IconProps): import("react/jsx-runtime").JSX.Element;
3
+ displayName: string;
4
+ };
5
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
3
+ const QuestionMarkSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ viewBox: "0 0 640 640",
6
+ "aria-hidden": "true",
7
+ fill: "currentColor",
8
+ ...props,
9
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
10
+ d: "M208 224C208 162.1 258.1 112 320 112C381.9 112 432 162.1 432 224C432 272.2 401.5 313.4 358.7 329.1C329.3 339.9 296 367 296 408L296 424C296 437.3 306.7 448 320 448C333.3 448 344 437.3 344 424L344 408C344 395.9 355 381.7 375.3 374.2C436.4 351.7 480 293 480 224C480 135.6 408.4 64 320 64C231.6 64 160 135.6 160 224L160 232C160 245.3 170.7 256 184 256C197.3 256 208 245.3 208 232L208 224zM320 576C337.7 576 352 561.7 352 544C352 526.3 337.7 512 320 512C302.3 512 288 526.3 288 544C288 561.7 302.3 576 320 576z"
11
+ })
12
+ });
13
+ const QuestionMark_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(QuestionMarkSvg);
14
+ export { QuestionMark_rslib_entry_ as default };
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ ({ size, tone, animate }: import("../types").IconProps): import("react/jsx-runtime").JSX.Element;
3
+ displayName: string;
4
+ };
5
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
3
+ const UserPlusSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
4
+ xmlns: "http://www.w3.org/2000/svg",
5
+ viewBox: "0 0 640 640",
6
+ fill: "currentColor",
7
+ "aria-hidden": "true",
8
+ ...props,
9
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
10
+ d: "M304 368C401.2 368 480 446.8 480 544L480 552C480 565.3 469.3 576 456 576C442.7 576 432 565.3 432 552L432 544C432 473.3 374.7 416 304 416L208 416C137.3 416 80 473.3 80 544L80 552C80 565.3 69.3 576 56 576C42.7 576 32 565.3 32 552L32 544C32 446.8 110.8 368 208 368L304 368zM528 144C541.3 144 552 154.7 552 168L552 216L600 216C613.3 216 624 226.7 624 240C624 253.3 613.3 264 600 264L552 264L552 312C552 325.3 541.3 336 528 336C514.7 336 504 325.3 504 312L504 264L456 264C442.7 264 432 253.3 432 240C432 226.7 442.7 216 456 216L504 216L504 168C504 154.7 514.7 144 528 144zM256 320C185.3 320 128 262.7 128 192C128 121.3 185.3 64 256 64C326.7 64 384 121.3 384 192C384 262.7 326.7 320 256 320zM256 112C211.8 112 176 147.8 176 192C176 236.2 211.8 272 256 272C300.2 272 336 236.2 336 192C336 147.8 300.2 112 256 112z"
11
+ })
12
+ });
13
+ const UserPlus_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(UserPlusSvg);
14
+ export { UserPlus_rslib_entry_ as default };
@@ -10,8 +10,10 @@ export { default as ArrowTurnLeftUp } from "./ArrowTurnLeftUp";
10
10
  export { default as Assign } from "./Assign";
11
11
  export { default as AssignmentCertificate } from "./AssignmentCertificate";
12
12
  export { default as AssignmentDocument } from "./AssignmentDocument";
13
+ export { default as AssignmentForm } from "./AssignmentForm";
13
14
  export { default as AssignmentQuestionnaire } from "./AssignmentQuestionnaire";
14
15
  export { default as BankAccount } from "./BankAccount";
16
+ export { default as Bolt } from "./Bolt";
15
17
  export { default as BookOpenLines } from "./BookOpenLines";
16
18
  export { default as Bug } from "./Bug";
17
19
  export { default as Calendar } from "./Calendar";
@@ -47,6 +49,7 @@ export { default as Globe } from "./Globe";
47
49
  export { default as GripLines } from "./GripLines";
48
50
  export { default as Help } from "./Help";
49
51
  export { default as Hidden } from "./Hidden";
52
+ export { default as History } from "./History";
50
53
  export { default as Inbox } from "./Inbox";
51
54
  export { default as Info } from "./Info";
52
55
  export { default as Insights } from "./Insights";
@@ -76,6 +79,7 @@ export { default as Positions } from "./Positions";
76
79
  export { default as Profile } from "./Profile";
77
80
  export { default as ProfileFemale } from "./ProfileFemale";
78
81
  export { default as ProfileMale } from "./ProfileMale";
82
+ export { default as QuestionMark } from "./QuestionMark";
79
83
  export { default as Remuneration } from "./Remuneration";
80
84
  export { default as Reschedule } from "./Reschedule";
81
85
  export { default as Restore } from "./Restore";
@@ -99,6 +103,7 @@ export { default as Table } from "./Table";
99
103
  export { default as Task } from "./Task";
100
104
  export { default as Tax } from "./Tax";
101
105
  export { default as Tenure } from "./Tenure";
106
+ export { default as UserPlus } from "./UserPlus";
102
107
  export { default as Visible } from "./Visible";
103
108
  export { default as Warning } from "./Warning";
104
109
  export { default as Workflows } from "./Workflows";
@@ -10,8 +10,10 @@ import * as __WEBPACK_EXTERNAL_MODULE__ArrowTurnLeftUp_js_6b36a534__ from "./Arr
10
10
  import * as __WEBPACK_EXTERNAL_MODULE__Assign_js_d5a91ac0__ from "./Assign.js";
11
11
  import * as __WEBPACK_EXTERNAL_MODULE__AssignmentCertificate_js_14da7bce__ from "./AssignmentCertificate.js";
12
12
  import * as __WEBPACK_EXTERNAL_MODULE__AssignmentDocument_js_0f79742b__ from "./AssignmentDocument.js";
13
+ import * as __WEBPACK_EXTERNAL_MODULE__AssignmentForm_js_059a9a41__ from "./AssignmentForm.js";
13
14
  import * as __WEBPACK_EXTERNAL_MODULE__AssignmentQuestionnaire_js_9d4639ff__ from "./AssignmentQuestionnaire.js";
14
15
  import * as __WEBPACK_EXTERNAL_MODULE__BankAccount_js_8599cdd4__ from "./BankAccount.js";
16
+ import * as __WEBPACK_EXTERNAL_MODULE__Bolt_js_bc9530b4__ from "./Bolt.js";
15
17
  import * as __WEBPACK_EXTERNAL_MODULE__BookOpenLines_js_26283204__ from "./BookOpenLines.js";
16
18
  import * as __WEBPACK_EXTERNAL_MODULE__Bug_js_35fe86cc__ from "./Bug.js";
17
19
  import * as __WEBPACK_EXTERNAL_MODULE__Calendar_js_88f7807d__ from "./Calendar.js";
@@ -47,6 +49,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__Globe_js_b709cce8__ from "./Globe.js";
47
49
  import * as __WEBPACK_EXTERNAL_MODULE__GripLines_js_83a4e963__ from "./GripLines.js";
48
50
  import * as __WEBPACK_EXTERNAL_MODULE__Help_js_f6301461__ from "./Help.js";
49
51
  import * as __WEBPACK_EXTERNAL_MODULE__Hidden_js_001171fe__ from "./Hidden.js";
52
+ import * as __WEBPACK_EXTERNAL_MODULE__History_js_35300de5__ from "./History.js";
50
53
  import * as __WEBPACK_EXTERNAL_MODULE__Inbox_js_b7716aaa__ from "./Inbox.js";
51
54
  import * as __WEBPACK_EXTERNAL_MODULE__Info_js_35eb7880__ from "./Info.js";
52
55
  import * as __WEBPACK_EXTERNAL_MODULE__Insights_js_750e952e__ from "./Insights.js";
@@ -76,6 +79,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__Positions_js_9d9cbb8e__ from "./Positions
76
79
  import * as __WEBPACK_EXTERNAL_MODULE__Profile_js_bdeea78e__ from "./Profile.js";
77
80
  import * as __WEBPACK_EXTERNAL_MODULE__ProfileFemale_js_654cbb8d__ from "./ProfileFemale.js";
78
81
  import * as __WEBPACK_EXTERNAL_MODULE__ProfileMale_js_1f25515d__ from "./ProfileMale.js";
82
+ import * as __WEBPACK_EXTERNAL_MODULE__QuestionMark_js_68d3d0e3__ from "./QuestionMark.js";
79
83
  import * as __WEBPACK_EXTERNAL_MODULE__Remuneration_js_329a7c75__ from "./Remuneration.js";
80
84
  import * as __WEBPACK_EXTERNAL_MODULE__Reschedule_js_62aeaa8d__ from "./Reschedule.js";
81
85
  import * as __WEBPACK_EXTERNAL_MODULE__Restore_js_e614c0a6__ from "./Restore.js";
@@ -99,6 +103,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__ from "./Table.js";
99
103
  import * as __WEBPACK_EXTERNAL_MODULE__Task_js_6c65fff4__ from "./Task.js";
100
104
  import * as __WEBPACK_EXTERNAL_MODULE__Tax_js_b9883f63__ from "./Tax.js";
101
105
  import * as __WEBPACK_EXTERNAL_MODULE__Tenure_js_7ba1f77f__ from "./Tenure.js";
106
+ import * as __WEBPACK_EXTERNAL_MODULE__UserPlus_js_796202e5__ from "./UserPlus.js";
102
107
  import * as __WEBPACK_EXTERNAL_MODULE__Visible_js_aa1c6acc__ from "./Visible.js";
103
108
  import * as __WEBPACK_EXTERNAL_MODULE__Warning_js_d0de15e9__ from "./Warning.js";
104
109
  import * as __WEBPACK_EXTERNAL_MODULE__Workflows_js_35639a49__ from "./Workflows.js";
@@ -114,8 +119,10 @@ var __webpack_exports__ArrowsUpDown = __WEBPACK_EXTERNAL_MODULE__ArrowsUpDown_js
114
119
  var __webpack_exports__Assign = __WEBPACK_EXTERNAL_MODULE__Assign_js_d5a91ac0__["default"];
115
120
  var __webpack_exports__AssignmentCertificate = __WEBPACK_EXTERNAL_MODULE__AssignmentCertificate_js_14da7bce__["default"];
116
121
  var __webpack_exports__AssignmentDocument = __WEBPACK_EXTERNAL_MODULE__AssignmentDocument_js_0f79742b__["default"];
122
+ var __webpack_exports__AssignmentForm = __WEBPACK_EXTERNAL_MODULE__AssignmentForm_js_059a9a41__["default"];
117
123
  var __webpack_exports__AssignmentQuestionnaire = __WEBPACK_EXTERNAL_MODULE__AssignmentQuestionnaire_js_9d4639ff__["default"];
118
124
  var __webpack_exports__BankAccount = __WEBPACK_EXTERNAL_MODULE__BankAccount_js_8599cdd4__["default"];
125
+ var __webpack_exports__Bolt = __WEBPACK_EXTERNAL_MODULE__Bolt_js_bc9530b4__["default"];
119
126
  var __webpack_exports__BookOpenLines = __WEBPACK_EXTERNAL_MODULE__BookOpenLines_js_26283204__["default"];
120
127
  var __webpack_exports__Bug = __WEBPACK_EXTERNAL_MODULE__Bug_js_35fe86cc__["default"];
121
128
  var __webpack_exports__Calendar = __WEBPACK_EXTERNAL_MODULE__Calendar_js_88f7807d__["default"];
@@ -151,6 +158,7 @@ var __webpack_exports__Globe = __WEBPACK_EXTERNAL_MODULE__Globe_js_b709cce8__["d
151
158
  var __webpack_exports__GripLines = __WEBPACK_EXTERNAL_MODULE__GripLines_js_83a4e963__["default"];
152
159
  var __webpack_exports__Help = __WEBPACK_EXTERNAL_MODULE__Help_js_f6301461__["default"];
153
160
  var __webpack_exports__Hidden = __WEBPACK_EXTERNAL_MODULE__Hidden_js_001171fe__["default"];
161
+ var __webpack_exports__History = __WEBPACK_EXTERNAL_MODULE__History_js_35300de5__["default"];
154
162
  var __webpack_exports__Inbox = __WEBPACK_EXTERNAL_MODULE__Inbox_js_b7716aaa__["default"];
155
163
  var __webpack_exports__Info = __WEBPACK_EXTERNAL_MODULE__Info_js_35eb7880__["default"];
156
164
  var __webpack_exports__Insights = __WEBPACK_EXTERNAL_MODULE__Insights_js_750e952e__["default"];
@@ -180,6 +188,7 @@ var __webpack_exports__Positions = __WEBPACK_EXTERNAL_MODULE__Positions_js_9d9cb
180
188
  var __webpack_exports__Profile = __WEBPACK_EXTERNAL_MODULE__Profile_js_bdeea78e__["default"];
181
189
  var __webpack_exports__ProfileFemale = __WEBPACK_EXTERNAL_MODULE__ProfileFemale_js_654cbb8d__["default"];
182
190
  var __webpack_exports__ProfileMale = __WEBPACK_EXTERNAL_MODULE__ProfileMale_js_1f25515d__["default"];
191
+ var __webpack_exports__QuestionMark = __WEBPACK_EXTERNAL_MODULE__QuestionMark_js_68d3d0e3__["default"];
183
192
  var __webpack_exports__Remuneration = __WEBPACK_EXTERNAL_MODULE__Remuneration_js_329a7c75__["default"];
184
193
  var __webpack_exports__Reschedule = __WEBPACK_EXTERNAL_MODULE__Reschedule_js_62aeaa8d__["default"];
185
194
  var __webpack_exports__Restore = __WEBPACK_EXTERNAL_MODULE__Restore_js_e614c0a6__["default"];
@@ -203,7 +212,8 @@ var __webpack_exports__Table = __WEBPACK_EXTERNAL_MODULE__Table_js_0edb6f6c__["d
203
212
  var __webpack_exports__Task = __WEBPACK_EXTERNAL_MODULE__Task_js_6c65fff4__["default"];
204
213
  var __webpack_exports__Tax = __WEBPACK_EXTERNAL_MODULE__Tax_js_b9883f63__["default"];
205
214
  var __webpack_exports__Tenure = __WEBPACK_EXTERNAL_MODULE__Tenure_js_7ba1f77f__["default"];
215
+ var __webpack_exports__UserPlus = __WEBPACK_EXTERNAL_MODULE__UserPlus_js_796202e5__["default"];
206
216
  var __webpack_exports__Visible = __WEBPACK_EXTERNAL_MODULE__Visible_js_aa1c6acc__["default"];
207
217
  var __webpack_exports__Warning = __WEBPACK_EXTERNAL_MODULE__Warning_js_d0de15e9__["default"];
208
218
  var __webpack_exports__Workflows = __WEBPACK_EXTERNAL_MODULE__Workflows_js_35639a49__["default"];
209
- export { __webpack_exports__Approval as Approval, __webpack_exports__Apps as Apps, __webpack_exports__Archive as Archive, __webpack_exports__ArrowLeft as ArrowLeft, __webpack_exports__ArrowRight as ArrowRight, __webpack_exports__ArrowTurnLeftUp as ArrowTurnLeftUp, __webpack_exports__ArrowsCompress as ArrowsCompress, __webpack_exports__ArrowsExpand as ArrowsExpand, __webpack_exports__ArrowsUpDown as ArrowsUpDown, __webpack_exports__Assign as Assign, __webpack_exports__AssignmentCertificate as AssignmentCertificate, __webpack_exports__AssignmentDocument as AssignmentDocument, __webpack_exports__AssignmentQuestionnaire as AssignmentQuestionnaire, __webpack_exports__BankAccount as BankAccount, __webpack_exports__BookOpenLines as BookOpenLines, __webpack_exports__Bug as Bug, __webpack_exports__Calendar as Calendar, __webpack_exports__Cancel as Cancel, __webpack_exports__CaratDown as CaratDown, __webpack_exports__CaratLeft as CaratLeft, __webpack_exports__CaratRight as CaratRight, __webpack_exports__CaratUp as CaratUp, __webpack_exports__CheckMark as CheckMark, __webpack_exports__ChevronDown as ChevronDown, __webpack_exports__ChevronLeft as ChevronLeft, __webpack_exports__ChevronRight as ChevronRight, __webpack_exports__ChevronUp as ChevronUp, __webpack_exports__Close as Close, __webpack_exports__Columns as Columns, __webpack_exports__Comment as Comment, __webpack_exports__Copy as Copy, __webpack_exports__Dash as Dash, __webpack_exports__Delete as Delete, __webpack_exports__Directory as Directory, __webpack_exports__DocumentProcessingFailed as DocumentProcessingFailed, __webpack_exports__Download as Download, __webpack_exports__Edit as Edit, __webpack_exports__Email as Email, __webpack_exports__EmergencyContact as EmergencyContact, __webpack_exports__Events as Events, __webpack_exports__External as External, __webpack_exports__FileExport as FileExport, __webpack_exports__Filter as Filter, __webpack_exports__FilterList as FilterList, __webpack_exports__FitView as FitView, __webpack_exports__Globe as Globe, __webpack_exports__GripLines as GripLines, __webpack_exports__Help as Help, __webpack_exports__Hidden as Hidden, __webpack_exports__Inbox as Inbox, __webpack_exports__Info as Info, __webpack_exports__Insights as Insights, __webpack_exports__Job as Job, __webpack_exports__Leave as Leave, __webpack_exports__Lightbulb as Lightbulb, __webpack_exports__Loading as Loading, __webpack_exports__LocationCheck as LocationCheck, __webpack_exports__Logout as Logout, __webpack_exports__Messages as Messages, __webpack_exports__Microsoft as Microsoft, __webpack_exports__Minus as Minus, __webpack_exports__Newspaper as Newspaper, __webpack_exports__Overflow as Overflow, __webpack_exports__Paperwork as Paperwork, __webpack_exports__PaperworkAssigned as PaperworkAssigned, __webpack_exports__PaperworkDraft as PaperworkDraft, __webpack_exports__PaperworkExpired as PaperworkExpired, __webpack_exports__PaperworkExpiringSoon as PaperworkExpiringSoon, __webpack_exports__PaperworkMissing as PaperworkMissing, __webpack_exports__PaperworkProcessed as PaperworkProcessed, __webpack_exports__PaperworkSubmitted as PaperworkSubmitted, __webpack_exports__People as People, __webpack_exports__Phone as Phone, __webpack_exports__Plus as Plus, __webpack_exports__Positions as Positions, __webpack_exports__Profile as Profile, __webpack_exports__ProfileFemale as ProfileFemale, __webpack_exports__ProfileMale as ProfileMale, __webpack_exports__Remuneration as Remuneration, __webpack_exports__Reschedule as Reschedule, __webpack_exports__Restore as Restore, __webpack_exports__Review as Review, __webpack_exports__Schedule as Schedule, __webpack_exports__Search as Search, __webpack_exports__Settings as Settings, __webpack_exports__Sidebar as Sidebar, __webpack_exports__Sliders as Sliders, __webpack_exports__SortAsc as SortAsc, __webpack_exports__SortDefault as SortDefault, __webpack_exports__SortDes as SortDes, __webpack_exports__StepsComplete as StepsComplete, __webpack_exports__StepsCurrent as StepsCurrent, __webpack_exports__StepsIncomplete as StepsIncomplete, __webpack_exports__Submit as Submit, __webpack_exports__Success as Success, __webpack_exports__SuperFund as SuperFund, __webpack_exports__Sync as Sync, __webpack_exports__Table as Table, __webpack_exports__Task as Task, __webpack_exports__Tax as Tax, __webpack_exports__Tenure as Tenure, __webpack_exports__Visible as Visible, __webpack_exports__Warning as Warning, __webpack_exports__Workflows as Workflows };
219
+ export { __webpack_exports__Approval as Approval, __webpack_exports__Apps as Apps, __webpack_exports__Archive as Archive, __webpack_exports__ArrowLeft as ArrowLeft, __webpack_exports__ArrowRight as ArrowRight, __webpack_exports__ArrowTurnLeftUp as ArrowTurnLeftUp, __webpack_exports__ArrowsCompress as ArrowsCompress, __webpack_exports__ArrowsExpand as ArrowsExpand, __webpack_exports__ArrowsUpDown as ArrowsUpDown, __webpack_exports__Assign as Assign, __webpack_exports__AssignmentCertificate as AssignmentCertificate, __webpack_exports__AssignmentDocument as AssignmentDocument, __webpack_exports__AssignmentForm as AssignmentForm, __webpack_exports__AssignmentQuestionnaire as AssignmentQuestionnaire, __webpack_exports__BankAccount as BankAccount, __webpack_exports__Bolt as Bolt, __webpack_exports__BookOpenLines as BookOpenLines, __webpack_exports__Bug as Bug, __webpack_exports__Calendar as Calendar, __webpack_exports__Cancel as Cancel, __webpack_exports__CaratDown as CaratDown, __webpack_exports__CaratLeft as CaratLeft, __webpack_exports__CaratRight as CaratRight, __webpack_exports__CaratUp as CaratUp, __webpack_exports__CheckMark as CheckMark, __webpack_exports__ChevronDown as ChevronDown, __webpack_exports__ChevronLeft as ChevronLeft, __webpack_exports__ChevronRight as ChevronRight, __webpack_exports__ChevronUp as ChevronUp, __webpack_exports__Close as Close, __webpack_exports__Columns as Columns, __webpack_exports__Comment as Comment, __webpack_exports__Copy as Copy, __webpack_exports__Dash as Dash, __webpack_exports__Delete as Delete, __webpack_exports__Directory as Directory, __webpack_exports__DocumentProcessingFailed as DocumentProcessingFailed, __webpack_exports__Download as Download, __webpack_exports__Edit as Edit, __webpack_exports__Email as Email, __webpack_exports__EmergencyContact as EmergencyContact, __webpack_exports__Events as Events, __webpack_exports__External as External, __webpack_exports__FileExport as FileExport, __webpack_exports__Filter as Filter, __webpack_exports__FilterList as FilterList, __webpack_exports__FitView as FitView, __webpack_exports__Globe as Globe, __webpack_exports__GripLines as GripLines, __webpack_exports__Help as Help, __webpack_exports__Hidden as Hidden, __webpack_exports__History as History, __webpack_exports__Inbox as Inbox, __webpack_exports__Info as Info, __webpack_exports__Insights as Insights, __webpack_exports__Job as Job, __webpack_exports__Leave as Leave, __webpack_exports__Lightbulb as Lightbulb, __webpack_exports__Loading as Loading, __webpack_exports__LocationCheck as LocationCheck, __webpack_exports__Logout as Logout, __webpack_exports__Messages as Messages, __webpack_exports__Microsoft as Microsoft, __webpack_exports__Minus as Minus, __webpack_exports__Newspaper as Newspaper, __webpack_exports__Overflow as Overflow, __webpack_exports__Paperwork as Paperwork, __webpack_exports__PaperworkAssigned as PaperworkAssigned, __webpack_exports__PaperworkDraft as PaperworkDraft, __webpack_exports__PaperworkExpired as PaperworkExpired, __webpack_exports__PaperworkExpiringSoon as PaperworkExpiringSoon, __webpack_exports__PaperworkMissing as PaperworkMissing, __webpack_exports__PaperworkProcessed as PaperworkProcessed, __webpack_exports__PaperworkSubmitted as PaperworkSubmitted, __webpack_exports__People as People, __webpack_exports__Phone as Phone, __webpack_exports__Plus as Plus, __webpack_exports__Positions as Positions, __webpack_exports__Profile as Profile, __webpack_exports__ProfileFemale as ProfileFemale, __webpack_exports__ProfileMale as ProfileMale, __webpack_exports__QuestionMark as QuestionMark, __webpack_exports__Remuneration as Remuneration, __webpack_exports__Reschedule as Reschedule, __webpack_exports__Restore as Restore, __webpack_exports__Review as Review, __webpack_exports__Schedule as Schedule, __webpack_exports__Search as Search, __webpack_exports__Settings as Settings, __webpack_exports__Sidebar as Sidebar, __webpack_exports__Sliders as Sliders, __webpack_exports__SortAsc as SortAsc, __webpack_exports__SortDefault as SortDefault, __webpack_exports__SortDes as SortDes, __webpack_exports__StepsComplete as StepsComplete, __webpack_exports__StepsCurrent as StepsCurrent, __webpack_exports__StepsIncomplete as StepsIncomplete, __webpack_exports__Submit as Submit, __webpack_exports__Success as Success, __webpack_exports__SuperFund as SuperFund, __webpack_exports__Sync as Sync, __webpack_exports__Table as Table, __webpack_exports__Task as Task, __webpack_exports__Tax as Tax, __webpack_exports__Tenure as Tenure, __webpack_exports__UserPlus as UserPlus, __webpack_exports__Visible as Visible, __webpack_exports__Warning as Warning, __webpack_exports__Workflows as Workflows };
@@ -0,0 +1,2 @@
1
+ import AssignmentForm_rslib_entry_namespaceObject from "../../static/svg/AssignmentForm.svg";
2
+ export { AssignmentForm_rslib_entry_namespaceObject as default };
@@ -0,0 +1,2 @@
1
+ import Bolt_rslib_entry_namespaceObject from "../../static/svg/Bolt.svg";
2
+ export { Bolt_rslib_entry_namespaceObject as default };
@@ -0,0 +1,2 @@
1
+ import History_rslib_entry_namespaceObject from "../../static/svg/History.svg";
2
+ export { History_rslib_entry_namespaceObject as default };
@@ -0,0 +1,2 @@
1
+ import QuestionMark_rslib_entry_namespaceObject from "../../static/svg/QuestionMark.svg";
2
+ export { QuestionMark_rslib_entry_namespaceObject as default };
@@ -0,0 +1,2 @@
1
+ import UserPlus_rslib_entry_namespaceObject from "../../static/svg/UserPlus.svg";
2
+ export { UserPlus_rslib_entry_namespaceObject as default };
@@ -38,9 +38,10 @@
38
38
  .closed-iSkj26 .toggle-GcG0Tq {
39
39
  -webkit-backdrop-filter: blur(20px);
40
40
  backdrop-filter: blur(20px);
41
+ box-sizing: border-box;
41
42
  color: var(--tone-default);
42
43
  background: #ffffffb3;
43
- box-shadow: 0 0 0 .5px #3c3c435c;
44
+ border: .5px solid #3c3c435c;
44
45
  }
45
46
 
46
47
  .back-vj3cdG {
@@ -1,5 +1,6 @@
1
1
  import type { ComponentType, MouseEvent, ReactNode } from "react";
2
2
  import type { IconProps } from "../icons/types";
3
+ export type BadgeIconTone = "blue" | "green" | "grey" | "maroon" | "orange" | "purple" | "red" | "teal" | "yellow";
3
4
  type AvatarBaseProps = {
4
5
  id: string;
5
6
  size?: keyof typeof SIZES;
@@ -14,6 +15,11 @@ type AvatarBaseProps = {
14
15
  * Small icon displayed on the bottom right of the avatar.
15
16
  */
16
17
  badgeIconComponent?: ComponentType<IconProps>;
18
+ /**
19
+ * Background and icon colour for {@link badgeIconComponent}.
20
+ * Uses the same palette as Badge.
21
+ */
22
+ badgeIconTone?: BadgeIconTone;
17
23
  /**
18
24
  * Icon displayed on over the avatar when hovered.
19
25
  * Useful for indicating an action.
@@ -38,5 +44,5 @@ declare const SIZES: {
38
44
  readonly large: 96;
39
45
  readonly xlarge: 192;
40
46
  };
41
- declare const Avatar: ({ id, size, name, imageUrl, hue, badgeIconComponent: BadgeIconComponent, hoverIconComponent: HoverIconComponent, href, onClick, children, }: Props) => import("react/jsx-runtime").JSX.Element;
47
+ declare const Avatar: ({ id, size, name, imageUrl, hue, badgeIconComponent: BadgeIconComponent, badgeIconTone, hoverIconComponent: HoverIconComponent, href, onClick, children, }: Props) => import("react/jsx-runtime").JSX.Element;
42
48
  export default Avatar;
@@ -57,7 +57,7 @@ const badgeIconSize = (avatarPx)=>{
57
57
  if (badgePx < 46) return "large";
58
58
  return "xlarge";
59
59
  };
60
- const Avatar = ({ id, size = "large", name, imageUrl, hue = DEFAULT_HUE, badgeIconComponent: BadgeIconComponent, hoverIconComponent: HoverIconComponent, href, onClick, children })=>{
60
+ const Avatar = ({ id, size = "large", name, imageUrl, hue = DEFAULT_HUE, badgeIconComponent: BadgeIconComponent, badgeIconTone, hoverIconComponent: HoverIconComponent, href, onClick, children })=>{
61
61
  const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
62
62
  const [showChildren, setShowChildren] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
63
63
  const px = SIZES[size];
@@ -177,12 +177,22 @@ const Avatar = ({ id, size = "large", name, imageUrl, hue = DEFAULT_HUE, badgeIc
177
177
  media,
178
178
  BadgeIconComponent ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
179
179
  "aria-hidden": true,
180
- className: __WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badge,
180
+ className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badge, {
181
+ [__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgeBlue]: "blue" === badgeIconTone,
182
+ [__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgeGreen]: "green" === badgeIconTone,
183
+ [__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgeGrey]: "grey" === badgeIconTone,
184
+ [__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgeMaroon]: "maroon" === badgeIconTone,
185
+ [__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgeOrange]: "orange" === badgeIconTone,
186
+ [__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgePurple]: "purple" === badgeIconTone,
187
+ [__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgeRed]: "red" === badgeIconTone,
188
+ [__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgeTeal]: "teal" === badgeIconTone,
189
+ [__WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgeYellow]: "yellow" === badgeIconTone
190
+ }),
181
191
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
182
192
  className: __WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__["default"].badgeGlyph,
183
193
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(BadgeIconComponent, {
184
194
  size: badgeIconSize(px),
185
- tone: "default"
195
+ tone: badgeIconTone ? void 0 : "default"
186
196
  })
187
197
  })
188
198
  }) : null,
@@ -8,6 +8,15 @@ const Avatar_module_rslib_entry_ = {
8
8
  placeholderIconWrap: "placeholderIconWrap-i2HHwu",
9
9
  badge: "badge-f6Iksi",
10
10
  badgeGlyph: "badgeGlyph-hnwtyd",
11
+ badgeBlue: "badgeBlue-nMftx7",
12
+ badgeGreen: "badgeGreen-IcxnbE",
13
+ badgeGrey: "badgeGrey-N5rCOW",
14
+ badgeMaroon: "badgeMaroon-Jqd9h0",
15
+ badgeOrange: "badgeOrange-hCLkRt",
16
+ badgePurple: "badgePurple-y1GraZ",
17
+ badgeRed: "badgeRed-VV8VMx",
18
+ badgeTeal: "badgeTeal-nMwmCt",
19
+ badgeYellow: "badgeYellow-RNUX_f",
11
20
  hoverIconOverlay: "hoverIconOverlay-VNqOuN",
12
21
  hoverIconScaled: "hoverIconScaled-hPDNBn"
13
22
  };
@@ -1,12 +1,13 @@
1
1
  import type { StoryObj } from "@storybook/nextjs-vite";
2
2
  declare const meta: {
3
- component: ({ id, size, name, imageUrl, hue, badgeIconComponent: BadgeIconComponent, hoverIconComponent: HoverIconComponent, href, onClick, children, }: ({
3
+ component: ({ id, size, name, imageUrl, hue, badgeIconComponent: BadgeIconComponent, badgeIconTone, hoverIconComponent: HoverIconComponent, href, onClick, children, }: ({
4
4
  id: string;
5
5
  size?: "small" | "large" | "xlarge" | "tiny" | "xtiny";
6
6
  name?: string;
7
7
  imageUrl?: string | null;
8
8
  hue?: string;
9
9
  badgeIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
10
+ badgeIconTone?: import("./Avatar").BadgeIconTone;
10
11
  hoverIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
11
12
  onClick?: (event: import("react").MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
12
13
  } & {
@@ -19,6 +20,7 @@ declare const meta: {
19
20
  imageUrl?: string | null;
20
21
  hue?: string;
21
22
  badgeIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
23
+ badgeIconTone?: import("./Avatar").BadgeIconTone;
22
24
  hoverIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
23
25
  onClick?: (event: import("react").MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
24
26
  } & {
@@ -31,6 +33,7 @@ declare const meta: {
31
33
  imageUrl?: string | null;
32
34
  hue?: string;
33
35
  badgeIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
36
+ badgeIconTone?: import("./Avatar").BadgeIconTone;
34
37
  hoverIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
35
38
  onClick?: (event: import("react").MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
36
39
  } & {
@@ -54,6 +57,7 @@ export declare const Initials: Story;
54
57
  /** Implicit placeholder when there is no photo and no name. */
55
58
  export declare const Placeholder: Story;
56
59
  export declare const WithBadgeIcon: Story;
60
+ export declare const WithBadgeIconTone: Story;
57
61
  export declare const WithHref: Story;
58
62
  export declare const WithHoverIcon: Story;
59
63
  /** Placeholder plus hover affordance and navigation. */
@@ -39,6 +39,12 @@ const WithBadgeIcon = {
39
39
  badgeIconComponent: __WEBPACK_EXTERNAL_MODULE__icons_components_ArrowTurnLeftUp_js_d3de637f__["default"]
40
40
  }
41
41
  };
42
+ const WithBadgeIconTone = {
43
+ args: {
44
+ badgeIconComponent: __WEBPACK_EXTERNAL_MODULE__icons_components_ArrowTurnLeftUp_js_d3de637f__["default"],
45
+ badgeIconTone: "green"
46
+ }
47
+ };
42
48
  const WithHref = {
43
49
  args: {
44
50
  href: "#profile"
@@ -94,4 +100,4 @@ const WithOnClickModal = {
94
100
  })
95
101
  }
96
102
  };
97
- export { Initials, Placeholder, PlaceholderAddAction, Small, WithBadgeIcon, WithHoverIcon, WithHref, WithOnClickModal, WithPhoto, Xlarge, Avatar_stories_rslib_entry_ as default };
103
+ export { Initials, Placeholder, PlaceholderAddAction, Small, WithBadgeIcon, WithBadgeIconTone, WithHoverIcon, WithHref, WithOnClickModal, WithPhoto, Xlarge, Avatar_stories_rslib_entry_ as default };
@@ -92,6 +92,51 @@
92
92
  transform: scale(.87);
93
93
  }
94
94
 
95
+ .badgeBlue-nMftx7 {
96
+ background: var(--color-blue-t09);
97
+ color: var(--color-blue-s04);
98
+ }
99
+
100
+ .badgeGreen-IcxnbE {
101
+ background: var(--color-green-t09);
102
+ color: var(--color-green-s04);
103
+ }
104
+
105
+ .badgeGrey-N5rCOW {
106
+ background: var(--color-grey-t09);
107
+ color: var(--color-grey-s04);
108
+ }
109
+
110
+ .badgeMaroon-Jqd9h0 {
111
+ background: var(--color-maroon-t09);
112
+ color: var(--color-maroon-s04);
113
+ }
114
+
115
+ .badgeOrange-hCLkRt {
116
+ background: var(--color-orange-t09);
117
+ color: var(--color-orange-s04);
118
+ }
119
+
120
+ .badgePurple-y1GraZ {
121
+ background: var(--color-purple-t09);
122
+ color: var(--color-purple-s04);
123
+ }
124
+
125
+ .badgeRed-VV8VMx {
126
+ background: var(--color-red-t09);
127
+ color: var(--color-red-s04);
128
+ }
129
+
130
+ .badgeTeal-nMwmCt {
131
+ background: var(--color-teal-t09);
132
+ color: var(--color-teal-s04);
133
+ }
134
+
135
+ .badgeYellow-RNUX_f {
136
+ background: var(--color-yellow-t09);
137
+ color: var(--color-yellow-s04);
138
+ }
139
+
95
140
  .hoverIconOverlay-VNqOuN {
96
141
  background: color-mix(in oklch, var(--color-grey-s04) 35%, transparent);
97
142
  color: var(--color-white);
@@ -0,0 +1,12 @@
1
+ import type { ReactNode } from "react";
2
+ type Props = {
3
+ children: ReactNode;
4
+ /** Minimum width of each column before the grid drops one. Defaults to 280. */
5
+ minColumnWidth?: number;
6
+ };
7
+ /**
8
+ * A responsive grid of cards. Columns reflow automatically by available width
9
+ * (down to a single column on narrow/mobile viewports) based on `minColumnWidth`.
10
+ */
11
+ declare const CardGrid: ({ children, minColumnWidth }: Props) => import("react/jsx-runtime").JSX.Element;
12
+ export default CardGrid;
@@ -0,0 +1,12 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__ from "../utils/customProperties.js";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__CardGrid_module_js_156110b7__ from "./CardGrid.module.js";
4
+ const CardGrid = ({ children, minColumnWidth = 280 })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
5
+ className: __WEBPACK_EXTERNAL_MODULE__CardGrid_module_js_156110b7__["default"].grid,
6
+ style: (0, __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__["default"])({
7
+ "--min-column-width": `${minColumnWidth}px`
8
+ }),
9
+ children: children
10
+ });
11
+ const CardGrid_rslib_entry_ = CardGrid;
12
+ export { CardGrid_rslib_entry_ as default };
@@ -0,0 +1,5 @@
1
+ import "./CardGrid_module.css";
2
+ const CardGrid_module_rslib_entry_ = {
3
+ grid: "grid-JYlm0X"
4
+ };
5
+ export { CardGrid_module_rslib_entry_ as default };
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/nextjs-vite";
2
+ import CardGrid from "./CardGrid";
3
+ declare const meta: Meta<typeof CardGrid>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof CardGrid>;
6
+ export declare const Default: Story;
@@ -0,0 +1,34 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__ from "./Card.js";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__ from "./CardContent.js";
4
+ import * as __WEBPACK_EXTERNAL_MODULE__CardGrid_js_b1a4dbda__ from "./CardGrid.js";
5
+ import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText.js";
6
+ const meta = {
7
+ title: "Presentation/CardGrid",
8
+ component: __WEBPACK_EXTERNAL_MODULE__CardGrid_js_b1a4dbda__["default"],
9
+ argTypes: {
10
+ children: {
11
+ control: false
12
+ }
13
+ }
14
+ };
15
+ const CardGrid_stories_rslib_entry_ = meta;
16
+ const Default = {
17
+ args: {
18
+ minColumnWidth: 280
19
+ },
20
+ render: (args)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardGrid_js_b1a4dbda__["default"], {
21
+ ...args,
22
+ children: Array.from({
23
+ length: 7
24
+ }).map((_, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__["default"], {
25
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__["default"], {
26
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
27
+ font: "h5",
28
+ children: `Card ${index + 1}`
29
+ })
30
+ })
31
+ }, index))
32
+ })
33
+ };
34
+ export { Default, CardGrid_stories_rslib_entry_ as default };
@@ -0,0 +1,6 @@
1
+ .grid-JYlm0X {
2
+ gap: var(--size-p2);
3
+ grid-template-columns: repeat(auto-fill, minmax(min(var(--min-column-width), 100%), 1fr));
4
+ display: grid;
5
+ }
6
+
@@ -5,6 +5,8 @@ type Props = {
5
5
  disclaimer?: string;
6
6
  subtext?: string;
7
7
  trailing?: ReactNode;
8
+ /** Heading level for the card's heading, so it nests correctly under its section. Defaults to "h2". */
9
+ headingLevel?: "h2" | "h3" | "h4";
8
10
  };
9
- declare const HeadlineStatisticCard: ({ heading, statistic, disclaimer, subtext, trailing }: Props) => import("react/jsx-runtime").JSX.Element;
11
+ declare const HeadlineStatisticCard: ({ heading, statistic, disclaimer, subtext, trailing, headingLevel, }: Props) => import("react/jsx-runtime").JSX.Element;
10
12
  export default HeadlineStatisticCard;
@@ -4,14 +4,14 @@ import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__ from "./CardCon
4
4
  import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__ from "./HStack.js";
5
5
  import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText.js";
6
6
  import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__ from "./VStack.js";
7
- const HeadlineStatisticCard = ({ heading, statistic, disclaimer, subtext, trailing })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__["default"], {
7
+ const HeadlineStatisticCard = ({ heading, statistic, disclaimer, subtext, trailing, headingLevel = "h2" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__["default"], {
8
8
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__["default"], {
9
9
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__["default"], {
10
10
  spacing: "n3",
11
11
  children: [
12
12
  /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
13
13
  font: "small-bold",
14
- tagName: "h2",
14
+ tagName: headingLevel,
15
15
  children: heading
16
16
  }),
17
17
  /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
@@ -7,6 +7,7 @@ declare const meta: {
7
7
  imageUrl?: string | null;
8
8
  hue?: string;
9
9
  badgeIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
10
+ badgeIconTone?: import("./Avatar").BadgeIconTone;
10
11
  hoverIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
11
12
  onClick?: (event: import("react").MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
12
13
  } & {
@@ -19,6 +20,7 @@ declare const meta: {
19
20
  imageUrl?: string | null;
20
21
  hue?: string;
21
22
  badgeIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
23
+ badgeIconTone?: import("./Avatar").BadgeIconTone;
22
24
  hoverIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
23
25
  onClick?: (event: import("react").MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
24
26
  } & {
@@ -31,6 +33,7 @@ declare const meta: {
31
33
  imageUrl?: string | null;
32
34
  hue?: string;
33
35
  badgeIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
36
+ badgeIconTone?: import("./Avatar").BadgeIconTone;
34
37
  hoverIconComponent?: import("react").ComponentType<import("../icons/types").IconProps>;
35
38
  onClick?: (event: import("react").MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;
36
39
  } & {
@@ -53,6 +56,7 @@ declare const meta: {
53
56
  href?: string | undefined;
54
57
  imageUrl?: string | null | undefined;
55
58
  badgeIconComponent?: import("react").ComponentType<import("../icons/types").IconProps> | undefined;
59
+ badgeIconTone?: import("./Avatar").BadgeIconTone | undefined;
56
60
  hoverIconComponent?: import("react").ComponentType<import("../icons/types").IconProps> | undefined;
57
61
  }>) => import("react/jsx-runtime").JSX.Element)[];
58
62
  parameters: {
@@ -1,9 +1,11 @@
1
1
  type Props = {
2
2
  /** Progress from 0 to 1 (e.g. 0.4 for 40%) */
3
3
  percentage: number;
4
+ /** Optional human-readable description of progress for assistive tech (e.g. "3/5 steps complete"). */
5
+ ariaValueText?: string;
4
6
  };
5
7
  /**
6
- * Renders a horizontal progress bar with light green fill and rounded sides.
8
+ * Renders a horizontal progress bar with a green fill and rounded sides.
7
9
  */
8
- declare const ProgressBar: ({ percentage }: Props) => import("react/jsx-runtime").JSX.Element;
10
+ declare const ProgressBar: ({ percentage, ariaValueText }: Props) => import("react/jsx-runtime").JSX.Element;
9
11
  export default ProgressBar;
@@ -1,14 +1,15 @@
1
1
  import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
2
  import * as __WEBPACK_EXTERNAL_MODULE__ProgressBar_module_js_913c4023__ from "./ProgressBar.module.js";
3
- const ProgressBar = ({ percentage })=>{
3
+ const ProgressBar = ({ percentage, ariaValueText })=>{
4
4
  const clamped = Math.max(0, Math.min(1, percentage)) || 0;
5
5
  const percent = 100 * clamped;
6
6
  return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
7
7
  className: __WEBPACK_EXTERNAL_MODULE__ProgressBar_module_js_913c4023__["default"].track,
8
8
  role: "progressbar",
9
- "aria-valuenow": percent,
9
+ "aria-valuenow": Math.round(percent),
10
10
  "aria-valuemin": 0,
11
11
  "aria-valuemax": 100,
12
+ "aria-valuetext": ariaValueText,
12
13
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
13
14
  className: __WEBPACK_EXTERNAL_MODULE__ProgressBar_module_js_913c4023__["default"].fill,
14
15
  style: {
@@ -1,7 +1,8 @@
1
1
  import type { StoryObj } from "@storybook/nextjs-vite";
2
2
  declare const meta: {
3
- component: ({ percentage }: {
3
+ component: ({ percentage, ariaValueText }: {
4
4
  percentage: number;
5
+ ariaValueText?: string;
5
6
  }) => import("react/jsx-runtime").JSX.Element;
6
7
  args: {
7
8
  percentage: number;
@@ -19,6 +20,7 @@ declare const meta: {
19
20
  };
20
21
  decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/nextjs-vite").ReactRenderer, {
21
22
  percentage: number;
23
+ ariaValueText?: string | undefined;
22
24
  }>) => import("react/jsx-runtime").JSX.Element)[];
23
25
  };
24
26
  export default meta;
@@ -7,7 +7,7 @@
7
7
  }
8
8
 
9
9
  .fill-ureadD {
10
- background-color: var(--color-green-t07);
10
+ background-color: var(--color-green-t05);
11
11
  border-radius: var(--size-n2);
12
12
  height: 100%;
13
13
  transition: width .2s;
@@ -40,10 +40,13 @@
40
40
  .listHeader-LmUwi0 {
41
41
  border-bottom: solid var(--size-n5) var(--color-grey-t09);
42
42
  box-sizing: border-box;
43
+ min-height: var(--row-height);
43
44
  padding-block: var(--size-n2);
44
45
  padding-inline: var(--richlist-padding-inline, var(--size-n1));
45
46
  flex-shrink: 0;
47
+ align-items: center;
46
48
  width: 100%;
49
+ display: grid;
47
50
  }
48
51
 
49
52
  .toolbarStatus-OBimHB {
@@ -1,7 +1,7 @@
1
1
  import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
2
  import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentCertificate_js_feafbcda__ from "../../../icons/components/AssignmentCertificate.js";
3
3
  import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentDocument_js_0e5cad31__ from "../../../icons/components/AssignmentDocument.js";
4
- import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentQuestionnaire_js_065f7cd5__ from "../../../icons/components/AssignmentQuestionnaire.js";
4
+ import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_759af51a__ from "../../../icons/components/AssignmentForm.js";
5
5
  import * as __WEBPACK_EXTERNAL_MODULE__icons_components_Calendar_js_1bfa8ee4__ from "../../../icons/components/Calendar.js";
6
6
  import * as __WEBPACK_EXTERNAL_MODULE__icons_components_Paperwork_js_7e1b2821__ from "../../../icons/components/Paperwork.js";
7
7
  import * as __WEBPACK_EXTERNAL_MODULE__icons_components_Warning_js_100033e0__ from "../../../icons/components/Warning.js";
@@ -14,7 +14,7 @@ const items = [
14
14
  {
15
15
  id: "doc-1",
16
16
  title: "Superannuation Choice Form",
17
- leadingIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentQuestionnaire_js_065f7cd5__["default"], {}),
17
+ leadingIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_759af51a__["default"], {}),
18
18
  statusBadge: {
19
19
  id: "s1",
20
20
  text: "Missing",
@@ -50,7 +50,7 @@ const items = [
50
50
  {
51
51
  id: "doc-4",
52
52
  title: "Payroll Form",
53
- leadingIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentQuestionnaire_js_065f7cd5__["default"], {}),
53
+ leadingIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_759af51a__["default"], {}),
54
54
  statusBadge: {
55
55
  id: "s1",
56
56
  text: "Assigned",
@@ -62,7 +62,7 @@ const items = [
62
62
  {
63
63
  id: "doc-5",
64
64
  title: "TFN Declaration",
65
- leadingIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentQuestionnaire_js_065f7cd5__["default"], {}),
65
+ leadingIcon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_759af51a__["default"], {}),
66
66
  statusBadge: {
67
67
  id: "s1",
68
68
  text: "Submitted",
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
3
3
  import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentDocument_js_0e5cad31__ from "../../../icons/components/AssignmentDocument.js";
4
- import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentQuestionnaire_js_065f7cd5__ from "../../../icons/components/AssignmentQuestionnaire.js";
4
+ import * as __WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_759af51a__ from "../../../icons/components/AssignmentForm.js";
5
5
  import * as __WEBPACK_EXTERNAL_MODULE__icons_components_Leave_js_20fd4ebb__ from "../../../icons/components/Leave.js";
6
6
  import * as __WEBPACK_EXTERNAL_MODULE__icons_components_Profile_js_13788365__ from "../../../icons/components/Profile.js";
7
7
  import * as __WEBPACK_EXTERNAL_MODULE__utils_storybook_js_9566133d__ from "../../../utils/storybook.js";
@@ -13,7 +13,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_acfb96d1__ from "../../Plain
13
13
  import * as __WEBPACK_EXTERNAL_MODULE__RichList_js_64f3f04c__ from "../RichList.js";
14
14
  import * as __WEBPACK_EXTERNAL_MODULE__shared_bulkActionStubs_js_0d607dd0__ from "./shared/bulkActionStubs.js";
15
15
  const LEADING_DOCUMENT = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentDocument_js_0e5cad31__["default"], {});
16
- const LEADING_FORM = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentQuestionnaire_js_065f7cd5__["default"], {});
16
+ const LEADING_FORM = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_AssignmentForm_js_759af51a__["default"], {});
17
17
  const LEADING_ID_STYLE = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_Profile_js_13788365__["default"], {});
18
18
  const rows = [
19
19
  {
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 20" fill="currentColor">
2
+ <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" />
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 20" fill="currentColor">
2
- <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" />
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="128 64 384 512" fill="currentColor">
2
+ <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" />
3
3
  </svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M437.2 51.9C446.3 57.9 450.2 69.2 446.8 79.5L388 256L508.9 256C528.3 256 544 271.7 544 291.1C544 301.1 539.8 310.6 532.3 317.2L232 585.9C223.9 593.2 211.9 594.1 202.8 588.1C193.7 582.1 189.8 570.8 193.2 560.5L252 384L131.1 384C111.7 384 96 368.3 96 348.9C96 339 100.2 329.5 107.7 322.8L408 54.1C416.1 46.8 428.1 46 437.2 51.9zM164.9 336L285.3 336C293 336 300.3 339.7 304.8 346C309.3 352.3 310.5 360.3 308.1 367.6L267.3 489.9L475.1 304L354.7 304C347 304 339.7 300.3 335.2 294C330.7 287.7 329.5 279.7 331.9 272.4L372.7 150.1L164.9 336z"/></svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor">
2
+ <path d="M112 170.7L112 120C112 106.7 101.3 96 88 96C74.7 96 64 106.7 64 120L64 232C64 245.3 74.7 256 88 256L200 256C213.3 256 224 245.3 224 232C224 218.7 213.3 208 200 208L144.7 208C181.7 150.2 246.4 112 320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C277.5 528 238.1 515.3 205.3 493.5C194.3 486.2 179.4 489.2 172 500.2C164.6 511.2 167.7 526.1 178.7 533.5C219.2 560.3 267.8 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C234.3 64 158.4 106.1 112 170.7zM320 192C306.7 192 296 202.7 296 216L296 320C296 326.4 298.5 332.5 303 337L375 409C384.4 418.4 399.6 418.4 408.9 409C418.2 399.6 418.3 384.4 408.9 375.1L343.9 310.1L343.9 216C343.9 202.7 333.2 192 319.9 192z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640">
2
+ <path d="M208 224C208 162.1 258.1 112 320 112C381.9 112 432 162.1 432 224C432 272.2 401.5 313.4 358.7 329.1C329.3 339.9 296 367 296 408L296 424C296 437.3 306.7 448 320 448C333.3 448 344 437.3 344 424L344 408C344 395.9 355 381.7 375.3 374.2C436.4 351.7 480 293 480 224C480 135.6 408.4 64 320 64C231.6 64 160 135.6 160 224L160 232C160 245.3 170.7 256 184 256C197.3 256 208 245.3 208 232L208 224zM320 576C337.7 576 352 561.7 352 544C352 526.3 337.7 512 320 512C302.3 512 288 526.3 288 544C288 561.7 302.3 576 320 576z" />
3
+ </svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M304 368C401.2 368 480 446.8 480 544L480 552C480 565.3 469.3 576 456 576C442.7 576 432 565.3 432 552L432 544C432 473.3 374.7 416 304 416L208 416C137.3 416 80 473.3 80 544L80 552C80 565.3 69.3 576 56 576C42.7 576 32 565.3 32 552L32 544C32 446.8 110.8 368 208 368L304 368zM528 144C541.3 144 552 154.7 552 168L552 216L600 216C613.3 216 624 226.7 624 240C624 253.3 613.3 264 600 264L552 264L552 312C552 325.3 541.3 336 528 336C514.7 336 504 325.3 504 312L504 264L456 264C442.7 264 432 253.3 432 240C432 226.7 442.7 216 456 216L504 216L504 168C504 154.7 514.7 144 528 144zM256 320C185.3 320 128 262.7 128 192C128 121.3 185.3 64 256 64C326.7 64 384 121.3 384 192C384 262.7 326.7 320 256 320zM256 112C211.8 112 176 147.8 176 192C176 236.2 211.8 272 256 272C300.2 272 336 236.2 336 192C336 147.8 300.2 112 256 112z"/></svg>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@worknice/whiteboard",
3
3
  "description": "",
4
- "version": "0.63.0",
4
+ "version": "0.65.0",
5
5
  "license": "MIT",
6
6
  "private": false,
7
7
  "files": [
@@ -39,7 +39,7 @@
39
39
  "react-markdown": "^10.1.0",
40
40
  "utf8": "^3.0.0",
41
41
  "zod": "^4.1.13",
42
- "@worknice/utils": "^0.46.0"
42
+ "@worknice/utils": "^0.48.0"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@anolilab/semantic-release-pnpm": "^3.2.2",
@@ -63,7 +63,7 @@
63
63
  "@typescript-eslint/eslint-plugin": "^8.7.0",
64
64
  "@typescript-eslint/parser": "^8.7.0",
65
65
  "clsx": "^2.0.0",
66
- "concurrently": "^9.2.0",
66
+ "concurrently": "9.2.0",
67
67
  "eslint": "^8.57.1",
68
68
  "eslint-plugin-react": "^7.34.2",
69
69
  "eslint-plugin-react-hooks": "^4.6.2",