@api-client/ui 0.3.6 → 0.4.1

package/.github/release.yml

@@ -0,0 +1,14 @@
+changelog:
+  exclude:
+    labels:
+      - ignore-for-release
+  categories:
+    - title: 🏕 Features
+      labels:
+        - '*'
+      exclude:
+        labels:
+          - dependencies
+    - title: 👒 Dependencies
+      labels:
+        - dependencies

package/.github/workflows/auto-release.yml

@@ -0,0 +1,182 @@
+name: Auto Release
+
+on:
+  push:
+    branches:
+      - main
+
+env:
+  FORCE_COLOR: 1
+
+jobs:
+  test:
+    name: Test
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: 'npm'
+
+      - uses: google/wireit@setup-github-actions-caching/v2
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Install playwright browsers
+        run: npx playwright install --with-deps
+      
+      - name: Run tests
+        run: npm test
+
+  determine-release:
+    name: Determine Release Type
+    needs: test
+    runs-on: ubuntu-latest
+    outputs:
+      should-release: ${{ steps.release-check.outputs.should-release }}
+      release-type: ${{ steps.release-check.outputs.release-type }}
+      new-version: ${{ steps.release-check.outputs.new-version }}
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          token: ${{ secrets.GITHUB_TOKEN }}
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: 'npm'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Determine release type
+        id: release-check
+        run: |
+          # Get the last tag
+          LAST_TAG=$(git describe --tags --abbrev=0 2>/dev/null || echo "v0.0.0")
+          echo "Last tag: $LAST_TAG"
+          
+          # Get commits since last tag
+          COMMITS=$(git log --pretty=format:"%s" ${LAST_TAG}..HEAD)
+          echo "Commits since last tag:"
+          echo "$COMMITS"
+          
+          # Check if there are any commits to release
+          if [ -z "$COMMITS" ]; then
+            echo "No new commits since last tag"
+            echo "should-release=false" >> $GITHUB_OUTPUT
+            exit 0
+          fi
+          
+          # Determine release type based on commit messages
+          RELEASE_TYPE="patch"
+          
+          # Check for breaking changes
+          if echo "$COMMITS" | grep -q "BREAKING CHANGE" || echo "$COMMITS" | grep -q '!:'; then
+            RELEASE_TYPE="major"
+          # Check for new features
+          elif echo "$COMMITS" | grep -q "^feat"; then
+            RELEASE_TYPE="minor"
+          fi
+          
+          echo "Release type: $RELEASE_TYPE"
+          
+          # Calculate new version
+          CURRENT_VERSION=$(node -p "require('./package.json').version")
+          echo "Current version: $CURRENT_VERSION"
+          
+          # Use semver to calculate new version
+          NEW_VERSION=$(node -e "
+            const SemVer = require('@pawel-up/semver/classes/semver.js').default || require('@pawel-up/semver/classes/semver.js');
+            const ver = new SemVer('$CURRENT_VERSION');
+            ver.inc('$RELEASE_TYPE');
+            console.log(ver.format());
+          " CURRENT_VERSION="$CURRENT_VERSION" RELEASE_TYPE="$RELEASE_TYPE")
+          
+          echo "New version: $NEW_VERSION"
+          
+          echo "should-release=true" >> $GITHUB_OUTPUT
+          echo "release-type=$RELEASE_TYPE" >> $GITHUB_OUTPUT
+          echo "new-version=$NEW_VERSION" >> $GITHUB_OUTPUT
+
+  release:
+    name: Create Release
+    needs: [test, determine-release]
+    if: needs.determine-release.outputs.should-release == 'true'
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      issues: write
+      pull-requests: write
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          token: ${{ secrets.GITHUB_TOKEN }}
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: 'npm'
+          registry-url: 'https://registry.npmjs.org'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Update version
+        run: |
+          # Update package.json version
+          NEW_VERSION="${{ needs.determine-release.outputs.new-version }}"
+          npm version $NEW_VERSION --no-git-tag-version
+          git add package.json
+          
+          # Commit version bump
+          # git config --local user.email "action@github.com"
+          # git config --local user.name "GitHub Action"
+          # git add package.json
+          # git commit -m "chore: bump version to $NEW_VERSION"
+          # git push
+
+      - uses: qoomon/actions--create-commit@v1
+        id: commit
+        with:
+          message: "chore: bump version to ${{ needs.determine-release.outputs.new-version }}"
+          skip-empty: true
+      
+      - run: git push
+      
+      - name: Build
+        run: npm run build
+      
+      - name: Generate changelog
+        id: changelog
+        run: |
+          echo "changelog<<EOF" >> $GITHUB_OUTPUT
+          npx conventional-changelog-cli@latest release --preset conventionalcommits --release-count 1 >> $GITHUB_OUTPUT
+          echo "EOF" >> $GITHUB_OUTPUT
+      
+      - name: Create Release
+        uses: softprops/action-gh-release@v2
+        with:
+          tag_name: v${{ needs.determine-release.outputs.new-version }}
+          body: ${{ steps.changelog.outputs.changelog }}
+          draft: false
+          prerelease: false
+          generate_release_notes: false
+      
+      - name: Publish to npm
+        run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} 

package/.github/workflows/release.yml

@@ -0,0 +1,82 @@
+name: Manual Release
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+env:
+  FORCE_COLOR: 1
+
+jobs:
+  test:
+    name: Test
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: 'npm'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Install playwright browsers
+        run: npx playwright install --with-deps
+      
+      - name: Run tests
+        run: npm test
+
+  release:
+    name: Create Release
+    needs: test
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      issues: write
+      pull-requests: write
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          token: ${{ secrets.GITHUB_TOKEN }}
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: 'npm'
+          registry-url: 'https://registry.npmjs.org'
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Build
+        run: npm run build
+      
+      - name: Generate changelog
+        id: changelog
+        run: |
+          echo "changelog<<EOF" >> $GITHUB_OUTPUT
+          npx conventional-changelog-cli@latest release --preset conventionalcommits --release-count 1 >> $GITHUB_OUTPUT
+          echo "EOF" >> $GITHUB_OUTPUT
+      
+      - name: Create Release
+        uses: softprops/action-gh-release@v2
+        with:
+          body: ${{ steps.changelog.outputs.changelog }}
+          draft: false
+          prerelease: false
+          generate_release_notes: false
+      
+      - name: Publish to npm
+        run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} 

package/.github/workflows/test.yml

@@ -0,0 +1,42 @@
+name: Test
+
+on:
+  pull_request:
+    branches:
+      - main
+  push:
+    branches:
+      - main
+
+env:
+  FORCE_COLOR: 1
+
+jobs:
+  test:
+    name: Test
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: 'npm'
+
+      - uses: google/wireit@setup-github-actions-caching/v2
+      
+      - name: Install dependencies
+        run: npm ci
+      
+      - name: Install playwright browsers
+        run: npx playwright install --with-deps
+      
+      - name: Run tests
+        run: npm test
+      
+      - name: Run linting
+        run: npm run lint

