@thryveai/theme-interfaces 1.4.8-beta6 → 1.4.10

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 (28) hide show
  1. package/.eslintignore +46 -0
  2. package/.eslintrc.js +32 -0
  3. package/.prettierrc +6 -0
  4. package/package.json +24 -14
  5. package/src/interfaces/default-theme.interface.ts +673 -0
  6. package/src/interfaces/icons.interfaces.ts +254 -0
  7. package/src/interfaces/index.ts +180 -0
  8. package/src/interfaces/retailer-settings.interfaces.ts +458 -0
  9. package/src/interfaces/theme.interfaces.ts +675 -0
  10. package/tsconfig.json +13 -0
  11. package/admin-settings-interfaces.d.ts +0 -54
  12. package/admin-settings-interfaces.js +0 -2
  13. package/admin-settings-template.d.ts +0 -3
  14. package/admin-settings-template.js +0 -559
  15. package/admin-theme-template.d.ts +0 -1054
  16. package/admin-theme-template.js +0 -272
  17. package/default-theme.interface.d.ts +0 -647
  18. package/default-theme.interface.js +0 -2
  19. package/default.config.d.ts +0 -3
  20. package/default.config.js +0 -163
  21. package/icons.interfaces.d.ts +0 -7
  22. package/icons.interfaces.js +0 -124
  23. package/index.d.ts +0 -12
  24. package/index.js +0 -12
  25. package/retailer-settings.interfaces.d.ts +0 -345
  26. package/retailer-settings.interfaces.js +0 -2
  27. package/theme.interfaces.d.ts +0 -649
  28. package/theme.interfaces.js +0 -2
package/admin-theme-template.js DELETED
@@ -1,272 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.AdminThemeTemplate = exports.AdminTemplateInputTypes = void 0;
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",
15
- };
16
- var buttonGenerator = function (buttonName) { return ({
17
- title: buttonName + " Button",
18
- description: "Settings for the " + buttonName + " button",
19
- type: exports.AdminTemplateInputTypes.collapsableObject,
20
- value: {
21
- borderRadius: {
22
- title: "Border Radius",
23
- locationInTheme: "data.buttons." + buttonName + ".borderRadius",
24
- type: exports.AdminTemplateInputTypes.string,
25
- },
26
- fontWeight: {
27
- title: "Font Weight",
28
- locationInTheme: "data.buttons." + buttonName + ".fontWeight",
29
- type: exports.AdminTemplateInputTypes.string,
30
- },
31
- textTransform: {
32
- title: "Text Transform",
33
- locationInTheme: "data.buttons." + buttonName + ".textTransform",
34
- type: exports.AdminTemplateInputTypes.dropdown,
35
- options: ["none", "capitalize", "uppercase", "lowercase"],
36
- },
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
- },
42
- }); };
43
- var buttonStateGenerator = function (stateName, buttonLocation) { return ({
44
- title: stateName + " Colors",
45
- description: "How the button will look in " + stateName + " state",
46
- type: exports.AdminTemplateInputTypes.collapsableObject,
47
- value: {
48
- bgColor: {
49
- title: "Background",
50
- locationInTheme: buttonLocation + "." + stateName + ".bgColor",
51
- type: exports.AdminTemplateInputTypes.color,
52
- },
53
- borderColor: {
54
- title: "Border Color",
55
- locationInTheme: buttonLocation + "." + stateName + ".borderColor",
56
- type: exports.AdminTemplateInputTypes.color,
57
- },
58
- color: {
59
- title: "Text Color",
60
- locationInTheme: buttonLocation + "." + stateName + ".color",
61
- type: exports.AdminTemplateInputTypes.color,
62
- },
63
- iconColor: {
64
- title: "Icon Color (if any)",
65
- locationInTheme: buttonLocation + "." + stateName + ".iconColor",
66
- type: exports.AdminTemplateInputTypes.color,
67
- },
68
- },
69
- }); };
70
- var colorGenerator = function (colorName, colorLocation) { return ({
71
- title: colorName,
72
- locationInTheme: colorLocation + "." + colorName,
73
- type: exports.AdminTemplateInputTypes.color,
74
- }); };
75
- exports.AdminThemeTemplate = {
76
- colors: {
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",
80
- type: exports.AdminTemplateInputTypes.collapsableObject,
81
- value: {
82
- brandColors: {
83
- title: "Brand Colors",
84
- description: "Change your themes colors",
85
- type: exports.AdminTemplateInputTypes.collapsableObject,
86
- value: {
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
- },
103
- },
104
- uiColors: {
105
- title: "UI Colors",
106
- description: "Change your themes colors",
107
- type: exports.AdminTemplateInputTypes.collapsableObject,
108
- value: {
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
- },
130
- },
131
- buttons: {
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",
135
- type: exports.AdminTemplateInputTypes.collapsableObject,
136
- value: {
137
- globalThemeBorderRadius: {
138
- title: "Global Theme Border Radius",
139
- description: "The br for the whole site",
140
- locationInTheme: "data.buttons.globalThemeBorderRadius",
141
- type: exports.AdminTemplateInputTypes.string,
142
- },
143
- globalThemeFontWeight: {
144
- title: "Global Theme Font Weight",
145
- description: "The font weight for the whole site",
146
- locationInTheme: "data.buttons.globalThemeFontWeight",
147
- type: exports.AdminTemplateInputTypes.string,
148
- },
149
- globalThemeFontFamily: {
150
- title: "Global Theme Font Family",
151
- description: "The font family for the whole site",
152
- locationInTheme: "data.buttons.globalThemeFontFamily",
153
- type: exports.AdminTemplateInputTypes.string,
154
- },
155
- iconPosition: {
156
- title: "Button Icon Position",
157
- description: "Which side of the button should the icon appear",
158
- locationInTheme: "data.buttons.iconPosition",
159
- type: exports.AdminTemplateInputTypes.dropdown,
160
- options: ["left", "right"],
161
- },
162
- primary: buttonGenerator("primary"),
163
- primaryLight: buttonGenerator("primaryLight"),
164
- secondary: buttonGenerator("secondary"),
165
- secondaryLight: buttonGenerator("secondaryLight"),
166
- checkout: buttonGenerator("checkout"),
167
- filterSort: {
168
- title: "Filter Sort",
169
- description: "Colors for the filter sort buttons",
170
- type: exports.AdminTemplateInputTypes.collapsableObject,
171
- value: {
172
- color: colorGenerator("color", "data.buttons.filterSort"),
173
- hoverColor: colorGenerator("hoverColor", "data.buttons.filterSort"),
174
- },
175
- },
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
- },
271
- };
272
- exports.default = exports.AdminThemeTemplate;