@omnia/fx 8.0.455-dev → 8.0.457-dev

package/internal-do-not-import-from-here/ux/shared-mobile/stylex/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties as StylexCssProperties } from "./Typings";
+import { All, CSSCursor, ObjectFit, PointerEvents, CSSProperties as StylexCssProperties, TextAlign, TextDecoration, VerticalAlign, FontWeight } from "./Typings";
 export type StylexValue = {
     class?: string;
     style?: Readonly<{
@@ -14,40 +14,42 @@ export type SpacingStylexType = {
 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: string): StylexValue;
+    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: string | number): StylexValue;
+    flexBasis(flexBasis: DimensionValue | string): StylexValue;
     flexGrow(flexGrow: number): StylexValue;
-    maxWidth(maxWidth: string): StylexValue;
-    alignSelf(alignSelf: string): StylexValue;
-    minWidth(minWidth: string | number, important?: boolean): 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: string): StylexValue;
-    flexWrap(flexWrap: string): StylexValue;
-    rowGap(rowGap: string): StylexValue;
-    columnGap(columnGap: string): StylexValue;
-    flexDirection(flexDirection: string): StylexValue;
-    width(width: string | number, important?: boolean): StylexValue;
-    height(width: string | number, important?: boolean): StylexValue;
-    maxHeight(width: string | number, important?: boolean): StylexValue;
-    minHeight(minHeight: string | number): StylexValue;
-    alignItems(alignItems: string): 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;
+    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: number): StylexValue;
-    lineHeight(lineHeight: string): StylexValue;
-    letterSpacing(letterSpacing: string): StylexValue;
-    textDecoration(textDecoration: string, 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;
@@ -56,12 +58,12 @@ export interface ICssRules {
     backgroundSize(backgroundSize: string, important?: boolean): StylexValue;
     backgroundColor(backgroundColor: string, important?: boolean): StylexValue;
     color(color: string, important?: boolean): StylexValue;
-    borderTopLeftRadius(borderTopLeftRadius: string, important?: boolean): StylexValue;
-    borderTopRightRadius(borderTopRightRadius: string, important?: boolean): StylexValue;
-    borderBottomRightRadius(borderBottomRightRadius: string, important?: boolean): StylexValue;
-    borderBottomLeftRadius(borderBottomLeftRadius: string, important?: boolean): StylexValue;
-    border(value: SpacingStylexType | string): StylexValue;
-    margin(value: SpacingStylexType | string | number, 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;
@@ -76,37 +78,37 @@ export interface ICssRules {
     borderBottom(borderBottom: string | number, important?: boolean): StylexValue;
     borderTop(borderTop: string | number, important?: boolean): StylexValue;
     borderRadius(borderRadius: string | number): StylexValue;
-    textTransform(textTransform: string): StylexValue;
+    textTransform(textTransform: All | "none" | "capitalize" | "uppercase" | "lowercase"): StylexValue;
     lineCamp(lineCamp: number): StylexValue;
-    overflow(overflow: string, important?: boolean): StylexValue;
-    overflowY(overflowY: string, important?: boolean): StylexValue;
-    overflowX(overflowX: string, important?: boolean): 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: string, important?: boolean): StylexValue;
-    top(top: number | string, important?: boolean): StylexValue;
-    bottom(bottom: number | string, important?: boolean): StylexValue;
-    left(left: number | string): StylexValue;
-    right(right: number | string, important?: boolean): StylexValue;
-    zIndex(zIndex: number, important?: boolean): StylexValue;
-    visibility(visibility: "visible" | "hidden" | "collapse" | "initial" | "inherit"): StylexValue;
-    textAlign(textAlign: 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: string): StylexValue;
-    verticalAlign(verticalAlign: string): StylexValue;
+    pointerEvents(pointerEvents: PointerEvents): StylexValue;
+    verticalAlign(verticalAlign: VerticalAlign): StylexValue;
     textOverflow(textOverflow: string): StylexValue;
     flexShrink(flexShrink: string | number): StylexValue;
-    boxShadow(boxShadow: string): StylexValue;
+    boxShadow(boxShadow: string | number): StylexValue;
     gridTemplateColumns(gridTemplateColumns: string | number): StylexValue;
-    objectFit(objectFit: string): StylexValue;
+    objectFit(objectFit: ObjectFit): StylexValue;
     hover: {
-        opacity(opacity: string, important?: boolean): StylexValue;
+        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: string, important?: boolean): StylexValue;
+        textDecoration(textDecoration: TextDecoration, important?: boolean): StylexValue;
     };
     nest: {
         iframe: {
@@ -118,30 +120,30 @@ export interface ICssRules {
     };
     media: {
         sm: {
-            maxHeight(value: string, important?: boolean): StylexValue;
-            height(value: string, important?: boolean): StylexValue;
-            maxWidth(value: string, important?: boolean): StylexValue;
-            width(value: string, important?: boolean): StylexValue;
-            fontSize(fontSize: string, important?: boolean): StylexValue;
-            fontWeight(fontWeight: number, important?: boolean): StylexValue;
-            lineHeight(lineHeight: string, important?: boolean): StylexValue;
-            letterSpacing(letterSpacing: string, important?: boolean): StylexValue;
+            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: string, important?: boolean): StylexValue;
-            height(value: string, important?: boolean): StylexValue;
-            maxWidth(value: string, important?: boolean): StylexValue;
-            width(value: string, important?: boolean): StylexValue;
-            fontSize(fontSize: string, important?: boolean): StylexValue;
-            fontWeight(fontWeight: number, important?: boolean): StylexValue;
-            lineHeight(lineHeight: string, important?: boolean): StylexValue;
-            letterSpacing(letterSpacing: string, important?: boolean): StylexValue;
+            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, important?: boolean): StylexValue;
-            fontWeight(fontWeight: number, important?: boolean): StylexValue;
-            lineHeight(lineHeight: string, important?: boolean): StylexValue;
-            letterSpacing(letterSpacing: 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;
         };
     };
 }

package/internal-do-not-import-from-here/wctypings.d.ts

@@ -415,12 +415,13 @@ import wc349a445fe7a2403b8f98fceff168f87e from './ux/aurora/components/fillpicke
 import wc44e2dd896269442f800da69000d4c2f1 from './ux/aurora/components/headerpicker/HeaderPicker';
 import wcb059e461e6c048fe830c6d32722e5cdc from './ux/aurora/components/headerpicker/HeaderViewer';
 import wcb1acedf8859a4daab8c683bd87142462 from './ux/aurora/components/headerpicker/HeaderRenderer';
+import wcadc7e708d0e7419bb327998ca3f3564b from './ux/aurora/components/headerpicker/HeaderStyleEditor';
 import wc5542a25df57c464897a59a336eee0e56 from './ux/aurora/components/iconstylepicker/IconStylePicker';
 import wcf7cc41f3ae4944e3b43c380140438973 from './ux/aurora/components/iconstylepicker/IconStyleEditor';
 import wccbdf3361c16f479faff72960c18404dc from './ux/aurora/components/iconstylepicker/IconBlueprintsViewer';
 import wcd84a5b45429344d29a084ade31ad668d from './ux/aurora/components/input/InputStylePicker';
 import wc141334bec3914c018c0044b7593ffc93 from './ux/aurora/components/input/InputStyleEditor';
-import wc94cbc66f399948c28f25bf8962deefd1 from './ux/aurora/components/input/InputBlueprintsViewer';
+import wca01dd21daed643789058354101511f08 from './ux/aurora/components/input/InputBlueprintViewer';
 import wc3bcb44301ab24be2a11e6ccdfe29ee60 from './ux/aurora/components/placeholder/Placeholder';
 import wc564bced7081c496483e8df717f600ff3 from './ux/aurora/components/spacingpicker/SpacingPicker3';
 import wc0ed52c601528428e935d110b3018a0bc from './ux/aurora/components/spacingpicker/SpacingViewer';
@@ -1643,14 +1644,14 @@ declare global {
                     };
                 } : typeof wc141334bec3914c018c0044b7593ffc93;
             };
