@tylertech/forge 3.14.0-dev.4 → 3.14.0-dev.5

package/vscode.css-custom-data.json

@@ -32,86 +32,6 @@
       "description": "The transition timing function for animations.",
       "values": [{ "name": "string" }]
     },
-    {
-      "name": "--forge-backdrop-background",
-      "description": "The backdrop background color.",
-      "values": []
-    },
-    {
-      "name": "--forge-backdrop-opacity",
-      "description": "The backdrop opacity.",
-      "values": []
-    },
-    {
-      "name": "--forge-backdrop-z-index",
-      "description": "The backdrop z-index.",
-      "values": []
-    },
-    {
-      "name": "--forge-backdrop-enter-animation-duration",
-      "description": "The animation duration for the enter animation.",
-      "values": []
-    },
-    {
-      "name": "--forge-backdrop-enter-animation-easing",
-      "description": "The animation easing for the enter animation.",
-      "values": []
-    },
-    {
-      "name": "--forge-backdrop-exit-animation-duration",
-      "description": "The animation duration for the exit animation.",
-      "values": []
-    },
-    {
-      "name": "--forge-backdrop-exit-animation-easing",
-      "description": "The animation easing for the exit animation.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-background",
-      "description": "The background color.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-color",
-      "description": "The text color.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-shape",
-      "description": "The shape radius.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-padding-inline",
-      "description": "The inline padding.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-padding-block",
-      "description": "The block padding.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-border-width",
-      "description": "The border width.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-border-color",
-      "description": "The border color.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-border-style",
-      "description": "The border style.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-gap",
-      "description": "The spacing between the content within the badge.",
-      "values": []
-    },
     {
       "name": "--forge-banner-background",
       "description": "The background color of the banner.",
@@ -152,26 +72,6 @@
       "description": "The transition easing function.",
       "values": []
     },
-    {
-      "name": "--forge-bottom-sheet-desktop-max-width",
-      "description": "The maximum width of the bottom sheet on desktop.",
-      "values": []
-    },
-    {
-      "name": "--forge-bottom-sheet-desktop-min-width",
-      "description": "The minimum width of the bottom sheet on desktop.",
-      "values": []
-    },
-    {
-      "name": "--forge-bottom-sheet-animation-duration",
-      "description": "The duration of the bottom sheet animation to fullscreen.",
-      "values": []
-    },
-    {
-      "name": "--forge-bottom-sheet-animation-timing",
-      "description": "The timing function of the bottom sheet animation to fullscreen.",
-      "values": []
-    },
     {
       "name": "--forge-button-primary-color",
       "description": "The primary color of the button.",
@@ -542,6 +442,106 @@
       "description": "The cursor when in the disabled state.",
       "values": []
     },
+    {
+      "name": "--forge-backdrop-background",
+      "description": "The backdrop background color.",
+      "values": []
+    },
+    {
+      "name": "--forge-backdrop-opacity",
+      "description": "The backdrop opacity.",
+      "values": []
+    },
+    {
+      "name": "--forge-backdrop-z-index",
+      "description": "The backdrop z-index.",
+      "values": []
+    },
+    {
+      "name": "--forge-backdrop-enter-animation-duration",
+      "description": "The animation duration for the enter animation.",
+      "values": []
+    },
+    {
+      "name": "--forge-backdrop-enter-animation-easing",
+      "description": "The animation easing for the enter animation.",
+      "values": []
+    },
+    {
+      "name": "--forge-backdrop-exit-animation-duration",
+      "description": "The animation duration for the exit animation.",
+      "values": []
+    },
+    {
+      "name": "--forge-backdrop-exit-animation-easing",
+      "description": "The animation easing for the exit animation.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-background",
+      "description": "The background color.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-color",
+      "description": "The text color.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-shape",
+      "description": "The shape radius.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-padding-inline",
+      "description": "The inline padding.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-padding-block",
+      "description": "The block padding.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-border-width",
+      "description": "The border width.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-border-color",
+      "description": "The border color.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-border-style",
+      "description": "The border style.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-gap",
+      "description": "The spacing between the content within the badge.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-desktop-max-width",
+      "description": "The maximum width of the bottom sheet on desktop.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-desktop-min-width",
+      "description": "The minimum width of the bottom sheet on desktop.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-animation-duration",
+      "description": "The duration of the bottom sheet animation to fullscreen.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-animation-timing",
+      "description": "The timing function of the bottom sheet animation to fullscreen.",
+      "values": []
+    },
     {
       "name": "--forge-card-background",
       "description": "The background color of the card.",
@@ -1712,31 +1712,6 @@
       "description": "The inline offset.",
       "values": []
     },
