@amedia/brick-mcp 1.0.1 → 1.0.3

package/data/components/brick-share.md

@@ -1,6 +1,6 @@
 ---
 name: brick-share
-version: 0.3.12
+version: 0.4.3
 selector: brick-share
 category: Navigation
 tags: [share, social, web-share-api, clipboard, copy, gift, toast, url]
@@ -21,6 +21,8 @@ A versatile sharing component that supports native Web Share API, clipboard copy
 - Customizable labels and aria-labels for accessibility
 - Icon-only or label-only display modes
 - Automatic URL detection (uses current page URL if not specified)
+- UTM parameter support for campaign tracking (since v0.4.0)
+- Uses native sharing on mobile/tablet and copy-to-clipboard on desktop
 - Server-side rendering support
 
 ## Props/Attributes
@@ -38,6 +40,7 @@ A versatile sharing component that supports native Web Share API, clipboard copy
 | `data-copy-status`   | `"success" \| "error"`        | -                | no       | Manually trigger toast display (for testing/demo)                  |
 | `data-label`         | string                        | -                | no       | Set to "false" to hide label (icon-only mode)                      |
 | `data-icon`          | string                        | -                | no       | Set to "false" to hide icon (label-only mode)                      |
+| `data-utm`           | string                        | -                | no       | UTM parameters to append as query params to the shared URL         |
 
 ## Examples
 
@@ -332,4 +335,4 @@ Special variant for gifting articles, typically with custom messaging.
 
 ## Version
 
-Current version: 0.3.12
+Current version: 0.4.3

package/data/components/brick-skip-link.md

@@ -0,0 +1,78 @@
+---
+name: brick-skip-link
+version: 0.0.1
+selector: brick-skip-link-v0
+category: Navigation
+tags: [accessibility, a11y, skip-link, navigation, focus, keyboard, bypass]
+use_cases: [main-navigation, header, keyboard-navigation, accessibility-improvement, bypass-blocks]
+related: []
+---
+
+# Brick Skip Link
+
+A component that allows keyboard users to bypass blocks of repetitive content, such as navigation menus.
+
+## Key Capabilities
+
+- Provides a "skip to content" link for improved keyboard navigation.
+- Becomes visible only when it receives focus via keyboard tabbing.
+- Helps users meet WCAG 2.4.1 (Bypass Blocks).
+- Renders a semantic `<a>` tag for accessibility and SEO.
+- Customizable link text and target element ID.
+- Server-side rendering support for immediate availability.
+
+## Props/Attributes
+
+| Attribute   | Type   | Default                 | Required | Description                                          |
+| ----------- | ------ | ----------------------- | -------- | ---------------------------------------------------- |
+| `data-href` | string | -                       | yes      | The selector for the target element (e.g., `#main`). |
+| `data-text` | string | "Skip to main content"  | no       | The accessible text for the link.                    |
+
+## Usage
+
+### Server-side rendering (preferred)
+
+Import the render function from the `/template` submodule and call it to produce an HTML string.
+
+```ts
+import { renderBrickSkipLink } from '@amedia/brick-skip-link/template';
+
+const html = renderBrickSkipLink({
+  dataHref: '#main-content',
+  dataText: 'Hopp til hovedinnhold'
+});
+
+// Include CSS file
+<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-skip-link/v0/css/styles.css">
+```
+
+### Client-side (declarative HTML)
+
+Use the custom element directly in HTML
+
+```html
+<script type="module" src="https://assets.acdn.no/pkg/@amedia/brick-skip-link/v0/brick-skip-link.js"></script>
+
+<brick-skip-link-v0 data-href="#main-content" data-text="Hopp til hovedinnhold"></brick-skip-link-v0>
+```
+
+## Accessibility
+
+This component is a fundamental accessibility feature.
+
+- **Bypass Blocks**: It directly addresses WCAG 2.4.1 by providing a mechanism to bypass blocks of content that are repeated on multiple Web pages.
+- **Focus Management**: The component is designed to be visually hidden until it receives keyboard focus, making it unobtrusive for mouse users but available for keyboard and screen reader users.
+- **Semantic HTML**: It renders a native `<a>` element with a valid `href`, ensuring it is correctly identified as a link by assistive technologies.
+
+## Technical Details
+
+- **Package version**: `0.0.1`
+- **Custom Element tag**: `brick-skip-link-v0`
+- **Dependencies**:
+  - `@amedia/brick-template`
+  - `@amedia/brick-tokens`
+
+## Important Notes
+
+- For the skip link to be effective, it should be one of the very first focusable elements in the page's DOM, ideally right after the `<body>` tag.
+- The value of `data-href` must be a valid CSS selector that points to a single, existing element on the page (e.g., `#main-content`). The target element should have a corresponding `id`.

