@sebgroup/green-core 2.29.0 → 2.30.0

package/custom-elements.json

@@ -5259,6 +5259,21 @@
                 "module": "src/components/form/form-control.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "wrapped",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set, adds a wrapped class to the button.",
+              "attribute": "wrapped",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/components/button/button.component.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "href",
@@ -5696,6 +5711,19 @@
                 "module": "src/components/form/form-control.ts"
               }
             },
+            {
+              "name": "wrapped",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set, adds a wrapped class to the button.",
+              "fieldName": "wrapped",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/components/button/button.component.ts"
+              }
+            },
             {
               "name": "href",
               "type": {
@@ -5923,12 +5951,12 @@
         },
         {
           "kind": "variable",
-          "name": "Length",
+          "name": "Wrapping",
           "type": {
             "text": "Story"
           },
-          "default": "{ ...DefaultParams, parameters: { ...DefaultParams.parameters, controls: { include: [] }, }, render: (args) => html` <div style=\"width: 30ch\"> <gds-button> <gds-icon-credit-card slot=\"lead\"></gds-icon-credit-card> This is a long text that will truncated </gds-button> </div> `, }",
-          "description": "Text content will get truncated if it does not fit."
+          "default": "{ ...DefaultParams, parameters: { ...DefaultParams.parameters, controls: { include: [] }, }, render: (args) => html` <gds-flex gap=\"xl\" flex-direction=\"column\" width=\"40ch\" gap=\"2xl\"> <gds-flex flex-direction=\"column\" gap=\"m\" flex=\"1\"> <gds-flex flex-direction=\"column\"> <gds-text>Wrapped</gds-text> <gds-text color=\"neutral-02\" tag=\"small\"> Text wraps to multiple lines when exceeding container width </gds-text> </gds-flex> <gds-button wrapped> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </gds-button> </gds-flex> <gds-divider></gds-divider> <gds-flex flex-direction=\"column\" gap=\"m\" flex=\"1\"> <gds-flex flex-direction=\"column\"> <gds-text>Default</gds-text> <gds-text color=\"neutral-02\" tag=\"small\"> Text truncates with ellipsis when exceeding container width </gds-text> </gds-flex> <gds-button width=\"20ch\"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </gds-button> </gds-flex> </gds-flex> `, }",
+          "description": "Button label will be wrapped if it does not fit."
         },
         {
           "kind": "variable",
@@ -6024,9 +6052,9 @@
         },
         {
           "kind": "js",
-          "name": "Length",
+          "name": "Wrapping",
           "declaration": {
-            "name": "Length",
+            "name": "Wrapping",
             "module": "src/components/button/button.stories.ts"
           }
         },
@@ -6055,7 +6083,7 @@
         {
           "kind": "variable",
           "name": "style",
-          "default": "css` @layer tokens, core, a11y, ranks, sizes, variants, disabled; @layer a11y { @media (prefers-reduced-motion: reduce) { .button { transition: none; } } } @layer core { :host { display: inline-flex; max-width: 100%; } .button { --_block-size: var(--gds-sys-space-4xl); display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: none; cursor: pointer; block-size: var(--_block-size); background-color: var(--gds-sys-color-l3-neutral-01); color: var(--gds-sys-color-content-neutral-03); border-radius: var(--gds-sys-radius-max); font-family: inherit; font: var(--gds-sys-text-detail-book-m); gap: var(--gds-sys-space-xs); outline-color: transparent; outline-offset: var(--gds-sys-space-4xs); outline-style: solid; outline-width: var(--gds-sys-space-4xs); padding-block: var(--gds-sys-space-s); padding-inline: var(--gds-sys-space-xl); position: relative; text-decoration: none; transition-property: color, border-colorm, background; transition-duration: 0.2s; flex: 1; &:focus { outline-color: var(--gds-sys-color-content-neutral-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-01), var(--gds-sys-color-state-neutral-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-01), var(--gds-sys-color-state-neutral-02) ); } &:not(.circle) slot:not([name]) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } } .button.circle { aspect-ratio: 1 / 1; padding: 0; min-block-size: var(--_block-size); min-inline-size: var(--_block-size); } .button:disabled { pointer-events: none; background-color: var(--gds-sys-color-l3-disabled-01); color: var(--gds-sys-color-content-disabled-01); } @layer ranks { :host([rank*='secondary']) .button { background-color: var(--gds-sys-color-l3-neutral-02); color: var(--gds-sys-color-content-neutral-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-02), var(--gds-sys-color-state-neutral-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-02), var(--gds-sys-color-state-neutral-04) ); } } :host([rank*='tertiary']) .button { background-color: transparent; color: var(--gds-sys-color-content-neutral-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-neutral-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-neutral-06) ); } } } @layer sizes { :host([size='xs']) .button { --_block-size: var(--gds-sys-space-xl); gap: var(--gds-sys-space-3xs); font: var(--gds-sys-text-detail-book-xs); padding-inline: var(--gds-sys-space-s); } :host([size='small']) .button { --_block-size: var(--gds-sys-space-2xl); font: var(--gds-sys-text-detail-book-s); gap: var(--gds-sys-space-3xs); padding-block: var(--gds-sys-space-3xs); padding-inline: var(--gds-sys-space-m); } :host([size='medium']) .button { --_block-size: var(--gds-sys-space-3xl); gap: var(--gds-sys-space-2xs); font: var(--gds-sys-text-detail-book-m); padding-inline: var(--gds-sys-space-l); } } @layer variants { .brand { background-color: var(--gds-sys-color-l3-brand-01); &:focus { outline-color: var(--gds-sys-color-content-brand-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-brand-01), var(--gds-sys-color-state-brand-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-brand-01), var(--gds-sys-color-state-brand-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-neutral-02); color: var(--gds-sys-color-content-neutral-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-02), var(--gds-sys-color-state-brand-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-02), var(--gds-sys-color-state-brand-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-neutral-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-brand-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-brand-06) ); } } } .positive { background-color: var(--gds-sys-color-l3-positive-01); color: var(--gds-sys-color-content-inversed); &:focus { outline-color: var(--gds-sys-color-content-positive-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-positive-01), var(--gds-sys-color-state-positive-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-positive-01), var(--gds-sys-color-state-positive-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-positive-02); color: var(--gds-sys-color-content-positive-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-positive-02), var(--gds-sys-color-state-positive-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-positive-02), var(--gds-sys-color-state-positive-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-positive-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-positive-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-positive-06) ); } } } .negative { background-color: var(--gds-sys-color-l3-negative-01); color: var(--gds-sys-color-content-inversed); &:focus { outline-color: var(--gds-sys-color-content-negative-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-negative-01), var(--gds-sys-color-state-negative-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-negative-01), var(--gds-sys-color-state-negative-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-negative-02); color: var(--gds-sys-color-content-negative-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-negative-02), var(--gds-sys-color-state-negative-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-negative-02), var(--gds-sys-color-state-negative-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-negative-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-negative-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-negative-06) ); } } } .notice { background-color: var(--gds-sys-color-l3-notice-01); color: var(--gds-sys-color-content-inversed); &:focus { outline-color: var(--gds-sys-color-content-notice-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-notice-01), var(--gds-sys-color-state-notice-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-notice-01), var(--gds-sys-color-state-notice-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-notice-02); color: var(--gds-sys-color-content-notice-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-notice-02), var(--gds-sys-color-state-notice-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-notice-02), var(--gds-sys-color-state-notice-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-notice-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-notice-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-notice-06) ); } } } .warning { background-color: var(--gds-sys-color-l3-warning-01); color: var(--gds-sys-color-content-neutral-03); &:focus { outline-color: var(--gds-sys-color-content-warning-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-warning-01), var(--gds-sys-color-state-warning-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-warning-01), var(--gds-sys-color-state-warning-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-warning-02); color: var(--gds-sys-color-content-warning-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-warning-02), var(--gds-sys-color-state-warning-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-warning-02), var(--gds-sys-color-state-warning-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-warning-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-warning-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-warning-06) ); } } } } `"
+          "default": "css` @layer tokens, core, a11y, ranks, sizes, variants, disabled; @layer a11y { @media (prefers-reduced-motion: reduce) { .button { transition: none; } } } @layer core { :host { display: inline-flex; max-width: 100%; } .button { --_block-size: var(--gds-sys-space-4xl); display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: none; cursor: pointer; min-block-size: var(--_block-size); min-width: 0; background-color: var(--gds-sys-color-l3-neutral-01); color: var(--gds-sys-color-content-neutral-03); border-radius: calc(var(--_block-size) / 1.8); font-family: inherit; font: var(--gds-sys-text-detail-book-m); gap: var(--gds-sys-space-xs); outline-color: transparent; outline-offset: var(--gds-sys-space-4xs); outline-style: solid; outline-width: var(--gds-sys-space-4xs); padding-block: var(--gds-sys-space-s); padding-inline: var(--gds-sys-space-xl); position: relative; text-decoration: none; transition-property: color, border-colorm, background; transition-duration: 0.2s; flex: 1; &:focus { outline-color: var(--gds-sys-color-content-neutral-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-01), var(--gds-sys-color-state-neutral-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-01), var(--gds-sys-color-state-neutral-02) ); } &:not(.circle, .wrapped) slot:not([name]) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } } } .button.circle { aspect-ratio: 1 / 1; padding: 0; min-block-size: var(--_block-size); min-inline-size: var(--_block-size); } .button:disabled { pointer-events: none; background-color: var(--gds-sys-color-l3-disabled-01); color: var(--gds-sys-color-content-disabled-01); } @layer ranks { :host([rank*='secondary']) .button { background-color: var(--gds-sys-color-l3-neutral-02); color: var(--gds-sys-color-content-neutral-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-02), var(--gds-sys-color-state-neutral-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-02), var(--gds-sys-color-state-neutral-04) ); } } :host([rank*='tertiary']) .button { background-color: transparent; color: var(--gds-sys-color-content-neutral-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-neutral-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-neutral-06) ); } } } @layer sizes { :host([size='xs']) .button { --_block-size: var(--gds-sys-space-xl); gap: var(--gds-sys-space-3xs); font: var(--gds-sys-text-detail-book-xs); padding-inline: var(--gds-sys-space-s); padding-block: 0; } :host([size='small']) .button { --_block-size: var(--gds-sys-space-2xl); font: var(--gds-sys-text-detail-book-s); gap: var(--gds-sys-space-3xs); padding-block: var(--gds-sys-space-3xs); padding-inline: var(--gds-sys-space-m); } :host([size='medium']) .button { --_block-size: var(--gds-sys-space-3xl); gap: var(--gds-sys-space-2xs); font: var(--gds-sys-text-detail-book-m); padding-inline: var(--gds-sys-space-l); } } @layer variants { .brand { background-color: var(--gds-sys-color-l3-brand-01); &:focus { outline-color: var(--gds-sys-color-content-brand-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-brand-01), var(--gds-sys-color-state-brand-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-brand-01), var(--gds-sys-color-state-brand-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-neutral-02); color: var(--gds-sys-color-content-neutral-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-02), var(--gds-sys-color-state-brand-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-neutral-02), var(--gds-sys-color-state-brand-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-neutral-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-brand-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-brand-06) ); } } } .positive { background-color: var(--gds-sys-color-l3-positive-01); color: var(--gds-sys-color-content-inversed); &:focus { outline-color: var(--gds-sys-color-content-positive-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-positive-01), var(--gds-sys-color-state-positive-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-positive-01), var(--gds-sys-color-state-positive-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-positive-02); color: var(--gds-sys-color-content-positive-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-positive-02), var(--gds-sys-color-state-positive-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-positive-02), var(--gds-sys-color-state-positive-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-positive-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-positive-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-positive-06) ); } } } .negative { background-color: var(--gds-sys-color-l3-negative-01); color: var(--gds-sys-color-content-inversed); &:focus { outline-color: var(--gds-sys-color-content-negative-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-negative-01), var(--gds-sys-color-state-negative-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-negative-01), var(--gds-sys-color-state-negative-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-negative-02); color: var(--gds-sys-color-content-negative-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-negative-02), var(--gds-sys-color-state-negative-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-negative-02), var(--gds-sys-color-state-negative-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-negative-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-negative-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-negative-06) ); } } } .notice { background-color: var(--gds-sys-color-l3-notice-01); color: var(--gds-sys-color-content-inversed); &:focus { outline-color: var(--gds-sys-color-content-notice-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-notice-01), var(--gds-sys-color-state-notice-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-notice-01), var(--gds-sys-color-state-notice-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-notice-02); color: var(--gds-sys-color-content-notice-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-notice-02), var(--gds-sys-color-state-notice-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-notice-02), var(--gds-sys-color-state-notice-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-notice-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-notice-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-notice-06) ); } } } .warning { background-color: var(--gds-sys-color-l3-warning-01); color: var(--gds-sys-color-content-neutral-03); &:focus { outline-color: var(--gds-sys-color-content-warning-01); &:not(:focus-visible) { outline-color: transparent; } } @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-warning-01), var(--gds-sys-color-state-warning-01) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-warning-01), var(--gds-sys-color-state-warning-02) ); } &.secondary { background-color: var(--gds-sys-color-l3-warning-02); color: var(--gds-sys-color-content-warning-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, var(--gds-sys-color-l3-warning-02), var(--gds-sys-color-state-warning-03) ); } } &:active { background-color: color-mix( in srgb, var(--gds-sys-color-l3-warning-02), var(--gds-sys-color-state-warning-04) ); } } &.tertiary { background-color: transparent; color: var(--gds-sys-color-content-warning-01); @media (pointer: fine) { &:hover { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-warning-05) ); } } &:active { background-color: color-mix( in srgb, transparent, var(--gds-sys-color-state-warning-06) ); } } } } `"
         }
       ],
       "exports": [
@@ -17663,6 +17691,21 @@
                 "module": "src/components/form/form-control.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "wrapped",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set, adds a wrapped class to the button.",
+              "attribute": "wrapped",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/components/button/button.component.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "href",
@@ -18100,6 +18143,19 @@
                 "module": "src/components/form/form-control.ts"
               }
             },
