npm - @onewelcome/react-lib-components - Versions diffs - 12.0.0 → 12.1.0-alpha - Mend

@onewelcome/react-lib-components 12.0.0 → 12.1.0-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (986) hide show

package/dist/components/Link/Link.module.scss.cjs.js ADDED Viewed

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Link_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Link_hidden_7l1Pc{display:none}.Link_slide-in_7l1Pc{animation:Link_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Link_slide-in_7l1Pc{animation-duration:.1ms}}.Link_slide-out_7l1Pc{animation:Link_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Link_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes Link_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Link_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Link_link_7l1Pc{font-family:var(--font-family);font-size:var(--link-font-size);font-style:normal;font-variant:normal;line-height:var(--default-line-height);font-weight:400;text-transform:none;letter-spacing:0}.Link_link_7l1Pc:focus,.Link_link_7l1Pc:hover,.Link_link_7l1Pc:active{text-decoration-thickness:.125rem;outline:0}.Link_link_7l1Pc.Link_primary_7l1Pc{color:var(--link-primary-default-color)}.Link_link_7l1Pc.Link_primary_7l1Pc:focus-visible{outline:.5px dashed var(--link-primary-default-color)}.Link_link_7l1Pc.Link_primary_7l1Pc:visited{color:var(--link-primary-visited-color)}.Link_link_7l1Pc.Link_success_7l1Pc{color:var(--link-success-default-color)}.Link_link_7l1Pc.Link_success_7l1Pc:focus-visible{outline:.5px dashed var(--link-success-default-color)}.Link_link_7l1Pc.Link_success_7l1Pc:visited{color:var(--link-success-visited-color)}.Link_link_7l1Pc.Link_danger_7l1Pc{color:var(--link-danger-default-color)}.Link_link_7l1Pc.Link_danger_7l1Pc:focus-visible{outline:.5px dashed var(--link-danger-default-color)}.Link_link_7l1Pc.Link_danger_7l1Pc:visited{color:var(--link-danger-visited-color)}.Link_link_7l1Pc.Link_warning_7l1Pc{color:var(--link-warning-default-color)}.Link_link_7l1Pc.Link_warning_7l1Pc:focus-visible{outline:.5px dashed var(--link-warning-default-color)}.Link_link_7l1Pc.Link_warning_7l1Pc:visited{color:var(--link-warning-visited-color)}.Link_link_7l1Pc.Link_disabled_7l1Pc{cursor:not-allowed;color:var(--greyed-out)}.Link_button_7l1Pc{text-decoration:none;border-width:var(--button-border-width);border-style:var(--button-border-style);border-radius:var(--button-border-radius);font-size:var(--button-font-size);line-height:1;margin:0;padding:calc(.5 * var(--font-size)) calc(.75 * var(--font-size));min-height:calc(2.5 * var(--font-size));cursor:pointer;font-family:var(--font-family);transition-property:color,background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Link_button_7l1Pc{transition-duration:.1ms}}.Link_button_7l1Pc.Link_disabled_7l1Pc{color:var(--greyed-out);cursor:not-allowed;background-color:var(--disabled);border-color:var(--disabled)}.Link_button_7l1Pc.Link_fill_7l1Pc{font-weight:500}.Link_button_7l1Pc.Link_fill_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-fill-text-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-primary-default-color);border-color:var(--button-fill-primary-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-primary-hover-color);border-color:var(--button-fill-primary-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-primary-focused-color);border-color:var(--button-fill-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-primary-pressed-color);border-color:var(--button-fill-primary-pressed-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-success-default-color);border-color:var(--button-fill-success-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-success-hover-color);border-color:var(--button-fill-success-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-success-focused-color);border-color:var(--button-fill-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-success-pressed-color);border-color:var(--button-fill-success-pressed-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-danger-default-color);border-color:var(--button-fill-danger-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-danger-hover-color);border-color:var(--button-fill-danger-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-danger-focused-color);border-color:var(--button-fill-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-danger-pressed-color);border-color:var(--button-fill-danger-pressed-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-default-color);border-color:var(--button-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-default-hover-color);border-color:var(--button-default-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-warning-default-color);border-color:var(--button-warning-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-warning-hover-color);border-color:var(--button-warning-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color)}.Link_button_7l1Pc.Link_outline_7l1Pc{font-weight:500;background-color:var(--white)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-outline-primary-default-color);color:var(--button-outline-primary-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-outline-primary-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-primary-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-outline-primary-focused-color);border-color:var(--button-outline-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-outline-primary-pressed-color);border-color:var(--button-outline-primary-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-outline-success-default-color);color:var(--button-outline-success-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-outline-success-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-success-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-outline-success-focused-color);border-color:var(--button-outline-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-outline-success-pressed-color);border-color:var(--button-outline-success-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-outline-danger-default-color);color:var(--button-outline-danger-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-outline-danger-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-danger-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-outline-danger-focused-color);border-color:var(--button-outline-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-outline-danger-pressed-color);border-color:var(--button-outline-danger-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-default-color);color:var(--button-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-default-hover-color);background-color:var(--color-black10);border-color:var(--button-default-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-warning-hover-color);background-color:var(--color-black10);border-color:var(--button-warning-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc{font-weight:500;border-color:transparent;background-color:transparent}.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-text-primary-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-text-primary-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-text-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-text-primary-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-text-success-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-text-success-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-text-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-text-success-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-text-danger-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-text-danger-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-text-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-text-danger-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-default-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-default-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-warning-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-warning-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-warning-pressed-color);background-color:var(--color-black20)}')),document.head.appendChild(o)}}catch(l){console.error("vite-plugin-css-injected-by-js",l)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="Link_hidden_7l1Pc",i="Link_link_7l1Pc",l="Link_primary_7l1Pc",n="Link_success_7l1Pc",t="Link_danger_7l1Pc",s="Link_warning_7l1Pc",_="Link_disabled_7l1Pc",r="Link_button_7l1Pc",o="Link_fill_7l1Pc",d="Link_outline_7l1Pc",c="Link_text_7l1Pc",u={"sr-only":"Link_sr-only_7l1Pc",hidden:e,"slide-in":"Link_slide-in_7l1Pc","slide-out":"Link_slide-out_7l1Pc",link:i,primary:l,success:n,danger:t,warning:s,disabled:_,button:r,fill:o,default:"Link_default_7l1Pc",outline:d,text:c};exports.button=r,exports.danger=t,exports.default=u,exports.disabled=_,exports.fill=o,exports.hidden=e,exports.link=i,exports.outline=d,exports.primary=l,exports.success=n,exports.text=c,exports.warning=s;
+//# sourceMappingURL=Link.module.scss.cjs.js.map

package/dist/components/Link/Link.module.scss.cjs.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Link.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Link/Link.module.scss.es.js ADDED Viewed

