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

package/custom-elements.json

@@ -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"
           }
         },
         {
@@ -39709,6 +39709,38 @@
             "module": "src/generated/react/radio-group/index.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/generated/react/segment/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/generated/react/sensitive-account/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/generated/react/sensitive-number/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/generated/react/sensitive-date/index.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -42373,38 +42405,6 @@
             "module": "src/generated/react/icons/icon-zoom-out/index.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/generated/react/segment/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/generated/react/sensitive-account/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/generated/react/sensitive-date/index.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "src/generated/react/sensitive-number/index.js"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -57989,6 +57989,126 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/div/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsDiv",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsDivClass>>\n  > & { ref?: React.Ref<GdsDivClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsDiv",
+          "declaration": {
+            "name": "GdsDiv",
+            "module": "src/generated/react/div/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/divider/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsDivider",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsDividerClass>>\n  > & { ref?: React.Ref<GdsDividerClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsDivider",
+          "declaration": {
+            "name": "GdsDivider",
+            "module": "src/generated/react/divider/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/dropdown/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsDropdown",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "GdsDropdownProps & { ref?: React.Ref<GdsDropdownClass> }"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "ref"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsDropdown",
+          "declaration": {
+            "name": "GdsDropdown",
+            "module": "src/generated/react/dropdown/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/fab/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsFab",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "GdsFabProps & { ref?: React.Ref<GdsFabClass> }"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "ref"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsFab",
+          "declaration": {
+            "name": "GdsFab",
+            "module": "src/generated/react/fab/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/icon/icons/ai.component.ts",
@@ -231203,136 +231323,44 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/div/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsDiv",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsDivClass>>\n  > & { ref?: React.Ref<GdsDivClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsDiv",
-          "declaration": {
-            "name": "GdsDiv",
-            "module": "src/generated/react/div/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/divider/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsDivider",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsDividerClass>>\n  > & { ref?: React.Ref<GdsDividerClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsDivider",
-          "declaration": {
-            "name": "GdsDivider",
-            "module": "src/generated/react/divider/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/dropdown/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsDropdown",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "GdsDropdownProps & { ref?: React.Ref<GdsDropdownClass> }"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "ref"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsDropdown",
-          "declaration": {
-            "name": "GdsDropdown",
-            "module": "src/generated/react/dropdown/index.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/fab/index.ts",
+      "path": "src/generated/react/filter-chip/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsFab",
+          "name": "GdsFilterChip",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "GdsFabProps & { ref?: React.Ref<GdsFabClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFilterChipClass>>\n  > & { ref?: React.Ref<GdsFilterChipClass> }"
               }
             }
           ]
-        },
-        {
-          "kind": "variable",
-          "name": "ref"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFab",
+          "name": "GdsFilterChip",
           "declaration": {
-            "name": "GdsFab",
-            "module": "src/generated/react/fab/index.ts"
+            "name": "GdsFilterChip",
+            "module": "src/generated/react/filter-chip/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/filter-chip/index.ts",
+      "path": "src/generated/react/flex/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsFilterChip",
+          "name": "GdsFlex",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFilterChipClass>>\n  > & { ref?: React.Ref<GdsFilterChipClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFlexClass>>\n  > & { ref?: React.Ref<GdsFlexClass> }"
               }
             }
           ]
@@ -231341,10 +231369,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFilterChip",
+          "name": "GdsFlex",
           "declaration": {
-            "name": "GdsFilterChip",
-            "module": "src/generated/react/filter-chip/index.ts"
+            "name": "GdsFlex",
+            "module": "src/generated/react/flex/index.ts"
           }
         }
       ]
@@ -231383,16 +231411,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/flex/index.ts",
+      "path": "src/generated/react/form-summary/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsFlex",
+          "name": "GdsFormSummary",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFlexClass>>\n  > & { ref?: React.Ref<GdsFlexClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFormSummaryClass>>\n  > & { ref?: React.Ref<GdsFormSummaryClass> }"
               }
             }
           ]
@@ -231401,26 +231429,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFlex",
+          "name": "GdsFormSummary",
           "declaration": {
-            "name": "GdsFlex",
-            "module": "src/generated/react/flex/index.ts"
+            "name": "GdsFormSummary",
+            "module": "src/generated/react/form-summary/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/form-summary/index.ts",
+      "path": "src/generated/react/formatted-account/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsFormSummary",
+          "name": "GdsFormattedAccount",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFormSummaryClass>>\n  > & { ref?: React.Ref<GdsFormSummaryClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFormattedAccountClass>>\n  > & { ref?: React.Ref<GdsFormattedAccountClass> }"
               }
             }
           ]
@@ -231429,26 +231457,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormSummary",
+          "name": "GdsFormattedAccount",
           "declaration": {
-            "name": "GdsFormSummary",
-            "module": "src/generated/react/form-summary/index.ts"
+            "name": "GdsFormattedAccount",
+            "module": "src/generated/react/formatted-account/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/formatted-account/index.ts",
+      "path": "src/generated/react/formatted-date/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsFormattedAccount",
+          "name": "GdsFormattedDate",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFormattedAccountClass>>\n  > & { ref?: React.Ref<GdsFormattedAccountClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFormattedDateClass>>\n  > & { ref?: React.Ref<GdsFormattedDateClass> }"
               }
             }
           ]
@@ -231457,38 +231485,39 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormattedAccount",
+          "name": "GdsFormattedDate",
           "declaration": {
-            "name": "GdsFormattedAccount",
-            "module": "src/generated/react/formatted-account/index.ts"
+            "name": "GdsFormattedDate",
+            "module": "src/generated/react/formatted-date/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/formatted-date/index.ts",
+      "path": "src/generated/react/grid/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsFormattedDate",
+          "name": "GdsGrid",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsFormattedDateClass>>\n  > & { ref?: React.Ref<GdsFormattedDateClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsGridClass>>\n  > & { ref?: React.Ref<GdsGridClass> }"
               }
             }
-          ]
+          ],
+          "description": "The `gds-grid` is a custom element that provides a flexible grid system. It uses CSS grid layout to arrange its child elements into columns. This component is highly customizable and responsive, allowing you to specify the number of `columns`, `gap`, `padding`, and fluidity for different devices with automated column size based on the content using the `auto-columns` attribute."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormattedDate",
+          "name": "GdsGrid",
           "declaration": {
-            "name": "GdsFormattedDate",
-            "module": "src/generated/react/formatted-date/index.ts"
+            "name": "GdsGrid",
+            "module": "src/generated/react/grid/index.ts"
           }
         }
       ]