-    {
-      "name": "--forge-icon-color",
-      "description": "The color of the icon.",
-      "values": []
-    },
-    {
-      "name": "--forge-icon-size",
-      "description": "The size of the icon. Defaults to the font-size of the context it is placed in.",
-      "values": []
-    },
-    {
-      "name": "--forge-icon-width",
-      "description": "The width of the icon.",
-      "values": []
-    },
-    {
-      "name": "--forge-icon-height",
-      "description": "The height of the icon.",
-      "values": []
-    },
-    {
-      "name": "--forge-icon-font-size",
-      "description": "The font size of the icon.",
-      "values": []
-    },
     {
       "name": "--forge-icon-button-display",
       "description": "The display property of the button.",
@@ -1987,6 +1962,31 @@
       "description": "The color of the focus indicator.",
       "values": []
     },
+    {
+      "name": "--forge-icon-color",
+      "description": "The color of the icon.",
+      "values": []
+    },
+    {
+      "name": "--forge-icon-size",
+      "description": "The size of the icon. Defaults to the font-size of the context it is placed in.",
+      "values": []
+    },
+    {
+      "name": "--forge-icon-width",
+      "description": "The width of the icon.",
+      "values": []
+    },
+    {
+      "name": "--forge-icon-height",
+      "description": "The height of the icon.",
+      "values": []
+    },
+    {
+      "name": "--forge-icon-font-size",
+      "description": "The font size of the icon.",
+      "values": []
+    },
     {
       "name": "--forge-inline-message-background",
       "description": "The background color.",
@@ -2588,13 +2588,68 @@
       "values": []
     },
     {
-      "name": "--forge-theme-primary",
-      "description": "The primary color of the slider.",
+      "name": "--forge-skip-link-background",
+      "description": "The background color of the skip link.",
       "values": []
     },
     {
-      "name": "--forge-theme-on-primary",
-      "description": "The color of elements placed on top of the primary color (the label text for example).",
+      "name": "--forge-skip-link-color",
+      "description": "The text color of the skip link.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-shape",
+      "description": "The border radius of the skip link.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-inset",
+      "description": "The skip link's inset from the edge of the viewport.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-z-index",
+      "description": "The z-index of the skip link.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-elevation",
+      "description": "The box shadow of the skip link.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-padding-block",
+      "description": "The interior padding of the skip link along the block axis.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-padding-inline",
+      "description": "The interior padding of the skip link along the inline axis.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-focus-indicator-color",
+      "description": "The color of the focus indicator.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-transition-duration",
+      "description": "The duration of the skip link's animations.",
+      "values": []
+    },
+    {
+      "name": "--forge-skip-link-transition-timing-function",
+      "description": "The timing function of the skip link's animations.",
+      "values": []
+    },
+    {
+      "name": "--forge-theme-primary",
+      "description": "The primary color of the slider.",
+      "values": []
+    },
+    {
+      "name": "--forge-theme-on-primary",
+      "description": "The color of elements placed on top of the primary color (the label text for example).",
       "values": []
     },
     {
@@ -2752,61 +2807,6 @@
       "description": "The color of the inactive tick mark container when tick marks are visible.",
       "values": []
     },
