diff --git a/.github/actions/pnpm-setup/action.yml b/.github/actions/pnpm-setup/action.yml new file mode 100644 index 0000000..a807bfe --- /dev/null +++ b/.github/actions/pnpm-setup/action.yml @@ -0,0 +1,33 @@ +name: pnpm Setup + +description: 'Setup pnpm, Node.js, and install dependencies' + +inputs: + pnpm-version: + description: 'pnpm version to install' + required: false + default: '10' + node-version: + description: 'Node.js version to use' + required: false + default: '24' + frozen-lockfile: + description: 'Use --frozen-lockfile flag' + required: false + default: 'false' + +runs: + using: 'composite' + steps: # https://pnpm.io/continuous-integration#github-actions + - uses: pnpm/action-setup@v4 + with: + version: ${{ inputs.pnpm-version }} + run_install: false + + - uses: actions/setup-node@v6 + with: + node-version: ${{ inputs.node-version }} + cache: 'pnpm' + + - run: pnpm i ${{ inputs.frozen-lockfile == 'true' && '--frozen-lockfile' || '' }} + shell: bash diff --git a/.github/actions/security-scan/action.yml b/.github/actions/security-scan/action.yml new file mode 100644 index 0000000..ff36135 --- /dev/null +++ b/.github/actions/security-scan/action.yml @@ -0,0 +1,92 @@ +name: 'Security Scan' +description: 'Runs pnpm audit, Trivy and ClamAV scans with a summary report.' +inputs: + enable-audit: + description: 'Whether to run pnpm audit.' + required: false + default: 'true' + enable-trivy: + description: 'Whether to run the Trivy scan.' + required: false + default: 'true' + enable-clamav: + description: 'Whether to run the ClamAV scan.' + required: false + default: 'true' + install-deps: + description: 'Whether to install dependencies before running the scans.' + required: false + default: 'false' +runs: + using: 'composite' + steps: + - name: Install dependencies + if: ${{ inputs.install-deps == 'true' }} + shell: bash + run: pnpm install --frozen-lockfile + + - name: Run pnpm audit + id: pnpm_audit + if: ${{ inputs.enable-audit == 'true' }} + shell: bash + run: pnpm audit --audit-level high + continue-on-error: true + + - name: Scan repository with Trivy + id: trivy + if: ${{ inputs.enable-trivy == 'true' }} + uses: aquasecurity/trivy-action@0.28.0 + with: + scan-type: 'fs' + scan-ref: '.' + ignore-unfixed: true + vuln-type: 'os,library' + severity: 'CRITICAL,HIGH' + format: 'table' + exit-code: '1' + continue-on-error: true + + - name: Scan repository with ClamAV + id: clamav + if: ${{ inputs.enable-clamav == 'true' }} + uses: djdefi/gitavscan@main + continue-on-error: true + + - name: Summarize scan results + if: ${{ always() }} + env: + PNPM_AUDIT_OUTCOME: ${{ steps.pnpm_audit.outcome }} + TRIVY_OUTCOME: ${{ steps.trivy.outcome }} + CLAMAV_OUTCOME: ${{ steps.clamav.outcome }} + RUN_PNPM_AUDIT: ${{ inputs.enable-audit }} + RUN_TRIVY: ${{ inputs.enable-trivy }} + RUN_CLAMAV: ${{ inputs.enable-clamav }} + shell: bash + run: | + printf '| Step | Outcome |\n' >> "$GITHUB_STEP_SUMMARY" + printf '| --- | --- |\n' >> "$GITHUB_STEP_SUMMARY" + + pnpm_audit_outcome="$PNPM_AUDIT_OUTCOME" + if [[ "$RUN_PNPM_AUDIT" != 'true' ]]; then + pnpm_audit_outcome='skipped' + fi + printf '| pnpm audit | %s |\n' "$pnpm_audit_outcome" >> "$GITHUB_STEP_SUMMARY" + + trivy_outcome="$TRIVY_OUTCOME" + if [[ "$RUN_TRIVY" != 'true' ]]; then + trivy_outcome='skipped' + fi + printf '| Trivy | %s |\n' "$trivy_outcome" >> "$GITHUB_STEP_SUMMARY" + + clamav_outcome="$CLAMAV_OUTCOME" + if [[ "$RUN_CLAMAV" != 'true' ]]; then + clamav_outcome='skipped' + fi + printf '| ClamAV | %s |\n' "$clamav_outcome" >> "$GITHUB_STEP_SUMMARY" + + if [[ ("$pnpm_audit_outcome" != 'success' && "$pnpm_audit_outcome" != 'skipped') || \ + ("$trivy_outcome" != 'success' && "$trivy_outcome" != 'skipped') || \ + ("$clamav_outcome" != 'success' && "$clamav_outcome" != 'skipped') ]]; then + echo 'One or more security scans reported a problem.' >> "$GITHUB_STEP_SUMMARY" + exit 1 + fi diff --git a/.github/dependabot.yml b/.github/dependabot.yml index 8532585..b73bd6f 100644 --- a/.github/dependabot.yml +++ b/.github/dependabot.yml @@ -5,9 +5,31 @@ version: 2 updates: + # === Default Branch === - package-ecosystem: github-actions directory: / labels: - dependabot + - v4 + schedule: + interval: weekly + + # === Release Branch: v3 === + - package-ecosystem: github-actions + directory: / + target-branch: release/3 + labels: + - dependabot + - v3 + schedule: + interval: weekly + + # === Release Branch: v2 === + - package-ecosystem: github-actions + directory: / + target-branch: release/2 + labels: + - dependabot + - v2 schedule: interval: weekly diff --git a/.github/workflows/auto-dependency-updater.yml b/.github/workflows/auto-dependency-updater.yml new file mode 100644 index 0000000..eeb2c7e --- /dev/null +++ b/.github/workflows/auto-dependency-updater.yml @@ -0,0 +1,91 @@ +name: Auto Dependency Updates + +on: + schedule: + - cron: '0 2 * * 1' # Runs weekly on Monday at 02:00 UTC + workflow_dispatch: + +permissions: + contents: write + pull-requests: write + +jobs: + update: + runs-on: ubuntu-latest + outputs: + changed: ${{ steps.verify-changed-files.outputs.changed }} + strategy: + fail-fast: false + matrix: + include: + - base: develop + version: v4 + - base: release/3 + version: v3 + - base: release/2 + version: v2 + # - base: release/1 + # version: v1 + env: + version: ${{ matrix.version }} + steps: + - uses: actions/checkout@v6 + with: + ref: ${{ matrix.base }} + persist-credentials: false + - uses: actions/setup-node@v6 + with: + # cache: pnpm + node-version: 22 + - uses: pnpm/action-setup@v4 + id: pnpm-install + with: + version: 10 + run_install: false + - name: Get pnpm store directory + id: pnpm-cache + shell: bash + run: echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT + - uses: actions/cache@v5 + with: + path: ${{ steps.pnpm-cache.outputs.STORE_PATH }} + key: ${{ runner.os }}-pnpm-store + restore-keys: | + ${{ runner.os }}-pnpm-store + + - name: Install + run: pnpm i --no-frozen-lockfile + - name: Update dependencies (minor) + run: | + pnpm ncu:minor + # Run the recursive update twice so peer and dev dependency bumps align after the first pass adjusts peer ranges. + pnpm ncu:minor + - name: Reinstall dependencies + run: pnpm i --no-frozen-lockfile + - name: Fix format + run: pnpm format -w + + - name: Check for changes + id: verify-changed-files + run: | + if [ -n "$(git status --porcelain)" ]; then + echo "changed=true" >> $GITHUB_OUTPUT + else + echo "changed=false" >> $GITHUB_OUTPUT + fi + + - name: Create Pull Request + if: steps.verify-changed-files.outputs.changed == 'true' + uses: peter-evans/create-pull-request@v8 + with: + base: ${{ matrix.base }} + branch: ${{ env.version }}/auto-update-deps + commit-message: 'chore: update dependencies and lock file' + title: 'chore(${{ env.version }}): update dependencies and lock file' + body: 'Automated dependency updates for ${{ env.version }}.' + delete-branch: true + + quality-gates: + needs: update + if: needs.update.outputs.changed == 'true' + uses: ./.github/workflows/quality-gates.yml diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 95bd7cd..a881e94 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -1,4 +1,4 @@ -name: CI-Pipeline +name: Continue Integration on: pull_request: @@ -10,42 +10,5 @@ on: workflow_dispatch: jobs: - build: - runs-on: ubuntu-latest - steps: - - uses: actions/checkout@v6 - with: - fetch-depth: 0 - persist-credentials: false - - name: Setup pnpm - uses: pnpm/action-setup@v4 - with: - version: 10 - run_install: false - - name: Setup Node with pnpm cache - uses: actions/setup-node@v6 - with: - node-version: 22 - cache: 'pnpm' - - name: Install dependencies - run: pnpm install --frozen-lockfile - - name: Install Playwright - run: pnpm exec playwright install - - name: Format - run: pnpm format - - name: Lint - run: pnpm lint - - name: Unused - run: pnpm unused - - name: Build - run: pnpm build - - name: Test - run: pnpm test - - uses: actions/upload-artifact@v6 - if: failure() - name: Upload test reports - with: - name: reports - path: | - test-results/**/*.png - !**/node_modules + quality-gates: + uses: ./.github/workflows/quality-gates.yml diff --git a/.github/workflows/cla.yml b/.github/workflows/cla.yml new file mode 100644 index 0000000..a2a96e5 --- /dev/null +++ b/.github/workflows/cla.yml @@ -0,0 +1,47 @@ +name: 'CLA Assistant' + +on: + issue_comment: + types: [created] + pull_request_target: + types: [opened, closed, synchronize] + +jobs: + cla: + if: github.repository == 'public-ui/template-theme' + runs-on: ubuntu-latest + steps: + - name: 'Create GitHub app token' + uses: actions/create-github-app-token@v2 + id: app-token + with: + app-id: ${{ secrets.APP_ID }} + private-key: ${{ secrets.PRIVATE_KEY }} + repositories: 'kolibri,.github-private' + + - name: 'CLA Assistant' + if: (github.event.comment.body == 'recheck' || github.event.comment.body == 'I have read the CLA Document and I hereby sign the CLA') || github.event_name == 'pull_request_target' + # Beta Release + uses: contributor-assistant/github-action@v2.6.1 + env: + GITHUB_TOKEN: ${{ steps.app-token.outputs.token }} + PERSONAL_ACCESS_TOKEN: ${{ steps.app-token.outputs.token }} + with: + path-to-signatures: 'cla/kolibri/signatures-v1.0.json' + path-to-document: 'https://github.com/public-ui/kolibri/blob/main/docs/CLA.md' # e.g. a CLA or a DCO document + remote-organization-name: 'public-ui' + remote-repository-name: '.github-private' + # branch should not be protected + branch: 'main' + allowlist: actions-user,bot*,Copilot,copilot-swe-agent[bot] + + #below are the optional inputs - If the optional inputs are not given, then default values will be taken + #remote-organization-name: enter the remote organization name where the signatures should be stored (Default is storing the signatures in the same repository) + #remote-repository-name: enter the remote repository name where the signatures should be stored (Default is storing the signatures in the same repository) + #create-file-commit-message: 'For example: Creating file for storing CLA Signatures' + #signed-commit-message: 'For example: $contributorName has signed the CLA in #$pullRequestNo' + #custom-notsigned-prcomment: 'pull request comment with Introductory message to ask new contributors to sign' + #custom-pr-sign-comment: 'The signature to be committed in order to sign the CLA' + #custom-allsigned-prcomment: 'pull request comment when all contributors has signed, defaults to **CLA Assistant Lite bot** All Contributors have signed the CLA.' + #lock-pullrequest-aftermerge: false - if you don't want this bot to automatically lock the pull request after merging (default - true) + #use-dco-flag: true - If you are using DCO instead of CLA diff --git a/.github/workflows/codeql.yml b/.github/workflows/codeql.yml index bd53447..05abd62 100644 --- a/.github/workflows/codeql.yml +++ b/.github/workflows/codeql.yml @@ -18,11 +18,10 @@ on: # The branches below must be a subset of the branches above branches: ['develop'] schedule: - - cron: '23 1 * * 6' jobs: analyze: - if: github.repository == 'public-ui/kolibri-theme-kern' + if: github.repository == 'public-ui/template-theme' name: Analyze # Runner size impacts CodeQL analysis time. To learn more, please see: # - https://gh.io/recommended-hardware-resources-for-running-codeql diff --git a/.github/workflows/quality-gates.yml b/.github/workflows/quality-gates.yml new file mode 100644 index 0000000..f60c824 --- /dev/null +++ b/.github/workflows/quality-gates.yml @@ -0,0 +1,49 @@ +name: Quality Gates + +on: + workflow_call: + inputs: + run-audit: + description: 'Run pnpm audit' + required: false + type: boolean + default: false + +jobs: + quality-gates: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v6 + with: + persist-credentials: false + + - uses: ./.github/actions/pnpm-setup + with: + frozen-lockfile: 'true' + + - name: Run audit + if: inputs.run-audit + run: pnpm audit --audit-level high + + - name: Run build + run: pnpm build + + - name: Run format + run: pnpm format + + - name: Run lint + run: pnpm lint + + - name: Run test + run: pnpm test + + - name: Run unused + run: pnpm unused + + - uses: actions/upload-artifact@v6 + if: failure() + with: + name: reports + path: | + test-results/**/*.png + !**/node_modules diff --git a/.github/workflows/security-scan-schedule.yml b/.github/workflows/security-scan-schedule.yml new file mode 100644 index 0000000..67350ea --- /dev/null +++ b/.github/workflows/security-scan-schedule.yml @@ -0,0 +1,40 @@ +name: Scheduled Security Scan + +on: + schedule: + - cron: '0 0,6,12,18 * * *' + +concurrency: + group: ${{ format('workflow-{0}-{1}', github.workflow, github.ref) }} + cancel-in-progress: true + +jobs: + scheduled-scan: + name: Scheduled Security Scan (${{ matrix.branch }}) + strategy: + fail-fast: false + matrix: + branch: ['develop', 'release/3', 'release/2'] + runs-on: ubuntu-latest + steps: + - name: Checkout repository + uses: actions/checkout@v6 + with: + persist-credentials: false + ref: ${{ matrix.branch }} + + - name: Setup pnpm + uses: pnpm/action-setup@v4 + with: + version: 10 + + - name: Setup Node.js + uses: actions/setup-node@v6 + with: + node-version: 22 + cache: 'pnpm' + + - name: Run security scans + uses: public-ui/kolibri/.github/actions/security-scan@develop + with: + install-deps: 'true' diff --git a/.github/workflows/security-scan.yml b/.github/workflows/security-scan.yml new file mode 100644 index 0000000..1228d57 --- /dev/null +++ b/.github/workflows/security-scan.yml @@ -0,0 +1,54 @@ +name: Security Scan + +on: + workflow_dispatch: + inputs: + enable_audit: + description: 'Run pnpm audit' + type: boolean + default: true + enable_trivy: + description: 'Run the Trivy scan' + type: boolean + default: true + enable_clamav: + description: 'Run the ClamAV scan' + type: boolean + default: true + install_deps: + description: 'Install dependencies' + type: boolean + default: false + +concurrency: + group: ${{ format('workflow-{0}-{1}', github.workflow, github.ref) }} + cancel-in-progress: true + +jobs: + targeted-scan: + name: Security Scan + runs-on: ubuntu-latest + steps: + - name: Checkout repository + uses: actions/checkout@v6 + with: + persist-credentials: false + ref: ${{ github.event_name == 'pull_request' && github.head_ref || github.ref }} + + - name: Setup pnpm + uses: pnpm/action-setup@v4 + with: + version: 10 + + - name: Setup Node.js + uses: actions/setup-node@v6 + with: + node-version: 22 + + - name: Run security scans + uses: public-ui/kolibri/.github/actions/security-scan@develop + with: + enable-audit: ${{ github.event_name == 'workflow_dispatch' && inputs.enable_audit || 'true' }} + enable-trivy: ${{ github.event_name == 'workflow_dispatch' && inputs.enable_trivy || 'true' }} + enable-clamav: ${{ github.event_name == 'workflow_dispatch' && inputs.enable_clamav || 'true' }} + install-deps: ${{ github.event_name == 'workflow_dispatch' && inputs.install_deps || 'false' }} diff --git a/.github/workflows/stale.yml b/.github/workflows/stale.yml new file mode 100644 index 0000000..eaa1635 --- /dev/null +++ b/.github/workflows/stale.yml @@ -0,0 +1,21 @@ +# @see https://github.com/actions/stale + +name: 'Close stale issues and PRs' +on: + workflow_dispatch: + schedule: + - cron: '0 4 * * *' + +jobs: + stale: + if: github.repository == 'public-ui/template-theme' + runs-on: ubuntu-latest + steps: + - uses: actions/stale@v10 + with: + days-before-stale: 170 + days-before-close: 10 + days-before-pr-close: -1 # Don't close PR's + stale-issue-message: 'This issue has been automatically marked as stale and will be closed in 10 days because it has not had recent activity and is much likely outdated. If you think this issue is still relevant and applicable, please post a comment or remove the Stale label.' + stale-pr-message: 'This PR has been automatically marked as stale because it has not had recent activity and is much likely outdated. If you think this PR is still relevant and applicable, please post a comment or remove the Stale label.' + close-issue-message: 'This issue was closed because it has been stale for 10 days with no activity. If the issue is still relevant to you, feel free to re-open with a comment.' diff --git a/.gitignore b/.gitignore index ff3d5c0..a0e509e 100644 --- a/.gitignore +++ b/.gitignore @@ -1,8 +1,11 @@ -assets/** +# Ignore build and distribution directories +assets/kolicons/ +assets/kolibri.ico dist/ node_modules/ test-results/ +# Ignore system files and logs .DS_Store *.log *.tgz diff --git a/.knip.json b/.knip.json index 88c1c23..cd12dfd 100644 --- a/.knip.json +++ b/.knip.json @@ -2,5 +2,5 @@ "$schema": "https://unpkg.com/knip@5/schema.json", "ignore": ["stylelint-rules/index.js"], "ignoreDependencies": ["@public-ui/visual-tests", "nodemon", "sass"], - "ignoreUnresolved":["~@public-ui/components"] + "ignoreUnresolved": ["~@public-ui/components"] } diff --git a/.npmrc b/.npmrc index 1da9123..41474c2 100644 --- a/.npmrc +++ b/.npmrc @@ -1,6 +1,2 @@ # - npm -engine-strict=true save-exact=true - -# - pnpm -shamefully-hoist=true diff --git a/.nvmrc b/.nvmrc deleted file mode 100644 index 442c758..0000000 --- a/.nvmrc +++ /dev/null @@ -1 +0,0 @@ -22.20.0 diff --git a/.prettierignore b/.prettierignore index 699dca7..34a1df8 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,5 +1,4 @@ /.pnpm-store/** /assets/** /node_modules/** -/src/kern/** /pnpm-lock.yaml diff --git a/.stylelintrc.json b/.stylelintrc.json index 235a598..a277605 100644 --- a/.stylelintrc.json +++ b/.stylelintrc.json @@ -9,7 +9,6 @@ "./stylelint-rules/layer-name-convention", "./stylelint-rules/no-root-selector" ], - "ignoreFiles": ["src/kern/**/*"], "rules": { "kolibri/require-component-layer": true, "kolibri/require-global-layer": true, diff --git a/CONTRIBUTING.de.md b/CONTRIBUTING.de.md new file mode 100644 index 0000000..d1d4f13 --- /dev/null +++ b/CONTRIBUTING.de.md @@ -0,0 +1,465 @@ +> [English version](./CONTRIBUTING.md) + +# Contributing zum `KoliBri` Theme `KERN UX-Standard` + +Vielen Dank für Ihr Interesse am Beitrag zu diesem Projekt! Diese Anleitung hilft Ihnen beim Einstieg. + +## Entwicklungsumgebung einrichten + +### Voraussetzungen + +- Node.js 22+ und pnpm +- Git + +### Setup + +```bash +# Repository klonen +git clone https://gitlab.opencode.de/kern-ux/kern-developer-kit.git +cd kern-developer-kit + +# Abhängigkeiten installieren +pnpm install + +# Playwright-Browser installieren +pnpm exec playwright install + +# Entwicklung starten (Theme Watch & Beispiel-App) +pnpm start +``` + +Der Start-Befehl kombiniert `rollup --watch` mit einem lokalen Beispiel auf Basis von `@public-ui/sample-react`. So können Sie die Styles im Kontext einer Anwendung prüfen, während das Theme kontinuierlich neu gebaut wird. + +Sind Sie fertig, überprüfen Sie das Ergebnis mit den Snapshot-Tests und checken Sie bei Bedarf aktualisierte Referenz-Snapshots ein: + +```bash +pnpm test # Snapshots prüfen +pnpm test-update # Referenz-Snapshots aktualisieren +``` + +## Architektur verstehen + +### CSS Layer Struktur + +Dieses Theme verwendet CSS Cascade Layers für vorhersagbares Styling: + +```scss +// Layer-Reihenfolge (niedrigste bis höchste Spezifität) +@layer kol-theme-global; // Globale Theme-Styles +@layer kol-theme-component; // Component-spezifische Styles +``` + +### Dateiorganisation + +```text +src/ +├── components/ # Component-Styles (@layer kol-theme-component) +│ ├── button.scss +│ ├── input.scss +│ └── ... +├── global.scss # Globale Theme-Styles (@layer kol-theme-global) +├── global/ # Zusätzliche globale Styles (z. B. Icons) +├── tokens/ # Lokale Design Tokens & Utilities +├── mixins/ # Sass Mixins und Utilities (keine Layer) +├── globals.d.ts # TypeScript Deklarationen für SCSS-Module +└── index.ts # Theme-Einstiegspunkt (exportiert `CUSTOM_THEME`) +``` + +**WICHTIG**: Verwenden Sie Design Tokens aus Ihrem Design System Package, wenn verfügbar. Für Tokens, die noch nicht aus dem Package konsumierbar sind, verwalten Sie lokale Dateien in `src/tokens/` als Teil des Themes. + +## Styling-Regeln + +### Layer-Durchsetzung + +Custom Stylelint-Regeln stellen ordnungsgemäße Layer-Nutzung sicher: + +1. **Component-Dateien** (`src/components/*.scss`) **MÜSSEN** `@layer kol-theme-component` verwenden +2. **Global-Datei** (`src/global.scss`) **MUSS** `@layer kol-theme-global` verwenden +3. **Utility-Dateien** (Mixins, Helfer) **DÜRFEN KEINE** Layer verwenden +4. Nur zugelassene Layer-Namen sind erlaubt: `kol-theme-global`, `kol-theme-component` + +### Web Component Encapsulation + +**WICHTIG**: Theme-Dateien **MÜSSEN** `:host` statt `:root` verwenden für Web Component Kapselung: + +```scss +// ✅ Korrekt: :host für Web Component Styling +@layer kol-theme-global { + :host { + --font-family: var(--kern-font-family); + background-color: white; + color: black; + } +} + +// ❌ Falsch: :root umgeht Web Component Encapsulation +@layer kol-theme-global { + :root { + --font-family: var(--kern-font-family); // Triggers lint error + } +} +``` + +**Grund**: `:root` Selektoren umgehen die Shadow DOM Kapselung von Web Components und können mit Host-Seiten-Styles kollidieren. `:host` hält das Styling isoliert innerhalb der Component. + +### Beispiel-Nutzung + +```scss +// ✅ Korrekt: Component-Datei mit Layer +// src/components/button.scss +@layer kol-theme-component { + .button { + background: var(--kern-color-primary); + border-radius: var(--kern-border-radius); + } +} + +// ✅ Korrekt: Global-Datei mit Layer und :host +// src/global.scss +@layer kol-theme-global { + :host { + --font-family: var(--kern-font-family); + } +} + +// ✅ Korrekt: Utility-Datei ohne Layer +// src/mixins/typography.scss +@mixin kern-heading-style { + font-family: var(--kern-font-family); + font-weight: bold; +} + +// ❌ Falsch: Component-Datei ohne Layer +// src/components/button.scss +.button { + background: red; // Triggers lint error +} +``` + +## Custom Stylelint-Regeln + +### Regel-Übersicht + +| Regel | Zweck | Gilt für | +| ----------------------------------------- | --------------------------------------------- | ------------------------- | +| `kolibri/require-component-layer` | Erzwingt `@layer kol-theme-component` Nutzung | `src/components/*.scss` | +| `kolibri/require-global-layer` | Erzwingt `@layer kol-theme-global` Nutzung | `src/global.scss` | +| `kolibri/no-layer-in-non-component-files` | Verhindert Layer-Nutzung in Utility-Dateien | Alle anderen SCSS-Dateien | +| `kolibri/layer-name-convention` | Warnt vor nicht-Standard Layer-Namen | Alle Dateien | +| `kolibri/no-root-selector` | Verhindert `:root` zugunsten von `:host` | `src/**/*.scss` | + +### Regel-Details + +Diese Regeln garantieren: + +- **100% CSS-Abdeckung** – ALLES CSS muss in den entsprechenden Layern sein +- **Keine Ausnahmen** – Variablen, Selektoren, Deklarationen, At-Regeln werden alle validiert +- **Klare Trennung** – Components vs. global vs. Utility-Styling +- **Wartbarkeit** – vorhersagbares Cascade-Verhalten + +## Entwicklungs-Workflow + +### Neue Component-Styles hinzufügen + +1. Component-Datei in `src/components/` erstellen: + +```scss +// src/components/new-component.scss +@layer kol-theme-component { + .new-component { + // Your styles here + } +} +``` + +2. Bauen und Testen: + +```bash +pnpm build +pnpm lint +pnpm test +``` + +### Globale Styles ändern + +`src/global.scss` innerhalb des globalen Layers bearbeiten: + +```scss +@layer kol-theme-global { + :host { + // Globale Theme-Variablen und Styles + } +} +``` + +### Utilities erstellen + +Utilities in `src/mixins/` **ohne** Layer hinzufügen: + +```scss +// src/mixins/my-utility.scss +@mixin my-utility { + // Utility-Styles (kein @layer nötig) +} +``` + +## Build-Prozess + +### Entwicklungs-Build + +```bash +pnpm dev # Watch-Modus mit Hot Reload +pnpm start # Entwicklungsserver +``` + +### Produktions-Build + +```bash +pnpm build # Optimierter Produktions-Build +``` + +### Build-Output + +- `assets/` - Statische Assets und Schriftarten +- `dist/` - Kompilierte CSS-Dateien + +## Testing + +### Visual Regression Tests + +```bash +pnpm test # Visual Tests ausführen +pnpm test-update # Visual Snapshots aktualisieren +``` + +#### Assets und Visual Tests + +Visual Tests benötigen korrekt geladene Assets (Schriftarten und Icons), um aussagekräftige Screenshots zu erstellen: + +- **inject-assets.css** - Zentrale Asset-Injektionsdatei mit @import-Anweisungen für: + - `assets/material-symbols-subset/style.css` - Reduziertes Material Icons Set + - `assets/fira-sans-v17-latin/style.css` - Fira Sans Schriftfamilie (400-700) + +Visual Tests setzen `THEME_CSS=$(pwd)/inject-assets.css`, um diese Datei in die Beispiel-Anwendung zu laden. + +**Wichtig**: Ohne korrekt geladene Assets würden Visual Tests fälschlicherweise als "geändert" erkannt, da Fallback-Schriftarten oder fehlende Icons verwendet würden. + +### Code-Qualität + +```bash +pnpm lint # Stylelint + ESLint +pnpm format # Prettier-Formatierung +``` + +## Vor dem Committen + +Führen Sie immer den vollständigen Validierungs-Workflow aus: + +```bash +pnpm build # Sauberen Build sicherstellen +pnpm format # Formatierung korrigieren +pnpm lint # Code-Qualität prüfen +pnpm test # Visual Tests validieren +``` + +## Code-Style + +- Verwenden Sie **Tabs** für Einrückung (außer Markdown-Dateien verwenden Leerzeichen) +- Zeilenlänge: **160 Zeichen** +- Einfache Anführungszeichen in SCSS/CSS +- BEM-Namenskonvention für CSS-Klassen befolgen +- Semantische Variablennamen verwenden + +## Layer-Richtlinien + +1. **Niemals Layer-Regeln umgehen** - Alles CSS muss in entsprechenden Layern sein +2. **Component-Isolation** - Component-Styles betreffen nur ihre Component +3. **Globale Zurückhaltung** - Globaler Layer nur für theme-weite Variablen und Host-Styles +4. **Kein Layer-Mixing** - Layered und nicht-layered CSS nicht in derselben Datei mischen +5. **Respect KERN UX standards** – never modify files in `src/kern/`, only consume their variables + +## KERN UX integration rules + +- **`@kern-ux/native` package** – official KERN UX standards as external dependency +- **CSS import** – use `@import '@kern-ux/native/dist/kern.css'` for the KERN base +- **KERN variables** – use `var(--kern-*)` CSS custom properties in theme styles +- **Package updates** – update KERN UX standards with `pnpm update @kern-ux/native` +- **Local additions** – extra tokens from `src/kern/` remain active until the package covers them fully +- **CSS-centric** – the package is optimised for CSS distribution, not granular Sass imports + +## Konfigurationsdateien + +| Datei | Zweck | +| -------------------- | ---------------------------------------------- | +| `.stylelintrc.json` | Stylelint-Konfiguration mit Custom-Regeln | +| `eslint.config.js` | ESLint-Konfiguration für JavaScript/TypeScript | +| `rollup.config.js` | Build-Konfiguration | +| `prettier.config.js` | Code-Formatierungsregeln | +| `stylelint-rules/` | Custom Stylelint-Regel-Implementierungen | + +## Kern Design System integration + +### Design tokens + +**KERN design standards are provided via the `@kern-ux/native` package:** + +```scss +// Import the KERN CSS base +@import '@kern-ux/native/dist/kern.css'; +``` + +**Key architectural decision**: the `@kern-ux/native` package is primarily designed for CSS distribution, not granular Sass imports. Therefore the complete KERN CSS base is included as a CSS import. + +### Using the KERN UX standards + +```scss +// ✅ Correct: use KERN CSS variables in theme components +@layer kol-theme-component { + .button { + background: var(--kern-color-primary); // Use KERN variable + border-radius: var(--kern-border-radius); // Use KERN variable + font-family: var(--kern-font-family); // Use KERN variable + } +} + +// ✅ Correct: import KERN CSS as base +@import '@kern-ux/native/dist/kern.css'; + +// ❌ Not available: granular Sass imports (package limitation) +// @use '@kern-ux/native/src/scss/core/tokens' as kern-tokens; // Not supported +``` + +**Interaction between `src/kern/` and `@kern-ux/native`:** + +- `@kern-ux/native` supplies the standard KERN variables via CSS import +- `src/kern/` contains additional tokens and workarounds that the package does not yet provide +- Keep local tokens lightweight and document deviations for a future migration +- CSS custom properties (`--kern-*`) remain usable without changes + +### Typography + +The KERN typography system is supplied via the CSS base from `@kern-ux/native`: + +- Font families and weights +- Heading styles and hierarchy +- Text sizes and spacing + +### Colour system + +```scss +// KERN colour tokens (use only, do not modify!) +--kern-color-primary: #0073e6; +--kern-color-secondary: #6c757d; +--kern-color-success: #28a745; +--kern-color-warning: #ffc107; +--kern-color-danger: #dc3545; +``` + +## Häufige Probleme + +**Stylelint Layer-Fehler:** + +``` +CSS rule "selector" must be inside @layer kol-theme-component +``` + +→ Wrappen Sie alles CSS in den entsprechenden Layer für den Dateistandort. + +**Build-Fehler:** + +```bash +pnpm clean # Dist und Cache löschen +pnpm install # Abhängigkeiten neu installieren +pnpm build # Neu erstellen +``` + +**Visual Test-Fehler:** + +```bash +pnpm test-update # Snapshots aktualisieren wenn Änderungen beabsichtigt sind +``` + +### Hilfe bekommen + +1. Überprüfen Sie die [KERN UX-Standard](https://gitlab.opencode.de/kern-ux). +2. Untersuchen Sie bestehende Component-Implementierungen in `src/components/`. +3. Prüfen Sie die Custom Stylelint-Regeln in `stylelint-rules/`. +4. Führen Sie `pnpm lint` für spezifische Fehlermeldungen aus. + +## Service Worker Cache-Probleme in Chrome + +**Problem:** Assets werden trotz "Disable cache" nicht aktualisiert. Chrome lädt weiterhin alte Versionen, auch nach hartem Reload. + +**Ursache:** In Chrome hängt sehr wahrscheinlich ein **Service Worker** dazwischen. Das DevTools-Häkchen „Disable cache" betrifft nur den **HTTP-Cache**, nicht den **Cache Storage** eines Service Workers. Der SW serviert dann weiterhin alte Assets. + +#### Sofortige Lösung + +1. **DevTools → Application → Service Workers** + - „**Unregister**" klicken + - Optional: „**Update on reload**" aktivieren + +2. **Application → Clear storage** + - Alle Häkchen an („Unregister service workers", „Cache storage", „IndexedDB", …) + - **Clear site data** klicken + +3. **Neu laden** (am besten mit Rechtsklick auf den Reload-Button → **Empty cache and hard reload**) + +#### Dauerhaft vermeiden + +- **Service Worker deaktivieren:** In `main.tsx`/`index.tsx` sicherstellen, dass der SW **nicht registriert** wird: + + ```javascript + // serviceWorker.unregister() verwenden + // oder registerServiceWorker entfernen + ``` + +- **Nur in Produktion:** SW nur in Prod-Builds registrieren: + + ```javascript + if (process.env.NODE_ENV === 'production') { + // Service Worker nur in Production registrieren + } + ``` + +- **Cache-Headers korrekt setzen:** + - **`index.html`** bekommt `Cache-Control: no-store` + - Hash-Dateien (`*.js`, `*.css`) dürfen gecacht werden + +- **DevTools Einstellungen:** In Chrome DevTools (Application → Service Workers) **„Bypass for network"** oder **„Update on reload"** aktivieren während der Entwicklung + +- **Keine falschen Proxy-Headers:** Bei Vite/Webpack keine Reverse-Proxy-Header oder CDN-Layer verwenden, die `max-age` auf HTML setzen + +#### Alternative Ursachen + +Falls es **kein** Service Worker ist: + +- **DevServer-Headers prüfen:** HTML sollte `no-store` haben, Assets mit Hash + langes Caching +- **Back/Forward Cache:** Chrome's bfcache kann verwirren - teste mit `location.reload(true)` oder `window.onpageshow`-Handler (`event.persisted`) + +**In 90% der Fälle ist es der Service Worker.** Unregister + Clear Storage behebt das sofort. + +## Pull Request Prozess + +1. Forken Sie das Repository +2. Erstellen Sie einen Feature-Branch (`git checkout -b feature/amazing-feature`) +3. Committen Sie Ihre Änderungen (`git commit -m 'Add amazing feature'`) +4. Pushen Sie zum Branch (`git push origin feature/amazing-feature`) +5. Öffnen Sie einen Pull Request + +### Pull Request Richtlinien + +- Beschreiben Sie Ihre Änderungen ausführlich +- Fügen Sie Screenshots bei UI-Änderungen hinzu +- Stellen Sie sicher, dass alle Tests bestehen +- Folgen Sie den Code-Style-Richtlinien +- Aktualisieren Sie die Dokumentation falls nötig + +## Browser-Unterstützung + +- Moderne Browser mit CSS Cascade Layers Unterstützung +- Chrome 99+, Firefox 97+, Safari 15.4+ +- Für ältere Browser sollte ein CSS Layers Polyfill verwendet werden + +--- + +Vielen Dank für Ihren Beitrag! diff --git a/CONTRIBUTING.en.md b/CONTRIBUTING.en.md deleted file mode 100644 index 538c6cb..0000000 --- a/CONTRIBUTING.en.md +++ /dev/null @@ -1,442 +0,0 @@ -[German version](./CONTRIBUTING.md) - -## Important Git configuration for openCode.de - -To avoid push problems with large repositories to openCode.de, please set the following local settings: - -```bash -git config pack.packSizeLimit 5m -git config pack.window 0 -git config pack.threads 1 -``` - -These settings help prevent errors when pushing large commits. - -Thank you for your interest in contributing to this project! This guide will help you get started. - -# Contributing to the `KoliBri` theme `KERN UX-Standard` - -Thank you for your interest in contributing to this project! This guide helps you get started. - -## Set up the development environment - -### Prerequisites - -- Node.js 22+ and pnpm -- Git - -### Setup - -```bash -# Clone repository -git clone https://gitlab.opencode.de/kern-ux/kern-developer-kit.git -cd kern-developer-kit - -# Install dependencies -pnpm install - -# Install Playwright browsers -pnpm exec playwright install - -# Start development (theme watch & sample app) -pnpm start -``` - -The start command combines `rollup --watch` with a local example based on `@public-ui/sample-react`. This lets you inspect the styles in the context of an application while the theme is rebuilt continuously. - -When you are done, validate the result with the snapshot tests and check in updated reference snapshots if required: - -```bash -pnpm test # Check snapshots -pnpm test-update # Update reference snapshots -``` - -## Understand the architecture - -### CSS layer structure - -This theme uses CSS cascade layers for predictable styling: - -```scss -// Layer order (lowest to highest specificity) -@layer kol-theme-global; // Global theme styles -@layer kol-theme-component; // Component-specific styles -``` - -### File organisation - -```text -src/ -├── components/ # Component styles (@layer kol-theme-component) -│ ├── button.scss -│ ├── input.scss -│ └── ... -├── global.scss # Global theme styles (@layer kol-theme-global) -├── global/ # Additional global styles (e.g. icons) -├── kern/ # Local KERN tokens & utilities -├── mixins/ # Sass mixins and utilities (no layers) -├── globals.d.ts # TypeScript declarations for SCSS modules -└── index.ts # Theme entry point (exports `CUSTOM_THEME`) -``` - -**IMPORTANT**: The project relies on `@kern-ux/native` wherever possible. Because some tokens are not yet consumable from the package, the local files in `src/kern/` remain part of the theme. - -## Styling rules - -### Layer enforcement - -Custom Stylelint rules ensure correct layer usage: - -1. **Component files** (`src/components/*.scss`) **MUST** use `@layer kol-theme-component` -2. **Global file** (`src/global.scss`) **MUST** use `@layer kol-theme-global` -3. **Utility files** (mixins, helpers) **MUST NOT** use layers -4. Only the allowed layer names may be used: `kol-theme-global`, `kol-theme-component` - -### Web component encapsulation - -**IMPORTANT**: Theme files **MUST** use `:host` instead of `:root` to respect Web Component encapsulation: - -```scss -// ✅ Correct: :host for web component styling -@layer kol-theme-global { - :host { - --font-family: var(--kern-font-family); - background-color: white; - color: black; - } -} - -// ❌ Wrong: :root bypasses Web Component encapsulation -@layer kol-theme-global { - :root { - --font-family: var(--kern-font-family); // Triggers lint error - } -} -``` - -**Reason**: `:root` selectors bypass the Shadow DOM encapsulation of web components and can clash with host page styles. `:host` keeps the styling isolated inside the component. - -### Example usage - -```scss -// ✅ Correct: Component file with layer -// src/components/button.scss -@layer kol-theme-component { - .button { - background: var(--kern-color-primary); - border-radius: var(--kern-border-radius); - } -} - -// ✅ Correct: Global file with layer and :host -// src/global.scss -@layer kol-theme-global { - :host { - --font-family: var(--kern-font-family); - } -} - -// ✅ Correct: Utility file without layer -// src/mixins/typography.scss -@mixin kern-heading-style { - font-family: var(--kern-font-family); - font-weight: bold; -} - -// ❌ Wrong: Component file without layer -// src/components/button.scss -.button { - background: red; // Triggers lint error -} -``` - -## Custom Stylelint rules - -### Rule overview - -| Rule | Purpose | Applies to | -| ----------------------------------------- | ------------------------------------------- | ----------------------- | -| `kolibri/require-component-layer` | Enforces `@layer kol-theme-component` usage | `src/components/*.scss` | -| `kolibri/require-global-layer` | Enforces `@layer kol-theme-global` usage | `src/global.scss` | -| `kolibri/no-layer-in-non-component-files` | Prevents layer usage in utility files | All other SCSS files | -| `kolibri/layer-name-convention` | Warns about non-standard layer names | All files | -| `kolibri/no-root-selector` | Prevents `:root` in favour of `:host` | `src/**/*.scss` | - -### Rule details - -These rules guarantee: - -- **100% CSS coverage** – ALL CSS must live in the appropriate layers -- **No exceptions** – variables, selectors, declarations, at-rules are all validated -- **Clear separation** – components vs. global vs. utility styling -- **Maintainability** – predictable cascade behaviour - -## Development workflow - -### Add new component styles - -1. Create a component file in `src/components/`: - -```scss -// src/components/new-component.scss -@layer kol-theme-component { - .new-component { - // Your styles here - } -} -``` - -2. Build and test: - -```bash -pnpm build -pnpm lint -pnpm test -``` - -### Change global styles - -Edit `src/global.scss` inside the global layer: - -```scss -@layer kol-theme-global { - :host { - // Global theme variables and styles - } -} -``` - -### Create utilities - -Add utilities in `src/mixins/` **without** layers: - -```scss -// src/mixins/my-utility.scss -@mixin my-utility { - // Utility styles (no @layer needed) -} -``` - -## Build process - -### Development build - -```bash -pnpm dev # Watch mode with hot reload -pnpm start # Development server -``` - -### Production build - -```bash -pnpm build # Optimised production build -``` - -### Build output - -- `assets/` – static assets and fonts -- `dist/` – compiled CSS files - -## Testing - -### Visual regression tests - -```bash -pnpm test # Run visual tests -pnpm test-update # Update visual snapshots -``` - -#### Assets and visual tests - -Visual tests require correctly loaded assets (fonts and icons) to produce meaningful screenshots: - -- **inject-assets.css** – central asset injection file with `@import` statements for: - - `assets/material-symbols-subset/style.css` – reduced Material Icons set - - `assets/fira-sans-v17-latin/style.css` – Fira Sans font family (400–700) - -The visual tests set `THEME_CSS=$(pwd)/inject-assets.css` to load this file into the sample application. - -**Important**: Without the proper assets the visual tests would appear “changed”, because fallback fonts or missing icons would be used. - -### Code quality - -```bash -pnpm lint # Stylelint + ESLint -pnpm format # Prettier formatting -``` - -## Before committing - -Always run the complete validation workflow: - -```bash -pnpm build # Ensure a clean build -pnpm format # Fix formatting -pnpm lint # Check code quality -pnpm test # Validate visual tests -``` - -## Code style - -- Use **tabs** for indentation (Markdown files use spaces) -- Line length: **160 characters** -- Single quotes in SCSS/CSS -- Follow the BEM naming convention for CSS classes -- Use semantic variable names - -## Layer guidelines - -1. **Never bypass layer rules** – all CSS must live in the correct layers -2. **Component isolation** – component styles affect only their component -3. **Global restraint** – global layer only for theme-wide variables and host styles -4. **No layer mixing** – don’t mix layered and non-layered CSS in the same file -5. **Respect KERN UX standards** – never modify files in `src/kern/`, only consume their variables - -## KERN UX integration rules - -- **`@kern-ux/native` package** – official KERN UX standards as external dependency -- **CSS import** – use `@import '@kern-ux/native/dist/kern.css'` for the KERN base -- **KERN variables** – use `var(--kern-*)` CSS custom properties in theme styles -- **Package updates** – update KERN UX standards with `pnpm update @kern-ux/native` -- **Local additions** – extra tokens from `src/kern/` remain active until the package covers them fully -- **CSS-centric** – the package is optimised for CSS distribution, not granular Sass imports - -## Configuration files - -| File | Purpose | -| -------------------- | ---------------------------------------------- | -| `.stylelintrc.json` | Stylelint configuration with custom rules | -| `eslint.config.js` | ESLint configuration for JavaScript/TypeScript | -| `rollup.config.js` | Build configuration | -| `prettier.config.js` | Code formatting rules | -| `stylelint-rules/` | Custom Stylelint rule implementations | - -## Kern Design System integration - -### Design tokens - -**KERN design standards are provided via the `@kern-ux/native` package:** - -```scss -// Import the KERN CSS base -@import '@kern-ux/native/dist/kern.css'; -``` - -**Key architectural decision**: the `@kern-ux/native` package is primarily designed for CSS distribution, not granular Sass imports. Therefore the complete KERN CSS base is included as a CSS import. - -### Using the KERN UX standards - -```scss -// ✅ Correct: use KERN CSS variables in theme components -@layer kol-theme-component { - .button { - background: var(--kern-color-primary); // Use KERN variable - border-radius: var(--kern-border-radius); // Use KERN variable - font-family: var(--kern-font-family); // Use KERN variable - } -} - -// ✅ Correct: import KERN CSS as base -@import '@kern-ux/native/dist/kern.css'; - -// ❌ Not available: granular Sass imports (package limitation) -// @use '@kern-ux/native/src/scss/core/tokens' as kern-tokens; // Not supported -``` - -**Interaction between `src/kern/` and `@kern-ux/native`:** - -- `@kern-ux/native` supplies the standard KERN variables via CSS import -- `src/kern/` contains additional tokens and workarounds that the package does not yet provide -- Keep local tokens lightweight and document deviations for a future migration -- CSS custom properties (`--kern-*`) remain usable without changes - -### Typography - -The KERN typography system is supplied via the CSS base from `@kern-ux/native`: - -- Font families and weights -- Heading styles and hierarchy -- Text sizes and spacing - -### Colour system - -```scss -// KERN colour tokens (use only, do not modify!) ---kern-color-primary: #0073e6; ---kern-color-secondary: #6c757d; ---kern-color-success: #28a745; ---kern-color-warning: #ffc107; ---kern-color-danger: #dc3545; -``` - -## Troubleshooting - -### Common issues - -**Stylelint layer errors:** - -``` -CSS rule "selector" must be inside @layer kol-theme-component -``` - -→ Wrap all CSS in the correct layer for the file location. - -**Build errors:** - -```bash -pnpm clean # Clear dist and cache -pnpm install # Reinstall dependencies -pnpm build # Rebuild -``` - -**Visual test errors:** - -```bash -pnpm test-update # Update snapshots when changes are intentional -``` - -### Getting help - -1. Review the [KERN UX-Standard](https://gitlab.opencode.de/kern-ux) -2. Inspect existing component implementations in `src/components/` -3. Check the custom Stylelint rules in `stylelint-rules/` -4. Run `pnpm lint` for detailed error messages - -### Service worker cache issues in Chrome - -**Problem:** assets are not updated even though “Disable cache” is enabled. Chrome keeps loading old versions, even after a hard reload. - -**Cause:** A **Service Worker** in Chrome is likely interfering. The DevTools “Disable cache” checkbox only affects the **HTTP cache**, not the **Cache Storage** of a Service Worker. The SW will keep serving stale assets. - -#### Immediate solution - -1. **DevTools → Application → Service Workers** - - Click **Unregister** - - Optional: enable **Update on reload** -2. **Application → Clear storage** - - Check all boxes (“Unregister service workers”, “Cache storage”, “IndexedDB”, …) - - Click **Clear site data** -3. **Reload** (preferably right-click the reload button → **Empty cache and hard reload**) - -#### Prevent permanently - -- **Disable the Service Worker:** in `main.tsx`/`index.tsx` ensure the SW is **not registered**: - - ```javascript - // Use serviceWorker.unregister() - // or remove registerServiceWorker - ``` - -- **Production only:** register the Service Worker only in production builds: - - ```javascript - if (process.env.NODE_ENV === 'production') { - // Register Service Worker only in production - } - ``` - -- **Set cache headers correctly:** - - `index.html` gets `Cache-Control: no-store` - - Hashed files (`*.js`, `*.css`) may be cached - -- **DevTools settings:** in Chrome DevTools (Application → Service Workers) enable **“Bypass for network”** or **“Update on reload”** during development diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index cb95a0e..447c034 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -1,20 +1,8 @@ -> [English version](./CONTRIBUTING.en.md) +[German version](./CONTRIBUTING.de.md) -# Contributing zum `KoliBri` Theme `KERN UX-Standard` +# Contributing to the `KoliBri` theme `KERN UX-Standard` -## Wichtige Git-Konfiguration für openCode.de - -Um Push-Probleme mit großen Repositories nach openCode.de zu vermeiden, stellen Sie bitte lokal folgende Einstellungen ein: - -```bash -git config pack.packSizeLimit 5m -git config pack.window 0 -git config pack.threads 1 -``` - -Diese Einstellungen helfen, Fehler beim Pushen großer Commits zu vermeiden. - -Vielen Dank für Ihr Interesse am Beitrag zu diesem Projekt! Diese Anleitung hilft Ihnen beim Einstieg. +Thank you for your interest in contributing to this project! This guide will help you get started. ## Entwicklungsumgebung einrichten @@ -27,8 +15,8 @@ Vielen Dank für Ihr Interesse am Beitrag zu diesem Projekt! Diese Anleitung hil ```bash # Repository klonen -git clone https://gitlab.opencode.de/kern-ux/kern-developer-kit.git -cd kern-developer-kit +git clone +cd # Abhängigkeiten installieren pnpm install @@ -63,7 +51,7 @@ Dieses Theme verwendet CSS Cascade Layers für vorhersagbares Styling: ### Dateiorganisation -```text +````text src/ ├── components/ # Component-Styles (@layer kol-theme-component) │ ├── button.scss @@ -71,13 +59,9 @@ src/ │ └── ... ├── global.scss # Globale Theme-Styles (@layer kol-theme-global) ├── global/ # Zusätzliche globale Styles (z. B. Icons) -├── kern/ # Lokale KERN Tokens & Utilities ├── mixins/ # Sass Mixins und Utilities (keine Layer) ├── globals.d.ts # TypeScript Deklarationen für SCSS-Module └── index.ts # Theme-Einstiegspunkt (exportiert `CUSTOM_THEME`) -``` - -**WICHTIG**: Das Projekt nutzt `@kern-ux/native` dort, wo es möglich ist. Da einzelne Token derzeit noch nicht nachnutzbar sind, bleiben lokale Dateien im Ordner `src/kern/` weiterhin Bestandteil des Themes. ## Styling-Regeln @@ -98,14 +82,14 @@ Custom Stylelint-Regeln stellen ordnungsgemäße Layer-Nutzung sicher: // ✅ Korrekt: :host für Web Component Styling @layer kol-theme-global { :host { - --font-family: var(--kern-font-family); + --font-family: var(--theme-font-family); background-color: white; color: black; } } @@ -169,189 +172,190 @@ Diese Regeln stellen sicher: } -``` +```` 2. Erstellen und testen: @@ -211,16 +195,6 @@ pnpm test # Visual Tests validieren 2. **Component-Isolation** - Component-Styles betreffen nur ihre Component 3. **Globale Zurückhaltung** - Globaler Layer nur für theme-weite Variablen und Host-Styles 4. **Kein Layer-Mixing** - Layered und nicht-layered CSS nicht in derselben Datei mischen -5. **KERN UX-Standards respektieren** - Dateien in `src/kern/` niemals modifizieren, nur deren Variablen verwenden - -## KERN UX Integration Regeln - -- **`@kern-ux/native` Package**: Offizielle KERN UX-Standards als externe Abhängigkeit -- **CSS-Import**: Nutzen Sie `@import '@kern-ux/native/dist/kern.css'` für KERN-Basis -- **KERN Variablen**: Verwenden Sie `var(--kern-*)` CSS Custom Properties in Theme-Styles -- **Package Updates**: KERN UX-Standards werden über `pnpm update @kern-ux/native` aktualisiert -- **Lokale Ergänzungen**: Zusätzliche Tokens aus `src/kern/` bleiben aktiv, bis das Package vollständige Abdeckung bietet -- **CSS-basiert**: Package ist für CSS-Distribution optimiert, nicht für granulare Sass-Imports ## Konfigurationsdateien @@ -232,64 +206,6 @@ pnpm test # Visual Tests validieren | `prettier.config.js` | Code-Formatierungsregeln | | `stylelint-rules/` | Custom Stylelint-Regel-Implementierungen | -## Kern Design System Integration - -### Design Tokens - -**KERN Design Standards werden über das `@kern-ux/native` Package bereitgestellt:** - -```scss -// Import der KERN CSS-Basis -@import '@kern-ux/native/dist/kern.css'; -``` - -**Wichtige Architektur-Entscheidung**: Das `@kern-ux/native` Package ist primär für CSS-Distribution konzipiert, nicht für granulare Sass-Imports. Daher wird die komplette KERN CSS-Basis als CSS-Import eingebunden. - -### Verwendung der KERN UX-Standards - -```scss -// ✅ Korrekt: KERN CSS-Variablen in Theme-Komponenten verwenden -@layer kol-theme-component { - .button { - background: var(--kern-color-primary); // KERN Variable verwenden - border-radius: var(--kern-border-radius); // KERN Variable verwenden - font-family: var(--kern-font-family); // KERN Variable verwenden - } -} - -// ✅ Korrekt: KERN CSS wird als Basis importiert -@import '@kern-ux/native/dist/kern.css'; - -// ❌ Nicht verfügbar: Granulare Sass-Imports (Package-Limitation) -// @use '@kern-ux/native/src/scss/core/tokens' as kern-tokens; // Nicht unterstützt -``` - -**Zusammenspiel `src/kern/` und `@kern-ux/native`:** - -- `@kern-ux/native` liefert die Standard-KERN-Variablen als CSS-Import -- `src/kern/` enthält zusätzliche Tokens und Workarounds, die aktuell noch nicht aus dem Package bezogen werden können -- Halten Sie lokale Tokens schlank und dokumentieren Sie Abweichungen für eine spätere Migration -- CSS Custom Properties (`--kern-*`) bleiben unverändert nutzbar - -### Typografie - -KERN Typografie-System wird über die CSS-Basis von `@kern-ux/native` bereitgestellt: - -- Schriftfamilien und -gewichte -- Überschrift-Styles und Hierarchie -- Text-Größen und Abstände - -### Farbsystem - -```scss -// Kern Farb-Tokens (nur verwenden, nicht ändern!) ---kern-color-primary: #0073e6; ---kern-color-secondary: #6c757d; ---kern-color-success: #28a745; ---kern-color-warning: #ffc107; ---kern-color-danger: #dc3545; -``` - ## Fehlerbehebung ### Häufige Probleme @@ -300,7 +216,7 @@ KERN Typografie-System wird über die CSS-Basis von `@kern-ux/native` bereitgest CSS rule "selector" must be inside @layer kol-theme-component ``` -→ Wrappen Sie alles CSS in den entsprechenden Layer für den Dateistandort +→ Wrappen Sie alles CSS in den entsprechenden Layer für den Dateistandort. **Build-Fehler:** @@ -318,14 +234,11 @@ pnpm test-update # Snapshots aktualisieren wenn Änderungen beabsichtigt sind ### Hilfe bekommen -1. Prüfen Sie die [KERN UX-Standard](https://gitlab.opencode.de/kern-ux) -2. Überprüfen Sie bestehende Component-Implementierungen in `src/components/` -3. Untersuchen Sie die Custom Stylelint-Regeln in `stylelint-rules/` -4. Führen Sie `pnpm lint` für spezifische Fehlermeldungen aus - -## Troubleshooting +1. Untersuchen Sie bestehende Component-Implementierungen in `src/components/`. +2. Prüfen Sie die Custom Stylelint-Regeln in `stylelint-rules/`. +3. Führen Sie `pnpm lint` für spezifische Fehlermeldungen aus. -### Service Worker Cache-Probleme in Chrome +## Service Worker Cache-Probleme in Chrome **Problem:** Assets werden trotz "Disable cache" nicht aktualisiert. Chrome lädt weiterhin alte Versionen, auch nach hartem Reload. diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 4153cd3..0000000 --- a/LICENSE +++ /dev/null @@ -1,287 +0,0 @@ - EUROPEAN UNION PUBLIC LICENCE v. 1.2 - EUPL © the European Union 2007, 2016 - -This European Union Public Licence (the ‘EUPL’) applies to the Work (as defined -below) which is provided under the terms of this Licence. Any use of the Work, -other than as authorised under this Licence is prohibited (to the extent such -use is covered by a right of the copyright holder of the Work). - -The Work is provided under the terms of this Licence when the Licensor (as -defined below) has placed the following notice immediately following the -copyright notice for the Work: - - Licensed under the EUPL - -or has expressed by any other means his willingness to license under the EUPL. - -1. Definitions - -In this Licence, the following terms have the following meaning: - -- ‘The Licence’: this Licence. - -- ‘The Original Work’: the work or software distributed or communicated by the - Licensor under this Licence, available as Source Code and also as Executable - Code as the case may be. - -- ‘Derivative Works’: the works or software that could be created by the - Licensee, based upon the Original Work or modifications thereof. This Licence - does not define the extent of modification or dependence on the Original Work - required in order to classify a work as a Derivative Work; this extent is - determined by copyright law applicable in the country mentioned in Article 15. - -- ‘The Work’: the Original Work or its Derivative Works. - -- ‘The Source Code’: the human-readable form of the Work which is the most - convenient for people to study and modify. - -- ‘The Executable Code’: any code which has generally been compiled and which is - meant to be interpreted by a computer as a program. - -- ‘The Licensor’: the natural or legal person that distributes or communicates - the Work under the Licence. - -- ‘Contributor(s)’: any natural or legal person who modifies the Work under the - Licence, or otherwise contributes to the creation of a Derivative Work. - -- ‘The Licensee’ or ‘You’: any natural or legal person who makes any usage of - the Work under the terms of the Licence. - -- ‘Distribution’ or ‘Communication’: any act of selling, giving, lending, - renting, distributing, communicating, transmitting, or otherwise making - available, online or offline, copies of the Work or providing access to its - essential functionalities at the disposal of any other natural or legal - person. - -2. Scope of the rights granted by the Licence - -The Licensor hereby grants You a worldwide, royalty-free, non-exclusive, -sublicensable licence to do the following, for the duration of copyright vested -in the Original Work: - -- use the Work in any circumstance and for all usage, -- reproduce the Work, -- modify the Work, and make Derivative Works based upon the Work, -- communicate to the public, including the right to make available or display - the Work or copies thereof to the public and perform publicly, as the case may - be, the Work, -- distribute the Work or copies thereof, -- lend and rent the Work or copies thereof, -- sublicense rights in the Work or copies thereof. - -Those rights can be exercised on any media, supports and formats, whether now -known or later invented, as far as the applicable law permits so. - -In the countries where moral rights apply, the Licensor waives his right to -exercise his moral right to the extent allowed by law in order to make effective -the licence of the economic rights here above listed. - -The Licensor grants to the Licensee royalty-free, non-exclusive usage rights to -any patents held by the Licensor, to the extent necessary to make use of the -rights granted on the Work under this Licence. - -3. Communication of the Source Code - -The Licensor may provide the Work either in its Source Code form, or as -Executable Code. If the Work is provided as Executable Code, the Licensor -provides in addition a machine-readable copy of the Source Code of the Work -along with each copy of the Work that the Licensor distributes or indicates, in -a notice following the copyright notice attached to the Work, a repository where -the Source Code is easily and freely accessible for as long as the Licensor -continues to distribute or communicate the Work. - -4. Limitations on copyright - -Nothing in this Licence is intended to deprive the Licensee of the benefits from -any exception or limitation to the exclusive rights of the rights owners in the -Work, of the exhaustion of those rights or of other applicable limitations -thereto. - -5. Obligations of the Licensee - -The grant of the rights mentioned above is subject to some restrictions and -obligations imposed on the Licensee. Those obligations are the following: - -Attribution right: The Licensee shall keep intact all copyright, patent or -trademarks notices and all notices that refer to the Licence and to the -disclaimer of warranties. The Licensee must include a copy of such notices and a -copy of the Licence with every copy of the Work he/she distributes or -communicates. The Licensee must cause any Derivative Work to carry prominent -notices stating that the Work has been modified and the date of modification. - -Copyleft clause: If the Licensee distributes or communicates copies of the -Original Works or Derivative Works, this Distribution or Communication will be -done under the terms of this Licence or of a later version of this Licence -unless the Original Work is expressly distributed only under this version of the -Licence — for example by communicating ‘EUPL v. 1.2 only’. The Licensee -(becoming Licensor) cannot offer or impose any additional terms or conditions on -the Work or Derivative Work that alter or restrict the terms of the Licence. - -Compatibility clause: If the Licensee Distributes or Communicates Derivative -Works or copies thereof based upon both the Work and another work licensed under -a Compatible Licence, this Distribution or Communication can be done under the -terms of this Compatible Licence. For the sake of this clause, ‘Compatible -Licence’ refers to the licences listed in the appendix attached to this Licence. -Should the Licensee's obligations under the Compatible Licence conflict with -his/her obligations under this Licence, the obligations of the Compatible -Licence shall prevail. - -Provision of Source Code: When distributing or communicating copies of the Work, -the Licensee will provide a machine-readable copy of the Source Code or indicate -a repository where this Source will be easily and freely available for as long -as the Licensee continues to distribute or communicate the Work. - -Legal Protection: This Licence does not grant permission to use the trade names, -trademarks, service marks, or names of the Licensor, except as required for -reasonable and customary use in describing the origin of the Work and -reproducing the content of the copyright notice. - -6. Chain of Authorship - -The original Licensor warrants that the copyright in the Original Work granted -hereunder is owned by him/her or licensed to him/her and that he/she has the -power and authority to grant the Licence. - -Each Contributor warrants that the copyright in the modifications he/she brings -to the Work are owned by him/her or licensed to him/her and that he/she has the -power and authority to grant the Licence. - -Each time You accept the Licence, the original Licensor and subsequent -Contributors grant You a licence to their contributions to the Work, under the -terms of this Licence. - -7. Disclaimer of Warranty - -The Work is a work in progress, which is continuously improved by numerous -Contributors. It is not a finished work and may therefore contain defects or -‘bugs’ inherent to this type of development. - -For the above reason, the Work is provided under the Licence on an ‘as is’ basis -and without warranties of any kind concerning the Work, including without -limitation merchantability, fitness for a particular purpose, absence of defects -or errors, accuracy, non-infringement of intellectual property rights other than -copyright as stated in Article 6 of this Licence. - -This disclaimer of warranty is an essential part of the Licence and a condition -for the grant of any rights to the Work. - -8. Disclaimer of Liability - -Except in the cases of wilful misconduct or damages directly caused to natural -persons, the Licensor will in no event be liable for any direct or indirect, -material or moral, damages of any kind, arising out of the Licence or of the use -of the Work, including without limitation, damages for loss of goodwill, work -stoppage, computer failure or malfunction, loss of data or any commercial -damage, even if the Licensor has been advised of the possibility of such damage. -However, the Licensor will be liable under statutory product liability laws as -far such laws apply to the Work. - -9. Additional agreements - -While distributing the Work, You may choose to conclude an additional agreement, -defining obligations or services consistent with this Licence. However, if -accepting obligations, You may act only on your own behalf and on your sole -responsibility, not on behalf of the original Licensor or any other Contributor, -and only if You agree to indemnify, defend, and hold each Contributor harmless -for any liability incurred by, or claims asserted against such Contributor by -the fact You have accepted any warranty or additional liability. - -10. Acceptance of the Licence - -The provisions of this Licence can be accepted by clicking on an icon ‘I agree’ -placed under the bottom of a window displaying the text of this Licence or by -affirming consent in any other similar way, in accordance with the rules of -applicable law. Clicking on that icon indicates your clear and irrevocable -acceptance of this Licence and all of its terms and conditions. - -Similarly, you irrevocably accept this Licence and all of its terms and -conditions by exercising any rights granted to You by Article 2 of this Licence, -such as the use of the Work, the creation by You of a Derivative Work or the -Distribution or Communication by You of the Work or copies thereof. - -11. Information to the public - -In case of any Distribution or Communication of the Work by means of electronic -communication by You (for example, by offering to download the Work from a -remote location) the distribution channel or media (for example, a website) must -at least provide to the public the information requested by the applicable law -regarding the Licensor, the Licence and the way it may be accessible, concluded, -stored and reproduced by the Licensee. - -12. Termination of the Licence - -The Licence and the rights granted hereunder will terminate automatically upon -any breach by the Licensee of the terms of the Licence. - -Such a termination will not terminate the licences of any person who has -received the Work from the Licensee under the Licence, provided such persons -remain in full compliance with the Licence. - -13. Miscellaneous - -Without prejudice of Article 9 above, the Licence represents the complete -agreement between the Parties as to the Work. - -If any provision of the Licence is invalid or unenforceable under applicable -law, this will not affect the validity or enforceability of the Licence as a -whole. Such provision will be construed or reformed so as necessary to make it -valid and enforceable. - -The European Commission may publish other linguistic versions or new versions of -this Licence or updated versions of the Appendix, so far this is required and -reasonable, without reducing the scope of the rights granted by the Licence. New -versions of the Licence will be published with a unique version number. - -All linguistic versions of this Licence, approved by the European Commission, -have identical value. Parties can take advantage of the linguistic version of -their choice. - -14. Jurisdiction - -Without prejudice to specific agreement between parties, - -- any litigation resulting from the interpretation of this License, arising - between the European Union institutions, bodies, offices or agencies, as a - Licensor, and any Licensee, will be subject to the jurisdiction of the Court - of Justice of the European Union, as laid down in article 272 of the Treaty on - the Functioning of the European Union, - -- any litigation arising between other parties and resulting from the - interpretation of this License, will be subject to the exclusive jurisdiction - of the competent court where the Licensor resides or conducts its primary - business. - -15. Applicable Law - -Without prejudice to specific agreement between parties, - -- this Licence shall be governed by the law of the European Union Member State - where the Licensor has his seat, resides or has his registered office, - -- this licence shall be governed by Belgian law if the Licensor has no seat, - residence or registered office inside a European Union Member State. - -Appendix - -‘Compatible Licences’ according to Article 5 EUPL are: - -- GNU General Public License (GPL) v. 2, v. 3 -- GNU Affero General Public License (AGPL) v. 3 -- Open Software License (OSL) v. 2.1, v. 3.0 -- Eclipse Public License (EPL) v. 1.0 -- CeCILL v. 2.0, v. 2.1 -- Mozilla Public Licence (MPL) v. 2 -- GNU Lesser General Public Licence (LGPL) v. 2.1, v. 3 -- Creative Commons Attribution-ShareAlike v. 3.0 Unported (CC BY-SA 3.0) for - works other than software -- European Union Public Licence (EUPL) v. 1.1, v. 1.2 -- Québec Free and Open-Source Licence — Reciprocity (LiLiQ-R) or Strong - Reciprocity (LiLiQ-R+). - -The European Commission may update this Appendix to later versions of the above -licences without producing a new version of the EUPL, as long as they provide -the rights granted in Article 2 of this Licence and protect the covered Source -Code from exclusive appropriation. - -All other changes or additions to this Appendix require the production of a new -EUPL version. diff --git a/README.de.md b/README.de.md new file mode 100644 index 0000000..ae73a29 --- /dev/null +++ b/README.de.md @@ -0,0 +1,139 @@ +> [English version](./README.md) + +# Benutzerdefinertes Theme für KoliBri + +Ein benutzerdefiniertes Theme für die barrierefreie Komponentenbibliothek [KoliBri](https://github.com/public-ui/kolibri). + +## Installation + +```bash +npm install @your-scope/theme-kolibri @public-ui/components +``` + +### Assets kopieren + +Das Theme-Paket und die KoliBri-Komponenten enthalten wichtige Assets (Schriftarten und Icons), die in Ihr Projekt kopiert werden müssen. Für eine betriebssystemunabhängige Lösung empfehlen wir die Verwendung des `cpy-cli` Pakets: + +```bash +npm install --save-dev cpy-cli +``` + +Erstellen Sie dann npm-Scripts in Ihrer `package.json`: + +```json +{ + "scripts": { + "postinstall": "npm run copy-assets", + "copy-assets": "npm run copy-theme-assets && npm run copy-kolibri-assets", + "copy-theme-assets": "cpy 'node_modules/@your-scope/theme-kolibri/assets/**' 'public/assets/theme' --parents", + "copy-kolibri-assets": "cpy 'node_modules/@public-ui/components/assets/**' 'public/assets/theme' --parents" + } +} +``` + +**Wichtig:** Fügen Sie den Theme-Assets-Ordner zu Ihrer `.gitignore` hinzu, da diese Dateien bei jedem `npm install` automatisch kopiert werden: + +```gitignore +# Theme Assets (werden automatisch kopiert) +public/assets/theme/ +``` + +### Assets einbinden + +Nach dem Kopieren der Assets müssen diese in Ihrer Anwendung eingebunden werden: + +#### Option 1: Einbindung über HTML + +```html + + + + + + Theme Demo + + + + + + + + +``` + +#### Option 2: Einbindung über SCSS/CSS + +```scss +// In Ihrer main.scss oder styles.scss +@import url('/assets/theme/codicon.css'); +``` + +## Verwendung + +```typescript +import { register } from '@public-ui/components'; +import { CUSTOM_THEME } from '@your-scope/theme-kolibri'; +import { defineCustomElements } from '@public-ui/components/loader'; + +register(CUSTOM_THEME, defineCustomElements) + .then(() => { + // Theme und KoliBri-Komponenten sind geladen + }) + .catch(console.warn); +``` + +## Features + +- ♿ **Barrierefrei** - WCAG-konforme Styles mit korrekten Kontrastverhältnissen +- 📱 **Responsive** - Mobile-First-Ansatz +- 🔧 **CSS Layers** - Moderne Layer-Architektur für bessere Wartbarkeit + +## Hinweise zum Theming + +Beim Einsatz von Adaptive Styles können globale `CSS` Custom Properties mit denen der Anwendung kollidieren. Nutze für interne Berechnungen bevorzugt `SASS`-Variablen und gib nur klar geprefixte `CSS`-Properties nach außen. + +## Entwicklung + +### HTML-Verwendung + +Nach der Installation können Sie die KoliBri-Komponenten mit dem Theme direkt in HTML verwenden: + +```html + + + + + + Theme Demo + + + + + Inhalt der Karte mit Styling + + + + +``` + +## Support + +Wenn Sie während der Entwicklung oder des Build-Prozesses auf Probleme stoßen, schauen Sie sich [CONTRIBUTING.de.md](./CONTRIBUTING.de.md) für detaillierte Leitfäden zur Fehlerbehebung an. + +## Lizenz + +Dieses Projekt steht unter der [European Union Public Licence (EUPL) v1.2](https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12). Die EUPL ist eine Open-Source-Lizenz, die von der Europäischen Kommission entwickelt wurde und mit anderen bekannten Open-Source-Lizenzen kompatibel ist. + +## Verwandte Projekte + +- [KoliBri – Der barrierefreie HTML-Standard](https://public-ui.github.io/) diff --git a/README.en.md b/README.en.md deleted file mode 100644 index f416e0f..0000000 --- a/README.en.md +++ /dev/null @@ -1,140 +0,0 @@ -[German version](./README.md) - -# Custom theme for KoliBri - -A custom theme for the accessible component library [KoliBri](https://github.com/public-ui/kolibri). - -## Installation - -```bash -npm install @your-scope/theme-kolibri @public-ui/components -``` - -### Copy assets - -The theme package and the KoliBri components ship important assets (fonts and icons) that must be copied into your project. For a cross-platform solution we recommend the `cpy-cli` package: - -```bash -npm install --save-dev cpy-cli -``` - -Then create npm scripts in your `package.json`: - -```json -{ - "scripts": { - "postinstall": "npm run copy-assets", - "copy-assets": "npm run copy-theme-assets && npm run copy-kolibri-assets", - "copy-theme-assets": "cpy 'node_modules/@your-scope/theme-kolibri/assets/**' 'public/assets/theme' --parents", - "copy-kolibri-assets": "cpy 'node_modules/@public-ui/components/assets/**' 'public/assets/theme' --parents" - } -} -``` - -**Important:** add the theme asset folder to your `.gitignore`, because the files are copied automatically on every `npm install`: - -```gitignore -# Theme assets (copied automatically) -public/assets/theme/ -``` - -### Include assets - -After copying the assets you need to include them in your application: - -#### Option 1: include via HTML - -```html - - - - - - Theme Demo - - - - - - - - -``` - -#### Option 2: include via SCSS/CSS - -```scss -// In your main.scss or styles.scss -@import url('/assets/theme/codicon.css'); -``` - -## Usage - -```typescript -import { register } from '@public-ui/components'; -import { CUSTOM_THEME } from '@your-scope/theme-kolibri'; -import { defineCustomElements } from '@public-ui/components/loader'; - -register(CUSTOM_THEME, defineCustomElements) - .then(() => { - // Theme and KoliBri components are ready - }) - .catch(console.warn); -``` - -## Features - -- ♿ **Accessible** – WCAG compliant styles with proper contrast ratios -- 📱 **Responsive** – mobile-first styling -- 🔧 **CSS layers** – modern layer architecture for maintainability - -## Theming notes - -When using adaptive styles, global CSS custom properties can collide with application properties. Prefer `SASS` variables for internal calculations and expose only clearly prefixed CSS properties. - -## Development - -### HTML usage - -After installation you can use the KoliBri components with the theme directly in HTML: - -```html - - - - - - KERN UX Theme Demo - - - - - Content of the card with styling - - - - -``` - -## Support - -If you run into issues during development or the build process, take a look at [CONTRIBUTING.en.md](./CONTRIBUTING.en.md) for detailed troubleshooting guidance. - -## License - -This project is licensed under the [European Union Public Licence (EUPL) v1.2](https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12). The EUPL is an open-source licence developed by the European Commission and is compatible with other well-known open-source licences. - -## Related projects - -- [KERN UX standard](https://www.kern-ux.de) -- [KoliBri – the accessible HTML standard](https://public-ui.github.io/) diff --git a/README.md b/README.md index 8864814..c1947e3 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,8 @@ -> [English version](./README.en.md) +[German version](./README.de.md) -# Benutzerdefinertes Theme für KoliBri +# Custom theme for KoliBri -Ein benutzerdefiniertes Theme für die barrierefreie Komponentenbibliothek [KoliBri](https://github.com/public-ui/kolibri). +A custom theme for the accessible component library [KoliBri](https://github.com/public-ui/kolibri). ## Installation @@ -52,7 +52,7 @@ Nach dem Kopieren der Assets müssen diese in Ihrer Anwendung eingebunden werden Theme Demo - + @@ -126,10 +126,14 @@ Nach der Installation können Sie die KoliBri-Komponenten mit dem Theme direkt i ``` +## Support + +If you run into issues during development or the build process, take a look at [CONTRIBUTING.md](./CONTRIBUTING.md) for detailed troubleshooting guidance. + ## Lizenz Dieses Projekt steht unter der [European Union Public Licence (EUPL) v1.2](https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12). Die EUPL ist eine Open-Source-Lizenz, die von der Europäischen Kommission entwickelt wurde und mit anderen bekannten Open-Source-Lizenzen kompatibel ist. ## Verwandte Projekte -- [KoliBri - Der barrierefreie HTML-Standard](https://public-ui.github.io/) +- [KoliBri – Der barrierefreie HTML-Standard](https://public-ui.github.io/) diff --git a/assets/.gitkeep b/assets/.gitkeep new file mode 100644 index 0000000..03cdebe --- /dev/null +++ b/assets/.gitkeep @@ -0,0 +1,28 @@ +# Custom assets folder + +This folder contrains custom assets for the template theme and +will be included in the final build package of the theme. To +ensure that the folder is tracked by git, this file is included +as a placeholder. + +`package.json` changes to copy assets: + +```json +"scripts": { + "prepare": "cpy \"node_modules/@public-ui/components/assets/**/*\" assets --dot", + ...other scripts +}, +"devDependencies": { + "cpy-cli": "6.0.0", + ...other dependencies +} +``` + + + +`.gitignore` changes to avoid ignoring the assets folder: + +```bash +!assets/kolicons/ +!assets/kolibri.ico +``` diff --git a/assets/codicons/LICENSE b/assets/codicons/LICENSE deleted file mode 100644 index 085c3ca..0000000 --- a/assets/codicons/LICENSE +++ /dev/null @@ -1,395 +0,0 @@ -Attribution 4.0 International - -======================================================================= - -Creative Commons Corporation ("Creative Commons") is not a law firm and -does not provide legal services or legal advice. Distribution of -Creative Commons public licenses does not create a lawyer-client or -other relationship. Creative Commons makes its licenses and related -information available on an "as-is" basis. Creative Commons gives no -warranties regarding its licenses, any material licensed under their -terms and conditions, or any related information. Creative Commons -disclaims all liability for damages resulting from their use to the -fullest extent possible. - -Using Creative Commons Public Licenses - -Creative Commons public licenses provide a standard set of terms and -conditions that creators and other rights holders may use to share -original works of authorship and other material subject to copyright -and certain other rights specified in the public license below. The -following considerations are for informational purposes only, are not -exhaustive, and do not form part of our licenses. - - Considerations for licensors: Our public licenses are - intended for use by those authorized to give the public - permission to use material in ways otherwise restricted by - copyright and certain other rights. Our licenses are - irrevocable. Licensors should read and understand the terms - and conditions of the license they choose before applying it. - Licensors should also secure all rights necessary before - applying our licenses so that the public can reuse the - material as expected. Licensors should clearly mark any - material not subject to the license. This includes other CC- - licensed material, or material used under an exception or - limitation to copyright. More considerations for licensors: - wiki.creativecommons.org/Considerations_for_licensors - - Considerations for the public: By using one of our public - licenses, a licensor grants the public permission to use the - licensed material under specified terms and conditions. If - the licensor's permission is not necessary for any reason--for - example, because of any applicable exception or limitation to - copyright--then that use is not regulated by the license. Our - licenses grant only permissions under copyright and certain - other rights that a licensor has authority to grant. Use of - the licensed material may still be restricted for other - reasons, including because others have copyright or other - rights in the material. A licensor may make special requests, - such as asking that all changes be marked or described. - Although not required by our licenses, you are encouraged to - respect those requests where reasonable. More_considerations - for the public: - wiki.creativecommons.org/Considerations_for_licensees - -======================================================================= - -Creative Commons Attribution 4.0 International Public License - -By exercising the Licensed Rights (defined below), You accept and agree -to be bound by the terms and conditions of this Creative Commons -Attribution 4.0 International Public License ("Public License"). To the -extent this Public License may be interpreted as a contract, You are -granted the Licensed Rights in consideration of Your acceptance of -these terms and conditions, and the Licensor grants You such rights in -consideration of benefits the Licensor receives from making the -Licensed Material available under these terms and conditions. - - -Section 1 -- Definitions. - - a. Adapted Material means material subject to Copyright and Similar - Rights that is derived from or based upon the Licensed Material - and in which the Licensed Material is translated, altered, - arranged, transformed, or otherwise modified in a manner requiring - permission under the Copyright and Similar Rights held by the - Licensor. For purposes of this Public License, where the Licensed - Material is a musical work, performance, or sound recording, - Adapted Material is always produced where the Licensed Material is - synched in timed relation with a moving image. - - b. Adapter's License means the license You apply to Your Copyright - and Similar Rights in Your contributions to Adapted Material in - accordance with the terms and conditions of this Public License. - - c. Copyright and Similar Rights means copyright and/or similar rights - closely related to copyright including, without limitation, - performance, broadcast, sound recording, and Sui Generis Database - Rights, without regard to how the rights are labeled or - categorized. For purposes of this Public License, the rights - specified in Section 2(b)(1)-(2) are not Copyright and Similar - Rights. - - d. Effective Technological Measures means those measures that, in the - absence of proper authority, may not be circumvented under laws - fulfilling obligations under Article 11 of the WIPO Copyright - Treaty adopted on December 20, 1996, and/or similar international - agreements. - - e. Exceptions and Limitations means fair use, fair dealing, and/or - any other exception or limitation to Copyright and Similar Rights - that applies to Your use of the Licensed Material. - - f. Licensed Material means the artistic or literary work, database, - or other material to which the Licensor applied this Public - License. - - g. Licensed Rights means the rights granted to You subject to the - terms and conditions of this Public License, which are limited to - all Copyright and Similar Rights that apply to Your use of the - Licensed Material and that the Licensor has authority to license. - - h. Licensor means the individual(s) or entity(ies) granting rights - under this Public License. - - i. Share means to provide material to the public by any means or - process that requires permission under the Licensed Rights, such - as reproduction, public display, public performance, distribution, - dissemination, communication, or importation, and to make material - available to the public including in ways that members of the - public may access the material from a place and at a time - individually chosen by them. - - j. Sui Generis Database Rights means rights other than copyright - resulting from Directive 96/9/EC of the European Parliament and of - the Council of 11 March 1996 on the legal protection of databases, - as amended and/or succeeded, as well as other essentially - equivalent rights anywhere in the world. - - k. You means the individual or entity exercising the Licensed Rights - under this Public License. Your has a corresponding meaning. - - -Section 2 -- Scope. - - a. License grant. - - 1. Subject to the terms and conditions of this Public License, - the Licensor hereby grants You a worldwide, royalty-free, - non-sublicensable, non-exclusive, irrevocable license to - exercise the Licensed Rights in the Licensed Material to: - - a. reproduce and Share the Licensed Material, in whole or - in part; and - - b. produce, reproduce, and Share Adapted Material. - - 2. Exceptions and Limitations. For the avoidance of doubt, where - Exceptions and Limitations apply to Your use, this Public - License does not apply, and You do not need to comply with - its terms and conditions. - - 3. Term. The term of this Public License is specified in Section - 6(a). - - 4. Media and formats; technical modifications allowed. The - Licensor authorizes You to exercise the Licensed Rights in - all media and formats whether now known or hereafter created, - and to make technical modifications necessary to do so. The - Licensor waives and/or agrees not to assert any right or - authority to forbid You from making technical modifications - necessary to exercise the Licensed Rights, including - technical modifications necessary to circumvent Effective - Technological Measures. For purposes of this Public License, - simply making modifications authorized by this Section 2(a) - (4) never produces Adapted Material. - - 5. Downstream recipients. - - a. Offer from the Licensor -- Licensed Material. Every - recipient of the Licensed Material automatically - receives an offer from the Licensor to exercise the - Licensed Rights under the terms and conditions of this - Public License. - - b. No downstream restrictions. You may not offer or impose - any additional or different terms or conditions on, or - apply any Effective Technological Measures to, the - Licensed Material if doing so restricts exercise of the - Licensed Rights by any recipient of the Licensed - Material. - - 6. No endorsement. Nothing in this Public License constitutes or - may be construed as permission to assert or imply that You - are, or that Your use of the Licensed Material is, connected - with, or sponsored, endorsed, or granted official status by, - the Licensor or others designated to receive attribution as - provided in Section 3(a)(1)(A)(i). - - b. Other rights. - - 1. Moral rights, such as the right of integrity, are not - licensed under this Public License, nor are publicity, - privacy, and/or other similar personality rights; however, to - the extent possible, the Licensor waives and/or agrees not to - assert any such rights held by the Licensor to the limited - extent necessary to allow You to exercise the Licensed - Rights, but not otherwise. - - 2. Patent and trademark rights are not licensed under this - Public License. - - 3. To the extent possible, the Licensor waives any right to - collect royalties from You for the exercise of the Licensed - Rights, whether directly or through a collecting society - under any voluntary or waivable statutory or compulsory - licensing scheme. In all other cases the Licensor expressly - reserves any right to collect such royalties. - - -Section 3 -- License Conditions. - -Your exercise of the Licensed Rights is expressly made subject to the -following conditions. - - a. Attribution. - - 1. If You Share the Licensed Material (including in modified - form), You must: - - a. retain the following if it is supplied by the Licensor - with the Licensed Material: - - i. identification of the creator(s) of the Licensed - Material and any others designated to receive - attribution, in any reasonable manner requested by - the Licensor (including by pseudonym if - designated); - - ii. a copyright notice; - - iii. a notice that refers to this Public License; - - iv. a notice that refers to the disclaimer of - warranties; - - v. a URI or hyperlink to the Licensed Material to the - extent reasonably practicable; - - b. indicate if You modified the Licensed Material and - retain an indication of any previous modifications; and - - c. indicate the Licensed Material is licensed under this - Public License, and include the text of, or the URI or - hyperlink to, this Public License. - - 2. You may satisfy the conditions in Section 3(a)(1) in any - reasonable manner based on the medium, means, and context in - which You Share the Licensed Material. For example, it may be - reasonable to satisfy the conditions by providing a URI or - hyperlink to a resource that includes the required - information. - - 3. If requested by the Licensor, You must remove any of the - information required by Section 3(a)(1)(A) to the extent - reasonably practicable. - - 4. If You Share Adapted Material You produce, the Adapter's - License You apply must not prevent recipients of the Adapted - Material from complying with this Public License. - - -Section 4 -- Sui Generis Database Rights. - -Where the Licensed Rights include Sui Generis Database Rights that -apply to Your use of the Licensed Material: - - a. for the avoidance of doubt, Section 2(a)(1) grants You the right - to extract, reuse, reproduce, and Share all or a substantial - portion of the contents of the database; - - b. if You include all or a substantial portion of the database - contents in a database in which You have Sui Generis Database - Rights, then the database in which You have Sui Generis Database - Rights (but not its individual contents) is Adapted Material; and - - c. You must comply with the conditions in Section 3(a) if You Share - all or a substantial portion of the contents of the database. - -For the avoidance of doubt, this Section 4 supplements and does not -replace Your obligations under this Public License where the Licensed -Rights include other Copyright and Similar Rights. - - -Section 5 -- Disclaimer of Warranties and Limitation of Liability. - - a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE - EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS - AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF - ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS, - IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION, - WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR - PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS, - ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT - KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT - ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU. - - b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE - TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION, - NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT, - INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES, - COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR - USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN - ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR - DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR - IN PART, THIS LIMITATION MAY NOT APPLY TO YOU. - - c. The disclaimer of warranties and limitation of liability provided - above shall be interpreted in a manner that, to the extent - possible, most closely approximates an absolute disclaimer and - waiver of all liability. - - -Section 6 -- Term and Termination. - - a. This Public License applies for the term of the Copyright and - Similar Rights licensed here. However, if You fail to comply with - this Public License, then Your rights under this Public License - terminate automatically. - - b. Where Your right to use the Licensed Material has terminated under - Section 6(a), it reinstates: - - 1. automatically as of the date the violation is cured, provided - it is cured within 30 days of Your discovery of the - violation; or - - 2. upon express reinstatement by the Licensor. - - For the avoidance of doubt, this Section 6(b) does not affect any - right the Licensor may have to seek remedies for Your violations - of this Public License. - - c. For the avoidance of doubt, the Licensor may also offer the - Licensed Material under separate terms or conditions or stop - distributing the Licensed Material at any time; however, doing so - will not terminate this Public License. - - d. Sections 1, 5, 6, 7, and 8 survive termination of this Public - License. - - -Section 7 -- Other Terms and Conditions. - - a. The Licensor shall not be bound by any additional or different - terms or conditions communicated by You unless expressly agreed. - - b. Any arrangements, understandings, or agreements regarding the - Licensed Material not stated herein are separate from and - independent of the terms and conditions of this Public License. - - -Section 8 -- Interpretation. - - a. For the avoidance of doubt, this Public License does not, and - shall not be interpreted to, reduce, limit, restrict, or impose - conditions on any use of the Licensed Material that could lawfully - be made without permission under this Public License. - - b. To the extent possible, if any provision of this Public License is - deemed unenforceable, it shall be automatically reformed to the - minimum extent necessary to make it enforceable. If the provision - cannot be reformed, it shall be severed from this Public License - without affecting the enforceability of the remaining terms and - conditions. - - c. No term or condition of this Public License will be waived and no - failure to comply consented to unless expressly agreed to by the - Licensor. - - d. Nothing in this Public License constitutes or may be interpreted - as a limitation upon, or waiver of, any privileges and immunities - that apply to the Licensor or You, including from the legal - processes of any jurisdiction or authority. - - -======================================================================= - -Creative Commons is not a party to its public -licenses. Notwithstanding, Creative Commons may elect to apply one of -its public licenses to material it publishes and in those instances -will be considered the “Licensor.” The text of the Creative Commons -public licenses is dedicated to the public domain under the CC0 Public -Domain Dedication. Except for the limited purpose of indicating that -material is shared under a Creative Commons public license or as -otherwise permitted by the Creative Commons policies published at -creativecommons.org/policies, Creative Commons does not authorize the -use of the trademark "Creative Commons" or any other trademark or logo -of Creative Commons without its prior written consent including, -without limitation, in connection with any unauthorized modifications -to any of its public licenses or any other arrangements, -understandings, or agreements concerning use of licensed material. For -the avoidance of doubt, this paragraph does not form part of the -public licenses. - -Creative Commons may be contacted at creativecommons.org. \ No newline at end of file diff --git a/assets/codicons/LICENSE-CODE b/assets/codicons/LICENSE-CODE deleted file mode 100644 index 3d8b93b..0000000 --- a/assets/codicons/LICENSE-CODE +++ /dev/null @@ -1,21 +0,0 @@ - MIT License - - Copyright (c) Microsoft Corporation. - - Permission is hereby granted, free of charge, to any person obtaining a copy - of this software and associated documentation files (the "Software"), to deal - in the Software without restriction, including without limitation the rights - to use, copy, modify, merge, publish, distribute, sublicense, and/or sell - copies of the Software, and to permit persons to whom the Software is - furnished to do so, subject to the following conditions: - - The above copyright notice and this permission notice shall be included in all - copies or substantial portions of the Software. - - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR - IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, - FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE - AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER - LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, - OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE - SOFTWARE diff --git a/assets/codicons/codicon.css b/assets/codicons/codicon.css deleted file mode 100644 index 739be06..0000000 --- a/assets/codicons/codicon.css +++ /dev/null @@ -1,635 +0,0 @@ -/*--------------------------------------------------------------------------------------------- - * Copyright (c) Microsoft Corporation. All rights reserved. - * Licensed under the MIT License. See License.txt in the project root for license information. - *--------------------------------------------------------------------------------------------*/ - -@font-face { - font-family: "codicon"; - font-display: block; - src: url("./codicon.ttf?be64b7213e352cd7f91ef58198e71237") format("truetype"); -} - -.codicon[class*='codicon-'] { - font: normal normal normal 16px/1 codicon; - display: inline-block; - text-decoration: none; - text-rendering: auto; - text-align: center; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} - -/*--------------------- - * Modifiers - *-------------------*/ - -@keyframes codicon-spin { - 100% { - transform:rotate(360deg); - } -} - -.codicon-sync.codicon-modifier-spin, -.codicon-loading.codicon-modifier-spin, -.codicon-gear.codicon-modifier-spin { - /* Use steps to throttle FPS to reduce CPU usage */ - animation: codicon-spin 1.5s steps(30) infinite; -} - -.codicon-modifier-disabled { - opacity: 0.5; -} - -.codicon-modifier-hidden { - opacity: 0; -} - -/* custom speed & easing for loading icon */ -.codicon-loading { - animation-duration: 1s !important; - animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important; -} - -/*--------------------- - * Icons - *-------------------*/ - -.codicon-add:before { content: "\ea60" } -.codicon-plus:before { content: "\ea60" } -.codicon-gist-new:before { content: "\ea60" } -.codicon-repo-create:before { content: "\ea60" } -.codicon-lightbulb:before { content: "\ea61" } -.codicon-light-bulb:before { content: "\ea61" } -.codicon-repo:before { content: "\ea62" } -.codicon-repo-delete:before { content: "\ea62" } -.codicon-gist-fork:before { content: "\ea63" } -.codicon-repo-forked:before { content: "\ea63" } -.codicon-git-pull-request:before { content: "\ea64" } -.codicon-git-pull-request-abandoned:before { content: "\ea64" } -.codicon-record-keys:before { content: "\ea65" } -.codicon-keyboard:before { content: "\ea65" } -.codicon-tag:before { content: "\ea66" } -.codicon-git-pull-request-label:before { content: "\ea66" } -.codicon-tag-add:before { content: "\ea66" } -.codicon-tag-remove:before { content: "\ea66" } -.codicon-person:before { content: "\ea67" } -.codicon-person-follow:before { content: "\ea67" } -.codicon-person-outline:before { content: "\ea67" } -.codicon-person-filled:before { content: "\ea67" } -.codicon-git-branch:before { content: "\ea68" } -.codicon-git-branch-create:before { content: "\ea68" } -.codicon-git-branch-delete:before { content: "\ea68" } -.codicon-source-control:before { content: "\ea68" } -.codicon-mirror:before { content: "\ea69" } -.codicon-mirror-public:before { content: "\ea69" } -.codicon-star:before { content: "\ea6a" } -.codicon-star-add:before { content: "\ea6a" } -.codicon-star-delete:before { content: "\ea6a" } -.codicon-star-empty:before { content: "\ea6a" } -.codicon-comment:before { content: "\ea6b" } -.codicon-comment-add:before { content: "\ea6b" } -.codicon-alert:before { content: "\ea6c" } -.codicon-warning:before { content: "\ea6c" } -.codicon-search:before { content: "\ea6d" } -.codicon-search-save:before { content: "\ea6d" } -.codicon-log-out:before { content: "\ea6e" } -.codicon-sign-out:before { content: "\ea6e" } -.codicon-log-in:before { content: "\ea6f" } -.codicon-sign-in:before { content: "\ea6f" } -.codicon-eye:before { content: "\ea70" } -.codicon-eye-unwatch:before { content: "\ea70" } -.codicon-eye-watch:before { content: "\ea70" } -.codicon-circle-filled:before { content: "\ea71" } -.codicon-primitive-dot:before { content: "\ea71" } -.codicon-close-dirty:before { content: "\ea71" } -.codicon-debug-breakpoint:before { content: "\ea71" } -.codicon-debug-breakpoint-disabled:before { content: "\ea71" } -.codicon-debug-hint:before { content: "\ea71" } -.codicon-terminal-decoration-success:before { content: "\ea71" } -.codicon-primitive-square:before { content: "\ea72" } -.codicon-edit:before { content: "\ea73" } -.codicon-pencil:before { content: "\ea73" } -.codicon-info:before { content: "\ea74" } -.codicon-issue-opened:before { content: "\ea74" } -.codicon-gist-private:before { content: "\ea75" } -.codicon-git-fork-private:before { content: "\ea75" } -.codicon-lock:before { content: "\ea75" } -.codicon-mirror-private:before { content: "\ea75" } -.codicon-close:before { content: "\ea76" } -.codicon-remove-close:before { content: "\ea76" } -.codicon-x:before { content: "\ea76" } -.codicon-repo-sync:before { content: "\ea77" } -.codicon-sync:before { content: "\ea77" } -.codicon-clone:before { content: "\ea78" } -.codicon-desktop-download:before { content: "\ea78" } -.codicon-beaker:before { content: "\ea79" } -.codicon-microscope:before { content: "\ea79" } -.codicon-vm:before { content: "\ea7a" } -.codicon-device-desktop:before { content: "\ea7a" } -.codicon-file:before { content: "\ea7b" } -.codicon-file-text:before { content: "\ea7b" } -.codicon-more:before { content: "\ea7c" } -.codicon-ellipsis:before { content: "\ea7c" } -.codicon-kebab-horizontal:before { content: "\ea7c" } -.codicon-mail-reply:before { content: "\ea7d" } -.codicon-reply:before { content: "\ea7d" } -.codicon-organization:before { content: "\ea7e" } -.codicon-organization-filled:before { content: "\ea7e" } -.codicon-organization-outline:before { content: "\ea7e" } -.codicon-new-file:before { content: "\ea7f" } -.codicon-file-add:before { content: "\ea7f" } -.codicon-new-folder:before { content: "\ea80" } -.codicon-file-directory-create:before { content: "\ea80" } -.codicon-trash:before { content: "\ea81" } -.codicon-trashcan:before { content: "\ea81" } -.codicon-history:before { content: "\ea82" } -.codicon-clock:before { content: "\ea82" } -.codicon-folder:before { content: "\ea83" } -.codicon-file-directory:before { content: "\ea83" } -.codicon-symbol-folder:before { content: "\ea83" } -.codicon-logo-github:before { content: "\ea84" } -.codicon-mark-github:before { content: "\ea84" } -.codicon-github:before { content: "\ea84" } -.codicon-terminal:before { content: "\ea85" } -.codicon-console:before { content: "\ea85" } -.codicon-repl:before { content: "\ea85" } -.codicon-zap:before { content: "\ea86" } -.codicon-symbol-event:before { content: "\ea86" } -.codicon-error:before { content: "\ea87" } -.codicon-stop:before { content: "\ea87" } -.codicon-variable:before { content: "\ea88" } -.codicon-symbol-variable:before { content: "\ea88" } -.codicon-array:before { content: "\ea8a" } -.codicon-symbol-array:before { content: "\ea8a" } -.codicon-symbol-module:before { content: "\ea8b" } -.codicon-symbol-package:before { content: "\ea8b" } -.codicon-symbol-namespace:before { content: "\ea8b" } -.codicon-symbol-object:before { content: "\ea8b" } -.codicon-symbol-method:before { content: "\ea8c" } -.codicon-symbol-function:before { content: "\ea8c" } -.codicon-symbol-constructor:before { content: "\ea8c" } -.codicon-symbol-boolean:before { content: "\ea8f" } -.codicon-symbol-null:before { content: "\ea8f" } -.codicon-symbol-numeric:before { content: "\ea90" } -.codicon-symbol-number:before { content: "\ea90" } -.codicon-symbol-structure:before { content: "\ea91" } -.codicon-symbol-struct:before { content: "\ea91" } -.codicon-symbol-parameter:before { content: "\ea92" } -.codicon-symbol-type-parameter:before { content: "\ea92" } -.codicon-symbol-key:before { content: "\ea93" } -.codicon-symbol-text:before { content: "\ea93" } -.codicon-symbol-reference:before { content: "\ea94" } -.codicon-go-to-file:before { content: "\ea94" } -.codicon-symbol-enum:before { content: "\ea95" } -.codicon-symbol-value:before { content: "\ea95" } -.codicon-symbol-ruler:before { content: "\ea96" } -.codicon-symbol-unit:before { content: "\ea96" } -.codicon-activate-breakpoints:before { content: "\ea97" } -.codicon-archive:before { content: "\ea98" } -.codicon-arrow-both:before { content: "\ea99" } -.codicon-arrow-down:before { content: "\ea9a" } -.codicon-arrow-left:before { content: "\ea9b" } -.codicon-arrow-right:before { content: "\ea9c" } -.codicon-arrow-small-down:before { content: "\ea9d" } -.codicon-arrow-small-left:before { content: "\ea9e" } -.codicon-arrow-small-right:before { content: "\ea9f" } -.codicon-arrow-small-up:before { content: "\eaa0" } -.codicon-arrow-up:before { content: "\eaa1" } -.codicon-bell:before { content: "\eaa2" } -.codicon-bold:before { content: "\eaa3" } -.codicon-book:before { content: "\eaa4" } -.codicon-bookmark:before { content: "\eaa5" } -.codicon-debug-breakpoint-conditional-unverified:before { content: "\eaa6" } -.codicon-debug-breakpoint-conditional:before { content: "\eaa7" } -.codicon-debug-breakpoint-conditional-disabled:before { content: "\eaa7" } -.codicon-debug-breakpoint-data-unverified:before { content: "\eaa8" } -.codicon-debug-breakpoint-data:before { content: "\eaa9" } -.codicon-debug-breakpoint-data-disabled:before { content: "\eaa9" } -.codicon-debug-breakpoint-log-unverified:before { content: "\eaaa" } -.codicon-debug-breakpoint-log:before { content: "\eaab" } -.codicon-debug-breakpoint-log-disabled:before { content: "\eaab" } -.codicon-briefcase:before { content: "\eaac" } -.codicon-broadcast:before { content: "\eaad" } -.codicon-browser:before { content: "\eaae" } -.codicon-bug:before { content: "\eaaf" } -.codicon-calendar:before { content: "\eab0" } -.codicon-case-sensitive:before { content: "\eab1" } -.codicon-check:before { content: "\eab2" } -.codicon-checklist:before { content: "\eab3" } -.codicon-chevron-down:before { content: "\eab4" } -.codicon-chevron-left:before { content: "\eab5" } -.codicon-chevron-right:before { content: "\eab6" } -.codicon-chevron-up:before { content: "\eab7" } -.codicon-chrome-close:before { content: "\eab8" } -.codicon-chrome-maximize:before { content: "\eab9" } -.codicon-chrome-minimize:before { content: "\eaba" } -.codicon-chrome-restore:before { content: "\eabb" } -.codicon-circle-outline:before { content: "\eabc" } -.codicon-circle:before { content: "\eabc" } -.codicon-debug-breakpoint-unverified:before { content: "\eabc" } -.codicon-terminal-decoration-incomplete:before { content: "\eabc" } -.codicon-circle-slash:before { content: "\eabd" } -.codicon-circuit-board:before { content: "\eabe" } -.codicon-clear-all:before { content: "\eabf" } -.codicon-clippy:before { content: "\eac0" } -.codicon-close-all:before { content: "\eac1" } -.codicon-cloud-download:before { content: "\eac2" } -.codicon-cloud-upload:before { content: "\eac3" } -.codicon-code:before { content: "\eac4" } -.codicon-collapse-all:before { content: "\eac5" } -.codicon-color-mode:before { content: "\eac6" } -.codicon-comment-discussion:before { content: "\eac7" } -.codicon-credit-card:before { content: "\eac9" } -.codicon-dash:before { content: "\eacc" } -.codicon-dashboard:before { content: "\eacd" } -.codicon-database:before { content: "\eace" } -.codicon-debug-continue:before { content: "\eacf" } -.codicon-debug-disconnect:before { content: "\ead0" } -.codicon-debug-pause:before { content: "\ead1" } -.codicon-debug-restart:before { content: "\ead2" } -.codicon-debug-start:before { content: "\ead3" } -.codicon-debug-step-into:before { content: "\ead4" } -.codicon-debug-step-out:before { content: "\ead5" } -.codicon-debug-step-over:before { content: "\ead6" } -.codicon-debug-stop:before { content: "\ead7" } -.codicon-debug:before { content: "\ead8" } -.codicon-device-camera-video:before { content: "\ead9" } -.codicon-device-camera:before { content: "\eada" } -.codicon-device-mobile:before { content: "\eadb" } -.codicon-diff-added:before { content: "\eadc" } -.codicon-diff-ignored:before { content: "\eadd" } -.codicon-diff-modified:before { content: "\eade" } -.codicon-diff-removed:before { content: "\eadf" } -.codicon-diff-renamed:before { content: "\eae0" } -.codicon-diff:before { content: "\eae1" } -.codicon-diff-sidebyside:before { content: "\eae1" } -.codicon-discard:before { content: "\eae2" } -.codicon-editor-layout:before { content: "\eae3" } -.codicon-empty-window:before { content: "\eae4" } -.codicon-exclude:before { content: "\eae5" } -.codicon-extensions:before { content: "\eae6" } -.codicon-eye-closed:before { content: "\eae7" } -.codicon-file-binary:before { content: "\eae8" } -.codicon-file-code:before { content: "\eae9" } -.codicon-file-media:before { content: "\eaea" } -.codicon-file-pdf:before { content: "\eaeb" } -.codicon-file-submodule:before { content: "\eaec" } -.codicon-file-symlink-directory:before { content: "\eaed" } -.codicon-file-symlink-file:before { content: "\eaee" } -.codicon-file-zip:before { content: "\eaef" } -.codicon-files:before { content: "\eaf0" } -.codicon-filter:before { content: "\eaf1" } -.codicon-flame:before { content: "\eaf2" } -.codicon-fold-down:before { content: "\eaf3" } -.codicon-fold-up:before { content: "\eaf4" } -.codicon-fold:before { content: "\eaf5" } -.codicon-folder-active:before { content: "\eaf6" } -.codicon-folder-opened:before { content: "\eaf7" } -.codicon-gear:before { content: "\eaf8" } -.codicon-gift:before { content: "\eaf9" } -.codicon-gist-secret:before { content: "\eafa" } -.codicon-gist:before { content: "\eafb" } -.codicon-git-commit:before { content: "\eafc" } -.codicon-git-compare:before { content: "\eafd" } -.codicon-compare-changes:before { content: "\eafd" } -.codicon-git-merge:before { content: "\eafe" } -.codicon-github-action:before { content: "\eaff" } -.codicon-github-alt:before { content: "\eb00" } -.codicon-globe:before { content: "\eb01" } -.codicon-grabber:before { content: "\eb02" } -.codicon-graph:before { content: "\eb03" } -.codicon-gripper:before { content: "\eb04" } -.codicon-heart:before { content: "\eb05" } -.codicon-home:before { content: "\eb06" } -.codicon-horizontal-rule:before { content: "\eb07" } -.codicon-hubot:before { content: "\eb08" } -.codicon-inbox:before { content: "\eb09" } -.codicon-issue-reopened:before { content: "\eb0b" } -.codicon-issues:before { content: "\eb0c" } -.codicon-italic:before { content: "\eb0d" } -.codicon-jersey:before { content: "\eb0e" } -.codicon-json:before { content: "\eb0f" } -.codicon-kebab-vertical:before { content: "\eb10" } -.codicon-key:before { content: "\eb11" } -.codicon-law:before { content: "\eb12" } -.codicon-lightbulb-autofix:before { content: "\eb13" } -.codicon-link-external:before { content: "\eb14" } -.codicon-link:before { content: "\eb15" } -.codicon-list-ordered:before { content: "\eb16" } -.codicon-list-unordered:before { content: "\eb17" } -.codicon-live-share:before { content: "\eb18" } -.codicon-loading:before { content: "\eb19" } -.codicon-location:before { content: "\eb1a" } -.codicon-mail-read:before { content: "\eb1b" } -.codicon-mail:before { content: "\eb1c" } -.codicon-markdown:before { content: "\eb1d" } -.codicon-megaphone:before { content: "\eb1e" } -.codicon-mention:before { content: "\eb1f" } -.codicon-milestone:before { content: "\eb20" } -.codicon-git-pull-request-milestone:before { content: "\eb20" } -.codicon-mortar-board:before { content: "\eb21" } -.codicon-move:before { content: "\eb22" } -.codicon-multiple-windows:before { content: "\eb23" } -.codicon-mute:before { content: "\eb24" } -.codicon-no-newline:before { content: "\eb25" } -.codicon-note:before { content: "\eb26" } -.codicon-octoface:before { content: "\eb27" } -.codicon-open-preview:before { content: "\eb28" } -.codicon-package:before { content: "\eb29" } -.codicon-paintcan:before { content: "\eb2a" } -.codicon-pin:before { content: "\eb2b" } -.codicon-play:before { content: "\eb2c" } -.codicon-run:before { content: "\eb2c" } -.codicon-plug:before { content: "\eb2d" } -.codicon-preserve-case:before { content: "\eb2e" } -.codicon-preview:before { content: "\eb2f" } -.codicon-project:before { content: "\eb30" } -.codicon-pulse:before { content: "\eb31" } -.codicon-question:before { content: "\eb32" } -.codicon-quote:before { content: "\eb33" } -.codicon-radio-tower:before { content: "\eb34" } -.codicon-reactions:before { content: "\eb35" } -.codicon-references:before { content: "\eb36" } -.codicon-refresh:before { content: "\eb37" } -.codicon-regex:before { content: "\eb38" } -.codicon-remote-explorer:before { content: "\eb39" } -.codicon-remote:before { content: "\eb3a" } -.codicon-remove:before { content: "\eb3b" } -.codicon-replace-all:before { content: "\eb3c" } -.codicon-replace:before { content: "\eb3d" } -.codicon-repo-clone:before { content: "\eb3e" } -.codicon-repo-force-push:before { content: "\eb3f" } -.codicon-repo-pull:before { content: "\eb40" } -.codicon-repo-push:before { content: "\eb41" } -.codicon-report:before { content: "\eb42" } -.codicon-request-changes:before { content: "\eb43" } -.codicon-rocket:before { content: "\eb44" } -.codicon-root-folder-opened:before { content: "\eb45" } -.codicon-root-folder:before { content: "\eb46" } -.codicon-rss:before { content: "\eb47" } -.codicon-ruby:before { content: "\eb48" } -.codicon-save-all:before { content: "\eb49" } -.codicon-save-as:before { content: "\eb4a" } -.codicon-save:before { content: "\eb4b" } -.codicon-screen-full:before { content: "\eb4c" } -.codicon-screen-normal:before { content: "\eb4d" } -.codicon-search-stop:before { content: "\eb4e" } -.codicon-server:before { content: "\eb50" } -.codicon-settings-gear:before { content: "\eb51" } -.codicon-settings:before { content: "\eb52" } -.codicon-shield:before { content: "\eb53" } -.codicon-smiley:before { content: "\eb54" } -.codicon-sort-precedence:before { content: "\eb55" } -.codicon-split-horizontal:before { content: "\eb56" } -.codicon-split-vertical:before { content: "\eb57" } -.codicon-squirrel:before { content: "\eb58" } -.codicon-star-full:before { content: "\eb59" } -.codicon-star-half:before { content: "\eb5a" } -.codicon-symbol-class:before { content: "\eb5b" } -.codicon-symbol-color:before { content: "\eb5c" } -.codicon-symbol-constant:before { content: "\eb5d" } -.codicon-symbol-enum-member:before { content: "\eb5e" } -.codicon-symbol-field:before { content: "\eb5f" } -.codicon-symbol-file:before { content: "\eb60" } -.codicon-symbol-interface:before { content: "\eb61" } -.codicon-symbol-keyword:before { content: "\eb62" } -.codicon-symbol-misc:before { content: "\eb63" } -.codicon-symbol-operator:before { content: "\eb64" } -.codicon-symbol-property:before { content: "\eb65" } -.codicon-wrench:before { content: "\eb65" } -.codicon-wrench-subaction:before { content: "\eb65" } -.codicon-symbol-snippet:before { content: "\eb66" } -.codicon-tasklist:before { content: "\eb67" } -.codicon-telescope:before { content: "\eb68" } -.codicon-text-size:before { content: "\eb69" } -.codicon-three-bars:before { content: "\eb6a" } -.codicon-thumbsdown:before { content: "\eb6b" } -.codicon-thumbsup:before { content: "\eb6c" } -.codicon-tools:before { content: "\eb6d" } -.codicon-triangle-down:before { content: "\eb6e" } -.codicon-triangle-left:before { content: "\eb6f" } -.codicon-triangle-right:before { content: "\eb70" } -.codicon-triangle-up:before { content: "\eb71" } -.codicon-twitter:before { content: "\eb72" } -.codicon-unfold:before { content: "\eb73" } -.codicon-unlock:before { content: "\eb74" } -.codicon-unmute:before { content: "\eb75" } -.codicon-unverified:before { content: "\eb76" } -.codicon-verified:before { content: "\eb77" } -.codicon-versions:before { content: "\eb78" } -.codicon-vm-active:before { content: "\eb79" } -.codicon-vm-outline:before { content: "\eb7a" } -.codicon-vm-running:before { content: "\eb7b" } -.codicon-watch:before { content: "\eb7c" } -.codicon-whitespace:before { content: "\eb7d" } -.codicon-whole-word:before { content: "\eb7e" } -.codicon-window:before { content: "\eb7f" } -.codicon-word-wrap:before { content: "\eb80" } -.codicon-zoom-in:before { content: "\eb81" } -.codicon-zoom-out:before { content: "\eb82" } -.codicon-list-filter:before { content: "\eb83" } -.codicon-list-flat:before { content: "\eb84" } -.codicon-list-selection:before { content: "\eb85" } -.codicon-selection:before { content: "\eb85" } -.codicon-list-tree:before { content: "\eb86" } -.codicon-debug-breakpoint-function-unverified:before { content: "\eb87" } -.codicon-debug-breakpoint-function:before { content: "\eb88" } -.codicon-debug-breakpoint-function-disabled:before { content: "\eb88" } -.codicon-debug-stackframe-active:before { content: "\eb89" } -.codicon-circle-small-filled:before { content: "\eb8a" } -.codicon-debug-stackframe-dot:before { content: "\eb8a" } -.codicon-terminal-decoration-mark:before { content: "\eb8a" } -.codicon-debug-stackframe:before { content: "\eb8b" } -.codicon-debug-stackframe-focused:before { content: "\eb8b" } -.codicon-debug-breakpoint-unsupported:before { content: "\eb8c" } -.codicon-symbol-string:before { content: "\eb8d" } -.codicon-debug-reverse-continue:before { content: "\eb8e" } -.codicon-debug-step-back:before { content: "\eb8f" } -.codicon-debug-restart-frame:before { content: "\eb90" } -.codicon-debug-alt:before { content: "\eb91" } -.codicon-call-incoming:before { content: "\eb92" } -.codicon-call-outgoing:before { content: "\eb93" } -.codicon-menu:before { content: "\eb94" } -.codicon-expand-all:before { content: "\eb95" } -.codicon-feedback:before { content: "\eb96" } -.codicon-git-pull-request-reviewer:before { content: "\eb96" } -.codicon-group-by-ref-type:before { content: "\eb97" } -.codicon-ungroup-by-ref-type:before { content: "\eb98" } -.codicon-account:before { content: "\eb99" } -.codicon-git-pull-request-assignee:before { content: "\eb99" } -.codicon-bell-dot:before { content: "\eb9a" } -.codicon-debug-console:before { content: "\eb9b" } -.codicon-library:before { content: "\eb9c" } -.codicon-output:before { content: "\eb9d" } -.codicon-run-all:before { content: "\eb9e" } -.codicon-sync-ignored:before { content: "\eb9f" } -.codicon-pinned:before { content: "\eba0" } -.codicon-github-inverted:before { content: "\eba1" } -.codicon-server-process:before { content: "\eba2" } -.codicon-server-environment:before { content: "\eba3" } -.codicon-pass:before { content: "\eba4" } -.codicon-issue-closed:before { content: "\eba4" } -.codicon-stop-circle:before { content: "\eba5" } -.codicon-play-circle:before { content: "\eba6" } -.codicon-record:before { content: "\eba7" } -.codicon-debug-alt-small:before { content: "\eba8" } -.codicon-vm-connect:before { content: "\eba9" } -.codicon-cloud:before { content: "\ebaa" } -.codicon-merge:before { content: "\ebab" } -.codicon-export:before { content: "\ebac" } -.codicon-graph-left:before { content: "\ebad" } -.codicon-magnet:before { content: "\ebae" } -.codicon-notebook:before { content: "\ebaf" } -.codicon-redo:before { content: "\ebb0" } -.codicon-check-all:before { content: "\ebb1" } -.codicon-pinned-dirty:before { content: "\ebb2" } -.codicon-pass-filled:before { content: "\ebb3" } -.codicon-circle-large-filled:before { content: "\ebb4" } -.codicon-circle-large:before { content: "\ebb5" } -.codicon-circle-large-outline:before { content: "\ebb5" } -.codicon-combine:before { content: "\ebb6" } -.codicon-gather:before { content: "\ebb6" } -.codicon-table:before { content: "\ebb7" } -.codicon-variable-group:before { content: "\ebb8" } -.codicon-type-hierarchy:before { content: "\ebb9" } -.codicon-type-hierarchy-sub:before { content: "\ebba" } -.codicon-type-hierarchy-super:before { content: "\ebbb" } -.codicon-git-pull-request-create:before { content: "\ebbc" } -.codicon-run-above:before { content: "\ebbd" } -.codicon-run-below:before { content: "\ebbe" } -.codicon-notebook-template:before { content: "\ebbf" } -.codicon-debug-rerun:before { content: "\ebc0" } -.codicon-workspace-trusted:before { content: "\ebc1" } -.codicon-workspace-untrusted:before { content: "\ebc2" } -.codicon-workspace-unknown:before { content: "\ebc3" } -.codicon-terminal-cmd:before { content: "\ebc4" } -.codicon-terminal-debian:before { content: "\ebc5" } -.codicon-terminal-linux:before { content: "\ebc6" } -.codicon-terminal-powershell:before { content: "\ebc7" } -.codicon-terminal-tmux:before { content: "\ebc8" } -.codicon-terminal-ubuntu:before { content: "\ebc9" } -.codicon-terminal-bash:before { content: "\ebca" } -.codicon-arrow-swap:before { content: "\ebcb" } -.codicon-copy:before { content: "\ebcc" } -.codicon-person-add:before { content: "\ebcd" } -.codicon-filter-filled:before { content: "\ebce" } -.codicon-wand:before { content: "\ebcf" } -.codicon-debug-line-by-line:before { content: "\ebd0" } -.codicon-inspect:before { content: "\ebd1" } -.codicon-layers:before { content: "\ebd2" } -.codicon-layers-dot:before { content: "\ebd3" } -.codicon-layers-active:before { content: "\ebd4" } -.codicon-compass:before { content: "\ebd5" } -.codicon-compass-dot:before { content: "\ebd6" } -.codicon-compass-active:before { content: "\ebd7" } -.codicon-azure:before { content: "\ebd8" } -.codicon-issue-draft:before { content: "\ebd9" } -.codicon-git-pull-request-closed:before { content: "\ebda" } -.codicon-git-pull-request-draft:before { content: "\ebdb" } -.codicon-debug-all:before { content: "\ebdc" } -.codicon-debug-coverage:before { content: "\ebdd" } -.codicon-run-errors:before { content: "\ebde" } -.codicon-folder-library:before { content: "\ebdf" } -.codicon-debug-continue-small:before { content: "\ebe0" } -.codicon-beaker-stop:before { content: "\ebe1" } -.codicon-graph-line:before { content: "\ebe2" } -.codicon-graph-scatter:before { content: "\ebe3" } -.codicon-pie-chart:before { content: "\ebe4" } -.codicon-bracket:before { content: "\eb0f" } -.codicon-bracket-dot:before { content: "\ebe5" } -.codicon-bracket-error:before { content: "\ebe6" } -.codicon-lock-small:before { content: "\ebe7" } -.codicon-azure-devops:before { content: "\ebe8" } -.codicon-verified-filled:before { content: "\ebe9" } -.codicon-newline:before { content: "\ebea" } -.codicon-layout:before { content: "\ebeb" } -.codicon-layout-activitybar-left:before { content: "\ebec" } -.codicon-layout-activitybar-right:before { content: "\ebed" } -.codicon-layout-panel-left:before { content: "\ebee" } -.codicon-layout-panel-center:before { content: "\ebef" } -.codicon-layout-panel-justify:before { content: "\ebf0" } -.codicon-layout-panel-right:before { content: "\ebf1" } -.codicon-layout-panel:before { content: "\ebf2" } -.codicon-layout-sidebar-left:before { content: "\ebf3" } -.codicon-layout-sidebar-right:before { content: "\ebf4" } -.codicon-layout-statusbar:before { content: "\ebf5" } -.codicon-layout-menubar:before { content: "\ebf6" } -.codicon-layout-centered:before { content: "\ebf7" } -.codicon-target:before { content: "\ebf8" } -.codicon-indent:before { content: "\ebf9" } -.codicon-record-small:before { content: "\ebfa" } -.codicon-error-small:before { content: "\ebfb" } -.codicon-terminal-decoration-error:before { content: "\ebfb" } -.codicon-arrow-circle-down:before { content: "\ebfc" } -.codicon-arrow-circle-left:before { content: "\ebfd" } -.codicon-arrow-circle-right:before { content: "\ebfe" } -.codicon-arrow-circle-up:before { content: "\ebff" } -.codicon-layout-sidebar-right-off:before { content: "\ec00" } -.codicon-layout-panel-off:before { content: "\ec01" } -.codicon-layout-sidebar-left-off:before { content: "\ec02" } -.codicon-blank:before { content: "\ec03" } -.codicon-heart-filled:before { content: "\ec04" } -.codicon-map:before { content: "\ec05" } -.codicon-map-horizontal:before { content: "\ec05" } -.codicon-fold-horizontal:before { content: "\ec05" } -.codicon-map-filled:before { content: "\ec06" } -.codicon-map-horizontal-filled:before { content: "\ec06" } -.codicon-fold-horizontal-filled:before { content: "\ec06" } -.codicon-circle-small:before { content: "\ec07" } -.codicon-bell-slash:before { content: "\ec08" } -.codicon-bell-slash-dot:before { content: "\ec09" } -.codicon-comment-unresolved:before { content: "\ec0a" } -.codicon-git-pull-request-go-to-changes:before { content: "\ec0b" } -.codicon-git-pull-request-new-changes:before { content: "\ec0c" } -.codicon-search-fuzzy:before { content: "\ec0d" } -.codicon-comment-draft:before { content: "\ec0e" } -.codicon-send:before { content: "\ec0f" } -.codicon-sparkle:before { content: "\ec10" } -.codicon-insert:before { content: "\ec11" } -.codicon-mic:before { content: "\ec12" } -.codicon-thumbsdown-filled:before { content: "\ec13" } -.codicon-thumbsup-filled:before { content: "\ec14" } -.codicon-coffee:before { content: "\ec15" } -.codicon-snake:before { content: "\ec16" } -.codicon-game:before { content: "\ec17" } -.codicon-vr:before { content: "\ec18" } -.codicon-chip:before { content: "\ec19" } -.codicon-piano:before { content: "\ec1a" } -.codicon-music:before { content: "\ec1b" } -.codicon-mic-filled:before { content: "\ec1c" } -.codicon-repo-fetch:before { content: "\ec1d" } -.codicon-copilot:before { content: "\ec1e" } -.codicon-lightbulb-sparkle:before { content: "\ec1f" } -.codicon-robot:before { content: "\ec20" } -.codicon-sparkle-filled:before { content: "\ec21" } -.codicon-diff-single:before { content: "\ec22" } -.codicon-diff-multiple:before { content: "\ec23" } -.codicon-surround-with:before { content: "\ec24" } -.codicon-share:before { content: "\ec25" } -.codicon-git-stash:before { content: "\ec26" } -.codicon-git-stash-apply:before { content: "\ec27" } -.codicon-git-stash-pop:before { content: "\ec28" } -.codicon-vscode:before { content: "\ec29" } -.codicon-vscode-insiders:before { content: "\ec2a" } -.codicon-code-oss:before { content: "\ec2b" } -.codicon-run-coverage:before { content: "\ec2c" } -.codicon-run-all-coverage:before { content: "\ec2d" } -.codicon-coverage:before { content: "\ec2e" } -.codicon-github-project:before { content: "\ec2f" } -.codicon-map-vertical:before { content: "\ec30" } -.codicon-fold-vertical:before { content: "\ec30" } -.codicon-map-vertical-filled:before { content: "\ec31" } -.codicon-fold-vertical-filled:before { content: "\ec31" } -.codicon-go-to-search:before { content: "\ec32" } -.codicon-percentage:before { content: "\ec33" } -.codicon-sort-percentage:before { content: "\ec33" } -.codicon-attach:before { content: "\ec34" } -.codicon-go-to-editing-session:before { content: "\ec35" } -.codicon-edit-session:before { content: "\ec36" } -.codicon-code-review:before { content: "\ec37" } -.codicon-copilot-warning:before { content: "\ec38" } -.codicon-python:before { content: "\ec39" } -.codicon-git-fetch:before { content: "\f101" } diff --git a/assets/codicons/codicon.csv b/assets/codicons/codicon.csv deleted file mode 100644 index 9ff6867..0000000 --- a/assets/codicons/codicon.csv +++ /dev/null @@ -1,467 +0,0 @@ -short_name,character,unicode -account,,EB99 -activate-breakpoints,,EA97 -add,,EA60 -archive,,EA98 -arrow-both,,EA99 -arrow-circle-down,,EBFC -arrow-circle-left,,EBFD -arrow-circle-right,,EBFE -arrow-circle-up,,EBFF -arrow-down,,EA9A -arrow-left,,EA9B -arrow-right,,EA9C -arrow-small-down,,EA9D -arrow-small-left,,EA9E -arrow-small-right,,EA9F -arrow-small-up,,EAA0 -arrow-swap,,EBCB -arrow-up,,EAA1 -attach,,EC34 -azure-devops,,EBE8 -azure,,EBD8 -beaker-stop,,EBE1 -beaker,,EA79 -bell-dot,,EB9A -bell-slash-dot,,EC09 -bell-slash,,EC08 -bell,,EAA2 -blank,,EC03 -bold,,EAA3 -book,,EAA4 -bookmark,,EAA5 -bracket-dot,,EBE5 -bracket-error,,EBE6 -briefcase,,EAAC -broadcast,,EAAD -browser,,EAAE -bug,,EAAF -calendar,,EAB0 -call-incoming,,EB92 -call-outgoing,,EB93 -case-sensitive,,EAB1 -check-all,,EBB1 -check,,EAB2 -checklist,,EAB3 -chevron-down,,EAB4 -chevron-left,,EAB5 -chevron-right,,EAB6 -chevron-up,,EAB7 -chip,,EC19 -chrome-close,,EAB8 -chrome-maximize,,EAB9 -chrome-minimize,,EABA -chrome-restore,,EABB -circle-filled,,EA71 -circle-large-filled,,EBB4 -circle-large,,EBB5 -circle-slash,,EABD -circle-small-filled,,EB8A -circle-small,,EC07 -circle,,EABC -circuit-board,,EABE -clear-all,,EABF -clippy,,EAC0 -close-all,,EAC1 -close,,EA76 -cloud-download,,EAC2 -cloud-upload,,EAC3 -cloud,,EBAA -code-oss,,EC2B -code-review,,EC37 -code,,EAC4 -coffee,,EC15 -collapse-all,,EAC5 -color-mode,,EAC6 -combine,,EBB6 -comment-discussion,,EAC7 -comment-draft,,EC0E -comment-unresolved,,EC0A -comment,,EA6B -compass-active,,EBD7 -compass-dot,,EBD6 -compass,,EBD5 -copilot-warning,,EC38 -copilot,,EC1E -copy,,EBCC -coverage,,EC2E -credit-card,,EAC9 -dash,,EACC -dashboard,,EACD -database,,EACE -debug-all,,EBDC -debug-alt-small,,EBA8 -debug-alt,,EB91 -debug-breakpoint-conditional-unverified,,EAA6 -debug-breakpoint-conditional,,EAA7 -debug-breakpoint-data-unverified,,EAA8 -debug-breakpoint-data,,EAA9 -debug-breakpoint-function-unverified,,EB87 -debug-breakpoint-function,,EB88 -debug-breakpoint-log-unverified,,EAAA -debug-breakpoint-log,,EAAB -debug-breakpoint-unsupported,,EB8C -debug-console,,EB9B -debug-continue-small,,EBE0 -debug-continue,,EACF -debug-coverage,,EBDD -debug-disconnect,,EAD0 -debug-line-by-line,,EBD0 -debug-pause,,EAD1 -debug-rerun,,EBC0 -debug-restart-frame,,EB90 -debug-restart,,EAD2 -debug-reverse-continue,,EB8E -debug-stackframe-active,,EB89 -debug-stackframe,,EB8B -debug-start,,EAD3 -debug-step-back,,EB8F -debug-step-into,,EAD4 -debug-step-out,,EAD5 -debug-step-over,,EAD6 -debug-stop,,EAD7 -debug,,EAD8 -desktop-download,,EA78 -device-camera-video,,EAD9 -device-camera,,EADA -device-mobile,,EADB -diff-added,,EADC -diff-ignored,,EADD -diff-modified,,EADE -diff-multiple,,EC23 -diff-removed,,EADF -diff-renamed,,EAE0 -diff-single,,EC22 -diff,,EAE1 -discard,,EAE2 -edit-session,,EC36 -edit,,EA73 -editor-layout,,EAE3 -ellipsis,,EA7C -empty-window,,EAE4 -error-small,,EBFB -error,,EA87 -exclude,,EAE5 -expand-all,,EB95 -export,,EBAC -extensions,,EAE6 -eye-closed,,EAE7 -eye,,EA70 -feedback,,EB96 -file-binary,,EAE8 -file-code,,EAE9 -file-media,,EAEA -file-pdf,,EAEB -file-submodule,,EAEC -file-symlink-directory,,EAED -file-symlink-file,,EAEE -file-zip,,EAEF -file,,EA7B -files,,EAF0 -filter-filled,,EBCE -filter,,EAF1 -flame,,EAF2 -fold-down,,EAF3 -fold-up,,EAF4 -fold,,EAF5 -folder-active,,EAF6 -folder-library,,EBDF -folder-opened,,EAF7 -folder,,EA83 -game,,EC17 -gear,,EAF8 -gift,,EAF9 -gist-secret,,EAFA -git-commit,,EAFC -git-compare,,EAFD -git-fetch,,F101 -git-merge,,EAFE -git-pull-request-closed,,EBDA -git-pull-request-create,,EBBC -git-pull-request-draft,,EBDB -git-pull-request-go-to-changes,,EC0B -git-pull-request-new-changes,,EC0C -git-pull-request,,EA64 -git-stash-apply,,EC27 -git-stash-pop,,EC28 -git-stash,,EC26 -github-action,,EAFF -github-alt,,EB00 -github-inverted,,EBA1 -github-project,,EC2F -github,,EA84 -globe,,EB01 -go-to-editing-session,,EC35 -go-to-file,,EA94 -go-to-search,,EC32 -grabber,,EB02 -graph-left,,EBAD -graph-line,,EBE2 -graph-scatter,,EBE3 -graph,,EB03 -gripper,,EB04 -group-by-ref-type,,EB97 -heart-filled,,EC04 -heart,,EB05 -history,,EA82 -home,,EB06 -horizontal-rule,,EB07 -hubot,,EB08 -inbox,,EB09 -indent,,EBF9 -info,,EA74 -insert,,EC11 -inspect,,EBD1 -issue-draft,,EBD9 -issue-reopened,,EB0B -issues,,EB0C -italic,,EB0D -jersey,,EB0E -json,,EB0F -kebab-vertical,,EB10 -key,,EB11 -law,,EB12 -layers-active,,EBD4 -layers-dot,,EBD3 -layers,,EBD2 -layout-activitybar-left,,EBEC -layout-activitybar-right,,EBED -layout-centered,,EBF7 -layout-menubar,,EBF6 -layout-panel-center,,EBEF -layout-panel-justify,,EBF0 -layout-panel-left,,EBEE -layout-panel-off,,EC01 -layout-panel-right,,EBF1 -layout-panel,,EBF2 -layout-sidebar-left-off,,EC02 -layout-sidebar-left,,EBF3 -layout-sidebar-right-off,,EC00 -layout-sidebar-right,,EBF4 -layout-statusbar,,EBF5 -layout,,EBEB -library,,EB9C -lightbulb-autofix,,EB13 -lightbulb-sparkle,,EC1F -lightbulb,,EA61 -link-external,,EB14 -link,,EB15 -list-filter,,EB83 -list-flat,,EB84 -list-ordered,,EB16 -list-selection,,EB85 -list-tree,,EB86 -list-unordered,,EB17 -live-share,,EB18 -loading,,EB19 -location,,EB1A -lock-small,,EBE7 -lock,,EA75 -magnet,,EBAE -mail-read,,EB1B -mail,,EB1C -map-filled,,EC06 -map-vertical-filled,,EC31 -map-vertical,,EC30 -map,,EC05 -markdown,,EB1D -megaphone,,EB1E -mention,,EB1F -menu,,EB94 -merge,,EBAB -mic-filled,,EC1C -mic,,EC12 -milestone,,EB20 -mirror,,EA69 -mortar-board,,EB21 -move,,EB22 -multiple-windows,,EB23 -music,,EC1B -mute,,EB24 -new-file,,EA7F -new-folder,,EA80 -newline,,EBEA -no-newline,,EB25 -note,,EB26 -notebook-template,,EBBF -notebook,,EBAF -octoface,,EB27 -open-preview,,EB28 -organization,,EA7E -output,,EB9D -package,,EB29 -paintcan,,EB2A -pass-filled,,EBB3 -pass,,EBA4 -percentage,,EC33 -person-add,,EBCD -person,,EA67 -piano,,EC1A -pie-chart,,EBE4 -pin,,EB2B -pinned-dirty,,EBB2 -pinned,,EBA0 -play-circle,,EBA6 -play,,EB2C -plug,,EB2D -preserve-case,,EB2E -preview,,EB2F -primitive-square,,EA72 -project,,EB30 -pulse,,EB31 -python,,EC39 -question,,EB32 -quote,,EB33 -radio-tower,,EB34 -reactions,,EB35 -record-keys,,EA65 -record-small,,EBFA -record,,EBA7 -redo,,EBB0 -references,,EB36 -refresh,,EB37 -regex,,EB38 -remote-explorer,,EB39 -remote,,EB3A -remove,,EB3B -replace-all,,EB3C -replace,,EB3D -reply,,EA7D -repo-clone,,EB3E -repo-fetch,,EC1D -repo-force-push,,EB3F -repo-forked,,EA63 -repo-pull,,EB40 -repo-push,,EB41 -repo,,EA62 -report,,EB42 -request-changes,,EB43 -robot,,EC20 -rocket,,EB44 -root-folder-opened,,EB45 -root-folder,,EB46 -rss,,EB47 -ruby,,EB48 -run-above,,EBBD -run-all-coverage,,EC2D -run-all,,EB9E -run-below,,EBBE -run-coverage,,EC2C -run-errors,,EBDE -save-all,,EB49 -save-as,,EB4A -save,,EB4B -screen-full,,EB4C -screen-normal,,EB4D -search-fuzzy,,EC0D -search-stop,,EB4E -search,,EA6D -send,,EC0F -server-environment,,EBA3 -server-process,,EBA2 -server,,EB50 -settings-gear,,EB51 -settings,,EB52 -share,,EC25 -shield,,EB53 -sign-in,,EA6F -sign-out,,EA6E -smiley,,EB54 -snake,,EC16 -sort-precedence,,EB55 -source-control,,EA68 -sparkle-filled,,EC21 -sparkle,,EC10 -split-horizontal,,EB56 -split-vertical,,EB57 -squirrel,,EB58 -star-empty,,EA6A -star-full,,EB59 -star-half,,EB5A -stop-circle,,EBA5 -surround-with,,EC24 -symbol-array,,EA8A -symbol-boolean,,EA8F -symbol-class,,EB5B -symbol-color,,EB5C -symbol-constant,,EB5D -symbol-enum-member,,EB5E -symbol-enum,,EA95 -symbol-event,,EA86 -symbol-field,,EB5F -symbol-file,,EB60 -symbol-interface,,EB61 -symbol-key,,EA93 -symbol-keyword,,EB62 -symbol-method,,EA8C -symbol-misc,,EB63 -symbol-namespace,,EA8B -symbol-numeric,,EA90 -symbol-operator,,EB64 -symbol-parameter,,EA92 -symbol-property,,EB65 -symbol-ruler,,EA96 -symbol-snippet,,EB66 -symbol-string,,EB8D -symbol-structure,,EA91 -symbol-variable,,EA88 -sync-ignored,,EB9F -sync,,EA77 -table,,EBB7 -tag,,EA66 -target,,EBF8 -tasklist,,EB67 -telescope,,EB68 -terminal-bash,,EBCA -terminal-cmd,,EBC4 -terminal-debian,,EBC5 -terminal-linux,,EBC6 -terminal-powershell,,EBC7 -terminal-tmux,,EBC8 -terminal-ubuntu,,EBC9 -terminal,,EA85 -text-size,,EB69 -three-bars,,EB6A -thumbsdown-filled,,EC13 -thumbsdown,,EB6B -thumbsup-filled,,EC14 -thumbsup,,EB6C -tools,,EB6D -trash,,EA81 -triangle-down,,EB6E -triangle-left,,EB6F -triangle-right,,EB70 -triangle-up,,EB71 -twitter,,EB72 -type-hierarchy-sub,,EBBA -type-hierarchy-super,,EBBB -type-hierarchy,,EBB9 -unfold,,EB73 -ungroup-by-ref-type,,EB98 -unlock,,EB74 -unmute,,EB75 -unverified,,EB76 -variable-group,,EBB8 -verified-filled,,EBE9 -verified,,EB77 -versions,,EB78 -vm-active,,EB79 -vm-connect,,EBA9 -vm-outline,,EB7A -vm-running,,EB7B -vm,,EA7A -vr,,EC18 -vscode-insiders,,EC2A -vscode,,EC29 -wand,,EBCF -warning,,EA6C -watch,,EB7C -whitespace,,EB7D -whole-word,,EB7E -window,,EB7F -word-wrap,,EB80 -workspace-trusted,,EBC1 -workspace-unknown,,EBC3 -workspace-untrusted,,EBC2 -zoom-in,,EB81 -zoom-out,,EB82 diff --git a/assets/codicons/codicon.svg b/assets/codicons/codicon.svg deleted file mode 100644 index 141bbdd..0000000 --- a/assets/codicons/codicon.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/codicons/codicon.ttf b/assets/codicons/codicon.ttf deleted file mode 100644 index 4a4d15c..0000000 Binary files a/assets/codicons/codicon.ttf and /dev/null differ diff --git a/commit-snapshots.sh b/commit-snapshots.sh deleted file mode 100644 index cb493c9..0000000 --- a/commit-snapshots.sh +++ /dev/null @@ -1,51 +0,0 @@ -#!/bin/bash -# filepath: /Users/moppitz/Workspace/kolibri/kern-kolibri-kit/commit-snapshots.sh - -# Get the total number of snapshot files -TOTAL_FILES=$(find snapshots -name "*.png" | wc -l | tr -d ' ') -echo "Total snapshot files found: $TOTAL_FILES" - -# Get all snapshot files sorted -SNAPSHOT_FILES=($(find snapshots -name "*.png" | sort)) - -# Counter for file processing -file_count=0 -batch_start=1 - -# Process files in batches of 5 -for ((i=0; i<${#SNAPSHOT_FILES[@]}; i+=5)); do - # Calculate batch end - batch_end=$((batch_start + 4)) - if [ $batch_end -gt $TOTAL_FILES ]; then - batch_end=$TOTAL_FILES - fi - - # Get files for this batch - batch_files=() - for ((j=i; j=16.0.0 || 14 >= 14.17'} peerDependencies: rollup: ^2.68.0||^3.0.0||^4.0.0 @@ -3127,8 +3127,8 @@ packages: '@types/node': '>=18' typescript: '>=5.0.4 <7' - knip@5.75.1: - resolution: {integrity: sha512-raguBFxTUO5JKrv8rtC8wrOtzrDwWp/fOu1F1GhrHD1F3TD2fqI1Z74JB+PyFZubL+RxqOkhGStdPAvaaXSOWQ==} + knip@5.75.2: + resolution: {integrity: sha512-ZSO9gGKG/RztUYawrMbPTqO9VG3qvTW/ddINJqYM+N+9F/0bX6HEBolo8+HKaBuTIgyM4dn2rZ8M+JLObRdzog==} engines: {node: '>=18.18.0'} hasBin: true peerDependencies: @@ -5110,7 +5110,7 @@ snapshots: dependencies: '@babel/compat-data': 7.28.0 '@babel/helper-validator-option': 7.27.1 - browserslist: 4.25.1 + browserslist: 4.28.1 lru-cache: 5.1.1 semver: 6.3.1 @@ -5653,7 +5653,7 @@ snapshots: '@polka/url@1.0.0-next.29': {} - '@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20)': + '@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20)': dependencies: '@floating-ui/dom': 1.7.4 adopted-style-sheets: 1.1.9-rc.20 @@ -5671,28 +5671,28 @@ snapshots: typed-bem: 1.0.2 wcag-contrast: 3.0.0 - '@public-ui/react-hook-form-adapter@4.0.0-alpha.11(@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20))(@public-ui/react-v19@4.0.0-alpha.11(@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-hook-form@7.68.0(react@19.2.3))(react@19.2.3)': + '@public-ui/react-hook-form-adapter@4.0.0-alpha.13(@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20))(@public-ui/react-v19@4.0.0-alpha.13(@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-hook-form@7.68.0(react@19.2.3))(react@19.2.3)': dependencies: - '@public-ui/components': 4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20) - '@public-ui/react-v19': 4.0.0-alpha.11(@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + '@public-ui/components': 4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20) + '@public-ui/react-v19': 4.0.0-alpha.13(@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) react: 19.2.3 react-hook-form: 7.68.0(react@19.2.3) - '@public-ui/react-v19@4.0.0-alpha.11(@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)': + '@public-ui/react-v19@4.0.0-alpha.13(@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)': dependencies: - '@public-ui/components': 4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20) + '@public-ui/components': 4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20) react: 19.2.3 react-dom: 19.2.3(react@19.2.3) - '@public-ui/sample-react@4.0.0-alpha.11(chromedriver@138.0.4)(esbuild@0.25.8)(jiti@2.6.1)(less@4.2.0)(sass@1.97.0)': + '@public-ui/sample-react@4.0.0-alpha.13(chromedriver@138.0.4)(esbuild@0.25.8)(jiti@2.6.1)(less@4.2.0)(sass@1.97.0)': dependencies: '@hookform/resolvers': 3.10.0(react-hook-form@7.68.0(react@19.2.3)) '@leanup/stack': 1.3.54(chromedriver@138.0.4)(esbuild@0.25.8)(typescript@5.9.3) '@playwright/test': 1.57.0 - '@public-ui/components': 4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20) - '@public-ui/react-hook-form-adapter': 4.0.0-alpha.11(@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20))(@public-ui/react-v19@4.0.0-alpha.11(@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-hook-form@7.68.0(react@19.2.3))(react@19.2.3) - '@public-ui/react-v19': 4.0.0-alpha.11(@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) - '@public-ui/themes': 4.0.0-alpha.11(@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20)) + '@public-ui/components': 4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20) + '@public-ui/react-hook-form-adapter': 4.0.0-alpha.13(@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20))(@public-ui/react-v19@4.0.0-alpha.13(@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-hook-form@7.68.0(react@19.2.3))(react@19.2.3) + '@public-ui/react-v19': 4.0.0-alpha.13(@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + '@public-ui/themes': 4.0.0-alpha.13(@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20)) '@stencil/core': 4.39.0 '@types/node': 24.10.4 '@types/react': 19.2.7 @@ -5747,15 +5747,15 @@ snapshots: - vue-tsc - yaml - '@public-ui/themes@4.0.0-alpha.11(@public-ui/components@4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20))': + '@public-ui/themes@4.0.0-alpha.13(@public-ui/components@4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20))': dependencies: - '@public-ui/components': 4.0.0-alpha.11(adopted-style-sheets@1.1.9-rc.20) + '@public-ui/components': 4.0.0-alpha.13(adopted-style-sheets@1.1.9-rc.20) - '@public-ui/visual-tests@4.0.0-alpha.11(@playwright/test@1.57.0)(axe-core@4.11.0)(chromedriver@138.0.4)(esbuild@0.25.8)(jiti@2.6.1)(less@4.2.0)(playwright-core@1.57.0)(sass@1.97.0)': + '@public-ui/visual-tests@4.0.0-alpha.13(@playwright/test@1.57.0)(axe-core@4.11.0)(chromedriver@138.0.4)(esbuild@0.25.8)(jiti@2.6.1)(less@4.2.0)(playwright-core@1.57.0)(sass@1.97.0)': dependencies: '@axe-core/playwright': 4.11.0(playwright-core@1.57.0) '@playwright/test': 1.57.0 - '@public-ui/sample-react': 4.0.0-alpha.11(chromedriver@138.0.4)(esbuild@0.25.8)(jiti@2.6.1)(less@4.2.0)(sass@1.97.0) + '@public-ui/sample-react': 4.0.0-alpha.13(chromedriver@138.0.4)(esbuild@0.25.8)(jiti@2.6.1)(less@4.2.0)(sass@1.97.0) axe-html-reporter: 2.2.11(axe-core@4.11.0) portfinder: 1.0.38 serve: 14.2.5 @@ -5789,7 +5789,7 @@ snapshots: '@rolldown/pluginutils@1.0.0-beta.47': {} - '@rollup/plugin-commonjs@28.0.9(rollup@4.53.5)': + '@rollup/plugin-commonjs@29.0.0(rollup@4.53.5)': dependencies: '@rollup/pluginutils': 5.2.0(rollup@4.53.5) commondir: 1.0.1 @@ -6148,8 +6148,8 @@ snapshots: '@typescript-eslint/project-service@8.49.0(typescript@5.9.3)': dependencies: - '@typescript-eslint/tsconfig-utils': 8.49.0(typescript@5.9.3) - '@typescript-eslint/types': 8.49.0 + '@typescript-eslint/tsconfig-utils': 8.50.0(typescript@5.9.3) + '@typescript-eslint/types': 8.50.0 debug: 4.4.3(supports-color@5.5.0) typescript: 5.9.3 transitivePeerDependencies: @@ -8502,7 +8502,7 @@ snapshots: typescript: 5.9.3 zod: 4.1.13 - knip@5.75.1(@types/node@24.10.4)(typescript@5.9.3): + knip@5.75.2(@types/node@24.10.4)(typescript@5.9.3): dependencies: '@nodelib/fs.walk': 1.2.8 '@types/node': 24.10.4 diff --git a/prettier.config.mjs b/prettier.config.mjs index 60c9bb9..0880775 100644 --- a/prettier.config.mjs +++ b/prettier.config.mjs @@ -1,6 +1,5 @@ - export default { - plugins: ["prettier-plugin-organize-imports"], + plugins: ['prettier-plugin-organize-imports'], printWidth: 160, singleQuote: true, useTabs: true, diff --git a/snapshots/theme-custom_theme/snapshot-for-abbr-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-abbr-basic-firefox-linux.png new file mode 100644 index 0000000..2971149 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-abbr-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-accordion-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-accordion-basic-firefox-linux.png new file mode 100644 index 0000000..e1e1dba Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-accordion-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-alert-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-alert-basic-firefox-linux.png new file mode 100644 index 0000000..279c556 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-alert-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-alert-card-msg-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-alert-card-msg-firefox-linux.png new file mode 100644 index 0000000..2b777dd Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-alert-card-msg-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-avatar-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-avatar-basic-firefox-linux.png new file mode 100644 index 0000000..f1023bd Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-avatar-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-badge-basic-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-badge-basic-zoom-firefox-linux.png new file mode 100644 index 0000000..3dc9bce Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-badge-basic-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-badge-button-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-badge-button-zoom-firefox-linux.png new file mode 100644 index 0000000..986e13d Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-badge-button-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-breadcrumb-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-breadcrumb-basic-firefox-linux.png new file mode 100644 index 0000000..8e79fc0 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-breadcrumb-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-button-disabled-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-button-disabled-firefox-linux.png new file mode 100644 index 0000000..6542a6b Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-button-disabled-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-button-hide-label-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-button-hide-label-firefox-linux.png new file mode 100644 index 0000000..7b9a4cf Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-button-hide-label-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-button-icons-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-button-icons-firefox-linux.png new file mode 100644 index 0000000..5abd8c2 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-button-icons-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-button-link-icons-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-button-link-icons-zoom-firefox-linux.png new file mode 100644 index 0000000..c9a6d6e Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-button-link-icons-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-button-short-key-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-button-short-key-firefox-linux.png new file mode 100644 index 0000000..0d102fc Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-button-short-key-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-button-variants-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-button-variants-firefox-linux.png new file mode 100644 index 0000000..ed53a71 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-button-variants-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-card-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-card-basic-firefox-linux.png new file mode 100644 index 0000000..3ac5cce Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-card-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-card-headlines-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-card-headlines-firefox-linux.png new file mode 100644 index 0000000..038f053 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-card-headlines-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-combobox-basic-noColumns-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-combobox-basic-noColumns-zoom-firefox-linux.png new file mode 100644 index 0000000..f12e632 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-combobox-basic-noColumns-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-details-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-details-basic-firefox-linux.png new file mode 100644 index 0000000..a5a4ac3 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-details-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-drawer-basic-align-left-closer-true-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-drawer-basic-align-left-closer-true-firefox-linux.png new file mode 100644 index 0000000..4814168 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-drawer-basic-align-left-closer-true-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-drawer-basic-align-left-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-drawer-basic-align-left-firefox-linux.png new file mode 100644 index 0000000..6d3f962 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-drawer-basic-align-left-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-drawer-basic-align-top-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-drawer-basic-align-top-firefox-linux.png new file mode 100644 index 0000000..9755c68 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-drawer-basic-align-top-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-form-error-list-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-form-error-list-firefox-linux.png new file mode 100644 index 0000000..9510bd8 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-form-error-list-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-heading-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-heading-basic-firefox-linux.png new file mode 100644 index 0000000..fd59da3 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-heading-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-heading-secondary-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-heading-secondary-firefox-linux.png new file mode 100644 index 0000000..6d0cc4a Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-heading-secondary-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-heading-secondary-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-heading-secondary-zoom-firefox-linux.png new file mode 100644 index 0000000..69b4d03 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-heading-secondary-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-icon-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-icon-basic-firefox-linux.png new file mode 100644 index 0000000..7bc5d89 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-icon-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-icon-font-awesome-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-icon-font-awesome-firefox-linux.png new file mode 100644 index 0000000..5453f99 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-icon-font-awesome-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-checkbox-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-checkbox-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..0c5bd05 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-checkbox-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-checkbox-button-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-checkbox-button-noColumns-firefox-linux.png new file mode 100644 index 0000000..6f7987e Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-checkbox-button-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-checkbox-switch-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-checkbox-switch-noColumns-firefox-linux.png new file mode 100644 index 0000000..59945bd Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-checkbox-switch-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-color-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-color-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..6f55c74 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-color-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-date-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-date-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..121393b Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-date-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-email-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-email-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..10e540b Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-email-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-file-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-file-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..228b35e Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-file-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-number-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-number-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..4577445 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-number-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-number-number-formatter-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-number-number-formatter-firefox-linux.png new file mode 100644 index 0000000..466a500 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-number-number-formatter-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-password-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-password-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..6153084 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-password-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-password-show-password-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-password-show-password-noColumns-firefox-linux.png new file mode 100644 index 0000000..9cbd8a5 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-password-show-password-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-radio-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-radio-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..e4fa4cf Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-radio-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-radio-horizontal-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-radio-horizontal-noColumns-firefox-linux.png new file mode 100644 index 0000000..0fbee66 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-radio-horizontal-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-radio-object-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-radio-object-noColumns-firefox-linux.png new file mode 100644 index 0000000..74ec8a1 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-radio-object-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-range-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-range-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..8aa82a3 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-range-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-text-access-short-key-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-text-access-short-key-noColumns-firefox-linux.png new file mode 100644 index 0000000..309a476 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-text-access-short-key-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-text-background-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-text-background-noColumns-firefox-linux.png new file mode 100644 index 0000000..081c899 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-text-background-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-text-disabled-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-text-disabled-noColumns-firefox-linux.png new file mode 100644 index 0000000..d6ae809 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-text-disabled-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-text-hide-label-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-text-hide-label-noColumns-firefox-linux.png new file mode 100644 index 0000000..66df49a Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-text-hide-label-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-text-hide-msg-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-text-hide-msg-noColumns-firefox-linux.png new file mode 100644 index 0000000..6558a1c Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-text-hide-msg-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-text-message-types-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-text-message-types-noColumns-firefox-linux.png new file mode 100644 index 0000000..de82a8c Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-text-message-types-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-text-placeholder-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-text-placeholder-noColumns-firefox-linux.png new file mode 100644 index 0000000..c6de0bb Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-text-placeholder-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-text-readonly-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-text-readonly-noColumns-firefox-linux.png new file mode 100644 index 0000000..07d764b Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-text-readonly-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-input-text-smart-button-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-input-text-smart-button-noColumns-firefox-linux.png new file mode 100644 index 0000000..ad289cd Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-input-text-smart-button-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-link-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-link-basic-firefox-linux.png new file mode 100644 index 0000000..6c50f9f Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-link-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-link-button-basic-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-link-button-basic-zoom-firefox-linux.png new file mode 100644 index 0000000..112850e Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-link-button-basic-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-link-icons-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-link-icons-zoom-firefox-linux.png new file mode 100644 index 0000000..a8c00c9 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-link-icons-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-link-target-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-link-target-zoom-firefox-linux.png new file mode 100644 index 0000000..908ae25 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-link-target-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-modal-basic-show-modal-true-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-modal-basic-show-modal-true-firefox-linux.png new file mode 100644 index 0000000..02e40a3 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-modal-basic-show-modal-true-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-nav-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-nav-basic-firefox-linux.png new file mode 100644 index 0000000..f854180 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-nav-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-pagination-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-pagination-basic-firefox-linux.png new file mode 100644 index 0000000..61fd444 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-pagination-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-popover-button-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-popover-button-basic-firefox-linux.png new file mode 100644 index 0000000..86c1b83 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-popover-button-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-popover-button-inline-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-popover-button-inline-firefox-linux.png new file mode 100644 index 0000000..be4e58d Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-popover-button-inline-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-popover-button-inline-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-popover-button-inline-zoom-firefox-linux.png new file mode 100644 index 0000000..c88388a Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-popover-button-inline-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-progress-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-progress-basic-firefox-linux.png new file mode 100644 index 0000000..7e85656 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-progress-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-quote-basic-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-quote-basic-zoom-firefox-linux.png new file mode 100644 index 0000000..e1775e0 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-quote-basic-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-quote-block-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-quote-block-firefox-linux.png new file mode 100644 index 0000000..f1c396f Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-quote-block-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-accordion-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-accordion-firefox-linux.png new file mode 100644 index 0000000..50ad273 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-accordion-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-button-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-button-firefox-linux.png new file mode 100644 index 0000000..b4bd160 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-button-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-buttonLink-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-buttonLink-firefox-linux.png new file mode 100644 index 0000000..3d05587 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-buttonLink-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-combobox-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-combobox-firefox-linux.png new file mode 100644 index 0000000..2ad5950 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-combobox-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-details-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-details-firefox-linux.png new file mode 100644 index 0000000..36f9b16 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-details-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputCheckbox-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputCheckbox-firefox-linux.png new file mode 100644 index 0000000..a66a1fd Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputCheckbox-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputColor-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputColor-firefox-linux.png new file mode 100644 index 0000000..ce843e2 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputColor-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputDate-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputDate-firefox-linux.png new file mode 100644 index 0000000..0418083 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputDate-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputEmail-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputEmail-firefox-linux.png new file mode 100644 index 0000000..e9e8043 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputEmail-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputFile-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputFile-firefox-linux.png new file mode 100644 index 0000000..ef28406 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputFile-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputFileMultiple-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputFileMultiple-firefox-linux.png new file mode 100644 index 0000000..78616f3 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputFileMultiple-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputNumber-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputNumber-firefox-linux.png new file mode 100644 index 0000000..015bc6f Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputNumber-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputPassword-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputPassword-firefox-linux.png new file mode 100644 index 0000000..cc4d28b Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputPassword-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputRadio-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputRadio-firefox-linux.png new file mode 100644 index 0000000..dd49ca3 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputRadio-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputRange-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputRange-firefox-linux.png new file mode 100644 index 0000000..91fd63f Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputRange-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputText-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputText-firefox-linux.png new file mode 100644 index 0000000..7d3846b Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-inputText-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-link-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-link-firefox-linux.png new file mode 100644 index 0000000..a2efe7a Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-link-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-linkButton-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-linkButton-firefox-linux.png new file mode 100644 index 0000000..f11998a Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-linkButton-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-select-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-select-firefox-linux.png new file mode 100644 index 0000000..8765317 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-select-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-selectMultiple-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-selectMultiple-firefox-linux.png new file mode 100644 index 0000000..a55478d Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-selectMultiple-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-singleSelect-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-singleSelect-firefox-linux.png new file mode 100644 index 0000000..73ccebc Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-singleSelect-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-singleSelect-zoom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-singleSelect-zoom-firefox-linux.png new file mode 100644 index 0000000..84dc373 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-singleSelect-zoom-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-textarea-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-textarea-firefox-linux.png new file mode 100644 index 0000000..fd11ab9 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-scenarios-focus-elements-component-textarea-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-select-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-select-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..16742cd Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-select-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-single-select-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-single-select-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..a9e169f Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-single-select-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-skip-nav-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-skip-nav-basic-firefox-linux.png new file mode 100644 index 0000000..7a78751 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-skip-nav-basic-firefox-linux.png differ diff --git a/snapshots/theme-kern_v2/snapshot-for-spin-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-spin-basic-firefox-linux.png similarity index 100% rename from snapshots/theme-kern_v2/snapshot-for-spin-basic-firefox-linux.png rename to snapshots/theme-custom_theme/snapshot-for-spin-basic-firefox-linux.png diff --git a/snapshots/theme-kern_v2/snapshot-for-spin-custom-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-spin-custom-firefox-linux.png similarity index 100% rename from snapshots/theme-kern_v2/snapshot-for-spin-custom-firefox-linux.png rename to snapshots/theme-custom_theme/snapshot-for-spin-custom-firefox-linux.png diff --git a/snapshots/theme-kern_v2/snapshot-for-spin-cycle-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-spin-cycle-firefox-linux.png similarity index 100% rename from snapshots/theme-kern_v2/snapshot-for-spin-cycle-firefox-linux.png rename to snapshots/theme-custom_theme/snapshot-for-spin-cycle-firefox-linux.png diff --git a/snapshots/theme-custom_theme/snapshot-for-split-button-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-split-button-basic-firefox-linux.png new file mode 100644 index 0000000..8429f60 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-split-button-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-column-alignment-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-column-alignment-firefox-linux.png new file mode 100644 index 0000000..7cfbc00 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-column-alignment-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-complex-headers-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-complex-headers-firefox-linux.png new file mode 100644 index 0000000..412057e Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-complex-headers-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-horizontal-scrollbar-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-horizontal-scrollbar-firefox-linux.png new file mode 100644 index 0000000..73afea5 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-horizontal-scrollbar-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-non-hidable-columns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-non-hidable-columns-firefox-linux.png new file mode 100644 index 0000000..a7d00ff Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-non-hidable-columns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-stateful-with-selection-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-stateful-with-selection-firefox-linux.png new file mode 100644 index 0000000..6b1d750 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-stateful-with-selection-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-stateful-with-single-selection-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-stateful-with-single-selection-firefox-linux.png new file mode 100644 index 0000000..11f3153 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-stateful-with-single-selection-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-stateless-with-selection-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-stateless-with-selection-firefox-linux.png new file mode 100644 index 0000000..e68474b Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-stateless-with-selection-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-stateless-with-single-selection-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-stateless-with-single-selection-firefox-linux.png new file mode 100644 index 0000000..8bc2089 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-stateless-with-single-selection-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-sticky-header-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-sticky-header-firefox-linux.png new file mode 100644 index 0000000..addc2ae Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-sticky-header-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-with-footer-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-with-footer-firefox-linux.png new file mode 100644 index 0000000..0c6d73a Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-with-footer-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-table-with-pagination-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-table-with-pagination-firefox-linux.png new file mode 100644 index 0000000..01f1b22 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-table-with-pagination-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-tabs-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-tabs-basic-firefox-linux.png new file mode 100644 index 0000000..8728fdf Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-tabs-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-tabs-create-button-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-tabs-create-button-firefox-linux.png new file mode 100644 index 0000000..fee1cad Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-tabs-create-button-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-tabs-icons-only-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-tabs-icons-only-firefox-linux.png new file mode 100644 index 0000000..6f24d96 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-tabs-icons-only-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-textarea-adjust-height-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-textarea-adjust-height-firefox-linux.png new file mode 100644 index 0000000..fcda617 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-textarea-adjust-height-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-textarea-basic-noColumns-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-textarea-basic-noColumns-firefox-linux.png new file mode 100644 index 0000000..b9e8d29 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-textarea-basic-noColumns-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-textarea-with-counter-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-textarea-with-counter-firefox-linux.png new file mode 100644 index 0000000..ae74976 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-textarea-with-counter-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-toast-configurator-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-toast-configurator-firefox-linux.png new file mode 100644 index 0000000..b804c7e Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-toast-configurator-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-toolbar-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-toolbar-basic-firefox-linux.png new file mode 100644 index 0000000..d5eab77 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-toolbar-basic-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-toolbar-disabled-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-toolbar-disabled-firefox-linux.png new file mode 100644 index 0000000..c472bda Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-toolbar-disabled-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-tree-basic-home-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-tree-basic-home-firefox-linux.png new file mode 100644 index 0000000..1a9b864 Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-tree-basic-home-firefox-linux.png differ diff --git a/snapshots/theme-custom_theme/snapshot-for-version-basic-firefox-linux.png b/snapshots/theme-custom_theme/snapshot-for-version-basic-firefox-linux.png new file mode 100644 index 0000000..4b793ad Binary files /dev/null and b/snapshots/theme-custom_theme/snapshot-for-version-basic-firefox-linux.png differ diff --git a/snapshots/theme-kern_v2/snapshot-for-abbr-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-abbr-basic-firefox-linux.png deleted file mode 100644 index c7aabc8..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-abbr-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-accordion-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-accordion-basic-firefox-linux.png deleted file mode 100644 index 32b87de..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-accordion-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-alert-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-alert-basic-firefox-linux.png deleted file mode 100644 index d6d9d46..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-alert-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-alert-card-msg-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-alert-card-msg-firefox-linux.png deleted file mode 100644 index e6fef12..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-alert-card-msg-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-avatar-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-avatar-basic-firefox-linux.png deleted file mode 100644 index af9f793..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-avatar-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-badge-basic-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-badge-basic-zoom-firefox-linux.png deleted file mode 100644 index ac758dc..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-badge-basic-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-badge-button-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-badge-button-zoom-firefox-linux.png deleted file mode 100644 index 42f431d..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-badge-button-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-breadcrumb-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-breadcrumb-basic-firefox-linux.png deleted file mode 100644 index 8aa333f..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-breadcrumb-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-button-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-button-basic-firefox-linux.png deleted file mode 100644 index 9b6c57f..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-button-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-button-link-icons-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-button-link-icons-zoom-firefox-linux.png deleted file mode 100644 index f9303c1..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-button-link-icons-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-button-short-key-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-button-short-key-firefox-linux.png deleted file mode 100644 index 1aff0bb..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-button-short-key-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-card-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-card-basic-firefox-linux.png deleted file mode 100644 index f5fd096..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-card-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-card-headlines-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-card-headlines-firefox-linux.png deleted file mode 100644 index 8928b21..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-card-headlines-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-combobox-basic-noColumns-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-combobox-basic-noColumns-zoom-firefox-linux.png deleted file mode 100644 index 1f4f348..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-combobox-basic-noColumns-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-details-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-details-basic-firefox-linux.png deleted file mode 100644 index 66d79d1..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-details-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-drawer-basic-align-left-closer-true-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-drawer-basic-align-left-closer-true-firefox-linux.png deleted file mode 100644 index 2ea5e56..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-drawer-basic-align-left-closer-true-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-drawer-basic-align-left-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-drawer-basic-align-left-firefox-linux.png deleted file mode 100644 index 84c81bd..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-drawer-basic-align-left-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-drawer-basic-align-top-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-drawer-basic-align-top-firefox-linux.png deleted file mode 100644 index f49cfb5..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-drawer-basic-align-top-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-form-error-list-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-form-error-list-firefox-linux.png deleted file mode 100644 index 87d0974..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-form-error-list-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-heading-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-heading-basic-firefox-linux.png deleted file mode 100644 index d4893bc..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-heading-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-heading-secondary-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-heading-secondary-firefox-linux.png deleted file mode 100644 index e14928b..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-heading-secondary-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-heading-secondary-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-heading-secondary-zoom-firefox-linux.png deleted file mode 100644 index 0cf0af4..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-heading-secondary-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-icon-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-icon-basic-firefox-linux.png deleted file mode 100644 index 6959705..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-icon-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-icon-font-awesome-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-icon-font-awesome-firefox-linux.png deleted file mode 100644 index d941eee..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-icon-font-awesome-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-checkbox-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-checkbox-basic-noColumns-firefox-linux.png deleted file mode 100644 index 7398fb5..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-checkbox-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-checkbox-button-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-checkbox-button-noColumns-firefox-linux.png deleted file mode 100644 index 14f251f..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-checkbox-button-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-checkbox-switch-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-checkbox-switch-noColumns-firefox-linux.png deleted file mode 100644 index f8adeed..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-checkbox-switch-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-color-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-color-basic-noColumns-firefox-linux.png deleted file mode 100644 index a8d2140..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-color-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-date-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-date-basic-noColumns-firefox-linux.png deleted file mode 100644 index 77ca608..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-date-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-email-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-email-basic-noColumns-firefox-linux.png deleted file mode 100644 index 70c3978..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-email-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-file-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-file-basic-noColumns-firefox-linux.png deleted file mode 100644 index 5939eef..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-file-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-number-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-number-basic-noColumns-firefox-linux.png deleted file mode 100644 index db22b7e..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-number-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-number-number-formatter-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-number-number-formatter-firefox-linux.png deleted file mode 100644 index 4167539..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-number-number-formatter-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-password-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-password-basic-noColumns-firefox-linux.png deleted file mode 100644 index f68b3fa..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-password-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-password-show-password-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-password-show-password-noColumns-firefox-linux.png deleted file mode 100644 index fd1b024..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-password-show-password-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-radio-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-radio-basic-noColumns-firefox-linux.png deleted file mode 100644 index 1c4ed44..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-radio-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-radio-horizontal-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-radio-horizontal-noColumns-firefox-linux.png deleted file mode 100644 index 97160cb..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-radio-horizontal-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-radio-object-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-radio-object-noColumns-firefox-linux.png deleted file mode 100644 index 0b99a43..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-radio-object-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-range-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-range-basic-noColumns-firefox-linux.png deleted file mode 100644 index 332d191..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-range-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-text-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-text-basic-noColumns-firefox-linux.png deleted file mode 100644 index 3925cb4..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-text-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-input-text-text-formatter-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-input-text-text-formatter-firefox-linux.png deleted file mode 100644 index 8616bd8..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-input-text-text-formatter-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-link-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-link-basic-firefox-linux.png deleted file mode 100644 index 3209936..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-link-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-link-button-basic-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-link-button-basic-zoom-firefox-linux.png deleted file mode 100644 index f0526eb..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-link-button-basic-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-link-icons-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-link-icons-zoom-firefox-linux.png deleted file mode 100644 index 266056f..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-link-icons-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-link-target-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-link-target-zoom-firefox-linux.png deleted file mode 100644 index df253aa..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-link-target-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-modal-basic-show-modal-true-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-modal-basic-show-modal-true-firefox-linux.png deleted file mode 100644 index a7ff85a..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-modal-basic-show-modal-true-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-nav-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-nav-basic-firefox-linux.png deleted file mode 100644 index 6d71545..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-nav-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-pagination-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-pagination-basic-firefox-linux.png deleted file mode 100644 index 84b2891..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-pagination-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-popover-button-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-popover-button-basic-firefox-linux.png deleted file mode 100644 index 8b4f881..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-popover-button-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-progress-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-progress-basic-firefox-linux.png deleted file mode 100644 index 1ba3ed0..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-progress-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-quote-basic-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-quote-basic-zoom-firefox-linux.png deleted file mode 100644 index 854a240..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-quote-basic-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-quote-block-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-quote-block-firefox-linux.png deleted file mode 100644 index 75b5bff..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-quote-block-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-accordion-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-accordion-firefox-linux.png deleted file mode 100644 index b149dac..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-accordion-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-button-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-button-firefox-linux.png deleted file mode 100644 index b2af9f5..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-button-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-buttonLink-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-buttonLink-firefox-linux.png deleted file mode 100644 index 20a6daf..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-buttonLink-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-combobox-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-combobox-firefox-linux.png deleted file mode 100644 index 3a32c76..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-combobox-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-details-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-details-firefox-linux.png deleted file mode 100644 index 920567d..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-details-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputCheckbox-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputCheckbox-firefox-linux.png deleted file mode 100644 index d7f7e9b..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputCheckbox-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputColor-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputColor-firefox-linux.png deleted file mode 100644 index 0bded12..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputColor-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputDate-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputDate-firefox-linux.png deleted file mode 100644 index b549d1e..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputDate-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputEmail-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputEmail-firefox-linux.png deleted file mode 100644 index 1104855..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputEmail-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputFile-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputFile-firefox-linux.png deleted file mode 100644 index 9c46e23..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputFile-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputFileMultiple-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputFileMultiple-firefox-linux.png deleted file mode 100644 index 1309251..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputFileMultiple-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputNumber-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputNumber-firefox-linux.png deleted file mode 100644 index eeebd0d..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputNumber-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputPassword-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputPassword-firefox-linux.png deleted file mode 100644 index fa97a13..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputPassword-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputRadio-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputRadio-firefox-linux.png deleted file mode 100644 index 18b25e4..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputRadio-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputRange-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputRange-firefox-linux.png deleted file mode 100644 index f342178..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputRange-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputText-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputText-firefox-linux.png deleted file mode 100644 index 43109de..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-inputText-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-link-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-link-firefox-linux.png deleted file mode 100644 index abb4705..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-link-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-linkButton-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-linkButton-firefox-linux.png deleted file mode 100644 index 2d226cb..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-linkButton-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-select-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-select-firefox-linux.png deleted file mode 100644 index a0a670f..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-select-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-selectMultiple-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-selectMultiple-firefox-linux.png deleted file mode 100644 index dd52abc..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-selectMultiple-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-singleSelect-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-singleSelect-firefox-linux.png deleted file mode 100644 index ec403d0..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-singleSelect-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-singleSelect-zoom-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-singleSelect-zoom-firefox-linux.png deleted file mode 100644 index 5920a8a..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-singleSelect-zoom-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-textarea-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-textarea-firefox-linux.png deleted file mode 100644 index 628242a..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-scenarios-focus-elements-component-textarea-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-select-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-select-basic-noColumns-firefox-linux.png deleted file mode 100644 index dcaa17e..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-select-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-single-select-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-single-select-basic-noColumns-firefox-linux.png deleted file mode 100644 index 6f25a15..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-single-select-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-skip-nav-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-skip-nav-basic-firefox-linux.png deleted file mode 100644 index be1ec11..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-skip-nav-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-split-button-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-split-button-basic-firefox-linux.png deleted file mode 100644 index a9cdba0..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-split-button-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-column-alignment-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-column-alignment-firefox-linux.png deleted file mode 100644 index cc3ff3b..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-column-alignment-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-complex-headers-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-complex-headers-firefox-linux.png deleted file mode 100644 index 1106404..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-complex-headers-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-horizontal-scrollbar-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-horizontal-scrollbar-firefox-linux.png deleted file mode 100644 index 6f63202..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-horizontal-scrollbar-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-non-hidable-columns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-non-hidable-columns-firefox-linux.png deleted file mode 100644 index ed51610..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-non-hidable-columns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-stateful-with-selection-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-stateful-with-selection-firefox-linux.png deleted file mode 100644 index fde2d63..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-stateful-with-selection-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-stateful-with-single-selection-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-stateful-with-single-selection-firefox-linux.png deleted file mode 100644 index bdebc29..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-stateful-with-single-selection-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-stateless-with-selection-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-stateless-with-selection-firefox-linux.png deleted file mode 100644 index 9719ab9..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-stateless-with-selection-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-stateless-with-single-selection-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-stateless-with-single-selection-firefox-linux.png deleted file mode 100644 index 6f61754..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-stateless-with-single-selection-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-sticky-header-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-sticky-header-firefox-linux.png deleted file mode 100644 index 52f47b2..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-sticky-header-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-with-footer-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-with-footer-firefox-linux.png deleted file mode 100644 index 83dfd75..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-with-footer-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-table-with-pagination-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-table-with-pagination-firefox-linux.png deleted file mode 100644 index 856dd81..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-table-with-pagination-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-tabs-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-tabs-basic-firefox-linux.png deleted file mode 100644 index bac1e6f..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-tabs-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-tabs-create-button-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-tabs-create-button-firefox-linux.png deleted file mode 100644 index c82ef61..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-tabs-create-button-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-tabs-icons-only-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-tabs-icons-only-firefox-linux.png deleted file mode 100644 index bf6afa7..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-tabs-icons-only-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-textarea-adjust-height-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-textarea-adjust-height-firefox-linux.png deleted file mode 100644 index a1ffd5b..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-textarea-adjust-height-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-textarea-basic-noColumns-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-textarea-basic-noColumns-firefox-linux.png deleted file mode 100644 index d33585d..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-textarea-basic-noColumns-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-textarea-with-counter-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-textarea-with-counter-firefox-linux.png deleted file mode 100644 index 7614376..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-textarea-with-counter-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-toast-configurator-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-toast-configurator-firefox-linux.png deleted file mode 100644 index 00ccd77..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-toast-configurator-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-toolbar-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-toolbar-basic-firefox-linux.png deleted file mode 100644 index 27c68de..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-toolbar-basic-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-toolbar-disabled-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-toolbar-disabled-firefox-linux.png deleted file mode 100644 index 3779b1d..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-toolbar-disabled-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-tree-basic-home-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-tree-basic-home-firefox-linux.png deleted file mode 100644 index 6c26e2e..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-tree-basic-home-firefox-linux.png and /dev/null differ diff --git a/snapshots/theme-kern_v2/snapshot-for-version-basic-firefox-linux.png b/snapshots/theme-kern_v2/snapshot-for-version-basic-firefox-linux.png deleted file mode 100644 index 8af104a..0000000 Binary files a/snapshots/theme-kern_v2/snapshot-for-version-basic-firefox-linux.png and /dev/null differ diff --git a/src/global.scss b/src/global.scss index 07e603b..554abdf 100644 --- a/src/global.scss +++ b/src/global.scss @@ -4,19 +4,14 @@ @layer kol-theme-global { // Properties :host { - @include properties; + @include light; + color-scheme: light; @media (prefers-color-scheme: dark) { - @include propertiesDark; + @include dark; color-scheme: dark; } - - @media (prefers-color-scheme: light) { - color-scheme: light; - } - color: inherit; - - background-color: inherit; + } // Base styles :host { diff --git a/src/global/properties.scss b/src/global/properties.scss index 0560f34..28b944c 100644 --- a/src/global/properties.scss +++ b/src/global/properties.scss @@ -1,4 +1,4 @@ -@mixin properties { +@mixin light { --background-color: #fff; --text-color: #282828; --text-contrast-color: #fefefe; @@ -11,7 +11,7 @@ --font-family: sans-serif; } -@mixin propertiesDark { +@mixin dark { --background-color: #000028; --text-color: #fefefe; } diff --git a/src/mixins/button.scss b/src/mixins/button.scss index 1e5d9c1..c424620 100644 --- a/src/mixins/button.scss +++ b/src/mixins/button.scss @@ -1,16 +1,275 @@ @use '~@public-ui/components/index' as *; +// Reusable button styles with modern, accessible design @mixin button($block-classname) { .#{$block-classname} { - color: var(--text-contrast-color); - background-color: var(--accent-color); + &__text { + color: var(--text-color); - &:disabled { - opacity: 0.4; + // Default: normal variant (uses theme colors) + background-color: var(--background-color); + border-color: var(--text-color); + border-style: solid; + // Base styles + border-radius: 4px; + display: flex; + + // Minimum touch target size (44px) + min-height: 44px; + padding: 10px 16px; + border-width: 1px; + gap: 8px; + align-items: center; + justify-content: center; + + font-weight: 600; + transition: all 200ms ease-in-out; + } + + // ========== FOCUS STYLES (Keyboard Navigation) ========== + &:focus-visible { + outline: 3px solid var(--primary-color); + border-radius: 4px; + outline-offset: 2px; } + // ========== HOVER STATES ========== + &:not(:disabled, [aria-disabled='true']):hover { + .#{$block-classname}__text { + transform: translateY(-2px); + box-shadow: 0 4px 12px rgb(0, 0, 0, 0.15); + } + } + + // ========== ACTIVE/PRESSED STATES ========== + &:not(:disabled, [aria-disabled='true']):active { + .#{$block-classname}__text { + transform: translateY(0); + box-shadow: inset 0 2px 4px rgb(0, 0, 0, 0.1); + } + } + + // ========== DISABLED STATE ========== + &:disabled, + &[aria-disabled='true'] { + cursor: not-allowed; + + .#{$block-classname}__text { + opacity: 1; + color: color-mix(in srgb, var(--text-color) 50%, var(--background-color)); + background-color: color-mix(in srgb, var(--text-color) 20%, var(--background-color)); + filter: grayscale(60%); + border-color: color-mix(in srgb, var(--text-color) 30%, var(--background-color)); + } + + // Remove hover effects on disabled + &:hover { + .#{$block-classname}__text { + transform: none; + box-shadow: none; + } + } + } + + // ========== PRIMARY VARIANT ========== &--primary { - background-color: var(--primary-color); + .#{$block-classname}__text { + color: var(--text-contrast-color); + background-color: var(--primary-color); + border-color: var(--primary-color); + + kol-icon { + color: var(--text-contrast-color); + } + } + + &:not(:disabled, [aria-disabled='true']):hover { + .#{$block-classname}__text { + background-color: color-mix(in srgb, var(--primary-color) 80%, black); + border-color: color-mix(in srgb, var(--primary-color) 80%, black); + + kol-icon { + color: var(--text-contrast-color); + } + } + } + + &:not(:disabled, [aria-disabled='true']):active { + .#{$block-classname}__text { + background-color: color-mix(in srgb, var(--primary-color) 60%, black); + border-color: color-mix(in srgb, var(--primary-color) 60%, black); + + kol-icon { + color: var(--text-contrast-color); + } + } + } + } + + // ========== SECONDARY VARIANT ========== + &--secondary { + .#{$block-classname}__text { + color: var(--text-contrast-color); + background-color: var(--accent-color); + border-color: var(--accent-color); + + kol-icon { + color: var(--text-contrast-color); + } + } + + &:not(:disabled, [aria-disabled='true']):hover { + .#{$block-classname}__text { + background-color: color-mix(in srgb, var(--accent-color) 80%, black); + border-color: color-mix(in srgb, var(--accent-color) 80%, black); + + kol-icon { + color: var(--text-contrast-color); + } + } + } + + &:not(:disabled, [aria-disabled='true']):active { + .#{$block-classname}__text { + background-color: color-mix(in srgb, var(--accent-color) 60%, black); + border-color: color-mix(in srgb, var(--accent-color) 60%, black); + + kol-icon { + color: var(--text-contrast-color); + } + } + } + } + + // ========== TERTIARY VARIANT ========== + &--tertiary { + .#{$block-classname}__text { + color: var(--primary-color); + background-color: transparent; + border-color: var(--primary-color); + + kol-icon { + color: var(--primary-color); + } + } + + &:not(:disabled, [aria-disabled='true']):hover { + .#{$block-classname}__text { + color: color-mix(in srgb, var(--primary-color) 80%, black); + background-color: color-mix(in srgb, var(--primary-color) 10%, var(--background-color)); + border-color: color-mix(in srgb, var(--primary-color) 80%, black); + + kol-icon { + color: color-mix(in srgb, var(--primary-color) 80%, black); + } + } + } + + &:not(:disabled, [aria-disabled='true']):active { + .#{$block-classname}__text { + color: color-mix(in srgb, var(--primary-color) 60%, black); + background-color: color-mix(in srgb, var(--primary-color) 20%, var(--background-color)); + border-color: color-mix(in srgb, var(--primary-color) 60%, black); + + kol-icon { + color: color-mix(in srgb, var(--primary-color) 60%, black); + } + } + } + } + + // ========== DANGER VARIANT ========== + &--danger { + .#{$block-classname}__text { + color: var(--text-contrast-color); + background-color: #c0392b; + border-color: #c0392b; + + kol-icon { + color: var(--text-contrast-color); + } + } + + &:not(:disabled, [aria-disabled='true']):hover { + .#{$block-classname}__text { + background-color: #a93226; + border-color: #a93226; + + kol-icon { + color: var(--text-contrast-color); + } + } + } + + &:not(:disabled, [aria-disabled='true']):active { + .#{$block-classname}__text { + background-color: #922b21; + border-color: #922b21; + + kol-icon { + color: var(--text-contrast-color); + } + } + } + } + + // ========== GHOST VARIANT ========== + &--ghost { + .#{$block-classname}__text { + color: var(--primary-color); + background-color: transparent; + box-shadow: none; + border-color: var(--primary-color); + + kol-icon { + color: var(--primary-color); + } + } + + &:not(:disabled, [aria-disabled='true']):hover { + .#{$block-classname}__text { + color: color-mix(in srgb, var(--primary-color) 80%, black); + background-color: color-mix(in srgb, var(--primary-color) 10%, var(--background-color)); + border-color: color-mix(in srgb, var(--primary-color) 80%, black); + + kol-icon { + color: color-mix(in srgb, var(--primary-color) 80%, black); + } + } + } + + &:not(:disabled, [aria-disabled='true']):active { + .#{$block-classname}__text { + color: color-mix(in srgb, var(--primary-color) 60%, black); + background-color: color-mix(in srgb, var(--primary-color) 20%, var(--background-color)); + border-color: color-mix(in srgb, var(--primary-color) 60%, black); + + kol-icon { + color: color-mix(in srgb, var(--primary-color) 60%, black); + } + } + } + } + + // ========== REDUCED MOTION ========== + @media (prefers-reduced-motion: reduce) { + .#{$block-classname}__text { + transition: none; + } + + &:not(:disabled, [aria-disabled='true']):hover { + .#{$block-classname}__text { + transform: none; + box-shadow: none; + } + } + + &:not(:disabled, [aria-disabled='true']):active { + .#{$block-classname}__text { + transform: none; + box-shadow: none; + } + } } } }