@audira/carbon-react-native 0.0.1-alpha.1

package/src/components/notification/actionable/success/index.tsx

@@ -0,0 +1,86 @@
+import {
+	forwardRef,
+} from 'react'
+
+import {
+	useSuccess,
+} from '../../_status-hooks'
+
+import {
+	ActionableVariant,
+	type ActionableVariantProps,
+	type ActionableVariantRef,
+} from '../../_variants'
+
+export interface SuccessProps extends Omit<ActionableVariantProps, 'icon'> {
+	iconProps?: Omit<
+		NonNullable<ActionableVariantProps['iconProps']>,
+		| 'color'
+	>,
+	iconCloseProps?: Omit<
+		NonNullable<ActionableVariantProps['iconCloseProps']>,
+		| 'color'
+	>,
+}
+
+export interface SuccessRef extends ActionableVariantRef {
+}
+
+export const Success = forwardRef<SuccessRef, SuccessProps>(
+	function Success(
+		{
+			color,
+			iconProps,
+			iconCloseProps,
+			titleStyle: titleStyleProp,
+			leftBarStyle: leftBarStyleProp,
+			style: styleProp,
+			...props
+		},
+		ref,
+	) {
+
+		const {
+			icon,
+			iconProps: iconPropsData,
+			iconCloseProps: iconClosePropsData,
+			titleStyle,
+			leftBarStyle,
+			style,
+		} =
+			useSuccess({
+				color,
+				transparentBorderColor: false,
+			})
+
+		return (
+			<ActionableVariant
+				{ ...props }
+				color={ color }
+				icon={ icon }
+				iconProps={{
+					...iconProps,
+					...iconPropsData,
+				}}
+				iconCloseProps={{
+					...iconCloseProps,
+					...iconClosePropsData,
+				}}
+				titleStyle={ [
+					titleStyle,
+					titleStyleProp,
+				] }
+				leftBarStyle={ [
+					leftBarStyle,
+					leftBarStyleProp,
+				] }
+				style={ [
+					style,
+					styleProp,
+				] }
+				ref={ ref }
+			/>
+		)
+
+	},
+)

package/src/components/notification/actionable/warning/index.tsx

@@ -0,0 +1,86 @@
+import {
+	forwardRef,
+} from 'react'
+
+import {
+	useWarning,
+} from '../../_status-hooks'
+
+import {
+	ActionableVariant,
+	type ActionableVariantProps,
+	type ActionableVariantRef,
+} from '../../_variants'
+
+export interface WarningProps extends Omit<ActionableVariantProps, 'icon'> {
+	iconProps?: Omit<
+		NonNullable<ActionableVariantProps['iconProps']>,
+		| 'color'
+	>,
+	iconCloseProps?: Omit<
+		NonNullable<ActionableVariantProps['iconCloseProps']>,
+		| 'color'
+	>,
+}
+
+export interface WarningRef extends ActionableVariantRef {
+}
+
+export const Warning = forwardRef<WarningRef, WarningProps>(
+	function Warning(
+		{
+			color,
+			iconProps,
+			iconCloseProps,
+			titleStyle: titleStyleProp,
+			leftBarStyle: leftBarStyleProp,
+			style: styleProp,
+			...props
+		},
+		ref,
+	) {
+
+		const {
+			icon,
+			iconProps: iconPropsData,
+			iconCloseProps: iconClosePropsData,
+			titleStyle,
+			leftBarStyle,
+			style,
+		} =
+			useWarning({
+				color,
+				transparentBorderColor: true,
+			})
+
+		return (
+			<ActionableVariant
+				{ ...props }
+				color={ color }
+				icon={ icon }
+				iconProps={{
+					...iconProps,
+					...iconPropsData,
+				}}
+				iconCloseProps={{
+					...iconCloseProps,
+					...iconClosePropsData,
+				}}
+				titleStyle={ [
+					titleStyle,
+					titleStyleProp,
+				] }
+				leftBarStyle={ [
+					leftBarStyle,
+					leftBarStyleProp,
+				] }
+				style={ [
+					style,
+					styleProp,
+				] }
+				ref={ ref }
+			/>
+		)
+
+	},
+)

package/src/components/notification/actionable-inline/error/index.tsx