package/RELEASE.md

@@ -0,0 +1,163 @@
+# Release Guide
+
+This project uses an **automated release system** with conventional commits and GitHub Actions. Releases are automatically created when changes are merged to the main branch.
+
+## 🚀 Automated Releases (Recommended)
+
+### How It Works
+
+1. **Push to main branch** (usually via PR merge)
+2. **Tests run automatically** to ensure quality
+3. **System analyzes commit messages** since the last release
+4. **Release type is determined automatically:**
+   - `major` - if commits contain "breaking:" or "!:"
+   - `minor` - if commits contain "feat:" (new features)
+   - `patch` - for all other changes (bug fixes, docs, etc.)
+5. **Release is created automatically** with changelog and npm publish
+
+### Commit Message Examples
+
+```bash
+# Major release (breaking changes)
+git commit -m "feat!: remove deprecated API"
+git commit -m "feat: new system
+
+BREAKING CHANGE: Old methods no longer work"
+
+# Minor release (new features)
+git commit -m "feat: add OAuth2 support"
+git commit -m "feat(auth): implement JWT tokens"
+
+# Patch release (bug fixes, docs, etc.)
+git commit -m "fix: resolve memory leak"
+git commit -m "docs: update API documentation"
+git commit -m "chore: update dependencies"
+```
+
+### What Happens Automatically
+
+1. ✅ Tests run to ensure everything works
+2. ✅ Version is bumped in `package.json`
+3. ✅ Changes are committed with conventional commit message
+4. ✅ Git tag is created (e.g., `v1.2.3`)
+5. ✅ GitHub release is created with automated changelog
+6. ✅ Package is published to npm
+
+## 🔧 Manual Releases (Fallback)
+
+If you need to create a release manually (e.g., for hotfixes or special releases):
+
+### Option 1: Use the release script
+
+```bash
+# Create a patch release (bug fixes)
+npm run release:patch
+
+# Create a minor release (new features)
+npm run release:minor
+
+# Create a major release (breaking changes)
+npm run release:major
+
+# Or use the default (patch)
+npm run release
+```
+
+### Option 2: Manual tag creation
+
+```bash
+npm run build
+# Update version in package.json
+npm version patch --no-git-tag-version
+
+# Commit the change
+git add package.json
+git commit -m "chore: bump version to X.Y.Z"
+
+# Create and push tag
+git tag vX.Y.Z
+git push origin main
+git push origin vX.Y.Z
+```
+
+## 📋 Conventional Commits
+
+The release system uses conventional commits to generate changelogs. Your commit messages should follow this format:
+
+```plain
+type(scope): description
+
+[optional body]
+
+[optional footer]
+```
+
+### Commit Types
+
+- `feat`: New features (triggers minor release)
+- `fix`: Bug fixes (triggers patch release)
+- `docs`: Documentation changes
+- `style`: Code style changes (formatting, etc.)
+- `refactor`: Code refactoring
+- `test`: Adding or updating tests
+- `chore`: Maintenance tasks
+
+### Breaking Changes
+
+To indicate a breaking change, use either:
+
+- `!:` in the commit message: `feat!: remove deprecated API`
+- `BREAKING CHANGE:` in the commit body:
+
+  ```plain
+  feat: new authentication system
+  
+  BREAKING CHANGE: Old auth methods are no longer supported
+  ```
+
+## 🔄 Workflow Comparison
+
+| Aspect | Automated Release | Manual Release |
+|--------|------------------|----------------|
+| **Trigger** | Push to main | Tag push or script |
+| **Release Type** | Auto-detected from commits | Manually specified |
+| **Effort** | Zero - fully automated | Manual intervention |
+| **Use Case** | Regular development flow | Hotfixes, special releases |
+
+## 🛠️ Configuration
+
+The release system is configured in:
+
+- `.github/workflows/auto-release.yml` - Automated release workflow
+- `.github/workflows/release.yml` - Manual release workflow (fallback)
+- `scripts/release.js` - Manual release automation script
+- `commitlint.config.js` - Conventional commits configuration
+- `package.json` - Version management and scripts
+
+## 🚨 Troubleshooting
+
+### Common Issues
+
+1. **No release created**: Check if commits follow conventional format
+2. **Wrong release type**: Ensure commit messages use correct prefixes
+3. **Tests failing**: Release won't proceed if tests fail
+4. **Permission denied**: Ensure GitHub token has write permissions
+
+### Debugging
+
+The automated workflow logs will show:
+
+- Last tag found
+- Commits since last tag
+- Determined release type
+- Calculated new version
+
+### Rollback
+
+If you need to rollback a release:
+
+1. Delete the tag locally: `git tag -d vX.Y.Z`
+2. Delete the tag on GitHub: `git push origin :refs/tags/vX.Y.Z`
+3. Revert the version in `package.json`
+4. Commit the revert: `git commit -m "chore: revert version to X.Y.Z"`
+5. Push the changes: `git push origin main`

package/RELEASE_SETUP.md

