@momentum-design/components 0.129.22 → 0.129.24

package/dist/custom-elements.json

@@ -10835,7 +10835,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -10850,7 +10850,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -10865,7 +10865,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -11101,7 +11101,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -11113,7 +11113,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -11126,7 +11126,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -14747,7 +14747,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -14762,7 +14762,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -14777,7 +14777,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -15152,7 +15152,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -15164,7 +15164,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -15177,7 +15177,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -17830,7 +17830,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -17845,7 +17845,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -17860,7 +17860,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -17964,7 +17964,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -17976,7 +17976,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -17989,7 +17989,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -18298,7 +18298,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true
@@ -18309,7 +18309,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true
@@ -18320,7 +18320,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true
             }
@@ -18365,7 +18365,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText"
             },
             {
@@ -18373,7 +18373,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement"
             },
@@ -18382,7 +18382,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy"
             },
@@ -19961,7 +19961,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -19976,7 +19976,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -19991,7 +19991,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -20358,7 +20358,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -20370,7 +20370,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -20383,7 +20383,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -32999,7 +32999,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -33014,7 +33014,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -33029,7 +33029,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -33502,7 +33502,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -33514,7 +33514,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -33527,7 +33527,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -35853,7 +35853,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -35868,7 +35868,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -35883,7 +35883,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -36023,7 +36023,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -36035,7 +36035,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -36048,7 +36048,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -36615,7 +36615,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -36630,7 +36630,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -36645,7 +36645,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -36812,7 +36812,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -36824,7 +36824,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -36837,7 +36837,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -37471,7 +37471,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -37486,7 +37486,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -37501,7 +37501,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -37750,7 +37750,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -37762,7 +37762,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -37775,7 +37775,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -38200,7 +38200,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -38215,7 +38215,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -38230,7 +38230,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -38330,7 +38330,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -38342,7 +38342,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -38355,7 +38355,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -39733,7 +39733,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -39748,7 +39748,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -39763,7 +39763,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -40225,7 +40225,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -40237,7 +40237,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -40250,7 +40250,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -41267,7 +41267,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -41282,7 +41282,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -41297,7 +41297,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -41797,7 +41797,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -41809,7 +41809,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -41822,7 +41822,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -42851,7 +42851,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -42866,7 +42866,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -42881,7 +42881,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -43187,7 +43187,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -43199,7 +43199,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -43212,7 +43212,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -45138,55 +45138,51 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "This is a decorative component that is styled to look as a toggle. <br/>\nIt has 5 properties - checked, size, disabled, readonly and soft-disabled. <br/>\nWe are using the same styling that has been created for the `mdc-toggle` component.",
+          "description": "The StaticToggle is a decorative component that visually represents a toggle switch without interactive functionality.\nIt is primarily used for display purposes or as a building block within custom interactive components.\nThis component shares the same visual styling as the interactive `mdc-toggle` component.",
           "name": "StaticToggle",
           "cssProperties": [
             {
-              "description": "The width of the toggle",
-              "name": "--mdc-toggle-width"
+              "description": "The width of the static toggle.",
+              "name": "--mdc-statictoggle-width"
             },
             {
-              "description": "The height of the toggle",
-              "name": "--mdc-toggle-height"
+              "description": "The height of the static toggle.",
+              "name": "--mdc-statictoggle-height"
             },
             {
-              "description": "The border radius of the toggle",
-              "name": "--mdc-toggle-border-radius"
+              "description": "The border radius of the static toggle.",
+              "name": "--mdc-statictoggle-border-radius"
             },
             {
-              "description": "The border color of the toggle",
-              "name": "--mdc-toggle-border-color"
+              "description": "The border color of the static toggle.",
+              "name": "--mdc-statictoggle-border-color"
             },
             {
-              "description": "The background color of the toggle",
-              "name": "--mdc-toggle-background-color"
+              "description": "The background color of the static toggle.",
+              "name": "--mdc-statictoggle-background-color"
             },
             {
-              "description": "The icon color of the toggle",
-              "name": "--mdc-toggle-icon-color"
+              "description": "The icon color of the static toggle.",
+              "name": "--mdc-statictoggle-icon-color"
             },
             {
-              "description": "The icon background color of the toggle",
-              "name": "--mdc-toggle-icon-background-color"
+              "description": "The icon background color of the static toggle.",
+              "name": "--mdc-statictoggle-icon-background-color"
             }
           ],
           "cssParts": [
             {
-              "description": "The slider part of the toggle",
+              "description": "The slider part of the toggle.",
               "name": "slider"
             },
             {
-              "description": "The icon part of the toggle",
+              "description": "The icon part of the toggle.",
               "name": "toggle-icon"
             }
           ],
           "slots": [
             {
-              "description": "This is a default/unnamed slot",
-              "name": "default"
-            },
-            {
-              "description": "Default slot for adding label text.",
+              "description": "Default slot for slotted content (typically used by parent `mdc-toggle` for the checkbox input).",
               "name": ""
             }
           ],