@@ -0,0 +1,44 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.Link_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.Link_hidden_7l1Pc{display:none}.Link_slide-in_7l1Pc{animation:Link_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Link_slide-in_7l1Pc{animation-duration:.1ms}}.Link_slide-out_7l1Pc{animation:Link_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.Link_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes Link_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Link_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.Link_link_7l1Pc{font-family:var(--font-family);font-size:var(--link-font-size);font-style:normal;font-variant:normal;line-height:var(--default-line-height);font-weight:400;text-transform:none;letter-spacing:0}.Link_link_7l1Pc:focus,.Link_link_7l1Pc:hover,.Link_link_7l1Pc:active{text-decoration-thickness:.125rem;outline:0}.Link_link_7l1Pc.Link_primary_7l1Pc{color:var(--link-primary-default-color)}.Link_link_7l1Pc.Link_primary_7l1Pc:focus-visible{outline:.5px dashed var(--link-primary-default-color)}.Link_link_7l1Pc.Link_primary_7l1Pc:visited{color:var(--link-primary-visited-color)}.Link_link_7l1Pc.Link_success_7l1Pc{color:var(--link-success-default-color)}.Link_link_7l1Pc.Link_success_7l1Pc:focus-visible{outline:.5px dashed var(--link-success-default-color)}.Link_link_7l1Pc.Link_success_7l1Pc:visited{color:var(--link-success-visited-color)}.Link_link_7l1Pc.Link_danger_7l1Pc{color:var(--link-danger-default-color)}.Link_link_7l1Pc.Link_danger_7l1Pc:focus-visible{outline:.5px dashed var(--link-danger-default-color)}.Link_link_7l1Pc.Link_danger_7l1Pc:visited{color:var(--link-danger-visited-color)}.Link_link_7l1Pc.Link_warning_7l1Pc{color:var(--link-warning-default-color)}.Link_link_7l1Pc.Link_warning_7l1Pc:focus-visible{outline:.5px dashed var(--link-warning-default-color)}.Link_link_7l1Pc.Link_warning_7l1Pc:visited{color:var(--link-warning-visited-color)}.Link_link_7l1Pc.Link_disabled_7l1Pc{cursor:not-allowed;color:var(--greyed-out)}.Link_button_7l1Pc{text-decoration:none;border-width:var(--button-border-width);border-style:var(--button-border-style);border-radius:var(--button-border-radius);font-size:var(--button-font-size);line-height:1;margin:0;padding:calc(.5 * var(--font-size)) calc(.75 * var(--font-size));min-height:calc(2.5 * var(--font-size));cursor:pointer;font-family:var(--font-family);transition-property:color,background-color,border-color;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.Link_button_7l1Pc{transition-duration:.1ms}}.Link_button_7l1Pc.Link_disabled_7l1Pc{color:var(--greyed-out);cursor:not-allowed;background-color:var(--disabled);border-color:var(--disabled)}.Link_button_7l1Pc.Link_fill_7l1Pc{font-weight:500}.Link_button_7l1Pc.Link_fill_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-fill-text-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-primary-default-color);border-color:var(--button-fill-primary-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-primary-hover-color);border-color:var(--button-fill-primary-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-primary-focused-color);border-color:var(--button-fill-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-primary-pressed-color);border-color:var(--button-fill-primary-pressed-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-success-default-color);border-color:var(--button-fill-success-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-success-hover-color);border-color:var(--button-fill-success-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-success-focused-color);border-color:var(--button-fill-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-success-pressed-color);border-color:var(--button-fill-success-pressed-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-danger-default-color);border-color:var(--button-fill-danger-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-danger-hover-color);border-color:var(--button-fill-danger-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-danger-focused-color);border-color:var(--button-fill-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-fill-danger-pressed-color);border-color:var(--button-fill-danger-pressed-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-default-color);border-color:var(--button-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-default-hover-color);border-color:var(--button-default-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc){background-color:var(--button-warning-default-color);border-color:var(--button-warning-default-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){background-color:var(--button-warning-hover-color);border-color:var(--button-warning-hover-color)}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){background-color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_fill_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){background-color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color)}.Link_button_7l1Pc.Link_outline_7l1Pc{font-weight:500;background-color:var(--white)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-outline-primary-default-color);color:var(--button-outline-primary-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-outline-primary-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-primary-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-outline-primary-focused-color);border-color:var(--button-outline-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-outline-primary-pressed-color);border-color:var(--button-outline-primary-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-outline-success-default-color);color:var(--button-outline-success-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-outline-success-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-success-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-outline-success-focused-color);border-color:var(--button-outline-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-outline-success-pressed-color);border-color:var(--button-outline-success-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-outline-danger-default-color);color:var(--button-outline-danger-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-outline-danger-hover-color);background-color:var(--color-black10);border-color:var(--button-outline-danger-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-outline-danger-focused-color);border-color:var(--button-outline-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-outline-danger-pressed-color);border-color:var(--button-outline-danger-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-default-color);color:var(--button-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-default-hover-color);background-color:var(--color-black10);border-color:var(--button-default-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-default-focused-color);border-color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-default-pressed-color);border-color:var(--button-default-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc){border-color:var(--button-warning-default-color);color:var(--button-warning-default-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-warning-hover-color);background-color:var(--color-black10);border-color:var(--button-warning-hover-color)}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-warning-focused-color);border-color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_outline_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-warning-pressed-color);border-color:var(--button-warning-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc{font-weight:500;border-color:transparent;background-color:transparent}.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-text-primary-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-text-primary-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-text-primary-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_primary_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-text-primary-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-text-success-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-text-success-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-text-success-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_success_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-text-success-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-text-danger-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-text-danger-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-text-danger-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_danger_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-text-danger-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-default-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-default-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_default_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-default-pressed-color);background-color:var(--color-black20)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc){color:var(--button-warning-default-color)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):hover:not(.Link_disabled_7l1Pc){color:var(--button-warning-hover-color);background-color:var(--color-black10)}.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus:not(.Link_disabled_7l1Pc),.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):focus-visible:not(.Link_disabled_7l1Pc){color:var(--button-warning-focused-color);position:relative;outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));z-index:2}.Link_button_7l1Pc.Link_text_7l1Pc.Link_warning_7l1Pc:not(.Link_disabled_7l1Pc):active:not(.Link_disabled_7l1Pc){color:var(--button-warning-pressed-color);background-color:var(--color-black20)}')),document.head.appendChild(o)}}catch(l){console.error("vite-plugin-css-injected-by-js",l)}}();
+const hidden = "Link_hidden_7l1Pc";
+const link = "Link_link_7l1Pc";
+const primary = "Link_primary_7l1Pc";
+const success = "Link_success_7l1Pc";
+const danger = "Link_danger_7l1Pc";
+const warning = "Link_warning_7l1Pc";
+const disabled = "Link_disabled_7l1Pc";
+const button = "Link_button_7l1Pc";
+const fill = "Link_fill_7l1Pc";
+const outline = "Link_outline_7l1Pc";
+const text = "Link_text_7l1Pc";
+const classes = {
+  "sr-only": "Link_sr-only_7l1Pc",
+  hidden,
+  "slide-in": "Link_slide-in_7l1Pc",
+  "slide-out": "Link_slide-out_7l1Pc",
+  link,
+  primary,
+  success,
+  danger,
+  warning,
+  disabled,
+  button,
+  fill,
+  "default": "Link_default_7l1Pc",
+  outline,
+  text
+};
+export {
+  button,
+  danger,
+  classes as default,
+  disabled,
+  fill,
+  hidden,
+  link,
+  outline,
+  primary,
+  success,
+  text,
+  warning
+};
+//# sourceMappingURL=Link.module.scss.es.js.map

package/dist/components/Link/Link.module.scss.es.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Link.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./AlertContainer.module.scss.cjs.js"),n=require("./useAlertContainerHeightAnimation.cjs.js");exports.AlertContainer=({placement:r,children:i,zIndex:s,className:a,...l})=>{const{height:o,justifyContent:u}=n.useAlertContainerHeightAnimation(),c=[t.default.alerts,t.default[r.horizontal],t.default[r.vertical],a??""];return e.createElement("div",{...l,style:{zIndex:s,height:o,justifyContent:u},className:c.join(" ")},i)};
2	+ //# sourceMappingURL=AlertContainer.cjs.js.map

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertContainer.cjs.js","sources":["../../../../../src/components/Notifications/Alert/AlertContainer/AlertContainer.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport classes from \"./AlertContainer.module.scss\";\nimport { useAlertContainerHeightAnimation } from \"./useAlertContainerHeightAnimation\";\n\nexport interface Placement {\n vertical: \"top\" | \"bottom\";\n horizontal: \"start\" | \"center\" | \"end\";\n}\n\nexport interface Props {\n placement: Placement;\n children?: React.ReactNode;\n zIndex?: number;\n className?: string;\n}\n\nexport const AlertContainer = ({ placement, children, zIndex, className, ...rest }: Props) => {\n const { height, justifyContent } = useAlertContainerHeightAnimation();\n\n const containerClasses = [\n classes[\"alerts\"],\n classes[placement.horizontal],\n classes[placement.vertical],\n className ?? \"\"\n ];\n\n return (\n <div\n {...rest}\n style={{ zIndex, height, justifyContent }}\n className={containerClasses.join(\" \")}\n >\n {children}\n </div>\n );\n};\n"],"names":["placement","children","zIndex","className","rest","height","justifyContent","useAlertContainerHeightAnimation","containerClasses","classes","default","horizontal","vertical","React","createElement","style","join"],"mappings":"wOAgC8B,EAAGA,YAAWC,WAAUC,SAAQC,eAAcC,MAC1E,MAAMC,OAAEA,EAAAC,eAAQA,GAAmBC,qCAE7BC,EAAmB,CACvBC,EAAAA,QAAgB,OAChBA,EAAAC,QAAQV,EAAUW,YAClBF,EAAAC,QAAQV,EAAUY,UAClBT,GAAa,IAIb,OAAAU,EAAAC,cAAC,MAAA,IACKV,EACJW,MAAO,CAAEb,SAAQG,SAAQC,kBACzBH,UAAWK,EAAiBQ,KAAK,MAEhCf,EACH"}

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.es.js ADDED Viewed

