@public-ui/components 4.0.3-rc.1 → 4.0.3

package/vscode-custom-data.json

@@ -141,9 +141,6 @@
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "treeitem"
-            },
             {
               "name": "reset"
             },
@@ -151,22 +148,7 @@
               "name": "submit"
             },
             {
-              "name": "secondary"
-            },
-            {
-              "name": "normal"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "ghost"
-            },
-            {
-              "name": "custom"
+              "name": "treeitem"
             }
           ]
         }
@@ -232,10 +214,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_inline",
           "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px."
@@ -369,10 +347,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_inline",
           "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px."
@@ -437,6 +411,10 @@
         {
           "name": "_value",
           "description": "Defines the value of the element."
+        },
+        {
+          "name": "_variant",
+          "description": "Defines which variant should be used for presentation."
         }
       ]
     },
@@ -517,10 +495,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -804,10 +778,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_indeterminate",
           "description": "Puts the checkbox in the indeterminate state, does not change the value of _checked."
@@ -933,10 +903,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -968,9 +934,6 @@
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "treeitem"
-            },
             {
               "name": "reset"
             },
@@ -978,22 +941,7 @@
               "name": "submit"
             },
             {
-              "name": "secondary"
-            },
-            {
-              "name": "normal"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "ghost"
-            },
-            {
-              "name": "custom"
+              "name": "treeitem"
             }
           ]
         },
@@ -1064,10 +1012,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -1115,9 +1059,6 @@
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "treeitem"
-            },
             {
               "name": "reset"
             },
@@ -1125,22 +1066,7 @@
               "name": "submit"
             },
             {
-              "name": "secondary"
-            },
-            {
-              "name": "normal"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "ghost"
-            },
-            {
-              "name": "custom"
+              "name": "treeitem"
             }
           ]
         },
@@ -1240,10 +1166,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -1311,9 +1233,6 @@
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "treeitem"
-            },
             {
               "name": "reset"
             },
@@ -1321,22 +1240,7 @@
               "name": "submit"
             },
             {
-              "name": "secondary"
-            },
-            {
-              "name": "normal"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "ghost"
-            },
-            {
-              "name": "custom"
+              "name": "treeitem"
             }
           ]
         },
@@ -1407,10 +1311,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -1450,9 +1350,6 @@
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "treeitem"
-            },
             {
               "name": "reset"
             },
@@ -1460,22 +1357,7 @@
               "name": "submit"
             },
             {
-              "name": "secondary"
-            },
-            {
-              "name": "normal"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "ghost"
-            },
-            {
-              "name": "custom"
+              "name": "treeitem"
             }
           ]
         },
@@ -1538,10 +1420,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -1593,9 +1471,6 @@
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "treeitem"
-            },
             {
               "name": "reset"
             },
@@ -1603,22 +1478,7 @@
               "name": "submit"
             },
             {
-              "name": "secondary"
-            },
-            {
-              "name": "normal"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "ghost"
-            },
-            {
-              "name": "custom"
+              "name": "treeitem"
             }
           ]
         },
@@ -1697,10 +1557,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -1764,9 +1620,6 @@
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "treeitem"
-            },
             {
               "name": "reset"
             },
@@ -1774,22 +1627,7 @@
               "name": "submit"
             },
             {
-              "name": "secondary"
-            },
-            {
-              "name": "normal"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "ghost"
-            },
-            {
-              "name": "custom"
+              "name": "treeitem"
             }
           ]
         },
@@ -1856,10 +1694,6 @@
           "name": "_hint",
           "description": "Defines the hint text."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -1966,10 +1800,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -2080,10 +1910,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -2147,9 +1973,6 @@
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "treeitem"
-            },
             {
               "name": "reset"
             },
@@ -2157,22 +1980,7 @@
               "name": "submit"
             },
             {
-              "name": "secondary"
-            },
-            {
-              "name": "normal"
-            },
-            {
-              "name": "tertiary"
-            },
-            {
-              "name": "danger"
-            },
-            {
-              "name": "ghost"
-            },
-            {
-              "name": "custom"
+              "name": "treeitem"
             }
           ]
         },
