@rovula/ui 0.0.34 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/cjs/bundle.js +1 -1
  2. package/dist/cjs/bundle.js.map +1 -1
  3. package/dist/cjs/types/icons/material-icon/outline/AlignVerticalBottom.d.ts +3 -0
  4. package/dist/cjs/types/icons/material-icon/outline/AlignVerticalTop.d.ts +3 -0
  5. package/dist/cjs/types/icons/material-icon/outline/VerticalDistribute.d.ts +3 -0
  6. package/dist/cjs/types/icons/material-icon/outline/index.d.ts +3 -0
  7. package/dist/cjs/types/icons/material-icon/solid/AlignVerticalBottom.d.ts +3 -0
  8. package/dist/cjs/types/icons/material-icon/solid/AlignVerticalTop.d.ts +3 -0
  9. package/dist/cjs/types/icons/material-icon/solid/VerticalDistribute.d.ts +3 -0
  10. package/dist/cjs/types/icons/material-icon/solid/index.d.ts +3 -0
  11. package/dist/components/Icon/Icon.stories.js +3 -0
  12. package/dist/esm/bundle.js +1 -1
  13. package/dist/esm/bundle.js.map +1 -1
  14. package/dist/esm/types/icons/material-icon/outline/AlignVerticalBottom.d.ts +3 -0
  15. package/dist/esm/types/icons/material-icon/outline/AlignVerticalTop.d.ts +3 -0
  16. package/dist/esm/types/icons/material-icon/outline/VerticalDistribute.d.ts +3 -0
  17. package/dist/esm/types/icons/material-icon/outline/index.d.ts +3 -0
  18. package/dist/esm/types/icons/material-icon/solid/AlignVerticalBottom.d.ts +3 -0
  19. package/dist/esm/types/icons/material-icon/solid/AlignVerticalTop.d.ts +3 -0
  20. package/dist/esm/types/icons/material-icon/solid/VerticalDistribute.d.ts +3 -0
  21. package/dist/esm/types/icons/material-icon/solid/index.d.ts +3 -0
  22. package/dist/icons/material-icon/outline/AlignVerticalBottom.js +3 -0
  23. package/dist/icons/material-icon/outline/AlignVerticalTop.js +3 -0
  24. package/dist/icons/material-icon/outline/VerticalDistribute.js +3 -0
  25. package/dist/icons/material-icon/outline/index.js +3 -0
  26. package/dist/icons/material-icon/solid/AlignVerticalBottom.js +3 -0
  27. package/dist/icons/material-icon/solid/AlignVerticalTop.js +3 -0
  28. package/dist/icons/material-icon/solid/VerticalDistribute.js +3 -0
  29. package/dist/icons/material-icon/solid/index.js +3 -0
  30. package/package.json +1 -1
  31. package/src/components/Icon/Icon.stories.tsx +3 -0
  32. package/src/icons/material-icon/outline/AlignVerticalBottom.tsx +19 -0
  33. package/src/icons/material-icon/outline/AlignVerticalTop.tsx +20 -0
  34. package/src/icons/material-icon/outline/VerticalDistribute.tsx +19 -0
  35. package/src/icons/material-icon/outline/index.ts +3 -0
  36. package/src/icons/material-icon/solid/AlignVerticalBottom.tsx +19 -0
  37. package/src/icons/material-icon/solid/AlignVerticalTop.tsx +20 -0
  38. package/src/icons/material-icon/solid/VerticalDistribute.tsx +19 -0
  39. package/src/icons/material-icon/solid/index.ts +3 -0
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from "react";
2
+ declare const AlignVerticalBottom: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default AlignVerticalBottom;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from "react";
2
+ declare const AlignVerticalTop: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default AlignVerticalTop;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from "react";
2
+ declare const VerticalDistribute: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default VerticalDistribute;
@@ -20,3 +20,6 @@ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
20
20
  export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
21
21
  export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
22
22
  export { default as AllOutIcon } from "./AllOutIcon";
23
+ export { default as AlignVerticalTop } from "./AlignVerticalTop";
24
+ export { default as VerticalDistribute } from "./VerticalDistribute";
25
+ export { default as AlignVerticalBottom } from "./AlignVerticalBottom";
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from "react";
2
+ declare const AlignVerticalBottom: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default AlignVerticalBottom;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from "react";
2
+ declare const AlignVerticalTop: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default AlignVerticalTop;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from "react";
2
+ declare const VerticalDistribute: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default VerticalDistribute;
@@ -20,3 +20,6 @@ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
20
20
  export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
