Merge pull request #133 from warp-ds/next

Release 2.2.0

CHANGELOG.md

@@ -1,3 +1,17 @@
+# [2.2.0-next.2](https://github.com/warp-ds/icons/compare/v2.2.0-next.1...v2.2.0-next.2) (2024-10-17)
+
+
+### Features
+
+* add trend-down/flat/up icons ([#131](https://github.com/warp-ds/icons/issues/131)) ([4350df9](https://github.com/warp-ds/icons/commit/4350df92cbeaaa60125cdc266edd32f4c7bf55c4))
+
+# [2.2.0-next.1](https://github.com/warp-ds/icons/compare/v2.1.0...v2.2.0-next.1) (2024-10-16)
+
+
+### Features
+
+* add Sparkles and Football icon ([#130](https://github.com/warp-ds/icons/issues/130)) ([52a5f08](https://github.com/warp-ds/icons/commit/52a5f08c89af5eec13817fa67f04cd5173d2403b))
+
 # [2.1.0](https://github.com/warp-ds/icons/compare/v2.0.2...v2.1.0) (2024-08-15)
 
 

README.md

@@ -1,7 +1,7 @@
 # WARP icons
-The icon set for WARP, imported from (Figma project)[!https://www.figma.com/file/yEx16ew6S0Xgd579dN4hsM/Warp---Icons?type=design&node-id=150-113&mode=design&t=TRtIuPlsDoYlbuqd-0].
+The icon set for WARP, imported from (Figma project)[https://www.figma.com/file/yEx16ew6S0Xgd579dN4hsM/Warp---Icons?type=design&node-id=150-113&mode=design&t=TRtIuPlsDoYlbuqd-0].
 
-**Note that the icons in the "src/raw" folder in this repository should never be used directly, as they aren't optimized. Also note that Raw icons don't contain title element and hence won't be follow accessibility guidelines**
+**Note that the icons in the "src/raw" folder in this repository should never be used directly, as they aren't optimized. Also note that Raw icons don't contain title element and hence won't follow accessibility guidelines**
 
 ## How to use
 
@@ -76,29 +76,34 @@ import "@warp-ds/icons/elements/alert-16";
 
 ## Development
 
-### Updating the icons
-Icons should never be added or edited manually in this repository, as the source of truth is in [Figma](https://www.figma.com/file/yEx16ew6S0Xgd579dN4hsM/Warp---Icons?type=design&node-id=150-113&mode=design&t=TRtIuPlsDoYlbuqd-0).
+### Install dependencies
 
-#### Figma access token
-If you are running the import script for the first time, it will prompt your for a Figma access token. The token is is required to access Figma's API. It can be generated on your Figma account settings page.
-
-The import script may store the token to a local file, so you won't have to supply the token again on subsequent runs.
-
-### Import script
-To update the icons, run the following script. If it has a valid Figma access token ([see previous section](#figma-access-token)), it will proceed to download all the icons as SVG files.
+Run the following command to install dependencies:
 
 ```bash
-./scripts/import.js
+pnpm install
 ```
 
-or 
+### Adding new icons
+
+When adding icons to @warp-ds/icons follow these steps:
 
+1. Add all the icon files to the correct folder in [src/raw/](https://github.com/warp-ds/icons/tree/next/src/raw) directory. Follow this pattern: `src/raw/{icon-name}/icon_{size}.svg`
+2. Add description for the new icons to [default-icon-descriptions.js](https://github.com/warp-ds/icons/blob/next/default-icon-descriptions.js) and run `pnpm i18n:get-sorted-locales` to sort the translations alphabetically. Follow this pattern:
+```js
+arrowleft: {
+  message: "Leftward-pointing arrow", // We only describe what the icon looks like - not what is its potential purpose.
+  id: "icon.title.arrow-left", // the last part reflects the name of the folder
+  comment: "Title for arrow left icon" // This comment will serve as help for the internationalisation team to provide correct translation of the icon description
+},
+```
+3. Generate locales files and build the icons:
 ```bash
-pnpm import
+pnpm build
 ```
 
 ### Local preview
-You can open a local preview of the icons. Use this to verify that the icons looks as they should. Run the following command.
+You can open a local preview of the icons. Use this to verify that the icons look as they should. Run the following command:
 
 ```bash
 pnpm dev

crowdin.yml

@@ -61,6 +61,15 @@ files:
   - source: /src/raw/tv/locales/en/messages.po
     dest: /icons/**/%original_file_name%
     translation: /src/raw/tv/locales/%two_letters_code%/messages.po
+  - source: /src/raw/trend-up/locales/en/messages.po
+    dest: /icons/**/%original_file_name%
+    translation: /src/raw/trend-up/locales/%two_letters_code%/messages.po
+  - source: /src/raw/trend-flat/locales/en/messages.po
+    dest: /icons/**/%original_file_name%
+    translation: /src/raw/trend-flat/locales/%two_letters_code%/messages.po
+  - source: /src/raw/trend-down/locales/en/messages.po
+    dest: /icons/**/%original_file_name%
+    translation: /src/raw/trend-down/locales/%two_letters_code%/messages.po
   - source: /src/raw/tractor/locales/en/messages.po
     dest: /icons/**/%original_file_name%
     translation: /src/raw/tractor/locales/%two_letters_code%/messages.po
@@ -139,6 +148,9 @@ files:
   - source: /src/raw/speedometer/locales/en/messages.po
     dest: /icons/**/%original_file_name%
     translation: /src/raw/speedometer/locales/%two_letters_code%/messages.po
+  - source: /src/raw/sparkles/locales/en/messages.po
+    dest: /icons/**/%original_file_name%
+    translation: /src/raw/sparkles/locales/%two_letters_code%/messages.po
   - source: /src/raw/spa/locales/en/messages.po
     dest: /icons/**/%original_file_name%
     translation: /src/raw/spa/locales/%two_letters_code%/messages.po
@@ -505,6 +517,9 @@ files:
   - source: /src/raw/front-wheel-drive/locales/en/messages.po
     dest: /icons/**/%original_file_name%
     translation: /src/raw/front-wheel-drive/locales/%two_letters_code%/messages.po
+  - source: /src/raw/football/locales/en/messages.po
+    dest: /icons/**/%original_file_name%
+    translation: /src/raw/football/locales/%two_letters_code%/messages.po
   - source: /src/raw/fitness/locales/en/messages.po
     dest: /icons/**/%original_file_name%
     translation: /src/raw/fitness/locales/%two_letters_code%/messages.po

default-icon-descriptions.js

@@ -24,6 +24,11 @@ export default {
     id: "icon.title.airplane-hotel",
     comment: "Title for airplane hotel icon"
   },
+  sparkles: {
+    message: "Sparkles",
+    id: "icon.title.sparkles",
+    comment: "Title for sparkles icon"
+  },
   alert: {
     message: "Circle with exclamation point",
     id: "icon.title.alert",
@@ -2459,6 +2464,21 @@ export default {
     id: "icon.title.travel",
     comment: "Title for travel icon"
   },
+  trenddown: {
+    message: "Wavy arrow pointing down right",
+    id: "icon.title.trend-down",
+    comment: "Title for trend down icon"
+  },
+  trendflat: {
+    message: "Wavy arrow pointing right",
+    id: "icon.title.trend-flat",
+    comment: "Title for trend flat icon"
+  },
+  trendup: {
+    message: "Wavy arrow pointing up right",
+    id: "icon.title.trend-up",
+    comment: "Title for trend up icon"
+  },
   trophy: {
     message: "Trophy",
     id: "icon.title.trophy",

lingui.config.ts

@@ -120,6 +120,24 @@ const config: LinguiConfig = {
     ],
     "path": "src/raw/tv/locales/{locale}/messages"
   },
+  {
+    "include": [
+      "scripts/temp/trend-up.js"
+    ],
+    "path": "src/raw/trend-up/locales/{locale}/messages"
+  },
+  {
+    "include": [
+      "scripts/temp/trend-flat.js"
+    ],
+    "path": "src/raw/trend-flat/locales/{locale}/messages"
+  },
+  {
+    "include": [
+      "scripts/temp/trend-down.js"
+    ],
+    "path": "src/raw/trend-down/locales/{locale}/messages"
+  },
   {
     "include": [
       "scripts/temp/tractor.js"
@@ -276,6 +294,12 @@ const config: LinguiConfig = {
     ],
     "path": "src/raw/speedometer/locales/{locale}/messages"
   },
+  {
+    "include": [
+      "scripts/temp/sparkles.js"
+    ],
+    "path": "src/raw/sparkles/locales/{locale}/messages"
+  },
   {
     "include": [
       "scripts/temp/spa.js"
@@ -1008,6 +1032,12 @@ const config: LinguiConfig = {
     ],
     "path": "src/raw/front-wheel-drive/locales/{locale}/messages"
   },
+  {
+    "include": [
+      "scripts/temp/football.js"
+    ],
+    "path": "src/raw/football/locales/{locale}/messages"
+  },
   {
     "include": [
       "scripts/temp/fitness.js"

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/icons",
   "type": "module",
-  "version": "2.1.0",
+  "version": "2.2.0-next.2",
   "repository": "git@github.com:warp-ds/icons.git",
   "description": "WARP's icon set",
   "main": "main.js",

src/raw/active-ads/locales/da/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: da\n"
 "X-Crowdin-File-ID: 4186\n"
-"PO-Revision-Date: \n"
 
 #. Title for active ads icon
 #. js-lingui-explicit-id
 #: scripts/temp/active-ads.js:2
 msgid "icon.title.active-ads"
 msgstr "Ark med billede og overskrift med fremhævet flueben"
+

src/raw/active-ads/locales/fi/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: fi\n"
 "X-Crowdin-File-ID: 4186\n"
-"PO-Revision-Date: \n"
 
 #. Title for active ads icon
 #. js-lingui-explicit-id
 #: scripts/temp/active-ads.js:2
 msgid "icon.title.active-ads"
 msgstr "Paperiarkki, jossa kuva, otsikko ja korostettu valintamerkki"
+

src/raw/active-ads/locales/nb/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: nb\n"
 "X-Crowdin-File-ID: 4186\n"
-"PO-Revision-Date: \n"
 
 #. Title for active ads icon
 #. js-lingui-explicit-id
 #: scripts/temp/active-ads.js:2
 msgid "icon.title.active-ads"
 msgstr "Ark med bilde og overskrift med uthevet sjekkmerke"
+

src/raw/ads/locales/da/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: da\n"
 "X-Crowdin-File-ID: 4180\n"
-"PO-Revision-Date: \n"
 
 #. Title for ads icon
 #. js-lingui-explicit-id
 #: scripts/temp/ads.js:2
 msgid "icon.title.ads"
 msgstr "Ark med billede og overskrift"
+

src/raw/ads/locales/fi/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: fi\n"
 "X-Crowdin-File-ID: 4180\n"
-"PO-Revision-Date: \n"
 
 #. Title for ads icon
 #. js-lingui-explicit-id
 #: scripts/temp/ads.js:2
 msgid "icon.title.ads"
 msgstr "Paperiarkki, jossa kuva ja otsikko"
+

src/raw/ads/locales/nb/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: nb\n"
 "X-Crowdin-File-ID: 4180\n"
-"PO-Revision-Date: \n"
 
 #. Title for ads icon
 #. js-lingui-explicit-id
 #: scripts/temp/ads.js:2
 msgid "icon.title.ads"
 msgstr "Ark med bilde og overskrift"
+

src/raw/air-con/locales/da/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: da\n"
 "X-Crowdin-File-ID: 4174\n"
-"PO-Revision-Date: \n"
 
 #. Title for air con icon
 #. js-lingui-explicit-id
 #: scripts/temp/air-con.js:2
 msgid "icon.title.air-con"
 msgstr "Lille luftkøler"
+

src/raw/air-con/locales/fi/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: fi\n"
 "X-Crowdin-File-ID: 4174\n"
-"PO-Revision-Date: \n"
 
 #. Title for air con icon
 #. js-lingui-explicit-id
 #: scripts/temp/air-con.js:2
 msgid "icon.title.air-con"
 msgstr "Pieni tuuletin"
+

src/raw/air-con/locales/nb/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: nb\n"
 "X-Crowdin-File-ID: 4174\n"
-"PO-Revision-Date: \n"
 
 #. Title for air con icon
 #. js-lingui-explicit-id
 #: scripts/temp/air-con.js:2
 msgid "icon.title.air-con"
 msgstr "Liten luftkjøler"
+

src/raw/airplane-hotel/locales/da/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: da\n"
 "X-Crowdin-File-ID: 4162\n"
-"PO-Revision-Date: \n"
 
 #. Title for airplane hotel icon
 #. js-lingui-explicit-id
 #: scripts/temp/airplane-hotel.js:2
 msgid "icon.title.airplane-hotel"
 msgstr "Fly og hotel"
+

src/raw/airplane-hotel/locales/fi/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: fi\n"
 "X-Crowdin-File-ID: 4162\n"
-"PO-Revision-Date: \n"
 
 #. Title for airplane hotel icon
 #. js-lingui-explicit-id
 #: scripts/temp/airplane-hotel.js:2
 msgid "icon.title.airplane-hotel"
 msgstr "Lentokone ja hotelli"
+

src/raw/airplane-hotel/locales/nb/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: nb\n"
 "X-Crowdin-File-ID: 4162\n"
-"PO-Revision-Date: \n"
 
 #. Title for airplane hotel icon
 #. js-lingui-explicit-id
 #: scripts/temp/airplane-hotel.js:2
 msgid "icon.title.airplane-hotel"
 msgstr "Fly og hotell"
+

src/raw/airplane/locales/da/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: da\n"
 "X-Crowdin-File-ID: 4168\n"
-"PO-Revision-Date: \n"
 
 #. Title for airplane icon
 #. js-lingui-explicit-id
 #: scripts/temp/airplane.js:2
 msgid "icon.title.airplane"
 msgstr "Flyvemaskine"
+

src/raw/airplane/locales/fi/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: fi\n"
 "X-Crowdin-File-ID: 4168\n"
-"PO-Revision-Date: \n"
 
 #. Title for airplane icon
 #. js-lingui-explicit-id
 #: scripts/temp/airplane.js:2
 msgid "icon.title.airplane"
 msgstr "Lentokone"
+

src/raw/airplane/locales/nb/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: nb\n"
 "X-Crowdin-File-ID: 4168\n"
-"PO-Revision-Date: \n"
 
 #. Title for airplane icon
 #. js-lingui-explicit-id
 #: scripts/temp/airplane.js:2
 msgid "icon.title.airplane"
 msgstr "Fly"
+

src/raw/alert/locales/da/messages.po

@@ -15,10 +15,10 @@ msgstr ""
 "X-Crowdin-Project-ID: 141\n"
 "X-Crowdin-Language: da\n"
 "X-Crowdin-File-ID: 4156\n"
-"PO-Revision-Date: \n"
 
 #. Title for alert icon
 #. js-lingui-explicit-id
 #: scripts/temp/alert.js:2
 msgid "icon.title.alert"
 msgstr "Cirkel med udråbstegn"
+