@redocly/theme 0.70.0-next.9 → 0.70.0

package/lib/icons/NavaidMilitaryIcon/NavaidMilitaryIcon.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavaidMilitaryIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => {
+    return (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, props),
+        react_1.default.createElement("path", { d: "M8 15C6.61553 15 5.26216 14.5895 4.11101 13.8203C2.95987 13.0511 2.06266 11.9579 1.53285 10.6788C1.00303 9.3997 0.86441 7.99224 1.13451 6.63437C1.4046 5.2765 2.07129 4.02922 3.05026 3.05026C4.02922 2.07129 5.2765 1.4046 6.63437 1.13451C7.99224 0.86441 9.3997 1.00303 10.6788 1.53285C11.9579 2.06266 13.0511 2.95987 13.8203 4.11101C14.5895 5.26216 15 6.61553 15 8C14.9979 9.85588 14.2597 11.6351 12.9474 12.9474C11.6351 14.2597 9.85588 14.9979 8 15ZM8 2C6.81332 2 5.65328 2.3519 4.66658 3.01119C3.67989 3.67047 2.91085 4.60755 2.45673 5.7039C2.0026 6.80026 1.88378 8.00666 2.11529 9.17054C2.3468 10.3344 2.91825 11.4035 3.75736 12.2426C4.59648 13.0818 5.66558 13.6532 6.82946 13.8847C7.99335 14.1162 9.19975 13.9974 10.2961 13.5433C11.3925 13.0892 12.3295 12.3201 12.9888 11.3334C13.6481 10.3467 14 9.18669 14 8C13.9982 6.40926 13.3655 4.88419 12.2406 3.75936C11.1158 2.63454 9.59075 2.00182 8 2Z", fill: "#1A1C21" }),
+        react_1.default.createElement("path", { d: "M8 12C7.20888 12 6.43552 11.7654 5.77772 11.3259C5.11993 10.8864 4.60724 10.2616 4.30449 9.53074C4.00173 8.79983 3.92252 7.99557 4.07686 7.21964C4.2312 6.44372 4.61217 5.73099 5.17158 5.17158C5.73099 4.61217 6.44372 4.2312 7.21964 4.07686C7.99557 3.92252 8.79983 4.00173 9.53074 4.30449C10.2616 4.60724 10.8864 5.11993 11.3259 5.77772C11.7654 6.43552 12 7.20888 12 8C11.9988 9.0605 11.577 10.0772 10.8271 10.8271C10.0772 11.577 9.0605 11.9988 8 12ZM8 5C7.40666 5 6.82664 5.17595 6.33329 5.50559C5.83994 5.83524 5.45543 6.30377 5.22836 6.85195C5.0013 7.40013 4.94189 8.00333 5.05765 8.58527C5.1734 9.16722 5.45913 9.70177 5.87868 10.1213C6.29824 10.5409 6.83279 10.8266 7.41473 10.9424C7.99668 11.0581 8.59988 10.9987 9.14805 10.7716C9.69623 10.5446 10.1648 10.1601 10.4944 9.66671C10.8241 9.17337 11 8.59335 11 8C10.9991 7.20463 10.6828 6.44208 10.1203 5.87966C9.55793 5.31725 8.79538 5.00089 8 5Z", fill: "#1A1C21" }),
+        react_1.default.createElement("path", { d: "M8 9C8.55229 9 9 8.55229 9 8C9 7.44772 8.55229 7 8 7C7.44772 7 7 7.44772 7 8C7 8.55229 7.44772 9 8 9Z", fill: "#1A1C21" })));
+};
+exports.NavaidMilitaryIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/NavaidMilitaryIcon/NavaidMilitaryIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=NavaidMilitaryIcon.js.map

