@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.
- 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/DataGrid/DataGridActions/DataGridColumnsToggle.cjs.js +1 -1
- package/dist/cjs/Form/Checkbox/Checkbox.cjs.js +1 -1
- package/dist/cjs/Form/Toggle/Toggle.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/Form/Checkbox/Checkbox.d.ts +2 -3
- package/dist/cjs/components/Form/Toggle/Toggle.d.ts +2 -2
- 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/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js +1 -1
- package/dist/esm/Form/Checkbox/Checkbox.esm.js +1 -1
- package/dist/esm/Form/Toggle/Toggle.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/Form/Checkbox/Checkbox.d.ts +2 -3
- package/dist/esm/components/Form/Toggle/Toggle.d.ts +2 -2
- 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/DataGrid/DataGridActions/DataGridColumnsToggle.tsx +2 -3
- package/src/components/Form/Checkbox/Checkbox.test.tsx +16 -5
- package/src/components/Form/Checkbox/Checkbox.tsx +5 -17
- package/src/components/Form/Toggle/Toggle.test.tsx +10 -8
- package/src/components/Form/Toggle/Toggle.tsx +28 -24
- 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,10 +1,9 @@
|
|
|
1
|
-
import React, { ComponentPropsWithRef
|
|
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
|
-
|
|
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" | "
|
|
4
|
-
|
|
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>>;
|
|
@@ -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
|
|
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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 ===
|
|
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: "
|
|
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
|
|
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" | "
|
|
24
|
-
|
|
23
|
+
Omit<CheckboxProps, "indeterminate" | "errorMessage" | "error" | "label"> {
|
|
24
|
+
label?: string | React.ReactElement;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
const ToggleComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (
|
|
28
|
-
{
|
|
28
|
+
{ checked, disabled, helperProps, className, label, ...rest }: Props,
|
|
29
29
|
ref
|
|
30
|
-
) =>
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
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?
|
|
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
|
};
|