@six-group/ui-library 4.0.0-beta.0 → 4.0.0-beta.1

package/dist/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-09T13:02:33",
+  "timestamp": "2023-05-15T15:08:29",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.2.1",
@@ -3474,8 +3474,7 @@
       ],
       "dependents": [
         "six-header",
-        "six-select",
-        "six-table-header-cell"
+        "six-select"
       ],
       "dependencies": [
         "six-menu-item",
@@ -3502,9 +3501,6 @@
         ],
         "six-select": [
           "six-dropdown"
-        ],
-        "six-table-header-cell": [
-          "six-dropdown"
         ]
       }
     },
@@ -4722,7 +4718,6 @@
         "six-select",
         "six-sidebar-item-group",
         "six-stage-indicator",
-        "six-table-header-cell",
         "six-tile",
         "six-timepicker"
       ],
@@ -4767,9 +4762,6 @@
         "six-stage-indicator": [
           "six-icon"
         ],
-        "six-table-header-cell": [
-          "six-icon"
-        ],
         "six-tile": [
           "six-icon"
         ],
@@ -4927,7 +4919,6 @@
         "six-select",
         "six-tab",
         "six-tab-group",
-        "six-table-header-cell",
         "six-tag",
         "six-tile"
       ],
@@ -4959,9 +4950,6 @@
         "six-tab-group": [
           "six-icon-button"
         ],
-        "six-table-header-cell": [
-          "six-icon-button"
-        ],
         "six-tag": [
           "six-icon-button"
         ],
@@ -5868,7 +5856,6 @@
         "six-dropdown",
         "six-search-field",
         "six-select",
-        "six-table-header-cell",
         "six-timepicker"
       ],
       "dependencies": [
@@ -5890,9 +5877,6 @@
         "six-select": [
           "six-input"
         ],
-        "six-table-header-cell": [
-          "six-input"
-        ],
         "six-timepicker": [
           "six-input"
         ]
@@ -9446,16 +9430,12 @@
         }
       ],
       "dependents": [
-        "six-button",
-        "six-table"
+        "six-button"
       ],
       "dependencies": [],
       "dependencyGraph": {
         "six-button": [
           "six-spinner"
-        ],
-        "six-table": [
-          "six-spinner"
         ]
       }
     },
