@asgardeo/react 0.5.12 → 0.5.14

package/dist/components/primitives/Spinner/Spinner.styles.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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.
+ */
+import { Theme } from '@asgardeo/browser';
+export type SpinnerSize = 'small' | 'medium' | 'large';
+/**
+ * Creates styles for the Spinner component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @param size - The size of the spinner
+ * @param color - The color of the spinner
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, size: SpinnerSize, color?: string) => {
+    spinner: string;
+    spinnerSmall: string;
+    spinnerMedium: string;
+    spinnerLarge: string;
+};
+export default useStyles;

package/dist/components/primitives/TextField/TextField.styles.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2024, 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.
+ */
+import { Theme } from '@asgardeo/browser';
+/**
+ * Creates styles for the TextField component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @param disabled - Whether the component is disabled
+ * @param hasError - Whether the component has an error
+ * @param hasStartIcon - Whether the component has a start icon
+ * @param hasEndIcon - Whether the component has an end icon
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, disabled: boolean, hasError: boolean, hasStartIcon: boolean, hasEndIcon: boolean) => {
+    inputContainer: string;
+    input: string;
+    inputError: string;
+    inputDisabled: string;
+    icon: string;
+    startIcon: string;
+    endIcon: string;
+};
+export default useStyles;

package/dist/components/primitives/Typography/Typography.d.ts

@@ -16,9 +16,7 @@
  * under the License.
  */
 import { CSSProperties, FC, ReactNode, ElementType } from 'react';
-export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline' | 'button';
-export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
-export type TypographyColor = 'primary' | 'secondary' | 'error' | 'success' | 'warning' | 'info' | 'textPrimary' | 'textSecondary' | 'inherit';
+import { TypographyVariant, TypographyAlign, TypographyColor } from './Typography.styles';
 export interface TypographyProps {
     /**
      * The content to be rendered

package/dist/components/primitives/Typography/Typography.styles.d.ts

@@ -0,0 +1,56 @@
+/**
+ * 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.
+ */
+import { Theme } from '@asgardeo/browser';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline' | 'button';
+export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
+export type TypographyColor = 'primary' | 'secondary' | 'error' | 'success' | 'warning' | 'info' | 'textPrimary' | 'textSecondary' | 'inherit';
+/**
+ * Creates styles for the Typography component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @param variant - The typography variant
+ * @param align - Text alignment
+ * @param color - Color variant
+ * @param noWrap - Whether text should be truncated with ellipsis
+ * @param inline - Whether text should be displayed inline
+ * @param gutterBottom - Whether to add bottom margin
+ * @param fontWeight - Custom font weight
+ * @param fontSize - Custom font size
+ * @param lineHeight - Custom line height
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, variant: TypographyVariant, align: TypographyAlign, color: TypographyColor, noWrap: boolean, inline: boolean, gutterBottom: boolean, fontWeight?: "normal" | "medium" | "semibold" | "bold" | number, fontSize?: string | number, lineHeight?: string | number) => {
+    typography: string;
+    typographyNoWrap: string;
+    typographyInline: string;
+    typographyGutterBottom: string;
+    typographyH1: string;
+    typographyH2: string;
+    typographyH3: string;
+    typographyH4: string;
+    typographyH5: string;
+    typographyH6: string;
+    typographySubtitle1: string;
+    typographySubtitle2: string;
+    typographyBody1: string;
+    typographyBody2: string;
+    typographyCaption: string;
+    typographyOverline: string;
+    typographyButton: string;
+};
+export default useStyles;

package/dist/index.d.ts

@@ -77,12 +77,12 @@ export { default as BaseSignUpButton } from './components/actions/SignUpButton/B
 export * from './components/actions/SignUpButton/BaseSignUpButton';
 export { default as SignUpButton } from './components/actions/SignUpButton/SignUpButton';
 export * from './components/actions/SignUpButton/SignUpButton';
-export { default as SignedIn } from './components/control/SignedIn';
-export * from './components/control/SignedIn';
-export { default as SignedOut } from './components/control/SignedOut';
-export * from './components/control/SignedOut';
-export { default as AsgardeoLoading } from './components/control/AsgardeoLoading';
-export * from './components/control/AsgardeoLoading';
+export { default as SignedIn } from './components/control/SignedIn/SignedIn';
+export * from './components/control/SignedIn/SignedIn';
+export { default as SignedOut } from './components/control/SignedOut/SignedOut';
+export * from './components/control/SignedOut/SignedOut';
+export { default as Loading } from './components/control/Loading/Loading';
+export * from './components/control/Loading/Loading';
 export { default as BaseSignIn } from './components/presentation/SignIn/BaseSignIn';
 export * from './components/presentation/SignIn/BaseSignIn';
 export { default as SignIn } from './components/presentation/SignIn/SignIn';