@amedia/brick-mcp 1.0.1 → 1.0.2

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

@@ -1,6 +1,6 @@
 ---
 name: brick-carousel
-version: 2.0.10
+version: 2.3.5
 selector: brick-carousel-v2
 category: Layout
 tags:
@@ -25,7 +25,7 @@ use_cases:
     media-galleries,
     responsive-layouts,
   ]
-related: [brick-teaser, brick-image, brick-player]
+related: [brick-teaser, brick-image, brick-player, brick-teaser-reels]
 ---
 
 # Brick Carousel
@@ -35,7 +35,7 @@ A simple, accessible carousel component for displaying any type of content in a
 ## Key Capabilities
 
 - Fully accessible with semantic markup, keyboard navigation, and ARIA support
-- Supports three layout types: carousel (default), gallery (full-width single items), and compact (dense layout)
+- Supports five layout types: carousel (default), gallery (full-width single items), compact (dense layout), wide (two wide slides on desktop), and reels (vertical short-form content)
 - Responsive design that adapts to container width (1-3 items visible depending on space)
 - Client-side and server-side rendering support
 - Drag-to-scroll functionality on desktop
@@ -47,9 +47,11 @@ A simple, accessible carousel component for displaying any type of content in a
 
 | Attribute                 | Type                                   | Default      | Required         | Description                                                                                                                  |
 | ------------------------- | -------------------------------------- | ------------ | ---------------- | ---------------------------------------------------------------------------------------------------------------------------- |
-| `data-version`            | `"carousel" \| "gallery" \| "compact"` | `"carousel"` | No               | Layout type. "carousel" shows 1-3 items, "gallery" shows 1 full-width item, "compact" provides a denser layout               |
+| `data-version`            | `"carousel" \| "gallery" \| "compact" \| "wide" \| "reels"` | `"carousel"` | No               | Layout type. "carousel" shows 1-3 items, "gallery" shows 1 full-width item, "compact" provides a denser layout, "wide" shows two wide slides on desktop, "reels" for vertical short-form content |
 | `data-min-slides-to-show` | `string` (number)                      | `"1"`        | No               | Minimum number of slides to show. When set to "2" and only 2 children exist, shows both in a fraction grid without scrolling |
 | `data-hide-btn-start-end` | `boolean`                              | `false`      | No               | Hides navigation buttons when at start/end of carousel. Not recommended for content wrapped in links to avoid misclicks      |
+| `data-padding-inline`     | `boolean`                              | `false`      | No               | Adds inline padding to the carousel content grid                                                                             |
+| `data-slide-width`        | `"fill" \| "hug"`                      | -            | No               | Controls whether slides fill the container ("fill") or hug their content ("hug")                                             |
 | `dataItems`               | `string[]`                             | -            | No (Yes for SSR) | Array of HTML content strings for server-side rendering. Each item is automatically wrapped with proper `<li>` markup        |
 
 ## Examples