@@ -231523,45 +231552,44 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/grid/index.ts",
+      "path": "src/generated/react/grouped-list/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsGrid",
+          "name": "GdsGroupedList",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsGridClass>>\n  > & { ref?: React.Ref<GdsGridClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsGroupedListClass>>\n  > & { ref?: React.Ref<GdsGroupedListClass> }"
               }
             }
-          ],
-          "description": "The `gds-grid` is a custom element that provides a flexible grid system. It uses CSS grid layout to arrange its child elements into columns. This component is highly customizable and responsive, allowing you to specify the number of `columns`, `gap`, `padding`, and fluidity for different devices with automated column size based on the content using the `auto-columns` attribute."
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsGrid",
+          "name": "GdsGroupedList",
           "declaration": {
-            "name": "GdsGrid",
-            "module": "src/generated/react/grid/index.ts"
+            "name": "GdsGroupedList",
+            "module": "src/generated/react/grouped-list/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/grouped-list/index.ts",
+      "path": "src/generated/react/img/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsGroupedList",
+          "name": "GdsImg",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsGroupedListClass>>\n  > & { ref?: React.Ref<GdsGroupedListClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsImgClass>>\n  > & { ref?: React.Ref<GdsImgClass> }"
               }
             }
           ]
@@ -231570,10 +231598,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsGroupedList",
+          "name": "GdsImg",
           "declaration": {
-            "name": "GdsGroupedList",
-            "module": "src/generated/react/grouped-list/index.ts"
+            "name": "GdsImg",
+            "module": "src/generated/react/img/index.ts"
           }
         }
       ]