+            {
+              "name": "wrapped",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set, adds a wrapped class to the button.",
+              "fieldName": "wrapped",
+              "inheritedFrom": {
+                "name": "Button",
+                "module": "src/components/button/button.component.ts"
+              }
+            },
             {
               "name": "href",
               "type": {
@@ -30043,7 +30099,7 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "string"
+                "text": "string | boolean"
               },
               "default": "''",
               "description": "The value of the radio button.",
@@ -30278,7 +30334,7 @@
             {
               "name": "value",
               "type": {
-                "text": "string"
+                "text": "string | boolean"
               },
               "default": "''",
               "description": "The value of the radio button.",
@@ -41115,6 +41171,30 @@
             "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": "*",
@@ -43795,30 +43875,6 @@
             "module": "src/generated/react/icons/icon-zoom-out/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": "*",
@@ -43932,28 +43988,37 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/primitives/form-control-footer/form-control-footer.component.ts",
+      "path": "src/primitives/form-control-header/form-control-header.component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "GdsFormControlFooter",
-          "members": [
+          "name": "GdsFormControlHeader",
+          "slots": [
             {
-              "kind": "field",
-              "name": "charCounter",
-              "type": {
-                "text": "[number, GdsBadge['variant'] | boolean] | undefined"
-              },
-              "attribute": "charCounter"
+              "description": "The label of the form control.",
+              "name": "label"
             },
+            {
+              "description": "The supporting text of the form control.",
+              "name": "supporting-text"
+            },
+            {
+              "description": "The extended supporting text, or \"Show more info\" card, of the form control.",
+              "name": "extended-supporting-text"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "errorMessage",
+              "name": "showExtendedSupportingText",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "attribute": "errorMessage"
+              "default": "false",
+              "description": "Whether the supporting text should be displayed or not.",
+              "attribute": "showExtendedSupportingText",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -44087,18 +44152,13 @@
           ],
           "attributes": [
             {
-              "name": "charCounter",
-              "type": {
-                "text": "[number, GdsBadge['variant'] | boolean] | undefined"
-              },
-              "fieldName": "charCounter"
-            },
-            {
-              "name": "errorMessage",
+              "name": "showExtendedSupportingText",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "fieldName": "errorMessage"
+              "default": "false",
+              "description": "Whether the supporting text should be displayed or not.",
+              "fieldName": "showExtendedSupportingText"
             },
             {
               "name": "gds-element",
@@ -44118,7 +44178,7 @@
             "name": "GdsElement",
             "module": "/src/gds-element"
           },
-          "tagName": "gds-form-control-footer",
+          "tagName": "gds-form-control-header",
           "customElement": true,
           "events": [
             {
@@ -44157,22 +44217,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormControlFooter",
+          "name": "GdsFormControlHeader",
           "declaration": {
-            "name": "GdsFormControlFooter",
-            "module": "src/primitives/form-control-footer/form-control-footer.component.ts"
+            "name": "GdsFormControlHeader",
+            "module": "src/primitives/form-control-header/form-control-header.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/primitives/form-control-footer/form-control-footer.styles.ts",
+      "path": "src/primitives/form-control-header/form-control-header.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "style",
-          "default": "css` @layer base, reset, transitional-styles; @layer base { :host(.visually-hidden) { position: absolute; clip: rect(0 0 0 0); width: 0px; height: 0px; overflow: hidden; } :host > *:not(style) { display: flex; justify-content: space-between; align-items: center; gap: var(--gds-sys-space-xl); } .error-message { display: flex; align-items: flex-start; gap: var(--gds-sys-space-xs); margin-top: var(--gds-sys-space-3xs); font: var(--gds-sys-text-detail-regular-s); color: var(--gds-sys-color-content-negative-01); } [gds-element^='gds-icon'] { width: 18px; height: 18px; } :host(.size-small) { & .error-message { font: var(--gds-sys-text-detail-xs); gap: var(--gds-sys-space-3xs); } & [gds-element^='gds-icon'] { width: 16px; height: 16px; line-height: 16px; margin-right: 2px; } } } `"
+          "default": "css` @layer base, reset, transitional-styles; @layer base { #label-row { display: flex; justify-content: space-between; align-items: center; color: var(--gds-sys-color-content-neutral-01); } #label-row > div { display: flex; flex-direction: column; } slot[name='label']::slotted(*) { font: var(--_font-label, var(--gds-sys-text-detail-book-m)); } slot[name='supporting-text']::slotted(*) { font: var(--_font-supporting-text, var(--gds-sys-text-detail-regular-s)); } :host(.size-small) slot[name='supporting-text'], :host(.size-small) ::slotted(label) { font: var(--_font-label, var(--gds-sys-text-detail-book-s)); } #extended-supporting-text { opacity: 1; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 368ms; transition-property: all; font: var(--_font-supporting-text, var(--gds-sys-text-detail-regular-s)); border-radius: var(--gds-sys-space-xs); background-color: var(--gds-sys-color-l3-neutral-02); color: var(--gds-sys-color-content-neutral-01); max-height: var(--_max-height); } #extended-supporting-text[aria-hidden='false'] { margin: var(--gds-sys-space-3xs) 0 0 0; padding: var(--gds-sys-space-s) var(--gds-sys-space-m); } #extended-supporting-text[aria-hidden='true'] { max-height: 0; opacity: 0; translate: 0 2px; padding: 0 var(--gds-sys-space-m); margin: 0; overflow: hidden; } } `"
         }
       ],
       "exports": [
@@ -44181,29 +44241,29 @@
           "name": "default",
           "declaration": {
             "name": "style",
-            "module": "src/primitives/form-control-footer/form-control-footer.styles.ts"
+            "module": "src/primitives/form-control-header/form-control-header.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/primitives/form-control-footer/form-control-footer.ts",
+      "path": "src/primitives/form-control-header/form-control-header.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormControlFooter",
+          "name": "GdsFormControlHeader",
           "declaration": {
-            "name": "GdsFormControlFooter",
-            "module": "src/primitives/form-control-footer/form-control-footer.ts"
+            "name": "GdsFormControlHeader",
+            "module": "src/primitives/form-control-header/form-control-header.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/primitives/form-control-footer/index.ts",
+      "path": "src/primitives/form-control-header/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -44211,44 +44271,35 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/primitives/form-control-footer/form-control-footer"
+            "module": "src/primitives/form-control-header/form-control-header"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/primitives/form-control-header/form-control-header.component.ts",
+      "path": "src/primitives/form-control-footer/form-control-footer.component.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "GdsFormControlHeader",
-          "slots": [
-            {
-              "description": "The label of the form control.",
-              "name": "label"
-            },
+          "name": "GdsFormControlFooter",
+          "members": [
             {
-              "description": "The supporting text of the form control.",
-              "name": "supporting-text"
+              "kind": "field",
+              "name": "charCounter",
+              "type": {
+                "text": "[number, GdsBadge['variant'] | boolean] | undefined"
+              },
+              "attribute": "charCounter"
             },
-            {
-              "description": "The extended supporting text, or \"Show more info\" card, of the form control.",
-              "name": "extended-supporting-text"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "showExtendedSupportingText",
+              "name": "errorMessage",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Whether the supporting text should be displayed or not.",
-              "attribute": "showExtendedSupportingText",
-              "reflects": true
+              "attribute": "errorMessage"
             },
             {
               "kind": "method",
@@ -44382,13 +44433,18 @@
           ],
           "attributes": [
             {
-              "name": "showExtendedSupportingText",
+              "name": "charCounter",
               "type": {
-                "text": "boolean"
+                "text": "[number, GdsBadge['variant'] | boolean] | undefined"
               },
-              "default": "false",
-              "description": "Whether the supporting text should be displayed or not.",
-              "fieldName": "showExtendedSupportingText"
+              "fieldName": "charCounter"
+            },
+            {
+              "name": "errorMessage",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "errorMessage"
             },
             {
               "name": "gds-element",
@@ -44408,7 +44464,7 @@
             "name": "GdsElement",
             "module": "/src/gds-element"
           },
-          "tagName": "gds-form-control-header",
+          "tagName": "gds-form-control-footer",
           "customElement": true,
           "events": [
             {
@@ -44447,22 +44503,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormControlHeader",
+          "name": "GdsFormControlFooter",
           "declaration": {
-            "name": "GdsFormControlHeader",
-            "module": "src/primitives/form-control-header/form-control-header.component.ts"
+            "name": "GdsFormControlFooter",
+            "module": "src/primitives/form-control-footer/form-control-footer.component.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/primitives/form-control-header/form-control-header.styles.ts",
+      "path": "src/primitives/form-control-footer/form-control-footer.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "style",
-          "default": "css` @layer base, reset, transitional-styles; @layer base { #label-row { display: flex; justify-content: space-between; align-items: center; color: var(--gds-sys-color-content-neutral-01); } #label-row > div { display: flex; flex-direction: column; } slot[name='label']::slotted(*) { font: var(--_font-label, var(--gds-sys-text-detail-book-m)); } slot[name='supporting-text']::slotted(*) { font: var(--_font-supporting-text, var(--gds-sys-text-detail-regular-s)); } :host(.size-small) slot[name='supporting-text'], :host(.size-small) ::slotted(label) { font: var(--_font-label, var(--gds-sys-text-detail-book-s)); } #extended-supporting-text { opacity: 1; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 368ms; transition-property: all; font: var(--_font-supporting-text, var(--gds-sys-text-detail-regular-s)); border-radius: var(--gds-sys-space-xs); background-color: var(--gds-sys-color-l3-neutral-02); color: var(--gds-sys-color-content-neutral-01); max-height: var(--_max-height); } #extended-supporting-text[aria-hidden='false'] { margin: var(--gds-sys-space-3xs) 0 0 0; padding: var(--gds-sys-space-s) var(--gds-sys-space-m); } #extended-supporting-text[aria-hidden='true'] { max-height: 0; opacity: 0; translate: 0 2px; padding: 0 var(--gds-sys-space-m); margin: 0; overflow: hidden; } } `"
+          "default": "css` @layer base, reset, transitional-styles; @layer base { :host(.visually-hidden) { position: absolute; clip: rect(0 0 0 0); width: 0px; height: 0px; overflow: hidden; } :host > *:not(style) { display: flex; justify-content: space-between; align-items: center; gap: var(--gds-sys-space-xl); } .error-message { display: flex; align-items: flex-start; gap: var(--gds-sys-space-xs); margin-top: var(--gds-sys-space-3xs); font: var(--gds-sys-text-detail-regular-s); color: var(--gds-sys-color-content-negative-01); } [gds-element^='gds-icon'] { width: 18px; height: 18px; } :host(.size-small) { & .error-message { font: var(--gds-sys-text-detail-xs); gap: var(--gds-sys-space-3xs); } & [gds-element^='gds-icon'] { width: 16px; height: 16px; line-height: 16px; margin-right: 2px; } } } `"
         }
       ],
       "exports": [
@@ -44471,29 +44527,29 @@
           "name": "default",
           "declaration": {
             "name": "style",
-            "module": "src/primitives/form-control-header/form-control-header.styles.ts"
+            "module": "src/primitives/form-control-footer/form-control-footer.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/primitives/form-control-header/form-control-header.ts",
+      "path": "src/primitives/form-control-footer/form-control-footer.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "GdsFormControlHeader",
+          "name": "GdsFormControlFooter",
           "declaration": {
-            "name": "GdsFormControlHeader",
-            "module": "src/primitives/form-control-header/form-control-header.ts"
+            "name": "GdsFormControlFooter",
+            "module": "src/primitives/form-control-footer/form-control-footer.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/primitives/form-control-header/index.ts",
+      "path": "src/primitives/form-control-footer/index.ts",
       "declarations": [],
       "exports": [
         {
@@ -44501,7 +44557,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "src/primitives/form-control-header/form-control-header"
+            "module": "src/primitives/form-control-footer/form-control-footer"
           }
         }
       ]
@@ -233716,34 +233772,6 @@
         }
       ]
     },
-    {
-      "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",
@@ -233776,6 +233804,34 @@
         }
       ]
     },
+    {
+      "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/details/index.ts",
@@ -234300,16 +234356,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/mask/index.ts",
+      "path": "src/generated/react/list-item/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsMask",
+          "name": "GdsListItem",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsMaskClass>>\n  > & { ref?: React.Ref<GdsMaskClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsListItemClass>>\n  > & { ref?: React.Ref<GdsListItemClass> }"
               }
             }
           ]
@@ -234318,26 +234374,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsMask",
+          "name": "GdsListItem",
           "declaration": {
-            "name": "GdsMask",
-            "module": "src/generated/react/mask/index.ts"
+            "name": "GdsListItem",
+            "module": "src/generated/react/list-item/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/list-item/index.ts",
+      "path": "src/generated/react/menu-button/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsListItem",
+          "name": "GdsMenuButton",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsListItemClass>>\n  > & { ref?: React.Ref<GdsListItemClass> }"
+                "text": "GdsMenuButtonProps & { ref?: React.Ref<GdsMenuButtonClass> }"
               }
             }
           ]
@@ -234346,26 +234402,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsListItem",
+          "name": "GdsMenuButton",
           "declaration": {
-            "name": "GdsListItem",
-            "module": "src/generated/react/list-item/index.ts"
+            "name": "GdsMenuButton",
+            "module": "src/generated/react/menu-button/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/menu-button/index.ts",
+      "path": "src/generated/react/mask/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "GdsMenuButton",
+          "name": "GdsMask",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "GdsMenuButtonProps & { ref?: React.Ref<GdsMenuButtonClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<GdsMaskClass>>\n  > & { ref?: React.Ref<GdsMaskClass> }"
               }
             }
           ]
@@ -234374,10 +234430,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "GdsMenuButton",
+          "name": "GdsMask",
           "declaration": {
-            "name": "GdsMenuButton",
-            "module": "src/generated/react/menu-button/index.ts"
+            "name": "GdsMask",
+            "module": "src/generated/react/mask/index.ts"
           }
         }
       ]
@@ -235236,34 +235292,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-arrow-inbox/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "IconArrowInbox",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowInboxClass>>\n  > & { ref?: React.Ref<IconArrowInboxClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "IconArrowInbox",
-          "declaration": {
-            "name": "IconArrowInbox",
-            "module": "src/generated/react/icons/icon-arrow-inbox/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/icons/icon-arrow-left/index.ts",
@@ -235516,6 +235544,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/icons/icon-arrow-inbox/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "IconArrowInbox",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowInboxClass>>\n  > & { ref?: React.Ref<IconArrowInboxClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconArrowInbox",
+          "declaration": {
+            "name": "IconArrowInbox",
+            "module": "src/generated/react/icons/icon-arrow-inbox/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/icons/icon-arrow-rotate-left-right/index.ts",
@@ -235630,16 +235686,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-arrow-split/index.ts",
+      "path": "src/generated/react/icons/icon-arrow-up/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconArrowSplit",
+          "name": "IconArrowUp",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowSplitClass>>\n  > & { ref?: React.Ref<IconArrowSplitClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowUpClass>>\n  > & { ref?: React.Ref<IconArrowUpClass> }"
               }
             }
           ]
@@ -235648,26 +235704,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconArrowSplit",
+          "name": "IconArrowUp",
           "declaration": {
-            "name": "IconArrowSplit",
-            "module": "src/generated/react/icons/icon-arrow-split/index.ts"
+            "name": "IconArrowUp",
+            "module": "src/generated/react/icons/icon-arrow-up/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-arrow-up/index.ts",
+      "path": "src/generated/react/icons/icon-arrow-split/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconArrowUp",
+          "name": "IconArrowSplit",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowUpClass>>\n  > & { ref?: React.Ref<IconArrowUpClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowSplitClass>>\n  > & { ref?: React.Ref<IconArrowSplitClass> }"
               }
             }
           ]
@@ -235676,10 +235732,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconArrowUp",
+          "name": "IconArrowSplit",
           "declaration": {
-            "name": "IconArrowUp",
-            "module": "src/generated/react/icons/icon-arrow-up/index.ts"
+            "name": "IconArrowSplit",
+            "module": "src/generated/react/icons/icon-arrow-split/index.ts"
           }
         }
       ]
@@ -235798,16 +235854,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-at/index.ts",
+      "path": "src/generated/react/icons/icon-arrows-repeat/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconAt",
+          "name": "IconArrowsRepeat",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconAtClass>>\n  > & { ref?: React.Ref<IconAtClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowsRepeatClass>>\n  > & { ref?: React.Ref<IconArrowsRepeatClass> }"
               }
             }
           ]
