From 6c40719ea98ab658732caf51279c098bab24196a Mon Sep 17 00:00:00 2001
From: Brian Heston <47367562+bheston@users.noreply.github.com>
Date: Thu, 17 Oct 2024 10:45:04 -0700
Subject: [PATCH 1/2] AUI: Add a few style properties

---
 packages/adaptive-ui/docs/api-report.md        |  8 ++++++++
 packages/adaptive-ui/src/core/modules/css.ts   | 16 ++++++++++++++++
 packages/adaptive-ui/src/core/modules/types.ts | 10 ++++++++++
 packages/adaptive-ui/src/reference/modules.ts  |  2 +-
 4 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/packages/adaptive-ui/docs/api-report.md b/packages/adaptive-ui/docs/api-report.md
index bf969b8..9f01aa8 100644
--- a/packages/adaptive-ui/docs/api-report.md
+++ b/packages/adaptive-ui/docs/api-report.md
@@ -625,13 +625,21 @@ export const StyleProperty: {
     readonly paddingLeft: "paddingLeft";
     readonly gap: "gap";
     readonly height: "height";
+    readonly minHeight: "minHeight";
+    readonly maxHeight: "maxHeight";
     readonly width: "width";
+    readonly minWidth: "minWidth";
+    readonly maxWidth: "maxWidth";
+    readonly layoutInner: "layoutInner";
     readonly layoutDirection: "layoutDirection";
+    readonly layoutMainAxisAlignItems: "layoutMainAxisAlignItems";
+    readonly layoutCrossAxisAlignItems: "layoutCrossAxisAlignItems";
     readonly opacity: "opacity";
     readonly cursor: "cursor";
     readonly outlineColor: "outlineColor";
     readonly outlineOffset: "outlineOffset";
     readonly outlineStyle: "outlineStyle";
+    readonly outlineThickness: "outlineThickness";
     readonly outlineWidth: "outlineWidth";
     readonly shadow: "shadow";
 };
diff --git a/packages/adaptive-ui/src/core/modules/css.ts b/packages/adaptive-ui/src/core/modules/css.ts
index 76b4d5e..9e273f7 100644
--- a/packages/adaptive-ui/src/core/modules/css.ts
+++ b/packages/adaptive-ui/src/core/modules/css.ts
@@ -79,10 +79,24 @@ export const stylePropertyToCssProperty = (usage: StyleProperty): string => {
             return "gap";
         case StyleProperty.height:
             return "height";
+        case StyleProperty.minHeight:
+            return "min-height";
+        case StyleProperty.maxHeight:
+            return "max-height";
         case StyleProperty.width:
             return "width";
+        case StyleProperty.minWidth:
+            return "min-width";
+        case StyleProperty.maxWidth:
+            return "max-width";
+        case StyleProperty.layoutInner:
+            return "display";
         case StyleProperty.layoutDirection:
             return "flex-direction";
+        case StyleProperty.layoutMainAxisAlignItems:
+            return "justify-content";
+        case StyleProperty.layoutCrossAxisAlignItems:
+            return "align-items";
         case StyleProperty.opacity:
             return "opacity";
         case StyleProperty.cursor:
@@ -93,6 +107,8 @@ export const stylePropertyToCssProperty = (usage: StyleProperty): string => {
             return "outline-offset";
         case StyleProperty.outlineStyle:
             return "outline-style";
+        case StyleProperty.outlineThickness:
+            return "outline-width";
         case StyleProperty.outlineWidth:
             return "outline-width";
         case StyleProperty.shadow:
diff --git a/packages/adaptive-ui/src/core/modules/types.ts b/packages/adaptive-ui/src/core/modules/types.ts
index a995576..964b546 100644
--- a/packages/adaptive-ui/src/core/modules/types.ts
+++ b/packages/adaptive-ui/src/core/modules/types.ts
@@ -336,13 +336,23 @@ export const StyleProperty = {
     paddingLeft: "paddingLeft",
     gap: "gap",
     height: "height",
+    minHeight: "minHeight",
+    maxHeight: "maxHeight",
     width: "width",
+    minWidth: "minWidth",
+    maxWidth: "maxWidth",
+    // layoutOuter: "layoutOuter", // TODO Add support for inline or block definition
+    layoutInner: "layoutInner",
     layoutDirection: "layoutDirection",
+    layoutMainAxisAlignItems: "layoutMainAxisAlignItems",
+    layoutCrossAxisAlignItems: "layoutCrossAxisAlignItems",
     opacity: "opacity",
     cursor: "cursor",
     outlineColor: "outlineColor",
     outlineOffset: "outlineOffset",
     outlineStyle: "outlineStyle",
+    outlineThickness: "outlineThickness",
+    /** @deprecated Use outlineThickness */
     outlineWidth: "outlineWidth",
     shadow: "shadow",
 } as const;
diff --git a/packages/adaptive-ui/src/reference/modules.ts b/packages/adaptive-ui/src/reference/modules.ts
index 7b2dd6c..843a9d9 100644
--- a/packages/adaptive-ui/src/reference/modules.ts
+++ b/packages/adaptive-ui/src/reference/modules.ts
@@ -1690,7 +1690,7 @@ export const focusIndicatorStyles: Styles = Styles.fromProperties(
         outlineColor: focusStroke,
         outlineOffset: "1px",
         outlineStyle: "solid",
-        outlineWidth: focusStrokeThickness,
+        outlineThickness: focusStrokeThickness,
     },
     "styles.focus-indicator",
 );

From 36460a2e56d8aa6481bfeb65fa76cd31fb168b0e Mon Sep 17 00:00:00 2001
From: Brian Heston <47367562+bheston@users.noreply.github.com>
Date: Thu, 17 Oct 2024 19:28:44 -0700
Subject: [PATCH 2/2] Change files

---
 ...b-adaptive-ui-5b8255fa-df58-4aa9-bec0-d74bd12ba263.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@adaptive-web-adaptive-ui-5b8255fa-df58-4aa9-bec0-d74bd12ba263.json

diff --git a/change/@adaptive-web-adaptive-ui-5b8255fa-df58-4aa9-bec0-d74bd12ba263.json b/change/@adaptive-web-adaptive-ui-5b8255fa-df58-4aa9-bec0-d74bd12ba263.json
new file mode 100644
index 0000000..0475098
--- /dev/null
+++ b/change/@adaptive-web-adaptive-ui-5b8255fa-df58-4aa9-bec0-d74bd12ba263.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "AUI: Add a few style properties",
+  "packageName": "@adaptive-web/adaptive-ui",
+  "email": "47367562+bheston@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}