@@ -45198,7 +45194,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the toggle is active or inactive.",
+              "description": "Controls the visual state of the toggle.\nWhen true, the toggle appears in the \"on\" or \"active\" state.\nWhen false, the toggle appears in the \"off\" or \"inactive\" state.",
               "attribute": "checked",
               "reflects": true
             },
@@ -45224,7 +45220,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the toggle is read-only.",
+              "description": "When true, the toggle appears in a read-only visual state.\nThis is a decorative property that changes the visual appearance only.",
               "attribute": "readonly",
               "reflects": true
             },
@@ -45234,7 +45230,7 @@
               "type": {
                 "text": "ToggleSize"
               },
-              "description": "Determines toggle size in rem (height is specified here).\n- **Default**: 1.5\n- **Compact**: 1",
+              "description": "Specifies the size of the toggle component.\n- **default**: Standard size with 1.5rem height\n- **compact**: Smaller size with 1rem height",
               "default": "default",
               "attribute": "size",
               "reflects": true
@@ -45246,7 +45242,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the toggle is soft-disabled.",
+              "description": "When true, the toggle appears in a soft-disabled visual state.\nSoft-disabled elements maintain visual presence but appear non-interactive.\nThis is a decorative property that changes the visual appearance only.",
               "attribute": "soft-disabled",
               "reflects": true
             }
@@ -45258,7 +45254,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the toggle is active or inactive.",
+              "description": "Controls the visual state of the toggle.\nWhen true, the toggle appears in the \"on\" or \"active\" state.\nWhen false, the toggle appears in the \"off\" or \"inactive\" state.",
               "fieldName": "checked"
             },
             {
@@ -45266,7 +45262,7 @@
               "type": {
                 "text": "ToggleSize"
               },
-              "description": "Determines toggle size in rem (height is specified here).\n- **Default**: 1.5\n- **Compact**: 1",
+              "description": "Specifies the size of the toggle component.\n- **default**: Standard size with 1.5rem height\n- **compact**: Smaller size with 1rem height",
               "default": "default",
               "fieldName": "size"
             },
@@ -45276,7 +45272,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the toggle is read-only.",
+              "description": "When true, the toggle appears in a read-only visual state.\nThis is a decorative property that changes the visual appearance only.",
               "fieldName": "readonly"
             },
             {
@@ -45285,7 +45281,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the toggle is soft-disabled.",
+              "description": "When true, the toggle appears in a soft-disabled visual state.\nSoft-disabled elements maintain visual presence but appear non-interactive.\nThis is a decorative property that changes the visual appearance only.",
               "fieldName": "softDisabled"
             },
             {
@@ -45313,7 +45309,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-statictoggle",
-          "jsDoc": "/**\n * This is a decorative component that is styled to look as a toggle. <br/>\n * It has 5 properties - checked, size, disabled, readonly and soft-disabled. <br/>\n * We are using the same styling that has been created for the `mdc-toggle` component.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-statictoggle\n *\n * @slot default - This is a default/unnamed slot\n *\n * @cssproperty --mdc-toggle-width - The width of the toggle\n * @cssproperty --mdc-toggle-height - The height of the toggle\n * @cssproperty --mdc-toggle-border-radius - The border radius of the toggle\n * @cssproperty --mdc-toggle-border-color - The border color of the toggle\n * @cssproperty --mdc-toggle-background-color - The background color of the toggle\n * @cssproperty --mdc-toggle-icon-color - The icon color of the toggle\n * @cssproperty --mdc-toggle-icon-background-color - The icon background color of the toggle\n *\n * @csspart slider - The slider part of the toggle\n * @csspart toggle-icon - The icon part of the toggle\n *\n * @slot - Default slot for adding label text.\n */",
+          "jsDoc": "/**\n * The StaticToggle is a decorative component that visually represents a toggle switch without interactive functionality.\n * It is primarily used for display purposes or as a building block within custom interactive components.\n * This component shares the same visual styling as the interactive `mdc-toggle` component.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-statictoggle\n *\n * @slot - Default slot for slotted content (typically used by parent `mdc-toggle` for the checkbox input).\n *\n * @cssproperty --mdc-statictoggle-width - The width of the static toggle.\n * @cssproperty --mdc-statictoggle-height - The height of the static toggle.\n * @cssproperty --mdc-statictoggle-border-radius - The border radius of the static toggle.\n * @cssproperty --mdc-statictoggle-border-color - The border color of the static toggle.\n * @cssproperty --mdc-statictoggle-background-color - The background color of the static toggle.\n * @cssproperty --mdc-statictoggle-icon-color - The icon color of the static toggle.\n * @cssproperty --mdc-statictoggle-icon-background-color - The icon background color of the static toggle.\n *\n * @csspart slider - The slider part of the toggle.\n * @csspart toggle-icon - The icon part of the toggle.\n */",
           "customElement": true
         }
       ],
