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

package/BlockTitleSettings.d.ts

@@ -1,5 +1,5 @@
-import { TextAlignment, BorderPositions, IconPositions, IconSizes } from "./Enums";
-import { IIcon } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
+import { BorderPositions, IconPositions, IconSizes } from "./Enums";
+import { IIcon, TextAlignment } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { Spacing, VelcronRendererResolverReference } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
 import { BusinessProfileProperty } from "./BusinessProfile";
 import { ShapeDividerSettings } from "./ShapeDividerSettingsModel";

package/Enums.d.ts

@@ -538,11 +538,6 @@ export declare enum LayoutItemTypes {
     sectionItem = "sectionItem",
     block = "block"
 }
-export declare enum TextAlignment {
-    left = "left",
-    center = "center",
-    right = "right"
-}
 export declare enum IconPositions {
     Left = 1,
     Right = 2,
@@ -695,9 +690,6 @@ export declare enum DisplayBreakpointCodes {
      * */
     Large = "lg"
 }
-export declare const DisplayBreakpoints: readonly ["s", "m", "l"];
-export type DisplayBreakpointTypes = typeof DisplayBreakpoints[number];
-export type ContainerBreakpointTypes = "layout" | "column" | "parent";
 export declare enum LocalServingMessageType {
     Connected = "connected",
     FullReload = "full-reload",

package/Enums.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateOperator = exports.TimePeriodTypes = exports.TargetUser = exports.RedirectRuleType = exports.MultilingualScopes = exports.OmniaRoleTypes = exports.TargetResolverTypes = exports.PermissionRoles = exports.FirstDayOfWeeks = exports.TimeFormats = exports.CompareBusinessProfilePathType = exports.StatusMessageOverlayType = exports.HttpStatusCode = exports.QueueMessageStatus = exports.StaticEndpoint = exports.LegacyThemeType = exports.FeatureInstanceStatus = exports.RoleDefinitions = exports.Parameters = exports.ParamTypes = exports.PropertyIndexedType = exports.UserPickingType = exports.BoolFilter = exports.PrincipalTypes = exports.AppInstanceScopedQueryTypes = exports.AppInstanceStatus = exports.VideoRatio = exports.AdminNavigationBuiltInCategory = exports.AdminVisibility = exports.AuthenticationValidationStatuses = exports.IconSources = exports.LanguageTags = exports.LocalizationTargetTypes = exports.BundleTargetTypes = exports.ServerManifestTypes = exports.ClientManifestTypes = exports.RuleLogicalOperator = exports.ResourceEvaluators = exports.ConsoleStateStorageMessageTypes = exports.ConsoleMessageTypes = exports.LogLevels = exports.ManifestLoadStatus = exports.LogSources = exports.AppTemplatePermissionLevel = exports.SecurityAccessType = exports.SecurityIdentities = exports.SecurityRoleScopes = exports.SecurityProviderTypes = exports.BuiltInAppInstanceInternalNames = exports.BuiltInEnterprisePropertyInternalNames = void 0;
-exports.CompletionImpactType = exports.LayoutActionOpenType = exports.ReCaptChaSecretFormNames = exports.reCaptchaSecretKey = exports.WPServiceDefinition = exports.StatusFilter = exports.PersistentDiskTypes = exports.CookieKeys = exports.LocalServingMessageType = exports.DisplayBreakpoints = exports.DisplayBreakpointCodes = exports.IdentityUserIdTypeMatch = exports.OmniaClientRuntimes = exports.OmniaBackendRuntimes = exports.PropertyEditModeElementNameType = exports.DirectionRules = exports.MediaPickerEnums = exports.PropertyArchiveType = exports.ImageSources = exports.IconSizes = exports.BlockRenderingModes = exports.LayoutCanvasModes = exports.ChromeTypes = exports.LayoutItemActions = exports.LayoutEditorModes = exports.TabbedDisplayModes = exports.TabbedIconPositions = exports.Positions = exports.BorderPositions = exports.IconPositions = exports.TextAlignment = exports.LayoutItemTypes = exports.LayoutDrawerTabs = exports.VerticalAlignments = exports.HorizontalAlignments = exports.BladeSizes = exports.ImageResolution = exports.AppInstanceAction = exports.VDataGridHeaderType = exports.VDataGridHeaderAlign = exports.ButtonSizes = exports.ButtonModes = exports.ButtonIconPosition = exports.TooltipPosition = exports.RichTextModes = void 0;
+exports.CompletionImpactType = exports.LayoutActionOpenType = exports.ReCaptChaSecretFormNames = exports.reCaptchaSecretKey = exports.WPServiceDefinition = exports.StatusFilter = exports.PersistentDiskTypes = exports.CookieKeys = exports.LocalServingMessageType = exports.DisplayBreakpointCodes = exports.IdentityUserIdTypeMatch = exports.OmniaClientRuntimes = exports.OmniaBackendRuntimes = exports.PropertyEditModeElementNameType = exports.DirectionRules = exports.MediaPickerEnums = exports.PropertyArchiveType = exports.ImageSources = exports.IconSizes = exports.BlockRenderingModes = exports.LayoutCanvasModes = exports.ChromeTypes = exports.LayoutItemActions = exports.LayoutEditorModes = exports.TabbedDisplayModes = exports.TabbedIconPositions = exports.Positions = exports.BorderPositions = exports.IconPositions = exports.LayoutItemTypes = exports.LayoutDrawerTabs = exports.VerticalAlignments = exports.HorizontalAlignments = exports.BladeSizes = exports.ImageResolution = exports.AppInstanceAction = exports.VDataGridHeaderType = exports.VDataGridHeaderAlign = exports.ButtonSizes = exports.ButtonModes = exports.ButtonIconPosition = exports.TooltipPosition = exports.RichTextModes = void 0;
 const models_1 = require("@omnia/fx-models/internal-do-not-import-from-here/shared/models");
 var BuiltInEnterprisePropertyInternalNames;
 (function (BuiltInEnterprisePropertyInternalNames) {
@@ -606,12 +606,6 @@ var LayoutItemTypes;
     LayoutItemTypes["sectionItem"] = "sectionItem";
     LayoutItemTypes["block"] = "block";
 })(LayoutItemTypes || (exports.LayoutItemTypes = LayoutItemTypes = {}));
-var TextAlignment;
-(function (TextAlignment) {
-    TextAlignment["left"] = "left";
-    TextAlignment["center"] = "center";
-    TextAlignment["right"] = "right";
-})(TextAlignment || (exports.TextAlignment = TextAlignment = {}));
 var IconPositions;
 (function (IconPositions) {
     IconPositions[IconPositions["Left"] = 1] = "Left";
@@ -796,7 +790,6 @@ var DisplayBreakpointCodes;
      * */
     DisplayBreakpointCodes["Large"] = "lg";
 })(DisplayBreakpointCodes || (exports.DisplayBreakpointCodes = DisplayBreakpointCodes = {}));
-exports.DisplayBreakpoints = ["s", "m", "l"];
 var LocalServingMessageType;
 (function (LocalServingMessageType) {
     LocalServingMessageType["Connected"] = "connected";

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

@@ -0,0 +1,31 @@
+import { BackgroundDefinition } from "internal/fx/shared/models";
+import { StylexValue } from "./Stylex";
+import { useColorSchemaStore } from "../stores";
+export declare namespace BackgroundStyling {
+    function backgroundGrid(): Readonly<StylexValue>;
+    function getBlueprintBackgroundStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
+    function getBlueprintBackgroundObjectStylex(definition: BackgroundDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): {
+        borderTopLeftRadius?: StylexValue;
+        borderTopRightRadius?: StylexValue;
+        borderBottomRightRadius?: StylexValue;
+        borderBottomLeftRadius?: StylexValue;
+        border?: StylexValue;
+        background?: StylexValue;
+        borderTop?: StylexValue;
+        borderRight?: StylexValue;
+        borderBottom?: StylexValue;
+        borderLeft?: StylexValue;
+    } & {
+        background?: StylexValue;
+        backdropFilter?: StylexValue;
+    } & {
+        position?: StylexValue;
+        backgroundImage?: StylexValue;
+        backgroundPosition?: StylexValue;
+        backgroundRepeat?: StylexValue;
+        backgroundSize?: StylexValue;
+        width?: StylexValue;
+        height?: StylexValue;
+        $nest?: StylexValue;
+    };
+}

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

@@ -0,0 +1,6 @@
+import { Spacing } from "internal/fx/shared/models";
+import { useSpacingBlueprintStore } from "../stores";
+export declare namespace BlueprintValues {
+    function getBlueprintSpacingValue(value: any, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): number;
+    function getBlueprintSpacingValues(value: Spacing, blueprint?: ReturnType<typeof useSpacingBlueprintStore>): Spacing;
+}

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

@@ -0,0 +1,18 @@
+import { BorderStylingDefinition } from "internal/fx/shared/models";
+import { StylexValue } from "./Stylex";
+import { useColorSchemaStore } from "../stores";
+export declare namespace BorderStyling {
+    function getBlueprintBorderStylex(definition: BorderStylingDefinition, gradientFillFallbackColor?: string, colors?: ReturnType<typeof useColorSchemaStore>): Readonly<StylexValue>;
+    function getBlueprintBorderObjectStylex(definition: BorderStylingDefinition, gradientFill?: string, colors?: ReturnType<typeof useColorSchemaStore>): {
+        borderTopLeftRadius?: StylexValue;
+        borderTopRightRadius?: StylexValue;
+        borderBottomRightRadius?: StylexValue;
+        borderBottomLeftRadius?: StylexValue;
+        border?: StylexValue;
+        background?: StylexValue;
+        borderTop?: StylexValue;
+        borderRight?: StylexValue;
+        borderBottom?: StylexValue;
+        borderLeft?: StylexValue;
+    };
+}

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

@@ -0,0 +1,10 @@
+export declare namespace colorStyling {
+    function dividingOpacity(dark: boolean): "rgba(255,255,255,0.15)" | "rgba(0,0,0,0.15)";
+    function backgroundOpacity(dark: boolean, opacity?: Number): string;
+    function backgroundOpacityOnColor(color: string, dark: boolean, opacity?: Number): any;
+    function getColorStylingx(color: string, opacity?: number): {
+        all: Readonly<import("./Stylex").StylexValue>;
+        background: import("./Stylex").StylexValue;
+        color: import("./Stylex").StylexValue;
+    };
+}

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/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;