@@ -0,0 +1,235 @@
+# Automated Release System Setup
+
+## 🎯 Overview
+
+This project now has a **fully automated release system** that:
+
+1. **Automatically detects release types** from commit messages
+2. **Creates releases on every merge to main** (when there are changes)
+3. **Generates changelogs** from conventional commits
+4. **Publishes to npm** automatically
+5. **Provides manual fallback** for special cases
+
+## 🔄 How It Works
+
+### Automated Flow
+
+```plain
+Push to main → Tests run → Analyze commits → Determine release type → Create release
+```
+
+1. **Trigger**: Any push to the `main` branch (usually PR merges)
+2. **Testing**: Full test suite runs to ensure quality
+3. **Analysis**: System examines commits since last release
+4. **Decision**: Release type determined by commit messages:
+   - `major`: Breaking changes (`!:` or `BREAKING CHANGE:`)
+   - `minor`: New features (`feat:`)
+   - `patch`: Everything else (`fix:`, `docs:`, `chore:`, etc.)
+5. **Release**: If changes exist, creates GitHub release + npm publish
+
+### Manual Fallback
+
+```plain
+Create tag → Manual release workflow → Create release
+```
+
+For hotfixes or special releases, you can still use manual methods.
+
+## 📁 Workflow Files
+
+### `.github/workflows/auto-release.yml`
+
+- **Purpose**: Main automated release workflow
+- **Trigger**: Push to main branch
+- **Jobs**:
+  - `test`: Run tests
+  - `determine-release`: Analyze commits and decide release type
+  - `release`: Create release and publish
+
+### `.github/workflows/release.yml`
+
+- **Purpose**: Manual release fallback
+- **Trigger**: Push of version tags (`v*`)
+- **Use case**: Manual releases, hotfixes
+
+### `.github/workflows/test.yml`
+
+- **Purpose**: Quality assurance
+- **Trigger**: PRs and pushes to main
+- **Jobs**: Run tests and linting
+
+## 🎯 Release Type Detection
+
+The system analyzes commit messages since the last release:
+
+### Major Release (X.0.0)
+
+```bash
+git commit -m "feat!: remove deprecated API"
+git commit -m "feat: new system
+
+BREAKING CHANGE: Old methods no longer work"
+```
+
+### Minor Release (0.X.0)
+
+```bash
+git commit -m "feat: add OAuth2 support"
+git commit -m "feat(auth): implement JWT tokens"
+```
+
+### Patch Release (0.0.X)
+
+```bash
+git commit -m "fix: resolve memory leak"
+git commit -m "docs: update API docs"
+git commit -m "chore: update dependencies"
+```
+
+## 🛠️ Configuration Details
+
+### Commit Analysis Logic
+
+```bash
+# Check for breaking changes first
+if echo "$COMMITS" | grep -q "BREAKING CHANGE\|!:"; then
+  RELEASE_TYPE="major"
+# Then check for new features
+elif echo "$COMMITS" | grep -q "^feat"; then
+  RELEASE_TYPE="minor"
+# Default to patch
+else
+  RELEASE_TYPE="patch"
+fi
+```
+
+### Version Calculation
+
+Uses the `@pawel-up/semver` package for proper semantic versioning:
+
+```javascript
+import SemVer from '@pawel-up/semver/classes/semver.js';
+const ver = new SemVer(currentVersion);
+ver.inc(releaseType);
+return ver.format();
+```
+
+### Changelog Generation
+
+Uses `conventional-changelog-cli` with the `conventionalcommits` preset:
+
+```bash
+npx conventional-changelog-cli@latest release --preset conventionalcommits --release-count 1
+```
+
+## 🔧 Setup Requirements
+
+### GitHub Secrets
+
+- `GITHUB_TOKEN`: Automatically provided
+- `NPM_TOKEN`: Required for npm publishing
+
+### Dependencies
+
+- `conventional-changelog-cli`: For changelog generation
+- `@pawel-up/semver`: For version calculation
+- `@commitlint/config-conventional`: For commit validation
+
+### Permissions
+
+The workflows require these permissions:
+
+- `contents: write` - Create releases and tags
+- `issues: write` - Update issues
+- `pull-requests: write` - Update PRs
+
+## 🚀 Usage Examples
+
+### Normal Development Flow
+
+1. **Create feature branch**
+
+   ```bash
+   git checkout -b feature/new-auth
+   ```
+
+2. **Make changes with proper commits**
+
+   ```bash
+   git commit -m "feat: add OAuth2 authentication"
+   git commit -m "docs: update authentication docs"
+   ```
+
+3. **Create PR and merge to main**
+   - PR triggers test workflow
+   - Merge triggers auto-release workflow
+   - System creates minor release automatically
+
+### Hotfix Flow
+
+1. **Create hotfix branch**
+
+   ```bash
+   git checkout -b hotfix/critical-bug
+   ```
+
+2. **Fix and commit**
+
+   ```bash
+   git commit -m "fix: resolve critical memory leak"
+   ```
+
+3. **Merge to main**
+   - System creates patch release automatically
+
+### Manual Release (if needed)
+
+```bash
+# For immediate release
+npm run release:patch
+
+# Or create tag manually
+git tag v1.2.3
+git push origin v1.2.3
+```
+
+## 🔍 Monitoring and Debugging
+
+### Workflow Logs
+
+Check the GitHub Actions tab to see:
+
+- Which commits were analyzed
+- What release type was determined
+- Why a release was or wasn't created
+
+### Common Issues
+
+1. **No release created**: No new commits since last tag
+2. **Wrong release type**: Check commit message format
+3. **Tests failing**: Release won't proceed
+4. **Permission errors**: Check GitHub token permissions
+
+### Debugging Commands
+
+```bash
+# Check last tag
+git describe --tags --abbrev=0
+
+# See commits since last tag
+git log --pretty=format:"%s" $(git describe --tags --abbrev=0)..HEAD
+
+# Check conventional commit format
+npx commitlint --edit .git/COMMIT_EDITMSG
+```
+
+## 🎉 Benefits
+
+1. **Zero manual intervention** for regular releases
+2. **Consistent release process** with proper semantic versioning
+3. **Automatic changelog generation** from commit history
+4. **Quality gates** with automated testing
+5. **Flexible fallback** for special cases
+6. **Proper audit trail** with conventional commits
+
+This setup provides a modern, automated release system that follows industry best practices and reduces manual work while ensuring quality and consistency.

package/build/src/elements/highlight/MarkdownStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownStyles.d.ts","sourceRoot":"","sources":["../../../../src/elements/highlight/MarkdownStyles.ts"],"names":[],"mappings":";AAkDA,wBA6XC"}
+{"version":3,"file":"MarkdownStyles.d.ts","sourceRoot":"","sources":["../../../../src/elements/highlight/MarkdownStyles.ts"],"names":[],"mappings":";AAkDA,wBAyXC"}

package/build/src/elements/highlight/MarkdownStyles.js