@@ -235816,26 +235872,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconAt",
+          "name": "IconArrowsRepeat",
           "declaration": {
-            "name": "IconAt",
-            "module": "src/generated/react/icons/icon-at/index.ts"
+            "name": "IconArrowsRepeat",
+            "module": "src/generated/react/icons/icon-arrows-repeat/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-back/index.ts",
+      "path": "src/generated/react/icons/icon-at/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconBack",
+          "name": "IconAt",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBackClass>>\n  > & { ref?: React.Ref<IconBackClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconAtClass>>\n  > & { ref?: React.Ref<IconAtClass> }"
               }
             }
           ]
@@ -235844,26 +235900,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconBack",
+          "name": "IconAt",
           "declaration": {
-            "name": "IconBack",
-            "module": "src/generated/react/icons/icon-back/index.ts"
+            "name": "IconAt",
+            "module": "src/generated/react/icons/icon-at/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-backward/index.ts",
+      "path": "src/generated/react/icons/icon-back/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconBackward",
+          "name": "IconBack",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBackwardClass>>\n  > & { ref?: React.Ref<IconBackwardClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBackClass>>\n  > & { ref?: React.Ref<IconBackClass> }"
               }
             }
           ]
@@ -235872,26 +235928,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconBackward",
+          "name": "IconBack",
           "declaration": {
-            "name": "IconBackward",
-            "module": "src/generated/react/icons/icon-backward/index.ts"
+            "name": "IconBack",
+            "module": "src/generated/react/icons/icon-back/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-arrows-repeat/index.ts",
+      "path": "src/generated/react/icons/icon-backward/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconArrowsRepeat",
+          "name": "IconBackward",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconArrowsRepeatClass>>\n  > & { ref?: React.Ref<IconArrowsRepeatClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBackwardClass>>\n  > & { ref?: React.Ref<IconBackwardClass> }"
               }
             }
           ]
