@authme/util 2.8.27 → 2.8.29

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 (3) hide show
  1. package/index.cjs +22 -20
  2. package/index.js +22 -20
  3. package/package.json +1 -1
package/index.cjs CHANGED
@@ -1056,13 +1056,14 @@ const uiThemeText = (dom, textStyle, distance) => {
1056
1056
  const parent = dom.parentElement;
1057
1057
  parent.style.position = 'absolute';
1058
1058
  parent.style.display = 'block';
1059
+ parent.style.padding = '24px 32px';
1059
1060
  // Adjust based on direction if provided
1060
1061
  if (textStyle.direction === 'top') {
1061
- parent.style.top = distance || '7vh';
1062
+ parent.style.top = distance || '5vh';
1062
1063
  parent.style.bottom = 'unset';
1063
1064
  } else if (textStyle.direction === 'bottom') {
1064
1065
  parent.style.top = 'unset';
1065
- parent.style.bottom = distance || '7vh';
1066
+ parent.style.bottom = distance || '5vh';
1066
1067
  }
1067
1068
  }
1068
1069
  };
@@ -1080,11 +1081,11 @@ const uiThemeHint = (dom, hintStyle, distance) => {
1080
1081
  parent.style.position = 'absolute';
1081
1082
  // Adjust based on direction if provided
1082
1083
  if (hintStyle.direction === 'top') {
1083
- parent.style.top = distance || '7vh';
1084
+ parent.style.top = distance || '5vh';
1084
1085
  parent.style.bottom = 'unset';
1085
1086
  } else {
1086
1087
  parent.style.top = 'unset';
1087
- parent.style.bottom = distance || '7vh';
1088
+ parent.style.bottom = distance || '5vh';
1088
1089
  }
1089
1090
  }
1090
1091
  };
@@ -1143,7 +1144,8 @@ const uiThemeButton = (dom, buttonStyle, disabled) => {
1143
1144
  dom.style.borderStyle = 'solid';
1144
1145
  // dom.style.height = `${buttonStyle.cornerRadius * 2}px`;
1145
1146
  dom.style.height = `48px`;
1146
- dom.style.width = `774px`;
1147
+ dom.style.maxWidth = `774px`;
1148
+ dom.style.width = `100%`;
1147
1149
  };