@@ -59,7 +61,7 @@ A simple, accessible carousel component for displaying any type of content in a
 ```html
 <script
   type="module"
-  src="https://assets.acdn.no/pkg/@amedia/brick-carousel/2.0.10/brick-carousel.js"
+  src="https://assets.acdn.no/pkg/@amedia/brick-carousel/2.3.5/brick-carousel.js"
 ></script>
 
 <brick-carousel-v2>
@@ -352,4 +354,4 @@ The `data-hide-btn-start-end` attribute should generally not be used when carous
 
 ## Version
 
-Current version: 2.0.10
+Current version: 2.3.5

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

@@ -1,8 +1,8 @@
 ---
 name: brick-classnames
-version: 2.1.0
+version: 3.0.2
 category: Utility
-tags: [utility, css, theming, design-system, classnames]
+tags: [utility, css, theming, design-system, classnames, esm]
 use_cases: [theming, styling, design-tokens, css-variables]
 related: [brick-themes, brick-tokens]
 ---
@@ -16,18 +16,19 @@ A utility module that converts design theme names into CSS-safe class names for
 - Converts design theme names to CSS-safe class names
 - Ensures correct scoping for theme-specific CSS variables
 - Works seamlessly with brick-tokens theme CSS files
-- TypeScript support with type-safe design names
+- TypeScript support with type-safe design names via `Design` type from `@amedia/brick-themes`
 - Simple, single-function API
+- ESM-only package (CommonJS support removed in v3)
 
 ## API
 
 ### `designNameToClassName(designName: Design): string`
 
-Converts a design theme name to a CSS-safe class name that corresponds with theme classes in brick-tokens.
+Converts a design theme name to a CSS-safe class name that corresponds with theme classes in brick-tokens. Internally splits the name on underscores, filters empty segments, capitalizes each word, and prepends `theme`.
 
 **Parameters:**
 
-- `designName`: `Design` - One of: `'nettavisen' | 'alt' | 'alfa' | 'bravo' | 'charlie'`
+- `designName`: `Design` - A design name from `@amedia/brick-themes` (e.g., `'nettavisen' | 'alt' | 'alfa' | 'bravo' | 'charlie'`)
 
 **Returns:** `string` - A CSS class name (e.g., `'themeAlt'`, `'themeBravo'`)
 
@@ -49,6 +50,8 @@ const html = `<div class="${cssClass}">
 ### With CSS Variables
 
 ```javascript
+import { designNameToClassName } from '@amedia/brick-classnames';
+
 const className = designNameToClassName('bravo');
 // Returns: 'themeBravo'
 
@@ -72,10 +75,10 @@ const markup = `<div class="${className}">
 import { designNameToClassName } from '@amedia/brick-classnames';
 
 designNameToClassName('nettavisen'); // 'themeNettavisen'
-designNameToClassName('alt'); // 'themeAlt'
-designNameToClassName('alfa'); // 'themeAlfa'
-designNameToClassName('bravo'); // 'themeBravo'
-designNameToClassName('charlie'); // 'themeCharlie'
+designNameToClassName('alt');        // 'themeAlt'
+designNameToClassName('alfa');       // 'themeAlfa'
+designNameToClassName('bravo');      // 'themeBravo'
+designNameToClassName('charlie');    // 'themeCharlie'
 ```
 
 ## Framework Integration
@@ -111,16 +114,18 @@ function ThemedContainer({ design, children }) {
 ## Technical Details
 
 - **Package**: `@amedia/brick-classnames`
-- **Type**: Utility function
-- **Dependencies**: `@amedia/brick-themes`
-- **Output format**: Camel-cased class name with 'theme' prefix
+- **Type**: Utility function (ESM only)
+- **Module format**: ES modules only — no CommonJS
+- **Dependencies**: `@amedia/brick-themes` (provides the `Design` type)
+- **Output format**: PascalCased class name with `theme` prefix (e.g., `'themeAlt'`, `'themeBravo'`)
 
 ## Important Notes
 
+- **Breaking change in v3.0.0**: CommonJS support has been removed. Consumers must use ESM `import` syntax — `require()` will not work.
 - You must load the corresponding theme CSS file from Eik to use the CSS variables
 - Theme CSS files are available at: `https://assets.acdn.no/pkg/@amedia/brick-tokens/v2/css/theme-{name}.css`
 - The class name provides scoping for CSS variables defined in brick-tokens
-- TypeScript provides autocomplete and validation for design names
+- TypeScript provides autocomplete and validation for design names via the `Design` type from `@amedia/brick-themes`
 
 ## Common Patterns
 
@@ -144,4 +149,4 @@ document.body.className = className;
 
 ## Version
 
-Current version: 2.1.0
+Current version: 3.0.2

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

@@ -1,6 +1,6 @@
 ---
 name: brick-dialog
-version: 2.0.13
+version: 2.1.15
 selector: brick-dialog-v2
 category: Feedback
 tags:
@@ -447,7 +447,7 @@ const dialogId = `dialog-${Math.random().toString(36).substring(2)}`;
 
 ### Server-Side Rendering
 
-The current version (2.0.13) does not support server-side rendering. Future versions may add this capability if needed.
+The current version (2.1.15) does not support server-side rendering. Future versions may add this capability if needed.
 
 ### Template Tag Attributes
 