@@ -235900,10 +235956,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconArrowsRepeat",
+          "name": "IconBackward",
           "declaration": {
-            "name": "IconArrowsRepeat",
-            "module": "src/generated/react/icons/icon-arrows-repeat/index.ts"
+            "name": "IconBackward",
+            "module": "src/generated/react/icons/icon-backward/index.ts"
           }
         }
       ]
@@ -236302,16 +236358,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-bookmark-plus/index.ts",
+      "path": "src/generated/react/icons/icon-bookmark-delete/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconBookmarkPlus",
+          "name": "IconBookmarkDelete",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBookmarkPlusClass>>\n  > & { ref?: React.Ref<IconBookmarkPlusClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBookmarkDeleteClass>>\n  > & { ref?: React.Ref<IconBookmarkDeleteClass> }"
               }
             }
           ]
@@ -236320,26 +236376,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconBookmarkPlus",
+          "name": "IconBookmarkDelete",
           "declaration": {
-            "name": "IconBookmarkPlus",
-            "module": "src/generated/react/icons/icon-bookmark-plus/index.ts"
+            "name": "IconBookmarkDelete",
+            "module": "src/generated/react/icons/icon-bookmark-delete/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-bookmark-remove/index.ts",
+      "path": "src/generated/react/icons/icon-bookmark-plus/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconBookmarkRemove",
+          "name": "IconBookmarkPlus",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBookmarkRemoveClass>>\n  > & { ref?: React.Ref<IconBookmarkRemoveClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBookmarkPlusClass>>\n  > & { ref?: React.Ref<IconBookmarkPlusClass> }"
               }
             }
           ]
