"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get ButtonsWrapper () {
        return ButtonsWrapper;
    },
    get CloseIconWrapper () {
        return CloseIconWrapper;
    },
    get ContentBox () {
        return ContentBox;
    },
    get IconWrapper () {
        return IconWrapper;
    },
    get StyledContent () {
        return StyledContent;
    },
    get StyledItemWrapper () {
        return StyledItemWrapper;
    },
    get StyledNotification () {
        return StyledNotification;
    },
    get StyledRoot () {
        return StyledRoot;
    },
    get StyledTitle () {
        return StyledTitle;
    },
    get TextBox () {
        return TextBox;
    },
    get Wrapper () {
        return Wrapper;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _react = require("@emotion/react");
const _mixins = require("../../mixins");
const _Button = require("../Button");
const _engines = require("../../engines");
const _Notificationtokens = require("./Notification.tokens");
const _Notificationtypes = require("./Notification.types");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const StyledNotification = (0, /*#__PURE__*/ _react.css)("width:fit-content;", "StyledNotification");
const mergedButtonConfig = (0, _engines.mergeConfig)(_Button.buttonConfig);
const Button = (0, _engines.component)(mergedButtonConfig);
const CloseIconWrapper = /*#__PURE__*/ (0, _styled.default)(Button, {
    target: "eowvau10",
    label: "CloseIconWrapper"
})("position:absolute;width:var(", _Notificationtokens.tokens.closeIconButtonSize, ");height:var(", _Notificationtokens.tokens.closeIconButtonSize, ");align-self:var(", _Notificationtokens.tokens.horisontalIconCloseAlignSelf, ");color:var(", _Notificationtokens.tokens.closeIconColor, ");:hover{color:var(", _Notificationtokens.tokens.closeIconColorOnHover, ");}&.", _Notificationtokens.classes.horizontal, "{position:relative;}");
const Wrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eowvau11",
    label: "Wrapper"
})("position:relative;width:", ({ width = `var(${_Notificationtokens.tokens.width})` })=>width, ";max-width:", ({ maxWidth })=>maxWidth || 'unset', ";border-radius:var(", _Notificationtokens.tokens.borderRadius, ");border:var(", _Notificationtokens.tokens.borderWidth, ") solid transparent;background:", ({ backgroundColor })=>backgroundColor || `var(${_Notificationtokens.tokens.background})`, ";box-sizing:border-box;box-shadow:var(", _Notificationtokens.tokens.boxShadow, ");&::before{content:'';position:absolute;pointer-events:none;inset:calc(-1 * var(", _Notificationtokens.tokens.borderWidth, ",0px));border-radius:inherit;padding:var(", _Notificationtokens.tokens.borderWidth, ",0px);background:var(", _Notificationtokens.tokens.borderColor, ",transparent);--m:linear-gradient(#fff 0 0);-webkit-mask:var(--m) content-box,var(--m);mask:var(--m) content-box exclude,var(--m);-webkit-mask-composite:xor;mask-composite:exclude;}&.", _Notificationtokens.classes.horizontal, "{display:flex;align-items:center;gap:var(", _Notificationtokens.tokens.horizontalLayoutGap, ");}");
const ButtonsWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eowvau12",
    label: "ButtonsWrapper"
})("margin-top:var(", _Notificationtokens.tokens.buttonsMarginTop, ");margin-left:", ({ iconPlacement })=>iconPlacement === _Notificationtypes.placements.left ? `var(${_Notificationtokens.tokens.buttonsMarginLeft})` : 'unset', ";align-self:var(", _Notificationtokens.tokens.horisontalActionsAlignSelf, ");&.", _Notificationtokens.classes.horizontal, "{margin-top:unset;margin-left:unset;}");
const IconWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eowvau13",
    label: "IconWrapper"
})("width:var(", _Notificationtokens.tokens.contentLeftIconSize, ");height:var(", _Notificationtokens.tokens.contentLeftIconSize, ");align-self:var(", _Notificationtokens.tokens.horisontalIconLeftAlignSelf, ");color:", ({ iconColor })=>iconColor || `var(${_Notificationtokens.tokens.contentLeftIconColor})`, ";margin-right:", ({ iconPlacement })=>iconPlacement === _Notificationtypes.placements.left ? `var(${_Notificationtokens.tokens.contentLeftIconMargin})` : 'unset', ";margin-bottom:", ({ iconPlacement })=>iconPlacement === _Notificationtypes.placements.top ? `var(${_Notificationtokens.tokens.contentTopIconMargin})` : 'unset', ";&.", _Notificationtokens.classes.horizontal, "{margin-right:var(", _Notificationtokens.tokens.horizontalLayoutLeftIconMargin, ");margin-bottom:unset;}");
const ContentBox = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eowvau14",
    label: "ContentBox"
})("display:", ({ iconPlacement })=>iconPlacement === _Notificationtypes.placements.left ? 'flex' : 'block', ";padding-top:", ({ iconPlacement })=>iconPlacement ? `var(${_Notificationtokens.tokens.contentPaddingTop})` : `var(${_Notificationtokens.tokens.contentPaddingTopWithoutIcon})`, ";&.", _Notificationtokens.classes.horizontal, "{padding:unset;display:flex;align-items:center;flex-grow:1;}");
const TextBox = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eowvau15",
    label: "TextBox"
})("padding:var(", _Notificationtokens.tokens.textboxPaddingTop, ") var(", _Notificationtokens.tokens.textboxPaddingRight, ") var(", _Notificationtokens.tokens.textboxPaddingBottom, ")\n        var(", _Notificationtokens.tokens.textboxPaddingLeft, ");padding-top:", ({ iconPlacement })=>!iconPlacement || iconPlacement === _Notificationtypes.placements.top ? `var(${_Notificationtokens.tokens.textboxPaddingTopWithTopIcon})` : `var(${_Notificationtokens.tokens.textboxPaddingTop})`, ";padding-right:", ({ showCloseIcon, iconPlacement })=>showCloseIcon && iconPlacement !== _Notificationtypes.placements.top ? `var(${_Notificationtokens.tokens.textboxPaddingRightWithCloseIcon})` : `var(${_Notificationtokens.tokens.textboxPaddingRight})`, ";display:flex;flex-direction:column;row-gap:var(", _Notificationtokens.tokens.textboxGap, ");word-break:break-word;&.", _Notificationtokens.classes.horizontal, "{padding:unset;}");
const StyledTitle = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eowvau16",
    label: "StyledTitle"
})("font-family:var(", _Notificationtokens.tokens.titleFontFamily, ");font-size:var(", _Notificationtokens.tokens.titleFontSize, ");font-style:var(", _Notificationtokens.tokens.titleFontStyle, ");font-weight:var(", _Notificationtokens.tokens.titleFontWeight, ");letter-spacing:var(", _Notificationtokens.tokens.titleFontLetterSpacing, ");line-height:var(", _Notificationtokens.tokens.titleFontLineHeight, ");", String(_mixins.applyHyphens), ";color:", ({ textColor })=>textColor || `var(${_Notificationtokens.tokens.titleColor})`, ";");
const StyledContent = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eowvau17",
    label: "StyledContent"
})("font-family:var(", _Notificationtokens.tokens.contentFontFamily, ");font-size:var(", _Notificationtokens.tokens.contentFontSize, ");font-style:var(", _Notificationtokens.tokens.contentFontStyle, ");font-weight:var(", _Notificationtokens.tokens.contentFontWeight, ");letter-spacing:var(", _Notificationtokens.tokens.contentFontLetterSpacing, ");line-height:var(", _Notificationtokens.tokens.contentFontLineHeight, ");", String(_mixins.applyHyphens), ";color:", ({ textColor })=>textColor || `var(${_Notificationtokens.tokens.contentColor})`, ";");
const StyledItemWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eowvau18",
    label: "StyledItemWrapper"
})("margin-top:1rem;opacity:1;&&.", _Notificationtokens.classes.notificationItemOpened, "{animation:0.4s showAnimation ease-out;&.", _Notificationtokens.classes.notificationLeftToRightAnimation, "{animation:0.4s showLeftToRightAnimation ease-out;}&.", _Notificationtokens.classes.notificationTopToCenterAnimation, "{animation:0.4s showTopToCenterAnimation ease-out;}&.", _Notificationtokens.classes.notificationBottomToCenterAnimation, "{animation:0.4s showBottomToCenterAnimation ease-out;}}&&.", _Notificationtokens.classes.notificationItemHidden, "{animation:0.4s hideAnimation ease-out;&.", _Notificationtokens.classes.notificationLeftToRightAnimation, "{animation:0.4s hideLeftToRightAnimation ease-out;}}@keyframes showTopToCenterAnimation{0%{transform:translateY(-100%);opacity:0;}100%{transform:translateY(0);opacity:1;}}@keyframes showBottomToCenterAnimation{0%{transform:translateY(100%);opacity:0;}100%{transform:translateY(0);opacity:1;}}@keyframes showLeftToRightAnimation{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideLeftToRightAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(-100%);opacity:0;}}@keyframes showAnimation{0%{transform:translateX(100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}");
const StyledRoot = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eowvau19",
    label: "StyledRoot"
})("display:flex;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;align-items:", ({ placement })=>placement === 'bottom-left' ? 'flex-start' : 'flex-end', ";");
