@itcase/ui 1.2.13 → 1.2.15

package/dist/{DropdownItem-Dy3DG4XJ.js → DropdownItem-CEPQWGQ5.js}

@@ -54,7 +54,8 @@ function Dropdown(props) {
             // Remove event listener for current dropdown on unmount
             window.removeEventListener('click', onClickWindow);
         };
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',

package/dist/{DropdownItem-agqkY0-H.js → DropdownItem-sLbGv_08.js}

@@ -52,7 +52,8 @@ function Dropdown(props) {
             // Remove event listener for current dropdown on unmount
             window.removeEventListener('click', onClickWindow);
         };
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',

package/dist/{Group-BXfLh7AZ.js → Group-12uup5mu.js}

@@ -1,4 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
 import { useStyles } from './hooks/useStyles.js';
@@ -9,8 +10,8 @@ var groupConfig = {
         groupConfig.appearance = newComponent;
     },
 };
-function Group(props) {
-    var id = props.id, name = props.name, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
+var Group = React.forwardRef(function Group(props, ref) {
+    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
     var contentAlignClass = useDeviceTargetClass(props, {
         prefix: 'group_content-align_',
         propsKey: 'contentAlign',
@@ -95,15 +96,19 @@ function Group(props) {
         prefix: 'group_text-color_hover_',
         propsKey: 'textColorHover',
     });
+    var iconFillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'group_icon_fill_hover_',
+        propsKey: 'iconFillHover',
+    });
     // @ts-expect-error
     var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
     // prettier-ignore
     var appearanceConfig = (appearance && groupConfig.appearance && groupConfig.appearance[appearance]);
-    return (jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, name: name, style: Object.assign({}, groupStyles, style), className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+    return (jsx(Tag, { className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), alignClass, textColorClass, textColorActiveClass, textColorHoverClass, fillClass ||
+                    .toLowerCase()), alignClass, textColorClass, textColorActiveClass, textColorHoverClass, iconFillHoverClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
@@ -115,10 +120,7 @@ function Group(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
                 "border-width_".concat(appearanceConfig.borderWidth)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), onClick: onClick, children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
-}
-Group.defaultProps = {
-    tag: 'div',
-};
+                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), ref: ref, name: name, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+});
 
 export { Group as G, groupConfig as g };

package/dist/{Group-Buo_BxGT.js → Group-BDuYmoBK.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClass = require('./cjs/hooks/useDeviceTargetClass.js');
 var useStyles = require('./cjs/hooks/useStyles.js');
@@ -11,8 +12,8 @@ var groupConfig = {
         groupConfig.appearance = newComponent;
     },
 };
-function Group(props) {
-    var id = props.id, name = props.name, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
+var Group = React.forwardRef(function Group(props, ref) {
+    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
     var contentAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
         prefix: 'group_content-align_',
         propsKey: 'contentAlign',
@@ -97,15 +98,19 @@ function Group(props) {
         prefix: 'group_text-color_hover_',
         propsKey: 'textColorHover',
     });
+    var iconFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'group_icon_fill_hover_',
+        propsKey: 'iconFillHover',
+    });
     // @ts-expect-error
     var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
     // prettier-ignore
     var appearanceConfig = (appearance && groupConfig.appearance && groupConfig.appearance[appearance]);
