@amedia/brick-mcp 0.1.5 → 0.1.7

package/data/tokens.json

@@ -3017,6 +3017,14 @@
     "description": "Primary background color for expand component",
     "cssVariable": "var(--brick-colors-expandPrimaryBg)"
   },
+  {
+    "path": "color.expand.primary.fg",
+    "name": "expandPrimaryFg",
+    "type": "color",
+    "value": "rgb(41, 40, 39)",
+    "description": "Primary foreground/text color for expand component",
+    "cssVariable": "var(--brick-colors-expandPrimaryFg)"
+  },
   {
     "path": "color.expand.secondary.border",
     "name": "expandSecondaryBorder",
@@ -3588,6 +3596,14 @@
     "description": "Spacing token used by ad provider Adnami.",
     "cssVariable": "var(--brick-space-adnamiX)"
   },
+  {
+    "path": "spacing.card.x.s",
+    "name": "cardXS",
+    "type": "dimension",
+    "value": "0.625rem",
+    "description": "Generell horisontal padding i bokser/containere.",
+    "cssVariable": "var(--brick-space-cardXS)"
+  },
   {
     "path": "spacing.card.x.m",
     "name": "cardXM",
@@ -3604,6 +3620,14 @@
     "description": "Generell horisontal padding i bokser/containere.",
     "cssVariable": "var(--brick-space-cardXL)"
   },
+  {
+    "path": "spacing.card.y.s",
+    "name": "cardYS",
+    "type": "dimension",
+    "value": "0.625rem",
+    "description": "Generell vertikal padding i bokser/containere.",
+    "cssVariable": "var(--brick-space-cardYS)"
+  },
   {
     "path": "spacing.card.y.m",
     "name": "cardYM",
@@ -4883,7 +4907,7 @@
     "path": "sizing.icon.s",
     "name": "iconS",
     "type": "dimension",
-    "value": "0.6875rem",
+    "value": "0.75rem",
     "description": "Height and width of an icon, used anywhere",
     "cssVariable": "var(--brick-sizing-iconS)"
   },
@@ -4899,7 +4923,7 @@
     "path": "sizing.premium-icon.m",
     "name": "premiumIconM",
     "type": "dimension",
-    "value": "0.9375rem",
+    "value": "0.875rem",
     "description": "Width and height of premium icon in Alfa on small screens ",
     "cssVariable": "var(--brick-sizing-premiumIconM)"
   },
@@ -4907,7 +4931,7 @@
     "path": "sizing.premium-icon.l",
     "name": "premiumIconL",
     "type": "dimension",
-    "value": "1.25rem",
+    "value": "1.125rem",
     "description": "Width and height of premium icon in Alfa on large screens.",
     "cssVariable": "var(--brick-sizing-premiumIconL)"
   },

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

@@ -1,7 +1,7 @@
 ---
 name: brick-countdown
-version: 2.0.9
-selector: brick-countdown-v2
+version: 3.0.1
+selector: brick-countdown-v3
 category: Feedback
 tags: [countdown, timer, animation, teaser, time-based]
 use_cases:
@@ -18,53 +18,53 @@ An animated countdown component that displays time remaining until a specified d
 - Animated digit transitions with flip animation
 - Automatic countdown updates every second
 - Supports days, hours, minutes, and seconds display
-- Localization support (Norwegian Bokmål and Nynorsk)
+- Localization support following IETF BCP 47 standard (Norwegian Bokmål and Nynorsk)
 - Automatically hides when countdown reaches zero
 - Server-side rendering support via template function
 - Accessible with screen reader support
 
 ## Props/Attributes
 
