@sebgroup/green-core-ng 3.0.0 → 3.4.0

package/generated/icon-calender-add/icon-calender-add.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconCalenderAddComponent 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?: IconCalenderAdd['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?: IconCalenderAdd['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconCalenderAddComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconCalenderAddComponent, "gds-icon-calender-add", 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<IconCalenderAddComponent, "gds-icon-calender-add", 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-call/icon-call.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconCallComponent implements OnInit, OnChanges, AfterViewIn
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconCall['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?: IconCall['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconCallComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconCallComponent, "gds-icon-call", 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<IconCallComponent, "gds-icon-call", 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-car/icon-car.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconCarComponent 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?: IconCar['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?: IconCar['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconCarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconCarComponent, "gds-icon-car", 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<IconCarComponent, "gds-icon-car", 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-carussel/icon-carussel.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconCarusselComponent 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?: IconCarussel['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?: IconCarussel['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconCarusselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconCarusselComponent, "gds-icon-carussel", 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<IconCarusselComponent, "gds-icon-carussel", 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-chain-link/icon-chain-link.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChainLinkComponent 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?: IconChainLink['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?: IconChainLink['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChainLinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChainLinkComponent, "gds-icon-chain-link", 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<IconChainLinkComponent, "gds-icon-chain-link", 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-chain-link-broken/icon-chain-link-broken.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChainLinkBrokenComponent implements OnInit, OnChanges,
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconChainLinkBroken['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?: IconChainLinkBroken['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChainLinkBrokenComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChainLinkBrokenComponent, "gds-icon-chain-link-broken", 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<IconChainLinkBrokenComponent, "gds-icon-chain-link-broken", 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-chart-two/icon-chart-two.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChartTwoComponent 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?: IconChartTwo['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?: IconChartTwo['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChartTwoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChartTwoComponent, "gds-icon-chart-two", 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<IconChartTwoComponent, "gds-icon-chart-two", 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-checklist/icon-checklist.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChecklistComponent 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?: IconChecklist['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?: IconChecklist['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChecklistComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChecklistComponent, "gds-icon-checklist", 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<IconChecklistComponent, "gds-icon-checklist", 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-checkmark/icon-checkmark.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconCheckmarkComponent 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?: IconCheckmark['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?: IconCheckmark['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconCheckmarkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconCheckmarkComponent, "gds-icon-checkmark", 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<IconCheckmarkComponent, "gds-icon-checkmark", 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-chevron-bottom/icon-chevron-bottom.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChevronBottomComponent implements OnInit, OnChanges, Af
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconChevronBottom['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?: IconChevronBottom['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChevronBottomComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChevronBottomComponent, "gds-icon-chevron-bottom", 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<IconChevronBottomComponent, "gds-icon-chevron-bottom", 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-chevron-double-down/icon-chevron-double-down.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChevronDoubleDownComponent implements OnInit, OnChanges
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconChevronDoubleDown['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?: IconChevronDoubleDown['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChevronDoubleDownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChevronDoubleDownComponent, "gds-icon-chevron-double-down", 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<IconChevronDoubleDownComponent, "gds-icon-chevron-double-down", 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-chevron-double-left/icon-chevron-double-left.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChevronDoubleLeftComponent implements OnInit, OnChanges
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconChevronDoubleLeft['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?: IconChevronDoubleLeft['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChevronDoubleLeftComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChevronDoubleLeftComponent, "gds-icon-chevron-double-left", 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<IconChevronDoubleLeftComponent, "gds-icon-chevron-double-left", 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-chevron-double-right/icon-chevron-double-right.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChevronDoubleRightComponent implements OnInit, OnChange
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconChevronDoubleRight['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?: IconChevronDoubleRight['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChevronDoubleRightComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChevronDoubleRightComponent, "gds-icon-chevron-double-right", 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<IconChevronDoubleRightComponent, "gds-icon-chevron-double-right", 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-chevron-double-up/icon-chevron-double-up.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChevronDoubleUpComponent implements OnInit, OnChanges,
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconChevronDoubleUp['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?: IconChevronDoubleUp['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChevronDoubleUpComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChevronDoubleUpComponent, "gds-icon-chevron-double-up", 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<IconChevronDoubleUpComponent, "gds-icon-chevron-double-up", 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-chevron-down-small/icon-chevron-down-small.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChevronDownSmallComponent implements OnInit, OnChanges,
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconChevronDownSmall['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?: IconChevronDownSmall['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChevronDownSmallComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChevronDownSmallComponent, "gds-icon-chevron-down-small", 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<IconChevronDownSmallComponent, "gds-icon-chevron-down-small", 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-chevron-grabber-vertical/icon-chevron-grabber-vertical.component.d.ts

@@ -70,10 +70,20 @@ export declare class IconChevronGrabberVerticalComponent implements OnInit, OnCh
     /** This property allow you to set the accessible label of the icon.
   If not provided, the icon will be presentational. */
     label?: IconChevronGrabberVertical['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?: IconChevronGrabberVertical['syncFirstRender'];
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconChevronGrabberVerticalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconChevronGrabberVerticalComponent, "gds-icon-chevron-grabber-vertical", 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<IconChevronGrabberVerticalComponent, "gds-icon-chevron-grabber-vertical", 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-chevron-grabber-vertical-reversed/icon-chevron-grabber-vertical-reversed.component.d.ts

@@ -0,0 +1,89 @@
+import { OnInit, OnChanges, AfterViewInit, SimpleChanges } from '@angular/core';
+import { IconChevronGrabberVerticalReversed } from '@sebgroup/green-core/components/icon/icons/chevron-grabber-vertical-reversed.component.js';
+import * as i0 from "@angular/core";
+/**
+ * Angular wrapper for the gds-icon-chevron-grabber-vertical-reversed web component
+ *
+ */
+export declare class IconChevronGrabberVerticalReversedComponent implements OnInit, OnChanges, AfterViewInit {
+    private elementRef;
+    private zone;
+    private cdr;
+    get element(): IconChevronGrabberVerticalReversed;
+    constructor();
+    /** Style Expression Property that controls the `margin` property.
+  Only accepts space tokens. */
+    margin?: IconChevronGrabberVerticalReversed['margin'];
+    /** Style Expression Property that controls the `margin-inline` property.
+  Only accepts space tokens. */
+    marginInline?: IconChevronGrabberVerticalReversed['margin-inline'];
+    /** Style Expression Property that controls the `margin-block` property.
+  Only accepts space tokens. */
+    marginBlock?: IconChevronGrabberVerticalReversed['margin-block'];
+    /** Style Expression Property that controls the `align-self` property.
+  Supports all valid CSS `align-self` values. */
+    alignSelf?: IconChevronGrabberVerticalReversed['align-self'];
+    /** Style Expression Property that controls the `justify-self` property.
+  Supports all valid CSS `justify-self` values. */
+    justifySelf?: IconChevronGrabberVerticalReversed['justify-self'];
+    /** Style Expression Property that controls the `place-self` property.
+  Supports all valid CSS `place-self` values. */
+    placeSelf?: IconChevronGrabberVerticalReversed['place-self'];
+    /** Style Expression Property that controls the `grid-column` property.
+  Supports all valid CSS grid-column values.
+  Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column */
+    gridColumn?: IconChevronGrabberVerticalReversed['grid-column'];
+    /** Style Expression Property that controls the `grid-row` property.
+  Supports all valid CSS `grid-row` values. */
+    gridRow?: IconChevronGrabberVerticalReversed['grid-row'];
+    /** Style Expression Property that controls the `grid-area` property.
+  Supports all valid CSS `grid-area` values. */
+    gridArea?: IconChevronGrabberVerticalReversed['grid-area'];
+    /** Style Expression Property that controls the `flex` property.
+  Supports all valid CSS `flex` values. */
+    flex?: IconChevronGrabberVerticalReversed['flex'];
+    /** Style Expression Property that controls the `order` property.
+  Supports all valid CSS `order` values. */
+    order?: IconChevronGrabberVerticalReversed['order'];
+    /** This property allow you to set the size of the icon with the token and custom values.
+  If not provided, uses the icon's default size.
+  
+  The size is a shorthand for setting both width and height at once. */
+    size?: IconChevronGrabberVerticalReversed['size'];
+    /** When set to true, the solid version of the icon is displayed.
+  When set to false or not provided, the regular version of the icon is displayed. */
+    solid?: IconChevronGrabberVerticalReversed['solid'];
+    /** When set to true, you can apply custom stroke width to the icon. */
+    stroke?: IconChevronGrabberVerticalReversed['stroke'];
+    /** The level of the icon is used to resolve the color tokens from the corresponding level.
+  Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information.
+  
+  Default for `gds-icon-*` is level 2. */
+    level?: IconChevronGrabberVerticalReversed['level'];
+    /** Style Expression Property that controls the `color` property.
+  Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.
+  
+  ```html
+  <gds-icon-ai color="neutral-01/0.2"></gds-icon-ai>
+  ``` */
+    color?: IconChevronGrabberVerticalReversed['color'];
+    /** This property allow you to set the accessible label of the icon.
+  If not provided, the icon will be presentational. */
+    label?: IconChevronGrabberVerticalReversed['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?: IconChevronGrabberVerticalReversed['syncFirstRender'];
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconChevronGrabberVerticalReversedComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconChevronGrabberVerticalReversedComponent, "gds-icon-chevron-grabber-vertical-reversed", 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-chevron-grabber-vertical-reversed/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * IconChevronGrabberVerticalReversedComponent - Angular wrapper for gds-icon-chevron-grabber-vertical-reversed
+ *
+ *
+ * Auto-generated from Custom Elements Manifest
+ */
+export * from './icon-chevron-grabber-vertical-reversed.component';