@gitlab/svgs 3.149.0 → 3.150.0

package/README.md

@@ -1,15 +1,16 @@
 # Gitlab SVGs
 
-This repository manages all SVG Assets for GitLab by creating SVG sprites out of icons, and optimizing SVG illustrations.
+This package manages all SVG Assets for GitLab by creating SVG sprites out of icons, and optimizing SVG illustrations.
 
 ## Previewing the SVG library
 
-Visit the [GitLab SVG Previewer](http://gitlab-org.gitlab.io/gitlab-svgs/) website to see, reference, and search through all available icons and illustrations.
+Visit the [GitLab SVG Previewer](https://design.gitlab.com/svgs) website to see, reference, and search through all available icons and illustrations.
 
 ## Requirements
 
 - You’ll need [**yarn**](https://yarnpkg.com/en/) and [**node**](https://nodejs.org/en/download/) installed. On a Mac, you can install yarn with `brew install yarn`.
 - For the first time, or after updating from the `main` branch, use `yarn install` to install the latest dependencies.
+- Make sure you are in the `packages/gitlab-svgs` subdirectory.
 
 ## Commands
 
@@ -23,37 +24,45 @@ All output is saved to the `dist` folder where it’s referenced from our main a
 - Review the following documentation:
   - [Iconography design guidelines](https://design.gitlab.com/product-foundations/iconography)
   - [Illustration design guidelines](https://design.gitlab.com/product-foundations/illustration-creation-guide)
-  - [Illustration contribution guidelines](https://gitlab.com/gitlab-org/gitlab-svgs/-/blob/main/doc/illustration-contribution.md)
+  - [Illustration contribution guidelines](doc/illustration-contribution.md)
 - Make sure you have the latest from the `main` branch in your local copy of the **gitlab-svgs** repository, then create a new local branch.
+
   ```bash
   # Retrieve the latest updates
   git pull
   # Create a new local branch
   git checkout -b new-branch-name
   ```
+
 - Make sure that your dependencies are up to date by running `yarn install`.
 - Export the icons or illustrations as a `.svg` file where:
   - Icons are placed in the `sprite_icons` folder. [Read instructions below on exporting icons](#exporting-icons-from-figma).
   - Illustrations are placed in the `illustrations/` folder. There are subfolders for illustration categories, like empty states or logos.
 - If you are not compressing an SVG during export, you can use [SVGO](https://github.com/svg/svgo) to optimize it after you export.
+
   ```bash
   # Optimize our `huge_test.svg` file
   yarn run svgo ./path/to/huge_test.svg
   ```
-- After adding the new SVGs, execute the following commands to verify your changes locally at http://localhost:3333/
+
+- After adding the new SVGs, execute the following commands to verify your changes locally at <http://localhost:3333/>
+
   ```bash
    # Starts a local server to preview your changes
    yarn run dev
   ```
+
 - Test icons by changing the settings in the **Icon configuration** panel of the local preview site and ensuring that the icon changes color and size (there are a few icons that intentionally don’t change color).
 
   ![Icon configuration panel](./doc/icon-configuration-panel.png)
 
 - If you are happy with the new/modified SVG, commit and push all changes (including the ones to the `dist` folder) and create a merge request.
+
   ```bash
   # After committing your changes, use this to create a remote branch. A link will then be available to create the merge request.
   git push -u origin new-branch-name
   ```
+
 - Assign the merge request to a maintainer of the **GitLab SVGs** project.
   You can find the maintainers on the [GitLab project overview page](https://about.gitlab.com/handbook/engineering/projects#gitlab-svgs).
 
@@ -72,7 +81,8 @@ Icons should only be exported after they have been added to the Pajamas UI Kit i
    1. Install the [Advanced SVG Export](https://www.figma.com/community/plugin/782713260363070260/Advanced-SVG-Export) plugin. The plugin uses [SVGO](https://github.com/svg/svgo) under the hood. Use the default settings.
    1. Select the icon and run the plugin, exporting to the `sprite_icons` folder.
    1. Open the resulting SVG file in your text editor and remove `fill="none"` from the main `<svg>` element.
-1. After adding the new SVGs, execute the following commands to verify your changes locally at http://localhost:3333/
+1. After adding the new SVGs, execute the following commands to verify your changes locally at <http://localhost:3333/>
+
    ```bash
    # Starts a local server to preview your changes
    yarn run dev
@@ -101,7 +111,9 @@ During the CI build, the following steps are done:
 
 ## Publishing a new version
 
-Every time a file is added, deleted, modified or renamed within the `sprite_icons` or `illustrations` folders and the change is merged into the `main` branch, a new minor version of the package is published.
+To publish new versions of packages, like `@gitlab/svgs`, we use
+[changesets](https://github.com/changesets/changesets). Learn how to [create
+changesets and publish packages](../../doc/publishing-packages.md).
 
 ## Contributing
 

package/dist/file_icons/LICENSE.md

@@ -1,3 +1,3 @@
-## License
+# License
 
 Third-party trademarks contained in this directory remain the property of their respective owners and are subject to the terms of any licenses imposed by such owners.

package/dist/file_icons/file_icons/kotlin.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><path fill="#7f52ff" d="M500 500H0V0h500L250 250z"/></svg>
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48 48H0V0h48L23.505 23.648 48 48z" fill="url(#paint0_radial_4080_74)"/><defs><radialGradient id="paint0_radial_4080_74" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-48 0 0 -48 48 0)"><stop stop-color="#E44857"/><stop offset=".504" stop-color="#C711E1"/><stop offset="1" stop-color="#7F52FF"/></radialGradient></defs></svg>