Tooltip component

.all-contributorsrc

@@ -788,6 +788,15 @@
         "code",
         "doc"
       ]
+    },
+    {
+      "login": "0math",
+      "name": "Andrei Tigai",
+      "avatar_url": "https://avatars.githubusercontent.com/u/16032038?v=4",
+      "profile": "https://github.com/0math",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.changeset/config.json

@@ -9,9 +9,7 @@
   "ignore": [
     "@contentful/f36-cdn",
     "@contentful/f36-i18n-utils",
-    "@contentful/f36-layout",
-    "@contentful/f36-progress-stepper",
-    "@contentful/f36-navlist",
+    "@contentful/f36-codemod",
     "@contentful/f36-website"
   ],
   "commit": false,
@@ -20,10 +18,12 @@
       "@contentful/f36-accordion",
       "@contentful/f36-asset",
       "@contentful/f36-autocomplete",
+      "@contentful/f36-avatar",
       "@contentful/f36-badge",
       "@contentful/f36-button",
       "@contentful/f36-card",
       "@contentful/f36-collapse",
+      "@contentful/f36-components",
       "@contentful/f36-copybutton",
       "@contentful/f36-core",
       "@contentful/f36-datetime",
@@ -32,16 +32,22 @@
       "@contentful/f36-entity-list",
       "@contentful/f36-empty-state",
       "@contentful/f36-forms",
-      "@contentful/f36-icon",
       "@contentful/f36-header",
+      "@contentful/f36-icon",
+      "@contentful/f36-icons",
+      "@contentful/f36-image",
+      "@contentful/f36-layout",
       "@contentful/f36-list",
       "@contentful/f36-menu",
       "@contentful/f36-modal",
+      "@contentful/f36-multiselect",
       "@contentful/f36-navbar",
+      "@contentful/f36-navlist",
       "@contentful/f36-note",
       "@contentful/f36-notification",
       "@contentful/f36-pagination",
       "@contentful/f36-pill",
+      "@contentful/f36-progress-stepper",
       "@contentful/f36-popover",
       "@contentful/f36-skeleton",
       "@contentful/f36-spinner",
@@ -50,9 +56,8 @@
       "@contentful/f36-text-link",
       "@contentful/f36-tooltip",
       "@contentful/f36-typography",
-      "@contentful/f36-components",
-      "@contentful/f36-image",
-      "@contentful/f36-avatar"
+      "@contentful/f36-usage-card",
+      "@contentful/f36-usage-count"
     ]
   ],
   "access": "public",
@@ -61,4 +66,4 @@
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "onlyUpdatePeerDependentsWhenOutOfRange": true
   }
-}
+}

.circleci/config.yml

@@ -1,7 +1,7 @@
 version: 2.1
 
 orbs:
-  docker: circleci/docker@2.1.3
+  docker: circleci/docker@2.8.2
   node: circleci/[email protected]
   vault: contentful/[email protected]
 
@@ -89,7 +89,7 @@ jobs:
           command: npx wait-on http://localhost:3000
       - run:
           name: Run links checker
-          command: npx blc http://localhost:3000 -ro --exclude "https://medium.com/contentful-design" --exclude "https://github.com/contentful/forma-36" --exclude "https://www.figma.com/@contentful"
+          command: npx blc http://localhost:3000 -ro --exclude "https://medium.com/contentful-design" --exclude "https://github.com/contentful/forma-36" --exclude "https://www.figma.com/@contentful" --exclude "https://react-hook-form.com"
 
   deploy_chromatic:
     docker:
@@ -181,9 +181,6 @@ workflows:
       - test:
           requires:
             - build
-      - check-links:
-          requires:
-            - build
       - deploy_chromatic:
           requires:
             - build
@@ -204,6 +201,16 @@ workflows:
             branches:
               only:
                 - main
+
+  f36-link-checker:
+    jobs:
+      - build:
+          context:
+            - vault
+      - check-links:
+          requires:
+            - build
+
   f36-changelog:
     triggers:
       - schedule:

.eslintignore

@@ -10,3 +10,6 @@ tsup.config.ts
 # next.js
 **/.next/
 **/out/
+
+# codemod tests
+**/__testfixtures__

.github/workflows/codeql.yml

@@ -0,0 +1,32 @@
+---
+name: "CodeQL Scan for GitHub Actions Workflows"
+
+on:
+  push:
+    branches: [main]
+    paths: [".github/workflows/**"]
+  pull_request:
+    branches: [main]
+    paths: [".github/workflows/**"]
+
+jobs:
+  analyze:
+    name: Analyze GitHub Actions workflows
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+      contents: read
+      security-events: write
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v3
+        with:
+          languages: actions
+
+      - name: Run CodeQL Analysis
+        uses: github/codeql-action/analyze@v3
+        with:
+          category: actions

BUILD.md

@@ -0,0 +1,28 @@
+# Building
+
+We are using [tsup](https://tsup.egoist.dev/) and [esbuild](https://esbuild.github.io/) together with [Microbundle](https://www.npmjs.com/package/microbundle) to build our component library.
+
+Each component builds to its own `dist` directory with:
+
+- `index.d.ts` – TypeScript type declaration file
+- `index.js` – CJS (CommonJS)
+- `index.modern.mjs` – [Modern](https://github.com/developit/microbundle#-modern-mode-) output (work in all modern browsers)
+- `index.module.js` – legacy ESM (ES Modules) output (for bundlers)
+- `index.umd.js` – legacy UMD (Universal Module Definition) output (for Node & CDN use)
+
+## Create a build of the library
+
+```bash
+npm run-script build
+```
+
+## Dual-package emitting
+
+We emit CJS and ESM using a dual-package approach with `tsc` and [tsconfig-to-dual-package](https://github.com/azu/tsconfig-to-dual-package/tree/main) for some packages.
+
+This ensures Node/TypeScript point to the right package type (commonjs, module) depending on the consumer's configuration, without the hassle of us to "hack" the main `package.json` and `tsconfig` to satisfy all use cases.
+
+The build has the following structure in its own `dist` directory:
+
+- `./cjs` – CJS (CommonJS) with declaration + inline source map.
+- `./esm` – ESM (ES Modules) with declaration + inline source map.