@neo4j-ndl/react 0.9.1 → 0.9.3

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Change Log
 
+## 0.9.3
+
+### Patch Changes
+
+- 4f3ec49: align switch, radio and checkbox to the top
+- 826d7ae: refactor code-block component and load more fonts from Google
+- 85390b0: add loading state to table and style spreading
+- 826d7ae: update code-block ui and behaviour and apis
+- Updated dependencies [4f3ec49]
+- Updated dependencies [826d7ae]
+  - @neo4j-ndl/base@0.9.0
+
+## 0.9.2
+
+### Patch Changes
+
+- ecde854: Update aria label warning messages
+- 83f91c5: fix dropdown inconsistencies and text input flex gaps
+- Updated dependencies [83f91c5]
+  - @neo4j-ndl/base@0.8.7
+
 ## 0.9.1
 
 ### Patch Changes

package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js

@@ -37,6 +37,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  */
 const react_1 = require("react");
 const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("../utils");
 /** Add any helper functions here. */
 /**
  *
@@ -46,7 +47,12 @@ const classnames_1 = __importDefault(require("classnames"));
  *
  */
 const RadioAndCheckboxWrapper = (props, ref) => {
-    const { label, fluid, labelBefore, type = 'text' } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type"]);
+    const { label, fluid, labelBefore, type = 'text', 'aria-label': ariaLabel } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type", 'aria-label']);
+    (0, react_1.useMemo)(() => {
+        if (!label && !ariaLabel) {
+            (0, utils_1.needleWarningMessage)(`${type} 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`);
+        }
+    }, [ariaLabel, label, type]);
     const containerWrappingClass = (0, classnames_1.default)(`ndl-form-item ndl-type-${type}`, {
         disabled: otherInputProps.disabled,
     });
@@ -54,7 +60,7 @@ const RadioAndCheckboxWrapper = (props, ref) => {
         fluid,
         'label-before': labelBefore,
     });
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: containerWrappingClass }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, otherInputProps, { ref: ref, type: type })), label && ((0, jsx_runtime_1.jsx)("span", Object.assign({ title: label, className: "form-label-text" }, { children: label })))] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: containerWrappingClass }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ "aria-label": ariaLabel }, otherInputProps, { ref: ref, type: type })), label && ((0, jsx_runtime_1.jsx)("span", Object.assign({ title: label, className: "form-label-text" }, { children: label })))] })) })));
 };
 exports.default = (0, react_1.forwardRef)(RadioAndCheckboxWrapper);
 //# sourceMappingURL=RadioAndCheckboxWrapper.js.map

package/lib/cjs/_common/input/RadioAndCheckboxWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAAiD;AACjD,4DAAoC;AAmBpC,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,GAAG,MAAM,KAEX,KAAK,EADJ,eAAe,UAChB,KAAK,EANH,yCAML,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC,0BAA0B,IAAI,EAAE,EAAE;QAC1E,QAAQ,EAAE,eAAe,CAAC,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,cAAc,EAAE,WAAW;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,8CAAK,SAAS,EAAE,sBAAsB,gBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,kDAAW,eAAe,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAAI,EAEnD,KAAK,IAAI,CACR,+CAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,iBAAiB,gBAC5C,KAAK,IACD,CACR,KACK,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAA0D;AAC1D,4DAAoC;AAEpC,oCAAgD;AAkBhD,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,GAAG,MAAM,EACb,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,eAAe,UAChB,KAAK,EAPH,uDAOL,CAAQ,CAAC;IAEV,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,IAAA,4BAAoB,EAClB,GAAG,IAAI,4KAA4K,CACpL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7B,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC,0BAA0B,IAAI,EAAE,EAAE;QAC1E,QAAQ,EAAE,eAAe,CAAC,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,cAAc,EAAE,WAAW;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,8CAAK,SAAS,EAAE,sBAAsB,gBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,8DACc,SAAS,IACjB,eAAe,IACnB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IACV,EAED,KAAK,IAAI,CACR,+CAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,iBAAiB,gBAC5C,KAAK,IACD,CACR,KACK,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC"}

package/lib/cjs/code-block/CodeBlock.js

@@ -54,9 +54,36 @@ const classnames_1 = __importDefault(require("classnames"));
 const button_1 = require("../button");
 const react_syntax_highlighter_1 = require("react-syntax-highlighter");
 const prism_1 = require("react-syntax-highlighter/dist/cjs/styles/prism");
-exports.CodeBlock = react_1.default.forwardRef(function CodeBlock({ as, code, language, showLineNumbers, theme, headerTitle, actions, disabled, }, ref) {
+const icons_1 = require("../icons");
+exports.CodeBlock = react_1.default.forwardRef(function CodeBlock({ as, maxHeight, code, language, showLineNumbers, theme, headerTitle, actions, disabled, }, ref) {
     const Component = as || 'div';
+    const syntaxHighlighterWrapperRef = (0, react_1.useRef)(null);
     const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const [shouldShowExpandButton, setShouldShowExpandButton] = (0, react_1.useState)(maxHeight !== undefined);
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(maxHeight === undefined);
+    const [containerHeight, setContainerHeight] = (0, react_1.useState)(`${maxHeight}px`);
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if ((((_a = syntaxHighlighterWrapperRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) || 0) <=
+            (((_b = syntaxHighlighterWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0)) {
+            setIsExpanded(true);
+        }
+        else {
+            setIsExpanded(false);
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if ((((_a = syntaxHighlighterWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0) >=
+            (((_b = syntaxHighlighterWrapperRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) || 0)) {
+            setContainerHeight(`fit-content`);
+            setShouldShowExpandButton(false);
+        }
+        else {
+            setContainerHeight(`${maxHeight}px`);
+            setShouldShowExpandButton(true);
+        }
+    }, [maxHeight, code]);
     const getTheme = () => {
         switch (theme) {
             case 'vs':
@@ -77,28 +104,40 @@ exports.CodeBlock = react_1.default.forwardRef(function CodeBlock({ as, code, la
                 return prism_1.vs;
         }
     };
-    const hasHeader = headerTitle || actions;
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: "ndl-code-block-container" }, { children: [hasHeader && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('ndl-code-block-header', {
-                    disabled,
-                }) }, { children: [headerTitle && ((0, jsx_runtime_1.jsx)("h6", Object.assign({ className: (0, classnames_1.default)('ndl-code-block-title', { disabled }), "data-testid": "code-block-title" }, { children: headerTitle }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-code-block-actions" }, { children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) => ((0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ "data-testid": `action-button-${i}`, clean: true, "aria-label": `CodeBlock Action ${iconButtonProps['aria-label']}`, disabled: disabled }, iconButtonProps), i))) }))] }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('highlight-wrapper', {
-                    'has-header': hasHeader,
-                    focused: isFocused,
-                }), role: "textbox", "aria-label": "code-snippet", tabIndex: 0, onFocus: () => {
-                    setIsFocused(true);
-                }, onBlur: () => setIsFocused(false) }, { children: (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.Prism, Object.assign({ language: language, style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
-                            color: tokens_1.default.palette.light.neutral.text.weak,
-                            backgroundColor: tokens_1.default.colors.neutral[20],
-                            background: tokens_1.default.colors.neutral[20],
-                            lineHeight: '1',
-                            border: 0,
-                            padding: '0 1em 1em 1em',
-                            overflowX: 'auto',
-                            overflowY: 'auto',
-                            opacity: disabled ? 0.5 : 1,
-                        } }), 
-                    // Turn on 'showLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
-                    // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
-                    // wrapLongLines
-                    codeTagProps: { className: 'n-code' }, showLineNumbers: showLineNumbers }, { children: code })) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: "ndl-code-block-container", style: {
+            height: containerHeight,
+        } }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-col n-h-full" }, { children: [headerTitle && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('ndl-code-block-title', { disabled }), style: {
+                            maxWidth: `calc(100% - ${((actions === null || actions === void 0 ? void 0 : actions.length) || 0) * 36 + 20}px)`,
+                        }, "data-testid": "code-block-title" }, { children: headerTitle }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: syntaxHighlighterWrapperRef, className: (0, classnames_1.default)('highlight-wrapper', {
+                            focused: isFocused,
+                        }), role: "textbox", "aria-label": "code-snippet", tabIndex: 0, onFocus: () => {
+                            setIsFocused(true);
+                        }, onBlur: () => setIsFocused(false) }, { children: (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.Prism, Object.assign({ language: language, style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
+                                    color: tokens_1.default.palette.light.neutral.text.default,
+                                    backgroundColor: tokens_1.default.colors.neutral[20],
+                                    background: tokens_1.default.colors.neutral[20],
+                                    lineHeight: '1',
+                                    width: `calc(100% - 4px)`,
+                                    border: 0,
+                                    padding: `0 calc(0.75em + ${headerTitle === undefined || headerTitle === ''
+                                        ? ((actions === null || actions === void 0 ? void 0 : actions.length) || (shouldShowExpandButton ? 1 : 0)) * 36
+                                        : (shouldShowExpandButton ? 1 : 0) * 36}px) 0.75em 0.75em`,
+                                    overflowX: 'auto',
+                                    overflowY: 'auto',
+                                    opacity: disabled ? 0.5 : 1,
+                                } }), 
+                            // Turn on 'showLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
+                            // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
+                            // wrapLongLines
+                            codeTagProps: { className: 'n-code' }, showLineNumbers: showLineNumbers }, { children: code })) }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('ndl-code-block-actions', { disabled }) }, { children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) => ((0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ "data-testid": `action-button-${i}`, clean: true, "aria-label": `${iconButtonProps['aria-label'] || 'CodeBlock Action'}`, disabled: disabled }, iconButtonProps), i))) })), shouldShowExpandButton && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-code-block-expand-button" }, { children: (0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ "aria-label": "Expand/Collapse", onClick: () => {
+                        if (isExpanded) {
+                            setContainerHeight(`${maxHeight}px`);
+                            setIsExpanded(false);
+                        }
+                        else {
+                            setContainerHeight(`fit-content`);
+                            setIsExpanded(true);
+                        }
+                    }, clean: true }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { type: "outline", iconName: isExpanded ? 'ChevronUpIcon' : 'ChevronDownIcon' }) })) })))] })));
 });
 //# sourceMappingURL=CodeBlock.js.map