@@ -0,0 +1,25 @@
+import React from "react";
+import classes from "./AlertContainer.module.scss.es.js";
+import { useAlertContainerHeightAnimation } from "./useAlertContainerHeightAnimation.es.js";
+const AlertContainer = ({ placement, children, zIndex, className, ...rest }) => {
+  const { height, justifyContent } = useAlertContainerHeightAnimation();
+  const containerClasses = [
+    classes["alerts"],
+    classes[placement.horizontal],
+    classes[placement.vertical],
+    className ?? ""
+  ];
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      style: { zIndex, height, justifyContent },
+      className: containerClasses.join(" ")
+    },
+    children
+  );
+};
+export {
+  AlertContainer
+};
+//# sourceMappingURL=AlertContainer.es.js.map

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertContainer.es.js","sources":["../../../../../src/components/Notifications/Alert/AlertContainer/AlertContainer.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport classes from \"./AlertContainer.module.scss\";\nimport { useAlertContainerHeightAnimation } from \"./useAlertContainerHeightAnimation\";\n\nexport interface Placement {\n vertical: \"top\" | \"bottom\";\n horizontal: \"start\" | \"center\" | \"end\";\n}\n\nexport interface Props {\n placement: Placement;\n children?: React.ReactNode;\n zIndex?: number;\n className?: string;\n}\n\nexport const AlertContainer = ({ placement, children, zIndex, className, ...rest }: Props) => {\n const { height, justifyContent } = useAlertContainerHeightAnimation();\n\n const containerClasses = [\n classes[\"alerts\"],\n classes[placement.horizontal],\n classes[placement.vertical],\n className ?? \"\"\n ];\n\n return (\n <div\n {...rest}\n style={{ zIndex, height, justifyContent }}\n className={containerClasses.join(\" \")}\n >\n {children}\n </div>\n );\n};\n"],"names":[],"mappings":";;;AAgCa,MAAA,iBAAiB,CAAC,EAAE,WAAW,UAAU,QAAQ,WAAW,GAAG,WAAkB;AAC5F,QAAM,EAAE,QAAQ,eAAe,IAAI,iCAAiC;AAEpE,QAAM,mBAAmB;AAAA,IACvB,QAAQ,QAAQ;AAAA,IAChB,QAAQ,UAAU,UAAU;AAAA,IAC5B,QAAQ,UAAU,QAAQ;AAAA,IAC1B,aAAa;AAAA,EACf;AAGE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,QAAQ,QAAQ,eAAe;AAAA,MACxC,WAAW,iBAAiB,KAAK,GAAG;AAAA,IAAA;AAAA,IAEnC;AAAA,EACH;AAEJ;"}

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.module.scss.cjs.js ADDED Viewed

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.AlertContainer_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.AlertContainer_hidden_7l1Pc{display:none}.AlertContainer_slide-in_7l1Pc{animation:AlertContainer_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.AlertContainer_slide-in_7l1Pc{animation-duration:.1ms}}.AlertContainer_slide-out_7l1Pc{animation:AlertContainer_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.AlertContainer_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes AlertContainer_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes AlertContainer_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.AlertContainer_alerts_7l1Pc{position:fixed;z-index:20;width:100%;display:flex;flex-direction:column;transition-property:height;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.AlertContainer_alerts_7l1Pc{transition-duration:.1ms}}.AlertContainer_alerts_7l1Pc.AlertContainer_bottom_7l1Pc{bottom:3.5rem}.AlertContainer_alerts_7l1Pc.AlertContainer_top_7l1Pc{top:3.5rem}.AlertContainer_alerts_7l1Pc.AlertContainer_start_7l1Pc,.AlertContainer_alerts_7l1Pc.AlertContainer_center_7l1Pc{left:0}.AlertContainer_alerts_7l1Pc.AlertContainer_end_7l1Pc{right:0}@media only screen and (min-width: 37.5em){.AlertContainer_alerts_7l1Pc{width:initial}.AlertContainer_alerts_7l1Pc.AlertContainer_center_7l1Pc{left:calc(50% - 12.5rem)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="AlertContainer_hidden_7l1Pc",t="AlertContainer_alerts_7l1Pc",r="AlertContainer_bottom_7l1Pc",o="AlertContainer_top_7l1Pc",n="AlertContainer_start_7l1Pc",l="AlertContainer_center_7l1Pc",s="AlertContainer_end_7l1Pc",i={"sr-only":"AlertContainer_sr-only_7l1Pc",hidden:e,"slide-in":"AlertContainer_slide-in_7l1Pc","slide-out":"AlertContainer_slide-out_7l1Pc",alerts:t,bottom:r,top:o,start:n,center:l,end:s};exports.alerts=t,exports.bottom=r,exports.center=l,exports.default=i,exports.end=s,exports.hidden=e,exports.start=n,exports.top=o;
+//# sourceMappingURL=AlertContainer.module.scss.cjs.js.map

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.module.scss.cjs.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AlertContainer.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.module.scss.es.js ADDED Viewed

@@ -0,0 +1,31 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.AlertContainer_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.AlertContainer_hidden_7l1Pc{display:none}.AlertContainer_slide-in_7l1Pc{animation:AlertContainer_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.AlertContainer_slide-in_7l1Pc{animation-duration:.1ms}}.AlertContainer_slide-out_7l1Pc{animation:AlertContainer_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.AlertContainer_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes AlertContainer_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes AlertContainer_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.AlertContainer_alerts_7l1Pc{position:fixed;z-index:20;width:100%;display:flex;flex-direction:column;transition-property:height;transition-duration:.2s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion: reduce){.AlertContainer_alerts_7l1Pc{transition-duration:.1ms}}.AlertContainer_alerts_7l1Pc.AlertContainer_bottom_7l1Pc{bottom:3.5rem}.AlertContainer_alerts_7l1Pc.AlertContainer_top_7l1Pc{top:3.5rem}.AlertContainer_alerts_7l1Pc.AlertContainer_start_7l1Pc,.AlertContainer_alerts_7l1Pc.AlertContainer_center_7l1Pc{left:0}.AlertContainer_alerts_7l1Pc.AlertContainer_end_7l1Pc{right:0}@media only screen and (min-width: 37.5em){.AlertContainer_alerts_7l1Pc{width:initial}.AlertContainer_alerts_7l1Pc.AlertContainer_center_7l1Pc{left:calc(50% - 12.5rem)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const hidden = "AlertContainer_hidden_7l1Pc";
+const alerts = "AlertContainer_alerts_7l1Pc";
+const bottom = "AlertContainer_bottom_7l1Pc";
+const top = "AlertContainer_top_7l1Pc";
+const start = "AlertContainer_start_7l1Pc";
+const center = "AlertContainer_center_7l1Pc";
+const end = "AlertContainer_end_7l1Pc";
+const classes = {
+  "sr-only": "AlertContainer_sr-only_7l1Pc",
+  hidden,
+  "slide-in": "AlertContainer_slide-in_7l1Pc",
+  "slide-out": "AlertContainer_slide-out_7l1Pc",
+  alerts,
+  bottom,
+  top,
+  start,
+  center,
+  end
+};
+export {
+  alerts,
+  bottom,
+  center,
+  classes as default,
+  end,
+  hidden,
+  start,
+  top
+};
+//# sourceMappingURL=AlertContainer.module.scss.es.js.map

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.module.scss.es.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AlertContainer.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/components/Notifications/Alert/AlertContainer/useAlertContainerHeightAnimation.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../AlertProvider/AlertContext.cjs.js");exports.useAlertContainerHeightAnimation=function(){const{alerts:r}=e.useContext(t.default),[n,s]=e.useState(0),[l,i]=e.useState("flex-start"),o=r.length>=3;return e.useEffect((()=>{let e=r.map((e=>e.height??0)).reduce(((e,t)=>e+t),0);e+=8*(Math.min(r.length,3)-1),o&&setTimeout((()=>{i("flex-end")}),500),n>e&&"flex-end"!==l?i("flex-end"):n<e&&"flex-start"!==l&&i("flex-start"),s(e)}),[r]),{height:n,justifyContent:l}};
2	+ //# sourceMappingURL=useAlertContainerHeightAnimation.cjs.js.map

package/dist/components/Notifications/Alert/AlertContainer/useAlertContainerHeightAnimation.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useAlertContainerHeightAnimation.cjs.js","sources":["../../../../../src/components/Notifications/Alert/AlertContainer/useAlertContainerHeightAnimation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useContext, useEffect, useState } from \"react\";\nimport AlertContext from \"../AlertProvider/AlertContext\";\n\nexport function useAlertContainerHeightAnimation() {\n const { alerts } = useContext(AlertContext);\n const [height, setHeight] = useState(0);\n const [justifyContent, setJustifyContent] = useState<\"flex-start\" | \"flex-end\">(\"flex-start\");\n const spaceBetweenAlerts = 8;\n const exceedsMaximumVisibleAlerts = alerts.length >= 3;\n\n useEffect(() => {\n const allHeights = alerts.map(alert => alert.height ?? 0);\n let totalHeight = allHeights.reduce((prev, curr) => prev + curr, 0);\n totalHeight += (Math.min(alerts.length, 3) - 1) * spaceBetweenAlerts;\n\n if (exceedsMaximumVisibleAlerts) {\n setTimeout(() => {\n setJustifyContent(\"flex-end\");\n }, 500);\n }\n if (height > totalHeight && justifyContent !== \"flex-end\") {\n setJustifyContent(\"flex-end\");\n } else if (height < totalHeight && justifyContent !== \"flex-start\") {\n setJustifyContent(\"flex-start\");\n }\n\n setHeight(totalHeight);\n }, [alerts]);\n\n return { height, justifyContent };\n}\n"],"names":["alerts","useContext","AlertContext","height","setHeight","useState","justifyContent","setJustifyContent","exceedsMaximumVisibleAlerts","length","useEffect","totalHeight","map","alert","reduce","prev","curr","Math","min","setTimeout"],"mappings":"oMAmBO,WACL,MAAMA,OAAEA,GAAWC,EAAAA,WAAWC,YACvBC,EAAQC,GAAaC,EAAAA,SAAS,IAC9BC,EAAgBC,GAAqBF,EAAAA,SAAoC,cAE1EG,EAA8BR,EAAOS,QAAU,EAqB9C,OAnBPC,EAAAA,WAAU,KAEJ,IAAAC,EADeX,EAAOY,KAAaC,GAAAA,EAAMV,QAAU,IAC1BW,QAAO,CAACC,EAAMC,IAASD,EAAOC,GAAM,GACjEL,GANyB,GAMTM,KAAKC,IAAIlB,EAAOS,OAAQ,GAAK,GAEzCD,GACFW,YAAW,KACTZ,EAAkB,WAAU,GAC3B,KAEDJ,EAASQ,GAAkC,aAAnBL,EAC1BC,EAAkB,YACTJ,EAASQ,GAAkC,eAAnBL,GACjCC,EAAkB,cAGpBH,EAAUO,EAAW,GACpB,CAACX,IAEG,CAAEG,SAAQG,iBACnB"}

package/dist/components/Notifications/Alert/AlertContainer/useAlertContainerHeightAnimation.es.js ADDED Viewed

@@ -0,0 +1,30 @@
+import { useContext, useState, useEffect } from "react";
+import AlertContext from "../AlertProvider/AlertContext.es.js";
+function useAlertContainerHeightAnimation() {
+  const { alerts } = useContext(AlertContext);
+  const [height, setHeight] = useState(0);
+  const [justifyContent, setJustifyContent] = useState("flex-start");
+  const spaceBetweenAlerts = 8;
+  const exceedsMaximumVisibleAlerts = alerts.length >= 3;
+  useEffect(() => {
+    const allHeights = alerts.map((alert) => alert.height ?? 0);
+    let totalHeight = allHeights.reduce((prev, curr) => prev + curr, 0);
+    totalHeight += (Math.min(alerts.length, 3) - 1) * spaceBetweenAlerts;
+    if (exceedsMaximumVisibleAlerts) {
+      setTimeout(() => {
+        setJustifyContent("flex-end");
+      }, 500);
+    }
+    if (height > totalHeight && justifyContent !== "flex-end") {
+      setJustifyContent("flex-end");
+    } else if (height < totalHeight && justifyContent !== "flex-start") {
+      setJustifyContent("flex-start");
+    }
+    setHeight(totalHeight);
+  }, [alerts]);
+  return { height, justifyContent };
+}
+export {
+  useAlertContainerHeightAnimation
+};
+//# sourceMappingURL=useAlertContainerHeightAnimation.es.js.map

package/dist/components/Notifications/Alert/AlertContainer/useAlertContainerHeightAnimation.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useAlertContainerHeightAnimation.es.js","sources":["../../../../../src/components/Notifications/Alert/AlertContainer/useAlertContainerHeightAnimation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useContext, useEffect, useState } from \"react\";\nimport AlertContext from \"../AlertProvider/AlertContext\";\n\nexport function useAlertContainerHeightAnimation() {\n const { alerts } = useContext(AlertContext);\n const [height, setHeight] = useState(0);\n const [justifyContent, setJustifyContent] = useState<\"flex-start\" | \"flex-end\">(\"flex-start\");\n const spaceBetweenAlerts = 8;\n const exceedsMaximumVisibleAlerts = alerts.length >= 3;\n\n useEffect(() => {\n const allHeights = alerts.map(alert => alert.height ?? 0);\n let totalHeight = allHeights.reduce((prev, curr) => prev + curr, 0);\n totalHeight += (Math.min(alerts.length, 3) - 1) * spaceBetweenAlerts;\n\n if (exceedsMaximumVisibleAlerts) {\n setTimeout(() => {\n setJustifyContent(\"flex-end\");\n }, 500);\n }\n if (height > totalHeight && justifyContent !== \"flex-end\") {\n setJustifyContent(\"flex-end\");\n } else if (height < totalHeight && justifyContent !== \"flex-start\") {\n setJustifyContent(\"flex-start\");\n }\n\n setHeight(totalHeight);\n }, [alerts]);\n\n return { height, justifyContent };\n}\n"],"names":[],"mappings":";;AAmBO,SAAS,mCAAmC;AACjD,QAAM,EAAE,OAAA,IAAW,WAAW,YAAY;AAC1C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AACtC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAoC,YAAY;AAC5F,QAAM,qBAAqB;AACrB,QAAA,8BAA8B,OAAO,UAAU;AAErD,YAAU,MAAM;AACd,UAAM,aAAa,OAAO,IAAI,CAAS,UAAA,MAAM,UAAU,CAAC;AACpD,QAAA,cAAc,WAAW,OAAO,CAAC,MAAM,SAAS,OAAO,MAAM,CAAC;AAClE,oBAAgB,KAAK,IAAI,OAAO,QAAQ,CAAC,IAAI,KAAK;AAElD,QAAI,6BAA6B;AAC/B,iBAAW,MAAM;AACf,0BAAkB,UAAU;AAAA,SAC3B,GAAG;AAAA,IAAA;AAEJ,QAAA,SAAS,eAAe,mBAAmB,YAAY;AACzD,wBAAkB,UAAU;AAAA,IACnB,WAAA,SAAS,eAAe,mBAAmB,cAAc;AAClE,wBAAkB,YAAY;AAAA,IAAA;AAGhC,cAAU,WAAW;AAAA,EAAA,GACpB,CAAC,MAAM,CAAC;AAEJ,SAAA,EAAE,QAAQ,eAAe;AAClC;"}

