@neo4j-ndl/react 3.0.0-alpha-4904fb7 → 3.0.0-alpha-73cdbc3

package/lib/esm/status-indicator/StatusIndicator.js

@@ -33,19 +33,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { classNames } from '../_common/defaultImports';
 export const StatusIndicator = React.forwardRef(function StatusIndicator(_a, ref) {
-    var { className, type = 'unknown' } = _a, restProps = __rest(_a, ["className", "type"]);
+    var { as, className, style, type = 'unknown', htmlAttributes } = _a, restProps = __rest(_a, ["as", "className", "style", "type", "htmlAttributes"]);
     const classes = classNames('ndl-status-indicator', className);
+    const Component = as || 'span';
     switch (type) {
         case 'success':
-            return (_jsx("span", Object.assign({}, restProps, { className: classes, ref: ref, children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("circle", { cx: "4", cy: "4", r: "4", fill: "rgb(var(--theme-palette-success-bg-status))" }) }) })));
+            return (_jsx(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("circle", { cx: "4", cy: "4", r: "4", fill: "rgb(var(--theme-palette-success-bg-status))" }) }) })));
         case 'info':
-            return (_jsx("span", Object.assign({}, restProps, { className: classes, ref: ref, children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("circle", { cx: "4", cy: "4", r: "4", fill: "rgb(var(--theme-palette-primary-bg-status))" }) }) })));
+            return (_jsx(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("circle", { cx: "4", cy: "4", r: "4", fill: "rgb(var(--theme-palette-primary-bg-status))" }) }) })));
         case 'warning':