package/lib/cjs/code-block/CodeBlock.js.map

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

package/lib/cjs/dropdown/Dropdown.js

@@ -71,7 +71,7 @@ const customStyles = ({ errorText, size, }) => {
         control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: size === 'small' ? '36px' : '48px', 
             // Avoid shifting with border of 2px
             // Source: https://stackoverflow.com/a/9612782/3247715
-            boxShadow: state.isFocused ? `0 0 0 2px ${focusedBorderColor}` : 'none', fontSize: size === 'small' ? '14px' : '16px', outline: 'none', border: state.isFocused
+            boxShadow: state.isFocused ? `0 0 0 1px ${focusedBorderColor}` : 'none', fontSize: size === 'small' ? '14px' : '16px', outline: 'none', border: state.isFocused
                 ? `1px solid ${focusedBorderColor}`
                 : `1px solid ${defaultBorder}`, '&:hover': {
                 border: state.isFocused
@@ -79,13 +79,14 @@ const customStyles = ({ errorText, size, }) => {
                     : `1px solid ${defaultBorder}`,
             } })),
         multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px', maxWidth: '95%' })),
-        dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { padding: '7px' })),
+        dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer', padding: '7px' })),
         indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), { 
             /**
              * The right icon has padding of 8px so:
              * padding-right: 8px+desired
              */
             paddingRight: size === 'small' ? '4px' : '8px' })),
+        clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), { padding: '0px' })),
         /**
          * Only for multi-select, make the padding
          * 2px everywhere when we have at least one
@@ -93,13 +94,14 @@ const customStyles = ({ errorText, size, }) => {
          */
         valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: state.isMulti && state.hasValue ? '2px' : '2px 8px' })),
         menuList: (provided) => (Object.assign(Object.assign({}, provided), { padding: size === 'small' ? '16px 12px' : '16px 16px' })),
-        option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', fontSize: size === 'small' ? '14px' : '16px', backgroundColor: state.isSelected
+        option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', fontSize: size === 'small' ? '14px' : '16px', lineHeight: size === 'small' ? '20px' : '24px', backgroundColor: state.isSelected
                 ? tokens_1.default.palette.light.neutral.bg.strong
                 : 'transparent', color: tokens_1.default.palette.light.neutral.text.default, '&:hover': {
                 backgroundColor: state.isSelected
                     ? tokens_1.default.palette.light.neutral.bg.strong
                     : tokens_1.default.palette.light.neutral.bg.default,
             } })),
+        input: (provided) => (Object.assign(Object.assign({}, provided), { lineHeight: size === 'small' ? '20px' : '24px' })),
         placeholder: (provided) => (Object.assign(Object.assign({}, provided), { color: tokens_1.default.palette.light.neutral.text.weaker })),
     };
 };
@@ -144,16 +146,16 @@ exports.Dropdown = (0, helpers_1.forwardRef)(function Dropdown(props, ref) {
     let SelectElement;
     switch (type) {
         case 'async-select': {
-            SelectElement = ((0, jsx_runtime_1.jsx)(async_1.default, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            SelectElement = ((0, jsx_runtime_1.jsx)(async_1.default, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
             break;
         }
         case 'creatable':
-            SelectElement = ((0, jsx_runtime_1.jsx)(creatable_1.default, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            SelectElement = ((0, jsx_runtime_1.jsx)(creatable_1.default, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
             break;
         default:
-            SelectElement = ((0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            SelectElement = ((0, jsx_runtime_1.jsx)(react_select_1.default, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
     }
-    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref }, RestProps, { className: (0, classnames_1.default)('ndl-dropdown', size, {
+    return ((0, jsx_runtime_1.jsxs)(Component, Object.assign({ "aria-label": ariaLabel, ref: ref }, RestProps, { className: (0, classnames_1.default)('ndl-dropdown', size, {
             fluid,
         }) }, { children: [label && (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: identifier }, { children: label })), SelectElement, helpText && !errorText && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "sub-text" }, { children: helpText })), errorText && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "sub-text error-text" }, { children: errorText }))] })));
 });

package/lib/cjs/dropdown/Dropdown.js.map

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

package/lib/cjs/dropdown/Overrides.js

@@ -34,7 +34,7 @@ const DropdownIndicatorCurrying = ({ errorText, size, }) => function Component(p
 };
 exports.DropdownIndicatorCurrying = DropdownIndicatorCurrying;
 const CustomClearIndication = ({ errorText, size, }) => function Component(props) {
-    return ((0, jsx_runtime_1.jsx)(react_select_1.components.ClearIndicator, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [(0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak", iconName: "XIcon" }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" })] })) })));
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.ClearIndicator, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [(0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak n-cursor-pointer", iconName: "XIcon" }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" })] })) })));
 };
 exports.CustomClearIndication = CustomClearIndication;
 const CustomMultiValueRemove = ({ errorText, size, }) => function Component(props) {

package/lib/cjs/dropdown/Overrides.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAOsB;AACtB,oCAAoC;AAG7B,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,uBAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,6DACE,gCAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,uBAAC,gBAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAtCS,QAAA,yBAAyB,6BAsClC;AAEG,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,uBAAC,yBAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAC,4CAA4C,EACtD,QAAQ,EAAC,OAAO,GAChB,EACF,gCAAK,SAAS,EAAC,WAAW,GAAG,KACzB,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAtBS,QAAA,qBAAqB,yBAsB9B;AAEG,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,uBAAC,yBAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,uBAAC,gBAAQ,IACP,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,EACD,QAAQ,EAAC,OAAO,GAChB,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAtBS,QAAA,sBAAsB,0BAsB/B;AAEG,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,uBAAC,yBAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,8CAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAhBS,QAAA,iBAAiB,qBAgB1B"}
+{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,+CAOsB;AACtB,oCAAoC;AAG7B,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,uBAAC,yBAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,6DACE,gCAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,uBAAC,gBAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAtCS,QAAA,yBAAyB,6BAsClC;AAEG,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,uBAAC,yBAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,+CAAK,SAAS,EAAC,2BAA2B,iBACxC,uBAAC,gBAAQ,IACP,SAAS,EAAC,6DAA6D,EACvE,QAAQ,EAAC,OAAO,GAChB,EACF,gCAAK,SAAS,EAAC,WAAW,GAAG,KACzB,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAtBS,QAAA,qBAAqB,yBAsB9B;AAEG,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,uBAAC,yBAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,uBAAC,gBAAQ,IACP,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,EACD,QAAQ,EAAC,OAAO,GAChB,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAtBS,QAAA,sBAAsB,0BAsB/B;AAEG,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,uBAAC,yBAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,8CAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAhBS,QAAA,iBAAiB,qBAgB1B"}

package/lib/cjs/table/Table.js

@@ -28,6 +28,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const helpers_1 = require("./helpers");
 const TableNavigation_1 = __importDefault(require("./TableNavigation"));
+const loading_spinner_1 = require("../loading-spinner");
 /** Table results per page, with the first option being the default */
 const TABLE_RESULTS = {
     DEFAULT: 10,
@@ -64,25 +65,52 @@ const DefaultHeader = ({ headerGroups, }) => ((0, jsx_runtime_1.jsx)("thead", {
             // Apply the header cell props
             // Key is defined from getHeaderGroupProps so we can ignore the false-negative
             // eslint-disable-next-line react/jsx-key
-            (0, jsx_runtime_1.jsxs)("th", Object.assign({}, castedColumn.getHeaderProps(), { style: Object.assign(Object.assign({}, castedColumn.getHeaderProps().style), { 
+            (0, jsx_runtime_1.jsxs)("th", Object.assign({}, castedColumn.getHeaderProps(), { style: Object.assign(Object.assign({}, castedColumn.getHeaderProps([
+                    {
+                        style: castedColumn.style,
+                        className: castedColumn.className,
+                    },
+                ]).style), { 
                     /** 0.25px */
-                    letterSpacing: '0.25px' }), scope: "col", className: headerClasses }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "table-header-cell" }, { children: [castedColumn.render('Header'), castedColumn.canSort && ((0, jsx_runtime_1.jsx)(helpers_1.SortIcon, Object.assign({}, castedColumn.getSortByToggleProps(), { isSortedDesc: castedColumn.isSortedDesc })))] })), 'canResize' in castedColumn &&
+                    letterSpacing: '0.25px' }), scope: "col", className: `${headerClasses} ${castedColumn.getHeaderProps([
+                    {
+                        style: castedColumn.style,
+                        className: castedColumn.className,
+                    },
+                ]).className}` }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "table-header-cell" }, { children: [castedColumn.render('Header'), castedColumn.canSort && ((0, jsx_runtime_1.jsx)(helpers_1.SortIcon, Object.assign({}, castedColumn.getSortByToggleProps(), { isSortedDesc: castedColumn.isSortedDesc })))] })), 'canResize' in castedColumn &&
                         'getResizerProps' in castedColumn && ((0, jsx_runtime_1.jsx)(helpers_1.ResizingBar, Object.assign({}, castedColumn.getResizerProps())))] })));
         }) })))) }));