package/data/components/brick-stepper.md

@@ -1,6 +1,6 @@
 ---
 name: brick-stepper
-version: 1.0.18
+version: 1.1.9
 selector: brick-stepper-v1
 category: Navigation
 tags: [stepper, progress, steps, wizard, multi-step, process, indicator, accessibility]
@@ -316,4 +316,4 @@ function CheckoutFlow() {
 
 ## Version
 
-Current version: 1.0.18
+Current version: 1.1.9

package/data/components/brick-teaser.md

@@ -1,11 +1,11 @@
 ---
 name: brick-teaser
-version: 21.2.1
+version: 22.2.9
 selector: brick-teaser-v22
 category: Data Display
 tags: [teaser, card, article, content, preview, link, image, metadata]
 use_cases: [article-listings, content-grids, news-feeds, content-previews, homepage, front-page]
-related: [brick-image, brick-avatar, brick-countdown, brick-icon, brick-pill, brick-player, brick-button]
+related: [brick-image, brick-avatar, brick-countdown, brick-icon, brick-pill, brick-teaser-player, brick-button]
 ---
 
 # Brick Teaser
@@ -19,7 +19,7 @@ A comprehensive content teaser/card component for displaying article previews wi
 - Avatar support for authors/publications
 - Countdown timer integration
 - Premium content indicators (pill badges)
-- Video player integration
+- Video teaser support (inline playback via brick-teaser-player)
 - Breaking news styling
 - Commercial/sponsored content support
 - Analytics (ADP) integration
@@ -62,7 +62,7 @@ The component supports multiple content types:
 
 ### Interactive Elements
 - Clickable teaser links
-- Video player integration
+- Video teaser support (inline playback via brick-teaser-player)
 - Countdown timers for live events
 - Action buttons
 
@@ -246,12 +246,13 @@ The component integrates with ADP (Amedia Data Platform):
 
 ## Important Notes
 
-- Version 21.2.1 is the current stable version (mature component)
+- Version 22.2.9 is the current stable version (mature component)
 - Supports complex teaser configurations with many optional features
 - Integrates deeply with Amedia's content management system (ACP)
 - The component is highly configurable for different content types
 - Breaking news, premium, and commercial content have special styling
-- Video teasers can integrate brick-player for inline playback
+- **Breaking change in v22.0.0**: Removed `playOnFront` attribute and inline video playback functionality. Use `brick-teaser-player` for teasers that play videos
+- Video teasers now require `brick-teaser-player` wrapper for inline playback
 - Gallery teasers show image count
 - Countdown timers for live events
 - The component generates custom-elements.json for IDE autocomplete
@@ -259,4 +260,4 @@ The component integrates with ADP (Amedia Data Platform):
 
 ## Version
 
-Current version: 21.2.1
+Current version: 22.2.9

package/data/components/brick-tokens.md

@@ -1,6 +1,6 @@
 ---
 name: brick-tokens
-version: 6.0.11
+version: 6.2.1
 selector: N/A
 category: Utilities
 tags: [design-tokens, css, styling, themes, colors, spacing, typography, shadows]
@@ -106,11 +106,11 @@ Load the theme CSS file and set the corresponding class on a container (e.g. `<b
 
 ```html
 <!-- Load theme CSS from Eik CDN -->
-<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.0.11/css/alfa/styles.css" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.0.11/css/bravo/styles.css" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.0.11/css/charlie/styles.css" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.0.11/css/nettavisen/styles.css" crossorigin="anonymous" />
-<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.0.11/css/alt/styles.css" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.2.1/css/alfa/styles.css" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.2.1/css/bravo/styles.css" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.2.1/css/charlie/styles.css" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.2.1/css/nettavisen/styles.css" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.2.1/css/alt/styles.css" crossorigin="anonymous" />
 
 <!-- Apply theme class to a container -->
 <body class="themeAlfa">...</body>
@@ -128,7 +128,7 @@ The package provides multiple formats:
 
 ```html
 <!-- Load theme CSS (one per page) -->
-<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.0.11/css/alfa/styles.css" crossorigin="anonymous" />
+<link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-tokens/6.2.1/css/alfa/styles.css" crossorigin="anonymous" />
 ```
 
 ## Common Token Examples
@@ -188,10 +188,14 @@ npm run validate  # Validate CSS files
 
 ## Important Notes
 
-- Version 6.0.11 is the current stable version
+- Version 6.2.1 is the current stable version
 - Tokens are generated from Figma via Tokens Studio + Style Dictionary
 - CSS custom properties use `--brick-{category}-{tokenName}` prefix (e.g. `--brick-colors-baseFg`, `--brick-space-x1`)
 - Theme CSS files are scoped to a class (e.g. `.themeAlfa`) — apply the class to a container element
 - There is no single `tokens.css` — CSS is per-theme: `dist/css/{theme}/styles.css`
 - The package is used by all Brick components for consistent styling
 - `sroStyle` is a utility class export for screen-reader-only visually hidden content
+- Brand accent colors available since v6.2.0: `custom-one`, `custom-two`, `custom-three`, and `opinion` with `surface`, `surface-subtle`, and `text` variants
+- Brand-specific publication colors available since v6.1.0 via CDN:
+  - CSS: `https://assets.acdn.no/pkg/@amedia/brick-tokens/v6/brand/css/{publication-key}/styles.css`
+  - JSON: `https://assets.acdn.no/pkg/@amedia/brick-tokens/v6/brand/mobile/{publication-key}/colors.json`

package/data/components-metadata.json

@@ -1,7 +1,7 @@
 [
   {
     "name": "brick-alt-teaser",
-    "version": "8.1.18",
+    "version": "8.1.24",
     "selector": "brick-alt-teaser-v8",
     "category": "Display",
     "tags": [
@@ -11,7 +11,7 @@
   },
   {
     "name": "brick-avatar",
-    "version": "0.2.56",
+    "version": "0.2.61",
     "selector": "brick-avatar-v0",
     "description": "brick-avatar component",
     "category": "Display",
@@ -23,7 +23,7 @@
   },
   {
     "name": "brick-button",
-    "version": "9.4.14",
+    "version": "9.4.19",
     "selector": "brick-button-v9",
     "category": "Forms",
     "tags": [
@@ -35,7 +35,7 @@
   },
   {
     "name": "brick-byline",
-    "version": "1.0.18",
+    "version": "1.0.23",
     "selector": "brick-byline-v1",
     "description": "brick-byline component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-byline",
@@ -43,7 +43,7 @@
   },
   {
     "name": "brick-card",
-    "version": "7.3.28",
+    "version": "7.3.33",
     "selector": "brick-card-v7",
     "category": "Layout",
     "tags": [
@@ -54,7 +54,7 @@
   },
   {
     "name": "brick-carousel",
-    "version": "2.3.1",
+    "version": "2.3.6",
     "selector": "brick-carousel-v2",
     "description": "Simple carousel for any content passed to it.",
     "category": "Display",
@@ -66,7 +66,7 @@
   },
   {
     "name": "brick-classnames",
-    "version": "3.0.2",
+    "version": "3.0.3",
     "selector": "brick-classnames-v3",
     "description": "Utility method to create a safe string from a design name",
     "category": "Utilities",
@@ -78,7 +78,7 @@
   },
   {
     "name": "brick-countdown",
-    "version": "3.0.3",
+    "version": "3.0.8",
     "selector": "brick-countdown-v3",
     "description": "brick-countdown component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-countdown",
@@ -86,7 +86,7 @@
   },
   {
     "name": "brick-dialog",
-    "version": "2.1.11",
+    "version": "2.1.16",
     "selector": "brick-dialog-v2",
     "description": "brick-dialog component",
     "category": "Feedback",
@@ -98,7 +98,7 @@
   },
   {
     "name": "brick-expand",
-    "version": "0.0.23",
+    "version": "0.0.28",
     "selector": "brick-expand-v0",
     "description": "brick-expand component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-expand",
@@ -106,7 +106,7 @@
   },
   {
     "name": "brick-fonts",
-    "version": "2.0.2",
+    "version": "2.0.3",
     "selector": "brick-fonts-v2",
     "description": "Distribution of font files",
     "category": "Utilities",
@@ -117,7 +117,7 @@
   },
   {
     "name": "brick-helloworld",
-    "version": "2.0.22",
+    "version": "2.0.29",
     "selector": "brick-helloworld-v2",
     "description": "Brick Hello World component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-helloworld",
@@ -125,7 +125,7 @@
   },
   {
     "name": "brick-icon",
-    "version": "2.3.20",
+    "version": "2.4.0",
     "selector": "brick-icon-v2",
     "category": "Display",
     "tags": [
@@ -136,14 +136,14 @@
   },
   {
     "name": "brick-illustrations",
-    "version": "1.3.0",
+    "version": "1.3.1",
     "selector": "brick-illustrations-v1",
     "description": "brick-illustrations",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-illustrations"
   },
   {
     "name": "brick-image",
-    "version": "6.0.23",
+    "version": "6.0.28",
     "selector": "brick-image-v6",
     "category": "Display",
     "tags": [
@@ -154,7 +154,7 @@
   },
   {
     "name": "brick-input",
-    "version": "4.0.2",
+    "version": "4.0.8",
     "selector": "brick-input-v4",
     "description": "brick-input component",
     "category": "Forms",
@@ -167,14 +167,14 @@
   },
   {
     "name": "brick-pill",
-    "version": "10.1.2",
+    "version": "10.1.7",
     "selector": "brick-pill-v10",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-pill",
     "mainJsFile": "brick-pill.js"
   },
   {
     "name": "brick-player",
-    "version": "2.3.3",
+    "version": "2.4.4",
     "selector": "brick-player-v2",
     "description": "Component for playing video and audio files",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-player",
@@ -182,7 +182,7 @@
   },
   {
     "name": "brick-published",
-    "version": "4.0.19",
+    "version": "4.0.24",
     "selector": "brick-published-v4",
     "description": "brick-published",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-published",
@@ -190,15 +190,27 @@
   },
   {
     "name": "brick-share",
-    "version": "0.3.24",
+    "version": "0.4.4",
     "selector": "brick-share-v0",
     "description": "brick-share component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-share",
     "mainJsFile": "brick-share.js"
   },
+  {
+    "name": "brick-skip-link",
+    "version": "0.0.3",
+    "selector": "brick-skip-link-v0",
+    "description": "brick-skip-link component",
+    "category": "Navigation",
+    "tags": [
+      "navigation"
+    ],
+    "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-skip-link",
+    "mainJsFile": "brick-skip-link.js"
+  },
   {
     "name": "brick-stepper",
-    "version": "1.1.5",
+    "version": "1.1.10",
     "selector": "brick-stepper-v1",
     "description": "brick-stepper component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-stepper",
@@ -206,7 +218,7 @@
   },
   {
     "name": "brick-tab",
-    "version": "0.1.26",
+    "version": "0.1.31",
     "selector": "brick-tab-v0",
     "description": "brick-tab component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-tab",
@@ -214,7 +226,7 @@
   },
   {
     "name": "brick-tabs",
-    "version": "0.1.27",
+    "version": "0.1.32",
     "selector": "brick-tabs-v0",
     "description": "brick-tabs component handling tablist, tabs and tabpanel",
     "category": "Navigation",
@@ -226,7 +238,7 @@
   },
   {
     "name": "brick-tag",
-    "version": "0.0.26",
+    "version": "0.0.31",
     "selector": "brick-tag-v0",
     "description": "brick-tag component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-tag",
@@ -234,7 +246,7 @@
   },
   {
     "name": "brick-teaser",
-    "version": "22.2.1",
+    "version": "22.2.10",
     "selector": "brick-teaser-v22",
     "description": "Teaser component.",
     "category": "Display",
@@ -246,7 +258,7 @@
   },
   {
     "name": "brick-teaser-player",
-    "version": "1.1.15",
+    "version": "1.1.21",
     "selector": "brick-teaser-player-v1",
     "description": "brick-video-teaser component",
     "category": "Display",
@@ -258,7 +270,7 @@
   },
   {
     "name": "brick-teaser-reels",
-    "version": "0.4.18",
+    "version": "0.4.23",
     "selector": "brick-teaser-reels-v0",
     "description": "brick-teaser-reels component",
     "category": "Display",
@@ -270,7 +282,7 @@
   },
   {
     "name": "brick-textarea",
-    "version": "2.0.22",
+    "version": "2.0.27",
     "selector": "brick-textarea-v2",
     "description": "brick-textarea component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-textarea",
@@ -278,7 +290,7 @@
   },
   {
     "name": "brick-themes",
-    "version": "1.0.2",
+    "version": "1.0.3",
     "selector": "brick-themes-v1",
     "description": "Brick theme names",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-themes",
@@ -286,7 +298,7 @@
   },
   {
     "name": "brick-toast",
-    "version": "0.1.40",
+    "version": "0.1.45",
     "selector": "brick-toast-v0",
     "description": "brick-toast component",
     "category": "Feedback",
@@ -298,7 +310,7 @@
   },
   {
     "name": "brick-toggle",
-    "version": "3.1.27",
+    "version": "3.1.33",
     "selector": "brick-toggle-v3",
     "description": "brick-toggle component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-toggle",
@@ -306,7 +318,7 @@
   },
   {
     "name": "brick-tokens",
-    "version": "6.0.12",
+    "version": "6.2.2",
     "selector": "brick-tokens-v6",
     "description": "Tokens package",
     "category": "Utilities",
@@ -318,7 +330,7 @@
   },
   {
     "name": "brick-tooltip",
-    "version": "1.0.29",
+    "version": "1.0.34",
     "selector": "brick-tooltip-v1",
     "description": "brick-tooltip component",
     "assetUrl": "https://assets.acdn.no/pkg/@amedia/brick-tooltip",

package/dist/data/components/brick-alt-teaser.md

@@ -1,6 +1,6 @@
 ---
 name: brick-alt-teaser
-version: 8.0.65
+version: 8.1.23
 selector: brick-alt-teaser-v8
 category: Media
 tags: [teaser, article, news, card, content-preview, media, alt-theme]
@@ -35,6 +35,7 @@ A flexible article teaser component designed for the Alt theme, supporting multi
 - Analytics integration with ADP (Amedia Data Platform)
 - Customizable background colors for visual categorization
 - Accessibility features including ARIA labels and screen reader support
+- Compact (small) layout variant for horizontal display
 
 ## Props/Attributes
 
@@ -51,13 +52,13 @@ A flexible article teaser component designed for the Alt theme, supporting multi
 | `srcset`                      | string  | ''        | no       | Responsive image srcset for different screen sizes                 |
 | `imagesizes`                  | string  | ''        | no       | Image sizes attribute for responsive images                        |
 | `imageRatio`                  | string  | ''        | no       | Custom aspect ratio (e.g., "16/9", "4/3", "1.33")                  |
-| `aoi`                         | number  | -         | no       | Area of interest width for image cropping                          |
+| `aoi`                         | string  | ''        | no       | Area of interest for image cropping                                |
 | `altText`                     | string  | ''        | no       | Alternative text for images                                        |
 | `tags`                        | string  | ''        | no       | Comma-separated content tags                                       |
 | `pretitle`                    | string  | ''        | no       | Text displayed above the main title (for features)                 |
 | `feature`                     | boolean | false     | no       | Enables feature layout variant                                     |
 | `opinion`                     | boolean | false     | no       | Enables opinion layout variant                                     |
-| `review`                      | number  | -         | no       | Review rating (1-6, displayed as dice icons)                       |
+| `review`                      | string  | ''        | no       | Review rating (1-6, displayed as dice icons)                       |
 | `gallery`                     | string  | ''        | no       | Comma-separated list of gallery image URLs                         |
 | `isVideo`                     | boolean | false     | no       | Enables video teaser mode                                          |
 | `videoId`                     | string  | ''        | no       | Video identifier for brick-player                                  |
@@ -71,6 +72,10 @@ A flexible article teaser component designed for the Alt theme, supporting multi
 | `publicationOnHoverEventName` | string  | ''        | no       | Custom event name dispatched on publication logo hover             |
 | `siteId`                      | string  | ''        | no       | Site identifier for analytics                                      |
 | `small`                       | boolean | false     | no       | Enables compact layout variant                                     |
+| `video`                       | string  | ''        | no       | Video URL for direct video embedding                               |
+| `logo`                        | string  | ''        | no       | Publication logo URL                                               |
+| `testId`                      | string  | ''        | no       | Test identifier for automated testing                              |
+| `variantId`                   | string  | ''        | no       | A/B test variant identifier                                        |
 
 ## Examples
 
@@ -261,4 +266,4 @@ The component automatically selects layout based on attributes:
 
 ## Version
 
-Current version: 8.0.65
+Current version: 8.1.23

package/dist/data/components/brick-button.md

@@ -1,6 +1,6 @@
 ---
 name: brick-button
-version: 9.3.1
+version: 9.4.18
 selector: brick-button-v9
 category: Forms
 tags: [button, cta, action, interactive, link, form-control]
@@ -32,6 +32,7 @@ A customizable, accessible button component that supports multiple visual varian
 - CSS custom properties for styling customization
 - Analytics integration via ADP attributes
 - Framework-agnostic web component with SSR support
+- Reactive attribute observation for dynamic updates (label, icon, disabled, linkto)
 
 ## Props/Attributes
 
@@ -370,4 +371,4 @@ brick-button-v9 {
 
 ## Version
 
-Current version: 9.3.1
+Current version: 9.4.18