package/lib/icons/NetworkIcon/NetworkIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const NetworkIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/NetworkIcon/NetworkIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NetworkIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, props),
+    react_1.default.createElement("rect", { width: "18", height: "18" }),
+    react_1.default.createElement("path", { d: "M16.3125 13.6036V4.39644C16.9659 4.16323 17.4375 3.54471 17.4375 2.8125C17.4375 1.88196 16.6805 1.125 15.75 1.125C14.8195 1.125 14.0625 1.88196 14.0625 2.8125C14.0625 3.03278 14.1078 3.2418 14.1847 3.43462L9 7.97141L3.81527 3.43485C3.89233 3.24174 3.9375 3.03278 3.9375 2.8125C3.9375 1.88196 3.18054 1.125 2.25 1.125C1.31946 1.125 0.5625 1.88196 0.5625 2.8125C0.5625 3.54476 1.0341 4.16329 1.6875 4.39616V13.6038C1.0341 13.8367 0.5625 14.4552 0.5625 15.1874C0.5625 16.118 1.31946 16.8749 2.25 16.8749C3.18054 16.8749 3.9375 16.118 3.9375 15.1874C3.9375 14.8125 3.81049 14.4692 3.6027 14.1888L6.60279 11.5636L7.93283 13.8911C7.55724 14.2009 7.3125 14.6636 7.3125 15.1874C7.3125 16.118 8.06946 16.8749 9 16.8749C9.93054 16.8749 10.6875 16.118 10.6875 15.1874C10.6875 14.6636 10.4426 14.2009 10.0672 13.8911L11.3972 11.5636L14.3973 14.1888C14.1895 14.4692 14.0625 14.8125 14.0625 15.1874C14.0625 16.118 14.8195 16.8749 15.75 16.8749C16.6805 16.8749 17.4375 16.118 17.4375 15.1874C17.4375 14.4552 16.9659 13.8367 16.3125 13.6036ZM15.75 2.25C16.0602 2.25 16.3125 2.50239 16.3125 2.8125C16.3125 3.12261 16.0602 3.375 15.75 3.375C15.4398 3.375 15.1875 3.12261 15.1875 2.8125C15.1875 2.50239 15.4398 2.25 15.75 2.25ZM13.6001 5.44101L11.1028 9.81135L9.85421 8.71875L13.6001 5.44101ZM8.14584 8.71875L6.89709 9.81135L4.39976 5.44101L8.14584 8.71875ZM2.25 2.25C2.56022 2.25 2.8125 2.50239 2.8125 2.8125C2.8125 3.12261 2.56022 3.375 2.25 3.375C1.93978 3.375 1.6875 3.12261 1.6875 2.8125C1.6875 2.50239 1.93978 2.25 2.25 2.25ZM2.25 15.75C1.93978 15.75 1.6875 15.4976 1.6875 15.1875C1.6875 14.8774 1.93978 14.625 2.25 14.625C2.56022 14.625 2.8125 14.8774 2.8125 15.1875C2.8125 15.4976 2.56022 15.75 2.25 15.75ZM2.8125 13.3855V4.93065L6.03343 10.5672L2.8125 13.3855ZM9 15.75C8.68978 15.75 8.4375 15.4976 8.4375 15.1875C8.4375 14.8774 8.68978 14.625 9 14.625C9.31022 14.625 9.5625 14.8774 9.5625 15.1875C9.5625 15.4976 9.31022 15.75 9 15.75ZM9 13.4915L7.46657 10.8078L9 9.46609L10.5334 10.8078L9 13.4915ZM15.1875 4.93042V13.3855L11.9666 10.5672L15.1875 4.93042ZM15.75 15.7501C15.4398 15.7501 15.1875 15.4977 15.1875 15.1876C15.1875 14.8774 15.4398 14.6251 15.75 14.6251C16.0602 14.6251 16.3125 14.8774 16.3125 15.1876C16.3125 15.4977 16.0602 15.7501 15.75 15.7501Z" })));
+exports.NetworkIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/NetworkIcon/NetworkIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=NetworkIcon.js.map

package/lib/icons/NewChatIcon/NewChatIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare function Icon(props: IconProps): React.JSX.Element;
+export declare const NewChatIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/NewChatIcon/NewChatIcon.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewChatIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+function Icon(props) {
+    return (react_1.default.createElement("svg", Object.assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M11.375 11.375H2.625V2.625H7V1.75H2.625C2.39301 1.75023 2.17058 1.84249 2.00654 2.00654C1.84249 2.17058 1.75023 2.39301 1.75 2.625V11.375C1.75023 11.607 1.84249 11.8294 2.00654 11.9935C2.17058 12.1575 2.39301 12.2498 2.625 12.25H11.375C11.607 12.2498 11.8294 12.1575 11.9935 11.9935C12.1575 11.8294 12.2498 11.607 12.25 11.375V7H11.375V11.375Z" }),
+        react_1.default.createElement("path", { fill: "currentColor", d: "M11.375 2.625V0.875H10.5V2.625H8.75V3.5H10.5V5.25H11.375V3.5H13.125V2.625H11.375Z" })));
+}
+exports.NewChatIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/NewChatIcon/NewChatIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size = '14px' }) => size};
+  width: ${({ size = '14px' }) => size};
+`;
+//# sourceMappingURL=NewChatIcon.js.map

package/lib/icons/NoneIcon/NoneIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const NoneIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/NoneIcon/NoneIcon.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoneIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })));
+exports.NoneIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/NoneIcon/NoneIcon',
+}) `
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=NoneIcon.js.map

