@amedia/brick-mcp 0.1.5 → 0.1.7

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

@@ -1,7 +1,7 @@
 ---
 name: brick-pill
 version: 9.0.9
-selector: brick-pill-v9
+selector: brick-pill-v10
 category: Data Display
 tags: [pill, label, badge, status, meta, countdown, icon, vignette]
 use_cases:
@@ -45,49 +45,49 @@ A read-only status indicator or label component that displays small pieces of me
 | `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                           |
-| `data-locale`                    | `'nb_NO' \| 'nn_NO'`                                                                   | `'nb_NO'`   | no       | Locale for countdown text (day/days translation)               |
+| `data-locale`                    | `'nb-NO' \| 'nn-NO'`                                                                   | `'nb-NO'`   | no       | Locale for countdown text (day/days translation)               |
 
 ## Examples
 
 ### Basic Pill
 
 ```html
-<brick-pill-v9 data-text="News" data-version="vignette"> </brick-pill-v9>
+<brick-pill-v10 data-text="News" data-version="vignette"> </brick-pill-v10>
 ```
 
 ### Filled Pill with Skin
 
 ```html
-<brick-pill-v9
+<brick-pill-v10
   data-text="Sport"
   data-version="vignette"
   data-filled="true"
   data-skin="sport"
 >
-</brick-pill-v9>
+</brick-pill-v10>
 ```
 
 ### Breaking News Pill
 
 ```html
-<brick-pill-v9
+<brick-pill-v10
   data-text="Breaking"
   data-version="breaking"
   data-filled="true"
 >
-</brick-pill-v9>
+</brick-pill-v10>
 ```
 
 ### Pill with Icon
 
 ```html
-<brick-pill-v9
+<brick-pill-v10
   data-text="1t 10m"
   data-version="vignette"
   data-icon-id="pill-podcast"
   data-icon-size="small"
 >
-</brick-pill-v9>
+</brick-pill-v10>
 ```
 
 ### Countdown Pill
@@ -95,14 +95,14 @@ A read-only status indicator or label component that displays small pieces of me
 Displays a live countdown timer that automatically switches to a different pill when time expires:
 
 ```html
-<brick-pill-v9
+<brick-pill-v10
   data-version="countdown"
   data-countdown-date="1676460023618"
   data-countdown-toggle-text="Direkte"
   data-countdown-toggle-version="breaking"
   data-filled="true"
 >
-</brick-pill-v9>
+</brick-pill-v10>
 ```
 
 Note: The countdown date should be a Unix epoch timestamp in milliseconds.
@@ -111,31 +111,31 @@ Note: The countdown date should be a Unix epoch timestamp in milliseconds.
 
 ```html
 <!-- Opinion content -->
-<brick-pill-v9
+<brick-pill-v10
   data-text="Opinion"
   data-version="vignette"
   data-skin="opinion"
   data-filled="true"
 >
-</brick-pill-v9>
+</brick-pill-v10>
 
 <!-- Commercial content -->
-<brick-pill-v9
+<brick-pill-v10
   data-text="Commercial"
   data-version="vignette"
   data-skin="commercial"
   data-filled="true"
 >
-</brick-pill-v9>
+</brick-pill-v10>
 
 <!-- Highlight -->
-<brick-pill-v9
+<brick-pill-v10
   data-text="Recommended"
   data-version="vignette"
   data-skin="highlight"
   data-filled="true"
 >
-</brick-pill-v9>
+</brick-pill-v10>
 ```
 
 ### Using with brick-pillbox
@@ -144,14 +144,14 @@ When wrapping multiple pills in brick-pillbox, the container manages spacing and
 
 ```html
 <brick-pillbox-v0 data-filled="true">
-  <brick-pill-v9
+  <brick-pill-v10
     data-text="Breaking"
     data-version="breaking"
     data-filled="true"
   >