@@ -236348,26 +236404,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconBookmarkRemove",
+          "name": "IconBookmarkPlus",
           "declaration": {
-            "name": "IconBookmarkRemove",
-            "module": "src/generated/react/icons/icon-bookmark-remove/index.ts"
+            "name": "IconBookmarkPlus",
+            "module": "src/generated/react/icons/icon-bookmark-plus/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-bookmark-delete/index.ts",
+      "path": "src/generated/react/icons/icon-bookmark-remove/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconBookmarkDelete",
+          "name": "IconBookmarkRemove",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBookmarkDeleteClass>>\n  > & { ref?: React.Ref<IconBookmarkDeleteClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconBookmarkRemoveClass>>\n  > & { ref?: React.Ref<IconBookmarkRemoveClass> }"
               }
             }
           ]
@@ -236376,10 +236432,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconBookmarkDelete",
+          "name": "IconBookmarkRemove",
           "declaration": {
-            "name": "IconBookmarkDelete",
-            "module": "src/generated/react/icons/icon-bookmark-delete/index.ts"
+            "name": "IconBookmarkRemove",
+            "module": "src/generated/react/icons/icon-bookmark-remove/index.ts"
           }
         }
       ]
@@ -237504,6 +237560,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/icons/icon-chart-one/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "IconChartOne",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconChartOneClass>>\n  > & { ref?: React.Ref<IconChartOneClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconChartOne",
+          "declaration": {
+            "name": "IconChartOne",
+            "module": "src/generated/react/icons/icon-chart-one/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/icons/icon-chart-presentation/index.ts",
@@ -237644,34 +237728,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-chart-one/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "IconChartOne",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconChartOneClass>>\n  > & { ref?: React.Ref<IconChartOneClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "IconChartOne",
-          "declaration": {
-            "name": "IconChartOne",
-            "module": "src/generated/react/icons/icon-chart-one/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/icons/icon-chevron-double-down/index.ts",
@@ -237842,16 +237898,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-chevron-left/index.ts",
+      "path": "src/generated/react/icons/icon-chevron-left-small/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconChevronLeft",
+          "name": "IconChevronLeftSmall",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconChevronLeftClass>>\n  > & { ref?: React.Ref<IconChevronLeftClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconChevronLeftSmallClass>>\n  > & { ref?: React.Ref<IconChevronLeftSmallClass> }"
               }
             }
           ]
@@ -237860,26 +237916,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconChevronLeft",
+          "name": "IconChevronLeftSmall",
           "declaration": {
-            "name": "IconChevronLeft",
-            "module": "src/generated/react/icons/icon-chevron-left/index.ts"
+            "name": "IconChevronLeftSmall",
+            "module": "src/generated/react/icons/icon-chevron-left-small/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-chevron-left-small/index.ts",
+      "path": "src/generated/react/icons/icon-chevron-right/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconChevronLeftSmall",
+          "name": "IconChevronRight",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconChevronLeftSmallClass>>\n  > & { ref?: React.Ref<IconChevronLeftSmallClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconChevronRightClass>>\n  > & { ref?: React.Ref<IconChevronRightClass> }"
               }
             }
           ]
@@ -237888,26 +237944,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconChevronLeftSmall",
+          "name": "IconChevronRight",
           "declaration": {
-            "name": "IconChevronLeftSmall",
-            "module": "src/generated/react/icons/icon-chevron-left-small/index.ts"
+            "name": "IconChevronRight",
+            "module": "src/generated/react/icons/icon-chevron-right/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-chevron-right/index.ts",
+      "path": "src/generated/react/icons/icon-chevron-left/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconChevronRight",
+          "name": "IconChevronLeft",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconChevronRightClass>>\n  > & { ref?: React.Ref<IconChevronRightClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconChevronLeftClass>>\n  > & { ref?: React.Ref<IconChevronLeftClass> }"
               }
             }
           ]