@@ -2362,6 +2170,10 @@
               "name": "top"
             }
           ]
+        },
+        {
+          "name": "_variant",
+          "description": "Defines which variant should be used for presentation."
         }
       ]
     },
@@ -2725,10 +2537,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_inline",
           "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px."
@@ -3069,10 +2877,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -3179,10 +2983,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -3293,10 +3093,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -3460,10 +3256,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
@@ -3737,10 +3529,6 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
-        {
-          "name": "_id",
-          "description": "Defines the internal ID of the primary component element."
-        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."

package/dist/cjs/CustomSuggestionsOptionsGroup-D3bngBeM.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var index=require("./index-Bl1okL2L.js"),clsx=require("./clsx-RqM_0UPm.js");const CustomSuggestionsOptionFc=({disabled:o,index:s,ref:e,selected:n,onClick:i,onMouseOver:t,onFocus:u,onKeyDown:l,option:r,searchTerm:c})=>index.h("li",{id:`option-${s}`,key:`-${s}`,ref:e,"data-index":s,tabIndex:-1,role:"option","aria-selected":n?"true":void 0,"aria-disabled":o?"true":void 0,onClick:i,onMouseOver:t,onFocus:u,class:clsx.clsx("kol-custom-suggestions-option",{"kol-custom-suggestions-option--disabled":o}),onKeyDown:l},index.h("span",null,((o,s)=>{if(!(null==s?void 0:s.trim()))return o;const e=new RegExp(`(${s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi"),n=o.split(e);return n[1]=index.h("mark",null,n[1]),n})(String(r),c||""))),CustomSuggestionsOptionsGroupFc=({blockSuggestionMouseOver:o,onKeyDown:s,style:e,hidden:n},i)=>index.h("ul",{role:"listbox",style:e,class:clsx.clsx("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":o,"kol-custom-suggestions-options-group--open":!n}),hidden:n,onKeyDown:s},i);exports.CustomSuggestionsOptionFc=CustomSuggestionsOptionFc,exports.CustomSuggestionsOptionsGroupFc=CustomSuggestionsOptionsGroupFc;

package/dist/cjs/CustomSuggestionsOptionsGroup-D3bngBeM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomSuggestionsOptionsGroup-D3bngBeM.js","sources":["src/functional-components/CustomSuggestionsOption/CustomSuggestionsOption.tsx","src/functional-components/CustomSuggestionsOptionsGroup/CustomSuggestionsOptionsGroup.tsx"],"sourcesContent":["import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsProps = JSXBase.HTMLAttributes<HTMLLIElement> & {\n\tdisabled: boolean;\n\tindex: number;\n\toption: W3CInputValue;\n\tselected: boolean;\n\tsearchTerm?: string;\n\tref?: ((elm?: HTMLLIElement | undefined) => void) | undefined;\n};\n\nconst CustomSuggestionsOptionFc: FC<CustomSuggestionsProps> = ({\n\tdisabled,\n\tindex,\n\tref,\n\tselected,\n\tonClick,\n\tonMouseOver,\n\tonFocus,\n\tonKeyDown,\n\toption,\n\tsearchTerm,\n}) => {\n\tconst highlightSearchTerm = (text: string, searchTerm: string) => {\n\t\tif (!searchTerm?.trim()) return text;\n\n\t\tconst regex = new RegExp(`(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'gi');\n\t\tconst parts = text.split(regex);\n\n\t\tparts[1] = <mark>{parts[1]}</mark>;\n\n\t\treturn parts;\n\t};\n\n\treturn (\n\t\t<li\n\t\t\tid={`option-${index}`}\n\t\t\tkey={`-${index}`}\n\t\t\tref={ref}\n\t\t\tdata-index={index}\n\t\t\ttabIndex={-1}\n\t\t\trole=\"option\"\n\t\t\taria-selected={selected ? 'true' : undefined}\n\t\t\taria-disabled={disabled ? 'true' : undefined}\n\t\t\tonClick={onClick}\n\t\t\tonMouseOver={onMouseOver}\n\t\t\tonFocus={onFocus}\n\t\t\tclass={clsx('kol-custom-suggestions-option', { 'kol-custom-suggestions-option--disabled': disabled })}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t<span>{highlightSearchTerm(String(option), searchTerm || '')}</span>\n\t\t</li>\n\t);\n};\nexport default CustomSuggestionsOptionFc;\n","import { type FunctionalComponent as FC, h } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from '../../utils/clsx';\n\nexport type CustomSuggestionsOptionsGroupProps = JSXBase.HTMLAttributes<HTMLUListElement> & {\n\tblockSuggestionMouseOver: boolean;\n};\n\nconst CustomSuggestionsOptionsGroupFc: FC<CustomSuggestionsOptionsGroupProps> = ({ blockSuggestionMouseOver, onKeyDown, style, hidden }, children) => {\n\treturn (\n\t\t<ul\n\t\t\trole=\"listbox\"\n\t\t\tstyle={style}\n\t\t\tclass={clsx('kol-custom-suggestions-options-group', {\n\t\t\t\t'kol-custom-suggestions-options-group--cursor-hidden': blockSuggestionMouseOver,\n\t\t\t\t'kol-custom-suggestions-options-group--open': !hidden,\n\t\t\t})}\n\t\t\thidden={hidden}\n\t\t\tonKeyDown={onKeyDown}\n\t\t>\n\t\t\t{children}\n\t\t</ul>\n\t);\n};\nexport default CustomSuggestionsOptionsGroupFc;\n"],"names":["index","h","clsx"],"mappings":";;;;;;;;AAcM,MAAA,yBAAyB,GAA+B,CAAC,EAC9D,QAAQ,SACRA,OAAK,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EACP,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,GACV,KAAI;AACJ,IAAA,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,UAAkB,KAAI;QAChE,IAAI,EAAC,UAAU,KAAV,IAAA,IAAA,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE,CAAA;AAAE,YAAA,OAAO,IAAI;AAEpC,QAAA,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,CAAA,CAAA,EAAI,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC;QACxF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;AAE/B,QAAA,KAAK,CAAC,CAAC,CAAC,GAAGC,OAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAC,CAAC,CAAC,CAAQ;AAElC,QAAA,OAAO,KAAK;AACb,KAAC;IAED,QACCA,OACC,CAAA,IAAA,EAAA,EAAA,EAAE,EAAE,CAAU,OAAA,EAAAD,OAAK,CAAE,CAAA,EACrB,GAAG,EAAE,CAAA,CAAA,EAAIA,OAAK,CAAA,CAAE,EAChB,GAAG,EAAE,GAAG,EAAA,YAAA,EACIA,OAAK,EACjB,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,QAAQ,EACE,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC7B,eAAA,EAAA,QAAQ,GAAG,MAAM,GAAG,SAAS,EAC5C,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAEE,SAAI,CAAC,+BAA+B,EAAE,EAAE,yCAAyC,EAAE,QAAQ,EAAE,CAAC,EACrG,SAAS,EAAE,SAAS,EAAA,EAEpBD,OAAA,CAAA,MAAA,EAAA,IAAA,EAAO,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,CAAQ,CAChE;AAEP;;AChDA,MAAM,+BAA+B,GAA2C,CAAC,EAAE,wBAAwB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,KAAI;AACpJ,IAAA,QACCA,OAAA,CAAA,IAAA,EAAA,EACC,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAEC,SAAI,CAAC,sCAAsC,EAAE;AACnD,YAAA,qDAAqD,EAAE,wBAAwB;YAC/E,4CAA4C,EAAE,CAAC,MAAM;AACrD,SAAA,CAAC,EACF,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EAEnB,EAAA,QAAQ,CACL;AAEP;;;;;"}