@six-group/ui-library 4.0.0 → 4.0.2

package/dist/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-08-18T09:59:51",
+  "timestamp": "2023-09-13T13:04:00",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.0.5",
@@ -1404,10 +1404,10 @@
         },
         {
           "name": "errorText",
-          "type": "string",
+          "type": "string | string[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string | string[]",
+            "resolved": "string | string[]",
             "references": {}
           },
           "mutable": false,
@@ -1419,11 +1419,38 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "string[]"
             }
           ],
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorTextCount",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text-count",
+          "reflectToAttr": false,
+          "docs": "The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "indeterminate",
           "type": "boolean",
@@ -1709,8 +1736,14 @@
         }
       ],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "six-error"
+      ],
+      "dependencyGraph": {
+        "six-checkbox": [
+          "six-error"
+        ]
+      }
     },
     {
       "filePath": "src/components/six-datepicker/six-datepicker.tsx",
@@ -1730,6 +1763,10 @@
         {
           "name": "slot",
           "text": "- Used to define a footer for the date picker."
+        },
+        {
+          "name": "slot",
+          "text": "error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
         }
       ],
       "usage": {},
@@ -1987,10 +2024,10 @@
         },
         {
           "name": "errorText",
-          "type": "string",
+          "type": "string | string[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string | string[]",
+            "resolved": "string | string[]",
             "references": {}
           },
           "mutable": false,
@@ -2002,11 +2039,38 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "string[]"
             }
           ],
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorTextCount",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text-count",
+          "reflectToAttr": false,
+          "docs": "The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "hoist",
           "type": "boolean",
@@ -2582,6 +2646,10 @@
         {
           "name": "",
           "docs": "Used to define a footer for the date picker."
+        },
+        {
+          "name": "error-text",
+          "docs": "Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
         }
       ],
       "parts": [
@@ -2615,7 +2683,8 @@
           "six-timepicker"
         ],
         "six-input": [
-          "six-icon"
+          "six-icon",
+          "six-error"
         ],
         "six-timepicker": [
           "six-item-picker",
@@ -3021,6 +3090,11 @@
           "annotation": "prop",
           "docs": "The timing function (easing) to use for the hide transition."
         },
+        {
+          "name": "--horizontal-padding",
+          "annotation": "prop",
+          "docs": "The horizontal padding"
+        },
         {
           "name": "--show-duration",
           "annotation": "prop",
@@ -4552,7 +4626,8 @@
           "six-icon"
         ],
         "six-input": [
-          "six-icon"
+          "six-icon",
+          "six-error"
         ],
         "six-menu": [
           "six-menu-item"
@@ -4565,6 +4640,73 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/six-error/six-error.tsx",
+      "encapsulation": "shadow",
+      "tag": "six-error",
+      "readme": "# six-error\n\n\n",
+      "docs": "",
+      "docsTags": [
+        {
+          "name": "since",
+          "text": "4.0"
+        },
+        {
+          "name": "status",
+          "text": "beta"
+        },
+        {
+          "name": "slot",
+          "text": "default - The error's message content"
+        }
+      ],
+      "usage": {},
+      "props": [],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [
+        {
+          "name": "default",
+          "docs": "The error's message content"
+        }
+      ],
+      "parts": [],
+      "dependents": [
+        "six-checkbox",
+        "six-group-label",
+        "six-input",
+        "six-range",
+        "six-select",
+        "six-switch",
+        "six-textarea"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "six-checkbox": [
+          "six-error"
+        ],
+        "six-group-label": [
+          "six-error"
+        ],
+        "six-input": [
+          "six-error"
+        ],
+        "six-range": [
+          "six-error"
+        ],
+        "six-select": [
+          "six-error"
+        ],
+        "six-switch": [
+          "six-error"
+        ],
+        "six-textarea": [
+          "six-error"
+        ]
+      }
+    },
     {
       "filePath": "src/components/six-error-page/six-error-page.tsx",
       "encapsulation": "shadow",
@@ -5456,8 +5598,14 @@
         }
       ],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "six-error"
+      ],
+      "dependencyGraph": {
+        "six-group-label": [
+          "six-error"
+        ]
+      }
     },
     {
       "filePath": "src/components/six-header/six-header.tsx",
@@ -5814,7 +5962,8 @@
           "six-icon"
         ],
         "six-input": [
-          "six-icon"
+          "six-icon",
+          "six-error"
         ],
         "six-menu": [
           "six-menu-item"
@@ -6259,13 +6408,17 @@
           "name": "slot",
           "text": "help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop."
         },