-  </brick-pill-v9>
-  <brick-pill-v9 data-text="Politics" data-version="vignette" data-filled="true">
-  </brick-pill-v9>
+  </brick-pill-v10>
+  <brick-pill-v10 data-text="Politics" data-version="vignette" data-filled="true">
+  </brick-pill-v10>
 </brick-pillbox-v0>
 ```
 
@@ -164,7 +164,7 @@ When wrapping multiple pills in brick-pillbox, the container manages spacing and
   import '@amedia/brick-pill';
 </script>
 
-<brick-pill-v9
+<brick-pill-v10
   data-text="News"
   data-version="vignette"
   data-filled="true"
@@ -181,7 +181,7 @@ import '@amedia/brick-pill';
 // React
 function ArticleMeta() {
   return (
-    <brick-pill-v9
+    <brick-pill-v10
       data-text="Breaking"
       data-version="breaking"
       data-filled="true"
@@ -191,7 +191,7 @@ function ArticleMeta() {
 
 // Vue
 <template>
-  <brick-pill-v9
+  <brick-pill-v10
     data-text="Breaking"
     data-version="breaking"
     data-filled="true"
@@ -204,7 +204,7 @@ function ArticleMeta() {
 ```javascript
 import { BrickPill } from '@amedia/brick-pill';
 
-const pill = document.createElement('brick-pill-v9');
+const pill = document.createElement('brick-pill-v10');
 pill.dataset.version = 'vignette';
 pill.dataset.text = 'Latest';
 pill.dataset.filled = 'true';
@@ -219,7 +219,7 @@ document.body.appendChild(pill);
 const timestamp = new Date('2024-12-31T23:59:59').getTime();
 // or: const timestamp = +new Date('2024-12-31T23:59:59');
 
-const countdownPill = document.createElement('brick-pill-v9');
+const countdownPill = document.createElement('brick-pill-v10');
 countdownPill.dataset.version = 'countdown';
 countdownPill.dataset.countdownDate = timestamp.toString();
 countdownPill.dataset.countdownToggleText = 'Live Now';