package/lib/icons/NoteIcon/NoteIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const NoteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/NoteIcon/NoteIcon.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoteIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "12", viewBox: "0 0 8 12", fill: "none" }, props),
+    react_1.default.createElement("path", { d: "M7.6375 3.4875L5.0125 0.8625C4.9375 0.7875 4.8625 0.75 4.75 0.75H1C0.5875 0.75 0.25 1.0875 0.25 1.5V10.5C0.25 10.9125 0.5875 11.25 1 11.25H7C7.4125 11.25 7.75 10.9125 7.75 10.5V3.75C7.75 3.6375 7.7125 3.5625 7.6375 3.4875ZM4.75 1.65L6.85 3.75H4.75V1.65ZM7 10.5H1V1.5H4V3.75C4 4.1625 4.3375 4.5 4.75 4.5H7V10.5Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M6.25 8.25H1.75V9H6.25V8.25Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M6.25 6H1.75V6.75H6.25V6Z", fill: "currentColor" })));
+exports.NoteIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/NoteIcon/NoteIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=NoteIcon.js.map

package/lib/icons/NotesIcon/NotesIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const NotesIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/NotesIcon/NotesIcon.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotesIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, props),
+    react_1.default.createElement("path", { d: "M15.25 5.875H10.25V7.125H15.25V5.875Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M7.75 10.875H2.75V12.125H7.75V10.875Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M5.25 9C4.75555 9 4.2722 8.85338 3.86107 8.57867C3.44995 8.30397 3.12952 7.91352 2.9403 7.45671C2.75108 6.99989 2.70157 6.49723 2.79804 6.01227C2.8945 5.52732 3.1326 5.08186 3.48223 4.73223C3.83186 4.3826 4.27732 4.1445 4.76227 4.04804C5.24723 3.95157 5.74989 4.00108 6.20671 4.1903C6.66352 4.37952 7.05397 4.69995 7.32867 5.11107C7.60338 5.5222 7.75 6.00555 7.75 6.5C7.74926 7.16281 7.48562 7.79826 7.01694 8.26694C6.54826 8.73562 5.91281 8.99926 5.25 9ZM5.25 5.25C5.00277 5.25 4.7611 5.32331 4.55554 5.46066C4.34998 5.59801 4.18976 5.79324 4.09515 6.02165C4.00054 6.25005 3.97579 6.50139 4.02402 6.74386C4.07225 6.98634 4.1913 7.20907 4.36612 7.38388C4.54093 7.5587 4.76366 7.67775 5.00614 7.72598C5.24861 7.77421 5.49995 7.74946 5.72835 7.65485C5.95676 7.56024 6.15199 7.40002 6.28934 7.19446C6.42669 6.9889 6.5 6.74723 6.5 6.5C6.49967 6.16858 6.36787 5.85083 6.13352 5.61648C5.89917 5.38213 5.58142 5.25033 5.25 5.25Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M12.75 14C12.2555 14 11.7722 13.8534 11.3611 13.5787C10.95 13.304 10.6295 12.9135 10.4403 12.4567C10.2511 11.9999 10.2016 11.4972 10.298 11.0123C10.3945 10.5273 10.6326 10.0819 10.9822 9.73223C11.3319 9.3826 11.7773 9.1445 12.2623 9.04804C12.7472 8.95157 13.2499 9.00108 13.7067 9.1903C14.1635 9.37952 14.554 9.69995 14.8287 10.1111C15.1034 10.5222 15.25 11.0055 15.25 11.5C15.2493 12.1628 14.9856 12.7983 14.5169 13.2669C14.0483 13.7356 13.4128 13.9993 12.75 14ZM12.75 10.25C12.5028 10.25 12.2611 10.3233 12.0555 10.4607C11.85 10.598 11.6898 10.7932 11.5951 11.0216C11.5005 11.2501 11.4758 11.5014 11.524 11.7439C11.5723 11.9863 11.6913 12.2091 11.8661 12.3839C12.0409 12.5587 12.2637 12.6777 12.5061 12.726C12.7486 12.7742 12.9999 12.7495 13.2284 12.6549C13.4568 12.5602 13.652 12.4 13.7893 12.1945C13.9267 11.9889 14 11.7472 14 11.5C13.9997 11.1686 13.8679 10.8508 13.6335 10.6165C13.3992 10.3821 13.0814 10.2503 12.75 10.25Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M16.5 17.75H1.5C1.16859 17.7497 0.850846 17.6178 0.6165 17.3835C0.382155 17.1492 0.250347 16.8314 0.25 16.5V1.5C0.250347 1.16859 0.382155 0.850846 0.6165 0.6165C0.850846 0.382155 1.16859 0.250347 1.5 0.25H16.5C16.8314 0.250347 17.1492 0.382155 17.3835 0.6165C17.6178 0.850846 17.7497 1.16859 17.75 1.5V16.5C17.7497 16.8314 17.6178 17.1492 17.3835 17.3835C17.1492 17.6178 16.8314 17.7497 16.5 17.75ZM1.5 1.5V16.5H16.5V1.5H1.5Z", fill: "currentColor" })));
+exports.NotesIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/NotesIcon/NotesIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=NotesIcon.js.map