@@ -455,4 +455,4 @@ Use `data-name` (not `name`) for template tag identification. This was changed i
 
 ## Version
 
-Current version: 2.0.13
+Current version: 2.1.15

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

@@ -0,0 +1,129 @@
+---
+name: brick-expand
+version: 0.0.27
+selector: brick-expand-v0
+category: Layout
+tags: [expand, collapse, accordion, show-more, content-toggle, read-more]
+use_cases:
+  [
+    long-content,
+    read-more,
+    article-truncation,
+    collapsible-sections,
+    progressive-disclosure,
+  ]
+related: [brick-button, brick-tokens]
+---
+
+# Brick Expand
+
+A container component for content that can be expanded from a collapsed state, with animated transitions and a toggle button.
+
+## Key Capabilities
+
+- Expand/collapse content with animated height transitions
+- Two visual variants: primary (default) and secondary
+- Automatic button generation using brick-button
+- Gradient overlay on collapsed content
+- Accessibility-enforced: requires `data-aria-label` for collapsed state
+- Collapsed content is made inert (not focusable/interactable)
+- One-way expand: once expanded, the button is removed and content stays expanded
+- Server-side rendering support via template submodule
+
+## Props/Attributes
+
+| Attribute              | Type                         | Default       | Required                | Description                                               |
+| ---------------------- | ---------------------------- | ------------- | ----------------------- | --------------------------------------------------------- |
+| `data-expanded-state`  | `"expanded" \| "collapsed"`  | `"expanded"`  | no                      | Initial state of the content                              |
+| `data-version`         | `"primary" \| "secondary"`   | `"primary"`   | no                      | Visual style variant                                      |
+| `data-button-label`    | string                       | -             | yes (when collapsed)    | Label text for the expand button                          |
+| `data-aria-label`      | string                       | -             | yes (when collapsed)    | ARIA label for the expand button and content region       |
+
+## Examples
+
+### Collapsed Content (Read More)
+
+```html
+<brick-expand-v0
+  data-expanded-state="collapsed"
+  data-button-label="Les mer"
+  data-aria-label="Les mer om artikkelen"
+  data-version="primary"
+>
+  <brick-expand-content>
+    <p>This is the content that will be partially hidden until the user clicks expand.</p>
+    <p>More content here that is initially hidden...</p>
+  </brick-expand-content>
+</brick-expand-v0>
+```
+
+### Already Expanded Content
+
+```html
+<brick-expand-v0 data-expanded-state="expanded">
+  <brick-expand-content>
+    <p>This content is fully visible from the start. No button is shown.</p>
+  </brick-expand-content>
+</brick-expand-v0>
+```
+
+### Secondary Variant
+
+```html
+<brick-expand-v0
+  data-expanded-state="collapsed"
+  data-button-label="Vis hele artikkelen"
+  data-aria-label="Vis hele artikkelen"
+  data-version="secondary"
+>
+  <brick-expand-content>
+    <p>Content with secondary visual styling...</p>
+  </brick-expand-content>
+</brick-expand-v0>
+```
+
+## Server-Side Rendering
+
+```javascript
+import { renderBrickExpand } from '@amedia/brick-expand/template';
+
+const expandHTML = renderBrickExpand({
+  dataExpandedState: 'collapsed',
+  dataButtonLabel: 'Les mer',
+  dataAriaLabel: 'Les mer om artikkelen',
+  dataVersion: 'primary',
+  children: '<p>Content to be expanded...</p>',
+});
+```
+
+## Accessibility
+
+- **Mandatory `data-aria-label`**: Required when using collapsed state. If not provided, the component defaults to expanded state and throws an error
+- **Inert content**: When collapsed, the content region gets `inert` and `tabindex="-1"` attributes, preventing focus on hidden content
+- **ARIA attributes**: The expand button includes `aria-expanded` and `aria-controls` linking to the content region
+- **Content region**: Wrapped in a `role="region"` element with `aria-label`
+- **Reduced motion**: Respects `prefers-reduced-motion` for transition animations
+
+## Technical Details
+
+- **Custom Element**: `brick-expand-v0`
+- **Base Class**: BrickElement (from @amedia/brick-template)
+- **Dependencies**:
+  - @amedia/brick-button (expand button)
+  - @amedia/brick-template (base class)
+  - @amedia/brick-tokens (design tokens)
+- **Observed Attributes**: `children-rendered`, `data-expanded-state`
+- **SSR Compatible**: Yes, via `renderBrickExpand` from template submodule
+
+## Important Notes
+
+- **One-way expand**: Once content is expanded, the button is removed and the content stays expanded permanently. There is no re-collapse
+- **Gradient overlay**: Collapsed content shows a gradient overlay at the bottom to indicate more content is available
+- **Button label required**: Both `data-button-label` and `data-aria-label` are required for collapsed state. Without them, the component defaults to expanded
+- **Transition duration**: For content taller than 1000px, the transition duration is automatically increased to 1000ms for smoother animation
+- **Content wrapping**: Child content must be placed inside `<brick-expand-content>` element
+- The `isRendered` flag in SSR prevents client-side re-rendering of server-rendered markup
+
+## Version
+
+Current version: 0.0.27

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

