npm - @progress/kendo-themes-html - Versions diffs - 5.6.1-dev.6 → 5.6.1-dev.7 - Mend

@progress/kendo-themes-html 5.6.1-dev.6 → 5.6.1-dev.7

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 (133) hide show

package/dist/grid/tests/grid-adaptive-column-menu.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/grid/tests/grid-adaptive-column-menu.tsx", "../../../src/button/button.tsx", "../../../src/utils/classNames.ts", "../../../src/utils/theme.ts", "../../../src/icon/icon.tsx", "../../../src/switch/switch.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Icon } from '../../icon';\nimport { Switch } from '../../switch';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n            <div className=\"k-pane-wrapper k-widget\" style={{ height: \"650px\" }}>\n                <div className=\"k-pane\">\n                    <div className=\"k-grid-column-menu k-view k-widget\">\n                        <div className=\"k-appbar k-appbar-primary\">\n                            <Button className=\"k-header-cancel\" fillMode=\"flat\" icon=\"arrow-chevron-left\"></Button>\n                            <span className=\"k-spacer\"></span>\n                            <span>Edit Column Settings</span>\n                            <span className=\"k-spacer\"></span>\n                            <Button className=\"k-header-done\" fillMode=\"flat\" icon=\"check\"></Button>\n                        </div>\n                        <div className=\"k-stretched-view k-content\">\n                            <div className=\"k-column-menu\">\n                                <span className=\"k-list-title\">Column: Discontinued</span>\n                                <ul className=\"k-listgroup k-listgroup-flush\">\n                                    <li className=\"k-item k-listgroup-item k-sort-asc k-state-selected\">\n                                        <span className=\"k-link\">\n                                            <Icon name=\"sort-asc-sm\" />\n                                            <span className=\"k-item-title\">Sort Ascending</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item k-sort-desc\">\n                                        <span className=\"k-link\">\n                                            <Icon name=\"sort-desc-sm\" />\n                                            <span className=\"k-item-title\">Sort Descending</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item k-lock\">\n                                        <span className=\"k-link\">\n                                            <Icon name=\"lock\" />\n                                            <span className=\"k-item-title\">Lock</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item k-unlock k-state-disabled\">\n                                        <span className=\"k-link\">\n                                            <Icon name=\"unlock\" />\n                                            <span className=\"k-item-title\">Unlock</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item k-filter-item\">\n                                        <span className=\"k-link k-filterable\">\n                                            <Icon name=\"filter\" />\n                                            <span className=\"k-item-title\">Filter</span>\n                                            <span className=\"k-select\"><Icon name=\"arrow-chevron-right\" /></span>\n                                        </span>\n                                    </li>\n                                </ul>\n                                <span className=\"k-list-title\">Column Visibility</span>\n                                <span className=\"k-listgroup-title\">Group A</span>\n                                <ul className=\"k-listgroup k-listgroup-flush\">\n                                    <li className=\"k-item k-listgroup-item\">\n                                        <span className=\"k-listgroup-form-row\">\n                                            <span className=\"k-item-title k-listgroup-form-field-label\">Discontinued</span>\n                                            <span className=\"k-listgroup-form-field-wrapper\">\n                                                <Switch checked />\n                                            </span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item\">\n                                        <span className=\"k-listgroup-form-row\">\n                                            <span className=\"k-item-title k-listgroup-form-field-label\">ProductID</span>\n                                            <span className=\"k-listgroup-form-field-wrapper\">\n                                                <Switch checked />\n                                            </span>\n                                        </span>\n                                    </li>\n                                </ul>\n                                <span className=\"k-listgroup-title\">Group B</span>\n                                <ul className=\"k-listgroup k-listgroup-flush\">\n                                    <li className=\"k-item k-listgroup-item\">\n                                        <span className=\"k-listgroup-form-row\">\n                                            <span className=\"k-item-title k-listgroup-form-field-label\">Name</span>\n                                            <span className=\"k-listgroup-form-field-wrapper\">\n                                                <Switch checked disabled />\n                                            </span>\n                                        </span>\n                                    </li>\n                                </ul>\n                                <ul className=\"k-listgroup k-listgroup-flush\">\n                                    <li className=\"k-listgroup-item\">\n                                        <span className=\"k-link k-label k-clear\">Clear</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base',\n        showArrow: false,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            showArrow,\n            arrowIconName,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !text && !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n\n                {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface SwitchProps {\n    className?: string;\n    checked?: boolean;\n    onLabel?: string;\n    offLabel?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    trackRounded?: null | 'small' | 'medium' | 'large' | 'full';\n    thumbRounded?: null | 'small' | 'medium' | 'large' | 'full';\n    hover?: boolean;\n    focus?: boolean;\n    disabled?: boolean;\n}\n\nexport class Switch extends React.Component<SwitchProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        trackRounded: 'full',\n        thumbRounded: 'full'\n    };\n\n    render() {\n        const {\n            className,\n            checked,\n            onLabel,\n            offLabel,\n            size,\n            trackRounded,\n            thumbRounded,\n            hover,\n            focus,\n            disabled\n        } = this.props;\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-switch',\n                    {\n                        [`k-switch-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-disabled': disabled,\n                        'k-switch-on': checked,\n                        'k-switch-off': !checked\n                    },\n\n                )}>\n                <span\n                    className={classNames(\n                        'k-switch-track',\n                        {\n                            [`k-rounded-${kendoThemeMaps.roundedMap[trackRounded!] || trackRounded}`]: trackRounded\n                        }\n                    )}>\n                    {onLabel && <span className=\"k-switch-label-on\">{onLabel}</span>}\n                    {offLabel && <span className=\"k-switch-label-off\">{offLabel}</span>}\n                </span>\n                <span className=\"k-switch-thumb-wrap\">\n                    <span\n                        className={classNames(\n                            'k-switch-thumb',\n                            {\n                                [`k-rounded-${kendoThemeMaps.roundedMap[thumbRounded!] || thumbRounded}`]: thumbRounded\n                            }\n                        )}>\n                    </span>\n                </span>\n            </span>\n        );\n    }\n}\n"],
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Button } from '../../button';\nimport { Icon } from '../../icon';\nimport { Switch } from '../../switch';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nroot.render(\n    <>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-1\">\n\n            <div className=\"k-pane-wrapper k-widget\" style={{ height: \"650px\" }}>\n                <div className=\"k-pane\">\n                    <div className=\"k-grid-column-menu k-view k-widget\">\n                        <div className=\"k-appbar k-appbar-primary\">\n                            <Button className=\"k-header-cancel\" fillMode=\"flat\" icon=\"arrow-chevron-left\"></Button>\n                            <span className=\"k-spacer\"></span>\n                            <span>Edit Column Settings</span>\n                            <span className=\"k-spacer\"></span>\n                            <Button className=\"k-header-done\" fillMode=\"flat\" icon=\"check\"></Button>\n                        </div>\n                        <div className=\"k-stretched-view k-content\">\n                            <div className=\"k-column-menu\">\n                                <span className=\"k-list-title\">Column: Discontinued</span>\n                                <ul className=\"k-listgroup k-listgroup-flush\">\n                                    <li className=\"k-item k-listgroup-item k-sort-asc k-selected\">\n                                        <span className=\"k-link\">\n                                            <Icon name=\"sort-asc-sm\" />\n                                            <span className=\"k-item-title\">Sort Ascending</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item k-sort-desc\">\n                                        <span className=\"k-link\">\n                                            <Icon name=\"sort-desc-sm\" />\n                                            <span className=\"k-item-title\">Sort Descending</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item k-lock\">\n                                        <span className=\"k-link\">\n                                            <Icon name=\"lock\" />\n                                            <span className=\"k-item-title\">Lock</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item k-unlock k-disabled\">\n                                        <span className=\"k-link\">\n                                            <Icon name=\"unlock\" />\n                                            <span className=\"k-item-title\">Unlock</span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item k-filter-item\">\n                                        <span className=\"k-link k-filterable\">\n                                            <Icon name=\"filter\" />\n                                            <span className=\"k-item-title\">Filter</span>\n                                            <span className=\"k-select\"><Icon name=\"arrow-chevron-right\" /></span>\n                                        </span>\n                                    </li>\n                                </ul>\n                                <span className=\"k-list-title\">Column Visibility</span>\n                                <span className=\"k-listgroup-title\">Group A</span>\n                                <ul className=\"k-listgroup k-listgroup-flush\">\n                                    <li className=\"k-item k-listgroup-item\">\n                                        <span className=\"k-listgroup-form-row\">\n                                            <span className=\"k-item-title k-listgroup-form-field-label\">Discontinued</span>\n                                            <span className=\"k-listgroup-form-field-wrapper\">\n                                                <Switch checked />\n                                            </span>\n                                        </span>\n                                    </li>\n                                    <li className=\"k-item k-listgroup-item\">\n                                        <span className=\"k-listgroup-form-row\">\n                                            <span className=\"k-item-title k-listgroup-form-field-label\">ProductID</span>\n                                            <span className=\"k-listgroup-form-field-wrapper\">\n                                                <Switch checked />\n                                            </span>\n                                        </span>\n                                    </li>\n                                </ul>\n                                <span className=\"k-listgroup-title\">Group B</span>\n                                <ul className=\"k-listgroup k-listgroup-flush\">\n                                    <li className=\"k-item k-listgroup-item\">\n                                        <span className=\"k-listgroup-form-row\">\n                                            <span className=\"k-item-title k-listgroup-form-field-label\">Name</span>\n                                            <span className=\"k-listgroup-form-field-wrapper\">\n                                                <Switch checked disabled />\n                                            </span>\n                                        </span>\n                                    </li>\n                                </ul>\n                                <ul className=\"k-listgroup k-listgroup-flush\">\n                                    <li className=\"k-listgroup-item\">\n                                        <span className=\"k-link k-label k-clear\">Clear</span>\n                                    </li>\n                                </ul>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\nimport { Icon } from '../icon/';\n\nexport interface ButtonProps {\n    children?: React.ReactNode;\n    className?: string;\n    dir?: string;\n    style?: React.CSSProperties;\n    iconClassName?: string;\n    text?: string;\n    icon?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    rounded: null | 'small' | 'medium' | 'large' | 'full';\n    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link' | 'clear';\n    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';\n    hover?: boolean;\n    focus?: boolean;\n    active?: boolean;\n    selected?: boolean;\n    disabled?: boolean;\n    showArrow?: boolean;\n    arrowIconName?: string;\n}\n\nexport class Button extends React.Component<ButtonProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        rounded: 'medium',\n        fillMode: 'solid',\n        themeColor: 'base',\n        showArrow: false,\n        arrowIconName: 'arrow-s'\n    };\n\n    render() {\n        const {\n            children,\n            className,\n            iconClassName,\n            text,\n            icon,\n            size,\n            rounded,\n            fillMode,\n            themeColor,\n            hover,\n            focus,\n            active,\n            selected,\n            disabled,\n            showArrow,\n            arrowIconName,\n            ...htmlAttributes\n        } = this.props;\n\n        const hasIcon = (icon !== undefined);\n        const hasChildren = children !== undefined;\n\n        return (\n            <button\n                style={this.props.style}\n                {...htmlAttributes}\n                dir={this.props.dir}\n                className={classNames(\n                    className,\n                    'k-button',\n                    {\n                        [`k-button-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        [`k-button-${fillMode}`]: fillMode,\n                        [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),\n                        [`k-rounded-${kendoThemeMaps.roundedMap[rounded!] || rounded}`]: rounded,\n                        'k-icon-button': !text && !hasChildren && hasIcon,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-active': active,\n                        'k-selected': selected,\n                        'k-disabled': disabled\n                    }\n                )}>\n                {icon && <Icon className={classNames(iconClassName, 'k-button-icon')} name={icon} />}\n\n                {text\n                    ?\n                    <>\n                        {text && <span className=\"k-button-text\">{text}</span>}\n                        {children}\n                    </>\n                    : children && <span className=\"k-button-text\">{children}</span>\n                }\n\n                {showArrow && <span className=\"k-menu-button-arrow k-button-arrow\"><Icon name={arrowIconName} /></span>}\n            </button>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n", "export interface KendoThemeMaps {\n    sizeMap: Record<Exclude<any, null>, string>;\n    roundedMap: Record<Exclude<any, null>, string>;\n    calloutMap: Record<Exclude<any, null>, string>;\n    orientationMap: Record<Exclude<any, null>, string>;\n}\n\nexport const kendoThemeMaps: KendoThemeMaps = {\n    sizeMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    roundedMap: {\n        small: 'sm',\n        medium: 'md',\n        large: 'lg'\n    },\n    calloutMap: {\n        top: 'n',\n        bottom: 's',\n        left: 'w',\n        right: 'e'\n    },\n    orientationMap: {\n        vertical: 'vstack',\n        horizontal: 'hstack',\n    },\n};\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "import * as React from 'react';\nimport { classNames, kendoThemeMaps } from '../utils';\n\nexport interface SwitchProps {\n    className?: string;\n    checked?: boolean;\n    onLabel?: string;\n    offLabel?: string;\n    size?: null | 'small' | 'medium' | 'large';\n    trackRounded?: null | 'small' | 'medium' | 'large' | 'full';\n    thumbRounded?: null | 'small' | 'medium' | 'large' | 'full';\n    hover?: boolean;\n    focus?: boolean;\n    disabled?: boolean;\n}\n\nexport class Switch extends React.Component<SwitchProps> {\n\n    static defaultProps = {\n        size: 'medium',\n        trackRounded: 'full',\n        thumbRounded: 'full'\n    };\n\n    render() {\n        const {\n            className,\n            checked,\n            onLabel,\n            offLabel,\n            size,\n            trackRounded,\n            thumbRounded,\n            hover,\n            focus,\n            disabled\n        } = this.props;\n\n        return (\n            <span\n                className={classNames(\n                    className,\n                    'k-switch',\n                    {\n                        [`k-switch-${kendoThemeMaps.sizeMap[size!] || size}`]: size,\n                        'k-hover': hover,\n                        'k-focus': focus,\n                        'k-disabled': disabled,\n                        'k-switch-on': checked,\n                        'k-switch-off': !checked\n                    },\n\n                )}>\n                <span\n                    className={classNames(\n                        'k-switch-track',\n                        {\n                            [`k-rounded-${kendoThemeMaps.roundedMap[trackRounded!] || trackRounded}`]: trackRounded\n                        }\n                    )}>\n                    {onLabel && <span className=\"k-switch-label-on\">{onLabel}</span>}\n                    {offLabel && <span className=\"k-switch-label-off\">{offLabel}</span>}\n                </span>\n                <span className=\"k-switch-thumb-wrap\">\n                    <span\n                        className={classNames(\n                            'k-switch-thumb',\n                            {\n                                [`k-rounded-${kendoThemeMaps.roundedMap[thumbRounded!] || thumbRounded}`]: thumbRounded\n                            }\n                        )}>\n                    </span>\n                </span>\n            </span>\n        );\n    }\n}\n"],
   "mappings": "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",
   "names": ["React", "React", "ReactDOM", "React"]
 }

package/dist/notification/tests/notification-angular.js CHANGED Viewed

@@ -108,7 +108,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-content"
     }, "Closable notification"), /* @__PURE__ */ import_react.default.createElement(Icon, {
-      name: "close"
+      name: "x"
     }))))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-container"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