@@ -49,7 +49,6 @@ defined here are scoped to a container with this class name.
 import { css } from 'lit';
 export default css `
   [slot='markdown-html'] {
-    /* -webkit-font-smoothing: var(--api-font-font-smoothing); */
     font-family: var(--md-sys-typescale-body-large-font);
     font-weight: var(--md-sys-typescale-body-large-weight);
     font-size: var(--md-sys-typescale-body-large-size);
@@ -224,7 +223,6 @@ export default css `
   }
 
   [slot='markdown-html'] table {
-    -webkit-font-smoothing: var(--api-font-font-smoothing);
     font-family: var(--md-sys-typescale-body-large-font);
     font-weight: var(--md-sys-typescale-body-large-weight);
     font-size: var(--md-sys-typescale-body-large-size);
@@ -273,8 +271,7 @@ export default css `
 
   [slot='markdown-html'] code,
   [slot='markdown-html'] tt {
-    font-family: var(--api-font-code-family, 'Roboto Mono, Consolas, Menlo, monospace');
-    -webkit-font-smoothing: var(--api-font-font-smoothing);
+    font-family: var(--markdown-styles-code-font-family, 'Roboto Mono, Consolas, Menlo, monospace');
     padding: 0;
     padding-top: 0.2em;
     padding-bottom: 0.2em;
@@ -294,8 +291,7 @@ export default css `
 */
   [slot='markdown-html'] code,
   [slot='markdown-html'] pre {
-    font-family: var(--api-font-code-family, 'Roboto Mono, Consolas, Menlo, monospace');
-    -webkit-font-smoothing: var(--api-font-font-smoothing);
+    font-family: var(--markdown-styles-code-font-family, 'Roboto Mono, Consolas, Menlo, monospace');
     color: var(--code-color, black);
     background-color: var(--code-background-color);
     text-shadow: var(--markdown-styles-code-text-shadow, 0 1px white);

package/build/src/elements/highlight/MarkdownStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownStyles.js","sourceRoot":"","sources":["../../../../src/elements/highlight/MarkdownStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;EAYE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6XjB,CAAA","sourcesContent":["/**\n@license\nCopyright 2016 The Advanced REST client authors <arc@mulesoft.com>\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not\nuse this file except in compliance with the License. You may obtain a copy of\nthe License at\nhttp://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\nWARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\nLicense for the specific language governing permissions and limitations under\nthe License.\n*/\n/**\n## Styles for markdown viewer\n\nIt should be included where the `marked-highlight` is used.\n\n## Usage example\n\n```javascript\nimport { LitElement, html, css } from 'lit';\nimport { MarkdownStyles } from '@api-client/ui';\n\nclass MarkdownImpl extends LitElement {\n  static get styles() {\n    return [\n      css`\n        :host {\n          ...\n        }\n      `,\n      MarkdownStyles,\n    ]\n  }\n\n  render() {\n    return html`\n    <marked-highlight markdown=\"....\">\n      <div class=\"markdown-html\"></div>\n    </marked-highlight>`;\n  }\n}\n```\n\nNote use of the `markdown-html` CSS rules. It is required by markdown element also all css rules\ndefined here are scoped to a container with this class name.\n*/\nimport { css } from 'lit'\n\nexport default css`\n  [slot='markdown-html'] {\n    /* -webkit-font-smoothing: var(--api-font-font-smoothing); */\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  [slot='markdown-html'] h1,\n  [slot='markdown-html'] h2,\n  [slot='markdown-html'] h3,\n  [slot='markdown-html'] h4,\n  [slot='markdown-html'] h5,\n  [slot='markdown-html'] h6 {\n    color: inherit;\n  }\n\n  [slot='markdown-html'] h1 tt,\n  [slot='markdown-html'] h1 code,\n  [slot='markdown-html'] h2 tt,\n  [slot='markdown-html'] h2 code,\n  [slot='markdown-html'] h3 tt,\n  [slot='markdown-html'] h3 code,\n  [slot='markdown-html'] h4 tt,\n  [slot='markdown-html'] h4 code,\n  [slot='markdown-html'] h5 tt,\n  [slot='markdown-html'] h5 code,\n  [slot='markdown-html'] h6 tt,\n  [slot='markdown-html'] h6 code {\n    font-size: inherit;\n  }\n\n  [slot='markdown-html'] h1 {\n    font-family: var(--md-sys-typescale-headline-large-font);\n    font-weight: var(--md-sys-typescale-headline-large-weight);\n    font-size: var(--md-sys-typescale-headline-large-size);\n    letter-spacing: var(--md-sys-typescale-headline-large-tracking);\n    line-height: var(--md-sys-typescale-headline-large-height);\n    border-bottom: 1px solid var(--markdown-styles-title-border-bottom-color, #eee);\n    padding-top: 1rem;\n    padding-bottom: 0.5rem;\n  }\n\n  [slot='markdown-html'] h2 {\n    font-family: var(--md-sys-typescale-headline-medium-font);\n    font-weight: var(--md-sys-typescale-headline-medium-weight);\n    font-size: var(--md-sys-typescale-headline-medium-size);\n    letter-spacing: var(--md-sys-typescale-headline-medium-tracking);\n    line-height: var(--md-sys-typescale-headline-medium-height);\n    border-bottom: 1px solid var(--markdown-styles-title-border-bottom-color, #eee);\n  }\n\n  [slot='markdown-html'] h3 {\n    font-family: var(--md-sys-typescale-headline-small-font);\n    font-weight: var(--md-sys-typescale-headline-small-weight);\n    font-size: var(--md-sys-typescale-headline-small-size);\n    letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n    line-height: var(--md-sys-typescale-headline-small-height);\n  }\n\n  [slot='markdown-html'] h4 {\n    font-family: var(--md-sys-typescale-title-large-font);\n    font-weight: var(--md-sys-typescale-title-large-weight);\n    font-size: var(--md-sys-typescale-title-large-size);\n    letter-spacing: var(--md-sys-typescale-title-large-tracking);\n    line-height: var(--md-sys-typescale-title-large-height);\n  }\n\n  [slot='markdown-html'] h5 {\n    font-family: var(--md-sys-typescale-title-medium-font);\n    font-weight: var(--md-sys-typescale-title-medium-weight);\n    font-size: var(--md-sys-typescale-title-medium-size);\n    letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n    line-height: var(--md-sys-typescale-title-medium-height);\n  }\n\n  [slot='markdown-html'] h6 {\n    font-family: var(--md-sys-typescale-title-small-font);\n    font-weight: var(--md-sys-typescale-title-small-weight);\n    font-size: var(--md-sys-typescale-title-small-size);\n    letter-spacing: var(--md-sys-typescale-title-small-tracking);\n    line-height: var(--md-sys-typescale-title-small-height);\n  }\n\n  [slot='markdown-html'] p,\n  [slot='markdown-html'] blockquote,\n  [slot='markdown-html'] ul,\n  [slot='markdown-html'] ol,\n  [slot='markdown-html'] dl,\n  [slot='markdown-html'] table,\n  [slot='markdown-html'] pre {\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n    margin-top: 0;\n    margin-bottom: 16px;\n  }\n\n  [slot='markdown-html'] a {\n    color: var(--link-color);\n  }\n\n  [slot='markdown-html'] a:hover {\n    color: var(--link-hover-color);\n  }\n\n  [slot='markdown-html'] > *:last-child {\n    margin-bottom: 0;\n  }\n\n  [slot='markdown-html'] hr {\n    height: 4px;\n    padding: 0;\n    margin: 16px 0;\n    background-color: var(--markdown-styles-hr-color, #e7e7e7);\n    border: 0 none;\n  }\n\n  [slot='markdown-html'] ul,\n  [slot='markdown-html'] ol {\n    padding-left: 2em;\n  }\n\n  [slot='markdown-html'] ul.no-list,\n  [slot='markdown-html'] ol.no-list {\n    padding: 0;\n    list-style-type: none;\n  }\n\n  [slot='markdown-html'] ul ul,\n  [slot='markdown-html'] ul ol,\n  [slot='markdown-html'] ol ol,\n  [slot='markdown-html'] ol ul {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  [slot='markdown-html'] li > p {\n    margin-top: 16px;\n  }\n\n  [slot='markdown-html'] dl {\n    padding: 0;\n  }\n\n  [slot='markdown-html'] dl dt {\n    padding: 0;\n    margin-top: 16px;\n    font-size: 1em;\n    font-style: italic;\n    font-weight: bold;\n  }\n\n  [slot='markdown-html'] dl dd {\n    padding: 0 16px;\n    margin-bottom: 16px;\n  }\n\n  [slot='markdown-html'] blockquote {\n    padding: 0 15px;\n    color: var(--markdown-styles-blockquote-color, #777);\n    border-left: 4px solid var(--markdown-styles-blockquote-border-left-color, #ddd);\n  }\n\n  [slot='markdown-html'] blockquote > :first-child {\n    margin-top: 0;\n  }\n\n  [slot='markdown-html'] blockquote > :last-child {\n    margin-bottom: 0;\n  }\n\n  [slot='markdown-html'] table {\n    -webkit-font-smoothing: var(--api-font-font-smoothing);\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: normal;\n    word-break: keep-all;\n    border-collapse: collapse;\n  }\n\n  [slot='markdown-html'] table th {\n    font-weight: bold;\n  }\n\n  [slot='markdown-html'] table th,\n  [slot='markdown-html'] table td {\n    padding: 6px 13px;\n    border: 1px solid var(--markdown-styles-table-header-border-color, #ddd);\n  }\n\n  [slot='markdown-html'] table tr {\n    background-color: var(--markdown-styles-table-row-background-color, #fff);\n    border-top: 1px solid #ccc;\n  }\n\n  [slot='markdown-html'] table tr:nth-child(2n) {\n    background-color: var(--markdown-styles-table-even-row-background-color, #f8f8f8);\n  }\n\n  [slot='markdown-html'] img {\n    max-width: 100%;\n    box-sizing: content-box;\n    background-color: var(--markdown-styles-image-background-color, #fff);\n  }\n\n  [slot='markdown-html'] img[align='right'] {\n    padding-left: 20px;\n  }\n\n  [slot='markdown-html'] img[align='left'] {\n    padding-right: 20px;\n  }\n\n  [slot='markdown-html'] code,\n  [slot='markdown-html'] tt {\n    font-family: var(--api-font-code-family, 'Roboto Mono, Consolas, Menlo, monospace');\n    -webkit-font-smoothing: var(--api-font-font-smoothing);\n    padding: 0;\n    padding-top: 0.2em;\n    padding-bottom: 0.2em;\n    margin: 0;\n    background-color: var(--markdown-styles-code-background-color, rgba(0, 0, 0, 0.04));\n    border-radius: 2px;\n  }\n\n  [slot='markdown-html'] pre {\n    word-wrap: normal;\n  }\n\n  /**\n* prism.js default theme for JavaScript, CSS and HTML\n* Based on dabblet (http://dabblet.com)\n* @author Lea Verou\n*/\n  [slot='markdown-html'] code,\n  [slot='markdown-html'] pre {\n    font-family: var(--api-font-code-family, 'Roboto Mono, Consolas, Menlo, monospace');\n    -webkit-font-smoothing: var(--api-font-font-smoothing);\n    color: var(--code-color, black);\n    background-color: var(--code-background-color);\n    text-shadow: var(--markdown-styles-code-text-shadow, 0 1px white);\n    text-align: left;\n    word-break: break-all;\n    white-space: pre-wrap;\n    word-spacing: normal;\n    line-height: 1.5;\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n\n  [slot='markdown-html'] pre::-moz-selection,\n  [slot='markdown-html'] pre ::-moz-selection,\n  [slot='markdown-html'] code::-moz-selection,\n  [slot='markdown-html'] code ::-moz-selection {\n    text-shadow: none;\n    background: var(--markdown-styles-code-selection-background-color, #b3d4fc);\n  }\n\n  [slot='markdown-html'] pre::selection,\n  [slot='markdown-html'] pre ::selection,\n  [slot='markdown-html'] code::selection,\n  [slot='markdown-html'] code ::selection {\n    text-shadow: none;\n    background: var(--markdown-styles-code-selection-background-color, #b3d4fc);\n  }\n\n  @media print {\n    [slot='markdown-html'] code,\n    [slot='markdown-html'] pre {\n      text-shadow: none;\n    }\n  }\n\n  /* Code blocks */\n  [slot='markdown-html'] pre {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n  }\n\n  [slot='markdown-html'] :not(pre) > code,\n  [slot='markdown-html'] pre,\n  pre[slot='markdown-html'] {\n    background: var(--code-background-color, #f5f2f0);\n    border: var(--inline-code-border, inherit);\n  }\n\n  /* Inline code */\n  [slot='markdown-html'] :not(pre) > code {\n    padding: var(--inline-code-padding, 0.1em);\n    border-radius: 0.3em;\n    white-space: normal;\n  }\n\n  [slot='markdown-html'] .token.comment,\n  [slot='markdown-html'] .token.prolog,\n  [slot='markdown-html'] .token.doctype,\n  [slot='markdown-html'] .token.cdata {\n    color: var(--markdown-styles-code-cdata-color, slategray);\n  }\n\n  [slot='markdown-html'] .token.punctuation {\n    color: var(--code-punctuation-value-color, #999);\n  }\n\n  [slot='markdown-html'] .namespace {\n    opacity: 0.7;\n  }\n\n  [slot='markdown-html'] .token.property,\n  [slot='markdown-html'] .token.tag,\n  [slot='markdown-html'] .token.boolean,\n  [slot='markdown-html'] .token.number,\n  [slot='markdown-html'] .token.constant,\n  [slot='markdown-html'] .token.symbol,\n  [slot='markdown-html'] .token.deleted {\n    color: var(--code-type-number-value-color, #905);\n  }\n\n  [slot='markdown-html'] .token.selector,\n  [slot='markdown-html'] .token.attr-name,\n  [slot='markdown-html'] .token.string,\n  [slot='markdown-html'] .token.char,\n  [slot='markdown-html'] .token.builtin,\n  [slot='markdown-html'] .token.inserted {\n    color: var(--code-type-text-value-color, #690);\n  }\n\n  [slot='markdown-html'] .token.operator,\n  [slot='markdown-html'] .token.entity,\n  [slot='markdown-html'] .token.url,\n  [slot='markdown-html'] .language-css .token.string,\n  [slot='markdown-html'] .style .token.string {\n    color: var(--code-punctuation-value-color, #a67f59);\n    background: hsla(0, 0%, 100%, 0.5);\n  }\n\n  [slot='markdown-html'] .token.atrule,\n  [slot='markdown-html'] .token.attr-value,\n  [slot='markdown-html'] .token.keyword {\n    color: var(--markdown-styles-code-keyword-color, #07a);\n  }\n\n  [slot='markdown-html'] .token.function {\n    color: var(--markdown-styles-code-function-color, #dd4a68);\n  }\n\n  [slot='markdown-html'] .token.regex,\n  [slot='markdown-html'] .token.important,\n  [slot='markdown-html'] .token.variable {\n    color: var(--markdown-styles-variable-color, #e90);\n  }\n\n  [slot='markdown-html'] .token.important,\n  [slot='markdown-html'] .token.bold {\n    font-weight: bold;\n  }\n  [slot='markdown-html'] .token.italic {\n    font-style: italic;\n  }\n\n  [slot='markdown-html'] .token.entity {\n    cursor: help;\n  }\n`\n"]}
+{"version":3,"file":"MarkdownStyles.js","sourceRoot":"","sources":["../../../../src/elements/highlight/MarkdownStyles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;EAYE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyXjB,CAAA","sourcesContent":["/**\n@license\nCopyright 2016 The Advanced REST client authors <arc@mulesoft.com>\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not\nuse this file except in compliance with the License. You may obtain a copy of\nthe License at\nhttp://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\nWARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\nLicense for the specific language governing permissions and limitations under\nthe License.\n*/\n/**\n## Styles for markdown viewer\n\nIt should be included where the `marked-highlight` is used.\n\n## Usage example\n\n```javascript\nimport { LitElement, html, css } from 'lit';\nimport { MarkdownStyles } from '@api-client/ui';\n\nclass MarkdownImpl extends LitElement {\n  static get styles() {\n    return [\n      css`\n        :host {\n          ...\n        }\n      `,\n      MarkdownStyles,\n    ]\n  }\n\n  render() {\n    return html`\n    <marked-highlight markdown=\"....\">\n      <div class=\"markdown-html\"></div>\n    </marked-highlight>`;\n  }\n}\n```\n\nNote use of the `markdown-html` CSS rules. It is required by markdown element also all css rules\ndefined here are scoped to a container with this class name.\n*/\nimport { css } from 'lit'\n\nexport default css`\n  [slot='markdown-html'] {\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n  }\n\n  [slot='markdown-html'] h1,\n  [slot='markdown-html'] h2,\n  [slot='markdown-html'] h3,\n  [slot='markdown-html'] h4,\n  [slot='markdown-html'] h5,\n  [slot='markdown-html'] h6 {\n    color: inherit;\n  }\n\n  [slot='markdown-html'] h1 tt,\n  [slot='markdown-html'] h1 code,\n  [slot='markdown-html'] h2 tt,\n  [slot='markdown-html'] h2 code,\n  [slot='markdown-html'] h3 tt,\n  [slot='markdown-html'] h3 code,\n  [slot='markdown-html'] h4 tt,\n  [slot='markdown-html'] h4 code,\n  [slot='markdown-html'] h5 tt,\n  [slot='markdown-html'] h5 code,\n  [slot='markdown-html'] h6 tt,\n  [slot='markdown-html'] h6 code {\n    font-size: inherit;\n  }\n\n  [slot='markdown-html'] h1 {\n    font-family: var(--md-sys-typescale-headline-large-font);\n    font-weight: var(--md-sys-typescale-headline-large-weight);\n    font-size: var(--md-sys-typescale-headline-large-size);\n    letter-spacing: var(--md-sys-typescale-headline-large-tracking);\n    line-height: var(--md-sys-typescale-headline-large-height);\n    border-bottom: 1px solid var(--markdown-styles-title-border-bottom-color, #eee);\n    padding-top: 1rem;\n    padding-bottom: 0.5rem;\n  }\n\n  [slot='markdown-html'] h2 {\n    font-family: var(--md-sys-typescale-headline-medium-font);\n    font-weight: var(--md-sys-typescale-headline-medium-weight);\n    font-size: var(--md-sys-typescale-headline-medium-size);\n    letter-spacing: var(--md-sys-typescale-headline-medium-tracking);\n    line-height: var(--md-sys-typescale-headline-medium-height);\n    border-bottom: 1px solid var(--markdown-styles-title-border-bottom-color, #eee);\n  }\n\n  [slot='markdown-html'] h3 {\n    font-family: var(--md-sys-typescale-headline-small-font);\n    font-weight: var(--md-sys-typescale-headline-small-weight);\n    font-size: var(--md-sys-typescale-headline-small-size);\n    letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n    line-height: var(--md-sys-typescale-headline-small-height);\n  }\n\n  [slot='markdown-html'] h4 {\n    font-family: var(--md-sys-typescale-title-large-font);\n    font-weight: var(--md-sys-typescale-title-large-weight);\n    font-size: var(--md-sys-typescale-title-large-size);\n    letter-spacing: var(--md-sys-typescale-title-large-tracking);\n    line-height: var(--md-sys-typescale-title-large-height);\n  }\n\n  [slot='markdown-html'] h5 {\n    font-family: var(--md-sys-typescale-title-medium-font);\n    font-weight: var(--md-sys-typescale-title-medium-weight);\n    font-size: var(--md-sys-typescale-title-medium-size);\n    letter-spacing: var(--md-sys-typescale-title-medium-tracking);\n    line-height: var(--md-sys-typescale-title-medium-height);\n  }\n\n  [slot='markdown-html'] h6 {\n    font-family: var(--md-sys-typescale-title-small-font);\n    font-weight: var(--md-sys-typescale-title-small-weight);\n    font-size: var(--md-sys-typescale-title-small-size);\n    letter-spacing: var(--md-sys-typescale-title-small-tracking);\n    line-height: var(--md-sys-typescale-title-small-height);\n  }\n\n  [slot='markdown-html'] p,\n  [slot='markdown-html'] blockquote,\n  [slot='markdown-html'] ul,\n  [slot='markdown-html'] ol,\n  [slot='markdown-html'] dl,\n  [slot='markdown-html'] table,\n  [slot='markdown-html'] pre {\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n    margin-top: 0;\n    margin-bottom: 16px;\n  }\n\n  [slot='markdown-html'] a {\n    color: var(--link-color);\n  }\n\n  [slot='markdown-html'] a:hover {\n    color: var(--link-hover-color);\n  }\n\n  [slot='markdown-html'] > *:last-child {\n    margin-bottom: 0;\n  }\n\n  [slot='markdown-html'] hr {\n    height: 4px;\n    padding: 0;\n    margin: 16px 0;\n    background-color: var(--markdown-styles-hr-color, #e7e7e7);\n    border: 0 none;\n  }\n\n  [slot='markdown-html'] ul,\n  [slot='markdown-html'] ol {\n    padding-left: 2em;\n  }\n\n  [slot='markdown-html'] ul.no-list,\n  [slot='markdown-html'] ol.no-list {\n    padding: 0;\n    list-style-type: none;\n  }\n\n  [slot='markdown-html'] ul ul,\n  [slot='markdown-html'] ul ol,\n  [slot='markdown-html'] ol ol,\n  [slot='markdown-html'] ol ul {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  [slot='markdown-html'] li > p {\n    margin-top: 16px;\n  }\n\n  [slot='markdown-html'] dl {\n    padding: 0;\n  }\n\n  [slot='markdown-html'] dl dt {\n    padding: 0;\n    margin-top: 16px;\n    font-size: 1em;\n    font-style: italic;\n    font-weight: bold;\n  }\n\n  [slot='markdown-html'] dl dd {\n    padding: 0 16px;\n    margin-bottom: 16px;\n  }\n\n  [slot='markdown-html'] blockquote {\n    padding: 0 15px;\n    color: var(--markdown-styles-blockquote-color, #777);\n    border-left: 4px solid var(--markdown-styles-blockquote-border-left-color, #ddd);\n  }\n\n  [slot='markdown-html'] blockquote > :first-child {\n    margin-top: 0;\n  }\n\n  [slot='markdown-html'] blockquote > :last-child {\n    margin-bottom: 0;\n  }\n\n  [slot='markdown-html'] table {\n    font-family: var(--md-sys-typescale-body-large-font);\n    font-weight: var(--md-sys-typescale-body-large-weight);\n    font-size: var(--md-sys-typescale-body-large-size);\n    letter-spacing: var(--md-sys-typescale-body-large-tracking);\n    line-height: var(--md-sys-typescale-body-large-height);\n    display: block;\n    width: 100%;\n    overflow: auto;\n    word-break: normal;\n    word-break: keep-all;\n    border-collapse: collapse;\n  }\n\n  [slot='markdown-html'] table th {\n    font-weight: bold;\n  }\n\n  [slot='markdown-html'] table th,\n  [slot='markdown-html'] table td {\n    padding: 6px 13px;\n    border: 1px solid var(--markdown-styles-table-header-border-color, #ddd);\n  }\n\n  [slot='markdown-html'] table tr {\n    background-color: var(--markdown-styles-table-row-background-color, #fff);\n    border-top: 1px solid #ccc;\n  }\n\n  [slot='markdown-html'] table tr:nth-child(2n) {\n    background-color: var(--markdown-styles-table-even-row-background-color, #f8f8f8);\n  }\n\n  [slot='markdown-html'] img {\n    max-width: 100%;\n    box-sizing: content-box;\n    background-color: var(--markdown-styles-image-background-color, #fff);\n  }\n\n  [slot='markdown-html'] img[align='right'] {\n    padding-left: 20px;\n  }\n\n  [slot='markdown-html'] img[align='left'] {\n    padding-right: 20px;\n  }\n\n  [slot='markdown-html'] code,\n  [slot='markdown-html'] tt {\n    font-family: var(--markdown-styles-code-font-family, 'Roboto Mono, Consolas, Menlo, monospace');\n    padding: 0;\n    padding-top: 0.2em;\n    padding-bottom: 0.2em;\n    margin: 0;\n    background-color: var(--markdown-styles-code-background-color, rgba(0, 0, 0, 0.04));\n    border-radius: 2px;\n  }\n\n  [slot='markdown-html'] pre {\n    word-wrap: normal;\n  }\n\n  /**\n* prism.js default theme for JavaScript, CSS and HTML\n* Based on dabblet (http://dabblet.com)\n* @author Lea Verou\n*/\n  [slot='markdown-html'] code,\n  [slot='markdown-html'] pre {\n    font-family: var(--markdown-styles-code-font-family, 'Roboto Mono, Consolas, Menlo, monospace');\n    color: var(--code-color, black);\n    background-color: var(--code-background-color);\n    text-shadow: var(--markdown-styles-code-text-shadow, 0 1px white);\n    text-align: left;\n    word-break: break-all;\n    white-space: pre-wrap;\n    word-spacing: normal;\n    line-height: 1.5;\n    -moz-tab-size: 4;\n    -o-tab-size: 4;\n    tab-size: 4;\n\n    -webkit-hyphens: none;\n    -moz-hyphens: none;\n    -ms-hyphens: none;\n    hyphens: none;\n  }\n\n  [slot='markdown-html'] pre::-moz-selection,\n  [slot='markdown-html'] pre ::-moz-selection,\n  [slot='markdown-html'] code::-moz-selection,\n  [slot='markdown-html'] code ::-moz-selection {\n    text-shadow: none;\n    background: var(--markdown-styles-code-selection-background-color, #b3d4fc);\n  }\n\n  [slot='markdown-html'] pre::selection,\n  [slot='markdown-html'] pre ::selection,\n  [slot='markdown-html'] code::selection,\n  [slot='markdown-html'] code ::selection {\n    text-shadow: none;\n    background: var(--markdown-styles-code-selection-background-color, #b3d4fc);\n  }\n\n  @media print {\n    [slot='markdown-html'] code,\n    [slot='markdown-html'] pre {\n      text-shadow: none;\n    }\n  }\n\n  /* Code blocks */\n  [slot='markdown-html'] pre {\n    padding: 1em;\n    margin: 0.5em 0;\n    overflow: auto;\n  }\n\n  [slot='markdown-html'] :not(pre) > code,\n  [slot='markdown-html'] pre,\n  pre[slot='markdown-html'] {\n    background: var(--code-background-color, #f5f2f0);\n    border: var(--inline-code-border, inherit);\n  }\n\n  /* Inline code */\n  [slot='markdown-html'] :not(pre) > code {\n    padding: var(--inline-code-padding, 0.1em);\n    border-radius: 0.3em;\n    white-space: normal;\n  }\n\n  [slot='markdown-html'] .token.comment,\n  [slot='markdown-html'] .token.prolog,\n  [slot='markdown-html'] .token.doctype,\n  [slot='markdown-html'] .token.cdata {\n    color: var(--markdown-styles-code-cdata-color, slategray);\n  }\n\n  [slot='markdown-html'] .token.punctuation {\n    color: var(--code-punctuation-value-color, #999);\n  }\n\n  [slot='markdown-html'] .namespace {\n    opacity: 0.7;\n  }\n\n  [slot='markdown-html'] .token.property,\n  [slot='markdown-html'] .token.tag,\n  [slot='markdown-html'] .token.boolean,\n  [slot='markdown-html'] .token.number,\n  [slot='markdown-html'] .token.constant,\n  [slot='markdown-html'] .token.symbol,\n  [slot='markdown-html'] .token.deleted {\n    color: var(--code-type-number-value-color, #905);\n  }\n\n  [slot='markdown-html'] .token.selector,\n  [slot='markdown-html'] .token.attr-name,\n  [slot='markdown-html'] .token.string,\n  [slot='markdown-html'] .token.char,\n  [slot='markdown-html'] .token.builtin,\n  [slot='markdown-html'] .token.inserted {\n    color: var(--code-type-text-value-color, #690);\n  }\n\n  [slot='markdown-html'] .token.operator,\n  [slot='markdown-html'] .token.entity,\n  [slot='markdown-html'] .token.url,\n  [slot='markdown-html'] .language-css .token.string,\n  [slot='markdown-html'] .style .token.string {\n    color: var(--code-punctuation-value-color, #a67f59);\n    background: hsla(0, 0%, 100%, 0.5);\n  }\n\n  [slot='markdown-html'] .token.atrule,\n  [slot='markdown-html'] .token.attr-value,\n  [slot='markdown-html'] .token.keyword {\n    color: var(--markdown-styles-code-keyword-color, #07a);\n  }\n\n  [slot='markdown-html'] .token.function {\n    color: var(--markdown-styles-code-function-color, #dd4a68);\n  }\n\n  [slot='markdown-html'] .token.regex,\n  [slot='markdown-html'] .token.important,\n  [slot='markdown-html'] .token.variable {\n    color: var(--markdown-styles-variable-color, #e90);\n  }\n\n  [slot='markdown-html'] .token.important,\n  [slot='markdown-html'] .token.bold {\n    font-weight: bold;\n  }\n  [slot='markdown-html'] .token.italic {\n    font-style: italic;\n  }\n\n  [slot='markdown-html'] .token.entity {\n    cursor: help;\n  }\n`\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api-client/ui",
-  "version": "0.3.6",
+  "version": "0.4.1",
   "description": "Internal UI component library for the API Client ecosystem.",
   "license": "UNLICENSED",
   "main": "build/src/index.js",
@@ -77,9 +77,7 @@
     "build": {
       "command": "npm run copy-assets",
       "dependencies": [
-        "tsc",
-        "lint:prettier",
-        "lint:eslint"
+        "tsc"
       ]
     },
     "copy-assets": {
@@ -175,7 +173,7 @@
     }
   },
   "dependencies": {
-    "@api-client/core": "^0.14.0",
+    "@api-client/core": "^0.15.0",
     "@api-client/graph": "^0.3.6",
     "@api-client/json": "^0.2.0",
     "@github/relative-time-element": "^4.4.6",
@@ -198,6 +196,7 @@
     "@eslint/compat": "^1.2.8",
     "@eslint/js": "^9.26.0",
     "@open-wc/testing": "^4.0.0",
+    "@pawel-up/semver": "^0.1.4",
     "@types/marked": "^5.0.2",
     "@types/mocha": "^10.0.10",
     "@types/node": "^24.0.0",

package/src/elements/highlight/MarkdownStyles.ts

@@ -50,7 +50,6 @@ import { css } from 'lit'
 
 export default css`
   [slot='markdown-html'] {
-    /* -webkit-font-smoothing: var(--api-font-font-smoothing); */
     font-family: var(--md-sys-typescale-body-large-font);
     font-weight: var(--md-sys-typescale-body-large-weight);
     font-size: var(--md-sys-typescale-body-large-size);
@@ -225,7 +224,6 @@ export default css`
   }
 
   [slot='markdown-html'] table {
-    -webkit-font-smoothing: var(--api-font-font-smoothing);
     font-family: var(--md-sys-typescale-body-large-font);
     font-weight: var(--md-sys-typescale-body-large-weight);
     font-size: var(--md-sys-typescale-body-large-size);
@@ -274,8 +272,7 @@ export default css`
 
   [slot='markdown-html'] code,
   [slot='markdown-html'] tt {
-    font-family: var(--api-font-code-family, 'Roboto Mono, Consolas, Menlo, monospace');
-    -webkit-font-smoothing: var(--api-font-font-smoothing);
+    font-family: var(--markdown-styles-code-font-family, 'Roboto Mono, Consolas, Menlo, monospace');
     padding: 0;
     padding-top: 0.2em;
     padding-bottom: 0.2em;
@@ -295,8 +292,7 @@ export default css`
 */
   [slot='markdown-html'] code,
   [slot='markdown-html'] pre {
-    font-family: var(--api-font-code-family, 'Roboto Mono, Consolas, Menlo, monospace');
-    -webkit-font-smoothing: var(--api-font-font-smoothing);
+    font-family: var(--markdown-styles-code-font-family, 'Roboto Mono, Consolas, Menlo, monospace');
     color: var(--code-color, black);
     background-color: var(--code-background-color);
     text-shadow: var(--markdown-styles-code-text-shadow, 0 1px white);

package/.github/workflows/codeql-analysis.yml

@@ -1,67 +0,0 @@
-# For most projects, this workflow file will not need changing; you simply need
-# to commit it to your repository.
-#
-# You may wish to alter this file to override the set of languages analyzed,
-# or to provide custom queries or build logic.
-#
-# ******** NOTE ********
-# We have attempted to detect the languages in your repository. Please check
-# the `language` matrix defined below to confirm you have the correct set of
-# supported CodeQL languages.
-#
-name: "CodeQL"
-
-on:
-  push:
-    branches: [ master ]
-  pull_request:
-    # The branches below must be a subset of the branches above
-    branches: [ master ]
-  schedule:
-    - cron: '21 7 * * 5'
-
-jobs:
-  analyze:
-    name: Analyze
-    runs-on: ubuntu-latest
-
-    strategy:
-      fail-fast: false
-      matrix:
-        language: [ 'javascript' ]
-        # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
-        # Learn more:
-        # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
-
-    steps:
-    - name: Checkout repository
-      uses: actions/checkout@v2
-
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v1
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
-
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v1
-
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 https://git.io/JvXDl
-
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
-
-    #- run: |
-    #   make bootstrap
-    #   make release
-
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v1

package/.github/workflows/deployment.yml

@@ -1,88 +0,0 @@
-name: Tests and publishing
-env:
-  FORCE_COLOR: 1
-on:
-  push:
-    branches:
-      - main
-      - develop
-  pull_request:
-    branches:
-      - main
-jobs:
-  test_linux:
-    name: Ubuntu
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-      - name: Install NodeJS
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20
-      - name: Get npm cache directory
-        id: npm-cache-dir
-        shell: bash
-        run: echo "dir=$(npm config get cache)" >> ${GITHUB_OUTPUT}
-      - uses: actions/cache@v4
-        with:
-          path: ~/.npm
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
-      - uses: google/wireit@setup-github-actions-caching/v2
-      - name: Install dependencies
-        run: npm ci
-      - name: Install playwright browsers
-        run: npx playwright install chromium --with-deps
-      - name: Run tests
-        run: npm test
-  tag:
-    name: "Publishing release"
-    if: github.ref == 'refs/heads/main'
-    needs: 
-      - test_linux
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-      - name: Install NodeJS
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20
-          registry-url: 'https://registry.npmjs.org'
-      - uses: actions/cache@v4
-        with:
-          path: ~/.npm
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
-      - name: Install dependencies
-        run: npm ci
-      - name: build
-        run: npm run build
-      - name: Read version from package.json
-        uses: culshaw/read-package-node-version-actions@v1
-        id: package-node-version
-      - name: Changelog
-        uses: scottbrenner/generate-changelog-action@master
-        id: Changelog
-      - name: Github Release
-        id: create_release
-        uses: actions/create-release@latest
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        with:
-          tag_name: v${{ steps.package-node-version.outputs.version }}
-          release_name: v${{ steps.package-node-version.outputs.version }}
-          body: |
-            ${{ steps.Changelog.outputs.changelog }}
-          draft: false
-          prerelease: false
-      - run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}