-            return (_jsx("span", Object.assign({}, restProps, { className: classes, ref: ref, children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4.57641 0.35903C4.52349 0.251301 4.44144 0.160559 4.33957 0.0970988C4.23769 0.0336384 4.12007 0 4.00005 0C3.88002 0 3.7624 0.0336384 3.66053 0.0970988C3.55865 0.160559 3.4766 0.251301 3.42368 0.35903L0.0554707 7.22061C0.0149262 7.30309 -0.00393024 7.39454 0.000681349 7.48633C0.00529294 7.57812 0.0332205 7.66722 0.0818275 7.74522C0.130434 7.82322 0.198117 7.88754 0.278487 7.93212C0.358856 7.9767 0.44926 8.00006 0.541165 8H7.45893C7.55083 8.00006 7.64124 7.9767 7.7216 7.93212C7.80197 7.88754 7.86966 7.82322 7.91826 7.74522C7.96687 7.66722 7.9948 7.57812 7.99941 7.48633C8.00402 7.39454 7.98517 7.30309 7.94462 7.22061L4.57641 0.35903Z", fill: "rgb(var(--theme-palette-warning-bg-status))" }) }) })));
+            return (_jsx(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M4.57641 0.35903C4.52349 0.251301 4.44144 0.160559 4.33957 0.0970988C4.23769 0.0336384 4.12007 0 4.00005 0C3.88002 0 3.7624 0.0336384 3.66053 0.0970988C3.55865 0.160559 3.4766 0.251301 3.42368 0.35903L0.0554707 7.22061C0.0149262 7.30309 -0.00393024 7.39454 0.000681349 7.48633C0.00529294 7.57812 0.0332205 7.66722 0.0818275 7.74522C0.130434 7.82322 0.198117 7.88754 0.278487 7.93212C0.358856 7.9767 0.44926 8.00006 0.541165 8H7.45893C7.55083 8.00006 7.64124 7.9767 7.7216 7.93212C7.80197 7.88754 7.86966 7.82322 7.91826 7.74522C7.96687 7.66722 7.9948 7.57812 7.99941 7.48633C8.00402 7.39454 7.98517 7.30309 7.94462 7.22061L4.57641 0.35903Z", fill: "rgb(var(--theme-palette-warning-bg-status))" }) }) })));
         case 'danger':
-            return (_jsx("span", Object.assign({}, restProps, { className: classes, ref: ref, children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0.188426 4.45553C0.067771 4.33472 0 4.17097 0 4.00024C0 3.8295 0.067771 3.66575 0.188426 3.54494L3.54489 0.188838C3.6046 0.128979 3.67554 0.0814871 3.75363 0.0490833C3.83173 0.0166795 3.91545 0 4 0C4.08455 0 4.16827 0.0166795 4.24637 0.0490833C4.32446 0.0814871 4.3954 0.128979 4.45511 0.188838L7.81157 3.54494C7.93223 3.66575 8 3.8295 8 4.00024C8 4.17097 7.93223 4.33472 7.81157 4.45553L4.45511 7.81163C4.33437 7.93226 4.17068 8.00003 4 8.00003C3.82932 8.00003 3.66563 7.93226 3.54489 7.81163L0.188426 4.45553Z", fill: "rgb(var(--theme-palette-danger-bg-status))" }) }) })));
+            return (_jsx(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0.188426 4.45553C0.067771 4.33472 0 4.17097 0 4.00024C0 3.8295 0.067771 3.66575 0.188426 3.54494L3.54489 0.188838C3.6046 0.128979 3.67554 0.0814871 3.75363 0.0490833C3.83173 0.0166795 3.91545 0 4 0C4.08455 0 4.16827 0.0166795 4.24637 0.0490833C4.32446 0.0814871 4.3954 0.128979 4.45511 0.188838L7.81157 3.54494C7.93223 3.66575 8 3.8295 8 4.00024C8 4.17097 7.93223 4.33472 7.81157 4.45553L4.45511 7.81163C4.33437 7.93226 4.17068 8.00003 4 8.00003C3.82932 8.00003 3.66563 7.93226 3.54489 7.81163L0.188426 4.45553Z", fill: "rgb(var(--theme-palette-danger-bg-status))" }) }) })));
         default:
-            return (_jsx("span", Object.assign({}, restProps, { className: classes, ref: ref, children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("rect", { width: "8", height: "8", rx: "1", fill: "rgb(var(--theme-palette-neutral-bg-status))" }) }) })));
+            return (_jsx(Component, Object.assign({}, restProps, { className: classes, style: style, ref: ref }, htmlAttributes, { children: _jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("rect", { width: "8", height: "8", rx: "1", fill: "rgb(var(--theme-palette-neutral-bg-status))" }) }) })));
     }
 });
 //# sourceMappingURL=StatusIndicator.js.map

package/lib/esm/status-indicator/StatusIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../../src/status-indicator/StatusIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAUvD,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,eAAe,CACtE,EAAmE,EACnE,GAAwC;QADxC,EAAE,SAAS,EAAE,IAAI,GAAG,SAAS,OAAsC,EAAjC,SAAS,cAA3C,qBAA6C,CAAF;IAG3C,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAE9D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,CACL,+BAAU,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YAC/C,cACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iBACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,6CAA6C,GAClD,GACE,IACD,CACR,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,CACL,+BAAU,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YAC/C,cACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iBACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,6CAA6C,GAClD,GACE,IACD,CACR,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO,CACL,+BAAU,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YAC/C,cACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,ioBAAioB,EACnoB,IAAI,EAAC,6CAA6C,GAClD,GACE,IACD,CACR,CAAC;QACJ,KAAK,QAAQ;YACX,OAAO,CACL,+BAAU,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YAC/C,cACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,kgBAAkgB,EACpgB,IAAI,EAAC,4CAA4C,GACjD,GACE,IACD,CACR,CAAC;QACJ;YACE,OAAO,CACL,+BAAU,SAAS,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YAC/C,cACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,6CAA6C,GAClD,GACE,IACD,CACR,CAAC;IACN,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"StatusIndicator.js","sourceRoot":"","sources":["../../../src/status-indicator/StatusIndicator.tsx"],"names":[],"mappings":"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"}

package/lib/esm/tabs/Tabs.js

@@ -40,14 +40,14 @@ const getGeneralTabClasses = (size, fill) => {
         'ndl-underline-tab': fill === 'underline',
     };
 };
-const TabsComponent = forwardRef(function TabsComponent({ children, size = 'large', fill = 'underline', onChange, value, className, as, htmlAttributes, }, ref) {
+const TabsComponent = forwardRef(function TabsComponent({ children, size = 'large', fill = 'underline', onChange, value, className, style, as, htmlAttributes, }, ref) {
     const classes = classNames('ndl-tabs', getGeneralTabClasses(size, fill), className);
     const Component = as || 'div';
-    return (_jsx(Component, Object.assign({ className: classes, role: "tablist", ref: ref }, htmlAttributes, { children: _jsx(TabsContext.Provider, { value: { value, size, fill, onChange }, children: children }) })));
+    return (_jsx(Component, Object.assign({ className: classes, style: style, role: "tablist", ref: ref }, htmlAttributes, { children: _jsx(TabsContext.Provider, { value: { value, size, fill, onChange }, children: children }) })));
 });
 TabsComponent.displayName =
     'Tabs';
-const TabsTab = forwardRef(function TabsTab({ children, tabId, isDisabled = false, className, as, htmlAttributes, }, ref) {
+const TabsTab = forwardRef(function TabsTab({ children, tabId, isDisabled = false, className, style, as, htmlAttributes, }, ref) {
     const { size, fill, value, onChange } = useTabsContext();
     const baseClasses = classNames(Object.assign(Object.assign({}, getGeneralTabClasses(size, fill)), { 'ndl-selected': value === tabId, 'ndl-disabled': isDisabled }));
     const Component = as || 'button';
@@ -57,12 +57,12 @@ const TabsTab = forwardRef(function TabsTab({ children, tabId, isDisabled = fals
     const castOnChange = onChange;
     const handleChange = () => !isDisabled && castOnChange(tabId);
     const classes = classNames('ndl-tab', baseClasses, className);
-    return (_jsxs(Component, Object.assign({ className: classes, onClick: handleChange, role: "tab", "aria-controls": value === tabId ? getTabPanelId(tabId) : undefined, ref: ref }, htmlAttributes, { children: [children, fill === 'underline' && _jsx("span", { className: "ndl-tab-underline" })] })));
+    return (_jsxs(Component, Object.assign({ className: classes, style: style, onClick: handleChange, role: "tab", "aria-controls": value === tabId ? getTabPanelId(tabId) : undefined, ref: ref }, htmlAttributes, { children: [children, fill === 'underline' && _jsx("span", { className: "ndl-tab-underline" })] })));
 });
 TabsTab.displayName = 'Tabs.Tab';
-const TabsTabPanel = React.forwardRef(function TabsTabPanel({ as, children, value, tabId, htmlAttributes, }, ref) {
+const TabsTabPanel = React.forwardRef(function TabsTabPanel({ as, children, value, tabId, style, className, htmlAttributes, }, ref) {
     const Component = as || 'div';
-    return (_jsx(_Fragment, { children: value === tabId && (_jsx(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId), ref: ref }, htmlAttributes, { children: children }))) }));
+    return (_jsx(_Fragment, { children: value === tabId && (_jsx(Component, Object.assign({ role: "tabpanel", id: getTabPanelId(tabId), style: style, className: classNames(className), ref: ref }, htmlAttributes, { children: children }))) }));
 });
 // To work with forwardRef: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
 const Tabs = Object.assign(TabsComponent, {

package/lib/esm/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/lib/esm/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAyC5C;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CAC9C,KAAe,EACf,GAAuC;IAEvC,MAAM,EACJ,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,WAAW,EACX,QAAQ,EACR,SAAS,EACT,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,IAAI,WAAW,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QAClD,oBAAoB,CAClB,0EAA0E,CAC3E,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC/C,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,gBAAgB,EAAE,WAAW;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,cAAc,eAClD,QAAQ,EACR,WAAW,IAAI,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,gBACN,YAAY,YAEvB,KAAC,gBAAgB,KAAG,GACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/tag/Tag.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AA4C5C;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,CAC9C,KAAe,EACf,GAAuC;IAEvC,MAAM,EACJ,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,WAAW,EACX,QAAQ,EACR,SAAS,EACT,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,IAAI,WAAW,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QAClD,oBAAoB,CAClB,0EAA0E,CAC3E,CAAC;IACJ,CAAC;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC/C,iBAAiB,EAAE,IAAI,KAAK,aAAa;QACzC,gBAAgB,EAAE,WAAW;QAC7B,WAAW,EAAE,IAAI,KAAK,OAAO;QAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;QAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;KAC9B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;QAChB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,cAAc,eAClD,QAAQ,EACR,WAAW,IAAI,CACd,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,gBACN,YAAY,YAEvB,KAAC,gBAAgB,KAAG,GACb,CACV,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/esm/{textarea/Textarea.js → text-area/TextArea.js}

@@ -28,13 +28,13 @@ import { Tooltip } from '../tooltip';
 /**
  *
  *
- * Textarea Component
+ * TextArea Component
  *
  *
  */
-export const Textarea = forwardRef(function Textarea(props, ref) {
-    const { label, isFluid, errorText, helpText, isOptional = false, informationIconText, size = 'medium', ariaLabel: ariaLabel, tooltipProps, isDisabled, className, isReadOnly, htmlAttributes, } = props;
-    const containerWrappingClasses = classNames(`ndl-textarea ndl-type-text`, className, {
+export const TextArea = forwardRef(function TextArea(props, ref) {
+    const { label, isFluid, errorText, helpText, isOptional = false, informationIconText, size = 'medium', ariaLabel: ariaLabel, tooltipProps, isDisabled, className, isReadOnly, value, placeholder, htmlAttributes, } = props;
+    const containerWrappingClasses = classNames(`ndl-text-area ndl-type-text`, className, {
         'ndl-disabled': isDisabled,
         'ndl-small': size === 'small',
         'ndl-medium': size === 'medium',
@@ -44,15 +44,15 @@ export const Textarea = forwardRef(function Textarea(props, ref) {
         'ndl-has-icon': errorText,
     });
     const hasEmptyLabelValue = !label || label === '';
-    const labelWrappingClasses = classNames('ndl-textarea-label', {
+    const labelWrappingClasses = classNames('ndl-text-area-label', {
         'ndl-fluid': isFluid,
-        'ndl-textarea-no-label': hasEmptyLabelValue,
+        'ndl-text-area-no-label': hasEmptyLabelValue,
     });
     const isCustomLabel = label && typeof label !== 'string';
     const hasCustomLabelAndNoAriaLabel = isCustomLabel && !ariaLabel;
     useMemo(() => {
         if (!label && !ariaLabel) {
-            needleWarningMessage('A Textarea without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI');
+            needleWarningMessage('A TextArea without a label does not have an aria label, be sure to include an aria label for screen readers link: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI');
         }
         if (hasCustomLabelAndNoAriaLabel) {
             needleWarningMessage(customLabelAndNoAriaLabelWarningMessage);
@@ -62,6 +62,6 @@ export const Textarea = forwardRef(function Textarea(props, ref) {
         'ndl-information-icon-small': size === 'small' || size === 'medium',
         'ndl-information-icon-large': size === 'large',
     });
-    return (_jsxs("div", { className: containerWrappingClasses, children: [_jsxs("label", { className: labelWrappingClasses, children: [_jsx("div", { className: "ndl-textarea-wrapper", children: _jsx("textarea", Object.assign({ disabled: isDisabled, ref: ref, "aria-label": ariaLabel, readOnly: isReadOnly }, htmlAttributes)) }), !hasEmptyLabelValue && (_jsxs("div", { className: "ndl-textarea-wrapper", children: [_jsx("span", { className: "ndl-textarea-label-text", children: label }), informationIconText && (_jsxs(Tooltip, Object.assign({ type: "simple" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { children: _jsx("div", { className: informationIconClasses, "data-testid": "ndl-information-icon", children: _jsx(InformationCircleIconOutline, {}) }) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && (_jsx("span", { className: "ndl-textarea-optional", children: "Optional" }))] }))] }), helpText && !errorText && (_jsx("div", { className: "ndl-textarea-msg", children: helpText })), errorText && (_jsxs("div", { className: "ndl-textarea-msg", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx("div", { className: "ndl-error-text", children: errorText })] }))] }));
+    return (_jsxs("div", { className: containerWrappingClasses, children: [_jsxs("label", { className: labelWrappingClasses, children: [_jsx("div", { className: "ndl-text-area-wrapper", children: _jsx("textarea", Object.assign({ disabled: isDisabled, ref: ref, "aria-label": ariaLabel, readOnly: isReadOnly, value: value, placeholder: placeholder }, htmlAttributes)) }), !hasEmptyLabelValue && (_jsxs("div", { className: "ndl-text-area-wrapper", children: [_jsx("span", { className: "ndl-text-area-label-text", children: label }), informationIconText && (_jsxs(Tooltip, Object.assign({ type: "simple" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { children: _jsx("div", { className: informationIconClasses, "data-testid": "ndl-information-icon", children: _jsx(InformationCircleIconOutline, {}) }) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && (_jsx("span", { className: "ndl-text-area-optional", children: "Optional" }))] }))] }), helpText && !errorText && (_jsx("div", { className: "ndl-text-area-msg", children: helpText })), errorText && (_jsxs("div", { className: "ndl-text-area-msg", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx("div", { className: "ndl-error-text", children: errorText })] }))] }));
 });
-//# sourceMappingURL=Textarea.js.map
+//# sourceMappingURL=TextArea.js.map

package/lib/esm/text-area/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/text-area/TextArea.tsx"],"names":[],"mappings":"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"}

package/lib/esm/{textarea → text-area}/index.js

@@ -18,5 +18,5 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-export * from './Textarea';
+export * from './TextArea';
 //# sourceMappingURL=index.js.map

package/lib/esm/text-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-area/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,YAAY,CAAC"}

package/lib/esm/text-input/TextInput.js

@@ -34,7 +34,7 @@ import { Tooltip } from '../tooltip';
  *
  */
 export const TextInput = forwardRef(function TextInput(props, ref) {
-    const { label, isFluid, errorText, helpText, leftElement, rightElement, isOptional = false, informationIconText, size = 'medium', value, tooltipProps, htmlAttributes, isDisabled, isReadOnly, isRequired, className, } = props;
+    const { label, isFluid, errorText, helpText, leftElement, rightElement, isOptional = false, informationIconText, size = 'medium', placeholder, value, tooltipProps, htmlAttributes, isDisabled, isReadOnly, isRequired, onChange, className, style, } = props;
     const containerWrappingClasses = classNames(`ndl-text-input`, className, {
         'ndl-disabled': isDisabled,
         'ndl-read-only': isReadOnly,
@@ -67,6 +67,6 @@ export const TextInput = forwardRef(function TextInput(props, ref) {
         'ndl-information-icon-small': size === 'small' || size === 'medium',
         'ndl-information-icon-large': size === 'large',
     });
-    return (_jsxs("div", { className: containerWrappingClasses, children: [_jsxs("label", { className: labelWrappingClasses, children: [!hasEmptyLabelValue && (_jsxs("div", { className: "ndl-label-text-wrapper", children: [_jsx(Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-label-text", children: label }), informationIconText && (_jsxs(Tooltip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { type: "simple", children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { className: informationIconClasses, children: _jsx(InformationCircleIconOutline, {}) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && (_jsx(Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-form-item-optional", children: "Optional" }))] })), _jsxs("div", { className: "ndl-input-wrapper", children: [leftElement && (_jsx("div", { className: "ndl-element-left ndl-element", children: leftElement })), _jsx("input", Object.assign({ readOnly: isReadOnly, disabled: isDisabled, required: isRequired, value: value, type: "text" }, combinedHtmlInputAttributes, { ref: ref })), rightElement && (_jsx("div", { className: "ndl-element-right ndl-element", children: rightElement }))] })] }), helpText && !errorText && (_jsx(Typography, { variant: size === 'large' ? 'body-medium' : 'body-small', className: "ndl-form-message", children: helpText })), errorText && (_jsxs("div", { className: "ndl-form-message", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx(Typography, { className: "ndl-error-text", variant: size === 'large' ? 'body-medium' : 'body-small', children: errorText })] }))] }));
+    return (_jsxs("div", { className: containerWrappingClasses, style: style, children: [_jsxs("label", { className: labelWrappingClasses, children: [!hasEmptyLabelValue && (_jsxs("div", { className: "ndl-label-text-wrapper", children: [_jsx(Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-label-text", children: label }), informationIconText && (_jsxs(Tooltip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { type: "simple", children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { className: informationIconClasses, children: _jsx(InformationCircleIconOutline, {}) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && (_jsx(Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', className: "ndl-form-item-optional", children: "Optional" }))] })), _jsxs("div", { className: "ndl-input-wrapper", children: [leftElement && (_jsx("div", { className: "ndl-element-left ndl-element", children: leftElement })), _jsx("input", Object.assign({ readOnly: isReadOnly, disabled: isDisabled, required: isRequired, value: value, placeholder: placeholder, type: "text", onChange: onChange }, combinedHtmlInputAttributes, { ref: ref })), rightElement && (_jsx("div", { className: "ndl-element-right ndl-element", children: rightElement }))] })] }), helpText && !errorText && (_jsx(Typography, { variant: size === 'large' ? 'body-medium' : 'body-small', className: "ndl-form-message", children: helpText })), errorText && (_jsxs("div", { className: "ndl-form-message", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx(Typography, { className: "ndl-error-text", variant: size === 'large' ? 'body-medium' : 'body-small', children: errorText })] }))] }));
 });
 //# sourceMappingURL=TextInput.js.map

package/lib/esm/text-input/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"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"}

package/lib/esm/text-link/TextLink.js

@@ -28,6 +28,6 @@ export const TextLink = React.forwardRef(function TextLink({ children, href, isE
     const classes = classNames('ndl-text-link', className, {
         'ndl-external-link': isExternalLink,
     });
-    return (_jsxs(Component, Object.assign({ className: classes, href: href, ref: ref }, (propsTarget && { target: propsTarget }), htmlAttributes, { children: [_jsx("div", { children: children }), isExternalLink && (_jsx("div", { children: _jsx(ArrowUpRightIconOutline, { className: "ndl-external-link-icon" }) }))] })));
+    return (_jsxs(Component, Object.assign({ className: classes, href: href, ref: ref }, (propsTarget && { target: propsTarget }), htmlAttributes, { children: [children, isExternalLink && (_jsx(ArrowUpRightIconOutline, { className: "ndl-external-link-icon" }))] })));
 });
 //# sourceMappingURL=TextLink.js.map

package/lib/esm/text-link/TextLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/text-link/TextLink.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AA6BnD,MAAM,CAAC,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAAC,SAAS,QAAQ,CAG3E,EACE,QAAQ,EACR,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,EAAE,EACF,SAAS,EACT,MAAM,EACN,cAAc,GAC8B,EAC9C,GAAsB;IAEtB,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,EAAE,IAAI,GAAG,CAAC;IAE5B,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,EAAE;QACrD,mBAAmB,EAAE,cAAc;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,IACJ,CAAC,WAAW,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EACxC,cAAc,eAElB,wBAAM,QAAQ,GAAO,EACpB,cAAc,IAAI,CACjB,wBACE,KAAC,uBAAuB,IAAC,SAAS,EAAC,wBAAwB,GAAG,GAC1D,CACP,KACS,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/text-link/TextLink.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AA6BnD,MAAM,CAAC,MAAM,QAAQ,GAAsB,KAAK,CAAC,UAAU,CAAC,SAAS,QAAQ,CAG3E,EACE,QAAQ,EACR,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,EAAE,EACF,SAAS,EACT,MAAM,EACN,cAAc,GAC8B,EAC9C,GAAsB;IAEtB,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,EAAE,IAAI,GAAG,CAAC;IAE5B,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,EAAE;QACrD,mBAAmB,EAAE,cAAc;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,IACJ,CAAC,WAAW,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EACxC,cAAc,eAEjB,QAAQ,EACR,cAAc,IAAI,CACjB,KAAC,uBAAuB,IAAC,SAAS,EAAC,wBAAwB,GAAG,CAC/D,KACS,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/types/_common/CodeBlockWrapper.d.ts

@@ -35,4 +35,4 @@ export interface CodeBlockWrapperProps {
 export declare const CodeBlockWrapper: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("./types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & CodeBlockWrapperProps & React.RefAttributes<unknown>>;
+} & CodeBlockWrapperProps & import("./types").CommonComponentProps & React.RefAttributes<unknown>>;

package/lib/types/_common/input/RadioAndCheckboxWrapper.d.ts

@@ -40,10 +40,19 @@ export interface RadioAndCheckboxProps extends Omit<CommonInputProps, 'label'> {
     onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     type?: ComponentPropsWithoutRef<'input'>['type'];
+    value?: React.InputHTMLAttributes<HTMLInputElement>['value'];
     ariaLabel?: string;
     isDefaultChecked?: boolean;
     /** HTML attributes */
     htmlAttributes?: HtmlAttributes<'input'>;
+    /**
+     * Additional classnames will be applied to the root element.
+     */
+    className?: string;
+    /**
+     * Additional css styling. Will be applied to the root element.
+     */
+    style?: React.CSSProperties;
 }
 /** Add any helper functions here. */
 /**

package/lib/types/_common/types.d.ts

@@ -18,7 +18,17 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-import { type ComponentPropsWithoutRef } from 'react';
+import { type ComponentPropsWithoutRef, type CSSProperties } from 'react';
+export type CommonComponentProps = {
+    /**
+     * Additional classnames will be applied to the root element.
+     */
+    className?: string;
+    /**
+     * Additional css styling. Will be applied to the root element.
+     */
+    style?: CSSProperties;
+};
 export type PolymorphicComponentProps<T extends React.ElementType, Props = Record<string, never>> = {
     /**
      * Html attributes to apply to the root element. This will override any default html attributes, use with caution.
@@ -29,7 +39,7 @@ export type PolymorphicComponentProps<T extends React.ElementType, Props = Recor
      * Can also be another React component.
      */
     as?: T;
-} & Props;
+} & Props & CommonComponentProps;
 export type PolymorphicRef<T extends React.ElementType> = React.ComponentPropsWithRef<T>['ref'];
 export type PolymorphicComponentPropsWithRef<T extends React.ElementType, Props = Record<string, never>> = PolymorphicComponentProps<T, Props> & {
     ref?: PolymorphicRef<T>;

package/lib/types/accordion/Accordion.d.ts

@@ -19,15 +19,11 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type HtmlAttributes } from '../_common/types';
+import { type PolymorphicComponentProps, type HtmlAttributes } from '../_common/types';
 export type AccordionItemId = string | number | undefined;
 export interface AccordionBase {
     /** The component children. */
     children: React.ReactNode;
-    /** Additional className */
-    className?: string;
-    /** HtmlAttributes */
-    htmlAttributes?: HtmlAttributes<'div'>;
 }
 interface IsNotMultiple<T extends AccordionItemId> {
     isMultiple: false | undefined;
@@ -58,9 +54,9 @@ export interface AccordionItemProps<T extends AccordionItemId> {
     children?: React.ReactNode;
     className?: string;
 }
-declare const Accordion: (<T extends AccordionItemId>(props: AccordionProps<T> & React.RefAttributes<unknown>) => React.ReactElement | null) & {
+declare const Accordion: (<T extends AccordionItemId, U extends React.ElementType = "div">(props: PolymorphicComponentProps<U, AccordionProps<T>> & React.RefAttributes<unknown>) => React.ReactElement | null) & {
     Item: {
-        <T extends AccordionItemId>({ itemId, children, title, className, arrowPosition, isDisabled, onExpandedChange, htmlAttributes, ...restProps }: AccordionItemProps<T>): import("react/jsx-runtime").JSX.Element;
+        <T extends AccordionItemId, U extends React.ElementType = "div">({ itemId, children, title, className, arrowPosition, isDisabled, onExpandedChange, htmlAttributes, style, as, }: PolymorphicComponentProps<U, AccordionItemProps<T>>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/lib/types/avatar/Avatar.d.ts

@@ -30,7 +30,6 @@ export type AvatarProps = {
     source?: string;
     status?: 'offline' | 'online' | 'unknown' | undefined;
     type?: 'icon' | 'image' | 'letters';
-    className?: string;
 } & ({
     as: 'button';
     onClick: () => void;
@@ -40,7 +39,6 @@ export type AvatarProps = {
 type AvatarComponent = <T extends React.ElementType = 'div'>(props: PolymorphicComponentPropsWithRef<T, AvatarProps>) => React.ReactNode | null;
 export declare const defaultProps: {
     as: "div";
-    className: undefined;
     hasStatus: false;
     isDisabled: false;
     name: undefined;

package/lib/types/banner/Banner.d.ts

@@ -19,7 +19,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import React from 'react';
-import { type HtmlAttributes, type PolymorphicComponentPropsWithRef } from '../_common/types';
+import { type HtmlAttributes, type PolymorphicComponentProps, type PolymorphicComponentPropsWithRef } from '../_common/types';
 /**
  *
  *
@@ -92,7 +92,7 @@ type NonCloseableBannerProps = {
 type BannerCloseProps = CloseableBannerProps | NonCloseableBannerProps;
 export type BannerProps = BannerCommonProps & BannerCloseProps & BannerUsageProps;
 export type BannerType = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
-declare const BannerNamespace: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>> & {
+declare const BannerNamespace: React.ForwardRefExoticComponent<PolymorphicComponentProps<React.ElementType<any>, BannerProps> & React.RefAttributes<unknown>> & {
     Actions: BannerActionsComponent;
 };
 export { BannerNamespace as Banner };

package/lib/types/button/Button.d.ts

@@ -45,7 +45,6 @@ type BaseButtonProps = {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     /** OnKeyDown callback */
     onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
-    className?: string;
 } & ({
     as: 'a';
     href: HtmlAttributes<'a'>['href'];

package/lib/types/button/IconButtonArray.d.ts

@@ -36,11 +36,11 @@ export interface CollapsibleButtonWrapperProps {
 export declare const IconButtonArrayComponent: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & IconButtonArrayProps & React.RefAttributes<unknown>>;
+} & IconButtonArrayProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 declare const IconButtonArray: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & IconButtonArrayProps & React.RefAttributes<unknown>> & {
+} & IconButtonArrayProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>> & {
     CollapsibleButtonWrapper: React.FC<CollapsibleButtonWrapperProps>;
 };
 export { IconButtonArray };

package/lib/types/callout/Callout.d.ts

@@ -48,4 +48,4 @@ export type CalloutType = 'note' | 'important' | 'example' | 'tip';
 export declare const Callout: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & CalloutProps & React.RefAttributes<unknown>>;
+} & CalloutProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;

package/lib/types/charts/ChartTooltip.d.ts

@@ -30,7 +30,7 @@ export interface ChartTooltipProps {
 export declare const ChartTooltipComponent: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & ChartTooltipProps & React.RefAttributes<unknown>>;
+} & ChartTooltipProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 export type ChartTooltipContentProps = {
     leftElement?: React.ReactNode;
     rightElement?: React.ReactNode;
@@ -44,7 +44,7 @@ export type ChartTooltipContentProps = {
 declare const ChartTooltip: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & ChartTooltipProps & React.RefAttributes<unknown>> & {
+} & ChartTooltipProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>> & {
     Title: React.ForwardRefExoticComponent<{
         children: React.ReactNode;
     } & React.RefAttributes<unknown>>;
@@ -52,7 +52,7 @@ declare const ChartTooltip: React.ForwardRefExoticComponent<{
     Link: React.ForwardRefExoticComponent<Omit<{
         htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
         as?: React.ElementType<any> | undefined;
-    } & import("../text-link").TextLinkProps & {
+    } & import("../text-link").TextLinkProps & import("../_common/types").CommonComponentProps & {
         ref?: any;
     }, "ref"> & React.RefAttributes<unknown>>;
 };

package/lib/types/charts/Charts.d.ts

@@ -76,7 +76,7 @@ export declare const ChartsContext: import("react").Context<ChartsContextType>;
 declare const Charts: import("react").ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<import("react").ElementType<any>> | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & ChartsProps & import("react").RefAttributes<unknown>> & {
+} & ChartsProps & import("../_common/types").CommonComponentProps & import("react").RefAttributes<unknown>> & {
     Chart: import("react").ForwardRefExoticComponent<import("./Chart").ChartProps & import("react").RefAttributes<unknown>> & {
         Line: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("./Line").LineProps & import("react").RefAttributes<SVGPathElement>>>;
     };

package/lib/types/code/Code.d.ts

@@ -49,7 +49,6 @@ export interface BlockProps {
 export interface CommonProps {
     code: string;
     isDisabled?: boolean;
-    className?: string;
 }
 type ConditionalProps = InlineProps | BlockProps;
 type Props = CommonProps & ConditionalProps;

package/lib/types/code/languages.d.ts

@@ -18,5 +18,5 @@
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-export declare const Languages: readonly ["asciidoc", "bash", "c", "csharp", "css", "css-extras", "cypher", "docker", "json", "go", "graphql", "java", "javadoc", "javascript", "jsx", "kotlin", "php", "python", "regex", "rust", "sql", "typescript"];
+export declare const Languages: readonly ["asciidoc", "bash", "c", "csharp", "css", "css-extras", "cypher", "docker", "json", "go", "graphql", "java", "javadoc", "javascript", "jsx", "kotlin", "php", "python", "regex", "rust", "sql", "typescript", "yaml"];
 export type LanguageProp = (typeof Languages)[number];

package/lib/types/context-menu/ContextMenu.d.ts

@@ -34,7 +34,7 @@ export interface MenuItemProps {
 declare const MenuItem: React.ForwardRefExoticComponent<{
     htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
     as?: React.ElementType<any> | undefined;
-} & MenuItemProps & React.RefAttributes<unknown>>;
+} & MenuItemProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 export type NestedMenuItemProps = Omit<React.ComponentProps<typeof MenuItem>, 'children'>;
 export interface ContextMenuProps {
     isOpen?: boolean;
@@ -49,7 +49,6 @@ export interface ContextMenuProps {
 }
 export interface MenuItemsProps {
     children: React.ReactNode;
-    className?: string;
 }
 export interface MenuSubheaderProps {
     title: string;
@@ -66,13 +65,16 @@ declare const Menu: React.ForwardRefExoticComponent<ContextMenuProps & React.Ref
     Item: React.ForwardRefExoticComponent<{
         htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
         as?: React.ElementType<any> | undefined;
-    } & MenuItemProps & React.RefAttributes<unknown>>;
-    Items: ({ children, className }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
+    } & MenuItemProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
+    Items: React.ForwardRefExoticComponent<{
+        htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
+        as?: React.ElementType<any> | undefined;
+    } & MenuItemsProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
     Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
     Subheader: (props: MenuSubheaderProps) => import("react/jsx-runtime").JSX.Element;
     Header: React.ForwardRefExoticComponent<{
         htmlAttributes?: import("../_common/types").HtmlAttributes<React.ElementType<any>> | undefined;
         as?: React.ElementType<any> | undefined;
-    } & MenuHeaderProps & React.RefAttributes<unknown>>;
+    } & MenuHeaderProps & import("../_common/types").CommonComponentProps & React.RefAttributes<unknown>>;
 };
 export { Menu };

package/lib/types/data-grid/Components.d.ts

@@ -22,6 +22,7 @@ import { type Cell, type CellContext, type Header as HeaderType, type Row, type
 import { type IconButtonProps } from '../button';
 import { Menu } from '../context-menu';
 import { type ColumnAction } from './datagrid-types';
+import NoDataIllustration from './illustrations/NoData';
 type MenuItemProps = React.ComponentProps<typeof Menu.Item>;
 export declare const DEFAULT_SORT_ACTIONS: (cell: HeaderType<any, unknown>) => {
     [key in SortDirection | 'default']: ColumnAction;
@@ -99,6 +100,8 @@ declare const PaginationNumericButtons: () => import("react/jsx-runtime").JSX.El
 declare const Pagination: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 declare const Navigation: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 declare const LoadingPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const NoDataPlaceholder: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const NoDataPlaceholderContentWrapper: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
 export interface InlineEditCellProps<T extends RowData> {
     cell: CellContext<T, unknown>;
     value: string;
@@ -113,8 +116,4 @@ export interface DropDownCellProps<T extends RowData> {
     portalTarget?: HTMLElement;
 }
 declare const DropDownCell: <T extends RowData>({ cell, options, portalTarget, }: DropDownCellProps<T>) => import("react/jsx-runtime").JSX.Element | null;
-declare const NoDataPlaceholder: (({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element) & {
-    Content: ({ children, innerProps, }: CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-    Illustration: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-};
-export { ResizingBar, Header, Body, BodyCell, BodyRow, InlineEditCell, DropDownCell, RowActionCell, HeaderCell, HeaderTitle, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, LoadingPlaceholder, Scrollable, };
+export { ResizingBar, Header, Body, BodyCell, BodyRow, InlineEditCell, DropDownCell, RowActionCell, HeaderCell, HeaderTitle, Navigation, TableResults, RowsPerPage, Pagination, PaginationNumericButtons, PaginationArrowButton, PaginationNumericButton, NoDataPlaceholder, NoDataIllustration, LoadingPlaceholder, Scrollable, };

package/lib/types/data-grid/DataGrid.d.ts

@@ -43,10 +43,9 @@ export declare const DataGridComponents: {
     PaginationNumericButton: ({ currentIndex, isSelected, children, innerProps, }: import("./Components").PaginationNumericButtonProps) => import("react/jsx-runtime").JSX.Element;
     PaginationArrowButton: ({ action, children, innerProps, }: import("./Components").PaginationArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
     LoadingPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-    NoDataPlaceholder: (({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element) & {
-        Content: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-        Illustration: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-    };
+    NoDataPlaceholder: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    NoDataIllustration: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    NoDataPlaceholderContentWrapper: ({ children, innerProps, }: import("./Components").CommonInnerProps<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
     Scrollable: ({ children, innerProps }: import("./Components").CommonInnerProps) => import("react/jsx-runtime").JSX.Element;
 };
 declare enum BorderStyleEnum {