-    {
-      "name": "--forge-skip-link-background",
-      "description": "The background color of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-color",
-      "description": "The text color of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-shape",
-      "description": "The border radius of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-inset",
-      "description": "The skip link's inset from the edge of the viewport.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-z-index",
-      "description": "The z-index of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-elevation",
-      "description": "The box shadow of the skip link.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-padding-block",
-      "description": "The interior padding of the skip link along the block axis.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-padding-inline",
-      "description": "The interior padding of the skip link along the inline axis.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-focus-indicator-color",
-      "description": "The color of the focus indicator.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-transition-duration",
-      "description": "The duration of the skip link's animations.",
-      "values": []
-    },
-    {
-      "name": "--forge-skip-link-transition-timing-function",
-      "description": "The timing function of the skip link's animations.",
-      "values": []
-    },
     {
       "name": "--forge-split-button-min-width",
       "description": "The minimum width of the slotted buttons.",
@@ -3828,218 +3828,218 @@
       "values": []
     },
     {
-      "name": "--forge-button-toggle-display",
-      "description": "The `display` style for the button toggle container element.",
+      "name": "--forge-button-toggle-group-display",
+      "description": "The `display` of the group container elements.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-min-width",
-      "description": "The minimum width.",
+      "name": "--forge-button-toggle-group-gap",
+      "description": "The space between button toggle elements.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-spacing",
-      "description": "The spacing between the button toggle and its content.",
+      "name": "--forge-button-toggle-group-padding",
+      "description": "The padding around the button toggle elements when outlined.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-padding-block",
-      "description": "The padding on the block axis.",
+      "name": "--forge-button-toggle-group-padding-block",
+      "description": "The block padding around the button toggle elements when outlined.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-padding-inline",
-      "description": "The padding on the inline axis.",
+      "name": "--forge-button-toggle-group-padding-inline",
+      "description": "The inline padding around the button toggle elements when outlined.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-color",
-      "description": "The color of the button toggle content.",
+      "name": "--forge-button-toggle-group-height",
+      "description": "The height of the group element.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-background",
-      "description": "The background of the button toggle.",
+      "name": "--forge-button-toggle-group-dense-height",
+      "description": "The height of the group element when dense.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-cursor",
-      "description": "The cursor of the button toggle.",
+      "name": "--forge-button-toggle-group-outline-width",
+      "description": "The width of the outline around the group element.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-border-width",
-      "description": "The border-width of the button toggle.",
+      "name": "--forge-button-toggle-group-outline-style",
+      "description": "The style of the outline around the group element.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-border-style",
-      "description": "The border-style of the button toggle.",
+      "name": "--forge-button-toggle-group-outline-color",
+      "description": "The color of the outline around the group element.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-border-color",
-      "description": "The border-color of the button toggle.",
+      "name": "--forge-button-toggle-group-outline-color-active",
+      "description": "The color of the outline around the group element when hovered or focused.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-shape",
-      "description": "The shape radius of the button toggle.",
+      "name": "--forge-button-toggle-group-shape",
+      "description": "The shape radius of the group container element.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-shape-start-start",
-      "description": "The start-start shape radius of the button toggle.",
+      "name": "--forge-button-toggle-group-shape-start-start",
+      "description": "The start-start shape radius.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-shape-start-end",
-      "description": "The start-end shape radius of the button toggle.",
+      "name": "--forge-button-toggle-group-shape-start-end",
+      "description": "The start-end shape radius.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-shape-end-start",
-      "description": "The end-start shape radius of the button toggle.",
+      "name": "--forge-button-toggle-group-shape-end-start",
+      "description": "The end-start shape radius.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-shape-end-end",
-      "description": "The end-end shape radius of the button toggle.",
+      "name": "--forge-button-toggle-group-shape-end-end",
+      "description": "The end-end shape radius.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-selected-background",
-      "description": "The background of the button toggle when selected.",
+      "name": "--forge-button-toggle-group-transition-duration",
+      "description": "The transition duration for all animations on the group.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-selected-color",
-      "description": "The color of the button toggle content when selected.",
+      "name": "--forge-button-toggle-group-transition-timing",
+      "description": "The transition timing for all animations on the group.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-selected-disabled-background",
-      "description": "The background of the button toggle when selected and disabled.",
+      "name": "--forge-button-toggle-display",
+      "description": "The `display` style for the button toggle container element.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-disabled-opacity",
-      "description": "The opacity of the button toggle when disabled.",
+      "name": "--forge-button-toggle-min-width",
+      "description": "The minimum width.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-disabled-cursor",
-      "description": "The cursor of the button toggle when disabled.",
+      "name": "--forge-button-toggle-spacing",
+      "description": "The spacing between the button toggle and its content.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-disabled-color",
-      "description": "The color of the button toggle content when disabled.",
+      "name": "--forge-button-toggle-padding-block",
+      "description": "The padding on the block axis.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-disabled-background",
-      "description": "The background of the button toggle when disabled.",
+      "name": "--forge-button-toggle-padding-inline",
+      "description": "The padding on the inline axis.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-transition-duration",
-      "description": "The transition-duration of various properties.",
+      "name": "--forge-button-toggle-color",
+      "description": "The color of the button toggle content.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-transition-timing",
-      "description": "The transition-timing of various properties.",
+      "name": "--forge-button-toggle-background",
+      "description": "The background of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-display",
-      "description": "The `display` of the group container elements.",
+      "name": "--forge-button-toggle-cursor",
+      "description": "The cursor of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-gap",
-      "description": "The space between button toggle elements.",
+      "name": "--forge-button-toggle-border-width",
+      "description": "The border-width of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-padding",
-      "description": "The padding around the button toggle elements when outlined.",
+      "name": "--forge-button-toggle-border-style",
+      "description": "The border-style of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-padding-block",
-      "description": "The block padding around the button toggle elements when outlined.",
+      "name": "--forge-button-toggle-border-color",
+      "description": "The border-color of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-padding-inline",
-      "description": "The inline padding around the button toggle elements when outlined.",
+      "name": "--forge-button-toggle-shape",
+      "description": "The shape radius of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-height",
-      "description": "The height of the group element.",
+      "name": "--forge-button-toggle-shape-start-start",
+      "description": "The start-start shape radius of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-dense-height",
-      "description": "The height of the group element when dense.",
+      "name": "--forge-button-toggle-shape-start-end",
+      "description": "The start-end shape radius of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-outline-width",
-      "description": "The width of the outline around the group element.",
+      "name": "--forge-button-toggle-shape-end-start",
+      "description": "The end-start shape radius of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-outline-style",
-      "description": "The style of the outline around the group element.",
+      "name": "--forge-button-toggle-shape-end-end",
+      "description": "The end-end shape radius of the button toggle.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-outline-color",
-      "description": "The color of the outline around the group element.",
+      "name": "--forge-button-toggle-selected-background",
+      "description": "The background of the button toggle when selected.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-outline-color-active",
-      "description": "The color of the outline around the group element when hovered or focused.",
+      "name": "--forge-button-toggle-selected-color",
+      "description": "The color of the button toggle content when selected.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-shape",
-      "description": "The shape radius of the group container element.",
+      "name": "--forge-button-toggle-selected-disabled-background",
+      "description": "The background of the button toggle when selected and disabled.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-shape-start-start",
-      "description": "The start-start shape radius.",
+      "name": "--forge-button-toggle-disabled-opacity",
+      "description": "The opacity of the button toggle when disabled.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-shape-start-end",
-      "description": "The start-end shape radius.",
+      "name": "--forge-button-toggle-disabled-cursor",
+      "description": "The cursor of the button toggle when disabled.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-shape-end-start",
-      "description": "The end-start shape radius.",
+      "name": "--forge-button-toggle-disabled-color",
+      "description": "The color of the button toggle content when disabled.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-shape-end-end",
-      "description": "The end-end shape radius.",
+      "name": "--forge-button-toggle-disabled-background",
+      "description": "The background of the button toggle when disabled.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-transition-duration",
-      "description": "The transition duration for all animations on the group.",
+      "name": "--forge-button-toggle-transition-duration",
+      "description": "The transition-duration of various properties.",
       "values": []
     },
     {
-      "name": "--forge-button-toggle-group-transition-timing",
-      "description": "The transition timing for all animations on the group.",
+      "name": "--forge-button-toggle-transition-timing",
+      "description": "The transition-timing of various properties.",
       "values": []
     },
     {
@@ -4458,188 +4458,38 @@
       "values": []
     },
     {
-      "name": "--forge-key-item-value-color",
-      "description": "The color of the value.",
-      "values": []
-    },
-    {
-      "name": "--forge-key-item-gap",
-      "description": "The spacing between the icon and label.",
-      "values": []
-    },
-    {
-      "name": "--forge-key-item-icon-size",
-      "description": "The size of the icon.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-container-color",
-      "description": "The background color of the list surface.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-spacing",
-      "description": "The spacing between the list items.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-column-width",
-      "description": "The minimum width of each column when the list is in multicolumn mode.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-column-spacing",
-      "description": "The spacing between columns when the list is in multicolumn mode.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-background",
-      "description": "The background color.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-shape",
-      "description": "The shape of the list item.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-padding",
-      "description": "The padding inside of the container element.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-wrap-padding",
-      "description": "The padding inside of the container element when `wrap` is enabled.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-margin",
-      "description": "The margin around the host element.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-height",
-      "description": "The height of the container.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-indent",
-      "description": "The margin inline state when in the indented state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-cursor",
-      "description": "The cursor when interactive.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-gap",
-      "description": "The gap between the slotted content.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-text-color",
-      "description": "The text color of the text.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-text-font-size",
-      "description": "The font size of the text.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-text-font-weight",
-      "description": "The font weight of the text.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-text-line-height",
-      "description": "The line height of the text.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-selected-color",
-      "description": "The foreground color when in the selected state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-selected-background",
-      "description": "The background color when in the selected state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-selected-opacity",
-      "description": "The opacity of the background color when in the selected state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-start-selected-color",
-      "description": "The color of the start content when in the selected state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-end-selected-color",
-      "description": "The color of the end content when in the selected state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-selected-text-color",
-      "description": "The color of the text when in the selected state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-disabled-opacity",
-      "description": "The opacity of the element when in the disabled state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-disabled-cursor",
-      "description": "The cursor when in the disabled state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-one-line-height",
-      "description": "The line height when in the one/single line state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-two-line-height",
-      "description": "The line height when in the two line state.",
-      "values": []
-    },
-    {
-      "name": "--forge-list-item-three-line-height",
-      "description": "The line height when in the three line state.",
+      "name": "--forge-key-item-value-color",
+      "description": "The color of the value.",
       "values": []
     },
     {
-      "name": "--forge-list-item-dense-one-line-height",
-      "description": "The line height when in the dense one/single line state.",
+      "name": "--forge-key-item-gap",
+      "description": "The spacing between the icon and label.",
       "values": []
     },
     {
-      "name": "--forge-list-item-dense-two-line-height",
-      "description": "The line height when in the dense two line state.",
+      "name": "--forge-key-item-icon-size",
+      "description": "The size of the icon.",
       "values": []
     },
     {
-      "name": "--forge-list-item-dense-three-line-height",
-      "description": "The line height when in the dense three line state.",
+      "name": "--forge-list-container-color",
+      "description": "The background color of the list surface.",
       "values": []
     },
     {
-      "name": "--forge-list-item-dense-font-size",
-      "description": "The font size when in the dense state.",
+      "name": "--forge-list-spacing",
+      "description": "The spacing between the list items.",
       "values": []
     },
     {
-      "name": "--forge-list-item-dense-indent",
-      "description": "The margin inline state when in the dense indented state.",
+      "name": "--forge-list-column-width",
+      "description": "The minimum width of each column when the list is in multicolumn mode.",
       "values": []
     },
     {
-      "name": "--forge-list-item-dense-gap",
-      "description": "The gap between the slotted content when in the dense state.",
+      "name": "--forge-list-column-spacing",
+      "description": "The spacing between columns when the list is in multicolumn mode.",
       "values": []
     },
     {
@@ -4902,6 +4752,156 @@
       "description": "The delay of the radio button's animations.",
       "values": []
     },