-            "blueprints": {
-                "viewer": typeof wc94cbc66f399948c28f25bf8962deefd1 extends {
+            "blueprint": {
+                "viewer": typeof wca01dd21daed643789058354101511f08 extends {
                     propsDefinition: infer TProp;
                 } ? {
                     new (...args: any[]): {
                         $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                     };
-                } : typeof wc94cbc66f399948c28f25bf8962deefd1;
+                } : typeof wca01dd21daed643789058354101511f08;
             };
         };
         "journey": {
@@ -4213,6 +4214,15 @@ declare global {
                     $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                 };
             } : typeof wcb1acedf8859a4daab8c683bd87142462;
+            "style": {
+                "editor": typeof wcadc7e708d0e7419bb327998ca3f3564b extends {
+                    propsDefinition: infer TProp;
+                } ? {
+                    new (...args: any[]): {
+                        $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                    };
+                } : typeof wcadc7e708d0e7419bb327998ca3f3564b;
+            };
         };
         "variant": {
             "placeholder": typeof wc3bcb44301ab24be2a11e6ccdfe29ee60 extends {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.455-dev",
+  "version": "8.0.457-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.455-dev",
+    "@omnia/fx-models": "8.0.457-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",

package/internal-do-not-import-from-here/ux/aurora/components/input/InputBlueprintsViewer.d.ts

@@ -1,26 +0,0 @@
-import { BlueprintVariant, InputBlueprints } from "@omnia/fx-models";
-import { DefineEmit } from "@omnia/fx/ux";
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
-    "emit:update:modelValue": (value: InputBlueprints) => void;
-} & {
-    "v-model"?: InputBlueprints;
-} & {
-    modelValue?: InputBlueprints;
-} & {
-    toned?: boolean;
-} & {
-    selectable?: boolean;
-} & {
-    editable?: boolean;
-} & {
-    blueprintStrategy?: string;
-} & DefineEmit<"click:select", (variant: BlueprintVariant) => true> & DefineEmit<"click:add", () => true>> & {
-    "onUpdate:modelValue"?: (value: InputBlueprints) => any;
-    "onClick:add"?: () => any;
-    "onClick:select"?: (variant: BlueprintVariant) => any;
-} & {
-    "v-slots"?: {} & Omit<{
-        default?: import("vue").Slot;
-    }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "editable" | "modelValue" | "emit:update:modelValue" | "v-model" | "toned" | "emit:click:add" | "emit:click:select" | "selectable" | "blueprintStrategy"> & import("@omnia/fx/ux").VNodeEvents) => any;
-export default _default;