From 781471061083c0feaff72493c2b4de64d5d6bdb7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Frane=20Poli=C4=87?= <16856471+fPolic@users.noreply.github.com> Date: Fri, 1 Aug 2025 08:54:38 +0200 Subject: [PATCH] chore(ui): sync Figma resources (#13088) **What** - sync latest Figma icons and ui presets --- .../icons/src/components/WIP.tsx | 33 ++++ .../src/components/__tests__/WIP.spec.tsx | 17 ++ .../components/__tests__/badge-check.spec.tsx | 17 ++ .../__tests__/broom-sparkle-solid.spec.tsx | 17 ++ .../__tests__/card-sparkle.spec.tsx | 17 ++ .../components/__tests__/chef-hat.spec.tsx | 17 ++ .../circle-half-dotted-clock.spec.tsx | 17 ++ .../components/__tests__/circle-plus.spec.tsx | 17 ++ .../components/__tests__/cloud-solid.spec.tsx | 17 ++ .../__tests__/code-pull-request.spec.tsx | 17 ++ .../__tests__/draft orders.spec.tsx | 17 ++ .../__tests__/face-crossed-out-eyes.spec.tsx | 17 ++ .../components/__tests__/fire-solid.spec.tsx | 17 ++ .../src/components/__tests__/fire.spec.tsx | 17 ++ .../components/__tests__/funnel-plus.spec.tsx | 17 ++ .../__tests__/gauge-sparkle.spec.tsx | 17 ++ .../__tests__/ghost-worried.spec.tsx | 17 ++ .../components/__tests__/gift cards.spec.tsx | 17 ++ .../components/__tests__/id-badge.spec.tsx | 17 ++ .../src/components/__tests__/linear.spec.tsx | 17 ++ .../__tests__/markdown-solid.spec.tsx | 17 ++ .../components/__tests__/meilisearch.spec.tsx | 17 ++ .../__tests__/member-bronze-badge.spec.tsx | 17 ++ .../__tests__/member-gold-badge.spec.tsx | 17 ++ .../__tests__/member-silver-badge.spec.tsx | 17 ++ .../components/__tests__/minus-badge.spec.tsx | 17 ++ .../src/components/__tests__/pause.spec.tsx | 17 ++ .../src/components/__tests__/paypal.spec.tsx | 17 ++ .../components/__tests__/payphone.spec.tsx | 17 ++ .../components/__tests__/progress-0.spec.tsx | 17 ++ .../__tests__/progress-100.spec.tsx | 17 ++ .../components/__tests__/progress-15.spec.tsx | 17 ++ .../components/__tests__/progress-30.spec.tsx | 17 ++ .../components/__tests__/progress-45.spec.tsx | 17 ++ .../components/__tests__/progress-60.spec.tsx | 17 ++ .../components/__tests__/progress-75.spec.tsx | 17 ++ .../components/__tests__/progress-90.spec.tsx | 17 ++ .../src/components/__tests__/resend.spec.tsx | 17 ++ .../src/components/__tests__/shippo.spec.tsx | 17 ++ .../__tests__/sidebar-left-filled.spec.tsx | 17 ++ .../__tests__/sidebar-right-filled.spec.tsx | 17 ++ .../__tests__/sparkle-2-solid.spec.tsx | 17 ++ .../__tests__/store credits.spec.tsx | 17 ++ .../components/__tests__/telegram.spec.tsx | 17 ++ .../components/__tests__/wish lists.spec.tsx | 17 ++ .../icons/src/components/adjustments-done.tsx | 7 +- .../icons/src/components/badge-check.tsx | 23 +++ .../icons/src/components/bell-alert-done.tsx | 7 +- .../src/components/broom-sparkle-solid.tsx | 27 +++ .../icons/src/components/card-sparkle.tsx | 33 ++++ .../icons/src/components/chef-hat.tsx | 33 ++++ .../components/circle-half-dotted-clock.tsx | 44 +++++ .../icons/src/components/circle-plus.tsx | 23 +++ .../icons/src/components/cloud-solid.tsx | 23 +++ .../icons/src/components/code-commit.tsx | 2 +- .../src/components/code-pull-request.tsx | 33 ++++ .../icons/src/components/command-line.tsx | 21 ++- .../icons/src/components/draft orders.tsx | 42 +++++ .../src/components/ellipse-blue-solid.tsx | 2 +- .../src/components/ellipse-purple-solid.tsx | 2 +- .../src/components/exclamation-circle.tsx | 2 +- .../icons/src/components/eye.tsx | 12 +- .../src/components/face-crossed-out-eyes.tsx | 30 ++++ .../icons/src/components/face-smile.tsx | 2 +- .../icons/src/components/featured-badge.tsx | 6 +- .../icons/src/components/fire-solid.tsx | 23 +++ .../icons/src/components/fire.tsx | 33 ++++ .../src/components/folder-illustration.tsx | 2 +- .../components/folder-open-illustration.tsx | 2 +- .../icons/src/components/funnel-plus.tsx | 26 +++ .../icons/src/components/gauge-sparkle.tsx | 37 ++++ .../icons/src/components/ghost-worried.tsx | 30 ++++ .../icons/src/components/gift cards.tsx | 46 +++++ .../icons/src/components/github.tsx | 28 ++- .../icons/src/components/id-badge.tsx | 37 ++++ .../icons/src/components/index.ts | 44 +++++ .../icons/src/components/key.tsx | 2 +- .../icons/src/components/linear.tsx | 30 ++++ .../icons/src/components/loader.tsx | 16 +- .../icons/src/components/markdown-solid.tsx | 23 +++ .../icons/src/components/mastercard.tsx | 29 +++- .../icons/src/components/medusa.tsx | 27 ++- .../icons/src/components/meilisearch.tsx | 38 ++++ .../src/components/member-bronze-badge.tsx | 58 +++++++ .../src/components/member-gold-badge.tsx | 58 +++++++ .../src/components/member-silver-badge.tsx | 58 +++++++ .../icons/src/components/minus-badge.tsx | 46 +++++ .../icons/src/components/pause.tsx | 26 +++ .../icons/src/components/paypal.tsx | 46 +++++ .../icons/src/components/payphone.tsx | 41 +++++ .../icons/src/components/progress-0.tsx | 27 +++ .../icons/src/components/progress-100.tsx | 31 ++++ .../icons/src/components/progress-15.tsx | 31 ++++ .../icons/src/components/progress-30.tsx | 31 ++++ .../icons/src/components/progress-45.tsx | 31 ++++ .../icons/src/components/progress-60.tsx | 31 ++++ .../icons/src/components/progress-75.tsx | 31 ++++ .../icons/src/components/progress-90.tsx | 31 ++++ .../icons/src/components/resend.tsx | 38 ++++ .../icons/src/components/shippo.tsx | 40 +++++ .../src/components/sidebar-left-filled.tsx | 41 +++++ .../src/components/sidebar-right-filled.tsx | 41 +++++ .../icons/src/components/sparkle-2-solid.tsx | 29 ++++ .../icons/src/components/sparkles-mini.tsx | 2 +- .../icons/src/components/sparkles.tsx | 2 +- .../icons/src/components/spinner.tsx | 16 +- .../src/components/square-blue-solid.tsx | 2 +- .../src/components/square-purple-solid.tsx | 2 +- .../icons/src/components/store credits.tsx | 38 ++++ .../icons/src/components/stripe.tsx | 27 ++- .../icons/src/components/tag-illustration.tsx | 2 +- .../icons/src/components/telegram.tsx | 38 ++++ .../icons/src/components/thumbnail-badge.tsx | 6 +- .../icons/src/components/verified-badge.tsx | 6 +- .../icons/src/components/wish lists.tsx | 42 +++++ .../ui-preset/src/theme/extension/theme.ts | 8 +- .../ui-preset/src/theme/tokens/colors.ts | 4 +- .../ui-preset/src/theme/tokens/effects.ts | 14 +- .../ui-preset/src/theme/tokens/typography.ts | 162 ++++++++++-------- 119 files changed, 2597 insertions(+), 168 deletions(-) create mode 100644 packages/design-system/icons/src/components/WIP.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/WIP.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/badge-check.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/broom-sparkle-solid.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/card-sparkle.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/chef-hat.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/circle-half-dotted-clock.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/circle-plus.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/cloud-solid.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/code-pull-request.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/draft orders.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/face-crossed-out-eyes.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/fire-solid.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/fire.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/funnel-plus.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/gauge-sparkle.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/ghost-worried.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/gift cards.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/id-badge.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/linear.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/markdown-solid.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/meilisearch.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/member-bronze-badge.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/member-gold-badge.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/member-silver-badge.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/minus-badge.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/pause.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/paypal.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/payphone.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/progress-0.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/progress-100.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/progress-15.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/progress-30.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/progress-45.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/progress-60.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/progress-75.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/progress-90.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/resend.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/shippo.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/sidebar-left-filled.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/sidebar-right-filled.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/sparkle-2-solid.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/store credits.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/telegram.spec.tsx create mode 100644 packages/design-system/icons/src/components/__tests__/wish lists.spec.tsx create mode 100644 packages/design-system/icons/src/components/badge-check.tsx create mode 100644 packages/design-system/icons/src/components/broom-sparkle-solid.tsx create mode 100644 packages/design-system/icons/src/components/card-sparkle.tsx create mode 100644 packages/design-system/icons/src/components/chef-hat.tsx create mode 100644 packages/design-system/icons/src/components/circle-half-dotted-clock.tsx create mode 100644 packages/design-system/icons/src/components/circle-plus.tsx create mode 100644 packages/design-system/icons/src/components/cloud-solid.tsx create mode 100644 packages/design-system/icons/src/components/code-pull-request.tsx create mode 100644 packages/design-system/icons/src/components/draft orders.tsx create mode 100644 packages/design-system/icons/src/components/face-crossed-out-eyes.tsx create mode 100644 packages/design-system/icons/src/components/fire-solid.tsx create mode 100644 packages/design-system/icons/src/components/fire.tsx create mode 100644 packages/design-system/icons/src/components/funnel-plus.tsx create mode 100644 packages/design-system/icons/src/components/gauge-sparkle.tsx create mode 100644 packages/design-system/icons/src/components/ghost-worried.tsx create mode 100644 packages/design-system/icons/src/components/gift cards.tsx create mode 100644 packages/design-system/icons/src/components/id-badge.tsx create mode 100644 packages/design-system/icons/src/components/linear.tsx create mode 100644 packages/design-system/icons/src/components/markdown-solid.tsx create mode 100644 packages/design-system/icons/src/components/meilisearch.tsx create mode 100644 packages/design-system/icons/src/components/member-bronze-badge.tsx create mode 100644 packages/design-system/icons/src/components/member-gold-badge.tsx create mode 100644 packages/design-system/icons/src/components/member-silver-badge.tsx create mode 100644 packages/design-system/icons/src/components/minus-badge.tsx create mode 100644 packages/design-system/icons/src/components/pause.tsx create mode 100644 packages/design-system/icons/src/components/paypal.tsx create mode 100644 packages/design-system/icons/src/components/payphone.tsx create mode 100644 packages/design-system/icons/src/components/progress-0.tsx create mode 100644 packages/design-system/icons/src/components/progress-100.tsx create mode 100644 packages/design-system/icons/src/components/progress-15.tsx create mode 100644 packages/design-system/icons/src/components/progress-30.tsx create mode 100644 packages/design-system/icons/src/components/progress-45.tsx create mode 100644 packages/design-system/icons/src/components/progress-60.tsx create mode 100644 packages/design-system/icons/src/components/progress-75.tsx create mode 100644 packages/design-system/icons/src/components/progress-90.tsx create mode 100644 packages/design-system/icons/src/components/resend.tsx create mode 100644 packages/design-system/icons/src/components/shippo.tsx create mode 100644 packages/design-system/icons/src/components/sidebar-left-filled.tsx create mode 100644 packages/design-system/icons/src/components/sidebar-right-filled.tsx create mode 100644 packages/design-system/icons/src/components/sparkle-2-solid.tsx create mode 100644 packages/design-system/icons/src/components/store credits.tsx create mode 100644 packages/design-system/icons/src/components/telegram.tsx create mode 100644 packages/design-system/icons/src/components/wish lists.tsx diff --git a/packages/design-system/icons/src/components/WIP.tsx b/packages/design-system/icons/src/components/WIP.tsx new file mode 100644 index 0000000000..c6daefcd2d --- /dev/null +++ b/packages/design-system/icons/src/components/WIP.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { IconProps } from "../types" +const WIP = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + ) + } +) +WIP.displayName = "WIP" +export default WIP diff --git a/packages/design-system/icons/src/components/__tests__/WIP.spec.tsx b/packages/design-system/icons/src/components/__tests__/WIP.spec.tsx new file mode 100644 index 0000000000..77d0ff8fc8 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/WIP.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import WIP from "../WIP" + + describe("WIP", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/badge-check.spec.tsx b/packages/design-system/icons/src/components/__tests__/badge-check.spec.tsx new file mode 100644 index 0000000000..749e736506 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/badge-check.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import BadgeCheck from "../badge-check" + + describe("BadgeCheck", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/broom-sparkle-solid.spec.tsx b/packages/design-system/icons/src/components/__tests__/broom-sparkle-solid.spec.tsx new file mode 100644 index 0000000000..c4397c28e9 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/broom-sparkle-solid.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import BroomSparkleSolid from "../broom-sparkle-solid" + + describe("BroomSparkleSolid", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/card-sparkle.spec.tsx b/packages/design-system/icons/src/components/__tests__/card-sparkle.spec.tsx new file mode 100644 index 0000000000..f376e1b83b --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/card-sparkle.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import CardSparkle from "../card-sparkle" + + describe("CardSparkle", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/chef-hat.spec.tsx b/packages/design-system/icons/src/components/__tests__/chef-hat.spec.tsx new file mode 100644 index 0000000000..c6c08daca6 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/chef-hat.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import ChefHat from "../chef-hat" + + describe("ChefHat", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/circle-half-dotted-clock.spec.tsx b/packages/design-system/icons/src/components/__tests__/circle-half-dotted-clock.spec.tsx new file mode 100644 index 0000000000..9f90c54d9e --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/circle-half-dotted-clock.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import CircleHalfDottedClock from "../circle-half-dotted-clock" + + describe("CircleHalfDottedClock", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/circle-plus.spec.tsx b/packages/design-system/icons/src/components/__tests__/circle-plus.spec.tsx new file mode 100644 index 0000000000..976dc611b6 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/circle-plus.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import CirclePlus from "../circle-plus" + + describe("CirclePlus", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/cloud-solid.spec.tsx b/packages/design-system/icons/src/components/__tests__/cloud-solid.spec.tsx new file mode 100644 index 0000000000..18d2613b89 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/cloud-solid.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import CloudSolid from "../cloud-solid" + + describe("CloudSolid", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/code-pull-request.spec.tsx b/packages/design-system/icons/src/components/__tests__/code-pull-request.spec.tsx new file mode 100644 index 0000000000..0c3ae2c4a7 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/code-pull-request.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import CodePullRequest from "../code-pull-request" + + describe("CodePullRequest", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/draft orders.spec.tsx b/packages/design-system/icons/src/components/__tests__/draft orders.spec.tsx new file mode 100644 index 0000000000..476972a140 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/draft orders.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import DraftOrders from "../draft orders" + + describe("DraftOrders", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/face-crossed-out-eyes.spec.tsx b/packages/design-system/icons/src/components/__tests__/face-crossed-out-eyes.spec.tsx new file mode 100644 index 0000000000..62f3bef38e --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/face-crossed-out-eyes.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import FaceCrossedOutEyes from "../face-crossed-out-eyes" + + describe("FaceCrossedOutEyes", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/fire-solid.spec.tsx b/packages/design-system/icons/src/components/__tests__/fire-solid.spec.tsx new file mode 100644 index 0000000000..ea84b8b06f --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/fire-solid.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import FireSolid from "../fire-solid" + + describe("FireSolid", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/fire.spec.tsx b/packages/design-system/icons/src/components/__tests__/fire.spec.tsx new file mode 100644 index 0000000000..2649b7b85d --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/fire.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Fire from "../fire" + + describe("Fire", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/funnel-plus.spec.tsx b/packages/design-system/icons/src/components/__tests__/funnel-plus.spec.tsx new file mode 100644 index 0000000000..7319ae912b --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/funnel-plus.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import FunnelPlus from "../funnel-plus" + + describe("FunnelPlus", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/gauge-sparkle.spec.tsx b/packages/design-system/icons/src/components/__tests__/gauge-sparkle.spec.tsx new file mode 100644 index 0000000000..44052b23f2 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/gauge-sparkle.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import GaugeSparkle from "../gauge-sparkle" + + describe("GaugeSparkle", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/ghost-worried.spec.tsx b/packages/design-system/icons/src/components/__tests__/ghost-worried.spec.tsx new file mode 100644 index 0000000000..826521645f --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/ghost-worried.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import GhostWorried from "../ghost-worried" + + describe("GhostWorried", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/gift cards.spec.tsx b/packages/design-system/icons/src/components/__tests__/gift cards.spec.tsx new file mode 100644 index 0000000000..dff8b57013 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/gift cards.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import GiftCards from "../gift cards" + + describe("GiftCards", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/id-badge.spec.tsx b/packages/design-system/icons/src/components/__tests__/id-badge.spec.tsx new file mode 100644 index 0000000000..bc53910dbe --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/id-badge.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import IdBadge from "../id-badge" + + describe("IdBadge", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/linear.spec.tsx b/packages/design-system/icons/src/components/__tests__/linear.spec.tsx new file mode 100644 index 0000000000..516b9001e9 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/linear.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Linear from "../linear" + + describe("Linear", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/markdown-solid.spec.tsx b/packages/design-system/icons/src/components/__tests__/markdown-solid.spec.tsx new file mode 100644 index 0000000000..31ab5529f5 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/markdown-solid.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import MarkdownSolid from "../markdown-solid" + + describe("MarkdownSolid", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/meilisearch.spec.tsx b/packages/design-system/icons/src/components/__tests__/meilisearch.spec.tsx new file mode 100644 index 0000000000..1b02993512 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/meilisearch.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Meilisearch from "../meilisearch" + + describe("Meilisearch", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/member-bronze-badge.spec.tsx b/packages/design-system/icons/src/components/__tests__/member-bronze-badge.spec.tsx new file mode 100644 index 0000000000..fce6579d9a --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/member-bronze-badge.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import MemberBronzeBadge from "../member-bronze-badge" + + describe("MemberBronzeBadge", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/member-gold-badge.spec.tsx b/packages/design-system/icons/src/components/__tests__/member-gold-badge.spec.tsx new file mode 100644 index 0000000000..de99d42a84 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/member-gold-badge.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import MemberGoldBadge from "../member-gold-badge" + + describe("MemberGoldBadge", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/member-silver-badge.spec.tsx b/packages/design-system/icons/src/components/__tests__/member-silver-badge.spec.tsx new file mode 100644 index 0000000000..fea6ebc3d1 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/member-silver-badge.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import MemberSilverBadge from "../member-silver-badge" + + describe("MemberSilverBadge", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/minus-badge.spec.tsx b/packages/design-system/icons/src/components/__tests__/minus-badge.spec.tsx new file mode 100644 index 0000000000..386e423a54 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/minus-badge.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import MinusBadge from "../minus-badge" + + describe("MinusBadge", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/pause.spec.tsx b/packages/design-system/icons/src/components/__tests__/pause.spec.tsx new file mode 100644 index 0000000000..ae1713ef94 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/pause.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Pause from "../pause" + + describe("Pause", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/paypal.spec.tsx b/packages/design-system/icons/src/components/__tests__/paypal.spec.tsx new file mode 100644 index 0000000000..d40d12e420 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/paypal.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Paypal from "../paypal" + + describe("Paypal", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/payphone.spec.tsx b/packages/design-system/icons/src/components/__tests__/payphone.spec.tsx new file mode 100644 index 0000000000..b8e137fc61 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/payphone.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Payphone from "../payphone" + + describe("Payphone", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/progress-0.spec.tsx b/packages/design-system/icons/src/components/__tests__/progress-0.spec.tsx new file mode 100644 index 0000000000..d999154560 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/progress-0.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Progress0 from "../progress-0" + + describe("Progress0", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/progress-100.spec.tsx b/packages/design-system/icons/src/components/__tests__/progress-100.spec.tsx new file mode 100644 index 0000000000..f35edec74f --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/progress-100.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Progress100 from "../progress-100" + + describe("Progress100", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/progress-15.spec.tsx b/packages/design-system/icons/src/components/__tests__/progress-15.spec.tsx new file mode 100644 index 0000000000..c7ad989926 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/progress-15.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Progress15 from "../progress-15" + + describe("Progress15", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/progress-30.spec.tsx b/packages/design-system/icons/src/components/__tests__/progress-30.spec.tsx new file mode 100644 index 0000000000..660d7084d9 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/progress-30.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Progress30 from "../progress-30" + + describe("Progress30", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/progress-45.spec.tsx b/packages/design-system/icons/src/components/__tests__/progress-45.spec.tsx new file mode 100644 index 0000000000..25813d49fe --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/progress-45.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Progress45 from "../progress-45" + + describe("Progress45", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/progress-60.spec.tsx b/packages/design-system/icons/src/components/__tests__/progress-60.spec.tsx new file mode 100644 index 0000000000..12f8dff567 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/progress-60.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Progress60 from "../progress-60" + + describe("Progress60", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/progress-75.spec.tsx b/packages/design-system/icons/src/components/__tests__/progress-75.spec.tsx new file mode 100644 index 0000000000..81294ef379 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/progress-75.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Progress75 from "../progress-75" + + describe("Progress75", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/progress-90.spec.tsx b/packages/design-system/icons/src/components/__tests__/progress-90.spec.tsx new file mode 100644 index 0000000000..3a8aba15d9 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/progress-90.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Progress90 from "../progress-90" + + describe("Progress90", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/resend.spec.tsx b/packages/design-system/icons/src/components/__tests__/resend.spec.tsx new file mode 100644 index 0000000000..f518619e64 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/resend.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Resend from "../resend" + + describe("Resend", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/shippo.spec.tsx b/packages/design-system/icons/src/components/__tests__/shippo.spec.tsx new file mode 100644 index 0000000000..d07acfbb70 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/shippo.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Shippo from "../shippo" + + describe("Shippo", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/sidebar-left-filled.spec.tsx b/packages/design-system/icons/src/components/__tests__/sidebar-left-filled.spec.tsx new file mode 100644 index 0000000000..3317c122a6 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/sidebar-left-filled.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import SidebarLeftFilled from "../sidebar-left-filled" + + describe("SidebarLeftFilled", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/sidebar-right-filled.spec.tsx b/packages/design-system/icons/src/components/__tests__/sidebar-right-filled.spec.tsx new file mode 100644 index 0000000000..2a06959571 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/sidebar-right-filled.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import SidebarRightFilled from "../sidebar-right-filled" + + describe("SidebarRightFilled", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/sparkle-2-solid.spec.tsx b/packages/design-system/icons/src/components/__tests__/sparkle-2-solid.spec.tsx new file mode 100644 index 0000000000..fc6e778102 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/sparkle-2-solid.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Sparkle2Solid from "../sparkle-2-solid" + + describe("Sparkle2Solid", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/store credits.spec.tsx b/packages/design-system/icons/src/components/__tests__/store credits.spec.tsx new file mode 100644 index 0000000000..cd2dfea118 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/store credits.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import StoreCredits from "../store credits" + + describe("StoreCredits", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/telegram.spec.tsx b/packages/design-system/icons/src/components/__tests__/telegram.spec.tsx new file mode 100644 index 0000000000..8048db2fad --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/telegram.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import Telegram from "../telegram" + + describe("Telegram", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/__tests__/wish lists.spec.tsx b/packages/design-system/icons/src/components/__tests__/wish lists.spec.tsx new file mode 100644 index 0000000000..7555aba088 --- /dev/null +++ b/packages/design-system/icons/src/components/__tests__/wish lists.spec.tsx @@ -0,0 +1,17 @@ + import * as React from "react" + import { cleanup, render, screen } from "@testing-library/react" + + import WishLists from "../wish lists" + + describe("WishLists", () => { + it("should render the icon without errors", async () => { + render() + + + const svgElement = screen.getByTestId("icon") + + expect(svgElement).toBeInTheDocument() + + cleanup() + }) + }) \ No newline at end of file diff --git a/packages/design-system/icons/src/components/adjustments-done.tsx b/packages/design-system/icons/src/components/adjustments-done.tsx index 32e02151da..90109e390e 100644 --- a/packages/design-system/icons/src/components/adjustments-done.tsx +++ b/packages/design-system/icons/src/components/adjustments-done.tsx @@ -16,13 +16,14 @@ const AdjustmentsDone = React.forwardRef( 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" /> - + diff --git a/packages/design-system/icons/src/components/badge-check.tsx b/packages/design-system/icons/src/components/badge-check.tsx new file mode 100644 index 0000000000..f0b40d6d60 --- /dev/null +++ b/packages/design-system/icons/src/components/badge-check.tsx @@ -0,0 +1,23 @@ +import * as React from "react" +import type { IconProps } from "../types" +const BadgeCheck = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + ) + } +) +BadgeCheck.displayName = "BadgeCheck" +export default BadgeCheck diff --git a/packages/design-system/icons/src/components/bell-alert-done.tsx b/packages/design-system/icons/src/components/bell-alert-done.tsx index bcb0146c12..bfe7580fd3 100644 --- a/packages/design-system/icons/src/components/bell-alert-done.tsx +++ b/packages/design-system/icons/src/components/bell-alert-done.tsx @@ -12,13 +12,14 @@ const BellAlertDone = React.forwardRef( {...props} > - + ( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + ) + } +) +BroomSparkleSolid.displayName = "BroomSparkleSolid" +export default BroomSparkleSolid diff --git a/packages/design-system/icons/src/components/card-sparkle.tsx b/packages/design-system/icons/src/components/card-sparkle.tsx new file mode 100644 index 0000000000..b391316c17 --- /dev/null +++ b/packages/design-system/icons/src/components/card-sparkle.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { IconProps } from "../types" +const CardSparkle = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + ) + } +) +CardSparkle.displayName = "CardSparkle" +export default CardSparkle diff --git a/packages/design-system/icons/src/components/chef-hat.tsx b/packages/design-system/icons/src/components/chef-hat.tsx new file mode 100644 index 0000000000..b7361af0e8 --- /dev/null +++ b/packages/design-system/icons/src/components/chef-hat.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { IconProps } from "../types" +const ChefHat = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + ) + } +) +ChefHat.displayName = "ChefHat" +export default ChefHat diff --git a/packages/design-system/icons/src/components/circle-half-dotted-clock.tsx b/packages/design-system/icons/src/components/circle-half-dotted-clock.tsx new file mode 100644 index 0000000000..d863225cb9 --- /dev/null +++ b/packages/design-system/icons/src/components/circle-half-dotted-clock.tsx @@ -0,0 +1,44 @@ +import * as React from "react" +import type { IconProps } from "../types" +const CircleHalfDottedClock = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + + ) + } +) +CircleHalfDottedClock.displayName = "CircleHalfDottedClock" +export default CircleHalfDottedClock diff --git a/packages/design-system/icons/src/components/circle-plus.tsx b/packages/design-system/icons/src/components/circle-plus.tsx new file mode 100644 index 0000000000..f28c7d16e4 --- /dev/null +++ b/packages/design-system/icons/src/components/circle-plus.tsx @@ -0,0 +1,23 @@ +import * as React from "react" +import type { IconProps } from "../types" +const CirclePlus = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + ) + } +) +CirclePlus.displayName = "CirclePlus" +export default CirclePlus diff --git a/packages/design-system/icons/src/components/cloud-solid.tsx b/packages/design-system/icons/src/components/cloud-solid.tsx new file mode 100644 index 0000000000..80cbb03158 --- /dev/null +++ b/packages/design-system/icons/src/components/cloud-solid.tsx @@ -0,0 +1,23 @@ +import * as React from "react" +import type { IconProps } from "../types" +const CloudSolid = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + ) + } +) +CloudSolid.displayName = "CloudSolid" +export default CloudSolid diff --git a/packages/design-system/icons/src/components/code-commit.tsx b/packages/design-system/icons/src/components/code-commit.tsx index 5bcfaa10d9..89212b8c73 100644 --- a/packages/design-system/icons/src/components/code-commit.tsx +++ b/packages/design-system/icons/src/components/code-commit.tsx @@ -16,7 +16,7 @@ const CodeCommit = React.forwardRef( strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} - d="M.833 7.5h3.959M14.167 7.5h-3.959M7.5 10.209a2.708 2.708 0 1 0 0-5.417 2.708 2.708 0 0 0 0 5.417" + d="M7.5 14.167v-3.958M7.5.834v3.958M10.208 7.5a2.708 2.708 0 1 0-5.416 0 2.708 2.708 0 0 0 5.416 0" /> ) diff --git a/packages/design-system/icons/src/components/code-pull-request.tsx b/packages/design-system/icons/src/components/code-pull-request.tsx new file mode 100644 index 0000000000..6ac1eb83c1 --- /dev/null +++ b/packages/design-system/icons/src/components/code-pull-request.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { IconProps } from "../types" +const CodePullRequest = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + ) + } +) +CodePullRequest.displayName = "CodePullRequest" +export default CodePullRequest diff --git a/packages/design-system/icons/src/components/command-line.tsx b/packages/design-system/icons/src/components/command-line.tsx index a29cc4be42..7ab4f3e652 100644 --- a/packages/design-system/icons/src/components/command-line.tsx +++ b/packages/design-system/icons/src/components/command-line.tsx @@ -11,21 +11,20 @@ const CommandLine = React.forwardRef( ref={ref} {...props} > - - - - - - - - - + d="M11.278 1.944H3.722c-.982 0-1.778.796-1.778 1.778v7.556c0 .981.796 1.777 1.778 1.777h7.556c.982 0 1.778-.796 1.778-1.777V3.722c0-.982-.796-1.778-1.778-1.778M8.167 10.389h2.222" + /> + ) } diff --git a/packages/design-system/icons/src/components/draft orders.tsx b/packages/design-system/icons/src/components/draft orders.tsx new file mode 100644 index 0000000000..9d6a68faad --- /dev/null +++ b/packages/design-system/icons/src/components/draft orders.tsx @@ -0,0 +1,42 @@ +import * as React from "react" +import type { IconProps } from "../types" +const DraftOrders = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + + ) + } +) +DraftOrders.displayName = "DraftOrders" +export default DraftOrders diff --git a/packages/design-system/icons/src/components/ellipse-blue-solid.tsx b/packages/design-system/icons/src/components/ellipse-blue-solid.tsx index a2efa504be..e38c3333c7 100644 --- a/packages/design-system/icons/src/components/ellipse-blue-solid.tsx +++ b/packages/design-system/icons/src/components/ellipse-blue-solid.tsx @@ -13,7 +13,7 @@ const EllipseBlueSolid = React.forwardRef( > - + diff --git a/packages/design-system/icons/src/components/ellipse-purple-solid.tsx b/packages/design-system/icons/src/components/ellipse-purple-solid.tsx index be7601945f..fadf321d70 100644 --- a/packages/design-system/icons/src/components/ellipse-purple-solid.tsx +++ b/packages/design-system/icons/src/components/ellipse-purple-solid.tsx @@ -13,7 +13,7 @@ const EllipsePurpleSolid = React.forwardRef( > - + diff --git a/packages/design-system/icons/src/components/exclamation-circle.tsx b/packages/design-system/icons/src/components/exclamation-circle.tsx index fd1fe4258f..e4b46b4e1c 100644 --- a/packages/design-system/icons/src/components/exclamation-circle.tsx +++ b/packages/design-system/icons/src/components/exclamation-circle.tsx @@ -20,7 +20,7 @@ const ExclamationCircle = React.forwardRef( /> diff --git a/packages/design-system/icons/src/components/eye.tsx b/packages/design-system/icons/src/components/eye.tsx index d8ed36de86..7ec4bab59e 100644 --- a/packages/design-system/icons/src/components/eye.tsx +++ b/packages/design-system/icons/src/components/eye.tsx @@ -11,9 +11,15 @@ const Eye = React.forwardRef( ref={ref} {...props} > - - - + + + diff --git a/packages/design-system/icons/src/components/face-crossed-out-eyes.tsx b/packages/design-system/icons/src/components/face-crossed-out-eyes.tsx new file mode 100644 index 0000000000..3adfb0158d --- /dev/null +++ b/packages/design-system/icons/src/components/face-crossed-out-eyes.tsx @@ -0,0 +1,30 @@ +import * as React from "react" +import type { IconProps } from "../types" +const FaceCrossedOutEyes = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + ) + } +) +FaceCrossedOutEyes.displayName = "FaceCrossedOutEyes" +export default FaceCrossedOutEyes diff --git a/packages/design-system/icons/src/components/face-smile.tsx b/packages/design-system/icons/src/components/face-smile.tsx index 024295349b..ec93f84ae2 100644 --- a/packages/design-system/icons/src/components/face-smile.tsx +++ b/packages/design-system/icons/src/components/face-smile.tsx @@ -24,7 +24,7 @@ const FaceSmile = React.forwardRef( strokeWidth={1.5} d="M10.832 9.278a3.78 3.78 0 0 1-3.332 2 3.78 3.78 0 0 1-3.332-2" /> - + diff --git a/packages/design-system/icons/src/components/featured-badge.tsx b/packages/design-system/icons/src/components/featured-badge.tsx index 9dc9ec2f52..f54c2bb877 100644 --- a/packages/design-system/icons/src/components/featured-badge.tsx +++ b/packages/design-system/icons/src/components/featured-badge.tsx @@ -11,15 +11,15 @@ const FeaturedBadge = React.forwardRef( ref={ref} {...props} > - + ( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + ) + } +) +FireSolid.displayName = "FireSolid" +export default FireSolid diff --git a/packages/design-system/icons/src/components/fire.tsx b/packages/design-system/icons/src/components/fire.tsx new file mode 100644 index 0000000000..6912e925af --- /dev/null +++ b/packages/design-system/icons/src/components/fire.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Fire = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + ) + } +) +Fire.displayName = "Fire" +export default Fire diff --git a/packages/design-system/icons/src/components/folder-illustration.tsx b/packages/design-system/icons/src/components/folder-illustration.tsx index c044647112..7f045101e3 100644 --- a/packages/design-system/icons/src/components/folder-illustration.tsx +++ b/packages/design-system/icons/src/components/folder-illustration.tsx @@ -30,7 +30,7 @@ const FolderIllustration = React.forwardRef( strokeLinejoin="round" strokeOpacity={0.15} strokeWidth={0.5} - d="M7.034 2.955a.25.25 0 0 0 .196.093h4.387c1.142 0 2.068.926 2.068 2.069v6.066a2.07 2.07 0 0 1-2.068 2.069H3.383a2.07 2.07 0 0 1-2.068-2.069V3.817c0-1.143.926-2.069 2.068-2.069h1.691c.628 0 1.22.285 1.613.774z" + d="M3.383 1.748h1.69c.55 0 1.073.218 1.458.6l.156.174.348.432a.25.25 0 0 0 .195.094h4.387c1.142 0 2.068.926 2.068 2.069v6.066a2.07 2.07 0 0 1-2.068 2.068H3.383a2.07 2.07 0 0 1-2.068-2.068V3.817c0-1.143.926-2.069 2.068-2.069" /> ( strokeLinejoin="round" strokeOpacity={0.15} strokeWidth={0.5} - d="M7.034 2.922a.25.25 0 0 0 .196.094h4.387c1.142 0 2.068.926 2.068 2.068v6.067a2.07 2.07 0 0 1-2.068 2.068H3.383a2.07 2.07 0 0 1-2.068-2.068V3.784c0-1.142.926-2.068 2.068-2.068h1.691c.628 0 1.22.284 1.613.773z" + d="M3.383 1.716h1.69c.55 0 1.073.218 1.458.6l.156.173.348.433a.25.25 0 0 0 .195.094h4.387c1.142 0 2.068.926 2.068 2.068v6.067a2.07 2.07 0 0 1-2.068 2.068H3.383a2.07 2.07 0 0 1-2.068-2.068V3.783c0-1.142.926-2.068 2.068-2.068" /> ( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + ) + } +) +FunnelPlus.displayName = "FunnelPlus" +export default FunnelPlus diff --git a/packages/design-system/icons/src/components/gauge-sparkle.tsx b/packages/design-system/icons/src/components/gauge-sparkle.tsx new file mode 100644 index 0000000000..bc8bd64ce4 --- /dev/null +++ b/packages/design-system/icons/src/components/gauge-sparkle.tsx @@ -0,0 +1,37 @@ +import * as React from "react" +import type { IconProps } from "../types" +const GaugeSparkle = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + ) + } +) +GaugeSparkle.displayName = "GaugeSparkle" +export default GaugeSparkle diff --git a/packages/design-system/icons/src/components/ghost-worried.tsx b/packages/design-system/icons/src/components/ghost-worried.tsx new file mode 100644 index 0000000000..9d91f04086 --- /dev/null +++ b/packages/design-system/icons/src/components/ghost-worried.tsx @@ -0,0 +1,30 @@ +import * as React from "react" +import type { IconProps } from "../types" +const GhostWorried = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + ) + } +) +GhostWorried.displayName = "GhostWorried" +export default GhostWorried diff --git a/packages/design-system/icons/src/components/gift cards.tsx b/packages/design-system/icons/src/components/gift cards.tsx new file mode 100644 index 0000000000..2b1972bfae --- /dev/null +++ b/packages/design-system/icons/src/components/gift cards.tsx @@ -0,0 +1,46 @@ +import * as React from "react" +import type { IconProps } from "../types" +const GiftCards = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + + + ) + } +) +GiftCards.displayName = "GiftCards" +export default GiftCards diff --git a/packages/design-system/icons/src/components/github.tsx b/packages/design-system/icons/src/components/github.tsx index 1c4e666235..d94f39b253 100644 --- a/packages/design-system/icons/src/components/github.tsx +++ b/packages/design-system/icons/src/components/github.tsx @@ -1,22 +1,38 @@ import * as React from "react" import type { IconProps } from "../types" -const Github = React.forwardRef>( - (props, ref) => { +const Github = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { return ( + + + + + + + + + ) } diff --git a/packages/design-system/icons/src/components/id-badge.tsx b/packages/design-system/icons/src/components/id-badge.tsx new file mode 100644 index 0000000000..f13c3d00c4 --- /dev/null +++ b/packages/design-system/icons/src/components/id-badge.tsx @@ -0,0 +1,37 @@ +import * as React from "react" +import type { IconProps } from "../types" +const IdBadge = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + ) + } +) +IdBadge.displayName = "IdBadge" +export default IdBadge diff --git a/packages/design-system/icons/src/components/index.ts b/packages/design-system/icons/src/components/index.ts index 273c1e2274..874269e604 100644 --- a/packages/design-system/icons/src/components/index.ts +++ b/packages/design-system/icons/src/components/index.ts @@ -1,4 +1,5 @@ // This file is generated automatically. +export { default as WIP } from "./WIP" export { default as AcademicCapSolid } from "./academic-cap-solid" export { default as AcademicCap } from "./academic-cap" export { default as AdjustmentsDone } from "./adjustments-done" @@ -40,6 +41,7 @@ export { default as ArrowsPointingOut } from "./arrows-pointing-out" export { default as ArrowsReduceDiagonal } from "./arrows-reduce-diagonal" export { default as AtSymbol } from "./at-symbol" export { default as BackwardSolid } from "./backward-solid" +export { default as BadgeCheck } from "./badge-check" export { default as BarsArrowDown } from "./bars-arrow-down" export { default as BarsThree } from "./bars-three" export { default as Beaker } from "./beaker" @@ -53,6 +55,7 @@ export { default as Book } from "./book" export { default as Bookmarks } from "./bookmarks" export { default as BottomToTop } from "./bottom-to-top" export { default as Brackets } from "./brackets" +export { default as BroomSparkleSolid } from "./broom-sparkle-solid" export { default as BroomSparkle } from "./broom-sparkle" export { default as BugAntSolid } from "./bug-ant-solid" export { default as Bug } from "./bug" @@ -66,6 +69,7 @@ export { default as CalendarMini } from "./calendar-mini" export { default as CalendarSolid } from "./calendar-solid" export { default as Calendar } from "./calendar" export { default as Camera } from "./camera" +export { default as CardSparkle } from "./card-sparkle" export { default as CaretMaximizeDiagonal } from "./caret-maximize-diagonal" export { default as CaretMinimizeDiagonal } from "./caret-minimize-diagonal" export { default as CashSolid } from "./cash-solid" @@ -82,6 +86,7 @@ export { default as CheckCircleSolid } from "./check-circle-solid" export { default as CheckCircle } from "./check-circle" export { default as CheckMini } from "./check-mini" export { default as Check } from "./check" +export { default as ChefHat } from "./chef-hat" export { default as ChevronDoubleLeftMiniSolid } from "./chevron-double-left-mini-solid" export { default as ChevronDoubleLeft } from "./chevron-double-left" export { default as ChevronDoubleRightMiniSolid } from "./chevron-double-right-mini-solid" @@ -97,10 +102,12 @@ export { default as ChevronUpMini } from "./chevron-up-mini" export { default as CircleArrowUp } from "./circle-arrow-up" export { default as CircleDottedLine } from "./circle-dotted-line" export { default as CircleFilledSolid } from "./circle-filled-solid" +export { default as CircleHalfDottedClock } from "./circle-half-dotted-clock" export { default as CircleHalfSolid } from "./circle-half-solid" export { default as CircleMiniFilledSolid } from "./circle-mini-filled-solid" export { default as CircleMiniSolid } from "./circle-mini-solid" export { default as CircleMinus } from "./circle-minus" +export { default as CirclePlus } from "./circle-plus" export { default as CircleQuarterSolid } from "./circle-quarter-solid" export { default as CircleSliders } from "./circle-sliders" export { default as CircleSolid } from "./circle-solid" @@ -114,8 +121,10 @@ export { default as Clock } from "./clock" export { default as CloneDashed } from "./clone-dashed" export { default as CloudArrowDown } from "./cloud-arrow-down" export { default as CloudArrowUp } from "./cloud-arrow-up" +export { default as CloudSolid } from "./cloud-solid" export { default as CodeCommit } from "./code-commit" export { default as CodeMerge } from "./code-merge" +export { default as CodePullRequest } from "./code-pull-request" export { default as CogSixToothSolid } from "./cog-six-tooth-solid" export { default as CogSixTooth } from "./cog-six-tooth" export { default as CommandLineSolid } from "./command-line-solid" @@ -138,6 +147,7 @@ export { default as DocumentSeries } from "./document-series" export { default as DocumentTextSolid } from "./document-text-solid" export { default as DocumentText } from "./document-text" export { default as DotsSix } from "./dots-six" +export { default as DraftOrders } from "./draft orders" export { default as DropCap } from "./drop-cap" export { default as EllipseBlueSolid } from "./ellipse-blue-solid" export { default as EllipseGreenSolid } from "./ellipse-green-solid" @@ -158,10 +168,13 @@ export { default as EyeMini } from "./eye-mini" export { default as EyeSlashMini } from "./eye-slash-mini" export { default as EyeSlash } from "./eye-slash" export { default as Eye } from "./eye" +export { default as FaceCrossedOutEyes } from "./face-crossed-out-eyes" export { default as FaceSmile } from "./face-smile" export { default as Facebook } from "./facebook" export { default as FeaturedBadge } from "./featured-badge" export { default as Figma } from "./figma" +export { default as FireSolid } from "./fire-solid" +export { default as Fire } from "./fire" export { default as FlagMini } from "./flag-mini" export { default as FlyingBox } from "./flying-box" export { default as FolderIllustration } from "./folder-illustration" @@ -169,9 +182,13 @@ export { default as FolderOpenIllustration } from "./folder-open-illustration" export { default as FolderOpen } from "./folder-open" export { default as Folder } from "./folder" export { default as ForwardSolid } from "./forward-solid" +export { default as FunnelPlus } from "./funnel-plus" export { default as Funnel } from "./funnel" export { default as GatsbyEx } from "./gatsby-ex" export { default as Gatsby } from "./gatsby" +export { default as GaugeSparkle } from "./gauge-sparkle" +export { default as GhostWorried } from "./ghost-worried" +export { default as GiftCards } from "./gift cards" export { default as GiftSolid } from "./gift-solid" export { default as Gift } from "./gift" export { default as Github } from "./github" @@ -187,6 +204,7 @@ export { default as Heart } from "./heart" export { default as History } from "./history" export { default as HouseStar } from "./house-star" export { default as House } from "./house" +export { default as IdBadge } from "./id-badge" export { default as InboxSolid } from "./inbox-solid" export { default as InformationCircleSolid } from "./information-circle-solid" export { default as InformationCircle } from "./information-circle" @@ -202,6 +220,7 @@ export { default as Levels } from "./levels" export { default as Lifebuoy } from "./lifebuoy" export { default as LightBulbSolid } from "./light-bulb-solid" export { default as LightBulb } from "./light-bulb" +export { default as Linear } from "./linear" export { default as Link } from "./link" export { default as Linkedin } from "./linkedin" export { default as ListBullet } from "./list-bullet" @@ -216,10 +235,16 @@ export { default as MagnifyingGlassMini } from "./magnifying-glass-mini" export { default as MagnifyingGlass } from "./magnifying-glass" export { default as MapPin } from "./map-pin" export { default as Map } from "./map" +export { default as MarkdownSolid } from "./markdown-solid" export { default as Mastercard } from "./mastercard" export { default as MediaPlay } from "./media-play" export { default as Medusa } from "./medusa" +export { default as Meilisearch } from "./meilisearch" +export { default as MemberBronzeBadge } from "./member-bronze-badge" +export { default as MemberGoldBadge } from "./member-gold-badge" +export { default as MemberSilverBadge } from "./member-silver-badge" export { default as Meta } from "./meta" +export { default as MinusBadge } from "./minus-badge" export { default as MinusMini } from "./minus-mini" export { default as Minus } from "./minus" export { default as MoonSolid } from "./moon-solid" @@ -230,6 +255,9 @@ export { default as OpenRectArrowOut } from "./open-rect-arrow-out" export { default as PaperClip } from "./paper-clip" export { default as Party } from "./party" export { default as PauseSolid } from "./pause-solid" +export { default as Pause } from "./pause" +export { default as Paypal } from "./paypal" +export { default as Payphone } from "./payphone" export { default as PenPlus } from "./pen-plus" export { default as PencilSquareSolid } from "./pencil-square-solid" export { default as PencilSquare } from "./pencil-square" @@ -241,6 +269,14 @@ export { default as PlayMiniSolid } from "./play-mini-solid" export { default as PlaySolid } from "./play-solid" export { default as PlusMini } from "./plus-mini" export { default as Plus } from "./plus" +export { default as Progress0 } from "./progress-0" +export { default as Progress100 } from "./progress-100" +export { default as Progress15 } from "./progress-15" +export { default as Progress30 } from "./progress-30" +export { default as Progress45 } from "./progress-45" +export { default as Progress60 } from "./progress-60" +export { default as Progress75 } from "./progress-75" +export { default as Progress90 } from "./progress-90" export { default as PuzzleSolid } from "./puzzle-solid" export { default as Puzzle } from "./puzzle" export { default as QuestionMarkCircle } from "./question-mark-circle" @@ -252,6 +288,7 @@ export { default as ReceiptPercent } from "./receipt-percent" export { default as Receipt } from "./receipt" export { default as Reduce } from "./reduce" export { default as ReplaySolid } from "./replay-solid" +export { default as Resend } from "./resend" export { default as Resize } from "./resize" export { default as RocketLaunchSolid } from "./rocket-launch-solid" export { default as RocketLaunch } from "./rocket-launch" @@ -266,14 +303,18 @@ export { default as Server } from "./server" export { default as Share } from "./share" export { default as ShieldCheck } from "./shield-check" export { default as Shipbob } from "./shipbob" +export { default as Shippo } from "./shippo" export { default as ShoppingBag } from "./shopping-bag" export { default as ShoppingCartSolid } from "./shopping-cart-solid" export { default as ShoppingCart } from "./shopping-cart" export { default as Shopping } from "./shopping" +export { default as SidebarLeftFilled } from "./sidebar-left-filled" export { default as SidebarLeft } from "./sidebar-left" +export { default as SidebarRightFilled } from "./sidebar-right-filled" export { default as SidebarRight } from "./sidebar-right" export { default as Slack } from "./slack" export { default as Snooze } from "./snooze" +export { default as Sparkle2Solid } from "./sparkle-2-solid" export { default as SparklesMiniSolid } from "./sparkles-mini-solid" export { default as SparklesMini } from "./sparkles-mini" export { default as SparklesSolid } from "./sparkles-solid" @@ -294,6 +335,7 @@ export { default as StackPerspective } from "./stack-perspective" export { default as StarSolid } from "./star-solid" export { default as Star } from "./star" export { default as Stopwatch } from "./stopwatch" +export { default as StoreCredits } from "./store credits" export { default as Stripe } from "./stripe" export { default as SunSolid } from "./sun-solid" export { default as Sun } from "./sun" @@ -306,6 +348,7 @@ export { default as Tailwind } from "./tailwind" export { default as Target } from "./target" export { default as TaxExclusive } from "./tax-exclusive" export { default as TaxInclusive } from "./tax-inclusive" +export { default as Telegram } from "./telegram" export { default as TextHighlight } from "./text-highlight" export { default as Text } from "./text" export { default as ThumbDown } from "./thumb-down" @@ -337,6 +380,7 @@ export { default as Visa } from "./visa" export { default as WandSparkle } from "./wand-sparkle" export { default as Webshipper } from "./webshipper" export { default as Window } from "./window" +export { default as WishLists } from "./wish lists" export { default as XCircleSolid } from "./x-circle-solid" export { default as XCircle } from "./x-circle" export { default as XMarkMini } from "./x-mark-mini" diff --git a/packages/design-system/icons/src/components/key.tsx b/packages/design-system/icons/src/components/key.tsx index a470834dfb..d5d86917e6 100644 --- a/packages/design-system/icons/src/components/key.tsx +++ b/packages/design-system/icons/src/components/key.tsx @@ -18,7 +18,7 @@ const Key = React.forwardRef( strokeWidth={1.5} d="m1.345 13.497.158-2.53L6.739 5.73a3.6 3.6 0 0 1-.128-.897 3.556 3.556 0 1 1 3.556 3.556c-.322 0-.629-.057-.926-.137L7.5 9.944h-2v2l-1.462 1.559z" /> - + diff --git a/packages/design-system/icons/src/components/linear.tsx b/packages/design-system/icons/src/components/linear.tsx new file mode 100644 index 0000000000..b1caabe109 --- /dev/null +++ b/packages/design-system/icons/src/components/linear.tsx @@ -0,0 +1,30 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Linear = React.forwardRef>( + (props, ref) => { + return ( + + + + + + + + + + + ) + } +) +Linear.displayName = "Linear" +export default Linear diff --git a/packages/design-system/icons/src/components/loader.tsx b/packages/design-system/icons/src/components/loader.tsx index 89152c8dfb..66ff8c0152 100644 --- a/packages/design-system/icons/src/components/loader.tsx +++ b/packages/design-system/icons/src/components/loader.tsx @@ -18,14 +18,14 @@ const Loader = React.forwardRef( strokeWidth={1.5} clipPath="url(#a)" > - - - - - - - - + + + + + + + + diff --git a/packages/design-system/icons/src/components/markdown-solid.tsx b/packages/design-system/icons/src/components/markdown-solid.tsx new file mode 100644 index 0000000000..d414c8273f --- /dev/null +++ b/packages/design-system/icons/src/components/markdown-solid.tsx @@ -0,0 +1,23 @@ +import * as React from "react" +import type { IconProps } from "../types" +const MarkdownSolid = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + ) + } +) +MarkdownSolid.displayName = "MarkdownSolid" +export default MarkdownSolid diff --git a/packages/design-system/icons/src/components/mastercard.tsx b/packages/design-system/icons/src/components/mastercard.tsx index a8362d4375..38b3b123d5 100644 --- a/packages/design-system/icons/src/components/mastercard.tsx +++ b/packages/design-system/icons/src/components/mastercard.tsx @@ -1,25 +1,40 @@ import * as React from "react" import type { IconProps } from "../types" -const Mastercard = React.forwardRef>( - (props, ref) => { +const Mastercard = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { return ( - + + + + + + + + + ) } diff --git a/packages/design-system/icons/src/components/medusa.tsx b/packages/design-system/icons/src/components/medusa.tsx index 64d4957892..c3600f80a4 100644 --- a/packages/design-system/icons/src/components/medusa.tsx +++ b/packages/design-system/icons/src/components/medusa.tsx @@ -1,20 +1,35 @@ import * as React from "react" import type { IconProps } from "../types" -const Medusa = React.forwardRef>( - (props, ref) => { +const Medusa = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { return ( + + + + + + + + ) } diff --git a/packages/design-system/icons/src/components/meilisearch.tsx b/packages/design-system/icons/src/components/meilisearch.tsx new file mode 100644 index 0000000000..5c1a9de45d --- /dev/null +++ b/packages/design-system/icons/src/components/meilisearch.tsx @@ -0,0 +1,38 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Meilisearch = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Meilisearch.displayName = "Meilisearch" +export default Meilisearch diff --git a/packages/design-system/icons/src/components/member-bronze-badge.tsx b/packages/design-system/icons/src/components/member-bronze-badge.tsx new file mode 100644 index 0000000000..9a8983ebf3 --- /dev/null +++ b/packages/design-system/icons/src/components/member-bronze-badge.tsx @@ -0,0 +1,58 @@ +import * as React from "react" +import type { IconProps } from "../types" +const MemberBronzeBadge = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + + + ) + } +) +MemberBronzeBadge.displayName = "MemberBronzeBadge" +export default MemberBronzeBadge diff --git a/packages/design-system/icons/src/components/member-gold-badge.tsx b/packages/design-system/icons/src/components/member-gold-badge.tsx new file mode 100644 index 0000000000..bd1aa7d039 --- /dev/null +++ b/packages/design-system/icons/src/components/member-gold-badge.tsx @@ -0,0 +1,58 @@ +import * as React from "react" +import type { IconProps } from "../types" +const MemberGoldBadge = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + + + ) + } +) +MemberGoldBadge.displayName = "MemberGoldBadge" +export default MemberGoldBadge diff --git a/packages/design-system/icons/src/components/member-silver-badge.tsx b/packages/design-system/icons/src/components/member-silver-badge.tsx new file mode 100644 index 0000000000..7f43de9ecd --- /dev/null +++ b/packages/design-system/icons/src/components/member-silver-badge.tsx @@ -0,0 +1,58 @@ +import * as React from "react" +import type { IconProps } from "../types" +const MemberSilverBadge = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + + + ) + } +) +MemberSilverBadge.displayName = "MemberSilverBadge" +export default MemberSilverBadge diff --git a/packages/design-system/icons/src/components/minus-badge.tsx b/packages/design-system/icons/src/components/minus-badge.tsx new file mode 100644 index 0000000000..9cc9b2dc8b --- /dev/null +++ b/packages/design-system/icons/src/components/minus-badge.tsx @@ -0,0 +1,46 @@ +import * as React from "react" +import type { IconProps } from "../types" +const MinusBadge = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + + ) + } +) +MinusBadge.displayName = "MinusBadge" +export default MinusBadge diff --git a/packages/design-system/icons/src/components/pause.tsx b/packages/design-system/icons/src/components/pause.tsx new file mode 100644 index 0000000000..a26e0f3647 --- /dev/null +++ b/packages/design-system/icons/src/components/pause.tsx @@ -0,0 +1,26 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Pause = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + ) + } +) +Pause.displayName = "Pause" +export default Pause diff --git a/packages/design-system/icons/src/components/paypal.tsx b/packages/design-system/icons/src/components/paypal.tsx new file mode 100644 index 0000000000..502211aeaa --- /dev/null +++ b/packages/design-system/icons/src/components/paypal.tsx @@ -0,0 +1,46 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Paypal = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + + + ) + } +) +Paypal.displayName = "Paypal" +export default Paypal diff --git a/packages/design-system/icons/src/components/payphone.tsx b/packages/design-system/icons/src/components/payphone.tsx new file mode 100644 index 0000000000..8a7362528d --- /dev/null +++ b/packages/design-system/icons/src/components/payphone.tsx @@ -0,0 +1,41 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Payphone = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Payphone.displayName = "Payphone" +export default Payphone diff --git a/packages/design-system/icons/src/components/progress-0.tsx b/packages/design-system/icons/src/components/progress-0.tsx new file mode 100644 index 0000000000..44ba8f7375 --- /dev/null +++ b/packages/design-system/icons/src/components/progress-0.tsx @@ -0,0 +1,27 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Progress0 = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + ) + } +) +Progress0.displayName = "Progress0" +export default Progress0 diff --git a/packages/design-system/icons/src/components/progress-100.tsx b/packages/design-system/icons/src/components/progress-100.tsx new file mode 100644 index 0000000000..7d779153fb --- /dev/null +++ b/packages/design-system/icons/src/components/progress-100.tsx @@ -0,0 +1,31 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Progress100 = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Progress100.displayName = "Progress100" +export default Progress100 diff --git a/packages/design-system/icons/src/components/progress-15.tsx b/packages/design-system/icons/src/components/progress-15.tsx new file mode 100644 index 0000000000..ad76b003d0 --- /dev/null +++ b/packages/design-system/icons/src/components/progress-15.tsx @@ -0,0 +1,31 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Progress15 = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Progress15.displayName = "Progress15" +export default Progress15 diff --git a/packages/design-system/icons/src/components/progress-30.tsx b/packages/design-system/icons/src/components/progress-30.tsx new file mode 100644 index 0000000000..cf919988b5 --- /dev/null +++ b/packages/design-system/icons/src/components/progress-30.tsx @@ -0,0 +1,31 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Progress30 = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Progress30.displayName = "Progress30" +export default Progress30 diff --git a/packages/design-system/icons/src/components/progress-45.tsx b/packages/design-system/icons/src/components/progress-45.tsx new file mode 100644 index 0000000000..a9243ad80b --- /dev/null +++ b/packages/design-system/icons/src/components/progress-45.tsx @@ -0,0 +1,31 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Progress45 = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Progress45.displayName = "Progress45" +export default Progress45 diff --git a/packages/design-system/icons/src/components/progress-60.tsx b/packages/design-system/icons/src/components/progress-60.tsx new file mode 100644 index 0000000000..ecf5ac866d --- /dev/null +++ b/packages/design-system/icons/src/components/progress-60.tsx @@ -0,0 +1,31 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Progress60 = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Progress60.displayName = "Progress60" +export default Progress60 diff --git a/packages/design-system/icons/src/components/progress-75.tsx b/packages/design-system/icons/src/components/progress-75.tsx new file mode 100644 index 0000000000..8603ed475c --- /dev/null +++ b/packages/design-system/icons/src/components/progress-75.tsx @@ -0,0 +1,31 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Progress75 = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Progress75.displayName = "Progress75" +export default Progress75 diff --git a/packages/design-system/icons/src/components/progress-90.tsx b/packages/design-system/icons/src/components/progress-90.tsx new file mode 100644 index 0000000000..061653a0c7 --- /dev/null +++ b/packages/design-system/icons/src/components/progress-90.tsx @@ -0,0 +1,31 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Progress90 = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Progress90.displayName = "Progress90" +export default Progress90 diff --git a/packages/design-system/icons/src/components/resend.tsx b/packages/design-system/icons/src/components/resend.tsx new file mode 100644 index 0000000000..43f483f5c2 --- /dev/null +++ b/packages/design-system/icons/src/components/resend.tsx @@ -0,0 +1,38 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Resend = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Resend.displayName = "Resend" +export default Resend diff --git a/packages/design-system/icons/src/components/shippo.tsx b/packages/design-system/icons/src/components/shippo.tsx new file mode 100644 index 0000000000..4dacf720ea --- /dev/null +++ b/packages/design-system/icons/src/components/shippo.tsx @@ -0,0 +1,40 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Shippo = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Shippo.displayName = "Shippo" +export default Shippo diff --git a/packages/design-system/icons/src/components/sidebar-left-filled.tsx b/packages/design-system/icons/src/components/sidebar-left-filled.tsx new file mode 100644 index 0000000000..f6b5a5cef6 --- /dev/null +++ b/packages/design-system/icons/src/components/sidebar-left-filled.tsx @@ -0,0 +1,41 @@ +import * as React from "react" +import type { IconProps } from "../types" +const SidebarLeftFilled = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +SidebarLeftFilled.displayName = "SidebarLeftFilled" +export default SidebarLeftFilled diff --git a/packages/design-system/icons/src/components/sidebar-right-filled.tsx b/packages/design-system/icons/src/components/sidebar-right-filled.tsx new file mode 100644 index 0000000000..7d8cad8f5e --- /dev/null +++ b/packages/design-system/icons/src/components/sidebar-right-filled.tsx @@ -0,0 +1,41 @@ +import * as React from "react" +import type { IconProps } from "../types" +const SidebarRightFilled = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +SidebarRightFilled.displayName = "SidebarRightFilled" +export default SidebarRightFilled diff --git a/packages/design-system/icons/src/components/sparkle-2-solid.tsx b/packages/design-system/icons/src/components/sparkle-2-solid.tsx new file mode 100644 index 0000000000..283c58b9d2 --- /dev/null +++ b/packages/design-system/icons/src/components/sparkle-2-solid.tsx @@ -0,0 +1,29 @@ +import * as React from "react" +import type { IconProps } from "../types" +const Sparkle2Solid = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + ) + } +) +Sparkle2Solid.displayName = "Sparkle2Solid" +export default Sparkle2Solid diff --git a/packages/design-system/icons/src/components/sparkles-mini.tsx b/packages/design-system/icons/src/components/sparkles-mini.tsx index 580e5cd12a..7c25526734 100644 --- a/packages/design-system/icons/src/components/sparkles-mini.tsx +++ b/packages/design-system/icons/src/components/sparkles-mini.tsx @@ -14,7 +14,7 @@ const SparklesMini = React.forwardRef( ( ( strokeWidth={1.5} clipPath="url(#a)" > - - - - - - - - + + + + + + + + diff --git a/packages/design-system/icons/src/components/square-blue-solid.tsx b/packages/design-system/icons/src/components/square-blue-solid.tsx index d03e862473..cf17600681 100644 --- a/packages/design-system/icons/src/components/square-blue-solid.tsx +++ b/packages/design-system/icons/src/components/square-blue-solid.tsx @@ -11,7 +11,7 @@ const SquareBlueSolid = React.forwardRef( ref={ref} {...props} > - + ( ref={ref} {...props} > - + ( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +StoreCredits.displayName = "StoreCredits" +export default StoreCredits diff --git a/packages/design-system/icons/src/components/stripe.tsx b/packages/design-system/icons/src/components/stripe.tsx index 86bc331ca7..f571c24052 100644 --- a/packages/design-system/icons/src/components/stripe.tsx +++ b/packages/design-system/icons/src/components/stripe.tsx @@ -1,22 +1,37 @@ import * as React from "react" import type { IconProps } from "../types" -const Stripe = React.forwardRef>( - (props, ref) => { +const Stripe = React.forwardRef( + ({ color = "currentColor", ...props }, ref) => { return ( + + + + + + + + ) } diff --git a/packages/design-system/icons/src/components/tag-illustration.tsx b/packages/design-system/icons/src/components/tag-illustration.tsx index 6ef19bee5b..5fede9f5ef 100644 --- a/packages/design-system/icons/src/components/tag-illustration.tsx +++ b/packages/design-system/icons/src/components/tag-illustration.tsx @@ -26,7 +26,7 @@ const TagIllustration = React.forwardRef( stroke="#000" strokeOpacity={0.15} strokeWidth={0.5} - d="M6.863 12.687 2.313 8.137a1.9 1.9 0 0 1-.564-1.361V2.884c0-.625.509-1.134 1.134-1.134h3.893c.515 0 .997.2 1.361.564l4.549 4.548c.363.364.563.847.563 1.361 0 .515-.2.998-.563 1.361l-3.103 3.103a1.9 1.9 0 0 1-1.36.563c-.515 0-.998-.2-1.361-.563Z" + d="M2.884 1.75h3.892c.515 0 .998.2 1.363.564l4.548 4.548c.363.364.563.847.563 1.362 0 .45-.153.876-.435 1.218l-.128.142-3.103 3.103a1.9 1.9 0 0 1-1.36.563c-.45 0-.877-.152-1.22-.435l-.142-.128-4.548-4.548a1.91 1.91 0 0 1-.564-1.363V2.884c0-.625.509-1.134 1.134-1.134Z" /> ( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + ) + } +) +Telegram.displayName = "Telegram" +export default Telegram diff --git a/packages/design-system/icons/src/components/thumbnail-badge.tsx b/packages/design-system/icons/src/components/thumbnail-badge.tsx index 8b407b878d..669e8b8ded 100644 --- a/packages/design-system/icons/src/components/thumbnail-badge.tsx +++ b/packages/design-system/icons/src/components/thumbnail-badge.tsx @@ -11,15 +11,15 @@ const ThumbnailBadge = React.forwardRef( ref={ref} {...props} > - + diff --git a/packages/design-system/icons/src/components/verified-badge.tsx b/packages/design-system/icons/src/components/verified-badge.tsx index f860f6fdaa..cc21cad2b3 100644 --- a/packages/design-system/icons/src/components/verified-badge.tsx +++ b/packages/design-system/icons/src/components/verified-badge.tsx @@ -12,7 +12,7 @@ const VerifiedBadge = React.forwardRef( {...props} > ( ( + ({ color = "currentColor", ...props }, ref) => { + return ( + + + + + + + + + + + + + ) + } +) +WishLists.displayName = "WishLists" +export default WishLists diff --git a/packages/design-system/ui-preset/src/theme/extension/theme.ts b/packages/design-system/ui-preset/src/theme/extension/theme.ts index f0c6f2a3a0..e037d1aea1 100644 --- a/packages/design-system/ui-preset/src/theme/extension/theme.ts +++ b/packages/design-system/ui-preset/src/theme/extension/theme.ts @@ -313,13 +313,10 @@ export const theme = { } }, "boxShadow": { - "borders-interactive-with-active": "var(--borders-interactive-with-active)", "buttons-danger-focus": "var(--buttons-danger-focus)", "details-contrast-on-bg-interactive": "var(--details-contrast-on-bg-interactive)", - "borders-interactive-with-focus": "var(--borders-interactive-with-focus)", "borders-error": "var(--borders-error)", "borders-focus": "var(--borders-focus)", - "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)", "buttons-danger": "var(--buttons-danger)", "buttons-inverted-focus": "var(--buttons-inverted-focus)", "elevation-card-hover": "var(--elevation-card-hover)", @@ -335,7 +332,10 @@ export const theme = { "elevation-modal": "var(--elevation-modal)", "elevation-code-block": "var(--elevation-code-block)", "buttons-inverted": "var(--buttons-inverted)", - "elevation-commandbar": "var(--elevation-commandbar)" + "elevation-commandbar": "var(--elevation-commandbar)", + "borders-interactive-with-focus": "var(--borders-interactive-with-focus)", + "borders-interactive-with-shadow": "var(--borders-interactive-with-shadow)", + "borders-interactive-with-active": "var(--borders-interactive-with-active)" } } } \ No newline at end of file diff --git a/packages/design-system/ui-preset/src/theme/tokens/colors.ts b/packages/design-system/ui-preset/src/theme/tokens/colors.ts index 210b2769b0..fd146c0cde 100644 --- a/packages/design-system/ui-preset/src/theme/tokens/colors.ts +++ b/packages/design-system/ui-preset/src/theme/tokens/colors.ts @@ -180,7 +180,7 @@ export const colors = { "--bg-overlay": "rgba(24, 24, 27, 0.4)", "--fg-disabled": "rgba(161, 161, 170, 1)", "--fg-muted": "rgba(113, 113, 122, 1)", - "--alpha-400": "rgba(24, 24, 27, 0.24)", - "--alpha-250": "rgba(24, 24, 27, 0.1)" + "--alpha-250": "rgba(24, 24, 27, 0.1)", + "--alpha-400": "rgba(24, 24, 27, 0.24)" } } \ No newline at end of file diff --git a/packages/design-system/ui-preset/src/theme/tokens/effects.ts b/packages/design-system/ui-preset/src/theme/tokens/effects.ts index 2ce5f5f457..157a40a6da 100644 --- a/packages/design-system/ui-preset/src/theme/tokens/effects.ts +++ b/packages/design-system/ui-preset/src/theme/tokens/effects.ts @@ -1,11 +1,9 @@ export const effects = { "dark": { - "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)", "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)", "--details-switch-handle": "0px 0px 2px 1px rgba(255, 255, 255, 1) inset, 0px 1px 0px 0px rgba(255, 255, 255, 1) inset, 0px 0px 0px 0.5px rgba(0, 0, 0, 0.16), 0px 5px 4px 0px rgba(0, 0, 0, 0.1), 0px 3px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.1)", "--borders-interactive-with-active": "0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.25)", "--borders-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8)", - "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)", "--details-switch-background-focus": "0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 3px rgba(96, 165, 250, 0.8), 0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.75px rgba(255, 255, 255, 0.12) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset", "--buttons-danger": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)", "--buttons-danger-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)", @@ -22,16 +20,15 @@ export const effects = { "--buttons-neutral-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)", "--elevation-modal": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.06) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)", "--elevation-commandbar": "0px 0px 0px 0.75px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.1) inset, 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)", - "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)" + "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)", + "--borders-interactive-with-focus": "0px -1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)", + "--borders-interactive-with-shadow": "0px -1px 2px 0px rgba(219, 234, 254, 0.5), 0px 0px 0px 1px rgba(96, 165, 250, 1)" }, "light": { - "--borders-interactive-with-active": "0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.2)", "--buttons-danger-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)", "--details-contrast-on-bg-interactive": "0px 1px 2px 0px rgba(30, 58, 138, 0.6)", - "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)", "--borders-error": "0px 0px 0px 1px rgba(225, 29, 72, 1), 0px 0px 0px 3px rgba(225, 29, 72, 0.15)", "--borders-focus": "0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 3px rgba(59, 130, 246, 0.6)", - "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(59, 130, 246, 1)", "--buttons-danger": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(190, 18, 60, 0.4), 0px 0px 0px 1px rgba(190, 18, 60, 1)", "--buttons-inverted-focus": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.6)", "--elevation-card-hover": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.08), 0px 2px 8px 0px rgba(0, 0, 0, 0.1)", @@ -47,6 +44,9 @@ export const effects = { "--elevation-modal": "0px 0px 0px 1px rgba(255, 255, 255, 1) inset, 0px 0px 0px 1.5px rgba(228, 228, 231, 0.6) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)", "--elevation-code-block": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.2) inset", "--buttons-inverted": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1)", - "--elevation-commandbar": "0px 0px 0px 0.75px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)" + "--elevation-commandbar": "0px 0px 0px 0.75px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)", + "--borders-interactive-with-focus": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(37, 99, 235, 1), 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(37, 99, 235, 0.6)", + "--borders-interactive-with-shadow": "0px 1px 2px 0px rgba(30, 58, 138, 0.5), 0px 0px 0px 1px rgba(37, 99, 235, 1)", + "--borders-interactive-with-active": "0px 0px 0px 4px rgba(37, 99, 235, 0.2), 0px 0px 0px 1px rgba(37, 99, 235, 1)" } } \ No newline at end of file diff --git a/packages/design-system/ui-preset/src/theme/tokens/typography.ts b/packages/design-system/ui-preset/src/theme/tokens/typography.ts index 4f1b91875a..95f8937a4f 100644 --- a/packages/design-system/ui-preset/src/theme/tokens/typography.ts +++ b/packages/design-system/ui-preset/src/theme/tokens/typography.ts @@ -35,12 +35,6 @@ export const typography = { "fontWeight": "500", "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" }, - ".txt-xlarge": { - "fontSize": "1.125rem", - "lineHeight": "1.6875rem", - "fontWeight": "400", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, ".txt-compact-small-plus": { "fontSize": "0.8125rem", "lineHeight": "1.25rem", @@ -59,12 +53,6 @@ export const typography = { "fontWeight": "500", "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" }, - ".txt-medium": { - "fontSize": "0.875rem", - "lineHeight": "1.3125rem", - "fontWeight": "400", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, ".txt-compact-large": { "fontSize": "1rem", "lineHeight": "1.25rem", @@ -89,54 +77,6 @@ export const typography = { "fontWeight": "400", "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" }, - ".txt-xsmall-plus": { - "fontSize": "0.75rem", - "lineHeight": "1.125rem", - "fontWeight": "500", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, - ".txt-small": { - "fontSize": "0.8125rem", - "lineHeight": "1.21875rem", - "fontWeight": "400", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, - ".txt-small-plus": { - "fontSize": "0.8125rem", - "lineHeight": "1.21875rem", - "fontWeight": "500", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, - ".txt-large": { - "fontSize": "1rem", - "lineHeight": "1.5rem", - "fontWeight": "400", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, - ".txt-medium-plus": { - "fontSize": "0.875rem", - "lineHeight": "1.3125rem", - "fontWeight": "500", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, - ".txt-xsmall": { - "fontSize": "0.75rem", - "lineHeight": "1.125rem", - "fontWeight": "400", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, - ".txt-xlarge-plus": { - "fontSize": "1.125rem", - "lineHeight": "1.6875rem", - "fontWeight": "500", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, - ".txt-large-plus": { - "fontSize": "1rem", - "lineHeight": "1.5rem", - "fontWeight": "500", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, ".h4-webs": { "fontSize": "1.5rem", "lineHeight": "1.875rem", @@ -167,28 +107,106 @@ export const typography = { "fontWeight": "500", "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" }, - ".h2-docs": { - "fontSize": "1.125rem", - "lineHeight": "1.6875rem", + ".h4-docs": { + "fontSize": "0.875rem", + "lineHeight": "1.399999976158142rem", "fontWeight": "500", "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" }, - ".h3-docs": { - "fontSize": "1rem", - "lineHeight": "1.5rem", - "fontWeight": "500", - "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" - }, - ".code-body": { + ".code-label-plus": { "fontSize": "0.75rem", - "lineHeight": "1.125rem", - "fontWeight": "400", + "lineHeight": "0.9375rem", + "fontWeight": "500", "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace" }, ".code-label": { "fontSize": "0.75rem", "lineHeight": "0.9375rem", + "fontWeight": "400", + "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace" + }, + ".code-paragraph": { + "fontSize": "0.75rem", + "lineHeight": "1.2000000476837158rem", + "fontWeight": "400", + "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace" + }, + ".code-paragraph-plus": { + "fontSize": "0.75rem", + "lineHeight": "1.2000000476837158rem", "fontWeight": "500", "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace" + }, + ".txt-xsmall-plus": { + "fontSize": "0.75rem", + "lineHeight": "1.2000000476837158rem", + "fontWeight": "500", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".txt-small": { + "fontSize": "0.8125rem", + "lineHeight": "1.3000000715255737rem", + "fontWeight": "400", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".h2-docs": { + "fontSize": "1.125rem", + "lineHeight": "1.8000000715255737rem", + "fontWeight": "500", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".txt-medium": { + "fontSize": "0.875rem", + "lineHeight": "1.399999976158142rem", + "fontWeight": "400", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".txt-small-plus": { + "fontSize": "0.8125rem", + "lineHeight": "1.3000000715255737rem", + "fontWeight": "500", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".txt-large": { + "fontSize": "1rem", + "lineHeight": "1.600000023841858rem", + "fontWeight": "400", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".txt-medium-plus": { + "fontSize": "0.875rem", + "lineHeight": "1.399999976158142rem", + "fontWeight": "500", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".txt-xsmall": { + "fontSize": "0.75rem", + "lineHeight": "1.2000000476837158rem", + "fontWeight": "400", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".h3-docs": { + "fontSize": "1rem", + "lineHeight": "1.600000023841858rem", + "fontWeight": "500", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".txt-xlarge-plus": { + "fontSize": "1.125rem", + "lineHeight": "1.8000000715255737rem", + "fontWeight": "500", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".txt-large-plus": { + "fontSize": "1rem", + "lineHeight": "1.600000023841858rem", + "fontWeight": "500", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" + }, + ".txt-xlarge": { + "fontSize": "1.125rem", + "lineHeight": "1.8000000715255737rem", + "fontWeight": "400", + "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji" } } \ No newline at end of file