Feature/upstream merge

.eslintrc.yml

@@ -1,26 +1,33 @@
 root: true
 extends:
   - airbnb
+plugins:
+  - import-newlines
 env:
-  es6: false
+  es6: true
   browser: true
+  jest: true
 globals:
   BACKGROUNDS: true
   ICONS: true
   LOGOS: true
   SCSS_VARIABLES: true
   Set: true
+  dom: true
+  assertUniqueCssClasses: true
 rules:
-  strict: 0
+  func-names: 0
+  guard-for-in: 0
+  import-newlines/enforce: [2, { "items": 100, "forceSingleLine": true, "max-len": 10000, "maxLen": 10000 }]
   import/no-extraneous-dependencies: 0
   import/prefer-default-export: 0
-  no-restricted-syntax: 0
-  guard-for-in: 0
-  quotes: [ 2, "single", { "avoidEscape": true, "allowTemplateLiterals": true } ]
+  max-len: ["error", { "code": 10000, "comments": 80 }]
   no-continue: 0
-  no-plusplus: 0
-  no-param-reassign: 0
-  no-new: 0
   no-nested-ternary: 0
-  func-names: 0
-  max-len: ["error", { "code": 10000, "comments": 80 }]
+  no-new: 0
+  no-param-reassign: 0
+  no-plusplus: 0
+  no-restricted-syntax: 0
+  object-curly-newline: [2, { "ImportDeclaration": "never"}]
+  quotes: [ 2, "single", { "avoidEscape": true, "allowTemplateLiterals": true } ]
+  strict: 0

.gitattributes

@@ -1,3 +1,4 @@
+/**/*.test.*        export-ignore
 /.editorconfig      export-ignore
 /.eslintignore      export-ignore
 /.eslintrc.yml      export-ignore
@@ -8,10 +9,9 @@
 /.storybook         export-ignore
 /.stylelintignore   export-ignore
 /.stylelintrc.json  export-ignore
+/.twig-cs-fixer.php export-ignore
+/composer.json      export-ignore
+/jest.config.js     export-ignore
 /renovate.json      export-ignore
+/tests              export-ignore
 /webpack            export-ignore
-
-# Exclude demo assets as they are erroneously located in dist assets.
-# @see https://github.com/civictheme/uikit/issues/30
-/assets/images      export-ignore
-/assets/videos      export-ignore

.github/ISSUE_TEMPLATE/DEFECT-REPORT.yml

