@orangecheck/auth-client 2.33.3 → 2.33.4

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 CHANGED
@@ -1314,6 +1314,7 @@ var signinRadius = (px) => `var(--oc-signin-radius, ${px}px)`;
1314
1314
  var SIGNIN_BUTTON_RADIUS = "var(--oc-signin-button-radius, 6px)";
1315
1315
  var SIGNIN_STRONG = "var(--oc-signin-strong, 600)";
1316
1316
  var SIGNIN_ARROW = "var(--oc-signin-arrow, inline)";
1317
+ var signinRoleSize = (role, fallback) => `var(--oc-signin-${role}-size, ${fallback})`;
1317
1318
  var DEFAULT_AUTH_ORIGIN = "https://ochk.io";
1318
1319
  async function fetchOcLinkedIdentities(opts) {
1319
1320
  const authOrigin = opts?.authOrigin ?? DEFAULT_AUTH_ORIGIN;
@@ -2424,7 +2425,7 @@ function OcSignIn({
2424
2425
  borderRadius: signinRadius(6),
2425
2426
  color: "var(--destructive, #ef4444)",
2426
2427
  fontFamily: SIGNIN_FONT,
2427
- fontSize: signinSize(11)
2428
+ fontSize: signinRoleSize("text", signinSize(11))
2428
2429
  },
2429
2430
  children: "That sign-in didn't finish. Try again, or use another way below."
2430
2431
  }
@@ -2442,7 +2443,7 @@ function OcSignIn({
2442
2443
  background: "color-mix(in srgb, var(--primary, #f97316) 8%, transparent)",
2443
2444
  color: "var(--foreground, #fafafa)",
2444
2445
  fontFamily: SIGNIN_FONT,
2445
- fontSize: signinSize(11),
2446
+ fontSize: signinRoleSize("text", signinSize(11)),
2446
2447
  lineHeight: 1.6
2447
2448
  },
2448
2449
  children: [
@@ -2598,7 +2599,7 @@ function SigninTab({
2598
2599
  borderBottom: active ? "2px solid var(--primary, #f97316)" : "2px solid transparent",
2599
2600
  color: active ? "var(--foreground, #fafafa)" : "var(--muted-foreground, #a1a1aa)",
2600
2601
  fontFamily: SIGNIN_FONT,
2601
- fontSize: signinSize(11),
2602
+ fontSize: signinRoleSize("label", signinSize(11)),
2602
2603
  letterSpacing: signinTracking("0.12em"),
2603
2604
  textTransform: SIGNIN_CASE,
2604
2605
  cursor: "pointer",
@@ -2671,7 +2672,7 @@ function ProviderSignIn({
2671
2672
  margin: first ? `${BLOCK_GAP}px 0` : `0 0 ${BLOCK_GAP}px`,
2672
2673
  color: "var(--muted-foreground, #a1a1aa)",
2673
2674
  fontFamily: SIGNIN_FONT,
2674
- fontSize: signinSize(10),
2675
+ fontSize: signinRoleSize("hint", signinSize(10)),
2675
2676
  letterSpacing: signinTracking("0.16em"),
2676
2677
  textTransform: SIGNIN_CASE
2677
2678
  },
@@ -3202,7 +3203,7 @@ function FlowHeader({
3202
3203
  {
3203
3204
  style: {
3204
3205
  color: "var(--muted-foreground, #a1a1aa)",
3205
- fontSize: 13,
3206
+ fontSize: signinRoleSize("text", "13px"),
3206
3207
  lineHeight: 1.55,
3207
3208
  margin: 0
3208
3209
  },
@@ -3221,7 +3222,7 @@ var linkButtonStyle = {
3221
3222
  border: "none",
3222
3223
  color: "var(--muted-foreground, #a1a1aa)",
3223
3224
  fontFamily: SIGNIN_FONT,
3224
- fontSize: signinSize(11),
3225
+ fontSize: signinRoleSize("button", signinSize(11)),
3225
3226
  letterSpacing: signinTracking("0.12em"),
3226
3227
  textTransform: SIGNIN_CASE,
3227
3228
  cursor: "pointer",
@@ -3239,7 +3240,7 @@ function Label({
3239
3240
  display: "block",
3240
3241
  color: "var(--foreground, #fafafa)",
3241
3242
  fontFamily: SIGNIN_FONT,
3242
- fontSize: signinSize(11),
3243
+ fontSize: signinRoleSize("label", signinSize(11)),
3243
3244
  letterSpacing: signinTracking("0.12em"),
3244
3245
  textTransform: SIGNIN_CASE,
3245
3246
  marginBottom: 6
@@ -3273,7 +3274,7 @@ var linkAlsoStyle = {
3273
3274
  borderTop: "1px solid var(--border, #27272a)",
3274
3275
  color: "var(--muted-foreground, #a1a1aa)",
3275
3276
  fontFamily: SIGNIN_FONT,
3276
- fontSize: signinSize(12),
3277
+ fontSize: signinRoleSize("text", signinSize(12)),
3277
3278
  lineHeight: 1.5,
3278
3279
  cursor: "pointer"
3279
3280
  };
@@ -3286,7 +3287,7 @@ function submitStyle(disabled) {
3286
3287
  border: "none",
3287
3288
  borderRadius: SIGNIN_BUTTON_RADIUS,
3288
3289
  fontFamily: SIGNIN_FONT,
3289
- fontSize: signinSize(11),
3290
+ fontSize: signinRoleSize("button", signinSize(11)),
3290
3291
  letterSpacing: signinTracking("0.14em"),
3291
3292
  textTransform: SIGNIN_CASE,
3292
3293
  fontWeight: SIGNIN_STRONG,
@@ -3305,7 +3306,7 @@ function ErrorLine2({ children }) {
3305
3306
  marginBottom: 0,
3306
3307
  color: "var(--destructive, #ef4444)",
3307
3308
  fontFamily: SIGNIN_FONT,
3308
- fontSize: signinSize(11),
3309
+ fontSize: signinRoleSize("hint", signinSize(11)),
3309
3310
  letterSpacing: "0.04em"
3310
3311
  },
3311
3312
  children
@@ -3321,7 +3322,7 @@ function Hint({ children }) {
3321
3322
  marginBottom: 0,
3322
3323
  color: "var(--muted-foreground, #a1a1aa)",
3323
3324
  fontFamily: SIGNIN_FONT,
3324
- fontSize: 10.5,
3325
+ fontSize: signinRoleSize("hint", "10.5px"),
3325
3326
  lineHeight: 1.55
3326
3327
  },
3327
3328
  children