@onewelcome/react-lib-components 2.1.0 → 2.3.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 (63) hide show
  1. package/dist/cjs/Breadcrumbs/Breadcrumbs.cjs.js +1 -1
  2. package/dist/cjs/Breadcrumbs/Breadcrumbs.module.cjs.js +1 -1
  3. package/dist/cjs/Button/Button.module.cjs.js +1 -1
  4. package/dist/cjs/Button/IconButton.module.cjs.js +1 -1
  5. package/dist/cjs/ContextMenu/ContextMenu.cjs.js +1 -1
  6. package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.cjs.js +1 -1
  7. package/dist/cjs/Form/Checkbox/Checkbox.cjs.js +1 -1
  8. package/dist/cjs/Form/Toggle/Toggle.cjs.js +1 -1
  9. package/dist/cjs/Icon/Icon.cjs.js +1 -1
  10. package/dist/cjs/Icon/Icon.module.cjs.js +1 -1
  11. package/dist/cjs/Link/Link.cjs.js +1 -1
  12. package/dist/cjs/Link/Link.module.cjs.js +1 -1
  13. package/dist/cjs/Notifications/BaseModal/BaseModal.cjs.js +1 -1
  14. package/dist/cjs/Notifications/Dialog/Dialog.cjs.js +1 -1
  15. package/dist/cjs/Typography/Typography.cjs.js +1 -1
  16. package/dist/cjs/components/Form/Checkbox/Checkbox.d.ts +2 -3
  17. package/dist/cjs/components/Form/Toggle/Toggle.d.ts +2 -2
  18. package/dist/cjs/components/Icon/Icon.d.ts +1 -0
  19. package/dist/cjs/components/Link/Link.d.ts +3 -1
  20. package/dist/cjs/components/Typography/Typography.d.ts +1 -0
  21. package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js +1 -1
  22. package/dist/esm/Breadcrumbs/Breadcrumbs.module.esm.js +1 -1
  23. package/dist/esm/Button/Button.module.esm.js +1 -1
  24. package/dist/esm/Button/IconButton.module.esm.js +1 -1
  25. package/dist/esm/ContextMenu/ContextMenu.esm.js +1 -1
  26. package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js +1 -1
  27. package/dist/esm/Form/Checkbox/Checkbox.esm.js +1 -1
  28. package/dist/esm/Form/Toggle/Toggle.esm.js +1 -1
  29. package/dist/esm/Icon/Icon.esm.js +1 -1
  30. package/dist/esm/Icon/Icon.module.esm.js +1 -1
  31. package/dist/esm/Link/Link.esm.js +1 -1
  32. package/dist/esm/Link/Link.module.esm.js +1 -1
  33. package/dist/esm/Notifications/BaseModal/BaseModal.esm.js +1 -1
  34. package/dist/esm/Notifications/Dialog/Dialog.esm.js +1 -1
  35. package/dist/esm/Typography/Typography.esm.js +1 -1
  36. package/dist/esm/components/Form/Checkbox/Checkbox.d.ts +2 -3
  37. package/dist/esm/components/Form/Toggle/Toggle.d.ts +2 -2
  38. package/dist/esm/components/Icon/Icon.d.ts +1 -0
  39. package/dist/esm/components/Link/Link.d.ts +3 -1
  40. package/dist/esm/components/Typography/Typography.d.ts +1 -0
  41. package/package.json +1 -1
  42. package/src/components/Breadcrumbs/Breadcrumbs.module.scss +28 -4
  43. package/src/components/Breadcrumbs/Breadcrumbs.test.tsx +6 -0
  44. package/src/components/Breadcrumbs/Breadcrumbs.tsx +11 -1
  45. package/src/components/ContextMenu/ContextMenu.tsx +6 -1
  46. package/src/components/DataGrid/DataGridActions/DataGridColumnsToggle.tsx +2 -3
  47. package/src/components/Form/Checkbox/Checkbox.test.tsx +16 -5
  48. package/src/components/Form/Checkbox/Checkbox.tsx +5 -17
  49. package/src/components/Form/Toggle/Toggle.test.tsx +10 -8
  50. package/src/components/Form/Toggle/Toggle.tsx +28 -24
  51. package/src/components/Icon/Icon.module.scss +9 -4
  52. package/src/components/Icon/Icon.tsx +1 -0
  53. package/src/components/Link/Link.tsx +7 -2
  54. package/src/components/Notifications/BaseModal/BaseModal.tsx +7 -1
  55. package/src/components/Notifications/Dialog/Dialog.tsx +1 -1
  56. package/src/components/Typography/Typography.test.tsx +23 -2
  57. package/src/components/Typography/Typography.tsx +3 -2
  58. package/src/font/icomoon.eot +0 -0
  59. package/src/font/icomoon.svg +1 -0
  60. package/src/font/icomoon.ttf +0 -0
  61. package/src/font/icomoon.woff +0 -0
  62. package/src/font/selection.json +1 -1
  63. package/src/mixins.module.scss +2 -1