package/dist/components/Notifications/Alert/AlertItem/AlertItem.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../Button/IconButton.cjs.js"),r=require("../../../Icon/Icon.cjs.js"),n=require("./AlertItem.module.scss.cjs.js"),a=require("../../../../readyclasses.module.scss.cjs.js"),l=require("../../../../hooks/useAnimation.cjs.js"),s=require("../../../Typography/Typography.cjs.js"),o=require("../AlertProvider/AlertContext.cjs.js");let c=1;exports.AlertItem=({id:i,title:u,duration:d,variant:m="neutral",emphasis:p="low",content:f,className:g,actions:h=[],onClose:v,closeButtonTitle:E,wasShown:j})=>{const y=e.useRef(),{ref:I,animationStarted:b,startAnimation:T}=l.useAnimation((()=>{null==v\|\|v()}));((t,r)=>{const n=e.useContext(o.default);e.useEffect((()=>{t.current&&n.setAlertHeight(r,t.current.getBoundingClientRect().height)}),[t.current])})(I,i),e.useEffect((()=>{var e,t,r,n;return d&&d>0&&(y.current=setTimeout((()=>T()),d)),I&&(null==(e=I.current)\|\|e.addEventListener("focus",A),null==(t=I.current)\|\|t.addEventListener("blur",C),null==(r=I.current)\|\|r.addEventListener("mouseenter",A),null==(n=I.current)\|\|n.addEventListener("mouseleave",C)),()=>{y.current&&clearTimeout(y.current)}}),[]);const A=()=>{y.current&&clearTimeout(y.current)},C=()=>{d&&d>0&&(y.current=setTimeout((()=>T()),d))},N=h.map((t=>e.createElement("button",{key:`alert-action-button-${(c++).toString()}`,...t,onClick:e=>{var r;null==v\|\|v(),null==(r=t.onClick)\|\|r.call(t,e)},className:n.default["action-button"]},t.label)));return e.createElement("div",{"data-testid":"alert-container",ref:I,"aria-live":"error"!==m\|\|"medium"!==p&&"high"!==p?"polite":"assertive",className:(()=>{const e=[n.default.alert,n.default[`${m}`],n.default[`emph-${p}`]];return b&&e.push(a.default["slide-out"]),b\|\|j\|\|e.push(a.default["slide-in"]),g&&e.push(g),e.join(" ")})(),role:"alert"},e.createElement("div",{className:n.default["outer-content-wrapper"]},e.createElement(r.Icon,{icon:"error"===m?r.Icons.ErrorAlt:"warning"===m?r.Icons.Warning:"success"===m?r.Icons.CheckmarkCircleAlt:r.Icons.InfoCircle,className:n.default.icon}),e.createElement("div",{className:n.default["content-wrapper"],role:"log"},!!u&&!!f&&e.createElement(s.Typography,{"data-testid":"alert-title",className:n.default.title,variant:"body-bold",tag:"span"},u),(!!f\|\|!!u)&&e.createElement(s.Typography,{"data-testid":"alert-content",className:n.default.content,variant:"body"},f\|\|u))),N.length>0&&e.createElement("div",{"data-testid":"alert-actions",className:n.default.actions},N),v&&e.createElement(t.IconButton,{className:n.default["close-btn"],onClick:e=>{e.stopPropagation(),T()},title:E,"data-testid":"alert-close"},e.createElement(r.Icon,{icon:r.Icons.Times})))};
2	+ //# sourceMappingURL=AlertItem.cjs.js.map

