@itcase/ui 1.1.6 → 1.1.8

package/dist/components/RangeSlider.js

@@ -1,29 +1,20 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var fill = require('../constants/componentProps/fill.js');
-var shape = require('../constants/componentProps/shape.js');
-var width = require('../constants/componentProps/width.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Slider = require('rc-slider');
-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('lodash/castArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var Slider__default = /*#__PURE__*/_interopDefault(Slider);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import fillProps from '../constants/componentProps/fill.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import widthProps from '../constants/componentProps/width.js';
+import { useStyles } from '../hooks/useStyles.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import Slider from 'rc-slider';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/castArray';
 
 function RangeSlider(props) {
   const {
@@ -41,51 +32,51 @@ function RangeSlider(props) {
     value,
     onChangeSlider
   } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const trackFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const trackFillClass = useDeviceTargetClass(props, {
     prefix: 'range-slider-track-fill_',
     propsKey: 'fillTrack'
   });
-  const railFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const railFillClass = useDeviceTargetClass(props, {
     prefix: 'range-slider-rail-fill_',
     propsKey: 'fillRail'
   });
-  const handleFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const handleFillClass = useDeviceTargetClass(props, {
     prefix: 'range-slider-handle-fill_',
     propsKey: 'fillHandle'
   });
-  const handleFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const handleFillHoverClass = useDeviceTargetClass(props, {
     prefix: 'range-slider-handle-fill-hover_',
     propsKey: 'fillHandleHover'
   });
-  const handleDraggingFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const handleDraggingFillClass = useDeviceTargetClass(props, {
     prefix: 'range-slider-handle-dragging-fill_',
     propsKey: 'fillHandleDragging'
   });
-  const handleDraggingFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const handleDraggingFillHoverClass = useDeviceTargetClass(props, {
     prefix: 'range-slider-handle-dragging-fill-hover_',
     propsKey: 'fillHandleDraggingHover'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'filter_shape_',
     propsKey: 'shape'
   });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const widthClass = useDeviceTargetClass(props, {
     prefix: 'width_',
     propsKey: 'width'
   });
   const {
     styles: rangeSliderStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'range-slider', set && `range-slider_set_${set}`, fillClass, trackFillClass, railFillClass, handleFillClass, handleFillHoverClass, handleDraggingFillClass, handleDraggingFillHoverClass, shapeClass, widthClass),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'range-slider', set && `range-slider_set_${set}`, fillClass, trackFillClass, railFillClass, handleFillClass, handleFillHoverClass, handleDraggingFillClass, handleDraggingFillHoverClass, shapeClass, widthClass),
     style: rangeSliderStyles
-  }, before && /*#__PURE__*/React__default.default.createElement("div", {
+  }, before && /*#__PURE__*/React__default.createElement("div", {
     className: "range-slider__before"
-  }, before), /*#__PURE__*/React__default.default.createElement(Slider__default.default, {
+  }, before), /*#__PURE__*/React__default.createElement(Slider, {
     className: "range-slider__wrapper",
     disabled: disabled,
     min: min,
@@ -95,31 +86,31 @@ function RangeSlider(props) {
     vertical: vertical,
     value: value,
     onChange: onChangeSlider
-  }), children, after && /*#__PURE__*/React__default.default.createElement("div", {
+  }), children, after && /*#__PURE__*/React__default.createElement("div", {
     className: "range-slider__after"
   }, after));
 }
 RangeSlider.propTypes = {
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  desc: PropTypes__default.default.string,
-  descSize: PropTypes__default.default.string,
-  descTextColor: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillDesktop: PropTypes__default.default.oneOf(fill.default),
-  fillMobile: PropTypes__default.default.oneOf(fill.default),
-  fillTablet: PropTypes__default.default.oneOf(fill.default),
-  set: PropTypes__default.default.string,
-  shape: PropTypes__default.default.oneOf(shape.default),
-  shapeDesktop: PropTypes__default.default.oneOf(shape.default),
-  shapeMobile: PropTypes__default.default.oneOf(shape.default),
-  shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  width: PropTypes__default.default.oneOf(width.default),
-  widthDesktop: PropTypes__default.default.oneOf(width.default),
-  widthMobile: PropTypes__default.default.oneOf(width.default),
-  widthTablet: PropTypes__default.default.oneOf(width.default)
+  after: PropTypes.any,
+  before: PropTypes.any,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  desc: PropTypes.string,
+  descSize: PropTypes.string,
+  descTextColor: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillDesktop: PropTypes.oneOf(fillProps),
+  fillMobile: PropTypes.oneOf(fillProps),
+  fillTablet: PropTypes.oneOf(fillProps),
+  set: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  shapeDesktop: PropTypes.oneOf(shapeProps),
+  shapeMobile: PropTypes.oneOf(shapeProps),
+  shapeTablet: PropTypes.oneOf(shapeProps),
+  width: PropTypes.oneOf(widthProps),
+  widthDesktop: PropTypes.oneOf(widthProps),
+  widthMobile: PropTypes.oneOf(widthProps),
+  widthTablet: PropTypes.oneOf(widthProps)
 };
 RangeSlider.__docgenInfo = {
   "description": "",
@@ -293,4 +284,4 @@ RangeSlider.__docgenInfo = {
   }
 };
 
-exports.RangeSlider = RangeSlider;
+export { RangeSlider };

package/dist/components/Response.js

@@ -1,58 +1,43 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var SVG = require('react-inlinesvg');
-var borderColor = require('../constants/componentProps/borderColor.js');
-var borderType = require('../constants/componentProps/borderType.js');
-var borderWidth = require('../constants/componentProps/borderWidth.js');
-var fillHover = require('../constants/componentProps/fillHover.js');
-var fill = require('../constants/componentProps/fill.js');
-var shape = require('../constants/componentProps/shape.js');
-var size = require('../constants/componentProps/size.js');
-var textColor = require('../constants/componentProps/textColor.js');
-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$3 = require('./Button.js');
-var index = require('./Group.js');
-var index$2 = require('./Text.js');
-var index$1 = require('./Title.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('./Icon.js');
-require('./Link.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('../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('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/wrap.js');
-require('./Loader.js');
-require('../constants/componentProps/direction.js');
-require('../constants/componentProps/stacking.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var SVG__default = /*#__PURE__*/_interopDefault(SVG);
+import React__default, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import SVG from 'react-inlinesvg';
+import borderColorProps from '../constants/componentProps/borderColor.js';
+import borderTypeProps from '../constants/componentProps/borderType.js';
+import borderWidthProps from '../constants/componentProps/borderWidth.js';
+import fillHoverProps from '../constants/componentProps/fillHover.js';
+import fillProps from '../constants/componentProps/fill.js';
+import shapeProps from '../constants/componentProps/shape.js';
+import sizeProps from '../constants/componentProps/size.js';
+import textColorProps from '../constants/componentProps/textColor.js';
+import textSizeProps from '../constants/componentProps/textSize.js';
+import textWeightProps from '../constants/componentProps/textWeight.js';
+import titleSizeProps from '../constants/componentProps/titleSize.js';
+import widthProps from '../constants/componentProps/width.js';
+import { B as Button } from '../Button-B7vbiqrJ.js';
+import { G as Group } from '../Group-fbVPmr8W.js';
+import { T as Text } from '../Text-BcGbRc14.js';
+import { Title } from './Title.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../Icon-Dn2eEZvb.js';
+import '../Link-ByBzBRDH.js';
+import './Tooltip.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/wrap.js';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import './Loader.js';
 
 const responseConfig = {
   appearance: {},
@@ -102,70 +87,70 @@ function Response(props) {
     onClickPrimaryButton,
     onClickSecondaryButton
   } = props;
-  const ImageComponent = React.useMemo(() => {
+  const ImageComponent = useMemo(() => {
     if (imageSrc) {
       // eslint-disable-next-line react/prop-types
       if (imageSrc.endsWith('.svg')) {
-        return /*#__PURE__*/React__default.default.createElement(SVG__default.default, {
+        return /*#__PURE__*/React__default.createElement(SVG, {
           src: imageSrc
         });
       }
-      return /*#__PURE__*/React__default.default.createElement("img", {
+      return /*#__PURE__*/React__default.createElement("img", {
         src: imageSrc
       });
     }
     return null;
   }, [imageSrc]);
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'fillHover'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'response_shape_',
     propsKey: 'shape'
   });
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorHoverClass = useDeviceTargetClass(props, {
     prefix: 'border-color_hover_',
     propsKey: 'borderColorHover'
   });
-  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderWidthClass = useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'borderWidth'
   });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderTypeClass = useDeviceTargetClass(props, {
     prefix: 'border_type_',
     propsKey: 'borderType'
   });
   const {
     styles: responseStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'response', fillClass || responseConfig.appearance[appearance] && `fill_${responseConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || responseConfig.appearance[appearance] && `fill_hover_${responseConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass || responseConfig.appearance[appearance] && `fill_hover_${responseConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, set && `response_set_${set}`),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'response', fillClass || responseConfig.appearance[appearance]?.fill && `fill_${responseConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || responseConfig.appearance[appearance]?.fillHover && `fill_hover_${responseConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), shapeClass || responseConfig.appearance[appearance]?.shape && `fill_hover_${responseConfig.appearance[appearance].shape}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, set && `response_set_${set}`),
     style: responseStyles
-  }, before, ImageComponent || responseConfig.appearance[appearance]?.imageSrc, /*#__PURE__*/React__default.default.createElement(index.Group, {
+  }, before, ImageComponent || responseConfig.appearance[appearance]?.imageSrc, /*#__PURE__*/React__default.createElement(Group, {
     className: "response__desc",
     width: "fill"
-  }, title && /*#__PURE__*/React__default.default.createElement(index$1.Title, {
+  }, title && /*#__PURE__*/React__default.createElement(Title, {
     className: "response__title",
     size: titleTextSize || responseConfig.appearance[appearance]?.titleTextSize || 'h2',
     textColor: titleTextColor || responseConfig.appearance[appearance]?.titleTextColor,
     textWeight: titleTextWeight || responseConfig.appearance[appearance]?.titleTextWeight || '600'
-  }, title), message && /*#__PURE__*/React__default.default.createElement(index$2.Text, {
+  }, title), message && /*#__PURE__*/React__default.createElement(Text, {
     className: "response__message",
     size: messageTextSize || responseConfig.appearance[appearance]?.messageTextSize || 'xxl',
     textColor: messageTextColor || responseConfig.appearance[appearance]?.messageTextColor
-  }, message)), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton || responseConfig.appearance[appearance]) && /*#__PURE__*/React__default.default.createElement(index.Group, {
+  }, message)), (primaryButtonLabel || primaryButton || secondaryButtonLabel || secondaryButton || responseConfig.appearance[appearance]) && /*#__PURE__*/React__default.createElement(Group, {
     className: "response__button",
     width: "fill"
-  }, primaryButtonLabel || responseConfig.appearance[appearance].primaryButtonLabel ? /*#__PURE__*/React__default.default.createElement(index$3.Button, {
+  }, primaryButtonLabel || responseConfig.appearance[appearance].primaryButtonLabel ? /*#__PURE__*/React__default.createElement(Button, {
     after: primaryButtonAfter,
     appearance: primaryButtonAppearance || responseConfig.appearance[appearance]?.primaryButtonAppearance || 'dev',
     before: primaryButtonBefore,
@@ -179,7 +164,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$3.Button, {
+  }) : primaryButton, secondaryButtonLabel || responseConfig.appearance[appearance]?.secondaryButtonLabel ? /*#__PURE__*/React__default.createElement(Button, {
     after: secondaryButtonAfter,
     appearance: secondaryButtonAppearance || responseConfig.appearance[appearance]?.secondaryButtonAppearance || 'dev',
     before: secondaryButtonBefore,
@@ -196,50 +181,50 @@ function Response(props) {
   }) : secondaryButton), after);
 }
 Response.propsTypes = {
-  borderColor: PropTypes__default.default.oneOf(borderColor.default),
-  borderType: PropTypes__default.default.oneOf(borderType.default),
-  borderWidth: PropTypes__default.default.oneOf(borderWidth.default),
-  className: PropTypes__default.default.string,
-  fill: PropTypes__default.default.oneOf(fill.default),
-  fillHover: PropTypes__default.default.oneOf(fillHover.default),
-  shape: PropTypes__default.default.oneOf(shape.default),
-  after: PropTypes__default.default.any,
-  before: PropTypes__default.default.any,
-  appearance: PropTypes__default.default.string,
-  imageSrc: PropTypes__default.default.string,
-  title: PropTypes__default.default.string,
-  titleTextSize: PropTypes__default.default.oneOf(titleSize.default),
-  titleTextWeight: PropTypes__default.default.oneOf(textWeight.default),
-  titleTextColor: PropTypes__default.default.oneOf(textColor.default),
-  message: PropTypes__default.default.string,
-  messageTextColor: PropTypes__default.default.oneOf(textColor.default),
-  messageTextSize: PropTypes__default.default.oneOf(textSize.default),
-  primaryButton: PropTypes__default.default.any,
-  primaryButtonAfter: PropTypes__default.default.any,
-  primaryButtonAppearance: PropTypes__default.default.string,
-  primaryButtonBefore: PropTypes__default.default.any,
-  primaryButtonFill: PropTypes__default.default.oneOf(fill.default),
-  primaryButtonFillHover: PropTypes__default.default.oneOf(fillHover.default),
-  primaryButtonLabel: PropTypes__default.default.string,
-  primaryButtonLabelTextColor: PropTypes__default.default.oneOf(textColor.default),
-  primaryButtonLabelTextSize: PropTypes__default.default.oneOf(textSize.default),
-  primaryButtonShape: PropTypes__default.default.oneOf(shape.default),
-  primaryButtonSize: PropTypes__default.default.oneOf(size.default),
-  primaryButtonWidth: PropTypes__default.default.oneOf(width.default),
-  secondaryButton: PropTypes__default.default.any,
-  secondaryButtonAfter: PropTypes__default.default.any,
-  secondaryButtonAppearance: PropTypes__default.default.string,
-  secondaryButtonBefore: PropTypes__default.default.any,
-  secondaryButtonFill: PropTypes__default.default.oneOf(fill.default),
-  secondaryButtonFillHover: PropTypes__default.default.oneOf(fillHover.default),
-  secondaryButtonLabel: PropTypes__default.default.string,
-  secondaryButtonLabelTextColor: PropTypes__default.default.oneOf(textColor.default),
-  secondaryButtonLabelTextSize: PropTypes__default.default.oneOf(textSize.default),
-  secondaryButtonShape: PropTypes__default.default.oneOf(shape.default),
-  secondaryButtonSize: PropTypes__default.default.oneOf(size.default),
-  secondaryButtonWidth: PropTypes__default.default.oneOf(width.default),
-  onClickPrimaryButton: PropTypes__default.default.func,
-  onClickSecondaryButton: PropTypes__default.default.func
+  borderColor: PropTypes.oneOf(borderColorProps),
+  borderType: PropTypes.oneOf(borderTypeProps),
+  borderWidth: PropTypes.oneOf(borderWidthProps),
+  className: PropTypes.string,
+  fill: PropTypes.oneOf(fillProps),
+  fillHover: PropTypes.oneOf(fillHoverProps),
+  shape: PropTypes.oneOf(shapeProps),
+  after: PropTypes.any,
+  before: PropTypes.any,
+  appearance: PropTypes.string,
+  imageSrc: PropTypes.string,
+  title: PropTypes.string,
+  titleTextSize: PropTypes.oneOf(titleSizeProps),
+  titleTextWeight: PropTypes.oneOf(textWeightProps),
+  titleTextColor: PropTypes.oneOf(textColorProps),
+  message: PropTypes.string,
+  messageTextColor: PropTypes.oneOf(textColorProps),
+  messageTextSize: PropTypes.oneOf(textSizeProps),
+  primaryButton: PropTypes.any,
+  primaryButtonAfter: PropTypes.any,
+  primaryButtonAppearance: PropTypes.string,
+  primaryButtonBefore: PropTypes.any,
+  primaryButtonFill: PropTypes.oneOf(fillProps),
+  primaryButtonFillHover: PropTypes.oneOf(fillHoverProps),
+  primaryButtonLabel: PropTypes.string,
+  primaryButtonLabelTextColor: PropTypes.oneOf(textColorProps),
+  primaryButtonLabelTextSize: PropTypes.oneOf(textSizeProps),
+  primaryButtonShape: PropTypes.oneOf(shapeProps),
+  primaryButtonSize: PropTypes.oneOf(sizeProps),
+  primaryButtonWidth: PropTypes.oneOf(widthProps),
+  secondaryButton: PropTypes.any,
+  secondaryButtonAfter: PropTypes.any,
+  secondaryButtonAppearance: PropTypes.string,
+  secondaryButtonBefore: PropTypes.any,
+  secondaryButtonFill: PropTypes.oneOf(fillProps),
+  secondaryButtonFillHover: PropTypes.oneOf(fillHoverProps),
+  secondaryButtonLabel: PropTypes.string,
+  secondaryButtonLabelTextColor: PropTypes.oneOf(textColorProps),
+  secondaryButtonLabelTextSize: PropTypes.oneOf(textSizeProps),
+  secondaryButtonShape: PropTypes.oneOf(shapeProps),
+  secondaryButtonSize: PropTypes.oneOf(sizeProps),
+  secondaryButtonWidth: PropTypes.oneOf(widthProps),
+  onClickPrimaryButton: PropTypes.func,
+  onClickSecondaryButton: PropTypes.func
 };
 Response.__docgenInfo = {
   "description": "",
@@ -247,5 +232,4 @@ Response.__docgenInfo = {
   "displayName": "Response"
 };
 
-exports.Response = Response;
-exports.responseConfig = responseConfig;
+export { Response, responseConfig };