@@ -220,7 +220,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-content"
     }, "Closable notification"), /* @__PURE__ */ import_react.default.createElement(Icon, {
-      name: "close"
+      name: "x"
     }))))), /* @__PURE__ */ import_react.default.createElement("div", {
       dir: "rtl"
     }, /* @__PURE__ */ import_react.default.createElement("div", {

package/dist/notification/tests/notification-angular.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/notification/tests/notification-angular.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    body {\n        background: #fcfcfc;\n    }\n\n    #test-area {\n        justify-items: start;\n    }\n\n    .k-notification-container {\n        margin: 0;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <span className=\"k-colspan-all k-col-span-full\">LTR</span>\n\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Default notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Closable notification</div>\n                            <Icon name=\"close\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-primary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Primary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-secondary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Secondary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-tertiary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Tertiary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-info\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"info\" />\n                            <div className=\"k-notification-content\">Info notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-success\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"success\" />\n                            <div className=\"k-notification-content\">Success notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-warning\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"warning\" />\n                            <div className=\"k-notification-content\">Warning notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-error\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"error\" />\n                            <div className=\"k-notification-content\">Error notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-dark\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Dark notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-light\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Light notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-inverse\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Inverse notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <span className=\"k-colspan-all k-col-span-full\">RTL</span>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Default notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Closable notification</div>\n                            <Icon name=\"close\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-primary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Primary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-secondary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Secondary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-tertiary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Tertiary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-info\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"info\" />\n                            <div className=\"k-notification-content\">Info notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-success\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"success\" />\n                            <div className=\"k-notification-content\">Success notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-warning\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"warning\" />\n                            <div className=\"k-notification-content\">Warning notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-error\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"error\" />\n                            <div className=\"k-notification-content\">Error notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-dark\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Dark notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-light\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Light notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-inverse\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Inverse notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    body {\n        background: #fcfcfc;\n    }\n\n    #test-area {\n        justify-items: start;\n    }\n\n    .k-notification-container {\n        margin: 0;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <span className=\"k-colspan-all k-col-span-full\">LTR</span>\n\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Default notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Closable notification</div>\n                            <Icon name=\"x\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-primary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Primary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-secondary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Secondary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-tertiary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Tertiary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-info\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"info\" />\n                            <div className=\"k-notification-content\">Info notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-success\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"success\" />\n                            <div className=\"k-notification-content\">Success notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-warning\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"warning\" />\n                            <div className=\"k-notification-content\">Warning notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-error\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"error\" />\n                            <div className=\"k-notification-content\">Error notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-dark\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Dark notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-light\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Light notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-inverse\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Inverse notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <span className=\"k-colspan-all k-col-span-full\">RTL</span>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Default notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Closable notification</div>\n                            <Icon name=\"x\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-primary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Primary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-secondary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Secondary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-tertiary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Tertiary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-info\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"info\" />\n                            <div className=\"k-notification-content\">Info notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-success\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"success\" />\n                            <div className=\"k-notification-content\">Success notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-warning\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"warning\" />\n                            <div className=\"k-notification-content\">Warning notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-error\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"error\" />\n                            <div className=\"k-notification-content\">Error notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-dark\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Dark notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-light\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Light notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-notification-container\">\n                    <div className=\"k-widget k-notification k-notification-inverse\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Inverse notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
+  "mappings": "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",
   "names": ["ReactDOM", "React"]
 }

package/dist/notification/tests/notification-custom-angular.js CHANGED Viewed

@@ -108,7 +108,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-content"
     }, "Multiline notification", /* @__PURE__ */ import_react.default.createElement("div", null, "Closable multiline notification"), /* @__PURE__ */ import_react.default.createElement("div", null, "Closable multiline notification"), /* @__PURE__ */ import_react.default.createElement("div", null, "Closable multiline notification")), /* @__PURE__ */ import_react.default.createElement(Icon, {
-      name: "close"
+      name: "x"
     })))), /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-container"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
