winui-svelte 0.0.1 → 0.0.2

package/dist/css/validate/vscode-css-data.json

@@ -116,6 +116,376 @@
         }
       ]
     },
+    {
+      "name": "word-break",
+      "description": "WinUI: sets TextWrapping; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "normal",
+          "description": "TextWrapping: WrapWholeWords"
+        },
+        {
+          "name": "keep-all",
+          "description": "TextWrapping: WrapWholeWords"
+        },
+        {
+          "name": "break-all",
+          "description": "TextWrapping: Wrap"
+        },
+        {
+          "name": "break-word",
+          "description": "TextWrapping: Wrap"
+        }
+      ]
+    },
+    {
+      "name": "object-fit",
+      "description": "WinUI: sets Stretch; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "fill",
+          "description": "Stretch: Fill"
+        },
+        {
+          "name": "contain",
+          "description": "Stretch: Uniform"
+        },
+        {
+          "name": "cover",
+          "description": "Stretch: UniformToFill"
+        },
+        {
+          "name": "none",
+          "description": "Stretch: None"
+        }
+      ]
+    },
+    {
+      "name": "user-select",
+      "description": "WinUI: sets IsTextSelectionEnabled; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "auto",
+          "description": "IsTextSelectionEnabled: True"
+        },
+        {
+          "name": "text",
+          "description": "IsTextSelectionEnabled: True"
+        },
+        {
+          "name": "all",
+          "description": "IsTextSelectionEnabled: True"
+        },
+        {
+          "name": "contain",
+          "description": "IsTextSelectionEnabled: True"
+        },
+        {
+          "name": "none",
+          "description": "IsTextSelectionEnabled: False"
+        }
+      ]
+    },
+    {
+      "name": "font-style",
+      "description": "WinUI: sets FontStyle; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "normal",
+          "description": "FontStyle: Normal"
+        },
+        {
+          "name": "italic",
+          "description": "FontStyle: Italic"
+        },
+        {
+          "name": "oblique",
+          "description": "FontStyle: Oblique"
+        }
+      ]
+    },
+    {
+      "name": "text-align",
+      "description": "WinUI: sets TextAlignment; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "left",
+          "description": "TextAlignment: Left"
+        },
+        {
+          "name": "start",
+          "description": "TextAlignment: Left"
+        },
+        {
+          "name": "center",
+          "description": "TextAlignment: Center"
+        },
+        {
+          "name": "right",
+          "description": "TextAlignment: Right"
+        },
+        {
+          "name": "end",
+          "description": "TextAlignment: Right"
+        },
+        {
+          "name": "justify",
+          "description": "TextAlignment: Justify"
+        }
+      ]
+    },
+    {
+      "name": "text-wrap",
+      "description": "WinUI: sets TextWrapping; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "wrap",
+          "description": "TextWrapping: Wrap"
+        },
+        {
+          "name": "nowrap",
+          "description": "TextWrapping: NoWrap"
+        }
+      ]
+    },
+    {
+      "name": "white-space",
+      "description": "WinUI: sets TextWrapping; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "normal",
+          "description": "TextWrapping: Wrap"
+        },
+        {
+          "name": "nowrap",
+          "description": "TextWrapping: NoWrap"
+        }
+      ]
+    },
+    {
+      "name": "text-overflow",
+      "description": "WinUI: sets TextTrimming; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "ellipsis",
+          "description": "TextTrimming: CharacterEllipsis"
+        },
+        {
+          "name": "clip",
+          "description": "TextTrimming: Clip"
+        }
+      ]
+    },
+    {
+      "name": "text-decoration",
+      "description": "WinUI: sets TextDecorations; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "none",
+          "description": "TextDecorations: None"
+        },
+        {
+          "name": "underline",
+          "description": "TextDecorations: Underline"
+        },
+        {
+          "name": "line-through",
+          "description": "TextDecorations: Strikethrough"
+        }
+      ]
+    },
+    {
+      "name": "text-decoration-line",
+      "description": "WinUI: sets TextDecorations; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "none",
+          "description": "TextDecorations: None"
+        },
+        {
+          "name": "underline",
+          "description": "TextDecorations: Underline"
+        },
+        {
+          "name": "line-through",
+          "description": "TextDecorations: Strikethrough"
+        }
+      ]
+    },
+    {
+      "name": "flex-direction",
+      "description": "WinUI: sets Orientation; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "row",
+          "description": "Orientation: Horizontal"
+        },
+        {
+          "name": "column",
+          "description": "Orientation: Vertical"
+        }
+      ]
+    },
+    {
+      "name": "visibility",
+      "description": "WinUI: sets Visibility; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "visible",
+          "description": "Visibility: Visible"
+        },
+        {
+          "name": "hidden",
+          "description": "Visibility: Collapsed"
+        },
+        {
+          "name": "collapse",
+          "description": "Visibility: Collapsed"
+        }
+      ]
+    },
+    {
+      "name": "pointer-events",
+      "description": "WinUI: sets IsHitTestVisible; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "none",
+          "description": "IsHitTestVisible: False"
+        },
+        {
+          "name": "auto",
+          "description": "IsHitTestVisible: True"
+        },
+        {
+          "name": "all",
+          "description": "IsHitTestVisible: True"
+        }
+      ]
+    },
+    {
+      "name": "color-scheme",
+      "description": "WinUI: sets RequestedTheme; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "normal",
+          "description": "RequestedTheme: Default"
+        },
+        {
+          "name": "light",
+          "description": "RequestedTheme: Light"
+        },
+        {
+          "name": "dark",
+          "description": "RequestedTheme: Dark"
+        }
+      ]
+    },
+    {
+      "name": "display",
+      "description": "WinUI: sets Visibility; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "none",
+          "description": "Visibility: Collapsed"
+        },
+        {
+          "name": "block",
+          "description": "Visibility: Visible"
+        },
+        {
+          "name": "inline",
+          "description": "Visibility: Visible"
+        },
+        {
+          "name": "inline-block",
+          "description": "Visibility: Visible"
+        },
+        {
+          "name": "flex",
+          "description": "Visibility: Visible"
+        },
+        {
+          "name": "inline-flex",
+          "description": "Visibility: Visible"
+        },
+        {
+          "name": "grid",
+          "description": "Visibility: Visible"
+        },
+        {
+          "name": "inline-grid",
+          "description": "Visibility: Visible"
+        },
+        {
+          "name": "contents",
+          "description": "Visibility: Visible"
+        }
+      ]
+    },
+    {
+      "name": "font-stretch",
+      "description": "WinUI: sets FontStretch; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "ultra-condensed",
+          "description": "FontStretch: UltraCondensed"
+        },
+        {
+          "name": "extra-condensed",
+          "description": "FontStretch: ExtraCondensed"
+        },
+        {
+          "name": "condensed",
+          "description": "FontStretch: Condensed"
+        },
+        {
+          "name": "semi-condensed",
+          "description": "FontStretch: SemiCondensed"
+        },
+        {
+          "name": "normal",
+          "description": "FontStretch: Normal"
+        },
+        {
+          "name": "semi-expanded",
+          "description": "FontStretch: SemiExpanded"
+        },
+        {
+          "name": "expanded",
+          "description": "FontStretch: Expanded"
+        },
+        {
+          "name": "extra-expanded",
+          "description": "FontStretch: ExtraExpanded"
+        },
+        {
+          "name": "ultra-expanded",
+          "description": "FontStretch: UltraExpanded"
+        }
+      ]
+    },
+    {
+      "name": "direction",
+      "description": "WinUI: sets FlowDirection; only these keywords are accepted.",
+      "values": [
+        {
+          "name": "ltr",
+          "description": "FlowDirection: LeftToRight"
+        },
+        {
+          "name": "rtl",
+          "description": "FlowDirection: RightToLeft"
+        }
+      ]
+    },
+    {
+      "name": "align-items",
+      "description": "WinUI: on a stack panel or grid the build lowers it into the children (each child's align-self or justify-self, or spacer tracks), so it applies to a container written in the component, outside an @media."
+    },
+    {
+      "name": "justify-content",
+      "description": "WinUI: on a stack panel or grid the build lowers it into the children (each child's align-self or justify-self, or spacer tracks), so it applies to a container written in the component, outside an @media."
+    },
     {
       "name": "grid-template-columns",
       "description": "WinUI: a track is auto, a length or an fr size, and they mix freely; repeat(N, ...) is expanded when building. No WinUI equivalent: repeat(auto-fill|auto-fit, ...), subgrid, masonry, named lines and % tracks (the editor's diagnostics say what to write instead)."

package/dist/css/validate/vscode-data.d.ts

@@ -2,7 +2,8 @@
  * The VS Code custom data (`css.customData`) for WinUI's CSS dialect, built
  * from the same tables the translation and the validator read: the `-winui-*`
  * properties an editor's own CSS checker does not know, and what WinUI allows
- * for the properties it limits (grid tracks, units). Written to
+ * for the properties it limits (grid tracks, units, the keywords of a property
+ * that takes a fixed set). Written to
  * `vscode-css-data.json` by `scripts/css/export-vscode-css-data.ts`.
  */
 export declare function vscodeCssData(): {

package/dist/css/validate/vscode-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-data.d.ts","sourceRoot":"","sources":["../../../src/css/validate/vscode-data.ts"],"names":[],"mappings":"AAaA;;;;;;GAMG;AACH,wBAAgB,aAAa;;;;;;;;;;;;EA0B5B"}
+{"version":3,"file":"vscode-data.d.ts","sourceRoot":"","sources":["../../../src/css/validate/vscode-data.ts"],"names":[],"mappings":"AAoCA;;;;;;;GAOG;AACH,wBAAgB,aAAa;;;;;;;;;;;;EAuC5B"}

package/dist/css/validate/vscode-data.js

@@ -1,17 +1,34 @@
 import { FONT_FAMILY_NAMES } from "../../components/font-family-name.js";
 import { LENGTH_UNITS, LengthUnitKind } from "../parse/units.js";
+import { DISCRETE_MEMBERS, discretePropertyOf, discreteValueOf, discreteWordsOf } from "../translate/discrete-properties.js";
 import { GRID_TRACK_PROPERTIES } from "../translate/grid-track-verdicts.js";
+import { CONTROL_KEYWORDS } from "../translate/text-control-properties.js";
 import { WINUI_ONLY_PROPERTIES } from "../translate/winui-only-properties.js";
 const CUSTOM_DATA_VERSION = 1.1;
 function unitsOf(kind) {
     return [...LENGTH_UNITS].filter(([, unit]) => unit.kind === kind).map(([name]) => name);
 }
 const TRACK_DESCRIPTION = "WinUI: a track is auto, a length or an fr size, and they mix freely; repeat(N, ...) is expanded when building. No WinUI equivalent: repeat(auto-fill|auto-fit, ...), subgrid, masonry, named lines and % tracks (the editor's diagnostics say what to write instead).";
+const LAYOUT_ALIGNMENT_DESCRIPTION = "WinUI: on a stack panel or grid the build lowers it into the children (each child's align-self or justify-self, or spacer tracks), so it applies to a container written in the component, outside an @media.";
+function discreteProperty(member) {
+    return {
+        name: member,
+        description: `WinUI: sets ${discretePropertyOf(member)}; only these keywords are accepted.`,
+        values: discreteWordsOf(member).map(word => ({
+            name: word,
+            description: `${discretePropertyOf(member)}: ${discreteValueOf({
+                member,
+                word
+            })}`
+        }))
+    };
+}
 /**
  * The VS Code custom data (`css.customData`) for WinUI's CSS dialect, built
  * from the same tables the translation and the validator read: the `-winui-*`
  * properties an editor's own CSS checker does not know, and what WinUI allows
- * for the properties it limits (grid tracks, units). Written to
+ * for the properties it limits (grid tracks, units, the keywords of a property
+ * that takes a fixed set). Written to
  * `vscode-css-data.json` by `scripts/css/export-vscode-css-data.ts`.
  */
 export function vscodeCssData() {
@@ -34,6 +51,19 @@ export function vscodeCssData() {
                     name: `"${name}"`
                 }))
             },
