hey-pharmacist-ecommerce 1.1.40 → 1.1.41

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.
package/dist/index.mjs CHANGED
@@ -233,20 +233,20 @@ function ThemeProvider({ config, children }) {
233
233
  const secondaryShades = generateColorShades(config.colors.secondary);
234
234
  const accentShades = generateColorShades(config.colors.accent);
235
235
  const vars = [];
236
- vars.push(`--color-primary: ${config.colors.primary}`);
237
- vars.push(`--color-primary-dark: ${config.colors.primaryDark}`);
238
- vars.push(`--color-secondary: ${config.colors.secondary}`);
239
- vars.push(`--color-accent: ${config.colors.accent}`);
240
- vars.push(`--color-accent-dark: ${config.colors.accentDark}`);
241
- vars.push(`--color-text-muted: ${config.colors.textMuted}`);
236
+ vars.push(`--hp-primary: ${config.colors.primary}`);
237
+ vars.push(`--hp-primary-dark: ${config.colors.primaryDark}`);
238
+ vars.push(`--hp-secondary: ${config.colors.secondary}`);
239
+ vars.push(`--hp-accent: ${config.colors.accent}`);
240
+ vars.push(`--hp-accent-dark: ${config.colors.accentDark}`);
241
+ vars.push(`--hp-text-muted: ${config.colors.textMuted}`);
242
242
  Object.entries(primaryShades).forEach(([shade, rgb]) => {
243
- vars.push(`--color-primary-${shade}: ${rgb}`);
243
+ vars.push(`--hp-primary-${shade}: ${rgb}`);
244
244
  });
245
245
  Object.entries(secondaryShades).forEach(([shade, rgb]) => {
246
- vars.push(`--color-secondary-${shade}: ${rgb}`);
246
+ vars.push(`--hp-secondary-${shade}: ${rgb}`);
247
247
  });
248
248
  Object.entries(accentShades).forEach(([shade, rgb]) => {
249
- vars.push(`--color-accent-${shade}: ${rgb}`);
249
+ vars.push(`--hp-accent-${shade}: ${rgb}`);
250
250
  });
251
251
  return vars.join("; ");
252
252
  }, [config.colors]);
@@ -255,20 +255,20 @@ function ThemeProvider({ config, children }) {
255
255
  const primaryShades = generateColorShades(config.colors.primary);
256
256
  const secondaryShades = generateColorShades(config.colors.secondary);
257
257
  const accentShades = generateColorShades(config.colors.accent);
258
- root.style.setProperty("--color-primary", config.colors.primary);
259
- root.style.setProperty("--color-primary-dark", config.colors.primaryDark);
260
- root.style.setProperty("--color-secondary", config.colors.secondary);
261
- root.style.setProperty("--color-accent", config.colors.accent);
262
- root.style.setProperty("--color-accent-dark", config.colors.accentDark);
263
- root.style.setProperty("--color-text-muted", config.colors.textMuted);
258
+ root.style.setProperty("--hp-primary", config.colors.primary);
259
+ root.style.setProperty("--hp-primary-dark", config.colors.primaryDark);
260
+ root.style.setProperty("--hp-secondary", config.colors.secondary);
261
+ root.style.setProperty("--hp-accent", config.colors.accent);
262
+ root.style.setProperty("--hp-accent-dark", config.colors.accentDark);
263
+ root.style.setProperty("--hp-text-muted", config.colors.textMuted);
264
264
  Object.entries(primaryShades).forEach(([shade, rgb]) => {
265
- root.style.setProperty(`--color-primary-${shade}`, rgb);
265
+ root.style.setProperty(`--hp-primary-${shade}`, rgb);
266
266
  });
267
267
  Object.entries(secondaryShades).forEach(([shade, rgb]) => {
268
- root.style.setProperty(`--color-secondary-${shade}`, rgb);
268
+ root.style.setProperty(`--hp-secondary-${shade}`, rgb);
269
269
  });
270
270
  Object.entries(accentShades).forEach(([shade, rgb]) => {
271
- root.style.setProperty(`--color-accent-${shade}`, rgb);
271
+ root.style.setProperty(`--hp-accent-${shade}`, rgb);
272
272
  });
273
273
  }, [config]);
274
274
  return /* @__PURE__ */ jsxs(ThemeContext.Provider, { value: { config }, children: [