@itcase/ui 1.1.7 → 1.1.9

package/dist/cjs/components/Notification/Notification.interface.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillPropsType, sizePropsType, textColorPropsType, textSizePropsType, titleSizePropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface INotificationItemThemeColor {
+    fill?: fillPropsType;
+    size?: sizePropsType;
+    textSize?: textSizePropsType;
+    textColor?: textColorPropsType;
+    titleTextSize?: titleSizePropsType;
+    titleTextColor?: textColorPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type notificationItemAppearanceType = {
+    [key in appearanceKeysType]?: INotificationItemThemeColor;
+};
+export interface INotificationItemConfig {
+    appearance: notificationItemAppearanceType | undefined;
+    setAppearance: (newComponent: notificationItemAppearanceType) => void;
+}
+export interface INotificationItemProps extends TypeStyleAttributes {
+    id?: number | string;
+    appearance?: appearanceKeysType;
+    className?: string;
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    closeButton?: React.ReactNode;
+    set?: string;
+    status?: string;
+    size?: sizePropsType;
+    dataTour?: string;
+    text?: string;
+    textSize?: textSizePropsType;
+    textColor?: textColorPropsType;
+    title?: string;
+    titleTextSize?: titleSizePropsType;
+    titleTextColor?: textColorPropsType;
+    type?: string;
+    onClickClose?: (id?: number | string) => void;
+    fill?: fillPropsType;
+}
+export interface INotificationListProps {
+    className?: string;
+    size?: sizePropsType;
+    type?: string;
+    set?: string;
+    closeButton?: React.ReactNode;
+}
+export {};

package/dist/cjs/components/Notification/NotificationItem.d.ts

@@ -0,0 +1,10 @@
+import { INotificationItemConfig, INotificationItemProps } from './Notification.interface';
+declare const notificationItemConfig: INotificationItemConfig;
+declare function NotificationItem(props: INotificationItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NotificationItem {
+    var defaultProps: {
+        titleTextSize: string;
+        textSize: string;
+    };
+}
+export { NotificationItem, notificationItemConfig };

package/dist/cjs/components/Notification/NotificationList.d.ts

@@ -0,0 +1,3 @@
+import { INotificationListProps } from './Notification.interface';
+declare function NotificationList(props: INotificationListProps): import("react/jsx-runtime").JSX.Element;
+export { NotificationList };

package/dist/cjs/components/Notification/index.d.ts

@@ -0,0 +1,3 @@
+import { NotificationItem, notificationItemConfig } from './NotificationItem';
+import { NotificationList } from './NotificationList';
+export { NotificationList, NotificationItem, notificationItemConfig };

package/dist/cjs/components/Notification.js

@@ -1,17 +1,19 @@
 'use strict';
 
-var NotificationList = require('../NotificationList-B6QbYA9H.js');
+var NotificationList = require('../NotificationList-DnI8DqyE.js');
+require('../jsx-runtime-BCmQOGxJ.js');
 require('react');
-require('prop-types');
 require('clsx');
-require('../Text-CfBPhwqK.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+require('../context/Notifications.js');
+require('prop-types');
+require('uuid');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../Text-D7Aq1i5R.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -26,9 +28,6 @@ require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
-require('../Group-DbzIk8kt.js');
-require('../context/Notifications.js');
-require('uuid');
 
 
 

package/dist/cjs/components/Pagination.js

@@ -6,43 +6,37 @@ var clsx = require('clsx');
 var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Text = require('../Text-CfBPhwqK.js');
-var index = require('./Icon.js');
-var DropdownItem = require('../DropdownItem-DT8iQfVh.js');
+var DropdownItem = require('../DropdownItem-Bl-Ghc_6.js');
+var Icon = require('../Icon-UBahY607.js');
+var Text = require('../Text-D7Aq1i5R.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('react-inlinesvg');
-require('./Link.js');
+require('../Divider-CIYsHYud.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('../Link-BoShjCEw.js');
 require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
+require('../constants/componentProps/shape.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
+require('../constants/componentProps/size.js');
+require('react-inlinesvg');
 require('./Tooltip.js');
 require('./Title.js');
 require('../constants/componentProps/textAlign.js');
+require('../constants/componentProps/textColor.js');
+require('../constants/componentProps/textGradient.js');
+require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
 require('../constants/componentProps/wrap.js');
 require('../constants/componentProps/textSize.js');
-require('./Divider.js');
-require('../constants/componentProps/direction.js');
-require('../constants/componentProps/width.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -58,8 +52,6 @@ function Pagination(props) {
     perPageCount,
     allItemsCount,
     className,
-    forcePage,
-    pageCount,
     marginPagesDisplayed,
     pageRangeDisplayed,
     previousLabel,
@@ -69,11 +61,9 @@ function Pagination(props) {
     pageCountDesc,
     pageCountDescTextColor,
     pageCountDescTextSize,
-    pageCountInput,
     pageCountInputTextColor,
     pageCountInputTextSize,
     pageCountInputIcon,
-    pageCountInputIconFill,
     pageCountInputIconFillSize,
     pageCountInputIconColor,
     pageCountDropdownAlignment,
@@ -90,7 +80,6 @@ function Pagination(props) {
     pageCountDropdownItemFillActive,
     pageCountDropdownItemFillActiveHover,
     pageCountDropdownItemFillHover,
-    pageCountDropdownItemLabel,
     pageCountDropdownItemLabelColor,
     pageCountDropdownItemLabelColorActive,
     pageCountDropdownItemLabelSize,
@@ -100,12 +89,15 @@ function Pagination(props) {
     onPageChange
   } = props;
   const [isOpenDropdown, setIsOpenDropdown] = React.useState(false);
+  const [showPagination, setShowPagination] = React.useState(true);
+  const [pageCountDropdownArray, setPageCountDropdownArray] = React.useState([]);
   const [activeDropdownItem, setActiveDropdownItem] = React.useState(10);
   // Toggle command menu
   const onClickCommandMenuButton = React.useCallback(event => {
     setIsOpenDropdown(state => !state);
   }, []);
-  const handleDropdownItemClick = React.useCallback(item => {
+  const handleDropdownItemClick = React.useCallback((event, item) => {
+    event.stopPropagation();
     onPerPageCountChange(item);
     setActiveDropdownItem(item);
     setIsOpenDropdown(false);
@@ -118,6 +110,14 @@ function Pagination(props) {
     prefix: 'gap_',
     propsKey: 'gap'
   });
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'fill_hover_',
+    propsKey: 'fillHover'
+  });
 
   // Calculate count of pages for all items
   const paginationPagesCount = React.useMemo(() => {
@@ -137,12 +137,12 @@ function Pagination(props) {
     }
     return 0;
   }, [pageNumber]);
-  if (paginationPagesCount <= 1) {
-    return null;
-  }
+  React.useEffect(() => {
+    setPageCountDropdownArray(isPageCountDropdownReversed ? pageCountArray.reverse() : pageCountArray);
+  }, [pageCountArray, isPageCountDropdownReversed]);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: "pagination"
-  }, /*#__PURE__*/React__default.default.createElement(ReactPaginate__default.default, {
+  }, showPagination && /*#__PURE__*/React__default.default.createElement(ReactPaginate__default.default, {
     activeClassName: "pagination__item_state_active cursor_type_default",
     breakClassName: "pagination__item pagination__item_break",
     disabledClassName: "pagination__item_state_disabled cursor_type_default",
@@ -180,16 +180,15 @@ function Pagination(props) {
     size: pageCountDescTextSize,
     textColor: pageCountDescTextColor
   }, pageCountDesc), /*#__PURE__*/React__default.default.createElement("div", {
-    className: "pagination__input"
+    className: clsx__default.default('pagination__input', 'cursor_type_pointer', fillClass, fillHoverClass),
+    onClick: onClickCommandMenuButton
   }, /*#__PURE__*/React__default.default.createElement(Text.Text, {
     size: pageCountInputTextSize,
     textColor: pageCountInputTextColor
-  }, activeDropdownItem), /*#__PURE__*/React__default.default.createElement(index.Icon, {
-    fill: pageCountInputIconFill,
+  }, activeDropdownItem), /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
     fillSize: pageCountInputIconFillSize,
     iconFill: pageCountInputIconColor,
-    SvgImage: pageCountInputIcon,
-    onClick: onClickCommandMenuButton
+    SvgImage: pageCountInputIcon
   }), /*#__PURE__*/React__default.default.createElement(DropdownItem.Dropdown, {
     alignment: pageCountDropdownAlignment,
     elevation: pageCountDropdownElevation,
@@ -198,7 +197,7 @@ function Pagination(props) {
     set: pageCountDropdownSet,
     setIsOpen: setIsOpenDropdown,
     shape: pageCountDropdownShape
-  }, (isPageCountDropdownReversed ? pageCountArray.reverse() : pageCountArray).map((item, index) => activeDropdownItem === item ? /*#__PURE__*/React__default.default.createElement(DropdownItem.DropdownItem, {
+  }, pageCountDropdownArray.map((item, index) => activeDropdownItem === item ? /*#__PURE__*/React__default.default.createElement(DropdownItem.DropdownItem, {
     dividerDirection: pageCountDropdownItemDividerDirection,
     dividerFill: pageCountDropdownItemDividerFill,
     dividerSize: pageCountDropdownItemDividerSize,
@@ -215,7 +214,7 @@ function Pagination(props) {
     labelTextWrap: pageCountDropdownItemLabelWrap,
     set: pageCountDropdownItemSet,
     showDivider: index < pageCountArray.length - 1 && pageCountDropdownItemShowDivider,
-    onClick: () => handleDropdownItemClick(item)
+    onClick: event => handleDropdownItemClick(event, item)
   }) : /*#__PURE__*/React__default.default.createElement(DropdownItem.DropdownItem, {
     dividerDirection: pageCountDropdownItemDividerDirection,
     dividerFill: pageCountDropdownItemDividerFill,
@@ -231,7 +230,7 @@ function Pagination(props) {
     labelTextWrap: pageCountDropdownItemLabelWrap,
     set: pageCountDropdownItemSet,
     showDivider: index < pageCountArray.length - 1 && pageCountDropdownItemShowDivider,
-    onClick: () => handleDropdownItemClick(item)
+    onClick: event => handleDropdownItemClick(event, item)
   }))))));
 }
 Pagination.propTypes = {

package/dist/cjs/components/Panel/Panel.d.ts

@@ -0,0 +1,7 @@
+import { IPanelConfig, IPanelProps } from './Panel.interface';
+declare const panelConfig: IPanelConfig;
+declare function Panel(props: IPanelProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Panel {
+    var defaultProps: {};
+}
+export { Panel, panelConfig };

package/dist/cjs/components/Panel/Panel.interface.d.ts

@@ -0,0 +1,56 @@
+import React, { CSSProperties } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, heightPropsType, positionPropsType, shapePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+interface ThemeColor {
+    fill?: string;
+    fillHover?: string;
+    labelTextColor?: string;
+    border?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    direction?: alignDirectionPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceType = {
+    [key in appearanceKeysType]: ThemeColor;
+};
+export interface IPanelConfig {
+    appearance: appearanceType | undefined;
+    setAppearance: (newComponent: appearanceType) => void;
+}
+export interface IPanelProps extends TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    children?: React.ReactNode;
+    className?: string;
+    horizontalScroll?: boolean;
+    verticalScroll?: boolean;
+    htmlFor?: string;
+    set?: string;
+    style?: CSSProperties;
+    dataTour?: string;
+    alignContent?: flexJustifyContentPropsType;
+    alignItems?: flexAlignPropsType;
+    justifyContent?: flexJustifyContentPropsType;
+    wrap?: flexWrapPropsType;
+    direction?: alignDirectionPropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    shape?: shapePropsType;
+    width?: widthPropsType;
+    height?: heightPropsType;
+    borderColor?: borderColorPropsType;
+    borderWidth?: borderWidthPropsType;
+    borderType?: borderTypePropsType;
+    elevation?: elevationPropsType;
+    position?: positionPropsType;
+    title?: string;
+    titleTextSize?: textSizePropsType;
+    titleTextColor?: textColorPropsType;
+    titleTextWeight?: textWeightPropsType;
+    desc?: string;
+    descTextSize?: textSizePropsType;
+    descTextColor?: textColorPropsType;
+    descTextWeight?: textWeightPropsType;
+}
+export {};

package/dist/cjs/components/Panel/index.d.ts

@@ -0,0 +1 @@
+export { Panel, panelConfig } from './Panel';

package/dist/cjs/components/Panel.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var jsxRuntime = require('../jsx-runtime-BCmQOGxJ.js');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useStyles = require('../hooks/useStyles.js');
+var Group = require('../Group-4zWTDvKx.js');
+var Text = require('../Text-D7Aq1i5R.js');
+require('react');
+require('lodash/castArray');
+require('lodash/camelCase');
+require('../context/UIContext.js');
+require('prop-types');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+var panelConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        panelConfig.appearance = newComponent;
+    },
+};
+function Panel(props) {
+    var appearance = props.appearance, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, dataTour = props.dataTour, title = props.title, titleTextSize = props.titleTextSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, desc = props.desc, descTextSize = props.descTextSize, descTextColor = props.descTextColor, descTextWeight = props.descTextWeight, verticalScroll = props.verticalScroll;
+    var alignContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'panel_align-content_',
+        propsKey: 'alignContent',
+    });
+    var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'panel_align-items_',
+        propsKey: 'alignItems',
+    });
+    var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'panel_justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'panel_direction_',
+        propsKey: 'direction',
+    });
+    var wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'flex_wrap_',
+        propsKey: 'wrap',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'panel_shape_',
+        propsKey: 'shape',
+    });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    // @ts-expect-error
+    var _a = useStyles.useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
+    var appearanceConfig = appearance && panelConfig.appearance && panelConfig.appearance[appearance];
+    return (jsxRuntime.jsxRuntimeExports.jsxs(Group.Group, { className: clsx__default.default(className, 'panel', widthClass, heightClass, 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) &&
+                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), set && "panel_set_".concat(set), wrapClass, shapeClass, borderColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                "border-color_".concat(appearanceConfig.borderColor)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderWidthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
+                "border-width_".concat(appearanceConfig.borderWidth)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderTypeClass, alignContentClass, alignItemsClass, elevationClass, justifyContentClass, positionClass, horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), "data-tour": dataTour, htmlFor: htmlFor, style: panelStyles, children: [title && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "panel__header", children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsxRuntime.jsxRuntimeExports.jsx("div", { className: clsx__default.default('panel__wrapper', directionClass), style: panelWrapperStyles, children: children }), desc && (jsxRuntime.jsxRuntimeExports.jsx("div", { className: "panel__footer", children: jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
+}
+Panel.defaultProps = {};
+
+exports.Panel = Panel;
+exports.panelConfig = panelConfig;

package/dist/cjs/components/Radio.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('../jsx-runtime-BCmQOGxJ.js');
 require('../hooks/useStyles.js');

package/dist/cjs/components/Response.js

@@ -16,32 +16,29 @@ var textSize = require('../constants/componentProps/textSize.js');
 var textWeight = require('../constants/componentProps/textWeight.js');
 var titleSize = require('../constants/componentProps/titleSize.js');
 var width = require('../constants/componentProps/width.js');
-var index$1 = require('./Button.js');
-var Group = require('../Group-DbzIk8kt.js');
-var Text = require('../Text-CfBPhwqK.js');
+var Button = require('../Button-3GkRq8Pv.js');
+var Group = require('../Group-4zWTDvKx.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var index = require('./Title.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
-require('./Icon.js');
-require('./Link.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('../Icon-UBahY607.js');
+require('../Link-BoShjCEw.js');
+require('./Tooltip.js');
+require('../constants/componentProps/textAlign.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
+require('../constants/componentProps/wrap.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
-require('./Tooltip.js');
-require('../jsx-runtime-BCmQOGxJ.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/wrap.js');
+require('lodash/camelCase');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
 require('./Loader.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -162,7 +159,7 @@ function Response(props) {
   }, message)), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton || responseConfig.appearance[appearance]) && /*#__PURE__*/React__default.default.createElement(Group.Group, {
     className: "response__button",
     width: "fill"
-  }, primaryButtonLabel || responseConfig.appearance[appearance].primaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(index$1.Button, {
+  }, primaryButtonLabel || responseConfig.appearance[appearance].primaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
     after: primaryButtonAfter,
     appearance: primaryButtonAppearance || responseConfig.appearance[appearance]?.primaryButtonAppearance || 'dev',
     before: primaryButtonBefore,
@@ -176,7 +173,7 @@ function Response(props) {
     size: primaryButtonSize || responseConfig.appearance[appearance]?.primaryButtonSize,
     width: primaryButtonWidth || responseConfig.appearance[appearance]?.primaryButtonWidth || 'fill',
     onClick: onClickPrimaryButton
-  }) : primaryButton, secondaryButtonLabel || responseConfig.appearance[appearance]?.secondaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(index$1.Button, {
+  }) : primaryButton, secondaryButtonLabel || responseConfig.appearance[appearance]?.secondaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(Button.Button, {
     after: secondaryButtonAfter,
     appearance: secondaryButtonAppearance || responseConfig.appearance[appearance]?.secondaryButtonAppearance || 'dev',
     before: secondaryButtonBefore,

package/dist/cjs/components/Search.js

@@ -1,43 +1,38 @@
 'use strict';
 
-var SearchResult = require('../SearchResult-CdsV7oDb.js');
+var SearchResult = require('../SearchResult-bTwR5A-g.js');
 require('react');
 require('prop-types');
 require('clsx');
 require('../constants/componentProps/fill.js');
-require('./Icon.js');
-require('react-inlinesvg');
-require('./Link.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
-require('../hooks/useStyles.js');
+require('../Icon-UBahY607.js');
+require('../Link-BoShjCEw.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
 require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/shape.js');
-require('../constants/componentProps/strokeColor.js');
+require('../hooks/useStyles.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('react-inlinesvg');
 require('./Tooltip.js');
-require('../Text-CfBPhwqK.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+require('../Text-D7Aq1i5R.js');
 require('./Title.js');
 require('../constants/componentProps/textAlign.js');
+require('../constants/componentProps/textColor.js');
+require('../constants/componentProps/textGradient.js');
+require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textSize.js');
+require('../constants/componentProps/shape.js');
 require('./Scrollbar.js');
 require('react-scrollbars-custom');
 

package/dist/cjs/components/Segmented.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var fill = require('../constants/componentProps/fill.js');
 var textWrap = require('../constants/componentProps/textWrap.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');