21
21
  export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
22
22
  export { default as AllOutIcon } from "./AllOutIcon";
23
+ export { default as AlignVerticalTop } from "./AlignVerticalTop";
24
+ export { default as VerticalDistribute } from "./VerticalDistribute";
25
+ export { default as AlignVerticalBottom } from "./AlignVerticalBottom";
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const AlignVerticalBottom = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none" }, props, { children: _jsx("path", { fill: "#5F6368", d: "M4.436 19.995a.627.627 0 0 1-.462-.186.627.627 0 0 1-.186-.462c0-.184.062-.338.186-.462a.627.627 0 0 1 .462-.186h15.128c.184 0 .338.062.462.186a.627.627 0 0 1 .186.462.627.627 0 0 1-.186.462.627.627 0 0 1-.462.186H4.436Zm4.63-3.275c-.3 0-.556-.106-.769-.32a1.048 1.048 0 0 1-.32-.768V5.084c0-.3.107-.555.32-.769.213-.213.47-.32.769-.32.3 0 .556.107.769.32.213.214.32.47.32.769v10.548c0 .299-.107.555-.32.768-.213.214-.47.32-.769.32Zm5.868 0c-.3 0-.555-.106-.769-.32a1.049 1.049 0 0 1-.32-.768V10.27c0-.3.107-.556.32-.77.214-.213.47-.32.77-.32.298 0 .555.107.768.32.213.214.32.47.32.77v5.36c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32Z" }) })));
3
+ export default AlignVerticalBottom;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const AlignVerticalTop = (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: "#5F6368", d: "M9.066 19.995c-.3 0-.556-.106-.769-.32a1.049 1.049 0 0 1-.32-.769V8.36c0-.3.107-.556.32-.77.213-.212.47-.319.769-.319.3 0 .556.107.769.32.213.213.32.47.32.769v10.547c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32Zm5.868-5.186c-.3 0-.555-.107-.769-.32a1.049 1.049 0 0 1-.32-.77V8.36c0-.3.107-.556.32-.77.214-.212.47-.319.77-.319.298 0 .555.107.768.32.213.213.32.47.32.769v5.36c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32ZM4.436 5.292a.627.627 0 0 1-.462-.186.627.627 0 0 1-.186-.462c0-.184.062-.339.186-.463a.627.627 0 0 1 .462-.186h15.128c.184 0 .338.062.462.186a.628.628 0 0 1 .186.463.627.627 0 0 1-.186.462.627.627 0 0 1-.462.186H4.436Z" }) })));
3
+ export default AlignVerticalTop;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const VerticalDistribute = (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: "#5F6368", d: "M4.632 20a.61.61 0 0 1-.45-.182.611.611 0 0 1-.182-.45c0-.179.06-.329.182-.45a.61.61 0 0 1 .45-.181h14.736a.61.61 0 0 1 .45.182.611.611 0 0 1 .182.45c0 .179-.06.329-.182.45a.61.61 0 0 1-.45.181H4.632Zm4.42-6.947c-.292 0-.54-.103-.745-.307A1.014 1.014 0 0 1 8 12c0-.292.102-.54.307-.746.205-.205.453-.308.746-.308h5.894c.293 0 .541.103.746.307.205.205.307.453.307.745s-.102.54-.307.746a1.014 1.014 0 0 1-.746.308H9.053Zm-4.42-7.79a.61.61 0 0 1-.45-.182.611.611 0 0 1-.182-.45c0-.179.06-.329.182-.45A.611.611 0 0 1 4.632 4h14.736a.61.61 0 0 1 .45.182.611.611 0 0 1 .182.45c0 .179-.06.329-.182.45a.61.61 0 0 1-.45.181H4.632Z" }) })));
3
+ export default VerticalDistribute;
@@ -20,3 +20,6 @@ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
20
20
  export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
21
21
  export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
22
22
  export { default as AllOutIcon } from "./AllOutIcon";
