@clerk/ui 1.0.0-canary-core3.v20251203181537 → 1.0.0-snapshot.v20251203203405
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/ClerkUi.js +2 -2
- package/dist/browser/signin_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js +1 -0
- package/dist/{ui-common_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/ui-common_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +7 -7
- package/dist/{ui.browser.js → browser/ui.browser.js} +1 -1
- package/dist/components/SignIn/AlternativeMethods.js +1 -4
- package/dist/components/SignIn/AlternativeMethods.js.map +1 -1
- package/dist/components/SignIn/SignInFactorOne.js +5 -11
- package/dist/components/SignIn/SignInFactorOne.js.map +1 -1
- package/dist/components/SignIn/SignInFactorOnePasswordCard.js +14 -24
- package/dist/components/SignIn/SignInFactorOnePasswordCard.js.map +1 -1
- package/dist/components/SignIn/SignInFactorTwoCodeForm.js +3 -8
- package/dist/components/SignIn/SignInFactorTwoCodeForm.js.map +1 -1
- package/dist/customizables/parseVariables.js +2 -2
- package/dist/customizables/parseVariables.js.map +1 -1
- package/dist/elements/contexts/index.js.map +1 -1
- package/dist/foundations/colors.js +2 -2
- package/dist/foundations/colors.js.map +1 -1
- package/dist/foundations/defaultFoundations.d.ts +153 -153
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/internal/index.js +1 -1
- package/dist/lazyModules/components.d.ts +20 -20
- package/dist/themes/dark.d.ts.map +1 -1
- package/dist/themes/dark.js +0 -1
- package/dist/themes/dark.js.map +1 -1
- package/dist/themes/shadcn.d.ts.map +1 -1
- package/dist/themes/shadcn.js +1 -2
- package/dist/themes/shadcn.js.map +1 -1
- package/dist/utils/usernameUtils.js +0 -2
- package/dist/utils/usernameUtils.js.map +1 -1
- package/package.json +3 -3
- package/dist/signin_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js +0 -1
- /package/dist/{207_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/207_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{217_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/217_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{360_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/360_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{444_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/444_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{646_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/646_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{970_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/970_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{apiKeys_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/apiKeys_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{blankcaptcha_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/blankcaptcha_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{checkout_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/checkout_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{copy-api-key-modal_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/copy-api-key-modal_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{createorganization_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/createorganization_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{enableOrganizationsPrompt_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/enableOrganizationsPrompt_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{framework_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/framework_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{impersonationfab_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/impersonationfab_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{keylessPrompt_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/keylessPrompt_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{oauthConsent_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/oauthConsent_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{onetap_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/onetap_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{op-api-keys-page_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/op-api-keys-page_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{op-billing-page_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/op-billing-page_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{op-plans-page_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/op-plans-page_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{organizationlist_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/organizationlist_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{organizationprofile_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/organizationprofile_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{organizationswitcher_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/organizationswitcher_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{payment-attempt-page_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/payment-attempt-page_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{planDetails_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/planDetails_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{prefetchorganizationlist_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/prefetchorganizationlist_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{pricingTable_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/pricingTable_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{revoke-api-key-modal_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/revoke-api-key-modal_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{sessionTasks_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/sessionTasks_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{signup_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/signup_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{statement-page_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/statement-page_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{subscriptionDetails_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/subscriptionDetails_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{taskChooseOrganization_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/taskChooseOrganization_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{up-api-keys-page_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/up-api-keys-page_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{up-billing-page_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/up-billing-page_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{up-plans-page_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/up-plans-page_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{useravatar_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/useravatar_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{userbutton_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/userbutton_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{userprofile_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/userprofile_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{userverification_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/userverification_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{vendors_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/vendors_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
- /package/dist/{waitlist_ui_b6eb3b_1.0.0-canary-core3.v20251203181537.js → browser/waitlist_ui_9c3cc3_1.0.0-snapshot.v20251203203405.js} +0 -0
|
@@ -47,9 +47,9 @@ const createColorScales = (theme) => {
|
|
|
47
47
|
colorInput: variables.colorInput ? colors.toHslaString(variables.colorInput) : colors.toHslaString(variables.colorInputBackground),
|
|
48
48
|
colorShimmer: colors.toHslaString(variables.colorShimmer),
|
|
49
49
|
colorMuted: variables.colorMuted ? colors.toHslaString(variables.colorMuted) : void 0,
|
|
50
|
-
colorRing: variables.colorRing ? colors.toHslaString(variables.colorRing) : void 0,
|
|
50
|
+
colorRing: variables.colorRing ? colors.makeTransparent(colors.toHslaString(variables.colorRing), .85) : void 0,
|
|
51
51
|
colorShadow: variables.colorShadow ? colors.toHslaString(variables.colorShadow) : void 0,
|
|
52
|
-
colorModalBackdrop: variables.colorModalBackdrop ? colors.toHslaString(variables.colorModalBackdrop) : void 0,
|
|
52
|
+
colorModalBackdrop: variables.colorModalBackdrop ? colors.makeTransparent(colors.toHslaString(variables.colorModalBackdrop), .27) : void 0,
|
|
53
53
|
avatarBackground: neutralAlphaScale?.neutralAlpha400 ? colors.toHslaString(neutralAlphaScale.neutralAlpha400) : void 0,
|
|
54
54
|
avatarBorder: neutralAlphaScale?.neutralAlpha200 ? colors.toHslaString(neutralAlphaScale.neutralAlpha200) : void 0
|
|
55
55
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parseVariables.js","names":["key","value"],"sources":["../../src/customizables/parseVariables.ts"],"sourcesContent":["import { createShadowSet, generateShadow } from '../foundations/shadows';\nimport { BORDER_RADIUS_SCALE_RATIOS, spaceScaleKeys } from '../foundations/sizes';\nimport { FONT_SIZE_SCALE_RATIOS, type FontSizeKey, type fontWeights } from '../foundations/typography';\nimport type { Theme } from '../internal/appearance';\nimport { colors } from '../utils/colors';\nimport { colorOptionToThemedAlphaScale, colorOptionToThemedLightnessScale } from '../utils/colors/scales';\nimport { createAlphaColorMixString } from '../utils/colors/utils';\nimport { cssSupports } from '../utils/cssSupports';\nimport { fromEntries } from '../utils/fromEntries';\nimport { removeUndefinedProps } from '../utils/removeUndefinedProps';\n\nconst createMutedForegroundColor = (variables: NonNullable<Theme['variables']>) => {\n if (variables.colorMutedForeground) {\n return colors.toHslaString(variables.colorMutedForeground);\n }\n\n if (variables.colorTextSecondary) {\n return colors.toHslaString(variables.colorTextSecondary);\n }\n\n if (variables.colorForeground) {\n return colors.makeTransparent(variables.colorForeground, 0.35);\n }\n\n return colors.makeTransparent(variables.colorText, 0.35);\n};\n\nexport const createColorScales = (theme: Theme) => {\n const variables = removeInvalidValues(theme.variables || {});\n\n const dangerScale = colorOptionToThemedLightnessScale(variables.colorDanger, 'danger');\n const primaryScale = colorOptionToThemedLightnessScale(variables.colorPrimary, 'primary');\n const successScale = colorOptionToThemedLightnessScale(variables.colorSuccess, 'success');\n const warningScale = colorOptionToThemedLightnessScale(variables.colorWarning, 'warning');\n\n const dangerAlphaScale = colorOptionToThemedAlphaScale(dangerScale?.danger500, 'dangerAlpha');\n const neutralAlphaScale = colorOptionToThemedAlphaScale(variables.colorNeutral, 'neutralAlpha');\n const primaryAlphaScale = colorOptionToThemedAlphaScale(primaryScale?.primary500, 'primaryAlpha');\n const successAlphaScale = colorOptionToThemedAlphaScale(successScale?.success500, 'successAlpha');\n const warningAlphaScale = colorOptionToThemedAlphaScale(warningScale?.warning500, 'warningAlpha');\n const borderAlphaScale = colorOptionToThemedAlphaScale(\n variables.colorBorder || variables.colorNeutral,\n 'borderAlpha',\n );\n\n return removeUndefinedProps({\n ...dangerScale,\n ...primaryScale,\n ...successScale,\n ...warningScale,\n ...dangerAlphaScale,\n ...neutralAlphaScale,\n ...primaryAlphaScale,\n ...successAlphaScale,\n ...warningAlphaScale,\n ...borderAlphaScale,\n primaryHover: colors.adjustForLightness(primaryScale?.primary500),\n colorPrimaryForeground: variables.colorPrimaryForeground\n ? colors.toHslaString(variables.colorPrimaryForeground)\n : variables.colorTextOnPrimaryBackground\n ? colors.toHslaString(variables.colorTextOnPrimaryBackground)\n : undefined,\n colorForeground: variables.colorForeground\n ? colors.toHslaString(variables.colorForeground)\n : colors.toHslaString(variables.colorText),\n colorMutedForeground: createMutedForegroundColor(variables),\n colorInputForeground: variables.colorInputForeground\n ? colors.toHslaString(variables.colorInputForeground)\n : colors.toHslaString(variables.colorInputText),\n colorBackground: colors.toHslaString(variables.colorBackground),\n colorInput: variables.colorInput\n ? colors.toHslaString(variables.colorInput)\n : colors.toHslaString(variables.colorInputBackground),\n colorShimmer: colors.toHslaString(variables.colorShimmer),\n colorMuted: variables.colorMuted ? colors.toHslaString(variables.colorMuted) : undefined,\n colorRing: variables.colorRing ? colors.toHslaString(variables.colorRing) : undefined,\n colorShadow: variables.colorShadow ? colors.toHslaString(variables.colorShadow) : undefined,\n colorModalBackdrop: variables.colorModalBackdrop ? colors.toHslaString(variables.colorModalBackdrop) : undefined,\n avatarBackground: neutralAlphaScale?.neutralAlpha400\n ? colors.toHslaString(neutralAlphaScale.neutralAlpha400)\n : undefined,\n avatarBorder: neutralAlphaScale?.neutralAlpha200\n ? colors.toHslaString(neutralAlphaScale.neutralAlpha200)\n : undefined,\n });\n};\n\nexport const removeInvalidValues = (variables: NonNullable<Theme['variables']>): NonNullable<Theme['variables']> => {\n // Check for modern color support. If present, we can simply return the variables as-is since we support everything\n // CSS supports.\n if (cssSupports.modernColor()) {\n return variables;\n }\n\n // If not, we need to remove any values that are specified with CSS variables, as our color scale generation only\n // supports CSS variables using modern CSS functionality.\n const validVariables: Theme['variables'] = Object.fromEntries(\n Object.entries(variables).filter(([key, value]) => {\n if (typeof value === 'string') {\n const isValid = !value.startsWith('var(');\n if (!isValid) {\n console.warn(\n `Invalid color value: ${value} for key: ${key}, using default value instead. Using CSS variables is not supported in this browser.`,\n );\n }\n return isValid;\n }\n\n if (typeof value === 'object') {\n return Object.entries(value).every(([key, value]) => {\n if (typeof value !== 'string') {\n return true;\n }\n\n const isValid = !value.startsWith('var(');\n if (!isValid) {\n console.warn(\n `Invalid color value: ${value} for key: ${key}, using default value instead. Using CSS variables is not supported in this browser.`,\n );\n }\n\n return isValid;\n });\n }\n\n return false;\n }),\n );\n\n return validVariables;\n};\n\nexport const createRadiiUnits = (theme: Theme) => {\n const { borderRadius } = theme.variables || {};\n if (borderRadius === undefined) {\n return;\n }\n\n const md = borderRadius === 'none' ? '0' : borderRadius;\n return {\n sm: `calc(${md} * ${BORDER_RADIUS_SCALE_RATIOS.sm})`,\n md,\n lg: `calc(${md} * ${BORDER_RADIUS_SCALE_RATIOS.lg})`,\n xl: `calc(${md} * ${BORDER_RADIUS_SCALE_RATIOS.xl})`,\n };\n};\n\nexport const createSpaceScale = (theme: Theme) => {\n const { spacing, spacingUnit } = theme.variables || {};\n const spacingValue = spacing ?? spacingUnit;\n if (spacingValue === undefined) {\n return;\n }\n return fromEntries(\n spaceScaleKeys.map(k => {\n const num = Number.parseFloat(k.replace('x', '.'));\n const percentage = (num / 0.5) * 0.125;\n return [k, `calc(${spacingValue} * ${percentage})`];\n }),\n );\n};\n\n// We want to keep the same ratio between the font sizes we have for the default theme\n// This is directly related to the fontSizes object in the theme default foundations\n// ref: src/ui/foundations/typography.ts\nexport const createFontSizeScale = (theme: Theme): Partial<Record<FontSizeKey, string>> | undefined => {\n const { fontSize } = theme.variables || {};\n if (fontSize === undefined) {\n return;\n }\n\n if (typeof fontSize === 'object') {\n // When fontSize is an object, filter out undefined values and return only defined properties\n return removeUndefinedProps(\n Object.fromEntries(\n Object.entries(FONT_SIZE_SCALE_RATIOS).map(([key, _ratio]) => [key, fontSize[key as FontSizeKey] ?? undefined]),\n ) as Record<FontSizeKey, string | undefined>,\n );\n }\n\n // When fontSize is a string, calculate all sizes based on the base value and fractions for precision\n // Using fractions instead of decimal ratios to avoid floating-point precision issues\n return Object.fromEntries(\n Object.entries(FONT_SIZE_SCALE_RATIOS).map(([key, fraction]) => [\n key,\n fraction === '1' ? fontSize : `calc(${fontSize} * ${fraction})`,\n ]),\n ) as Record<FontSizeKey, string>;\n};\n\nexport const createFontWeightScale = (theme: Theme): Partial<Record<keyof typeof fontWeights, string | number>> => {\n const { fontWeight } = theme.variables || {};\n return removeUndefinedProps({ ...fontWeight });\n};\n\nexport const createFonts = (theme: Theme) => {\n const { fontFamily, fontFamilyButtons } = theme.variables || {};\n return removeUndefinedProps({ main: fontFamily, buttons: fontFamilyButtons });\n};\n\nexport const createShadowsUnits = (theme: Theme) => {\n const { colorShadow } = theme.variables || {};\n if (!colorShadow) {\n return;\n }\n\n const shadowColor = colors.toHslaString(colorShadow);\n if (!shadowColor) {\n return;\n }\n\n return createShadowSet(\n shadowColor,\n generateShadow((color, alpha) => createAlphaColorMixString(color, alpha * 100)),\n );\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"parseVariables.js","names":["key","value"],"sources":["../../src/customizables/parseVariables.ts"],"sourcesContent":["import { createShadowSet, generateShadow } from '../foundations/shadows';\nimport { BORDER_RADIUS_SCALE_RATIOS, spaceScaleKeys } from '../foundations/sizes';\nimport { FONT_SIZE_SCALE_RATIOS, type FontSizeKey, type fontWeights } from '../foundations/typography';\nimport type { Theme } from '../internal/appearance';\nimport { colors } from '../utils/colors';\nimport { colorOptionToThemedAlphaScale, colorOptionToThemedLightnessScale } from '../utils/colors/scales';\nimport { createAlphaColorMixString } from '../utils/colors/utils';\nimport { cssSupports } from '../utils/cssSupports';\nimport { fromEntries } from '../utils/fromEntries';\nimport { removeUndefinedProps } from '../utils/removeUndefinedProps';\n\nconst createMutedForegroundColor = (variables: NonNullable<Theme['variables']>) => {\n if (variables.colorMutedForeground) {\n return colors.toHslaString(variables.colorMutedForeground);\n }\n\n if (variables.colorTextSecondary) {\n return colors.toHslaString(variables.colorTextSecondary);\n }\n\n if (variables.colorForeground) {\n return colors.makeTransparent(variables.colorForeground, 0.35);\n }\n\n return colors.makeTransparent(variables.colorText, 0.35);\n};\n\nexport const createColorScales = (theme: Theme) => {\n const variables = removeInvalidValues(theme.variables || {});\n\n const dangerScale = colorOptionToThemedLightnessScale(variables.colorDanger, 'danger');\n const primaryScale = colorOptionToThemedLightnessScale(variables.colorPrimary, 'primary');\n const successScale = colorOptionToThemedLightnessScale(variables.colorSuccess, 'success');\n const warningScale = colorOptionToThemedLightnessScale(variables.colorWarning, 'warning');\n\n const dangerAlphaScale = colorOptionToThemedAlphaScale(dangerScale?.danger500, 'dangerAlpha');\n const neutralAlphaScale = colorOptionToThemedAlphaScale(variables.colorNeutral, 'neutralAlpha');\n const primaryAlphaScale = colorOptionToThemedAlphaScale(primaryScale?.primary500, 'primaryAlpha');\n const successAlphaScale = colorOptionToThemedAlphaScale(successScale?.success500, 'successAlpha');\n const warningAlphaScale = colorOptionToThemedAlphaScale(warningScale?.warning500, 'warningAlpha');\n const borderAlphaScale = colorOptionToThemedAlphaScale(\n variables.colorBorder || variables.colorNeutral,\n 'borderAlpha',\n );\n\n return removeUndefinedProps({\n ...dangerScale,\n ...primaryScale,\n ...successScale,\n ...warningScale,\n ...dangerAlphaScale,\n ...neutralAlphaScale,\n ...primaryAlphaScale,\n ...successAlphaScale,\n ...warningAlphaScale,\n ...borderAlphaScale,\n primaryHover: colors.adjustForLightness(primaryScale?.primary500),\n colorPrimaryForeground: variables.colorPrimaryForeground\n ? colors.toHslaString(variables.colorPrimaryForeground)\n : variables.colorTextOnPrimaryBackground\n ? colors.toHslaString(variables.colorTextOnPrimaryBackground)\n : undefined,\n colorForeground: variables.colorForeground\n ? colors.toHslaString(variables.colorForeground)\n : colors.toHslaString(variables.colorText),\n colorMutedForeground: createMutedForegroundColor(variables),\n colorInputForeground: variables.colorInputForeground\n ? colors.toHslaString(variables.colorInputForeground)\n : colors.toHslaString(variables.colorInputText),\n colorBackground: colors.toHslaString(variables.colorBackground),\n colorInput: variables.colorInput\n ? colors.toHslaString(variables.colorInput)\n : colors.toHslaString(variables.colorInputBackground),\n colorShimmer: colors.toHslaString(variables.colorShimmer),\n colorMuted: variables.colorMuted ? colors.toHslaString(variables.colorMuted) : undefined,\n colorRing: variables.colorRing ? colors.makeTransparent(colors.toHslaString(variables.colorRing), 0.85) : undefined,\n colorShadow: variables.colorShadow ? colors.toHslaString(variables.colorShadow) : undefined,\n colorModalBackdrop: variables.colorModalBackdrop\n ? colors.makeTransparent(colors.toHslaString(variables.colorModalBackdrop), 0.27)\n : undefined,\n avatarBackground: neutralAlphaScale?.neutralAlpha400\n ? colors.toHslaString(neutralAlphaScale.neutralAlpha400)\n : undefined,\n avatarBorder: neutralAlphaScale?.neutralAlpha200\n ? colors.toHslaString(neutralAlphaScale.neutralAlpha200)\n : undefined,\n });\n};\n\nexport const removeInvalidValues = (variables: NonNullable<Theme['variables']>): NonNullable<Theme['variables']> => {\n // Check for modern color support. If present, we can simply return the variables as-is since we support everything\n // CSS supports.\n if (cssSupports.modernColor()) {\n return variables;\n }\n\n // If not, we need to remove any values that are specified with CSS variables, as our color scale generation only\n // supports CSS variables using modern CSS functionality.\n const validVariables: Theme['variables'] = Object.fromEntries(\n Object.entries(variables).filter(([key, value]) => {\n if (typeof value === 'string') {\n const isValid = !value.startsWith('var(');\n if (!isValid) {\n console.warn(\n `Invalid color value: ${value} for key: ${key}, using default value instead. Using CSS variables is not supported in this browser.`,\n );\n }\n return isValid;\n }\n\n if (typeof value === 'object') {\n return Object.entries(value).every(([key, value]) => {\n if (typeof value !== 'string') {\n return true;\n }\n\n const isValid = !value.startsWith('var(');\n if (!isValid) {\n console.warn(\n `Invalid color value: ${value} for key: ${key}, using default value instead. Using CSS variables is not supported in this browser.`,\n );\n }\n\n return isValid;\n });\n }\n\n return false;\n }),\n );\n\n return validVariables;\n};\n\nexport const createRadiiUnits = (theme: Theme) => {\n const { borderRadius } = theme.variables || {};\n if (borderRadius === undefined) {\n return;\n }\n\n const md = borderRadius === 'none' ? '0' : borderRadius;\n return {\n sm: `calc(${md} * ${BORDER_RADIUS_SCALE_RATIOS.sm})`,\n md,\n lg: `calc(${md} * ${BORDER_RADIUS_SCALE_RATIOS.lg})`,\n xl: `calc(${md} * ${BORDER_RADIUS_SCALE_RATIOS.xl})`,\n };\n};\n\nexport const createSpaceScale = (theme: Theme) => {\n const { spacing, spacingUnit } = theme.variables || {};\n const spacingValue = spacing ?? spacingUnit;\n if (spacingValue === undefined) {\n return;\n }\n return fromEntries(\n spaceScaleKeys.map(k => {\n const num = Number.parseFloat(k.replace('x', '.'));\n const percentage = (num / 0.5) * 0.125;\n return [k, `calc(${spacingValue} * ${percentage})`];\n }),\n );\n};\n\n// We want to keep the same ratio between the font sizes we have for the default theme\n// This is directly related to the fontSizes object in the theme default foundations\n// ref: src/ui/foundations/typography.ts\nexport const createFontSizeScale = (theme: Theme): Partial<Record<FontSizeKey, string>> | undefined => {\n const { fontSize } = theme.variables || {};\n if (fontSize === undefined) {\n return;\n }\n\n if (typeof fontSize === 'object') {\n // When fontSize is an object, filter out undefined values and return only defined properties\n return removeUndefinedProps(\n Object.fromEntries(\n Object.entries(FONT_SIZE_SCALE_RATIOS).map(([key, _ratio]) => [key, fontSize[key as FontSizeKey] ?? undefined]),\n ) as Record<FontSizeKey, string | undefined>,\n );\n }\n\n // When fontSize is a string, calculate all sizes based on the base value and fractions for precision\n // Using fractions instead of decimal ratios to avoid floating-point precision issues\n return Object.fromEntries(\n Object.entries(FONT_SIZE_SCALE_RATIOS).map(([key, fraction]) => [\n key,\n fraction === '1' ? fontSize : `calc(${fontSize} * ${fraction})`,\n ]),\n ) as Record<FontSizeKey, string>;\n};\n\nexport const createFontWeightScale = (theme: Theme): Partial<Record<keyof typeof fontWeights, string | number>> => {\n const { fontWeight } = theme.variables || {};\n return removeUndefinedProps({ ...fontWeight });\n};\n\nexport const createFonts = (theme: Theme) => {\n const { fontFamily, fontFamilyButtons } = theme.variables || {};\n return removeUndefinedProps({ main: fontFamily, buttons: fontFamilyButtons });\n};\n\nexport const createShadowsUnits = (theme: Theme) => {\n const { colorShadow } = theme.variables || {};\n if (!colorShadow) {\n return;\n }\n\n const shadowColor = colors.toHslaString(colorShadow);\n if (!shadowColor) {\n return;\n }\n\n return createShadowSet(\n shadowColor,\n generateShadow((color, alpha) => createAlphaColorMixString(color, alpha * 100)),\n );\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/elements/contexts/index.tsx"],"sourcesContent":["import { createContextAndHook } from '@clerk/shared/react';\nimport type { ClerkAPIError, ClerkRuntimeError } from '@clerk/shared/types';\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react';\nimport React from 'react';\n\nimport { useRouter } from '@/ui/router';\n\nimport { useLocalizations } from '../../customizables';\n\ntype Status = 'idle' | 'loading' | 'error';\ntype Metadata = string | undefined;\ntype State = { status: Status; metadata: Metadata; error: string | undefined };\ntype CardStateCtxValue = {\n state: State;\n setState: React.Dispatch<React.SetStateAction<State>>;\n};\n\nconst [CardStateCtx, _useCardState] = createContextAndHook<CardStateCtxValue>('CardState');\n\nexport const CardStateProvider = (props: React.PropsWithChildren<any>) => {\n const { translateError } = useLocalizations();\n const router = useRouter();\n\n const [state, setState] = React.useState<State>(() => ({\n status: 'idle',\n metadata: undefined,\n error: translateError(window?.Clerk?.__internal_last_error || undefined),\n }));\n\n React.useEffect(() => {\n const error = window?.Clerk?.__internal_last_error;\n\n if (error) {\n setState(s => ({ ...s, error: translateError(error) }));\n }\n }, [translateError, setState, router.currentPath]);\n\n const value = React.useMemo(() => ({ value: { state, setState } }), [state, setState]);\n return <CardStateCtx.Provider value={value}>{props.children}</CardStateCtx.Provider>;\n};\n\nexport const useCardState = () => {\n const { state, setState } = _useCardState();\n const { translateError } = useLocalizations();\n\n const setIdle = (metadata?: Metadata) => setState(s => ({ ...s, status: 'idle', metadata }));\n const setError = (metadata: ClerkRuntimeError | ClerkAPIError | Metadata | string) =>\n setState(s => ({ ...s, error: translateError(metadata) }));\n const setLoading = (metadata?: Metadata) => setState(s => ({ ...s, status: 'loading', metadata }));\n const runAsync = async <T = unknown,>(cb: Promise<T> | (() => Promise<T>), metadata?: Metadata) => {\n setLoading(metadata);\n return (typeof cb === 'function' ? cb() : cb)\n .then(res => {\n return res;\n })\n .finally(() => setIdle(metadata));\n };\n\n return {\n setIdle,\n setError,\n setLoading,\n runAsync,\n loadingMetadata: state.status === 'loading' ? state.metadata : undefined,\n error: state.error ? state.error : undefined,\n isLoading: state.status === 'loading',\n isIdle: state.status === 'idle',\n state,\n };\n};\n\nexport const withCardStateProvider = <T,>(Component: React.ComponentType<T>) => {\n return (props: T) => {\n return (\n <CardStateProvider>\n {/* @ts-expect-error */}\n <Component {...props} />\n </CardStateProvider>\n );\n };\n};\n\nexport type FlowMetadata = {\n flow:\n | 'signIn'\n | 'signUp'\n | 'userButton'\n | 'userProfile'\n | 'userVerification'\n | 'organizationProfile'\n | 'createOrganization'\n | 'organizationSwitcher'\n | 'organizationList'\n | 'oneTap'\n | 'blankCaptcha'\n | 'waitlist'\n | 'checkout'\n | 'planDetails'\n | 'pricingTable'\n | 'apiKeys'\n | 'oauthConsent'\n | 'subscriptionDetails'\n | 'tasks'\n | 'taskChooseOrganization'\n | 'enableOrganizations'\n | 'taskResetPassword';\n part?:\n | 'start'\n | 'emailCode'\n | 'emailCode2Fa'\n | 'phoneCode'\n | 'phoneCode2Fa'\n | 'totp2Fa'\n | 'backupCode2Fa'\n | 'password'\n | 'resetPassword'\n | 'emailLink'\n | 'emailLinkVerify'\n | 'emailLinkStatus'\n | 'alternativeMethods'\n | 'forgotPasswordMethods'\n | 'passwordPwnedMethods'\n | '
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/elements/contexts/index.tsx"],"sourcesContent":["import { createContextAndHook } from '@clerk/shared/react';\nimport type { ClerkAPIError, ClerkRuntimeError } from '@clerk/shared/types';\nimport { FloatingTree, useFloatingParentNodeId } from '@floating-ui/react';\nimport React from 'react';\n\nimport { useRouter } from '@/ui/router';\n\nimport { useLocalizations } from '../../customizables';\n\ntype Status = 'idle' | 'loading' | 'error';\ntype Metadata = string | undefined;\ntype State = { status: Status; metadata: Metadata; error: string | undefined };\ntype CardStateCtxValue = {\n state: State;\n setState: React.Dispatch<React.SetStateAction<State>>;\n};\n\nconst [CardStateCtx, _useCardState] = createContextAndHook<CardStateCtxValue>('CardState');\n\nexport const CardStateProvider = (props: React.PropsWithChildren<any>) => {\n const { translateError } = useLocalizations();\n const router = useRouter();\n\n const [state, setState] = React.useState<State>(() => ({\n status: 'idle',\n metadata: undefined,\n error: translateError(window?.Clerk?.__internal_last_error || undefined),\n }));\n\n React.useEffect(() => {\n const error = window?.Clerk?.__internal_last_error;\n\n if (error) {\n setState(s => ({ ...s, error: translateError(error) }));\n }\n }, [translateError, setState, router.currentPath]);\n\n const value = React.useMemo(() => ({ value: { state, setState } }), [state, setState]);\n return <CardStateCtx.Provider value={value}>{props.children}</CardStateCtx.Provider>;\n};\n\nexport const useCardState = () => {\n const { state, setState } = _useCardState();\n const { translateError } = useLocalizations();\n\n const setIdle = (metadata?: Metadata) => setState(s => ({ ...s, status: 'idle', metadata }));\n const setError = (metadata: ClerkRuntimeError | ClerkAPIError | Metadata | string) =>\n setState(s => ({ ...s, error: translateError(metadata) }));\n const setLoading = (metadata?: Metadata) => setState(s => ({ ...s, status: 'loading', metadata }));\n const runAsync = async <T = unknown,>(cb: Promise<T> | (() => Promise<T>), metadata?: Metadata) => {\n setLoading(metadata);\n return (typeof cb === 'function' ? cb() : cb)\n .then(res => {\n return res;\n })\n .finally(() => setIdle(metadata));\n };\n\n return {\n setIdle,\n setError,\n setLoading,\n runAsync,\n loadingMetadata: state.status === 'loading' ? state.metadata : undefined,\n error: state.error ? state.error : undefined,\n isLoading: state.status === 'loading',\n isIdle: state.status === 'idle',\n state,\n };\n};\n\nexport const withCardStateProvider = <T,>(Component: React.ComponentType<T>) => {\n return (props: T) => {\n return (\n <CardStateProvider>\n {/* @ts-expect-error */}\n <Component {...props} />\n </CardStateProvider>\n );\n };\n};\n\nexport type FlowMetadata = {\n flow:\n | 'signIn'\n | 'signUp'\n | 'userButton'\n | 'userProfile'\n | 'userVerification'\n | 'organizationProfile'\n | 'createOrganization'\n | 'organizationSwitcher'\n | 'organizationList'\n | 'oneTap'\n | 'blankCaptcha'\n | 'waitlist'\n | 'checkout'\n | 'planDetails'\n | 'pricingTable'\n | 'apiKeys'\n | 'oauthConsent'\n | 'subscriptionDetails'\n | 'tasks'\n | 'taskChooseOrganization'\n | 'enableOrganizations'\n | 'taskResetPassword';\n part?:\n | 'start'\n | 'emailCode'\n | 'emailCode2Fa'\n | 'phoneCode'\n | 'phoneCode2Fa'\n | 'totp2Fa'\n | 'backupCode2Fa'\n | 'password'\n | 'resetPassword'\n | 'emailLink'\n | 'emailLinkVerify'\n | 'emailLinkStatus'\n | 'alternativeMethods'\n | 'forgotPasswordMethods'\n | 'passwordPwnedMethods'\n | 'havingTrouble'\n | 'ssoCallback'\n | 'popupCallback'\n | 'popover'\n | 'complete'\n | 'accountSwitcher'\n | 'chooseOrganization'\n | 'enterpriseConnections';\n};\n\nconst [FlowMetadataCtx, useFlowMetadata] = createContextAndHook<FlowMetadata>('FlowMetadata');\n\nexport const FlowMetadataProvider = (props: React.PropsWithChildren<FlowMetadata>) => {\n const { flow, part } = props;\n const value = React.useMemo(() => ({ value: props }), [flow, part]);\n return <FlowMetadataCtx.Provider value={value}>{props.children}</FlowMetadataCtx.Provider>;\n};\n\nexport const withFloatingTree = <T,>(Component: React.ComponentType<T>): React.ComponentType<T> => {\n return (props: T) => {\n const parentId = useFloatingParentNodeId();\n if (parentId == null) {\n return (\n <FloatingTree>\n {/* @ts-expect-error */}\n <Component {...props} />\n </FloatingTree>\n );\n }\n\n /* @ts-expect-error */\n return <Component {...props} />;\n };\n};\n\nexport { useFlowMetadata };\n"],"mappings":";;;;;;;;AAiBA,MAAM,CAAC,cAAc,iBAAiB,qBAAwC,YAAY;AAE1F,MAAa,qBAAqB,UAAwC;CACxE,MAAM,EAAE,mBAAmB,kBAAkB;CAC7C,MAAM,SAAS,WAAW;CAE1B,MAAM,CAAC,OAAO,YAAY,MAAM,gBAAuB;EACrD,QAAQ;EACR,UAAU;EACV,OAAO,eAAe,QAAQ,OAAO,yBAAyB,OAAU;EACzE,EAAE;AAEH,OAAM,gBAAgB;EACpB,MAAM,QAAQ,QAAQ,OAAO;AAE7B,MAAI,MACF,WAAS,OAAM;GAAE,GAAG;GAAG,OAAO,eAAe,MAAM;GAAE,EAAE;IAExD;EAAC;EAAgB;EAAU,OAAO;EAAY,CAAC;CAElD,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO;EAAE;EAAO;EAAU,EAAE,GAAG,CAAC,OAAO,SAAS,CAAC;AACtF,QAAO,oBAAC,aAAa;EAAgB;YAAQ,MAAM;GAAiC;;AAGtF,MAAa,qBAAqB;CAChC,MAAM,EAAE,OAAO,aAAa,eAAe;CAC3C,MAAM,EAAE,mBAAmB,kBAAkB;CAE7C,MAAM,WAAW,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAQ;EAAU,EAAE;CAC5F,MAAM,YAAY,aAChB,UAAS,OAAM;EAAE,GAAG;EAAG,OAAO,eAAe,SAAS;EAAE,EAAE;CAC5D,MAAM,cAAc,aAAwB,UAAS,OAAM;EAAE,GAAG;EAAG,QAAQ;EAAW;EAAU,EAAE;CAClG,MAAM,WAAW,OAAqB,IAAqC,aAAwB;AACjG,aAAW,SAAS;AACpB,UAAQ,OAAO,OAAO,aAAa,IAAI,GAAG,IACvC,MAAK,QAAO;AACX,UAAO;IACP,CACD,cAAc,QAAQ,SAAS,CAAC;;AAGrC,QAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB,MAAM,WAAW,YAAY,MAAM,WAAW;EAC/D,OAAO,MAAM,QAAQ,MAAM,QAAQ;EACnC,WAAW,MAAM,WAAW;EAC5B,QAAQ,MAAM,WAAW;EACzB;EACD;;AAGH,MAAa,yBAA6B,cAAsC;AAC9E,SAAQ,UAAa;AACnB,SACE,oBAAC,+BAEC,oBAAC,aAAU,GAAI,QAAS,GACN;;;AAuD1B,MAAM,CAAC,iBAAiB,mBAAmB,qBAAmC,eAAe;AAE7F,MAAa,wBAAwB,UAAiD;CACpF,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,QAAQ,MAAM,eAAe,EAAE,OAAO,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC;AACnE,QAAO,oBAAC,gBAAgB;EAAgB;YAAQ,MAAM;GAAoC;;AAG5F,MAAa,oBAAwB,cAA8D;AACjG,SAAQ,UAAa;AAEnB,MADiB,yBAAyB,IAC1B,KACd,QACE,oBAAC,0BAEC,oBAAC,aAAU,GAAI,QAAS,GACX;AAKnB,SAAO,oBAAC,aAAU,GAAI,QAAS"}
|
|
@@ -46,13 +46,13 @@ const colorMutedForeground = clerkCssVar("color-muted-foreground", colors.makeTr
|
|
|
46
46
|
const colors$1 = Object.freeze({
|
|
47
47
|
avatarBorder: neutralAlphaScale.neutralAlpha200,
|
|
48
48
|
avatarBackground: neutralAlphaScale.neutralAlpha400,
|
|
49
|
-
colorModalBackdrop: clerkCssVar("color-modal-backdrop",
|
|
49
|
+
colorModalBackdrop: colors.makeTransparent(clerkCssVar("color-modal-backdrop", defaultColorNeutral), .27) || neutralAlphaScale.neutralAlpha700,
|
|
50
50
|
colorBackground: clerkCssVar("color-background", "white"),
|
|
51
51
|
colorInput: clerkCssVar("color-input", "white"),
|
|
52
52
|
colorForeground,
|
|
53
53
|
colorMutedForeground,
|
|
54
54
|
colorMuted: void 0,
|
|
55
|
-
colorRing: clerkCssVar("color-ring",
|
|
55
|
+
colorRing: colors.makeTransparent(clerkCssVar("color-ring", defaultColorNeutral), .85) || neutralAlphaScale.neutralAlpha200,
|
|
56
56
|
colorInputForeground: clerkCssVar("color-input-foreground", "#131316"),
|
|
57
57
|
colorPrimaryForeground: clerkCssVar("color-primary-foreground", "white"),
|
|
58
58
|
colorShimmer: clerkCssVar("color-shimmer", "rgba(255, 255, 255, 0.36)"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["colorUtils","colors"],"sources":["../../src/foundations/colors.ts"],"sourcesContent":["import { colors as colorUtils } from '../utils/colors';\nimport { colorOptionToThemedAlphaScale, colorOptionToThemedLightnessScale } from '../utils/colors/scales';\nimport { clerkCssVar } from '../utils/cssVariables';\n\nconst whiteAlpha = Object.freeze({\n whiteAlpha25: 'hsla(0, 0%, 100%, 0.02)',\n whiteAlpha50: 'hsla(0, 0%, 100%, 0.03)',\n whiteAlpha100: 'hsla(0, 0%, 100%, 0.07)',\n whiteAlpha150: 'hsla(0, 0%, 100%, 0.11)',\n whiteAlpha200: 'hsla(0, 0%, 100%, 0.15)',\n whiteAlpha300: 'hsla(0, 0%, 100%, 0.28)',\n whiteAlpha400: 'hsla(0, 0%, 100%, 0.41)',\n whiteAlpha500: 'hsla(0, 0%, 100%, 0.53)',\n whiteAlpha600: 'hsla(0, 0%, 100%, 0.62)',\n whiteAlpha700: 'hsla(0, 0%, 100%, 0.73)',\n whiteAlpha750: 'hsla(0, 0%, 100%, 0.78)',\n whiteAlpha800: 'hsla(0, 0%, 100%, 0.81)',\n whiteAlpha850: 'hsla(0, 0%, 100%, 0.84)',\n whiteAlpha900: 'hsla(0, 0%, 100%, 0.87)',\n whiteAlpha950: 'hsla(0, 0%, 100%, 0.92)',\n} as const);\n\ntype LightnessScale<T extends string> = NonNullable<ReturnType<typeof colorOptionToThemedLightnessScale<T>>>;\ntype AlphaScale<T extends string> = NonNullable<ReturnType<typeof colorOptionToThemedAlphaScale<T>>>;\n\n/**\n * Color scale generation with clerkCssVar\n *\n * These functions will never return undefined because:\n * 1. clerkCssVar always provides a fallback value (e.g., 'var(--clerk-color-danger, #EF4444)')\n * 2. The fallback ensures a valid color string is always passed to the scale generation functions\n * 3. Valid color strings always produce complete color scales\n *\n * Therefore, it's safe to assert these as NonNullable.\n */\n\nconst defaultColorNeutral = clerkCssVar('color-neutral', '#000000');\n\nconst dangerScale = colorOptionToThemedLightnessScale(\n clerkCssVar('color-danger', '#EF4444'),\n 'danger',\n) as LightnessScale<'danger'>;\nconst primaryScale = colorOptionToThemedLightnessScale(\n clerkCssVar('color-primary', '#2F3037'),\n 'primary',\n) as LightnessScale<'primary'>;\nconst successScale = colorOptionToThemedLightnessScale(\n clerkCssVar('color-success', '#22C543'),\n 'success',\n) as LightnessScale<'success'>;\nconst warningScale = colorOptionToThemedLightnessScale(\n clerkCssVar('color-warning', '#F36B16'),\n 'warning',\n) as LightnessScale<'warning'>;\n\nconst dangerAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-danger', '#EF4444'),\n 'dangerAlpha',\n) as AlphaScale<'dangerAlpha'>;\nconst neutralAlphaScale = colorOptionToThemedAlphaScale(\n defaultColorNeutral,\n 'neutralAlpha',\n) as AlphaScale<'neutralAlpha'>;\nconst primaryAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-primary', '#2F3037'),\n 'primaryAlpha',\n) as AlphaScale<'primaryAlpha'>;\nconst successAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-success', '#22C543'),\n 'successAlpha',\n) as AlphaScale<'successAlpha'>;\nconst warningAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-warning', '#F36B16'),\n 'warningAlpha',\n) as AlphaScale<'warningAlpha'>;\n\nconst borderAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-border', defaultColorNeutral),\n 'borderAlpha',\n) as AlphaScale<'borderAlpha'>;\n\nconst colorForeground = clerkCssVar('color-foreground', '#212126');\nconst colorMutedForeground = clerkCssVar(\n 'color-muted-foreground',\n colorUtils.makeTransparent(colorForeground, 0.35) || '#747686',\n);\n\nconst colors = Object.freeze({\n avatarBorder: neutralAlphaScale.neutralAlpha200,\n avatarBackground: neutralAlphaScale.neutralAlpha400,\n colorModalBackdrop
|
|
1
|
+
{"version":3,"file":"colors.js","names":["colorUtils","colors"],"sources":["../../src/foundations/colors.ts"],"sourcesContent":["import { colors as colorUtils } from '../utils/colors';\nimport { colorOptionToThemedAlphaScale, colorOptionToThemedLightnessScale } from '../utils/colors/scales';\nimport { clerkCssVar } from '../utils/cssVariables';\n\nconst whiteAlpha = Object.freeze({\n whiteAlpha25: 'hsla(0, 0%, 100%, 0.02)',\n whiteAlpha50: 'hsla(0, 0%, 100%, 0.03)',\n whiteAlpha100: 'hsla(0, 0%, 100%, 0.07)',\n whiteAlpha150: 'hsla(0, 0%, 100%, 0.11)',\n whiteAlpha200: 'hsla(0, 0%, 100%, 0.15)',\n whiteAlpha300: 'hsla(0, 0%, 100%, 0.28)',\n whiteAlpha400: 'hsla(0, 0%, 100%, 0.41)',\n whiteAlpha500: 'hsla(0, 0%, 100%, 0.53)',\n whiteAlpha600: 'hsla(0, 0%, 100%, 0.62)',\n whiteAlpha700: 'hsla(0, 0%, 100%, 0.73)',\n whiteAlpha750: 'hsla(0, 0%, 100%, 0.78)',\n whiteAlpha800: 'hsla(0, 0%, 100%, 0.81)',\n whiteAlpha850: 'hsla(0, 0%, 100%, 0.84)',\n whiteAlpha900: 'hsla(0, 0%, 100%, 0.87)',\n whiteAlpha950: 'hsla(0, 0%, 100%, 0.92)',\n} as const);\n\ntype LightnessScale<T extends string> = NonNullable<ReturnType<typeof colorOptionToThemedLightnessScale<T>>>;\ntype AlphaScale<T extends string> = NonNullable<ReturnType<typeof colorOptionToThemedAlphaScale<T>>>;\n\n/**\n * Color scale generation with clerkCssVar\n *\n * These functions will never return undefined because:\n * 1. clerkCssVar always provides a fallback value (e.g., 'var(--clerk-color-danger, #EF4444)')\n * 2. The fallback ensures a valid color string is always passed to the scale generation functions\n * 3. Valid color strings always produce complete color scales\n *\n * Therefore, it's safe to assert these as NonNullable.\n */\n\nconst defaultColorNeutral = clerkCssVar('color-neutral', '#000000');\n\nconst dangerScale = colorOptionToThemedLightnessScale(\n clerkCssVar('color-danger', '#EF4444'),\n 'danger',\n) as LightnessScale<'danger'>;\nconst primaryScale = colorOptionToThemedLightnessScale(\n clerkCssVar('color-primary', '#2F3037'),\n 'primary',\n) as LightnessScale<'primary'>;\nconst successScale = colorOptionToThemedLightnessScale(\n clerkCssVar('color-success', '#22C543'),\n 'success',\n) as LightnessScale<'success'>;\nconst warningScale = colorOptionToThemedLightnessScale(\n clerkCssVar('color-warning', '#F36B16'),\n 'warning',\n) as LightnessScale<'warning'>;\n\nconst dangerAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-danger', '#EF4444'),\n 'dangerAlpha',\n) as AlphaScale<'dangerAlpha'>;\nconst neutralAlphaScale = colorOptionToThemedAlphaScale(\n defaultColorNeutral,\n 'neutralAlpha',\n) as AlphaScale<'neutralAlpha'>;\nconst primaryAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-primary', '#2F3037'),\n 'primaryAlpha',\n) as AlphaScale<'primaryAlpha'>;\nconst successAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-success', '#22C543'),\n 'successAlpha',\n) as AlphaScale<'successAlpha'>;\nconst warningAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-warning', '#F36B16'),\n 'warningAlpha',\n) as AlphaScale<'warningAlpha'>;\n\nconst borderAlphaScale = colorOptionToThemedAlphaScale(\n clerkCssVar('color-border', defaultColorNeutral),\n 'borderAlpha',\n) as AlphaScale<'borderAlpha'>;\n\nconst colorForeground = clerkCssVar('color-foreground', '#212126');\nconst colorMutedForeground = clerkCssVar(\n 'color-muted-foreground',\n colorUtils.makeTransparent(colorForeground, 0.35) || '#747686',\n);\n\nconst colors = Object.freeze({\n avatarBorder: neutralAlphaScale.neutralAlpha200,\n avatarBackground: neutralAlphaScale.neutralAlpha400,\n colorModalBackdrop:\n colorUtils.makeTransparent(clerkCssVar('color-modal-backdrop', defaultColorNeutral), 0.27) ||\n neutralAlphaScale.neutralAlpha700,\n colorBackground: clerkCssVar('color-background', 'white'),\n colorInput: clerkCssVar('color-input', 'white'),\n colorForeground,\n colorMutedForeground,\n colorMuted: undefined,\n colorRing:\n colorUtils.makeTransparent(clerkCssVar('color-ring', defaultColorNeutral), 0.85) ||\n neutralAlphaScale.neutralAlpha200,\n colorInputForeground: clerkCssVar('color-input-foreground', '#131316'),\n colorPrimaryForeground: clerkCssVar('color-primary-foreground', 'white'),\n colorShimmer: clerkCssVar('color-shimmer', 'rgba(255, 255, 255, 0.36)'),\n transparent: 'transparent',\n white: 'white',\n black: 'black',\n ...neutralAlphaScale,\n ...whiteAlpha,\n ...primaryScale,\n primaryHover: colorUtils.adjustForLightness(primaryScale.primary500),\n ...primaryAlphaScale,\n ...dangerScale,\n ...dangerAlphaScale,\n ...warningScale,\n ...warningAlphaScale,\n ...successScale,\n ...successAlphaScale,\n ...borderAlphaScale,\n} as const);\n\nexport { colors, neutralAlphaScale as neutralAlpha, whiteAlpha };\n"],"mappings":";;;;;AAIA,MAAM,aAAa,OAAO,OAAO;CAC/B,cAAc;CACd,cAAc;CACd,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CAChB,CAAU;;;;;;;;;;;AAgBX,MAAM,sBAAsB,YAAY,iBAAiB,UAAU;AAEnE,MAAM,cAAc,kCAClB,YAAY,gBAAgB,UAAU,EACtC,SACD;AACD,MAAM,eAAe,kCACnB,YAAY,iBAAiB,UAAU,EACvC,UACD;AACD,MAAM,eAAe,kCACnB,YAAY,iBAAiB,UAAU,EACvC,UACD;AACD,MAAM,eAAe,kCACnB,YAAY,iBAAiB,UAAU,EACvC,UACD;AAED,MAAM,mBAAmB,8BACvB,YAAY,gBAAgB,UAAU,EACtC,cACD;AACD,MAAM,oBAAoB,8BACxB,qBACA,eACD;AACD,MAAM,oBAAoB,8BACxB,YAAY,iBAAiB,UAAU,EACvC,eACD;AACD,MAAM,oBAAoB,8BACxB,YAAY,iBAAiB,UAAU,EACvC,eACD;AACD,MAAM,oBAAoB,8BACxB,YAAY,iBAAiB,UAAU,EACvC,eACD;AAED,MAAM,mBAAmB,8BACvB,YAAY,gBAAgB,oBAAoB,EAChD,cACD;AAED,MAAM,kBAAkB,YAAY,oBAAoB,UAAU;AAClE,MAAM,uBAAuB,YAC3B,0BACAA,OAAW,gBAAgB,iBAAiB,IAAK,IAAI,UACtD;AAED,MAAMC,WAAS,OAAO,OAAO;CAC3B,cAAc,kBAAkB;CAChC,kBAAkB,kBAAkB;CACpC,oBACED,OAAW,gBAAgB,YAAY,wBAAwB,oBAAoB,EAAE,IAAK,IAC1F,kBAAkB;CACpB,iBAAiB,YAAY,oBAAoB,QAAQ;CACzD,YAAY,YAAY,eAAe,QAAQ;CAC/C;CACA;CACA,YAAY;CACZ,WACEA,OAAW,gBAAgB,YAAY,cAAc,oBAAoB,EAAE,IAAK,IAChF,kBAAkB;CACpB,sBAAsB,YAAY,0BAA0B,UAAU;CACtE,wBAAwB,YAAY,4BAA4B,QAAQ;CACxE,cAAc,YAAY,iBAAiB,4BAA4B;CACvE,aAAa;CACb,OAAO;CACP,OAAO;CACP,GAAG;CACH,GAAG;CACH,GAAG;CACH,cAAcA,OAAW,mBAAmB,aAAa,WAAW;CACpE,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ,CAAU"}
|
|
@@ -1,144 +1,144 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as _clerk_shared_types303 from "@clerk/shared/types";
|
|
2
2
|
|
|
3
3
|
//#region src/foundations/defaultFoundations.d.ts
|
|
4
4
|
declare const defaultInternalThemeFoundations: Readonly<{
|
|
5
5
|
readonly colors: Readonly<{
|
|
6
|
-
readonly borderAlpha25:
|
|
7
|
-
readonly borderAlpha50:
|
|
8
|
-
readonly borderAlpha100:
|
|
9
|
-
readonly borderAlpha150:
|
|
10
|
-
readonly borderAlpha200:
|
|
11
|
-
readonly borderAlpha300:
|
|
12
|
-
readonly borderAlpha400:
|
|
13
|
-
readonly borderAlpha500:
|
|
14
|
-
readonly borderAlpha600:
|
|
15
|
-
readonly borderAlpha700:
|
|
16
|
-
readonly borderAlpha750:
|
|
17
|
-
readonly borderAlpha800:
|
|
18
|
-
readonly borderAlpha850:
|
|
19
|
-
readonly borderAlpha900:
|
|
20
|
-
readonly borderAlpha950:
|
|
21
|
-
readonly successAlpha25:
|
|
22
|
-
readonly successAlpha50:
|
|
23
|
-
readonly successAlpha100:
|
|
24
|
-
readonly successAlpha150:
|
|
25
|
-
readonly successAlpha200:
|
|
26
|
-
readonly successAlpha300:
|
|
27
|
-
readonly successAlpha400:
|
|
28
|
-
readonly successAlpha500:
|
|
29
|
-
readonly successAlpha600:
|
|
30
|
-
readonly successAlpha700:
|
|
31
|
-
readonly successAlpha750:
|
|
32
|
-
readonly successAlpha800:
|
|
33
|
-
readonly successAlpha850:
|
|
34
|
-
readonly successAlpha900:
|
|
35
|
-
readonly successAlpha950:
|
|
36
|
-
readonly success25:
|
|
37
|
-
readonly success50:
|
|
38
|
-
readonly success100:
|
|
39
|
-
readonly success150:
|
|
40
|
-
readonly success200:
|
|
41
|
-
readonly success300:
|
|
42
|
-
readonly success400:
|
|
43
|
-
readonly success500:
|
|
44
|
-
readonly success600:
|
|
45
|
-
readonly success700:
|
|
46
|
-
readonly success750:
|
|
47
|
-
readonly success800:
|
|
48
|
-
readonly success850:
|
|
49
|
-
readonly success900:
|
|
50
|
-
readonly success950:
|
|
51
|
-
readonly warningAlpha25:
|
|
52
|
-
readonly warningAlpha50:
|
|
53
|
-
readonly warningAlpha100:
|
|
54
|
-
readonly warningAlpha150:
|
|
55
|
-
readonly warningAlpha200:
|
|
56
|
-
readonly warningAlpha300:
|
|
57
|
-
readonly warningAlpha400:
|
|
58
|
-
readonly warningAlpha500:
|
|
59
|
-
readonly warningAlpha600:
|
|
60
|
-
readonly warningAlpha700:
|
|
61
|
-
readonly warningAlpha750:
|
|
62
|
-
readonly warningAlpha800:
|
|
63
|
-
readonly warningAlpha850:
|
|
64
|
-
readonly warningAlpha900:
|
|
65
|
-
readonly warningAlpha950:
|
|
66
|
-
readonly warning25:
|
|
67
|
-
readonly warning50:
|
|
68
|
-
readonly warning100:
|
|
69
|
-
readonly warning150:
|
|
70
|
-
readonly warning200:
|
|
71
|
-
readonly warning300:
|
|
72
|
-
readonly warning400:
|
|
73
|
-
readonly warning500:
|
|
74
|
-
readonly warning600:
|
|
75
|
-
readonly warning700:
|
|
76
|
-
readonly warning750:
|
|
77
|
-
readonly warning800:
|
|
78
|
-
readonly warning850:
|
|
79
|
-
readonly warning900:
|
|
80
|
-
readonly warning950:
|
|
81
|
-
readonly dangerAlpha25:
|
|
82
|
-
readonly dangerAlpha50:
|
|
83
|
-
readonly dangerAlpha100:
|
|
84
|
-
readonly dangerAlpha150:
|
|
85
|
-
readonly dangerAlpha200:
|
|
86
|
-
readonly dangerAlpha300:
|
|
87
|
-
readonly dangerAlpha400:
|
|
88
|
-
readonly dangerAlpha500:
|
|
89
|
-
readonly dangerAlpha600:
|
|
90
|
-
readonly dangerAlpha700:
|
|
91
|
-
readonly dangerAlpha750:
|
|
92
|
-
readonly dangerAlpha800:
|
|
93
|
-
readonly dangerAlpha850:
|
|
94
|
-
readonly dangerAlpha900:
|
|
95
|
-
readonly dangerAlpha950:
|
|
96
|
-
readonly danger25:
|
|
97
|
-
readonly danger50:
|
|
98
|
-
readonly danger100:
|
|
99
|
-
readonly danger150:
|
|
100
|
-
readonly danger200:
|
|
101
|
-
readonly danger300:
|
|
102
|
-
readonly danger400:
|
|
103
|
-
readonly danger500:
|
|
104
|
-
readonly danger600:
|
|
105
|
-
readonly danger700:
|
|
106
|
-
readonly danger750:
|
|
107
|
-
readonly danger800:
|
|
108
|
-
readonly danger850:
|
|
109
|
-
readonly danger900:
|
|
110
|
-
readonly danger950:
|
|
111
|
-
readonly primaryAlpha25:
|
|
112
|
-
readonly primaryAlpha50:
|
|
113
|
-
readonly primaryAlpha100:
|
|
114
|
-
readonly primaryAlpha150:
|
|
115
|
-
readonly primaryAlpha200:
|
|
116
|
-
readonly primaryAlpha300:
|
|
117
|
-
readonly primaryAlpha400:
|
|
118
|
-
readonly primaryAlpha500:
|
|
119
|
-
readonly primaryAlpha600:
|
|
120
|
-
readonly primaryAlpha700:
|
|
121
|
-
readonly primaryAlpha750:
|
|
122
|
-
readonly primaryAlpha800:
|
|
123
|
-
readonly primaryAlpha850:
|
|
124
|
-
readonly primaryAlpha900:
|
|
125
|
-
readonly primaryAlpha950:
|
|
6
|
+
readonly borderAlpha25: _clerk_shared_types303.HslaColorString;
|
|
7
|
+
readonly borderAlpha50: _clerk_shared_types303.HslaColorString;
|
|
8
|
+
readonly borderAlpha100: _clerk_shared_types303.HslaColorString;
|
|
9
|
+
readonly borderAlpha150: _clerk_shared_types303.HslaColorString;
|
|
10
|
+
readonly borderAlpha200: _clerk_shared_types303.HslaColorString;
|
|
11
|
+
readonly borderAlpha300: _clerk_shared_types303.HslaColorString;
|
|
12
|
+
readonly borderAlpha400: _clerk_shared_types303.HslaColorString;
|
|
13
|
+
readonly borderAlpha500: _clerk_shared_types303.HslaColorString;
|
|
14
|
+
readonly borderAlpha600: _clerk_shared_types303.HslaColorString;
|
|
15
|
+
readonly borderAlpha700: _clerk_shared_types303.HslaColorString;
|
|
16
|
+
readonly borderAlpha750: _clerk_shared_types303.HslaColorString;
|
|
17
|
+
readonly borderAlpha800: _clerk_shared_types303.HslaColorString;
|
|
18
|
+
readonly borderAlpha850: _clerk_shared_types303.HslaColorString;
|
|
19
|
+
readonly borderAlpha900: _clerk_shared_types303.HslaColorString;
|
|
20
|
+
readonly borderAlpha950: _clerk_shared_types303.HslaColorString;
|
|
21
|
+
readonly successAlpha25: _clerk_shared_types303.HslaColorString;
|
|
22
|
+
readonly successAlpha50: _clerk_shared_types303.HslaColorString;
|
|
23
|
+
readonly successAlpha100: _clerk_shared_types303.HslaColorString;
|
|
24
|
+
readonly successAlpha150: _clerk_shared_types303.HslaColorString;
|
|
25
|
+
readonly successAlpha200: _clerk_shared_types303.HslaColorString;
|
|
26
|
+
readonly successAlpha300: _clerk_shared_types303.HslaColorString;
|
|
27
|
+
readonly successAlpha400: _clerk_shared_types303.HslaColorString;
|
|
28
|
+
readonly successAlpha500: _clerk_shared_types303.HslaColorString;
|
|
29
|
+
readonly successAlpha600: _clerk_shared_types303.HslaColorString;
|
|
30
|
+
readonly successAlpha700: _clerk_shared_types303.HslaColorString;
|
|
31
|
+
readonly successAlpha750: _clerk_shared_types303.HslaColorString;
|
|
32
|
+
readonly successAlpha800: _clerk_shared_types303.HslaColorString;
|
|
33
|
+
readonly successAlpha850: _clerk_shared_types303.HslaColorString;
|
|
34
|
+
readonly successAlpha900: _clerk_shared_types303.HslaColorString;
|
|
35
|
+
readonly successAlpha950: _clerk_shared_types303.HslaColorString;
|
|
36
|
+
readonly success25: _clerk_shared_types303.HslaColorString;
|
|
37
|
+
readonly success50: _clerk_shared_types303.HslaColorString;
|
|
38
|
+
readonly success100: _clerk_shared_types303.HslaColorString;
|
|
39
|
+
readonly success150: _clerk_shared_types303.HslaColorString;
|
|
40
|
+
readonly success200: _clerk_shared_types303.HslaColorString;
|
|
41
|
+
readonly success300: _clerk_shared_types303.HslaColorString;
|
|
42
|
+
readonly success400: _clerk_shared_types303.HslaColorString;
|
|
43
|
+
readonly success500: _clerk_shared_types303.HslaColorString;
|
|
44
|
+
readonly success600: _clerk_shared_types303.HslaColorString;
|
|
45
|
+
readonly success700: _clerk_shared_types303.HslaColorString;
|
|
46
|
+
readonly success750: _clerk_shared_types303.HslaColorString;
|
|
47
|
+
readonly success800: _clerk_shared_types303.HslaColorString;
|
|
48
|
+
readonly success850: _clerk_shared_types303.HslaColorString;
|
|
49
|
+
readonly success900: _clerk_shared_types303.HslaColorString;
|
|
50
|
+
readonly success950: _clerk_shared_types303.HslaColorString;
|
|
51
|
+
readonly warningAlpha25: _clerk_shared_types303.HslaColorString;
|
|
52
|
+
readonly warningAlpha50: _clerk_shared_types303.HslaColorString;
|
|
53
|
+
readonly warningAlpha100: _clerk_shared_types303.HslaColorString;
|
|
54
|
+
readonly warningAlpha150: _clerk_shared_types303.HslaColorString;
|
|
55
|
+
readonly warningAlpha200: _clerk_shared_types303.HslaColorString;
|
|
56
|
+
readonly warningAlpha300: _clerk_shared_types303.HslaColorString;
|
|
57
|
+
readonly warningAlpha400: _clerk_shared_types303.HslaColorString;
|
|
58
|
+
readonly warningAlpha500: _clerk_shared_types303.HslaColorString;
|
|
59
|
+
readonly warningAlpha600: _clerk_shared_types303.HslaColorString;
|
|
60
|
+
readonly warningAlpha700: _clerk_shared_types303.HslaColorString;
|
|
61
|
+
readonly warningAlpha750: _clerk_shared_types303.HslaColorString;
|
|
62
|
+
readonly warningAlpha800: _clerk_shared_types303.HslaColorString;
|
|
63
|
+
readonly warningAlpha850: _clerk_shared_types303.HslaColorString;
|
|
64
|
+
readonly warningAlpha900: _clerk_shared_types303.HslaColorString;
|
|
65
|
+
readonly warningAlpha950: _clerk_shared_types303.HslaColorString;
|
|
66
|
+
readonly warning25: _clerk_shared_types303.HslaColorString;
|
|
67
|
+
readonly warning50: _clerk_shared_types303.HslaColorString;
|
|
68
|
+
readonly warning100: _clerk_shared_types303.HslaColorString;
|
|
69
|
+
readonly warning150: _clerk_shared_types303.HslaColorString;
|
|
70
|
+
readonly warning200: _clerk_shared_types303.HslaColorString;
|
|
71
|
+
readonly warning300: _clerk_shared_types303.HslaColorString;
|
|
72
|
+
readonly warning400: _clerk_shared_types303.HslaColorString;
|
|
73
|
+
readonly warning500: _clerk_shared_types303.HslaColorString;
|
|
74
|
+
readonly warning600: _clerk_shared_types303.HslaColorString;
|
|
75
|
+
readonly warning700: _clerk_shared_types303.HslaColorString;
|
|
76
|
+
readonly warning750: _clerk_shared_types303.HslaColorString;
|
|
77
|
+
readonly warning800: _clerk_shared_types303.HslaColorString;
|
|
78
|
+
readonly warning850: _clerk_shared_types303.HslaColorString;
|
|
79
|
+
readonly warning900: _clerk_shared_types303.HslaColorString;
|
|
80
|
+
readonly warning950: _clerk_shared_types303.HslaColorString;
|
|
81
|
+
readonly dangerAlpha25: _clerk_shared_types303.HslaColorString;
|
|
82
|
+
readonly dangerAlpha50: _clerk_shared_types303.HslaColorString;
|
|
83
|
+
readonly dangerAlpha100: _clerk_shared_types303.HslaColorString;
|
|
84
|
+
readonly dangerAlpha150: _clerk_shared_types303.HslaColorString;
|
|
85
|
+
readonly dangerAlpha200: _clerk_shared_types303.HslaColorString;
|
|
86
|
+
readonly dangerAlpha300: _clerk_shared_types303.HslaColorString;
|
|
87
|
+
readonly dangerAlpha400: _clerk_shared_types303.HslaColorString;
|
|
88
|
+
readonly dangerAlpha500: _clerk_shared_types303.HslaColorString;
|
|
89
|
+
readonly dangerAlpha600: _clerk_shared_types303.HslaColorString;
|
|
90
|
+
readonly dangerAlpha700: _clerk_shared_types303.HslaColorString;
|
|
91
|
+
readonly dangerAlpha750: _clerk_shared_types303.HslaColorString;
|
|
92
|
+
readonly dangerAlpha800: _clerk_shared_types303.HslaColorString;
|
|
93
|
+
readonly dangerAlpha850: _clerk_shared_types303.HslaColorString;
|
|
94
|
+
readonly dangerAlpha900: _clerk_shared_types303.HslaColorString;
|
|
95
|
+
readonly dangerAlpha950: _clerk_shared_types303.HslaColorString;
|
|
96
|
+
readonly danger25: _clerk_shared_types303.HslaColorString;
|
|
97
|
+
readonly danger50: _clerk_shared_types303.HslaColorString;
|
|
98
|
+
readonly danger100: _clerk_shared_types303.HslaColorString;
|
|
99
|
+
readonly danger150: _clerk_shared_types303.HslaColorString;
|
|
100
|
+
readonly danger200: _clerk_shared_types303.HslaColorString;
|
|
101
|
+
readonly danger300: _clerk_shared_types303.HslaColorString;
|
|
102
|
+
readonly danger400: _clerk_shared_types303.HslaColorString;
|
|
103
|
+
readonly danger500: _clerk_shared_types303.HslaColorString;
|
|
104
|
+
readonly danger600: _clerk_shared_types303.HslaColorString;
|
|
105
|
+
readonly danger700: _clerk_shared_types303.HslaColorString;
|
|
106
|
+
readonly danger750: _clerk_shared_types303.HslaColorString;
|
|
107
|
+
readonly danger800: _clerk_shared_types303.HslaColorString;
|
|
108
|
+
readonly danger850: _clerk_shared_types303.HslaColorString;
|
|
109
|
+
readonly danger900: _clerk_shared_types303.HslaColorString;
|
|
110
|
+
readonly danger950: _clerk_shared_types303.HslaColorString;
|
|
111
|
+
readonly primaryAlpha25: _clerk_shared_types303.HslaColorString;
|
|
112
|
+
readonly primaryAlpha50: _clerk_shared_types303.HslaColorString;
|
|
113
|
+
readonly primaryAlpha100: _clerk_shared_types303.HslaColorString;
|
|
114
|
+
readonly primaryAlpha150: _clerk_shared_types303.HslaColorString;
|
|
115
|
+
readonly primaryAlpha200: _clerk_shared_types303.HslaColorString;
|
|
116
|
+
readonly primaryAlpha300: _clerk_shared_types303.HslaColorString;
|
|
117
|
+
readonly primaryAlpha400: _clerk_shared_types303.HslaColorString;
|
|
118
|
+
readonly primaryAlpha500: _clerk_shared_types303.HslaColorString;
|
|
119
|
+
readonly primaryAlpha600: _clerk_shared_types303.HslaColorString;
|
|
120
|
+
readonly primaryAlpha700: _clerk_shared_types303.HslaColorString;
|
|
121
|
+
readonly primaryAlpha750: _clerk_shared_types303.HslaColorString;
|
|
122
|
+
readonly primaryAlpha800: _clerk_shared_types303.HslaColorString;
|
|
123
|
+
readonly primaryAlpha850: _clerk_shared_types303.HslaColorString;
|
|
124
|
+
readonly primaryAlpha900: _clerk_shared_types303.HslaColorString;
|
|
125
|
+
readonly primaryAlpha950: _clerk_shared_types303.HslaColorString;
|
|
126
126
|
readonly primaryHover: string | undefined;
|
|
127
|
-
readonly primary25:
|
|
128
|
-
readonly primary50:
|
|
129
|
-
readonly primary100:
|
|
130
|
-
readonly primary150:
|
|
131
|
-
readonly primary200:
|
|
132
|
-
readonly primary300:
|
|
133
|
-
readonly primary400:
|
|
134
|
-
readonly primary500:
|
|
135
|
-
readonly primary600:
|
|
136
|
-
readonly primary700:
|
|
137
|
-
readonly primary750:
|
|
138
|
-
readonly primary800:
|
|
139
|
-
readonly primary850:
|
|
140
|
-
readonly primary900:
|
|
141
|
-
readonly primary950:
|
|
127
|
+
readonly primary25: _clerk_shared_types303.HslaColorString;
|
|
128
|
+
readonly primary50: _clerk_shared_types303.HslaColorString;
|
|
129
|
+
readonly primary100: _clerk_shared_types303.HslaColorString;
|
|
130
|
+
readonly primary150: _clerk_shared_types303.HslaColorString;
|
|
131
|
+
readonly primary200: _clerk_shared_types303.HslaColorString;
|
|
132
|
+
readonly primary300: _clerk_shared_types303.HslaColorString;
|
|
133
|
+
readonly primary400: _clerk_shared_types303.HslaColorString;
|
|
134
|
+
readonly primary500: _clerk_shared_types303.HslaColorString;
|
|
135
|
+
readonly primary600: _clerk_shared_types303.HslaColorString;
|
|
136
|
+
readonly primary700: _clerk_shared_types303.HslaColorString;
|
|
137
|
+
readonly primary750: _clerk_shared_types303.HslaColorString;
|
|
138
|
+
readonly primary800: _clerk_shared_types303.HslaColorString;
|
|
139
|
+
readonly primary850: _clerk_shared_types303.HslaColorString;
|
|
140
|
+
readonly primary900: _clerk_shared_types303.HslaColorString;
|
|
141
|
+
readonly primary950: _clerk_shared_types303.HslaColorString;
|
|
142
142
|
readonly whiteAlpha25: "hsla(0, 0%, 100%, 0.02)";
|
|
143
143
|
readonly whiteAlpha50: "hsla(0, 0%, 100%, 0.03)";
|
|
144
144
|
readonly whiteAlpha100: "hsla(0, 0%, 100%, 0.07)";
|
|
@@ -154,23 +154,23 @@ declare const defaultInternalThemeFoundations: Readonly<{
|
|
|
154
154
|
readonly whiteAlpha850: "hsla(0, 0%, 100%, 0.84)";
|
|
155
155
|
readonly whiteAlpha900: "hsla(0, 0%, 100%, 0.87)";
|
|
156
156
|
readonly whiteAlpha950: "hsla(0, 0%, 100%, 0.92)";
|
|
157
|
-
readonly neutralAlpha25:
|
|
158
|
-
readonly neutralAlpha50:
|
|
159
|
-
readonly neutralAlpha100:
|
|
160
|
-
readonly neutralAlpha150:
|
|
161
|
-
readonly neutralAlpha200:
|
|
162
|
-
readonly neutralAlpha300:
|
|
163
|
-
readonly neutralAlpha400:
|
|
164
|
-
readonly neutralAlpha500:
|
|
165
|
-
readonly neutralAlpha600:
|
|
166
|
-
readonly neutralAlpha700:
|
|
167
|
-
readonly neutralAlpha750:
|
|
168
|
-
readonly neutralAlpha800:
|
|
169
|
-
readonly neutralAlpha850:
|
|
170
|
-
readonly neutralAlpha900:
|
|
171
|
-
readonly neutralAlpha950:
|
|
172
|
-
readonly avatarBorder:
|
|
173
|
-
readonly avatarBackground:
|
|
157
|
+
readonly neutralAlpha25: _clerk_shared_types303.HslaColorString;
|
|
158
|
+
readonly neutralAlpha50: _clerk_shared_types303.HslaColorString;
|
|
159
|
+
readonly neutralAlpha100: _clerk_shared_types303.HslaColorString;
|
|
160
|
+
readonly neutralAlpha150: _clerk_shared_types303.HslaColorString;
|
|
161
|
+
readonly neutralAlpha200: _clerk_shared_types303.HslaColorString;
|
|
162
|
+
readonly neutralAlpha300: _clerk_shared_types303.HslaColorString;
|
|
163
|
+
readonly neutralAlpha400: _clerk_shared_types303.HslaColorString;
|
|
164
|
+
readonly neutralAlpha500: _clerk_shared_types303.HslaColorString;
|
|
165
|
+
readonly neutralAlpha600: _clerk_shared_types303.HslaColorString;
|
|
166
|
+
readonly neutralAlpha700: _clerk_shared_types303.HslaColorString;
|
|
167
|
+
readonly neutralAlpha750: _clerk_shared_types303.HslaColorString;
|
|
168
|
+
readonly neutralAlpha800: _clerk_shared_types303.HslaColorString;
|
|
169
|
+
readonly neutralAlpha850: _clerk_shared_types303.HslaColorString;
|
|
170
|
+
readonly neutralAlpha900: _clerk_shared_types303.HslaColorString;
|
|
171
|
+
readonly neutralAlpha950: _clerk_shared_types303.HslaColorString;
|
|
172
|
+
readonly avatarBorder: _clerk_shared_types303.HslaColorString;
|
|
173
|
+
readonly avatarBackground: _clerk_shared_types303.HslaColorString;
|
|
174
174
|
readonly colorModalBackdrop: string;
|
|
175
175
|
readonly colorBackground: string;
|
|
176
176
|
readonly colorInput: string;
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Default ui object for Clerk UI components
|
|
4
4
|
* Tagged with the internal Appearance type for type-safe appearance prop inference
|
|
5
5
|
*/
|
|
6
|
-
const ui = { version: "1.0.0-
|
|
6
|
+
const ui = { version: "1.0.0-snapshot.v20251203203405" };
|
|
7
7
|
|
|
8
8
|
//#endregion
|
|
9
9
|
export { ui };
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { Ui } from './internal';\nimport type { Appearance } from './internal/appearance';\n\ndeclare const PACKAGE_VERSION: string;\n\n/**\n * Default ui object for Clerk UI components\n * Tagged with the internal Appearance type for type-safe appearance prop inference\n */\nexport const ui = {\n version: PACKAGE_VERSION,\n} as Ui<Appearance>;\n"],"mappings":";;;;;AASA,MAAa,KAAK,EAChB
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { Ui } from './internal';\nimport type { Appearance } from './internal/appearance';\n\ndeclare const PACKAGE_VERSION: string;\n\n/**\n * Default ui object for Clerk UI components\n * Tagged with the internal Appearance type for type-safe appearance prop inference\n */\nexport const ui = {\n version: PACKAGE_VERSION,\n} as Ui<Appearance>;\n"],"mappings":";;;;;AASA,MAAa,KAAK,EAChB,2CACD"}
|
package/dist/internal/index.js
CHANGED
|
@@ -2,38 +2,38 @@ import { BlankCaptchaModal } from "../components/BlankCaptchaModal/index.js";
|
|
|
2
2
|
import { AvailableComponentProps } from "../types.js";
|
|
3
3
|
import * as react0 from "react";
|
|
4
4
|
import * as _emotion_react_jsx_runtime0 from "@emotion/react/jsx-runtime";
|
|
5
|
-
import * as
|
|
5
|
+
import * as _clerk_shared_types455 from "@clerk/shared/types";
|
|
6
6
|
|
|
7
7
|
//#region src/lazyModules/components.d.ts
|
|
8
8
|
|
|
9
9
|
declare const ClerkComponents: {
|
|
10
|
-
SignIn: react0.LazyExoticComponent<react0.ComponentType<
|
|
11
|
-
SignUp: react0.LazyExoticComponent<react0.ComponentType<
|
|
12
|
-
UserAvatar: react0.LazyExoticComponent<react0.ComponentType<
|
|
10
|
+
SignIn: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.SignInProps>>;
|
|
11
|
+
SignUp: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.SignUpProps>>;
|
|
12
|
+
UserAvatar: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.UserAvatarProps>>;
|
|
13
13
|
UserButton: react0.LazyExoticComponent<react0.ComponentType<unknown>>;
|
|
14
|
-
UserProfile: react0.LazyExoticComponent<(props:
|
|
15
|
-
UserVerification: react0.LazyExoticComponent<react0.ComponentType<
|
|
16
|
-
EnableOrganizationsPrompt: react0.LazyExoticComponent<(props:
|
|
14
|
+
UserProfile: react0.LazyExoticComponent<(props: _clerk_shared_types455.UserProfileProps) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
15
|
+
UserVerification: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.__internal_UserVerificationProps>>;
|
|
16
|
+
EnableOrganizationsPrompt: react0.LazyExoticComponent<(props: _clerk_shared_types455.__internal_EnableOrganizationsPromptProps) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
17
17
|
OrganizationSwitcher: react0.LazyExoticComponent<react0.ComponentType<unknown>>;
|
|
18
18
|
OrganizationList: react0.LazyExoticComponent<() => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
19
|
-
OrganizationProfile: react0.LazyExoticComponent<(props:
|
|
19
|
+
OrganizationProfile: react0.LazyExoticComponent<(props: _clerk_shared_types455.OrganizationProfileProps) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
20
20
|
CreateOrganization: react0.LazyExoticComponent<(props: unknown) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
21
|
-
SignInModal: react0.LazyExoticComponent<(props:
|
|
22
|
-
SignUpModal: react0.LazyExoticComponent<(props:
|
|
23
|
-
UserProfileModal: react0.LazyExoticComponent<(props:
|
|
24
|
-
OrganizationProfileModal: react0.LazyExoticComponent<(props:
|
|
25
|
-
CreateOrganizationModal: react0.LazyExoticComponent<(props:
|
|
26
|
-
UserVerificationModal: react0.LazyExoticComponent<(props:
|
|
27
|
-
GoogleOneTap: react0.LazyExoticComponent<react0.ComponentType<
|
|
21
|
+
SignInModal: react0.LazyExoticComponent<(props: _clerk_shared_types455.SignInModalProps) => JSX.Element>;
|
|
22
|
+
SignUpModal: react0.LazyExoticComponent<(props: _clerk_shared_types455.SignUpModalProps) => JSX.Element>;
|
|
23
|
+
UserProfileModal: react0.LazyExoticComponent<(props: _clerk_shared_types455.UserProfileModalProps) => JSX.Element>;
|
|
24
|
+
OrganizationProfileModal: react0.LazyExoticComponent<(props: _clerk_shared_types455.OrganizationProfileModalProps) => JSX.Element>;
|
|
25
|
+
CreateOrganizationModal: react0.LazyExoticComponent<(props: _clerk_shared_types455.CreateOrganizationModalProps) => JSX.Element>;
|
|
26
|
+
UserVerificationModal: react0.LazyExoticComponent<(props: _clerk_shared_types455.__internal_UserVerificationModalProps) => JSX.Element>;
|
|
27
|
+
GoogleOneTap: react0.LazyExoticComponent<react0.ComponentType<_clerk_shared_types455.GoogleOneTapProps>>;
|
|
28
28
|
Waitlist: react0.LazyExoticComponent<(props: unknown) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
29
|
-
WaitlistModal: react0.LazyExoticComponent<(props:
|
|
29
|
+
WaitlistModal: react0.LazyExoticComponent<(props: _clerk_shared_types455.WaitlistModalProps) => JSX.Element>;
|
|
30
30
|
BlankCaptchaModal: react0.LazyExoticComponent<typeof BlankCaptchaModal>;
|
|
31
|
-
PricingTable: react0.LazyExoticComponent<(props:
|
|
32
|
-
Checkout: react0.LazyExoticComponent<(props:
|
|
33
|
-
PlanDetails: react0.LazyExoticComponent<(props:
|
|
31
|
+
PricingTable: react0.LazyExoticComponent<(props: _clerk_shared_types455.PricingTableProps) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
32
|
+
Checkout: react0.LazyExoticComponent<(props: _clerk_shared_types455.__internal_CheckoutProps) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
33
|
+
PlanDetails: react0.LazyExoticComponent<(props: _clerk_shared_types455.__internal_PlanDetailsProps) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
34
34
|
APIKeys: react0.LazyExoticComponent<react0.ComponentType<unknown>>;
|
|
35
35
|
OAuthConsent: react0.LazyExoticComponent<(props: unknown) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
36
|
-
SubscriptionDetails: react0.LazyExoticComponent<(props:
|
|
36
|
+
SubscriptionDetails: react0.LazyExoticComponent<(props: _clerk_shared_types455.__internal_SubscriptionDetailsProps) => _emotion_react_jsx_runtime0.JSX.Element>;
|
|
37
37
|
TaskChooseOrganization: react0.LazyExoticComponent<react0.ComponentType<AvailableComponentProps>>;
|
|
38
38
|
};
|
|
39
39
|
type ClerkComponentName = keyof typeof ClerkComponents;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dark.d.ts","names":[],"sources":["../../src/themes/dark.ts"],"sourcesContent":[],"mappings":";;;;cAEa;;;
|
|
1
|
+
{"version":3,"file":"dark.d.ts","names":[],"sources":["../../src/themes/dark.ts"],"sourcesContent":[],"mappings":";;;;cAEa;;;aAsBX,QAAA;IAtBW,KAsBX,eAAA;EAAA,CAAA,EAAA,WAAA,CAAA"}
|
package/dist/themes/dark.js
CHANGED
|
@@ -16,7 +16,6 @@ const dark = experimental_createTheme({
|
|
|
16
16
|
providerIcon__apple: { filter: "invert(1)" },
|
|
17
17
|
providerIcon__github: { filter: "invert(1)" },
|
|
18
18
|
providerIcon__okx_wallet: { filter: "invert(1)" },
|
|
19
|
-
providerIcon__vercel: { filter: "invert(1)" },
|
|
20
19
|
activeDeviceIcon: {
|
|
21
20
|
"--cl-chassis-bottom": "#d2d2d2",
|
|
22
21
|
"--cl-chassis-back": "#e6e6e6",
|