@@ -0,0 +1,85 @@
+import {
+	forwardRef,
+} from 'react'
+
+import {
+	useError,
+} from '../../_status-hooks'
+
+import {
+	ActionableInlineVariant,
+	type ActionableInlineVariantProps,
+	type ActionableInlineVariantRef,
+} from '../../_variants'
+
+export interface ErrorProps extends Omit<ActionableInlineVariantProps, 'icon'> {
+	iconProps?: Omit<
+		NonNullable<ActionableInlineVariantProps['iconProps']>,
+		| 'color'
+	>,
+	iconCloseProps?: Omit<
+		NonNullable<ActionableInlineVariantProps['iconCloseProps']>,
+		| 'color'
+	>,
+}
+
+export interface ErrorRef extends ActionableInlineVariantRef {
+}
+
+export const Error = forwardRef<ErrorRef, ErrorProps>(
+	function Error(
+		{
+			color,
+			iconProps,
+			iconCloseProps,
+			titleStyle: titleStyleProp,
+			leftBarStyle: leftBarStyleProp,
+			style: styleProp,
+			...props
+		},
+		ref,
+	) {
+
+		const {
+			icon,
+			iconProps: iconPropsData,
+			iconCloseProps: iconClosePropsData,
+			titleStyle,
+			leftBarStyle,
+			style,
+		} =
+			useError({
+				color,
+			})
+
+		return (
+			<ActionableInlineVariant
+				{ ...props }
+				color={ color }
+				icon={ icon }
+				iconProps={{
+					...iconProps,
+					...iconPropsData,
+				}}
+				iconCloseProps={{
+					...iconCloseProps,
+					...iconClosePropsData,
+				}}
+				titleStyle={ [
+					titleStyle,
+					titleStyleProp,
+				] }
+				leftBarStyle={ [
+					leftBarStyle,
+					leftBarStyleProp,
+				] }
+				style={ [
+					style,
+					styleProp,
+				] }
+				ref={ ref }
+			/>
+		)
+
+	},
+)

package/src/components/notification/actionable-inline/index.tsx

@@ -0,0 +1,4 @@
+export * from './error'
+export * from './informational'
+export * from './success'
+export * from './warning'

package/src/components/notification/actionable-inline/informational/index.tsx

@@ -0,0 +1,85 @@
+import {
+	forwardRef,
+} from 'react'
+
+import {
+	useInformational,
+} from '../../_status-hooks'
+
+import {
+	ActionableInlineVariant,
+	type ActionableInlineVariantProps,
+	type ActionableInlineVariantRef,
+} from '../../_variants'
+
+export interface InformationalProps extends Omit<ActionableInlineVariantProps, 'icon'> {
+	iconProps?: Omit<
+		NonNullable<ActionableInlineVariantProps['iconProps']>,
+		| 'color'
+	>,
+	iconCloseProps?: Omit<
+		NonNullable<ActionableInlineVariantProps['iconCloseProps']>,
+		| 'color'
+	>,
+}
+
+export interface InformationalRef extends ActionableInlineVariantRef {
+}
+
+export const Informational = forwardRef<InformationalRef, InformationalProps>(
+	function Informational(
+		{
+			color,
+			iconProps,
+			iconCloseProps,
+			titleStyle: titleStyleProp,
+			leftBarStyle: leftBarStyleProp,
+			style: styleProp,
+			...props
+		},
+		ref,
+	) {
+
+		const {
+			icon,
+			iconProps: iconPropsData,
+			iconCloseProps: iconClosePropsData,
+			titleStyle,
+			leftBarStyle,
+			style,
+		} =
+			useInformational({
+				color,
+			})
+
+		return (
+			<ActionableInlineVariant
+				{ ...props }
+				color={ color }
+				icon={ icon }
+				iconProps={{
+					...iconProps,
+					...iconPropsData,
+				}}
+				iconCloseProps={{
+					...iconCloseProps,
+					...iconClosePropsData,
+				}}
+				titleStyle={ [
+					titleStyle,
+					titleStyleProp,
+				] }
+				leftBarStyle={ [
+					leftBarStyle,
+					leftBarStyleProp,
+				] }
+				style={ [
+					style,
+					styleProp,
+				] }
+				ref={ ref }
+			/>
+		)
+
+	},
+)