23
+ export { default as AlignVerticalTop } from "./AlignVerticalTop";
24
+ export { default as VerticalDistribute } from "./VerticalDistribute";
25
+ export { default as AlignVerticalBottom } from "./AlignVerticalBottom";
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const AlignVerticalBottom = (props) => (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none" }, props, { children: _jsx("path", { fill: "#5F6368", d: "M4.436 19.995a.627.627 0 0 1-.462-.186.627.627 0 0 1-.186-.462c0-.184.062-.338.186-.462a.627.627 0 0 1 .462-.186h15.128c.184 0 .338.062.462.186a.627.627 0 0 1 .186.462.627.627 0 0 1-.186.462.627.627 0 0 1-.462.186H4.436Zm4.63-3.275c-.3 0-.556-.106-.769-.32a1.048 1.048 0 0 1-.32-.768V5.084c0-.3.107-.555.32-.769.213-.213.47-.32.769-.32.3 0 .556.107.769.32.213.214.32.47.32.769v10.548c0 .299-.107.555-.32.768-.213.214-.47.32-.769.32Zm5.868 0c-.3 0-.555-.106-.769-.32a1.049 1.049 0 0 1-.32-.768V10.27c0-.3.107-.556.32-.77.214-.213.47-.32.77-.32.298 0 .555.107.768.32.213.214.32.47.32.77v5.36c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32Z" }) })));
3
+ export default AlignVerticalBottom;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const AlignVerticalTop = (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: "#5F6368", d: "M9.066 19.995c-.3 0-.556-.106-.769-.32a1.049 1.049 0 0 1-.32-.769V8.36c0-.3.107-.556.32-.77.213-.212.47-.319.769-.319.3 0 .556.107.769.32.213.213.32.47.32.769v10.547c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32Zm5.868-5.186c-.3 0-.555-.107-.769-.32a1.049 1.049 0 0 1-.32-.77V8.36c0-.3.107-.556.32-.77.214-.212.47-.319.77-.319.298 0 .555.107.768.32.213.213.32.47.32.769v5.36c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32ZM4.436 5.292a.627.627 0 0 1-.462-.186.627.627 0 0 1-.186-.462c0-.184.062-.339.186-.463a.627.627 0 0 1 .462-.186h15.128c.184 0 .338.062.462.186a.628.628 0 0 1 .186.463.627.627 0 0 1-.186.462.627.627 0 0 1-.462.186H4.436Z" }) })));
3
+ export default AlignVerticalTop;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const VerticalDistribute = (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: "#5F6368", d: "M4.632 20a.61.61 0 0 1-.45-.182.611.611 0 0 1-.182-.45c0-.179.06-.329.182-.45a.61.61 0 0 1 .45-.181h14.736a.61.61 0 0 1 .45.182.611.611 0 0 1 .182.45c0 .179-.06.329-.182.45a.61.61 0 0 1-.45.181H4.632Zm4.42-6.947c-.292 0-.54-.103-.745-.307A1.014 1.014 0 0 1 8 12c0-.292.102-.54.307-.746.205-.205.453-.308.746-.308h5.894c.293 0 .541.103.746.307.205.205.307.453.307.745s-.102.54-.307.746a1.014 1.014 0 0 1-.746.308H9.053Zm-4.42-7.79a.61.61 0 0 1-.45-.182.611.611 0 0 1-.182-.45c0-.179.06-.329.182-.45A.611.611 0 0 1 4.632 4h14.736a.61.61 0 0 1 .45.182.611.611 0 0 1 .182.45c0 .179-.06.329-.182.45a.61.61 0 0 1-.45.181H4.632Z" }) })));
3
+ export default VerticalDistribute;
@@ -20,3 +20,6 @@ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
20
20
  export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
21
21
  export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
22
22
  export { default as AllOutIcon } from "./AllOutIcon";
23
+ export { default as AlignVerticalTop } from "./AlignVerticalTop";
24
+ export { default as VerticalDistribute } from "./VerticalDistribute";
25
+ export { default as AlignVerticalBottom } from "./AlignVerticalBottom";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rovula/ui",
3
- "version": "0.0.34",
3
+ "version": "0.0.36",
4
4
  "main": "dist/cjs/bundle.js",
5
5
  "module": "dist/esm/bundle.js",
6
6
  "types": "dist/index.d.ts",