package/dist/components/Notifications/Alert/AlertItem/AlertItem.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertItem.cjs.js","sources":["../../../../../src/components/Notifications/Alert/AlertItem/AlertItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ButtonHTMLAttributes, useContext, useEffect, useRef } from \"react\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport classes from \"./AlertItem.module.scss\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { useAnimation } from \"../../../../hooks/useAnimation\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport AlertContext from \"../AlertProvider/AlertContext\";\n\nexport const EMPHASES = [\"low\", \"medium\", \"high\"] as const;\nexport type Emphasis = (typeof EMPHASES)[keyof typeof EMPHASES];\n\nexport const VARIANTS = [\"neutral\", \"informative\", \"success\", \"warning\", \"error\"] as const;\nexport type Variant = (typeof VARIANTS)[keyof typeof VARIANTS];\n\nexport type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & { label: string })[];\n\nexport interface Props {\n id: string;\n title?: string | React.ReactNode;\n content?: string | React.ReactNode;\n duration?: number;\n emphasis?: Emphasis;\n variant?: Variant;\n className?: string;\n onClose?: () => void;\n closeButtonTitle?: string;\n actions?: Actions;\n wasShown?: boolean;\n}\n\nconst useRegisterAlertHeight = (\n singleAlertRef: React.RefObject<HTMLDivElement>,\n alertId: string\n) => {\n const ctx = useContext(AlertContext);\n\n useEffect(() => {\n if (singleAlertRef.current) {\n ctx.setAlertHeight(alertId, singleAlertRef.current.getBoundingClientRect().height);\n }\n }, [singleAlertRef.current]);\n};\n\nlet actionButtonKeyCounter = 1;\nexport const AlertItem = ({\n id,\n title,\n duration,\n variant = \"neutral\",\n emphasis = \"low\",\n content,\n className,\n actions = [],\n onClose,\n closeButtonTitle,\n wasShown\n}: Props) => {\n const timerHandler = useRef<ReturnType<typeof setTimeout>>();\n const onAnimationEnd = () => {\n onClose?.();\n };\n const { ref, animationStarted, startAnimation } = useAnimation<HTMLDivElement>(onAnimationEnd);\n\n useRegisterAlertHeight(ref, id);\n\n useEffect(() => {\n if (duration && duration > 0) {\n timerHandler.current = setTimeout(() => startAnimation(), duration);\n }\n if (ref) {\n ref.current?.addEventListener(\"focus\", onItemFocus);\n ref.current?.addEventListener(\"blur\", onItemBlur);\n ref.current?.addEventListener(\"mouseenter\", onItemFocus);\n ref.current?.addEventListener(\"mouseleave\", onItemBlur);\n }\n return () => {\n timerHandler.current && clearTimeout(timerHandler.current);\n };\n }, []);\n\n const onItemFocus = () => {\n timerHandler.current && clearTimeout(timerHandler.current);\n };\n\n const onItemBlur = () => {\n if (duration && duration > 0) {\n timerHandler.current = setTimeout(() => startAnimation(), duration);\n }\n };\n\n const getVariantIcon = () => {\n if (variant === \"error\") {\n return Icons.ErrorAlt;\n }\n\n if (variant === \"warning\") {\n return Icons.Warning;\n }\n\n return variant === \"success\" ? Icons.CheckmarkCircleAlt : Icons.InfoCircle;\n };\n\n const actionButtons = actions.map(actionProp => (\n <button\n key={`alert-action-button-${(actionButtonKeyCounter++).toString()}`}\n {...actionProp}\n onClick={e => {\n onClose?.();\n actionProp.onClick?.(e);\n }}\n className={classes[\"action-button\"]}\n >\n {actionProp.label}\n </button>\n ));\n\n const getAlertClasses = (): string => {\n const alertClasses = [classes[\"alert\"], classes[`${variant}`], classes[`emph-${emphasis}`]];\n if (animationStarted) {\n alertClasses.push(readyclasses[\"slide-out\"]);\n }\n if (!animationStarted && !wasShown) {\n alertClasses.push(readyclasses[\"slide-in\"]);\n }\n if (className) {\n alertClasses.push(className);\n }\n return alertClasses.join(\" \");\n };\n\n const getAria = () => {\n if (variant === \"error\" && (emphasis === \"medium\" || emphasis === \"high\")) {\n return \"assertive\";\n }\n return \"polite\";\n };\n\n const getContentOrTitle = () => {\n if (content) {\n return content;\n }\n return title;\n };\n\n return (\n <div\n {...{ [\"data-testid\"]: \"alert-container\" }}\n ref={ref}\n aria-live={getAria()}\n className={getAlertClasses()}\n role=\"alert\"\n >\n <div className={classes[\"outer-content-wrapper\"]}>\n <Icon icon={getVariantIcon()} className={classes[\"icon\"]} />\n <div className={classes[\"content-wrapper\"]} role=\"log\">\n {!!title && !!content && (\n <Typography\n {...{ [\"data-testid\"]: \"alert-title\" }}\n className={classes[\"title\"]}\n variant=\"body-bold\"\n tag=\"span\"\n >\n {title}\n </Typography>\n )}\n {(!!content || !!title) && (\n <Typography\n {...{ [\"data-testid\"]: \"alert-content\" }}\n className={classes[\"content\"]}\n variant=\"body\"\n >\n {getContentOrTitle()}\n </Typography>\n )}\n </div>\n </div>\n {actionButtons.length > 0 && (\n <div {...{ [\"data-testid\"]: \"alert-actions\" }} className={classes[\"actions\"]}>\n {actionButtons}\n </div>\n )}\n {onClose && (\n <IconButton\n className={classes[\"close-btn\"]}\n onClick={e => {\n e.stopPropagation();\n startAnimation();\n }}\n title={closeButtonTitle}\n {...{ [\"data-testid\"]: \"alert-close\" }}\n >\n <Icon icon={Icons.Times} />\n </IconButton>\n )}\n </div>\n );\n};\n"],"names":["actionButtonKeyCounter","id","title","duration","variant","emphasis","content","className","actions","onClose","closeButtonTitle","wasShown","timerHandler","useRef","ref","animationStarted","startAnimation","useAnimation","singleAlertRef","alertId","ctx","useContext","AlertContext","useEffect","current","setAlertHeight","getBoundingClientRect","height","useRegisterAlertHeight","setTimeout","_a","addEventListener","onItemFocus","_b","onItemBlur","_c","_d","clearTimeout","actionButtons","map","actionProp","React","createElement","key","toString","onClick","e","call","classes","label","alertClasses","default","push","readyclasses","join","getAlertClasses","role","Icon","icon","Icons","ErrorAlt","Warning","CheckmarkCircleAlt","InfoCircle","Typography","tag","length","IconButton","stopPropagation","Times"],"mappings":"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"}

