@sebgroup/green-core-ng 2.37.4 → 3.1.0

package/generated/icon-unlocked/icon-unlocked.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconUnlockedComponent implements OnInit, OnChanges, AfterVi
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconUnlocked['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconUnlocked['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconUnlockedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconUnlockedComponent, "gds-icon-unlocked", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconUnlockedComponent, "gds-icon-unlocked", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-volume-full/icon-volume-full.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconVolumeFullComponent implements OnInit, OnChanges, After
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconVolumeFull['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconVolumeFull['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconVolumeFullComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconVolumeFullComponent, "gds-icon-volume-full", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconVolumeFullComponent, "gds-icon-volume-full", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-volume-half/icon-volume-half.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconVolumeHalfComponent implements OnInit, OnChanges, After
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconVolumeHalf['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconVolumeHalf['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconVolumeHalfComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconVolumeHalfComponent, "gds-icon-volume-half", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconVolumeHalfComponent, "gds-icon-volume-half", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-volume-off/icon-volume-off.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconVolumeOffComponent implements OnInit, OnChanges, AfterV
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconVolumeOff['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconVolumeOff['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconVolumeOffComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconVolumeOffComponent, "gds-icon-volume-off", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconVolumeOffComponent, "gds-icon-volume-off", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-wallet/icon-wallet.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconWalletComponent implements OnInit, OnChanges, AfterView
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconWallet['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconWallet['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconWalletComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconWalletComponent, "gds-icon-wallet", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconWalletComponent, "gds-icon-wallet", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-warning-sign/icon-warning-sign.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconWarningSignComponent implements OnInit, OnChanges, Afte
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconWarningSign['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconWarningSign['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconWarningSignComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconWarningSignComponent, "gds-icon-warning-sign", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconWarningSignComponent, "gds-icon-warning-sign", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-wifi-full/icon-wifi-full.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconWifiFullComponent implements OnInit, OnChanges, AfterVi
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconWifiFull['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconWifiFull['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconWifiFullComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconWifiFullComponent, "gds-icon-wifi-full", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconWifiFullComponent, "gds-icon-wifi-full", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-youtube/icon-youtube.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconYoutubeComponent implements OnInit, OnChanges, AfterVie
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconYoutube['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconYoutube['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconYoutubeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconYoutubeComponent, "gds-icon-youtube", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconYoutubeComponent, "gds-icon-youtube", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-zap/icon-zap.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconZapComponent implements OnInit, OnChanges, AfterViewIni
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconZap['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconZap['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconZapComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconZapComponent, "gds-icon-zap", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconZapComponent, "gds-icon-zap", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-zoom-in/icon-zoom-in.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconZoomInComponent implements OnInit, OnChanges, AfterView
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconZoomIn['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconZoomIn['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconZoomInComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconZoomInComponent, "gds-icon-zoom-in", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconZoomInComponent, "gds-icon-zoom-in", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/icon-zoom-out/icon-zoom-out.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconZoomOutComponent implements OnInit, OnChanges, AfterVie
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconZoomOut['label'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: IconZoomOut['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconZoomOutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconZoomOutComponent, "gds-icon-zoom-out", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconZoomOutComponent, "gds-icon-zoom-out", never, { "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "level": { "alias": "level"; "required": false; }; "color": { "alias": "color"; "required": false; }; "label": { "alias": "label"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_solid: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/img/img.component.d.ts

@@ -121,9 +121,19 @@ export declare class GdsImgComponent implements OnInit, OnChanges, AfterViewInit
     loading?: GdsImg['loading'];
     /** Decoding strategy for the image */
     decoding?: GdsImg['decoding'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsImg['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsImgComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsImgComponent, "gds-img", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "objectFit": { "alias": "objectFit"; "required": false; }; "objectPosition": { "alias": "objectPosition"; "required": false; }; "position": { "alias": "position"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "inset": { "alias": "inset"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "inlineSize": { "alias": "inlineSize"; "required": false; }; "minInlineSize": { "alias": "minInlineSize"; "required": false; }; "maxInlineSize": { "alias": "maxInlineSize"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "blockSize": { "alias": "blockSize"; "required": false; }; "minBlockSize": { "alias": "minBlockSize"; "required": false; }; "maxBlockSize": { "alias": "maxBlockSize"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcset": { "alias": "srcset"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "decoding": { "alias": "decoding"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsImgComponent, "gds-img", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "objectFit": { "alias": "objectFit"; "required": false; }; "objectPosition": { "alias": "objectPosition"; "required": false; }; "position": { "alias": "position"; "required": false; }; "transform": { "alias": "transform"; "required": false; }; "inset": { "alias": "inset"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "inlineSize": { "alias": "inlineSize"; "required": false; }; "minInlineSize": { "alias": "minInlineSize"; "required": false; }; "maxInlineSize": { "alias": "maxInlineSize"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "blockSize": { "alias": "blockSize"; "required": false; }; "minBlockSize": { "alias": "minBlockSize"; "required": false; }; "maxBlockSize": { "alias": "maxBlockSize"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcset": { "alias": "srcset"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "decoding": { "alias": "decoding"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }

package/generated/index.d.ts

@@ -5,10 +5,10 @@
 export * from './alert';
 export * from './badge';
 export * from './blur';
-export * from './breadcrumbs';
+export * from './calendar';
 export * from './button';
+export * from './breadcrumbs';
 export * from './card';
-export * from './calendar';
 export * from './card-linked';
 export * from './checkbox';
 export * from './coachmark';
@@ -48,15 +48,15 @@ export * from './video';
 export * from './card-pattern-01';
 export * from './breadcrumb';
 export * from './checkbox-group';
-export * from './filter-chip';
 export * from './icon-details';
+export * from './filter-chip';
 export * from './formatted-account';
 export * from './formatted-date';
 export * from './formatted-number';
-export * from './radio-group';
-export * from './sensitive-date';
 export * from './sensitive-account';
+export * from './radio-group';
 export * from './segment';
+export * from './sensitive-date';
 export * from './sensitive-number';
 export * from './icon-ai';
 export * from './icon-airplane-up';
@@ -87,7 +87,6 @@ export * from './icon-arrow-wall-left';
 export * from './icon-arrow-wall-right';
 export * from './icon-arrow-wall-up';
 export * from './icon-arrow';
-export * from './icon-arrows-repeat';
 export * from './icon-asterisk';
 export * from './icon-at';
 export * from './icon-back';
@@ -130,16 +129,9 @@ export * from './icon-brand-swish-word';
 export * from './icon-brand-x';
 export * from './icon-brush';
 export * from './icon-bubble-annotation';
-export * from './icon-bubble-dots';
-export * from './icon-bubble-question';
-export * from './icon-bubble-quotes';
-export * from './icon-bubble-text';
-export * from './icon-bubble-wide-annotation';
-export * from './icon-bubble';
 export * from './icon-bubbles';
 export * from './icon-buildings';
 export * from './icon-bullet-list';
-export * from './icon-cain-link';
 export * from './icon-calculator';
 export * from './icon-calendar-check';
 export * from './icon-calendar';
@@ -149,9 +141,6 @@ export * from './icon-car';
 export * from './icon-carussel';
 export * from './icon-chain-link-broken';
 export * from './icon-chain-link';
-export * from './icon-charging-station';
-export * from './icon-chart-one';
-export * from './icon-chart-presentation';
 export * from './icon-chart-two';
 export * from './icon-checklist';
 export * from './icon-checkmark';
@@ -219,11 +208,8 @@ export * from './icon-files';
 export * from './icon-filter';
 export * from './icon-flag';
 export * from './icon-floppy-disk';
-export * from './icon-focus-square';
 export * from './icon-focus';
 export * from './icon-folder-add-right';
-export * from './icon-folder-paper';
-export * from './icon-folder-upload';
 export * from './icon-folder';
 export * from './icon-fullscreen';
 export * from './icon-gift';
@@ -245,7 +231,6 @@ export * from './icon-hourglass';
 export * from './icon-images';
 export * from './icon-inbox-empty';
 export * from './icon-industry';
-export * from './icon-invite';
 export * from './icon-jpg';
 export * from './icon-key';
 export * from './icon-knife-spoon';
@@ -253,7 +238,6 @@ export * from './icon-lab';
 export * from './icon-law';
 export * from './icon-leisure';
 export * from './icon-light-bulb-simple';
-export * from './icon-light-bulb';
 export * from './icon-lightning';
 export * from './icon-line-chart-four';
 export * from './icon-line-chart-one';
@@ -262,7 +246,6 @@ export * from './icon-line-chart-two';
 export * from './icon-lock';
 export * from './icon-macbook-air';
 export * from './icon-magnifying-glass';
-export * from './icon-maintenance';
 export * from './icon-map-pin';
 export * from './icon-megaphone';
 export * from './icon-menu-sidebar';
@@ -276,14 +259,11 @@ export * from './icon-moneybag';
 export * from './icon-moon';
 export * from './icon-mute';
 export * from './icon-office';
-export * from './icon-other';
 export * from './icon-page-add';
-export * from './icon-page-text';
 export * from './icon-paper-plane-top-right';
 export * from './icon-paperclip';
 export * from './icon-pause';
 export * from './icon-pdf';
-export * from './icon-pencel-line';
 export * from './icon-pencil-sign';
 export * from './icon-pencil-sparkle';
 export * from './icon-pencil-wave';
@@ -297,7 +277,6 @@ export * from './icon-people-profile';
 export * from './icon-people-remove';
 export * from './icon-people';
 export * from './icon-percent';
-export * from './icon-phone-dynamic-island';
 export * from './icon-phone';
 export * from './icon-pie-chart';
 export * from './icon-piggy-bank';
@@ -330,10 +309,8 @@ export * from './icon-safari';
 export * from './icon-school';
 export * from './icon-scissors';
 export * from './icon-search-menu';
-export * from './icon-seb';
 export * from './icon-settings-gear';
 export * from './icon-settings-slider-hor';
-export * from './icon-settings-slider-three';
 export * from './icon-settings-slider-ver';
 export * from './icon-shapes';
 export * from './icon-share';
@@ -343,7 +320,6 @@ export * from './icon-shield';
 export * from './icon-shopping-bag';
 export * from './icon-signature';
 export * from './icon-smartwatch';
-export * from './icon-solar-panel';
 export * from './icon-solar';
 export * from './icon-sort-ascending';
 export * from './icon-sort-descending';
@@ -352,16 +328,10 @@ export * from './icon-sort-up';
 export * from './icon-sort';
 export * from './icon-square-arrow-top-right';
 export * from './icon-square-behind-square';
-export * from './icon-square-check';
 export * from './icon-square-grid-circle';
-export * from './icon-square-info';
-export * from './icon-square-minus';
 export * from './icon-square-placeholder';
-export * from './icon-square-plus';
-export * from './icon-square-x';
 export * from './icon-star';
 export * from './icon-store';
-export * from './icon-suitcase-work';
 export * from './icon-sun';
 export * from './icon-sunset-arrow-down';
 export * from './icon-tag';
@@ -373,7 +343,6 @@ export * from './icon-thermostat';
 export * from './icon-thumbs-down';
 export * from './icon-thumbs-up';
 export * from './icon-ticket';
-export * from './icon-todos';
 export * from './icon-trading-view-candles';
 export * from './icon-trash-can';
 export * from './icon-tree';
@@ -386,7 +355,6 @@ export * from './icon-triangle-exclamation';
 export * from './icon-truck';
 export * from './icon-umbrella-security';
 export * from './icon-unlocked';
-export * from './icon-vertical-alignment-right';
 export * from './icon-volume-full';
 export * from './icon-volume-half';
 export * from './icon-volume-off';

package/generated/input/input.component.d.ts

@@ -127,6 +127,15 @@ export declare class GdsInputComponent extends GdsFormControlBase {
     name?: GdsInput['name'];
     /** If the input is Disabled */
     disabled?: GdsInput['disabled'];
+    /** Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.
+  
+  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and
+  run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM
+  is projected.
+  
+  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the
+  element needs to be measured synchronously after being added to the DOM. */
+    syncFirstRender?: GdsInput['syncFirstRender'];
     /** Fired when the clear button is clicked. */
     gdsInputCleared: EventEmitter<CustomEvent<any>>;
     get element(): GdsInput;
@@ -134,7 +143,7 @@ export declare class GdsInputComponent extends GdsFormControlBase {
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GdsInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GdsInputComponent, "gds-input", never, { "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "inlineSize": { "alias": "inlineSize"; "required": false; }; "minInlineSize": { "alias": "minInlineSize"; "required": false; }; "maxInlineSize": { "alias": "maxInlineSize"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "showExtendedSupportingText": { "alias": "showExtendedSupportingText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "size": { "alias": "size"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "type": { "alias": "type"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "charCounterCallback": { "alias": "charCounterCallback"; "required": false; }; "selectionStart": { "alias": "selectionStart"; "required": false; }; "selectionEnd": { "alias": "selectionEnd"; "required": false; }; "selectionDirection": { "alias": "selectionDirection"; "required": false; }; "value": { "alias": "value"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "gdsInputCleared": "gdsInputCleared"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GdsInputComponent, "gds-input", never, { "width": { "alias": "width"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "inlineSize": { "alias": "inlineSize"; "required": false; }; "minInlineSize": { "alias": "minInlineSize"; "required": false; }; "maxInlineSize": { "alias": "maxInlineSize"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "marginInline": { "alias": "marginInline"; "required": false; }; "marginBlock": { "alias": "marginBlock"; "required": false; }; "alignSelf": { "alias": "alignSelf"; "required": false; }; "justifySelf": { "alias": "justifySelf"; "required": false; }; "placeSelf": { "alias": "placeSelf"; "required": false; }; "gridColumn": { "alias": "gridColumn"; "required": false; }; "gridRow": { "alias": "gridRow"; "required": false; }; "gridArea": { "alias": "gridArea"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "order": { "alias": "order"; "required": false; }; "supportingText": { "alias": "supportingText"; "required": false; }; "showExtendedSupportingText": { "alias": "showExtendedSupportingText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "size": { "alias": "size"; "required": false; }; "plain": { "alias": "plain"; "required": false; }; "type": { "alias": "type"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "charCounterCallback": { "alias": "charCounterCallback"; "required": false; }; "selectionStart": { "alias": "selectionStart"; "required": false; }; "selectionEnd": { "alias": "selectionEnd"; "required": false; }; "selectionDirection": { "alias": "selectionDirection"; "required": false; }; "value": { "alias": "value"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "syncFirstRender": { "alias": "syncFirstRender"; "required": false; }; }, { "gdsInputCleared": "gdsInputCleared"; }, never, ["*"], true, never>;
     static ngAcceptInputType_showExtendedSupportingText: unknown;
     static ngAcceptInputType_clearable: unknown;
     static ngAcceptInputType_plain: unknown;
@@ -143,4 +152,5 @@ export declare class GdsInputComponent extends GdsFormControlBase {
     static ngAcceptInputType_spellcheck: unknown;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_syncFirstRender: unknown;
 }