+        {
+          "name": "slot",
+          "text": "error-text - Error text that is shown when the status is set to invalid. Alternatively, you can use the error-text prop."
+        },
         {
           "name": "part",
           "text": "base - The component's base wrapper."
         },
         {
           "name": "part",
-          "text": "form-control - The form control that wraps the label, input, and help-text."
+          "text": "form-control - The form control that wraps the label, input, error-text and help-text."
         },
         {
           "name": "part",
@@ -6294,6 +6447,10 @@
         {
           "name": "part",
           "text": "help-text - The input help text."
+        },
+        {
+          "name": "part",
+          "text": "error-text - The input error text."
         }
       ],
       "usage": {},
@@ -6437,10 +6594,10 @@
         },
         {
           "name": "errorText",
-          "type": "string",
+          "type": "string | string[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string | string[]",
+            "resolved": "string | string[]",
             "references": {}
           },
           "mutable": false,
@@ -6452,11 +6609,38 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "string[]"
             }
           ],
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorTextCount",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text-count",
+          "reflectToAttr": false,
+          "docs": "The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "helpText",
           "type": "string",
@@ -7259,6 +7443,10 @@
           "name": "clear-icon",
           "docs": "An icon to use in lieu of the default clear icon."
         },
+        {
+          "name": "error-text",
+          "docs": "Error text that is shown when the status is set to invalid. Alternatively, you can use the error-text prop."
+        },
         {
           "name": "help-text",
           "docs": "Help text that describes how to use the input. Alternatively, you can use the help-text prop."
@@ -7293,9 +7481,13 @@
           "name": "clear-button",
           "docs": "The clear button."
         },
+        {
+          "name": "error-text",
+          "docs": "The input error text."
+        },
         {
           "name": "form-control",
-          "docs": "The form control that wraps the label, input, and help-text."
+          "docs": "The form control that wraps the label, input, error-text and help-text."
         },
         {
           "name": "help-text",
@@ -7330,11 +7522,13 @@
         "six-timepicker"
       ],
       "dependencies": [
-        "six-icon"
+        "six-icon",
+        "six-error"
       ],
       "dependencyGraph": {
         "six-input": [
-          "six-icon"
+          "six-icon",
+          "six-error"
         ],
         "six-datepicker": [
           "six-input"
@@ -9391,10 +9585,10 @@
         },
         {
           "name": "errorText",
-          "type": "string",
+          "type": "string | string[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string | string[]",
+            "resolved": "string | string[]",
             "references": {}
           },
           "mutable": false,
@@ -9406,11 +9600,38 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "string[]"
             }
           ],
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorTextCount",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text-count",
+          "reflectToAttr": false,
+          "docs": "The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "helpText",
           "type": "string",
@@ -9810,8 +10031,14 @@
         }
       ],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "six-error"
+      ],
+      "dependencyGraph": {
+        "six-range": [
+          "six-error"
+        ]
+      }
     },
     {
       "filePath": "src/components/six-root/six-root.tsx",
@@ -10228,7 +10455,8 @@
           "six-icon"
         ],
         "six-input": [
-          "six-icon"
+          "six-icon",
+          "six-error"
         ]
       }
     },
@@ -10392,10 +10620,10 @@
         },
         {
           "name": "errorText",
-          "type": "string",
+          "type": "string | string[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string | string[]",
+            "resolved": "string | string[]",
             "references": {}
           },
           "mutable": false,
@@ -10407,11 +10635,38 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "string[]"
             }
           ],
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorTextCount",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text-count",
+          "reflectToAttr": false,
+          "docs": "The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "filter",
           "type": "boolean",
@@ -11014,7 +11269,8 @@
         "six-icon-button",
         "six-icon",
         "six-input",
