evelearn-theme 2.0.39 → 2.0.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.
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 +11 -10
  4. package/dist/index.mjs +11 -10
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -134,7 +134,7 @@ declare const Button: ({ disabled, loading, onClick, kind, size, type, children
134
134
 
135
135
  interface Props$a {
136
136
  disabled?: boolean;
137
- color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'cyan';
137
+ color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'cyan' | 'slate';
138
138
  type?: 'button' | 'submit';
139
139
  active?: boolean;
140
140
  children: React$1.ReactNode;
package/dist/index.d.ts CHANGED
@@ -134,7 +134,7 @@ declare const Button: ({ disabled, loading, onClick, kind, size, type, children
134
134
 
135
135
  interface Props$a {
136
136
  disabled?: boolean;
137
- color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'cyan';
137
+ color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'cyan' | 'slate';
138
138
  type?: 'button' | 'submit';
139
139
  active?: boolean;
140
140
  children: React$1.ReactNode;
package/dist/index.js CHANGED
@@ -488,7 +488,7 @@ var Button = /* @__PURE__ */ __name(function(param) {
488
488
  var styled = /* @__PURE__ */ __name(function() {
489
489
  switch(kind){
490
490
  case "primary":
491
- return tw("bg-primary hover:bg-primary/95 shadow-xs hover:shadow-none dark:shadow-none dark:hover:bg-primary/90 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
491
+ return tw("bg-primary hover:bg-primary/95 shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none dark:hover:bg-primary/90 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
492
492
  case "indigo":
493
493
  return tw("bg-indigo-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
494
494
  case "green":
@@ -576,6 +576,11 @@ var FunButton = /* @__PURE__ */ __name(function(param) {
576
576
  bottom: "#eab308",
577
577
  front: "#ca8a04"
578
578
  };
579
+ case "slate":
580
+ return {
581
+ bottom: "#94a3b8",
582
+ front: "#64748b"
583
+ };
579
584
  default:
580
585
  return {
581
586
  bottom: "#00b4d8",
@@ -1085,8 +1090,8 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
1085
1090
  "style"
1086
1091
  ]);
1087
1092
  if (!visible) return null;
1088
- var modalWrapperClass = tw("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full flex items-center justify-center md:mx-0 md:w-full lg:w-full");
1089
- var modalPanelClass = tw("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full w-full flex flex-col justify-center");
1093
+ var modalWrapperClass = tw("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full shrink-0 flex items-center justify-center");
1094
+ var modalPanelClass = tw("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full shrink-0 w-full flex flex-col justify-center");
1090
1095
  var modalPanelStyle = fullscreen ? _object_spread({
1091
1096
  height: "100vh",
1092
1097
  width: "100vw",
@@ -1094,8 +1099,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
1094
1099
  }, style) : _object_spread({
1095
1100
  maxHeight: "calc(100vh - 6rem)"
1096
1101
  }, style);
1097
- var innerPaddingClass = fullscreen ? "p-4 sm:p-10 flex-1 flex items-center justify-center" : "p-4 sm:p-10";
1098
- var contentMarginTopClass = fullscreen ? "" : "mt-8 sm:mt-0";
1102
+ var innerPaddingClass = fullscreen ? "p-4 sm:p-10 shrink-0 flex-1 flex items-center justify-center" : "p-4 sm:p-10 mt-8 sm:mt-0";
1099
1103
  return /* @__PURE__ */ jsxRuntime.jsx(Overlay_default, _object_spread_props(_object_spread({
1100
1104
  visible: visible,
1101
1105
  onClick: dismissOnBackdropClick ? onDismissed : void 0,
@@ -1103,7 +1107,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
1103
1107
  withContainer: true
1104
1108
  }, props), {
1105
1109
  children: /* @__PURE__ */ jsxRuntime.jsx("div", {
1106
- className: tw(displayDark && "dark", "bg-slate-900/20 fixed inset-0 flex items-center justify-center"),
1110
+ className: tw(displayDark && "dark", "bg-slate-900/20 fixed inset-0 flex items-center justify-center w-full h-full"),
1107
1111
  style: {
1108
1112
  zIndex: 1e4
1109
1113
  },
@@ -1134,10 +1138,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
1134
1138
  style: modalPanelStyle,
1135
1139
  children: /* @__PURE__ */ jsxRuntime.jsx("div", {
1136
1140
  className: innerPaddingClass,
1137
- children: /* @__PURE__ */ jsxRuntime.jsx("div", {
1138
- className: contentMarginTopClass,
1139
- children: children
1140
- })
1141
+ children: children
1141
1142
  })
1142
1143
  })
1143
1144
  ]
package/dist/index.mjs CHANGED
@@ -479,7 +479,7 @@ var Button = /* @__PURE__ */ __name(function(param) {
479
479
  var styled = /* @__PURE__ */ __name(function() {
480
480
  switch(kind){
481
481
  case "primary":
482
- return tw("bg-primary hover:bg-primary/95 shadow-xs hover:shadow-none dark:shadow-none dark:hover:bg-primary/90 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
482
+ return tw("bg-primary hover:bg-primary/95 shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none dark:hover:bg-primary/90 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
483
483
  case "indigo":
484
484
  return tw("bg-indigo-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
485
485
  case "green":
@@ -567,6 +567,11 @@ var FunButton = /* @__PURE__ */ __name(function(param) {
567
567
  bottom: "#eab308",
568
568
  front: "#ca8a04"
569
569
  };
570
+ case "slate":
571
+ return {
572
+ bottom: "#94a3b8",
573
+ front: "#64748b"
574
+ };
570
575
  default:
571
576
  return {
572
577
  bottom: "#00b4d8",
@@ -1076,8 +1081,8 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
1076
1081
  "style"
1077
1082
  ]);
1078
1083
  if (!visible) return null;
1079
- var modalWrapperClass = tw("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full flex items-center justify-center md:mx-0 md:w-full lg:w-full");
1080
- var modalPanelClass = tw("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full w-full flex flex-col justify-center");
1084
+ var modalWrapperClass = tw("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full shrink-0 flex items-center justify-center");
1085
+ var modalPanelClass = tw("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full shrink-0 w-full flex flex-col justify-center");
1081
1086
  var modalPanelStyle = fullscreen ? _object_spread({
1082
1087
  height: "100vh",
1083
1088
  width: "100vw",
@@ -1085,8 +1090,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
1085
1090
  }, style) : _object_spread({
1086
1091
  maxHeight: "calc(100vh - 6rem)"
1087
1092
  }, style);
1088
- var innerPaddingClass = fullscreen ? "p-4 sm:p-10 flex-1 flex items-center justify-center" : "p-4 sm:p-10";
1089
- var contentMarginTopClass = fullscreen ? "" : "mt-8 sm:mt-0";
1093
+ var innerPaddingClass = fullscreen ? "p-4 sm:p-10 shrink-0 flex-1 flex items-center justify-center" : "p-4 sm:p-10 mt-8 sm:mt-0";
1090
1094
  return /* @__PURE__ */ jsx(Overlay_default, _object_spread_props(_object_spread({
1091
1095
  visible: visible,
1092
1096
  onClick: dismissOnBackdropClick ? onDismissed : void 0,
@@ -1094,7 +1098,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
1094
1098
  withContainer: true
1095
1099
  }, props), {
1096
1100
  children: /* @__PURE__ */ jsx("div", {
1097
- className: tw(displayDark && "dark", "bg-slate-900/20 fixed inset-0 flex items-center justify-center"),
1101
+ className: tw(displayDark && "dark", "bg-slate-900/20 fixed inset-0 flex items-center justify-center w-full h-full"),
1098
1102
  style: {
1099
1103
  zIndex: 1e4
1100
1104
  },
@@ -1125,10 +1129,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
1125
1129
  style: modalPanelStyle,
1126
1130
  children: /* @__PURE__ */ jsx("div", {
1127
1131
  className: innerPaddingClass,
1128
- children: /* @__PURE__ */ jsx("div", {
1129
- className: contentMarginTopClass,
1130
- children: children
1131
- })
1132
+ children: children
1132
1133
  })
1133
1134
  })
1134
1135
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "evelearn-theme",
3
- "version": "2.0.39",
3
+ "version": "2.0.41",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",