package/lib/icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const OverflowMenuHorizontalIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverflowMenuHorizontalIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M3.2 9.1998C3.86274 9.1998 4.4 8.66255 4.4 7.9998C4.4 7.33706 3.86274 6.7998 3.2 6.7998C2.53726 6.7998 2 7.33706 2 7.9998C2 8.66255 2.53726 9.1998 3.2 9.1998Z" }),
+    react_1.default.createElement("path", { d: "M8 9.1998C8.66274 9.1998 9.2 8.66255 9.2 7.9998C9.2 7.33706 8.66274 6.7998 8 6.7998C7.33726 6.7998 6.8 7.33706 6.8 7.9998C6.8 8.66255 7.33726 9.1998 8 9.1998Z" }),
+    react_1.default.createElement("path", { d: "M12.8 9.1998C13.4627 9.1998 14 8.66255 14 7.9998C14 7.33706 13.4627 6.7998 12.8 6.7998C12.1373 6.7998 11.6 7.33706 11.6 7.9998C11.6 8.66255 12.1373 9.1998 12.8 9.1998Z" })));
+exports.OverflowMenuHorizontalIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=OverflowMenuHorizontalIcon.js.map

package/lib/icons/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const OverflowMenuVerticalIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OverflowMenuVerticalIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M7.99999 4.4C8.66273 4.4 9.19999 3.86274 9.19999 3.2C9.19999 2.53726 8.66273 2 7.99999 2C7.33725 2 6.79999 2.53726 6.79999 3.2C6.79999 3.86274 7.33725 4.4 7.99999 4.4Z" }),
+    react_1.default.createElement("path", { d: "M7.99999 9.2C8.66273 9.2 9.19999 8.66274 9.19999 8C9.19999 7.33726 8.66273 6.8 7.99999 6.8C7.33725 6.8 6.79999 7.33726 6.79999 8C6.79999 8.66274 7.33725 9.2 7.99999 9.2Z" }),
+    react_1.default.createElement("path", { d: "M7.99999 14C8.66273 14 9.19999 13.4627 9.19999 12.8C9.19999 12.1373 8.66273 11.6 7.99999 11.6C7.33725 11.6 6.79999 12.1373 6.79999 12.8C6.79999 13.4627 7.33725 14 7.99999 14Z" })));
+exports.OverflowMenuVerticalIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=OverflowMenuVerticalIcon.js.map

