@omnia/fx-models 8.0.457-dev → 8.0.459-dev

package/internal-do-not-import-from-here/shared/aurora/styles/FillStyling.d.ts

@@ -0,0 +1,11 @@
+import { TextFillDefinitionValue } from "internal/fx/shared/models";
+import { StylexValue } from "./Stylex";
+import { useColorSchemaStore } from "../stores";
+export declare namespace FillStyling {
+    function generateFillColorString(definition: TextFillDefinitionValue, colors?: ReturnType<typeof useColorSchemaStore>): string;
+    function getBlueprintFillStylex(definition: TextFillDefinitionValue, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
+    function getBlueprintFillObjectStylex(definition: TextFillDefinitionValue, colors?: ReturnType<typeof useColorSchemaStore>): {
+        background?: StylexValue;
+        backdropFilter?: StylexValue;
+    };
+}

package/internal-do-not-import-from-here/shared/aurora/styles/General.d.ts

@@ -0,0 +1,12 @@
+import { useColorSchemaStore } from "../stores";
+import { OBorderCombination } from "internal/fx/shared/models";
+import { StylexValue } from "./Stylex";
+export declare namespace generalStylex {
+    function getSelectedTableRowStylex(dark: boolean): Readonly<StylexValue>;
+    function getScrollStylex(colors: ReturnType<typeof useColorSchemaStore>, toned?: boolean): Readonly<StylexValue>;
+    function getBorderDividerStylex(border: OBorderCombination, dark: boolean): Readonly<StylexValue>;
+    function getHoverStylex(dark: boolean, settings?: {
+        scale?: number;
+        transparent?: boolean;
+    }): Readonly<StylexValue>;
+}

package/internal-do-not-import-from-here/shared/aurora/styles/IconStyling.d.ts

@@ -0,0 +1,6 @@
+import { IconBlueprint } from "internal/fx/shared/models";
+import { StylexValue } from "./Stylex";
+import { useColorSchemaStore } from "../stores";
+export declare namespace IconStyling {
+    function getIconBlueprintStylex(bluePrint: IconBlueprint, colors: ReturnType<typeof useColorSchemaStore>, duoTone: boolean, nested?: boolean): Readonly<StylexValue>;
+}

package/internal-do-not-import-from-here/shared/aurora/styles/InputStyling.d.ts

@@ -0,0 +1,6 @@
+import { InputBlueprint, TextBlueprint } from "internal/fx/shared/models";
+import { StylexValue } from "./Stylex";
+import { useColorSchemaStore } from "../stores";
+export declare namespace InputStyling {
+    function getFieldBlueprintStylex(bluePrint: InputBlueprint, colors: ReturnType<typeof useColorSchemaStore>, customTextBlueprint: TextBlueprint): Readonly<StylexValue>;
+}

package/internal-do-not-import-from-here/shared/aurora/styles/Spacing.d.ts

@@ -0,0 +1,12 @@
+import { Spacing, SpacingValue } from "internal/fx/shared/models";
+import { useSpacingBlueprintStore } from "../stores";
+export interface NumericalSpacing {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}
+export declare namespace SpacingStyling {
+    function getBlueprintSpacingStylex(value: Spacing | SpacingValue, spacingType?: "margin" | "padding", blueprint?: ReturnType<typeof useSpacingBlueprintStore>): import("./Stylex").StylexValue;
+    function createSpacingx(spacing: NumericalSpacing, type: "padding" | "margin"): import("./Stylex").StylexValue;
+}

package/internal-do-not-import-from-here/shared/aurora/styles/StyleFormatters.d.ts

@@ -0,0 +1,4 @@
+export declare namespace StyleFormatters {
+    function formatPixelValue(value: any): string;
+    function formatMediaUrl(url: string): string;
+}

package/internal-do-not-import-from-here/shared/aurora/styles/Stylex.d.ts

@@ -0,0 +1,156 @@
+import { All, CSSCursor, ObjectFit, PointerEvents, CSSProperties as StylexCssProperties, TextAlign, TextDecoration, VerticalAlign, FontWeight } from "./StylexTypings";
+export type StylexValue = {
+    class?: string;
+    style?: Readonly<{
+        [$$Key$$: string]: string | number;
+    }>;
+};
+export type SpacingStylexType = {
+    top?: string | number;
+    right?: string | number;
+    bottom?: string | number;
+    left?: string | number;
+};
+export type CSSProperties = {
+    -readonly [k in keyof StylexCssProperties]: StylexCssProperties[k];
+};
+export type FlexAlignType = "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
+export type DimensionValue = number | "auto" | `${number}%`;
+export interface ICssRules {
+    position(position: All | "static" | "relative" | "absolute" | "sticky" | "fixed"): StylexValue;
+    textFillColor(textFillColor: string): StylexValue;
+    backgroundClip(backgroundClip: string, important?: boolean): StylexValue;
+    fontFamily(fontFamily: string): StylexValue;
+    flexBasis(flexBasis: DimensionValue | string): StylexValue;
+    flexGrow(flexGrow: number): StylexValue;
+    maxWidth(maxWidth: string | number): StylexValue;
+    alignSelf(alignSelf: "auto" | FlexAlignType): StylexValue;
+    minWidth(minWidth: DimensionValue | string, important?: boolean): StylexValue;
+    flex(flex: string | number, important?: boolean): StylexValue;
+    justifyContent(justifyContent: All | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly"): StylexValue;
+    flexWrap(flexWrap: All | "wrap" | "nowrap" | "wrap-reverse"): StylexValue;
+    rowGap(rowGap: number | string): StylexValue;
+    columnGap(columnGap: number | string): StylexValue;
+    flexDirection(flexDirection: All | "row" | "column" | "row-reverse" | "column-reverse"): StylexValue;
+    width(width: DimensionValue | string, important?: boolean): StylexValue;
+    height(height: DimensionValue | string, important?: boolean): StylexValue;
+    maxHeight(maxHeight: DimensionValue | string, important?: boolean): StylexValue;
+    minHeight(minHeight: DimensionValue | string): StylexValue;
+    alignItems(alignItems: FlexAlignType): StylexValue;
+    boxSizing(boxSizing: string): StylexValue;
+    display(display: string): StylexValue;
+    wordBreak(wordBreak: string): StylexValue;
+    fontStyle(fontStyle: string): StylexValue;
+    whiteSpace(whiteSpace: string): StylexValue;
+    backDropFilter(backDropFilter: string): StylexValue;
+    transition(transition: string): StylexValue;
+    transform(transform: string): StylexValue;
+    fontSize(fontSize: string | number, important?: boolean): StylexValue;
+    fontWeight(fontWeight: FontWeight): StylexValue;
+    lineHeight(lineHeight: number | string): StylexValue;
+    letterSpacing(letterSpacing: number | string): StylexValue;
+    textDecoration(textDecoration: TextDecoration, important?: boolean): StylexValue;
+    background(background: string, important?: boolean): StylexValue;
+    opacity(opacity: string | number): StylexValue;
+    backgroundImage(backgroundImage: string, important?: boolean): StylexValue;
+    backgroundPosition(backgroundPosition: string, important?: boolean): StylexValue;
+    backgroundRepeat(backgroundRepeat: string, important?: boolean): StylexValue;
+    backgroundSize(backgroundSize: string, important?: boolean): StylexValue;
+    backgroundColor(backgroundColor: string, important?: boolean): StylexValue;
+    color(color: string, important?: boolean): StylexValue;
+    borderTopLeftRadius(borderTopLeftRadius: string | number, important?: boolean): StylexValue;
+    borderTopRightRadius(borderTopRightRadius: string | number, important?: boolean): StylexValue;
+    borderBottomRightRadius(borderBottomRightRadius: string | number, important?: boolean): StylexValue;
+    borderBottomLeftRadius(borderBottomLeftRadius: string | number, important?: boolean): StylexValue;
+    border(border: SpacingStylexType | string | number): StylexValue;
+    margin(margin: SpacingStylexType | string | number, important?: boolean): StylexValue;
+    marginLeft(marginLeft: string | number, important?: boolean): StylexValue;
+    marginBottom(marginBottom: string | number, important?: boolean): StylexValue;
+    marginRight(marginRight: string | number, important?: boolean): StylexValue;
+    marginTop(marginTop: string | number, important?: boolean): StylexValue;
+    padding(value: SpacingStylexType | string | number, important?: boolean): StylexValue;
+    paddingLeft(paddingLeft: string | number, important?: boolean): StylexValue;
+    paddingRight(paddingRight: string | number, important?: boolean): StylexValue;
+    paddingBottom(paddingBottom: string | number, important?: boolean): StylexValue;
+    paddingTop(paddingTop: string | number, important?: boolean): StylexValue;
+    borderLeft(borderLeft: string | number, important?: boolean): StylexValue;
+    borderRight(borderRight: string | number, important?: boolean): StylexValue;
+    borderBottom(borderBottom: string | number, important?: boolean): StylexValue;
+    borderTop(borderTop: string | number, important?: boolean): StylexValue;
+    borderRadius(borderRadius: string | number): StylexValue;
+    textTransform(textTransform: All | "none" | "capitalize" | "uppercase" | "lowercase"): StylexValue;
+    lineCamp(lineCamp: number): StylexValue;
+    overflow(overflow: All | "visible" | "hidden" | "clip" | "scroll" | "auto", important?: boolean): StylexValue;
+    overflowY(overflowY: All | "visible" | "hidden" | "clip" | "scroll" | "auto", important?: boolean): StylexValue;
+    overflowX(overflowX: All | "visible" | "hidden" | "clip" | "scroll" | "auto", important?: boolean): StylexValue;
+    boxOrient(boxOrient: string): StylexValue;
+    cursor(cursor: CSSCursor, important?: boolean): StylexValue;
+    top(top: DimensionValue | string, important?: boolean): StylexValue;
+    bottom(bottom: DimensionValue | string, important?: boolean): StylexValue;
+    left(left: DimensionValue | string): StylexValue;
+    right(right: DimensionValue | string, important?: boolean): StylexValue;
+    zIndex(zIndex: DimensionValue, important?: boolean): StylexValue;
+    visibility(visibility: All | "visible" | "hidden" | "collapse" | "initial" | "inherit"): StylexValue;
+    textAlign(textAlign: TextAlign): StylexValue;
+    transformOrigin(transformOrigin: string): StylexValue;
+    borderColor(borderColor: string): StylexValue;
+    pointerEvents(pointerEvents: PointerEvents): StylexValue;
+    verticalAlign(verticalAlign: VerticalAlign): StylexValue;
+    textOverflow(textOverflow: string): StylexValue;
+    flexShrink(flexShrink: string | number): StylexValue;
+    boxShadow(boxShadow: string | number): StylexValue;
+    gridTemplateColumns(gridTemplateColumns: string | number): StylexValue;
+    objectFit(objectFit: ObjectFit): StylexValue;
+    hover: {
+        opacity(opacity: string | number, important?: boolean): StylexValue;
+        cursor(cursor: string, important?: boolean): StylexValue;
+        transform(transform: string): StylexValue;
+        background(background: string): StylexValue;
+        backgroundColor(backgroundColor: string, important?: boolean): StylexValue;
+        boxShadow(boxShadow: string): StylexValue;
+        textDecoration(textDecoration: TextDecoration, important?: boolean): StylexValue;
+    };
+    nest: {
+        iframe: {
+            paddingLeft(paddingLeft: string | number): StylexValue;
+            paddingRight(paddingRight: string | number): StylexValue;
+            paddingBottom(paddingBottom: string | number): StylexValue;
+            paddingTop(paddingTop: string | number): StylexValue;
+        };
+    };
+    media: {
+        sm: {
+            maxHeight(value: DimensionValue | string, important?: boolean): StylexValue;
+            height(value: DimensionValue | string, important?: boolean): StylexValue;
+            maxWidth(value: DimensionValue | string, important?: boolean): StylexValue;
+            width(value: DimensionValue | string, important?: boolean): StylexValue;
+            fontSize(fontSize: string | number, important?: boolean): StylexValue;
+            fontWeight(fontWeight: FontWeight, important?: boolean): StylexValue;
+            lineHeight(lineHeight: string | number, important?: boolean): StylexValue;
+            letterSpacing(letterSpacing: string | number, important?: boolean): StylexValue;
+        };
+        md: {
+            maxHeight(value: DimensionValue | string, important?: boolean): StylexValue;
+            height(value: DimensionValue | string, important?: boolean): StylexValue;
+            maxWidth(value: DimensionValue | string, important?: boolean): StylexValue;
+            width(value: DimensionValue | string, important?: boolean): StylexValue;
+            fontSize(fontSize: string | number, important?: boolean): StylexValue;
+            fontWeight(fontWeight: FontWeight, important?: boolean): StylexValue;
+            lineHeight(lineHeight: string | number, important?: boolean): StylexValue;
+            letterSpacing(letterSpacing: string | number, important?: boolean): StylexValue;
+        };
+        lg: {
+            fontSize(fontSize: string | number, important?: boolean): StylexValue;
+            fontWeight(fontWeight: FontWeight, important?: boolean): StylexValue;
+            lineHeight(lineHeight: string | number, important?: boolean): StylexValue;
+            letterSpacing(letterSpacing: string | number, important?: boolean): StylexValue;
+        };
+    };
+}
+export declare const Stylex: {
+    cssRules: ICssRules;
+    mergeCssRules: (...styles: ReadonlyArray<StylexValue>) => Readonly<StylexValue>;
+    createCssString(styles: CSSProperties): string;
+    createStylex: (cssProperties: StylexCssProperties) => StylexValue;
+};
+export declare function registerStylexProvider(stylex: ICssRules, mergeCssRules: (...styles: ReadonlyArray<StylexValue>) => Readonly<StylexValue>, createStylex: (cssProperties: StylexCssProperties) => StylexValue): void;