@@ -1,6 +1,6 @@
 ---
 name: brick-illustrations
-version: 1.2.5
+version: 1.3.0
 category: Media
 tags: [svg, illustrations, graphics, assets, cdn, decorative, figma]
 use_cases:
@@ -29,7 +29,7 @@ A collection of SVG illustrations synced from Figma and distributed via CDN for
 
 ## Key Capabilities
 
-- 99+ professionally designed SVG illustrations covering various use cases
+- 98 professionally designed SVG illustrations covering various use cases
 - Delivered via Eik CDN for fast, cached loading
 - Scalable vector graphics with no quality loss at any size
 - Organized by category (error, success, audio, sport, subscription, etc.)
@@ -135,7 +135,7 @@ A collection of SVG illustrations synced from Figma and distributed via CDN for
 
 ### Other Categories
 
-- `enjoy-breakfast.svg`, `enjoy-cats.svg`, `enjoy-coffee.svg`, `enjoy-cuddle.svg`, `enjoy-watching.svg` - Lifestyle/enjoyment
+- `enjoy-brainteaser.svg`, `enjoy-breakfast.svg`, `enjoy-cats.svg`, `enjoy-coffee.svg`, `enjoy-cuddle.svg`, `enjoy-watching.svg` - Lifestyle/enjoyment
 - `friendly-balldog.svg`, `friendly-hello.svg`, `friendly-tada.svg` - Friendly greetings
 - `location-boypin.svg`, `location-boypins.svg`, `location-girlpin.svg`, `location-girlpins.svg` - Location features
 - `payment-wallet.svg` - Payment flows
@@ -579,7 +579,7 @@ Illustrations can be either decorative or informative:
 - **Source**: Figma via Figmagic
 - **Distribution**: Eik CDN
 - **Build Tool**: Figmagic 4.5.11
-- **Total Illustrations**: 99+
+- **Total Illustrations**: 98
 
 ## Important Notes
 
@@ -593,10 +593,11 @@ Illustrations can be either decorative or informative:
 
 ## Version
 
-Current version: 1.2.5
+Current version: 1.3.0
 
 Latest changes:
 
+- New illustration "enjoy-brainteaser" added
 - Synced illustrations from Figma
 - Added new illustrations for various use cases
 - Updated elder user illustrations

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

@@ -1,6 +1,6 @@
 ---
 name: brick-pill
-version: 9.0.9
+version: 10.1.6
 selector: brick-pill-v10
 category: Data Display
 tags: [pill, label, badge, status, meta, countdown, icon, vignette]
@@ -22,12 +22,12 @@ A read-only status indicator or label component that displays small pieces of me
 
 ## Key Capabilities
 
-- Multiple visual versions: vignette, video, gallery, breaking, plus, alt, plusall, icon, countdown
+- Multiple visual versions: vignette, video, gallery, breaking, untold, plus, alt, plusall, icon, countdown
 - Customizable skins for different content categories (sport, opinion, highlight, commercial, shopping, betting)
 - Optional filled or outlined styles
 - Icon support with configurable size
 - Live countdown timer functionality with automatic toggle to fallback version