@@ -237916,10 +237972,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconChevronRight",
+          "name": "IconChevronLeft",
           "declaration": {
-            "name": "IconChevronRight",
-            "module": "src/generated/react/icons/icon-chevron-right/index.ts"
+            "name": "IconChevronLeft",
+            "module": "src/generated/react/icons/icon-chevron-left/index.ts"
           }
         }
       ]
@@ -239578,16 +239634,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-fullscreen/index.ts",
+      "path": "src/generated/react/icons/icon-folder-upload/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconFullscreen",
+          "name": "IconFolderUpload",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconFullscreenClass>>\n  > & { ref?: React.Ref<IconFullscreenClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconFolderUploadClass>>\n  > & { ref?: React.Ref<IconFolderUploadClass> }"
               }
             }
           ]
@@ -239596,26 +239652,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconFullscreen",
+          "name": "IconFolderUpload",
           "declaration": {
-            "name": "IconFullscreen",
-            "module": "src/generated/react/icons/icon-fullscreen/index.ts"
+            "name": "IconFolderUpload",
+            "module": "src/generated/react/icons/icon-folder-upload/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-folder-upload/index.ts",
+      "path": "src/generated/react/icons/icon-fullscreen/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconFolderUpload",
+          "name": "IconFullscreen",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconFolderUploadClass>>\n  > & { ref?: React.Ref<IconFolderUploadClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconFullscreenClass>>\n  > & { ref?: React.Ref<IconFullscreenClass> }"
               }
             }
           ]
