diff --git a/.changeset/great-pets-develop.md b/.changeset/great-pets-develop.md new file mode 100644 index 00000000..2b2bf44c --- /dev/null +++ b/.changeset/great-pets-develop.md @@ -0,0 +1,5 @@ +--- +"@appsmithorg/design-system": patch +--- + +chore: adding icon for git-repository diff --git a/packages/design-system/src/Documentation/DesignTokens.mdx b/packages/design-system/src/Documentation/DesignTokens.mdx index f5a730ee..11f63e52 100644 --- a/packages/design-system/src/Documentation/DesignTokens.mdx +++ b/packages/design-system/src/Documentation/DesignTokens.mdx @@ -94,7 +94,6 @@ You will find tokens defined in the following format in Figma. (Note: The exact name in Figma would be **color/ui/content/surface/default/bg.** This is due to how the tokens were defined in JSON for exporting to Token studio. We will correct this once we figure out how to do this well. In any case, if you search for a token — you will see it show up properly in Figma’s property pane.) [//]: # (TODO: How to embed this page so the preview shows?) -https://www.figma.com/file/5QitVVvqgEc6nhR7SbdinY/ADS2.0---Tokens?node-id=2507%3A46415&t=aLuYuSiYCsg7nxad-4 ## How to style? @@ -168,10 +167,6 @@ A product’s UI comprises of headings, body, captions in the content category. The following tokens have been defined for the headings category -https://www.figma.com/file/5QitVVvqgEc6nhR7SbdinY/ADS2.0---Tokens?node-id=2137%3A33642&t=aLuYuSiYCsg7nxad-4 - -https://www.figma.com/file/5QitVVvqgEc6nhR7SbdinY/ADS2.0---Tokens?node-id=2137%3A33722&t=aLuYuSiYCsg7nxad-4 - > ☝️ For every ui-category **type** token.. there is a color token associated with it. For example, the `Page Heading` type will necessarily use the gray-800 color token. This is the color you should be using. However, in code all of these values will be available as one if the correct type is passed to `Text`. To make things even simpler for designers, we now have a Text component defined in Figma. Simply drag the component to Figma’s canvas and enter your text. diff --git a/packages/design-system/src/Icon/Icon.provider.tsx b/packages/design-system/src/Icon/Icon.provider.tsx index 5d9d425a..db91c61d 100644 --- a/packages/design-system/src/Icon/Icon.provider.tsx +++ b/packages/design-system/src/Icon/Icon.provider.tsx @@ -123,6 +123,9 @@ const GitCommit = importRemixIcon( const GitPullRequest = importRemixIcon( () => import("remixicon-react/GitPullRequestLineIcon"), ); +const GitRepository = importRemixIcon( + () => import("remixicon-react/GitRepositoryLineIcon"), +) const GlobalLineIcon = importRemixIcon( () => import("remixicon-react/GlobalLineIcon"), ); @@ -1131,6 +1134,7 @@ const ICON_LOOKUP = { "git-branch": GitBranchLineIcon, "git-commit": GitCommit, "git-pull-request": GitPullRequest, + "git-repository": GitRepository, "global-line": GlobalLineIcon, "group-2-line": Group2LineIcon, "group-line": GroupLineIcon,