package/lib/icons/PeopleIcon/PeopleIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const PeopleIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/PeopleIcon/PeopleIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PeopleIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M14.625 6.875H13.5V8H14.625C15.0724 8.00049 15.5013 8.17844 15.8177 8.4948C16.1341 8.81116 16.312 9.2401 16.3125 9.6875V11.9375H17.4375V9.6875C17.4366 8.94184 17.14 8.22697 16.6128 7.69972C16.0855 7.17246 15.3707 6.87586 14.625 6.875Z", fill: "#1F7CFF" }),
+    react_1.default.createElement("path", { d: "M13.5 1.25C13.8338 1.25 14.16 1.34897 14.4375 1.5344C14.715 1.71982 14.9313 1.98337 15.059 2.29172C15.1868 2.60007 15.2202 2.93937 15.1551 3.26671C15.09 3.59406 14.9292 3.89474 14.6932 4.13074C14.4572 4.36674 14.1566 4.52746 13.8292 4.59258C13.5019 4.65769 13.1626 4.62427 12.8542 4.49655C12.5459 4.36882 12.2823 4.15253 12.0969 3.87502C11.9115 3.59752 11.8125 3.27126 11.8125 2.9375C11.8125 2.48995 11.9903 2.06072 12.3068 1.74426C12.6232 1.42779 13.0524 1.25 13.5 1.25ZM13.5 0.125C12.9437 0.125 12.4 0.28995 11.9375 0.598992C11.4749 0.908033 11.1145 1.34729 10.9016 1.8612C10.6887 2.37512 10.633 2.94062 10.7415 3.48619C10.8501 4.03176 11.1179 4.5329 11.5113 4.92624C11.9046 5.31957 12.4057 5.58744 12.9513 5.69596C13.4969 5.80448 14.0624 5.74878 14.5763 5.53591C15.0902 5.32304 15.5295 4.96255 15.8385 4.50004C16.1475 4.03753 16.3125 3.49376 16.3125 2.9375C16.3125 2.19158 16.0162 1.47621 15.4887 0.948762C14.9613 0.421316 14.2459 0.125 13.5 0.125Z", fill: "#1F7CFF" }),
+    react_1.default.createElement("path", { d: "M12.9375 15.875H11.8125V14.75C11.812 14.3026 11.6341 13.8737 11.3177 13.5573C11.0013 13.2409 10.5724 13.063 10.125 13.0625H7.875C7.4276 13.063 6.99866 13.2409 6.6823 13.5573C6.36594 13.8737 6.18799 14.3026 6.1875 14.75V15.875H5.0625V14.75C5.06338 14.0043 5.35998 13.2895 5.88723 12.7622C6.41449 12.235 7.12935 11.9384 7.875 11.9375H10.125C10.8707 11.9384 11.5855 12.235 12.1128 12.7622C12.64 13.2895 12.9366 14.0043 12.9375 14.75V15.875Z", fill: "#1F7CFF" }),
+    react_1.default.createElement("path", { d: "M9 6.3125C9.33376 6.3125 9.66002 6.41147 9.93752 6.5969C10.215 6.78232 10.4313 7.04587 10.559 7.35422C10.6868 7.66257 10.7202 8.00187 10.6551 8.32922C10.59 8.65656 10.4292 8.95724 10.1932 9.19324C9.95724 9.42924 9.65656 9.58996 9.32922 9.65508C9.00187 9.72019 8.66257 9.68677 8.35422 9.55905C8.04587 9.43132 7.78232 9.21503 7.5969 8.93752C7.41147 8.66002 7.3125 8.33376 7.3125 8C7.3125 7.55245 7.49029 7.12322 7.80676 6.80676C8.12322 6.49029 8.55245 6.3125 9 6.3125ZM9 5.1875C8.44374 5.1875 7.89997 5.35245 7.43746 5.66149C6.97495 5.97053 6.61446 6.40979 6.40159 6.9237C6.18872 7.43762 6.13302 8.00312 6.24154 8.54869C6.35006 9.09426 6.61793 9.5954 7.01126 9.98874C7.4046 10.3821 7.90574 10.6499 8.45131 10.7585C8.99688 10.867 9.56238 10.8113 10.0763 10.5984C10.5902 10.3855 11.0295 10.0251 11.3385 9.56254C11.6475 9.10003 11.8125 8.55626 11.8125 8C11.8125 7.25408 11.5162 6.53871 10.9887 6.01126C10.4613 5.48382 9.74592 5.1875 9 5.1875Z", fill: "#1F7CFF" }),
+    react_1.default.createElement("path", { d: "M4.5 6.875H3.375C2.62935 6.87588 1.91449 7.17248 1.38723 7.69973C0.859976 8.22699 0.563378 8.94185 0.5625 9.6875V11.9375H1.6875V9.6875C1.68799 9.2401 1.86594 8.81116 2.1823 8.4948C2.49866 8.17844 2.9276 8.00049 3.375 8H4.5V6.875Z", fill: "#1F7CFF" }),
+    react_1.default.createElement("path", { d: "M4.5 1.25C4.83376 1.25 5.16002 1.34897 5.43752 1.5344C5.71503 1.71982 5.93132 1.98337 6.05905 2.29172C6.18677 2.60007 6.22019 2.93937 6.15508 3.26671C6.08996 3.59406 5.92924 3.89474 5.69324 4.13074C5.45724 4.36674 5.15656 4.52746 4.82922 4.59258C4.50187 4.65769 4.16257 4.62427 3.85422 4.49655C3.54587 4.36882 3.28232 4.15253 3.0969 3.87502C2.91147 3.59752 2.8125 3.27126 2.8125 2.9375C2.8125 2.48995 2.99029 2.06072 3.30676 1.74426C3.62322 1.42779 4.05245 1.25 4.5 1.25ZM4.5 0.125C3.94374 0.125 3.39997 0.28995 2.93746 0.598992C2.47495 0.908033 2.11446 1.34729 1.90159 1.8612C1.68872 2.37512 1.63302 2.94062 1.74154 3.48619C1.85006 4.03176 2.11793 4.5329 2.51126 4.92624C2.9046 5.31957 3.40574 5.58744 3.95131 5.69596C4.49688 5.80448 5.06238 5.74878 5.5763 5.53591C6.09021 5.32304 6.52947 4.96255 6.83851 4.50004C7.14755 4.03753 7.3125 3.49376 7.3125 2.9375C7.3125 2.19158 7.01618 1.47621 6.48874 0.948762C5.96129 0.421316 5.24592 0.125 4.5 0.125Z", fill: "#1F7CFF" })));
+exports.PeopleIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/PeopleIcon/PeopleIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '18px'};
+`;
+//# sourceMappingURL=PeopleIcon.js.map

package/lib/icons/PlayIcon/PlayIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const PlayIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/PlayIcon/PlayIcon.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlayIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M3.0625 12.25C2.94647 12.25 2.83519 12.2039 2.75314 12.1219C2.67109 12.0398 2.625 11.9286 2.625 11.8125V2.18753C2.62499 2.1115 2.6448 2.03678 2.68247 1.97074C2.72014 1.9047 2.77437 1.84961 2.83981 1.81092C2.90526 1.77222 2.97965 1.75124 3.05567 1.75005C3.13169 1.74887 3.20671 1.76751 3.27333 1.80415L12.0233 6.61665C12.092 6.6544 12.1492 6.70989 12.1891 6.77733C12.229 6.84476 12.25 6.92167 12.25 7.00001C12.25 7.07835 12.229 7.15526 12.1891 7.22269C12.1492 7.29013 12.092 7.34562 12.0233 7.38337L3.27333 12.1959C3.20874 12.2314 3.13622 12.25 3.0625 12.25ZM3.5 2.9273V11.0726L10.9046 7.00003L3.5 2.9273Z" })));
+exports.PlayIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/PlayIcon/PlayIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=PlayIcon.js.map

package/lib/icons/PlaylistIcon/PlaylistIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const PlaylistIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/PlaylistIcon/PlaylistIcon.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlaylistIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, props),
+    react_1.default.createElement("path", { d: "M9.625 2.625H1.75V3.5H9.625V2.625Z", fill: "#1A1C21" }),
+    react_1.default.createElement("path", { d: "M9.625 5.25H1.75V6.125H9.625V5.25Z", fill: "#1A1C21" }),
+    react_1.default.createElement("path", { d: "M7 7.875H1.75V8.75H7V7.875Z", fill: "#1A1C21" }),
+    react_1.default.createElement("path", { d: "M9.1875 7.875L12.25 10.0625L9.1875 12.25V7.875Z", fill: "#1A1C21" })));
+exports.PlaylistIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/PlaylistIcon/PlaylistIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=PlaylistIcon.js.map

package/lib/icons/PlusCustomIcon/PlusCustomIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const PlusCustomIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/PlusCustomIcon/PlusCustomIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlusCustomIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("rect", { x: "2.5", y: "2.5", width: "19", height: "19", rx: "9.5", stroke: "#DCDDE5" }),
+    react_1.default.createElement("path", { d: "M12.5 11.5V8H11.5V11.5H8V12.5H11.5V16H12.5V12.5H16V11.5H12.5Z", fill: "#3B3C45" })));
+exports.PlusCustomIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/PlusCustomIcon/PlusCustomIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=PlusCustomIcon.js.map