-const DefaultBody = ({ getTableBodyProps, page, prepareRow, actionsButtons, headerGroups, rows, }) => {
+const DefaultBody = ({ getTableBodyProps, page, prepareRow, actionsButtons, headerGroups, rows, loading = false, }) => {
     // Page is defined when using the usePagination plugin, otherwise rows is defined
     const iterable = page !== null && page !== void 0 ? page : rows;
+    if (loading) {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ 
+                            // Minimum height of the table's body
+                            // so placeholders are visible
+                            style: { height: '100px' }, className: "n-flex n-flex-row n-justify-center n-items-center n-gap-2" }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "ndl-table-placeholder" }, { children: [(0, jsx_runtime_1.jsx)(loading_spinner_1.LoadingSpinner, {}), (0, jsx_runtime_1.jsx)("h6", Object.assign({ className: "n-my-5 n-text-center" }, { children: "Loading data" }))] })) })) })) }) })) }));
+    }
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: iterable.length > 0 ? ((0, jsx_runtime_1.jsx)("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: iterable.length > 0 &&
                 iterable.map((row) => {
                     prepareRow(row);
                     return (
                     // Key is defined from getHeaderGroupProps so we can ignore the false-negative
                     // eslint-disable-next-line react/jsx-key
-                    (0, jsx_runtime_1.jsxs)("tr", Object.assign({ className: "ndl-table-row" }, row.getRowProps(), { children: [row.cells.map((cell) => (
-                            // Key is defined from getHeaderGroupProps so we can ignore the false-negative
-                            // eslint-disable-next-line react/jsx-key
-                            (0, jsx_runtime_1.jsx)("td", Object.assign({ className: "ndl-table-cell" }, cell.getCellProps(), { children: cell.render('Cell') })))), actionsButtons && actionsButtons(row)] })));
-                }) }))) : ((0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: (0, jsx_runtime_1.jsx)("h6", Object.assign({ className: "n-my-5 n-text-center n-h-10" }, { children: "No data present" })) })) })) }));
+                    (0, jsx_runtime_1.jsxs)("tr", Object.assign({ className: "ndl-table-row" }, row.getRowProps(), { children: [row.cells.map((cell) => {
+                                const castedColumn = cell.column;
+                                return (
+                                // Key is defined from getHeaderGroupProps so we can ignore the false-negative
+                                // eslint-disable-next-line react/jsx-key
+                                (0, jsx_runtime_1.jsx)("td", Object.assign({ className: "ndl-table-cell" }, cell.getCellProps([
+                                    {
+                                        className: castedColumn.className,
+                                        style: castedColumn.style,
+                                    },
+                                ]), { children: cell.render('Cell') })));
+                            }), actionsButtons && actionsButtons(row)] })));
+                }) }))) : ((0, jsx_runtime_1.jsx)("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ 
+                        // Minimum height of the table's body
+                        // so placeholders are visible
+                        style: { height: '100px' }, className: "n-flex n-flex-row n-justify-center n-items-center n-gap-2" }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "ndl-table-placeholder" }, { children: (0, jsx_runtime_1.jsx)("h6", Object.assign({ className: "n-my-5 n-text-center n-h-10" }, { children: "No data present" })) })) })) })) }) }))) }));
 };
 const DefaultNavigation = ({ state, rows, page, canPreviousPage, nextPage, pageOptions, pageCount, gotoPage, canNextPage, previousPage, setPageSize, }) => {
     // Navigation is only needed if pagination exists
@@ -118,7 +146,7 @@ const Table = (props
     if (!getTableProps) {
         throw new Error('getTableProps is required');
     }
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('ndl-table n-overflow-hidden n-flex n-flex-col n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak', className), style: style, role: role }, { children: [controls && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-px-7 n-py-6 n-flex n-flex-row n-items-center" }, { children: controls }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-overflow-x-auto" }, { children: (0, jsx_runtime_1.jsxs)("table", Object.assign({}, getTableProps(), { className: "n-w-full n-min-w-full n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak" }, { children: [header || (0, jsx_runtime_1.jsx)(DefaultHeader, Object.assign({}, props)), body || (0, jsx_runtime_1.jsx)(DefaultBody, Object.assign({}, props))] })) })), navigation || ((0, jsx_runtime_1.jsx)(DefaultNavigation, Object.assign({}, props)))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('ndl-table n-overflow-hidden n-flex n-flex-col n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak n-relative', className), style: style, role: role }, { children: [controls && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-px-7 n-py-6 n-flex n-flex-row n-items-center" }, { children: controls }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "n-overflow-x-auto" }, { children: (0, jsx_runtime_1.jsxs)("table", Object.assign({}, getTableProps(), { className: "n-w-full n-min-w-full n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak" }, { children: [header || (0, jsx_runtime_1.jsx)(DefaultHeader, Object.assign({}, props)), body || (0, jsx_runtime_1.jsx)(DefaultBody, Object.assign({}, props))] })) })), navigation || ((0, jsx_runtime_1.jsx)(DefaultNavigation, Object.assign({}, props)))] })));
 };
 /**
  * Easy Actions wrapper for each row

package/lib/cjs/table/Table.js.map

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

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

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -35,7 +58,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  You should have received a copy of the GNU General Public License
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const icons_1 = require("../icons");
 const utils_1 = require("../_common/utils");
@@ -55,7 +78,7 @@ const utils_1 = require("../_common/utils");
  *
  */
 const TextInput = react_1.default.forwardRef(function TextInput(props, ref) {
-    const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small' } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize"]);
+    const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small', 'aria-label': ariaLabel } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize", 'aria-label']);
     const containerWrappingClass = (0, classnames_1.default)(`ndl-form-item ndl-type-text`, customProps.className, {
         disabled: customProps.disabled,
         [containerSize]: containerSize,
@@ -69,11 +92,13 @@ const TextInput = react_1.default.forwardRef(function TextInput(props, ref) {
         fluid,
         'form-item-no-label': hasEmptyLabelValue,
     });
-    if (label && !props['aria-label']) {
-        (0, utils_1.needleWarningMessage)('TextInput 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');
-    }
+    (0, react_1.useMemo)(() => {
+        if (!label && !ariaLabel) {
+            (0, utils_1.needleWarningMessage)('A TextInput 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');
+        }
+    }, [label, ariaLabel]);
     const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), (0, jsx_runtime_1.jsx)("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref })), rightIcon && !errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: containerWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("label", Object.assign({ className: labelWrappingClass }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), (0, jsx_runtime_1.jsx)("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "icon right-icon error-icon" }, { children: (0, jsx_runtime_1.jsx)(icons_1.HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
 });
 exports.default = TextInput;
 //# sourceMappingURL=TextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,kDAA4C;AAC5C,4DAAoC;AAEpC,oCAAoC;AACpC,4CAAwD;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAVH,6FAUL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;QACjC,IAAA,4BAAoB,EAClB,qKAAqK,CACtK,CAAC;KACH;IAED,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,+CAAK,SAAS,EAAE,sBAAsB,iBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,+CAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,8CAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,kDACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,IACD,EACR,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,8CAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,EACA,SAAS,IAAI,CACZ,8CAAK,SAAS,EAAC,4BAA4B,gBACzC,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,CACP,KACG,EAEN,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,8CAAK,SAAS,EAAC,UAAU,gBAAE,SAAS,IAAI,QAAQ,IAAO,CACxD,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,+CAAqD;AACrD,4DAAoC;AAEpC,oCAAoC;AACpC,4CAAwD;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,eAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,IAAA,4BAAoB,EAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,+CAAK,SAAS,EAAE,sBAAsB,iBAGpC,iDAAO,SAAS,EAAE,kBAAkB,iBAClC,+CAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,8CAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,kDACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,8CAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,EACA,SAAS,IAAI,CACZ,8CAAK,SAAS,EAAC,4BAA4B,gBACzC,uBAAC,gBAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,CACP,KACG,EAEN,+CAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,8CAAK,SAAS,EAAC,UAAU,gBAAE,SAAS,IAAI,QAAQ,IAAO,CACxD,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,SAAS,CAAC"}

package/lib/esm/_common/input/RadioAndCheckboxWrapper.js

@@ -30,8 +30,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *  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 { forwardRef } from 'react';
+import { forwardRef, useMemo } from 'react';
 import classnames from 'classnames';
+import { needleWarningMessage } from '../utils';
 /** Add any helper functions here. */
 /**
  *
@@ -41,7 +42,12 @@ import classnames from 'classnames';
  *
  */
 const RadioAndCheckboxWrapper = (props, ref) => {
-    const { label, fluid, labelBefore, type = 'text' } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type"]);
+    const { label, fluid, labelBefore, type = 'text', 'aria-label': ariaLabel } = props, otherInputProps = __rest(props, ["label", "fluid", "labelBefore", "type", 'aria-label']);
+    useMemo(() => {
+        if (!label && !ariaLabel) {
+            needleWarningMessage(`${type} 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`);
+        }
+    }, [ariaLabel, label, type]);
     const containerWrappingClass = classnames(`ndl-form-item ndl-type-${type}`, {
         disabled: otherInputProps.disabled,
     });
@@ -49,7 +55,7 @@ const RadioAndCheckboxWrapper = (props, ref) => {
         fluid,
         'label-before': labelBefore,
     });
-    return (_jsx("div", Object.assign({ className: containerWrappingClass }, { children: _jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsx("input", Object.assign({}, otherInputProps, { ref: ref, type: type })), label && (_jsx("span", Object.assign({ title: label, className: "form-label-text" }, { children: label })))] })) })));
+    return (_jsx("div", Object.assign({ className: containerWrappingClass }, { children: _jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsx("input", Object.assign({ "aria-label": ariaLabel }, otherInputProps, { ref: ref, type: type })), label && (_jsx("span", Object.assign({ title: label, className: "form-label-text" }, { children: label })))] })) })));
 };
 export default forwardRef(RadioAndCheckboxWrapper);
 //# sourceMappingURL=RadioAndCheckboxWrapper.js.map

