@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/index.js
CHANGED
|
@@ -1176,7 +1176,8 @@ var ThemeProvider = ({
|
|
|
1176
1176
|
borderRadius: brandingTheme.borderRadius,
|
|
1177
1177
|
shadows: brandingTheme.shadows,
|
|
1178
1178
|
spacing: brandingTheme.spacing,
|
|
1179
|
-
images: brandingTheme.images
|
|
1179
|
+
images: brandingTheme.images,
|
|
1180
|
+
components: brandingTheme.components
|
|
1180
1181
|
};
|
|
1181
1182
|
return {
|
|
1182
1183
|
...brandingThemeConfig,
|
|
@@ -1200,6 +1201,10 @@ var ThemeProvider = ({
|
|
|
1200
1201
|
images: {
|
|
1201
1202
|
...brandingThemeConfig.images,
|
|
1202
1203
|
...themeConfig?.images
|
|
1204
|
+
},
|
|
1205
|
+
components: {
|
|
1206
|
+
...brandingThemeConfig.components,
|
|
1207
|
+
...themeConfig?.components
|
|
1203
1208
|
}
|
|
1204
1209
|
};
|
|
1205
1210
|
}, [inheritFromBranding, brandingTheme, themeConfig]);
|
|
@@ -2121,7 +2126,7 @@ var useStyles2 = (theme, colorScheme, color, variant, size, fullWidth, disabled,
|
|
|
2121
2126
|
align-items: center;
|
|
2122
2127
|
justify-content: center;
|
|
2123
2128
|
gap: calc(${theme.vars.spacing.unit} * 1);
|
|
2124
|
-
border-radius: ${shape === "round" ? "50%" : theme.vars.borderRadius.medium};
|
|
2129
|
+
border-radius: ${shape === "round" ? "50%" : theme.vars.components?.Button?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
2125
2130
|
font-weight: 500;
|
|
2126
2131
|
cursor: ${disabled || loading ? "not-allowed" : "pointer"};
|
|
2127
2132
|
outline: none;
|
|
@@ -3239,7 +3244,7 @@ var useStyles6 = (theme, colorScheme, disabled, hasError, hasStartIcon, hasEndIc
|
|
|
3239
3244
|
width: 100%;
|
|
3240
3245
|
padding: ${theme.vars.spacing.unit} ${rightPadding} ${theme.vars.spacing.unit} ${leftPadding};
|
|
3241
3246
|
border: 1px solid ${hasError ? theme.vars.colors.error.main : theme.vars.colors.border};
|
|
3242
|
-
border-radius: ${theme.vars.borderRadius.medium};
|
|
3247
|
+
border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
3243
3248
|
font-size: ${theme.vars.typography.fontSizes.md};
|
|
3244
3249
|
color: ${theme.vars.colors.text.primary};
|
|
3245
3250
|
background-color: ${disabled ? theme.vars.colors.background.disabled : theme.vars.colors.background.surface};
|
|
@@ -3423,7 +3428,7 @@ var useStyles7 = (theme, colorScheme, disabled, hasError) => {
|
|
|
3423
3428
|
width: 100%;
|
|
3424
3429
|
padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 1.5);
|
|
3425
3430
|
border: 1px solid ${hasError ? theme.vars.colors.error.main : theme.vars.colors.border};
|
|
3426
|
-
border-radius: ${theme.vars.borderRadius.medium};
|
|
3431
|
+
border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
3427
3432
|
font-size: ${theme.vars.typography.fontSizes.md};
|
|
3428
3433
|
color: ${theme.vars.colors.text.primary};
|
|
3429
3434
|
background-color: ${disabled ? theme.vars.colors.background.disabled : theme.vars.colors.background.surface};
|
|
@@ -3563,7 +3568,7 @@ var useStyles8 = (theme, colorScheme, disabled, hasError, length) => {
|
|
|
3563
3568
|
font-size: ${theme.vars.typography.fontSizes.xl};
|
|
3564
3569
|
font-weight: 500;
|
|
3565
3570
|
border: 2px solid ${hasError ? theme.vars.colors.error.main : theme.vars.colors.border};
|
|
3566
|
-
border-radius: ${theme.vars.borderRadius.medium};
|
|
3571
|
+
border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
3567
3572
|
color: ${theme.vars.colors.text.primary};
|
|
3568
3573
|
background-color: ${disabled ? theme.vars.colors.background.disabled : theme.vars.colors.background.surface};
|
|
3569
3574
|
outline: none;
|
|
@@ -3893,7 +3898,7 @@ var useStyles10 = (theme, colorScheme, hasError, disabled) => {
|
|
|
3893
3898
|
width: 100%;
|
|
3894
3899
|
padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 1.5);
|
|
3895
3900
|
border: 1px solid ${theme.vars.colors.border};
|
|
3896
|
-
border-radius: ${theme.vars.borderRadius.medium};
|
|
3901
|
+
border-radius: ${theme.vars.components?.Field?.root?.borderRadius || theme.vars.borderRadius.medium};
|
|
3897
3902
|
font-size: 1rem;
|
|
3898
3903
|
color: ${theme.vars.colors.text.primary};
|
|
3899
3904
|
background-color: ${theme.vars.colors.background.surface};
|