-- Locale support for countdown text (Norwegian Bokmal and Nynorsk)
+- Locale support for countdown text (Norwegian Bokmal and Nynorsk) using IETF BCP 47 format
 - Can be used standalone or wrapped in brick-pillbox container
 - CSS custom properties for advanced styling
 
@@ -41,7 +41,7 @@ A read-only status indicator or label component that displays small pieces of me
 | `data-skin`                      | `'none' \| 'black' \| 'custom-one' \| 'custom-two' \| 'custom-three' \| 'sport' \| 'highlight' \| 'commercial' \| 'shopping' \| 'betting' \| 'opinion'` | `'none'`    | no       | Predefined color theme for the pill                            |
 | `data-icon-id`                   | string                                                                                 | -           | no       | ID of icon from brick-icon to display                          |
 | `data-icon-text`                 | string                                                                                 | -           | no       | Alternative text for the icon                                  |
-| `data-icon-size`                 | string                                                                                 | `'small'`   | no       | Size of the icon                                               |
+| `data-icon-size`                 | `'small' \| 'medium'`                                                                  | `'small'`   | no       | Size of the icon                                               |
 | `data-countdown-date`            | EpochTimeStamp                                                                         | -           | no       | Unix timestamp for countdown end time (required for countdown) |
 | `data-countdown-toggle-version`  | `'vignette' \| 'video' \| 'gallery' \| 'breaking' \| 'untold'`                         | `'vignette'` | no       | Version to display after countdown ends                        |
 | `data-countdown-toggle-text`     | string                                                                                 | -           | no       | Text to display after countdown ends                           |
@@ -242,7 +242,7 @@ const pillHTML = renderBrickPill({
 });
 
 // Include CSS file
-// <link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-pill/v9/css/styles.css">
+// <link rel="stylesheet" href="https://assets.acdn.no/pkg/@amedia/brick-pill/v10/css/styles.css">
 ```
 
 ## Accessibility
@@ -355,8 +355,10 @@ brick-pill-v10 {
   - Truncates text on the last pill
   - Adds dividers between eligible pills
 - The breaking version has special animation that requires overflow to be visible, so it will not get text ellipsis
-- Version 9.0.0 uses the `brick-pill-v10` selector
+- **Breaking change in v10.0.0**: Locale values for `data-locale` now follow IETF BCP 47 standard — use `'nb-NO'` instead of the old `'nb_no'` format
+- Colors are now applied even on non-filled pills (since v10.1.0)
+- Icon-only versions (`alt`, `plus`, `plusall`, `icon`) display only an SVG icon with no text
 
 ## Version
 
-Current version: 9.0.9
+Current version: 10.1.6

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

@@ -1,6 +1,6 @@
 ---
 name: brick-player
-version: 2.0.0
+version: 2.4.3
 selector: brick-player-v2
 category: Media
 tags: [video, audio, player, flowplayer, media, streaming, ads, autoplay]
@@ -319,7 +319,10 @@ Test different Flowplayer versions in production using query parameters:
 - Media IDs are UUIDs from Flowplayer workspace/publication
 - Player IDs reference pre-configured players in Flowplayer UI
 - Attributes are parsed into typed properties on initialization
-- Changes to attributes after initialization are reactive
+- Changes to attributes after initialization are reactive — attribute changes emit `brick-player:<attribute>` custom events
+- The `muted` attribute reflects internal mute state changes and dispatches `brick-player:muted` event (since v2.1.0)
+- TypeScript types are now included (since v2.2.0)
+- Middleware types are available for extending player behavior (since v2.4.0)
 - Audio players do not load ads plugin (ads are disabled automatically)
 - The `nextvideo` attribute accepts JSON string format
 - Events bubble as regular DOM events (can be listened on window or element)
@@ -328,4 +331,4 @@ Test different Flowplayer versions in production using query parameters:
 
 ## Version
 
-Current version: 2.0.0
+Current version: 2.4.3

package/dist/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/dist/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/dist/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/dist/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/dist/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`