refactor: move Fondue Icons and convert to TypeScript (#1709)

.github/workflows/fondue-continuous-integration.yml

@@ -3,8 +3,7 @@ name: Fondue CI
 on:
     pull_request:
         paths:
-            - packages/fondue/**
-            - packages/components/**
+            - packages/**
 
 # Ensures that only one workflow per branch will run at a time.
 concurrency:
@@ -43,7 +42,7 @@ jobs:
               run: pnpm --stream --filter {packages/fondue} generate:icons && pnpm --stream --filter {packages/fondue} generate:componentsEnum
 
             - name: Lint code
-              run: pnpm --stream --filter {packages/fondue} --filter {packages/components} lint
+              run: pnpm --stream --filter {packages/fondue} --filter {packages/components} --filter {packages/icons} lint
 
     typecheck:
         name: Typecheck
@@ -73,7 +72,7 @@ jobs:
               run: pnpm --stream --filter {packages/fondue} generate:icons && pnpm --stream --filter {packages/fondue} generate:componentsEnum
 
             - name: Typecheck code
-              run: pnpm --stream --filter {packages/fondue} --filter {packages/components} typecheck
+              run: pnpm --stream --filter {packages/fondue} --filter {packages/components} --filter {packages/icons} typecheck
 
     old-component-tests:
         name: Old Component Tests

packages/components/package.json

@@ -3,8 +3,7 @@
     "type": "module",
     "version": "0.0.1",
     "private": true,
-    "main": "src/index.ts",
-    "types": "src/index.ts",
+    "homepage": "https://github.com/Frontify/fondue",
     "repository": {
         "type": "git",
         "url": "https://github.com/Frontify/fondue",
@@ -13,10 +12,11 @@
     "bugs": {
         "url": "https://github.com/frontify/fondue/issues"
     },
+    "main": "src/index.ts",
+    "types": "src/index.ts",
     "engines": {
         "node": ">=18"
     },
-    "homepage": "https://github.com/Frontify/fondue",
     "scripts": {
         "lint": "eslint .",
         "lint:fix": "eslint --fix .",

packages/fondue/package.json

@@ -71,7 +71,7 @@
         "@babel/core": "^7.23.9",
         "@cypress/vite-dev-server": "^5.0.7",
         "@frontify/eslint-config-react": "0.16.1",
-        "@frontify/fondue-icons": "^0.1.42",
+        "@frontify/fondue-icons": "workspace:^",
         "@storybook/addon-a11y": "^7.6.13",
         "@storybook/addon-actions": "^7.6.13",
         "@storybook/addon-essentials": "^7.6.13",

packages/icons/.env.template

@@ -0,0 +1 @@
+FIGMA_ACCESS_TOKEN=your-figma-access-token

packages/icons/.eslintignore

@@ -0,0 +1,2 @@
+icons
+data/snapshot.json

packages/icons/.eslintrc

@@ -0,0 +1,24 @@
+{
+    "root": true,
+    "extends": ["@frontify/eslint-config-basic", "plugin:jsx-a11y/recommended"],
+    "plugins": ["jsx-a11y", "notice"],
+    "parserOptions": {
+        "project": ["./tsconfig.json"],
+    },
+    "overrides": [
+        {
+            "files": ["*.js", "*.ts", "*.tsx"],
+            "rules": {
+                "notice/notice": [
+                    "error",
+                    {
+                        "template": "/* (c) Copyright Frontify Ltd., all rights reserved. */\n\n",
+                        "messages": {
+                            "whenFailedToMatch": "No Frontify copyright header set.",
+                        },
+                    },
+                ],
+            },
+        },
+    ],
+}

packages/icons/.gitignore

@@ -0,0 +1,110 @@
+# PhpStorm
+.idea
+
+# Custom
+.DS_Store
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

packages/icons/.prettierrc

@@ -0,0 +1,17 @@
+{
+    "printWidth": 120,
+    "tabWidth": 4,
+    "singleQuote": true,
+    "trailingComma": "all",
+    "arrowParens": "always",
+    "endOfLine": "lf",
+    "overrides": [
+        {
+            "files": ["tsconfig.json", "tsconfig.*.json"],
+            "options": {
+                "parser": "json",
+                "trailingComma": "none"
+            }
+        }
+    ]
+}