@1money/react-ui 1.14.11 → 1.15.0

package/AGENTS.md

@@ -1,34 +1,104 @@
-# Repository Guidelines
-
-## Project Structure & Module Organization
-- `src/` contains the TypeScript source; reusable widgets live in `src/components/*`, each with colocated props, styles, and tests.
-- Component tests sit in `src/components/*/__test__/index.test.tsx`, with Jest snapshots tracked under `__snapshots__`.
-- Storybook examples and playground stories reside in `src/stories/`; shared tokens and themes live in `src/variable.scss`.
-- Build artifacts are written to `es/` (ESM) and `lib/` (CJS) by the Omni pipeline—never edit these outputs directly.
-- Static assets originate from `public/`, while configuration (babel, tailwind, eslint, stylelint) is at the repo root.
-
-## Build, Test, and Development Commands
-- `pnpm install` boots the workspace and applies local `patches/`.
-- `pnpm dev` (alias `pnpm start`) runs `omni dev` with hot reloading for component previews.
-- `pnpm build` runs `omni build`, compiling TypeScript, styles, and type declarations into `es/` and `lib/`.
-- `pnpm run build:demo` produces Storybook docs in `dist-story/` for documentation or visual review handoff.
-- `pnpm test` executes the Jest suite with Testing Library; append `:snapshot` to refresh approved snapshots.
-- `pnpm lint` chains Prettier, ESLint, and Stylelint checks; use `pnpm run lint:fix` before committing to auto-resolve issues.
-
-## Coding Style & Naming Conventions
-- Prettier enforces 2-space indentation, 50-character print width, single quotes, and no trailing commas; run `pnpm lint:prettier_fix` after edits.
-- Follow ESLint rules in `eslint.config.js`; components and stories use PascalCase filenames, hooks/utilities use camelCase.
-- Style files (`.scss`, `.less`, `.css`) follow kebab-case names and Stylelint ordering; colocate styles with their component folder.
-- Export public components through `src/index.ts`, keeping barrel exports alphabetized and tree-shake friendly.
-
-## Testing Guidelines
-- Write unit tests with Jest + `@testing-library/react`; prefer user-centric queries (`screen.getByRole`).
-- Place new specs within the component’s `__test__` folder; mock browser APIs via `setupTests.js` when needed.
-- Maintain existing snapshots; regenerate with `pnpm run test:snapshot` and explain diffs in PRs.
-- Cover new states, accessibility flows, and edge cases; async interactions should await `screen.findBy...`.
-
-## Commit & Pull Request Guidelines
-- Commit messages must satisfy commitlint, using allowed types like `fix:`, `feat:`, `update:`, or scoped tags (`[OMNI-DOOR]`), plus optional issue refs `(#211)`.
-- Keep commits focused and run `pnpm lint` and `pnpm test` locally before pushing to prevent CI regressions.
-- Pull requests require a concise summary, linked issues, and screenshots or Storybook URLs for visual changes.
-- Request at least one reviewer; mark PRs as draft until checks pass and documentation is updated.
+# AGENTS.md
+
+This file provides guidance to Code Agent when working with code in this repository.
+
+## Development Commands
+
+### Development Server
+- `pnpm dev` - Start Storybook development server on port 6205
+- `pnpm start` - Alternative command to start development server
+
+### Building
+- `pnpm build` - Build the component library (both CommonJS and ES modules)
+- `pnpm build -n` - Build bypassing all pre-checks
+- `pnpm build:demo` - Build Storybook demo
+
+### Testing and Linting
+- `pnpm test` - Run Jest tests (passes with no tests by default)
+- `pnpm test:snapshot` - Update Jest snapshots
+- `pnpm lint` - Run all linting (ESLint, Prettier, Stylelint)
+- `pnpm lint:fix` - Auto-fix all linting issues
+- `pnpm lint:es` / `pnpm lint:es_fix` - ESLint only
+- `pnpm lint:prettier` / `pnpm lint:prettier_fix` - Prettier only
+- `pnpm lint:style` / `pnpm lint:style_fix` - Stylelint only
+
+### Component Generation
+- `pnpm new` - Interactive component scaffolding using omni-door
+- `pnpm new ComponentName -f` - Generate functional component with given name
+
+### Package Management
+- `pnpm release` - Release new version (auto-builds first)
+- `pnpm release -i` - Release ignoring version iteration
+- `pnpm release -m 0.3.25` - Release with specific version
+- `pnpm release -n` - Release bypassing pre-checks
+
+## Project Architecture
+
+### Component Library Structure
+This is a React component library built with PrimeReact as the base, using the omni-door CLI framework for scaffolding and build processes.
+
+**Core Dependencies:**
+- **PrimeReact**: Base UI component library (>=10.9.0)
+- **React**: >=16.8.0 with React 19+ for development
+- **TailwindCSS**: >=3.0.0 for styling system
+- **TypeScript**: Full TypeScript support with strict mode
+
+**Build System:**
+- Dual output: CommonJS (`lib/`) and ES modules (`es/`)
+- Gulp-based build pipeline via omni-door
+- SCSS preprocessing with modern API
+- Path aliasing: `@/` maps to `src/`
+
+### Directory Structure
+```
+src/
+├── components/           # All UI components
+│   └── ComponentName/
+│       ├── ComponentName.tsx      # Main component file
+│       ├── ComponentName.stories.tsx  # Storybook stories
+│       ├── interface.ts           # TypeScript interfaces
+│       ├── index.ts              # Export barrel
+│       ├── README.md             # Component documentation
+│       ├── __test__/             # Jest tests with snapshots
+│       └── style/                # SCSS styles
+├── utils/               # Utility functions (classnames, clipboard, uuid)
+├── variable.scss        # Global SCSS variables
+└── index.ts            # Main library export
+```
+
+### Component Development Patterns
+- **Base Components**: Most components wrap PrimeReact components with custom styling
+- **Props Interface**: Each component has a dedicated `interface.ts` file
+- **Styling**: SCSS modules with BEM-like naming via `classnames` utility
+- **Testing**: Jest with snapshot testing for visual regression
+- **Stories**: Storybook stories for documentation and testing
+
+### Key Files
+- `omni.config.js`: Main configuration for build, dev server, and scaffolding
+- `gulpfile.js`: Custom build pipeline configuration
+- `tsconfig.json`: TypeScript configuration with path mapping
+- `.storybook/`: Storybook configuration with custom theming
+
+### Package Exports
+The library provides both named exports and individual component imports:
+```js
+// Named imports
+import { Button, Input } from '@1money/react-ui';
+
+// Individual component imports
+import { Button } from '@1money/react-ui/Button';
+import '@1money/react-ui/index.css';
+```
+
+### Development Workflow
+1. Use `pnpm new ComponentName -f` to scaffold new components
+2. Components automatically include TypeScript interfaces, SCSS styles, Storybook stories, and Jest tests
+3. All components must pass linting (ESLint, Prettier, Stylelint) and tests before building
+4. Build process generates both CommonJS and ES module outputs with TypeScript declarations
+5. Storybook serves as both development environment and documentation
+
+### Important Notes
+- Components are patches applied to PrimeReact and react-pro-sidebar (see `patches/` directory)
+- Font assets (Aeonik, Inter, Outfit) are included in `public/fonts/`
+- Lottie animations are used in Loading component
+- Pre-commit hooks enforce code quality via husky and lint-staged

