@asgardeo/javascript 0.1.9 → 0.1.10

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.
@@ -98,6 +98,43 @@ export interface ThemeColors {
98
98
  dark?: string;
99
99
  };
100
100
  }
101
+ export interface ThemeComponentStyleOverrides {
102
+ /**
103
+ * Style overrides for the root element or slots.
104
+ * Example: { root: { borderRadius: '8px' } }
105
+ */
106
+ root?: Record<string, any>;
107
+ [slot: string]: Record<string, any> | undefined;
108
+ }
109
+ export interface ThemeComponents {
110
+ Button?: {
111
+ styleOverrides?: {
112
+ root?: {
113
+ borderRadius?: string;
114
+ [key: string]: any;
115
+ };
116
+ [slot: string]: Record<string, any> | undefined;
117
+ };
118
+ defaultProps?: Record<string, any>;
119
+ variants?: Array<Record<string, any>>;
120
+ };
121
+ Field?: {
122
+ styleOverrides?: {
123
+ root?: {
124
+ borderRadius?: string;
125
+ [key: string]: any;
126
+ };
127
+ [slot: string]: Record<string, any> | undefined;
128
+ };
129
+ defaultProps?: Record<string, any>;
130
+ variants?: Array<Record<string, any>>;
131
+ };
132
+ [componentName: string]: {
133
+ styleOverrides?: ThemeComponentStyleOverrides;
134
+ defaultProps?: Record<string, any>;
135
+ variants?: Array<Record<string, any>>;
136
+ } | undefined;
137
+ }
101
138
  export interface ThemeConfig {
102
139
  borderRadius: {
103
140
  large: string;
@@ -145,6 +182,29 @@ export interface ThemeConfig {
145
182
  * @default 'asgardeo' (from VendorConstants.VENDOR_PREFIX)
146
183
  */
147
184
  cssVarPrefix?: string;
185
+ /**
186
+ * Component style overrides
187
+ */
188
+ components?: ThemeComponents;
189
+ }
190
+ export interface ThemeComponentVars {
191
+ Button?: {
192
+ root?: {
193
+ borderRadius?: string;
194
+ [key: string]: any;
195
+ };
196
+ [slot: string]: Record<string, any> | undefined;
197
+ };
198
+ Field?: {
199
+ root?: {
200
+ borderRadius?: string;
201
+ [key: string]: any;
202
+ };
203
+ [slot: string]: Record<string, any> | undefined;
204
+ };
205
+ [componentName: string]: {
206
+ [slot: string]: Record<string, any> | undefined;
207
+ } | undefined;
148
208
  }
149
209
  export interface ThemeVars {
150
210
  colors: {
@@ -260,6 +320,10 @@ export interface ThemeVars {
260
320
  alt?: string;
261
321
  } | undefined;
262
322
  };
323
+ /**
324
+ * Component CSS variable references (e.g., for overrides)
325
+ */
326
+ components?: ThemeComponentVars;
263
327
  }
264
328
  export interface Theme extends ThemeConfig {
265
329
  cssVariables: Record<string, string>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asgardeo/javascript",
3
- "version": "0.1.9",
3
+ "version": "0.1.10",
4
4
  "description": "Framework agnostic JavaScript SDK for Asgardeo.",
5
5
  "keywords": [
6
6
  "asgardeo",