@onewelcome/react-lib-components 2.2.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.
- package/dist/cjs/Breadcrumbs/Breadcrumbs.cjs.js +1 -1
- package/dist/cjs/Breadcrumbs/Breadcrumbs.module.cjs.js +1 -1
- package/dist/cjs/Button/Button.module.cjs.js +1 -1
- package/dist/cjs/Button/IconButton.module.cjs.js +1 -1
- package/dist/cjs/ContextMenu/ContextMenu.cjs.js +1 -1
- package/dist/cjs/Icon/Icon.cjs.js +1 -1
- package/dist/cjs/Icon/Icon.module.cjs.js +1 -1
- package/dist/cjs/Link/Link.cjs.js +1 -1
- package/dist/cjs/Link/Link.module.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModal.cjs.js +1 -1
- package/dist/cjs/Notifications/Dialog/Dialog.cjs.js +1 -1
- package/dist/cjs/Typography/Typography.cjs.js +1 -1
- package/dist/cjs/components/Icon/Icon.d.ts +1 -0
- package/dist/cjs/components/Link/Link.d.ts +3 -1
- package/dist/cjs/components/Typography/Typography.d.ts +1 -0
- package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js +1 -1
- package/dist/esm/Breadcrumbs/Breadcrumbs.module.esm.js +1 -1
- package/dist/esm/Button/Button.module.esm.js +1 -1
- package/dist/esm/Button/IconButton.module.esm.js +1 -1
- package/dist/esm/ContextMenu/ContextMenu.esm.js +1 -1
- package/dist/esm/Icon/Icon.esm.js +1 -1
- package/dist/esm/Icon/Icon.module.esm.js +1 -1
- package/dist/esm/Link/Link.esm.js +1 -1
- package/dist/esm/Link/Link.module.esm.js +1 -1
- package/dist/esm/Notifications/BaseModal/BaseModal.esm.js +1 -1
- package/dist/esm/Notifications/Dialog/Dialog.esm.js +1 -1
- package/dist/esm/Typography/Typography.esm.js +1 -1
- package/dist/esm/components/Icon/Icon.d.ts +1 -0
- package/dist/esm/components/Link/Link.d.ts +3 -1
- package/dist/esm/components/Typography/Typography.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/Breadcrumbs/Breadcrumbs.module.scss +28 -4
- package/src/components/Breadcrumbs/Breadcrumbs.test.tsx +6 -0
- package/src/components/Breadcrumbs/Breadcrumbs.tsx +11 -1
- package/src/components/ContextMenu/ContextMenu.tsx +6 -1
- package/src/components/Icon/Icon.module.scss +9 -4
- package/src/components/Icon/Icon.tsx +1 -0
- package/src/components/Link/Link.tsx +7 -2
- package/src/components/Notifications/BaseModal/BaseModal.tsx +7 -1
- package/src/components/Notifications/Dialog/Dialog.tsx +1 -1
- package/src/components/Typography/Typography.test.tsx +23 -2
- package/src/components/Typography/Typography.tsx +3 -2
- package/src/font/icomoon.eot +0 -0
- package/src/font/icomoon.svg +1 -0
- package/src/font/icomoon.ttf +0 -0
- package/src/font/icomoon.woff +0 -0
- package/src/font/selection.json +1 -1
- 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])},
|
|
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
|
|
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:
|
|
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,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
|
@@ -16,15 +16,39 @@
|
|
|
16
16
|
|
|
17
17
|
.breadcrumbs {
|
|
18
18
|
.last {
|
|
19
|
-
color: var(--color-
|
|
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.
|
|
26
|
+
font-size: 0.625rem;
|
|
26
27
|
line-height: var(--default-line-height);
|
|
27
|
-
margin
|
|
28
|
-
|
|
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
|
-
{
|
|
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
|
-
|
|
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
|
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
|
|
17
17
|
@font-face {
|
|
18
18
|
font-family: "icomoon";
|
|
19
|
-
src: url("../../font/icomoon.eot?
|
|
20
|
-
src: url("../../font/icomoon.eot?
|
|
21
|
-
url("../../font/icomoon.ttf?
|
|
22
|
-
url("../../font/icomoon.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
|
+
}
|
|
@@ -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
|
-
{
|
|
104
|
+
{prefixIcon}
|
|
105
|
+
<span data-underline="true">{children}</span>
|
|
101
106
|
</a>
|
|
102
107
|
);
|
|
103
108
|
};
|
|
@@ -83,7 +83,7 @@ const BaseModalComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (
|
|
|
83
83
|
ref
|
|
84
84
|
) => {
|
|
85
85
|
useSetBodyScroll(open);
|
|
86
|
-
const wrappingDivRef = useRef(null);
|
|
86
|
+
const wrappingDivRef = useRef<HTMLDivElement>(null);
|
|
87
87
|
const { root } = useGetDomRoot(domRoot, wrappingDivRef);
|
|
88
88
|
|
|
89
89
|
const handleEscKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {
|
|
@@ -93,6 +93,12 @@ const BaseModalComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (
|
|
|
93
93
|
}
|
|
94
94
|
};
|
|
95
95
|
|
|
96
|
+
useEffect(() => {
|
|
97
|
+
if (open) {
|
|
98
|
+
wrappingDivRef.current?.focus();
|
|
99
|
+
}
|
|
100
|
+
}, [open]);
|
|
101
|
+
|
|
96
102
|
const handleBackdropClick = () => !disableBackdrop && onClose && onClose();
|
|
97
103
|
|
|
98
104
|
return (
|
|
@@ -22,10 +22,17 @@ import { Spacing } from "../../hooks/useSpacing";
|
|
|
22
22
|
const renderTypography = (
|
|
23
23
|
typoVariant: Props["variant"],
|
|
24
24
|
wrapper?: Props["tag"],
|
|
25
|
-
spacing?: Spacing
|
|
25
|
+
spacing?: Spacing,
|
|
26
|
+
align?: Props["align"]
|
|
26
27
|
) => {
|
|
27
28
|
const queries = render(
|
|
28
|
-
<Typography
|
|
29
|
+
<Typography
|
|
30
|
+
variant={typoVariant}
|
|
31
|
+
tag={wrapper}
|
|
32
|
+
spacing={spacing}
|
|
33
|
+
align={align}
|
|
34
|
+
data-testid="component"
|
|
35
|
+
>
|
|
29
36
|
Test
|
|
30
37
|
</Typography>
|
|
31
38
|
);
|
|
@@ -129,6 +136,20 @@ describe("Should override styling", () => {
|
|
|
129
136
|
});
|
|
130
137
|
});
|
|
131
138
|
|
|
139
|
+
describe("Should override align", () => {
|
|
140
|
+
it("renders h1 with overwritten align properties", () => {
|
|
141
|
+
const { typography } = renderTypography("h1", undefined, undefined, "center");
|
|
142
|
+
|
|
143
|
+
expect(typography.style).toHaveProperty("textAlign", "center");
|
|
144
|
+
});
|
|
145
|
+
|
|
146
|
+
it("renders h1 with overwritten align properties", () => {
|
|
147
|
+
const { typography } = renderTypography("h1", undefined, undefined, "right");
|
|
148
|
+
|
|
149
|
+
expect(typography.style).toHaveProperty("textAlign", "right");
|
|
150
|
+
});
|
|
151
|
+
});
|
|
152
|
+
|
|
132
153
|
describe("ref should work", () => {
|
|
133
154
|
it("should give back the proper data prop, this also checks if the component propagates ...rest properly", () => {
|
|
134
155
|
const ExampleComponent = ({
|
|
@@ -54,10 +54,11 @@ export interface Props extends ComponentPropsWithRef<any> {
|
|
|
54
54
|
variant: Variant;
|
|
55
55
|
tag?: Tags;
|
|
56
56
|
spacing?: Spacing;
|
|
57
|
+
align?: "left" | "center" | "right";
|
|
57
58
|
}
|
|
58
59
|
|
|
59
60
|
const TypographyComponent: ForwardRefRenderFunction<any, Props> = (
|
|
60
|
-
{ children, variant, tag, style, spacing, className = "", ...rest }: Props,
|
|
61
|
+
{ children, variant, tag, style, spacing, align, className = "", ...rest }: Props,
|
|
61
62
|
ref
|
|
62
63
|
) => {
|
|
63
64
|
if (!validVariants.includes(variant)) {
|
|
@@ -98,7 +99,7 @@ const TypographyComponent: ForwardRefRenderFunction<any, Props> = (
|
|
|
98
99
|
<TagName
|
|
99
100
|
{...rest}
|
|
100
101
|
ref={ref}
|
|
101
|
-
style={styleWithSpacing}
|
|
102
|
+
style={{ ...styleWithSpacing, textAlign: align }}
|
|
102
103
|
className={`${classes["typography_style_" + variant]} ${className}`}
|
|
103
104
|
>
|
|
104
105
|
{children}
|
package/src/font/icomoon.eot
CHANGED
|
Binary file
|
package/src/font/icomoon.svg
CHANGED
|
@@ -71,6 +71,7 @@
|
|
|
71
71
|
<glyph unicode="" glyph-name="error-circle" d="M460.8 294.4h102.4v-102.4h-102.4v102.4zM460.8 703.999h102.4v-307.2h-102.4v307.2zM512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512c282.77 0 512 229.23 512 512v0c-0.292 282.653-229.347 511.709-511.972 512h-0.028zM512 38.401c-226.215 0-409.599 183.384-409.599 409.599s183.384 409.599 409.599 409.599c226.215 0 409.599-183.384 409.599-409.599v0c0-226.215-183.384-409.599-409.599-409.599v0z" />
|
|
72
72
|
<glyph unicode="" glyph-name="circle" d="M467.003 958.3c-92.397-9.271-174.805-39.335-247.893-90.501-166.354-116.468-248.2-318.162-209.735-516.834 15.621-80.462 48.963-153.293 100.898-220.389 17.311-22.382 61.87-66.941 84.253-84.253 125.482-97.108 279.391-131.731 432.172-97.16 172.244 38.976 314.628 168.301 371.070 337.113 27.657 82.716 33.65 173.575 17.004 259.006-38.004 195.19-186.943 352.478-378.24 399.496-50.398 12.344-123.024 18.183-169.53 13.521zM574.56 852.791c85.943-13.266 164.152-53.215 226.585-115.598 51.883-51.883 87.735-113.601 106.122-182.539 37.286-139.67-0.154-285.691-99.926-389.764-77.696-80.975-183.87-126.456-295.268-126.456-157.903 0-301.773 91.269-370.148 234.934-37.798 79.284-48.708 172.142-30.525 259.16 36.314 173.473 182.283 304.641 359.7 323.232 23.56 2.458 78.363 0.922 103.46-2.971z" />
|
|
73
73
|
<glyph unicode="" glyph-name="table-search" d="M860.814 200.053c69.71 110.903 36.968 258.245-74.463 327.955-35.895 22.749-79.602 36.253-126.464 36.253-84.338 0-158.461-43.738-200.922-109.769l-0.569-0.947c-69.71-111.431-35.911-259.3 74.463-327.955 77.632-48.585 175.86-48.585 253.492 0l164.241-163.185 73.407 73.407-163.185 164.241zM755.192 232.797c-51.754-51.754-135.196-51.227-186.95 0-51.227 51.754-51.227 135.196 0.529 186.95 51.227 51.227 134.667 51.227 186.422 0 50.698-52.283 50.17-135.723-1.584-186.95h1.584zM844.971 933.595h-739.351c-58.333 0-105.621-47.288-105.621-105.621v0-633.73c0-58.333 47.288-105.621 105.621-105.621v0h306.83c-28.777 29.605-52.137 64.653-68.367 103.427l-0.814 2.195h-237.648v211.243h220.749c8.45 37.495 22.709 73.407 43.305 105.621h-264.053v211.243h316.865v-148.398c29.605 28.777 64.653 52.137 103.427 68.367l2.195 0.814v79.216h316.865v-105.621c42.806-27.479 78.143-62.815 104.802-104.261l0.819-1.36v316.865c0 58.333-47.288 105.621-105.621 105.621v0z" />
|
|
74
|
+
<glyph unicode="" glyph-name="StyleFilled" d="M407.718 4.801v312.847h208.565v-312.847h260.705v417.125h156.424l-521.412 469.271-521.412-469.271h156.424v-417.125h260.705z" />
|
|
74
75
|
<glyph unicode="" glyph-name="file-outline" d="M597.333 874.667h-341.333c-46.933 0-85.333-38.4-85.333-85.333v-682.667c0-46.933 38.4-85.333 85.333-85.333h512c46.933 0 85.333 38.4 85.333 85.333v512l-256 256zM768 106.667h-512v682.667h298.667v-213.333h213.333v-469.333z" />
|
|
75
76
|
<glyph unicode="" glyph-name="file-upload-outline" d="M597.333 874.667l256-256v-512c0-47.128-38.205-85.333-85.333-85.333v0h-512c-47.128 0-85.333 38.205-85.333 85.333v0 682.667c0 47.128 38.205 85.333 85.333 85.333v0h341.333zM768 106.667v469.333h-213.333v213.333h-298.667v-682.667h512zM512 448l170.667-170.667h-106.667v-128h-128v128h-106.667l170.667 170.667z" />
|
|
76
77
|
<glyph unicode="" glyph-name="file-download-outline" d="M597.333 874.667l256-256v-512c0-47.128-38.205-85.333-85.333-85.333v0h-512c-47.128 0-85.333 38.205-85.333 85.333v0 682.667c0 47.128 38.205 85.333 85.333 85.333v0h341.333zM768 106.667v469.333h-213.333v213.333h-298.667v-682.667h512zM512 149.333l-170.667 170.667h106.667v128h128v-128h106.667l-170.667-170.667z" />
|
package/src/font/icomoon.ttf
CHANGED
|
Binary file
|
package/src/font/icomoon.woff
CHANGED
|
Binary file
|