package/CLAUDE.md

@@ -1,104 +1 @@
-# CLAUDE.md
-
-This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
-
-## Development Commands
-
-### Development Server
-- `pnpm dev` - Start Storybook development server on port 6205
-- `pnpm start` - Alternative command to start development server
-
-### Building
-- `pnpm build` - Build the component library (both CommonJS and ES modules)
-- `pnpm build -n` - Build bypassing all pre-checks
-- `pnpm build:demo` - Build Storybook demo
-
-### Testing and Linting
-- `pnpm test` - Run Jest tests (passes with no tests by default)
-- `pnpm test:snapshot` - Update Jest snapshots
-- `pnpm lint` - Run all linting (ESLint, Prettier, Stylelint)
-- `pnpm lint:fix` - Auto-fix all linting issues
-- `pnpm lint:es` / `pnpm lint:es_fix` - ESLint only
-- `pnpm lint:prettier` / `pnpm lint:prettier_fix` - Prettier only
-- `pnpm lint:style` / `pnpm lint:style_fix` - Stylelint only
-
-### Component Generation
-- `pnpm new` - Interactive component scaffolding using omni-door
-- `pnpm new ComponentName -f` - Generate functional component with given name
-
-### Package Management
-- `pnpm release` - Release new version (auto-builds first)
-- `pnpm release -i` - Release ignoring version iteration
-- `pnpm release -m 0.3.25` - Release with specific version
-- `pnpm release -n` - Release bypassing pre-checks
-
-## Project Architecture
-
-### Component Library Structure
-This is a React component library built with PrimeReact as the base, using the omni-door CLI framework for scaffolding and build processes.
-
-**Core Dependencies:**
-- **PrimeReact**: Base UI component library (>=10.9.0)
-- **React**: >=16.8.0 with React 19+ for development
-- **TailwindCSS**: >=3.0.0 for styling system
-- **TypeScript**: Full TypeScript support with strict mode
-
-**Build System:**
-- Dual output: CommonJS (`lib/`) and ES modules (`es/`)
-- Gulp-based build pipeline via omni-door
-- SCSS preprocessing with modern API
-- Path aliasing: `@/` maps to `src/`
-
-### Directory Structure
-```
-src/
-├── components/           # All UI components
-│   └── ComponentName/
-│       ├── ComponentName.tsx      # Main component file
-│       ├── ComponentName.stories.tsx  # Storybook stories
-│       ├── interface.ts           # TypeScript interfaces
-│       ├── index.ts              # Export barrel
-│       ├── README.md             # Component documentation
-│       ├── __test__/             # Jest tests with snapshots
-│       └── style/                # SCSS styles
-├── utils/               # Utility functions (classnames, clipboard, uuid)
-├── variable.scss        # Global SCSS variables
-└── index.ts            # Main library export
-```
-
-### Component Development Patterns
-- **Base Components**: Most components wrap PrimeReact components with custom styling
-- **Props Interface**: Each component has a dedicated `interface.ts` file
-- **Styling**: SCSS modules with BEM-like naming via `classnames` utility
-- **Testing**: Jest with snapshot testing for visual regression
-- **Stories**: Storybook stories for documentation and testing
-
-### Key Files
-- `omni.config.js`: Main configuration for build, dev server, and scaffolding
-- `gulpfile.js`: Custom build pipeline configuration
-- `tsconfig.json`: TypeScript configuration with path mapping
-- `.storybook/`: Storybook configuration with custom theming
-
-### Package Exports
-The library provides both named exports and individual component imports:
-```js
-// Named imports
-import { Button, Input } from '@1money/react-ui';
-
-// Individual component imports
-import { Button } from '@1money/react-ui/Button';
-import '@1money/react-ui/index.css';
-```
-
-### Development Workflow
-1. Use `pnpm new ComponentName -f` to scaffold new components
-2. Components automatically include TypeScript interfaces, SCSS styles, Storybook stories, and Jest tests
-3. All components must pass linting (ESLint, Prettier, Stylelint) and tests before building
-4. Build process generates both CommonJS and ES module outputs with TypeScript declarations
-5. Storybook serves as both development environment and documentation
-
-### Important Notes
-- Components are patches applied to PrimeReact and react-pro-sidebar (see `patches/` directory)
-- Font assets (Aeonik, Inter, Outfit) are included in `public/fonts/`
-- Lottie animations are used in Loading component
-- Pre-commit hooks enforce code quality via husky and lint-staged
+@AGENTS.md

package/es/components/Notification/Notification.js

@@ -9,6 +9,7 @@ var __rest = this && this.__rest || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useMemo } from 'react';
 import { Icons } from '../Icons';
+import { Typography } from '../Typography';
 import { default as classnames, joinCls } from '../../utils/classnames';
 var SeverityIconMap = {
   success: {
@@ -16,11 +17,11 @@ var SeverityIconMap = {
     color: '#1F5800'
   },
   info: {
-    name: 'fail',
+    name: 'info',
     color: '#073387'
   },
   warn: {
-    name: 'error',
+    name: 'exclamation',
     color: '#DB8600'
   },
   error: {
@@ -38,23 +39,72 @@ export var Notification = function Notification(props) {
     prefixCls = _props$prefixCls === void 0 ? 'notification' : _props$prefixCls,
     title = props.title,
     description = props.description,
-    rest = __rest(props, ["children", "className", "severity", "onClick", "prefixCls", "title", "description"]);
+    link = props.link,
+    action = props.action,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? false : _props$closable,
+    onClose = props.onClose,
+    _props$showIcon = props.showIcon,
+    showIcon = _props$showIcon === void 0 ? true : _props$showIcon,
+    rest = __rest(props, ["children", "className", "severity", "onClick", "prefixCls", "title", "description", "link", "action", "closable", "onClose", "showIcon"]);
   var classes = classnames(prefixCls);
   var iconData = useMemo(function () {
     return SeverityIconMap[severity];
   }, [severity]);
+  var bodyContent = description !== null && description !== void 0 ? description : children;
   return _jsxs("div", Object.assign({}, rest, {
     className: classes(void 0, joinCls(classes(severity), className)),
     onClick: onClick,
-    children: [_jsx("span", {
-      className: classes('icon'),
-      children: _jsx(Icons, {
-        name: iconData.name,
-        color: iconData.color,
-        size: 16
-      })
-    }), children]
+    children: [_jsxs("div", {
+      className: classes('left'),
+      children: [showIcon && _jsx("span", {
+        className: classes('icon'),
+        "aria-hidden": true,
+        children: _jsx(Icons, {
+          name: iconData.name,
+          color: iconData.color,
+          size: 18
+        })
+      }), _jsxs("div", {
+        className: classes('content'),
+        children: [title && _jsx(Typography.Title, {
+          bold: true,
+          size: 's',
+          className: classes('title'),
+          children: title
+        }), bodyContent && _jsx(Typography.Body, {
+          size: 'm',
+          className: classes('body'),
+          children: bodyContent
+        }), (link === null || link === void 0 ? void 0 : link.label) && _jsx(Typography.Link, {
+          size: 'm',
+          className: classes('link'),
+          href: link.href,
+          target: link.target,
+          rel: link.rel,
+          onClick: link.onClick,
+          role: link.href ? undefined : 'button',
+          children: link.label
+        })]
+      })]
+    }), (action || closable) && _jsxs("div", {
+      className: classes('right'),
+      children: [action && _jsx("div", {
+        className: classes('action'),
+        children: action
+      }), closable && _jsx("button", {
+        type: 'button',
+        className: classes('close'),
+        "aria-label": 'Close notification',
+        onClick: onClose,
+        children: _jsx(Icons, {
+          name: 'close',
+          size: 16,
+          color: '#646465'
+        })
+      })]
+    })]
   }));
 };
 export default /*#__PURE__*/memo(Notification);
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOlsiX19yZXN0IiwicyIsImUiLCJ0IiwicCIsIk9iamVjdCIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImluZGV4T2YiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJpIiwibGVuZ3RoIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwibWVtbyIsInVzZU1lbW8iLCJJY29ucyIsImRlZmF1bHQiLCJjbGFzc25hbWVzIiwiam9pbkNscyIsIlNldmVyaXR5SWNvbk1hcCIsInN1Y2Nlc3MiLCJuYW1lIiwiY29sb3IiLCJpbmZvIiwid2FybiIsImVycm9yIiwiTm90aWZpY2F0aW9uIiwicHJvcHMiLCJjaGlsZHJlbiIsImNsYXNzTmFtZSIsIl9wcm9wcyRzZXZlcml0eSIsInNldmVyaXR5Iiwib25DbGljayIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJ0aXRsZSIsImRlc2NyaXB0aW9uIiwicmVzdCIsImNsYXNzZXMiLCJpY29uRGF0YSIsImFzc2lnbiIsInNpemUiXSwibWFwcGluZ3MiOiJBQUFBLElBQUlBLE1BQU0sR0FBSSxJQUFJLElBQUksSUFBSSxDQUFDQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxD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LENBQUMsRUFBRUYsU0FBUyxDQUFDLENBQUM7SUFDakVHLE9BQU8sRUFBRUEsT0FBTztJQUFBSixRQUFBLEVBQUEsQ0FFaEJsQixJQUFBLENBQUEsTUFBQSxFQUFBO01BQU1tQixTQUFTLEVBQUVTLE9BQU8sQ0FBQyxNQUFNLENBQUM7TUFBQVYsUUFBQSxFQUM5QmxCLElBQUEsQ0FBQ0ssS0FBSyxFQUFBO1FBQUNNLElBQUksRUFBRWtCLFFBQVEsQ0FBQ2xCLElBQUk7UUFBRUMsS0FBSyxFQUFFaUIsUUFBUSxDQUFDakIsS0FBSztRQUFFbUIsSUFBSSxFQUFFO01BQUUsQ0FBQTtJQUFJLENBQUEsQ0FDMUQsRUFDTGIsUUFBUTtFQUFBLENBQUEsQ0FBQSxDQUNOO0FBRVYsQ0FBQztBQUVELDRCQUFlZixJQUFJLENBQUNhLFlBQVksQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBjbGFzc25hbWVzLCBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5jb25zdCBTZXZlcml0eUljb25NYXAgPSB7XG4gICAgc3VjY2Vzczoge1xuICAgICAgICBuYW1lOiAnY2hlY2snLFxuICAgICAgICBjb2xvcjogJyMxRjU4MDAnLFxuICAgIH0sXG4gICAgaW5mbzoge1xuICAgICAgICBuYW1lOiAnZmFpbCcsXG4gICAgICAgIGNvbG9yOiAnIzA3MzM4NycsXG4gICAgfSxcbiAgICB3YXJuOiB7XG4gICAgICAgIG5hbWU6ICdlcnJvcicsXG4gICAgICAgIGNvbG9yOiAnI0RCODYwMCcsXG4gICAgfSxcbiAgICBlcnJvcjoge1xuICAgICAgICBuYW1lOiAnY3Jvc3MnLFxuICAgICAgICBjb2xvcjogJyNBRTAwMDAnLFxuICAgIH0sXG59O1xuZXhwb3J0IGNvbnN0IE5vdGlmaWNhdGlvbiA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIHNldmVyaXR5ID0gJ2luZm8nLCBvbkNsaWNrLCBwcmVmaXhDbHMgPSAnbm90aWZpY2F0aW9uJywgdGl0bGUsIGRlc2NyaXB0aW9uIH0gPSBwcm9wcywgcmVzdCA9IF9fcmVzdChwcm9wcywgW1wiY2hpbGRyZW5cIiwgXCJjbGFzc05hbWVcIiwgXCJzZXZlcml0eVwiLCBcIm9uQ2xpY2tcIiwgXCJwcmVmaXhDbHNcIiwgXCJ0aXRsZVwiLCBcImRlc2NyaXB0aW9uXCJdKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IGljb25EYXRhID0gdXNlTWVtbygoKSA9PiBTZXZlcml0eUljb25NYXBbc2V2ZXJpdHldLCBbc2V2ZXJpdHldKTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oe30sIHJlc3QsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKHZvaWQgMCwgam9pbkNscyhjbGFzc2VzKHNldmVyaXR5KSwgY2xhc3NOYW1lKSksIG9uQ2xpY2s6IG9uQ2xpY2ssIGNoaWxkcmVuOiBbX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2ljb24nKSwgY2hpbGRyZW46IF9qc3goSWNvbnMsIHsgbmFtZTogaWNvbkRhdGEubmFtZSwgY29sb3I6IGljb25EYXRhLmNvbG9yLCBzaXplOiAxNiB9KSB9KSwgY2hpbGRyZW5dIH0pKSk7XG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhOb3RpZmljYXRpb24pOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOlsiX19yZXN0IiwicyIsImUiLCJ0IiwicCIsIk9iamVjdCIsInByb3RvdHlwZSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImluZGV4T2YiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJpIiwibGVuZ3RoIiwicHJvcGVydHlJc0VudW1lcmFibGUiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwibWVtbyIsInVzZU1lbW8iLCJJY29ucyIsIlR5cG9ncmFwaHkiLCJkZWZhdWx0IiwiY2xhc3NuYW1lcyIsImpvaW5DbHMiLCJTZXZlcml0eUljb25NYXAiLCJzdWNjZXNzIiwibmFtZSIsImNvbG9yIiwiaW5mbyIsIndhcm4iLCJlcnJvciIsIk5vdGlmaWNhdGlvbiIsInByb3BzIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJfcHJvcHMkc2V2ZXJpdHkiLCJzZXZlcml0eSIsIm9uQ2xpY2siLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwidGl0bGUiLCJkZXNjcmlwdGlvbiIsImxpbmsiLCJhY3Rpb24iLCJfcHJvcHMkY2xvc2FibGUiLCJjbG9zYWJsZSIsIm9uQ2xvc2UiLCJfcHJvcHMkc2hvd0ljb24iLCJzaG93SWNvbiIsInJlc3QiLCJjbGFzc2VzIiwiaWNvbkRhdGEiLCJib2R5Q29udGVudCIsImFzc2lnbiIsInNpemUiLCJUaXRsZSIsImJvbGQiLCJCb2R5IiwibGFiZWwiLCJMaW5rIiwiaHJlZiIsInRhcmdldCIsInJlbCIsInJvbGUiLCJ1bmRlZmluZWQiLCJ0eXBlIl0sIm1hcHBpbmdzIjoiQUFBQSxJQUFJQSxNQUFNLEdBQUksSUFBSSxJQUFJLElBQUksQ0FBQ0EsTUFBTSxJQUFLLFVBQVVDLENBQUMsRUFBRUMsQ0FBQyxFQUFFO0VBQ2xELElBQUlDLENBQUMsR0FBRyxDQUFDLENBQUM7RUFDVixLQUFLLElBQUlDLENBQUMsSUFBSUgsQ0FBQyxFQUFFLElBQUlJLE1BQU0sQ0FBQ0MsU0FBUyxDQUFDQyxjQUFjLENBQUNDLElBQUksQ0FBQ1AsQ0FBQyxFQUFFRyxDQUFDLENBQUMsSUFBSUYsQ0FBQyxDQUFDTyxPQUFPLENBQUNMLENBQUMsQ0FBQyxHQUFHLENBQUMsRUFDL0VELENBQUMsQ0FBQ0MsQ0FBQyxDQUFDLEdBQUdILENBQUMsQ0FBQ0csQ0FBQyxDQUFDO0VBQ2YsSUFBSUgsQ0FBQyxJQUFJLElBQUksSUFBSSxPQUFPSSxNQUFNLENBQUNLLHFCQUFxQixLQUFLLFVBQVUsRUFDL0QsS0FBSyxJQUFJQyxDQUFDLEdBQUcsQ0FBQyxFQUFFUCxDQUFDLEdBQUdDLE1BQU0sQ0FBQ0sscUJBQXFCLENBQUNULENBQUMsQ0FBQyxFQUFFVSxDQUFDLEdBQUdQLENBQUMsQ0FBQ1EsTUFBTSxFQUFFRCxDQUFDLEVBQUUsRUFBRTtJQUNwRSxJQUFJVCxDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDTyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSU4sTUFBTSxDQUFDQyxTQUFTLENBQUNPLG9CQUFvQixDQUFDTCxJQUFJLENBQUNQLENBQUMsRUFBRUcsQ0FBQyxDQUFDTyxDQUFDLENBQUMsQ0FBQyxFQUMxRVIsQ0FBQyxDQUFDQyxDQUFDLENBQUNPLENBQUMsQ0FBQyxDQUFDLEdBQUdWLENBQUMsQ0FBQ0csQ0FBQyxDQUFDTyxDQUFDLENBQUMsQ0FBQztFQUN6QjtFQUNKLE9BQU9SLENBQUM7QUFDWixDQUFDO0FBQ0QsU0FBU1csR0FBRyxJQUFJQyxJQUFJLEVBQUVDLElBQUksSUFBSUMsS0FBSyxRQUFRLG1CQUFtQjtBQ1g5RCxTQUFTQyxJQUFJLEVBQUVDLE9BQU8sUUFBUSxPQUFPO0FBQ3JDLFNBQVNDLEtBQUssUUFBUSxVQUFVO0FBQ2hDLFNBQVNDLFVBQVUsUUFBUSxlQUFlO0FBQzFDLFNBQVNDLE9BQU8sSUFBSUMsVUFBVSxFQUFFQyxPQUFPLFFBQVEsd0JBQXdCO0FBS3ZFLElBQU1DLGVBQWUsR0FBRztFQUN0QkMsT0FBTyxFQUFFO0lBQ1BDLElBQUksRUFBRSxPQUFnQjtJQUN0QkMsS0FBSyxFQUFFO0VEU1AsQ0NSRDtFQUNEQyxJQUFJLEVBQUU7SUFDSkYsSUFBSSxFQUFFLE1BQWU7SUFDckJDLEtBQUssRUFBRTtFRFNQLENDUkQ7RUFDREUsSUFBSSxFQUFFO0lBQ0pILElBQUksRUFBRSxhQUFzQjtJQUM1QkMsS0FBSyxFQUFFO0VEU1AsQ0NSRDtFQUNERyxLQUFLLEVBQUU7SUFDTEosSUFBSSxFQUFFLE9BQWdCO0lBQ3RCQyxLQUFLLEVBQUU7RURTUDtBQUNKLENDUkM7QUFFRCxPQUFPLElBQU1JLFlBQVksR0FBNkMsU0FBekRBLFlBQVlBLENBQTZDQyxLQUFLLEVBQUc7RUFDNUUsSUFDRUMsUUFBUSxHQWFORCxLQUFLLENBYlBDLFFBQVE7SUFDUkMsU0FBUyxHQVlQRixLQUFLLENBWlBFLFNBQVM7SUFBQUMsZUFBQSxHQVlQSCxLQUFLLENBWFBJLFFBQVE7SUFBUkEsUUFBUSxHQUFBRCxlQUFBLGNBQUcsTUFBTSxHQUFBQSxlQUFBO0lBQ2pCRSxPQUFPLEdBVUxMLEtBQUssQ0FWUEssT0FBTztJQUFBQyxnQkFBQSxHQVVMTixLQUFLLENBVFBPLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxnQkFBQSxjQUFHLGNBQWMsR0FBQUEsZ0JBQUE7SUFDMUJFLEtBQUssR0FRSFIsS0FBSyxDQVJQUSxLQUFLO0lBQ0xDLFdBQVcsR0FPVFQsS0FBSyxDQVBQUyxXQUFXO0lBQ1hDLElBQUksR0FNRlYsS0FBSyxDQU5QVSxJQUFJO0lBQ0pDLE1BQU0sR0FLSlgsS0FBSyxDQUxQVyxNQUFNO0lBQUFDLGVBQUEsR0FLSlosS0FBSyxDQUpQYSxRQUFRO0lBQVJBLFFBQVEsR0FBQUQsZUFBQSxjQUFHLEtBQUssR0FBQUEsZUFBQTtJQUNoQkUsT0FBTyxHQUdMZCxLQUFLLENBSFBjLE9BQU87SUFBQUMsZUFBQSxHQUdMZixLQUFLLENBRlBnQixRQUFRO0lBQVJBLFFBQVEsR0FBQUQsZUFBQSxjQUFHLElBQUksR0FBQUEsZUFBQTtJQUNaRSxJQUFJLEdBQUFsRCxNQUFBLENBQ0xpQyxLQUFLLEVBZEgsQ0FBQSxVQUFBLEVBQUEsV0FBQSxFQUFBLFVBQUEsRUFBQSxTQUFBLEVBQUEsV0FBQSxFQUFBLE9BQUEsRUFBQSxhQUFBLEVBQUEsTUFBQSxFQUFBLFFBQUEsRUFBQSxVQUFBLEVBQUEsU0FBQSxFQUFBLFVBQUEsQ0FjTCxDQUFRO0VBQ1QsSUFBTWtCLE9BQU8sR0FBRzVCLFVBQVUsQ0FBQ2lCLFNBQVMsQ0FBQztFQUVyQyxJQUFNWSxRQUFRLEdBQUdqQyxPQUFPLENBQUM7SUFBQSxPQUFNTSxlQUFlLENBQUNZLFFBQVEsQ0FBQztFQUFBLEdBQUUsQ0FBQ0EsUUFBUSxDQUFDLENBQUM7RUFDckUsSUFBTWdCLFdBQVcsR0FBR1gsV0FBVyxLQUFBLElBQUEsSUFBWEEsV0FBVyxLQUFBLEtBQUEsQ0FBQSxHQUFYQSxXQUFXLEdBQUlSLFFBQVE7RUFFM0MsT0FDRWpCLEtBQUEsQ0FBQSxLQUFBLEVBQUFaLE1BQUEsQ0FBQWlELE1BQUEsQ0FBQSxDQUFBLENBQUEsRUFDTUosSUFBSSxFQUFBO0lBQ1JmLFNBQVMsRUFBRWdCLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRTNCLE9BQU8sQ0FBQzJCLE9BQU8sQ0FBQ2QsUUFBUSxDQUFDLEVBQUVGLFNBQVMsQ0FBQyxDQUFDO0lBQ2pFRyxPQUFPLEVBQUVBLE9BQU87SUFBQUosUUFBQSxFQUFBLENBRWhCakIsS0FBQSxDQUFBLEtBQUEsRUFBQTtNQUFLa0IsU0FBUyxFQUFFZ0IsT0FBTyxDQUFDLE1BQU0sQ0FBQztNQUFBakIsUUFBQSxFQUFBLENBQzVCZSxRQUFRLElBQ1BsQyxJQUFBLENBQUEsTUFBQSxFQUFBO1FBQU1vQixTQUFTLEVBQUVnQixPQUFPLENBQUMsTUFBTSxDQUFDO1FBQUEsYUFBQSxFQUFBLElBQUE7UUFBQWpCLFFBQUEsRUFDOUJuQixJQUFBLENBQUNLLEtBQUssRUFBQTtVQUFDTyxJQUFJLEVBQUV5QixRQUFRLENBQUN6QixJQUFJO1VBQUVDLEtBQUssRUFBRXdCLFFBQVEsQ0FBQ3hCLEtBQUs7VUFBRTJCLElBQUksRUFBRTtRQUFFLENBQUE7TUFBSSxDQUFBLENBRWxFLEVBQ0R0QyxLQUFBLENBQUEsS0FBQSxFQUFBO1FBQUtrQixTQUFTLEVBQUVnQixPQUFPLENBQUMsU0FBUyxDQUFDO1FBQUFqQixRQUFBLEVBQUEsQ0FDL0JPLEtBQUssSUFDSjFCLElBQUEsQ0FBQ00sVUFBVSxDQUFDbUMsS0FBSyxFQUFBO1VBQUNDLElBQUksRUFBQSxJQUFBO1VBQUNGLElBQUksRUFBQyxHQUFHO1VBQUNwQixTQUFTLEVBQUVnQixPQUFPLENBQUMsT0FBTyxDQUFDO1VBQUFqQixRQUFBLEVBQ3hETztRQUFLLENBQUEsQ0FFVCxFQUNBWSxXQUFXLElBQ1Z0QyxJQUFBLENBQUNNLFVBQVUsQ0FBQ3FDLElBQUksRUFBQTtVQUFDSCxJQUFJLEVBQUMsR0FBRztVQUFDcEIsU0FBUyxFQUFFZ0IsT0FBTyxDQUFDLE1BQU0sQ0FBQztVQUFBakIsUUFBQSxFQUNqRG1CO1FBQVcsQ0FBQSxDQUVmLEVBQ0EsQ0FBQVYsSUFBSSxLQUFBLElBQUEsSUFBSkEsSUFBSSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFKQSxJQUFJLENBQUVnQixLQUFLLEtBQ1Y1QyxJQUFBLENBQUNNLFVBQVUsQ0FBQ3VDLElBQUksRUFBQTtVQUNkTCxJQUFJLEVBQUMsR0FBRztVQUNScEIsU0FBUyxFQUFFZ0IsT0FBTyxDQUFDLE1BQU0sQ0FBQztVQUMxQlUsSUFBSSxFQUFFbEIsSUFBSSxDQUFDa0IsSUFBSTtVQUNmQyxNQUFNLEVBQUVuQixJQUFJLENBQUNtQixNQUFNO1VBQ25CQyxHQUFHLEVBQUVwQixJQUFJLENBQUNvQixHQUFHO1VBQ2J6QixPQUFPLEVBQUVLLElBQUksQ0FBQ0wsT0FBTztVQUNyQjBCLElBQUksRUFBRXJCLElBQUksQ0FBQ2tCLElBQUksR0FBR0ksU0FBUyxHQUFHLFFBQVE7VUFBQS9CLFFBQUEsRUFFckNTLElBQUksQ0FBQ2dCO1FBQUssQ0FBQSxDQUVkO01BQUEsQ0FBQSxDQUNHO0lBQUEsQ0FBQSxDQUNGLEVBQ0wsQ0FBQ2YsTUFBTSxJQUFJRSxRQUFRLEtBQ2xCN0IsS0FBQSxDQUFBLEtBQUEsRUFBQTtNQUFLa0IsU0FBUyxFQUFFZ0IsT0FBTyxDQUFDLE9BQU8sQ0FBQztNQUFBakIsUUFBQSxFQUFBLENBQzdCVSxNQUFNLElBQ0w3QixJQUFBLENBQUEsS0FBQSxFQUFBO1FBQUtvQixTQUFTLEVBQUVnQixPQUFPLENBQUMsUUFBUSxDQUFDO1FBQUFqQixRQUFBLEVBQzlCVTtNQUFNLENBQUEsQ0FFVixFQUNBRSxRQUFRLElBQ1AvQixJQUFBLENBQUEsUUFBQSxFQUFBO1FBQ0VtRCxJQUFJLEVBQUMsUUFBUTtRQUNiL0IsU0FBUyxFQUFFZ0IsT0FBTyxDQUFDLE9BQU8sQ0FBQztRQUFBLFlBQUEsRUFDaEIsb0JBQW9CO1FBQy9CYixPQUFPLEVBQUVTLE9BQU87UUFBQWIsUUFBQSxFQUVoQm5CLElBQUEsQ0FBQ0ssS0FBSyxFQUFBO1VBQUNPLElBQUksRUFBQyxPQUFPO1VBQUM0QixJQUFJLEVBQUUsRUFBRTtVQUFFM0IsS0FBSyxFQUFDO1FBQVMsQ0FBQTtNQUFHLENBQUEsQ0FFbkQ7SUFBQSxDQUFBLENBRUo7RUFBQSxDQUFBLENBQUEsQ0FDRztBQUVWLENBQUM7QUFFRCw0QkFBZVYsSUFBSSxDQUFDYyxZQUFZLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uL0ljb25zJztcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuY29uc3QgU2V2ZXJpdHlJY29uTWFwID0ge1xuICAgIHN1Y2Nlc3M6IHtcbiAgICAgICAgbmFtZTogJ2NoZWNrJyxcbiAgICAgICAgY29sb3I6ICcjMUY1ODAwJyxcbiAgICB9LFxuICAgIGluZm86IHtcbiAgICAgICAgbmFtZTogJ2luZm8nLFxuICAgICAgICBjb2xvcjogJyMwNzMzODcnLFxuICAgIH0sXG4gICAgd2Fybjoge1xuICAgICAgICBuYW1lOiAnZXhjbGFtYXRpb24nLFxuICAgICAgICBjb2xvcjogJyNEQjg2MDAnLFxuICAgIH0sXG4gICAgZXJyb3I6IHtcbiAgICAgICAgbmFtZTogJ2Nyb3NzJyxcbiAgICAgICAgY29sb3I6ICcjQUUwMDAwJyxcbiAgICB9LFxufTtcbmV4cG9ydCBjb25zdCBOb3RpZmljYXRpb24gPSBwcm9wcyA9PiB7XG4gICAgY29uc3QgeyBjaGlsZHJlbiwgY2xhc3NOYW1lLCBzZXZlcml0eSA9ICdpbmZvJywgb25DbGljaywgcHJlZml4Q2xzID0gJ25vdGlmaWNhdGlvbicsIHRpdGxlLCBkZXNjcmlwdGlvbiwgbGluaywgYWN0aW9uLCBjbG9zYWJsZSA9IGZhbHNlLCBvbkNsb3NlLCBzaG93SWNvbiA9IHRydWUgfSA9IHByb3BzLCByZXN0ID0gX19yZXN0KHByb3BzLCBbXCJjaGlsZHJlblwiLCBcImNsYXNzTmFtZVwiLCBcInNldmVyaXR5XCIsIFwib25DbGlja1wiLCBcInByZWZpeENsc1wiLCBcInRpdGxlXCIsIFwiZGVzY3JpcHRpb25cIiwgXCJsaW5rXCIsIFwiYWN0aW9uXCIsIFwiY2xvc2FibGVcIiwgXCJvbkNsb3NlXCIsIFwic2hvd0ljb25cIl0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgaWNvbkRhdGEgPSB1c2VNZW1vKCgpID0+IFNldmVyaXR5SWNvbk1hcFtzZXZlcml0eV0sIFtzZXZlcml0eV0pO1xuICAgIGNvbnN0IGJvZHlDb250ZW50ID0gZGVzY3JpcHRpb24gIT09IG51bGwgJiYgZGVzY3JpcHRpb24gIT09IHZvaWQgMCA/IGRlc2NyaXB0aW9uIDogY2hpbGRyZW47XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHt9LCByZXN0LCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGpvaW5DbHMoY2xhc3NlcyhzZXZlcml0eSksIGNsYXNzTmFtZSkpLCBvbkNsaWNrOiBvbkNsaWNrLCBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdsZWZ0JyksIGNoaWxkcmVuOiBbc2hvd0ljb24gJiYgKF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdpY29uJyksIFwiYXJpYS1oaWRkZW5cIjogdHJ1ZSwgY2hpbGRyZW46IF9qc3goSWNvbnMsIHsgbmFtZTogaWNvbkRhdGEubmFtZSwgY29sb3I6IGljb25EYXRhLmNvbG9yLCBzaXplOiAxOCB9KSB9KSksIF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdjb250ZW50JyksIGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwb2dyYXBoeS5UaXRsZSwgeyBib2xkOiB0cnVlLCBzaXplOiAncycsIGNsYXNzTmFtZTogY2xhc3NlcygndGl0bGUnKSwgY2hpbGRyZW46IHRpdGxlIH0pKSwgYm9keUNvbnRlbnQgJiYgKF9qc3goVHlwb2dyYXBoeS5Cb2R5LCB7IHNpemU6ICdtJywgY2xhc3NOYW1lOiBjbGFzc2VzKCdib2R5JyksIGNoaWxkcmVuOiBib2R5Q29udGVudCB9KSksIChsaW5rID09PSBudWxsIHx8IGxpbmsgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGxpbmsubGFiZWwpICYmIChfanN4KFR5cG9ncmFwaHkuTGluaywgeyBzaXplOiAnbScsIGNsYXNzTmFtZTogY2xhc3NlcygnbGluaycpLCBocmVmOiBsaW5rLmhyZWYsIHRhcmdldDogbGluay50YXJnZXQsIHJlbDogbGluay5yZWwsIG9uQ2xpY2s6IGxpbmsub25DbGljaywgcm9sZTogbGluay5ocmVmID8gdW5kZWZpbmVkIDogJ2J1dHRvbicsIGNoaWxkcmVuOiBsaW5rLmxhYmVsIH0pKV0gfSldIH0pLCAoYWN0aW9uIHx8IGNsb3NhYmxlKSAmJiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3JpZ2h0JyksIGNoaWxkcmVuOiBbYWN0aW9uICYmIChfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdhY3Rpb24nKSwgY2hpbGRyZW46IGFjdGlvbiB9KSksIGNsb3NhYmxlICYmIChfanN4KFwiYnV0dG9uXCIsIHsgdHlwZTogJ2J1dHRvbicsIGNsYXNzTmFtZTogY2xhc3NlcygnY2xvc2UnKSwgXCJhcmlhLWxhYmVsXCI6ICdDbG9zZSBub3RpZmljYXRpb24nLCBvbkNsaWNrOiBvbkNsb3NlLCBjaGlsZHJlbjogX2pzeChJY29ucywgeyBuYW1lOiAnY2xvc2UnLCBzaXplOiAxNiwgY29sb3I6ICcjNjQ2NDY1JyB9KSB9KSldIH0pKV0gfSkpKTtcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKE5vdGlmaWNhdGlvbik7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Notification/interface.d.ts

@@ -6,5 +6,17 @@ export interface NotificationProps {
     severity?: 'info' | 'success' | 'warn' | 'error';
     title?: ReactNode;
     description?: ReactNode;
+    link?: NotificationLink;
+    action?: ReactNode;
+    closable?: boolean;
+    onClose?: MouseEventHandler<HTMLButtonElement>;
+    showIcon?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;
 }
+export interface NotificationLink {
+    label: ReactNode;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
+}

package/es/components/Notification/style/Notification.css

@@ -1 +1 @@
-.om-react-ui-notification{display:inline-flex;gap:12px;align-items:center;padding:12px;color:#404042;font-weight:400;font-size:14px;line-height:140%;border-radius:12px}.om-react-ui-notification-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%}.om-react-ui-notification-success,.om-react-ui-notification-success .om-react-ui-notification-icon{background-color:rgba(31,88,0,.2)}.om-react-ui-notification-info{background-color:#f8f8f8}.om-react-ui-notification-info .om-react-ui-notification-icon{background-color:#edf2f9}.om-react-ui-notification-error,.om-react-ui-notification-error .om-react-ui-notification-icon{background-color:rgba(174,0,0,.1019607843)}.om-react-ui-notification-warn{color:#646465}.om-react-ui-notification-warn,.om-react-ui-notification-warn .om-react-ui-notification-icon{background-color:rgba(244,198,0,.2)}
+.om-react-ui-notification{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;color:#404042;font-weight:400;font-size:14px;line-height:140%;background-color:#f8f8f8;border-radius:12px}.om-react-ui-notification-left{display:flex;flex:1 1 auto;gap:12px;align-items:center;min-width:0}.om-react-ui-notification-content{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-width:0}.om-react-ui-notification-body,.om-react-ui-notification-title{color:#404042}.om-react-ui-notification-link{color:#073387}.om-react-ui-notification-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;background-color:#edf2f9;border-radius:50%}.om-react-ui-notification-right{flex-shrink:0}.om-react-ui-notification-action,.om-react-ui-notification-right{display:inline-flex;gap:8px;align-items:center}.om-react-ui-notification-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer}.om-react-ui-notification-success{background-color:#fefefe;border:1px solid #f0f0f0}.om-react-ui-notification-success .om-react-ui-notification-icon{background-color:#f0f0f0}.om-react-ui-notification-success .om-react-ui-notification-action{color:#fefefe}.om-react-ui-notification-info{background-color:#fefefe;border:1px solid #f0f0f0}.om-react-ui-notification-info .om-react-ui-notification-icon{background-color:#f0f0f0}.om-react-ui-notification-info .om-react-ui-notification-action{color:#073387}.om-react-ui-notification-error,.om-react-ui-notification-error .om-react-ui-notification-icon{background-color:rgba(174,0,0,.1019607843)}.om-react-ui-notification-error .om-react-ui-notification-action{color:#ae0000}.om-react-ui-notification-warn{color:#646465;background-color:rgba(244,198,0,.2)}.om-react-ui-notification-warn .om-react-ui-notification-icon{background-color:#edf2f9}.om-react-ui-notification-warn .om-react-ui-notification-action{color:#f4c600}

package/es/components/Notification/style/Notification.scss

@@ -4,37 +4,102 @@ $component: 'notification';
 $cls: #{$prefix}-#{$component};
 
 .#{$cls} {
-  display: inline-flex;
+  display: flex;
   gap: 12px;
   align-items: center;
+  justify-content: space-between;
   padding: 12px;
   color: $color-grey-night;
   font-weight: 400;
   font-size: 14px;
   line-height: 140%;
+  background-color: $color-grey-light;
   border-radius: 12px;
 
+  &-left {
+    display: flex;
+    flex: 1 1 auto;
+    gap: 12px;
+    align-items: center;
+    min-width: 0;
+  }
+
+  &-content {
+    display: flex;
+    flex: 1 1 auto;
+    flex-direction: column;
+    gap: 4px;
+    min-width: 0;
+  }
+
+  &-title,
+  &-body {
+    color: $color-grey-night;
+  }
+
+  &-link {
+    color: $color-primary;
+  }
+
   &-icon {
     display: inline-flex;
+    flex-shrink: 0;
     align-items: center;
     justify-content: center;
-    padding: 8px;
+    width: 32px;
+    height: 32px;
+    background-color: $color-info-light;
     border-radius: 50%;
   }
 
+  &-right {
+    display: inline-flex;
+    flex-shrink: 0;
+    gap: 8px;
+    align-items: center;
+  }
+
+  &-action {
+    display: inline-flex;
+    gap: 8px;
+    align-items: center;
+  }
+
+  &-close {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    background: transparent;
+    border: none;
+    border-radius: 8px;
+    cursor: pointer;
+  }
+
   &-success {
-    background-color: $color-success-background;
+    background-color: $color-primary-white;
+    border: 1px solid $color-grey;
 
     .#{$cls}-icon {
-      background-color: $color-success-background;
+      background-color: $color-grey;
+    }
+
+    .#{$cls}-action {
+      color: $color-primary-white;
     }
   }
 
   &-info {
-    background-color: $color-grey-light;
+    background-color: $color-primary-white;
+    border: 1px solid $color-grey;
 
     .#{$cls}-icon {
-      background-color: $color-info-light;
+      background-color: $color-grey;
+    }
+
+    .#{$cls}-action {
+      color: $color-primary;
     }
   }
 
@@ -44,13 +109,22 @@ $cls: #{$prefix}-#{$component};
     .#{$cls}-icon {
       background-color: $color-negative-background;
     }
+
+    .#{$cls}-action {
+      color: $color-negative;
+    }
   }
 
   &-warn {
     color: $color-grey-midnight;
     background-color: $color-warning-background;
+
     .#{$cls}-icon {
-      background-color: $color-warning-background;
+      background-color: $color-info-light;
+    }
+
+    .#{$cls}-action {
+      color: $color-warning;
     }
   }
 }

package/es/components/Typography/interface.d.ts

@@ -30,7 +30,9 @@ export interface LinkProps extends BaseProps {
     onClick?: MouseEventHandler<HTMLAnchorElement>;
     href?: string;
     target?: HTMLAttributeAnchorTarget;
+    rel?: string;
     download?: string;
+    role?: string;
 }
 export interface LabelProps extends BaseProps {
     size: 'xl' | 'l' | 'm' | 's' | 'xs';