@@ -47526,7 +47522,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -47541,7 +47537,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -47556,7 +47552,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -47915,7 +47911,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -47927,7 +47923,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -47940,7 +47936,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -48527,110 +48523,8 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Toggle Component is an interactive control used to switch between two mutually exclusive options,\nsuch as On/Off, Active/Inactive. These are commonly used in settings panels, forms, and preference selections\nwhere users need to enable or disable a feature.\nIt contains an optional label and an optional helper text.\n\nTo create a group of toggles, use the FormFieldGroup component.\n\nNote: It internally renders a checkbox styled as a toggle switch.",
+          "description": "The Toggle component is an interactive control used to switch between two mutually exclusive states,\nsuch as On/Off or Active/Inactive. It is commonly used in settings panels, forms, and preference selections\nwhere users need to enable or disable a feature.\n\nTo create a group of toggles, use the `mdc-formfieldgroup` component.\n\n**Note:** This component internally renders a native checkbox input element styled as a toggle switch.\n\n## When to use\nUse toggles for binary choices where the change takes effect immediately, such as enabling/disabling settings or features.\n\n## Accessibility\n- Provide clear labels that describe what the toggle controls\n- Use `data-aria-label` when a visual label is not present\n- Keyboard navigation: Space to toggle, Tab to navigate, Enter to submit form\n\n## Styling\nUse the `static-toggle` part to apply custom styles to the toggle switch visual element.\nThis part exposes the underlying [StaticToggle](?path=/docs/components-decorator-statictoggle--docs) component for advanced styling.",
           "name": "Toggle",
-          "cssProperties": [
-            {
-              "description": "The width of the toggle",
-              "name": "--mdc-toggle-width"
-            },
-            {
-              "description": "The height of the toggle",
-              "name": "--mdc-toggle-height"
-            },
-            {
-              "description": "The border radius of the toggle",
-              "name": "--mdc-toggle-border-radius"
-            },
-            {
-              "description": "The border color of the toggle",
-              "name": "--mdc-toggle-border-color"
-            },
-            {
-              "description": "The background color of the toggle",
-              "name": "--mdc-toggle-background-color"
-            },
-            {
-              "description": "The icon color of the toggle",
-              "name": "--mdc-toggle-icon-color"
-            },
-            {
-              "description": "The icon background color of the toggle",
-              "name": "--mdc-toggle-icon-background-color"
-            },
-            {
-              "description": "Font size for the label text.",
-              "name": "--mdc-label-font-size",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Font weight for the label text.",
-              "name": "--mdc-label-font-weight",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Line height for the label text.",
-              "name": "--mdc-label-line-height",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Color for the label text.",
-              "name": "--mdc-label-color",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Font size for the help text.",
-              "name": "--mdc-help-text-font-size",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Font weight for the help text.",
-              "name": "--mdc-help-text-font-weight",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Line height for the help text.",
-              "name": "--mdc-help-text-line-height",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Color for the help text.",
-              "name": "--mdc-help-text-color",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            },
-            {
-              "description": "Color for the required indicator text.",
-              "name": "--mdc-required-indicator-color",
-              "inheritedFrom": {
-                "name": "FormfieldWrapper",
-                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
-              }
-            }
-          ],
           "cssParts": [
             {
               "description": "The label element.",
@@ -48697,11 +48591,11 @@
               }
             },
             {
-              "description": "The static-toggle element that wraps the toggle input.",
+              "description": "The statictoggle that provides the visual toggle switch appearance.",
               "name": "static-toggle"
             },
             {
-              "description": "The native checkbox input element styled as a toggle switch.",
+              "description": "The native checkbox input element that provides the interactive functionality.",
               "name": "toggle-input"
             }
           ],