@@ -231610,34 +231638,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/img/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsImg",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsImgClass>>\n  > & { ref?: React.Ref<GdsImgClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsImg",
-          "declaration": {
-            "name": "GdsImg",
-            "module": "src/generated/react/img/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/link/index.ts",
@@ -231979,34 +231979,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/segment/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "GdsSegment",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsSegmentClass>>\n  > & { ref?: React.Ref<GdsSegmentClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "GdsSegment",
-          "declaration": {
-            "name": "GdsSegment",
-            "module": "src/generated/react/segment/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/segmented-control/index.ts",
@@ -232095,6 +232067,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/segment/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "GdsSegment",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsSegmentClass>>\n  > & { ref?: React.Ref<GdsSegmentClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "GdsSegment",
+          "declaration": {
+            "name": "GdsSegment",
+            "module": "src/generated/react/segment/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/sensitive-date/index.ts",
@@ -239130,16 +239130,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-play/index.ts",
+      "path": "src/generated/react/icons/icon-play-circle/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconPlay",
+          "name": "IconPlayCircle",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlayClass>>\n  > & { ref?: React.Ref<IconPlayClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlayCircleClass>>\n  > & { ref?: React.Ref<IconPlayCircleClass> }"
               }
             }
           ]
@@ -239148,10 +239148,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconPlay",
+          "name": "IconPlayCircle",
           "declaration": {
-            "name": "IconPlay",
-            "module": "src/generated/react/icons/icon-play/index.ts"
+            "name": "IconPlayCircle",
+            "module": "src/generated/react/icons/icon-play-circle/index.ts"
           }
         }
       ]
@@ -239184,34 +239184,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-play-circle/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "IconPlayCircle",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlayCircleClass>>\n  > & { ref?: React.Ref<IconPlayCircleClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "IconPlayCircle",
-          "declaration": {
-            "name": "IconPlayCircle",
-            "module": "src/generated/react/icons/icon-play-circle/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/icons/icon-plus-small/index.ts",
@@ -239326,16 +239298,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-postcard/index.ts",
+      "path": "src/generated/react/icons/icon-power-plant/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconPostcard",
+          "name": "IconPowerPlant",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPostcardClass>>\n  > & { ref?: React.Ref<IconPostcardClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPowerPlantClass>>\n  > & { ref?: React.Ref<IconPowerPlantClass> }"
               }
             }
           ]
@@ -239344,26 +239316,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconPostcard",
+          "name": "IconPowerPlant",
           "declaration": {
-            "name": "IconPostcard",
-            "module": "src/generated/react/icons/icon-postcard/index.ts"
+            "name": "IconPowerPlant",
+            "module": "src/generated/react/icons/icon-power-plant/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-power-plant/index.ts",
+      "path": "src/generated/react/icons/icon-postcard/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconPowerPlant",
+          "name": "IconPostcard",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPowerPlantClass>>\n  > & { ref?: React.Ref<IconPowerPlantClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPostcardClass>>\n  > & { ref?: React.Ref<IconPostcardClass> }"
               }
             }
           ]
@@ -239372,10 +239344,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconPowerPlant",
+          "name": "IconPostcard",
           "declaration": {
-            "name": "IconPowerPlant",
-            "module": "src/generated/react/icons/icon-power-plant/index.ts"
+            "name": "IconPostcard",
+            "module": "src/generated/react/icons/icon-postcard/index.ts"
           }
         }
       ]