@@ -1,2 +1,2 @@
1
- var containers=[],styleTags=[];const _ = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var o=".Link_module_srOnly__7c2c0b9a{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Link_module_hidden__7c2c0b9a{display:none}.Link_module_slideIn__7c2c0b9a{animation:Link_module_slideIn__7c2c0b9a .5s forwards}@media (prefers-reduced-motion:reduce){.Link_module_slideIn__7c2c0b9a{animation-duration:.1ms}}.Link_module_slideOut__7c2c0b9a{animation:Link_module_slideOut__7c2c0b9a .5s forwards}@media (prefers-reduced-motion:reduce){.Link_module_slideOut__7c2c0b9a{animation-duration:.1ms}}@keyframes Link_module_slideIn__7c2c0b9a{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Link_module_slideOut__7c2c0b9a{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Link_module_w6__7c2c0b9a{width:6%}.Link_module_w7__7c2c0b9a{width:7%}.Link_module_w8__7c2c0b9a{width:8%}.Link_module_w9__7c2c0b9a{width:9%}.Link_module_w10__7c2c0b9a{width:10%}.Link_module_w11__7c2c0b9a{width:11%}.Link_module_w12__7c2c0b9a{width:12%}.Link_module_w13__7c2c0b9a{width:13%}.Link_module_w14__7c2c0b9a{width:14%}.Link_module_w15__7c2c0b9a{width:15%}.Link_module_w16__7c2c0b9a{width:16%}.Link_module_w17__7c2c0b9a{width:17%}.Link_module_w18__7c2c0b9a{width:18%}.Link_module_w19__7c2c0b9a{width:19%}.Link_module_w20__7c2c0b9a{width:20%}.Link_module_w21__7c2c0b9a{width:21%}.Link_module_w22__7c2c0b9a{width:22%}.Link_module_w23__7c2c0b9a{width:23%}.Link_module_w24__7c2c0b9a{width:24%}.Link_module_w25__7c2c0b9a{width:25%}.Link_module_w26__7c2c0b9a{width:26%}.Link_module_w27__7c2c0b9a{width:27%}.Link_module_w28__7c2c0b9a{width:28%}.Link_module_w29__7c2c0b9a{width:29%}.Link_module_w30__7c2c0b9a{width:30%}.Link_module_w31__7c2c0b9a{width:31%}.Link_module_w32__7c2c0b9a{width:32%}.Link_module_w33__7c2c0b9a{width:33%}.Link_module_w34__7c2c0b9a{width:34%}.Link_module_w35__7c2c0b9a{width:35%}.Link_module_w36__7c2c0b9a{width:36%}.Link_module_w37__7c2c0b9a{width:37%}.Link_module_w38__7c2c0b9a{width:38%}.Link_module_w39__7c2c0b9a{width:39%}.Link_module_w40__7c2c0b9a{width:40%}.Link_module_w41__7c2c0b9a{width:41%}.Link_module_w42__7c2c0b9a{width:42%}.Link_module_w43__7c2c0b9a{width:43%}.Link_module_w44__7c2c0b9a{width:44%}.Link_module_w45__7c2c0b9a{width:45%}.Link_module_w46__7c2c0b9a{width:46%}.Link_module_w47__7c2c0b9a{width:47%}.Link_module_w48__7c2c0b9a{width:48%}.Link_module_w49__7c2c0b9a{width:49%}.Link_module_w50__7c2c0b9a{width:50%}.Link_module_w51__7c2c0b9a{width:51%}.Link_module_w52__7c2c0b9a{width:52%}.Link_module_w53__7c2c0b9a{width:53%}.Link_module_w54__7c2c0b9a{width:54%}.Link_module_w55__7c2c0b9a{width:55%}.Link_module_w56__7c2c0b9a{width:56%}.Link_module_w57__7c2c0b9a{width:57%}.Link_module_w58__7c2c0b9a{width:58%}.Link_module_w59__7c2c0b9a{width:59%}.Link_module_w60__7c2c0b9a{width:60%}.Link_module_w61__7c2c0b9a{width:61%}.Link_module_w62__7c2c0b9a{width:62%}.Link_module_w63__7c2c0b9a{width:63%}.Link_module_w64__7c2c0b9a{width:64%}.Link_module_w65__7c2c0b9a{width:65%}.Link_module_w66__7c2c0b9a{width:66%}.Link_module_w67__7c2c0b9a{width:67%}.Link_module_w68__7c2c0b9a{width:68%}.Link_module_w69__7c2c0b9a{width:69%}.Link_module_w70__7c2c0b9a{width:70%}.Link_module_w71__7c2c0b9a{width:71%}.Link_module_w72__7c2c0b9a{width:72%}.Link_module_w73__7c2c0b9a{width:73%}.Link_module_w74__7c2c0b9a{width:74%}.Link_module_w75__7c2c0b9a{width:75%}.Link_module_w76__7c2c0b9a{width:76%}.Link_module_w77__7c2c0b9a{width:77%}.Link_module_w78__7c2c0b9a{width:78%}.Link_module_w79__7c2c0b9a{width:79%}.Link_module_w80__7c2c0b9a{width:80%}.Link_module_w81__7c2c0b9a{width:81%}.Link_module_w82__7c2c0b9a{width:82%}.Link_module_w83__7c2c0b9a{width:83%}.Link_module_w84__7c2c0b9a{width:84%}.Link_module_w85__7c2c0b9a{width:85%}.Link_module_w86__7c2c0b9a{width:86%}.Link_module_w87__7c2c0b9a{width:87%}.Link_module_w88__7c2c0b9a{width:88%}.Link_module_w89__7c2c0b9a{width:89%}.Link_module_w90__7c2c0b9a{width:90%}.Link_module_w91__7c2c0b9a{width:91%}.Link_module_w92__7c2c0b9a{width:92%}.Link_module_w93__7c2c0b9a{width:93%}.Link_module_w94__7c2c0b9a{width:94%}.Link_module_w95__7c2c0b9a{width:95%}.Link_module_w96__7c2c0b9a{width:96%}.Link_module_w97__7c2c0b9a{width:97%}.Link_module_w98__7c2c0b9a{width:98%}.Link_module_w99__7c2c0b9a{width:99%}.Link_module_w100__7c2c0b9a{width:100%}.Link_module_w101__7c2c0b9a{width:101%}.Link_module_w102__7c2c0b9a{width:102%}.Link_module_w103__7c2c0b9a{width:103%}.Link_module_w104__7c2c0b9a{width:104%}.Link_module_w105__7c2c0b9a{width:105%}.Link_module_link__7c2c0b9a{font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:var(--default-line-height);text-transform:none}.Link_module_link__7c2c0b9a:active,.Link_module_link__7c2c0b9a:focus,.Link_module_link__7c2c0b9a:hover{outline:0;text-decoration-thickness:.125rem}.Link_module_link__7c2c0b9a.Link_module_primary__7c2c0b9a{color:var(--color-primary)}.Link_module_link__7c2c0b9a.Link_module_primary__7c2c0b9a:focus-visible{outline:.5px dashed var(--color-primary)}.Link_module_link__7c2c0b9a.Link_module_secondary__7c2c0b9a{color:var(--color-secondary)}.Link_module_link__7c2c0b9a.Link_module_secondary__7c2c0b9a:focus-visible{outline:.5px dashed var(--color-primary)}.Link_module_link__7c2c0b9a.Link_module_tertiary__7c2c0b9a{color:var(--color-tertiary)}.Link_module_link__7c2c0b9a.Link_module_tertiary__7c2c0b9a:focus-visible{outline:.5px dashed var(--color-primary)}.Link_module_link__7c2c0b9a.Link_module_disabled__7c2c0b9a{color:var(--greyed-out);cursor:not-allowed}.Link_module_button__7c2c0b9a{border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-font-size);margin:0;min-height:2.5rem;padding:.75rem 1rem;text-decoration:none;transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Link_module_button__7c2c0b9a{transition-duration:.1ms}}.Link_module_button__7c2c0b9a.Link_module_disabled__7c2c0b9a{color:var(--greyed-out);cursor:not-allowed}.Link_module_button__7c2c0b9a.Link_module_fill__7c2c0b9a{font-weight:500}.Link_module_button__7c2c0b9a.Link_module_fill__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){background-color:var(--button-primary-default-color);border-color:var(--button-primary-default-color);color:var(--button-fill-text-color)}.Link_module_button__7c2c0b9a.Link_module_fill__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--button-primary-hover-color)}.Link_module_button__7c2c0b9a.Link_module_fill__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_fill__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){background-color:var(--button-primary-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_fill__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_fill__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--button-primary-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a{background-color:var(--white);font-weight:500}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-primary-default-color);color:var(--button-primary-default-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);border-color:var(--button-primary-hover-color);color:var(--button-primary-hover-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-primary-focused-color);color:var(--button-primary-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);border-color:var(--button-primary-pressed-color);color:var(--button-primary-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-secondary-default-color);color:var(--button-secondary-default-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);border-color:var(--button-secondary-hover-color);color:var(--button-secondary-hover-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-secondary-focused-color);color:var(--button-secondary-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);border-color:var(--button-secondary-pressed-color);color:var(--button-secondary-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);border-color:var(--button-warning-hover-color);color:var(--button-warning-hover-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-warning-focused-color);color:var(--button-warning-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);border-color:var(--button-warning-pressed-color);color:var(--button-warning-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-default-color);color:var(--button-default-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);border-color:var(--button-default-hover-color);color:var(--button-default-hover-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-default-focused-color);color:var(--button-default-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);border-color:var(--button-default-pressed-color);color:var(--button-default-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-danger-default-color);color:var(--button-danger-default-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);border-color:var(--button-danger-hover-color);color:var(--button-danger-hover-color)}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){border-color:var(--button-danger-focused-color);color:var(--button-danger-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_outline__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);border-color:var(--button-danger-pressed-color);color:var(--button-danger-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a{background-color:transparent;border-color:transparent}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){color:var(--button-primary-default-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);color:var(--button-primary-hover-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){color:var(--button-primary-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_primary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);color:var(--button-primary-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){color:var(--button-secondary-default-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);color:var(--button-secondary-hover-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){color:var(--button-secondary-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_secondary__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);color:var(--button-secondary-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){color:var(--button-warning-default-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);color:var(--button-warning-hover-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){color:var(--button-warning-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_warning__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);color:var(--button-warning-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){color:var(--button-default-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);color:var(--button-default-hover-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){color:var(--button-default-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_default__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);color:var(--button-default-pressed-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a){color:var(--button-danger-default-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):hover:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black10);color:var(--button-danger-hover-color)}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus-visible:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):focus:not(.Link_module_disabled__7c2c0b9a){color:var(--button-danger-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:1px;position:relative}.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):active:not(.Link_module_disabled__7c2c0b9a),.Link_module_button__7c2c0b9a.Link_module_text__7c2c0b9a.Link_module_danger__7c2c0b9a:not(.Link_module_disabled__7c2c0b9a):visited:not(.Link_module_disabled__7c2c0b9a){background-color:var(--color-black20);color:var(--button-danger-pressed-color)}",c={"sr-only":"Link_module_srOnly__7c2c0b9a",hidden:"Link_module_hidden__7c2c0b9a","slide-in":"Link_module_slideIn__7c2c0b9a","slide-out":"Link_module_slideOut__7c2c0b9a","w-6":"Link_module_w6__7c2c0b9a","w-7":"Link_module_w7__7c2c0b9a","w-8":"Link_module_w8__7c2c0b9a","w-9":"Link_module_w9__7c2c0b9a","w-10":"Link_module_w10__7c2c0b9a","w-11":"Link_module_w11__7c2c0b9a","w-12":"Link_module_w12__7c2c0b9a","w-13":"Link_module_w13__7c2c0b9a","w-14":"Link_module_w14__7c2c0b9a","w-15":"Link_module_w15__7c2c0b9a","w-16":"Link_module_w16__7c2c0b9a","w-17":"Link_module_w17__7c2c0b9a","w-18":"Link_module_w18__7c2c0b9a","w-19":"Link_module_w19__7c2c0b9a","w-20":"Link_module_w20__7c2c0b9a","w-21":"Link_module_w21__7c2c0b9a","w-22":"Link_module_w22__7c2c0b9a","w-23":"Link_module_w23__7c2c0b9a","w-24":"Link_module_w24__7c2c0b9a","w-25":"Link_module_w25__7c2c0b9a","w-26":"Link_module_w26__7c2c0b9a","w-27":"Link_module_w27__7c2c0b9a","w-28":"Link_module_w28__7c2c0b9a","w-29":"Link_module_w29__7c2c0b9a","w-30":"Link_module_w30__7c2c0b9a","w-31":"Link_module_w31__7c2c0b9a","w-32":"Link_module_w32__7c2c0b9a","w-33":"Link_module_w33__7c2c0b9a","w-34":"Link_module_w34__7c2c0b9a","w-35":"Link_module_w35__7c2c0b9a","w-36":"Link_module_w36__7c2c0b9a","w-37":"Link_module_w37__7c2c0b9a","w-38":"Link_module_w38__7c2c0b9a","w-39":"Link_module_w39__7c2c0b9a","w-40":"Link_module_w40__7c2c0b9a","w-41":"Link_module_w41__7c2c0b9a","w-42":"Link_module_w42__7c2c0b9a","w-43":"Link_module_w43__7c2c0b9a","w-44":"Link_module_w44__7c2c0b9a","w-45":"Link_module_w45__7c2c0b9a","w-46":"Link_module_w46__7c2c0b9a","w-47":"Link_module_w47__7c2c0b9a","w-48":"Link_module_w48__7c2c0b9a","w-49":"Link_module_w49__7c2c0b9a","w-50":"Link_module_w50__7c2c0b9a","w-51":"Link_module_w51__7c2c0b9a","w-52":"Link_module_w52__7c2c0b9a","w-53":"Link_module_w53__7c2c0b9a","w-54":"Link_module_w54__7c2c0b9a","w-55":"Link_module_w55__7c2c0b9a","w-56":"Link_module_w56__7c2c0b9a","w-57":"Link_module_w57__7c2c0b9a","w-58":"Link_module_w58__7c2c0b9a","w-59":"Link_module_w59__7c2c0b9a","w-60":"Link_module_w60__7c2c0b9a","w-61":"Link_module_w61__7c2c0b9a","w-62":"Link_module_w62__7c2c0b9a","w-63":"Link_module_w63__7c2c0b9a","w-64":"Link_module_w64__7c2c0b9a","w-65":"Link_module_w65__7c2c0b9a","w-66":"Link_module_w66__7c2c0b9a","w-67":"Link_module_w67__7c2c0b9a","w-68":"Link_module_w68__7c2c0b9a","w-69":"Link_module_w69__7c2c0b9a","w-70":"Link_module_w70__7c2c0b9a","w-71":"Link_module_w71__7c2c0b9a","w-72":"Link_module_w72__7c2c0b9a","w-73":"Link_module_w73__7c2c0b9a","w-74":"Link_module_w74__7c2c0b9a","w-75":"Link_module_w75__7c2c0b9a","w-76":"Link_module_w76__7c2c0b9a","w-77":"Link_module_w77__7c2c0b9a","w-78":"Link_module_w78__7c2c0b9a","w-79":"Link_module_w79__7c2c0b9a","w-80":"Link_module_w80__7c2c0b9a","w-81":"Link_module_w81__7c2c0b9a","w-82":"Link_module_w82__7c2c0b9a","w-83":"Link_module_w83__7c2c0b9a","w-84":"Link_module_w84__7c2c0b9a","w-85":"Link_module_w85__7c2c0b9a","w-86":"Link_module_w86__7c2c0b9a","w-87":"Link_module_w87__7c2c0b9a","w-88":"Link_module_w88__7c2c0b9a","w-89":"Link_module_w89__7c2c0b9a","w-90":"Link_module_w90__7c2c0b9a","w-91":"Link_module_w91__7c2c0b9a","w-92":"Link_module_w92__7c2c0b9a","w-93":"Link_module_w93__7c2c0b9a","w-94":"Link_module_w94__7c2c0b9a","w-95":"Link_module_w95__7c2c0b9a","w-96":"Link_module_w96__7c2c0b9a","w-97":"Link_module_w97__7c2c0b9a","w-98":"Link_module_w98__7c2c0b9a","w-99":"Link_module_w99__7c2c0b9a","w-100":"Link_module_w100__7c2c0b9a","w-101":"Link_module_w101__7c2c0b9a","w-102":"Link_module_w102__7c2c0b9a","w-103":"Link_module_w103__7c2c0b9a","w-104":"Link_module_w104__7c2c0b9a","w-105":"Link_module_w105__7c2c0b9a",link:"Link_module_link__7c2c0b9a",primary:"Link_module_primary__7c2c0b9a",secondary:"Link_module_secondary__7c2c0b9a",tertiary:"Link_module_tertiary__7c2c0b9a",disabled:"Link_module_disabled__7c2c0b9a",button:"Link_module_button__7c2c0b9a",fill:"Link_module_fill__7c2c0b9a",outline:"Link_module_outline__7c2c0b9a",warning:"Link_module_warning__7c2c0b9a",default:"Link_module_default__7c2c0b9a",danger:"Link_module_danger__7c2c0b9a",text:"Link_module_text__7c2c0b9a"};_(o,{});export{o as css,c as default};
1
+ var containers=[],styleTags=[];const _ = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var d=".Link_module_srOnly__ad47a899{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Link_module_hidden__ad47a899{display:none}.Link_module_slideIn__ad47a899{animation:Link_module_slideIn__ad47a899 .5s forwards}@media (prefers-reduced-motion:reduce){.Link_module_slideIn__ad47a899{animation-duration:.1ms}}.Link_module_slideOut__ad47a899{animation:Link_module_slideOut__ad47a899 .5s forwards}@media (prefers-reduced-motion:reduce){.Link_module_slideOut__ad47a899{animation-duration:.1ms}}@keyframes Link_module_slideIn__ad47a899{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Link_module_slideOut__ad47a899{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.Link_module_w6__ad47a899{width:6%}.Link_module_w7__ad47a899{width:7%}.Link_module_w8__ad47a899{width:8%}.Link_module_w9__ad47a899{width:9%}.Link_module_w10__ad47a899{width:10%}.Link_module_w11__ad47a899{width:11%}.Link_module_w12__ad47a899{width:12%}.Link_module_w13__ad47a899{width:13%}.Link_module_w14__ad47a899{width:14%}.Link_module_w15__ad47a899{width:15%}.Link_module_w16__ad47a899{width:16%}.Link_module_w17__ad47a899{width:17%}.Link_module_w18__ad47a899{width:18%}.Link_module_w19__ad47a899{width:19%}.Link_module_w20__ad47a899{width:20%}.Link_module_w21__ad47a899{width:21%}.Link_module_w22__ad47a899{width:22%}.Link_module_w23__ad47a899{width:23%}.Link_module_w24__ad47a899{width:24%}.Link_module_w25__ad47a899{width:25%}.Link_module_w26__ad47a899{width:26%}.Link_module_w27__ad47a899{width:27%}.Link_module_w28__ad47a899{width:28%}.Link_module_w29__ad47a899{width:29%}.Link_module_w30__ad47a899{width:30%}.Link_module_w31__ad47a899{width:31%}.Link_module_w32__ad47a899{width:32%}.Link_module_w33__ad47a899{width:33%}.Link_module_w34__ad47a899{width:34%}.Link_module_w35__ad47a899{width:35%}.Link_module_w36__ad47a899{width:36%}.Link_module_w37__ad47a899{width:37%}.Link_module_w38__ad47a899{width:38%}.Link_module_w39__ad47a899{width:39%}.Link_module_w40__ad47a899{width:40%}.Link_module_w41__ad47a899{width:41%}.Link_module_w42__ad47a899{width:42%}.Link_module_w43__ad47a899{width:43%}.Link_module_w44__ad47a899{width:44%}.Link_module_w45__ad47a899{width:45%}.Link_module_w46__ad47a899{width:46%}.Link_module_w47__ad47a899{width:47%}.Link_module_w48__ad47a899{width:48%}.Link_module_w49__ad47a899{width:49%}.Link_module_w50__ad47a899{width:50%}.Link_module_w51__ad47a899{width:51%}.Link_module_w52__ad47a899{width:52%}.Link_module_w53__ad47a899{width:53%}.Link_module_w54__ad47a899{width:54%}.Link_module_w55__ad47a899{width:55%}.Link_module_w56__ad47a899{width:56%}.Link_module_w57__ad47a899{width:57%}.Link_module_w58__ad47a899{width:58%}.Link_module_w59__ad47a899{width:59%}.Link_module_w60__ad47a899{width:60%}.Link_module_w61__ad47a899{width:61%}.Link_module_w62__ad47a899{width:62%}.Link_module_w63__ad47a899{width:63%}.Link_module_w64__ad47a899{width:64%}.Link_module_w65__ad47a899{width:65%}.Link_module_w66__ad47a899{width:66%}.Link_module_w67__ad47a899{width:67%}.Link_module_w68__ad47a899{width:68%}.Link_module_w69__ad47a899{width:69%}.Link_module_w70__ad47a899{width:70%}.Link_module_w71__ad47a899{width:71%}.Link_module_w72__ad47a899{width:72%}.Link_module_w73__ad47a899{width:73%}.Link_module_w74__ad47a899{width:74%}.Link_module_w75__ad47a899{width:75%}.Link_module_w76__ad47a899{width:76%}.Link_module_w77__ad47a899{width:77%}.Link_module_w78__ad47a899{width:78%}.Link_module_w79__ad47a899{width:79%}.Link_module_w80__ad47a899{width:80%}.Link_module_w81__ad47a899{width:81%}.Link_module_w82__ad47a899{width:82%}.Link_module_w83__ad47a899{width:83%}.Link_module_w84__ad47a899{width:84%}.Link_module_w85__ad47a899{width:85%}.Link_module_w86__ad47a899{width:86%}.Link_module_w87__ad47a899{width:87%}.Link_module_w88__ad47a899{width:88%}.Link_module_w89__ad47a899{width:89%}.Link_module_w90__ad47a899{width:90%}.Link_module_w91__ad47a899{width:91%}.Link_module_w92__ad47a899{width:92%}.Link_module_w93__ad47a899{width:93%}.Link_module_w94__ad47a899{width:94%}.Link_module_w95__ad47a899{width:95%}.Link_module_w96__ad47a899{width:96%}.Link_module_w97__ad47a899{width:97%}.Link_module_w98__ad47a899{width:98%}.Link_module_w99__ad47a899{width:99%}.Link_module_w100__ad47a899{width:100%}.Link_module_w101__ad47a899{width:101%}.Link_module_w102__ad47a899{width:102%}.Link_module_w103__ad47a899{width:103%}.Link_module_w104__ad47a899{width:104%}.Link_module_w105__ad47a899{width:105%}.Link_module_link__ad47a899{font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:var(--default-line-height);text-transform:none}.Link_module_link__ad47a899:active,.Link_module_link__ad47a899:focus,.Link_module_link__ad47a899:hover{outline:0;text-decoration-thickness:.125rem}.Link_module_link__ad47a899.Link_module_primary__ad47a899{color:var(--color-primary)}.Link_module_link__ad47a899.Link_module_primary__ad47a899:focus-visible{outline:.5px dashed var(--color-primary)}.Link_module_link__ad47a899.Link_module_secondary__ad47a899{color:var(--color-secondary)}.Link_module_link__ad47a899.Link_module_secondary__ad47a899:focus-visible{outline:.5px dashed var(--color-primary)}.Link_module_link__ad47a899.Link_module_tertiary__ad47a899{color:var(--color-tertiary)}.Link_module_link__ad47a899.Link_module_tertiary__ad47a899:focus-visible{outline:.5px dashed var(--color-primary)}.Link_module_link__ad47a899.Link_module_disabled__ad47a899{color:var(--greyed-out);cursor:not-allowed}.Link_module_button__ad47a899{border-radius:var(--button-border-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);cursor:pointer;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-font-size);margin:0;min-height:2.5rem;padding:.75rem 1rem;text-decoration:none;transition-duration:.2s;transition-property:color,background-color,border-color;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Link_module_button__ad47a899{transition-duration:.1ms}}.Link_module_button__ad47a899.Link_module_disabled__ad47a899{color:var(--greyed-out);cursor:not-allowed}.Link_module_button__ad47a899.Link_module_fill__ad47a899{font-weight:500}.Link_module_button__ad47a899.Link_module_fill__ad47a899:not(.Link_module_disabled__ad47a899){background-color:var(--button-primary-default-color);border-color:var(--button-primary-default-color);color:var(--button-fill-text-color)}.Link_module_button__ad47a899.Link_module_fill__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--button-primary-hover-color)}.Link_module_button__ad47a899.Link_module_fill__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_fill__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){background-color:var(--button-primary-focused-color);border-radius:1px;outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_fill__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_fill__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--button-primary-pressed-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899{background-color:var(--white);font-weight:500}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899){border-color:var(--button-primary-default-color);color:var(--button-primary-default-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);border-color:var(--button-primary-hover-color);color:var(--button-primary-hover-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-color:var(--button-primary-focused-color);border-radius:1px;color:var(--button-primary-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);border-color:var(--button-primary-pressed-color);color:var(--button-primary-pressed-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899){border-color:var(--button-secondary-default-color);color:var(--button-secondary-default-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);border-color:var(--button-secondary-hover-color);color:var(--button-secondary-hover-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-color:var(--button-secondary-focused-color);border-radius:1px;color:var(--button-secondary-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);border-color:var(--button-secondary-pressed-color);color:var(--button-secondary-pressed-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);border-color:var(--button-warning-hover-color);color:var(--button-warning-hover-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-color:var(--button-warning-focused-color);border-radius:1px;color:var(--button-warning-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);border-color:var(--button-warning-pressed-color);color:var(--button-warning-pressed-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899){border-color:var(--button-default-color);color:var(--button-default-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);border-color:var(--button-default-hover-color);color:var(--button-default-hover-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-color:var(--button-default-focused-color);border-radius:1px;color:var(--button-default-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);border-color:var(--button-default-pressed-color);color:var(--button-default-pressed-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899){border-color:var(--button-danger-default-color);color:var(--button-danger-default-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);border-color:var(--button-danger-hover-color);color:var(--button-danger-hover-color)}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-color:var(--button-danger-focused-color);border-radius:1px;color:var(--button-danger-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_outline__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);border-color:var(--button-danger-pressed-color);color:var(--button-danger-pressed-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899{background-color:transparent;border-color:transparent}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899){color:var(--button-primary-default-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);color:var(--button-primary-hover-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-radius:1px;color:var(--button-primary-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_primary__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);color:var(--button-primary-pressed-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899){color:var(--button-secondary-default-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);color:var(--button-secondary-hover-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-radius:1px;color:var(--button-secondary-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_secondary__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);color:var(--button-secondary-pressed-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899){color:var(--button-warning-default-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);color:var(--button-warning-hover-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-radius:1px;color:var(--button-warning-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_warning__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);color:var(--button-warning-pressed-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899){color:var(--button-default-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);color:var(--button-default-hover-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-radius:1px;color:var(--button-default-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_default__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);color:var(--button-default-pressed-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899){color:var(--button-danger-default-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):hover:not(.Link_module_disabled__ad47a899){background-color:var(--color-black10);color:var(--button-danger-hover-color)}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):focus-visible:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):focus:not(.Link_module_disabled__ad47a899){border-radius:1px;color:var(--button-danger-focused-color);outline:2px solid var(--color-shadow-blue);outline-offset:2px;position:relative}.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):active:not(.Link_module_disabled__ad47a899),.Link_module_button__ad47a899.Link_module_text__ad47a899.Link_module_danger__ad47a899:not(.Link_module_disabled__ad47a899):visited:not(.Link_module_disabled__ad47a899){background-color:var(--color-black20);color:var(--button-danger-pressed-color)}",a={"sr-only":"Link_module_srOnly__ad47a899",hidden:"Link_module_hidden__ad47a899","slide-in":"Link_module_slideIn__ad47a899","slide-out":"Link_module_slideOut__ad47a899","w-6":"Link_module_w6__ad47a899","w-7":"Link_module_w7__ad47a899","w-8":"Link_module_w8__ad47a899","w-9":"Link_module_w9__ad47a899","w-10":"Link_module_w10__ad47a899","w-11":"Link_module_w11__ad47a899","w-12":"Link_module_w12__ad47a899","w-13":"Link_module_w13__ad47a899","w-14":"Link_module_w14__ad47a899","w-15":"Link_module_w15__ad47a899","w-16":"Link_module_w16__ad47a899","w-17":"Link_module_w17__ad47a899","w-18":"Link_module_w18__ad47a899","w-19":"Link_module_w19__ad47a899","w-20":"Link_module_w20__ad47a899","w-21":"Link_module_w21__ad47a899","w-22":"Link_module_w22__ad47a899","w-23":"Link_module_w23__ad47a899","w-24":"Link_module_w24__ad47a899","w-25":"Link_module_w25__ad47a899","w-26":"Link_module_w26__ad47a899","w-27":"Link_module_w27__ad47a899","w-28":"Link_module_w28__ad47a899","w-29":"Link_module_w29__ad47a899","w-30":"Link_module_w30__ad47a899","w-31":"Link_module_w31__ad47a899","w-32":"Link_module_w32__ad47a899","w-33":"Link_module_w33__ad47a899","w-34":"Link_module_w34__ad47a899","w-35":"Link_module_w35__ad47a899","w-36":"Link_module_w36__ad47a899","w-37":"Link_module_w37__ad47a899","w-38":"Link_module_w38__ad47a899","w-39":"Link_module_w39__ad47a899","w-40":"Link_module_w40__ad47a899","w-41":"Link_module_w41__ad47a899","w-42":"Link_module_w42__ad47a899","w-43":"Link_module_w43__ad47a899","w-44":"Link_module_w44__ad47a899","w-45":"Link_module_w45__ad47a899","w-46":"Link_module_w46__ad47a899","w-47":"Link_module_w47__ad47a899","w-48":"Link_module_w48__ad47a899","w-49":"Link_module_w49__ad47a899","w-50":"Link_module_w50__ad47a899","w-51":"Link_module_w51__ad47a899","w-52":"Link_module_w52__ad47a899","w-53":"Link_module_w53__ad47a899","w-54":"Link_module_w54__ad47a899","w-55":"Link_module_w55__ad47a899","w-56":"Link_module_w56__ad47a899","w-57":"Link_module_w57__ad47a899","w-58":"Link_module_w58__ad47a899","w-59":"Link_module_w59__ad47a899","w-60":"Link_module_w60__ad47a899","w-61":"Link_module_w61__ad47a899","w-62":"Link_module_w62__ad47a899","w-63":"Link_module_w63__ad47a899","w-64":"Link_module_w64__ad47a899","w-65":"Link_module_w65__ad47a899","w-66":"Link_module_w66__ad47a899","w-67":"Link_module_w67__ad47a899","w-68":"Link_module_w68__ad47a899","w-69":"Link_module_w69__ad47a899","w-70":"Link_module_w70__ad47a899","w-71":"Link_module_w71__ad47a899","w-72":"Link_module_w72__ad47a899","w-73":"Link_module_w73__ad47a899","w-74":"Link_module_w74__ad47a899","w-75":"Link_module_w75__ad47a899","w-76":"Link_module_w76__ad47a899","w-77":"Link_module_w77__ad47a899","w-78":"Link_module_w78__ad47a899","w-79":"Link_module_w79__ad47a899","w-80":"Link_module_w80__ad47a899","w-81":"Link_module_w81__ad47a899","w-82":"Link_module_w82__ad47a899","w-83":"Link_module_w83__ad47a899","w-84":"Link_module_w84__ad47a899","w-85":"Link_module_w85__ad47a899","w-86":"Link_module_w86__ad47a899","w-87":"Link_module_w87__ad47a899","w-88":"Link_module_w88__ad47a899","w-89":"Link_module_w89__ad47a899","w-90":"Link_module_w90__ad47a899","w-91":"Link_module_w91__ad47a899","w-92":"Link_module_w92__ad47a899","w-93":"Link_module_w93__ad47a899","w-94":"Link_module_w94__ad47a899","w-95":"Link_module_w95__ad47a899","w-96":"Link_module_w96__ad47a899","w-97":"Link_module_w97__ad47a899","w-98":"Link_module_w98__ad47a899","w-99":"Link_module_w99__ad47a899","w-100":"Link_module_w100__ad47a899","w-101":"Link_module_w101__ad47a899","w-102":"Link_module_w102__ad47a899","w-103":"Link_module_w103__ad47a899","w-104":"Link_module_w104__ad47a899","w-105":"Link_module_w105__ad47a899",link:"Link_module_link__ad47a899",primary:"Link_module_primary__ad47a899",secondary:"Link_module_secondary__ad47a899",tertiary:"Link_module_tertiary__ad47a899",disabled:"Link_module_disabled__ad47a899",button:"Link_module_button__ad47a899",fill:"Link_module_fill__ad47a899",outline:"Link_module_outline__ad47a899",warning:"Link_module_warning__ad47a899",default:"Link_module_default__ad47a899",danger:"Link_module_danger__ad47a899",text:"Link_module_text__ad47a899"};_(d,{});export{d as css,a as default};
2
2
  //# sourceMappingURL=Link.module.esm.js.map
