@thryveai/theme-interfaces 1.4.8-beta5 → 1.4.8-beta6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/admin-theme-template.d.ts +162 -0
  2. package/admin-theme-template.js +192 -98
  3. package/package.json +1 -1
package/admin-theme-template.d.ts CHANGED
@@ -238,6 +238,7 @@ export declare const AdminThemeTemplate: {
238
238
  title: string;
239
239
  locationInTheme: string;
240
240
  type: import("./admin-settings-interfaces").IAdminControlType;
241
+ options: string[];
241
242
  };
242
243
  static: {
243
244
  title: string;
@@ -368,6 +369,7 @@ export declare const AdminThemeTemplate: {
368
369
  title: string;
369
370
  locationInTheme: string;
370
371
  type: import("./admin-settings-interfaces").IAdminControlType;
372
+ options: string[];
371
373
  };
372
374
  static: {
373
375
  title: string;
@@ -498,6 +500,7 @@ export declare const AdminThemeTemplate: {
498
500
  title: string;
499
501
  locationInTheme: string;
500
502
  type: import("./admin-settings-interfaces").IAdminControlType;
503
+ options: string[];
501
504
  };
502
505
  static: {
503
506
  title: string;
@@ -628,6 +631,7 @@ export declare const AdminThemeTemplate: {
628
631
  title: string;
629
632
  locationInTheme: string;
630
633
  type: import("./admin-settings-interfaces").IAdminControlType;
634
+ options: string[];
631
635
  };
632
636
  static: {
633
637
  title: string;
@@ -758,6 +762,7 @@ export declare const AdminThemeTemplate: {
758
762
  title: string;
759
763
  locationInTheme: string;
760
764
  type: import("./admin-settings-interfaces").IAdminControlType;
765
+ options: string[];
761
766
  };
762
767
  static: {
763
768
  title: string;
@@ -888,5 +893,162 @@ export declare const AdminThemeTemplate: {
888
893
  };
889
894
  };
890
895
  };
896
+ header: {
897
+ title: string;
898
+ description: string;
899
+ type: import("./admin-settings-interfaces").IAdminControlType;
900
+ value: {
901
+ topMenu: {
902
+ title: string;
903
+ description: string;
904
+ type: import("./admin-settings-interfaces").IAdminControlType;
905
+ value: {
906
+ color: {
907
+ title: string;
908
+ locationInTheme: string;
909
+ type: import("./admin-settings-interfaces").IAdminControlType;
910
+ };
911
+ backgroundColor: {
912
+ title: string;
913
+ locationInTheme: string;
914
+ type: import("./admin-settings-interfaces").IAdminControlType;
915
+ };
916
+ };
917
+ };
918
+ mainMenu: {
919
+ title: string;
920
+ description: string;
921
+ type: import("./admin-settings-interfaces").IAdminControlType;
922
+ value: {
923
+ color: {
924
+ title: string;
925
+ locationInTheme: string;
926
+ type: import("./admin-settings-interfaces").IAdminControlType;
927
+ };
928
+ backgroundColor: {
929
+ title: string;
930
+ locationInTheme: string;
931
+ type: import("./admin-settings-interfaces").IAdminControlType;
932
+ };
933
+ };
934
+ };
935
+ bottomMenu: {
936
+ title: string;
937
+ description: string;
938
+ type: import("./admin-settings-interfaces").IAdminControlType;
939
+ value: {
940
+ color: {
941
+ title: string;
942
+ locationInTheme: string;
943
+ type: import("./admin-settings-interfaces").IAdminControlType;
944
+ };
945
+ hoverColor: {
946
+ title: string;
947
+ locationInTheme: string;
948
+ type: import("./admin-settings-interfaces").IAdminControlType;
949
+ };
950
+ backgroundColor: {
951
+ title: string;
952
+ locationInTheme: string;
953
+ type: import("./admin-settings-interfaces").IAdminControlType;
954
+ };
955
+ textTransform: {
956
+ title: string;
957
+ locationInTheme: string;
958
+ type: import("./admin-settings-interfaces").IAdminControlType;
959
+ options: string[];
960
+ };
961
+ fontWeight: {
962
+ title: string;
963
+ type: import("./admin-settings-interfaces").IAdminControlType;
964
+ options: string[];
965
+ };
966
+ };
967
+ };
968
+ storePopover: {
969
+ title: string;
970
+ description: string;
971
+ type: import("./admin-settings-interfaces").IAdminControlType;
972
+ value: {
973
+ backgroundColor: {
974
+ title: string;
975
+ locationInTheme: string;
976
+ type: import("./admin-settings-interfaces").IAdminControlType;
977
+ };
978
+ activeBackgroundColor: {
979
+ title: string;
980
+ locationInTheme: string;
981
+ type: import("./admin-settings-interfaces").IAdminControlType;
982
+ };
983
+ color: {
984
+ title: string;
985
+ locationInTheme: string;
986
+ type: import("./admin-settings-interfaces").IAdminControlType;
987
+ };
988
+ activeColor: {
989
+ title: string;
990
+ locationInTheme: string;
991
+ type: import("./admin-settings-interfaces").IAdminControlType;
992
+ };
993
+ borderRadius: {
994
+ title: string;
995
+ locationInTheme: string;
996
+ type: import("./admin-settings-interfaces").IAdminControlType;
997
+ };
998
+ reserveTimeIconPosition: {
999
+ title: string;
1000
+ description: string;
1001
+ type: import("./admin-settings-interfaces").IAdminControlType;
1002
+ options: string[];
1003
+ };
1004
+ };
1005
+ };
1006
+ accountPopover: {
1007
+ title: string;
1008
+ description: string;
1009
+ type: import("./admin-settings-interfaces").IAdminControlType;
1010
+ value: {
1011
+ color: {
1012
+ title: string;
1013
+ locationInTheme: string;
1014
+ type: import("./admin-settings-interfaces").IAdminControlType;
1015
+ };
1016
+ backgroundColor: {
1017
+ title: string;
1018
+ locationInTheme: string;
1019
+ type: import("./admin-settings-interfaces").IAdminControlType;
1020
+ };
1021
+ links: {
1022
+ title: string;
1023
+ description: string;
1024
+ type: import("./admin-settings-interfaces").IAdminControlType;
1025
+ value: {
1026
+ color: {
1027
+ title: string;
1028
+ type: import("./admin-settings-interfaces").IAdminControlType;
1029
+ value: {
1030
+ static: {
1031
+ title: string;
1032
+ locationInTheme: string;
1033
+ type: import("./admin-settings-interfaces").IAdminControlType;
1034
+ };
1035
+ hover: {
1036
+ title: string;
1037
+ locationInTheme: string;
1038
+ type: import("./admin-settings-interfaces").IAdminControlType;
1039
+ };
1040
+ visited: {
1041
+ title: string;
1042
+ locationInTheme: string;
1043
+ type: import("./admin-settings-interfaces").IAdminControlType;
1044
+ };
1045
+ };
1046
+ };
1047
+ };
1048
+ };
1049
+ };
1050
+ };
1051
+ };
1052
+ };
891
1053
  };
892
1054
  export default AdminThemeTemplate;
package/admin-theme-template.js CHANGED
@@ -2,16 +2,16 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.AdminThemeTemplate = exports.AdminTemplateInputTypes = void 0;
4
4
  exports.AdminTemplateInputTypes = {
5
- checkbox: 'checkbox',
6
- collapsableObject: 'collapsableObject',
7
- color: 'color',
8
- dropdown: 'dropdown',
9
- inputChar: 'inputChar',
10
- inputNumber: 'inputChar',
11
- multiDropdown: 'multiDropdown',
12
- nullObject: 'nullObject',
13
- object: 'object',
14
- string: 'string'
5
+ checkbox: "checkbox",
6
+ collapsableObject: "collapsableObject",
7
+ color: "color",
8
+ dropdown: "dropdown",
9
+ inputChar: "inputChar",
10
+ inputNumber: "inputChar",
11
+ multiDropdown: "multiDropdown",
12
+ nullObject: "nullObject",
13
+ object: "object",
14
+ string: "string",
15
15
  };
16
16
  var buttonGenerator = function (buttonName) { return ({
17
17
  title: buttonName + " Button",
@@ -19,25 +19,26 @@ var buttonGenerator = function (buttonName) { return ({
19
19
  type: exports.AdminTemplateInputTypes.collapsableObject,
20
20
  value: {
21
21
  borderRadius: {
22
- title: 'Border Radius',
22
+ title: "Border Radius",
23
23
  locationInTheme: "data.buttons." + buttonName + ".borderRadius",
24
- type: exports.AdminTemplateInputTypes.string
24
+ type: exports.AdminTemplateInputTypes.string,
25
25
  },
26
26
  fontWeight: {
27
- title: 'Font Weight',
27
+ title: "Font Weight",
28
28
  locationInTheme: "data.buttons." + buttonName + ".fontWeight",
29
- type: exports.AdminTemplateInputTypes.string
29
+ type: exports.AdminTemplateInputTypes.string,
30
30
  },
31
31
  textTransform: {
32
- title: 'Text Transform',
32
+ title: "Text Transform",
33
33
  locationInTheme: "data.buttons." + buttonName + ".textTransform",
34
- type: exports.AdminTemplateInputTypes.string
34
+ type: exports.AdminTemplateInputTypes.dropdown,
35
+ options: ["none", "capitalize", "uppercase", "lowercase"],
35
36
  },
36
- static: buttonStateGenerator('static', "data.buttons." + buttonName),
37
- hover: buttonStateGenerator('hover', "data.buttons." + buttonName),
38
- clicked: buttonStateGenerator('clicked', "data.buttons." + buttonName),
39
- disabled: buttonStateGenerator('disabled', "data.buttons." + buttonName),
40
- }
37
+ static: buttonStateGenerator("static", "data.buttons." + buttonName),
38
+ hover: buttonStateGenerator("hover", "data.buttons." + buttonName),
39
+ clicked: buttonStateGenerator("clicked", "data.buttons." + buttonName),
40
+ disabled: buttonStateGenerator("disabled", "data.buttons." + buttonName),
41
+ },
41
42
  }); };
42
43
  var buttonStateGenerator = function (stateName, buttonLocation) { return ({
43
44
  title: stateName + " Colors",
@@ -45,26 +46,26 @@ var buttonStateGenerator = function (stateName, buttonLocation) { return ({
45
46
  type: exports.AdminTemplateInputTypes.collapsableObject,
46
47
  value: {
47
48
  bgColor: {
48
- title: 'Background',
49
+ title: "Background",
49
50
  locationInTheme: buttonLocation + "." + stateName + ".bgColor",
50
51
  type: exports.AdminTemplateInputTypes.color,
51
52
  },
52
53
  borderColor: {
53
- title: 'Border Color',
54
+ title: "Border Color",
54
55
  locationInTheme: buttonLocation + "." + stateName + ".borderColor",
55
56
  type: exports.AdminTemplateInputTypes.color,
56
57
  },
57
58
  color: {
58
- title: 'Text Color',
59
+ title: "Text Color",
59
60
  locationInTheme: buttonLocation + "." + stateName + ".color",
60
61
  type: exports.AdminTemplateInputTypes.color,
61
62
  },
62
63
  iconColor: {
63
- title: 'Icon Color (if any)',
64
+ title: "Icon Color (if any)",
64
65
  locationInTheme: buttonLocation + "." + stateName + ".iconColor",
65
66
  type: exports.AdminTemplateInputTypes.color,
66
67
  },
67
- }
68
+ },
68
69
  }); };
69
70
  var colorGenerator = function (colorName, colorLocation) { return ({
70
71
  title: colorName,
@@ -73,106 +74,199 @@ var colorGenerator = function (colorName, colorLocation) { return ({
73
74
  }); };
74
75
  exports.AdminThemeTemplate = {
75
76
  colors: {
76
- title: 'Colors',
77
- description: 'Change your themes colors',
78
- helpLink: 'https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo',
77
+ title: "Colors",
78
+ description: "Change your themes colors",
79
+ helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
79
80
  type: exports.AdminTemplateInputTypes.collapsableObject,
80
81
  value: {
81
82
  brandColors: {
82
- title: 'Brand Colors',
83
- description: 'Change your themes colors',
83
+ title: "Brand Colors",
84
+ description: "Change your themes colors",
84
85
  type: exports.AdminTemplateInputTypes.collapsableObject,
85
86
  value: {
86
- primary1: colorGenerator('primary1', 'data.colors.brandColors'),
87
- primary2: colorGenerator('primary2', 'data.colors.brandColors'),
88
- primary3: colorGenerator('primary3', 'data.colors.brandColors'),
89
- primary4: colorGenerator('primary4', 'data.colors.brandColors'),
90
- primary5: colorGenerator('primary5', 'data.colors.brandColors'),
91
- secondary1: colorGenerator('secondary1', 'data.colors.brandColors'),
92
- secondary2: colorGenerator('secondary2', 'data.colors.brandColors'),
93
- secondary3: colorGenerator('secondary3', 'data.colors.brandColors'),
94
- secondary4: colorGenerator('secondary4', 'data.colors.brandColors'),
95
- secondary5: colorGenerator('secondary5', 'data.colors.brandColors'),
96
- tertiary1: colorGenerator('tertiary1', 'data.colors.brandColors'),
97
- tertiary2: colorGenerator('tertiary2', 'data.colors.brandColors'),
98
- tertiary3: colorGenerator('tertiary3', 'data.colors.brandColors'),
99
- tertiary4: colorGenerator('tertiary4', 'data.colors.brandColors'),
100
- tertiary5: colorGenerator('tertiary5', 'data.colors.brandColors'),
101
- }
87
+ primary1: colorGenerator("primary1", "data.colors.brandColors"),
88
+ primary2: colorGenerator("primary2", "data.colors.brandColors"),
89
+ primary3: colorGenerator("primary3", "data.colors.brandColors"),
90
+ primary4: colorGenerator("primary4", "data.colors.brandColors"),
91
+ primary5: colorGenerator("primary5", "data.colors.brandColors"),
92
+ secondary1: colorGenerator("secondary1", "data.colors.brandColors"),
93
+ secondary2: colorGenerator("secondary2", "data.colors.brandColors"),
94
+ secondary3: colorGenerator("secondary3", "data.colors.brandColors"),
95
+ secondary4: colorGenerator("secondary4", "data.colors.brandColors"),
96
+ secondary5: colorGenerator("secondary5", "data.colors.brandColors"),
97
+ tertiary1: colorGenerator("tertiary1", "data.colors.brandColors"),
98
+ tertiary2: colorGenerator("tertiary2", "data.colors.brandColors"),
99
+ tertiary3: colorGenerator("tertiary3", "data.colors.brandColors"),
100
+ tertiary4: colorGenerator("tertiary4", "data.colors.brandColors"),
101
+ tertiary5: colorGenerator("tertiary5", "data.colors.brandColors"),
102
+ },
102
103
  },
103
104
  uiColors: {
104
- title: 'UI Colors',
105
- description: 'Change your themes colors',
105
+ title: "UI Colors",
106
+ description: "Change your themes colors",
106
107
  type: exports.AdminTemplateInputTypes.collapsableObject,
107
108
  value: {
108
- success: colorGenerator('success', 'data.colors.uiColors'),
109
- successDark: colorGenerator('successDark', 'data.colors.uiColors'),
110
- successLight: colorGenerator('successLight', 'data.colors.uiColors'),
111
- warn: colorGenerator('warn', 'data.colors.uiColors'),
112
- warnDark: colorGenerator('warnDark', 'data.colors.uiColors'),
113
- warnLight: colorGenerator('warnLight', 'data.colors.uiColors'),
114
- alert: colorGenerator('alert', 'data.colors.uiColors'),
115
- alertDark: colorGenerator('alertDark', 'data.colors.uiColors'),
116
- alertLight: colorGenerator('alertLight', 'data.colors.uiColors'),
117
- greyscale1: colorGenerator('greyscale1', 'data.colors.uiColors'),
118
- greyscale2: colorGenerator('greyscale2', 'data.colors.uiColors'),
119
- greyscale3: colorGenerator('greyscale3', 'data.colors.uiColors'),
120
- greyscale4: colorGenerator('greyscale4', 'data.colors.uiColors'),
121
- greyscale5: colorGenerator('greyscale5', 'data.colors.uiColors'),
122
- greyscale6: colorGenerator('greyscale6', 'data.colors.uiColors'),
123
- greyscale7: colorGenerator('greyscale7', 'data.colors.uiColors'),
124
- promotion1: colorGenerator('promotion1', 'data.colors.uiColors'),
125
- promotion2: colorGenerator('promotion2', 'data.colors.uiColors'),
126
- }
127
- }
128
- }
109
+ success: colorGenerator("success", "data.colors.uiColors"),
110
+ successDark: colorGenerator("successDark", "data.colors.uiColors"),
111
+ successLight: colorGenerator("successLight", "data.colors.uiColors"),
112
+ warn: colorGenerator("warn", "data.colors.uiColors"),
113
+ warnDark: colorGenerator("warnDark", "data.colors.uiColors"),
114
+ warnLight: colorGenerator("warnLight", "data.colors.uiColors"),
115
+ alert: colorGenerator("alert", "data.colors.uiColors"),
116
+ alertDark: colorGenerator("alertDark", "data.colors.uiColors"),
117
+ alertLight: colorGenerator("alertLight", "data.colors.uiColors"),
118
+ greyscale1: colorGenerator("greyscale1", "data.colors.uiColors"),
119
+ greyscale2: colorGenerator("greyscale2", "data.colors.uiColors"),
120
+ greyscale3: colorGenerator("greyscale3", "data.colors.uiColors"),
121
+ greyscale4: colorGenerator("greyscale4", "data.colors.uiColors"),
122
+ greyscale5: colorGenerator("greyscale5", "data.colors.uiColors"),
123
+ greyscale6: colorGenerator("greyscale6", "data.colors.uiColors"),
124
+ greyscale7: colorGenerator("greyscale7", "data.colors.uiColors"),
125
+ promotion1: colorGenerator("promotion1", "data.colors.uiColors"),
126
+ promotion2: colorGenerator("promotion2", "data.colors.uiColors"),
127
+ },
128
+ },
129
+ },
129
130
  },
130
131
  buttons: {
131
- title: 'Buttons',
132
- description: 'Change your themes buttons',
133
- helpLink: 'https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo',
132
+ title: "Buttons",
133
+ description: "Change your themes buttons",
134
+ helpLink: "https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo",
134
135
  type: exports.AdminTemplateInputTypes.collapsableObject,
135
136
  value: {
136
137
  globalThemeBorderRadius: {
137
- title: 'Global Theme Border Radius',
138
- description: 'The br for the whole site',
139
- locationInTheme: 'data.buttons.globalThemeBorderRadius',
138
+ title: "Global Theme Border Radius",
139
+ description: "The br for the whole site",
140
+ locationInTheme: "data.buttons.globalThemeBorderRadius",
140
141
  type: exports.AdminTemplateInputTypes.string,
141
142
  },
142
143
  globalThemeFontWeight: {
143
- title: 'Global Theme Font Weight',
144
- description: 'The font weight for the whole site',
145
- locationInTheme: 'data.buttons.globalThemeFontWeight',
144
+ title: "Global Theme Font Weight",
145
+ description: "The font weight for the whole site",
146
+ locationInTheme: "data.buttons.globalThemeFontWeight",
146
147
  type: exports.AdminTemplateInputTypes.string,
147
148
  },
148
149
  globalThemeFontFamily: {
149
- title: 'Global Theme Font Family',
150
- description: 'The font family for the whole site',
151
- locationInTheme: 'data.buttons.globalThemeFontFamily',
150
+ title: "Global Theme Font Family",
151
+ description: "The font family for the whole site",
152
+ locationInTheme: "data.buttons.globalThemeFontFamily",
152
153
  type: exports.AdminTemplateInputTypes.string,
153
154
  },
154
155
  iconPosition: {
155
- title: 'Button Icon Position',
156
- description: 'Which side of the button should the icon appear',
157
- locationInTheme: 'data.buttons.iconPosition',
156
+ title: "Button Icon Position",
157
+ description: "Which side of the button should the icon appear",
158
+ locationInTheme: "data.buttons.iconPosition",
158
159
  type: exports.AdminTemplateInputTypes.dropdown,
159
- options: ['left', 'right']
160
+ options: ["left", "right"],
160
161
  },
161
- primary: buttonGenerator('primary'),
162
- primaryLight: buttonGenerator('primaryLight'),
163
- secondary: buttonGenerator('secondary'),
164
- secondaryLight: buttonGenerator('secondaryLight'),
165
- checkout: buttonGenerator('checkout'),
162
+ primary: buttonGenerator("primary"),
163
+ primaryLight: buttonGenerator("primaryLight"),
164
+ secondary: buttonGenerator("secondary"),
165
+ secondaryLight: buttonGenerator("secondaryLight"),
166
+ checkout: buttonGenerator("checkout"),
166
167
  filterSort: {
167
- title: 'Filter Sort',
168
- description: 'Colors for the filter sort buttons',
168
+ title: "Filter Sort",
169
+ description: "Colors for the filter sort buttons",
169
170
  type: exports.AdminTemplateInputTypes.collapsableObject,
170
171
  value: {
171
- color: colorGenerator('color', 'data.buttons.filterSort'),
172
- hoverColor: colorGenerator('hoverColor', 'data.buttons.filterSort')
173
- }
172
+ color: colorGenerator("color", "data.buttons.filterSort"),
173
+ hoverColor: colorGenerator("hoverColor", "data.buttons.filterSort"),
174
+ },
174
175
  },
175
- }
176
- }
176
+ },
177
+ },
178
+ header: {
179
+ title: "Header",
180
+ description: "Change your header styles",
181
+ type: exports.AdminTemplateInputTypes.collapsableObject,
182
+ value: {
183
+ topMenu: {
184
+ title: "Top Menu",
185
+ description: "Change your Top Menu bar styles",
186
+ type: exports.AdminTemplateInputTypes.collapsableObject,
187
+ value: {
188
+ color: colorGenerator("color", "data.header.topMenu"),
189
+ backgroundColor: colorGenerator("backgroundColor", "data.header.topMenu"),
190
+ },
191
+ },
192
+ mainMenu: {
193
+ title: "Main Menu",
194
+ description: "Change your Main Menu bar styles",
195
+ type: exports.AdminTemplateInputTypes.collapsableObject,
196
+ value: {
197
+ color: colorGenerator("color", "data.header.mainMenu"),
198
+ backgroundColor: colorGenerator("backgroundColor", "data.header.mainMenu"),
199
+ },
200
+ },
201
+ bottomMenu: {
202
+ title: "Bottom Menu",
203
+ description: "Change your Bottom Menu bar styles",
204
+ type: exports.AdminTemplateInputTypes.collapsableObject,
205
+ value: {
206
+ color: colorGenerator("color", "data.header.bottomMenu"),
207
+ hoverColor: colorGenerator("hoverColor", "data.header.bottomMenu"),
208
+ backgroundColor: colorGenerator("backgroundColor", "data.header.bottomMenu"),
209
+ textTransform: {
210
+ title: "Text Transform",
211
+ locationInTheme: "data.header.bottomMenu",
212
+ type: exports.AdminTemplateInputTypes.dropdown,
213
+ options: ["none", "capitalize", "uppercase", "lowercase"],
214
+ },
215
+ fontWeight: {
216
+ title: "Font Weight",
217
+ type: exports.AdminTemplateInputTypes.dropdown,
218
+ options: ["none", "capitalize", "uppercase", "lowercase"],
219
+ },
220
+ },
221
+ },
222
+ storePopover: {
223
+ title: "Store Popover",
224
+ description: "Change store popover styles",
225
+ type: exports.AdminTemplateInputTypes.collapsableObject,
226
+ value: {
227
+ backgroundColor: colorGenerator("backgroundColor", "data.header.storePopover"),
228
+ activeBackgroundColor: colorGenerator("activeBackgroundColor", "data.header.storePopover"),
229
+ color: colorGenerator("color", "data.header.storePopover"),
230
+ activeColor: colorGenerator("activeColor", "data.header.storePopover"),
231
+ borderRadius: {
232
+ title: "Border Radius",
233
+ locationInTheme: "data.header.storePopover",
234
+ type: exports.AdminTemplateInputTypes.inputChar,
235
+ },
236
+ reserveTimeIconPosition: {
237
+ title: "Reserve Timeslot",
238
+ description: "Controls Timeslot icons position inside reserve button",
239
+ type: exports.AdminTemplateInputTypes.dropdown,
240
+ options: ["left", "right", "center"],
241
+ },
242
+ },
243
+ },
244
+ accountPopover: {
245
+ title: "Account Popover",
246
+ description: "Change account popover styles",
247
+ type: exports.AdminTemplateInputTypes.collapsableObject,
248
+ value: {
249
+ color: colorGenerator("color", "data.header.accountPopover"),
250
+ backgroundColor: colorGenerator("backgroundColor", "data.header.accountPopover"),
251
+ links: {
252
+ title: "Links",
253
+ description: "Change Links inside account popover",
254
+ type: exports.AdminTemplateInputTypes.collapsableObject,
255
+ value: {
256
+ color: {
257
+ title: "Color styles",
258
+ type: exports.AdminTemplateInputTypes.collapsableObject,
259
+ value: {
260
+ static: colorGenerator("static", "data.header.accountPopover.links.color"),
261
+ hover: colorGenerator("hover", "data.header.accountPopover.links.color"),
262
+ visited: colorGenerator("visited", "data.header.accountPopover.links.color"),
263
+ },
264
+ },
265
+ },
266
+ },
267
+ },
268
+ },
269
+ },
270
+ },
177
271
  };
178
272
  exports.default = exports.AdminThemeTemplate;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thryveai/theme-interfaces",
3
- "version": "1.4.8-beta5",
3
+ "version": "1.4.8-beta6",
4
4
  "description": "Shared Interfaces for all ThryveAi storefront retailer themes.",
5
5
  "scripts": {
6
6
  "build": "tsc",