@sebgroup/green-core 2.21.0-rc.20260113151650310 → 2.21.0-rc.20260113154959564

package/custom-elements.json

@@ -39450,7 +39450,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/generated/react/flex/index.js"
+            "module": "src/generated/react/form-summary/index.js"
           }
         },
         {
@@ -39458,7 +39458,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/generated/react/form-summary/index.js"
+            "module": "src/generated/react/flex/index.js"
           }
         },
         {
@@ -39602,7 +39602,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/generated/react/text/index.js"
+            "module": "src/generated/react/table/index.js"
           }
         },
         {
@@ -39610,7 +39610,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/generated/react/table/index.js"
+            "module": "src/generated/react/text/index.js"
           }
         },
         {
@@ -39701,14 +39701,6 @@
             "module": "src/generated/react/formatted-number/index.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/generated/react/radio-group/index.js"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -42373,6 +42365,14 @@
             "module": "src/generated/react/icons/icon-zoom-out/index.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/generated/react/radio-group/index.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -57812,183 +57812,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/checkbox-group/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsCheckboxGroup",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "GdsCheckboxGroupProps & { ref?: React.Ref<GdsCheckboxGroupClass> }"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "ref"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsCheckboxGroup",
-          "declaration": {
-            "name": "GdsCheckboxGroup",
-            "module": "src/generated/react/checkbox-group/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/coachmark/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsCoachmark",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "GdsCoachmarkProps & { ref?: React.Ref<GdsCoachmarkClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsCoachmark",
-          "declaration": {
-            "name": "GdsCoachmark",
-            "module": "src/generated/react/coachmark/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/context-menu/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsContextMenu",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "GdsContextMenuProps & { ref?: React.Ref<GdsContextMenuClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsContextMenu",
-          "declaration": {
-            "name": "GdsContextMenu",
-            "module": "src/generated/react/context-menu/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/datepicker/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsDatepicker",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "GdsDatepickerProps & { ref?: React.Ref<GdsDatepickerClass> }"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "ref"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsDatepicker",
-          "declaration": {
-            "name": "GdsDatepicker",
-            "module": "src/generated/react/datepicker/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/details/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsDetails",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "GdsDetailsProps & { ref?: React.Ref<GdsDetailsClass> }"
-              }
-            }
-          ],
-          "description": "Details component that provides collapsible content sections."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsDetails",
-          "declaration": {
-            "name": "GdsDetails",
-            "module": "src/generated/react/details/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/dialog/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsDialog",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "GdsDialogProps & { ref?: React.Ref<GdsDialogClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsDialog",
-          "declaration": {
-            "name": "GdsDialog",
-            "module": "src/generated/react/dialog/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/icon/icons/ai.component.ts",
@@ -231201,6 +231024,183 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/checkbox-group/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsCheckboxGroup",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "GdsCheckboxGroupProps & { ref?: React.Ref<GdsCheckboxGroupClass> }"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "ref"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsCheckboxGroup",
+          "declaration": {
+            "name": "GdsCheckboxGroup",
+            "module": "src/generated/react/checkbox-group/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/coachmark/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsCoachmark",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "GdsCoachmarkProps & { ref?: React.Ref<GdsCoachmarkClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsCoachmark",
+          "declaration": {
+            "name": "GdsCoachmark",
+            "module": "src/generated/react/coachmark/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/context-menu/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsContextMenu",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "GdsContextMenuProps & { ref?: React.Ref<GdsContextMenuClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsContextMenu",
+          "declaration": {
+            "name": "GdsContextMenu",
+            "module": "src/generated/react/context-menu/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/datepicker/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsDatepicker",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "GdsDatepickerProps & { ref?: React.Ref<GdsDatepickerClass> }"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "ref"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsDatepicker",
+          "declaration": {
+            "name": "GdsDatepicker",
+            "module": "src/generated/react/datepicker/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/details/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsDetails",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "GdsDetailsProps & { ref?: React.Ref<GdsDetailsClass> }"
+              }
+            }
+          ],
+          "description": "Details component that provides collapsible content sections."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsDetails",
+          "declaration": {
+            "name": "GdsDetails",
+            "module": "src/generated/react/details/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/dialog/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsDialog",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "GdsDialogProps & { ref?: React.Ref<GdsDialogClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsDialog",
+          "declaration": {
+            "name": "GdsDialog",
+            "module": "src/generated/react/dialog/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/div/index.ts",
@@ -231580,60 +231580,60 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/input/index.ts",
+      "path": "src/generated/react/img/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsInput",
+          "name": "GdsImg",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "GdsInputProps & { ref?: React.Ref<GdsInputClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsImgClass>>\n  > & { ref?: React.Ref<GdsImgClass> }"
               }
             }
           ]
-        },
-        {
-          "kind": "variable",
-          "name": "ref"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsInput",
+          "name": "GdsImg",
           "declaration": {
-            "name": "GdsInput",
-            "module": "src/generated/react/input/index.ts"
+            "name": "GdsImg",
+            "module": "src/generated/react/img/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/img/index.ts",
+      "path": "src/generated/react/input/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsImg",
+          "name": "GdsInput",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsImgClass>>\n  > & { ref?: React.Ref<GdsImgClass> }"
+                "text": "GdsInputProps & { ref?: React.Ref<GdsInputClass> }"
               }
             }
           ]
+        },
+        {
+          "kind": "variable",
+          "name": "ref"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsImg",
+          "name": "GdsInput",
           "declaration": {
-            "name": "GdsImg",
-            "module": "src/generated/react/img/index.ts"
+            "name": "GdsInput",
+            "module": "src/generated/react/input/index.ts"
           }
         }
       ]