@@ -258,39 +258,39 @@ const pillHTML = renderBrickPill({
 
 ```html
 <brick-pillbox-v0 data-filled="true">
-  <brick-pill-v9 data-text="Breaking" data-version="breaking" data-filled="true">
-  </brick-pill-v9>
-  <brick-pill-v9 data-text="Politics" data-version="vignette" data-filled="true">
-  </brick-pill-v9>
-  <brick-pill-v9 data-text="5 min read" data-version="vignette" data-filled="true">
-  </brick-pill-v9>
+  <brick-pill-v10 data-text="Breaking" data-version="breaking" data-filled="true">
+  </brick-pill-v10>
+  <brick-pill-v10 data-text="Politics" data-version="vignette" data-filled="true">
+  </brick-pill-v10>
+  <brick-pill-v10 data-text="5 min read" data-version="vignette" data-filled="true">
+  </brick-pill-v10>
 </brick-pillbox-v0>
 ```
 
 ### Live Event Countdown
 
 ```html
-<brick-pill-v9
+<brick-pill-v10
   data-version="countdown"
   data-countdown-date="1703001600000"
   data-countdown-toggle-text="Live"
   data-countdown-toggle-version="breaking"
   data-filled="true"
-  data-locale="nb_NO"
+  data-locale="nb-NO"
 >
-</brick-pill-v9>
+</brick-pill-v10>
 ```
 
 ### Custom Publication Logo Pill
 
 ```html
-<brick-pill-v9
+<brick-pill-v10
   data-text="Laagendalsposten"
   data-version="alt"
   data-filled="true"
   style="--b-pill-svg: url('https://r.acdn.no/local/v3/publications/www.ao.no/gfx/square.svg')"
 >
-</brick-pill-v9>
+</brick-pill-v10>
 ```
 
 ## Styling and CSS Properties
@@ -298,7 +298,7 @@ const pillHTML = renderBrickPill({
 Customize pill appearance using CSS custom properties:
 
 ```css
-brick-pill-v9 {
+brick-pill-v10 {
   /* Background color for filled pills */
   --b-pill-color-bg: var(--brick-colors-surfaceBrand);
 
@@ -325,7 +325,7 @@ brick-pill-v9 {
 When using `data-skin="opinion"` with `data-filled="true"`:
 
 ```css
-brick-pill-v9 {
+brick-pill-v10 {
   --opinion-background-color: #yourcolor;
   --opinion-color-text: #yourtextcolor;
 }
@@ -335,7 +335,7 @@ brick-pill-v9 {
 
 ## Technical Details
 
-- **Custom Element**: `brick-pill-v9`
+- **Custom Element**: `brick-pill-v10`
 - **Base Class**: BrickElement
 - **Dependencies**:
   - @amedia/brick-tokens (design tokens)
@@ -355,7 +355,7 @@ brick-pill-v9 {
   - 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-v9` selector
+- Version 9.0.0 uses the `brick-pill-v10` selector
 
 ## Version
 

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

@@ -1,7 +1,7 @@
 ---
 name: brick-teaser
 version: 21.2.1
-selector: brick-teaser-v21
+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]
@@ -77,20 +77,20 @@ The component supports multiple content types:
 ### Basic Article Teaser
 
 ```html
-<brick-teaser-v21
+<brick-teaser-v22
   data-type="story"
   data-title="Breaking News Story"
   data-url="/article/breaking-news"
   data-image-src="https://example.com/image.jpg"
   data-lead-text="This is the article lead text providing a brief summary..."
 >
-</brick-teaser-v21>
+</brick-teaser-v22>
 ```
 
 ### Video Teaser
 
 ```html
-<brick-teaser-v21
+<brick-teaser-v22
   data-type="video"
   data-title="Watch: Amazing Video"
   data-url="/video/amazing"
@@ -98,13 +98,13 @@ The component supports multiple content types:
   data-media-id="video-uuid-here"
   data-duration="180"
 >
-</brick-teaser-v21>
+</brick-teaser-v22>
 ```
 
 ### Premium Content
 
 ```html
-<brick-teaser-v21
+<brick-teaser-v22
   data-type="story"
   data-title="Premium Article"
   data-url="/article/premium"
@@ -112,13 +112,13 @@ The component supports multiple content types:
   data-is-premium="true"
   data-pill-version="premium"
 >
-</brick-teaser-v21>
+</brick-teaser-v22>
 ```
 
 ### With Author Information
 
 ```html
-<brick-teaser-v21
+<brick-teaser-v22
   data-type="opinion"
   data-title="Opinion: Important Topic"
   data-url="/opinion/important-topic"
@@ -127,26 +127,26 @@ The component supports multiple content types:
   data-author-avatar-url="https://example.com/author.jpg"
   data-published-date="2026-01-08T12:00:00Z"
 >
-</brick-teaser-v21>
+</brick-teaser-v22>
 ```
 
 ### Gallery Teaser
 
 ```html
-<brick-teaser-v21
+<brick-teaser-v22
   data-type="gallery"
   data-title="Photo Gallery: Event Coverage"
   data-url="/gallery/event"
   data-image-src="https://example.com/gallery-cover.jpg"
   data-gallery-count="25"
 >
-</brick-teaser-v21>
+</brick-teaser-v22>
 ```
 
 ### Breaking News
 
 ```html
-<brick-teaser-v21
+<brick-teaser-v22
   data-type="story"
   data-title="Breaking: Major Development"
   data-url="/breaking/major-development"
@@ -154,20 +154,20 @@ The component supports multiple content types:
   data-is-breaking="true"
   data-breaking-skin="breaking"
 >
-</brick-teaser-v21>
+</brick-teaser-v22>
 ```
 
 ### Commercial/Sponsored
 
 ```html
-<brick-teaser-v21
+<brick-teaser-v22
   data-type="commercial"
   data-title="Sponsored: Product Review"
   data-url="/commercial/product-review"
   data-image-src="https://example.com/commercial.jpg"
   data-commercial-category="shopping"
 >
-</brick-teaser-v21>
+</brick-teaser-v22>
 ```
 
 ## Server-Side Rendering
@@ -204,7 +204,7 @@ const html = renderTeaser({
 The component integrates with ADP (Amedia Data Platform):
 
 ```html
-<brick-teaser-v21
+<brick-teaser-v22
   data-type="story"
   data-title="Tracked Article"
   data-url="/article/tracked"
@@ -212,7 +212,7 @@ The component integrates with ADP (Amedia Data Platform):
   data-content-model="free"
   data-identifier="5-8-123456"
 >
-</brick-teaser-v21>
+</brick-teaser-v22>
 ```
 
 ## Accessibility
@@ -227,7 +227,7 @@ The component integrates with ADP (Amedia Data Platform):
 
 ## Technical Details
 
-- **Custom Element**: `brick-teaser-v21`
+- **Custom Element**: `brick-teaser-v22`
 - **Base Class**: BrickElement
 - **Dependencies**:
   - @amedia/brick-image (image display)

package/dist/data/components-metadata.json

@@ -1,7 +1,7 @@
 [
   {
     "name": "brick-alt-teaser",
-    "version": "8.1.1",
+    "version": "8.1.16",
     "selector": "brick-alt-teaser-v8",
     "category": "Display",
     "tags": [
@@ -10,7 +10,7 @@
   },
   {
     "name": "brick-avatar",
-    "version": "0.2.45",
+    "version": "0.2.55",
     "selector": "brick-avatar-v0",
     "description": "brick-avatar component",
     "category": "Display",
@@ -20,7 +20,7 @@
   },
   {
     "name": "brick-button",
-    "version": "9.4.3",
+    "version": "9.4.13",
     "selector": "brick-button-v9",
     "category": "Forms",
     "tags": [
@@ -30,13 +30,13 @@
   },
   {
     "name": "brick-byline",
-    "version": "1.0.7",
+    "version": "1.0.17",
     "selector": "brick-byline-v1",
     "description": "brick-byline component"
   },
   {
     "name": "brick-card",
-    "version": "7.3.17",
+    "version": "7.3.27",
     "selector": "brick-card-v7",
     "category": "Layout",
     "tags": [
@@ -45,7 +45,7 @@
   },
   {
     "name": "brick-carousel",
-    "version": "2.2.6",
+    "version": "2.2.17",
     "selector": "brick-carousel-v2",
     "description": "Simple carousel for any content passed to it.",
     "category": "Display",
@@ -55,7 +55,7 @@
   },
   {
     "name": "brick-classnames",
-    "version": "3.0.1",
+    "version": "3.0.2",
     "selector": "brick-classnames-v3",
     "description": "Utility method to create a safe string from a design name",
     "category": "Utilities",
@@ -65,13 +65,13 @@
   },
   {
     "name": "brick-countdown",
-    "version": "2.0.16",
-    "selector": "brick-countdown-v2",
+    "version": "3.0.2",
+    "selector": "brick-countdown-v3",
     "description": "brick-countdown component"
   },
   {
     "name": "brick-dialog",
-    "version": "2.1.0",
+    "version": "2.1.10",
     "selector": "brick-dialog-v2",
     "description": "brick-dialog component",
     "category": "Feedback",
@@ -81,7 +81,7 @@
   },
   {
     "name": "brick-expand",
-    "version": "0.0.9",
+    "version": "0.0.22",
     "selector": "brick-expand-v0",
     "description": "brick-expand component"
   },
@@ -97,13 +97,13 @@
   },
   {
     "name": "brick-helloworld",
-    "version": "2.0.10",
+    "version": "2.0.20",
     "selector": "brick-helloworld-v2",
     "description": "Brick Hello World component"
   },
   {
     "name": "brick-icon",
-    "version": "2.3.9",
+    "version": "2.3.19",
     "selector": "brick-icon-v2",
     "category": "Display",
     "tags": [
@@ -112,13 +112,13 @@
   },
   {
     "name": "brick-illustrations",
-    "version": "1.2.6",
+    "version": "1.3.0",
     "selector": "brick-illustrations-v1",
     "description": "brick-illustrations"
   },
   {
     "name": "brick-image",
-    "version": "6.0.12",
+    "version": "6.0.22",
     "selector": "brick-image-v6",
     "category": "Display",
     "tags": [
@@ -127,8 +127,8 @@
   },
   {
     "name": "brick-input",
-    "version": "3.0.16",
-    "selector": "brick-input-v3",
+    "version": "4.0.1",
+    "selector": "brick-input-v4",
     "description": "brick-input component",
     "category": "Forms",
     "tags": [
@@ -138,42 +138,42 @@
   },
   {
     "name": "brick-pill",
-    "version": "9.0.10",
-    "selector": "brick-pill-v9"
+    "version": "10.1.1",
+    "selector": "brick-pill-v10"
   },
   {
     "name": "brick-player",
-    "version": "2.0.1",
+    "version": "2.3.1",
     "selector": "brick-player-v2",
     "description": "Component for playing video and audio files"
   },
   {
     "name": "brick-published",
-    "version": "4.0.8",
+    "version": "4.0.18",
     "selector": "brick-published-v4",
     "description": "brick-published"
   },
   {
     "name": "brick-share",
-    "version": "0.3.13",
+    "version": "0.3.23",
     "selector": "brick-share-v0",
     "description": "brick-share component"
   },
   {
     "name": "brick-stepper",
-    "version": "1.0.19",
+    "version": "1.1.4",
     "selector": "brick-stepper-v1",
     "description": "brick-stepper component"
   },
   {
     "name": "brick-tab",
-    "version": "0.1.15",
+    "version": "0.1.25",
     "selector": "brick-tab-v0",
     "description": "brick-tab component"
   },
   {
     "name": "brick-tabs",
-    "version": "0.1.16",
+    "version": "0.1.26",
     "selector": "brick-tabs-v0",
     "description": "brick-tabs component handling tablist, tabs and tabpanel",
     "category": "Navigation",
@@ -183,14 +183,14 @@
   },
   {
     "name": "brick-tag",
-    "version": "0.0.15",
+    "version": "0.0.25",
     "selector": "brick-tag-v0",
     "description": "brick-tag component"
   },
   {
     "name": "brick-teaser",
-    "version": "21.2.4",
-    "selector": "brick-teaser-v21",
+    "version": "22.0.9",
+    "selector": "brick-teaser-v22",
     "description": "Teaser component.",
     "category": "Display",
     "tags": [
@@ -199,7 +199,7 @@
   },
   {
     "name": "brick-teaser-player",
-    "version": "1.1.1",
+    "version": "1.1.13",
     "selector": "brick-teaser-player-v1",
     "description": "brick-video-teaser component",
     "category": "Display",
@@ -209,7 +209,7 @@
   },
   {
     "name": "brick-teaser-reels",
-    "version": "0.4.6",
+    "version": "0.4.16",
     "selector": "brick-teaser-reels-v0",
     "description": "brick-teaser-reels component",
     "category": "Display",
@@ -219,7 +219,7 @@
   },
   {
     "name": "brick-textarea",
-    "version": "2.0.11",
+    "version": "2.0.21",
     "selector": "brick-textarea-v2",
     "description": "brick-textarea component"
   },
@@ -231,7 +231,7 @@
   },
   {
     "name": "brick-toast",
-    "version": "0.1.29",
+    "version": "0.1.39",
     "selector": "brick-toast-v0",
     "description": "brick-toast component",
     "category": "Feedback",
@@ -241,13 +241,13 @@
   },
   {
     "name": "brick-toggle",
-    "version": "3.1.15",
+    "version": "3.1.25",
     "selector": "brick-toggle-v3",
     "description": "brick-toggle component"
   },
   {
     "name": "brick-tokens",
-    "version": "6.0.1",
+    "version": "6.0.11",
     "selector": "brick-tokens-v6",
     "description": "Tokens package",
     "category": "Utilities",
@@ -257,7 +257,7 @@
   },
   {
     "name": "brick-tooltip",
-    "version": "1.0.18",
+    "version": "1.0.28",
     "selector": "brick-tooltip-v1",
     "description": "brick-tooltip component"
   }