package/dist/components/Notifications/Alert/AlertItem/AlertItem.es.js ADDED Viewed

@@ -0,0 +1,154 @@
+import React, { useRef, useEffect, useContext } from "react";
+import { IconButton } from "../../../Button/IconButton.es.js";
+import { Icon, Icons } from "../../../Icon/Icon.es.js";
+import classes from "./AlertItem.module.scss.es.js";
+import readyclasses from "../../../../readyclasses.module.scss.es.js";
+import { useAnimation } from "../../../../hooks/useAnimation.es.js";
+import { Typography } from "../../../Typography/Typography.es.js";
+import AlertContext from "../AlertProvider/AlertContext.es.js";
+const useRegisterAlertHeight = (singleAlertRef, alertId) => {
+  const ctx = useContext(AlertContext);
+  useEffect(() => {
+    if (singleAlertRef.current) {
+      ctx.setAlertHeight(alertId, singleAlertRef.current.getBoundingClientRect().height);
+    }
+  }, [singleAlertRef.current]);
+};
+let actionButtonKeyCounter = 1;
+const AlertItem = ({
+  id,
+  title,
+  duration,
+  variant = "neutral",
+  emphasis = "low",
+  content,
+  className,
+  actions = [],
+  onClose,
+  closeButtonTitle,
+  wasShown
+}) => {
+  const timerHandler = useRef();
+  const onAnimationEnd = () => {
+    onClose == null ? void 0 : onClose();
+  };
+  const { ref, animationStarted, startAnimation } = useAnimation(onAnimationEnd);
+  useRegisterAlertHeight(ref, id);
+  useEffect(() => {
+    var _a, _b, _c, _d;
+    if (duration && duration > 0) {
+      timerHandler.current = setTimeout(() => startAnimation(), duration);
+    }
+    if (ref) {
+      (_a = ref.current) == null ? void 0 : _a.addEventListener("focus", onItemFocus);
+      (_b = ref.current) == null ? void 0 : _b.addEventListener("blur", onItemBlur);
+      (_c = ref.current) == null ? void 0 : _c.addEventListener("mouseenter", onItemFocus);
+      (_d = ref.current) == null ? void 0 : _d.addEventListener("mouseleave", onItemBlur);
+    }
+    return () => {
+      timerHandler.current && clearTimeout(timerHandler.current);
+    };
+  }, []);
+  const onItemFocus = () => {
+    timerHandler.current && clearTimeout(timerHandler.current);
+  };
+  const onItemBlur = () => {
+    if (duration && duration > 0) {
+      timerHandler.current = setTimeout(() => startAnimation(), duration);
+    }
+  };
+  const getVariantIcon = () => {
+    if (variant === "error") {
+      return Icons.ErrorAlt;
+    }
+    if (variant === "warning") {
+      return Icons.Warning;
+    }
+    return variant === "success" ? Icons.CheckmarkCircleAlt : Icons.InfoCircle;
+  };
+  const actionButtons = actions.map((actionProp) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      key: `alert-action-button-${(actionButtonKeyCounter++).toString()}`,
+      ...actionProp,
+      onClick: (e) => {
+        var _a;
+        onClose == null ? void 0 : onClose();
+        (_a = actionProp.onClick) == null ? void 0 : _a.call(actionProp, e);
+      },
+      className: classes["action-button"]
+    },
+    actionProp.label
+  ));
+  const getAlertClasses = () => {
+    const alertClasses = [classes["alert"], classes[`${variant}`], classes[`emph-${emphasis}`]];
+    if (animationStarted) {
+      alertClasses.push(readyclasses["slide-out"]);
+    }
+    if (!animationStarted && !wasShown) {
+      alertClasses.push(readyclasses["slide-in"]);
+    }
+    if (className) {
+      alertClasses.push(className);
+    }
+    return alertClasses.join(" ");
+  };
+  const getAria = () => {
+    if (variant === "error" && (emphasis === "medium" || emphasis === "high")) {
+      return "assertive";
+    }
+    return "polite";
+  };
+  const getContentOrTitle = () => {
+    if (content) {
+      return content;
+    }
+    return title;
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...{ ["data-testid"]: "alert-container" },
+      ref,
+      "aria-live": getAria(),
+      className: getAlertClasses(),
+      role: "alert"
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classes["outer-content-wrapper"] }, /* @__PURE__ */ React.createElement(Icon, { icon: getVariantIcon(), className: classes["icon"] }), /* @__PURE__ */ React.createElement("div", { className: classes["content-wrapper"], role: "log" }, !!title && !!content && /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        ...{ ["data-testid"]: "alert-title" },
+        className: classes["title"],
+        variant: "body-bold",
+        tag: "span"
+      },
+      title
+    ), (!!content || !!title) && /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        ...{ ["data-testid"]: "alert-content" },
+        className: classes["content"],
+        variant: "body"
+      },
+      getContentOrTitle()
+    ))),
+    actionButtons.length > 0 && /* @__PURE__ */ React.createElement("div", { ...{ ["data-testid"]: "alert-actions" }, className: classes["actions"] }, actionButtons),
+    onClose && /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        className: classes["close-btn"],
+        onClick: (e) => {
+          e.stopPropagation();
+          startAnimation();
+        },
+        title: closeButtonTitle,
+        ...{ ["data-testid"]: "alert-close" }
+      },
+      /* @__PURE__ */ React.createElement(Icon, { icon: Icons.Times })
+    )
+  );
+};
+export {
+  AlertItem
+};
+//# sourceMappingURL=AlertItem.es.js.map