-        "six-menu"
+        "six-menu",
+        "six-error"
       ],
       "dependencyGraph": {
         "six-select": [
@@ -11024,12 +11280,14 @@
           "six-icon-button",
           "six-icon",
           "six-input",
-          "six-menu"
+          "six-menu",
+          "six-error"
         ],
         "six-menu-item": [
           "six-icon"
         ],
         "six-tag": [
+          "six-tooltip",
           "six-icon-button"
         ],
         "six-icon-button": [
@@ -11041,7 +11299,8 @@
           "six-menu"
         ],
         "six-input": [
-          "six-icon"
+          "six-icon",
+          "six-error"
         ],
         "six-menu": [
           "six-menu-item"
@@ -11854,6 +12113,10 @@
           "name": "slot",
           "text": "- The switch's label."
         },
+        {
+          "name": "slot",
+          "text": "error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
+        },
         {
           "name": "part",
           "text": "base - The component's base wrapper."
@@ -11919,10 +12182,10 @@
         },
         {
           "name": "errorText",
-          "type": "string",
+          "type": "string | string[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string | string[]",
+            "resolved": "string | string[]",
             "references": {}
           },
           "mutable": false,
@@ -11934,11 +12197,38 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "string[]"
             }
           ],
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorTextCount",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text-count",
+          "reflectToAttr": false,
+          "docs": "The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
@@ -12177,6 +12467,10 @@
         {
           "name": "",
           "docs": "The switch's label."
+        },
+        {
+          "name": "error-text",
+          "docs": "Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
         }
       ],
       "parts": [
@@ -12198,8 +12492,14 @@
         }
       ],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "six-error"
+      ],
+      "dependencyGraph": {
+        "six-switch": [
+          "six-error"
+        ]
+      }
     },
     {
       "filePath": "src/components/six-tab/six-tab.tsx",
@@ -12608,13 +12908,7 @@
         }
       ],
       "listeners": [],
-      "styles": [
-        {
-          "name": "--tabs-border-color",
-          "annotation": "prop",
-          "docs": "The color of the border that separates tabs."
-        }
-      ],
+      "styles": [],
       "slots": [
         {
           "name": "",
@@ -12961,10 +13255,12 @@
         "six-select"
       ],
       "dependencies": [
+        "six-tooltip",
         "six-icon-button"
       ],
       "dependencyGraph": {
         "six-tag": [
+          "six-tooltip",
           "six-icon-button"
         ],
         "six-icon-button": [
@@ -13142,10 +13438,10 @@
         },
         {
           "name": "errorText",
-          "type": "string",
+          "type": "string | string[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string | string[]",
+            "resolved": "string | string[]",
             "references": {}
           },
           "mutable": false,
@@ -13157,11 +13453,38 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "string[]"
             }
           ],
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorTextCount",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text-count",
+          "reflectToAttr": false,
+          "docs": "The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "helpText",
           "type": "string",
@@ -13820,8 +14143,14 @@
         }
       ],
       "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
+      "dependencies": [
+        "six-error"
+      ],
+      "dependencyGraph": {
+        "six-textarea": [
+          "six-error"
+        ]
+      }
     },
     {
       "filePath": "src/components/six-tile/six-tile.tsx",
@@ -14148,6 +14477,10 @@
           "name": "status",
           "text": "experimental"
         },
+        {
+          "name": "slot",
+          "text": "error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
+        },
         {
           "name": "part",
           "text": "input - The input field"
@@ -14255,10 +14588,10 @@
         },
         {
           "name": "errorText",
-          "type": "string",
+          "type": "string | string[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
+            "original": "string | string[]",
+            "resolved": "string | string[]",
             "references": {}
           },
           "mutable": false,
@@ -14270,11 +14603,38 @@
           "values": [
             {
               "type": "string"
+            },
+            {
+              "type": "string[]"
             }
           ],
           "optional": false,
           "required": false
         },
+        {
+          "name": "errorTextCount",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text-count",
+          "reflectToAttr": false,
+          "docs": "The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "format",
           "type": "\"HH\" | \"HH:mm\" | \"HH:mm:ss\" | \"HH:mm:ss:ms\" | \"hh:aa\" | \"hh:mm:aa\" | \"hh:mm:ss:aa\" | \"hh:mm:ss:ms:aa\" | \"mm\" | \"ms\" | \"ss\"",
@@ -14830,7 +15190,12 @@
         }
       ],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "error-text",
+          "docs": "Error text that is shown for validation errors. Alternatively, you can use the error-text prop."
+        }
+      ],
       "parts": [
         {
           "name": "container",
@@ -14867,7 +15232,8 @@
           "six-icon"
         ],
         "six-input": [
-          "six-icon"
+          "six-icon",
+          "six-error"
         ],
         "six-datepicker": [
           "six-timepicker"
@@ -15287,10 +15653,14 @@
         }
       ],
       "dependents": [
+        "six-tag",
         "six-tile"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "six-tag": [
+          "six-tooltip"
+        ],
         "six-tile": [
           "six-tooltip"
         ]