@audira/carbon-react-native 1.0.0-beta.8 → 1.0.0

package/src/_internal/style-sheets/flex-style-sheet.ts

@@ -1,84 +0,0 @@
-import {
-	StyleSheet,
-} from "react-native"
-
-export const FlexStyleSheet = StyleSheet.create({
-	flex_1: {
-		flexGrow: 1,
-		flexShrink: 1,
-		flexBasis: 0,
-	},
-	flex_auto: {
-		flexGrow: 1,
-		flexShrink: 1,
-		flexBasis: "auto",
-	},
-	flex_initial: {
-		flexGrow: 0,
-		flexShrink: 1,
-		flexBasis: "auto",
-	},
-	flex_col: {
-		flexDirection: "column",
-	},
-	flex_col_reverse: {
-		flexDirection: "column-reverse",
-	},
-	flex_row: {
-		flexDirection: "row",
-	},
-	flex_row_reverse: {
-		flexDirection: "row-reverse",
-	},
-	flex_wrap: {
-		flexWrap: "wrap",
-	},
-	flex_wrap_reverse: {
-		flexWrap: "wrap-reverse",
-	},
-	flex_nowrap: {
-		flexWrap: "nowrap",
-	},
-	items_start: {
-		alignItems: "flex-start",
-	},
-	items_center: {
-		alignItems: "center",
-	},
-	items_end: {
-		alignItems: "flex-end",
-	},
-	content_start: {
-		alignContent: "flex-start",
-	},
-	content_center: {
-		alignContent: "center",
-	},
-	content_end: {
-		alignContent: "flex-end",
-	},
-	justify_start: {
-		justifyContent: "flex-start",
-	},
-	justify_center: {
-		justifyContent: "center",
-	},
-	justify_between: {
-		justifyContent: "space-between",
-	},
-	justify_end: {
-		justifyContent: "flex-end",
-	},
-	self_start: {
-		alignSelf: "flex-start",
-	},
-	self_center: {
-		alignSelf: "center",
-	},
-	self_end: {
-		alignSelf: "flex-end",
-	},
-	self_stretch: {
-		alignSelf: "stretch",
-	},
-})

package/src/_internal/style-sheets/index.ts

@@ -1,3 +0,0 @@
-export * from "./common-style-sheet"
-export * from "./flex-style-sheet"
-export * from "./text-style-sheet"

package/src/_internal/style-sheets/text-style-sheet.ts

@@ -1,62 +0,0 @@
-import {
-	StyleSheet,
-} from "react-native"
-
-export const TextStyleSheet = StyleSheet.create({
-	thin: {
-		fontWeight: 100,
-		fontFamily: "IBMPlexSans-Thin",
-	},
-	thin_italic: {
-		fontWeight: 100,
-		fontFamily: "IBMPlexSans-Thin-Italic",
-	},
-	extralight: {
-		fontWeight: 200,
-		fontFamily: "IBMPlexSans-ExtraLight",
-	},
-	extralight_italic: {
-		fontWeight: 200,
-		fontFamily: "IBMPlexSans-ExtraLight-Italic",
-	},
-	light: {
-		fontWeight: 300,
-		fontFamily: "IBMPlexSans-Light",
-	},
-	light_italic: {
-		fontWeight: 300,
-		fontFamily: "IBMPlexSans-Light-Italic",
-	},
-	normal: {
-		fontWeight: 400,
-		fontFamily: "IBMPlexSans-Regular",
-	},
-	normal_italic: {
-		fontWeight: 400,
-		fontFamily: "IBMPlexSans-Regular-Italic",
-	},
-	medium: {
-		fontWeight: 500,
-		fontFamily: "IBMPlexSans-Medium",
-	},
-	medium_italic: {
-		fontWeight: 500,
-		fontFamily: "IBMPlexSans-Medium-Italic",
-	},
-	semibold: {
-		fontWeight: 600,
-		fontFamily: "IBMPlexSans-SemiBold",
-	},
-	semibold_italic: {
-		fontWeight: 600,
-		fontFamily: "IBMPlexSans-SemiBold-Italic",
-	},
-	bold: {
-		fontWeight: 700,
-		fontFamily: "IBMPlexSans-Bold",
-	},
-	bold_italic: {
-		fontWeight: 700,
-		fontFamily: "IBMPlexSans-Bold-Italic",
-	},
-})

