diff --git a/docs/TEMPLATES_CONFIG.md b/docs/TEMPLATES_CONFIG.md
index 36cb71cbc..dc057d582 100644
--- a/docs/TEMPLATES_CONFIG.md
+++ b/docs/TEMPLATES_CONFIG.md
@@ -15,7 +15,7 @@ Snap templates is entirely configuration based. The configuration defines which
| `autocomplete` | Autocomplete feature target declarations |
| `recommendation` | Recommendation feature target declarations |
-Here is a minimal example starting configuration to enable search and autocomplete using the `bocachica` theme.
+Here is a minimal example starting configuration to enable search and autocomplete using the `pike` theme.
```jsx
import { SnapTemplates } from '@athoscommerce/snap-preact';
@@ -27,7 +27,7 @@ new SnapTemplates({
currency: 'usd',
},
theme: {
- extends: 'bocachica',
+ extends: 'pike',
},
search: {
targets: [
diff --git a/docs/TEMPLATES_THEMING.md b/docs/TEMPLATES_THEMING.md
index 27c8f648d..00f0f7cfd 100644
--- a/docs/TEMPLATES_THEMING.md
+++ b/docs/TEMPLATES_THEMING.md
@@ -5,7 +5,7 @@ Theming in Snap Templates is the primary method of customizing a template. A the
new SnapTemplates({
...
theme: {
- extends: 'bocachica',
+ extends: 'base',
styles: globalStyles,
resultComponent: 'Result',
variables: { ... },
@@ -61,7 +61,7 @@ Each theme will have a common set of shared variables (ie. colors and breakpoint
new SnapTemplates({
...
theme: {
- extends: 'bocachica',
+ extends: 'base',
variables: {
breakpoints: { mobile: 768, tablet: 1024, desktop: 1280 },
colors: {
@@ -96,7 +96,7 @@ const globalStyles = (theme) => {
new SnapTemplates({
...
theme: {
- extends: 'bocachica',
+ extends: 'base',
style: globalStyles,
},
...
@@ -120,7 +120,7 @@ import { css } from '@emotion/react';
new SnapTemplates({
...
theme: {
- extends: 'bocachica',
+ extends: 'base',
overrides: {
default: {
image: {
@@ -153,7 +153,7 @@ Here's an example that demonstrates targeting specific subcomponents:
new SnapTemplates({
...
theme: {
- extends: 'bocachica',
+ extends: 'base',
overrides: {
default: {
'carousel icon.next': {
@@ -191,7 +191,7 @@ In the following example, the number of columns for the `search results` compone
new SnapTemplates({
...
theme: {
- extends: 'bocachica',
+ extends: 'base',
overrides: {
default: {
'search results': {
diff --git a/package-lock.json b/package-lock.json
index 6fd82af38..4a3bd915a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10170,6 +10170,7 @@
"os": [
"darwin"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -10187,6 +10188,7 @@
"os": [
"darwin"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -10204,6 +10206,7 @@
"os": [
"linux"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -10221,6 +10224,7 @@
"os": [
"linux"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -10238,6 +10242,7 @@
"os": [
"linux"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -10255,6 +10260,7 @@
"os": [
"linux"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -10272,6 +10278,7 @@
"os": [
"linux"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -10289,6 +10296,7 @@
"os": [
"win32"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -10306,6 +10314,7 @@
"os": [
"win32"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -10323,6 +10332,7 @@
"os": [
"win32"
],
+ "peer": true,
"engines": {
"node": ">=10"
}
@@ -17177,31 +17187,6 @@
"node": ">= 0.8"
}
},
- "node_modules/encoding": {
- "version": "0.1.13",
- "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
- "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
- "dev": true,
- "license": "MIT",
- "optional": true,
- "dependencies": {
- "iconv-lite": "^0.6.2"
- }
- },
- "node_modules/encoding/node_modules/iconv-lite": {
- "version": "0.6.3",
- "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
- "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
- "dev": true,
- "license": "MIT",
- "optional": true,
- "dependencies": {
- "safer-buffer": ">= 2.1.2 < 3.0.0"
- },
- "engines": {
- "node": ">=0.10.0"
- }
- },
"node_modules/end-of-stream": {
"version": "1.4.5",
"resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
diff --git a/packages/snap-preact-demo/public/snap/bundle.html b/packages/snap-preact-demo/public/snap/bundle.html
index d30f9d9da..9d4db2366 100644
--- a/packages/snap-preact-demo/public/snap/bundle.html
+++ b/packages/snap-preact-demo/public/snap/bundle.html
@@ -1,231 +1,284 @@
-
-
+
+
-
+
+
+
+
Product Detail Page
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
Stripe Out Off-The-Shoulder Dress
-
$50.00 $48.00
-
-
-
-
-
-
-
-
-
-
-
Stripe Out Off-The-Shoulder Dress
-
$50.00 $48.00
-
-
-
-
-
-
-
-