+    {
+      "name": "--forge-list-item-background",
+      "description": "The background color.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-shape",
+      "description": "The shape of the list item.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-padding",
+      "description": "The padding inside of the container element.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-wrap-padding",
+      "description": "The padding inside of the container element when `wrap` is enabled.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-margin",
+      "description": "The margin around the host element.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-height",
+      "description": "The height of the container.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-indent",
+      "description": "The margin inline state when in the indented state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-cursor",
+      "description": "The cursor when interactive.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-gap",
+      "description": "The gap between the slotted content.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-text-color",
+      "description": "The text color of the text.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-text-font-size",
+      "description": "The font size of the text.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-text-font-weight",
+      "description": "The font weight of the text.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-text-line-height",
+      "description": "The line height of the text.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-selected-color",
+      "description": "The foreground color when in the selected state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-selected-background",
+      "description": "The background color when in the selected state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-selected-opacity",
+      "description": "The opacity of the background color when in the selected state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-start-selected-color",
+      "description": "The color of the start content when in the selected state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-end-selected-color",
+      "description": "The color of the end content when in the selected state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-selected-text-color",
+      "description": "The color of the text when in the selected state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-disabled-opacity",
+      "description": "The opacity of the element when in the disabled state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-disabled-cursor",
+      "description": "The cursor when in the disabled state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-one-line-height",
+      "description": "The line height when in the one/single line state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-two-line-height",
+      "description": "The line height when in the two line state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-three-line-height",
+      "description": "The line height when in the three line state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-dense-one-line-height",
+      "description": "The line height when in the dense one/single line state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-dense-two-line-height",
+      "description": "The line height when in the dense two line state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-dense-three-line-height",
+      "description": "The line height when in the dense three line state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-dense-font-size",
+      "description": "The font size when in the dense state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-dense-indent",
+      "description": "The margin inline state when in the dense indented state.",
+      "values": []
+    },
+    {
+      "name": "--forge-list-item-dense-gap",
+      "description": "The gap between the slotted content when in the dense state.",
+      "values": []
+    },
     {
       "name": "--forge-select-placeholder-color",
       "description": "The color of the placeholder text.",
@@ -5455,18 +5455,6 @@
   ],
   "pseudoElements": [
     { "name": "::part(root)", "description": "The root container element." },
-    {
-      "name": "::part(root)",
-      "description": "The root element of the backdrop."
-    },
-    {
-      "name": "::part(root)",
-      "description": "The root element of the bottom sheet."
-    },
-    {
-      "name": "::part(surface)",
-      "description": "The surface element of the bottom sheet within th dialog."
-    },
     { "name": "::part(root)", "description": "The root container element." },
     {
       "name": "::part(focus-indicator)",
@@ -5489,6 +5477,18 @@
       "name": "::part(state-layer)",
       "description": "The state layer surface element."
     },
+    {
+      "name": "::part(root)",
+      "description": "The root element of the backdrop."
+    },
+    {
+      "name": "::part(root)",
+      "description": "The root element of the bottom sheet."
+    },
+    {
+      "name": "::part(surface)",
+      "description": "The surface element of the bottom sheet within th dialog."
+    },
     { "name": "::part(root)", "description": "The root container element." },
     { "name": "::part(root)", "description": "Styles the root element." },
     {
@@ -5644,7 +5644,6 @@
       "name": "::part(indicator)",
       "description": "The focus indicator element."
     },
-    { "name": "::part(svg)", "description": "The internal SVG element." },
     { "name": "::part(root)", "description": "The root container element." },
     {
       "name": "::part(focus-indicator)",
@@ -5654,6 +5653,7 @@
       "name": "::part(state-layer)",
       "description": "The state-layer surface element."
     },
+    { "name": "::part(svg)", "description": "The internal SVG element." },
     { "name": "::part(root)", "description": "The root layout element." },
     {
       "name": "::part(container)",
@@ -5702,6 +5702,15 @@
       "name": "::part(root)",
       "description": "The root element of the skeleton."
     },
+    { "name": "::part(anchor)", "description": "The root anchor element." },
+    {
+      "name": "::part(focus-indicator)",
+      "description": "The focus indicator element."
+    },
+    {
+      "name": "::part(state-layer)",
+      "description": "The state layer element."
+    },
     {
       "name": "::part(slider)",
       "description": "Styles the slider container element."
@@ -5739,15 +5748,6 @@
       "name": "::part(handle-start-label-content)",
       "description": "Styles the start handle label content element."
     },
-    { "name": "::part(anchor)", "description": "The root anchor element." },
-    {
-      "name": "::part(focus-indicator)",
-      "description": "The focus indicator element."
-    },
-    {
-      "name": "::part(state-layer)",
-      "description": "The state layer element."
-    },
     { "name": "::part(root)", "description": "The root container element." },
     { "name": "::part(surface)", "description": "The surface element." },
     {
@@ -5899,6 +5899,10 @@
       "name": "::part(actions-container)",
       "description": "The action container element around the slot."
     },
+    {
+      "name": "::part(root)",
+      "description": "The root container element for the group."
+    },
     { "name": "::part(root)", "description": "The root container element." },
     {
       "name": "::part(focus-indicator)",
@@ -5908,10 +5912,6 @@
       "name": "::part(state-layer)",
       "description": "The state layer surface element."
     },
-    {
-      "name": "::part(root)",
-      "description": "The root container element for the group."
-    },
     { "name": "::part(root)", "description": "The component's root element." },
     {
       "name": "::part(trigger)",
@@ -5956,19 +5956,6 @@
       "description": "The component's root container element."
     },
     { "name": "::part(root)", "description": "The root container element." },
-    {
-      "name": "::part(text-container)",
-      "description": "The container for the text content."
-    },
-    {
-      "name": "::part(focus-indicator)",
-      "description": "The forwarded focus indicator's internal indicator element."
-    },
-    {
-      "name": "::part(state-layer)",
-      "description": "The forwarded state layer's internal surface element."
-    },
-    { "name": "::part(root)", "description": "The root container element." },
     {
       "name": "::part(track)",
       "description": "The element comprising the meter's background."
@@ -5996,6 +5983,19 @@
       "description": "Styles the state layer of the radio."
     },
     { "name": "::part(root)", "description": "The root container element." },
+    {
+      "name": "::part(text-container)",
+      "description": "The container for the text content."
+    },
+    {
+      "name": "::part(focus-indicator)",
+      "description": "The forwarded focus indicator's internal indicator element."
+    },
+    {
+      "name": "::part(state-layer)",
+      "description": "The forwarded state layer's internal surface element."
+    },
+    { "name": "::part(root)", "description": "The root container element." },
     { "name": "::part(label)", "description": "The label element." },
     {
       "name": "::part(text-container)",
@@ -6083,6 +6083,7 @@
       "name": "::part(focus-indicator)",
       "description": "The focus indicator element."
     },
+    { "name": "::part(root)", "description": "The root tree element." },
     { "name": "::part(container)", "description": "The tab container." },
     { "name": "::part(content)", "description": "The tab content container." },
     { "name": "::part(label)", "description": "The tab label container." },
@@ -6091,7 +6092,6 @@
     {
       "name": "::part(scroll-container)",
       "description": "The scroll container element."
-    },
-    { "name": "::part(root)", "description": "The root tree element." }
+    }
   ]
 }