@ds-mo/ui 15.3.0 → 15.4.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-16T23:49:22",
+  "timestamp": "2026-09-18T22:43:03",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -6601,10 +6601,10 @@
         },
         {
           "name": "background",
-          "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
+          "type": "\"always-dark\" | \"bold\" | \"chrome\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
           "complexType": {
             "original": "ButtonUnfilledBackground | undefined",
-            "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
+            "resolved": "\"always-dark\" | \"bold\" | \"chrome\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
             "references": {
               "ButtonUnfilledBackground": {
                 "location": "local",
@@ -6616,7 +6616,7 @@
           "mutable": false,
           "attr": "background",
           "reflectToAttr": false,
-          "docs": "Actual parent surface context. Omit on primary and secondary surfaces.",
+          "docs": "Actual parent surface context. Omit on primary and secondary surfaces; use\nchrome for shell surfaces.",
           "docsTags": [],
           "values": [
             {
@@ -6627,6 +6627,10 @@
               "value": "bold",
               "type": "string"
             },
+            {
+              "value": "chrome",
+              "type": "string"
+            },
             {
               "value": "faint",
               "type": "string"
@@ -9042,7 +9046,7 @@
           "mutable": false,
           "attr": "card-width",
           "reflectToAttr": false,
-          "docs": "Card width token (`sm` / `md` / `lg`). Editable cards also use the matching\nminimum-height token; immediate cards fit their content.",
+          "docs": "Card width token (`sm` / `md` / `lg`). Empty editable cards use the matching\nminimum-height token. Cards with body content, and immediate cards, fit\nthat content.",
           "docsTags": [
             {
               "name": "default",
@@ -10274,6 +10278,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "hasInteractionFill",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-interaction-fill",
+          "reflectToAttr": false,
+          "docs": "Show full-row hover and pressed feedback for choice-list presentations.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "indeterminate",
           "type": "boolean",
@@ -10595,6 +10628,190 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/CheckboxGroup/CheckboxGroup.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-checkbox-group",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "ariaDescribedby",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-describedby",
+          "reflectToAttr": false,
+          "docs": "Id reference for supporting guidance or an error message.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "ariaLabel",
+          "type": "null | string",
+          "complexType": {
+            "original": "string | null",
+            "resolved": "null | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "Accessible name when visible group labeling is unavailable.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "null"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "ariaLabelledby",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-labelledby",
+          "reflectToAttr": false,
+          "docs": "Id reference for a visible group label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Visible label and accessible name for the checkbox list.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"lg\" | \"md\" | \"sm\" | \"xs\"",
+          "complexType": {
+            "original": "CheckboxGroupSize",
+            "resolved": "\"lg\" | \"md\" | \"sm\" | \"xs\"",
+            "references": {
+              "CheckboxGroupSize": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/CheckboxGroup/CheckboxGroup.tsx",
+                "id": "src/wc/components/CheckboxGroup/CheckboxGroup.tsx::CheckboxGroupSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Density of the label row; use the same size on every slotted Checkbox.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-checkbox-group": [
+          "ds-text"
+        ]
+      }
+    },
     {
       "filePath": "src/wc/components/Chip/Chip.tsx",
       "encapsulation": "scoped",
@@ -17573,6 +17790,55 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/InlineBannerSettings/InlineBannerSettings.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-inline-banner-settings",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "description",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Authored informational copy rendered without transformation.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-inline-banner-settings": [
+          "ds-text"
+        ]
+      }
+    },
     {
       "filePath": "src/wc/components/Input/Input.tsx",
       "encapsulation": "scoped",
@@ -29344,6 +29610,64 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "groupLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "group-label",
+          "reflectToAttr": false,
+          "docs": "Optional visible group label rendered above the options.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "hasInteractionFill",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-interaction-fill",
+          "reflectToAttr": false,
+          "docs": "Show full-row hover and pressed feedback for choice-list presentations.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "isInactive",
           "type": "boolean",
@@ -32081,9 +32405,297 @@
       }
     },
     {
-      "filePath": "src/wc/components/SettingRow/SettingRow.tsx",
+      "filePath": "src/wc/components/SettingRowCheckbox/SettingRowCheckbox.tsx",
       "encapsulation": "scoped",
-      "tag": "ds-setting-row",
+      "tag": "ds-setting-row-checkbox",
+      "docs": "Padded settings-row composition for a Checkbox group.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "description",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Optional consequence or supporting copy for the saved selection.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Settings heading shown in both presentations. Not CheckboxGroup's form label.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "presentation",
+          "type": "\"edit\" | \"view\"",
+          "complexType": {
+            "original": "SettingRowCheckboxPresentation",
+            "resolved": "\"edit\" | \"view\"",
+            "references": {
+              "SettingRowCheckboxPresentation": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SettingRowCheckbox/SettingRowCheckbox.tsx",
+                "id": "src/wc/components/SettingRowCheckbox/SettingRowCheckbox.tsx::SettingRowCheckboxPresentation"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "presentation",
+          "reflectToAttr": true,
+          "docs": "Interactive Checkbox group or non-interactive saved-value readout.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'edit'"
+            }
+          ],
+          "default": "'edit'",
+          "values": [
+            {
+              "value": "edit",
+              "type": "string"
+            },
+            {
+              "value": "view",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "valueLabel",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value-label",
+          "reflectToAttr": false,
+          "docs": "Saved selected-value labels shown in view presentation.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-setting-row-checkbox": [
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/SettingRowRadio/SettingRowRadio.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-setting-row-radio",
+      "docs": "Padded settings-row composition for a Radio group.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "description",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "description",
+          "reflectToAttr": false,
+          "docs": "Optional consequence or supporting copy for the saved option.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Settings heading shown in both presentations. Not Radio's form groupLabel.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "presentation",
+          "type": "\"edit\" | \"view\"",
+          "complexType": {
+            "original": "SettingRowRadioPresentation",
+            "resolved": "\"edit\" | \"view\"",
+            "references": {
+              "SettingRowRadioPresentation": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SettingRowRadio/SettingRowRadio.tsx",
+                "id": "src/wc/components/SettingRowRadio/SettingRowRadio.tsx::SettingRowRadioPresentation"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "presentation",
+          "reflectToAttr": true,
+          "docs": "Interactive Radio group or non-interactive saved-value readout.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'edit'"
+            }
+          ],
+          "default": "'edit'",
+          "values": [
+            {
+              "value": "edit",
+              "type": "string"
+            },
+            {
+              "value": "view",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "valueLabel",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value-label",
+          "reflectToAttr": false,
+          "docs": "Saved option label shown in view presentation.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-setting-row-radio": [
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/SettingRowToggle/SettingRowToggle.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-setting-row-toggle",
       "docs": "A labeled binary setting that applies immediately through its application owner.",
       "docsTags": [],
       "usage": {},
@@ -32194,6 +32806,46 @@
           "required": true,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"emphasis\" | \"non-emphasis\"",
+          "complexType": {
+            "original": "SettingRowToggleVariant",
+            "resolved": "\"emphasis\" | \"non-emphasis\"",
+            "references": {
+              "SettingRowToggleVariant": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/SettingRowToggle/SettingRowToggle.tsx",
+                "id": "src/wc/components/SettingRowToggle/SettingRowToggle.tsx::SettingRowToggleVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "Typography recipe for the setting copy.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'emphasis'"
+            }
+          ],
+          "default": "'emphasis'",
+          "values": [
+            {
+              "value": "emphasis",
+              "type": "string"
+            },
+            {
+              "value": "non-emphasis",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -32224,7 +32876,7 @@
         "ds-switch"
       ],
       "dependencyGraph": {
-        "ds-setting-row": [
+        "ds-setting-row-toggle": [
           "ds-text",
           "ds-switch"
         ]
@@ -36313,14 +36965,14 @@
       "states": [],
       "dependents": [
         "ds-menu",
-        "ds-setting-row"
+        "ds-setting-row-toggle"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "ds-menu": [
           "ds-switch"
         ],
-        "ds-setting-row": [
+        "ds-setting-row-toggle": [
           "ds-switch"
         ]
       }
@@ -40244,6 +40896,7 @@
         "ds-card-settings-scope",
         "ds-chart-legend",
         "ds-checkbox",
+        "ds-checkbox-group",
         "ds-chip",
         "ds-code-block",
         "ds-conversation-list-item",
@@ -40253,6 +40906,7 @@
         "ds-empty-state",
         "ds-field",
         "ds-filter-menu",
+        "ds-inline-banner-settings",
         "ds-input",
         "ds-input-date",
         "ds-input-time",
@@ -40275,7 +40929,9 @@
         "ds-radio-tile",
         "ds-score",
         "ds-select",
-        "ds-setting-row",
+        "ds-setting-row-checkbox",
+        "ds-setting-row-radio",
+        "ds-setting-row-toggle",
         "ds-slider",
         "ds-tab-group",
         "ds-table",
@@ -40364,6 +41020,9 @@
         "ds-checkbox": [
           "ds-text"
         ],
+        "ds-checkbox-group": [
+          "ds-text"
+        ],
         "ds-chip": [
           "ds-text"
         ],
@@ -40391,6 +41050,9 @@
         "ds-filter-menu": [
           "ds-text"
         ],
+        "ds-inline-banner-settings": [
+          "ds-text"
+        ],
         "ds-input": [
           "ds-text"
         ],
@@ -40457,7 +41119,13 @@
         "ds-select": [
           "ds-text"
         ],
-        "ds-setting-row": [
+        "ds-setting-row-checkbox": [
+          "ds-text"
+        ],
+        "ds-setting-row-radio": [
+          "ds-text"
+        ],
+        "ds-setting-row-toggle": [
           "ds-text"
         ],
         "ds-slider": [
@@ -43064,7 +43732,7 @@
       "path": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx"
     },
     "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledBackground": {
-      "declaration": "export type ButtonUnfilledBackground =\n  | 'faint'\n  | 'medium'\n  | 'bold'\n  | 'strong'\n  | 'translucent'\n  | 'inverted'\n  | 'media'\n  | 'always-dark';",
+      "declaration": "export type ButtonUnfilledBackground =\n  | 'faint'\n  | 'medium'\n  | 'bold'\n  | 'strong'\n  | 'translucent'\n  | 'inverted'\n  | 'media'\n  | 'always-dark'\n  | 'chrome';",
       "docstring": "",
       "path": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx"
     },
@@ -43183,6 +43851,11 @@
       "docstring": "",
       "path": "src/wc/components/Checkbox/Checkbox.tsx"
     },
+    "src/wc/components/CheckboxGroup/CheckboxGroup.tsx::CheckboxGroupSize": {
+      "declaration": "export type CheckboxGroupSize = 'lg' | 'md' | 'sm' | 'xs';",
+      "docstring": "",
+      "path": "src/wc/components/CheckboxGroup/CheckboxGroup.tsx"
+    },
     "src/wc/components/Chip/Chip.tsx::ChipState": {
       "declaration": "export type ChipState = 'default' | 'active' | 'error' | 'caution';",
       "docstring": "",
@@ -43518,6 +44191,21 @@
       "docstring": "",
       "path": "src/wc/components/Select/Select.tsx"
     },
+    "src/wc/components/SettingRowCheckbox/SettingRowCheckbox.tsx::SettingRowCheckboxPresentation": {
+      "declaration": "export type SettingRowCheckboxPresentation = 'edit' | 'view';",
+      "docstring": "",
+      "path": "src/wc/components/SettingRowCheckbox/SettingRowCheckbox.tsx"
+    },
+    "src/wc/components/SettingRowRadio/SettingRowRadio.tsx::SettingRowRadioPresentation": {
+      "declaration": "export type SettingRowRadioPresentation = 'edit' | 'view';",
+      "docstring": "",
+      "path": "src/wc/components/SettingRowRadio/SettingRowRadio.tsx"
+    },
+    "src/wc/components/SettingRowToggle/SettingRowToggle.tsx::SettingRowToggleVariant": {
+      "declaration": "export type SettingRowToggleVariant = 'emphasis' | 'non-emphasis';",
+      "docstring": "",
+      "path": "src/wc/components/SettingRowToggle/SettingRowToggle.tsx"
+    },
     "src/wc/components/Skeleton/Skeleton.tsx::SkeletonVariant": {
       "declaration": "export type SkeletonVariant = 'text' | 'icon' | 'control';",
       "docstring": "",