@@ -231952,57 +231952,57 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/rich-text/index.ts",
+      "path": "src/generated/react/segment/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsRichText",
+          "name": "GdsSegment",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsRichTextClass>>\n  > & { ref?: React.Ref<GdsRichTextClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsSegmentClass>>\n  > & { ref?: React.Ref<GdsSegmentClass> }"
               }
             }
-          ],
-          "description": "`gds-rich-text` can be used to wrap generic HTML content and apply typography styles.\n\nThe wrapped content will render inside the shadowRoot of the `gds-rich-text` element, thereby applying the\ndefault typography styles and standard element styles defined in the Green Design System."
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsRichText",
+          "name": "GdsSegment",
           "declaration": {
-            "name": "GdsRichText",
-            "module": "src/generated/react/rich-text/index.ts"
+            "name": "GdsSegment",
+            "module": "src/generated/react/segment/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/segment/index.ts",
+      "path": "src/generated/react/rich-text/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsSegment",
+          "name": "GdsRichText",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsSegmentClass>>\n  > & { ref?: React.Ref<GdsSegmentClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsRichTextClass>>\n  > & { ref?: React.Ref<GdsRichTextClass> }"
               }
             }
-          ]
+          ],
+          "description": "`gds-rich-text` can be used to wrap generic HTML content and apply typography styles.\n\nThe wrapped content will render inside the shadowRoot of the `gds-rich-text` element, thereby applying the\ndefault typography styles and standard element styles defined in the Green Design System."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsSegment",
+          "name": "GdsRichText",
           "declaration": {
-            "name": "GdsSegment",
-            "module": "src/generated/react/segment/index.ts"
+            "name": "GdsRichText",
+            "module": "src/generated/react/rich-text/index.ts"
           }
         }
       ]
@@ -232662,16 +232662,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-arrow-out-of-box/index.ts",
+      "path": "src/generated/react/icons/icon-arrow-right/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconArrowOutOfBox",
+          "name": "IconArrowRight",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowOutOfBoxClass>>\n  > & { ref?: React.Ref<IconArrowOutOfBoxClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowRightClass>>\n  > & { ref?: React.Ref<IconArrowRightClass> }"
               }
             }
           ]