package/lib/esm/_common/input/RadioAndCheckboxWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AAmBpC,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,GAAG,MAAM,KAEX,KAAK,EADJ,eAAe,UAChB,KAAK,EANH,yCAML,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CAAC,0BAA0B,IAAI,EAAE,EAAE;QAC1E,QAAQ,EAAE,eAAe,CAAC,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,cAAc,EAAE,WAAW;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,4BAAK,SAAS,EAAE,sBAAsB,gBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,gCAAW,eAAe,IAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,IAAI,EAEnD,KAAK,IAAI,CACR,6BAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,iBAAiB,gBAC5C,KAAK,IACD,CACR,KACK,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"RadioAndCheckboxWrapper.js","sourceRoot":"","sources":["../../../../src/_common/input/RadioAndCheckboxWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAgB,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAkBhD,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,uBAAuB,GAAG,CAC9B,KAA4B,EAC5B,GAAmC,EACnC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,GAAG,MAAM,EACb,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,eAAe,UAChB,KAAK,EAPH,uDAOL,CAAQ,CAAC;IAEV,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,oBAAoB,CAClB,GAAG,IAAI,4KAA4K,CACpL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE7B,MAAM,sBAAsB,GAAG,UAAU,CAAC,0BAA0B,IAAI,EAAE,EAAE;QAC1E,QAAQ,EAAE,eAAe,CAAC,QAAQ;KACnC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,cAAc,EAAE,WAAW;KAC5B,CAAC,CAAC;IAEH,OAAO,CACL,4BAAK,SAAS,EAAE,sBAAsB,gBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,4CACc,SAAS,IACjB,eAAe,IACnB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IACV,EAED,KAAK,IAAI,CACR,6BAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,iBAAiB,gBAC5C,KAAK,IACD,CACR,KACK,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC,uBAAuB,CAAC,CAAC"}

package/lib/esm/code-block/CodeBlock.js