-    return (jsxRuntime.jsx(Tag, { "data-tour": dataTour, htmlFor: htmlFor, id: id, name: name, style: Object.assign({}, groupStyles, style), className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
+    return (jsxRuntime.jsx(Tag, { className: clsx(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
                 "group_direction_".concat(appearanceConfig.direction)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), alignClass, textColorClass, textColorActiveClass, textColorHoverClass, fillClass ||
+                    .toLowerCase()), alignClass, textColorClass, textColorActiveClass, textColorHoverClass, iconFillHoverClass, fillClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
                 "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
@@ -117,11 +122,8 @@ function Group(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
                 "border-width_".concat(appearanceConfig.borderWidth)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
-}
-Group.defaultProps = {
-    tag: 'div',
-};
+                    .toLowerCase()), borderTypeClass, elevationClass, justifyContentClass), ref: ref, name: name, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+});
 
 exports.Group = Group;
 exports.groupConfig = groupConfig;

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var Button = require('../../Button-VFc2pmvE.js');
-var Group = require('../../Group-Buo_BxGT.js');
+var Group = require('../../Group-BDuYmoBK.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');
 require('lodash/camelCase');

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem-Dy3DG4XJ.js');
+var DropdownItem = require('../../DropdownItem-CEPQWGQ5.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/FormField.js

@@ -13,7 +13,7 @@ require('react-select');
 var index = require('./Select.js');
 require('react');
 require('../../Badge-2JkquAEb.js');
-require('../../Group-Buo_BxGT.js');
+require('../../Group-BDuYmoBK.js');
 var Switch = require('../../Switch-B5yVEqxz.js');
 require('react-inlinesvg');
 require('../../Link-BoJdm1hz.js');

package/dist/cjs/components/Group.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var Group = require('../../Group-Buo_BxGT.js');
+var Group = require('../../Group-BDuYmoBK.js');
 require('react/jsx-runtime');
+require('react');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
-require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');

package/dist/cjs/components/Notification.js

@@ -17,6 +17,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
+require('../../tslib.es6-CCZ3TN_7.js');
 require('uuid');
 
 var notificationItemConfig = {

package/dist/cjs/components/Page.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var alignDirection = require('../constants/componentProps/alignDirection.js');
@@ -11,6 +11,7 @@ var position = require('../constants/componentProps/position.js');
 var verticalResizeMode = require('../constants/componentProps/verticalResizeMode.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
+require('react');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
@@ -21,396 +22,70 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 
 function Page(props) {
-  const {
-    after,
-    before,
-    children,
-    className,
-    id,
-    tag: Tag,
-    type
-  } = props;
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'alignDirection'
-  });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'align'
-  });
-  const resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'wrapper_resize-horizontal_',
-    propsKey: 'horizontalResizing'
-  });
-  const resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'wrapper_resize-vertical_',
-    propsKey: 'verticalResizing'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'position_',
-    propsKey: 'position'
-  });
-  const {
-    styles,
-    wrapper: wrapperStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: clsx('page', className, type && `${className}_type_${type}`, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
-    style: styles
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'),
-    style: wrapperStyles
-  }, before, children, after));
+    var after = props.after, before = props.before, children = props.children, className = props.className, id = props.id; props.tag; var type = props.type;
+    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'wrapper_resize-horizontal_',
+        propsKey: 'horizontalResizing',
+    });
+    var resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'wrapper_resize-vertical_',
+        propsKey: 'verticalResizing',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    var _a = useStyles.useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper;
+    return (jsxRuntime.jsx("div", { id: id, className: clsx('page', className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), style: styles, children: jsxRuntime.jsxs("div", { className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'), style: wrapperStyles, children: [before, children, after] }) }));
 }
 Page.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  before: PropTypes.string,
-  after: PropTypes.string,
-  id: PropTypes.string,
-  fill: PropTypes.oneOf(fill.default),
-  fillMobile: PropTypes.oneOf(fill.default),
-  fillTablet: PropTypes.oneOf(fill.default),
-  fillDesktop: PropTypes.oneOf(fill.default),
-  type: PropTypes.string,
-  tag: PropTypes.string,
-  position: PropTypes.oneOf(position.default),
-  positionMobile: PropTypes.oneOf(position.default),
-  positionTablet: PropTypes.oneOf(position.default),
-  positionDesktop: PropTypes.oneOf(position.default),
-  wrapperPosition: PropTypes.oneOf(position.default),
-  wrapperPositionMobile: PropTypes.oneOf(position.default),
-  wrapperPositionTablet: PropTypes.oneOf(position.default),
-  wrapperPositionDesktop: PropTypes.oneOf(position.default),
-  horizontalResizing: PropTypes.oneOf(horizontalResizeMode.default),
-  horizontalResizingMobile: PropTypes.oneOf(horizontalResizeMode.default),
-  horizontalResizingTablet: PropTypes.oneOf(horizontalResizeMode.default),
-  horizontalResizingDesktop: PropTypes.oneOf(horizontalResizeMode.default),
-  verticalResizing: PropTypes.oneOf(verticalResizeMode.default),
-  verticalResizingMobile: PropTypes.oneOf(verticalResizeMode.default),
-  verticalResizingTablet: PropTypes.oneOf(verticalResizeMode.default),
-  verticalResizingDesktop: PropTypes.oneOf(verticalResizeMode.default),
-  align: PropTypes.oneOf(align.default),
-  alignMobile: PropTypes.oneOf(align.default),
-  alignTablet: PropTypes.oneOf(align.default),
-  alignDesktop: PropTypes.oneOf(align.default),
-  alignDirection: PropTypes.oneOf(alignDirection.default),
-  alignDirectionMobile: PropTypes.oneOf(alignDirection.default),
-  alignDirectionTablet: PropTypes.oneOf(alignDirection.default),
-  alignDirectionDesktop: PropTypes.oneOf(alignDirection.default)
-};
-Page.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Page",
-  "props": {
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "tag": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "position": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPosition": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPositionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPositionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPositionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "horizontalResizing": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "horizontalResizingMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "horizontalResizingTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "horizontalResizingDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizing": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizingMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizingTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizingDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "align": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignDirection": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    }
-  }
+    children: PropTypes.any,
+    className: PropTypes.string,
+    before: PropTypes.string,
+    after: PropTypes.string,
+    id: PropTypes.string,
+    fill: PropTypes.oneOf(fill.default),
+    fillMobile: PropTypes.oneOf(fill.default),
+    fillTablet: PropTypes.oneOf(fill.default),
+    fillDesktop: PropTypes.oneOf(fill.default),
+    type: PropTypes.string,
+    tag: PropTypes.string,
+    position: PropTypes.oneOf(position.default),
+    positionMobile: PropTypes.oneOf(position.default),
+    positionTablet: PropTypes.oneOf(position.default),
+    positionDesktop: PropTypes.oneOf(position.default),
+    wrapperPosition: PropTypes.oneOf(position.default),
+    wrapperPositionMobile: PropTypes.oneOf(position.default),
+    wrapperPositionTablet: PropTypes.oneOf(position.default),
+    wrapperPositionDesktop: PropTypes.oneOf(position.default),
+    horizontalResizing: PropTypes.oneOf(horizontalResizeMode.default),
+    horizontalResizingMobile: PropTypes.oneOf(horizontalResizeMode.default),
+    horizontalResizingTablet: PropTypes.oneOf(horizontalResizeMode.default),
+    horizontalResizingDesktop: PropTypes.oneOf(horizontalResizeMode.default),
+    verticalResizing: PropTypes.oneOf(verticalResizeMode.default),
+    verticalResizingMobile: PropTypes.oneOf(verticalResizeMode.default),
+    verticalResizingTablet: PropTypes.oneOf(verticalResizeMode.default),
+    verticalResizingDesktop: PropTypes.oneOf(verticalResizeMode.default),
+    align: PropTypes.oneOf(align.default),
+    alignMobile: PropTypes.oneOf(align.default),
+    alignTablet: PropTypes.oneOf(align.default),
+    alignDesktop: PropTypes.oneOf(align.default),
+    alignDirection: PropTypes.oneOf(alignDirection.default),
+    alignDirectionMobile: PropTypes.oneOf(alignDirection.default),
+    alignDirectionTablet: PropTypes.oneOf(alignDirection.default),
+    alignDirectionDesktop: PropTypes.oneOf(alignDirection.default),
 };
 
 exports.Page = Page;

package/dist/cjs/components/Pagination.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var DropdownItem = require('../../DropdownItem-Dy3DG4XJ.js');
+var DropdownItem = require('../../DropdownItem-CEPQWGQ5.js');
 var Icon = require('../../Icon-mG_ucnJz.js');
 var Text = require('../../Text-_YhyTsQ1.js');
 require('lodash/castArray');