@@ -232680,26 +232680,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconArrowOutOfBox",
+          "name": "IconArrowRight",
           "declaration": {
-            "name": "IconArrowOutOfBox",
-            "module": "src/generated/react/icons/icon-arrow-out-of-box/index.ts"
+            "name": "IconArrowRight",
+            "module": "src/generated/react/icons/icon-arrow-right/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-arrow-right/index.ts",
+      "path": "src/generated/react/icons/icon-arrow-out-of-box/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconArrowRight",
+          "name": "IconArrowOutOfBox",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowRightClass>>\n  > & { ref?: React.Ref<IconArrowRightClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowOutOfBoxClass>>\n  > & { ref?: React.Ref<IconArrowOutOfBoxClass> }"
               }
             }
           ]
@@ -232708,10 +232708,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconArrowRight",
+          "name": "IconArrowOutOfBox",
           "declaration": {
-            "name": "IconArrowRight",
-            "module": "src/generated/react/icons/icon-arrow-right/index.ts"
+            "name": "IconArrowOutOfBox",
+            "module": "src/generated/react/icons/icon-arrow-out-of-box/index.ts"
           }
         }
       ]
@@ -236414,16 +236414,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-euro/index.ts",
+      "path": "src/generated/react/icons/icon-expand/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconEuro",
+          "name": "IconExpand",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconEuroClass>>\n  > & { ref?: React.Ref<IconEuroClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconExpandClass>>\n  > & { ref?: React.Ref<IconExpandClass> }"
               }
             }
           ]
@@ -236432,26 +236432,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconEuro",
+          "name": "IconExpand",
           "declaration": {
-            "name": "IconEuro",
-            "module": "src/generated/react/icons/icon-euro/index.ts"
+            "name": "IconExpand",
+            "module": "src/generated/react/icons/icon-expand/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-expand/index.ts",
+      "path": "src/generated/react/icons/icon-euro/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconExpand",
+          "name": "IconEuro",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconExpandClass>>\n  > & { ref?: React.Ref<IconExpandClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconEuroClass>>\n  > & { ref?: React.Ref<IconEuroClass> }"
               }
             }
           ]
@@ -236460,10 +236460,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconExpand",
+          "name": "IconEuro",
           "declaration": {
-            "name": "IconExpand",
-            "module": "src/generated/react/icons/icon-expand/index.ts"
+            "name": "IconEuro",
+            "module": "src/generated/react/icons/icon-euro/index.ts"
           }
         }
       ]
@@ -236862,16 +236862,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-folder-add-right/index.ts",
+      "path": "src/generated/react/icons/icon-folder-paper/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconFolderAddRight",
+          "name": "IconFolderPaper",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconFolderAddRightClass>>\n  > & { ref?: React.Ref<IconFolderAddRightClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconFolderPaperClass>>\n  > & { ref?: React.Ref<IconFolderPaperClass> }"
               }
             }
           ]
@@ -236880,26 +236880,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconFolderAddRight",
+          "name": "IconFolderPaper",
           "declaration": {
-            "name": "IconFolderAddRight",
-            "module": "src/generated/react/icons/icon-folder-add-right/index.ts"
+            "name": "IconFolderPaper",
+            "module": "src/generated/react/icons/icon-folder-paper/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-folder-paper/index.ts",
+      "path": "src/generated/react/icons/icon-folder-add-right/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconFolderPaper",
+          "name": "IconFolderAddRight",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconFolderPaperClass>>\n  > & { ref?: React.Ref<IconFolderPaperClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconFolderAddRightClass>>\n  > & { ref?: React.Ref<IconFolderAddRightClass> }"
               }
             }
           ]
@@ -236908,10 +236908,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconFolderPaper",
+          "name": "IconFolderAddRight",
           "declaration": {
-            "name": "IconFolderPaper",
-            "module": "src/generated/react/icons/icon-folder-paper/index.ts"
+            "name": "IconFolderAddRight",
+            "module": "src/generated/react/icons/icon-folder-add-right/index.ts"
           }
         }
       ]
