@carbon/ibm-products-web-components 0.17.0 → 0.18.0

package/custom-elements.json

@@ -259,14 +259,14 @@
           "default": "false"
         },
         {
-          "name": "title",
-          "description": "Text for the title",
+          "name": "titleId",
+          "description": "ID for the title",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "titleId",
-          "description": "ID for the title",
+          "name": "titleText",
+          "description": "Text for the title",
           "type": "string",
           "default": "\"\""
         },
@@ -286,16 +286,16 @@
           "default": "false"
         },
         {
-          "name": "title",
-          "attribute": "title",
-          "description": "Text for the title",
+          "name": "titleId",
+          "attribute": "titleId",
+          "description": "ID for the title",
           "type": "string",
           "default": "\"\""
         },
         {
-          "name": "titleId",
-          "attribute": "titleId",
-          "description": "ID for the title",
+          "name": "titleText",
+          "attribute": "titleText",
+          "description": "Text for the title",
           "type": "string",
           "default": "\"\""
         },
@@ -703,6 +703,214 @@
         }
       ]
     },
+    {
+      "name": "c4p-truncated-text",
+      "path": "./src/components/truncated-text/truncated-text.ts",
+      "description": "TruncatedText.",
+      "attributes": [
+        {
+          "name": "lines",
+          "description": "The maximum number of lines to display before truncation.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "description": "Specify how the tooltip should align with the content.",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "expand-label",
+          "description": "The label on expand button.",
+          "type": "string",
+          "default": "\"View more\""
+        },
+        {
+          "name": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"View less\""
+        },
+        {
+          "name": "with",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "lines",
+          "attribute": "lines",
+          "description": "The maximum number of lines to display before truncation.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "attribute": "align",
+          "description": "Specify how the tooltip should align with the content.",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "attribute": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "expandLabel",
+          "attribute": "expand-label",
+          "description": "The label on expand button.",
+          "type": "string",
+          "default": "\"View more\""
+        },
+        {
+          "name": "collapseLabel",
+          "attribute": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"View less\""
+        },
+        {
+          "name": "with",
+          "attribute": "with",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
+    {
+      "name": "elementName",
+      "path": "./src/components/truncated-text/truncated-text.ts",
+      "description": "TruncatedText.",
+      "attributes": [
+        {
+          "name": "lines",
+          "description": "The maximum number of lines to display before truncation.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "description": "Specify how the tooltip should align with the content.",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "expand-label",
+          "description": "The label on expand button.",
+          "type": "string",
+          "default": "\"View more\""
+        },
+        {
+          "name": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"View less\""
+        },
+        {
+          "name": "with",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "lines",
+          "attribute": "lines",
+          "description": "The maximum number of lines to display before truncation.",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The string value to be truncated.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "align",
+          "attribute": "align",
+          "description": "Specify how the tooltip should align with the content.",
+          "type": "string",
+          "default": "\"top\""
+        },
+        {
+          "name": "autoalign",
+          "attribute": "autoalign",
+          "description": "Specify whether a auto align functionality should be applied",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "expandLabel",
+          "attribute": "expand-label",
+          "description": "The label on expand button.",
+          "type": "string",
+          "default": "\"View more\""
+        },
+        {
+          "name": "collapseLabel",
+          "attribute": "collapse-label",
+          "description": "The label on the collapse button.",
+          "type": "string",
+          "default": "\"View less\""
+        },
+        {
+          "name": "with",
+          "attribute": "with",
+          "description": "The method to display the full text when truncated. Options are \"tooltip\" or \"expand\". if not passed, the text would just be truncated with ellipsis.",
+          "type": "\"tooltip\" | \"expand\"",
+          "default": "\"tooltip\""
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ]
+    },
     {
       "name": "c4p-user-avatar",
       "path": "./src/components/user-avatar/user-avatar.ts",