@@ -1,2 +1,2 @@
1
- import e,{useRef as o,useEffect as l}from"react";import{createPortal as a}from"react-dom";import{useGetDomRoot as d}from"../../src/hooks/useGetDomRoot.esm.js";import r from"./BaseModal.module.esm.js";import{labelId as n,descriptionId as t}from"./BaseModalContext.esm.js";const s="overflow",i=e=>{l((()=>{e?document.body.style[s]="hidden":0===document.querySelectorAll("[role=dialog][data-hidden=false]").length&&document.body.style.removeProperty(s)}),[e])},m=e.forwardRef((({id:l,children:s,open:m,onClose:c,className:p="",containerProps:u,backdropProps:b,labelledby:y,describedby:v,disableEscapeKeyDown:f=!1,disableBackdrop:h=!1,forceContainerOpen:$=!1,zIndex:N,domRoot:x,...E},k)=>{var I,g,w;i(m);const z=o(null),{root:C}=d(x,z);return e.createElement("div",{ref:z},a(e.createElement("div",{...E,ref:k,id:l,className:`${r.modal} ${m?r.visible:""} ${p}`,role:"dialog","aria-modal":"true","aria-labelledby":null!=y?y:n(l),"aria-describedby":null!=v?v:t(l),"aria-hidden":!m,tabIndex:-1,"data-hidden":!m,onKeyDown:e=>{f||"Escape"!==e.key||(e.stopPropagation(),null==c||c())},style:{zIndex:N}},e.createElement("div",{...b,className:`${r.backdrop} ${null!==(I=null==b?void 0:b.className)&&void 0!==I?I:""}`,onClick:()=>!h&&c&&c()}),$?e.createElement("div",{...u,"aria-hidden":!m,hidden:!m,style:{zIndex:N&&N+1},className:`${r.container} ${null!==(g=null==u?void 0:u.className)&&void 0!==g?g:""}`},s):m&&e.createElement("div",{...u,style:{zIndex:N&&N+1},className:`${r.container} ${null!==(w=null==u?void 0:u.className)&&void 0!==w?w:""}`},s)),C))}));export{m as BaseModal,i as useSetBodyScroll};
1
+ import e,{useRef as o,useEffect as l}from"react";import{createPortal as a}from"react-dom";import{useGetDomRoot as d}from"../../src/hooks/useGetDomRoot.esm.js";import r from"./BaseModal.module.esm.js";import{labelId as n,descriptionId as t}from"./BaseModalContext.esm.js";const s="overflow",i=e=>{l((()=>{e?document.body.style[s]="hidden":0===document.querySelectorAll("[role=dialog][data-hidden=false]").length&&document.body.style.removeProperty(s)}),[e])},c=e.forwardRef((({id:s,children:c,open:m,onClose:u,className:p="",containerProps:v,backdropProps:b,labelledby:y,describedby:f,disableEscapeKeyDown:h=!1,disableBackdrop:$=!1,forceContainerOpen:N=!1,zIndex:x,domRoot:E,...k},I)=>{var g,w,z;i(m);const C=o(null),{root:P}=d(E,C);l((()=>{var e;m&&(null===(e=C.current)||void 0===e||e.focus())}),[m]);return e.createElement("div",{ref:C},a(e.createElement("div",{...k,ref:I,id:s,className:`${r.modal} ${m?r.visible:""} ${p}`,role:"dialog","aria-modal":"true","aria-labelledby":null!=y?y:n(s),"aria-describedby":null!=f?f:t(s),"aria-hidden":!m,tabIndex:-1,"data-hidden":!m,onKeyDown:e=>{h||"Escape"!==e.key||(e.stopPropagation(),null==u||u())},style:{zIndex:x}},e.createElement("div",{...b,className:`${r.backdrop} ${null!==(g=null==b?void 0:b.className)&&void 0!==g?g:""}`,onClick:()=>!$&&u&&u()}),N?e.createElement("div",{...v,"aria-hidden":!m,hidden:!m,style:{zIndex:x&&x+1},className:`${r.container} ${null!==(w=null==v?void 0:v.className)&&void 0!==w?w:""}`},c):m&&e.createElement("div",{...v,style:{zIndex:x&&x+1},className:`${r.container} ${null!==(z=null==v?void 0:v.className)&&void 0!==z?z:""}`},c)),P))}));export{c as BaseModal,i as useSetBodyScroll};
2
2
  //# sourceMappingURL=BaseModal.esm.js.map
