@rovula/ui 0.0.27 → 0.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/bundle.js +3 -3
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/icons/material-icon/outline/AllOutIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatAlignCenterIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatAlignJustifyIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatAlignLeftIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatAlignRightIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatBoldIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatItalicIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatListBulletedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatListNumberedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatUnderlinedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/index.d.ts +10 -0
- package/dist/cjs/types/icons/material-icon/solid/AllOutIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatAlignCenterIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatAlignJustifyIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatAlignLeftIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatAlignRightIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatBoldIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatItalicIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatListBulletedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatListNumberedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatUnderlinedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/index.d.ts +10 -0
- package/dist/components/Icon/Icon.stories.js +10 -0
- package/dist/esm/bundle.js +3 -3
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/icons/material-icon/outline/AllOutIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatAlignCenterIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatAlignJustifyIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatAlignLeftIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatAlignRightIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatBoldIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatItalicIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatListBulletedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatListNumberedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatUnderlinedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/index.d.ts +10 -0
- package/dist/esm/types/icons/material-icon/solid/AllOutIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatAlignCenterIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatAlignJustifyIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatAlignLeftIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatAlignRightIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatBoldIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatItalicIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatListBulletedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatListNumberedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatUnderlinedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/index.d.ts +10 -0
- package/dist/icons/material-icon/outline/AllOutIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatAlignCenterIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatAlignJustifyIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatAlignLeftIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatAlignRightIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatBoldIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatItalicIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatListBulletedIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatListNumberedIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatUnderlinedIcon.js +3 -0
- package/dist/icons/material-icon/outline/index.js +10 -0
- package/dist/icons/material-icon/solid/AllOutIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatAlignCenterIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatAlignJustifyIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatAlignLeftIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatAlignRightIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatBoldIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatItalicIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatListBulletedIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatListNumberedIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatUnderlinedIcon.js +3 -0
- package/dist/icons/material-icon/solid/index.js +10 -0
- package/dist/src/theme/global.css +1 -1
- package/dist/theme/themes/xspector/state.css +1 -1
- package/package.json +1 -1
- package/src/components/Icon/Icon.stories.tsx +10 -0
- package/src/icons/material-icon/outline/AllOutIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatAlignCenterIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatAlignJustifyIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatAlignLeftIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatAlignRightIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatBoldIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatItalicIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatListBulletedIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatListNumberedIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatUnderlinedIcon.tsx +20 -0
- package/src/icons/material-icon/outline/index.ts +10 -0
- package/src/icons/material-icon/solid/AllOutIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatAlignCenterIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatAlignJustifyIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatAlignLeftIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatAlignRightIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatBoldIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatItalicIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatListBulletedIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatListNumberedIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatUnderlinedIcon.tsx +20 -0
- package/src/icons/material-icon/solid/index.ts +10 -0
- package/src/theme/themes/xspector/state.css +1 -1
|
@@ -10,3 +10,13 @@ export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
|
|
|
10
10
|
export { default as ContentCopyIcon } from "./ContentCopyIcon";
|
|
11
11
|
export { default as ContentPasteIcon } from "./ContentPasteIcon";
|
|
12
12
|
export { default as ChevronDownIcon } from "./ChevronDownIcon";
|
|
13
|
+
export { default as FormatBoldIcon } from "./FormatBoldIcon";
|
|
14
|
+
export { default as FormatItalicIcon } from "./FormatItalicIcon";
|
|
15
|
+
export { default as FormatUnderlinedIcon } from "./FormatUnderlinedIcon";
|
|
16
|
+
export { default as FormatAlignLeftIcon } from "./FormatAlignLeftIcon";
|
|
17
|
+
export { default as FormatAlignCenterIcon } from "./FormatAlignCenterIcon";
|
|
18
|
+
export { default as FormatAlignRightIcon } from "./FormatAlignRightIcon";
|
|
19
|
+
export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
|
|
20
|
+
export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
|
|
21
|
+
export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
|
|
22
|
+
export { default as AllOutIcon } from "./AllOutIcon";
|
|
@@ -10,3 +10,13 @@ export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
|
|
|
10
10
|
export { default as ContentCopyIcon } from "./ContentCopyIcon";
|
|
11
11
|
export { default as ContentPasteIcon } from "./ContentPasteIcon";
|
|
12
12
|
export { default as ChevronDownIcon } from "./ChevronDownIcon";
|
|
13
|
+
export { default as FormatBoldIcon } from "./FormatBoldIcon";
|
|
14
|
+
export { default as FormatItalicIcon } from "./FormatItalicIcon";
|
|
15
|
+
export { default as FormatUnderlinedIcon } from "./FormatUnderlinedIcon";
|
|
16
|
+
export { default as FormatAlignLeftIcon } from "./FormatAlignLeftIcon";
|
|
17
|
+
export { default as FormatAlignCenterIcon } from "./FormatAlignCenterIcon";
|
|
18
|
+
export { default as FormatAlignRightIcon } from "./FormatAlignRightIcon";
|
|
19
|
+
export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
|
|
20
|
+
export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
|
|
21
|
+
export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
|
|
22
|
+
export { default as AllOutIcon } from "./AllOutIcon";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const AllOutIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M7 21H5c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19v-2c0-.283.096-.52.288-.712A.967.967 0 0 1 4 16c.283 0 .52.096.713.288.191.191.287.429.287.712v2h2c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.712A.967.967 0 0 1 7 21Zm12 0h-2a.968.968 0 0 1-.712-.288A.968.968 0 0 1 16 20c0-.283.096-.52.288-.712A.968.968 0 0 1 17 19h2v-2c0-.283.096-.52.288-.712A.968.968 0 0 1 20 16c.283 0 .52.096.712.288.192.191.288.429.288.712v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21Zm-7-2c-1.933 0-3.583-.683-4.95-2.05C5.683 15.583 5 13.933 5 12c0-1.933.683-3.583 2.05-4.95C8.417 5.683 10.067 5 12 5c1.933 0 3.583.683 4.95 2.05C18.317 8.417 19 10.067 19 12c0 1.933-.683 3.583-2.05 4.95C15.583 18.317 13.933 19 12 19ZM3 5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h2c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.713A.968.968 0 0 1 7 5H5v2c0 .283-.096.52-.287.713A.968.968 0 0 1 4 8a.968.968 0 0 1-.712-.287A.968.968 0 0 1 3 7V5Zm17 3a.968.968 0 0 1-.712-.287A.967.967 0 0 1 19 7V5h-2a.968.968 0 0 1-.712-.287A.967.967 0 0 1 16 4c0-.283.096-.52.288-.712A.968.968 0 0 1 17 3h2c.55 0 1.02.196 1.413.587C20.803 3.98 21 4.45 21 5v2c0 .283-.096.52-.288.713A.968.968 0 0 1 20 8Z" }) })));
|
|
3
|
+
export default AllOutIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatAlignCenterIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm3.294-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h6.176c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.598.598 0 0 1-.44.178H8.912Zm-3.294-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm3.294-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h6.176c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.598.598 0 0 1-.44.177H8.912Zm-3.294-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z" }) })));
|
|
3
|
+
export default FormatAlignCenterIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatAlignJustifyIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm0-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z" }) })));
|
|
3
|
+
export default FormatAlignJustifyIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatAlignLeftIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm0-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z" }) })));
|
|
3
|
+
export default FormatAlignLeftIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatAlignRightIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.618 6.235a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm4.94 3.191a.597.597 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.56Zm-4.94 3.192a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm4.94 3.19a.597.597 0 0 1-.44-.177.597.597 0 0 1-.177-.44c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.56ZM5.619 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Z" }) })));
|
|
3
|
+
export default FormatAlignRightIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatBoldIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M8.63 19.133c-.453 0-.838-.158-1.155-.475A1.571 1.571 0 0 1 7 17.504V6.55c0-.453.158-.837.475-1.154A1.571 1.571 0 0 1 8.63 4.92h3.584c1.094 0 2.082.34 2.966 1.021.883.68 1.325 1.597 1.325 2.75 0 .802-.194 1.455-.58 1.96-.388.506-.805.873-1.252 1.101.55.19 1.076.565 1.576 1.125S17 14.193 17 15.142c0 1.37-.505 2.379-1.516 3.024-1.01.645-2.03.967-3.055.967h-3.8Zm.676-2.137h3.036c.845 0 1.442-.234 1.79-.703.35-.469.525-.918.525-1.349 0-.43-.175-.88-.524-1.35-.35-.468-.963-.702-1.84-.702H9.306v4.104Zm0-6.175h2.783c.652 0 1.168-.187 1.55-.56.382-.372.572-.818.572-1.338 0-.553-.202-1.005-.605-1.355-.404-.35-.898-.526-1.484-.526H9.306v3.779Z" }) })));
|
|
3
|
+
export default FormatBoldIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatItalicIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M6.875 18.54a.845.845 0 0 1-.621-.255.847.847 0 0 1-.254-.622c0-.245.085-.452.254-.62a.846.846 0 0 1 .621-.254h2.82l3.138-9.328h-2.82a.845.845 0 0 1-.622-.254.846.846 0 0 1-.254-.622c0-.245.085-.452.254-.621a.846.846 0 0 1 .621-.253h7.113c.245 0 .452.084.621.254.17.17.254.376.254.622a.844.844 0 0 1-.254.62.845.845 0 0 1-.621.254h-2.523l-3.137 9.328h2.523c.245 0 .452.085.62.254.17.17.255.377.255.622a.844.844 0 0 1-.254.621.846.846 0 0 1-.621.253H6.875Z" }) })));
|
|
3
|
+
export default FormatItalicIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatListBulletedIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M10.4 17.559a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.941a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.942a.598.598 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.4ZM6.37 18.311c-.377 0-.7-.134-.968-.402A1.319 1.319 0 0 1 5 16.94c0-.377.134-.7.402-.967.269-.269.591-.403.968-.403s.7.134.967.403c.269.268.403.59.403.967s-.134.7-.403.968c-.268.268-.59.402-.967.402Zm0-4.941c-.377 0-.7-.134-.968-.403A1.319 1.319 0 0 1 5 12c0-.377.134-.7.402-.967.269-.269.591-.403.968-.403s.7.134.967.402c.269.269.403.591.403.968s-.134.7-.403.967c-.268.269-.59.403-.967.403Zm0-4.941c-.377 0-.7-.134-.968-.403A1.319 1.319 0 0 1 5 7.06c0-.377.134-.7.402-.968.269-.268.591-.402.968-.402s.7.134.967.402c.269.269.403.591.403.968s-.134.7-.403.967c-.268.269-.59.403-.967.403Z" }) })));
|
|
3
|
+
export default FormatListBulletedIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatListNumberedIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.491 19.823a.477.477 0 0 1-.491-.49.477.477 0 0 1 .491-.491h1.568v-.871h-.744a.477.477 0 0 1-.491-.491.477.477 0 0 1 .49-.491h.745v-.871H5.49A.477.477 0 0 1 5 15.627a.477.477 0 0 1 .491-.491h1.853c.197 0 .363.067.496.2.134.134.2.3.2.496v.983a.674.674 0 0 1-.2.496.674.674 0 0 1-.496.2c.197 0 .363.067.496.2.134.134.2.3.2.497v.919a.674.674 0 0 1-.2.496.674.674 0 0 1-.496.2H5.491Zm.071-5.479a.543.543 0 0 1-.399-.163.543.543 0 0 1-.163-.4v-1.575c0-.197.067-.363.2-.497.134-.133.3-.2.497-.2h1.362v-.87H5.49A.476.476 0 0 1 5 10.147a.478.478 0 0 1 .491-.492h1.853c.197 0 .363.067.496.2.134.134.2.3.2.497v1.441a.675.675 0 0 1-.2.497.674.674 0 0 1-.496.2H5.982v.87H7.55a.477.477 0 0 1 .49.491.478.478 0 0 1-.49.492H5.562Zm1.165-5.48a.478.478 0 0 1-.492-.49V5.157h-.744A.477.477 0 0 1 5 4.668a.478.478 0 0 1 .491-.492h1.172c.157 0 .289.054.395.16.106.106.16.237.16.395v3.642a.477.477 0 0 1-.491.491ZM10.4 17.56a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.941a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.942a.598.598 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.4Z" }) })));
|
|
3
|
+
export default FormatListNumberedIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatUnderlinedIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M6.676 19.442a.655.655 0 0 1-.482-.195.655.655 0 0 1-.194-.482c0-.192.065-.352.194-.482.13-.13.29-.194.482-.194h10.648c.191 0 .352.065.482.195s.194.29.194.482a.654.654 0 0 1-.194.481.655.655 0 0 1-.482.195H6.676ZM12 16.199c-1.402 0-2.497-.426-3.283-1.277-.787-.852-1.18-1.992-1.18-3.423V5.201c0-.228.083-.423.251-.585a.825.825 0 0 1 .593-.244c.228 0 .422.081.584.244a.8.8 0 0 1 .243.585v6.381c0 .911.242 1.642.727 2.19.484.55 1.172.825 2.065.825s1.581-.275 2.066-.824c.484-.55.726-1.28.726-2.19V5.2c0-.228.084-.423.252-.585a.825.825 0 0 1 .593-.244c.227 0 .422.081.584.244a.8.8 0 0 1 .243.585v6.298c0 1.43-.394 2.571-1.18 3.423-.787.851-1.882 1.277-3.284 1.277Z" }) })));
|
|
3
|
+
export default FormatUnderlinedIcon;
|
|
@@ -10,3 +10,13 @@ export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
|
|
|
10
10
|
export { default as ContentCopyIcon } from "./ContentCopyIcon";
|
|
11
11
|
export { default as ContentPasteIcon } from "./ContentPasteIcon";
|
|
12
12
|
export { default as ChevronDownIcon } from "./ChevronDownIcon";
|
|
13
|
+
export { default as FormatBoldIcon } from "./FormatBoldIcon";
|
|
14
|
+
export { default as FormatItalicIcon } from "./FormatItalicIcon";
|
|
15
|
+
export { default as FormatUnderlinedIcon } from "./FormatUnderlinedIcon";
|
|
16
|
+
export { default as FormatAlignLeftIcon } from "./FormatAlignLeftIcon";
|
|
17
|
+
export { default as FormatAlignCenterIcon } from "./FormatAlignCenterIcon";
|
|
18
|
+
export { default as FormatAlignRightIcon } from "./FormatAlignRightIcon";
|
|
19
|
+
export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
|
|
20
|
+
export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
|
|
21
|
+
export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
|
|
22
|
+
export { default as AllOutIcon } from "./AllOutIcon";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const AllOutIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M7 21H5c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19v-2c0-.283.096-.52.288-.712A.967.967 0 0 1 4 16c.283 0 .52.096.713.288.191.191.287.429.287.712v2h2c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.712A.967.967 0 0 1 7 21Zm12 0h-2a.968.968 0 0 1-.712-.288A.968.968 0 0 1 16 20c0-.283.096-.52.288-.712A.968.968 0 0 1 17 19h2v-2c0-.283.096-.52.288-.712A.968.968 0 0 1 20 16c.283 0 .52.096.712.288.192.191.288.429.288.712v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21Zm-7-2c-1.933 0-3.583-.683-4.95-2.05C5.683 15.583 5 13.933 5 12c0-1.933.683-3.583 2.05-4.95C8.417 5.683 10.067 5 12 5c1.933 0 3.583.683 4.95 2.05C18.317 8.417 19 10.067 19 12c0 1.933-.683 3.583-2.05 4.95C15.583 18.317 13.933 19 12 19ZM3 5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h2c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.713A.968.968 0 0 1 7 5H5v2c0 .283-.096.52-.287.713A.968.968 0 0 1 4 8a.968.968 0 0 1-.712-.287A.968.968 0 0 1 3 7V5Zm17 3a.968.968 0 0 1-.712-.287A.967.967 0 0 1 19 7V5h-2a.968.968 0 0 1-.712-.287A.967.967 0 0 1 16 4c0-.283.096-.52.288-.712A.968.968 0 0 1 17 3h2c.55 0 1.02.196 1.413.587C20.803 3.98 21 4.45 21 5v2c0 .283-.096.52-.288.713A.968.968 0 0 1 20 8Z" }) })));
|
|
3
|
+
export default AllOutIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatAlignCenterIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm3.294-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h6.176c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.598.598 0 0 1-.44.178H8.912Zm-3.294-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm3.294-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h6.176c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.598.598 0 0 1-.44.177H8.912Zm-3.294-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z" }) })));
|
|
3
|
+
export default FormatAlignCenterIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatAlignJustifyIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm0-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z" }) })));
|
|
3
|
+
export default FormatAlignJustifyIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatAlignLeftIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm0-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z" }) })));
|
|
3
|
+
export default FormatAlignLeftIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatAlignRightIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.618 6.235a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm4.94 3.191a.597.597 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.56Zm-4.94 3.192a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm4.94 3.19a.597.597 0 0 1-.44-.177.597.597 0 0 1-.177-.44c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.56ZM5.619 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Z" }) })));
|
|
3
|
+
export default FormatAlignRightIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatBoldIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M8.63 19.133c-.453 0-.838-.158-1.155-.475A1.571 1.571 0 0 1 7 17.504V6.55c0-.453.158-.837.475-1.154A1.571 1.571 0 0 1 8.63 4.92h3.584c1.094 0 2.082.34 2.966 1.021.883.68 1.325 1.597 1.325 2.75 0 .802-.194 1.455-.58 1.96-.388.506-.805.873-1.252 1.101.55.19 1.076.565 1.576 1.125S17 14.193 17 15.142c0 1.37-.505 2.379-1.516 3.024-1.01.645-2.03.967-3.055.967h-3.8Zm.676-2.137h3.036c.845 0 1.442-.234 1.79-.703.35-.469.525-.918.525-1.349 0-.43-.175-.88-.524-1.35-.35-.468-.963-.702-1.84-.702H9.306v4.104Zm0-6.175h2.783c.652 0 1.168-.187 1.55-.56.382-.372.572-.818.572-1.338 0-.553-.202-1.005-.605-1.355-.404-.35-.898-.526-1.484-.526H9.306v3.779Z" }) })));
|
|
3
|
+
export default FormatBoldIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatItalicIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M6.875 18.54a.845.845 0 0 1-.621-.255.847.847 0 0 1-.254-.622c0-.245.085-.452.254-.62a.846.846 0 0 1 .621-.254h2.82l3.138-9.328h-2.82a.845.845 0 0 1-.622-.254.846.846 0 0 1-.254-.622c0-.245.085-.452.254-.621a.846.846 0 0 1 .621-.253h7.113c.245 0 .452.084.621.254.17.17.254.376.254.622a.844.844 0 0 1-.254.62.845.845 0 0 1-.621.254h-2.523l-3.137 9.328h2.523c.245 0 .452.085.62.254.17.17.255.377.255.622a.844.844 0 0 1-.254.621.846.846 0 0 1-.621.253H6.875Z" }) })));
|
|
3
|
+
export default FormatItalicIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatListBulletedIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M10.4 17.559a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.941a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.942a.598.598 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.4ZM6.37 18.311c-.377 0-.7-.134-.968-.402A1.319 1.319 0 0 1 5 16.94c0-.377.134-.7.402-.967.269-.269.591-.403.968-.403s.7.134.967.403c.269.268.403.59.403.967s-.134.7-.403.968c-.268.268-.59.402-.967.402Zm0-4.941c-.377 0-.7-.134-.968-.403A1.319 1.319 0 0 1 5 12c0-.377.134-.7.402-.967.269-.269.591-.403.968-.403s.7.134.967.402c.269.269.403.591.403.968s-.134.7-.403.967c-.268.269-.59.403-.967.403Zm0-4.941c-.377 0-.7-.134-.968-.403A1.319 1.319 0 0 1 5 7.06c0-.377.134-.7.402-.968.269-.268.591-.402.968-.402s.7.134.967.402c.269.269.403.591.403.968s-.134.7-.403.967c-.268.269-.59.403-.967.403Z" }) })));
|
|
3
|
+
export default FormatListBulletedIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatListNumberedIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M5.491 19.823a.477.477 0 0 1-.491-.49.477.477 0 0 1 .491-.491h1.568v-.871h-.744a.477.477 0 0 1-.491-.491.477.477 0 0 1 .49-.491h.745v-.871H5.49A.477.477 0 0 1 5 15.627a.477.477 0 0 1 .491-.491h1.853c.197 0 .363.067.496.2.134.134.2.3.2.496v.983a.674.674 0 0 1-.2.496.674.674 0 0 1-.496.2c.197 0 .363.067.496.2.134.134.2.3.2.497v.919a.674.674 0 0 1-.2.496.674.674 0 0 1-.496.2H5.491Zm.071-5.479a.543.543 0 0 1-.399-.163.543.543 0 0 1-.163-.4v-1.575c0-.197.067-.363.2-.497.134-.133.3-.2.497-.2h1.362v-.87H5.49A.476.476 0 0 1 5 10.147a.478.478 0 0 1 .491-.492h1.853c.197 0 .363.067.496.2.134.134.2.3.2.497v1.441a.675.675 0 0 1-.2.497.674.674 0 0 1-.496.2H5.982v.87H7.55a.477.477 0 0 1 .49.491.478.478 0 0 1-.49.492H5.562Zm1.165-5.48a.478.478 0 0 1-.492-.49V5.157h-.744A.477.477 0 0 1 5 4.668a.478.478 0 0 1 .491-.492h1.172c.157 0 .289.054.395.16.106.106.16.237.16.395v3.642a.477.477 0 0 1-.491.491ZM10.4 17.56a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.941a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.942a.598.598 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.4Z" }) })));
|
|
3
|
+
export default FormatListNumberedIcon;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const FormatUnderlinedIcon = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none" }, props, { children: _jsx("path", { fill: "currentColor", d: "M6.676 19.442a.655.655 0 0 1-.482-.195.655.655 0 0 1-.194-.482c0-.192.065-.352.194-.482.13-.13.29-.194.482-.194h10.648c.191 0 .352.065.482.195s.194.29.194.482a.654.654 0 0 1-.194.481.655.655 0 0 1-.482.195H6.676ZM12 16.199c-1.402 0-2.497-.426-3.283-1.277-.787-.852-1.18-1.992-1.18-3.423V5.201c0-.228.083-.423.251-.585a.825.825 0 0 1 .593-.244c.228 0 .422.081.584.244a.8.8 0 0 1 .243.585v6.381c0 .911.242 1.642.727 2.19.484.55 1.172.825 2.065.825s1.581-.275 2.066-.824c.484-.55.726-1.28.726-2.19V5.2c0-.228.084-.423.252-.585a.825.825 0 0 1 .593-.244c.227 0 .422.081.584.244a.8.8 0 0 1 .243.585v6.298c0 1.43-.394 2.571-1.18 3.423-.787.851-1.882 1.277-3.284 1.277Z" }) })));
|
|
3
|
+
export default FormatUnderlinedIcon;
|
|
@@ -10,3 +10,13 @@ export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
|
|
|
10
10
|
export { default as ContentCopyIcon } from "./ContentCopyIcon";
|
|
11
11
|
export { default as ContentPasteIcon } from "./ContentPasteIcon";
|
|
12
12
|
export { default as ChevronDownIcon } from "./ChevronDownIcon";
|
|
13
|
+
export { default as FormatBoldIcon } from "./FormatBoldIcon";
|
|
14
|
+
export { default as FormatItalicIcon } from "./FormatItalicIcon";
|
|
15
|
+
export { default as FormatUnderlinedIcon } from "./FormatUnderlinedIcon";
|
|
16
|
+
export { default as FormatAlignLeftIcon } from "./FormatAlignLeftIcon";
|
|
17
|
+
export { default as FormatAlignCenterIcon } from "./FormatAlignCenterIcon";
|
|
18
|
+
export { default as FormatAlignRightIcon } from "./FormatAlignRightIcon";
|
|
19
|
+
export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
|
|
20
|
+
export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
|
|
21
|
+
export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
|
|
22
|
+
export { default as AllOutIcon } from "./AllOutIcon";
|
|
@@ -1275,7 +1275,7 @@
|
|
|
1275
1275
|
--state-color-error-text-hover: #ff4d35;
|
|
1276
1276
|
--state-color-error-text-pressed: #a5210f;
|
|
1277
1277
|
--state-color-disable-solid: #454f5b;
|
|
1278
|
-
--state-color-disable-outline: #
|
|
1278
|
+
--state-color-disable-outline: #D3DADF;
|
|
1279
1279
|
/* Base from design */
|
|
1280
1280
|
--input-color-default-text: #9e9e9e;
|
|
1281
1281
|
--input-color-default-stroke: rgba(158 158 158 / 0.24);
|
package/package.json
CHANGED
|
@@ -390,6 +390,16 @@ export const PreviewMaterialIcon = {
|
|
|
390
390
|
"expand-circle-up",
|
|
391
391
|
"content-copy",
|
|
392
392
|
"content-paste",
|
|
393
|
+
"format-bold",
|
|
394
|
+
"format-italic",
|
|
395
|
+
"format-underlined",
|
|
396
|
+
"format-align-left",
|
|
397
|
+
"format-align-center",
|
|
398
|
+
"format-align-right",
|
|
399
|
+
"format-align-justify",
|
|
400
|
+
"format-list-bulleted",
|
|
401
|
+
"format-list-numbered",
|
|
402
|
+
"all-out",
|
|
393
403
|
];
|
|
394
404
|
|
|
395
405
|
return (
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const AllOutIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M7 21H5c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19v-2c0-.283.096-.52.288-.712A.967.967 0 0 1 4 16c.283 0 .52.096.713.288.191.191.287.429.287.712v2h2c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.712A.967.967 0 0 1 7 21Zm12 0h-2a.968.968 0 0 1-.712-.288A.968.968 0 0 1 16 20c0-.283.096-.52.288-.712A.968.968 0 0 1 17 19h2v-2c0-.283.096-.52.288-.712A.968.968 0 0 1 20 16c.283 0 .52.096.712.288.192.191.288.429.288.712v2c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21Zm-7-2c-1.933 0-3.583-.683-4.95-2.05C5.683 15.583 5 13.933 5 12c0-1.933.683-3.583 2.05-4.95C8.417 5.683 10.067 5 12 5c1.933 0 3.583.683 4.95 2.05C18.317 8.417 19 10.067 19 12c0 1.933-.683 3.583-2.05 4.95C15.583 18.317 13.933 19 12 19ZM3 5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h2c.283 0 .52.096.713.288.191.191.287.429.287.712s-.096.52-.287.713A.968.968 0 0 1 7 5H5v2c0 .283-.096.52-.287.713A.968.968 0 0 1 4 8a.968.968 0 0 1-.712-.287A.968.968 0 0 1 3 7V5Zm17 3a.968.968 0 0 1-.712-.287A.967.967 0 0 1 19 7V5h-2a.968.968 0 0 1-.712-.287A.967.967 0 0 1 16 4c0-.283.096-.52.288-.712A.968.968 0 0 1 17 3h2c.55 0 1.02.196 1.413.587C20.803 3.98 21 4.45 21 5v2c0 .283-.096.52-.288.713A.968.968 0 0 1 20 8Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default AllOutIcon;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const FormatAlignCenterIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm3.294-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h6.176c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.598.598 0 0 1-.44.178H8.912Zm-3.294-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm3.294-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h6.176c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.598.598 0 0 1-.44.177H8.912Zm-3.294-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default FormatAlignCenterIcon;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const FormatAlignJustifyIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm0-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default FormatAlignJustifyIcon;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const FormatAlignLeftIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M5.618 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.191a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm0-3.192a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm0-3.19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default FormatAlignLeftIcon;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const FormatAlignRightIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M5.618 6.235a.597.597 0 0 1-.44-.177.598.598 0 0 1-.178-.44c0-.176.06-.322.178-.44A.597.597 0 0 1 5.618 5h12.764c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H5.618Zm4.94 3.191a.597.597 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.56Zm-4.94 3.192a.597.597 0 0 1-.44-.178A.598.598 0 0 1 5 12c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h12.764c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Zm4.94 3.19a.597.597 0 0 1-.44-.177.597.597 0 0 1-.177-.44c0-.175.06-.322.178-.44a.597.597 0 0 1 .44-.178h7.823c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.56ZM5.619 19a.597.597 0 0 1-.44-.178.598.598 0 0 1-.178-.44c0-.175.06-.322.178-.44a.598.598 0 0 1 .44-.177h12.764c.175 0 .322.059.44.177a.598.598 0 0 1 .178.44c0 .176-.06.322-.178.44a.597.597 0 0 1-.44.178H5.618Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default FormatAlignRightIcon;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const FormatBoldIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M8.63 19.133c-.453 0-.838-.158-1.155-.475A1.571 1.571 0 0 1 7 17.504V6.55c0-.453.158-.837.475-1.154A1.571 1.571 0 0 1 8.63 4.92h3.584c1.094 0 2.082.34 2.966 1.021.883.68 1.325 1.597 1.325 2.75 0 .802-.194 1.455-.58 1.96-.388.506-.805.873-1.252 1.101.55.19 1.076.565 1.576 1.125S17 14.193 17 15.142c0 1.37-.505 2.379-1.516 3.024-1.01.645-2.03.967-3.055.967h-3.8Zm.676-2.137h3.036c.845 0 1.442-.234 1.79-.703.35-.469.525-.918.525-1.349 0-.43-.175-.88-.524-1.35-.35-.468-.963-.702-1.84-.702H9.306v4.104Zm0-6.175h2.783c.652 0 1.168-.187 1.55-.56.382-.372.572-.818.572-1.338 0-.553-.202-1.005-.605-1.355-.404-.35-.898-.526-1.484-.526H9.306v3.779Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default FormatBoldIcon;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const FormatItalicIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M6.875 18.54a.845.845 0 0 1-.621-.255.847.847 0 0 1-.254-.622c0-.245.085-.452.254-.62a.846.846 0 0 1 .621-.254h2.82l3.138-9.328h-2.82a.845.845 0 0 1-.622-.254.846.846 0 0 1-.254-.622c0-.245.085-.452.254-.621a.846.846 0 0 1 .621-.253h7.113c.245 0 .452.084.621.254.17.17.254.376.254.622a.844.844 0 0 1-.254.62.845.845 0 0 1-.621.254h-2.523l-3.137 9.328h2.523c.245 0 .452.085.62.254.17.17.255.377.255.622a.844.844 0 0 1-.254.621.846.846 0 0 1-.621.253H6.875Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default FormatItalicIcon;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const FormatListBulletedIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M10.4 17.559a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.941a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.942a.598.598 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.4ZM6.37 18.311c-.377 0-.7-.134-.968-.402A1.319 1.319 0 0 1 5 16.94c0-.377.134-.7.402-.967.269-.269.591-.403.968-.403s.7.134.967.403c.269.268.403.59.403.967s-.134.7-.403.968c-.268.268-.59.402-.967.402Zm0-4.941c-.377 0-.7-.134-.968-.403A1.319 1.319 0 0 1 5 12c0-.377.134-.7.402-.967.269-.269.591-.403.968-.403s.7.134.967.402c.269.269.403.591.403.968s-.134.7-.403.967c-.268.269-.59.403-.967.403Zm0-4.941c-.377 0-.7-.134-.968-.403A1.319 1.319 0 0 1 5 7.06c0-.377.134-.7.402-.968.269-.268.591-.402.968-.402s.7.134.967.402c.269.269.403.591.403.968s-.134.7-.403.967c-.268.269-.59.403-.967.403Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default FormatListBulletedIcon;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const FormatListNumberedIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M5.491 19.823a.477.477 0 0 1-.491-.49.477.477 0 0 1 .491-.491h1.568v-.871h-.744a.477.477 0 0 1-.491-.491.477.477 0 0 1 .49-.491h.745v-.871H5.49A.477.477 0 0 1 5 15.627a.477.477 0 0 1 .491-.491h1.853c.197 0 .363.067.496.2.134.134.2.3.2.496v.983a.674.674 0 0 1-.2.496.674.674 0 0 1-.496.2c.197 0 .363.067.496.2.134.134.2.3.2.497v.919a.674.674 0 0 1-.2.496.674.674 0 0 1-.496.2H5.491Zm.071-5.479a.543.543 0 0 1-.399-.163.543.543 0 0 1-.163-.4v-1.575c0-.197.067-.363.2-.497.134-.133.3-.2.497-.2h1.362v-.87H5.49A.476.476 0 0 1 5 10.147a.478.478 0 0 1 .491-.492h1.853c.197 0 .363.067.496.2.134.134.2.3.2.497v1.441a.675.675 0 0 1-.2.497.674.674 0 0 1-.496.2H5.982v.87H7.55a.477.477 0 0 1 .49.491.478.478 0 0 1-.49.492H5.562Zm1.165-5.48a.478.478 0 0 1-.492-.49V5.157h-.744A.477.477 0 0 1 5 4.668a.478.478 0 0 1 .491-.492h1.172c.157 0 .289.054.395.16.106.106.16.237.16.395v3.642a.477.477 0 0 1-.491.491ZM10.4 17.56a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.941a.598.598 0 0 1-.44-.178.598.598 0 0 1-.177-.44c0-.175.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178A.598.598 0 0 1 19 12c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.178H10.4Zm0-4.942a.598.598 0 0 1-.44-.177.598.598 0 0 1-.177-.44c0-.176.059-.322.177-.44a.598.598 0 0 1 .44-.178h7.982c.175 0 .322.06.44.178a.598.598 0 0 1 .178.44c0 .175-.06.322-.178.44a.597.597 0 0 1-.44.177H10.4Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default FormatListNumberedIcon;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SVGProps } from "react";
|
|
3
|
+
|
|
4
|
+
const FormatUnderlinedIcon = (props: SVGProps<SVGSVGElement>) => (
|
|
5
|
+
<svg
|
|
6
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
+
width={24}
|
|
8
|
+
height={24}
|
|
9
|
+
viewBox="0 0 24 24"
|
|
10
|
+
fill="none"
|
|
11
|
+
{...props}
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
fill="currentColor"
|
|
15
|
+
d="M6.676 19.442a.655.655 0 0 1-.482-.195.655.655 0 0 1-.194-.482c0-.192.065-.352.194-.482.13-.13.29-.194.482-.194h10.648c.191 0 .352.065.482.195s.194.29.194.482a.654.654 0 0 1-.194.481.655.655 0 0 1-.482.195H6.676ZM12 16.199c-1.402 0-2.497-.426-3.283-1.277-.787-.852-1.18-1.992-1.18-3.423V5.201c0-.228.083-.423.251-.585a.825.825 0 0 1 .593-.244c.228 0 .422.081.584.244a.8.8 0 0 1 .243.585v6.381c0 .911.242 1.642.727 2.19.484.55 1.172.825 2.065.825s1.581-.275 2.066-.824c.484-.55.726-1.28.726-2.19V5.2c0-.228.084-.423.252-.585a.825.825 0 0 1 .593-.244c.227 0 .422.081.584.244a.8.8 0 0 1 .243.585v6.298c0 1.43-.394 2.571-1.18 3.423-.787.851-1.882 1.277-3.284 1.277Z"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
|
|
20
|
+
export default FormatUnderlinedIcon;
|