@@ -239624,10 +239680,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconFolderUpload",
+          "name": "IconFullscreen",
           "declaration": {
-            "name": "IconFolderUpload",
-            "module": "src/generated/react/icons/icon-folder-upload/index.ts"
+            "name": "IconFullscreen",
+            "module": "src/generated/react/icons/icon-fullscreen/index.ts"
           }
         }
       ]
@@ -240502,16 +240558,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-line-chart-two/index.ts",
+      "path": "src/generated/react/icons/icon-line-chart-three/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconLineChartTwo",
+          "name": "IconLineChartThree",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconLineChartTwoClass>>\n  > & { ref?: React.Ref<IconLineChartTwoClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconLineChartThreeClass>>\n  > & { ref?: React.Ref<IconLineChartThreeClass> }"
               }
             }
           ]
@@ -240520,26 +240576,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconLineChartTwo",
+          "name": "IconLineChartThree",
           "declaration": {
-            "name": "IconLineChartTwo",
-            "module": "src/generated/react/icons/icon-line-chart-two/index.ts"
+            "name": "IconLineChartThree",
+            "module": "src/generated/react/icons/icon-line-chart-three/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-line-chart-three/index.ts",
+      "path": "src/generated/react/icons/icon-line-chart-two/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconLineChartThree",
+          "name": "IconLineChartTwo",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconLineChartThreeClass>>\n  > & { ref?: React.Ref<IconLineChartThreeClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconLineChartTwoClass>>\n  > & { ref?: React.Ref<IconLineChartTwoClass> }"
               }
             }
           ]
@@ -240548,10 +240604,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconLineChartThree",
+          "name": "IconLineChartTwo",
           "declaration": {
-            "name": "IconLineChartThree",
-            "module": "src/generated/react/icons/icon-line-chart-three/index.ts"
+            "name": "IconLineChartTwo",
+            "module": "src/generated/react/icons/icon-line-chart-two/index.ts"
           }
         }
       ]