@@ -1,2 +1,2 @@
1
- import e,{useState as t}from"react";import{BaseModal as o}from"../BaseModal/BaseModal.esm.js";import{BaseModalContent as a}from"../BaseModal/BaseModalContent/BaseModalContent.esm.js";import{DialogActions as n}from"./DialogActions/DialogActions.esm.js";import s from"./Dialog.module.esm.js";import{DialogTitle as i}from"./DialogTitle/DialogTitle.esm.js";import{Button as r}from"../../Button/Button.esm.js";import{labelId as l,descriptionId as m}from"../BaseModal/BaseModalContext.esm.js";import{generateID as c}from"../../src/util/helper.esm.js";const d=e.forwardRef((({id:d,open:p,children:f,alignActions:u,onClose:y,title:g,primaryAction:B,secondaryAction:E,zIndex:b,disableEscapeKeyDown:j=!0,...h},x)=>{const[D]=t(null!=d?d:c(20)),{label:M,...A}=B,C=e.createElement(r,{key:"primary",...A},M),k=E&&function(){const{label:t,...o}=E;return e.createElement(r,{key:"tertiary",variant:"text",...o},t)}();return e.createElement(o,{...h,ref:x,id:D,className:s.dialog,containerProps:{className:s.container},open:p,disableBackdrop:!0,onClose:y,zIndex:b,disableEscapeKeyDown:j},e.createElement(i,{id:l(D),title:g}),e.createElement(a,{id:m(D),className:s.content,disableAutoFocus:!0},f),e.createElement(n,{align:u},"left"===u?[C,k]:[k,C]),e.createElement("input",{autoFocus:!0,"aria-hidden":!0,style:{position:"absolute",width:0,height:0,opacity:0},maxLength:0,tabIndex:-1,onKeyPress:e=>{"Enter"===e.key&&B.onClick()}}))}));export{d as Dialog};
1
+ import e,{useState as t}from"react";import{BaseModal as o}from"../BaseModal/BaseModal.esm.js";import{BaseModalContent as a}from"../BaseModal/BaseModalContent/BaseModalContent.esm.js";import{DialogActions as n}from"./DialogActions/DialogActions.esm.js";import i from"./Dialog.module.esm.js";import{DialogTitle as r}from"./DialogTitle/DialogTitle.esm.js";import{Button as s}from"../../Button/Button.esm.js";import{labelId as l,descriptionId as m}from"../BaseModal/BaseModalContext.esm.js";import{generateID as c}from"../../src/util/helper.esm.js";const d=e.forwardRef((({id:d,open:p,children:f,alignActions:u,onClose:y,title:g,primaryAction:B,secondaryAction:E,zIndex:b,disableEscapeKeyDown:j=!0,...D},h)=>{const[x]=t(null!=d?d:c(20)),{label:M,...A}=B,C=e.createElement(s,{key:"primary",...A},M),k=E&&function(){const{label:t,...o}=E;return e.createElement(s,{key:"tertiary",variant:"text",...o},t)}();return e.createElement(o,{...D,ref:h,id:x,className:i.dialog,containerProps:{className:i.container},open:p,disableBackdrop:!0,onClose:y,zIndex:b,disableEscapeKeyDown:j},e.createElement(r,{id:l(x),title:g}),e.createElement(a,{id:m(x),className:i.content,disableAutoFocus:!0},f),e.createElement(n,{align:u},"left"===u?[C,k]:[k,C]),e.createElement("input",{autoFocus:!0,"aria-hidden":!0,style:{position:"absolute",width:0,height:0,opacity:0},maxLength:0,tabIndex:-1,onKeyDown:e=>{"Enter"===e.key&&B.onClick()}}))}));export{d as Dialog};
2
2
  //# sourceMappingURL=Dialog.esm.js.map