1148
1150
  const uiThemeSmallButton = (dom, buttonStyle) => {
1149
1151
  dom.style.borderRadius = `${buttonStyle.cornerRadius}px`;
@@ -2772,28 +2774,28 @@ const uploadModal = arg => {
2772
2774
  uiThemeText(domTitle, uiThemeConfig.titleTwo);
2773
2775
  uiThemeText(domMessage, uiThemeConfig.bodyOne);
2774
2776
  if (arg.type === 'success') {
2775
- domIcon.innerHTML = `<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2776
- <rect x="0.5" width="48" height="48" rx="24" fill="${uiThemeConfig.uploadCompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.uploadCompleteView.backgroundOpacity}" />
2777
- <g clip-path="url(#clip0_21855_2149)">
2778
- <path d="M16.25 25.5L21.5 30.75L33.5 18.75" stroke="${uiThemeConfig.uploadCompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadCompleteView.contentOpacity}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
2777
+ domIcon.innerHTML = `<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
2778
+ <rect width="96" height="96" rx="48" fill="${uiThemeConfig.uploadCompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.uploadCompleteView.backgroundOpacity}" />
2779
+ <g clip-path="url(#clip0_success)">
2780
+ <path d="M32 51L43 62L67 38" stroke="${uiThemeConfig.uploadCompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadCompleteView.contentOpacity}" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
2779
2781
  </g>
2780
2782
  <defs>
2781
- <clipPath id="clip0_21855_2149">
2782
- <rect width="24" height="24" fill="white" transform="translate(12.5 12)"/>
2783
+ <clipPath id="clip0_success">
2784
+ <rect width="48" height="48" fill="white" transform="translate(24 24)"/>
2783
2785
  </clipPath>
2784
2786
  </defs>
2785
2787
  </svg>`;
2786
2788
  }
2787
2789
  if (arg.type === 'error') {
2788
- domIcon.innerHTML = `<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2789
- <rect x="0.5" width="48" height="48" rx="24" fill="${uiThemeConfig.uploadIncompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.uploadIncompleteView.backgroundOpacity}"/>
2790
- <g clip-path="url(#clip0_21855_2690)">
2791
- <path d="M31.25 17.25L17.75 30.75" stroke="${uiThemeConfig.uploadIncompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadIncompleteView.contentOpacity}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
2792
- <path d="M31.25 30.75L17.75 17.25" stroke="${uiThemeConfig.uploadIncompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadIncompleteView.contentOpacity}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
2790
+ domIcon.innerHTML = `<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
2791
+ <rect width="96" height="96" rx="48" fill="${uiThemeConfig.uploadIncompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.uploadIncompleteView.backgroundOpacity}"/>
2792
+ <g clip-path="url(#clip0_error)">
2793
+ <path d="M62 34L34 62" stroke="${uiThemeConfig.uploadIncompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadIncompleteView.contentOpacity}" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
2794
+ <path d="M62 62L34 34" stroke="${uiThemeConfig.uploadIncompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadIncompleteView.contentOpacity}" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
2793
2795
  </g>
2794
2796
  <defs>
2795
- <clipPath id="clip0_21855_2690">
2796
- <rect width="24" height="24" fill="white" transform="translate(12.5 12)"/>
2797
+ <clipPath id="clip0_error">
2798
+ <rect width="48" height="48" fill="white" transform="translate(24 24)"/>
2797
2799
  </clipPath>
2798
2800
  </defs>
2799
2801
  </svg>
@@ -3241,8 +3243,8 @@ const themeConfigDefault = {
3241
3243
  };
3242
3244
 
3243
3245
  var name = "authme/sdk";
3244
- var version$1 = "2.8.27";
3245
- var date = "2025-10-02T06:50:39+0000";
3246
+ var version$1 = "2.8.29";
3247
+ var date = "2025-10-30T04:42:12+0000";
3246
3248
  var packageInfo = {
3247
3249
  name: name,
3248
3250
  version: version$1,
package/index.js CHANGED
@@ -1046,13 +1046,14 @@ const uiThemeText = (dom, textStyle, distance) => {
1046
1046
  const parent = dom.parentElement;
1047
1047
  parent.style.position = 'absolute';
1048
1048
  parent.style.display = 'block';
1049
+ parent.style.padding = '24px 32px';
1049
1050
  // Adjust based on direction if provided
1050
1051
  if (textStyle.direction === 'top') {
1051
- parent.style.top = distance || '7vh';
1052
+ parent.style.top = distance || '5vh';
1052
1053
  parent.style.bottom = 'unset';
1053
1054
  } else if (textStyle.direction === 'bottom') {
1054
1055
  parent.style.top = 'unset';
1055
- parent.style.bottom = distance || '7vh';
1056
+ parent.style.bottom = distance || '5vh';
1056
1057
  }
1057
1058
  }
1058
1059
  };
@@ -1070,11 +1071,11 @@ const uiThemeHint = (dom, hintStyle, distance) => {
1070
1071
  parent.style.position = 'absolute';
1071
1072
  // Adjust based on direction if provided
1072
1073
  if (hintStyle.direction === 'top') {
1073
- parent.style.top = distance || '7vh';
1074
+ parent.style.top = distance || '5vh';
1074
1075
  parent.style.bottom = 'unset';
1075
1076
  } else {
1076
1077
  parent.style.top = 'unset';
1077
- parent.style.bottom = distance || '7vh';
1078
+ parent.style.bottom = distance || '5vh';
1078
1079
  }
1079
1080
  }
1080
1081
  };
@@ -1133,7 +1134,8 @@ const uiThemeButton = (dom, buttonStyle, disabled) => {
1133
1134
  dom.style.borderStyle = 'solid';
1134
1135
  // dom.style.height = `${buttonStyle.cornerRadius * 2}px`;
1135
1136
  dom.style.height = `48px`;
1136
- dom.style.width = `774px`;
1137
+ dom.style.maxWidth = `774px`;
1138
+ dom.style.width = `100%`;
1137
1139
  };
1138
1140
  const uiThemeSmallButton = (dom, buttonStyle) => {
1139
1141
  dom.style.borderRadius = `${buttonStyle.cornerRadius}px`;
@@ -2762,28 +2764,28 @@ const uploadModal = arg => {
2762
2764
  uiThemeText(domTitle, uiThemeConfig.titleTwo);
2763
2765
  uiThemeText(domMessage, uiThemeConfig.bodyOne);
2764
2766
  if (arg.type === 'success') {
2765
- domIcon.innerHTML = `<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2766
- <rect x="0.5" width="48" height="48" rx="24" fill="${uiThemeConfig.uploadCompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.uploadCompleteView.backgroundOpacity}" />
2767
- <g clip-path="url(#clip0_21855_2149)">
2768
- <path d="M16.25 25.5L21.5 30.75L33.5 18.75" stroke="${uiThemeConfig.uploadCompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadCompleteView.contentOpacity}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
2767
+ domIcon.innerHTML = `<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
2768
+ <rect width="96" height="96" rx="48" fill="${uiThemeConfig.uploadCompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.uploadCompleteView.backgroundOpacity}" />
2769
+ <g clip-path="url(#clip0_success)">
2770
+ <path d="M32 51L43 62L67 38" stroke="${uiThemeConfig.uploadCompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadCompleteView.contentOpacity}" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
2769
2771
  </g>
2770
2772
  <defs>
2771
- <clipPath id="clip0_21855_2149">
2772
- <rect width="24" height="24" fill="white" transform="translate(12.5 12)"/>
2773
+ <clipPath id="clip0_success">
2774
+ <rect width="48" height="48" fill="white" transform="translate(24 24)"/>
2773
2775
  </clipPath>
2774
2776
  </defs>
2775
2777
  </svg>`;
2776
2778
  }
2777
2779
  if (arg.type === 'error') {
2778
- domIcon.innerHTML = `<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2779
- <rect x="0.5" width="48" height="48" rx="24" fill="${uiThemeConfig.uploadIncompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.uploadIncompleteView.backgroundOpacity}"/>
2780
- <g clip-path="url(#clip0_21855_2690)">
2781
- <path d="M31.25 17.25L17.75 30.75" stroke="${uiThemeConfig.uploadIncompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadIncompleteView.contentOpacity}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
2782
- <path d="M31.25 30.75L17.75 17.25" stroke="${uiThemeConfig.uploadIncompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadIncompleteView.contentOpacity}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
2780
+ domIcon.innerHTML = `<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
2781
+ <rect width="96" height="96" rx="48" fill="${uiThemeConfig.uploadIncompleteView.backgroundColor}" fill-opacity="${uiThemeConfig.uploadIncompleteView.backgroundOpacity}"/>
2782
+ <g clip-path="url(#clip0_error)">
2783
+ <path d="M62 34L34 62" stroke="${uiThemeConfig.uploadIncompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadIncompleteView.contentOpacity}" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
2784
+ <path d="M62 62L34 34" stroke="${uiThemeConfig.uploadIncompleteView.contentColor}" stroke-opacity="${uiThemeConfig.uploadIncompleteView.contentOpacity}" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
2783
2785
  </g>
2784
2786
  <defs>
2785
- <clipPath id="clip0_21855_2690">
2786
- <rect width="24" height="24" fill="white" transform="translate(12.5 12)"/>
2787
+ <clipPath id="clip0_error">
2788
+ <rect width="48" height="48" fill="white" transform="translate(24 24)"/>
2787
2789
  </clipPath>
2788
2790
  </defs>
2789
2791
  </svg>
@@ -3231,8 +3233,8 @@ const themeConfigDefault = {
3231
3233
  };
3232
3234
 
3233
3235
  var name = "authme/sdk";
3234
- var version$1 = "2.8.27";
3235
- var date = "2025-10-02T06:50:39+0000";
3236
+ var version$1 = "2.8.29";
3237
+ var date = "2025-10-30T04:42:12+0000";
3236
3238
  var packageInfo = {
3237
3239
  name: name,
3238
3240
  version: version$1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@authme/util",
3
- "version": "2.8.27",
3
+ "version": "2.8.29",
4
4
  "peerDependencies": {
5
5
  "core-js": "^3.6.0",
6
6
  "file-saver": "2.0.5",