package/dist/components/Notifications/Alert/AlertItem/AlertItem.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AlertItem.es.js","sources":["../../../../../src/components/Notifications/Alert/AlertItem/AlertItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ButtonHTMLAttributes, useContext, useEffect, useRef } from \"react\";\nimport { IconButton } from \"../../../Button/IconButton\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport classes from \"./AlertItem.module.scss\";\nimport readyclasses from \"../../../../readyclasses.module.scss\";\nimport { useAnimation } from \"../../../../hooks/useAnimation\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport AlertContext from \"../AlertProvider/AlertContext\";\n\nexport const EMPHASES = [\"low\", \"medium\", \"high\"] as const;\nexport type Emphasis = (typeof EMPHASES)[keyof typeof EMPHASES];\n\nexport const VARIANTS = [\"neutral\", \"informative\", \"success\", \"warning\", \"error\"] as const;\nexport type Variant = (typeof VARIANTS)[keyof typeof VARIANTS];\n\nexport type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & { label: string })[];\n\nexport interface Props {\n id: string;\n title?: string | React.ReactNode;\n content?: string | React.ReactNode;\n duration?: number;\n emphasis?: Emphasis;\n variant?: Variant;\n className?: string;\n onClose?: () => void;\n closeButtonTitle?: string;\n actions?: Actions;\n wasShown?: boolean;\n}\n\nconst useRegisterAlertHeight = (\n singleAlertRef: React.RefObject<HTMLDivElement>,\n alertId: string\n) => {\n const ctx = useContext(AlertContext);\n\n useEffect(() => {\n if (singleAlertRef.current) {\n ctx.setAlertHeight(alertId, singleAlertRef.current.getBoundingClientRect().height);\n }\n }, [singleAlertRef.current]);\n};\n\nlet actionButtonKeyCounter = 1;\nexport const AlertItem = ({\n id,\n title,\n duration,\n variant = \"neutral\",\n emphasis = \"low\",\n content,\n className,\n actions = [],\n onClose,\n closeButtonTitle,\n wasShown\n}: Props) => {\n const timerHandler = useRef<ReturnType<typeof setTimeout>>();\n const onAnimationEnd = () => {\n onClose?.();\n };\n const { ref, animationStarted, startAnimation } = useAnimation<HTMLDivElement>(onAnimationEnd);\n\n useRegisterAlertHeight(ref, id);\n\n useEffect(() => {\n if (duration && duration > 0) {\n timerHandler.current = setTimeout(() => startAnimation(), duration);\n }\n if (ref) {\n ref.current?.addEventListener(\"focus\", onItemFocus);\n ref.current?.addEventListener(\"blur\", onItemBlur);\n ref.current?.addEventListener(\"mouseenter\", onItemFocus);\n ref.current?.addEventListener(\"mouseleave\", onItemBlur);\n }\n return () => {\n timerHandler.current && clearTimeout(timerHandler.current);\n };\n }, []);\n\n const onItemFocus = () => {\n timerHandler.current && clearTimeout(timerHandler.current);\n };\n\n const onItemBlur = () => {\n if (duration && duration > 0) {\n timerHandler.current = setTimeout(() => startAnimation(), duration);\n }\n };\n\n const getVariantIcon = () => {\n if (variant === \"error\") {\n return Icons.ErrorAlt;\n }\n\n if (variant === \"warning\") {\n return Icons.Warning;\n }\n\n return variant === \"success\" ? Icons.CheckmarkCircleAlt : Icons.InfoCircle;\n };\n\n const actionButtons = actions.map(actionProp => (\n <button\n key={`alert-action-button-${(actionButtonKeyCounter++).toString()}`}\n {...actionProp}\n onClick={e => {\n onClose?.();\n actionProp.onClick?.(e);\n }}\n className={classes[\"action-button\"]}\n >\n {actionProp.label}\n </button>\n ));\n\n const getAlertClasses = (): string => {\n const alertClasses = [classes[\"alert\"], classes[`${variant}`], classes[`emph-${emphasis}`]];\n if (animationStarted) {\n alertClasses.push(readyclasses[\"slide-out\"]);\n }\n if (!animationStarted && !wasShown) {\n alertClasses.push(readyclasses[\"slide-in\"]);\n }\n if (className) {\n alertClasses.push(className);\n }\n return alertClasses.join(\" \");\n };\n\n const getAria = () => {\n if (variant === \"error\" && (emphasis === \"medium\" || emphasis === \"high\")) {\n return \"assertive\";\n }\n return \"polite\";\n };\n\n const getContentOrTitle = () => {\n if (content) {\n return content;\n }\n return title;\n };\n\n return (\n <div\n {...{ [\"data-testid\"]: \"alert-container\" }}\n ref={ref}\n aria-live={getAria()}\n className={getAlertClasses()}\n role=\"alert\"\n >\n <div className={classes[\"outer-content-wrapper\"]}>\n <Icon icon={getVariantIcon()} className={classes[\"icon\"]} />\n <div className={classes[\"content-wrapper\"]} role=\"log\">\n {!!title && !!content && (\n <Typography\n {...{ [\"data-testid\"]: \"alert-title\" }}\n className={classes[\"title\"]}\n variant=\"body-bold\"\n tag=\"span\"\n >\n {title}\n </Typography>\n )}\n {(!!content || !!title) && (\n <Typography\n {...{ [\"data-testid\"]: \"alert-content\" }}\n className={classes[\"content\"]}\n variant=\"body\"\n >\n {getContentOrTitle()}\n </Typography>\n )}\n </div>\n </div>\n {actionButtons.length > 0 && (\n <div {...{ [\"data-testid\"]: \"alert-actions\" }} className={classes[\"actions\"]}>\n {actionButtons}\n </div>\n )}\n {onClose && (\n <IconButton\n className={classes[\"close-btn\"]}\n onClick={e => {\n e.stopPropagation();\n startAnimation();\n }}\n title={closeButtonTitle}\n {...{ [\"data-testid\"]: \"alert-close\" }}\n >\n <Icon icon={Icons.Times} />\n </IconButton>\n )}\n </div>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Notifications/Alert/AlertItem/AlertItem.module.scss.cjs.js ADDED Viewed

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.AlertItem_sr-only_7l1Pc{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.AlertItem_hidden_7l1Pc{display:none}.AlertItem_slide-in_7l1Pc{animation:AlertItem_slide-in_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.AlertItem_slide-in_7l1Pc{animation-duration:.1ms}}.AlertItem_slide-out_7l1Pc{animation:AlertItem_slide-out_7l1Pc .5s forwards}@media (prefers-reduced-motion: reduce){.AlertItem_slide-out_7l1Pc{animation-duration:.1ms}}@keyframes AlertItem_slide-in_7l1Pc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes AlertItem_slide-out_7l1Pc{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the "License");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an "AS IS" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */.AlertItem_alert_7l1Pc{padding:1rem .875rem;border-radius:var(--alert-border-radius);display:flex;gap:.5rem;align-items:center;width:100%;box-sizing:border-box;flex-grow:0}.AlertItem_alert_7l1Pc.AlertItem_neutral_7l1Pc{background-color:var(--alert-neutral-background-color);border-radius:var(--alert-border-radius)}.AlertItem_alert_7l1Pc.AlertItem_neutral_7l1Pc.AlertItem_emph-low_7l1Pc{color:unset}.AlertItem_alert_7l1Pc.AlertItem_neutral_7l1Pc.AlertItem_emph-medium_7l1Pc{border-style:none none none solid;border-width:var(--alert-border-width);border-color:var(--alert-neutral-inverted-color);padding-left:calc(1 * var(--font-size) - var(--alert-border-width))}.AlertItem_alert_7l1Pc.AlertItem_neutral_7l1Pc.AlertItem_emph-high_7l1Pc{background-color:var(--alert-neutral-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_neutral_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_content_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_neutral_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_title_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_neutral_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_close-btn_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_neutral_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_icon_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_neutral_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_action-button_7l1Pc{color:var(--alert-text-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_informative_7l1Pc{background-color:var(--alert-info-background-color);border-radius:var(--alert-border-radius)}.AlertItem_alert_7l1Pc.AlertItem_informative_7l1Pc.AlertItem_emph-low_7l1Pc{color:unset}.AlertItem_alert_7l1Pc.AlertItem_informative_7l1Pc.AlertItem_emph-medium_7l1Pc{border-style:none none none solid;border-width:var(--alert-border-width);border-color:var(--alert-info-inverted-color);padding-left:calc(1 * var(--font-size) - var(--alert-border-width))}.AlertItem_alert_7l1Pc.AlertItem_informative_7l1Pc.AlertItem_emph-high_7l1Pc{background-color:var(--alert-info-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_informative_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_content_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_informative_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_title_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_informative_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_close-btn_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_informative_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_icon_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_informative_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_action-button_7l1Pc{color:var(--alert-text-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc{background-color:var(--alert-success-background-color);border-radius:var(--alert-border-radius)}.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc.AlertItem_emph-low_7l1Pc .AlertItem_icon_7l1Pc{color:var(--alert-success-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc.AlertItem_emph-medium_7l1Pc{border-style:none none none solid;border-width:var(--alert-border-width);border-color:var(--alert-success-inverted-color);padding-left:calc(1 * var(--font-size) - var(--alert-border-width))}.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc.AlertItem_emph-medium_7l1Pc .AlertItem_icon_7l1Pc{color:var(--alert-success-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc.AlertItem_emph-high_7l1Pc{background-color:var(--alert-success-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_content_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_title_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_close-btn_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_icon_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_success_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_action-button_7l1Pc{color:var(--alert-text-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc{background-color:var(--alert-warning-background-color);border-radius:var(--alert-border-radius)}.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc.AlertItem_emph-low_7l1Pc .AlertItem_icon_7l1Pc{color:var(--alert-warning-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc.AlertItem_emph-medium_7l1Pc{border-style:none none none solid;border-width:var(--alert-border-width);border-color:var(--alert-warning-inverted-color);padding-left:calc(1 * var(--font-size) - var(--alert-border-width))}.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc.AlertItem_emph-medium_7l1Pc .AlertItem_icon_7l1Pc{color:var(--alert-warning-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc.AlertItem_emph-high_7l1Pc{background-color:var(--alert-warning-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_content_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_title_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_close-btn_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_icon_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_warning_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_action-button_7l1Pc{color:var(--alert-text-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc{background-color:var(--alert-error-background-color);border-radius:var(--alert-border-radius)}.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc.AlertItem_emph-low_7l1Pc .AlertItem_icon_7l1Pc{color:var(--alert-error-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc.AlertItem_emph-medium_7l1Pc{border-style:none none none solid;border-width:var(--alert-border-width);border-color:var(--alert-error-inverted-color);padding-left:calc(1 * var(--font-size) - var(--alert-border-width))}.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc.AlertItem_emph-medium_7l1Pc .AlertItem_icon_7l1Pc{color:var(--alert-error-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc.AlertItem_emph-high_7l1Pc{background-color:var(--alert-error-inverted-color)}.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_content_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_title_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_close-btn_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_icon_7l1Pc,.AlertItem_alert_7l1Pc.AlertItem_error_7l1Pc.AlertItem_emph-high_7l1Pc .AlertItem_action-button_7l1Pc{color:var(--alert-text-inverted-color)}.AlertItem_alert_7l1Pc+.AlertItem_alert_7l1Pc{margin-top:.5rem}.AlertItem_alert_7l1Pc .AlertItem_close-btn_7l1Pc{color:var(--alert-text-color);align-self:center;width:2.5rem;height:2.5rem;margin:-.5rem 0;flex-shrink:0;border:0}.AlertItem_alert_7l1Pc .AlertItem_close-btn_7l1Pc span{font-size:var(--alert-font-size)}.AlertItem_alert_7l1Pc .AlertItem_close-btn_7l1Pc:not(:disabled):hover,.AlertItem_alert_7l1Pc .AlertItem_close-btn_7l1Pc:not(:disabled):focus{background-color:var(--color-black10)}.AlertItem_alert_7l1Pc .AlertItem_close-btn_7l1Pc:not(:disabled):active{background-color:var(--color-black20)}.AlertItem_alert_7l1Pc .AlertItem_icon_7l1Pc{color:var(--alert-text-color);font-size:var(--font-size);height:var(--font-size-big);display:inline-flex;align-items:center;align-self:flex-start}.AlertItem_alert_7l1Pc .AlertItem_title_7l1Pc{color:var(--alert-text-color);flex:1;font-size:var(--alert-font-size);line-height:1.43;margin-bottom:.25rem;display:block}.AlertItem_alert_7l1Pc .AlertItem_outer-content-wrapper_7l1Pc{display:flex;gap:.5rem;flex-grow:1}.AlertItem_alert_7l1Pc .AlertItem_content-wrapper_7l1Pc{flex-grow:1;padding-left:.125rem}.AlertItem_alert_7l1Pc .AlertItem_content_7l1Pc{color:var(--alert-text-color);font-size:var(--alert-font-size);line-height:1.43;margin-bottom:0;word-break:break-word}.AlertItem_alert_7l1Pc .AlertItem_actions_7l1Pc{text-align:right;align-self:center}.AlertItem_alert_7l1Pc .AlertItem_action-button_7l1Pc{border-width:var(--button-border-width);border-style:var(--button-border-style);border-radius:var(--button-border-radius);white-space:nowrap;font-size:var(--alert-font-size);line-height:1;font-weight:400;margin:-.5rem 0;padding:.625rem 1.25rem;cursor:pointer;transition:color,background-color,border-color .2s ease-in-out;font-family:var(--font-family);color:var(--alert-text-color);background-color:transparent;border-color:transparent}.AlertItem_alert_7l1Pc .AlertItem_action-button_7l1Pc:disabled{color:var(--greyed-out);cursor:not-allowed}.AlertItem_alert_7l1Pc .AlertItem_action-button_7l1Pc:focus-visible{outline:calc(.125 * var(--font-size)) solid var(--color-focus);outline-offset:calc(.125 * var(--font-size));border-radius:var(--focus-border-radius)}.AlertItem_alert_7l1Pc .AlertItem_action-button_7l1Pc:not(:disabled):hover,.AlertItem_alert_7l1Pc .AlertItem_action-button_7l1Pc:not(:disabled):focus{background-color:var(--color-black10)}.AlertItem_alert_7l1Pc .AlertItem_action-button_7l1Pc:not(:disabled):active{background-color:var(--color-black20)}@media only screen and (min-width: 37.5em){.AlertItem_alert_7l1Pc{width:-webkit-min-content;width:min-content;min-width:25rem}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="AlertItem_hidden_7l1Pc",t="AlertItem_alert_7l1Pc",r="AlertItem_neutral_7l1Pc",l="AlertItem_content_7l1Pc",o="AlertItem_title_7l1Pc",n="AlertItem_icon_7l1Pc",c="AlertItem_informative_7l1Pc",_="AlertItem_success_7l1Pc",s="AlertItem_warning_7l1Pc",i="AlertItem_error_7l1Pc",m="AlertItem_actions_7l1Pc",p={"sr-only":"AlertItem_sr-only_7l1Pc",hidden:e,"slide-in":"AlertItem_slide-in_7l1Pc","slide-out":"AlertItem_slide-out_7l1Pc",alert:t,neutral:r,"emph-low":"AlertItem_emph-low_7l1Pc","emph-medium":"AlertItem_emph-medium_7l1Pc","emph-high":"AlertItem_emph-high_7l1Pc",content:l,title:o,"close-btn":"AlertItem_close-btn_7l1Pc",icon:n,"action-button":"AlertItem_action-button_7l1Pc",informative:c,success:_,warning:s,error:i,"outer-content-wrapper":"AlertItem_outer-content-wrapper_7l1Pc","content-wrapper":"AlertItem_content-wrapper_7l1Pc",actions:m};exports.actions=m,exports.alert=t,exports.content=l,exports.default=p,exports.error=i,exports.hidden=e,exports.icon=n,exports.informative=c,exports.neutral=r,exports.success=_,exports.title=o,exports.warning=s;
+//# sourceMappingURL=AlertItem.module.scss.cjs.js.map

package/dist/components/Notifications/Alert/AlertItem/AlertItem.module.scss.cjs.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AlertItem.module.scss.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}