@@ -240978,16 +241034,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-office/index.ts",
+      "path": "src/generated/react/icons/icon-mute/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconOffice",
+          "name": "IconMute",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconOfficeClass>>\n  > & { ref?: React.Ref<IconOfficeClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconMuteClass>>\n  > & { ref?: React.Ref<IconMuteClass> }"
               }
             }
           ]
@@ -240996,26 +241052,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconOffice",
+          "name": "IconMute",
           "declaration": {
-            "name": "IconOffice",
-            "module": "src/generated/react/icons/icon-office/index.ts"
+            "name": "IconMute",
+            "module": "src/generated/react/icons/icon-mute/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-other/index.ts",
+      "path": "src/generated/react/icons/icon-office/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconOther",
+          "name": "IconOffice",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconOtherClass>>\n  > & { ref?: React.Ref<IconOtherClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconOfficeClass>>\n  > & { ref?: React.Ref<IconOfficeClass> }"
               }
             }
           ]
@@ -241024,26 +241080,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconOther",
+          "name": "IconOffice",
           "declaration": {
-            "name": "IconOther",
-            "module": "src/generated/react/icons/icon-other/index.ts"
+            "name": "IconOffice",
+            "module": "src/generated/react/icons/icon-office/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-mute/index.ts",
+      "path": "src/generated/react/icons/icon-other/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconMute",
+          "name": "IconOther",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconMuteClass>>\n  > & { ref?: React.Ref<IconMuteClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconOtherClass>>\n  > & { ref?: React.Ref<IconOtherClass> }"
               }
             }
           ]
@@ -241052,10 +241108,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconMute",
+          "name": "IconOther",
           "declaration": {
-            "name": "IconMute",
-            "module": "src/generated/react/icons/icon-mute/index.ts"
+            "name": "IconOther",
+            "module": "src/generated/react/icons/icon-other/index.ts"
           }
         }
       ]
@@ -241564,6 +241620,34 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/generated/react/icons/icon-people-remove/index.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "IconPeopleRemove",
+          "parameters": [
+            {
+              "name": "props",
+              "type": {
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPeopleRemoveClass>>\n  > & { ref?: React.Ref<IconPeopleRemoveClass> }"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconPeopleRemove",
+          "declaration": {
+            "name": "IconPeopleRemove",
+            "module": "src/generated/react/icons/icon-people-remove/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/icons/icon-percent/index.ts",
@@ -241732,34 +241816,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-people-remove/index.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "IconPeopleRemove",
-          "parameters": [
-            {
-              "name": "props",
-              "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPeopleRemoveClass>>\n  > & { ref?: React.Ref<IconPeopleRemoveClass> }"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "IconPeopleRemove",
-          "declaration": {
-            "name": "IconPeopleRemove",
-            "module": "src/generated/react/icons/icon-people-remove/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/generated/react/icons/icon-pinch/index.ts",
@@ -241846,16 +241902,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-plus-small/index.ts",
+      "path": "src/generated/react/icons/icon-plus-large/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconPlusSmall",
+          "name": "IconPlusLarge",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlusSmallClass>>\n  > & { ref?: React.Ref<IconPlusSmallClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlusLargeClass>>\n  > & { ref?: React.Ref<IconPlusLargeClass> }"
               }
             }
           ]
@@ -241864,26 +241920,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconPlusSmall",
+          "name": "IconPlusLarge",
           "declaration": {
-            "name": "IconPlusSmall",
-            "module": "src/generated/react/icons/icon-plus-small/index.ts"
+            "name": "IconPlusLarge",
+            "module": "src/generated/react/icons/icon-plus-large/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-plus-large/index.ts",
+      "path": "src/generated/react/icons/icon-plus-small/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconPlusLarge",
+          "name": "IconPlusSmall",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlusLargeClass>>\n  > & { ref?: React.Ref<IconPlusLargeClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconPlusSmallClass>>\n  > & { ref?: React.Ref<IconPlusSmallClass> }"
               }
             }
           ]
@@ -241892,10 +241948,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconPlusLarge",
+          "name": "IconPlusSmall",
           "declaration": {
-            "name": "IconPlusLarge",
-            "module": "src/generated/react/icons/icon-plus-large/index.ts"
+            "name": "IconPlusSmall",
+            "module": "src/generated/react/icons/icon-plus-small/index.ts"
           }
         }
       ]
@@ -242770,16 +242826,16 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-shield-crossed/index.ts",
+      "path": "src/generated/react/icons/icon-shopping-bag/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconShieldCrossed",
+          "name": "IconShoppingBag",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconShieldCrossedClass>>\n  > & { ref?: React.Ref<IconShieldCrossedClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconShoppingBagClass>>\n  > & { ref?: React.Ref<IconShoppingBagClass> }"
               }
             }
           ]
@@ -242788,26 +242844,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconShieldCrossed",
+          "name": "IconShoppingBag",
           "declaration": {
-            "name": "IconShieldCrossed",
-            "module": "src/generated/react/icons/icon-shield-crossed/index.ts"
+            "name": "IconShoppingBag",
+            "module": "src/generated/react/icons/icon-shopping-bag/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/generated/react/icons/icon-shopping-bag/index.ts",
+      "path": "src/generated/react/icons/icon-shield-crossed/index.ts",
       "declarations": [
         {
           "kind": "function",
-          "name": "IconShoppingBag",
+          "name": "IconShieldCrossed",
           "parameters": [
             {
               "name": "props",
               "type": {
-                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconShoppingBagClass>>\n  > & { ref?: React.Ref<IconShoppingBagClass> }"
+                "text": "React.ComponentProps<\n    ReturnType<typeof getReactComponent<IconShieldCrossedClass>>\n  > & { ref?: React.Ref<IconShieldCrossedClass> }"
               }
             }
           ]
@@ -242816,10 +242872,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "IconShoppingBag",
+          "name": "IconShieldCrossed",
           "declaration": {
-            "name": "IconShoppingBag",
-            "module": "src/generated/react/icons/icon-shopping-bag/index.ts"
+            "name": "IconShieldCrossed",
+            "module": "src/generated/react/icons/icon-shield-crossed/index.ts"
           }
         }
       ]