+            ...DISCRETE_MEMBERS.map(discreteProperty),
+            ...[...CONTROL_KEYWORDS].map(([member, spec]) => ({
+                name: member,
+                description: `WinUI: sets ${spec.property}; only these keywords are accepted.`,
+                values: [...spec.choices].map(([word, value]) => ({
+                    name: word,
+                    description: `${spec.property}: ${value}`
+                }))
+            })),
+            ...["align-items", "justify-content"].map(name => ({
+                name,
+                description: LAYOUT_ALIGNMENT_DESCRIPTION
+            })),
             ...[...GRID_TRACK_PROPERTIES].map(name => ({
                 name,
                 description: TRACK_DESCRIPTION

package/dist/css/validate/vscode-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"vscode-data.js","sourceRoot":"","sources":["../../../src/css/validate/vscode-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,SAAS,OAAO,CAAC,IAAoB;IACnC,OAAO,CAAC,GAAG,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC;AAC1F,CAAC;AAED,MAAM,iBAAiB,GAAG,uQAAuQ,CAAC;AAElS;;;;;;GAMG;AACH,MAAM,UAAU,aAAa;IAC3B,MAAM,KAAK,GAAG;QACZ,uBAAuB,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;QACnE,2DAA2D,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;KAC7G,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACZ,OAAO;QACL,OAAO,EAAE,mBAAmB;QAC5B,UAAU,EAAE;YACV,GAAG,qBAAqB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACxC,IAAI,EAAE,QAAQ,CAAC,IAAI;gBACnB,MAAM,EAAE,QAAQ,CAAC,MAAM;gBACvB,WAAW,EAAE,QAAQ,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,WAAW,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW;aAC/G,CAAC,CAAC;YACH;gBACE,IAAI,EAAE,aAAa;gBACnB,WAAW,EAAE,2HAA2H;gBACxI,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACrC,IAAI,EAAE,IAAI,IAAI,GAAG;iBAClB,CAAC,CAAC;aACJ;YACD,GAAG,CAAC,GAAG,qBAAqB,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACzC,IAAI;gBACJ,WAAW,EAAE,iBAAiB;aAC/B,CAAC,CAAC;SACJ;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"vscode-data.js","sourceRoot":"","sources":["../../../src/css/validate/vscode-data.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "winui-svelte",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "web-types": "./web-types.json",
   "description": "WinUI 3 controls as Svelte components: native Windows apps in Svelte, for Tauri, Electron or Node",
   "keywords": [
@@ -175,6 +175,14 @@
       "types": "./dist/css/filter.d.ts",
       "default": "./dist/css/filter.js"
     },
+    "./css/control": {
+      "types": "./dist/css/control.d.ts",
+      "default": "./dist/css/control.js"
+    },
+    "./css/shape": {
+      "types": "./dist/css/shape.d.ts",
+      "default": "./dist/css/shape.js"
+    },
     "./css/cursor": {
       "types": "./dist/css/cursor.d.ts",
       "default": "./dist/css/cursor.js"

package/src/components/generated/controls/AnimatedVisualPlayer.svelte.ts

@@ -49,6 +49,8 @@ export interface AnimatedVisualPlayerProps extends FrameworkElementProps {
   /**
    * Gets or sets a value that describes how an animated visual should be stretched to fill the destination rectangle.
    *
+   * Also settable in CSS as `object-fit`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.animatedvisualplayer.stretch
    */
   stretch?: EnumInput<typeof Stretch>;

package/src/components/generated/controls/Block.svelte.ts

@@ -23,18 +23,24 @@ export interface BlockProps extends TextElementProps {
   /**
    * Gets or sets the height of each line of content. The pixel height of each line as modified by LineStackingStrategy. A value of 0 indicates that the line height is determined automatically from the current font characteristics. The default is 0.
    *
+   * Also settable in CSS as `line-height`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.documents.block.lineheight
    */
   lineHeight?: number;
   /**
    * Gets or sets a value that indicates how a line box is determined for each line of text in the Block.
    *
+   * Also settable in CSS as `line-height`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.documents.block.linestackingstrategy
    */
   lineStackingStrategy?: EnumInput<typeof LineStackingStrategy>;
   /**
    * Gets or sets the amount of space around a Block element.
    *
+   * Also settable in CSS as `margin`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.documents.block.margin
    */
   margin?: ThicknessInput;

package/src/components/generated/controls/Border.svelte.ts

@@ -68,6 +68,8 @@ export interface BorderProps extends FrameworkElementProps {
   /**
    * Gets or sets the thickness of the border. The thickness of the border, in pixels. The default is 0 on all four sides.
    *
+   * Also settable in CSS as `border-width`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.border.borderthickness
    */
   borderThickness?: ThicknessInput;
@@ -80,12 +82,16 @@ export interface BorderProps extends FrameworkElementProps {
   /**
    * Gets or sets the radius for the corners of the border. The degree to which the corners are rounded, expressed as values of the CornerRadius structure.
    *
+   * Also settable in CSS as `border-radius`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.border.cornerradius
    */
   cornerRadius?: CornerRadiusInput;
   /**
    * Gets or sets the distance between the border and its child object. The dimensions of the space between the border and its child as a Thickness value. Thickness is a structure that stores dimension values using pixel measures.
    *
+   * Also settable in CSS as `padding`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.border.padding
    */
   padding?: ThicknessInput;

package/src/components/generated/controls/ContentPresenter.svelte.ts

@@ -90,6 +90,8 @@ export interface ContentPresenterProps extends FrameworkElementProps {
   /**
    * Gets or sets the border thickness of the content presenter. The border thickness of the content presenter, as a Thickness value.
    *
+   * Also settable in CSS as `border-width`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.borderthickness
    */
   borderThickness?: ThicknessInput;
@@ -124,6 +126,8 @@ export interface ContentPresenterProps extends FrameworkElementProps {
   /**
    * Gets or sets the radius for the corners of the content presenter's border. The degree to which the corners are rounded, expressed as values of the CornerRadius structure.
    *
+   * Also settable in CSS as `border-radius`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.cornerradius
    */
   cornerRadius?: CornerRadiusInput;
@@ -148,6 +152,8 @@ export interface ContentPresenterProps extends FrameworkElementProps {
   /**
    * Gets or sets the font stretch for the text content presented by the ContentPresenter. The requested font stretch, as a FontStretch constant. The default is Normal.
    *
+   * Also settable in CSS as `font-stretch`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.fontstretch
    */
   fontStretch?: EnumInput<typeof FontStretch>;
@@ -182,6 +188,8 @@ export interface ContentPresenterProps extends FrameworkElementProps {
   /**
    * Gets or sets the horizontal alignment of the content. One of the HorizontalAlignment values.
    *
+   * Also settable in CSS as `justify-content`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.horizontalcontentalignment
    */
   horizontalContentAlignment?: EnumInput<typeof HorizontalAlignment>;
@@ -194,18 +202,24 @@ export interface ContentPresenterProps extends FrameworkElementProps {
   /**
    * Gets or sets the height of each line of text content presented by the ContentPresenter. The height in pixels of each line of text content. A value of 0 indicates that the line height is determined automatically from the current font characteristics. The default is 0.
    *
+   * Also settable in CSS as `line-height`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.lineheight
    */
   lineHeight?: number;
   /**
    * Gets or sets a value that indicates how a line box is determined for each line of text.
    *
+   * Also settable in CSS as `line-height`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.linestackingstrategy
    */
   lineStackingStrategy?: EnumInput<typeof LineStackingStrategy>;
   /**
    * Gets or sets the maximum lines of text shown. The maximum lines of text shown. The default is 0, which is a special value that represents "Auto" behavior. The value cannot be negative.
    *
+   * Also settable in CSS as `line-clamp`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.maxlines
    */
   maxLines?: number;
@@ -218,6 +232,8 @@ export interface ContentPresenterProps extends FrameworkElementProps {
   /**
    * Gets or sets the distance between the border and its child object. The dimensions of the space between the border and its child as a Thickness value. Thickness is a structure that stores dimension values using pixel measures.
    *
+   * Also settable in CSS as `padding`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.padding
    */
   padding?: ThicknessInput;
@@ -230,7 +246,7 @@ export interface ContentPresenterProps extends FrameworkElementProps {
   /**
    * Gets or sets how the element wraps text. A value that indicates how the element wraps text. The default is NoWrap.
    *
-   * Also settable in CSS as `white-space`
+   * Also settable in CSS as `text-wrap`
    *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.textwrapping
    */
@@ -238,6 +254,8 @@ export interface ContentPresenterProps extends FrameworkElementProps {
   /**
    * Gets or sets the vertical alignment of the content. One of the VerticalAlignment values.
    *
+   * Also settable in CSS as `align-items`
+   *
    * @see https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentpresenter.verticalcontentalignment
    */
   verticalContentAlignment?: EnumInput<typeof VerticalAlignment>;