evelearn-theme 2.0.31 → 2.0.33

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 (5) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +90 -33
  4. package/dist/index.mjs +90 -33
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -21,7 +21,7 @@ declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-wh
21
21
  declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
22
22
 
23
23
  interface SpinnerProps {
24
- size?: 'base' | 'small';
24
+ size?: number | string;
25
25
  white?: boolean | string;
26
26
  visible?: boolean | string;
27
27
  }
package/dist/index.d.ts CHANGED
@@ -21,7 +21,7 @@ declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-wh
21
21
  declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
22
22
 
23
23
  interface SpinnerProps {
24
- size?: 'base' | 'small';
24
+ size?: number | string;
25
25
  white?: boolean | string;
26
26
  visible?: boolean | string;
27
27
  }
package/dist/index.js CHANGED
@@ -172,39 +172,95 @@ var headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-m
172
172
  var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
173
173
  var Spinner = /* @__PURE__ */ __name(function(param) {
174
174
  var _param_visible = param.visible, visible = _param_visible === void 0 ? true : _param_visible, size = param.size, isWhite = param.white;
175
+ var newSize = 32;
176
+ if (typeof size === "string") {
177
+ if (size === "base") {
178
+ size = 32;
179
+ } else if (size === "large") {
180
+ size = 44;
181
+ }
182
+ }
175
183
  if (visible === false) return null;
176
- var color = isWhite ? "stroke-white/90" : "stroke-slate-600/80";
177
- var bgColor = isWhite ? "stroke-white/20" : "stroke-slate-500/20";
178
- var dimensions = size === "small" ? "w-5 h-5" : "w-8 h-8";
179
- var spinnerClasses = "\n absolute\n top-0\n animate-spin\n ".concat(dimensions, "\n ");
180
- return /* @__PURE__ */ jsxRuntime.jsxs("div", {
184
+ return /* @__PURE__ */ jsxRuntime.jsx("div", {
185
+ style: {
186
+ height: newSize + 2,
187
+ width: newSize + 2
188
+ },
181
189
  className: "relative h-8 w-8 flex justify-center items-center",
182
- children: [
183
- /* @__PURE__ */ jsxRuntime.jsx("svg", {
184
- className: "absolute top-0 ".concat(dimensions, " ").concat(bgColor),
185
- viewBox: "0 0 24 24",
186
- fill: "none",
187
- strokeWidth: "2.4",
188
- children: /* @__PURE__ */ jsxRuntime.jsx("circle", {
189
- cx: "12",
190
- cy: "12",
191
- r: "10"
192
- })
193
- }),
194
- /* @__PURE__ */ jsxRuntime.jsx("svg", {
195
- className: spinnerClasses,
196
- viewBox: "0 0 24 24",
197
- fill: "none",
198
- strokeWidth: "2.4",
199
- strokeLinecap: "round",
200
- children: /* @__PURE__ */ jsxRuntime.jsx("path", {
201
- d: "\n M 12 2 \n A 10 10 0 0 1 22 12 \n A 10 10 0 0 1 12 22 \n A 10 10 0 0 1 2 12 \n A 10 10 0 0 1 12 2\n ",
202
- strokeDasharray: "13 18.4",
203
- stroke: "inherit",
204
- className: color
190
+ children: /* @__PURE__ */ jsxRuntime.jsxs("svg", {
191
+ xmlns: "http://www.w3.org/2000/svg",
192
+ viewBox: "0 0 200 200",
193
+ width: newSize,
194
+ height: newSize,
195
+ children: [
196
+ /* @__PURE__ */ jsxRuntime.jsxs("radialGradient", {
197
+ id: "a10",
198
+ cx: "0.66",
199
+ cy: "0.313",
200
+ fx: "0.66",
201
+ fy: "0.313",
202
+ gradientTransform: "scale(1.5)",
203
+ children: [
204
+ /* @__PURE__ */ jsxRuntime.jsx("stop", {
205
+ offset: "0",
206
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR
207
+ }),
208
+ /* @__PURE__ */ jsxRuntime.jsx("stop", {
209
+ offset: "0.3",
210
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR,
211
+ stopOpacity: "0.9"
212
+ }),
213
+ /* @__PURE__ */ jsxRuntime.jsx("stop", {
214
+ offset: "0.6",
215
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR,
216
+ stopOpacity: "0.6"
217
+ }),
218
+ /* @__PURE__ */ jsxRuntime.jsx("stop", {
219
+ offset: "0.8",
220
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR,
221
+ stopOpacity: "0.3"
222
+ }),
223
+ /* @__PURE__ */ jsxRuntime.jsx("stop", {
224
+ offset: "1",
225
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR,
226
+ stopOpacity: "0"
227
+ })
228
+ ]
229
+ }),
230
+ /* @__PURE__ */ jsxRuntime.jsx("circle", {
231
+ cx: "100",
232
+ cy: "100",
233
+ r: "70",
234
+ fill: "none",
235
+ stroke: "url(#a10)",
236
+ strokeDasharray: "200 1000",
237
+ strokeLinecap: "round",
238
+ strokeWidth: "17",
239
+ transformOrigin: "center",
240
+ children: /* @__PURE__ */ jsxRuntime.jsx("animateTransform", {
241
+ attributeName: "transform",
242
+ calcMode: "spline",
243
+ dur: "1.8",
244
+ keySplines: "0 0 1 1",
245
+ keyTimes: "0;1",
246
+ repeatCount: "indefinite",
247
+ type: "rotate",
248
+ values: "360;0"
249
+ })
250
+ }),
251
+ /* @__PURE__ */ jsxRuntime.jsx("circle", {
252
+ cx: "100",
253
+ cy: "100",
254
+ r: "70",
255
+ fill: "none",
256
+ stroke: "#FFF",
257
+ strokeLinecap: "round",
258
+ strokeWidth: "17",
259
+ opacity: "0.5",
260
+ transformOrigin: "center"
205
261
  })
206
- })
207
- ]
262
+ ]
263
+ })
208
264
  });
209
265
  }, "Spinner");
210
266
  var SpinnerCentered = /* @__PURE__ */ __name(function(props) {
@@ -440,7 +496,8 @@ var Button = /* @__PURE__ */ __name(function(param) {
440
496
  children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", {
441
497
  className: "flex w-full justify-center items-center",
442
498
  children: /* @__PURE__ */ jsxRuntime.jsx(Spinner_default, {
443
- white: true
499
+ white: true,
500
+ size: 32
444
501
  })
445
502
  }) : children
446
503
  })
@@ -1246,7 +1303,7 @@ var Formik = /* @__PURE__ */ __name(function(param) {
1246
1303
  onChange: handleChange
1247
1304
  }),
1248
1305
  /* @__PURE__ */ jsxRuntime.jsx("div", {
1249
- className: clsx__default.default("w-10 h-6 rounded-full p-[4px] transition-colors duration-300", value ? "bg-[#00b4d8]" : "bg-[#64748b]"),
1306
+ className: clsx__default.default("w-10 h-6 rounded-full p-[4px] transition-colors duration-300", value ? "bg-primary" : "dark:bg-slate-950 bg-stone-400"),
1250
1307
  children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, {
1251
1308
  className: "w-4 h-4 bg-white rounded-full absolute top-1",
1252
1309
  initial: false,
@@ -1287,7 +1344,7 @@ var ToggleSwitch = /* @__PURE__ */ __name(function(param) {
1287
1344
  onChange: handleChange
1288
1345
  }),
1289
1346
  /* @__PURE__ */ jsxRuntime.jsx("div", {
1290
- className: clsx__default.default("w-10 h-6 rounded-full p-[4px] transition-colors duration-300", value ? "bg-[#00b4d8]" : "bg-[#64748b]"),
1347
+ className: clsx__default.default("w-10 h-6 rounded-full p-[4px] transition-colors duration-300", value ? "bg-primary" : "dark:bg-slate-950 bg-stone-400"),
1291
1348
  children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, {
1292
1349
  className: "w-4 h-4 bg-white rounded-full absolute top-1",
1293
1350
  initial: false,
package/dist/index.mjs CHANGED
@@ -164,39 +164,95 @@ var headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-m
164
164
  var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
165
165
  var Spinner = /* @__PURE__ */ __name(function(param) {
166
166
  var _param_visible = param.visible, visible = _param_visible === void 0 ? true : _param_visible, size = param.size, isWhite = param.white;
167
+ var newSize = 32;
168
+ if (typeof size === "string") {
169
+ if (size === "base") {
170
+ size = 32;
171
+ } else if (size === "large") {
172
+ size = 44;
173
+ }
174
+ }
167
175
  if (visible === false) return null;
168
- var color = isWhite ? "stroke-white/90" : "stroke-slate-600/80";
169
- var bgColor = isWhite ? "stroke-white/20" : "stroke-slate-500/20";
170
- var dimensions = size === "small" ? "w-5 h-5" : "w-8 h-8";
171
- var spinnerClasses = "\n absolute\n top-0\n animate-spin\n ".concat(dimensions, "\n ");
172
- return /* @__PURE__ */ jsxs("div", {
176
+ return /* @__PURE__ */ jsx("div", {
177
+ style: {
178
+ height: newSize + 2,
179
+ width: newSize + 2
180
+ },
173
181
  className: "relative h-8 w-8 flex justify-center items-center",
174
- children: [
175
- /* @__PURE__ */ jsx("svg", {
176
- className: "absolute top-0 ".concat(dimensions, " ").concat(bgColor),
177
- viewBox: "0 0 24 24",
178
- fill: "none",
179
- strokeWidth: "2.4",
180
- children: /* @__PURE__ */ jsx("circle", {
181
- cx: "12",
182
- cy: "12",
183
- r: "10"
184
- })
185
- }),
186
- /* @__PURE__ */ jsx("svg", {
187
- className: spinnerClasses,
188
- viewBox: "0 0 24 24",
189
- fill: "none",
190
- strokeWidth: "2.4",
191
- strokeLinecap: "round",
192
- children: /* @__PURE__ */ jsx("path", {
193
- d: "\n M 12 2 \n A 10 10 0 0 1 22 12 \n A 10 10 0 0 1 12 22 \n A 10 10 0 0 1 2 12 \n A 10 10 0 0 1 12 2\n ",
194
- strokeDasharray: "13 18.4",
195
- stroke: "inherit",
196
- className: color
182
+ children: /* @__PURE__ */ jsxs("svg", {
183
+ xmlns: "http://www.w3.org/2000/svg",
184
+ viewBox: "0 0 200 200",
185
+ width: newSize,
186
+ height: newSize,
187
+ children: [
188
+ /* @__PURE__ */ jsxs("radialGradient", {
189
+ id: "a10",
190
+ cx: "0.66",
191
+ cy: "0.313",
192
+ fx: "0.66",
193
+ fy: "0.313",
194
+ gradientTransform: "scale(1.5)",
195
+ children: [
196
+ /* @__PURE__ */ jsx("stop", {
197
+ offset: "0",
198
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR
199
+ }),
200
+ /* @__PURE__ */ jsx("stop", {
201
+ offset: "0.3",
202
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR,
203
+ stopOpacity: "0.9"
204
+ }),
205
+ /* @__PURE__ */ jsx("stop", {
206
+ offset: "0.6",
207
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR,
208
+ stopOpacity: "0.6"
209
+ }),
210
+ /* @__PURE__ */ jsx("stop", {
211
+ offset: "0.8",
212
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR,
213
+ stopOpacity: "0.3"
214
+ }),
215
+ /* @__PURE__ */ jsx("stop", {
216
+ offset: "1",
217
+ stopColor: isWhite ? "#FFF" : PRIMARY_COLOR,
218
+ stopOpacity: "0"
219
+ })
220
+ ]
221
+ }),
222
+ /* @__PURE__ */ jsx("circle", {
223
+ cx: "100",
224
+ cy: "100",
225
+ r: "70",
226
+ fill: "none",
227
+ stroke: "url(#a10)",
228
+ strokeDasharray: "200 1000",
229
+ strokeLinecap: "round",
230
+ strokeWidth: "17",
231
+ transformOrigin: "center",
232
+ children: /* @__PURE__ */ jsx("animateTransform", {
233
+ attributeName: "transform",
234
+ calcMode: "spline",
235
+ dur: "1.8",
236
+ keySplines: "0 0 1 1",
237
+ keyTimes: "0;1",
238
+ repeatCount: "indefinite",
239
+ type: "rotate",
240
+ values: "360;0"
241
+ })
242
+ }),
243
+ /* @__PURE__ */ jsx("circle", {
244
+ cx: "100",
245
+ cy: "100",
246
+ r: "70",
247
+ fill: "none",
248
+ stroke: "#FFF",
249
+ strokeLinecap: "round",
250
+ strokeWidth: "17",
251
+ opacity: "0.5",
252
+ transformOrigin: "center"
197
253
  })
198
- })
199
- ]
254
+ ]
255
+ })
200
256
  });
201
257
  }, "Spinner");
202
258
  var SpinnerCentered = /* @__PURE__ */ __name(function(props) {
@@ -432,7 +488,8 @@ var Button = /* @__PURE__ */ __name(function(param) {
432
488
  children: loading ? /* @__PURE__ */ jsx("div", {
433
489
  className: "flex w-full justify-center items-center",
434
490
  children: /* @__PURE__ */ jsx(Spinner_default, {
435
- white: true
491
+ white: true,
492
+ size: 32
436
493
  })
437
494
  }) : children
438
495
  })
@@ -1238,7 +1295,7 @@ var Formik = /* @__PURE__ */ __name(function(param) {
1238
1295
  onChange: handleChange
1239
1296
  }),
1240
1297
  /* @__PURE__ */ jsx("div", {
1241
- className: clsx("w-10 h-6 rounded-full p-[4px] transition-colors duration-300", value ? "bg-[#00b4d8]" : "bg-[#64748b]"),
1298
+ className: clsx("w-10 h-6 rounded-full p-[4px] transition-colors duration-300", value ? "bg-primary" : "dark:bg-slate-950 bg-stone-400"),
1242
1299
  children: /* @__PURE__ */ jsx(motion.div, {
1243
1300
  className: "w-4 h-4 bg-white rounded-full absolute top-1",
1244
1301
  initial: false,
@@ -1279,7 +1336,7 @@ var ToggleSwitch = /* @__PURE__ */ __name(function(param) {
1279
1336
  onChange: handleChange
1280
1337
  }),
1281
1338
  /* @__PURE__ */ jsx("div", {
1282
- className: clsx("w-10 h-6 rounded-full p-[4px] transition-colors duration-300", value ? "bg-[#00b4d8]" : "bg-[#64748b]"),
1339
+ className: clsx("w-10 h-6 rounded-full p-[4px] transition-colors duration-300", value ? "bg-primary" : "dark:bg-slate-950 bg-stone-400"),
1283
1340
  children: /* @__PURE__ */ jsx(motion.div, {
1284
1341
  className: "w-4 h-4 bg-white rounded-full absolute top-1",
1285
1342
  initial: false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "evelearn-theme",
3
- "version": "2.0.31",
3
+ "version": "2.0.33",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",