@@ -238066,16 +238066,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-menu-sidebar/index.ts",
+      "path": "src/generated/react/icons/icon-mic-off/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconMenuSidebar",
+          "name": "IconMicOff",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconMenuSidebarClass>>\n  > & { ref?: React.Ref<IconMenuSidebarClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconMicOffClass>>\n  > & { ref?: React.Ref<IconMicOffClass> }"
               }
             }
           ]
@@ -238084,26 +238084,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconMenuSidebar",
+          "name": "IconMicOff",
           "declaration": {
-            "name": "IconMenuSidebar",
-            "module": "src/generated/react/icons/icon-menu-sidebar/index.ts"
+            "name": "IconMicOff",
+            "module": "src/generated/react/icons/icon-mic-off/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-mic-off/index.ts",
+      "path": "src/generated/react/icons/icon-menu-sidebar/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconMicOff",
+          "name": "IconMenuSidebar",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconMicOffClass>>\n  > & { ref?: React.Ref<IconMicOffClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconMenuSidebarClass>>\n  > & { ref?: React.Ref<IconMenuSidebarClass> }"
               }
             }
           ]
@@ -238112,10 +238112,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconMicOff",
+          "name": "IconMenuSidebar",
           "declaration": {
-            "name": "IconMicOff",
-            "module": "src/generated/react/icons/icon-mic-off/index.ts"
+            "name": "IconMenuSidebar",
+            "module": "src/generated/react/icons/icon-menu-sidebar/index.ts"
           }
         }
       ]
@@ -239158,16 +239158,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-plus-large/index.ts",
+      "path": "src/generated/react/icons/icon-play-circle/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconPlusLarge",
+          "name": "IconPlayCircle",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlusLargeClass>>\n  > & { ref?: React.Ref<IconPlusLargeClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlayCircleClass>>\n  > & { ref?: React.Ref<IconPlayCircleClass> }"
               }
             }
           ]
@@ -239176,26 +239176,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconPlusLarge",
+          "name": "IconPlayCircle",
           "declaration": {
-            "name": "IconPlusLarge",
-            "module": "src/generated/react/icons/icon-plus-large/index.ts"
+            "name": "IconPlayCircle",
+            "module": "src/generated/react/icons/icon-play-circle/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-play-circle/index.ts",
+      "path": "src/generated/react/icons/icon-plus-large/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconPlayCircle",
+          "name": "IconPlusLarge",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlayCircleClass>>\n  > & { ref?: React.Ref<IconPlayCircleClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlusLargeClass>>\n  > & { ref?: React.Ref<IconPlusLargeClass> }"
               }
             }
           ]
@@ -239204,10 +239204,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconPlayCircle",
+          "name": "IconPlusLarge",
           "declaration": {
-            "name": "IconPlayCircle",
-            "module": "src/generated/react/icons/icon-play-circle/index.ts"
+            "name": "IconPlusLarge",
+            "module": "src/generated/react/icons/icon-plus-large/index.ts"
           }
         }
       ]

package/gds-element.js

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

package/generated/mcp/INSTRUCTIONS.md

@@ -18,7 +18,7 @@
 
 ### Typography Rules
 
-- **REQUIRED**: Use `gds-text` component for all headings and paragraphs. But don't use inside other components, unless explicitly called for
+- **REQUIRED**: Use `gds-text` component for all headings and paragraphs. But never use inside buttons.
 - **REQUIRED**: Use `gds-rich-text` for large bodies of text with varied formatting
 - **AVOID**: Direct HTML text elements (h1-h6, p, span), as these will be unstyled
 