-| Attribute     | Type               | Default | Required | Description                                        |
-| ------------- | ------------------ | ------- | -------- | -------------------------------------------------- |
-| `data-date`   | EpochTimeStamp     | -       | yes      | Unix timestamp in milliseconds for the target date |
-| `data-text`   | string             | -       | no       | Optional text to display with the countdown        |
-| `data-locale` | 'nb_NO' \| 'nn_NO' | 'nb_NO' | no       | Locale for time unit labels                        |
+| Attribute     | Type               | Default   | Required | Description                                        |
+| ------------- | ------------------ | --------- | -------- | -------------------------------------------------- |
+| `data-date`   | EpochTimeStamp     | -         | yes      | Unix timestamp in milliseconds for the target date |
+| `data-text`   | string             | -         | no       | Optional text to display with the countdown        |
+| `data-locale` | 'nb-NO' \| 'nn-NO' | 'nb-NO'   | no       | Locale for time unit labels (IETF BCP 47 format)   |
 
 ## Examples
 
 ### Basic Countdown
 
 ```html
-<brick-countdown-v2 data-date="1713515269513"></brick-countdown-v2>
+<brick-countdown-v3 data-date="1713515269513"></brick-countdown-v3>
 ```
 
 ### With Custom Text
 
 ```html
-<brick-countdown-v2
+<brick-countdown-v3
   data-date="1713515269513"
   data-text="Starts in"
-></brick-countdown-v2>
+></brick-countdown-v3>
 ```
 
 ### With Locale
 
 ```html
-<brick-countdown-v2
+<brick-countdown-v3
   data-date="1713515269513"
   data-text="Tid igjen"
-  data-locale="nn_NO"
-></brick-countdown-v2>
+  data-locale="nn-NO"
+></brick-countdown-v3>
 ```
 
 ### JavaScript Creation
 
 ```javascript
-const el = document.createElement('brick-countdown-v2');
+const el = document.createElement('brick-countdown-v3');
 el.dataset.date = '1713515269513';
 el.dataset.text = 'Event starts in';
-el.dataset.locale = 'nb_NO';
+el.dataset.locale = 'nb-NO';
 document.body.appendChild(el);
 ```
 
@@ -78,7 +78,7 @@ import { renderBrickCountdown } from '@amedia/brick-countdown/template';
 const markup = renderBrickCountdown({
   dataDate: 1713515269513,
   dataText: 'Starts in',
-  dataLocale: 'nb_NO',
+  dataLocale: 'nb-NO',
 });
 ```
 
@@ -116,19 +116,21 @@ import '@amedia/brick-countdown';
 
 ### Supported Locales
 
-**Norwegian Bokmål (nb_NO - default):**
+The component follows the IETF BCP 47 language tag standard for locale values.
+
+**Norwegian Bokmål (nb-NO - default):**
 
 - days: "dager"
 - hours: "timer"
-- minutes: "minutter"
-- seconds: "sekunder"
+- minutes: "min"
+- seconds: "sek"
 
-**Norwegian Nynorsk (nn_NO):**
+**Norwegian Nynorsk (nn-NO):**
 
 - days: "dagar"
 - hours: "timar"
-- minutes: "minutt"
-- seconds: "sekund"
+- minutes: "min"
+- seconds: "sek"
 
 ## Common Patterns
 
@@ -136,10 +138,11 @@ import '@amedia/brick-countdown';
 
 ```html
 <brick-teaser-v9>
-  <brick-countdown-v2
+  <brick-countdown-v3
     data-date="1713515269513"
     data-text="Direktesending starter om"
-  ></brick-countdown-v2>
+    data-locale="nb-NO"
+  ></brick-countdown-v3>
   <!-- Other teaser content -->
 </brick-teaser-v9>
 ```
@@ -148,7 +151,7 @@ import '@amedia/brick-countdown';
 
 ```javascript
 function createCountdown(targetDate, text) {
-  const countdown = document.createElement('brick-countdown-v2');
+  const countdown = document.createElement('brick-countdown-v3');
   countdown.dataset.date = targetDate.getTime().toString();
   countdown.dataset.text = text;
   return countdown;
@@ -160,7 +163,7 @@ const countdownEl = createCountdown(eventDate, 'New Year in');
 
 ## Technical Details
 
-- **Custom Element**: `brick-countdown-v2`
+- **Custom Element**: `brick-countdown-v3`
 - **Base Class**: BrickElement
 - **Dependencies**: `@amedia/brick-template`, `@amedia/brick-tokens`
 - **Renders as**: Custom element with `<time>` element inside
@@ -177,4 +180,12 @@ const countdownEl = createCountdown(eventDate, 'New Year in');
 
 ## Version
 
-Current version: 2.0.9
+Current version: 3.0.1
+
+## Breaking Changes in v3.0.0
+
+**Locale format update**: The `data-locale` attribute now follows the IETF BCP 47 standard:
+- Changed from `nb_NO` to `nb-NO` (Norwegian Bokmål)
+- Changed from `nn_NO` to `nn-NO` (Norwegian Nynorsk)
+
+If you are upgrading from v2.x, update any hardcoded locale values to use the hyphenated format.