@@ -1,2 +1,2 @@
1
- import e from"react";import a from"./Typography.module.esm.js";import{useSpacing as o}from"../src/hooks/useSpacing.esm.js";const s=["h1","h2","h3","h4","body","body-bold","sub-text","code"],r=e.forwardRef((({children:r,variant:t,tag:c,style:d,spacing:n,className:h="",...i},l)=>{if(!s.includes(t))throw new Error(`You entered an invalid variant. You can choose from: ${s}, you entered: ${t}`);const m=o(n,d);if(!c)switch(t){case"h1":case"h2":case"h3":case"h4":case"code":c=t;break;case"body":case"body-bold":c="p";break;case"sub-text":c="span";break;default:c="div"}let p=c;return e.createElement(p,{...i,ref:l,style:m,className:`${a["typography_style_"+t]} ${h}`},r)}));export{r as Typography,s as validVariants};
1
+ import e from"react";import a from"./Typography.module.esm.js";import{useSpacing as o}from"../src/hooks/useSpacing.esm.js";const s=["h1","h2","h3","h4","body","body-bold","sub-text","code"],r=e.forwardRef((({children:r,variant:t,tag:c,style:n,spacing:d,align:i,className:l="",...h},m)=>{if(!s.includes(t))throw new Error(`You entered an invalid variant. You can choose from: ${s}, you entered: ${t}`);const p=o(d,n);if(!c)switch(t){case"h1":case"h2":case"h3":case"h4":case"code":c=t;break;case"body":case"body-bold":c="p";break;case"sub-text":c="span";break;default:c="div"}let y=c;return e.createElement(y,{...h,ref:m,style:{...p,textAlign:i},className:`${a["typography_style_"+t]} ${l}`},r)}));export{r as Typography,s as validVariants};
2
2
  //# sourceMappingURL=Typography.esm.js.map
