asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

chore(icons,toolbox): Update icons (#7505)

Browse Source
This commit is contained in:
Kasper Fabricius Kristensen
2024-05-28 19:54:31 +02:00
committed by GitHub
parent ee0b93078f
commit 75791f2cbd
313 changed files with 3325 additions and 2079 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/admin-next/dashboard/src/components/layout/nav-item/nav-item.tsx
View File

@@ -149,7 +149,7 @@ const Icon = ({ icon, type }: { icon?: ReactNode; type: ItemType }) => {
return type === "extension" ? (
<div className="shadow-borders-base bg-ui-bg-base flex h-5 w-5 items-center justify-center rounded-[4px]">
<div className="h-4 w-4 overflow-hidden rounded-sm">{icon}</div>
<div className="h-[15px] w-[15px] overflow-hidden rounded-sm">{icon}</div>
</div>
) : (
icon

6
packages/admin-next/dashboard/src/components/layout/shell/shell.tsx
View File

@@ -8,7 +8,7 @@ import {
CircleHalfSolid,
CogSixTooth,
MagnifyingGlass,
SidebarRight,
SidebarLeft,
User as UserIcon,
} from "@medusajs/icons"
import { Avatar, DropdownMenu, IconButton, Kbd, Text, clx } from "@medusajs/ui"
@@ -334,14 +334,14 @@ const ToggleSidebar = () => {
variant="transparent"
onClick={() => toggle("desktop")}
>
<SidebarRight className="text-ui-fg-muted" />
<SidebarLeft className="text-ui-fg-muted" />
</IconButton>
<IconButton
className="hidden max-lg:flex"
variant="transparent"
onClick={() => toggle("mobile")}
>
<SidebarRight className="text-ui-fg-muted" />
<SidebarLeft className="text-ui-fg-muted" />
</IconButton>
</div>
)

17
packages/design-system/icons/src/components/__tests__/adjustments-done.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import AdjustmentsDone from "../adjustments-done"
describe("AdjustmentsDone", () => {
it("should render the icon without errors", async () => {
render(<AdjustmentsDone data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

17
packages/design-system/icons/src/components/__tests__/arrow-up-right-micro.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import ArrowUpRightMicro from "../arrow-up-right-micro"
describe("ArrowUpRightMicro", () => {
it("should render the icon without errors", async () => {
render(<ArrowUpRightMicro data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

6
packages/design-system/icons/src/components/__tests__/user-circle-mini.spec.tsx → packages/design-system/icons/src/components/__tests__/bottom-to-top.spec.tsx
View File

@@ -1,11 +1,11 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import UserCircleMini from "../user-circle-mini"
import BottomToTop from "../bottom-to-top"
describe("UserCircleMini", () => {
describe("BottomToTop", () => {
it("should render the icon without errors", async () => {
render(<UserCircleMini data-testid="icon" />)
render(<BottomToTop data-testid="icon" />)
const svgElement = screen.getByTestId("icon")

17
packages/design-system/icons/src/components/__tests__/descending-sorting.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import DescendingSorting from "../descending-sorting"
describe("DescendingSorting", () => {
it("should render the icon without errors", async () => {
render(<DescendingSorting data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

17
packages/design-system/icons/src/components/__tests__/keyboard.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import Keyboard from "../keyboard"
describe("Keyboard", () => {
it("should render the icon without errors", async () => {
render(<Keyboard data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

17
packages/design-system/icons/src/components/__tests__/list-checkbox.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import ListCheckbox from "../list-checkbox"
describe("ListCheckbox", () => {
it("should render the icon without errors", async () => {
render(<ListCheckbox data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

17
packages/design-system/icons/src/components/__tests__/list-tree.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import ListTree from "../list-tree"
describe("ListTree", () => {
it("should render the icon without errors", async () => {
render(<ListTree data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

17
packages/design-system/icons/src/components/__tests__/open-rect-arrow-out.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import OpenRectArrowOut from "../open-rect-arrow-out"
describe("OpenRectArrowOut", () => {
it("should render the icon without errors", async () => {
render(<OpenRectArrowOut data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

6
packages/design-system/icons/src/components/__tests__/ellipse.spec.tsx → packages/design-system/icons/src/components/__tests__/receipt.spec.tsx
View File

@@ -1,11 +1,11 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import Ellipse from "../ellipse"
import Receipt from "../receipt"
describe("Ellipse", () => {
describe("Receipt", () => {
it("should render the icon without errors", async () => {
render(<Ellipse data-testid="icon" />)
render(<Receipt data-testid="icon" />)
const svgElement = screen.getByTestId("icon")

6
packages/design-system/icons/src/components/__tests__/twitter.spec.tsx → packages/design-system/icons/src/components/__tests__/share.spec.tsx
View File

@@ -1,11 +1,11 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import Twitter from "../twitter"
import Share from "../share"
describe("Twitter", () => {
describe("Share", () => {
it("should render the icon without errors", async () => {
render(<Twitter data-testid="icon" />)
render(<Share data-testid="icon" />)
const svgElement = screen.getByTestId("icon")

17
packages/design-system/icons/src/components/__tests__/timeline-vertical.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import TimelineVertical from "../timeline-vertical"
describe("TimelineVertical", () => {
it("should render the icon without errors", async () => {
render(<TimelineVertical data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

17
packages/design-system/icons/src/components/__tests__/top-to-bottom.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import TopToBottom from "../top-to-bottom"
describe("TopToBottom", () => {
it("should render the icon without errors", async () => {
render(<TopToBottom data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

17
packages/design-system/icons/src/components/__tests__/triangle-right-mini-hover.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import TriangleRightMiniHover from "../triangle-right-mini-hover"
describe("TriangleRightMiniHover", () => {
it("should render the icon without errors", async () => {
render(<TriangleRightMiniHover data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

17
packages/design-system/icons/src/components/__tests__/user-mini.spec.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import UserMini from "../user-mini"
describe("UserMini", () => {
it("should render the icon without errors", async () => {
render(<UserMini data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})

19
packages/design-system/icons/src/components/academic-cap-solid.tsx
View File

@@ -5,18 +5,21 @@ const AcademicCapSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M9.679 1.93a.717.717 0 0 1 .642 0 39.23 39.23 0 0 1 7.832 5.182.717.717 0 0 1-.242 1.228A29.973 29.973 0 0 0 10.4 12a.717.717 0 0 1-.802 0 30.118 30.118 0 0 0-1.987-1.23V9.645c0-.233.11-.442.288-.566a33.926 33.926 0 0 1 3.158-1.942.716.716 0 0 0-.682-1.26 35.349 35.349 0 0 0-3.293 2.025 2.117 2.117 0 0 0-.905 1.742v.363A29.902 29.902 0 0 0 2.09 8.34a.717.717 0 0 1-.242-1.228A39.228 39.228 0 0 1 9.679 1.93v.001Zm-3.5 9.688a28.53 28.53 0 0 0-2.346-1.106 39.2 39.2 0 0 0-.373 2.975.716.716 0 0 0 .4.707c.505.244 1 .506 1.485.783-.2.31-.434.602-.706.873a.716.716 0 1 0 1.013 1.013 6.7 6.7 0 0 0 .917-1.14 25.423 25.423 0 0 1 2.957 2.244.717.717 0 0 0 .948 0 25.36 25.36 0 0 1 5.665-3.774.717.717 0 0 0 .402-.706 39.293 39.293 0 0 0-.373-2.975 28.596 28.596 0 0 0-4.967 2.676 2.15 2.15 0 0 1-2.402 0c-.392-.263-.79-.517-1.194-.762a6.677 6.677 0 0 1-1.036 3.297c-.4-.26-.809-.51-1.224-.746a5.242 5.242 0 0 0 .833-2.842v-.517Z"
clipRule="evenodd"
/>
<g fill={color} clipPath="url(#a)">
<path d="M8.823 10.513c-.408.21-.866.32-1.323.32s-.916-.11-1.324-.32L2.611 8.677v3.267c0 1.605 2.46 2.445 4.889 2.445s4.889-.84 4.889-2.445V8.678z" />
<path d="M14.361 7.7a9.3 9.3 0 0 1 .192-2.134c.016-.116.058-.17.058-.4 0-.534-.295-1.018-.77-1.262L8.213 1.006a1.56 1.56 0 0 0-1.426 0L1.16 3.905c-.475.244-.77.728-.77 1.262s.295 1.018.77 1.263l5.628 2.897a1.56 1.56 0 0 0 1.426 0l4.845-2.495c-.017.304-.04.607-.03.91.021.687.112 1.375.268 2.046a.666.666 0 1 0 1.298-.3 9.2 9.2 0 0 1-.233-1.787" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

18
packages/design-system/icons/src/components/academic-cap.tsx
View File

@@ -5,19 +5,27 @@ const AcademicCap = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M3.55 8.456a50.366 50.366 0 0 0-.41 5.289A40.52 40.52 0 0 1 10 17.42a40.528 40.528 0 0 1 6.86-3.675 50.374 50.374 0 0 0-.41-5.29m0 0c.73-.244 1.47-.471 2.216-.678A49.919 49.919 0 0 0 10 2.911a49.922 49.922 0 0 0-8.666 4.867A42.152 42.152 0 0 1 10 11.241a42.27 42.27 0 0 1 6.45-2.785ZM5.626 12.5a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Zm0 0V9.437A46.151 46.151 0 0 1 10 7.036M4.16 16.66a4.983 4.983 0 0 0 1.465-3.536v-1.25"
/>
clipPath="url(#a)"
>
<path d="m7.907 1.599 5.629 2.897a.754.754 0 0 1 0 1.34L7.907 8.736a.89.89 0 0 1-.814 0L1.464 5.837a.754.754 0 0 1 0-1.34l5.629-2.898a.89.89 0 0 1 .814 0" />
<path d="M13.944 5.167a9.94 9.94 0 0 0 0 4.472M3.278 9.056v2.889c0 .98 1.89 1.777 4.222 1.777s4.222-.796 4.222-1.777v-2.89" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

38
packages/design-system/icons/src/components/adjustments-done.tsx Normal file
View File

@@ -0,0 +1,38 @@
import * as React from "react"
import type { IconProps } from "../types"
const AdjustmentsDone = React.forwardRef<SVGSVGElement, IconProps>(
({ color = "currentColor", ...props }, ref) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<g clipPath="url(#a)">
<path
fill={color}
d="M8.5 2.528h-.778a.75.75 0 1 0 0 1.5h1.08a4 4 0 0 1-.302-1.5M10.695 6.07a4 4 0 0 1-1.21-.94.75.75 0 0 0-.29.592V6.75H1.5a.75.75 0 0 0 0 1.5h7.694v1.028a.75.75 0 0 0 1.5 0zM5.806 1.5a.75.75 0 1 0-1.5 0v1.028H1.5a.75.75 0 0 0 0 1.5h2.806v1.028a.75.75 0 0 0 1.5 0V1.5M12.611 6.75a.75.75 0 0 0 0 1.5h.889a.75.75 0 0 0 0-1.5zM6.972 11.722a.75.75 0 0 1 .75-.75H13.5a.75.75 0 1 1 0 1.5H7.722a.75.75 0 0 1-.75-.75M1.5 10.972a.75.75 0 0 0 0 1.5h2.806V13.5a.75.75 0 0 0 1.5 0V9.944a.75.75 0 1 0-1.5 0v1.028z"
/>
<circle cx={12.5} cy={2.5} r={2.5} fill="#3B82F6" />
<circle
cx={12.5}
cy={2.5}
r={2}
stroke={color}
strokeOpacity={0.12}
/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}
)
AdjustmentsDone.displayName = "AdjustmentsDone"
export default AdjustmentsDone

19
packages/design-system/icons/src/components/adjustments.tsx
View File

@@ -5,19 +5,26 @@ const Adjustments = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.25}
d="M8.75 5h8.125M8.75 5a1.25 1.25 0 0 1-2.5 0m2.5 0a1.25 1.25 0 0 0-2.5 0M3.125 5H6.25m2.5 10h8.125M8.75 15a1.25 1.25 0 0 1-2.5 0m2.5 0a1.25 1.25 0 0 0-2.5 0m-3.125 0H6.25m7.5-5h3.125m-3.125 0a1.25 1.25 0 0 1-2.5 0m2.5 0a1.25 1.25 0 0 0-2.5 0m-8.125 0h8.125"
/>
strokeWidth={1.5}
clipPath="url(#a)"
>
<path d="M12.611 7.5h.889M1.5 7.5h8.444M7.722 3.278H13.5M1.5 3.278h3.556M7.722 11.722H13.5M1.5 11.722h3.556M9.944 5.722v3.556M5.056 1.5v3.556M5.056 9.944V13.5" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

8
packages/design-system/icons/src/components/apple.tsx
View File

@@ -5,19 +5,19 @@ const Apple = React.forwardRef<SVGSVGElement, Omit<IconProps, "color">>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill="#000"
d="M13.26 1.038c-.838.097-2.022.835-2.61 1.625-.34.453-.54.885-.713 1.535l-.086.325.004.345c.004.19.015.367.025.395.027.068.078.078.44.08.3.003.319 0 .576-.076.687-.2 1.191-.5 1.549-.925.086-.105.216-.245.284-.315.226-.222.516-.716.677-1.144.16-.43.232-.829.253-1.396l.012-.365-.053-.053c-.06-.06-.093-.062-.358-.03Z"
d="M9.945.778c-.628.073-1.517.627-1.958 1.22-.255.339-.404.663-.534 1.15l-.065.244.003.26c.003.141.011.274.019.295.02.051.058.059.33.06.225.002.24 0 .432-.057.515-.15.893-.375 1.162-.694a5 5 0 0 1 .213-.236c.17-.167.387-.537.507-.858.12-.322.174-.621.19-1.047l.01-.273-.041-.04c-.045-.045-.07-.047-.268-.024"
/>
<path
fill="#000"
d="M13.068 5.29c-.407.02-1.503.325-2.291.633-.478.187-.478.187-.572.204-.165.027-.568-.09-1.261-.37a8.54 8.54 0 0 0-1.306-.385c-.235-.051-.624-.058-.792-.01a7.254 7.254 0 0 1-.476.094c-.415.074-.65.146-.962.3-.944.461-1.588 1.124-2.098 2.16a7.04 7.04 0 0 0-.517 1.379c-.183.705-.187 2.059-.008 2.88.02.1.04.22.04.267 0 .099.018.173.19.854.16.63.144.578.45 1.347.43 1.08.567 1.319 1.445 2.53.36.496.543.722.808.992.278.284.502.448.82.605.357.174.513.213.842.211.422 0 .762-.086 1.407-.358.408-.17.434-.178 1.175-.33.222-.048.428-.044.74.008l.354.053c.175.025.352.082.809.265.551.223.94.321 1.347.346.593.037 1.165-.226 1.775-.813.624-.602 1.206-1.427 1.794-2.54.159-.3.412-.915.455-1.1a.955.955 0 0 1 .072-.204.314.314 0 0 0 .039-.111c0-.074-.15-.192-.416-.325a3.7 3.7 0 0 1-1.322-1.193c-.237-.356-.476-.89-.535-1.204-.101-.518-.13-1.086-.072-1.48a4.13 4.13 0 0 1 .115-.484c.212-.714.358-1 .69-1.354.1-.105.182-.201.182-.21 0-.035.504-.456.628-.524.067-.04.154-.099.19-.136.114-.111.098-.154-.186-.487a4.348 4.348 0 0 0-1.424-1.087 3.589 3.589 0 0 0-.934-.325 5.3 5.3 0 0 0-1.195-.098Z"
d="M9.801 3.967c-.305.016-1.127.244-1.718.475-.358.14-.358.14-.43.153-.123.02-.425-.068-.945-.278a6.4 6.4 0 0 0-.98-.288c-.175-.039-.467-.043-.594-.008-.05.014-.21.047-.356.071a2.4 2.4 0 0 0-.722.225c-.708.346-1.191.843-1.574 1.62-.17.343-.294.678-.387 1.034-.137.53-.14 1.544-.006 2.16.015.076.03.165.03.2 0 .075.013.13.143.64.12.473.108.434.338 1.011.322.81.424.99 1.083 1.898.27.372.407.541.606.743.208.213.376.337.614.454.268.131.386.16.633.159.316 0 .57-.065 1.055-.268.305-.129.325-.135.88-.249.167-.035.322-.032.556.006l.266.04c.13.019.263.062.606.2.413.166.705.24 1.01.259.445.027.874-.17 1.332-.61.467-.452.904-1.07 1.345-1.905a5.6 5.6 0 0 0 .341-.825.7.7 0 0 1 .054-.153.2.2 0 0 0 .03-.083c0-.056-.113-.144-.312-.244a2.8 2.8 0 0 1-.992-.895c-.178-.267-.357-.667-.401-.903-.076-.388-.098-.814-.054-1.11.01-.078.049-.24.086-.363.159-.535.268-.75.517-1.015.075-.079.137-.151.137-.157 0-.027.378-.343.47-.394a1 1 0 0 0 .144-.102c.085-.083.073-.115-.14-.365a3.3 3.3 0 0 0-1.068-.815 2.7 2.7 0 0 0-.7-.244 4 4 0 0 0-.897-.074"
/>
</svg>
)

17
packages/design-system/icons/src/components/archive-box.tsx
View File

@@ -5,19 +5,26 @@ const ArchiveBox = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m16.875 6.25-.52 8.86a1.875 1.875 0 0 1-1.873 1.765H5.518a1.875 1.875 0 0 1-1.872-1.765l-.521-8.86m5.208 3.125h3.334M2.813 6.25h14.374c.518 0 .938-.42.938-.938v-1.25a.938.938 0 0 0-.938-.937H2.813a.938.938 0 0 0-.937.938v1.25c0 .517.42.937.938.937Z"
/>
clipPath="url(#a)"
>
<path d="M12.611 5.056v6.222c0 .982-.795 1.778-1.778 1.778H4.167a1.777 1.777 0 0 1-1.778-1.778V5.056M13.056 1.944H1.944a.89.89 0 0 0-.888.89v1.333c0 .49.398.888.888.888h11.112a.89.89 0 0 0 .888-.888V2.833a.89.89 0 0 0-.889-.889M5.722 7.722h3.556" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

25
packages/design-system/icons/src/components/arrow-down-circle.tsx
View File

@@ -5,18 +5,27 @@ const ArrowDownCircle = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M10 18a8 8 0 1 0 0-16.001A8 8 0 0 0 10 18Zm.75-11.25a.75.75 0 1 0-1.5 0v4.59L7.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5a.752.752 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02l-1.95 2.1V6.75Z"
clipRule="evenodd"
/>
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
clipPath="url(#a)"
>
<path d="M9.722 8.167 7.5 10.389 5.278 8.167M7.5 10.389V4.61" />
<path d="M7.5 13.945a6.444 6.444 0 1 0 0-12.89 6.444 6.444 0 0 0 0 12.89" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

8
packages/design-system/icons/src/components/arrow-down-left-mini.tsx
View File

@@ -5,8 +5,8 @@ const ArrowDownLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,14 +16,14 @@ const ArrowDownLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M8 8.667 4.667 12 8 15.333"
d="M1.944 8.167h9.334c.982 0 1.778-.796 1.778-1.778V2.833"
/>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M15.333 4.667v4.666A2.667 2.667 0 0 1 12.667 12h-8"
d="M5.722 4.389 1.944 8.167l3.778 3.778"
/>
</svg>
)

8
packages/design-system/icons/src/components/arrow-down-left.tsx
View File

@@ -5,8 +5,8 @@ const ArrowDownLeft = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,14 +16,14 @@ const ArrowDownLeft = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M7.502 8.333 3.335 12.5l4.167 4.166"
d="M1.944 8.167h9.334c.982 0 1.778-.796 1.778-1.778V2.833"
/>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M16.668 3.333v5.833a3.333 3.333 0 0 1-3.333 3.334h-10"
d="M5.722 4.389 1.944 8.167l3.778 3.778"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-down-mini.tsx
View File

@@ -5,8 +5,8 @@ const ArrowDownMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowDownMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m15 11-5 5m0 0-5-5m5 5V4"
d="M7.5 13.056V1.944M11.278 9.278 7.5 13.056 3.722 9.278"
/>
</svg>
)

13
packages/design-system/icons/src/components/arrow-down-right-mini.tsx
View File

@@ -5,8 +5,8 @@ const ArrowDownRightMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,14 @@ const ArrowDownRightMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M12 8.667 15.333 12m0 0L12 15.333M15.333 12h-8a2.667 2.667 0 0 1-2.666-2.667V4.667"
d="M13.056 8.167H3.722a1.777 1.777 0 0 1-1.778-1.778V2.833"
/>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m9.278 4.389 3.778 3.778-3.778 3.778"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-down-tray.tsx
View File

@@ -5,8 +5,8 @@ const ArrowDownTray = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowDownTray = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M2.5 13.75v1.875A1.875 1.875 0 0 0 4.375 17.5h11.25a1.875 1.875 0 0 0 1.875-1.875V13.75M13.75 10 10 13.75m0 0L6.25 10M10 13.75V2.5"
d="M13.056 9.944v1.334c0 .982-.796 1.778-1.778 1.778H3.722a1.777 1.777 0 0 1-1.778-1.778V9.944M4.389 5.5 7.5 8.611 10.611 5.5M7.5 8.611V1.944"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-down.tsx
View File

@@ -5,8 +5,8 @@ const ArrowDown = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowDown = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M16.25 11.25 10 17.5m0 0-6.25-6.25M10 17.5v-15"
d="M7.667 13.056V1.944M11.445 9.278l-3.778 3.778-3.778-3.778"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-left-mini.tsx
View File

@@ -5,8 +5,8 @@ const ArrowLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M9.5 5.5 5 10m0 0 4.5 4.5M5 10h10"
d="M1.944 7.5h11.112M5.722 11.278 1.944 7.5l3.778-3.778"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-left.tsx
View File

@@ -5,8 +5,8 @@ const ArrowLeft = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowLeft = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M8.75 16.25 2.5 10m0 0 6.25-6.25M2.5 10h15"
d="M1.944 7.5h11.112M5.722 11.278 1.944 7.5l3.778-3.778"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-long-down.tsx
View File

@@ -5,8 +5,8 @@ const ArrowLongDown = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowLongDown = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13.125 14.375 10 17.5m0 0-3.125-3.125M10 17.5v-15"
d="M7.5 13.055V1.945M11.278 9.278 7.5 13.056 3.722 9.278"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-long-left.tsx
View File

@@ -5,8 +5,8 @@ const ArrowLongLeft = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowLongLeft = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M5.625 13.125 2.5 10m0 0 3.125-3.125M2.5 10h15"
d="M1.944 7.5h11.112M5.722 11.278 1.944 7.5l3.778-3.778"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-long-right.tsx
View File

@@ -5,8 +5,8 @@ const ArrowLongRight = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowLongRight = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M14.375 6.875 17.5 10m0 0-3.125 3.125M17.5 10h-15"
d="M13.056 7.5H1.944M9.278 3.722 13.056 7.5l-3.778 3.778"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-long-up.tsx
View File

@@ -5,8 +5,8 @@ const ArrowLongUp = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowLongUp = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M6.875 5.625 10 2.5m0 0 3.125 3.125M10 2.5v15"
d="M7.667 1.944v11.111M3.889 5.722l3.778-3.778 3.778 3.778"
/>
</svg>
)

19
packages/design-system/icons/src/components/arrow-path-mini.tsx
View File

@@ -5,19 +5,28 @@ const ArrowPathMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M12.682 8.232h3.328L13.89 6.11a5.5 5.5 0 0 0-9.202 2.467m-.698 6.519v-3.328m0 0h3.328m-3.328 0 2.12 2.122a5.5 5.5 0 0 0 9.202-2.467m.698-6.519v3.327"
/>
clipPath="url(#a)"
>
<path d="M13.944 7.5A6.444 6.444 0 0 1 1.536 9.944" />
<path d="m1.171 12.562.363-2.618 2.617.362M1.056 7.5a6.445 6.445 0 0 1 12.409-2.444" />
<path d="m13.829 2.438-.363 2.618-2.617-.362" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

19
packages/design-system/icons/src/components/arrow-path.tsx
View File

@@ -5,19 +5,28 @@ const ArrowPath = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13.352 7.79h4.16v0M2.489 16.37v-4.16m0 0h4.16m-4.161 0 2.65 2.652A6.874 6.874 0 0 0 16.64 11.78M3.36 8.221a6.875 6.875 0 0 1 11.502-3.083l2.65 2.651m0-4.159v4.158"
/>
clipPath="url(#a)"
>
<path d="M13.944 7.5A6.444 6.444 0 0 1 1.536 9.944" />
<path d="m1.171 12.562.363-2.618 2.617.362M1.056 7.5a6.445 6.445 0 0 1 12.408-2.444" />
<path d="m13.829 2.438-.363 2.618-2.617-.362" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

6
packages/design-system/icons/src/components/arrow-right-mini.tsx
View File

@@ -5,8 +5,8 @@ const ArrowRightMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowRightMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M5 10h10m0 0-4.5-4.5M15 10l-4.5 4.5"
d="M13.056 7.5H1.944M9.278 3.722 13.056 7.5l-3.778 3.778"
/>
</svg>
)

13
packages/design-system/icons/src/components/arrow-right-on-rectangle.tsx
View File

@@ -5,8 +5,8 @@ const ArrowRightOnRectangle = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,14 @@ const ArrowRightOnRectangle = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13.125 7.5V4.375A1.875 1.875 0 0 0 11.25 2.5h-5a1.875 1.875 0 0 0-1.875 1.875v11.25A1.875 1.875 0 0 0 6.25 17.5h5a1.875 1.875 0 0 0 1.875-1.875V12.5m2.5 0 2.5-2.5m0 0-2.5-2.5m2.5 2.5H7.5"
d="M8.167 1.944h3.11c.983 0 1.779.796 1.779 1.778v7.556c0 .982-.796 1.778-1.778 1.778H8.167"
/>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M5.5 10.611 8.611 7.5 5.5 4.389M8.611 7.5H1.944"
/>
</svg>
)

21
packages/design-system/icons/src/components/arrow-up-circle-solid.tsx
View File

@@ -5,18 +5,23 @@ const ArrowUpCircleSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M10 18a8 8 0 1 0 0-16.001A8 8 0 0 0 10 18Zm-.75-4.75a.75.75 0 1 0 1.5 0V8.66l1.95 2.1a.75.75 0 1 0 1.1-1.02l-3.25-3.5a.75.75 0 0 0-1.1 0L6.2 9.74a.75.75 0 0 0 1.1 1.02l1.95-2.1v4.59Z"
clipRule="evenodd"
/>
<g clipPath="url(#a)">
<path
fill={color}
d="M7.5.389C3.58.389.389 3.579.389 7.5s3.19 7.111 7.111 7.111 7.111-3.19 7.111-7.111S11.421.389 7.5.389m2.693 6.915a.665.665 0 0 1-.942 0L8.167 6.22v4.168a.667.667 0 0 1-1.334 0V6.221L5.75 7.305a.667.667 0 1 1-.943-.943L7.028 4.14c.26-.26.683-.26.943 0l2.222 2.222c.26.26.26.683 0 .943"
/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

6
packages/design-system/icons/src/components/arrow-up-down.tsx
View File

@@ -5,8 +5,8 @@ const ArrowUpDown = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowUpDown = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M2.5 6.25 6.25 2.5m0 0L10 6.25M6.25 2.5v11.25m11.25 0-3.75 3.75m0 0L10 13.75m3.75 3.75V6.25"
d="M7.056 10.611 9.944 13.5l2.89-2.889M9.944 13.5V6.389M2.167 4.389 5.056 1.5l2.888 2.889M5.056 1.5v7.111"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-up-mini.tsx
View File

@@ -5,8 +5,8 @@ const ArrowUpMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowUpMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m5 9 5-5m0 0 5 5m-5-5v12"
d="M7.5 1.944v11.112M3.722 5.722 7.5 1.944l3.778 3.778"
/>
</svg>
)

12
packages/design-system/icons/src/components/user-circle-mini.tsx → packages/design-system/icons/src/components/arrow-up-right-micro.tsx
View File

@@ -1,12 +1,12 @@
import * as React from "react"
import type { IconProps } from "../types"
const UserCircleMini = React.forwardRef<SVGSVGElement, IconProps>(
const ArrowUpRightMicro = React.forwardRef<SVGSVGElement, IconProps>(
({ color = "currentColor", ...props }, ref) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,11 +16,11 @@ const UserCircleMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M12.5 6a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM5 15.412a5 5 0 0 1 10 0 11.956 11.956 0 0 1-5 1.088c-1.784 0-3.477-.39-5-1.088Z"
d="m12.167 2.833-9.334 9.334M6.824 2.833h5.343v5.342"
/>
</svg>
)
}
)
UserCircleMini.displayName = "UserCircleMini"
export default UserCircleMini
ArrowUpRightMicro.displayName = "ArrowUpRightMicro"
export default ArrowUpRightMicro

6
packages/design-system/icons/src/components/arrow-up-right-mini.tsx
View File

@@ -5,8 +5,8 @@ const ArrowUpRightMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowUpRightMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m5.75 14.25 8.5-8.5m0 0h-7.5m7.5 0v7.5"
d="m12.167 2.833-9.334 9.334M6.824 2.833h5.343v5.342"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-up-right-on-box.tsx
View File

@@ -5,8 +5,8 @@ const ArrowUpRightOnBox = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowUpRightOnBox = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M9.054 5.327H4.743A1.752 1.752 0 0 0 2.99 7.079v8.178a1.752 1.752 0 0 0 1.753 1.753h8.178a1.752 1.752 0 0 0 1.752-1.753v-4.236m-7.67 1.993L17.01 2.99m0 0h-4.09m4.09 0v4.09"
d="M8.833 1.944h4.223v4.223M13.056 1.944 7.5 7.5M11.278 8.833v2.445c0 .982-.796 1.778-1.778 1.778H3.722a1.777 1.777 0 0 1-1.778-1.778V5.5c0-.982.796-1.778 1.778-1.778h2.445"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrow-up-tray.tsx
View File

@@ -5,8 +5,8 @@ const ArrowUpTray = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowUpTray = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M2.5 13.75v1.875A1.875 1.875 0 0 0 4.375 17.5h11.25a1.875 1.875 0 0 0 1.875-1.875V13.75M6.25 6.25 10 2.5m0 0 3.75 3.75M10 2.5v11.25"
d="M13.056 9.944v1.334c0 .982-.796 1.777-1.778 1.777H3.722a1.777 1.777 0 0 1-1.778-1.777V9.944M10.611 5.055 7.5 1.945l-3.111 3.11M7.5 1.944v6.667"
/>
</svg>
)

18
packages/design-system/icons/src/components/arrow-uturn-left.tsx
View File

@@ -5,19 +5,27 @@ const ArrowUturnLeft = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M7.667 12.333 3.001 7.667m0 0 4.666-4.666M3.001 7.667h9.332a4.666 4.666 0 1 1 0 9.332H10"
/>
clipPath="url(#a)"
>
<path d="M1.5 5.056h8.667a3.333 3.333 0 0 1 0 6.666H6.833" />
<path d="M4.611 8.167 1.5 5.056l3.111-3.112" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

6
packages/design-system/icons/src/components/arrows-pointing-out-mini.tsx
View File

@@ -5,8 +5,8 @@ const ArrowsPointingOutMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowsPointingOutMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M4.5 15.5v-3m0 3h3m-3 0L8 12m7.5-7.5h-3m3 0v3m0-3L12 8"
d="M9.056 1.944h4v4M13.056 1.944l-4 4M1.944 9.056v4h4M1.944 13.056l4-4"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrows-pointing-out.tsx
View File

@@ -5,8 +5,8 @@ const ArrowsPointingOut = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrowsPointingOut = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M3.125 16.875v-3.75m0 3.75h3.75m-3.75 0L7.5 12.5m9.375-9.375h-3.75m3.75 0v3.75m0-3.75L12.5 7.5"
d="M9.056 1.944h4v4M13.056 1.944l-4 4M1.944 9.056v4h4M1.944 13.056l4-4"
/>
</svg>
)

6
packages/design-system/icons/src/components/arrrow-right.tsx
View File

@@ -5,8 +5,8 @@ const ArrrowRight = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ArrrowRight = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M11.25 3.75 17.5 10m0 0-6.25 6.25M17.5 10h-15"
d="M13.056 7.5H1.944M9.278 3.722 13.056 7.5l-3.778 3.778"
/>
</svg>
)

19
packages/design-system/icons/src/components/at-symbol.tsx
View File

@@ -5,18 +5,27 @@ const AtSymbol = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13.75 10c0 1.38.84 2.5 1.875 2.5 1.036 0 1.875-1.12 1.875-2.5a7.5 7.5 0 1 0-2.197 5.303M13.75 10V6.875m0 3.125a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0v0Z"
/>
clipPath="url(#a)"
>
<path d="M7.389 10.167c1.411 0 2.555-1.244 2.555-2.778S8.8 4.61 7.39 4.61 4.833 5.855 4.833 7.39s1.144 2.778 2.556 2.778" />
<path d="M9.944 4.611v4.607c0 1.382 2.077 1.62 3.175-.248.932-1.58.704-3.99-.46-5.577C10.947 1.058 6.99.185 4.114 2.115 1.472 3.89.531 7.478 1.991 10.378c1.444 2.87 4.835 4.262 7.905 3.223" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

19
packages/design-system/icons/src/components/backward-solid.tsx
View File

@@ -5,16 +5,23 @@ const BackwardSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
d="M7.662 14.742A1.563 1.563 0 0 0 10 13.384v-1.95l5.787 3.307a1.562 1.562 0 0 0 2.338-1.357V6.615c0-1.2-1.296-1.951-2.338-1.356L10 8.567v-1.95c0-1.2-1.296-1.953-2.338-1.358L1.74 8.644a1.562 1.562 0 0 0 0 2.714l5.923 3.384Z"
/>
<g clipPath="url(#a)">
<path
fill={color}
d="M14.255 3.285a1 1 0 0 0-1-.014l-4.95 2.743V4.152a1 1 0 0 0-.495-.867 1 1 0 0 0-.999-.013L.77 6.619a1.008 1.008 0 0 0 0 1.762l6.041 3.347a1 1 0 0 0 1-.012 1 1 0 0 0 .495-.868V8.986l4.95 2.742a1 1 0 0 0 .999-.012 1 1 0 0 0 .495-.868V4.152a1 1 0 0 0-.495-.867"
/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

6
packages/design-system/icons/src/components/bars-arrow-down.tsx
View File

@@ -5,8 +5,8 @@ const BarsArrowDown = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const BarsArrowDown = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M2.5 3.75h11.875M2.5 7.5h8.125M2.5 11.25h8.125m3.75-3.75v10m0 0-3.125-3.125m3.125 3.125 3.125-3.125"
d="m8.611 10.834 2.222 2.222 2.223-2.222M10.833 13.056v-8M1.944 8.166h5.778M1.944 5.056h5.778M1.944 1.944h8.89"
/>
</svg>
)

30
packages/design-system/icons/src/components/bars-three.tsx
View File

@@ -5,19 +5,31 @@ const BarsThree = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M3.125 5h13.75m-13.75 5h13.75m-13.75 5h13.75"
/>
<g clipPath="url(#a)">
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
clipPath="url(#b)"
>
<path d="M1.5 7.5h12M1.5 2.833h12M1.5 12.167h12" />
</g>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
<clipPath id="b">
<path fill="#fff" d="M-.5-.5h16v16h-16z" />
</clipPath>
</defs>
</svg>
)
}

8
packages/design-system/icons/src/components/beaker.tsx
View File

@@ -5,8 +5,8 @@ const Beaker = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -15,8 +15,8 @@ const Beaker = React.forwardRef<SVGSVGElement, IconProps>(
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.25}
d="M8.125 2.587v4.761a1.875 1.875 0 0 1-.55 1.326l-3.408 3.41m3.958-9.498c-.21.02-.418.042-.625.069m.625-.068a20.252 20.252 0 0 1 3.75 0m-7.708 9.496.641-.16A7.554 7.554 0 0 1 10 12.5a7.554 7.554 0 0 0 5.192.577l1.308-.327m-12.333-.667L2.332 13.92c-1.028 1.026-.543 2.764.889 3.008 2.203.377 4.468.573 6.779.573 2.272 0 4.54-.19 6.78-.573 1.43-.244 1.915-1.982.888-3.009L16.5 12.75M11.875 2.587v4.761c0 .498.197.975.55 1.326L16.5 12.75M11.875 2.587c.21.019.418.041.625.068"
strokeWidth={1.5}
d="M4.005 9.5h6.99M5.944 1.056v4.666l-3.224 6.28a1.333 1.333 0 0 0 1.185 1.943h7.19a1.333 1.333 0 0 0 1.185-1.943l-3.224-6.28V1.056M4.611 1.056h5.778"
/>
</svg>
)

12
packages/design-system/icons/src/components/bell-alert-solid.tsx
View File

@@ -5,21 +5,15 @@ const BellAlertSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
d="M4.875 2.917a.625.625 0 0 0-.93-.834 8.1 8.1 0 0 0-1.957 4.064.625.625 0 0 0 1.232.206 6.85 6.85 0 0 1 1.655-3.436Zm11.18-.834a.625.625 0 1 0-.93.834 6.85 6.85 0 0 1 1.655 3.436.625.625 0 0 0 1.233-.206 8.098 8.098 0 0 0-1.957-4.064Z"
/>
<path
fill={color}
fillRule="evenodd"
d="M10 1.875A5.625 5.625 0 0 0 4.375 7.5v.625a6.847 6.847 0 0 1-1.766 4.6.625.625 0 0 0 .248 1.005 20.46 20.46 0 0 0 4.026 1.036 3.125 3.125 0 1 0 6.234 0 20.488 20.488 0 0 0 4.025-1.037.625.625 0 0 0 .248-1.004 6.847 6.847 0 0 1-1.765-4.6V7.5A5.625 5.625 0 0 0 10 1.875ZM8.125 15c0-.028 0-.056.002-.083 1.246.112 2.5.112 3.746 0l.002.083a1.875 1.875 0 1 1-3.75 0Z"
clipRule="evenodd"
d="M13.5 10.611A1.113 1.113 0 0 1 12.389 9.5V5.278a4.894 4.894 0 0 0-4.89-4.89 4.894 4.894 0 0 0-4.888 4.89V9.5c0 .613-.499 1.111-1.111 1.111a.667.667 0 0 0 0 1.333h12a.667.667 0 0 0 0-1.333M8.567 12.833H6.434A.444.444 0 0 0 6 13.37c.153.731.771 1.242 1.5 1.242.73 0 1.348-.511 1.502-1.242a.445.445 0 0 0-.434-.536z"
/>
</svg>
)

13
packages/design-system/icons/src/components/bell-alert.tsx
View File

@@ -5,18 +5,17 @@ const BellAlert = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M12.38 14.235a19.872 19.872 0 0 0 4.546-1.092A7.472 7.472 0 0 1 15 8.125V7.5a5 5 0 0 0-10 0v.625a7.472 7.472 0 0 1-1.927 5.018c1.445.534 2.967.904 4.546 1.092m4.762 0c-1.582.188-3.18.188-4.762 0m4.762 0a2.5 2.5 0 1 1-4.762 0M2.603 6.25A7.474 7.474 0 0 1 4.41 2.5m11.18 0a7.474 7.474 0 0 1 1.807 3.75"
fill={color}
fillRule="evenodd"
d="M7.5.347A4.973 4.973 0 0 0 2.528 5.32v4.222c0 .568-.46 1.027-1.028 1.027a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5c-.568 0-1.028-.46-1.028-1.027V5.32A4.973 4.973 0 0 0 7.5.347m3.472 9.195c0 .366.078.713.218 1.027H3.81a2.5 2.5 0 0 0 .218-1.027V5.32a3.473 3.473 0 0 1 6.944 0zm-2.405 3.333a.444.444 0 0 1 .435.536c-.154.73-.771 1.242-1.501 1.242S6.153 14.142 6 13.41a.445.445 0 0 1 .434-.536z"
clipRule="evenodd"
/>
</svg>
)

8
packages/design-system/icons/src/components/bolt-solid.tsx
View File

@@ -5,17 +5,15 @@ const BoltSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M12.034 1.577a.6.6 0 0 1 .254.295.63.63 0 0 1 .025.394l-1.55 5.912h5.654c.113 0 .225.035.32.1a.6.6 0 0 1 .215.266.63.63 0 0 1-.11.656l-8.166 9.107a.564.564 0 0 1-.711.116.6.6 0 0 1-.254-.296.63.63 0 0 1-.024-.395l1.55-5.911H3.582a.567.567 0 0 1-.32-.1.602.602 0 0 1-.215-.265.63.63 0 0 1 .11-.657l8.166-9.106a.564.564 0 0 1 .71-.116Z"
clipRule="evenodd"
d="M12.716 5.003a1.11 1.11 0 0 0-.994-.614H9.364l.967-2.487A1.113 1.113 0 0 0 9.296.389H5.589c-.464 0-.884.292-1.044.728l-2.12 5.779A1.112 1.112 0 0 0 3.47 8.388h3.369l-1.535 5.373a.666.666 0 0 0 1.174.583l6.135-8.177c.253-.339.293-.784.104-1.164"
/>
</svg>
)

6
packages/design-system/icons/src/components/bolt.tsx
View File

@@ -5,8 +5,8 @@ const Bolt = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const Bolt = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m3.125 11.25 8.75-9.375L10 8.75h6.875l-8.75 9.375L10 11.25H3.125Z"
d="m5.944 13.945 1.778-6.223H3.47a.444.444 0 0 1-.417-.597L5.17 1.347a.44.44 0 0 1 .417-.291h3.707c.313 0 .527.313.414.605l-1.32 3.395h3.333c.366 0 .575.417.356.71z"
/>
</svg>
)

18
packages/design-system/icons/src/components/book-open.tsx
View File

@@ -5,19 +5,27 @@ const BookOpen = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M10 5.035a7.473 7.473 0 0 0-5-1.91 7.48 7.48 0 0 0-2.5.427v11.875A7.49 7.49 0 0 1 5 15c1.92 0 3.673.723 5 1.91m0-11.875a7.472 7.472 0 0 1 5-1.91c.877 0 1.718.15 2.5.427v11.875A7.49 7.49 0 0 0 15 15a7.473 7.473 0 0 0-5 1.91m0-11.875V16.91"
/>
clipPath="url(#a)"
>
<path d="M7.5 12.96a.9.9 0 0 0 .44-.118 5.6 5.6 0 0 1 2.791-.751 5.5 5.5 0 0 1 2.018.386c.576.227 1.194-.213 1.194-.833V3.571a.88.88 0 0 0-.431-.765 5.5 5.5 0 0 0-2.792-.767c-1.68 0-2.842.775-3.22 1.05" />
<path d="M7.5 12.96a.9.9 0 0 1-.44-.118 5.6 5.6 0 0 0-2.791-.751 5.5 5.5 0 0 0-2.018.386c-.576.227-1.195-.21-1.195-.829v-8.08c0-.315.161-.6.432-.76A5.5 5.5 0 0 1 4.28 2.04c1.68 0 2.842.775 3.22 1.05z" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

34
packages/design-system/icons/src/components/bottom-to-top.tsx Normal file
View File

@@ -0,0 +1,34 @@
import * as React from "react"
import type { IconProps } from "../types"
const BottomToTop = React.forwardRef<SVGSVGElement, IconProps>(
({ color = "currentColor", ...props }, ref) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
clipPath="url(#a)"
>
<path d="m5.5 5.278 2-2-2-2M13.944 7.5h-4M13.944 3.278h-4M13.944 11.722h-4" />
<path d="M7.5 3.278H5.278a4.223 4.223 0 0 0 0 8.444h1.555" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}
)
BottomToTop.displayName = "BottomToTop"
export default BottomToTop

21
packages/design-system/icons/src/components/bug-ant-solid.tsx
View File

@@ -5,18 +5,23 @@ const BugAntSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M6.788 1.727a.7.7 0 0 1 .165.976 3.725 3.725 0 0 0-.433.803c.173.159.357.307.551.441A3.728 3.728 0 0 1 10 2.53c1.188 0 2.245.555 2.929 1.417.194-.134.378-.281.55-.441a3.72 3.72 0 0 0-.433-.803.7.7 0 0 1 1.141-.811c.345.484.607 1.031.768 1.62a.7.7 0 0 1-.163.66c-.36.39-.768.734-1.213 1.026.103.346.156.705.155 1.067 0 .485-.28.899-.675 1.108a6.501 6.501 0 0 1-1.08.454c.12.194.215.407.276.634a18.057 18.057 0 0 0 3.81-.897A18.349 18.349 0 0 0 15.98 5.4a.7.7 0 0 1 1.394-.136c.092.94.117 1.884.075 2.827a.7.7 0 0 1-.45.623 19.49 19.49 0 0 1-4.812 1.166c-.029.079-.062.156-.1.23 1.68.178 3.328.572 4.905 1.174a.7.7 0 0 1 .448.691 19.55 19.55 0 0 1-.847 4.768.701.701 0 0 1-1.338-.414c.388-1.251.645-2.561.753-3.912a17.588 17.588 0 0 0-1.412-.43c.047.264.071.536.071.814 0 1.694-.482 3.093-1.331 4.08A4.333 4.333 0 0 1 10 18.402a4.333 4.333 0 0 1-3.337-1.521c-.85-.99-1.331-2.388-1.331-4.08 0-.279.024-.551.07-.816-.478.125-.949.268-1.411.43a18.06 18.06 0 0 0 .752 3.913.7.7 0 1 1-1.338.414 19.55 19.55 0 0 1-.847-4.768.7.7 0 0 1 .45-.69A19.478 19.478 0 0 1 7.91 10.11a2.315 2.315 0 0 1-.1-.231 19.49 19.49 0 0 1-4.81-1.166.7.7 0 0 1-.45-.623 19.927 19.927 0 0 1 .074-2.827.7.7 0 1 1 1.394.136c-.07.72-.099 1.443-.084 2.166 1.215.429 2.49.733 3.81.896.06-.227.154-.44.276-.634a6.5 6.5 0 0 1-1.08-.454 1.259 1.259 0 0 1-.676-1.108c0-.362.052-.721.155-1.067a6.565 6.565 0 0 1-1.214-1.026.7.7 0 0 1-.161-.66c.158-.58.418-1.13.767-1.62a.7.7 0 0 1 .976-.165Z"
clipRule="evenodd"
/>
<g clipPath="url(#a)">
<path
fill={color}
d="M11.945 8.833h2a.667.667 0 0 0 0-1.333h-2v-.964A3.114 3.114 0 0 0 14.389 3.5a.667.667 0 0 0-1.333 0 1.78 1.78 0 0 1-1.412 1.739 2.43 2.43 0 0 0-1.477-1.19V3.5A2.67 2.67 0 0 0 7.5.833 2.67 2.67 0 0 0 4.833 3.5v.548a2.44 2.44 0 0 0-1.477 1.19A1.78 1.78 0 0 1 1.944 3.5a.667.667 0 0 0-1.333 0 3.114 3.114 0 0 0 2.445 3.036V7.5h-2a.667.667 0 0 0 0 1.333h2v.445c0 .173.027.34.046.507a3.116 3.116 0 0 0-2.49 3.048.667.667 0 0 0 1.332 0c0-.89.66-1.622 1.514-1.75a4.45 4.45 0 0 0 3.375 2.572v-4.6a.667.667 0 0 1 1.334 0v4.6a4.45 4.45 0 0 0 3.375-2.573 1.776 1.776 0 0 1 1.514 1.751.667.667 0 0 0 1.333 0 3.116 3.116 0 0 0-2.49-3.048c.019-.168.046-.333.046-.507zM6.167 3.944V3.5c0-.735.598-1.333 1.333-1.333s1.333.598 1.333 1.333v.444z"
/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

18
packages/design-system/icons/src/components/bug.tsx
View File

@@ -5,19 +5,27 @@ const Bug = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M10 10.615c.942 0 1.868.066 2.774.195.85.12 1.53.792 1.53 1.65 0 3.056-1.927 5.534-4.304 5.534-2.378 0-4.304-2.478-4.304-5.534 0-.858.68-1.53 1.53-1.65.92-.13 1.846-.195 2.774-.195Zm0 0c2.364 0 4.63.417 6.729 1.18a19.604 19.604 0 0 1-.944 4.97M10 10.614c-2.363 0-4.63.417-6.729 1.18.103 1.726.426 3.392.945 4.97M10 10.614a1.845 1.845 0 0 0 1.843-1.93M10 10.615a1.845 1.845 0 0 1-1.843-1.93m3.686 0A1.845 1.845 0 0 0 10 6.926m1.843 1.76a19.586 19.586 0 0 0 4.283-.888 19.735 19.735 0 0 0-.321-2.717M8.157 8.685A1.845 1.845 0 0 1 10 6.926m-1.843 1.76a19.578 19.578 0 0 1-4.282-.888c.044-.912.152-1.82.322-2.717M10 6.926c.816 0 1.616-.066 2.396-.193.33-.055.607-.294.652-.625a3.098 3.098 0 0 0-.327-1.845M10 6.926c-.816 0-1.616-.066-2.396-.193-.33-.055-.607-.294-.652-.625a3.061 3.061 0 0 1 .328-1.847m0 0a4.94 4.94 0 0 1-.947-.821 3.662 3.662 0 0 1 .47-1.432m.477 2.253a3.072 3.072 0 0 1 4.308-1.199c.48.29.87.704 1.132 1.2.35-.233.668-.509.947-.82a3.666 3.666 0 0 0-.472-1.436"
/>
clipPath="url(#a)"
>
<path d="M7.5 13.056v-4M5.5 4.611V3.5a2 2 0 1 1 4 0v1.111M3.722 8.167H1.056M3.722 5.944A2.444 2.444 0 0 1 1.278 3.5M3.722 10.389a2.444 2.444 0 0 0-2.444 2.444M11.278 8.167h2.666M11.278 5.944A2.444 2.444 0 0 0 13.722 3.5M11.278 10.389a2.444 2.444 0 0 1 2.444 2.444" />
<path d="M5.5 4.611h4c.981 0 1.778.797 1.778 1.778v2.889A3.78 3.78 0 0 1 7.5 13.056a3.78 3.78 0 0 1-3.778-3.778v-2.89c0-.98.797-1.777 1.778-1.777" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

17
packages/design-system/icons/src/components/building-storefront.tsx
View File

@@ -5,19 +5,26 @@ const BuildingStorefront = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M11.25 17.5v-6.25a.625.625 0 0 1 .625-.625h2.5a.625.625 0 0 1 .625.625v6.25m-3.75 0H1.967m9.283 0H15m0 0h3.033m-1.158 0V7.79a2.499 2.499 0 0 0 .517-3.933l-.991-.99a1.25 1.25 0 0 0-.883-.367H4.482c-.332 0-.65.132-.884.367l-.99.99a2.503 2.503 0 0 0 .517 3.933m0 9.71V7.791a2.5 2.5 0 0 0 3.125-.513 2.494 2.494 0 0 0 1.875.846c.747 0 1.417-.327 1.875-.847a2.494 2.494 0 0 0 1.875.847c.747 0 1.417-.327 1.875-.847a2.5 2.5 0 0 0 3.125.512M5.625 15H8.75a.625.625 0 0 0 .625-.626V11.25a.625.625 0 0 0-.625-.625H5.625A.625.625 0 0 0 5 11.25v3.125c0 .346.28.624.625.624Z"
/>
clipPath="url(#a)"
>
<path d="M2.833 13.945v-6M12.167 7.944v6M11.65 1.056h-8.3a.89.89 0 0 0-.773.448L1.061 4.167a2.66 2.66 0 0 0 2.418 1.555 2.65 2.65 0 0 0 2.01-.932 2.65 2.65 0 0 0 2.011.932c.807 0 1.52-.365 2.01-.931a2.65 2.65 0 0 0 2.01.931c1.074 0 1.995-.639 2.417-1.555l-1.514-2.663a.89.89 0 0 0-.774-.448M5.944 13.722v-2.666a1.556 1.556 0 0 1 3.112 0v2.666M1.056 13.945h12.888" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

19
packages/design-system/icons/src/components/building-tax.tsx
View File

@@ -5,16 +5,23 @@ const BuildingTax = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
d="M2.5 7.5h-.75c0 .414.336.75.75.75V7.5Zm15 0v.75a.75.75 0 0 0 .75-.75h-.75Zm0-1.667h.75a.75.75 0 0 0-.445-.685l-.305.685ZM10 2.5l.305-.685a.75.75 0 0 0-.61 0L10 2.5ZM2.5 5.833l-.305-.685a.75.75 0 0 0-.445.685h.75Zm5.833 11.584a.75.75 0 0 0 0-1.5v1.5Zm-5.833-.75-.72-.21a.75.75 0 0 0 .72.96v-.75Zm.73-2.5v-.75a.75.75 0 0 0-.72.54l.72.21Zm5.103.75a.75.75 0 0 0 0-1.5v1.5Zm9.333-3.189a.75.75 0 1 0-1.06-1.06l1.06 1.06ZM11.5 15.772a.75.75 0 1 0 1.06 1.06l-1.06-1.06ZM2.5 8.25h15v-1.5h-15v1.5Zm15.75-.75V5.833h-1.5V7.5h1.5Zm-.445-2.352-7.5-3.333-.61 1.37 7.5 3.334.61-1.371Zm-8.11-3.333-7.5 3.333.61 1.37 7.5-3.333-.61-1.37ZM1.75 5.833V7.5h1.5V5.833h-1.5Zm6.583 10.084H2.5v1.5h5.833v-1.5Zm-5.113.96.73-2.5-1.44-.42-.73 2.5 1.44.42Zm.01-1.96h5.103v-1.5H3.23v1.5ZM3.416 7.5v6.667h1.5V7.5h-1.5Zm4.833 6.667V7.5h-1.5v6.667h1.5Zm8.355-3.5-5.104 5.105 1.06 1.06 5.105-5.104-1.06-1.06Zm-4.438.791c0-.069.056-.125.125-.125v1.5c.76 0 1.375-.615 1.375-1.375h-1.5Zm.125-.125c.069 0 .125.056.125.125h-1.5c0 .76.615 1.375 1.375 1.375v-1.5Zm.125.125c0 .07-.056.125-.125.125v-1.5c-.76 0-1.375.616-1.375 1.375h1.5Zm-.125.125a.125.125 0 0 1-.125-.125h1.5c0-.76-.616-1.375-1.375-1.375v1.5Zm4.458 4.459c0-.07.056-.125.125-.125v1.5c.76 0 1.375-.616 1.375-1.375h-1.5Zm.125-.125c.069 0 .125.056.125.125h-1.5c0 .76.616 1.375 1.375 1.375v-1.5Zm.125.125a.125.125 0 0 1-.125.125v-1.5c-.76 0-1.375.615-1.375 1.375H17Zm-.125.125a.125.125 0 0 1-.125-.125h1.5c0-.76-.616-1.375-1.375-1.375v1.5Z"
/>
<g clipPath="url(#a)">
<path
fill={color}
d="M1 5.694H.25c0 .415.336.75.75.75zm13 0v.75a.75.75 0 0 0 .75-.75zm0-1.444h.75a.75.75 0 0 0-.445-.685zM7.5 1.361l.305-.685a.75.75 0 0 0-.61 0zM1 4.25l-.305-.685a.75.75 0 0 0-.445.685zm5.056 10.139a.75.75 0 0 0 0-1.5zM1 13.639l-.72-.21a.75.75 0 0 0 .72.96zm.632-2.167v-.75a.75.75 0 0 0-.72.54zm4.424.75a.75.75 0 0 0 0-1.5zm8.158-2.792a.75.75 0 1 0-1.06-1.061zM8.73 12.793a.75.75 0 1 0 1.06 1.06zM1 6.444h13v-1.5H1zm13.75-.75V4.25h-1.5v1.444zm-.445-2.13L7.805.677l-.61 1.37 6.5 2.89zM7.195.677l-6.5 2.889.61 1.37 6.5-2.889zM.25 4.25v1.444h1.5V4.25zm5.806 8.639H1v1.5h5.056zm-4.336.96.632-2.167-1.44-.42L.28 13.43zm-.088-1.627h4.424v-1.5H1.632zm.062-6.528v5.778h1.5V5.694zm4.39 5.778V5.694h-1.5v5.778zm7.07-3.103L8.73 12.793l1.06 1.06 4.424-4.423zm-3.876.756c0-.115.093-.208.208-.208v1.5c.713 0 1.292-.579 1.292-1.292zm.208-.208c.115 0 .208.093.208.208h-1.5c0 .713.579 1.292 1.292 1.292zm.208.208a.21.21 0 0 1-.208.208v-1.5c-.713 0-1.292.579-1.292 1.292zm-.208.208a.21.21 0 0 1-.208-.208h1.5c0-.713-.578-1.292-1.292-1.292zm3.764 3.764c0-.115.093-.208.208-.208v1.5c.714 0 1.292-.578 1.292-1.292zm.208-.208c.115 0 .209.093.209.208h-1.5c0 .714.578 1.292 1.291 1.292zm.209.208a.21.21 0 0 1-.209.209v-1.5c-.713 0-1.291.578-1.291 1.291zm-.209.209a.21.21 0 0 1-.208-.209h1.5c0-.713-.578-1.291-1.292-1.291z"
/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

31
packages/design-system/icons/src/components/buildings-mini.tsx
View File

@@ -5,33 +5,26 @@ const BuildingsMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M15.575 15.265V9.071a.62.62 0 0 0-.62-.62h-2.478"
/>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M4.425 15.265v-9.91a.62.62 0 0 1 .62-.62h6.813a.62.62 0 0 1 .62.62v9.91M6.748 7.353h3.406M6.748 10h3.406"
/>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M6.748 15.265h3.407v-2.667H6.748v2.667ZM16.194 15.265H3.806"
/>
clipPath="url(#a)"
>
<path d="M6.389 13.944V6.39a.89.89 0 0 1 .889-.889h4.889a.89.89 0 0 1 .889.889v7.555M1.944 13.944V3.422c0-.358.214-.68.543-.819l4-1.691a.89.89 0 0 1 1.235.818v1.548M1.056 13.945h12.888M8.611 8.611v-.444M10.833 8.611v-.444M8.611 11.278v-.445M10.833 11.278v-.445" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

19
packages/design-system/icons/src/components/buildings-solid.tsx
View File

@@ -5,18 +5,21 @@ const BuildingsSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M13.893 4.154v3.121h2.347A1.524 1.524 0 0 1 17.764 8.8v6.992h.024a.75.75 0 0 1 0 1.5H2.303a.75.75 0 0 1 0-1.5h.024V4.154A1.524 1.524 0 0 1 3.852 2.63h8.516a1.524 1.524 0 0 1 1.525 1.524Zm-3.654 11.732a.65.65 0 0 1-.65-.65V13.86H6.631v1.377a.65.65 0 1 1-1.3 0V13.21a.65.65 0 0 1 .65-.65h4.258a.65.65 0 0 1 .65.65v2.027a.65.65 0 0 1-.65.65ZM5.981 9.211a.75.75 0 1 0 0 1.5h4.258a.75.75 0 1 0 0-1.5H5.981Zm9.48 6.673a.75.75 0 0 1-.75-.75V9.961a.75.75 0 0 1 1.5 0v5.173a.75.75 0 0 1-.75.75Zm-9.48-9.982a.75.75 0 0 0 0 1.5h4.258a.75.75 0 0 0 0-1.5H5.981Z"
clipRule="evenodd"
/>
<g fill={color} clipPath="url(#a)">
<path d="M1.945 14.611a.667.667 0 0 1-.667-.667V3.422c0-.626.372-1.189.95-1.432l4-1.693a1.55 1.55 0 0 1 1.464.136c.437.29.696.775.696 1.297v1.548a.667.667 0 0 1-1.333 0V1.73a.22.22 0 0 0-.1-.186.21.21 0 0 0-.21-.018l-4 1.691a.22.22 0 0 0-.135.205v10.523a.666.666 0 0 1-.665.666" />
<path d="M13.945 13.278h-.223v-6.89c0-.857-.697-1.555-1.555-1.555h-4.89c-.857 0-1.555.698-1.555 1.556v6.889H1.056a.667.667 0 0 0 0 1.333h12.888a.667.667 0 0 0 0-1.333m-4.667-2a.667.667 0 0 1-1.334 0v-.445a.667.667 0 0 1 1.334 0zm0-2.667a.667.667 0 0 1-1.334 0v-.444a.667.667 0 0 1 1.334 0zm2.222 2.667a.667.667 0 0 1-1.333 0v-.445a.667.667 0 0 1 1.333 0zm0-2.667a.667.667 0 0 1-1.333 0v-.444a.667.667 0 0 1 1.333 0z" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

17
packages/design-system/icons/src/components/buildings.tsx
View File

@@ -5,19 +5,26 @@ const Buildings = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M17.014 16.542V8.8a.774.774 0 0 0-.774-.775h-3.097M3.077 16.542V4.154a.774.774 0 0 1 .775-.774h8.516a.774.774 0 0 1 .775.774v12.388M5.98 6.652h4.258M5.981 9.961h4.258m7.55 6.581H2.302m7.936 0H5.981V13.21h4.258v3.333Z"
/>
clipPath="url(#a)"
>
<path d="M6.389 13.944V6.39a.89.89 0 0 1 .889-.889h4.889a.89.89 0 0 1 .889.889v7.555M1.944 13.944V3.422c0-.358.214-.68.543-.819l4-1.691a.89.89 0 0 1 1.235.818v1.548M1.056 13.945h12.888M8.611 8.611v-.444M10.833 8.611v-.444M8.611 11.278v-.445M10.833 11.278v-.445" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

18
packages/design-system/icons/src/components/calendar-mini.tsx
View File

@@ -5,23 +5,21 @@ const CalendarMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M6.5 4v1.5m7-1.5v1.5m-9.5 9V7a1.5 1.5 0 0 1 1.5-1.5h9A1.5 1.5 0 0 1 16 7v7.5m-12 0A1.5 1.5 0 0 0 5.5 16h9a1.5 1.5 0 0 0 1.5-1.5m-12 0v-5A1.5 1.5 0 0 1 5.5 8h9A1.5 1.5 0 0 1 16 9.5v5"
fill={color}
d="M6.611 8.611c0-.49.4-.889.889-.889a.89.89 0 0 1 0 1.778.89.89 0 0 1-.889-.889M10.611 9.5c.49 0 .889-.4.889-.889a.89.89 0 0 0-.889-.889.89.89 0 0 0-.889.89c0 .489.4.888.89.888M6.611 11.278c0-.49.4-.89.889-.89a.89.89 0 0 1 0 1.778.89.89 0 0 1-.889-.888M4.389 10.389a.89.89 0 0 0-.889.889c0 .49.4.889.889.889a.89.89 0 0 0 0-1.778M9.722 11.278a.89.89 0 0 1 1.778 0c0 .49-.4.889-.889.889a.89.89 0 0 1-.889-.89"
/>
<path
stroke={color}
strokeWidth={0.75}
d="M7.875 10.868a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM7.875 13.194a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM12.875 10.868a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM10.375 10.868a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM10.375 13.194a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"
fill={color}
fillRule="evenodd"
d="M4.611.306a.75.75 0 0 1 .75.75v1.027H9.64V1.056a.75.75 0 1 1 1.5 0v1.027h.583a2.53 2.53 0 0 1 2.528 2.528v7.556a2.53 2.53 0 0 1-2.528 2.527H3.278A2.53 2.53 0 0 1 .75 12.167V4.61a2.53 2.53 0 0 1 2.528-2.528h.583V1.056a.75.75 0 0 1 .75-.75M12.75 4.61v.584H2.25V4.61c0-.568.46-1.028 1.028-1.028h8.444c.568 0 1.028.46 1.028 1.028m0 2.084H2.25v5.472c0 .567.46 1.027 1.028 1.027h8.444c.568 0 1.028-.46 1.028-1.027z"
clipRule="evenodd"
/>
</svg>
)

14
packages/design-system/icons/src/components/calendar-solid.tsx
View File

@@ -5,21 +5,23 @@ const CalendarSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
d="M10.625 10.625a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Zm-4.375 2.5a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Zm.625 1.25a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0Zm1.25-1.25a.625.625 0 1 0 0-1.25.625.625 0 0 0 0 1.25Zm.625 1.25a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0Zm1.25-1.25a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249Zm.625 1.25a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Zm1.25-1.25a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249Zm.625 1.25a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Zm1.25-1.25a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249Zm-1.25-2.5a.624.624 0 1 1-1.249 0 .624.624 0 0 1 1.249 0Zm1.25.625a.624.624 0 1 0 0-1.249.624.624 0 0 0 0 1.249Z"
d="M4.611 3.5a.667.667 0 0 1-.667-.667V1.056a.667.667 0 0 1 1.334 0v1.777a.667.667 0 0 1-.667.667M10.389 3.5a.667.667 0 0 1-.667-.667V1.056a.667.667 0 0 1 1.334 0v1.777a.667.667 0 0 1-.667.667"
/>
<path
fill={color}
fillRule="evenodd"
d="M5.625 1.875a.625.625 0 0 1 .625.625v1.25h7.5V2.5a.625.625 0 1 1 1.25 0v1.25h.625a2.5 2.5 0 0 1 2.5 2.5v9.375a2.5 2.5 0 0 1-2.5 2.5H4.375a2.5 2.5 0 0 1-2.5-2.5V6.25a2.5 2.5 0 0 1 2.5-2.5H5V2.5a.625.625 0 0 1 .625-.625Zm11.25 7.5a1.25 1.25 0 0 0-1.25-1.25H4.375a1.25 1.25 0 0 0-1.25 1.25v6.25a1.25 1.25 0 0 0 1.25 1.25h11.25a1.25 1.25 0 0 0 1.25-1.25v-6.25Z"
clipRule="evenodd"
d="M11.722 2.167H3.278A2.446 2.446 0 0 0 .833 4.61v7.556a2.446 2.446 0 0 0 2.445 2.444h8.444a2.447 2.447 0 0 0 2.445-2.444V4.61a2.446 2.446 0 0 0-2.445-2.444m0 11.11H3.278a1.113 1.113 0 0 1-1.111-1.11V6.61h10.666v5.556c0 .612-.498 1.11-1.11 1.11"
/>
<path
fill={color}
d="M7.5 7.722a.89.89 0 0 0-.889.89c0 .489.4.888.889.888.49 0 .889-.4.889-.889a.89.89 0 0 0-.889-.889M10.611 9.5c.49 0 .889-.4.889-.889a.89.89 0 0 0-.889-.889.89.89 0 0 0-.889.89c0 .489.4.888.89.888M7.5 10.389a.89.89 0 0 0-.889.889c0 .49.4.889.889.889a.89.89 0 0 0 0-1.778M4.389 10.389a.89.89 0 0 0-.889.889c0 .49.4.889.889.889a.89.89 0 0 0 0-1.778M10.611 10.389a.89.89 0 0 0-.889.889.89.89 0 0 0 1.778 0 .89.89 0 0 0-.889-.89"
/>
</svg>
)

17
packages/design-system/icons/src/components/calendar.tsx
View File

@@ -5,18 +5,21 @@ const Calendar = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M5.625 2.5v1.875m8.75-1.875v1.875M2.5 15.625V6.25a1.875 1.875 0 0 1 1.875-1.875h11.25A1.875 1.875 0 0 1 17.5 6.25v9.375m-15 0A1.875 1.875 0 0 0 4.375 17.5h11.25a1.875 1.875 0 0 0 1.875-1.875m-15 0v-6.25A1.875 1.875 0 0 1 4.375 7.5h11.25A1.875 1.875 0 0 1 17.5 9.375v6.25m-7.5-5h.007v.007H10v-.007Zm0 1.875h.007v.007H10V12.5Zm0 1.875h.007v.007H10v-.007ZM8.125 12.5h.007v.007h-.007V12.5Zm0 1.875h.007v.007h-.007v-.007ZM6.25 12.5h.007v.007H6.25V12.5Zm0 1.875h.007v.007H6.25v-.007Zm5.625-3.75h.007v.007h-.007v-.007Zm0 1.875h.007v.007h-.007V12.5Zm0 1.875h.007v.007h-.007v-.007Zm1.875-3.75h.007v.007h-.007v-.007Zm0 1.875h.007v.007h-.007V12.5Z"
fill={color}
d="M6.611 8.611c0-.49.4-.889.889-.889a.89.89 0 0 1 0 1.778.89.89 0 0 1-.889-.889M10.611 9.5c.49 0 .889-.4.889-.889a.89.89 0 0 0-.889-.889.89.89 0 0 0-.889.89c0 .489.4.888.89.888M6.611 11.278c0-.49.4-.89.889-.89a.89.89 0 0 1 0 1.778.89.89 0 0 1-.889-.888M4.389 10.389a.89.89 0 0 0-.889.889c0 .49.4.889.889.889a.89.89 0 0 0 0-1.778M9.722 11.278a.89.89 0 0 1 1.778 0c0 .49-.4.889-.889.889a.89.89 0 0 1-.889-.89"
/>
<path
fill={color}
fillRule="evenodd"
d="M4.611.306a.75.75 0 0 1 .75.75v1.027H9.64V1.056a.75.75 0 1 1 1.5 0v1.027h.583a2.53 2.53 0 0 1 2.528 2.528v7.556a2.53 2.53 0 0 1-2.528 2.527H3.278A2.53 2.53 0 0 1 .75 12.167V4.61a2.53 2.53 0 0 1 2.528-2.528h.583V1.056a.75.75 0 0 1 .75-.75M12.75 4.61v.584H2.25V4.61c0-.568.46-1.028 1.028-1.028h8.444c.568 0 1.028.46 1.028 1.028m0 2.084H2.25v5.472c0 .567.46 1.027 1.028 1.027h8.444c.568 0 1.028-.46 1.028-1.027z"
clipRule="evenodd"
/>
</svg>
)

36
packages/design-system/icons/src/components/camera.tsx
View File

@@ -5,26 +5,30 @@ const Camera = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M5.69 5.146a1.925 1.925 0 0 1-1.368.879c-.317.045-.631.093-.945.146-.878.146-1.502.918-1.502 1.807V15a1.875 1.875 0 0 0 1.875 1.875h12.5A1.875 1.875 0 0 0 18.125 15V7.978c0-.889-.625-1.661-1.502-1.807-.314-.053-.63-.101-.945-.146a1.925 1.925 0 0 1-1.366-.88l-.685-1.096a1.827 1.827 0 0 0-1.447-.866 40.643 40.643 0 0 0-4.36 0 1.827 1.827 0 0 0-1.447.866L5.69 5.146Z"
/>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13.75 10.625a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Zm1.875-1.875h.007v.007h-.007V8.75Z"
/>
<g fill={color} clipPath="url(#a)">
<path
fillRule="evenodd"
d="M4.582 1.869c.24-.64.85-1.063 1.534-1.063h2.768c.684 0 1.295.424 1.534 1.064l.268.713h1.48a2.527 2.527 0 0 1 2.529 2.528v5.778a2.527 2.527 0 0 1-2.528 2.528H2.833a2.527 2.527 0 0 1-2.527-2.528V5.111a2.527 2.527 0 0 1 2.527-2.528h1.48zm1.534.437a.14.14 0 0 0-.13.09l-.45 1.201a.75.75 0 0 1-.703.486h-2c-.568 0-1.027.46-1.027 1.028v5.778c0 .568.46 1.028 1.027 1.028h9.334c.568 0 1.028-.46 1.028-1.028V5.111c0-.568-.46-1.028-1.028-1.028h-2a.75.75 0 0 1-.702-.486l-.451-1.2a.14.14 0 0 0-.13-.091z"
clipRule="evenodd"
/>
<path
fillRule="evenodd"
d="M7.5 6.306a1.694 1.694 0 1 0 0 3.389 1.694 1.694 0 0 0 0-3.39M4.306 8a3.194 3.194 0 1 1 6.389 0 3.194 3.194 0 0 1-6.39 0"
clipRule="evenodd"
/>
<path d="M3.278 6.222a.667.667 0 1 0 0-1.333.667.667 0 0 0 0 1.333" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

19
packages/design-system/icons/src/components/cash-solid.tsx
View File

@@ -5,18 +5,21 @@ const CashSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 1 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 1 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.041 49.041 0 0 0 1.75 14.5Z"
clipRule="evenodd"
/>
<g fill={color} clipPath="url(#a)">
<path d="M7.61 6.837q-.656-.117-.686-.413c-.014-.15.03-.198.05-.22.113-.125.393-.192.553-.192.372 0 .488.187.531.257a.667.667 0 1 0 1.133-.702 1.8 1.8 0 0 0-1.034-.786.66.66 0 0 0-.656-.614.663.663 0 0 0-.659.627c-.308.096-.62.255-.855.513-.301.333-.436.763-.39 1.245.048.486.342 1.341 1.78 1.597.798.143.804.352.806.463.003.1-.029.182-.1.256-.12.124-.328.197-.556.197-.542 0-.647-.208-.691-.296a.666.666 0 1 0-1.19.602c.185.364.543.779 1.22.947.07.292.321.515.635.515a.66.66 0 0 0 .638-.528c.347-.096.66-.264.897-.506.32-.33.492-.762.48-1.22-.022-.936-.664-1.522-1.906-1.744z" />
<path d="M12.167 2.167H2.833A2.446 2.446 0 0 0 .39 4.61v5.778a2.446 2.446 0 0 0 2.444 2.444h9.334a2.446 2.446 0 0 0 2.444-2.444V4.611a2.446 2.446 0 0 0-2.444-2.444m-1.43 9.333H4.263a3.55 3.55 0 0 0-2.54-2.54V6.04a3.55 3.55 0 0 0 2.54-2.54h6.474a3.55 3.55 0 0 0 2.54 2.54v2.92a3.55 3.55 0 0 0-2.54 2.54" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

18
packages/design-system/icons/src/components/cash.tsx
View File

@@ -5,19 +5,27 @@ const Cash = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M2 14.967a49.288 49.288 0 0 1 12.962 1.724.94.94 0 0 0 1.192-.9v-.824M3.23 3.275v.615a.615.615 0 0 1-.616.616H2m0 0v-.308c0-.51.414-.923.923-.923H16.77M2 4.505v7.385m14.77-8.615v.615c0 .34.275.616.615.616H18m-1.23-1.231h.307c.51 0 .923.413.923.923v8c0 .51-.413.923-.923.923h-.308M2 11.891v.307a.923.923 0 0 0 .923.923h.308M2 11.891h.615a.615.615 0 0 1 .616.615v.615m13.538 0v-.615a.616.616 0 0 1 .616-.616H18m-1.23 1.231H3.23m9.231-4.923a2.462 2.462 0 1 1-4.923 0 2.462 2.462 0 0 1 4.923 0Zm2.462 0h.007v.007h-.007v-.007Zm-9.846 0h.006v.007h-.006v-.007Z"
/>
clipPath="url(#a)"
>
<path d="M8.624 5.918c-.286-.462-.743-.573-1.098-.573-.374 0-1.357.2-1.265 1.142.064.663.688.909 1.233 1.006s1.337.305 1.356 1.103c.017.675-.59 1.135-1.323 1.135-.608 0-1.055-.204-1.286-.661M7.5 4.833v.512M7.5 9.732v.435M3.944 2.833a2.89 2.89 0 0 1-2.888 2.89M11.056 2.833a2.89 2.89 0 0 0 2.888 2.89M3.944 12.167a2.89 2.89 0 0 0-2.888-2.89M11.056 12.167a2.89 2.89 0 0 1 2.888-2.89" />
<path d="M12.167 2.833H2.833c-.982 0-1.777.796-1.777 1.778v5.778c0 .982.795 1.778 1.777 1.778h9.334c.982 0 1.777-.796 1.777-1.778V4.61c0-.982-.796-1.778-1.777-1.778" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

19
packages/design-system/icons/src/components/channels-solid.tsx
View File

@@ -5,18 +5,21 @@ const ChannelsSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M12.399 3.438a2.439 2.439 0 1 1 0 1.5h-1.243a.75.75 0 0 0-.75.75V9.25h1.993a2.439 2.439 0 1 1 0 1.5h-1.993v3.563c0 .414.335.75.75.75h1.243a2.439 2.439 0 1 1 0 1.5h-1.243a2.25 2.25 0 0 1-2.25-2.25V10.75H6.913a2.439 2.439 0 1 1 0-1.5h1.993V5.688a2.25 2.25 0 0 1 2.25-2.25h1.243Z"
clipRule="evenodd"
/>
<g fill={color} clipPath="url(#a)">
<path d="M11.056 11.278a.667.667 0 0 0-.667-.667H9.5a1.113 1.113 0 0 1-1.111-1.11v-4c0-.613.499-1.112 1.111-1.112h.889a.667.667 0 0 0 0-1.333H9.5A2.446 2.446 0 0 0 7.056 5.5v1.333H4.61a.667.667 0 0 0 0 1.334h2.445V9.5A2.446 2.446 0 0 0 9.5 11.945h.889a.667.667 0 0 0 .667-.667" />
<path d="M9.944 3.722a2.222 2.222 0 1 0 4.445 0 2.222 2.222 0 0 0-4.445 0M9.944 11.278a2.222 2.222 0 1 0 4.445 0 2.222 2.222 0 0 0-4.445 0M.611 7.5a2.222 2.222 0 1 0 4.445 0 2.222 2.222 0 0 0-4.445 0" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

18
packages/design-system/icons/src/components/channels.tsx
View File

@@ -5,19 +5,27 @@ const Channels = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13.031 4.188a1.687 1.687 0 1 0 3.375 0 1.687 1.687 0 0 0-3.375 0Zm0 0h-1.875a1.5 1.5 0 0 0-1.5 1.5v8.625a1.5 1.5 0 0 0 1.5 1.5h1.875M6.281 10a1.687 1.687 0 1 1-3.375 0 1.687 1.687 0 0 1 3.375 0Zm0 0h6.75m0 5.813a1.688 1.688 0 1 0 3.375 0 1.688 1.688 0 0 0-3.375 0ZM16.406 10a1.687 1.687 0 1 1-3.375 0 1.687 1.687 0 0 1 3.375 0Z"
/>
clipPath="url(#a)"
>
<path d="M7.722 7.5h-3.11M10.389 3.722H9.5c-.982 0-1.778.796-1.778 1.778v4c0 .982.796 1.778 1.778 1.778h.889" />
<path d="M10.389 3.722a1.778 1.778 0 1 0 3.555 0 1.778 1.778 0 0 0-3.555 0M10.389 11.278a1.778 1.778 0 1 0 3.556 0 1.778 1.778 0 0 0-3.556 0M1.056 7.5a1.778 1.778 0 1 0 3.555 0 1.778 1.778 0 0 0-3.555 0" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

17
packages/design-system/icons/src/components/chart-bar.tsx
View File

@@ -5,19 +5,26 @@ const ChartBar = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M2.5 10.938c0-.518.42-.938.938-.938h1.874c.518 0 .938.42.938.938v5.624c0 .518-.42.938-.938.938H3.438a.938.938 0 0 1-.937-.938v-5.625Zm5.625-3.75c0-.518.42-.938.938-.938h1.874c.518 0 .938.42.938.938v9.375c0 .517-.42.937-.938.937H9.063a.938.938 0 0 1-.938-.938V7.188Zm5.625-3.75c0-.518.42-.938.938-.938h1.874c.518 0 .938.42.938.938v13.124c0 .518-.42.938-.938.938h-1.875a.938.938 0 0 1-.937-.938V3.438Z"
/>
clipPath="url(#a)"
>
<path d="M7.722 1.944h-.444a.89.89 0 0 0-.89.89v9.333c0 .49.399.888.89.888h.444c.491 0 .89-.397.89-.888V2.833a.89.89 0 0 0-.89-.889M2.833 6.389H2.39a.89.89 0 0 0-.889.889v4.889c0 .49.398.889.889.889h.444c.491 0 .89-.398.89-.89V7.279a.89.89 0 0 0-.89-.89M12.611 7.55h-.444c-.491 0-.889.328-.889.733v4.038c0 .406.398.734.889.734h.444c.491 0 .89-.328.89-.734V8.283c0-.405-.399-.734-.89-.734" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

25
packages/design-system/icons/src/components/chart-pie.tsx
View File

@@ -5,26 +5,27 @@ const ChartPie = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M8.75 5A6.25 6.25 0 1 0 15 11.25H8.75V5Z"
/>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M11.25 8.75h6.25a6.25 6.25 0 0 0-6.25-6.25v6.25Z"
/>
clipPath="url(#a)"
>
<path d="M13.368 10.167a6.446 6.446 0 1 1-8.535-8.535" />
<path d="M13.944 7.5A6.444 6.444 0 0 0 7.5 1.056V7.5z" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

21
packages/design-system/icons/src/components/chat-bubble-left-right-solid.tsx
View File

@@ -5,20 +5,21 @@ const ChatBubbleLeftRightSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
d="M4.094 2.215a41.058 41.058 0 0 1 10.562 0c1.602.208 2.742 1.55 2.837 3.106a3.67 3.67 0 0 0-.86-.176 42.408 42.408 0 0 0-7.016 0C7.652 5.308 6.25 6.97 6.25 8.84v3.572a3.725 3.725 0 0 0 2.027 3.32l-2.21 2.21A.625.625 0 0 1 5 17.5v-3.358a40.495 40.495 0 0 1-.906-.107c-1.673-.218-2.844-1.674-2.844-3.317V5.532c0-1.642 1.17-3.1 2.844-3.317Z"
/>
<path
fill={color}
d="M13.125 6.25c-1.147 0-2.283.048-3.405.14-1.283.107-2.22 1.196-2.22 2.45v3.572c0 1.255.94 2.345 2.225 2.45 1.036.085 2.083.13 3.14.137l2.318 2.318a.625.625 0 0 0 1.067-.442v-1.992l.275-.021c1.285-.104 2.225-1.194 2.225-2.45V8.84c0-1.254-.938-2.343-2.22-2.45a41.163 41.163 0 0 0-3.405-.14Z"
/>
<g fill={color} clipPath="url(#a)">
<path d="M12.611 4.389H7.722c-1.102 0-2 .897-2 2v4c0 1.103.898 2 2 2h1.742l2.254 2.049a.67.67 0 0 0 .719.116.67.67 0 0 0 .396-.61v-1.568a2.003 2.003 0 0 0 1.778-1.987v-4c0-1.103-.898-2-2-2" />
<path d="m3.675 10.262-.175.19V9.5a.664.664 0 0 0-.667-.667c-.297 0-.575-.115-.785-.325a1.1 1.1 0 0 1-.325-.785V3.278c0-.613.499-1.111 1.111-1.111H8.39c.506 0 .95.342 1.075.832a.667.667 0 0 0 1.292-.332A2.44 2.44 0 0 0 8.39.833H2.833A2.446 2.446 0 0 0 .39 3.278v4.445c0 .652.254 1.267.716 1.728.3.3.664.512 1.062.624v2.092a.665.665 0 0 0 1.158.45l1.333-1.454a.666.666 0 1 0-.983-.901" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

18
packages/design-system/icons/src/components/chat-bubble-left-right.tsx
View File

@@ -5,19 +5,27 @@ const ChatBubbleLeftRight = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M16.875 7.093c.737.236 1.25.94 1.25 1.747v3.572c0 .946-.706 1.75-1.65 1.827-.283.023-.567.043-.85.06v2.576l-2.5-2.5a41.25 41.25 0 0 1-3.35-.136 1.763 1.763 0 0 1-.688-.202m7.788-6.945a1.772 1.772 0 0 0-.397-.079 40.532 40.532 0 0 0-6.706 0c-.943.079-1.647.881-1.647 1.827v3.572c0 .697.383 1.316.963 1.625m7.787-6.945V5.532c0-1.351-.96-2.522-2.3-2.696a40.378 40.378 0 0 0-10.4 0c-1.34.174-2.3 1.345-2.3 2.696v5.188c0 1.351.96 2.522 2.3 2.696.48.063.964.117 1.45.162V17.5l3.463-3.463"
/>
clipPath="url(#a)"
>
<path d="M7.722 5.056h4.89c.735 0 1.332.597 1.332 1.333v4c0 .736-.597 1.333-1.333 1.333h-.444v2.223l-2.445-2.223h-2A1.334 1.334 0 0 1 6.39 10.39v-4c0-.736.597-1.333 1.333-1.333" />
<path d="M10.11 2.833A1.78 1.78 0 0 0 8.39 1.5H2.833c-.982 0-1.777.796-1.777 1.778v4.445c0 .981.796 1.778 1.777 1.777v2.667l1.334-1.455" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

24
packages/design-system/icons/src/components/chat-bubble.tsx
View File

@@ -5,19 +5,25 @@ const ChatBubble = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M7.188 8.125h-.313m3.438 0H10m3.438 0h-.313m-5.938 0a.312.312 0 1 1-.624 0 .312.312 0 0 1 .625 0v0Zm3.125 0a.312.312 0 1 1-.624 0 .312.312 0 0 1 .624 0v0Zm3.126 0a.312.312 0 1 1-.625 0 .312.312 0 0 1 .624 0v0ZM1.874 10.633c0 1.334.936 2.495 2.256 2.69.906.133 1.82.235 2.744.307v3.87l3.487-3.486a.95.95 0 0 1 .648-.276 40.242 40.242 0 0 0 4.858-.415c1.321-.195 2.257-1.356 2.257-2.69V5.618c0-1.336-.936-2.496-2.256-2.69A40.329 40.329 0 0 0 10 2.5c-1.993 0-3.953.146-5.87.428-1.32.194-2.255 1.355-2.255 2.69V10.633Z"
/>
<g clipPath="url(#a)">
<path
fill={color}
fillRule="evenodd"
d="M2.833.75A2.53 2.53 0 0 0 .306 3.278V9.5a2.53 2.53 0 0 0 2.527 2.528h1.028v1.916a.75.75 0 0 0 1.219.586l3.128-2.502h3.959A2.53 2.53 0 0 0 14.695 9.5V3.278A2.53 2.53 0 0 0 12.167.75zM1.806 3.278c0-.568.46-1.028 1.027-1.028h9.334c.568 0 1.028.46 1.028 1.028V9.5c0 .567-.46 1.028-1.028 1.028H7.945a.75.75 0 0 0-.469.164l-2.115 1.692v-1.106a.75.75 0 0 0-.75-.75H2.833c-.567 0-1.027-.46-1.027-1.028zm4.805 3.11a.89.89 0 0 0 1.778 0 .89.89 0 0 0-1.778 0m-2.222.89a.89.89 0 0 1 0-1.778.89.89 0 0 1 0 1.778m5.333-.89a.89.89 0 0 0 1.778 0 .89.89 0 0 0-1.778 0"
clipRule="evenodd"
/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

21
packages/design-system/icons/src/components/check-circle-mini-solid.tsx
View File

@@ -5,18 +5,23 @@ const CheckCircleMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm3.235-7.934a.75.75 0 0 0-1.248-.832l-2.626 3.939L7.92 9.73a.75.75 0 1 0-1.06 1.06l2.088 2.09a.75.75 0 0 0 1.155-.115l3.133-4.7Z"
clipRule="evenodd"
/>
<g clipPath="url(#a)">
<path
fill={color}
d="M7.5.389C3.58.389.389 3.579.389 7.5s3.19 7.111 7.111 7.111 7.111-3.19 7.111-7.111S11.421.389 7.5.389m3.416 5.074-3.778 4.889a.67.67 0 0 1-.502.258h-.025a.67.67 0 0 1-.496-.22l-2-2.222a.668.668 0 0 1 .992-.893l1.465 1.629 3.29-4.257a.667.667 0 0 1 1.055.815z"
/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

21
packages/design-system/icons/src/components/check-circle-solid.tsx
View File

@@ -5,18 +5,23 @@ const CheckCircleSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M10 18a8 8 0 1 0 0-16.001A8 8 0 0 0 10 18Zm3.857-9.809a.75.75 0 1 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z"
clipRule="evenodd"
/>
<g clipPath="url(#a)">
<path
fill={color}
d="M7.5.389C3.58.389.389 3.579.389 7.5s3.19 7.111 7.111 7.111 7.111-3.19 7.111-7.111S11.421.389 7.5.389m3.416 5.074-3.778 4.889a.67.67 0 0 1-.502.258h-.025a.67.67 0 0 1-.496-.22l-2-2.222a.668.668 0 0 1 .992-.893l1.465 1.629 3.29-4.257a.667.667 0 0 1 1.055.815z"
/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

6
packages/design-system/icons/src/components/check-mini.tsx
View File

@@ -5,8 +5,8 @@ const CheckMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const CheckMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m5.833 10.417 3.334 3.333 5-7.5"
d="m3.036 7.679 2.857 3.571 6.071-7.5"
/>
</svg>
)

6
packages/design-system/icons/src/components/check.tsx
View File

@@ -5,8 +5,8 @@ const Check = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const Check = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m3.75 10.625 5 5 7.5-11.25"
d="m3.036 7.679 2.857 3.571 6.071-7.5"
/>
</svg>
)

13
packages/design-system/icons/src/components/chevron-double-left-mini-solid.tsx
View File

@@ -5,17 +5,18 @@ const ChevronDoubleLeftMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M15.79 14.77a.75.75 0 0 1-1.06.02l-4.5-4.25a.751.751 0 0 1 0-1.08l4.5-4.25a.75.75 0 1 1 1.04 1.08L11.832 10l3.938 3.71a.75.75 0 0 1 .02 1.06Zm-6 0a.75.75 0 0 1-1.06.02l-4.5-4.25a.75.75 0 0 1 0-1.08l4.5-4.25a.75.75 0 1 1 1.04 1.08L5.832 10l3.938 3.71a.75.75 0 0 1 .02 1.06Z"
clipRule="evenodd"
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M6.833 11.278 3.056 7.5l3.777-3.778M11.056 11.278 7.278 7.5l3.778-3.778"
/>
</svg>
)

6
packages/design-system/icons/src/components/chevron-double-left.tsx
View File

@@ -5,8 +5,8 @@ const ChevronDoubleLeft = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ChevronDoubleLeft = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M15.625 16.25 9.375 10l6.25-6.25m-5 12.5L4.375 10l6.25-6.25"
d="M6.833 11.278 3.056 7.5l3.777-3.778M11.056 11.278 7.278 7.5l3.778-3.778"
/>
</svg>
)

30
packages/design-system/icons/src/components/chevron-double-right-mini-solid.tsx
View File

@@ -5,24 +5,26 @@ const ChevronDoubleRightMiniSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
fillRule="evenodd"
d="M10.21 14.77a.75.75 0 0 1 .02-1.06L14.168 10 10.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z"
clipRule="evenodd"
/>
<path
fill={color}
fillRule="evenodd"
d="M4.21 14.77a.75.75 0 0 1 .02-1.06L8.168 10 4.23 6.29a.75.75 0 1 1 1.04-1.08l4.5 4.25a.75.75 0 0 1 0 1.08l-4.5 4.25a.75.75 0 0 1-1.06-.02Z"
clipRule="evenodd"
/>
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
clipPath="url(#a)"
>
<path d="M8.167 3.722 11.944 7.5l-3.777 3.778M3.944 3.722 7.722 7.5l-3.778 3.778" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

6
packages/design-system/icons/src/components/chevron-double-right.tsx
View File

@@ -5,8 +5,8 @@ const ChevronDoubleRight = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ChevronDoubleRight = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m9.375 3.75 6.25 6.25-6.25 6.25m-5-12.5 6.25 6.25-6.25 6.25"
d="M8.167 3.722 11.945 7.5l-3.778 3.778M3.944 3.722 7.722 7.5l-3.778 3.778"
/>
</svg>
)

30
packages/design-system/icons/src/components/chevron-down-mini.tsx
View File

@@ -5,19 +5,31 @@ const ChevronDownMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m15 8-5 5-5-5"
/>
<g clipPath="url(#a)">
<g clipPath="url(#b)">
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13.056 5.278 7.5 10.833 1.944 5.278"
/>
</g>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
<clipPath id="b">
<path fill="#fff" d="M-.5-.5h16v16h-16z" />
</clipPath>
</defs>
</svg>
)
}

6
packages/design-system/icons/src/components/chevron-down.tsx
View File

@@ -5,8 +5,8 @@ const ChevronDown = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ChevronDown = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M16.25 6.875 10 13.125l-6.25-6.25"
d="M13.056 5.278 7.5 10.833 1.944 5.278"
/>
</svg>
)

6
packages/design-system/icons/src/components/chevron-left-mini.tsx
View File

@@ -5,8 +5,8 @@ const ChevronLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ChevronLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m12 14-4-4 4-4"
d="M9.722 13.055 4.167 7.5l5.555-5.556"
/>
</svg>
)

30
packages/design-system/icons/src/components/chevron-left.tsx
View File

@@ -5,19 +5,31 @@ const ChevronLeft = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13.125 16.25 6.875 10l6.25-6.25"
/>
<g clipPath="url(#a)">
<g clipPath="url(#b)">
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M9.722 13.055 4.167 7.5l5.555-5.556"
/>
</g>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
<clipPath id="b">
<path fill="#fff" d="M-.5-.5h16v16h-16z" />
</clipPath>
</defs>
</svg>
)
}

6
packages/design-system/icons/src/components/chevron-right-mini.tsx
View File

@@ -5,8 +5,8 @@ const ChevronRightMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ChevronRightMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m8 6 4 4-4 4"
d="M5.278 1.944 10.833 7.5l-5.555 5.555"
/>
</svg>
)

6
packages/design-system/icons/src/components/chevron-right.tsx
View File

@@ -5,8 +5,8 @@ const ChevronRight = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ChevronRight = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m6.875 3.75 6.25 6.25-6.25 6.25"
d="M5.278 1.944 10.833 7.5l-5.555 5.555"
/>
</svg>
)

11
packages/design-system/icons/src/components/chevron-up-down.tsx
View File

@@ -5,18 +5,15 @@ const ChevronUpDown = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m6 12.75 3.75 3.75 3.75-3.75m-7.5-6L9.75 3l3.75 3.75"
fill={color}
d="M4.91 5.75c-.163 0-.323-.037-.464-.108a.85.85 0 0 1-.334-.293A.7.7 0 0 1 4 4.952a.7.7 0 0 1 .142-.39l2.59-3.454c.082-.11.195-.2.33-.263a1.04 1.04 0 0 1 .876 0 .9.9 0 0 1 .33.263l2.59 3.455a.7.7 0 0 1 .141.39.7.7 0 0 1-.111.396.85.85 0 0 1-.335.293c-.14.07-.3.108-.464.108zM10.09 9.25c.163 0 .323.037.463.108.14.07.256.172.335.293a.7.7 0 0 1 .111.397.7.7 0 0 1-.141.39l-2.59 3.454a.9.9 0 0 1-.33.263 1.04 1.04 0 0 1-.876 0 .9.9 0 0 1-.33-.263l-2.59-3.455a.7.7 0 0 1-.142-.39.7.7 0 0 1 .112-.396.85.85 0 0 1 .335-.293c.14-.07.3-.108.463-.108z"
/>
</svg>
)

6
packages/design-system/icons/src/components/chevron-up-mini.tsx
View File

@@ -5,8 +5,8 @@ const ChevronUpMini = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
@@ -16,7 +16,7 @@ const ChevronUpMini = React.forwardRef<SVGSVGElement, IconProps>(
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m15 12-5-5-5 5"
d="M1.944 9.722 7.5 4.167l5.556 5.555"
/>
</svg>
)

17
packages/design-system/icons/src/components/circle-dotted-line.tsx
View File

@@ -5,19 +5,26 @@ const CircleDottedLine = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<path
<g
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M12.5 2.936a7.387 7.387 0 0 0-5 0M2.63 8.632a7.484 7.484 0 0 1 2.5-4.33M5.13 15.698a7.485 7.485 0 0 1-2.5-4.33M7.5 17.064a7.387 7.387 0 0 0 5 0M17.37 8.632a7.484 7.484 0 0 0-2.501-4.33M14.869 15.698a7.485 7.485 0 0 0 2.5-4.33"
/>
clipPath="url(#a)"
>
<path d="M3.933 2.132a6.4 6.4 0 0 1 2.322-.956M1.17 6.283a6.4 6.4 0 0 1 .97-2.362M3.933 12.868c.691.46 1.477.791 2.322.956M1.17 8.717c.165.86.5 1.66.97 2.362M8.745 1.176c.845.165 1.63.496 2.322.956M12.86 3.921a6.4 6.4 0 0 1 .97 2.362M8.745 13.824a6.4 6.4 0 0 0 2.322-.956M12.86 11.079c.47-.703.805-1.502.97-2.362" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

21
packages/design-system/icons/src/components/circle-filled-solid.tsx
View File

@@ -5,14 +5,27 @@ const CircleFilledSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<circle cx={10} cy={10} r={7.25} stroke={color} strokeWidth={1.5} />
<circle cx={10} cy={10} r={5} fill={color} />
<g clipPath="url(#a)">
<circle
cx={7.5}
cy={7.5}
r={6.443}
stroke={color}
strokeWidth={1.333}
/>
<circle cx={7.5} cy={7.5} r={4.444} fill={color} />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

21
packages/design-system/icons/src/components/circle-half-solid.tsx
View File

@@ -5,14 +5,27 @@ const CircleHalfSolid = React.forwardRef<SVGSVGElement, IconProps>(
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
width={15}
height={15}
fill="none"
ref={ref}
{...props}
>
<circle cx={10} cy={10} r={7.25} stroke={color} strokeWidth={1.5} />
<path fill={color} d="M10 15a5 5 0 0 0 0-10v10Z" />
<g clipPath="url(#a)">
<circle
cx={7.5}
cy={7.5}
r={6.443}
stroke={color}
strokeWidth={1.333}
/>
<path fill={color} d="M7.5 11.944a4.444 4.444 0 0 0 0-8.888z" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h15v15H0z" />
</clipPath>
</defs>
</svg>
)
}

Some files were not shown because too many files have changed in this diff Show More