package/src/carbon-style-sheet/index.tsx

@@ -1,51 +0,0 @@
-import {
-	StyleSheet as RNStyleSheet,
-} from "react-native"
-
-import {
-	breakpoint as _breakpoint,
-} from "./breakpoint"
-
-import {
-	color as _color,
-} from "./color"
-
-import {
-	create as _create,
-} from "./create"
-
-import {
-	use as _use,
-} from "./use"
-
-export namespace CarbonStyleSheet {
-
-	export const absoluteFill = RNStyleSheet.absoluteFill
-
-	export const absoluteFillObject = RNStyleSheet.absoluteFillObject
-
-	export const compose = RNStyleSheet.compose
-
-	/**
-	 * This is a namespace for breakpoint constant names for the StyleSheet.create()  
-	 * Use `Breakpoint` from the `carbon-react-native-elements` to get the actual breakpoint value instead
-	 */
-	export const breakpoint = _breakpoint
-
-	/**
-	 * This is a namespace for color constant names for the StyleSheet.create()  
-	 * Use `Color` from the `carbon-react-native-elements` to get the actual color value instead
-	 */
-	export const color = _color
-
-	export const create = _create
-
-	export const flatten = RNStyleSheet.flatten
-
-	export const hairlineWidth = RNStyleSheet.hairlineWidth
-
-	export const setStyleAttributePreprocessor = RNStyleSheet.setStyleAttributePreprocessor
-
-	export const use = _use
-
-}

package/src/components/checkbox-input/CheckboxInputValue.ts

@@ -1,6 +0,0 @@
-/**
- * null = indeterminate
- */
-export type CheckboxInputValue =
-	| boolean
-	| null

package/src/components/checkbox-input/index.tsx

@@ -1,5 +0,0 @@
-export * from "./CheckboxInput"
-export * from "./CheckboxInputInteractiveState"
-export * from "./CheckboxInputProps"
-export * from "./CheckboxInputRef"
-export * from "./CheckboxInputValue"

package/src/components/index.tsx

@@ -1,35 +0,0 @@
-import * as Button from "./button"
-import * as Notification from "./notification"
-import * as Toggle from "./toggle"
-
-export {
-	Button,
-	Notification,
-	Toggle,
-}
-
-export * from "./accordion"
-export * from "./button-group"
-export * from "./checkbox"
-export * from "./checkbox-group"
-export * from "./checkbox-input"
-export * from "./collapsible"
-export * from "./form-helper-text"
-export * from "./form-label"
-export * from "./icon"
-export * from "./inline-loading"
-export * from "./layer"
-export * from "./loading"
-export * from "./modal"
-export * from "./modal-content"
-export * from "./radio-button"
-export * from "./radio-button-group"
-export * from "./radio-button-input"
-export * from "./switch"
-export * from "./text"
-export * from "./text-area"
-export * from "./text-area-field"
-export * from "./text-area-fluid"
-export * from "./text-input"
-export * from "./text-input-field"
-export * from "./text-input-fluid"

package/src/components/notification/_variants/actionable-inline/ActionableInlineVariant.tsx

@@ -1,70 +0,0 @@
-import {
-	forwardRef,
-} from "react"
-
-import {
-	VariantContextProvider,
-} from "../../_VariantContextProvider"
-
-import {
-	Base,
-} from "../../base"
-
-import {
-	Subtitle,
-} from "../../subtitle"
-
-import {
-	ButtonGhost,
-} from "../_ButtonGhost"
-
-import type {
-	ActionableInlineVariantProps,
-} from "./ActionableInlineVariantProps"
-
-import type {
-	ActionableInlineVariantRef,
-} from "./ActionableInlineVariantRef"
-
-export const ActionableInlineVariant = forwardRef<ActionableInlineVariantRef, ActionableInlineVariantProps>(
-	function ActionableInlineVariant(
-		{
-			color,
-			Icon,
-			subtitle,
-			subtitleStyle,
-			buttonProps,
-			...props
-		},
-		ref,
-	) {
-
-		return (
-			<VariantContextProvider color={ color }>
-				<Base
-					{ ...props }
-					inline
-					Icon={ Icon }
-					iconClose
-					body={
-						subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? (
-							<Subtitle style={ subtitleStyle }>
-								{ subtitle }
-							</Subtitle>
-						) : subtitle
-					}
-					nodes={{
-						beforeButtonClose: buttonProps ? (
-							<ButtonGhost
-								{ ...buttonProps }
-							/>
-						) : undefined,
-					}}
-					ref={ ref }
-				/>
-			</VariantContextProvider>
-		)
-
-	},
-
-)