package/src/components/notification/actionable-inline/success/index.tsx

@@ -0,0 +1,85 @@
+import {
+	forwardRef,
+} from 'react'
+
+import {
+	useSuccess,
+} from '../../_status-hooks'
+
+import {
+	ActionableInlineVariant,
+	type ActionableInlineVariantProps,
+	type ActionableInlineVariantRef,
+} from '../../_variants'
+
+export interface SuccessProps extends Omit<ActionableInlineVariantProps, 'icon'> {
+	iconProps?: Omit<
+		NonNullable<ActionableInlineVariantProps['iconProps']>,
+		| 'color'
+	>,
+	iconCloseProps?: Omit<
+		NonNullable<ActionableInlineVariantProps['iconCloseProps']>,
+		| 'color'
+	>,
+}
+
+export interface SuccessRef extends ActionableInlineVariantRef {
+}
+
+export const Success = forwardRef<SuccessRef, SuccessProps>(
+	function Success(
+		{
+			color,
+			iconProps,
+			iconCloseProps,
+			titleStyle: titleStyleProp,
+			leftBarStyle: leftBarStyleProp,
+			style: styleProp,
+			...props
+		},
+		ref,
+	) {
+
+		const {
+			icon,
+			iconProps: iconPropsData,
+			iconCloseProps: iconClosePropsData,
+			titleStyle,
+			leftBarStyle,
+			style,
+		} =
+			useSuccess({
+				color,
+			})
+
+		return (
+			<ActionableInlineVariant
+				{ ...props }
+				color={ color }
+				icon={ icon }
+				iconProps={{
+					...iconProps,
+					...iconPropsData,
+				}}
+				iconCloseProps={{
+					...iconCloseProps,
+					...iconClosePropsData,
+				}}
+				titleStyle={ [
+					titleStyle,
+					titleStyleProp,
+				] }
+				leftBarStyle={ [
+					leftBarStyle,
+					leftBarStyleProp,
+				] }
+				style={ [
+					style,
+					styleProp,
+				] }
+				ref={ ref }
+			/>
+		)
+
+	},
+)

package/src/components/notification/actionable-inline/warning/index.tsx

@@ -0,0 +1,85 @@
+import {
+	forwardRef,
+} from 'react'
+
+import {
+	useWarning,
+} from '../../_status-hooks'
+
+import {
+	ActionableInlineVariant,
+	type ActionableInlineVariantProps,
+	type ActionableInlineVariantRef,
+} from '../../_variants'
+
+export interface WarningProps extends Omit<ActionableInlineVariantProps, 'icon'> {
+	iconProps?: Omit<
+		NonNullable<ActionableInlineVariantProps['iconProps']>,
+		| 'color'
+	>,
+	iconCloseProps?: Omit<
+		NonNullable<ActionableInlineVariantProps['iconCloseProps']>,
+		| 'color'
+	>,
+}
+
+export interface WarningRef extends ActionableInlineVariantRef {
+}
+
+export const Warning = forwardRef<WarningRef, WarningProps>(
+	function Warning(
+		{
+			color,
+			iconProps,
+			iconCloseProps,
+			titleStyle: titleStyleProp,
+			leftBarStyle: leftBarStyleProp,
+			style: styleProp,
+			...props
+		},
+		ref,
+	) {
+
+		const {
+			icon,
+			iconProps: iconPropsData,
+			iconCloseProps: iconClosePropsData,
+			titleStyle,
+			leftBarStyle,
+			style,
+		} =
+			useWarning({
+				color,
+			})
+
+		return (
+			<ActionableInlineVariant
+				{ ...props }
+				color={ color }
+				icon={ icon }
+				iconProps={{
+					...iconProps,
+					...iconPropsData,
+				}}
+				iconCloseProps={{
+					...iconCloseProps,
+					...iconClosePropsData,
+				}}
+				titleStyle={ [
+					titleStyle,
+					titleStyleProp,
+				] }
+				leftBarStyle={ [
+					leftBarStyle,
+					leftBarStyleProp,
+				] }
+				style={ [
+					style,
+					styleProp,
+				] }
+				ref={ ref }
+			/>
+		)
+
+	},
+)