@@ -48728,7 +48622,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the toggle is active or inactive.",
+              "description": "Controls the state of the toggle switch.\nWhen true, the toggle is in the \"on\" or \"active\" state.\nWhen false, the toggle is in the \"off\" or \"inactive\" state.",
               "attribute": "checked",
               "reflects": true
             },
@@ -48775,40 +48669,6 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "handleChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Toggles the state of the toggle element.\nand dispatch the new change event."
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  },
-                  "description": "The keyboard event."
-                }
-              ],
-              "description": "Handles the keydown event on the toggle element.\nWhen the user presses Enter, the form is submitted."
-            },
             {
               "kind": "field",
               "name": "helpText",
@@ -48866,12 +48726,6 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "manageRequired",
-              "privacy": "private",
-              "description": "Manages the required state of the checkbox.\nIf the checkbox is not checked and the required property is set, then the checkbox is invalid.\nIf the validationMessage is set, it will be used as the custom validity message.\nIf the validationMessage is not set, it will clear the custom validity message."
-            },
             {
               "kind": "field",
               "name": "name",
@@ -49000,27 +48854,6 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "setFormValue",
-              "privacy": "private",
-              "description": "Updates the form value to reflect the current state of the toggle.\nIf toggle is switched on, the value is set to either the user-provided value or 'isActive' if no value is provided.\nIf toggle is switched off, the value is set to null."
-            },
-            {
-              "kind": "method",
-              "name": "setToggleSize",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "size",
-                  "type": {
-                    "text": "ToggleSize"
-                  },
-                  "description": "The size to set."
-                }
-              ],
-              "description": "Sets the size attribute for the toggle component.\nIf the provided size is not included in the TOGGLE_SIZE,\nit defaults to the value specified in DEFAULTS.SIZE."
-            },
             {
               "kind": "method",
               "name": "setValidity",
@@ -49041,7 +48874,7 @@
               "type": {
                 "text": "ToggleSize"
               },
-              "description": "Determines toggle size in rem (height is specified here).\n- **Default**: 1.5\n- **Compact**: 1",
+              "description": "Specifies the size of the toggle component.\n- **default**: Standard size with 1.5rem height - suitable for most use cases\n- **compact**: Smaller size with 1rem height - ideal for space-constrained layouts",
               "default": "default",
               "attribute": "size",
               "reflects": true
@@ -49061,24 +48894,13 @@
                 "module": "components/formfieldwrapper/formfieldwrapper.component.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Toggles the state of the toggle element.\nIf the element is not disabled, soft-disabled, or readonly, then the checked property is toggled."
-            },
             {
               "kind": "field",
               "name": "toggletipPlacement",
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "attribute": "toggletip-placement",
               "reflects": true,
@@ -49093,7 +48915,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "attribute": "toggletip-strategy",
               "reflects": true,
@@ -49108,7 +48930,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "attribute": "toggletip-text",
               "reflects": true,
               "inheritedFrom": {
@@ -49191,7 +49013,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Determines whether the toggle is active or inactive.",
+              "description": "Controls the state of the toggle switch.\nWhen true, the toggle is in the \"on\" or \"active\" state.\nWhen false, the toggle is in the \"off\" or \"inactive\" state.",
               "fieldName": "checked"
             },
             {
@@ -49199,7 +49021,7 @@
               "type": {
                 "text": "ToggleSize"
               },
-              "description": "Determines toggle size in rem (height is specified here).\n- **Default**: 1.5\n- **Compact**: 1",
+              "description": "Specifies the size of the toggle component.\n- **default**: Standard size with 1.5rem height - suitable for most use cases\n- **compact**: Smaller size with 1rem height - ideal for space-constrained layouts",
               "default": "default",
               "fieldName": "size"
             },
@@ -49335,7 +49157,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "The toggletip text that is displayed when the label is hovered.\nIt is used to provide additional information about the label.",
+              "description": "The toggletip text that is displayed when the info icon is clicked or pressed.\nIt is used to provide additional information about the label.",
               "fieldName": "toggletipText",
               "inheritedFrom": {
                 "name": "FormfieldWrapper",
@@ -49347,7 +49169,7 @@
               "type": {
                 "text": "PopoverPlacement"
               },
-              "description": "The placement of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The placement of the toggletip that is displayed when the info icon is clicked or pressed.",
               "default": "'top'",
               "fieldName": "toggletipPlacement",
               "inheritedFrom": {
@@ -49360,7 +49182,7 @@
               "type": {
                 "text": "PopoverStrategy"
               },
-              "description": "The strategy of the toggletip that is displayed when the info icon is hovered.",
+              "description": "The positioning strategy for the toggletip.\n- **absolute**: Positioned relative to the nearest positioned ancestor.\n- **fixed**: Positioned relative to the viewport.",
               "default": "'absolute'",
               "fieldName": "toggletipStrategy",
               "inheritedFrom": {
@@ -49426,7 +49248,7 @@
             "module": "/src/components/formfieldwrapper"
           },
           "tagName": "mdc-toggle",
-          "jsDoc": "/**\n * Toggle Component is an interactive control used to switch between two mutually exclusive options,\n * such as On/Off, Active/Inactive. These are commonly used in settings panels, forms, and preference selections\n * where users need to enable or disable a feature.\n * It contains an optional label and an optional helper text.\n *\n * To create a group of toggles, use the FormFieldGroup component.\n *\n * Note: It internally renders a checkbox styled as a toggle switch.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-statictoggle\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-toggle\n *\n * @event change - (React: onChange) Event that gets dispatched when the toggle state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the toggle receives focus.\n *\n * @cssproperty --mdc-toggle-width - The width of the toggle\n * @cssproperty --mdc-toggle-height - The height of the toggle\n * @cssproperty --mdc-toggle-border-radius - The border radius of the toggle\n * @cssproperty --mdc-toggle-border-color - The border color of the toggle\n * @cssproperty --mdc-toggle-background-color - The background color of the toggle\n * @cssproperty --mdc-toggle-icon-color - The icon color of the toggle\n * @cssproperty --mdc-toggle-icon-background-color - The icon background color of the toggle\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n * @csspart static-toggle - The static-toggle element that wraps the toggle input.\n * @csspart toggle-input - The native checkbox input element styled as a toggle switch.\n */",
+          "jsDoc": "/**\n * The Toggle component is an interactive control used to switch between two mutually exclusive states,\n * such as On/Off or Active/Inactive. It is commonly used in settings panels, forms, and preference selections\n * where users need to enable or disable a feature.\n *\n * To create a group of toggles, use the `mdc-formfieldgroup` component.\n *\n * **Note:** This component internally renders a native checkbox input element styled as a toggle switch.\n *\n * ## When to use\n * Use toggles for binary choices where the change takes effect immediately, such as enabling/disabling settings or features.\n *\n * ## Accessibility\n * - Provide clear labels that describe what the toggle controls\n * - Use `data-aria-label` when a visual label is not present\n * - Keyboard navigation: Space to toggle, Tab to navigate, Enter to submit form\n *\n * ## Styling\n * Use the `static-toggle` part to apply custom styles to the toggle switch visual element.\n * This part exposes the underlying [StaticToggle](?path=/docs/components-decorator-statictoggle--docs) component for advanced styling.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-statictoggle\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-toggle\n *\n * @event change - (React: onChange) Event that gets dispatched when the toggle state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the toggle receives focus.\n *\n * @csspart label - The label element.\n * @csspart label-text - The container for the label and required indicator elements.\n * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.\n * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.\n * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.\n * @csspart help-text - The helper/validation text element.\n * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.\n * @csspart help-text-container - The container for the helper/validation icon and text elements.\n * @csspart static-toggle - The statictoggle that provides the visual toggle switch appearance.\n * @csspart toggle-input - The native checkbox input element that provides the interactive functionality.\n */",
           "customElement": true,
           "slots": [
             {
@@ -49461,6 +49283,80 @@
                 "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
               }
             }
+          ],
+          "cssProperties": [
+            {
+              "description": "Font size for the label text.",
+              "name": "--mdc-label-font-size",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Font weight for the label text.",
+              "name": "--mdc-label-font-weight",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Line height for the label text.",
+              "name": "--mdc-label-line-height",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Color for the label text.",
+              "name": "--mdc-label-color",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Font size for the help text.",
+              "name": "--mdc-help-text-font-size",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Font weight for the help text.",
+              "name": "--mdc-help-text-font-weight",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Line height for the help text.",
+              "name": "--mdc-help-text-line-height",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Color for the help text.",
+              "name": "--mdc-help-text-color",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            },
+            {
+              "description": "Color for the required indicator text.",
+              "name": "--mdc-required-indicator-color",
+              "inheritedFrom": {
+                "name": "FormfieldWrapper",
+                "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
+              }
+            }
           ]
         }
       ],