@@ -400,6 +400,9 @@ export const PreviewMaterialIcon = {
400
400
  "format-list-bulleted",
401
401
  "format-list-numbered",
402
402
  "all-out",
403
+ "align-vertical-top",
404
+ "vertical-distribute",
405
+ "align-vertical-bottom",
403
406
  ];
404
407
 
405
408
  return (
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const AlignVerticalBottom = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ fill="none"
10
+ {...props}
11
+ >
12
+ <path
13
+ fill="#5F6368"
14
+ d="M4.436 19.995a.627.627 0 0 1-.462-.186.627.627 0 0 1-.186-.462c0-.184.062-.338.186-.462a.627.627 0 0 1 .462-.186h15.128c.184 0 .338.062.462.186a.627.627 0 0 1 .186.462.627.627 0 0 1-.186.462.627.627 0 0 1-.462.186H4.436Zm4.63-3.275c-.3 0-.556-.106-.769-.32a1.048 1.048 0 0 1-.32-.768V5.084c0-.3.107-.555.32-.769.213-.213.47-.32.769-.32.3 0 .556.107.769.32.213.214.32.47.32.769v10.548c0 .299-.107.555-.32.768-.213.214-.47.32-.769.32Zm5.868 0c-.3 0-.555-.106-.769-.32a1.049 1.049 0 0 1-.32-.768V10.27c0-.3.107-.556.32-.77.214-.213.47-.32.77-.32.298 0 .555.107.768.32.213.214.32.47.32.77v5.36c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32Z"
15
+ />
16
+ </svg>
17
+ );
18
+
19
+ export default AlignVerticalBottom;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const AlignVerticalTop = (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="#5F6368"
15
+ d="M9.066 19.995c-.3 0-.556-.106-.769-.32a1.049 1.049 0 0 1-.32-.769V8.36c0-.3.107-.556.32-.77.213-.212.47-.319.769-.319.3 0 .556.107.769.32.213.213.32.47.32.769v10.547c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32Zm5.868-5.186c-.3 0-.555-.107-.769-.32a1.049 1.049 0 0 1-.32-.77V8.36c0-.3.107-.556.32-.77.214-.212.47-.319.77-.319.298 0 .555.107.768.32.213.213.32.47.32.769v5.36c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32ZM4.436 5.292a.627.627 0 0 1-.462-.186.627.627 0 0 1-.186-.462c0-.184.062-.339.186-.463a.627.627 0 0 1 .462-.186h15.128c.184 0 .338.062.462.186a.628.628 0 0 1 .186.463.627.627 0 0 1-.186.462.627.627 0 0 1-.462.186H4.436Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default AlignVerticalTop;
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const VerticalDistribute = (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="#5F6368"
15
+ d="M4.632 20a.61.61 0 0 1-.45-.182.611.611 0 0 1-.182-.45c0-.179.06-.329.182-.45a.61.61 0 0 1 .45-.181h14.736a.61.61 0 0 1 .45.182.611.611 0 0 1 .182.45c0 .179-.06.329-.182.45a.61.61 0 0 1-.45.181H4.632Zm4.42-6.947c-.292 0-.54-.103-.745-.307A1.014 1.014 0 0 1 8 12c0-.292.102-.54.307-.746.205-.205.453-.308.746-.308h5.894c.293 0 .541.103.746.307.205.205.307.453.307.745s-.102.54-.307.746a1.014 1.014 0 0 1-.746.308H9.053Zm-4.42-7.79a.61.61 0 0 1-.45-.182.611.611 0 0 1-.182-.45c0-.179.06-.329.182-.45A.611.611 0 0 1 4.632 4h14.736a.61.61 0 0 1 .45.182.611.611 0 0 1 .182.45c0 .179-.06.329-.182.45a.61.61 0 0 1-.45.181H4.632Z"
16
+ />
17
+ </svg>
18
+ );
19
+ export default VerticalDistribute;
@@ -20,3 +20,6 @@ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
20
20
  export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
21
21
  export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
22
22
  export { default as AllOutIcon } from "./AllOutIcon";
23
+ export { default as AlignVerticalTop } from "./AlignVerticalTop";
24
+ export { default as VerticalDistribute } from "./VerticalDistribute";
25
+ export { default as AlignVerticalBottom } from "./AlignVerticalBottom";
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const AlignVerticalBottom = (props: SVGProps<SVGSVGElement>) => (
5
+ <svg
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ width={24}
8
+ height={24}
9
+ fill="none"
10
+ {...props}
11
+ >
12
+ <path
13
+ fill="#5F6368"
14
+ d="M4.436 19.995a.627.627 0 0 1-.462-.186.627.627 0 0 1-.186-.462c0-.184.062-.338.186-.462a.627.627 0 0 1 .462-.186h15.128c.184 0 .338.062.462.186a.627.627 0 0 1 .186.462.627.627 0 0 1-.186.462.627.627 0 0 1-.462.186H4.436Zm4.63-3.275c-.3 0-.556-.106-.769-.32a1.048 1.048 0 0 1-.32-.768V5.084c0-.3.107-.555.32-.769.213-.213.47-.32.769-.32.3 0 .556.107.769.32.213.214.32.47.32.769v10.548c0 .299-.107.555-.32.768-.213.214-.47.32-.769.32Zm5.868 0c-.3 0-.555-.106-.769-.32a1.049 1.049 0 0 1-.32-.768V10.27c0-.3.107-.556.32-.77.214-.213.47-.32.77-.32.298 0 .555.107.768.32.213.214.32.47.32.77v5.36c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32Z"
15
+ />
16
+ </svg>
17
+ );
18
+
19
+ export default AlignVerticalBottom;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const AlignVerticalTop = (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="#5F6368"
15
+ d="M9.066 19.995c-.3 0-.556-.106-.769-.32a1.049 1.049 0 0 1-.32-.769V8.36c0-.3.107-.556.32-.77.213-.212.47-.319.769-.319.3 0 .556.107.769.32.213.213.32.47.32.769v10.547c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32Zm5.868-5.186c-.3 0-.555-.107-.769-.32a1.049 1.049 0 0 1-.32-.77V8.36c0-.3.107-.556.32-.77.214-.212.47-.319.77-.319.298 0 .555.107.768.32.213.213.32.47.32.769v5.36c0 .3-.107.556-.32.77-.213.213-.47.32-.769.32ZM4.436 5.292a.627.627 0 0 1-.462-.186.627.627 0 0 1-.186-.462c0-.184.062-.339.186-.463a.627.627 0 0 1 .462-.186h15.128c.184 0 .338.062.462.186a.628.628 0 0 1 .186.463.627.627 0 0 1-.186.462.627.627 0 0 1-.462.186H4.436Z"
16
+ />
17
+ </svg>
18
+ );
19
+
20
+ export default AlignVerticalTop;
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import { SVGProps } from "react";
3
+
4
+ const VerticalDistribute = (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="#5F6368"
15
+ d="M4.632 20a.61.61 0 0 1-.45-.182.611.611 0 0 1-.182-.45c0-.179.06-.329.182-.45a.61.61 0 0 1 .45-.181h14.736a.61.61 0 0 1 .45.182.611.611 0 0 1 .182.45c0 .179-.06.329-.182.45a.61.61 0 0 1-.45.181H4.632Zm4.42-6.947c-.292 0-.54-.103-.745-.307A1.014 1.014 0 0 1 8 12c0-.292.102-.54.307-.746.205-.205.453-.308.746-.308h5.894c.293 0 .541.103.746.307.205.205.307.453.307.745s-.102.54-.307.746a1.014 1.014 0 0 1-.746.308H9.053Zm-4.42-7.79a.61.61 0 0 1-.45-.182.611.611 0 0 1-.182-.45c0-.179.06-.329.182-.45A.611.611 0 0 1 4.632 4h14.736a.61.61 0 0 1 .45.182.611.611 0 0 1 .182.45c0 .179-.06.329-.182.45a.61.61 0 0 1-.45.181H4.632Z"
16
+ />
17
+ </svg>
18
+ );
19
+ export default VerticalDistribute;
@@ -20,3 +20,6 @@ export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
20
20
  export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
21
21
  export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
22
22
  export { default as AllOutIcon } from "./AllOutIcon";
23
+ export { default as AlignVerticalTop } from "./AlignVerticalTop";
24
+ export { default as VerticalDistribute } from "./VerticalDistribute";
25
+ export { default as AlignVerticalBottom } from "./AlignVerticalBottom";