@@ -10240,471 +10220,6 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
-    {
-      "filePath": "./src/components/six-table/six-table.tsx",
-      "encapsulation": "shadow",
-      "tag": "six-table",
-      "readme": "# six-table\n\n<!-- EXAMPLES -->\n",
-      "docs": "<!-- EXAMPLES -->",
-      "docsTags": [
-        {
-          "name": "since",
-          "text": "1.0"
-        },
-        {
-          "name": "status",
-          "text": "stable"
-        },
-        {
-          "name": "slot",
-          "text": "- Used to define header and the rows of the table."
-        },
-        {
-          "name": "Deprecated",
-          "text": "- six-table will be removed with the next table. Use fate table instead."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "loading",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "loading",
-          "reflectToAttr": false,
-          "docs": "Set to true to display loading indicator.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "striped",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "striped",
-          "reflectToAttr": false,
-          "docs": "Set to true to stripe the table.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "setData",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "signature": "setData<T extends Item>(value: Data<T>) => Promise<void>",
-          "parameters": [],
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "six-table-cell-clicked",
-          "detail": "TableCellClickedPayload<Item>",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when table cell is clicked.",
-          "docsTags": []
-        },
-        {
-          "event": "six-table-ready",
-          "detail": "TableReadyPayload",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when table is ready.",
-          "docsTags": []
-        },
-        {
-          "event": "six-table-row-clicked",
-          "detail": "TableRowClickedPayload<Item>",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when table row is clicked.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [
-        {
-          "event": "data",
-          "capture": false,
-          "passive": false
-        }
-      ],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "Used to define header and the rows of the table."
-        }
-      ],
-      "parts": [],
-      "dependents": [],
-      "dependencies": [
-        "six-spinner",
-        "six-table-header-cell",
-        "six-table-cell",
-        "six-table-row",
-        "six-table-header"
-      ],
-      "dependencyGraph": {
-        "six-table": [
-          "six-spinner",
-          "six-table-header-cell",
-          "six-table-cell",
-          "six-table-row",
-          "six-table-header"
-        ],
-        "six-table-header-cell": [
-          "six-icon",
-          "six-dropdown",
-          "six-input",
-          "six-icon-button"
-        ],
-        "six-dropdown": [
-          "six-menu-item",
-          "six-input",
-          "six-menu"
-        ],
-        "six-menu-item": [
-          "six-icon"
-        ],
-        "six-input": [
-          "six-icon"
-        ],
-        "six-menu": [
-          "six-menu-item"
-        ],
-        "six-icon-button": [
-          "six-icon"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/six-table-cell/six-table-cell.tsx",
-      "encapsulation": "shadow",
-      "tag": "six-table-cell",
-      "readme": "# six-table-cell\n\n<!-- EXAMPLES -->\n",
-      "docs": "<!-- EXAMPLES -->",
-      "docsTags": [
-        {
-          "name": "since",
-          "text": "1.0"
-        },
-        {
-          "name": "status",
-          "text": "stable"
-        },
-        {
-          "name": "slot",
-          "text": "- Used to define the content of the cell."
-        }
-      ],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "Used to define the content of the cell."
-        }
-      ],
-      "parts": [],
-      "dependents": [
-        "six-table"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "six-table": [
-          "six-table-cell"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/six-table-header/six-table-header.tsx",
-      "encapsulation": "shadow",
-      "tag": "six-table-header",
-      "readme": "# six-table-header\n\n<!-- EXAMPLES -->\n",
-      "docs": "<!-- EXAMPLES -->",
-      "docsTags": [
-        {
-          "name": "since",
-          "text": "1.0"
-        },
-        {
-          "name": "status",
-          "text": "stable"
-        },
-        {
-          "name": "slot",
-          "text": "- Used to define the cells of the header."
-        }
-      ],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "Used to define the cells of the header."
-        }
-      ],
-      "parts": [],
-      "dependents": [
-        "six-table"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "six-table": [
-          "six-table-header"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/six-table-header-cell/six-table-header-cell.tsx",
-      "encapsulation": "shadow",
-      "tag": "six-table-header-cell",
-      "readme": "# six-table-header-cell\n\n<!-- EXAMPLES -->\n",
-      "docs": "<!-- EXAMPLES -->",
-      "docsTags": [
-        {
-          "name": "since",
-          "text": "1.0"
-        },
-        {
-          "name": "status",
-          "text": "stable"
-        },
-        {
-          "name": "slot",
-          "text": "- Used to define the label of the header field."
-        }
-      ],
-      "usage": {},
-      "props": [
-        {
-          "name": "filter",
-          "type": "\"eq\" | \"in\" | \"ne\" | \"ni\"",
-          "mutable": false,
-          "attr": "filter",
-          "reflectToAttr": false,
-          "docs": "Filter mode. Applied only when set.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "eq",
-              "type": "string"
-            },
-            {
-              "value": "in",
-              "type": "string"
-            },
-            {
-              "value": "ne",
-              "type": "string"
-            },
-            {
-              "value": "ni",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "name",
-          "type": "string",
-          "mutable": false,
-          "attr": "name",
-          "reflectToAttr": false,
-          "docs": "Table row property name. Used in the custom events to identify the row.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "sort",
-          "type": "\"asc\" | \"desc\" | \"none\"",
-          "mutable": false,
-          "attr": "sort",
-          "reflectToAttr": false,
-          "docs": "Sort direction. Applied only when set.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "asc",
-              "type": "string"
-            },
-            {
-              "value": "desc",
-              "type": "string"
-            },
-            {
-              "value": "none",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
-        {
-          "name": "value",
-          "type": "string",
-          "mutable": false,
-          "attr": "value",
-          "reflectToAttr": false,
-          "docs": "Filter value. Applied only when filter mode is set.",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
-        {
-          "event": "six-table-header-cell-filter-updated",
-          "detail": "{ [x: string]: BasedOnKeys<FilterMode, string>; }",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when filter model is updated.",
-          "docsTags": []
-        },
-        {
-          "event": "six-table-header-cell-sort-updated",
-          "detail": "{ [x: string]: SortDirection; }",
-          "bubbles": true,
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when sort model is updated.",
-          "docsTags": []
-        }
-      ],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "Used to define the label of the header field."
-        }
-      ],
-      "parts": [],
-      "dependents": [
-        "six-table"
-      ],
-      "dependencies": [
-        "six-icon",
-        "six-dropdown",
-        "six-input",
-        "six-icon-button"
-      ],
-      "dependencyGraph": {
-        "six-table-header-cell": [
-          "six-icon",
-          "six-dropdown",
-          "six-input",
-          "six-icon-button"
-        ],
-        "six-dropdown": [
-          "six-menu-item",
-          "six-input",
-          "six-menu"
-        ],
-        "six-menu-item": [
-          "six-icon"
-        ],
-        "six-input": [
-          "six-icon"
-        ],
-        "six-menu": [
-          "six-menu-item"
-        ],
-        "six-icon-button": [
-          "six-icon"
-        ],
-        "six-table": [
-          "six-table-header-cell"
-        ]
-      }
-    },
-    {
-      "filePath": "./src/components/six-table-row/six-table-row.tsx",
-      "encapsulation": "shadow",
-      "tag": "six-table-row",
-      "readme": "# six-table-row\n\n<!-- EXAMPLES -->\n",
-      "docs": "<!-- EXAMPLES -->",
-      "docsTags": [
-        {
-          "name": "since",
-          "text": "1.0"
-        },
-        {
-          "name": "status",
-          "text": "stable"
-        },
-        {
-          "name": "slot",
-          "text": "- Used to define the cells of the row."
-        }
-      ],
-      "usage": {},
-      "props": [],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [
-        {
-          "name": "",
-          "docs": "Used to define the cells of the row."
-        }
-      ],
-      "parts": [],
-      "dependents": [
-        "six-table"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "six-table": [
-          "six-table-row"
-        ]
-      }
-    },
     {
       "filePath": "./src/components/six-tag/six-tag.tsx",
       "encapsulation": "shadow",

package/dist/esm/{form-control-bdd1478a.js → form-control-3b440ea1.js}

@@ -1,4 +1,4 @@
-import { h } from './index-96b1af5d.js';
+import { h } from './index-5c0f6628.js';
 
 const FormControl = (props, children) => {
   const hasLabel = props.label ? true : props.hasLabelSlot;
@@ -29,4 +29,4 @@ const FormControl = (props, children) => {
 
 export { FormControl as F };
 
-//# sourceMappingURL=form-control-bdd1478a.js.map
+//# sourceMappingURL=form-control-3b440ea1.js.map

package/dist/esm/{form-control-bdd1478a.js.map → form-control-3b440ea1.js.map}

@@ -1 +1 @@
-{"file":"form-control-bdd1478a.js","mappings":";;MAiDM,WAAW,GAAG,CAAC,KAAuB,EAAE,QAAQ;EACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC;EACzD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC;;EAElE,MAAM,qBAAqB,GAAG,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC;EAErG,QACE,WACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;MACL,cAAc,EAAE,IAAI;MACpB,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,sBAAsB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;MAC/C,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,yBAAyB,EAAE,QAAQ;MACnC,6BAA6B,EAAE,WAAW;MAC1C,8BAA8B,EAAE,KAAK,CAAC,YAAY;MAClD,wBAAwB,EAAE,KAAK,CAAC,QAAQ;MACxC,uBAAuB,EAAE,KAAK,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,QAAQ;KAC/D;IAED,aACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE;QACL,qBAAqB,EAAE,IAAI;QAC3B,+BAA+B,EAAE,KAAK,CAAC,QAAQ;OAChD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,QAAQ,GAAG,OAAO,GAAG,MAAM,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY;MAE3B,YAAM,IAAI,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAQ,CACjC;IAER,WAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAO;IAEjD,WACE,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,iBACnB,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,MAAM,IAEjD,qBAAqB,GAAG,KAAK,CAAC,SAAS,GAAG,YAAM,IAAI,EAAC,YAAY,GAAG,CACjE;IAEN,WACE,IAAI,EAAC,WAAW,EAChB,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAC,yBAAyB,iBAClB,WAAW,GAAG,OAAO,GAAG,MAAM;MAE3C,YAAM,IAAI,EAAC,WAAW,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC1C,CACF,EACN;AACJ;;;;","names":[],"sources":["./src/functional-components/form-control/form-control.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nexport interface FormControlProps {\n  /** The input id, used to map the input to the label */\n  inputId: string;\n\n  /** The size of the form control */\n  size: 'small' | 'medium' | 'large';\n\n  /** The label id, used to map the label to the input */\n  labelId?: string;\n\n  /** The label text (if the label slot isn't used) */\n  label?: string;\n\n  /** Whether or not a label slot has been provided. */\n  hasLabelSlot?: boolean;\n\n  /** The help text id, used to map the input to the help text */\n  helpTextId?: string;\n\n  /** The help text (if the help-text slot isn't used) */\n  helpText?: string;\n\n  /** Whether or not a help text slot has been provided. */\n  hasHelpTextSlot?: boolean;\n\n  /** The error text id, used to map the input to the help text */\n  errorTextId?: string;\n\n  /** The error text (if the error-text slot isn't used) */\n  errorText?: string;\n\n  /** Whether or not a error text slot has been provided. */\n  hasErrorTextSlot?: boolean;\n\n  /** Set to true to disable the input. */\n  disabled?: boolean;\n\n  /** Set if the value is required. */\n  required?: boolean;\n\n  /** Set if the error text is displayed. */\n  displayError?: boolean;\n\n  /** A function that gets called when the label is clicked. */\n  onLabelClick?: (event: MouseEvent) => void;\n}\n\nconst FormControl = (props: FormControlProps, children) => {\n  const hasLabel = props.label ? true : props.hasLabelSlot;\n  const hasHelpText = props.helpText ? true : props.hasHelpTextSlot;\n  /** ErrorTextAttribute has precedence if non empty value is provided or if slot is not set */\n  const useErrorTextAttribute = (props.errorText && props.errorText !== '') || !props.hasErrorTextSlot;\n\n  return (\n    <div\n      part=\"form-control\"\n      class={{\n        'form-control': true,\n        'form-control--small': props.size === 'small',\n        'form-control--medium': props.size === 'medium',\n        'form-control--large': props.size === 'large',\n        'form-control--has-label': hasLabel,\n        'form-control--has-help-text': hasHelpText,\n        'form-control--has-error-text': props.displayError,\n        'form-control--disabled': props.disabled,\n        'form-control--invalid': props.displayError && !props.disabled,\n      }}\n    >\n      <label\n        part=\"label\"\n        id={props.labelId}\n        class={{\n          'form-control__label': true,\n          'form-control__label__required': props.required,\n        }}\n        htmlFor={props.inputId}\n        aria-hidden={hasLabel ? 'false' : 'true'}\n        onClick={props.onLabelClick}\n      >\n        <slot name=\"label\">{props.label}</slot>\n      </label>\n\n      <div class=\"form-control__input\">{children}</div>\n\n      <div\n        part=\"error-text\"\n        id={props.errorTextId}\n        class=\"form-control__error-text\"\n        aria-hidden={props.displayError ? 'false' : 'true'}\n      >\n        {useErrorTextAttribute ? props.errorText : <slot name=\"error-text\" />}\n      </div>\n\n      <div\n        part=\"help-text\"\n        id={props.helpTextId}\n        class=\"form-control__help-text\"\n        aria-hidden={hasHelpText ? 'false' : 'true'}\n      >\n        <slot name=\"help-text\">{props.helpText}</slot>\n      </div>\n    </div>\n  );\n};\n\nexport default FormControl;\n"],"version":3}
+{"file":"form-control-3b440ea1.js","mappings":";;MAiDM,WAAW,GAAG,CAAC,KAAuB,EAAE,QAAQ;EACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC;EACzD,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC,eAAe,CAAC;;EAElE,MAAM,qBAAqB,GAAG,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC;EAErG,QACE,WACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;MACL,cAAc,EAAE,IAAI;MACpB,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,sBAAsB,EAAE,KAAK,CAAC,IAAI,KAAK,QAAQ;MAC/C,qBAAqB,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;MAC7C,yBAAyB,EAAE,QAAQ;MACnC,6BAA6B,EAAE,WAAW;MAC1C,8BAA8B,EAAE,KAAK,CAAC,YAAY;MAClD,wBAAwB,EAAE,KAAK,CAAC,QAAQ;MACxC,uBAAuB,EAAE,KAAK,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,QAAQ;KAC/D;IAED,aACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,KAAK,CAAC,OAAO,EACjB,KAAK,EAAE;QACL,qBAAqB,EAAE,IAAI;QAC3B,+BAA+B,EAAE,KAAK,CAAC,QAAQ;OAChD,EACD,OAAO,EAAE,KAAK,CAAC,OAAO,iBACT,QAAQ,GAAG,OAAO,GAAG,MAAM,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY;MAE3B,YAAM,IAAI,EAAC,OAAO,IAAE,KAAK,CAAC,KAAK,CAAQ,CACjC;IAER,WAAK,KAAK,EAAC,qBAAqB,IAAE,QAAQ,CAAO;IAEjD,WACE,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,KAAK,CAAC,WAAW,EACrB,KAAK,EAAC,0BAA0B,iBACnB,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,MAAM,IAEjD,qBAAqB,GAAG,KAAK,CAAC,SAAS,GAAG,YAAM,IAAI,EAAC,YAAY,GAAG,CACjE;IAEN,WACE,IAAI,EAAC,WAAW,EAChB,EAAE,EAAE,KAAK,CAAC,UAAU,EACpB,KAAK,EAAC,yBAAyB,iBAClB,WAAW,GAAG,OAAO,GAAG,MAAM;MAE3C,YAAM,IAAI,EAAC,WAAW,IAAE,KAAK,CAAC,QAAQ,CAAQ,CAC1C,CACF,EACN;AACJ;;;;","names":[],"sources":["./src/functional-components/form-control/form-control.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nexport interface FormControlProps {\n  /** The input id, used to map the input to the label */\n  inputId: string;\n\n  /** The size of the form control */\n  size: 'small' | 'medium' | 'large';\n\n  /** The label id, used to map the label to the input */\n  labelId?: string;\n\n  /** The label text (if the label slot isn't used) */\n  label?: string;\n\n  /** Whether or not a label slot has been provided. */\n  hasLabelSlot?: boolean;\n\n  /** The help text id, used to map the input to the help text */\n  helpTextId?: string;\n\n  /** The help text (if the help-text slot isn't used) */\n  helpText?: string;\n\n  /** Whether or not a help text slot has been provided. */\n  hasHelpTextSlot?: boolean;\n\n  /** The error text id, used to map the input to the help text */\n  errorTextId?: string;\n\n  /** The error text (if the error-text slot isn't used) */\n  errorText?: string;\n\n  /** Whether or not a error text slot has been provided. */\n  hasErrorTextSlot?: boolean;\n\n  /** Set to true to disable the input. */\n  disabled?: boolean;\n\n  /** Set if the value is required. */\n  required?: boolean;\n\n  /** Set if the error text is displayed. */\n  displayError?: boolean;\n\n  /** A function that gets called when the label is clicked. */\n  onLabelClick?: (event: MouseEvent) => void;\n}\n\nconst FormControl = (props: FormControlProps, children) => {\n  const hasLabel = props.label ? true : props.hasLabelSlot;\n  const hasHelpText = props.helpText ? true : props.hasHelpTextSlot;\n  /** ErrorTextAttribute has precedence if non empty value is provided or if slot is not set */\n  const useErrorTextAttribute = (props.errorText && props.errorText !== '') || !props.hasErrorTextSlot;\n\n  return (\n    <div\n      part=\"form-control\"\n      class={{\n        'form-control': true,\n        'form-control--small': props.size === 'small',\n        'form-control--medium': props.size === 'medium',\n        'form-control--large': props.size === 'large',\n        'form-control--has-label': hasLabel,\n        'form-control--has-help-text': hasHelpText,\n        'form-control--has-error-text': props.displayError,\n        'form-control--disabled': props.disabled,\n        'form-control--invalid': props.displayError && !props.disabled,\n      }}\n    >\n      <label\n        part=\"label\"\n        id={props.labelId}\n        class={{\n          'form-control__label': true,\n          'form-control__label__required': props.required,\n        }}\n        htmlFor={props.inputId}\n        aria-hidden={hasLabel ? 'false' : 'true'}\n        onClick={props.onLabelClick}\n      >\n        <slot name=\"label\">{props.label}</slot>\n      </label>\n\n      <div class=\"form-control__input\">{children}</div>\n\n      <div\n        part=\"error-text\"\n        id={props.errorTextId}\n        class=\"form-control__error-text\"\n        aria-hidden={props.displayError ? 'false' : 'true'}\n      >\n        {useErrorTextAttribute ? props.errorText : <slot name=\"error-text\" />}\n      </div>\n\n      <div\n        part=\"help-text\"\n        id={props.helpTextId}\n        class=\"form-control__help-text\"\n        aria-hidden={hasHelpText ? 'false' : 'true'}\n      >\n        <slot name=\"help-text\">{props.helpText}</slot>\n      </div>\n    </div>\n  );\n};\n\nexport default FormControl;\n"],"version":3}

package/dist/esm/{index-96b1af5d.js → index-5c0f6628.js}

@@ -1938,7 +1938,6 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Fallback appLoad event
     endBootstrap();
 };
-const Fragment = (_, children) => children;
 const addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
     if (listeners) {
         listeners.map(([flags, name, method]) => {
@@ -2090,6 +2089,6 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
 
-//# sourceMappingURL=index-96b1af5d.js.map
+//# sourceMappingURL=index-5c0f6628.js.map