@orderlyshop/web-components 0.1.0-build.7058 → 0.1.0-build.7059

package/README.md

@@ -808,6 +808,12 @@ productImage.image = searchObject.Images[0];
 
 `orderly-stored-image` uses `DEFAULT_IMAGE_BASE_URL`, currently `https://orderlyproduction.azureedge.net/`, when no custom image URL configuration is supplied. `configureStoredImageUrls({ baseUrl })` maps normal product images to `baseUrl/thumbnails/<StoredImage.Name>` and full/object variants to `baseUrl/objects/<StoredImage.Name>`. The component also supports `ImageDataBase64`, absolute URLs, and a custom resolver through `configureStoredImageUrls({ resolver })`.
 
+By default, `orderly-stored-image` does not render a frame border. Add the boolean `border` attribute when a bordered image is wanted:
+
+```html
+<orderly-stored-image border fit="contain"></orderly-stored-image>
+```
+
 ## State And Security
 
 Basket drafts are persisted to localStorage by default. Checkout contact and address data are stored directly on `DraftOrder.Transport`, so basket items, delivery selection, and checkout form state all share the same persisted draft. That draft can contain PII such as name, address, email, and phone. Provide a custom basket store to change or disable that behavior. This package never stores tokens, API keys, OAuth responses, or cookie values.

package/custom-elements.json

@@ -356,14 +356,16 @@
           "name": "OrderlyStoredImageElement",
           "tagName": "orderly-stored-image",
           "customElement": true,
-          "description": "Renders StoredImage with configured URL resolution, rotation, crop, and fit behavior.",
+          "description": "Renders StoredImage with configured URL resolution, rotation, crop, and fit behavior. Borderless by default, with an opt-in border attribute.",
           "attributes": [
             { "name": "fit", "description": "Image fit, normally contain or cover." },
             { "name": "variant", "description": "Image URL variant, such as thumbnail or object." },
-            { "name": "alt", "description": "Image alt text." }
+            { "name": "alt", "description": "Image alt text." },
+            { "name": "border", "description": "Adds a 1px image frame border." }
           ],
           "members": [
-            { "kind": "field", "name": "image", "type": { "text": "StoredImage | undefined" } }
+            { "kind": "field", "name": "image", "type": { "text": "StoredImage | undefined" } },
+            { "kind": "field", "name": "border", "type": { "text": "boolean" } }
           ]
         },
         {