@@ -0,0 +1,32 @@
+name: Defect Report
+description: File a defect report
+labels: ["Type: Defect"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this defect report.
+  - type: textarea
+    id: summary
+    attributes:
+      label: Summary
+    validations:
+      required: true
+  - type: textarea
+    id: steps-to-reproduce
+    attributes:
+      label: Steps to reproduce
+    validations:
+      required: true
+  - type: textarea
+    id: observed-outcome
+    attributes:
+      label: Observed outcome
+    validations:
+      required: true
+  - type: textarea
+    id: expected-outcome
+    attributes:
+      label: Expected outcome
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/FEATURE-REQUEST.yml

@@ -0,0 +1,34 @@
+name: Feature Request
+description: Suggest a new feature
+labels: ["Type: Feature"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this feature request.
+  - type: textarea
+    id: user-story
+    attributes:
+      label: User story
+      value: |
+        As a <user persona>
+        I want <to perform this action>
+        So that <I can accomplish this goal>
+    validations:
+      required: true
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+    validations:
+      required: true
+  - type: textarea
+    id: acceptance-criteria
+    attributes:
+      label: Acceptance criteria
+      value: |
+        Given I am a <user persona>
+        When I <perform an action>
+        Then I <expect an outcome>
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,8 @@
+blank_issues_enabled: true
+contact_links:
+  - name: 💬 Drush Slack
+    url: https://drupal.slack.com/archives/C039UV0CQBZ
+    about: Join the CivicTheme Community to talk, exchange experiences or ask and answer questions.
+  - name: 💧 Drupal.org
+    url: https://www.drupal.org/project/civictheme
+    about: Submit an issue for Drupal theme

.github/workflows/post-opened-issue-to-jira.yml

@@ -0,0 +1,45 @@
+name: Post opened issue to Jira
+
+on:
+  issues:
+    types:
+      - opened
+
+jobs:
+  issue_opened:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Create issue body file
+        run: echo "${{ github.event.issue.body }}" > ${{ runner.temp }}/_github_workflow/issue.md
+
+      - name: Convert GitHub markdown to Jira markup
+        uses: docker://pandoc/core:3.4
+        with:
+          args: --from gfm --to jira --output=/github/workflow/issue.jira /github/workflow/issue.md
+
+      - name: Put output to the variable
+        run: |
+          echo 'JIRA_CONTENT<<EOF' >> $GITHUB_ENV
+          cat ${{ runner.temp }}/_github_workflow/issue.jira >> $GITHUB_ENV
+          echo >> $GITHUB_ENV
+          echo "----" >> $GITHUB_ENV
+          echo "GitHub issue: ${{ github.event.issue.html_url }}" >> $GITHUB_ENV
+          echo 'EOF' >> $GITHUB_ENV
+
+      - name: Login
+        uses: atlassian/gajira-login@v3
+        env:
+          JIRA_BASE_URL: ${{ secrets.JIRA_BASE_URL }}
+          JIRA_USER_EMAIL: ${{ secrets.JIRA_USER_EMAIL }}
+          JIRA_API_TOKEN: ${{ secrets.JIRA_API_TOKEN }}
+
+      - name: Create issue
+        id: create
+        uses: atlassian/gajira-create@v3
+        with:
+          project: ${{ vars.JIRA_PROJECT_KEY }}
+          issuetype: Story
+          summary: "UI Kit (GitHub): ${{ github.event.issue.title }}"
+          description: ${{ env.JIRA_CONTENT }}
+          fields: '{"components": [{"name": "UIKit"}]}'

.github/workflows/pr-auto-assign-author.yml

@@ -13,4 +13,4 @@ jobs:
   assign-author:
     runs-on: ubuntu-latest
     steps:
-      - uses: toshimaru/auto-author-assign@v2.0.1
+      - uses: toshimaru/auto-author-assign@v2.1.1

.github/workflows/release-manual.yml

@@ -34,7 +34,7 @@ jobs:
         run: npm run build
 
       - name: Run tests
-        run: npm run test
+        run: npm run test:ci
 
       - name: Configure git
         run: |
@@ -65,7 +65,7 @@ jobs:
         run: git push origin && git push --tags
 
       - name: Publish release on GitHub
-        uses: release-drafter/release-drafter@v5
+        uses: release-drafter/release-drafter@v6
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:

.github/workflows/release-notes.yml

@@ -13,6 +13,6 @@ jobs:
   release-notes:
     runs-on: ubuntu-latest
     steps:
-      - uses: release-drafter/release-drafter@v5
+      - uses: release-drafter/release-drafter@v6
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release-storybook.yml

@@ -14,7 +14,7 @@ jobs:
   release-storybook:
     runs-on: ubuntu-latest
     steps:
-      - uses: bitovi/[email protected].2
+      - uses: bitovi/[email protected].3
         with:
           path: storybook-static
           install_command: npm install

.github/workflows/test.yml

@@ -14,13 +14,65 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: [18, 20, 21]
+        node-version: [18, 20, 21, 22]
+
     steps:
       - uses: actions/checkout@v4
+
       - uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node }}
-      - run: npm install && npx playwright install
-      - run: npm run lint
-      - run: npm run build
-      - run: npm run test
+          node-version: ${{ matrix.node-version }}
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+
+      - name: Install NPM dependencies
+        run: npm install && npx playwright install
+
+      - name: Install PHP dependencies
+        run: composer install
+
+      - name: Check coding standards
+        run: npm run lint
+
+      - name: Check Twig coding standards
+        run: composer lint
+
+      - name: Build
+        run: npm run build
+
+      - name: Run tests
+        run: npm run test:ci
+
+      - name: Upload coverage report as an artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: ${{github.job}}-code-coverage-report-${{ matrix.node-version }}
+          path: ./.logs/coverage
+          if-no-files-found: error
+
+      - name: Upload coverage report to Codecov
+        uses: codecov/codecov-action@v4
+        if: ${{ env.CODECOV_TOKEN != '' }}
+        with:
+          files: ./.logs/coverage/clover.xml
+          fail_ci_if_error: true
+          token: ${{ secrets.CODECOV_TOKEN }}
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
+
+      - name: Deploy to Netlify
+        if: matrix.node-version == 20
+        uses: nwtgck/[email protected]
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          publish-dir: './storybook-static'
+          production-branch: main
+          deploy-message: "Deploy from GitHub Actions"
+          enable-pull-request-comment: true
+          enable-commit-comment: true
+          overwrites-pull-request-comment: true
+        env:
+          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+        timeout-minutes: 1

.gitignore

@@ -1,4 +1,8 @@
+.logs
+.twig-cs-fixer.cache
+composer.lock
 dist
 node_modules
 package-lock.json
 storybook-static
+vendor

.npmignore

@@ -1,5 +1,4 @@
-.storybook
-.idea
+**/*.test.*
 .editorconfig
 .eslintignore
 .eslintrc.yml
@@ -9,10 +8,9 @@
 .npmignore
 .stylelintignore
 .stylelintrc.json
+.twig-cs-fixer.php
+composer.json
+jest.config.js
 renovate.json
+tests
 webpack
-
-# Exclude demo assets as they are erroneously located in dist assets.
-# @see https://github.com/civictheme/uikit/issues/30
-assets/images
-assets/videos