@@ -128,7 +128,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-content"
     }, "Full width notification"), /* @__PURE__ */ import_react.default.createElement(Icon, {
-      name: "close"
+      name: "x"
     }))))), /* @__PURE__ */ import_react.default.createElement("span", {
       className: "k-colspan-all k-col-span-full"
     }, "RTL"), /* @__PURE__ */ import_react.default.createElement("div", {
@@ -144,7 +144,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-content"
     }, "Multiline notification", /* @__PURE__ */ import_react.default.createElement("div", null, "Closable multiline notification"), /* @__PURE__ */ import_react.default.createElement("div", null, "Closable multiline notification"), /* @__PURE__ */ import_react.default.createElement("div", null, "Closable multiline notification")), /* @__PURE__ */ import_react.default.createElement(Icon, {
-      name: "close"
+      name: "x"
     })))), /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-container"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
@@ -165,7 +165,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-content"
     }, "Full width notification"), /* @__PURE__ */ import_react.default.createElement(Icon, {
-      name: "close"
+      name: "x"
     })))))))
   );
 })();

package/dist/notification/tests/notification-custom-angular.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/notification/tests/notification-custom-angular.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    body {\n        background: #fcfcfc;\n    }\n\n    .k-notification-group {\n        position: static;\n    }\n\n    .fullwidth,\n    .fullwidth > .k-notification {\n        width: 100%;\n    }\n\n    .k-custom-notification {\n        font-size: 20px;\n        color: gray;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <span className=\"k-colspan-all k-col-span-full\">LTR</span>\n\n            <div>\n                {/* notification group */}\n                <div className=\"k-notification-group\">\n                    <div className=\"k-notification-container\">\n                        <div className=\"k-widget k-notification k-notification-closable\">\n                            <div className=\"k-notification-wrap\">\n                                <div className=\"k-notification-content\">\n                                    Multiline notification\n                                    <div>Closable multiline notification</div>\n                                    <div>Closable multiline notification</div>\n                                    <div>Closable multiline notification</div>\n                                </div>\n                                <Icon name=\"close\" />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-notification-container\">\n                        <div className=\"k-widget k-notification k-custom-notification\">\n                            <div className=\"k-notification-wrap\">\n                                <div className=\"k-notification-content\">Custom notification</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-colspan-3 k-col-span-3\">\n                <div className=\"k-notification-container fullwidth\">\n                    <div className=\"k-widget k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Full width notification</div>\n                            <Icon name=\"close\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <span className=\"k-colspan-all k-col-span-full\">RTL</span>\n\n            <div dir=\"rtl\">\n                {/* notification group */}\n                <div className=\"k-notification-group\">\n                    <div className=\"k-notification-container\">\n                        <div className=\"k-widget k-notification k-notification-closable\">\n                            <div className=\"k-notification-wrap\">\n                                <div className=\"k-notification-content\">\n                                    Multiline notification\n                                    <div>Closable multiline notification</div>\n                                    <div>Closable multiline notification</div>\n                                    <div>Closable multiline notification</div>\n                                </div>\n                                <Icon name=\"close\" />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-notification-container\">\n                        <div className=\"k-widget k-notification k-custom-notification\">\n                            <div className=\"k-notification-wrap\">\n                                <div className=\"k-notification-content\">Custom notification</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-colspan-3 k-col-span-3\" dir=\"rtl\">\n                <div className=\"k-notification-container fullwidth\">\n                    <div className=\"k-widget k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Full width notification</div>\n                            <Icon name=\"close\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    body {\n        background: #fcfcfc;\n    }\n\n    .k-notification-group {\n        position: static;\n    }\n\n    .fullwidth,\n    .fullwidth > .k-notification {\n        width: 100%;\n    }\n\n    .k-custom-notification {\n        font-size: 20px;\n        color: gray;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <span className=\"k-colspan-all k-col-span-full\">LTR</span>\n\n            <div>\n                {/* notification group */}\n                <div className=\"k-notification-group\">\n                    <div className=\"k-notification-container\">\n                        <div className=\"k-widget k-notification k-notification-closable\">\n                            <div className=\"k-notification-wrap\">\n                                <div className=\"k-notification-content\">\n                                    Multiline notification\n                                    <div>Closable multiline notification</div>\n                                    <div>Closable multiline notification</div>\n                                    <div>Closable multiline notification</div>\n                                </div>\n                                <Icon name=\"x\" />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-notification-container\">\n                        <div className=\"k-widget k-notification k-custom-notification\">\n                            <div className=\"k-notification-wrap\">\n                                <div className=\"k-notification-content\">Custom notification</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-colspan-3 k-col-span-3\">\n                <div className=\"k-notification-container fullwidth\">\n                    <div className=\"k-widget k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Full width notification</div>\n                            <Icon name=\"x\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <span className=\"k-colspan-all k-col-span-full\">RTL</span>\n\n            <div dir=\"rtl\">\n                {/* notification group */}\n                <div className=\"k-notification-group\">\n                    <div className=\"k-notification-container\">\n                        <div className=\"k-widget k-notification k-notification-closable\">\n                            <div className=\"k-notification-wrap\">\n                                <div className=\"k-notification-content\">\n                                    Multiline notification\n                                    <div>Closable multiline notification</div>\n                                    <div>Closable multiline notification</div>\n                                    <div>Closable multiline notification</div>\n                                </div>\n                                <Icon name=\"x\" />\n                            </div>\n                        </div>\n                    </div>\n                    <div className=\"k-notification-container\">\n                        <div className=\"k-widget k-notification k-custom-notification\">\n                            <div className=\"k-notification-wrap\">\n                                <div className=\"k-notification-content\">Custom notification</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"k-colspan-3 k-col-span-3\" dir=\"rtl\">\n                <div className=\"k-notification-container fullwidth\">\n                    <div className=\"k-widget k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Full width notification</div>\n                            <Icon name=\"x\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
+  "mappings": "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",
   "names": ["ReactDOM", "React"]
 }