@@ -239604,6 +239576,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/icons/icon-play/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "IconPlay",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlayClass>>\n  > & { ref?: React.Ref<IconPlayClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconPlay",
+          "declaration": {
+            "name": "IconPlay",
+            "module": "src/generated/react/icons/icon-play/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/icons/icon-record/index.ts",
@@ -240054,16 +240054,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-shield/index.ts",
+      "path": "src/generated/react/icons/icon-shield-checked/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconShield",
+          "name": "IconShieldChecked",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconShieldClass>>\n  > & { ref?: React.Ref<IconShieldClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconShieldCheckedClass>>\n  > & { ref?: React.Ref<IconShieldCheckedClass> }"
               }
             }
           ]
@@ -240072,26 +240072,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconShield",
+          "name": "IconShieldChecked",
           "declaration": {
-            "name": "IconShield",
-            "module": "src/generated/react/icons/icon-shield/index.ts"
+            "name": "IconShieldChecked",
+            "module": "src/generated/react/icons/icon-shield-checked/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-shield-checked/index.ts",
+      "path": "src/generated/react/icons/icon-shield/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconShieldChecked",
+          "name": "IconShield",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconShieldCheckedClass>>\n  > & { ref?: React.Ref<IconShieldCheckedClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconShieldClass>>\n  > & { ref?: React.Ref<IconShieldClass> }"
               }
             }
           ]
@@ -240100,10 +240100,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconShieldChecked",
+          "name": "IconShield",
           "declaration": {
-            "name": "IconShieldChecked",
-            "module": "src/generated/react/icons/icon-shield-checked/index.ts"
+            "name": "IconShield",
+            "module": "src/generated/react/icons/icon-shield/index.ts"
           }
         }
       ]
@@ -240194,16 +240194,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-smartwatch/index.ts",
+      "path": "src/generated/react/icons/icon-solar/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconSmartwatch",
+          "name": "IconSolar",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconSmartwatchClass>>\n  > & { ref?: React.Ref<IconSmartwatchClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconSolarClass>>\n  > & { ref?: React.Ref<IconSolarClass> }"
               }
             }
           ]
@@ -240212,26 +240212,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconSmartwatch",
+          "name": "IconSolar",
           "declaration": {
-            "name": "IconSmartwatch",
-            "module": "src/generated/react/icons/icon-smartwatch/index.ts"
+            "name": "IconSolar",
+            "module": "src/generated/react/icons/icon-solar/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-solar/index.ts",
+      "path": "src/generated/react/icons/icon-smartwatch/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconSolar",
+          "name": "IconSmartwatch",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconSolarClass>>\n  > & { ref?: React.Ref<IconSolarClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconSmartwatchClass>>\n  > & { ref?: React.Ref<IconSmartwatchClass> }"
               }
             }
           ]
@@ -240240,10 +240240,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconSolar",
+          "name": "IconSmartwatch",
           "declaration": {
-            "name": "IconSolar",
-            "module": "src/generated/react/icons/icon-solar/index.ts"
+            "name": "IconSmartwatch",
+            "module": "src/generated/react/icons/icon-smartwatch/index.ts"
           }
         }
       ]
@@ -240446,16 +240446,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-square-behind-square/index.ts",
+      "path": "src/generated/react/icons/icon-square-check/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconSquareBehindSquare",
+          "name": "IconSquareCheck",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconSquareBehindSquareClass>>\n  > & { ref?: React.Ref<IconSquareBehindSquareClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconSquareCheckClass>>\n  > & { ref?: React.Ref<IconSquareCheckClass> }"
               }
             }
           ]
@@ -240464,26 +240464,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconSquareBehindSquare",
+          "name": "IconSquareCheck",
           "declaration": {
-            "name": "IconSquareBehindSquare",
-            "module": "src/generated/react/icons/icon-square-behind-square/index.ts"
+            "name": "IconSquareCheck",
+            "module": "src/generated/react/icons/icon-square-check/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-square-check/index.ts",
+      "path": "src/generated/react/icons/icon-square-behind-square/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconSquareCheck",
+          "name": "IconSquareBehindSquare",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconSquareCheckClass>>\n  > & { ref?: React.Ref<IconSquareCheckClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconSquareBehindSquareClass>>\n  > & { ref?: React.Ref<IconSquareBehindSquareClass> }"
               }
             }
           ]
