refactor(Styles): change font family to Outfit google font

.github/dependabot.yml

@@ -8,8 +8,8 @@ updates:
   - package-ecosystem: "npm"
     directory: "/"
     schedule:
-      # Check for updates every weekday
-      interval: 'daily'
+      # Check for updates every 1 week
+      interval: 'weekly'
     open-pull-requests-limit: 50
     # Disable rebasing for pull requests, as having several open pull requests
     # all get simultaneously rebased and this can be noisy from a notification standpoint

.github/workflows/pr-name.yml

@@ -16,7 +16,15 @@ jobs:
       - name: 🛠 Setup Node
         uses: volta-cli/action@v3
 
+      - name: 💫 Cache dependencies
+        id: cache-node-modules
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node-modules-${{ hashFiles('package-lock.json') }}
+
       - name: 📦 Install dependencies
+        if: steps.cache-node-modules.outputs.cache-hit != 'true'
         run: npm ci
 
       - name: 🕵️‍♀️ Lint the Pull Request name

.github/workflows/test.yml

@@ -81,24 +81,25 @@ jobs:
         with:
           timeout_minutes: 5
           max_attempts: 3
-          retry_on: error
-          command: npx nx affected --target=test --ci --code-coverage --exclude=workspace --output-style=stream-without-prefixes -- --runInBand
+          retry_on: any
+          command: npx nx affected --target=test --exclude=workspace --output-style=stream-without-prefixes -- --ci --code-coverage --runInBand
 
       - name: ⏳ Build
         uses: nick-fields/retry@v2
         with:
           timeout_minutes: 5
           max_attempts: 3
-          retry_on: error
+          retry_on: any
           command: npm run build
 
       - name: 🧪 Run E2E Tests (only affected)
         uses: nick-fields/retry@v2
         with:
-          timeout_minutes: 10
+          command: npx nx affected --target=e2e --exclude=workspace --output-style=stream-without-prefixes -- --ci --code-coverage --runInBand
           max_attempts: 3
-          retry_on: error
-          command: npx nx affected --target=e2e --ci --code-coverage --exclude=workspace --output-style=stream-without-prefixes -- --runInBand
+          on_retry_command: npm run build
+          retry_on: any
+          timeout_minutes: 10
 
       - name: 📴 Stop NX Cloud Agent
         run: npx nx-cloud stop-all-agents

packages/bee-q/src/components.d.ts

@@ -32,6 +32,10 @@ export namespace Components {
      * An avatar represents an object made of different pieces of information, in a way that is understandable at a glance.
      */
     interface BqAvatar {
+        /**
+          * Alternate text for the avatar image if the image cannot be displayed
+         */
+        "altText": string;
         /**
           * The image source to load on the avatar (this can be also a base64 encoded image)
          */
@@ -576,6 +580,10 @@ declare namespace LocalJSX {
      * An avatar represents an object made of different pieces of information, in a way that is understandable at a glance.
      */
     interface BqAvatar {
+        /**
+          * Alternate text for the avatar image if the image cannot be displayed
+         */
+        "altText"?: string;
         /**
           * The image source to load on the avatar (this can be also a base64 encoded image)
          */

packages/bee-q/src/components/avatar/__tests__/bq-avatar.e2e.ts

@@ -31,9 +31,11 @@ describe('bq-avatar', () => {
 
   it('should render image', async () => {
     const page = await newE2EPage();
-    await page.setContent(
-      '<bq-avatar image="https://images.unsplash.com/photo-1524593689594-aae2f26b75ab?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80"></bq-avatar>',
-    );
+    await page.setContent(`
+      <bq-avatar
+        image="https://images.unsplash.com/photo-1524593689594-aae2f26b75ab?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80"
+      ></bq-avatar>
+    `);
 
     const element = await page.find('bq-avatar >>> [part="img"]');
 
@@ -42,15 +44,13 @@ describe('bq-avatar', () => {
 
   it('should respect design style', async () => {
     const page = await newE2EPage();
-    await page.setContent(
-      `
+    await page.setContent(`
       <bq-avatar initials="JS" shape="circle" size="xsmall"></bq-avatar>
       <bq-avatar initials="JS" shape="square" size="xsmall"></bq-avatar>
       <bq-avatar initials="JS" shape="square" size="small"></bq-avatar>
       <bq-avatar initials="JS" shape="square" size="medium"></bq-avatar>
       <bq-avatar initials="JS" shape="square" size="large"></bq-avatar>
-      `,
-    );
+    `);
 
     const styleProps = ['width', 'borderRadius', 'height'] as const;