@@ -20,14 +20,41 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import ndlTokens from '@neo4j-ndl/base/lib/tokens/js/tokens';
-import React, { useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { IconButton } from '../button';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { base16AteliersulphurpoolLight, coy, duotoneLight, ghcolors, prism, solarizedlight, vs, } from 'react-syntax-highlighter/dist/cjs/styles/prism';
-export const CodeBlock = React.forwardRef(function CodeBlock({ as, code, language, showLineNumbers, theme, headerTitle, actions, disabled, }, ref) {
+import { HeroIcon } from '../icons';
+export const CodeBlock = React.forwardRef(function CodeBlock({ as, maxHeight, code, language, showLineNumbers, theme, headerTitle, actions, disabled, }, ref) {
     const Component = as || 'div';
+    const syntaxHighlighterWrapperRef = useRef(null);
     const [isFocused, setIsFocused] = useState(false);
+    const [shouldShowExpandButton, setShouldShowExpandButton] = useState(maxHeight !== undefined);
+    const [isExpanded, setIsExpanded] = useState(maxHeight === undefined);
+    const [containerHeight, setContainerHeight] = useState(`${maxHeight}px`);
+    useEffect(() => {
+        var _a, _b;
+        if ((((_a = syntaxHighlighterWrapperRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) || 0) <=
+            (((_b = syntaxHighlighterWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0)) {
+            setIsExpanded(true);
+        }
+        else {
+            setIsExpanded(false);
+        }
+    }, []);
+    useEffect(() => {
+        var _a, _b;
+        if ((((_a = syntaxHighlighterWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0) >=
+            (((_b = syntaxHighlighterWrapperRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) || 0)) {
+            setContainerHeight(`fit-content`);
+            setShouldShowExpandButton(false);
+        }
+        else {
+            setContainerHeight(`${maxHeight}px`);
+            setShouldShowExpandButton(true);
+        }
+    }, [maxHeight, code]);
     const getTheme = () => {
         switch (theme) {
             case 'vs':
@@ -48,28 +75,40 @@ export const CodeBlock = React.forwardRef(function CodeBlock({ as, code, languag
                 return vs;
         }
     };
-    const hasHeader = headerTitle || actions;
-    return (_jsxs(Component, Object.assign({ ref: ref, className: "ndl-code-block-container" }, { children: [hasHeader && (_jsxs("div", Object.assign({ className: classNames('ndl-code-block-header', {
-                    disabled,
-                }) }, { children: [headerTitle && (_jsx("h6", Object.assign({ className: classNames('ndl-code-block-title', { disabled }), "data-testid": "code-block-title" }, { children: headerTitle }))), _jsx("div", Object.assign({ className: "ndl-code-block-actions" }, { children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) => (_jsx(IconButton, Object.assign({ "data-testid": `action-button-${i}`, clean: true, "aria-label": `CodeBlock Action ${iconButtonProps['aria-label']}`, disabled: disabled }, iconButtonProps), i))) }))] }))), _jsx("div", Object.assign({ className: classNames('highlight-wrapper', {
-                    'has-header': hasHeader,
-                    focused: isFocused,
-                }), role: "textbox", "aria-label": "code-snippet", tabIndex: 0, onFocus: () => {
-                    setIsFocused(true);
-                }, onBlur: () => setIsFocused(false) }, { children: _jsx(SyntaxHighlighter, Object.assign({ language: language, style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
-                            color: ndlTokens.palette.light.neutral.text.weak,
-                            backgroundColor: ndlTokens.colors.neutral[20],
-                            background: ndlTokens.colors.neutral[20],
-                            lineHeight: '1',
-                            border: 0,
-                            padding: '0 1em 1em 1em',
-                            overflowX: 'auto',
-                            overflowY: 'auto',
-                            opacity: disabled ? 0.5 : 1,
-                        } }), 
-                    // Turn on 'showLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
-                    // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
-                    // wrapLongLines
-                    codeTagProps: { className: 'n-code' }, showLineNumbers: showLineNumbers }, { children: code })) }))] })));
+    return (_jsxs(Component, Object.assign({ ref: ref, className: "ndl-code-block-container", style: {
+            height: containerHeight,
+        } }, { children: [_jsxs("div", Object.assign({ className: "n-flex n-flex-col n-h-full" }, { children: [headerTitle && (_jsx("div", Object.assign({ className: classNames('ndl-code-block-title', { disabled }), style: {
+                            maxWidth: `calc(100% - ${((actions === null || actions === void 0 ? void 0 : actions.length) || 0) * 36 + 20}px)`,
+                        }, "data-testid": "code-block-title" }, { children: headerTitle }))), _jsx("div", Object.assign({ ref: syntaxHighlighterWrapperRef, className: classNames('highlight-wrapper', {
+                            focused: isFocused,
+                        }), role: "textbox", "aria-label": "code-snippet", tabIndex: 0, onFocus: () => {
+                            setIsFocused(true);
+                        }, onBlur: () => setIsFocused(false) }, { children: _jsx(SyntaxHighlighter, Object.assign({ language: language, style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
+                                    color: ndlTokens.palette.light.neutral.text.default,
+                                    backgroundColor: ndlTokens.colors.neutral[20],
+                                    background: ndlTokens.colors.neutral[20],
+                                    lineHeight: '1',
+                                    width: `calc(100% - 4px)`,
+                                    border: 0,
+                                    padding: `0 calc(0.75em + ${headerTitle === undefined || headerTitle === ''
+                                        ? ((actions === null || actions === void 0 ? void 0 : actions.length) || (shouldShowExpandButton ? 1 : 0)) * 36
+                                        : (shouldShowExpandButton ? 1 : 0) * 36}px) 0.75em 0.75em`,
+                                    overflowX: 'auto',
+                                    overflowY: 'auto',
+                                    opacity: disabled ? 0.5 : 1,
+                                } }), 
+                            // Turn on 'showLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
+                            // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
+                            // wrapLongLines
+                            codeTagProps: { className: 'n-code' }, showLineNumbers: showLineNumbers }, { children: code })) }))] })), _jsx("div", Object.assign({ className: classNames('ndl-code-block-actions', { disabled }) }, { children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) => (_jsx(IconButton, Object.assign({ "data-testid": `action-button-${i}`, clean: true, "aria-label": `${iconButtonProps['aria-label'] || 'CodeBlock Action'}`, disabled: disabled }, iconButtonProps), i))) })), shouldShowExpandButton && (_jsx("div", Object.assign({ className: "ndl-code-block-expand-button" }, { children: _jsx(IconButton, Object.assign({ "aria-label": "Expand/Collapse", onClick: () => {
+                        if (isExpanded) {
+                            setContainerHeight(`${maxHeight}px`);
+                            setIsExpanded(false);
+                        }
+                        else {
+                            setContainerHeight(`fit-content`);
+                            setIsExpanded(true);
+                        }
+                    }, clean: true }, { children: _jsx(HeroIcon, { type: "outline", iconName: isExpanded ? 'ChevronUpIcon' : 'ChevronDownIcon' }) })) })))] })));
 });
 //# sourceMappingURL=CodeBlock.js.map

package/lib/esm/code-block/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,SAAS,MAAM,sCAAsC,CAAC;AAC7D,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAmB,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EACL,6BAA6B,EAC7B,GAAG,EACH,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,cAAc,EACd,EAAE,GACH,MAAM,gDAAgD,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAqBpC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CAC1D,EACE,EAAE,EACF,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,GACO,EACjB,GAAG;IAEH,MAAM,SAAS,GAAG,EAAE,IAAI,KAAK,CAAC;IAE9B,MAAM,2BAA2B,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAExE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAClE,SAAS,KAAK,SAAS,CACxB,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;IACtE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;;QACb,IACE,CAAC,CAAA,MAAA,2BAA2B,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC;YACxD,CAAC,CAAA,MAAA,2BAA2B,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,EACxD;YACA,aAAa,CAAC,IAAI,CAAC,CAAC;SACrB;aAAM;YACL,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;;QACb,IACE,CAAC,CAAA,MAAA,2BAA2B,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC;YACxD,CAAC,CAAA,MAAA,2BAA2B,CAAC,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,EACxD;YACA,kBAAkB,CAAC,aAAa,CAAC,CAAC;YAClC,yBAAyB,CAAC,KAAK,CAAC,CAAC;SAClC;aAAM;YACL,kBAAkB,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC;YACrC,yBAAyB,CAAC,IAAI,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAEtB,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,KAAK,EAAE;YACb,KAAK,IAAI;gBACP,OAAO,EAAE,CAAC;YACZ,KAAK,iCAAiC;gBACpC,OAAO,6BAA6B,CAAC;YACvC,KAAK,KAAK;gBACR,OAAO,GAAG,CAAC;YACb,KAAK,eAAe;gBAClB,OAAO,YAAY,CAAC;YACtB,KAAK,UAAU;gBACb,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC;YACf,KAAK,gBAAgB;gBACnB,OAAO,cAAc,CAAC;YACxB;gBACE,OAAO,EAAE,CAAC;SACb;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE;YACL,MAAM,EAAE,eAAe;SACxB,iBAED,6BAAK,SAAS,EAAC,4BAA4B,iBACxC,WAAW,IAAI,CACd,4BACE,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAC3D,KAAK,EAAE;4BACL,QAAQ,EAAE,eAAe,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK;yBAC/D,iBACW,kBAAkB,gBAE7B,WAAW,IACR,CACP,EACD,4BACE,GAAG,EAAE,2BAA2B,EAChC,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE;4BACzC,OAAO,EAAE,SAAS;yBACnB,CAAC,EACF,IAAI,EAAC,SAAS,gBACH,cAAc,EACzB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,IAAI,CAAC,CAAC;wBACrB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,gBAEjC,KAAC,iBAAiB,kBAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,kCACA,QAAQ,EAAE,KACb,yBAAyB,EAAE;oCACzB,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;oCACnD,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;oCAC7C,UAAU,EAAE,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;oCACxC,UAAU,EAAE,GAAG;oCACf,KAAK,EAAE,kBAAkB;oCACzB,MAAM,EAAE,CAAC;oCACT,OAAO,EAAE,mBACP,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,EAAE;wCAC7C,CAAC,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE;wCAC5D,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EACzC,mBAAmB;oCACnB,SAAS,EAAE,MAAM;oCACjB,SAAS,EAAE,MAAM;oCACjB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;iCAC5B;4BAEH,qFAAqF;4BACrF,kFAAkF;4BAClF,gBAAgB;4BAChB,YAAY,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EACrC,eAAe,EAAE,eAAe,gBAE/B,IAAI,IACa,IAChB,KACF,EACN,4BAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,EAAE,QAAQ,EAAE,CAAC,gBAC/D,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,EAAE,EAAE,CAAC,CACpC,KAAC,UAAU,iCACI,iBAAiB,CAAC,EAAE,EAEjC,KAAK,sBACO,GACV,eAAe,CAAC,YAAY,CAAC,IAAI,kBACnC,EAAE,EACF,QAAQ,EAAE,QAAQ,IACd,eAAe,GANd,CAAC,CAON,CACH,CAAC,IACE,EACL,sBAAsB,IAAI,CACzB,4BAAK,SAAS,EAAC,8BAA8B,gBAC3C,KAAC,UAAU,gCACE,iBAAiB,EAC5B,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,UAAU,EAAE;4BACd,kBAAkB,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC;4BACrC,aAAa,CAAC,KAAK,CAAC,CAAC;yBACtB;6BAAM;4BACL,kBAAkB,CAAC,aAAa,CAAC,CAAC;4BAClC,aAAa,CAAC,IAAI,CAAC,CAAC;yBACrB;oBACH,CAAC,EACD,KAAK,sBAEL,KAAC,QAAQ,IACP,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,GAC1D,IACS,IACT,CACP,KACS,CACb,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/esm/dropdown/Dropdown.js

@@ -65,7 +65,7 @@ const customStyles = ({ errorText, size, }) => {
         control: (provided, state) => (Object.assign(Object.assign({}, provided), { minHeight: size === 'small' ? '36px' : '48px', 
             // Avoid shifting with border of 2px
             // Source: https://stackoverflow.com/a/9612782/3247715
-            boxShadow: state.isFocused ? `0 0 0 2px ${focusedBorderColor}` : 'none', fontSize: size === 'small' ? '14px' : '16px', outline: 'none', border: state.isFocused
+            boxShadow: state.isFocused ? `0 0 0 1px ${focusedBorderColor}` : 'none', fontSize: size === 'small' ? '14px' : '16px', outline: 'none', border: state.isFocused
                 ? `1px solid ${focusedBorderColor}`
                 : `1px solid ${defaultBorder}`, '&:hover': {
                 border: state.isFocused
@@ -73,13 +73,14 @@ const customStyles = ({ errorText, size, }) => {
                     : `1px solid ${defaultBorder}`,
             } })),
         multiValue: (provided) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', height: '28px', maxWidth: '95%' })),
-        dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { padding: '7px' })),
+        dropdownIndicator: (provided) => (Object.assign(Object.assign({}, provided), { cursor: 'pointer', padding: '7px' })),
         indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), { 
             /**
              * The right icon has padding of 8px so:
              * padding-right: 8px+desired
              */
             paddingRight: size === 'small' ? '4px' : '8px' })),
