feat(image): split logic into "fill" and "default" variants with fallback size resolution (#153)

Author: eugeneshulga869

apps/csk-marketing-site/content/componentPattern/192fccfb-4b6b-4fbd-bd6d-e7c5234a497e.yaml

@@ -29,6 +29,9 @@ composition:
       - _id: 688fb6a0-a384-4b57-a1c1-33ada8f49db3
         type: image
         parameters:
+          fill:
+            type: checkbox
+            value: true
           image:
             type: asset
             value:
@@ -40,7 +43,7 @@ composition:
                     value: ff044480-8310-44f4-9991-82176767a172
                   url:
                     value: >-
-                      https://img.uniform.global/p/ZfA3kJm3TDeKyWey802IkQ/RIaWVdb1SW6lEURx4PYk0g-featured-bg.png
+                      https://img.uniform.global/p/4Ac1zi8UQeOXsvDsKwotZQ/FjBsimm9TZOn3dMX6sp1hg-featured-bg.png
                     type: text
                   file:
                     type: file
@@ -192,8 +195,8 @@ composition:
     parameters:
       displayName: 'yes'
     hideLockedParameters: true
-created: '2025-02-17T16:01:09.994983+00:00'
-modified: '2025-02-17T16:01:09.994983+00:00'
+created: '2025-01-29T11:28:34.593532+00:00'
+modified: '2025-06-20T13:31:24.216118+00:00'
 pattern: true
 previewImageUrl: >-
   https://res.cloudinary.com/uniform-demos/image/upload/csk-v-next/baseline/preview-images/featured-card.jpg

apps/csk-marketing-site/content/componentPattern/4a8a7a31-8425-4dee-bc8a-ba0adce84cb1.yaml

@@ -111,6 +111,9 @@ composition:
             - _id: 76b7803a-2786-4d5c-a1e3-0d80b542108e
               type: image
               parameters:
+                fill:
+                  type: checkbox
+                  value: true
                 image:
                   type: asset
                   value:
@@ -173,8 +176,8 @@ composition:
       link: 'yes'
       enableComponentPreview: 'yes'
     hideLockedParameters: true
-created: '2025-03-03T09:52:28.309497+00:00'
-modified: '2025-03-03T09:52:28.309497+00:00'
+created: '2025-06-20T12:39:36.975076+00:00'
+modified: '2025-06-20T13:09:30.266431+00:00'
 pattern: true
 description: >-
   This example is constructed utilizing the Hero component, which incorporates a

apps/csk-marketing-site/content/componentPattern/6d0cf521-5c04-48f5-8ee8-8eab2c50835e.yaml

@@ -174,6 +174,9 @@ composition:
       - _id: 0b146a50-8d3c-489f-9274-6048e43089d4
         type: image
         parameters:
+          fill:
+            type: checkbox
+            value: true
           image:
             type: asset
             value:
@@ -185,7 +188,7 @@ composition:
                     value: 0e5575b8-ef94-46c9-8567-d8ce3f4bf206
                   url:
                     value: >-
-                      https://img.uniform.global/p/ZfA3kJm3TDeKyWey802IkQ/hvhbQwotSOaMT3ue0zwRtA-Group-670.png
+                      https://img.uniform.global/p/4Ac1zi8UQeOXsvDsKwotZQ/FB_XRyjqSaWUBgJKw_frCw-Group-670.png
                     type: text
                   file:
                     type: file
@@ -215,6 +218,6 @@ composition:
         text:
           type: text
           value: Book a free demo now
-created: '2025-02-17T16:01:11.919188+00:00'
-modified: '2025-02-17T16:01:11.919188+00:00'
+created: '2025-01-29T11:28:36.529124+00:00'
+modified: '2025-06-20T13:08:38.371755+00:00'
 pattern: true

apps/csk-marketing-site/content/componentPattern/7f0d0a65-02dd-4291-8b81-fb13ae23a48d.yaml

@@ -44,6 +44,9 @@ composition:
             - _id: c8a1dabe-e928-418b-9c41-88f45d6b6695
               type: image
               parameters:
+                fill:
+                  type: checkbox
+                  value: true
                 image:
                   type: asset
                   value:
@@ -167,8 +170,8 @@ composition:
       spacing: 'no'
       enableComponentPreview: 'yes'
     hideLockedParameters: true
-created: '2025-03-03T09:52:29.093569+00:00'
-modified: '2025-03-03T09:52:29.093569+00:00'
+created: '2025-06-20T12:39:37.877702+00:00'
+modified: '2025-06-20T13:10:20.65129+00:00'
 pattern: true
 description: >-
   This example is constructed utilizing the Hero component, which incorporates

apps/csk-marketing-site/content/componentPattern/ad31c0d5-4901-4f2c-a973-409ef0fb493e.yaml

@@ -44,6 +44,9 @@ composition:
             - _id: f3f8c957-3d15-4c89-a15d-6b0dc1c6cad7
               type: image
               parameters:
+                fill:
+                  type: checkbox
+                  value: true
                 image:
                   type: asset
                   value:
@@ -166,8 +169,8 @@ composition:
       link: 'yes'
       enableComponentPreview: 'yes'
     hideLockedParameters: true
-created: '2025-03-03T09:52:31.072393+00:00'
-modified: '2025-03-03T09:52:31.072393+00:00'
+created: '2025-06-20T12:39:39.874722+00:00'
+modified: '2025-06-20T13:04:43.991885+00:00'
 pattern: true
 description: >-
   This example is constructed utilizing the Hero component, which incorporates

apps/csk-marketing-site/content/componentPattern/b6b1a64a-063d-4e60-974d-f1c083ddd8dd.yaml

@@ -111,6 +111,9 @@ composition:
             - _id: 5ac91a20-9ec5-4b0e-80f9-860e6fc00887
               type: image
               parameters:
+                fill:
+                  type: checkbox
+                  value: true
                 image:
                   type: asset
                   value:
@@ -207,8 +210,8 @@ composition:
       link: 'yes'
       enableComponentPreview: 'yes'
     hideLockedParameters: true
-created: '2025-03-03T09:52:31.199025+00:00'
-modified: '2025-03-03T09:52:31.199025+00:00'
+created: '2025-06-20T12:39:40.07013+00:00'
+modified: '2025-06-20T13:04:01.730524+00:00'
 pattern: true
 description: >-
   This example is constructed utilizing the Hero component, which incorporates a

apps/csk-marketing-site/content/componentPattern/ba89404c-71eb-4690-b3a8-de4260b19239.yaml

@@ -37,6 +37,9 @@ composition:
             - _id: e8107cdf-1a07-433f-a897-557f3c5bccd5
               type: image
               parameters:
+                fill:
+                  type: checkbox
+                  value: true
                 image:
                   type: asset
                   value:
@@ -139,7 +142,7 @@ composition:
       link: 'yes'
       enableComponentPreview: 'yes'
     hideLockedParameters: true
-created: '2025-03-03T09:52:31.083218+00:00'
-modified: '2025-03-03T10:47:30.482645+00:00'
+created: '2025-06-20T12:39:40.847387+00:00'
+modified: '2025-06-20T13:02:33.138909+00:00'
 pattern: true
 categoryId: 096fd5ed-5e2a-4bfa-834b-fb805d1d1ce9

apps/csk-marketing-site/content/componentPattern/c83614e9-1a4c-41b6-9a16-9b07cc341d07.yaml

@@ -44,6 +44,9 @@ composition:
             - _id: 64fa10f0-d43c-408e-b09a-1783f2e77398
               type: image
               parameters:
+                fill:
+                  type: checkbox
+                  value: true
                 image:
                   type: asset
                   value:
@@ -158,8 +161,8 @@ composition:
       backgroundColor: 'no'
       enableComponentPreview: 'yes'
     hideLockedParameters: true
-created: '2025-03-03T09:52:32.091248+00:00'
-modified: '2025-03-03T10:39:40.126656+00:00'
+created: '2025-06-20T12:39:41.850306+00:00'
+modified: '2025-06-20T12:59:54.031647+00:00'
 pattern: true
 description: >-
   This example is constructed utilizing the Hero component, which incorporates

apps/csk-marketing-site/content/componentPattern/db9c43cb-1bc0-43a1-bfd0-96b6aca664d3.yaml

@@ -37,6 +37,9 @@ composition:
             - _id: 24da591f-710f-4796-9a05-b032b6cd8243
               type: image
               parameters:
+                fill:
+                  type: checkbox
+                  value: true
                 image:
                   type: asset
                   value:
@@ -154,8 +157,8 @@ composition:
       link: 'yes'
       enableComponentPreview: 'yes'
     hideLockedParameters: true
-created: '2025-03-03T09:52:33.375009+00:00'
-modified: '2025-03-03T09:52:33.375009+00:00'
+created: '2025-06-20T12:39:42.80432+00:00'
+modified: '2025-06-20T12:50:57.27766+00:00'
 pattern: true
 description: >-
   This example is constructed utilizing the Hero component, which incorporates a

apps/csk-marketing-site/content/componentPattern/ec3d2ee4-f077-4158-aab0-4c3c5bf5cf81.yaml

@@ -111,6 +111,9 @@ composition:
             - _id: 5ac91a20-9ec5-4b0e-80f9-860e6fc00887
               type: image
               parameters:
+                fill:
+                  type: checkbox
+                  value: true
                 image:
                   type: asset
                   value:
@@ -122,7 +125,7 @@ composition:
                           value: ff044480-8310-44f4-9991-82176767a172
                         url:
                           value: >-
-                            https://img.uniform.global/p/ZfA3kJm3TDeKyWey802IkQ/RIaWVdb1SW6lEURx4PYk0g-featured-bg.png
+                            https://img.uniform.global/p/4Ac1zi8UQeOXsvDsKwotZQ/FjBsimm9TZOn3dMX6sp1hg-featured-bg.png
                           type: text
                         file:
                           type: file
@@ -195,8 +198,8 @@ composition:
       link: 'yes'
       enableComponentPreview: 'yes'
     hideLockedParameters: true
-created: '2025-03-03T09:52:33.385075+00:00'
-modified: '2025-03-03T09:52:33.385075+00:00'
+created: '2025-06-20T12:39:42.905667+00:00'
+modified: '2025-06-20T12:49:29.247614+00:00'
 pattern: true
 description: >-
   This example is constructed utilizing the Hero component, which incorporates a