package/dist/notification/tests/notification-jquery.js CHANGED Viewed

@@ -109,7 +109,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-content"
     }, "Closable notification"), /* @__PURE__ */ import_react.default.createElement(Icon, {
-      name: "close"
+      name: "x"
     }))))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-animation-container"
     }, /* @__PURE__ */ import_react.default.createElement("div", {
@@ -221,7 +221,7 @@
     }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "k-notification-content"
     }, "Closable notification"), /* @__PURE__ */ import_react.default.createElement(Icon, {
-      name: "close"
+      name: "x"
     }))))), /* @__PURE__ */ import_react.default.createElement("div", {
       dir: "rtl"
     }, /* @__PURE__ */ import_react.default.createElement("div", {

package/dist/notification/tests/notification-jquery.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/notification/tests/notification-jquery.tsx", "../../../src/icon/icon.tsx", "../../../src/utils/classNames.ts"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    body {\n        background: #fcfcfc;\n    }\n\n    #test-area {\n        justify-items: start;\n    }\n\n    .k-animation-container {\n        position: static;\n        overflow: visible;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <span className=\"k-colspan-all k-col-span-full\">LTR</span>\n\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Default notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Closable notification</div>\n                            <Icon name=\"close\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-primary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Primary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-secondary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Secondary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-tertiary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Tertiary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-info\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"info\" />\n                            <div className=\"k-notification-content\">Info notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-success\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"success\" />\n                            <div className=\"k-notification-content\">Success notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-warning\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"warning\" />\n                            <div className=\"k-notification-content\">Warning notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-error\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"error\" />\n                            <div className=\"k-notification-content\">Error notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-dark\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Dark notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-light\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Light notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-inverse\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Inverse notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <span className=\"k-colspan-all k-col-span-full\">RTL</span>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Default notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Closable notification</div>\n                            <Icon name=\"close\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-primary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Primary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-secondary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Secondary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-tertiary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Tertiary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-info\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"info\" />\n                            <div className=\"k-notification-content\">Info notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-success\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"success\" />\n                            <div className=\"k-notification-content\">Success notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-warning\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"warning\" />\n                            <div className=\"k-notification-content\">Warning notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-error\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"error\" />\n                            <div className=\"k-notification-content\">Error notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-dark\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Dark notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-light\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Light notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-inverse\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Inverse notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { Icon } from '../../icon';\n\nconst root = ReactDOM.createRoot(\n    document.getElementById('app') as HTMLElement\n);\n\nconst styles = `\n    body {\n        background: #fcfcfc;\n    }\n\n    #test-area {\n        justify-items: start;\n    }\n\n    .k-animation-container {\n        position: static;\n        overflow: visible;\n    }\n`;\n\nroot.render(\n    <>\n        <style>{styles}</style>\n        <div id=\"test-area\" className=\"k-d-grid k-grid-cols-4\">\n\n            <span className=\"k-colspan-all k-col-span-full\">LTR</span>\n\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Default notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Closable notification</div>\n                            <Icon name=\"x\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-primary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Primary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-secondary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Secondary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-tertiary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Tertiary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-info\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"info\" />\n                            <div className=\"k-notification-content\">Info notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-success\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"success\" />\n                            <div className=\"k-notification-content\">Success notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-warning\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"warning\" />\n                            <div className=\"k-notification-content\">Warning notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-error\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"error\" />\n                            <div className=\"k-notification-content\">Error notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-dark\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Dark notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-light\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Light notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div>\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-inverse\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Inverse notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <span className=\"k-colspan-all k-col-span-full\">RTL</span>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Default notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-closable\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Closable notification</div>\n                            <Icon name=\"x\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-primary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Primary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-secondary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Secondary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-tertiary\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Tertiary notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-info\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"info\" />\n                            <div className=\"k-notification-content\">Info notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-success\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"success\" />\n                            <div className=\"k-notification-content\">Success notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-warning\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"warning\" />\n                            <div className=\"k-notification-content\">Warning notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-error\">\n                        <div className=\"k-notification-wrap\">\n                            <Icon name=\"error\" />\n                            <div className=\"k-notification-content\">Error notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-dark\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Dark notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-light\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Light notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div dir=\"rtl\">\n                <div className=\"k-animation-container\">\n                    <div className=\"k-widget k-popup k-notification k-notification-inverse\">\n                        <div className=\"k-notification-wrap\">\n                            <div className=\"k-notification-content\">Inverse notification</div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n    </>\n);\n", "import * as React from 'react';\nimport { classNames } from '../utils';\n\nexport interface IconProps {\n    className?: string;\n    style?: React.CSSProperties;\n    name?: string;\n}\n\nexport class Icon extends React.Component<IconProps> {\n\n    render() {\n        const {\n            className,\n            style,\n            name\n        } = this.props;\n\n        return (\n            <>\n                { name &&\n                    <span\n                        className={classNames(\n                            className,\n                            'k-icon',\n                            {\n                                [`k-i-${name}`]: name\n                            }\n                        )}\n                        style={style}>\n                    </span>\n                }\n            </>\n        );\n    }\n}\n", "/* eslint-disable no-return-assign */\nexport const classNames = (...args): string => {\n    const result = {};\n\n    const addLeafKeys = (arg) => {\n        (typeof arg === 'object'\n            ? Object.keys(arg).forEach((key) => {\n                result[key] = arg[key];\n            })\n            : (result[arg] = true)\n        );\n    };\n\n    const addKeys = (list) =>\n        list\n            .filter((arg) => arg !== true && Boolean(arg))\n            .map((arg: any) =>\n                (Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg))\n            );\n\n    addKeys(args);\n\n    return Object.keys(result)\n        .map((key) => (result[key] && key) || null)\n        .filter((el) => el !== null)\n        .join(' ');\n};\n"],
+  "mappings": "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",
   "names": ["ReactDOM", "React"]
 }