@asgardeo/javascript 0.1.8 → 0.1.10

package/dist/models/i18n.d.ts

@@ -47,6 +47,8 @@ export interface I18nTranslations {
     'username.password.submit.button': string;
     'username.password.title': string;
     'username.password.subtitle': string;
+    'user.profile.title': string;
+    'user.profile.update.generic.error': string;
     'organization.switcher.select.organization': string;
     'organization.switcher.switch.organization': string;
     'organization.switcher.loading.organizations': string;

package/dist/theme/types.d.ts

@@ -55,35 +55,85 @@ export interface ThemeColors {
     background: {
         body: {
             main: string;
+            dark?: string;
         };
         disabled: string;
         surface: string;
+        dark?: string;
     };
     border: string;
     error: {
         contrastText: string;
         main: string;
+        dark?: string;
+    };
+    info: {
+        contrastText: string;
+        main: string;
+        dark?: string;
     };
     primary: {
         contrastText: string;
         main: string;
+        dark?: string;
     };
     secondary: {
         contrastText: string;
         main: string;
+        dark?: string;
     };
     success: {
         contrastText: string;
         main: string;
+        dark?: string;
     };
     text: {
         primary: string;
         secondary: string;
+        dark?: string;
     };
     warning: {
         contrastText: string;
         main: string;
+        dark?: string;
+    };
+}
+export interface ThemeComponentStyleOverrides {
+    /**
+     * Style overrides for the root element or slots.
+     * Example: { root: { borderRadius: '8px' } }
+     */
+    root?: Record<string, any>;
+    [slot: string]: Record<string, any> | undefined;
+}
+export interface ThemeComponents {
+    Button?: {
+        styleOverrides?: {
+            root?: {
+                borderRadius?: string;
+                [key: string]: any;
+            };
+            [slot: string]: Record<string, any> | undefined;
+        };
+        defaultProps?: Record<string, any>;
+        variants?: Array<Record<string, any>>;
+    };
+    Field?: {
+        styleOverrides?: {
+            root?: {
+                borderRadius?: string;
+                [key: string]: any;
+            };
+            [slot: string]: Record<string, any> | undefined;
+        };
+        defaultProps?: Record<string, any>;
+        variants?: Array<Record<string, any>>;
     };
+    [componentName: string]: {
+        styleOverrides?: ThemeComponentStyleOverrides;
+        defaultProps?: Record<string, any>;
+        variants?: Array<Record<string, any>>;
+    } | undefined;
 }
 export interface ThemeConfig {
     borderRadius: {
@@ -132,6 +182,29 @@ export interface ThemeConfig {
      * @default 'asgardeo' (from VendorConstants.VENDOR_PREFIX)
      */
     cssVarPrefix?: string;
+    /**
+     * Component style overrides
+     */
+    components?: ThemeComponents;
+}
+export interface ThemeComponentVars {
+    Button?: {
+        root?: {
+            borderRadius?: string;
+            [key: string]: any;
+        };
+        [slot: string]: Record<string, any> | undefined;
+    };
+    Field?: {
+        root?: {
+            borderRadius?: string;
+            [key: string]: any;
+        };
+        [slot: string]: Record<string, any> | undefined;
+    };
+    [componentName: string]: {
+        [slot: string]: Record<string, any> | undefined;
+    } | undefined;
 }
 export interface ThemeVars {
     colors: {
@@ -151,33 +224,46 @@ export interface ThemeVars {
         primary: {
             main: string;
             contrastText: string;
+            dark?: string;
         };
         secondary: {
             main: string;
             contrastText: string;
+            dark?: string;
         };
         background: {
             surface: string;
             disabled: string;
+            dark?: string;
             body: {
                 main: string;
+                dark?: string;
             };
         };
         error: {
             main: string;
             contrastText: string;
+            dark?: string;
+        };
+        info: {
+            contrastText: string;
+            main: string;
+            dark?: string;
         };
         success: {
             main: string;
             contrastText: string;
+            dark?: string;
         };
         warning: {
             main: string;
             contrastText: string;
+            dark?: string;
         };
         text: {
             primary: string;
             secondary: string;
+            dark?: string;
         };
         border: string;
     };
@@ -234,6 +320,10 @@ export interface ThemeVars {
             alt?: string;
         } | undefined;
     };
+    /**
+     * Component CSS variable references (e.g., for overrides)
+     */
+    components?: ThemeComponentVars;
 }
 export interface Theme extends ThemeConfig {
     cssVariables: Record<string, string>;

package/dist/utils/bem.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+/**
+ * Creates a BEM-style class name by combining a base class with element and/or modifier
+ *
+ * @param baseClass - The base CSS class string (usually from emotion's css function)
+ * @param element - The BEM element name (optional)
+ * @param modifier - The BEM modifier name (optional)
+ * @returns The combined class name string
+ *
+ * @example
+ * ```tsx
+ * const baseClass = css`
+ *   display: flex;
+ *   &__element {
+ *     color: red;
+ *   }
+ *   &--modifier {
+ *     background: blue;
+ *   }
+ * `;
+ *
+ * import bem from './utils/bem';
+ *
+ * const elementClass = bem(baseClass, 'element');
+ * const modifierClass = bem(baseClass, null, 'modifier');
+ * const elementWithModifierClass = bem(baseClass, 'element', 'modifier');
+ * ```
+ */
+declare const bem: (baseClass: string, element?: string | null, modifier?: string | null) => string;
+export default bem;

package/dist/utils/formatDate.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+/**
+ * Formats a date string to a human-readable format.
+ *
+ * @param dateString - The date string to format (optional)
+ * @returns A formatted date string in 'Month Day, Year' format, or '-' if no date is provided, or the original string if parsing fails
+ *
+ * @example
+ * ```typescript
+ * formatDate('2025-07-09T10:30:00Z'); // Returns "July 9, 2025"
+ * formatDate(''); // Returns "-"
+ * formatDate(undefined); // Returns "-"
+ * formatDate('invalid-date'); // Returns "invalid-date"
+ * ```
+ */
+declare const formatDate: (dateString?: string) => string;
+export default formatDate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asgardeo/javascript",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Framework agnostic JavaScript SDK for Asgardeo.",
   "keywords": [
     "asgardeo",