@amedia/brick-mcp 1.0.1 → 1.0.2

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

package/data/components/brick-byline.md

@@ -0,0 +1,138 @@
+---
+name: brick-byline
+version: 1.0.22
+selector: brick-byline-v0
+category: Data Display
+tags: [byline, author, journalist, profile, avatar, article-metadata]
+use_cases:
+  [
+    article-bylines,
+    author-attribution,
+    journalist-profiles,
+    content-metadata,
+  ]
+related: [brick-avatar, brick-teaser, brick-tokens]
+---
+
+# Brick Byline
+
+A component for displaying article bylines with author name, avatar, work title, email link, and profile URL.
+
+## Key Capabilities
+
+- Displays author name with optional avatar image or initials
+- Links to author profile URL or email
+- Shows work title alongside avatar
+- Schema.org Person microdata for structured data
+- Integrates brick-avatar for profile images
+- Server-side rendering support via template submodule
+- Semantic HTML with `<address>` element for linked bylines
+
+## Props/Attributes
+
+| Attribute          | Type   | Default | Required | Description                                                    |
+| ------------------ | ------ | ------- | -------- | -------------------------------------------------------------- |
+| `data-name`        | string | -       | yes      | Author's display name                                          |
+| `data-email`       | string | -       | no       | Author's email address (renders as mailto: link if no profile) |
+| `data-profile-url` | string | -       | no       | URL to the author's profile page                               |
+| `data-image-url`   | string | -       | no       | URL to the author's avatar image                               |
+| `data-work-title`  | string | -       | no       | Author's role or title (e.g., "Politisk redaktør")             |
+| `data-initials`    | string | -       | no       | Author's initials (used as avatar fallback when no image)      |
+
+## Examples
+
+### Basic Byline
+
+```html
+<brick-byline-v0 data-name="Ola Nordmann"> </brick-byline-v0>
+```
+
+### Byline with Profile Link
+
+```html
+<brick-byline-v0
+  data-name="Kari Nordmann"
+  data-profile-url="https://www.example.com/journalist/kari"
+>
+</brick-byline-v0>
+```
+
+### Byline with Avatar and Work Title
+
+```html
+<brick-byline-v0
+  data-name="Hege Breen Bakken"
+  data-work-title="Politisk redaktør"
+  data-image-url="https://example.com/images/hege.jpg"
+  data-profile-url="https://www.dt.no/journalist/hege"
+>
+</brick-byline-v0>
+```
+
+### Byline with Email
+
+```html
+<brick-byline-v0
+  data-name="Per Hansen"
+  data-email="per.hansen@example.com"
+  data-work-title="Journalist"
+>
+</brick-byline-v0>
+```
+
+### Byline with Initials (No Image)
+
+```html
+<brick-byline-v0
+  data-name="Lars Olsen"
+  data-initials="LO"
+  data-profile-url="https://www.example.com/journalist/lars"
+>
+</brick-byline-v0>
+```
+
+## Server-Side Rendering
+
+```javascript
+import { renderBrickByline } from '@amedia/brick-byline/template';
+
+const bylineHTML = renderBrickByline({
+  dataName: 'Hege Breen Bakken',
+  dataWorkTitle: 'Politisk redaktør',
+  dataImageUrl: 'https://example.com/images/hege.jpg',
+  dataProfileUrl: 'https://www.dt.no/journalist/hege',
+});
+```
+
+## Accessibility
+
+- Uses `<address>` element for bylines with profile links (semantic HTML)
+- ARIA label includes work title and name (e.g., "Politisk redaktør Hege Breen Bakken")
+- Profile/email links include `aria-label="Kontakt {name}"` for screen readers
+- Uses Schema.org Person microdata (`itemprop="author"`, `itemprop="name"`, `itemprop="url"`)
+- Avatar images include alt text via brick-avatar
+
+## Technical Details
+
+- **Custom Element**: `brick-byline-v0`
+- **Base Class**: BrickElement (from @amedia/brick-template)
+- **Dependencies**:
+  - @amedia/brick-avatar (profile images)
+  - @amedia/brick-template (base class)
+  - @amedia/brick-tokens (design tokens)
+- **Renders as**: `<address>` (with link) or `<div>` (without link)
+- **Schema.org**: Implements Person microdata
+- **SSR Compatible**: Yes, via `renderBrickByline` from template submodule
+
+## Important Notes
+
+- When `data-profile-url` is provided, the byline renders as a linked `<address>` element
+- When only `data-email` is provided (no profile URL), the link becomes a `mailto:` link
+- When neither profile URL nor email is provided, the byline renders as a non-interactive `<div>`
+- Work title is only displayed when an avatar image is also provided
+- Initials are used as avatar fallback when no `data-image-url` is provided
+- The `isRendered` flag in SSR prevents client-side re-rendering of server-rendered markup
+
+## Version
+
+Current version: 1.0.22

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