@@ -1,10 +1,9 @@
1
- import React, { ComponentPropsWithRef, ReactNode } from "react";
1
+ import React, { ComponentPropsWithRef } from "react";
2
2
  import { Props as FormHelperTextProps } from "../FormHelperText/FormHelperText";
3
3
  import { Props as FormSelectorWrapperProps } from "../FormSelectorWrapper/FormSelectorWrapper";
4
4
  import { FormSelector } from "../form.interfaces";
5
5
  export interface Props extends ComponentPropsWithRef<"input">, FormSelector {
6
- children: ReactNode;
7
- label?: string;
6
+ label?: string | React.ReactElement;
8
7
  indeterminate?: boolean;
9
8
  helperProps?: FormHelperTextProps;
10
9
  formSelectorWrapperProps?: FormSelectorWrapperProps;
@@ -1,6 +1,6 @@
1
1
  import React, { ComponentPropsWithRef } from "react";
2
2
  import { Props as CheckboxProps } from "../Checkbox/Checkbox";
3
- export interface Props extends ComponentPropsWithRef<"input">, Omit<CheckboxProps, "indeterminate" | "errorMessage" | "error" | "children" | "label"> {
4
- children: string;
3
+ export interface Props extends ComponentPropsWithRef<"input">, Omit<CheckboxProps, "indeterminate" | "errorMessage" | "error" | "label"> {
4
+ label?: string | React.ReactElement;
5
5
  }
6
6
  export declare const Toggle: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -36,6 +36,7 @@ export declare enum Icons {
36
36
  Gearwheel = "gearwheel",
37
37
  Grid = "grid",
38
38
  Hamburger = "hamburger",
39
+ HomeFilled = "home-filled",
39
40
  Heart = "heart",
40
41
  Image = "image",
41
42
  InfoBell = "info-bell",
@@ -1,6 +1,8 @@
1
- import React, { ComponentPropsWithRef, ForwardRefExoticComponent } from "react";
1
+ import React, { ComponentPropsWithRef, ForwardRefExoticComponent, ReactElement } from "react";
2
+ import { IconProps, Icon } from "../../index";
2
3
  export type AnchorType = "external" | "internal" | "download";
3
4
  export interface Props extends ComponentPropsWithRef<"a"> {
5
+ prefixIcon?: ReactElement<IconProps, typeof Icon>;
4
6
  color?: "primary" | "secondary" | "tertiary";
5
7
  display?: "link" | "button";
6
8
  buttonVariant?: "outline" | "text" | "fill";
@@ -8,6 +8,7 @@ export interface Props extends ComponentPropsWithRef<any> {
8
8
  variant: Variant;
9
9
  tag?: Tags;
10
10
  spacing?: Spacing;
11
+ align?: "left" | "center" | "right";
11
12
  }
12
13
  export declare const Typography: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<any>>;
13
14
  export {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "homepage": "http://onewelcome.github.io/react-lib-components",
3
3
  "name": "@onewelcome/react-lib-components",
4
- "version": "2.1.0",
4
+ "version": "2.3.0",
5
5
  "license": "Apache-2.0",
6
6
  "author": "OneWelcome B.V.",
7
7
  "main": "dist/cjs/src/index.cjs.js",
@@ -16,15 +16,39 @@
16
16
 
17
17
  .breadcrumbs {
18
18
  .last {
19
- color: var(--color-primary);
19
+ color: var(--color-primary900);
20
+ font-weight: 700;
20
21
  margin: 0;
21
22
  }
22
23
 
23
24
  .icon {
24
25
  color: var(--color-primary);
25
- font-size: 0.75rem;
26
+ font-size: 0.625rem;
26
27
  line-height: var(--default-line-height);
27
- margin-left: 0.375rem;
28
- margin-right: 0.375rem;
28
+ margin: 0 0.84rem;
29
+ }
30
+
31
+ .breadcrumb-link {
32
+ text-decoration: none;
33
+ &:hover,
34
+ &.visited {
35
+ [data-underline] {
36
+ text-decoration: underline;
37
+ }
38
+ }
39
+ &:focus,
40
+ &:focus-visible {
41
+ outline: 2px solid var(--color-shadow-blue);
42
+ outline-offset: 1px;
43
+ }
44
+
45
+ &:visited {
46
+ color: var(--color-primary700);
47
+ }
48
+
49
+ &:active {
50
+ color: var(--color-primary900);
51
+ font-weight: 700;
52
+ }
29
53
  }
30
54
  }
@@ -51,6 +51,12 @@ describe("Breadcrumbs should render", () => {
51
51
 
52
52
  expect(breadcrumbs).toBeDefined();
53
53
  expect(breadcrumbs.firstChild).not.toHaveAttribute("aria-current");
54
+ if (breadcrumbs.firstChild) {
55
+ const homeIcon = (breadcrumbs.firstChild as HTMLElement).querySelector(
56
+ "[class*='icon-home-filled']"
57
+ );
58
+ expect(homeIcon).toBeInTheDocument();
59
+ }
54
60
  expect((breadcrumbs.firstChild as HTMLElement).tagName).toEqual("A");
55
61
  expect(breadcrumbs.lastChild).toHaveAttribute("aria-current", "page");
56
62
  expect((breadcrumbs.lastChild as HTMLElement).tagName).toEqual("SPAN");
@@ -38,6 +38,16 @@ const BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (
38
38
  ) => {
39
39
  const items = React.Children.map(children, (child, index) => {
40
40
  const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;
41
+ const isFirstElement = Array.isArray(children) && index === 0;
42
+ let item = React.cloneElement(child, {
43
+ className: classes["breadcrumb-link"],
44
+ ...(isFirstElement
45
+ ? {
46
+ prefixIcon: <Icon icon={Icons.HomeFilled} style={{ marginRight: "0.35rem" }} />
47
+ }
48
+ : {})
49
+ } as LinkProps);
50
+
41
51
  if (isLastElement) {
42
52
  return (
43
53
  <Typography
@@ -53,7 +63,7 @@ const BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (
53
63
  } else {
54
64
  return (
55
65
  <Fragment key={child.key}>
56
- {React.cloneElement(child)}
66
+ {item}
57
67
  <Icon icon={Icons.ChevronRight} className={classes["icon"]} />
58
68
  </Fragment>
59
69
  );
@@ -169,7 +169,12 @@ const ContextMenuComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (
169
169
  onClose?.();
170
170
  !hasBeenClosed && setHasBeenClosed(true);
171
171
  setFocusedContextMenuItem(-1);
172
- hasBeenClosed && anchorEl.current && anchorEl.current.focus();
172
+ // If the user clicks on the trigger button, we want to focus it again after the context menu has been closed,
173
+ // but only if the option doesn't open another window (such as a modal),
174
+ // otherwise pressing enter wouldn't fire the primary action of the modal.
175
+ if (document.activeElement?.closest(`.${wrappingDivRef.current?.className}`)) {
176
+ hasBeenClosed && anchorEl.current && anchorEl.current.focus();
177
+ }
173
178
  }
174
179
  }, [showContextMenu]);
175
180
 
@@ -58,9 +58,8 @@ const DataGridColumnsToggleComponent: ForwardRefRenderFunction<HTMLDivElement, P
58
58
  name={item.name}
59
59
  checked={!item.hidden}
60
60
  onChange={() => onToggleClicked(item.name)}
61
- >
62
- {item.headline}
63
- </Toggle>
61
+ label={item.headline}
62
+ />
64
63
  ));
65
64
 
66
65
  const handleBackdropClick = () => onClose();
@@ -159,7 +159,7 @@ describe("Checkbox should have proper attributes", () => {
159
159
  it("should have a correctly linked label element", () => {
160
160
  const { checkbox, container } = createCheckbox(defaultParams => ({
161
161
  ...defaultParams,
162
- children: "Label"
162
+ label: "Label"
163
163
  }));
164
164
 
165
165
  const id = checkbox.getAttribute("id");
@@ -168,6 +168,19 @@ describe("Checkbox should have proper attributes", () => {
168
168
  expect(label).toBeTruthy();
169
169
  expect(label).toHaveTextContent("Label");
170
170
  });
171
+
172
+ it("should have a react element as label", () => {
173
+ const { checkbox, container } = createCheckbox(defaultParams => ({
174
+ ...defaultParams,
175
+ label: <span>Label element</span>
176
+ }));
177
+
178
+ const id = checkbox.getAttribute("id");
179
+ const label = container.querySelector(`label[for=${id}]`);
180
+
181
+ expect(label).toBeTruthy();
182
+ expect(label).toHaveTextContent("Label element");
183
+ });
171
184
  });
172
185
 
173
186
  describe("Checkbox should be interactive", () => {
@@ -207,7 +220,6 @@ describe("missing attributes gets us errors", () => {
207
220
  // @ts-ignore: mandatory props (test for non-typescript react projects)
208
221
  createCheckbox(defaultParams => ({
209
222
  ...defaultParams,
210
- name: "testing",
211
223
  children: <Checkbox name="test">Test</Checkbox>
212
224
  }));
213
225
  } catch (e: any) {
@@ -215,7 +227,7 @@ describe("missing attributes gets us errors", () => {
215
227
  }
216
228
 
217
229
  const expected =
218
- "If you pass Checkboxes as a child component (to create nested checkbox tree) you need to pass a label to the parent checkbox.";
230
+ "If you have nested checkboxes you have to manage the indeterminate state by passing a boolean to the `indeterminate` prop.";
219
231
 
220
232
  expect(actual).toEqual(expected);
221
233
 
@@ -264,8 +276,7 @@ describe("missing attributes gets us errors", () => {
264
276
  actual = e.message;
265
277
  }
266
278
 
267
- const expected =
268
- "Please make sure to pass either a string or more Checkbox components as a child of your Checkbox component.";
279
+ const expected = "Please pass a 'name' prop to your <Checkbox> component.";
269
280
 
270
281
  expect(actual).toEqual(expected);
271
282
 
@@ -31,11 +31,10 @@ import {
31
31
  } from "../FormSelectorWrapper/FormSelectorWrapper";
32
32
  import { FormSelector } from "../form.interfaces";
33
33
 
34
- const isToggle = (children: ReactNode) => (children as ReactElement)?.props?.["data-toggle"];
34
+ const isToggle = (children: ReactNode) => !!(children as ReactElement)?.props?.["data-toggle"];
35
35
 
36
36
  export interface Props extends ComponentPropsWithRef<"input">, FormSelector {
37
- children: ReactNode;
38
- label?: string;
37
+ label?: string | React.ReactElement;
39
38
  indeterminate?: boolean;
40
39
  helperProps?: FormHelperTextProps;
41
40
  formSelectorWrapperProps?: FormSelectorWrapperProps;
@@ -85,24 +84,13 @@ const CheckboxComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (
85
84
  }, []);
86
85
 
87
86
  const determineLabel = () => {
87
+ // this should be temporary, for backwards compatibility;
88
+ // once the components implementing checkboxes in microfrontends are updated, only label should be returned
88
89
  if (label) {
89
90
  return label;
90
- } else if (children === undefined) {
91
- throw new Error(
92
- "Please make sure to pass either a string or more Checkbox components as a child of your Checkbox component."
93
- );
94
- }
95
-
96
- if (
97
- typeof children === "string" ||
98
- (typeof children === "object" && (children as ReactElement).type === "span")
99
- ) {
91
+ } else if (typeof children === "string") {
100
92
  return children;
101
93
  }
102
-
103
- throw new Error(
104
- "If you pass Checkboxes as a child component (to create nested checkbox tree) you need to pass a label to the parent checkbox."
105
- );
106
94
  };
107
95
 
108
96
  const renderNestedCheckboxes = () => (
@@ -17,10 +17,12 @@
17
17
  import React, { useRef, useEffect } from "react";
18
18
  import { Toggle, Props } from "./Toggle";
19
19
  import { render } from "@testing-library/react";
20
+ import { Checkbox } from "../Checkbox/Checkbox";
20
21
 
21
22
  const defaultParams: Props = {
22
- children: "label",
23
- name: "example toggle"
23
+ children: "Helper text",
24
+ name: "example toggle",
25
+ label: "Label"
24
26
  };
25
27
 
26
28
  const createToggle = (params?: (defaultParams: Props) => Props) => {
@@ -28,11 +30,7 @@ const createToggle = (params?: (defaultParams: Props) => Props) => {
28
30
  if (params) {
29
31
  parameters = params(defaultParams);
30
32
  }
31
- const queries = render(
32
- <Toggle {...parameters} data-testid="toggle">
33
- toggle content
34
- </Toggle>
35
- );
33
+ const queries = render(<Toggle {...parameters} data-testid="toggle"></Toggle>);
36
34
  const toggle = queries.getByTestId("toggle");
37
35
 
38
36
  return {
@@ -72,7 +70,11 @@ describe("ref should work", () => {
72
70
  }
73
71
  }, [ref]);
74
72
 
75
- return <Toggle {...defaultParams} data-ref="testing" ref={ref} />;
73
+ return (
74
+ <Toggle {...defaultParams} data-ref="testing" ref={ref}>
75
+ test label
76
+ </Toggle>
77
+ );
76
78
  };
77
79
 
78
80
  const refCheck = (ref: React.RefObject<HTMLElement>) => {
@@ -20,33 +20,37 @@ import classes from "./Toggle.module.scss";
20
20
 
21
21
  export interface Props
22
22
  extends ComponentPropsWithRef<"input">,
23
- Omit<CheckboxProps, "indeterminate" | "errorMessage" | "error" | "children" | "label"> {
24
- children: string;
23
+ Omit<CheckboxProps, "indeterminate" | "errorMessage" | "error" | "label"> {
24
+ label?: string | React.ReactElement;
25
25
  }
26
26
 
27
27
  const ToggleComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (
28
- { children, checked, disabled, helperProps, ...rest }: Props,
28
+ { checked, disabled, helperProps, className, label, ...rest }: Props,
29
29
  ref
30
- ) => (
31
- <div className={classes["toggle-wrapper"]}>
32
- <Checkbox
33
- {...rest}
34
- ref={ref}
35
- checked={checked}
36
- className={classes["checkbox"]}
37
- helperProps={{ className: classes["toggle-helper"], ...helperProps }}
38
- disabled={disabled}
39
- label={children}
40
- >
41
- <span
42
- data-toggle
43
- aria-hidden="true"
44
- className={`${classes["toggle"]} ${checked ? classes["checked"] : ""} ${
45
- disabled ? classes["disabled"] : ""
46
- } `}
47
- ></span>
48
- </Checkbox>
49
- </div>
50
- );
30
+ ) => {
31
+ const classNames = [classes["toggle-wrapper"]];
32
+ className && classNames.push(className);
33
+ return (
34
+ <div className={classNames.join(" ")}>
35
+ <Checkbox
36
+ {...rest}
37
+ ref={ref}
38
+ checked={checked}
39
+ className={classes["checkbox"]}
40
+ helperProps={{ className: classes["toggle-helper"], ...helperProps }}
41
+ disabled={disabled}
42
+ label={label}
43
+ >
44
+ <span
45
+ data-toggle="true"
46
+ aria-hidden="true"
47
+ className={`${classes["toggle"]} ${checked ? classes["checked"] : ""} ${
48
+ disabled ? classes["disabled"] : ""
49
+ } `}
50
+ ></span>
51
+ </Checkbox>
52
+ </div>
53
+ );
54
+ };
51
55
 
52
56
  export const Toggle = React.forwardRef(ToggleComponent);
@@ -16,10 +16,10 @@
16
16
 
17
17
  @font-face {
18
18
  font-family: "icomoon";
19
- src: url("../../font/icomoon.eot?ywvhmn");
20
- src: url("../../font/icomoon.eot?ywvhmn#iefix") format("embedded-opentype"),
21
- url("../../font/icomoon.ttf?ywvhmn") format("truetype"),
22
- url("../../font/icomoon.woff?ywvhmn") format("woff");
19
+ src: url("../../font/icomoon.eot?5b3j0w");
20
+ src: url("../../font/icomoon.eot?5b3j0w#iefix") format("embedded-opentype"),
21
+ url("../../font/icomoon.ttf?5b3j0w") format("truetype"),
22
+ url("../../font/icomoon.woff?5b3j0w") format("woff");
23
23
  font-weight: normal;
24
24
  font-style: normal;
25
25
  font-display: block;
@@ -317,3 +317,8 @@
317
317
  content: "\e9d1";
318
318
  @include fontProperties();
319
319
  }
320
+
321
+ .icon-home-filled:before {
322
+ content: "\e940";
323
+ @include fontProperties();
324
+ }
@@ -54,6 +54,7 @@ export enum Icons {
54
54
  Gearwheel = "gearwheel",
55
55
  Grid = "grid",
56
56
  Hamburger = "hamburger",
57
+ HomeFilled = "home-filled",
57
58
  Heart = "heart",
58
59
  Image = "image",
59
60
  InfoBell = "info-bell",
@@ -17,13 +17,16 @@
17
17
  import React, {
18
18
  ForwardRefRenderFunction,
19
19
  ComponentPropsWithRef,
20
- ForwardRefExoticComponent
20
+ ForwardRefExoticComponent,
21
+ ReactElement
21
22
  } from "react";
22
23
  import classes from "./Link.module.scss";
24
+ import { IconProps, Icon } from "../../index";
23
25
 
24
26
  export type AnchorType = "external" | "internal" | "download";
25
27
 
26
28
  export interface Props extends ComponentPropsWithRef<"a"> {
29
+ prefixIcon?: ReactElement<IconProps, typeof Icon>;
27
30
  color?: "primary" | "secondary" | "tertiary";
28
31
  display?: "link" | "button";
29
32
  buttonVariant?: "outline" | "text" | "fill";
@@ -38,6 +41,7 @@ const LinkComponent: ForwardRefRenderFunction<HTMLAnchorElement, Props> = (
38
41
  children,
39
42
  className,
40
43
  disabled = false,
44
+ prefixIcon = undefined,
41
45
  to,
42
46
  color = "primary",
43
47
  type = "internal",
@@ -97,7 +101,8 @@ const LinkComponent: ForwardRefRenderFunction<HTMLAnchorElement, Props> = (
97
101
  ...rest.style
98
102
  }}
99
103
  >
100
- {children}
104
+ {prefixIcon}
105
+ <span data-underline="true">{children}</span>
101
106
  </a>
102
107
  );
103
108
  };