@sebgroup/green-core 3.29.0-rc.20261012203419455 → 3.29.0

package/custom-elements.json

@@ -58133,60 +58133,42 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/date/date-time-formatter.ts",
+      "path": "src/components/formatted-text/account/account-formatter.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "dateTimeFormats",
-          "default": "{ dateOnlyNumbers: (value, locale) => new Intl.DateTimeFormat(locale, { dateStyle: 'short' }).format( convertValueToDate(value), ), dateLong: (value, locale) => new Intl.DateTimeFormat(locale, { dateStyle: 'long' }).format( convertValueToDate(value), ), dateLongWithWeekday: (value, locale) => new Intl.DateTimeFormat(locale, { dateStyle: 'full' }) .format(convertValueToDate(value)) .replace(',', ''), dateShort: (value, locale) => { const formatter = new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }) if (locale?.toLowerCase() === 'sv-se') { return formatter.format(convertValueToDate(value)).replace('.', '') } return formatter.format(convertValueToDate(value)) }, dateShortWithWeekday: (value, locale) => { const formatted = new Intl.DateTimeFormat(locale, { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric', }).format(convertValueToDate(value)) if (locale?.toLowerCase() === 'sv-se') { return formatted.replace('.', '') } if (locale?.toLowerCase() === 'en-gb') { return formatted.replace(',', '') } return formatted }, timeShort: (value, locale) => new Intl.DateTimeFormat(locale, { timeStyle: 'short' }).format( convertValueToDate(value), ), timeLong: (value, locale) => new Intl.DateTimeFormat(locale, { timeStyle: 'medium' }).format( convertValueToDate(value), ), dateTimeLong: (value, locale) => { return new Intl.DateTimeFormat(locale, { dateStyle: 'long', timeStyle: 'short', }).format(convertValueToDate(value)) }, dateTimeLongWithWeekday: (value, locale) => { return new Intl.DateTimeFormat(locale, { dateStyle: 'full', timeStyle: 'short', }).format(convertValueToDate(value)) }, dateTimeShort: (value, locale) => { return new Intl.DateTimeFormat(locale, { dateStyle: 'medium', timeStyle: 'short', }).format(convertValueToDate(value)) }, } satisfies Record<string, DateTimeFormatter>"
+          "name": "accountsFormats",
+          "default": "{ 'seb-account': (value) => { const account = typeof value === 'string' ? value.replace(' ', '') : (value?.toString() ?? '') if (account.length !== 11) { return account } return `${account.slice(0, 4)} ${account.slice(4, 6)} ${account.slice(6, 9)} ${account.slice(9, 11)}` }, } satisfies Record<string, AccountFormatter>"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "dateTimeFormats",
+          "name": "accountsFormats",
           "declaration": {
-            "name": "dateTimeFormats",
-            "module": "src/components/formatted-text/date/date-time-formatter.ts"
+            "name": "accountsFormats",
+            "module": "src/components/formatted-text/account/account-formatter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/date/formatted-date.component.ts",
+      "path": "src/components/formatted-text/account/formatted-account.component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "GdsFormattedDate",
+          "name": "GdsFormattedAccount",
           "members": [
             {
               "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "Date | string | undefined"
-              },
-              "description": "The date value to be formatted, either Date or ISO string."
-            },
-            {
-              "kind": "field",
-              "name": "format",
-              "type": {
-                "text": "DateTimeFormat"
-              },
-              "default": "'dateOnlyNumbers'",
-              "description": "Specifies the date format.",
-              "attribute": "format"
-            },
-            {
-              "kind": "field",
-              "name": "locale",
+              "name": "account",
               "type": {
-                "text": "string | undefined"
+                "text": "number | string | undefined"
               },
-              "description": "The locale used for date formatting.",
-              "attribute": "locale"
+              "description": "The account number or identifier to display.\nFor format 'seb-account', it needs to be 11 characters.",
+              "attribute": "account"
             },
             {
               "kind": "field",
@@ -59184,21 +59166,21 @@
           ],
           "attributes": [
             {
-              "name": "format",
+              "name": "account",
               "type": {
-                "text": "DateTimeFormat"
+                "text": "number | string | undefined"
               },
-              "default": "'dateOnlyNumbers'",
-              "description": "Specifies the date format.",
-              "fieldName": "format"
+              "description": "The account number or identifier to display.\nFor format 'seb-account', it needs to be 11 characters.",
+              "fieldName": "account"
             },
             {
-              "name": "locale",
+              "name": "format",
               "type": {
-                "text": "string | undefined"
+                "text": "AccountFormats"
               },
-              "description": "The locale used for date formatting.",
-              "fieldName": "locale"
+              "default": "'seb-account'",
+              "description": "Specifies the account format.",
+              "fieldName": "format"
             },
             {
               "name": "tag",
@@ -59257,7 +59239,7 @@
             "name": "GdsFormattedText",
             "module": "/src/components/formatted-text/formatted-text"
           },
-          "tagName": "gds-formatted-date",
+          "tagName": "gds-formatted-account",
           "customElement": true,
           "events": [
             {
@@ -59296,17 +59278,17 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormattedDate",
+          "name": "GdsFormattedAccount",
           "declaration": {
-            "name": "GdsFormattedDate",
-            "module": "src/components/formatted-text/date/formatted-date.component.ts"
+            "name": "GdsFormattedAccount",
+            "module": "src/components/formatted-text/account/formatted-account.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/date/formatted-date.stories.ts",
+      "path": "src/components/formatted-text/account/formatted-account.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -59314,16 +59296,16 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{ title: 'Components/Formatted text/Date and time', component: 'gds-formatted-date', tags: ['autodocs'], argTypes: { ...argTablePropsFor('gds-formatted-date'), }, }",
-          "description": "[Source code](https://github.com/seb-oss/green/tree/main/libs/core/src/components/formatted-text/date)\n\n`gds-formatted-date` extends `gds-text` and formats the date to the desired format."
+          "default": "{ title: 'Components/Formatted text/Accounts', component: 'gds-formatted-account', tags: ['autodocs'], argTypes: { ...argTablePropsFor('gds-formatted-account'), format: { control: { type: 'select' }, options: Object.keys(accountsFormats), }, }, }",
+          "description": "[Source code](https://github.com/seb-oss/green/tree/main/libs/core/src/components/formatted-text/account)\n\n`gds-formatted-account` extends `gds-text` and formats the account to the desired format."
         },
         {
           "kind": "variable",
-          "name": "Formats",
+          "name": "Default",
           "type": {
             "text": "Story"
           },
-          "default": "{ ...DefaultParams, name: 'Formats', render: (args) => html`<gds-flex flex-direction=\"column\" gap=\"m\"> ${formats.map( (format) => html`<gds-flex gap=\"l\" justify-content=\"space-between\"> <gds-text>${format.name}:</gds-text> <gds-flex gap=\"m\" flex-direction=\"column\"> <gds-formatted-date .value=${args.value} .locale=${args.locale} .format=${format.value} ></gds-formatted-date> <gds-formatted-date .locale=${args.locale} .format=${format.value} > ${args.value} </gds-formatted-date> </gds-flex> </gds-flex> <gds-divider></gds-divider>`, )} </gds-flex>`, }"
+          "default": "{ ...DefaultParams, name: 'SEB Account', render: (args) => html`<gds-flex gap=\"m\" flex-direction=\"column\"> <gds-formatted-account .account=${args.account}></gds-formatted-account> <gds-formatted-account>${args.account}</gds-formatted-account> </gds-flex>`, }"
         }
       ],
       "exports": [
@@ -59332,37 +59314,37 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/components/formatted-text/date/formatted-date.stories.ts"
+            "module": "src/components/formatted-text/account/formatted-account.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Formats",
+          "name": "Default",
           "declaration": {
-            "name": "Formats",
-            "module": "src/components/formatted-text/date/formatted-date.stories.ts"
+            "name": "Default",
+            "module": "src/components/formatted-text/account/formatted-account.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/date/formatted-date.ts",
+      "path": "src/components/formatted-text/account/formatted-account.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormattedDate",
+          "name": "GdsFormattedAccount",
           "declaration": {
-            "name": "GdsFormattedDate",
-            "module": "src/components/formatted-text/date/formatted-date.ts"
+            "name": "GdsFormattedAccount",
+            "module": "src/components/formatted-text/account/formatted-account.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/date/index.ts",
+      "path": "src/components/formatted-text/account/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -59370,49 +59352,67 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/formatted-text/date/formatted-date"
+            "module": "src/components/formatted-text/account/formatted-account"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/account/account-formatter.ts",
+      "path": "src/components/formatted-text/date/date-time-formatter.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "accountsFormats",
-          "default": "{ 'seb-account': (value) => { const account = typeof value === 'string' ? value.replace(' ', '') : (value?.toString() ?? '') if (account.length !== 11) { return account } return `${account.slice(0, 4)} ${account.slice(4, 6)} ${account.slice(6, 9)} ${account.slice(9, 11)}` }, } satisfies Record<string, AccountFormatter>"
+          "name": "dateTimeFormats",
+          "default": "{ dateOnlyNumbers: (value, locale) => new Intl.DateTimeFormat(locale, { dateStyle: 'short' }).format( convertValueToDate(value), ), dateLong: (value, locale) => new Intl.DateTimeFormat(locale, { dateStyle: 'long' }).format( convertValueToDate(value), ), dateLongWithWeekday: (value, locale) => new Intl.DateTimeFormat(locale, { dateStyle: 'full' }) .format(convertValueToDate(value)) .replace(',', ''), dateShort: (value, locale) => { const formatter = new Intl.DateTimeFormat(locale, { dateStyle: 'medium' }) if (locale?.toLowerCase() === 'sv-se') { return formatter.format(convertValueToDate(value)).replace('.', '') } return formatter.format(convertValueToDate(value)) }, dateShortWithWeekday: (value, locale) => { const formatted = new Intl.DateTimeFormat(locale, { weekday: 'short', year: 'numeric', month: 'short', day: 'numeric', }).format(convertValueToDate(value)) if (locale?.toLowerCase() === 'sv-se') { return formatted.replace('.', '') } if (locale?.toLowerCase() === 'en-gb') { return formatted.replace(',', '') } return formatted }, timeShort: (value, locale) => new Intl.DateTimeFormat(locale, { timeStyle: 'short' }).format( convertValueToDate(value), ), timeLong: (value, locale) => new Intl.DateTimeFormat(locale, { timeStyle: 'medium' }).format( convertValueToDate(value), ), dateTimeLong: (value, locale) => { return new Intl.DateTimeFormat(locale, { dateStyle: 'long', timeStyle: 'short', }).format(convertValueToDate(value)) }, dateTimeLongWithWeekday: (value, locale) => { return new Intl.DateTimeFormat(locale, { dateStyle: 'full', timeStyle: 'short', }).format(convertValueToDate(value)) }, dateTimeShort: (value, locale) => { return new Intl.DateTimeFormat(locale, { dateStyle: 'medium', timeStyle: 'short', }).format(convertValueToDate(value)) }, } satisfies Record<string, DateTimeFormatter>"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "accountsFormats",
+          "name": "dateTimeFormats",
           "declaration": {
-            "name": "accountsFormats",
-            "module": "src/components/formatted-text/account/account-formatter.ts"
+            "name": "dateTimeFormats",
+            "module": "src/components/formatted-text/date/date-time-formatter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/account/formatted-account.component.ts",
+      "path": "src/components/formatted-text/date/formatted-date.component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "GdsFormattedAccount",
+          "name": "GdsFormattedDate",
           "members": [
             {
               "kind": "field",
-              "name": "account",
+              "name": "value",
               "type": {
-                "text": "number | string | undefined"
+                "text": "Date | string | undefined"
               },
-              "description": "The account number or identifier to display.\nFor format 'seb-account', it needs to be 11 characters.",
-              "attribute": "account"
+              "description": "The date value to be formatted, either Date or ISO string."
+            },
+            {
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "DateTimeFormat"
+              },
+              "default": "'dateOnlyNumbers'",
+              "description": "Specifies the date format.",
+              "attribute": "format"
+            },
+            {
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The locale used for date formatting.",
+              "attribute": "locale"
             },
             {
               "kind": "field",
@@ -60410,21 +60410,21 @@
           ],
           "attributes": [
             {
-              "name": "account",
+              "name": "format",
               "type": {
-                "text": "number | string | undefined"
+                "text": "DateTimeFormat"
               },
-              "description": "The account number or identifier to display.\nFor format 'seb-account', it needs to be 11 characters.",
-              "fieldName": "account"
+              "default": "'dateOnlyNumbers'",
+              "description": "Specifies the date format.",
+              "fieldName": "format"
             },
             {
-              "name": "format",
+              "name": "locale",
               "type": {
-                "text": "AccountFormats"
+                "text": "string | undefined"
               },
-              "default": "'seb-account'",
-              "description": "Specifies the account format.",
-              "fieldName": "format"
+              "description": "The locale used for date formatting.",
+              "fieldName": "locale"
             },
             {
               "name": "tag",
@@ -60483,7 +60483,7 @@
             "name": "GdsFormattedText",
             "module": "/src/components/formatted-text/formatted-text"
           },
-          "tagName": "gds-formatted-account",
+          "tagName": "gds-formatted-date",
           "customElement": true,
           "events": [
             {
@@ -60522,17 +60522,17 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormattedAccount",
+          "name": "GdsFormattedDate",
           "declaration": {
-            "name": "GdsFormattedAccount",
-            "module": "src/components/formatted-text/account/formatted-account.component.ts"
+            "name": "GdsFormattedDate",
+            "module": "src/components/formatted-text/date/formatted-date.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/account/formatted-account.stories.ts",
+      "path": "src/components/formatted-text/date/formatted-date.stories.ts",
       "declarations": [
         {
           "kind": "variable",
@@ -60540,16 +60540,16 @@
           "type": {
             "text": "Meta"
           },
-          "default": "{ title: 'Components/Formatted text/Accounts', component: 'gds-formatted-account', tags: ['autodocs'], argTypes: { ...argTablePropsFor('gds-formatted-account'), format: { control: { type: 'select' }, options: Object.keys(accountsFormats), }, }, }",
-          "description": "[Source code](https://github.com/seb-oss/green/tree/main/libs/core/src/components/formatted-text/account)\n\n`gds-formatted-account` extends `gds-text` and formats the account to the desired format."
+          "default": "{ title: 'Components/Formatted text/Date and time', component: 'gds-formatted-date', tags: ['autodocs'], argTypes: { ...argTablePropsFor('gds-formatted-date'), }, }",
+          "description": "[Source code](https://github.com/seb-oss/green/tree/main/libs/core/src/components/formatted-text/date)\n\n`gds-formatted-date` extends `gds-text` and formats the date to the desired format."
         },
         {
           "kind": "variable",
-          "name": "Default",
+          "name": "Formats",
           "type": {
             "text": "Story"
           },
-          "default": "{ ...DefaultParams, name: 'SEB Account', render: (args) => html`<gds-flex gap=\"m\" flex-direction=\"column\"> <gds-formatted-account .account=${args.account}></gds-formatted-account> <gds-formatted-account>${args.account}</gds-formatted-account> </gds-flex>`, }"
+          "default": "{ ...DefaultParams, name: 'Formats', render: (args) => html`<gds-flex flex-direction=\"column\" gap=\"m\"> ${formats.map( (format) => html`<gds-flex gap=\"l\" justify-content=\"space-between\"> <gds-text>${format.name}:</gds-text> <gds-flex gap=\"m\" flex-direction=\"column\"> <gds-formatted-date .value=${args.value} .locale=${args.locale} .format=${format.value} ></gds-formatted-date> <gds-formatted-date .locale=${args.locale} .format=${format.value} > ${args.value} </gds-formatted-date> </gds-flex> </gds-flex> <gds-divider></gds-divider>`, )} </gds-flex>`, }"
         }
       ],
       "exports": [
@@ -60558,37 +60558,37 @@
           "name": "default",
           "declaration": {
             "name": "meta",
-            "module": "src/components/formatted-text/account/formatted-account.stories.ts"
+            "module": "src/components/formatted-text/date/formatted-date.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "Default",
+          "name": "Formats",
           "declaration": {
-            "name": "Default",
-            "module": "src/components/formatted-text/account/formatted-account.stories.ts"
+            "name": "Formats",
+            "module": "src/components/formatted-text/date/formatted-date.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/account/formatted-account.ts",
+      "path": "src/components/formatted-text/date/formatted-date.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormattedAccount",
+          "name": "GdsFormattedDate",
           "declaration": {
-            "name": "GdsFormattedAccount",
-            "module": "src/components/formatted-text/account/formatted-account.ts"
+            "name": "GdsFormattedDate",
+            "module": "src/components/formatted-text/date/formatted-date.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/formatted-text/account/index.ts",
+      "path": "src/components/formatted-text/date/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -60596,7 +60596,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/components/formatted-text/account/formatted-account"
+            "module": "src/components/formatted-text/date/formatted-date"
           }
         }
       ]

package/gds-element.js

@@ -16,7 +16,7 @@ class GdsElement extends LitElement {
     /**
      * The semantic version of this element. Can be used for troubleshooting to verify the version being used.
      */
-    this.semanticVersion = "3.29.0-rc.20261012203419455";
+    this.semanticVersion = "3.29.0";
     this.syncFirstRender = false;
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);

package/generated/mcp/components.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-12T20:34:44.923Z",
+  "generatedAt": "2026-10-12T20:44:58.646Z",
   "components": [
     {
       "name": "gds-alert",

package/generated/mcp/icons.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-12T20:34:44.923Z",
+  "generatedAt": "2026-10-12T20:44:58.646Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-12T20:34:44.923Z",
+  "generatedAt": "2026-10-12T20:44:58.646Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/mcp/tokens.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-10-12T20:34:44.840Z",
+  "generatedAt": "2026-10-12T20:44:57.641Z",
   "categories": {
     "space": {
       "description": "Spacing tokens for padding, margin, gap, and other spacing",

package/generated/react/index.d.ts

@@ -54,8 +54,8 @@ export * from './breadcrumb/index.js';
 export * from './checkbox-group/index.js';
 export * from './icons/icon-details/index.js';
 export * from './filter-chip/index.js';
-export * from './formatted-date/index.js';
 export * from './formatted-account/index.js';
+export * from './formatted-date/index.js';
 export * from './formatted-number/index.js';
 export * from './radio-group/index.js';
 export * from './list-item/index.js';

package/generated/react/index.js

@@ -54,8 +54,8 @@ export * from "./breadcrumb/index.js";
 export * from "./checkbox-group/index.js";
 export * from "./icons/icon-details/index.js";
 export * from "./filter-chip/index.js";
-export * from "./formatted-date/index.js";
 export * from "./formatted-account/index.js";
+export * from "./formatted-date/index.js";
 export * from "./formatted-number/index.js";
 export * from "./radio-group/index.js";
 export * from "./list-item/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sebgroup/green-core",
   "description": "A carefully crafted set of Web Components, laying the foundation of the Green Design System.",
-  "version": "3.29.0-rc.20261012203419455",
+  "version": "3.29.0",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

package/utils/helpers/custom-element-scoping.js

@@ -1,6 +1,6 @@
 import "../../chunks/chunk.H2T4A5YY.js";
 import { html as litHtml } from "lit";
-const VER_SUFFIX = "-c4c6e7";
+const VER_SUFFIX = "-8cd888";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])