@@ -240492,10 +240492,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconSquareCheck",
+          "name": "IconSquareBehindSquare",
           "declaration": {
-            "name": "IconSquareCheck",
-            "module": "src/generated/react/icons/icon-square-check/index.ts"
+            "name": "IconSquareBehindSquare",
+            "module": "src/generated/react/icons/icon-square-behind-square/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.20260113161030692";
     this._isUsingTransitionalStyles = false;
     this._dynamicStylesController = new DynamicStylesController(this);
   }

package/generated/mcp/INSTRUCTIONS.md

@@ -1,5 +1,7 @@
 # Green Design System - MCP Instructions
 
+Welcome to the GDS MCP! Below are essential instructions to follow when creating code for apps using GDS components. You should also query the MCP to find out which tools and resources are available. Avoid assuming tool and resource names!
+
 ## Component Architecture
 
 - All components use `gds-` prefix
@@ -13,19 +15,19 @@
 - **NEVER guess or assume component API. ALWAYS look up properties in the API docs**
 - **Verify full context understanding before writing code**
 - **Ask user for clarification if ANY requirement is unclear**
-- **ALWAYS read the declarative layout guide before creating any layout**
+- **ALWAYS read the declarative layout guide ("declarative-layout") before creating any layout**
 - **For new apps, ALWAYS read the setup guide for the used framework (Angular or React)**
 
 ### 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
 
 ### Layout Rules
 
 - **REQUIRED**: Use declarative layout system for all layouts
-- **REQUIRED**: Read declarative layout guide before implementing any layout
+- **REQUIRED**: Read declarative layout guide ("declarative-layout") before implementing any layout
 - **REQUIRED**: Look up property names in API for each declarative layout component
 - **PREFERRED**: Declarative layout over custom CSS
 - **FORBIDDEN**: Custom CSS for layout unless declarative system cannot support the requirement

package/generated/mcp/components.json

@@ -1,6 +1,6 @@
 {
   "version": "1.0.0",
-  "generatedAt": "2026-01-13T15:17:16.486Z",
+  "generatedAt": "2026-01-13T16:10:54.254Z",
   "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-13T16:10:54.254Z",
   "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-13T16:10:54.254Z",
   "instructions": "./INSTRUCTIONS.md",
   "components": "./components.json",
   "icons": "./icons.json",

package/generated/react/index.d.ts

@@ -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';
@@ -50,6 +50,10 @@ 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 './segment/index.js';
+export * from './sensitive-account/index.js';
+export * from './sensitive-number/index.js';
+export * from './sensitive-date/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,10 +387,6 @@ 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 './segment/index.js';
-export * from './sensitive-account/index.js';
-export * from './sensitive-date/index.js';
-export * from './sensitive-number/index.js';
 export * from './option/index.js';
 export * from './menu-heading/index.js';
 export * from './menu-item/index.js';

package/generated/react/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";
@@ -50,6 +50,10 @@ 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 "./segment/index.js";
+export * from "./sensitive-account/index.js";
+export * from "./sensitive-number/index.js";
+export * from "./sensitive-date/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,10 +387,6 @@ 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 "./segment/index.js";
-export * from "./sensitive-account/index.js";
-export * from "./sensitive-date/index.js";
-export * from "./sensitive-number/index.js";
 export * from "./option/index.js";
 export * from "./menu-heading/index.js";
 export * from "./menu-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": "2.21.0-rc.20260113151650310",
+  "version": "2.21.0-rc.20260113161030692",
   "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 = "-bf4c17";
 class ScopedElementRegistry {
   static get instance() {
     if (!globalThis.__gdsElementLookupTable?.[VER_SUFFIX])