@asgardeo/react 0.5.13 → 0.5.14
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/cjs/index.js +11 -6
- package/dist/cjs/index.js.map +2 -2
- package/dist/index.js +11 -6
- package/dist/index.js.map +2 -2
- package/package.json +2 -2
package/dist/cjs/index.js
CHANGED
|
@@ -1289,7 +1289,8 @@ var ThemeProvider = ({
|
|
|
1289
1289
|
borderRadius: brandingTheme.borderRadius,
|
|
1290
1290
|
shadows: brandingTheme.shadows,
|
|
1291
1291
|
spacing: brandingTheme.spacing,
|
|
1292
|
-
images: brandingTheme.images
|
|
1292
|
+
images: brandingTheme.images,
|
|
1293
|
+
components: brandingTheme.components
|
|
1293
1294
|
};
|
|
1294
1295
|
return {
|
|
1295
1296
|
...brandingThemeConfig,
|
|
@@ -1313,6 +1314,10 @@ var ThemeProvider = ({
|
|
|
1313
1314
|
images: {
|
|
1314
1315
|
...brandingThemeConfig.images,
|
|
1315
1316
|
...themeConfig?.images
|
|
1317
|
+
},
|
|
1318
|
+
components: {
|
|
1319
|
+
...brandingThemeConfig.components,
|
|
1320
|
+
...themeConfig?.components
|
|
1316
1321
|
}
|
|
1317
1322
|
};
|
|
1318
1323
|
}, [inheritFromBranding, brandingTheme, themeConfig]);
|
|
@@ -2232,7 +2237,7 @@ var useStyles2 = (theme, colorScheme, color, variant, size, fullWidth, disabled,
|
|
|
2232
2237
|
align-items: center;
|
|
2233
2238
|
justify-content: center;
|
|
2234
2239
|
gap: calc(${theme.vars.spacing.unit} * 1);
|
|
2235
|
-
border-radius: ${shape === "round" ? "50%" : theme.vars.borderRadius.medium};
|
|
2240
|
+
border-radius: ${shape === "round" ? "50%" : theme.vars.components?.Button?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
2236
2241
|
font-weight: 500;
|
|
2237
2242
|
cursor: ${disabled || loading ? "not-allowed" : "pointer"};
|
|
2238
2243
|
outline: none;
|
|
@@ -3336,7 +3341,7 @@ var useStyles6 = (theme, colorScheme, disabled, hasError, hasStartIcon, hasEndIc
|
|
|
3336
3341
|
width: 100%;
|
|
3337
3342
|
padding: ${theme.vars.spacing.unit} ${rightPadding} ${theme.vars.spacing.unit} ${leftPadding};
|
|
3338
3343
|
border: 1px solid ${hasError ? theme.vars.colors.error.main : theme.vars.colors.border};
|
|
3339
|
-
border-radius: ${theme.vars.borderRadius.medium};
|
|
3344
|
+
border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
3340
3345
|
font-size: ${theme.vars.typography.fontSizes.md};
|
|
3341
3346
|
color: ${theme.vars.colors.text.primary};
|
|
3342
3347
|
background-color: ${disabled ? theme.vars.colors.background.disabled : theme.vars.colors.background.surface};
|
|
@@ -3520,7 +3525,7 @@ var useStyles7 = (theme, colorScheme, disabled, hasError) => {
|
|
|
3520
3525
|
width: 100%;
|
|
3521
3526
|
padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 1.5);
|
|
3522
3527
|
border: 1px solid ${hasError ? theme.vars.colors.error.main : theme.vars.colors.border};
|
|
3523
|
-
border-radius: ${theme.vars.borderRadius.medium};
|
|
3528
|
+
border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
3524
3529
|
font-size: ${theme.vars.typography.fontSizes.md};
|
|
3525
3530
|
color: ${theme.vars.colors.text.primary};
|
|
3526
3531
|
background-color: ${disabled ? theme.vars.colors.background.disabled : theme.vars.colors.background.surface};
|
|
@@ -3660,7 +3665,7 @@ var useStyles8 = (theme, colorScheme, disabled, hasError, length) => {
|
|
|
3660
3665
|
font-size: ${theme.vars.typography.fontSizes.xl};
|
|
3661
3666
|
font-weight: 500;
|
|
3662
3667
|
border: 2px solid ${hasError ? theme.vars.colors.error.main : theme.vars.colors.border};
|
|
3663
|
-
border-radius: ${theme.vars.borderRadius.medium};
|
|
3668
|
+
border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
3664
3669
|
color: ${theme.vars.colors.text.primary};
|
|
3665
3670
|
background-color: ${disabled ? theme.vars.colors.background.disabled : theme.vars.colors.background.surface};
|
|
3666
3671
|
outline: none;
|
|
@@ -3990,7 +3995,7 @@ var useStyles10 = (theme, colorScheme, hasError, disabled) => {
|
|
|
3990
3995
|
width: 100%;
|
|
3991
3996
|
padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 1.5);
|
|
3992
3997
|
border: 1px solid ${theme.vars.colors.border};
|
|
3993
|
-
border-radius: ${theme.vars.borderRadius.medium};
|
|
3998
|
+
border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
3994
3999
|
font-size: 1rem;
|
|
3995
4000
|
color: ${theme.vars.colors.text.primary};
|
|
3996
4001
|
background-color: ${theme.vars.colors.background.surface};
|