package/src/components/notification/_variants/actionable-inline/ActionableInlineVariantProps.ts

@@ -1,46 +0,0 @@
-import type {
-	NotificationColor,
-} from "../../NotificationColor"
-import type {
-	BaseProps,
-} from "../../base/BaseProps"
-
-
-import type {
-	SubtitleProps,
-} from "../../subtitle/SubtitleProps"
-
-import type {
-	ButtonGhostProps,
-} from "../_ButtonGhost"
-
-export interface ActionableInlineVariantProps extends Omit<
-	BaseProps,
-	| "inline"
-	| "body"
-	| "icon"
-	| "iconClose"
-	| "nodes"
-	| "leftContainerStyle"
-> {
-	color?: NotificationColor,
-	Icon: NonNullable<BaseProps["Icon"]>,
-	/**
-	 * Fill the button prop to render an button action in the notification component  
-	 * Props are similar like you're calling an button component `<Button.Ghost text="button"/>`, just without the JSX
-	 * @example
-	 * <Notification.ActionableInline.Informational
-	 * 	title="Title goes here"
-	 * 	subtitle="Subtitle goes here"
-	 * 	buttonProps={{
-	 * 		text: 'Action',
-	 * 		onPress: event => {
-	 * 			// your function
-	 * 		},
-	 * 	}}
-	 * />
-	 */
-	buttonProps?: Omit<ButtonGhostProps, "color">,
-	subtitle: React.ReactNode,
-	subtitleStyle?: SubtitleProps["style"],
-}

package/src/components/notification/_variants/actionable-inline/ActionableInlineVariantRef.ts

@@ -1,6 +0,0 @@
-import type {
-	BaseRef,
-} from "../../base/BaseRef"
-
-export interface ActionableInlineVariantRef extends BaseRef {
-}

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

@@ -1,3 +0,0 @@
-export * from "./ActionableInlineVariant"
-export * from "./ActionableInlineVariantProps"
-export * from "./ActionableInlineVariantRef"

package/src/components/notification/_variants/callout-inline/CalloutInlineVariant.tsx

@@ -1,59 +0,0 @@
-import {
-	forwardRef,
-} from "react"
-
-import {
-	VariantContextProvider,
-} from "../../_VariantContextProvider"
-
-import {
-	Base,
-} from "../../base"
-
-import {
-	Subtitle,
-} from "../../subtitle"
-
-import type {
-	CalloutInlineVariantProps,
-} from "./CalloutInlineVariantProps"
-
-import type {
-	CalloutInlineVariantRef,
-} from "./CalloutInlineVariantRef"
-
-export const CalloutInlineVariant = forwardRef<CalloutInlineVariantRef, CalloutInlineVariantProps>(
-	function CalloutInlineVariant(
-		{
-			color,
-			Icon,
-			subtitle,
-			subtitleStyle,
-			...props
-		},
-		ref,
-	) {
-
-		return (
-			<VariantContextProvider color={ color }>
-				<Base
-					{ ...props }
-					inline
-					Icon={ Icon }
-					iconClose={ false }
-					body={
-						subtitle && (typeof subtitle === "string" || typeof subtitle === "number") ? (
-							<Subtitle style={ subtitleStyle }>
-								{ subtitle }
-							</Subtitle>
-						) : subtitle
-					}
-					nodes={ undefined }
-					ref={ ref }
-				/>
-			</VariantContextProvider>
-		)
-
-	},
-
-)