+        clearIndicator: (provided) => (Object.assign(Object.assign({}, provided), { padding: '0px' })),
         /**
          * Only for multi-select, make the padding
          * 2px everywhere when we have at least one
@@ -87,13 +88,14 @@ const customStyles = ({ errorText, size, }) => {
          */
         valueContainer: (provided, state) => (Object.assign(Object.assign({}, provided), { padding: state.isMulti && state.hasValue ? '2px' : '2px 8px' })),
         menuList: (provided) => (Object.assign(Object.assign({}, provided), { padding: size === 'small' ? '16px 12px' : '16px 16px' })),
-        option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', fontSize: size === 'small' ? '14px' : '16px', backgroundColor: state.isSelected
+        option: (provided, state) => (Object.assign(Object.assign({}, provided), { borderRadius: '4px', fontSize: size === 'small' ? '14px' : '16px', lineHeight: size === 'small' ? '20px' : '24px', backgroundColor: state.isSelected
                 ? tokens.palette.light.neutral.bg.strong
                 : 'transparent', color: tokens.palette.light.neutral.text.default, '&:hover': {
                 backgroundColor: state.isSelected
                     ? tokens.palette.light.neutral.bg.strong
                     : tokens.palette.light.neutral.bg.default,
             } })),
+        input: (provided) => (Object.assign(Object.assign({}, provided), { lineHeight: size === 'small' ? '20px' : '24px' })),
         placeholder: (provided) => (Object.assign(Object.assign({}, provided), { color: tokens.palette.light.neutral.text.weaker })),
     };
 };
