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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@audira/carbon-react-native",
-  "version": "1.0.0-beta.9",
+  "version": "1.0.0",
   "license": "MIT",
   "homepage": "https://rakadoank.github.io/carbon-react-native",
   "repository": "https://github.com/RakaDoank/carbon-react-native",

package/src/_internal/hooks/index.ts

@@ -0,0 +1,5 @@
+import * as SecureTextEntryControlHook from "./secure-text-entry-control"
+
+export {
+	SecureTextEntryControlHook,
+}

package/src/_internal/hooks/secure-text-entry-control/UseProps.ts

@@ -0,0 +1,4 @@
+/**
+ * The `secureTextEntry`
+ */
+export type UseProps = boolean

package/src/_internal/hooks/secure-text-entry-control/index.ts

@@ -0,0 +1,2 @@
+export type * from "./UseProps"
+export * from "./use"

package/src/_internal/hooks/secure-text-entry-control/use.tsx

@@ -0,0 +1,26 @@
+import {
+	useCallback,
+	useState,
+} from "react"
+
+import type {
+	UseProps,
+} from "./UseProps"
+
+export function use(secureTextEntryProp?: UseProps) {
+
+	const
+		[secureTextEntrySelf, setSecureTextEntrySelf] =
+			useState(true),
+
+		secureTextEntry =
+			secureTextEntryProp ?? secureTextEntrySelf,
+
+		toggleSecureTextEntrySelf =
+			useCallback(() => {
+				setSecureTextEntrySelf(bool => !bool)
+			}, [])
+
+	return [secureTextEntry, toggleSecureTextEntrySelf] as const
+
+}

package/src/carbon-style-sheet/g/direction.ts

@@ -0,0 +1,15 @@
+import {
+	StyleSheet,
+} from "react-native"
+
+export const { ltr } = StyleSheet.create({
+	ltr: {
+		direction: "ltr",
+	} as const,
+})
+
+export const { rtl } = StyleSheet.create({
+	rtl: {
+		direction: "rtl",
+	} as const,
+})

package/src/carbon-style-sheet/g/display.ts

@@ -0,0 +1,15 @@
+import {
+	StyleSheet,
+} from "react-native"
+
+export const { hidden } = StyleSheet.create({
+	hidden: {
+		display: "none",
+	} as const,
+})
+
+export const { flex } = StyleSheet.create({
+	flex: {
+		display: "flex",
+	} as const,
+})

package/src/carbon-style-sheet/g/flex.ts

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

package/src/carbon-style-sheet/g/font.ts

@@ -0,0 +1,81 @@
+// Generated
+// Fri, 13 Mar 2026 18:21:07 GMT
+
+// To support cross platforms, we are mapping the `fontFamily` value to its PostScript name,
+// instead of the `fontWeight` number with a single font family name like in Web// Giving a `fontWeight` number will not work.
+// @see https://docs.expo.dev/develop/user-interface/fonts/#how-to-determine-which-font-family-name-to-use
+
+import {
+	StyleSheet,
+} from "react-native"
+
+export const { font_thin } = StyleSheet.create({
+	font_thin: {
+		fontFamily: "IBMPlexSans-Thin",
+	} as const,
+})
+export const { font_thin_italic } = StyleSheet.create({
+	font_thin_italic: {
+		fontFamily: "IBMPlexSans-Thin-Italic",
+	} as const,
+})
+export const { font_extralight } = StyleSheet.create({
+	font_extralight: {
+		fontFamily: "IBMPlexSans-ExtraLight",
+	} as const,
+})
+export const { font_extralight_italic } = StyleSheet.create({
+	font_extralight_italic: {
+		fontFamily: "IBMPlexSans-ExtraLight-Italic",
+	} as const,
+})
+export const { font_light } = StyleSheet.create({
+	font_light: {
+		fontFamily: "IBMPlexSans-Light",
+	} as const,
+})
+export const { font_light_italic } = StyleSheet.create({
+	font_light_italic: {
+		fontFamily: "IBMPlexSans-Light-Italic",
+	} as const,
+})
+export const { font_regular } = StyleSheet.create({
+	font_regular: {
+		fontFamily: "IBMPlexSans-Regular",
+	} as const,
+})
+export const { font_regular_italic } = StyleSheet.create({
+	font_regular_italic: {
+		fontFamily: "IBMPlexSans-Regular-Italic",
+	} as const,
+})
+export const { font_medium } = StyleSheet.create({
+	font_medium: {
+		fontFamily: "IBMPlexSans-Medium",
+	} as const,
+})
+export const { font_medium_italic } = StyleSheet.create({
+	font_medium_italic: {
+		fontFamily: "IBMPlexSans-Medium-Italic",
+	} as const,
+})
+export const { font_semibold } = StyleSheet.create({
+	font_semibold: {
+		fontFamily: "IBMPlexSans-SemiBold",
+	} as const,
+})
+export const { font_semibold_italic } = StyleSheet.create({
+	font_semibold_italic: {
+		fontFamily: "IBMPlexSans-SemiBold-Italic",
+	} as const,
+})
+export const { font_bold } = StyleSheet.create({
+	font_bold: {
+		fontFamily: "IBMPlexSans-Bold",
+	} as const,
+})
+export const { font_bold_italic } = StyleSheet.create({
+	font_bold_italic: {
+		fontFamily: "IBMPlexSans-Bold-Italic",
+	} as const,
+})

package/src/carbon-style-sheet/g/height.ts

@@ -0,0 +1,27 @@
+import {
+	StyleSheet,
+} from "react-native"
+
+export const { h_auto } = StyleSheet.create({
+	h_auto: {
+		height: "auto",
+	} as const,
+})
+
+export const { h_full } = StyleSheet.create({
+	h_full: {
+		height: "100%",
+	} as const,
+})
+
+export const { max_h_auto } = StyleSheet.create({
+	max_h_auto: {
+		maxHeight: "auto",
+	} as const,
+})
+
+export const { max_h_full } = StyleSheet.create({
+	max_h_full: {
+		maxHeight: "100%",
+	} as const,
+})

package/src/carbon-style-sheet/g/index.ts

@@ -0,0 +1,11 @@
+export * from "./direction"
+export * from "./display"
+export * from "./flex"
+export * from "./font"
+export * from "./height"
+export * from "./overflow"
+export * from "./position"
+export * from "./spacing"
+export * from "./text"
+export * from "./typography"
+export * from "./width"

package/src/carbon-style-sheet/g/overflow.ts

@@ -0,0 +1,21 @@
+import {
+	StyleSheet,
+} from "react-native"
+
+export const { overflow_hidden } = StyleSheet.create({
+	overflow_hidden: {
+		overflow: "hidden",
+	} as const,
+})
+
+export const { overflow_scroll } = StyleSheet.create({
+	overflow_scroll: {
+		overflow: "scroll",
+	} as const,
+})
+
+export const { overflow_visible } = StyleSheet.create({
+	overflow_visible: {
+		overflow: "visible",
+	} as const,
+})

package/src/carbon-style-sheet/g/position.ts

@@ -0,0 +1,22 @@
+import {
+	StyleSheet,
+} from "react-native"
+
+export const { absolute } = StyleSheet.create({
+	absolute: {
+		position: "absolute",
+	} as const,
+})
+export const { relative } = StyleSheet.create({
+	relative: {
+		position: "relative",
+	} as const,
+})
+export const { static: static_ } = StyleSheet.create({
+	/**
+	 * Underscore added at the end because `static` is reserved word.
+	 */
+	static: {
+		position: "static",
+	} as const,
+})