package/src/components/notification/_variants/callout-inline/CalloutInlineVariantProps.ts

@@ -1,26 +0,0 @@
-import type {
-	NotificationColor,
-} from "../../NotificationColor"
-import type {
-	BaseProps,
-} from "../../base/BaseProps"
-
-
-import type {
-	SubtitleProps,
-} from "../../subtitle/SubtitleProps"
-
-export interface CalloutInlineVariantProps extends Omit<
-	BaseProps,
-	| "inline"
-	| "body"
-	| "icon"
-	| "iconClose"
-	| "nodes"
-	| "leftContainerStyle"
-> {
-	color?: NotificationColor,
-	Icon: NonNullable<BaseProps["Icon"]>,
-	subtitle: React.ReactNode,
-	subtitleStyle?: SubtitleProps["style"],
-}

package/src/components/notification/_variants/callout-inline/CalloutInlineVariantRef.ts

@@ -1,6 +0,0 @@
-import type {
-	BaseRef,
-} from "../../base/BaseRef"
-
-export interface CalloutInlineVariantRef extends BaseRef {
-}

package/src/components/notification/_variants/callout-inline/index.tsx

@@ -1,3 +0,0 @@
-export * from "./CalloutInlineVariant"
-export * from "./CalloutInlineVariantProps"
-export * from "./CalloutInlineVariantRef"

package/src/components/notification/_variants/index.tsx

@@ -1,5 +0,0 @@
-export * from "./actionable"
-export * from "./actionable-inline"
-export * from "./callout"
-export * from "./callout-inline"
-export * from "./toast"

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

@@ -1,77 +0,0 @@
-import {
-	forwardRef,
-} from "react"
-
-import {
-	useError,
-} from "../../_status-hooks"
-
-import {
-	ActionableInlineVariant,
-} from "../../_variants"
-
-import type {
-	ErrorProps,
-} from "./ErrorProps"
-
-import type {
-	ErrorRef,
-} from "./ErrorRef"
-
-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/error/ErrorProps.ts

@@ -1,14 +0,0 @@
-import type {
-	ActionableInlineVariantProps,
-} from "../../_variants/actionable-inline"
-
-export interface ErrorProps extends Omit<ActionableInlineVariantProps, "icon"> {
-	iconProps?: Omit<
-		NonNullable<ActionableInlineVariantProps["iconProps"]>,
-		| "color"
-	>,
-	iconCloseProps?: Omit<
-		NonNullable<ActionableInlineVariantProps["iconCloseProps"]>,
-		| "color"
-	>,
-}

package/src/components/notification/actionable-inline/error/ErrorRef.ts

@@ -1,6 +0,0 @@
-import type {
-	ActionableInlineVariantRef,
-} from "../../_variants/actionable-inline"
-
-export interface ErrorRef extends ActionableInlineVariantRef {
-}

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

@@ -1,77 +0,0 @@
-import {
-	forwardRef,
-} from "react"
-
-import {
-	useInformational,
-} from "../../_status-hooks"
-
-import {
-	ActionableInlineVariant,
-} from "../../_variants"
-
-import type {
-	InformationalProps,
-} from "./InformationalProps"
-
-import type {
-	InformationalRef,
-} from "./InformationalRef"
-
-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/informational/InformationalProps.ts

@@ -1,14 +0,0 @@
-import type {
-	ActionableInlineVariantProps,
-} from "../../_variants/actionable-inline"
-
-export interface InformationalProps extends Omit<ActionableInlineVariantProps, "icon"> {
-	iconProps?: Omit<
-		NonNullable<ActionableInlineVariantProps["iconProps"]>,
-		| "color"
-	>,
-	iconCloseProps?: Omit<
-		NonNullable<ActionableInlineVariantProps["iconCloseProps"]>,
-		| "color"
-	>,
-}

package/src/components/notification/actionable-inline/informational/InformationalRef.ts

@@ -1,6 +0,0 @@
-import type {
-	ActionableInlineVariantRef,
-} from "../../_variants/actionable-inline"
-
-export interface InformationalRef extends ActionableInlineVariantRef {
-}