@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.mjs CHANGED
@@ -1292,6 +1292,7 @@ var signinRadius = (px) => `var(--oc-signin-radius, ${px}px)`;
1292
1292
  var SIGNIN_BUTTON_RADIUS = "var(--oc-signin-button-radius, 6px)";
1293
1293
  var SIGNIN_STRONG = "var(--oc-signin-strong, 600)";
1294
1294
  var SIGNIN_ARROW = "var(--oc-signin-arrow, inline)";
1295
+ var signinRoleSize = (role, fallback) => `var(--oc-signin-${role}-size, ${fallback})`;
1295
1296
  var DEFAULT_AUTH_ORIGIN = "https://ochk.io";
1296
1297
  async function fetchOcLinkedIdentities(opts) {
1297
1298
  const authOrigin = opts?.authOrigin ?? DEFAULT_AUTH_ORIGIN;
@@ -2402,7 +2403,7 @@ function OcSignIn({
2402
2403
  borderRadius: signinRadius(6),
2403
2404
  color: "var(--destructive, #ef4444)",
2404
2405
  fontFamily: SIGNIN_FONT,
2405
- fontSize: signinSize(11)
2406
+ fontSize: signinRoleSize("text", signinSize(11))
2406
2407
  },
2407
2408
  children: "That sign-in didn't finish. Try again, or use another way below."
2408
2409
  }
@@ -2420,7 +2421,7 @@ function OcSignIn({
2420
2421
  background: "color-mix(in srgb, var(--primary, #f97316) 8%, transparent)",
2421
2422
  color: "var(--foreground, #fafafa)",
2422
2423
  fontFamily: SIGNIN_FONT,
2423
- fontSize: signinSize(11),
2424
+ fontSize: signinRoleSize("text", signinSize(11)),
2424
2425
  lineHeight: 1.6
2425
2426
  },
2426
2427
  children: [
@@ -2576,7 +2577,7 @@ function SigninTab({
2576
2577
  borderBottom: active ? "2px solid var(--primary, #f97316)" : "2px solid transparent",
2577
2578
  color: active ? "var(--foreground, #fafafa)" : "var(--muted-foreground, #a1a1aa)",
2578
2579
  fontFamily: SIGNIN_FONT,
2579
- fontSize: signinSize(11),
2580
+ fontSize: signinRoleSize("label", signinSize(11)),
2580
2581
  letterSpacing: signinTracking("0.12em"),
2581
2582
  textTransform: SIGNIN_CASE,
2582
2583
  cursor: "pointer",
@@ -2649,7 +2650,7 @@ function ProviderSignIn({
2649
2650
  margin: first ? `${BLOCK_GAP}px 0` : `0 0 ${BLOCK_GAP}px`,
2650
2651
  color: "var(--muted-foreground, #a1a1aa)",
2651
2652
  fontFamily: SIGNIN_FONT,
2652
- fontSize: signinSize(10),
2653
+ fontSize: signinRoleSize("hint", signinSize(10)),
2653
2654
  letterSpacing: signinTracking("0.16em"),
2654
2655
  textTransform: SIGNIN_CASE
2655
2656
  },
@@ -3180,7 +3181,7 @@ function FlowHeader({
3180
3181
  {
3181
3182
  style: {
3182
3183
  color: "var(--muted-foreground, #a1a1aa)",
3183
- fontSize: 13,
3184
+ fontSize: signinRoleSize("text", "13px"),
3184
3185
  lineHeight: 1.55,
3185
3186
  margin: 0
3186
3187
  },
@@ -3199,7 +3200,7 @@ var linkButtonStyle = {
3199
3200
  border: "none",
3200
3201
  color: "var(--muted-foreground, #a1a1aa)",
3201
3202
  fontFamily: SIGNIN_FONT,
3202
- fontSize: signinSize(11),
3203
+ fontSize: signinRoleSize("button", signinSize(11)),
3203
3204
  letterSpacing: signinTracking("0.12em"),
3204
3205
  textTransform: SIGNIN_CASE,
3205
3206
  cursor: "pointer",
@@ -3217,7 +3218,7 @@ function Label({
3217
3218
  display: "block",
3218
3219
  color: "var(--foreground, #fafafa)",
3219
3220
  fontFamily: SIGNIN_FONT,
3220
- fontSize: signinSize(11),
3221
+ fontSize: signinRoleSize("label", signinSize(11)),
3221
3222
  letterSpacing: signinTracking("0.12em"),
3222
3223
  textTransform: SIGNIN_CASE,
3223
3224
  marginBottom: 6
@@ -3251,7 +3252,7 @@ var linkAlsoStyle = {
3251
3252
  borderTop: "1px solid var(--border, #27272a)",
3252
3253
  color: "var(--muted-foreground, #a1a1aa)",
3253
3254
  fontFamily: SIGNIN_FONT,
3254
- fontSize: signinSize(12),
3255
+ fontSize: signinRoleSize("text", signinSize(12)),
3255
3256
  lineHeight: 1.5,
3256
3257
  cursor: "pointer"
3257
3258
  };
@@ -3264,7 +3265,7 @@ function submitStyle(disabled) {
3264
3265
  border: "none",
3265
3266
  borderRadius: SIGNIN_BUTTON_RADIUS,
3266
3267
  fontFamily: SIGNIN_FONT,
3267
- fontSize: signinSize(11),
3268
+ fontSize: signinRoleSize("button", signinSize(11)),
3268
3269
  letterSpacing: signinTracking("0.14em"),
3269
3270
  textTransform: SIGNIN_CASE,
3270
3271
  fontWeight: SIGNIN_STRONG,
@@ -3283,7 +3284,7 @@ function ErrorLine2({ children }) {
3283
3284
  marginBottom: 0,
3284
3285
  color: "var(--destructive, #ef4444)",
3285
3286
  fontFamily: SIGNIN_FONT,
3286
- fontSize: signinSize(11),
3287
+ fontSize: signinRoleSize("hint", signinSize(11)),
3287
3288
  letterSpacing: "0.04em"
3288
3289
  },
3289
3290
  children
@@ -3299,7 +3300,7 @@ function Hint({ children }) {
3299
3300
  marginBottom: 0,
3300
3301
  color: "var(--muted-foreground, #a1a1aa)",
3301
3302
  fontFamily: SIGNIN_FONT,
3302
- fontSize: 10.5,
3303
+ fontSize: signinRoleSize("hint", "10.5px"),
3303
3304
  lineHeight: 1.55
3304
3305
  },
3305
3306
  children