From 699ec213cf8274ab5c3042c87ab085799b197121 Mon Sep 17 00:00:00 2001
From: "tembo[bot]" <208362400+tembo[bot]@users.noreply.github.com>
Date: Thu, 26 Mar 2026 17:10:45 +0000
Subject: [PATCH] docs(blocks): update color and style settings in various
block documentation
---
.../all-pagination/gallery/product-gallery.md | 47 +++++++++----------
.../wrappers/collections-grid.md | 9 ++--
slab/content/blocks/basics/video.md | 15 +++---
slab/content/blocks/cards/product-card.md | 19 ++++++--
.../blocks/cart/progress-bar/README.md | 16 ++++---
5 files changed, 63 insertions(+), 43 deletions(-)
diff --git a/slab/content/blocks/all-pagination/gallery/product-gallery.md b/slab/content/blocks/all-pagination/gallery/product-gallery.md
index 537a9c8..251badd 100644
--- a/slab/content/blocks/all-pagination/gallery/product-gallery.md
+++ b/slab/content/blocks/all-pagination/gallery/product-gallery.md
@@ -21,39 +21,38 @@ This is a private block. It is intended for use only within specific parent bloc
### General
-| Setting | Description | Options |
-| ---------------------- | ------------------------------------------- | ------------------------- |
-| Show advanced settings | Reveals device visibility for the gallery | Checkbox (default: false) |
+| Setting | Description | Options |
+| ---------------------- | --------------------------------------------------------- | ------------------------- |
+| Show advanced settings | Reveals device visibility for the gallery | Checkbox (default: false) |
+| Enable variant images | Shows different images based on selected product variants | Checkbox (default: false) |
### Content
-| Setting | Description | Options |
-| --------------------- | --------------------------------------------------------- | ------------------------- |
-| Enable variant images | Shows different images based on selected product variants | Checkbox (default: false) |
-| Product | Select the product to display media from | Product picker |
-| Item count | Number of media items to display (0 = all media) | Number input (default: 7) |
-| Show alt text | Shows each image’s alt text under the media when set | Checkbox (default: false) |
+| Setting | Description | Options |
+| ---------- | ------------------------------------------------ | ------------------------- |
+| Product | Select the product to display media from | Product picker |
+| Item count | Number of media items to display (0 = all media) | Number input (default: 7) |
### Color
-| Setting | Description | Options |
-| ------------ | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| Color scheme | Controls the background and text colors | • Body (default)
• Neutral
• Accent 1
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Primary
• Secondary
• Tertiary
• Blur
• Transparent
|
-| Color border | Controls the border color | • Body
• Subtle (default)
• Strong
• Primary
• Secondary
• Tertiary
• None
Visible when border position is not blank
|
+| Setting | Description | Options |
+| --- | --- | --- |
+| Type | Selects color mode | • Custom
• Base (default)
Visible when **Enable inheritance** is off |
+| Scheme | Custom color scheme picker | Color scheme picker
Visible when **Type** is **Custom** and **Enable inheritance** is off |
+| Color scheme | Controls the background and text colors | • Body background (default)
• Body foreground
• Accent 1
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Blur
• Transparent
Visible when **Type** is **Base** and **Enable inheritance** is off |
+| Color border | Controls the border color | • None
• Subtle (default)
• Strong
Visible when **Border position** is not **None**, **Type** is **Base**, and **Enable inheritance** is off |
+| Enable inheritance | Inherits color settings from parent block | Checkbox (default: false) |
### Style
-| Setting | Description | Options |
-| --------------- | ----------------------------- | ------------------------------------------------------------------------------------------------------------------ |
-| Border position | Controls where borders appear | • None (default)
• Top
• Bottom
• Left
• Right
• Top and bottom
• Left and right
• All
|
-
-### Layout
-
-| Setting | Description | Options |
-| ------------------- | ----------------------------------------------------- | ------------------------------------------------------------------------------------------------------ |
-| Enable aspect ratio | Maintains consistent aspect ratio for all media items | Checkbox (default: false) |
-| Show entire image | Displays entire image without cropping | Checkbox (default: true)
Visible when enable aspect ratio is true
|
-| Aspect ratio | Aspect ratio for media items | • Square
• Landscape
• Portrait
• None
Visible when enable aspect ratio is true
|
+| Setting | Description | Options |
+| ------------------- | ----------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ |
+| Border position | Controls where borders appear | • None (default)
• Top
• Bottom
• Left
• Right
• Top and bottom
• Left and right
• All
|
+| Enable aspect ratio | Maintains consistent aspect ratio for all media items | Checkbox (default: false) |
+| Enable zoom hover | Enables zoom effect on image hover | Checkbox (default: false) |
+| Show alt text | Shows each image’s alt text under the media | Checkbox (default: false) |
+| Show entire image | Displays entire image without cropping | Checkbox (default: true)
Visible when **Enable aspect ratio** is on
|
+| Aspect ratio | Aspect ratio for media items | • Square
• Landscape
• Portrait
• None
Visible when **Enable aspect ratio** is on
|
### Display
diff --git a/slab/content/blocks/all-pagination/wrappers/collections-grid.md b/slab/content/blocks/all-pagination/wrappers/collections-grid.md
index 3ff6d66..b67e570 100644
--- a/slab/content/blocks/all-pagination/wrappers/collections-grid.md
+++ b/slab/content/blocks/all-pagination/wrappers/collections-grid.md
@@ -40,9 +40,12 @@ The following blocks can be nested within this block:
### Color
-| Setting | Description | Options |
-| ------------ | ------------------------- | ------------------------------------- |
-| Border color | Controls the border color | • Subtle (default)
• Strong
|
+| Setting | Description | Options |
+| --- | --- | --- |
+| Type | Selects color mode | • Custom
• Base (default)
Visible when **Enable inheritance** is off and **Border position** is not **None** |
+| Scheme | Custom color scheme for the border | Color scheme picker
Visible when **Type** is **Custom**, **Enable inheritance** is off, and **Border position** is not **None** |
+| Color border | Controls the border color | • Subtle (default)
• Strong
Visible when **Border position** is not **None**, **Type** is **Base**, and **Enable inheritance** is off |
+| Enable inheritance | Inherits color settings from parent block | Checkbox (default: false)
Visible when **Border position** is not **None** |
### Style
diff --git a/slab/content/blocks/basics/video.md b/slab/content/blocks/basics/video.md
index 3c91cce..1f136f9 100644
--- a/slab/content/blocks/basics/video.md
+++ b/slab/content/blocks/basics/video.md
@@ -48,17 +48,20 @@ The following blocks can be nested within this block:
### Color
-| Setting | Description | Options |
-| ------------ | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Color scheme | Controls the background color scheme | • Body
• Neutral
• Accent 1 (default)
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Primary
• Secondary
• Tertiary
• Blur
|
-| Border color | Controls the border color | • Subtle (default)
• Strong
• None
|
+| Setting | Description | Options |
+| --- | --- | --- |
+| Type | Selects color mode | • Custom
• Base (default)
Visible when **Enable inheritance** is off |
+| Scheme | Custom color scheme picker | Color scheme picker
Visible when **Type** is **Custom** and **Enable inheritance** is off |
+| Color scheme | Controls the background color scheme | • Body background
• Body foreground
• Accent 1 (default)
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Blur
• Transparent
Visible when **Type** is **Base** and **Enable inheritance** is off |
+| Border color | Controls the border color | • None (default)
• Subtle
• Strong
Visible when **Border position** is not **None**, **Type** is **Base**, and **Enable inheritance** is off |
+| Enable inheritance | Inherits color settings from parent block | Checkbox (default: false) |
### Style
| Setting | Description | Options |
| --------------- | ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------ |
| Width | Controls the width of the video container | 5 - 100 % (default: 100) |
-| Minimum width | Minimum width of the video container | 5 - 500 px (default: 500) |
+| Minimum width | Minimum width of the video container | 5 - 500 px (default: 500)
Visible when **Width** is less than 100 |
| Border position | Controls where borders appear on the video | • None (default)
• Top
• Bottom
• Left
• Right
• Top and bottom
• Left and right
• All
|
| Radius | Controls the border radius | • None
• Default (default)
• Sm
• Md
• Lg
• Xl
• 2xl
• Full
|
@@ -66,7 +69,7 @@ The following blocks can be nested within this block:
| Setting | Description | Options |
| -------------------- | ------------------------------------------ | ---------------------------------------------- |
-| Horizontal alignment | Controls horizontal alignment of the video | • Left (default)
• Center
• Right
|
+| Horizontal alignment | Controls horizontal alignment of the video | • Left (default)
• Center
• Right
Visible when **Width** is less than 100 |
### Display
diff --git a/slab/content/blocks/cards/product-card.md b/slab/content/blocks/cards/product-card.md
index b2e9755..a527b58 100644
--- a/slab/content/blocks/cards/product-card.md
+++ b/slab/content/blocks/cards/product-card.md
@@ -36,6 +36,13 @@ The following blocks can be nested within this block:
* [Slider](../layout/slider/)
* [Grid](../layout/default-grid/)
* [Flex](../layout/flex-grid/)
+* [Sibling options](../products/sibling-options.md)
+* [Rating](../products/rating.md)
+* [Pickup availability](../products/pickup-availability.md)
+* [Bundles](../products/bundles.md)
+* [Buy button](../products/buy-button.md)
+* [Product options](../products/product-options.md)
+* [Subscription](../products/subscription.md)
## Block settings
@@ -61,16 +68,20 @@ The following blocks can be nested within this block:
### Color
-| Setting | Description | Options |
-| ------------ | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| Color scheme | Controls the background and text colors | • Body (default)
• Neutral
• Accent 1
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Primary
• Secondary
• Tertiary
• Blur
• Transparent
|
-| Color border | Controls the border color | • Body
• Subtle (default)
• Strong
• Primary
• Secondary
• Tertiary
• None
|
+| Setting | Description | Options |
+| --- | --- | --- |
+| Type | Selects color mode | • Custom
• Base (default)
Visible when **Enable inheritance** is off |
+| Scheme | Custom color scheme picker | Color scheme picker
Visible when **Type** is **Custom** and **Enable inheritance** is off |
+| Color scheme | Controls the background and text colors | • Body background (default)
• Body foreground
• Accent 1
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Blur
• Transparent
Visible when **Type** is **Base** and **Enable inheritance** is off |
+| Color border | Controls the border color | • None
• Subtle (default)
• Strong
Visible when **Border position** is not **None**, **Type** is **Base**, and **Enable inheritance** is off |
+| Enable inheritance | Inherits color settings from parent block | Checkbox (default: false) |
### Style
| Setting | Description | Options |
| ----------------------- | -------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ |
| Border position | Controls where borders appear | • None (default)
• Top
• Bottom
• Left
• Right
• Top and bottom
• Left and right
• All
|
+| Radius | Controls the border radius | • None
• Default (default)
• Sm
• Md
• Lg
• Xl
• 2xl
• Full
|
| Show underline on hover | Displays an underline effect when hovering over the card | Checkbox (default: false) |
### Display
diff --git a/slab/content/blocks/cart/progress-bar/README.md b/slab/content/blocks/cart/progress-bar/README.md
index b46f90c..33d5ce5 100644
--- a/slab/content/blocks/cart/progress-bar/README.md
+++ b/slab/content/blocks/cart/progress-bar/README.md
@@ -46,12 +46,16 @@ The following blocks can be nested within this block:
### Color
-| Setting | Description | Options |
-| ------------ | --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| Color bar | Controls the progress bar fill color | • Body
• Neutral
• Accent 1
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Primary
• Secondary
• Tertiary
• Blur
• Transparent
|
-| Color scheme | Controls the background and text colors for tier messages | • Body
• Neutral (default)
• Accent 1
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Primary
• Secondary
• Tertiary
• Blur
• Transparent
|
-| Color text | Controls the text color for tier messages | • Default (default)
• Alternative
• Primary background
• Primary foreground
• Secondary background
• Secondary foreground
• Tertiary background
• Tertiary foreground
• Neutral background
• Neutral foreground
• Shade
|
-| Color border | Controls the border color | • Body
• Subtle (default)
• Strong
• Primary
• Secondary
• Tertiary
• None
Visible when border position is not blank
|
+| Setting | Description | Options |
+| --- | --- | --- |
+| Type | Selects color mode | • Custom
• Base (default)
Visible when **Enable inheritance** is off |
+| Bar (custom) | Custom color scheme for the progress bar fill | Color scheme picker
Visible when **Type** is **Custom** and **Enable inheritance** is off |
+| Container (custom) | Custom color scheme for the tier message container | Color scheme picker
Visible when **Type** is **Custom** and **Enable inheritance** is off |
+| Color bar | Controls the progress bar fill color | • Body background
• Body foreground
• Accent 1 (default)
• Accent 2
• Accent 3
• Shade 1
• Shade 2
• Shade 3
• Blur
• Transparent
Visible when **Type** is **Base** and **Enable inheritance** is off |
+| Color container | Controls the background color for tier messages | • Body background
• Body foreground
• Accent 1
• Accent 2
• Accent 3
• Shade 1 (default)
• Shade 2
• Shade 3
• Blur
• Transparent
Visible when **Type** is **Base** and **Enable inheritance** is off |
+| Color text | Controls the text color for tier messages | • Default (default)
• Alternative
• Link
• Error
• Success
• Shade 1
• Shade 2
• Shade 3
Visible when **Type** is **Base** and **Enable inheritance** is off |
+| Color border | Controls the border color | • None
• Subtle (default)
• Strong
Visible when **Border position** is not **None**, **Type** is **Base**, and **Enable inheritance** is off |
+| Enable inheritance | Inherits color settings from parent block | Checkbox (default: true) |
### Style