@nulogy/components 13.1.0 → 13.1.2

package/dist/main.js

@@ -51394,9 +51394,6 @@
         border: "1px solid " + (currentPage ? theme.colors.darkBlue : theme.colors.lightGrey),
         color: disabled ? theme.colors.grey : theme.colors.black,
         minWidth: iconOnly ? theme.space.x4 : "auto",
-        "&:not(:last-child)": {
-          marginRight: theme.space.x2
-        },
         cursor: disabled ? "default" : "pointer",
         "&:hover": {
           background: getHoverBackground(currentPage, disabled, theme)
@@ -51580,6 +51577,7 @@
 
       return /*#__PURE__*/React__default["default"].createElement(Flex, Object.assign({
         as: "nav",
+        gap: "x2",
         "aria-label": ariaLabel || t("pagination navigation"),
         alignItems: "center"
       }, restProps), /*#__PURE__*/React__default["default"].createElement(PreviousButton, {
@@ -51602,7 +51600,6 @@
         if (page === SEPARATOR) return /*#__PURE__*/React__default["default"].createElement(Text, {
           key: "sep" + index,
           py: "x1",
-          mr: "x2",
           fontSize: "small",
           lineHeight: "smallTextBase"
         }, SEPARATOR);else return /*#__PURE__*/React__default["default"].createElement(PageNumber, {

package/dist/main.module.js

@@ -51377,9 +51377,6 @@ var PaginationButton = styled.button.withConfig({
     border: "1px solid " + (currentPage ? theme.colors.darkBlue : theme.colors.lightGrey),
     color: disabled ? theme.colors.grey : theme.colors.black,
     minWidth: iconOnly ? theme.space.x4 : "auto",
-    "&:not(:last-child)": {
-      marginRight: theme.space.x2
-    },
     cursor: disabled ? "default" : "pointer",
     "&:hover": {
       background: getHoverBackground(currentPage, disabled, theme)
@@ -51563,6 +51560,7 @@ function Pagination(_a) {
 
   return /*#__PURE__*/React__default.createElement(Flex, Object.assign({
     as: "nav",
+    gap: "x2",
     "aria-label": ariaLabel || t("pagination navigation"),
     alignItems: "center"
   }, restProps), /*#__PURE__*/React__default.createElement(PreviousButton, {
@@ -51585,7 +51583,6 @@ function Pagination(_a) {
     if (page === SEPARATOR) return /*#__PURE__*/React__default.createElement(Text, {
       key: "sep" + index,
       py: "x1",
-      mr: "x2",
       fontSize: "small",
       lineHeight: "smallTextBase"
     }, SEPARATOR);else return /*#__PURE__*/React__default.createElement(PageNumber, {

package/dist/src/Select/Select.d.ts

@@ -3,6 +3,7 @@ import Select from "react-select/base";
 import { PropsValue } from "react-select";
 import type { GroupBase, Props, StylesConfig } from "react-select";
 import { StyledProps } from "../StyledProps";
+import { CustomOnChangeValue } from "./lib";
 export type NDSOptionValue = string | number | boolean | null;
 export interface NDSOption {
     label: ReactNode;
@@ -22,7 +23,7 @@ interface CustomProps<Option extends NDSOption, IsMulti extends boolean, Group e
     defaultValue?: PropsValue<Option["value"]>;
     value?: PropsValue<Option["value"]>;
     options: readonly Option[];
-    onChange?: (newValue: PropsValue<Option["value"]>) => void;
+    onChange?: (newValue: CustomOnChangeValue<IsMulti>) => void;
     windowThreshold?: number;
     styles?: (selectStyles: StylesConfig<Option, IsMulti, Group>) => StylesConfig<Option, IsMulti, Group>;
 }

package/dist/src/Select/lib.d.ts

@@ -1,4 +1,4 @@
-import { Options, PropsValue } from "react-select";
+import { OnChangeValue, Options, PropsValue } from "react-select";
 import { NDSOption, NDSOptionValue } from "./Select";
 export declare function calcOptionsLength(options: any): any;
 export declare function flattenGroupedChildren(children: any): any;
@@ -17,4 +17,5 @@ export declare function createGetHeight({ groupHeadingStyles, noOptionsMsgStyles
 export declare function checkOptionsAreValid(options: Options<NDSOption>): void;
 export declare function getOption(options: Options<NDSOption>, value: PropsValue<NDSOptionValue>): any;
 export declare function getReactSelectValue(options: Options<NDSOption>, input: PropsValue<NDSOptionValue>): any;
-export declare function extractValue(options: Options<NDSOption> | NDSOption, isMulti: boolean): NDSOptionValue[] | NDSOptionValue;
+export type CustomOnChangeValue<IsMulti extends boolean> = IsMulti extends true ? NDSOptionValue[] : NDSOptionValue;
+export declare function extractValue<IsMulti extends boolean>(options: OnChangeValue<NDSOption, IsMulti>, isMulti: IsMulti): CustomOnChangeValue<IsMulti>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "13.1.0",
+  "version": "13.1.2",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {