ab-ui-library 1.12.5 → 1.14.0

package/components/SVGIcons/IconBadge.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconBadge: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconBadge;

package/components/SVGIcons/IconBadge.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconBadge = function IconBadge(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16.338 2.99908C16.1215 3.45374 16.0003 3.96245 16 4.49945L5.75 4.49978C5.05964 4.49978 4.5 5.05943 4.5 5.74978V18.2498C4.5 18.9401 5.05964 19.4998 5.75 19.4998H18.25C18.9404 19.4998 19.5 18.9401 19.5 18.2498V8.00146C20.0372 8.00146 20.5461 7.88043 21.001 7.66416L21 18.2498C21 19.7686 19.7688 20.9998 18.25 20.9998H5.75C4.23122 20.9998 3 19.7686 3 18.2498V5.74978C3 4.231 4.23122 2.99978 5.75 2.99978L16.338 2.99908ZM19.5 2.00146C20.8807 2.00146 22 3.12075 22 4.50146C22 5.88218 20.8807 7.00146 19.5 7.00146C18.1193 7.00146 17 5.88218 17 4.50146C17 3.12075 18.1193 2.00146 19.5 2.00146Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconBadge, IconBadge as default };

package/components/SVGIcons/IconBadgeFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconBadgeFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconBadgeFilled;

package/components/SVGIcons/IconBadgeFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconBadgeFilled = function IconBadgeFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16 4.50146C16 6.43446 17.567 8.00146 19.5 8.00146C20.0372 8.00146 20.5461 7.88043 21.001 7.66416L21 18.2498C21 19.7686 19.7688 20.9998 18.25 20.9998H5.75C4.23122 20.9998 3 19.7686 3 18.2498V5.74978C3 4.231 4.23122 2.99978 5.75 2.99978L16.3378 2.99942C16.1212 3.45457 16 3.96386 16 4.50146ZM19.5 2.00146C20.8807 2.00146 22 3.12075 22 4.50146C22 5.88218 20.8807 7.00146 19.5 7.00146C18.1193 7.00146 17 5.88218 17 4.50146C17 3.12075 18.1193 2.00146 19.5 2.00146Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconBadgeFilled, IconBadgeFilled as default };

package/components/SVGIcons/IconCalendarCheckmark.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconCalendarCheckmark: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconCalendarCheckmark;

package/components/SVGIcons/IconCalendarCheckmark.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconCalendarCheckmark = function IconCalendarCheckmark(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M18.6763 3C20.4712 3 21.9263 4.45507 21.9263 6.25V12.0218C21.4631 11.7253 20.9597 11.4858 20.4263 11.3135V8.5H5.42627V17.75C5.42627 18.7165 6.20977 19.5 7.17627 19.5H12.2398C12.4121 20.0335 12.6515 20.5368 12.9481 21H7.17627C5.38134 21 3.92627 19.5449 3.92627 17.75V6.25C3.92627 4.45507 5.38134 3 7.17627 3H18.6763ZM18.6763 4.5H7.17627C6.20977 4.5 5.42627 5.2835 5.42627 6.25V7H20.4263V6.25C20.4263 5.2835 19.6428 4.5 18.6763 4.5ZM23.9263 17.5C23.9263 20.5376 21.4638 23 18.4263 23C15.3887 23 12.9263 20.5376 12.9263 17.5C12.9263 14.4624 15.3887 12 18.4263 12C21.4638 12 23.9263 14.4624 23.9263 17.5ZM21.7798 15.1464C21.5846 14.9512 21.268 14.9512 21.0727 15.1464L17.4263 18.7929L15.7798 17.1464C15.5846 16.9512 15.268 16.9512 15.0727 17.1464C14.8775 17.3417 14.8775 17.6583 15.0727 17.8536L17.0727 19.8536C17.268 20.0488 17.5846 20.0488 17.7798 19.8536L21.7798 15.8536C21.9751 15.6583 21.9751 15.3417 21.7798 15.1464Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCalendarCheckmark, IconCalendarCheckmark as default };

package/components/SVGIcons/IconCalendarCheckmarkFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconCalendarCheckmarkFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconCalendarCheckmarkFilled;

package/components/SVGIcons/IconCalendarCheckmarkFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconCalendarCheckmarkFilled = function IconCalendarCheckmarkFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21.9263 8.5V12.0218C20.916 11.375 19.7149 11 18.4263 11C14.8364 11 11.9263 13.9101 11.9263 17.5C11.9263 18.7886 12.3013 19.9897 12.9481 21H7.17627C5.38134 21 3.92627 19.5449 3.92627 17.75V8.5H21.9263ZM18.6763 3C20.4712 3 21.9263 4.45507 21.9263 6.25V7H3.92627V6.25C3.92627 4.45507 5.38134 3 7.17627 3H18.6763ZM23.9263 17.5C23.9263 20.5376 21.4638 23 18.4263 23C15.3887 23 12.9263 20.5376 12.9263 17.5C12.9263 14.4624 15.3887 12 18.4263 12C21.4638 12 23.9263 14.4624 23.9263 17.5ZM21.7798 15.1464C21.5846 14.9512 21.268 14.9512 21.0727 15.1464L17.4263 18.7929L15.7798 17.1464C15.5846 16.9512 15.268 16.9512 15.0727 17.1464C14.8775 17.3417 14.8775 17.6583 15.0727 17.8536L17.0727 19.8536C17.268 20.0488 17.5846 20.0488 17.7798 19.8536L21.7798 15.8536C21.9751 15.6583 21.9751 15.3417 21.7798 15.1464Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconCalendarCheckmarkFilled, IconCalendarCheckmarkFilled as default };

package/components/SVGIcons/IconMention.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconMention: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconMention;

package/components/SVGIcons/IconMention.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconMention = function IconMention(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M22 12V13.75C22 15.8211 20.3211 17.5 18.25 17.5C16.7458 17.5 15.4485 16.6144 14.851 15.3362C14.0329 16.3552 12.84 17 11.5 17C8.99237 17 7 14.742 7 12C7 9.25802 8.99237 7 11.5 7C12.659 7 13.7079 7.48236 14.501 8.27192L14.5 7.75C14.5 7.33579 14.8358 7 15.25 7C15.6297 7 15.9435 7.28215 15.9932 7.64823L16 7.75V13.75C16 14.9926 17.0074 16 18.25 16C19.4409 16 20.4156 15.0748 20.4948 13.904L20.5 13.75V12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C13.033 20.5 14.0395 20.316 14.9852 19.9612C15.373 19.8158 15.8053 20.0122 15.9508 20.4C16.0963 20.7878 15.8998 21.2202 15.512 21.3657C14.3985 21.7834 13.2136 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.4292 2 21.8479 6.32667 21.9962 11.7201L22 12V13.75V12ZM11.5 8.5C9.86549 8.5 8.5 10.0476 8.5 12C8.5 13.9524 9.86549 15.5 11.5 15.5C13.1345 15.5 14.5 13.9524 14.5 12C14.5 10.0476 13.1345 8.5 11.5 8.5Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconMention, IconMention as default };

package/components/SVGIcons/IconMentionFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconMentionFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconMentionFilled;

package/components/SVGIcons/IconMentionFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconMentionFilled = function IconMentionFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 2C17.4292 2 21.8479 6.32667 21.9962 11.7201L22 12L21.9997 13.5254C21.9864 15.7227 20.2007 17.5 18 17.5C16.5544 17.5 15.288 16.7332 14.5852 15.5841C13.7852 16.4184 12.7033 16.9333 11.5 16.9333C8.98492 16.9333 7 14.6838 7 11.9667C7 9.24958 8.98492 7 11.5 7C12.4366 7 13.2997 7.31197 14.0141 7.84387C14.087 7.36581 14.5008 7 15 7C15.5128 7 15.9355 7.38604 15.9933 7.88338L16 8V13.5C16 14.6046 16.8954 15.5 18 15.5C19.0544 15.5 19.9182 14.6841 19.9945 13.6493L20.0003 13.4748L20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C12.9215 20 13.8203 19.8446 14.6695 19.5441C15.1901 19.3598 15.7616 19.6326 15.9458 20.1532C16.13 20.6739 15.8573 21.2453 15.3367 21.4295C14.2739 21.8056 13.1495 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM11.6492 9.00531L11.5 9C10.1491 9 9 10.3023 9 11.9667C9 13.631 10.1491 14.9333 11.5 14.9333C12.8009 14.9333 13.9146 13.7257 13.9953 12.1501L13.9998 11.9293C13.9834 10.3443 12.9245 9.09625 11.6492 9.00531L11.5 9L11.6492 9.00531Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconMentionFilled, IconMentionFilled as default };

package/components/SVGIcons/IconNumberSymbolSquare.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconNumberSymbolSquare: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconNumberSymbolSquare;

package/components/SVGIcons/IconNumberSymbolSquare.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconNumberSymbolSquare = function IconNumberSymbolSquare(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M10.8979 7.51472C11.304 7.59598 11.5674 7.99112 11.4861 8.39728L11.2655 9.5H13.7358L14.0153 8.10301C14.0966 7.69684 14.4917 7.43346 14.8979 7.51472C15.304 7.59598 15.5674 7.99112 15.4861 8.39728L15.2655 9.5H16.25C16.6642 9.5 17 9.83579 17 10.25C17 10.6642 16.6642 11 16.25 11H14.9654L14.5653 13H15.75C16.1642 13 16.5 13.3358 16.5 13.75C16.5 14.1642 16.1642 14.5 15.75 14.5H14.2652L13.9856 15.8975C13.9043 16.3037 13.5092 16.567 13.103 16.4858C12.6968 16.4045 12.4335 16.0094 12.5147 15.6032L12.7354 14.5H10.2652L9.98557 15.8975C9.90431 16.3037 9.50917 16.567 9.10301 16.4858C8.69684 16.4045 8.43346 16.0094 8.51472 15.6032L8.73544 14.5H7.75C7.33579 14.5 7 14.1642 7 13.75C7 13.3358 7.33579 13 7.75 13H9.03555L9.43569 11H8.25C7.83579 11 7.5 10.6642 7.5 10.25C7.5 9.83579 7.83579 9.5 8.25 9.5H9.73579L10.0153 8.10301C10.0966 7.69684 10.4917 7.43346 10.8979 7.51472ZM10.5653 13H13.0355L13.4357 11H10.9654L10.5653 13ZM3 6.25C3 4.45507 4.45507 3 6.25 3H17.75C19.5449 3 21 4.45507 21 6.25V17.75C21 19.5449 19.5449 21 17.75 21H6.25C4.45507 21 3 19.5449 3 17.75V6.25ZM6.25 4.5C5.2835 4.5 4.5 5.2835 4.5 6.25V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5H17.75C18.7165 19.5 19.5 18.7165 19.5 17.75V6.25C19.5 5.2835 18.7165 4.5 17.75 4.5H6.25Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconNumberSymbolSquare, IconNumberSymbolSquare as default };

package/components/SVGIcons/IconNumberSymbolSquareFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconNumberSymbolSquareFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconNumberSymbolSquareFilled;

package/components/SVGIcons/IconNumberSymbolSquareFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconNumberSymbolSquareFilled = function IconNumberSymbolSquareFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M13.4357 11L13.0355 13H10.5653L10.9654 11H13.4357ZM6.25 3C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V6.25C21 4.45507 19.5449 3 17.75 3H6.25ZM10.8979 7.51472C11.304 7.59598 11.5674 7.99112 11.4861 8.39728L11.2655 9.5H13.7358L14.0153 8.10301C14.0966 7.69684 14.4917 7.43346 14.8979 7.51472C15.304 7.59598 15.5674 7.99112 15.4861 8.39728L15.2655 9.5H16.25C16.6642 9.5 17 9.83579 17 10.25C17 10.6642 16.6642 11 16.25 11H14.9654L14.5653 13H15.75C16.1642 13 16.5 13.3358 16.5 13.75C16.5 14.1642 16.1642 14.5 15.75 14.5H14.2652L13.9856 15.8975C13.9043 16.3037 13.5092 16.567 13.103 16.4858C12.6968 16.4045 12.4335 16.0094 12.5147 15.6032L12.7354 14.5H10.2652L9.98557 15.8975C9.90431 16.3037 9.50917 16.567 9.10301 16.4858C8.69684 16.4045 8.43346 16.0094 8.51472 15.6032L8.73544 14.5H7.75C7.33579 14.5 7 14.1642 7 13.75C7 13.3358 7.33579 13 7.75 13H9.03555L9.43569 11H8.25C7.83579 11 7.5 10.6642 7.5 10.25C7.5 9.83579 7.83579 9.5 8.25 9.5H9.73579L10.0153 8.10301C10.0966 7.69684 10.4917 7.43346 10.8979 7.51472Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconNumberSymbolSquareFilled, IconNumberSymbolSquareFilled as default };

package/components/SVGIcons/IconSlideText.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconSlideText: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconSlideText;

package/components/SVGIcons/IconSlideText.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconSlideText = function IconSlideText(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M6.75 8C6.33579 8 6 8.33579 6 8.75C6 9.16421 6.33579 9.5 6.75 9.5H11.25C11.6642 9.5 12 9.16421 12 8.75C12 8.33579 11.6642 8 11.25 8H6.75ZM6 11.75C6 11.3358 6.33579 11 6.75 11H15.25C15.6642 11 16 11.3358 16 11.75C16 12.1642 15.6642 12.5 15.25 12.5H6.75C6.33579 12.5 6 12.1642 6 11.75ZM6.75 14C6.33579 14 6 14.3358 6 14.75C6 15.1642 6.33579 15.5 6.75 15.5H13.25C13.6642 15.5 14 15.1642 14 14.75C14 14.3358 13.6642 14 13.25 14H6.75ZM4.75 4C3.23122 4 2 5.23122 2 6.75V17.25C2 18.7688 3.23122 20 4.75 20H19.25C20.7688 20 22 18.7688 22 17.25V6.75C22 5.23122 20.7688 4 19.25 4H4.75ZM3.5 6.75C3.5 6.05964 4.05964 5.5 4.75 5.5H19.25C19.9404 5.5 20.5 6.05964 20.5 6.75V17.25C20.5 17.9404 19.9404 18.5 19.25 18.5H4.75C4.05964 18.5 3.5 17.9404 3.5 17.25V6.75Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconSlideText, IconSlideText as default };

package/components/SVGIcons/IconSlideTextFilled.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconSlideTextFilled: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconSlideTextFilled;

package/components/SVGIcons/IconSlideTextFilled.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-a20eb76e.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-e1efef6b.js';
+
+var IconSlideTextFilled = function IconSlideTextFilled(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _ref.dataId;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
+    viewBox: "0 0 24 24",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2 6.75C2 5.23122 3.23122 4 4.75 4H19.25C20.7688 4 22 5.23122 22 6.75V17.25C22 18.7688 20.7688 20 19.25 20H4.75C3.23122 20 2 18.7688 2 17.25V6.75ZM6.75 8C6.33579 8 6 8.33579 6 8.75C6 9.16421 6.33579 9.5 6.75 9.5H11.25C11.6642 9.5 12 9.16421 12 8.75C12 8.33579 11.6642 8 11.25 8H6.75ZM6.75 11C6.33579 11 6 11.3358 6 11.75C6 12.1642 6.33579 12.5 6.75 12.5H15.25C15.6642 12.5 16 12.1642 16 11.75C16 11.3358 15.6642 11 15.25 11H6.75ZM6 14.75C6 15.1642 6.33579 15.5 6.75 15.5H13.25C13.6642 15.5 14 15.1642 14 14.75C14 14.3358 13.6642 14 13.25 14H6.75C6.33579 14 6 14.3358 6 14.75Z",
+    fill: "#222222"
+  }));
+};
+
+export { IconSlideTextFilled, IconSlideTextFilled as default };

package/components/SVGIcons/index.d.ts

@@ -52,6 +52,8 @@ export * from './IconArrowUpRight';
 export * from './IconArrowUpRightFilled';
 export * from './IconAttach';
 export * from './IconAttachFilled';
+export * from './IconBadge';
+export * from './IconBadgeFilled';
 export * from './IconBeach';
 export * from './IconBeachFilled';
 export * from './IconBed';
@@ -78,6 +80,8 @@ export * from './IconBulletListAdd';
 export * from './IconBulletListAddFilled';
 export * from './IconCalculator';
 export * from './IconCalculatorFilled';
+export * from './IconCalendarCheckmark';
+export * from './IconCalendarCheckmarkFilled';
 export * from './IconCalendarClock';
 export * from './IconCalendarClockFilled';
 export * from './IconCalendarDay';
@@ -243,6 +247,8 @@ export * from './IconMailFilled';
 export * from './IconMailLink';
 export * from './IconMailLinkFilled';
 export * from './IconMedium';
+export * from './IconMention';
+export * from './IconMentionFilled';
 export * from './IconMore';
 export * from './IconMoreFilled';
 export * from './IconMoreVertical';
@@ -253,6 +259,8 @@ export * from './IconNotebook';
 export * from './IconNotebookAdd';
 export * from './IconNotebookAddFilled';
 export * from './IconNotebookFilled';
+export * from './IconNumberSymbolSquare';
+export * from './IconNumberSymbolSquareFilled';
 export * from './IconOnlyEmployee';
 export * from './IconOpen';
 export * from './IconOpenFilled';
@@ -318,6 +326,8 @@ export * from './IconSign';
 export * from './IconSignFilled';
 export * from './IconSignOut';
 export * from './IconSignOutFilled';
+export * from './IconSlideText';
+export * from './IconSlideTextFilled';
 export * from './IconSpinner';
 export * from './IconSpinnerFilled';
 export * from './IconStar';

package/components/SVGIcons/index.js

@@ -52,6 +52,8 @@ export { IconArrowUpRight } from './IconArrowUpRight.js';
 export { IconArrowUpRightFilled } from './IconArrowUpRightFilled.js';
 export { IconAttach } from './IconAttach.js';
 export { IconAttachFilled } from './IconAttachFilled.js';
+export { IconBadge } from './IconBadge.js';
+export { IconBadgeFilled } from './IconBadgeFilled.js';
 export { IconBeach } from './IconBeach.js';
 export { IconBeachFilled } from './IconBeachFilled.js';
 export { IconBed } from './IconBed.js';
@@ -78,6 +80,8 @@ export { IconBulletListAdd } from './IconBulletListAdd.js';
 export { IconBulletListAddFilled } from './IconBulletListAddFilled.js';
 export { IconCalculator } from './IconCalculator.js';
 export { IconCalculatorFilled } from './IconCalculatorFilled.js';
+export { IconCalendarCheckmark } from './IconCalendarCheckmark.js';
+export { IconCalendarCheckmarkFilled } from './IconCalendarCheckmarkFilled.js';
 export { IconCalendarClock } from './IconCalendarClock.js';
 export { IconCalendarClockFilled } from './IconCalendarClockFilled.js';
 export { IconCalendarDay } from './IconCalendarDay.js';
@@ -243,6 +247,8 @@ export { IconMailFilled } from './IconMailFilled.js';
 export { IconMailLink } from './IconMailLink.js';
 export { IconMailLinkFilled } from './IconMailLinkFilled.js';
 export { IconMedium } from './IconMedium.js';
+export { IconMention } from './IconMention.js';
+export { IconMentionFilled } from './IconMentionFilled.js';
 export { IconMore } from './IconMore.js';
 export { IconMoreFilled } from './IconMoreFilled.js';
 export { IconMoreVertical } from './IconMoreVertical.js';
@@ -253,6 +259,8 @@ export { IconNotebook } from './IconNotebook.js';
 export { IconNotebookAdd } from './IconNotebookAdd.js';
 export { IconNotebookAddFilled } from './IconNotebookAddFilled.js';
 export { IconNotebookFilled } from './IconNotebookFilled.js';
+export { IconNumberSymbolSquare } from './IconNumberSymbolSquare.js';
+export { IconNumberSymbolSquareFilled } from './IconNumberSymbolSquareFilled.js';
 export { IconOnlyEmployee } from './IconOnlyEmployee.js';
 export { IconOpen } from './IconOpen.js';
 export { IconOpenFilled } from './IconOpenFilled.js';
@@ -318,6 +326,8 @@ export { IconSign } from './IconSign.js';
 export { IconSignFilled } from './IconSignFilled.js';
 export { IconSignOut } from './IconSignOut.js';
 export { IconSignOutFilled } from './IconSignOutFilled.js';
+export { IconSlideText } from './IconSlideText.js';
+export { IconSlideTextFilled } from './IconSlideTextFilled.js';
 export { IconSpinner } from './IconSpinner.js';
 export { IconSpinnerFilled } from './IconSpinnerFilled.js';
 export { IconStar } from './IconStar.js';

package/components/SideNavigation/SideNavigation.js

@@ -40,6 +40,7 @@ var SideNavigation = function SideNavigation(props) {
     logo = props.logo,
     logoClosed = props.logoClosed,
     logoUrl = props.logoUrl,
+    CustomLogoComponent = props.customLogoComponent,
     isOpen = props.isOpen,
     isPined = props.isPined,
     onMouseEnter = props.onMouseEnter,
@@ -53,7 +54,9 @@ var SideNavigation = function SideNavigation(props) {
   }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Link, {
     url: logoUrl,
     className: 'side-navigation__logo'
-  }, /*#__PURE__*/React.createElement(Image, {
+  }, CustomLogoComponent ? /*#__PURE__*/React.createElement(CustomLogoComponent, {
+    isOpen: !!isOpen
+  }) : /*#__PURE__*/React.createElement(Image, {
     imagePath: isOpen ? logo : logoClosed,
     isBackgroundImage: false
   })), /*#__PURE__*/React.createElement(ButtonIcon, {

package/components/SideNavigation/types.d.ts

@@ -14,6 +14,9 @@ export interface TSideNavigationPropTypes extends SideNavigationControls {
     logo?: string;
     logoUrl?: string;
     logoClosed?: string;
+    customLogoComponent?: React.ComponentType<{
+        isOpen: boolean;
+    }>;
     actionElm?: JSX.Element;
     showAction?: boolean;
     children: ReactNode;

package/index.js

@@ -118,6 +118,8 @@ export { IconArrowUpRight } from './components/SVGIcons/IconArrowUpRight.js';
 export { IconArrowUpRightFilled } from './components/SVGIcons/IconArrowUpRightFilled.js';
 export { IconAttach } from './components/SVGIcons/IconAttach.js';
 export { IconAttachFilled } from './components/SVGIcons/IconAttachFilled.js';
+export { IconBadge } from './components/SVGIcons/IconBadge.js';
+export { IconBadgeFilled } from './components/SVGIcons/IconBadgeFilled.js';
 export { IconBeach } from './components/SVGIcons/IconBeach.js';
 export { IconBeachFilled } from './components/SVGIcons/IconBeachFilled.js';
 export { IconBed } from './components/SVGIcons/IconBed.js';
@@ -144,6 +146,8 @@ export { IconBulletListAdd } from './components/SVGIcons/IconBulletListAdd.js';
 export { IconBulletListAddFilled } from './components/SVGIcons/IconBulletListAddFilled.js';
 export { IconCalculator } from './components/SVGIcons/IconCalculator.js';
 export { IconCalculatorFilled } from './components/SVGIcons/IconCalculatorFilled.js';
+export { IconCalendarCheckmark } from './components/SVGIcons/IconCalendarCheckmark.js';
+export { IconCalendarCheckmarkFilled } from './components/SVGIcons/IconCalendarCheckmarkFilled.js';
 export { IconCalendarClock } from './components/SVGIcons/IconCalendarClock.js';
 export { IconCalendarClockFilled } from './components/SVGIcons/IconCalendarClockFilled.js';
 export { IconCalendarDay } from './components/SVGIcons/IconCalendarDay.js';
@@ -309,6 +313,8 @@ export { IconMailFilled } from './components/SVGIcons/IconMailFilled.js';
 export { IconMailLink } from './components/SVGIcons/IconMailLink.js';
 export { IconMailLinkFilled } from './components/SVGIcons/IconMailLinkFilled.js';
 export { IconMedium } from './components/SVGIcons/IconMedium.js';
+export { IconMention } from './components/SVGIcons/IconMention.js';
+export { IconMentionFilled } from './components/SVGIcons/IconMentionFilled.js';
 export { IconMore } from './components/SVGIcons/IconMore.js';
 export { IconMoreFilled } from './components/SVGIcons/IconMoreFilled.js';
 export { IconMoreVertical } from './components/SVGIcons/IconMoreVertical.js';
@@ -319,6 +325,8 @@ export { IconNotebook } from './components/SVGIcons/IconNotebook.js';
 export { IconNotebookAdd } from './components/SVGIcons/IconNotebookAdd.js';
 export { IconNotebookAddFilled } from './components/SVGIcons/IconNotebookAddFilled.js';
 export { IconNotebookFilled } from './components/SVGIcons/IconNotebookFilled.js';
+export { IconNumberSymbolSquare } from './components/SVGIcons/IconNumberSymbolSquare.js';
+export { IconNumberSymbolSquareFilled } from './components/SVGIcons/IconNumberSymbolSquareFilled.js';
 export { IconOnlyEmployee } from './components/SVGIcons/IconOnlyEmployee.js';
 export { IconOpen } from './components/SVGIcons/IconOpen.js';
 export { IconOpenFilled } from './components/SVGIcons/IconOpenFilled.js';
@@ -384,6 +392,8 @@ export { IconSign } from './components/SVGIcons/IconSign.js';
 export { IconSignFilled } from './components/SVGIcons/IconSignFilled.js';
 export { IconSignOut } from './components/SVGIcons/IconSignOut.js';
 export { IconSignOutFilled } from './components/SVGIcons/IconSignOutFilled.js';
+export { IconSlideText } from './components/SVGIcons/IconSlideText.js';
+export { IconSlideTextFilled } from './components/SVGIcons/IconSlideTextFilled.js';
 export { IconSpinner } from './components/SVGIcons/IconSpinner.js';
 export { IconSpinnerFilled } from './components/SVGIcons/IconSpinnerFilled.js';
 export { IconStar } from './components/SVGIcons/IconStar.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.12.5",
+  "version": "1.14.0",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",