@@ -138,16 +140,16 @@ export const Dropdown = forwardRef(function Dropdown(props, ref) {
     let SelectElement;
     switch (type) {
         case 'async-select': {
-            SelectElement = (_jsx(AsyncSelect, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            SelectElement = (_jsx(AsyncSelect, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
             break;
         }
         case 'creatable':
-            SelectElement = (_jsx(Creatable, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            SelectElement = (_jsx(Creatable, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
             break;
         default:
-            SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier, components: ComponentOverrides }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles) })));
+            SelectElement = (_jsx(Select, Object.assign({ name: identifier, inputId: identifier }, MergedSelectProps, { styles: Object.assign(Object.assign({}, StyleOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.styles), components: Object.assign(Object.assign({}, ComponentOverrides), selectProps === null || selectProps === void 0 ? void 0 : selectProps.components) })));
     }
-    return (_jsxs(Component, Object.assign({ ref: ref }, RestProps, { className: classnames('ndl-dropdown', size, {
+    return (_jsxs(Component, Object.assign({ "aria-label": ariaLabel, ref: ref }, RestProps, { className: classnames('ndl-dropdown', size, {
             fluid,
         }) }, { children: [label && _jsx("label", Object.assign({ htmlFor: identifier }, { children: label })), SelectElement, helpText && !errorText && _jsx("span", Object.assign({ className: "sub-text" }, { children: helpText })), errorText && _jsx("span", Object.assign({ className: "sub-text error-text" }, { children: errorText }))] })));
 });

package/lib/esm/dropdown/Dropdown.js.map

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

package/lib/esm/dropdown/Overrides.js

@@ -30,7 +30,7 @@ export const DropdownIndicatorCurrying = ({ errorText, size, }) => function Comp
                     } }), errorText && (_jsxs(_Fragment, { children: [_jsx("div", { className: "indicator" }), _jsx(HeroIcon, { className: `error-icon ${size}`, role: "img", type: "solid", iconName: "ExclamationCircleIcon" })] }))] })) })));
 };
 export const CustomClearIndication = ({ errorText, size, }) => function Component(props) {
-    return (_jsx(components.ClearIndicator, Object.assign({}, props, { children: _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [_jsx(HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak", iconName: "XIcon" }), _jsx("div", { className: "indicator" })] })) })));
+    return (_jsx(components.ClearIndicator, Object.assign({}, props, { children: _jsxs("div", Object.assign({ className: "n-flex n-flex-row n-gap-3" }, { children: [_jsx(HeroIcon, { className: "n-w-5 n-h-5 n-text-light-neutral-text-weak n-cursor-pointer", iconName: "XIcon" }), _jsx("div", { className: "indicator" })] })) })));
 };
 export const CustomMultiValueRemove = ({ errorText, size, }) => function Component(props) {
     return (_jsx(components.MultiValueRemove, Object.assign({}, props, { children: _jsx(HeroIcon, { className: "n-text-light-neutral-text-weak", style: {

package/lib/esm/dropdown/Overrides.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAEL,UAAU,GAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,KAAC,UAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,8BACE,cAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,KAAC,QAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,KAAC,UAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAC,4CAA4C,EACtD,QAAQ,EAAC,OAAO,GAChB,EACF,cAAK,SAAS,EAAC,WAAW,GAAG,KACzB,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,KAAC,UAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,KAAC,QAAQ,IACP,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,EACD,QAAQ,EAAC,OAAO,GAChB,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,KAAC,UAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,4BAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Overrides.js","sourceRoot":"","sources":["../../../src/dropdown/Overrides.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAEL,UAAU,GAKX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAIvC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA6D;IAE7D,OAAO,CACL,KAAC,UAAU,CAAC,iBAAiB,oBAAK,KAAK,cACrC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAE,iBAAiB,IAAI,EAAE,EAClC,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE;wBACL,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU;4BACrC,CAAC,CAAC,gBAAgB;4BAClB,CAAC,CAAC,cAAc;wBAClB,kBAAkB,EAAE,OAAO;qBAC5B,GACD,EACD,SAAS,IAAI,CACZ,8BACE,cAAK,SAAS,EAAC,WAAW,GAAG,EAC7B,KAAC,QAAQ,IACP,SAAS,EAAE,cAAc,IAAI,EAAE,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,uBAAuB,GAChC,IACD,CACJ,KACG,IACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAInC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA0D;IAE1D,OAAO,CACL,KAAC,UAAU,CAAC,cAAc,oBAAK,KAAK,cAClC,6BAAK,SAAS,EAAC,2BAA2B,iBACxC,KAAC,QAAQ,IACP,SAAS,EAAC,6DAA6D,EACvE,QAAQ,EAAC,OAAO,GAChB,EACF,cAAK,SAAS,EAAC,WAAW,GAAG,KACzB,IACoB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAIpC,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAChB,KAA4D;IAE5D,OAAO,CACL,KAAC,UAAU,CAAC,gBAAgB,oBAAK,KAAK,cACpC,KAAC,QAAQ,IACP,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;aAC3C,EACD,QAAQ,EAAC,OAAO,GAChB,IAC0B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAI/B,EACA,SAAS,EACT,IAAI,GACyD,EAAE,EAAE,CACjE,SAAS,SAAS,CAAC,KAAuD;IACxE,OAAO,CACL,KAAC,UAAU,CAAC,WAAW,oBAAK,KAAK,cAC/B,4BAAK,SAAS,EAAC,sDAAsD,gBAClE,KAAK,CAAC,QAAQ,IACX,IACiB,CAC1B,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/table/Table.js

@@ -22,6 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import classNames from 'classnames';
 import { ResizingBar, SortIcon, TableResults } from './helpers';
 import TableNavigation from './TableNavigation';
+import { LoadingSpinner } from '../loading-spinner';
 /** Table results per page, with the first option being the default */
 const TABLE_RESULTS = {
     DEFAULT: 10,
@@ -57,25 +58,52 @@ const DefaultHeader = ({ headerGroups, }) => (_jsx("thead", { children:
             // Apply the header cell props
             // Key is defined from getHeaderGroupProps so we can ignore the false-negative
             // eslint-disable-next-line react/jsx-key
-            _jsxs("th", Object.assign({}, castedColumn.getHeaderProps(), { style: Object.assign(Object.assign({}, castedColumn.getHeaderProps().style), { 
+            _jsxs("th", Object.assign({}, castedColumn.getHeaderProps(), { style: Object.assign(Object.assign({}, castedColumn.getHeaderProps([
+                    {
+                        style: castedColumn.style,
+                        className: castedColumn.className,
+                    },
+                ]).style), { 
                     /** 0.25px */
-                    letterSpacing: '0.25px' }), scope: "col", className: headerClasses }, { children: [_jsxs("div", Object.assign({ className: "table-header-cell" }, { children: [castedColumn.render('Header'), castedColumn.canSort && (_jsx(SortIcon, Object.assign({}, castedColumn.getSortByToggleProps(), { isSortedDesc: castedColumn.isSortedDesc })))] })), 'canResize' in castedColumn &&
+                    letterSpacing: '0.25px' }), scope: "col", className: `${headerClasses} ${castedColumn.getHeaderProps([
+                    {
+                        style: castedColumn.style,
+                        className: castedColumn.className,
+                    },
+                ]).className}` }, { children: [_jsxs("div", Object.assign({ className: "table-header-cell" }, { children: [castedColumn.render('Header'), castedColumn.canSort && (_jsx(SortIcon, Object.assign({}, castedColumn.getSortByToggleProps(), { isSortedDesc: castedColumn.isSortedDesc })))] })), 'canResize' in castedColumn &&
                         'getResizerProps' in castedColumn && (_jsx(ResizingBar, Object.assign({}, castedColumn.getResizerProps())))] })));
         }) })))) }));
-const DefaultBody = ({ getTableBodyProps, page, prepareRow, actionsButtons, headerGroups, rows, }) => {
+const DefaultBody = ({ getTableBodyProps, page, prepareRow, actionsButtons, headerGroups, rows, loading = false, }) => {
     // Page is defined when using the usePagination plugin, otherwise rows is defined
     const iterable = page !== null && page !== void 0 ? page : rows;
+    if (loading) {
+        return (_jsx(_Fragment, { children: _jsx("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: _jsx("tr", { children: _jsx("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: _jsx("div", Object.assign({ 
+                            // Minimum height of the table's body
+                            // so placeholders are visible
+                            style: { height: '100px' }, className: "n-flex n-flex-row n-justify-center n-items-center n-gap-2" }, { children: _jsxs("span", Object.assign({ className: "ndl-table-placeholder" }, { children: [_jsx(LoadingSpinner, {}), _jsx("h6", Object.assign({ className: "n-my-5 n-text-center" }, { children: "Loading data" }))] })) })) })) }) })) }));
+    }
     return (_jsx(_Fragment, { children: iterable.length > 0 ? (_jsx("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: iterable.length > 0 &&
                 iterable.map((row) => {
                     prepareRow(row);
                     return (
                     // Key is defined from getHeaderGroupProps so we can ignore the false-negative
                     // eslint-disable-next-line react/jsx-key
-                    _jsxs("tr", Object.assign({ className: "ndl-table-row" }, row.getRowProps(), { children: [row.cells.map((cell) => (
-                            // Key is defined from getHeaderGroupProps so we can ignore the false-negative
-                            // eslint-disable-next-line react/jsx-key
-                            _jsx("td", Object.assign({ className: "ndl-table-cell" }, cell.getCellProps(), { children: cell.render('Cell') })))), actionsButtons && actionsButtons(row)] })));
-                }) }))) : (_jsx("tr", { children: _jsx("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: _jsx("h6", Object.assign({ className: "n-my-5 n-text-center n-h-10" }, { children: "No data present" })) })) })) }));
+                    _jsxs("tr", Object.assign({ className: "ndl-table-row" }, row.getRowProps(), { children: [row.cells.map((cell) => {
+                                const castedColumn = cell.column;
+                                return (
+                                // Key is defined from getHeaderGroupProps so we can ignore the false-negative
+                                // eslint-disable-next-line react/jsx-key
+                                _jsx("td", Object.assign({ className: "ndl-table-cell" }, cell.getCellProps([
+                                    {
+                                        className: castedColumn.className,
+                                        style: castedColumn.style,
+                                    },
+                                ]), { children: cell.render('Cell') })));
+                            }), actionsButtons && actionsButtons(row)] })));
+                }) }))) : (_jsx("tbody", Object.assign({}, getTableBodyProps(), { className: "n-bg-light-neutral-bg-weak" }, { children: _jsx("tr", { children: _jsx("td", Object.assign({ colSpan: headerGroups[0].headers.length }, { children: _jsx("div", Object.assign({ 
+                        // Minimum height of the table's body
+                        // so placeholders are visible
+                        style: { height: '100px' }, className: "n-flex n-flex-row n-justify-center n-items-center n-gap-2" }, { children: _jsx("span", Object.assign({ className: "ndl-table-placeholder" }, { children: _jsx("h6", Object.assign({ className: "n-my-5 n-text-center n-h-10" }, { children: "No data present" })) })) })) })) }) }))) }));
 };
 const DefaultNavigation = ({ state, rows, page, canPreviousPage, nextPage, pageOptions, pageCount, gotoPage, canNextPage, previousPage, setPageSize, }) => {
     // Navigation is only needed if pagination exists
@@ -111,7 +139,7 @@ const Table = (props
     if (!getTableProps) {
         throw new Error('getTableProps is required');
     }
-    return (_jsxs("div", Object.assign({ className: classNames('ndl-table n-overflow-hidden n-flex n-flex-col n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak', className), style: style, role: role }, { children: [controls && (_jsx("div", Object.assign({ className: "n-px-7 n-py-6 n-flex n-flex-row n-items-center" }, { children: controls }))), _jsx("div", Object.assign({ className: "n-overflow-x-auto" }, { children: _jsxs("table", Object.assign({}, getTableProps(), { className: "n-w-full n-min-w-full n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak" }, { children: [header || _jsx(DefaultHeader, Object.assign({}, props)), body || _jsx(DefaultBody, Object.assign({}, props))] })) })), navigation || (_jsx(DefaultNavigation, Object.assign({}, props)))] })));
+    return (_jsxs("div", Object.assign({ className: classNames('ndl-table n-overflow-hidden n-flex n-flex-col n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak n-relative', className), style: style, role: role }, { children: [controls && (_jsx("div", Object.assign({ className: "n-px-7 n-py-6 n-flex n-flex-row n-items-center" }, { children: controls }))), _jsx("div", Object.assign({ className: "n-overflow-x-auto" }, { children: _jsxs("table", Object.assign({}, getTableProps(), { className: "n-w-full n-min-w-full n-divide-y n-divide-light-neutral-border-weak n-bg-light-neutral-bg-weak" }, { children: [header || _jsx(DefaultHeader, Object.assign({}, props)), body || _jsx(DefaultBody, Object.assign({}, props))] })) })), navigation || (_jsx(DefaultNavigation, Object.assign({}, props)))] })));
 };
 /**
  * Easy Actions wrapper for each row

package/lib/esm/table/Table.js.map

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

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

@@ -30,7 +30,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *  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 React from 'react';
+import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import { HeroIcon } from '../icons';
 import { needleWarningMessage } from '../_common/utils';
@@ -50,7 +50,7 @@ import { needleWarningMessage } from '../_common/utils';
  *
  */
 const TextInput = React.forwardRef(function TextInput(props, ref) {
-    const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small' } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize"]);
+    const { label, fluid, errorText, helpText, leftIcon, rightIcon, type = 'text', containerSize = 'small', 'aria-label': ariaLabel } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "type", "containerSize", 'aria-label']);
     const containerWrappingClass = classNames(`ndl-form-item ndl-type-text`, customProps.className, {
         disabled: customProps.disabled,
         [containerSize]: containerSize,
@@ -64,11 +64,13 @@ const TextInput = React.forwardRef(function TextInput(props, ref) {
         fluid,
         'form-item-no-label': hasEmptyLabelValue,
     });
-    if (label && !props['aria-label']) {
-        needleWarningMessage('TextInput 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');
-    }
+    useMemo(() => {
+        if (!label && !ariaLabel) {
+            needleWarningMessage('A TextInput 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');
+        }
+    }, [label, ariaLabel]);
     const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
-    return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsxs("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && _jsx("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref })), rightIcon && !errorText && (_jsx("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && (_jsx("div", Object.assign({ className: "icon right-icon error-icon" }, { children: _jsx(HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), _jsx("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && (_jsx("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
+    return (_jsxs("div", Object.assign({ className: containerWrappingClass }, { children: [_jsxs("label", Object.assign({ className: labelWrappingClass }, { children: [_jsxs("div", Object.assign({ className: "input-wrapper" }, { children: [leftIcon && _jsx("div", Object.assign({ className: "icon left-icon" }, { children: leftIcon })), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && !errorText && (_jsx("div", Object.assign({ className: "icon right-icon" }, { children: rightIcon }))), errorText && (_jsx("div", Object.assign({ className: "icon right-icon error-icon" }, { children: _jsx(HeroIcon, { iconName: "ExclamationCircleIcon", type: "solid" }) })))] })), _jsx("span", Object.assign({ className: "form-label-text" }, { children: label }))] })), (errorText || helpText) && (_jsx("div", Object.assign({ className: "form-msg" }, { children: errorText || helpText })))] })));
 });
 export default TextInput;
 //# 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":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAVH,6FAUL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;QACjC,oBAAoB,CAClB,qKAAqK,CACtK,CAAC;KACH;IAED,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAsB,iBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,6BAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,4BAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,gCACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,IACD,EACR,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,4BAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,EACA,SAAS,IAAI,CACZ,4BAAK,SAAS,EAAC,4BAA4B,gBACzC,KAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,CACP,KACG,EAEN,6BAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,4BAAK,SAAS,EAAC,UAAU,gBAAE,SAAS,IAAI,QAAQ,IAAO,CACxD,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAyBxD;;;;;;GAMG;AAEH,qCAAqC;AAErC;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,SAAS,CACnD,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,MAAM,EACb,aAAa,GAAG,OAAO,EACvB,YAAY,EAAE,SAAS,KAErB,KAAK,EADJ,WAAW,UACZ,KAAK,EAXH,2GAWL,CAAQ,CAAC;IAEV,MAAM,sBAAsB,GAAG,UAAU,CACvC,6BAA6B,EAC7B,WAAW,CAAC,SAAS,EACrB;QACE,QAAQ,EAAE,WAAW,CAAC,QAAQ;QAC9B,CAAC,aAAa,CAAC,EAAE,aAAa;QAC9B,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,QAAQ;QACzB,gBAAgB,EAAE,SAAS,IAAI,SAAS;QACxC,UAAU,EAAE,QAAQ,IAAI,SAAS,IAAI,SAAS;KAC/C,CACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,UAAU,CAAC,iBAAiB,EAAE;QACvD,KAAK;QACL,oBAAoB,EAAE,kBAAkB;KACzC,CAAC,CAAC;IAEH,OAAO,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE;YACxB,oBAAoB,CAClB,uLAAuL,CACxL,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,MAAM,4BAA4B,mCAAQ,WAAW,KAAE,SAAS,EAAE,SAAS,GAAE,CAAC;IAE9E,OAAO,CACL,6BAAK,SAAS,EAAE,sBAAsB,iBAGpC,+BAAO,SAAS,EAAE,kBAAkB,iBAClC,6BAAK,SAAS,EAAC,eAAe,iBAC3B,QAAQ,IAAI,4BAAK,SAAS,EAAC,gBAAgB,gBAAE,QAAQ,IAAO,EAC7D,gCACM,4BAA4B,IAChC,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,gBACI,SAAS,IACrB,EACD,SAAS,IAAI,CAAC,SAAS,IAAI,CAC1B,4BAAK,SAAS,EAAC,iBAAiB,gBAAE,SAAS,IAAO,CACnD,EACA,SAAS,IAAI,CACZ,4BAAK,SAAS,EAAC,4BAA4B,gBACzC,KAAC,QAAQ,IAAC,QAAQ,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAG,IACtD,CACP,KACG,EAEN,6BAAM,SAAS,EAAC,iBAAiB,gBAAE,KAAK,IAAQ,KAC1C,EACP,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAC1B,4BAAK,SAAS,EAAC,UAAU,gBAAE,SAAS,IAAI,QAAQ,IAAO,CACxD,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/types/code-block/CodeBlock.d.ts

@@ -23,6 +23,7 @@ import { IconButtonProps } from '../button';
 import { ElementBase } from '../helpers';
 import { LanguageProp } from './languages';
 export interface CodeBlockProps extends ElementBase<HTMLDivElement> {
+    maxHeight?: number;
     code: string;
     language: LanguageProp | 'text';
     showLineNumbers?: boolean;

package/lib/types/table/Table.d.ts

@@ -37,6 +37,7 @@ export declare const fixedHeight: (items: number, height: number) => {
 declare type DefaultHeaderProps<T extends object> = Pick<UseTableInstanceProps<T>, 'headerGroups'> & UseSortByInstanceProps<T>;
 declare type DefaultBodyProps<T extends object> = {
     actionsButtons?: (row: Row<T>) => JSX.Element | JSX.Element[];
+    loading: boolean;
 } & UseTableInstanceProps<T> & Partial<UsePaginationInstanceProps<T>>;
 export interface PaginationTableState<T extends object> extends UseColumnOrderState<T>, UseExpandedState<T>, UseFiltersState<T>, UsePaginationState<T>, UseGlobalFiltersState<T> {
 }
@@ -65,6 +66,7 @@ export declare type DefaultNavigationProps<T extends object> = {
 declare const Table: {
     <T extends object>(props: Partial<Sections> & Partial<{
         actionsButtons?: ((row: Row<T>) => JSX.Element | JSX.Element[]) | undefined;
+        loading: boolean;
     } & UseTableInstanceProps<T> & Partial<UsePaginationInstanceProps<T>> & {
         state: Partial<PaginationTableState<T>>;
         rows: Row<T>[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "description": "React implementation of Neo4j Design System",
   "keywords": [
     "button",
@@ -69,7 +69,7 @@
   },
   "dependencies": {
     "@heroicons/react": "^1.0.5",
-    "@neo4j-ndl/base": "^0.8.6",
+    "@neo4j-ndl/base": "^0.9.0",
     "classnames": "^2.3.1",
     "detect-browser": "^5.3.0",
     "react-dropzone": "^14.0.0",