package/generated/mcp/components.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T15:17:16.486Z",
+  "generatedAt": "2026-01-13T15:50:26.716Z",
   "components": [
     {
       "name": "gds-alert",
@@ -328,6 +328,7 @@
       "files": [
         "api",
         "guidelines",
+        "instructions",
         "angular",
         "react"
       ]

package/generated/mcp/flex/index.json

@@ -2,6 +2,7 @@
   "name": "gds-flex",
   "files": {
     "api": "api.md",
+    "instructions": "instructions.md",
     "guidelines": "guidelines.md",
     "angular": "angular.md",
     "react": "react.md"

package/generated/mcp/flex/instructions.md

@@ -0,0 +1,15 @@
+- When setting the direction, make sure to use the `flex-direction` attribute
+
+Usage examples:
+
+```html
+<!-- Common vertical layout -->
+<gds-flex flex-direction="column" gap="m">
+  <!-- Content -->
+</gds-flex>
+
+<!-- Responsive horizontal/vertical layout -->
+<gds-flex flex-direction="column;l{row}" gap="l">
+  <!-- Content -->
+</gds-flex>
+```

package/generated/mcp/icons.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T15:17:16.486Z",
+  "generatedAt": "2026-01-13T15:50:26.716Z",
   "icons": [
     {
       "name": "gds-icon-ai",

package/generated/mcp/index.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T15:17:16.486Z",
+  "generatedAt": "2026-01-13T15:50:26.716Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/react/index.d.ts

@@ -17,8 +17,8 @@ export * from './divider/index.js';
 export * from './dropdown/index.js';
 export * from './fab/index.js';
 export * from './filter-chips/index.js';
-export * from './flex/index.js';
 export * from './form-summary/index.js';
+export * from './flex/index.js';
 export * from './grid/index.js';
 export * from './grouped-list/index.js';
 export * from './list-item/index.js';
@@ -36,8 +36,8 @@ export * from './segmented-control/index.js';
 export * from './select/index.js';
 export * from './signal/index.js';
 export * from './spinner/index.js';
-export * from './text/index.js';
 export * from './table/index.js';
+export * from './text/index.js';
 export * from './textarea/index.js';
 export * from './theme/index.js';
 export * from './video/index.js';
@@ -49,7 +49,6 @@ export * from './filter-chip/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 './icons/icon-ai/index.js';
 export * from './icons/icon-airplane-up/index.js';
 export * from './icons/icon-archive/index.js';
@@ -383,6 +382,7 @@ export * from './icons/icon-youtube/index.js';
 export * from './icons/icon-zap/index.js';
 export * from './icons/icon-zoom-in/index.js';
 export * from './icons/icon-zoom-out/index.js';
+export * from './radio-group/index.js';
 export * from './segment/index.js';
 export * from './sensitive-account/index.js';
 export * from './sensitive-date/index.js';

package/generated/react/index.js

@@ -17,8 +17,8 @@ export * from "./divider/index.js";
 export * from "./dropdown/index.js";
 export * from "./fab/index.js";
 export * from "./filter-chips/index.js";
-export * from "./flex/index.js";
 export * from "./form-summary/index.js";
+export * from "./flex/index.js";
 export * from "./grid/index.js";
 export * from "./grouped-list/index.js";
 export * from "./list-item/index.js";
@@ -36,8 +36,8 @@ export * from "./segmented-control/index.js";
 export * from "./select/index.js";
 export * from "./signal/index.js";
 export * from "./spinner/index.js";
-export * from "./text/index.js";
 export * from "./table/index.js";
+export * from "./text/index.js";
 export * from "./textarea/index.js";
 export * from "./theme/index.js";
 export * from "./video/index.js";
@@ -49,7 +49,6 @@ export * from "./filter-chip/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 "./icons/icon-ai/index.js";
 export * from "./icons/icon-airplane-up/index.js";
 export * from "./icons/icon-archive/index.js";
@@ -383,6 +382,7 @@ export * from "./icons/icon-youtube/index.js";
 export * from "./icons/icon-zap/index.js";
 export * from "./icons/icon-zoom-in/index.js";
 export * from "./icons/icon-zoom-out/index.js";
+export * from "./radio-group/index.js";
 export * from "./segment/index.js";
 export * from "./sensitive-account/index.js";
 export * from "./sensitive-date/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": "2.21.0-rc.20260113151650310",
+  "version": "2.21.0-rc.20260113154959564",
   "main": "index.js",
   "module": "index.js",
   "type": "module",

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

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