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.js +18 -18
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +18 -18
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/providers/ThemeProvider.tsx +23 -23
- package/src/styles/globals.css +43 -44
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(`--
|
|
237
|
-
vars.push(`--
|
|
238
|
-
vars.push(`--
|
|
239
|
-
vars.push(`--
|
|
240
|
-
vars.push(`--
|
|
241
|
-
vars.push(`--
|
|
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(`--
|
|
243
|
+
vars.push(`--hp-primary-${shade}: ${rgb}`);
|
|
244
244
|
});
|
|
245
245
|
Object.entries(secondaryShades).forEach(([shade, rgb]) => {
|
|
246
|
-
vars.push(`--
|
|
246
|
+
vars.push(`--hp-secondary-${shade}: ${rgb}`);
|
|
247
247
|
});
|
|
248
248
|
Object.entries(accentShades).forEach(([shade, rgb]) => {
|
|
249
|
-
vars.push(`--
|
|
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("--
|
|
259
|
-
root.style.setProperty("--
|
|
260
|
-
root.style.setProperty("--
|
|
261
|
-
root.style.setProperty("--
|
|
262
|
-
root.style.setProperty("--
|
|
263
|
-
root.style.setProperty("--
|
|
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(`--
|
|
265
|
+
root.style.setProperty(`--hp-primary-${shade}`, rgb);
|
|
266
266
|
});
|
|
267
267
|
Object.entries(secondaryShades).forEach(([shade, rgb]) => {
|
|
268
|
-
root.style.setProperty(`--
|
|
268
|
+
root.style.setProperty(`--hp-secondary-${shade}`, rgb);
|
|
269
269
|
});
|
|
270
270
|
Object.entries(accentShades).forEach(([shade, rgb]) => {
|
|
271
|
-
root.style.setProperty(`--
|
|
271
|
+
root.style.setProperty(`--hp-accent-${shade}`, rgb);
|
|
272
272
|
});
|
|
273
273
|
}, [config]);
|
|
274
274
|
return /* @__PURE__ */ jsxs(ThemeContext.Provider, { value: { config }, children: [
|