npm - @oicl/openbridge-webcomponents - Versions diffs - 2.0.0-next.171 → 2.0.0-next.173 - Mend

@oicl/openbridge-webcomponents 2.0.0-next.171 → 2.0.0-next.173

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/custom-elements.json CHANGED Viewed

@@ -13999,11 +13999,22 @@
           "members": [
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is running. Selects the running icon and the speed readout instead of the `Off` state. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn"
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on"
             },
             {
@@ -14594,11 +14605,21 @@
           ],
           "attributes": [
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is running. Selects the running icon and the speed readout instead of the `Off` state. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn"
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on"
             },
             {
@@ -14895,16 +14916,27 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "Base class for two-state automation buttons.\n\nExtends `ObcAbstractAutomationButton` with the on/off state: the subclass\npicks its icon from `turnedOn`, and the readout adds the `On` or `Off`\nstate row.\n\n## Usage Guidelines\n\nNot registered as a custom element. `obc-switch`, `obc-converter`,\n`obc-diodes` and the other two-state devices extend it and supply their own\n`icon`.",
           "name": "ObcAbstractAutomationButtonSquared",
           "members": [
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn"
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on"
             },
             {
@@ -15449,11 +15481,21 @@
           ],
           "attributes": [
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn"
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on"
             },
             {
@@ -18240,11 +18282,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -18796,11 +18853,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -19235,11 +19306,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -19791,11 +19877,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -20099,11 +20199,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -20655,11 +20770,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -21040,11 +21169,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -21595,11 +21739,25 @@
           "customElement": true,
           "attributes": [
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -22724,11 +22882,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -23280,11 +23453,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -23735,11 +23922,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is running. Selects the running icon and the speed readout instead of the `Off` state. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonMotorized",
+                "module": "src/automation/automation-button/abstract-automation-button-motorized.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonMotorized",
@@ -24356,11 +24558,25 @@
           "customElement": true,
           "attributes": [
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is running. Selects the running icon and the speed readout instead of the `Off` state. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonMotorized",
+                "module": "src/automation/automation-button/abstract-automation-button-motorized.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonMotorized",
@@ -24718,11 +24934,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -25274,11 +25505,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -29362,11 +29607,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -29918,11 +30178,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -33842,11 +34116,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -34398,11 +34687,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -34706,11 +35009,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -35262,11 +35580,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -35571,11 +35903,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is running. Selects the running icon and the speed readout instead of the `Off` state. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonMotorized",
+                "module": "src/automation/automation-button/abstract-automation-button-motorized.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonMotorized",
@@ -36194,11 +36541,25 @@
               "fieldName": "vertical"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is running. Selects the running icon and the speed readout instead of the `Off` state. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonMotorized",
+                "module": "src/automation/automation-button/abstract-automation-button-motorized.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonMotorized",
@@ -36563,11 +36924,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is running. Selects the running icon and the speed readout instead of the `Off` state. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonMotorized",
+                "module": "src/automation/automation-button/abstract-automation-button-motorized.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonMotorized",
@@ -37186,11 +37562,25 @@
               "fieldName": "vertical"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is running. Selects the running icon and the speed readout instead of the `Off` state. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonMotorized",
+                "module": "src/automation/automation-button/abstract-automation-button-motorized.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonMotorized",
@@ -37554,11 +37944,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -38110,11 +38515,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -38418,11 +38837,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -38974,11 +39408,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -39474,11 +39922,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -40030,11 +40493,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -40845,11 +41322,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -41401,11 +41893,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -41794,11 +42300,26 @@
             },
             {
               "kind": "field",
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "attribute": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "attribute": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -42350,11 +42871,25 @@
               "fieldName": "alternativeIcon"
             },
             {
-              "name": "on",
+              "name": "turnedOn",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Whether the device is on. Selects the on icon and the `On` state row instead of `Off`. Not named `on`, which Svelte binds as an event listener in markup (#1090).",
+              "fieldName": "turnedOn",
+              "inheritedFrom": {
+                "name": "ObcAbstractAutomationButtonSquared",
+                "module": "src/automation/automation-button/abstract-automation-button-squared.ts"
+              }
+            },
+            {
+              "name": "on",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "deprecated": "Use `turnedOn`.",
+              "description": "Alias of `turnedOn` for 1.x markup: setting it sets `turnedOn`.",
               "fieldName": "on",
               "inheritedFrom": {
                 "name": "ObcAbstractAutomationButtonSquared",
@@ -55427,8 +55962,15 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-accordion-card>` – Expandable/collapsible card component for grouping content in a compact, interactive section (accordion, expandable panel, disclosure).\n\nProvides a summary row with optional icon, title, description, and status label. Expands to reveal additional content on click/tap, supporting both single-line and large layouts. Can display an alert overlay for contextual warnings or notifications.\n\n### Features\n- **Expandable/collapsible:** Click/tap toggles between collapsed and expanded states, revealing or hiding additional content.\n- **Variants:**\n  - **Single-line:** Compact header with only title (and optional icon/status).\n  - **Large:** Header includes a description beneath the title for more detail.\n- **Positioning:** Supports `top`, `bottom`, `center`, or `regular` (default) border radius/edge styling for stacking multiple accordions.\n- **Status label:** Optional status text displayed in the header (e.g., \"Active\", \"Warning\").\n- **Leading icon:** Optional icon slot at the start of the header for visual context.\n- **Alert overlay:** Can display an alert frame (with icon, label, timer) above the card for warnings or notifications.\n- **Disabled state:** Prevents interaction and visually indicates non-interactive status.\n- **Accessibility:** Uses button semantics and ARIA attributes for expand/collapse.\n\n### Usage Guidelines\nUse `obc-accordion-card` to organize related content in a collapsible section, especially when space is limited or when users may want to focus on one section at a time. Ideal for settings panels, grouped controls, or dashboards where expandable details are needed. Avoid using for persistent, always-visible content.\n\n- Use the **single-line** variant for brief titles or when space is tight.\n- Use the **large** variant when you need to provide a short description or supporting text under the title.\n- The **status label** is useful for showing quick state info (e.g., \"Active\", \"Error\").\n- The **alert overlay** is intended for contextual warnings or notifications related to the card's content.\n- For stacking multiple accordions, adjust the `position` property to control border radii and visual grouping.\n\n**TODO(designer):** Confirm if there are recommended limits on title/description length, and if only one accordion should be expanded at a time in a group.\n\n### Slots\n| Slot Name         | Renders When...         | Purpose                                               |\n|-------------------|------------------------|-------------------------------------------------------|\n| leading-icon      | `hasLeadingIcon` true  | Icon at the start of the header (e.g., `<obi-placeholder></obi-placeholder>`). |\n| expanded-content  | Always                 | Content revealed when the accordion is expanded.      |\n| alert-icon        | `hasAlert` true        | Icon for the alert overlay (slot=\"icon\" in alert frame). |\n| alert-label       | `hasAlert` true        | Label text for the alert overlay (slot=\"label\" in alert frame). |\n| alert-timer       | `hasAlert` true        | Timer or duration text for the alert overlay (slot=\"timer\" in alert frame). |\n\n### Properties\n- `expanded` (boolean): Whether the card is expanded (shows additional content). Toggled by user interaction.\n- `disabled` (boolean): Disables interaction and visually dims the card.\n- `cardTitle` (string): Main title text shown in the header.\n- `description` (string): Supporting description (shown only in large size and if `hasDescription` is true).\n- `statusLabel` (string): Optional status text in the header (shown if `hasStatusLabel` is true).\n- `hasAlert` (boolean): Shows an alert overlay above the card when true.\n- `hasDescription` (boolean): Enables description text in large variant.\n- `hasStatusLabel` (boolean): Enables status label in header.\n- `hasLeadingIcon` (boolean): Enables leading icon slot in header.\n- `size` (`AccordionSize` enum): Layout variant, either `'single-line'` (default) or `'large'`.\n- `position` (`Position` enum): Controls border radius for stacking (`'top'`, `'bottom'`, `'center'`, `'regular'`).\n- `alertFrameType`, `alertFrameThickness`, `alertFrameStatus`: Configure the alert overlay's appearance (see `obc-alert-frame` for details).\n\n### Events\n- `accordion-toggle` – Fired when the accordion is expanded or collapsed. Event detail includes `{ expanded, cardTitle }`.\n\n### Best Practices\n- Only use the alert overlay for important, contextual notifications related to the card's content.\n- For accessibility, ensure the card title is descriptive and unique within a group.\n- Avoid nesting interactive elements (like buttons) directly in the header; place them in the expanded content if needed.\n\n### Example:\n```\n<obc-accordion-card\n  cardTitle=\"Settings\"\n  description=\"Configure your preferences\"\n  size=\"large\"\n  hasDescription\n  expanded\n  hasLeadingIcon\n>\n  <span slot=\"leading-icon\"><obi-placeholder></obi-placeholder></span>\n  <div slot=\"expanded-content\">\n    <!-- Additional settings controls here -->\n  </div>\n</obc-accordion-card>\n```",
+          "description": "`<obc-accordion-card>` – Expandable/collapsible card component for grouping content in a compact, interactive section (accordion, expandable panel, disclosure).\n\nProvides a summary row with optional icon, title, description, and status label. Expands to reveal additional content on click/tap, supporting both single-line and large layouts. Can display an alert overlay for contextual warnings or notifications.\n\n### Features\n- **Expandable/collapsible:** Click/tap toggles between collapsed and expanded states, revealing or hiding additional content. The panel slides open and closed, and the chevron turns with it; `prefers-reduced-motion: reduce` switches instantly instead.\n- **Variants:**\n  - **Single-line:** Compact header with only title (and optional icon/status).\n  - **Large:** Header includes a description beneath the title for more detail.\n- **Positioning:** Supports `top`, `bottom`, `center`, or `regular` (default) border radius/edge styling for stacking multiple accordions.\n- **Status label:** Optional status text displayed in the header (e.g., \"Active\", \"Warning\").\n- **Leading icon:** Optional icon slot at the start of the header for visual context.\n- **Alert overlay:** Can display an alert frame (with icon, label, timer) above the card for warnings or notifications.\n- **Disabled state:** Prevents interaction and visually indicates non-interactive status.\n- **Accessibility:** Uses button semantics and ARIA attributes for expand/collapse.\n\n### Usage Guidelines\nUse `obc-accordion-card` to organize related content in a collapsible section, especially when space is limited or when users may want to focus on one section at a time. Ideal for settings panels, grouped controls, or dashboards where expandable details are needed. Avoid using for persistent, always-visible content.\n\n- Use the **single-line** variant for brief titles or when space is tight.\n- Use the **large** variant when you need to provide a short description or supporting text under the title.\n- The **status label** is useful for showing quick state info (e.g., \"Active\", \"Error\").\n- The **alert overlay** is intended for contextual warnings or notifications related to the card's content.\n- For stacking multiple accordions, adjust the `position` property to control border radii and visual grouping.\n\n**TODO(designer):** Confirm if there are recommended limits on title/description length, and if only one accordion should be expanded at a time in a group.\n\n### Slots\n| Slot Name         | Renders When...         | Purpose                                               |\n|-------------------|------------------------|-------------------------------------------------------|\n| leading-icon      | `hasLeadingIcon` true  | Icon at the start of the header (e.g., `<obi-placeholder></obi-placeholder>`). |\n| expanded-content  | Always                 | Content revealed when the accordion is expanded.      |\n| alert-icon        | `hasAlert` true        | Icon for the alert overlay (slot=\"icon\" in alert frame). |\n| alert-label       | `hasAlert` true        | Label text for the alert overlay (slot=\"label\" in alert frame). |\n| alert-timer       | `hasAlert` true        | Timer or duration text for the alert overlay (slot=\"timer\" in alert frame). |\n\n### Properties\n- `expanded` (boolean): Whether the card is expanded (shows additional content). Toggled by user interaction.\n- `disabled` (boolean): Disables interaction and visually dims the card.\n- `cardTitle` (string): Main title text shown in the header.\n- `description` (string): Supporting description (shown only in large size and if `hasDescription` is true).\n- `statusLabel` (string): Optional status text in the header (shown if `hasStatusLabel` is true).\n- `hasAlert` (boolean): Shows an alert overlay above the card when true.\n- `hasDescription` (boolean): Enables description text in large variant.\n- `hasStatusLabel` (boolean): Enables status label in header.\n- `hasLeadingIcon` (boolean): Enables leading icon slot in header.\n- `size` (`AccordionSize` enum): Layout variant, either `'single-line'` (default) or `'large'`.\n- `position` (`Position` enum): Controls border radius for stacking (`'top'`, `'bottom'`, `'center'`, `'regular'`).\n- `alertFrameType`, `alertFrameThickness`, `alertFrameStatus`: Configure the alert overlay's appearance (see `obc-alert-frame` for details).\n\n### Events\n- `accordion-toggle` – Fired when the accordion is expanded or collapsed. Event detail includes `{ expanded, cardTitle }`.\n\n### Best Practices\n- Only use the alert overlay for important, contextual notifications related to the card's content.\n- For accessibility, ensure the card title is descriptive and unique within a group.\n- Avoid nesting interactive elements (like buttons) directly in the header; place them in the expanded content if needed.\n\n### Example:\n```\n<obc-accordion-card\n  cardTitle=\"Settings\"\n  description=\"Configure your preferences\"\n  size=\"large\"\n  hasDescription\n  expanded\n  hasLeadingIcon\n>\n  <span slot=\"leading-icon\"><obi-placeholder></obi-placeholder></span>\n  <div slot=\"expanded-content\">\n    <!-- Additional settings controls here -->\n  </div>\n</obc-accordion-card>\n```",
           "name": "ObcAccordionCard",
+          "cssProperties": [
+            {
+              "description": "How long the panel takes to open and close. The chevron and the card's corners follow it. Ignored under `prefers-reduced-motion: reduce`.",
+              "name": "--obc-accordion-expand-duration",
+              "default": "200ms"
+            }
+          ],
           "slots": [
             {
               "description": "Icon at the start of the header (shown when `hasLeadingIcon` is true)",
@@ -55805,11 +56347,18 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "`<obc-accordion-item>` – A collapsible section component for toggling the visibility of content panels (commonly known as an accordion item, expandable panel, or disclosure).\n\nProvides a single expandable/collapsible section with a clickable header and an optional content area. Useful for organizing related information in a compact, vertically stacked layout, allowing users to reveal or hide details as needed.\n\n### Features\n- **Toggleable Expansion:** Click the header to expand or collapse the content area. The chevron icon visually indicates the current state.\n- **Disabled State:** Prevents user interaction and visually indicates non-interactivity.\n- **Customizable Content:** Slot for custom expanded content (`expanded-content`), supporting any HTML or component.\n- **Optional Divider:** Can display a divider line below the item for visual separation in lists.\n- **Show/Hide Content Area:** Optionally hide the expanded content area entirely (e.g., for header-only items).\n- **Accessible:** Uses a button for the header with appropriate ARIA attributes for accessibility.\n\n### Usage Guidelines\nUse `obc-accordion-item` to organize content into expandable sections, such as FAQs, settings panels, or grouped lists. Ideal when you want to let users scan section titles and expand only those relevant to them. For multi-item accordions, stack several `obc-accordion-item` components vertically.\n\n- Use the `title` property for the section label.\n- Place any custom content (text, forms, components) in the `expanded-content` slot.\n- Use the `disabled` property to prevent interaction for items that should not be toggled.\n- Use the `showDivider` property to visually separate items in a list.\n- If you need a persistent panel (not collapsible), use a different container component.\n\n**TODO(designer):** Confirm if there are recommended patterns for managing open/close state in multi-item accordions (e.g., only one open at a time), or if this is left to the developer.\n\n### Slots\n| Slot Name         | Renders When...           | Purpose                                         |\n|-------------------|--------------------------|-------------------------------------------------|\n| expanded-content  | When `open` and `showContent` are true | Custom content displayed when expanded           |\n\n### Events\n- `accordion-item-toggle` – Fired when the item is toggled open or closed. Event detail: `{ open: boolean, title: string }`\n\n### Best Practices\n- Keep section titles concise for easy scanning.\n- Avoid placing interactive controls in the header area to prevent accidental toggling.\n- For accessibility, ensure each item’s title is unique within a group.\n\n**Example:**\n```\n<obc-accordion-item title=\"Details\" .open=${false}>\n  <div slot=\"expanded-content\">\n    <p>Additional information goes here.</p>\n  </div>\n</obc-accordion-item>\n```",
+          "description": "`<obc-accordion-item>` – A collapsible section component for toggling the visibility of content panels (commonly known as an accordion item, expandable panel, or disclosure).\n\nProvides a single expandable/collapsible section with a clickable header and an optional content area. Useful for organizing related information in a compact, vertically stacked layout, allowing users to reveal or hide details as needed.\n\n### Features\n- **Toggleable Expansion:** Click the header to expand or collapse the content area. The panel slides open and closed, and the chevron turns with it; `prefers-reduced-motion: reduce` switches instantly instead.\n- **Disabled State:** Prevents user interaction and visually indicates non-interactivity.\n- **Customizable Content:** Slot for custom expanded content (`expanded-content`), supporting any HTML or component.\n- **Optional Divider:** Can display a divider line below the item for visual separation in lists.\n- **Accessible:** Uses a button for the header with appropriate ARIA attributes for accessibility.\n\n### Usage Guidelines\nUse `obc-accordion-item` to organize content into expandable sections, such as FAQs, settings panels, or grouped lists. Ideal when you want to let users scan section titles and expand only those relevant to them. For multi-item accordions, stack several `obc-accordion-item` components vertically.\n\n- Use the `title` property for the section label.\n- Place any custom content (text, forms, components) in the `expanded-content` slot.\n- Use the `disabled` property to prevent interaction for items that should not be toggled.\n- Use the `showDivider` property to visually separate items in a list.\n- If you need a persistent panel (not collapsible), use a different container component.\n\n**TODO(designer):** Confirm if there are recommended patterns for managing open/close state in multi-item accordions (e.g., only one open at a time), or if this is left to the developer.\n\n### Slots\n| Slot Name         | Renders When...           | Purpose                                         |\n|-------------------|--------------------------|-------------------------------------------------|\n| expanded-content  | Always                   | Custom content revealed while the item is open  |\n\n### Events\n- `accordion-item-toggle` – Fired when the item is toggled open or closed. Event detail: `{ open: boolean, title: string }`\n\n### Best Practices\n- Keep section titles concise for easy scanning.\n- Avoid placing interactive controls in the header area to prevent accidental toggling.\n- For accessibility, ensure each item’s title is unique within a group.\n\n**Example:**\n```\n<obc-accordion-item title=\"Details\" .open=${false}>\n  <div slot=\"expanded-content\">\n    <p>Additional information goes here.</p>\n  </div>\n</obc-accordion-item>\n```",
           "name": "ObcAccordionItem",
+          "cssProperties": [
+            {
+              "description": "How long the panel takes to open and close. The chevron and the header's corners follow it. Ignored under `prefers-reduced-motion: reduce`.",
+              "name": "--obc-accordion-expand-duration",
+              "default": "200ms"
+            }
+          ],
           "slots": [
             {
-              "description": "Content displayed when the item is expanded and `showContent` is true.",
+              "description": "Content revealed while the item is open.",
               "name": "expanded-content"
             }
           ],