@linzjs/lui 21.12.2-1 → 21.14.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [21.14.0](https://github.com/linz/lui/compare/v21.13.0...v21.14.0) (2023-12-04)
+
+
+### Features
+
+* CS-2952 - allow secondary styling on LuiSplitButton ([90049f7](https://github.com/linz/lui/commit/90049f7f9c6650d838caa613e899130e5981671e))
+
+# [21.13.0](https://github.com/linz/lui/compare/v21.12.1...v21.13.0) (2023-12-03)
+
+
+### Features
+
+* Upgrade to storybook 7 ([#1057](https://github.com/linz/lui/issues/1057)) ([86f8c01](https://github.com/linz/lui/commit/86f8c01d06829c9d7a0c3730ef1f22ac0743da46))
+
 ## [21.12.1](https://github.com/linz/lui/compare/v21.12.0...v21.12.1) (2023-11-29)
 
 

package/dist/components/LuiSplitButton/LuiSplitButton.d.ts

@@ -10,6 +10,7 @@ export interface ILuiSplitButtonProps {
     disabled?: boolean;
     children: React.ReactNode;
     'data-testid'?: string;
+    level?: 'primary' | 'secondary';
 }
 export interface ILuiSplitButtonMenuItemProps extends MenuItemProps {
     children: React.ReactNode;

package/dist/index.js

@@ -42471,19 +42471,18 @@ var LuiSplitButton = function (_a) {
     var _d = React.useState(false), isExpanded = _d[0], setIsExpanded = _d[1];
     // Let the consumer set any LuiButtonProps they want but overwrite the ones we want to control
     var buttonProps = __assign(__assign({}, props.buttonProps), {
-        level: 'primary',
+        level: props.level || 'primary',
         className: clsx('lui-split-button-primary-btn', (_b = props.buttonProps) === null || _b === void 0 ? void 0 : _b.className)
     });
     var positionProps = getMenuPosition(position);
     var iconClassName = getIconClassName(position, isExpanded);
     return (React__default["default"].createElement("div", { className: clsx('lui-split-button', props.className) },
-        React__default["default"].createElement(LuiButton, __assign({}, buttonProps, { disabled: props.disabled }),
-            ' ',
-            props.buttonLabel,
-            ' '),
+        React__default["default"].createElement(LuiButton, __assign({}, buttonProps, { disabled: props.disabled }), props.buttonLabel),
         React__default["default"].createElement(reactMenu.Menu, __assign({ menuClassName: 'lui-split-button-menu', onMenuChange: function () {
                 setIsExpanded(function (prev) { return !prev; });
-            }, menuButton: React__default["default"].createElement("button", { disabled: props.disabled, className: clsx('popup-toggle-button'), "data-testid": props['data-testid'], type: "button" },
+            }, menuButton: React__default["default"].createElement("button", { disabled: props.disabled, className: clsx('popup-toggle-button', {
+                    'popup-toggle-button-secondary': props.level === 'secondary'
+                }), "data-testid": props['data-testid'], type: "button" },
                 React__default["default"].createElement("i", { className: clsx(iconClassName) }, 'expand_more')) }, positionProps, props.menuProps), props.children)));
 };
 //required by react menu wrapping