@epignosis_llc/gnosis 2.2.0 → 2.2.1

package/dist/cjs/{index-df99b192.js → index-2dc5db20.js}

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v2.1.8
+   * @epignosis_llc/gnosis.js v2.2.0
    * Released under the MIT license.
    */
 
@@ -1284,8 +1284,8 @@ var createCache = function createCache(options) {
   return cache;
 };
 
-function _extends$d() {
-  _extends$d = Object.assign || function (target) {
+function _extends$c() {
+  _extends$c = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -1299,7 +1299,7 @@ function _extends$d() {
     return target;
   };
 
-  return _extends$d.apply(this, arguments);
+  return _extends$c.apply(this, arguments);
 }
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2151,7 +2151,7 @@ var getTheme = function getTheme(outerTheme, theme) {
     throw new Error('[ThemeProvider] Please make your theme prop a plain object');
   }
 
-  return _extends$d({}, outerTheme, theme);
+  return _extends$c({}, outerTheme, theme);
 };
 
 var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
@@ -2175,7 +2175,7 @@ function withTheme(Component) {
 
   var render = function render(props, ref) {
     var theme = React$n.useContext(ThemeContext);
-    return /*#__PURE__*/React$n.createElement(Component, _extends$d({
+    return /*#__PURE__*/React$n.createElement(Component, _extends$c({
       theme: theme,
       ref: ref
     }, props));
@@ -2875,8 +2875,8 @@ function _defineProperty$3(obj, key, value) {
   return obj;
 }
 
-function _extends$c() {
-  _extends$c = Object.assign || function (target) {
+function _extends$b() {
+  _extends$b = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -2890,7 +2890,7 @@ function _extends$c() {
     return target;
   };
 
-  return _extends$c.apply(this, arguments);
+  return _extends$b.apply(this, arguments);
 }
 
 function _objectWithoutPropertiesLoose$1(source, excluded) {
@@ -15007,7 +15007,7 @@ var Loader = function Loader(_ref) {
       size = _ref$size === void 0 ? "lg" : _ref$size,
       rest = _objectWithoutProperties(_ref, _excluded$y);
 
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: function css(theme) {
       return container$8(theme, {
         fullScreen: fullScreen,
@@ -15188,7 +15188,7 @@ var Button = function Button(props) {
   var containerClassNames = classNames((_classNames = {}, _defineProperty$3(_classNames, className, Boolean(className)), _defineProperty$3(_classNames, "disabled", disabled || isLoading), _defineProperty$3(_classNames, "rounded", rounded), _defineProperty$3(_classNames, "solid", variant === "solid"), _defineProperty$3(_classNames, "outline", variant === "outline"), _defineProperty$3(_classNames, "ghost", variant === "ghost"), _defineProperty$3(_classNames, "link", variant === "link"), _defineProperty$3(_classNames, "icon-after", SuffixIcon), _defineProperty$3(_classNames, "icon-before", PrefixIcon), _classNames));
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(Component, _extends$c({
+  }, jsx(Component, _extends$b({
     css: function css(theme) {
       return btnContainer(theme, {
         color: color,
@@ -15227,37 +15227,20 @@ var Button = function Button(props) {
   })));
 };
 
-var _path$5, _path2$5;
-
-function _extends$b() { _extends$b = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
-
-function SvgCloseCircled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M12 4.25A7.749 7.749 0 004.25 12 7.749 7.749 0 0012 19.75 7.749 7.749 0 0019.75 12 7.749 7.749 0 0012 4.25zm0 14A6.248 6.248 0 015.75 12 6.248 6.248 0 0112 5.75 6.248 6.248 0 0118.25 12 6.248 6.248 0 0112 18.25zm3.181-8.194a.375.375 0 000-.531l-.706-.706a.375.375 0 00-.531 0L12 10.763l-1.944-1.944a.375.375 0 00-.531 0l-.706.706a.375.375 0 000 .531L10.762 12l-1.943 1.944a.375.375 0 000 .531l.706.706a.375.375 0 00.531 0L12 13.237l1.944 1.944a.375.375 0 00.531 0l.706-.706a.375.375 0 000-.531L13.237 12z",
-    fill: "currentcolor"
-  })), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  })));
-}
-
 var _path$4, _path2$4;
 
 function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
 
-function SvgArrowRight(props) {
+function SvgCloseCircled(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
   }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12 4.25A7.749 7.749 0 004.25 12 7.749 7.749 0 0012 19.75 7.749 7.749 0 0019.75 12 7.749 7.749 0 0012 4.25zm0 14A6.248 6.248 0 015.75 12 6.248 6.248 0 0112 5.75 6.248 6.248 0 0118.25 12 6.248 6.248 0 0112 18.25zm3.181-8.194a.375.375 0 000-.531l-.706-.706a.375.375 0 00-.531 0L12 10.763l-1.944-1.944a.375.375 0 00-.531 0l-.706.706a.375.375 0 000 .531L10.762 12l-1.943 1.944a.375.375 0 000 .531l.706.706a.375.375 0 00.531 0L12 13.237l1.944 1.944a.375.375 0 00.531 0l.706-.706a.375.375 0 000-.531L13.237 12z",
+    fill: "currentcolor"
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
-  })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M15.852 12.319a.417.417 0 000-.637l-6.16-5.549a.547.547 0 00-.713 0l-.831.742a.417.417 0 000 .637L13.12 12l-4.972 4.488a.417.417 0 000 .637l.831.742a.547.547 0 00.713 0z",
-    fill: "currentcolor"
   })));
 }
 
@@ -15265,7 +15248,7 @@ var _path$3, _path2$3;
 
 function _extends$9() { _extends$9 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 
-function SvgArrowLeft(props) {
+function SvgArrowRight(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
@@ -15273,7 +15256,7 @@ function SvgArrowLeft(props) {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M8.148 11.681a.417.417 0 000 .637l6.16 5.549a.547.547 0 00.713 0l.831-.742a.417.417 0 000-.637L10.88 12l4.972-4.488a.417.417 0 000-.637l-.831-.742a.547.547 0 00-.713 0z",
+    d: "M15.852 12.319a.417.417 0 000-.637l-6.16-5.549a.547.547 0 00-.713 0l-.831.742a.417.417 0 000 .637L13.12 12l-4.972 4.488a.417.417 0 000 .637l.831.742a.547.547 0 00.713 0z",
     fill: "currentcolor"
   })));
 }
@@ -15282,15 +15265,15 @@ var _path$2, _path2$2;
 
 function _extends$8() { _extends$8 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 
-function SvgClose(props) {
+function SvgArrowLeft(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16"
+    viewBox: "0 0 24 24"
   }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
-    d: "M0 0h16v16H0z"
+    d: "M0 0h24v24H0z"
   })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M9.488 8l3.366-3.366a.5.5 0 000-.706l-.782-.782a.5.5 0 00-.706 0L8 6.513 4.634 3.146a.5.5 0 00-.706 0l-.782.782a.5.5 0 000 .706L6.513 8l-3.367 3.366a.5.5 0 000 .706l.782.782a.5.5 0 00.706 0L8 9.488l3.366 3.366a.5.5 0 00.706 0l.782-.779a.5.5 0 000-.706z",
+    d: "M8.148 11.681a.417.417 0 000 .637l6.16 5.549a.547.547 0 00.713 0l.831-.742a.417.417 0 000-.637L10.88 12l4.972-4.488a.417.417 0 000-.637l-.831-.742a.547.547 0 00-.713 0z",
     fill: "currentcolor"
   })));
 }
@@ -15299,15 +15282,15 @@ var _path$1, _path2$1;
 
 function _extends$7() { _extends$7 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 
-function SvgCaretDown(props) {
+function SvgClose(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24"
+    viewBox: "0 0 16 16"
   }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
-    d: "M0 0h24v24H0z"
+    d: "M0 0h16v16H0z"
   })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M7.034 9.125a1.033 1.033 0 00-.73 1.762L11.421 16a1.027 1.027 0 001.456 0l5.113-5.113a1.033 1.033 0 00-.73-1.762z",
+    d: "M9.488 8l3.366-3.366a.5.5 0 000-.706l-.782-.782a.5.5 0 00-.706 0L8 6.513 4.634 3.146a.5.5 0 00-.706 0l-.782.782a.5.5 0 000 .706L6.513 8l-3.367 3.366a.5.5 0 000 .706l.782.782a.5.5 0 00.706 0L8 9.488l3.366 3.366a.5.5 0 00.706 0l.782-.779a.5.5 0 000-.706z",
     fill: "currentcolor"
   })));
 }
@@ -15474,7 +15457,7 @@ var Chip = function Chip(_ref) {
   } : _ref$style,
       rest = _objectWithoutProperties(_ref, _excluded$v);
 
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: function css(theme) {
       return chip(theme, {
         size: size
@@ -15537,7 +15520,7 @@ var Avatar = function Avatar(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded$u);
 
-  return jsx("figure", _extends$c({
+  return jsx("figure", _extends$b({
     css: function css(theme) {
       return avatar(theme, {
         size: size,
@@ -15573,7 +15556,7 @@ var Tag = function Tag(_ref) {
   } : _ref$style,
       rest = _objectWithoutProperties(_ref, _excluded$t);
 
-  return jsx("span", _extends$c({
+  return jsx("span", _extends$b({
     css: tag,
     style: style
   }, rest), children);
@@ -15596,7 +15579,7 @@ var AspectRatio = function AspectRatio(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded$s);
 
   var paddingPercentage = ratio[1] / ratio[0] * 100;
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: aspectRatioContainer(paddingPercentage)
   }, rest), jsx("div", {
     className: "aspect-ratio-wrapper"
@@ -15637,7 +15620,7 @@ var Badge = function Badge(_ref) {
     "has-content": badgeContent,
     "big-content": badgeContent && badgeContent.length >= 3
   });
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: function css(theme) {
       return container$7(theme, {
         size: size,
@@ -15645,7 +15628,7 @@ var Badge = function Badge(_ref) {
       });
     },
     className: containerClassNames
-  }, containerAttrs), jsx("span", _extends$c({
+  }, containerAttrs), jsx("span", _extends$b({
     className: "content-container"
   }, rest), badgeContent), children);
 };
@@ -23565,7 +23548,7 @@ var Alert = function Alert(_ref) {
       Icon = _ref.icon,
       rest = _objectWithoutProperties(_ref, _excluded$q);
 
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: function css(theme) {
       return container$6(theme, {
         type: type
@@ -23615,7 +23598,7 @@ var ProgressBar = function ProgressBar(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded$p);
 
   var showPercentage = percent >= 0 && percent <= 100;
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: function css(theme) {
       return container$5(theme, {
         percent: percent,
@@ -27537,11 +27520,11 @@ var Tooltip = function Tooltip(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded$o);
 
   var Tag = as;
-  return jsx(Tippy, _extends$c({
+  return jsx(Tippy, _extends$b({
     interactive: true,
     placement: placement,
     render: function render(attrs) {
-      return jsx("div", _extends$c({
+      return jsx("div", _extends$b({
         className: "tooltip",
         css: tooltipContainer
       }, attrs), content, jsx("div", {
@@ -30280,7 +30263,7 @@ var Heading = function Heading(_ref) {
 
   var HeadingTag = as;
   var selectedSize = size || SIZES[as];
-  return jsx(HeadingTag, _extends$c({
+  return jsx(HeadingTag, _extends$b({
     css: function css(theme) {
       return headingContainer(theme, {
         size: selectedSize
@@ -30886,7 +30869,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerYouTube' */
-    './YouTube-1632cb26.js'); }).then(function (n) { return n.YouTube; });
+    './YouTube-d064dceb.js'); }).then(function (n) { return n.YouTube; });
   })
 }, {
   key: 'soundcloud',
@@ -30895,7 +30878,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerSoundCloud' */
-    './SoundCloud-b2e6297c.js'); }).then(function (n) { return n.SoundCloud; });
+    './SoundCloud-790645ae.js'); }).then(function (n) { return n.SoundCloud; });
   })
 }, {
   key: 'vimeo',
@@ -30904,7 +30887,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVimeo' */
-    './Vimeo-22030f0e.js'); }).then(function (n) { return n.Vimeo; });
+    './Vimeo-b791ed61.js'); }).then(function (n) { return n.Vimeo; });
   })
 }, {
   key: 'facebook',
@@ -30913,7 +30896,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFacebook' */
-    './Facebook-e388da19.js'); }).then(function (n) { return n.Facebook; });
+    './Facebook-8d356343.js'); }).then(function (n) { return n.Facebook; });
   })
 }, {
   key: 'streamable',
@@ -30922,7 +30905,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerStreamable' */
-    './Streamable-e433d209.js'); }).then(function (n) { return n.Streamable; });
+    './Streamable-99a84bb3.js'); }).then(function (n) { return n.Streamable; });
   })
 }, {
   key: 'wistia',
@@ -30931,7 +30914,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerWistia' */
-    './Wistia-a158811e.js'); }).then(function (n) { return n.Wistia; });
+    './Wistia-0f6330c0.js'); }).then(function (n) { return n.Wistia; });
   })
 }, {
   key: 'twitch',
@@ -30940,7 +30923,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerTwitch' */
-    './Twitch-6c23496a.js'); }).then(function (n) { return n.Twitch; });
+    './Twitch-f78cadf1.js'); }).then(function (n) { return n.Twitch; });
   })
 }, {
   key: 'dailymotion',
@@ -30949,7 +30932,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerDailyMotion' */
-    './DailyMotion-369d6f18.js'); }).then(function (n) { return n.DailyMotion; });
+    './DailyMotion-1fd93335.js'); }).then(function (n) { return n.DailyMotion; });
   })
 }, {
   key: 'mixcloud',
@@ -30958,7 +30941,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerMixcloud' */
-    './Mixcloud-4ebd216b.js'); }).then(function (n) { return n.Mixcloud; });
+    './Mixcloud-c5ee7d14.js'); }).then(function (n) { return n.Mixcloud; });
   })
 }, {
   key: 'vidyard',
@@ -30967,7 +30950,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVidyard' */
-    './Vidyard-1552181c.js'); }).then(function (n) { return n.Vidyard; });
+    './Vidyard-4b50386f.js'); }).then(function (n) { return n.Vidyard; });
   })
 }, {
   key: 'kaltura',
@@ -30976,7 +30959,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerKaltura' */
-    './Kaltura-e65342e6.js'); }).then(function (n) { return n.Kaltura; });
+    './Kaltura-b6d4faef.js'); }).then(function (n) { return n.Kaltura; });
   })
 }, {
   key: 'file',
@@ -30988,7 +30971,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFilePlayer' */
-    './FilePlayer-b3f6d249.js'); }).then(function (n) { return n.FilePlayer; });
+    './FilePlayer-a90539c7.js'); }).then(function (n) { return n.FilePlayer; });
   })
 }];
 exports["default"] = _default;
@@ -31894,7 +31877,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var Preview = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () { return require(
   /* webpackChunkName: 'reactPlayerPreview' */
-  './Preview-804630f8.js'); }).then(function (n) { return n.Preview; });
+  './Preview-f9b1f15d.js'); }).then(function (n) { return n.Preview; });
 });
 var IS_BROWSER = typeof window !== 'undefined' && window.document;
 var IS_GLOBAL = typeof commonjsGlobal !== 'undefined' && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -32164,9 +32147,9 @@ var VideoPlayer = function VideoPlayer(_ref) {
       containerAttrs = _ref.containerAttrs,
       rest = _objectWithoutProperties(_ref, _excluded$m);
 
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: videoPlayerContainer
-  }, containerAttrs), jsx(ReactPlayer, _extends$c({
+  }, containerAttrs), jsx(ReactPlayer, _extends$b({
     className: "react-player",
     url: src,
     controls: controls,
@@ -32184,7 +32167,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
       containerAttrs = _ref.containerAttrs,
       rest = _objectWithoutProperties(_ref, _excluded$l);
 
-  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$c({
+  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$b({
     url: src,
     controls: controls,
     className: "react-player",
@@ -32969,7 +32952,7 @@ var Pagination = function Pagination(_ref) {
     });
   };
 
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: container$4
   }, containerAttrs), jsx(Button, {
     className: "previous-page-btn",
@@ -33040,7 +33023,7 @@ var Label = function Label(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded$j);
 
-  return jsx("label", _extends$c({
+  return jsx("label", _extends$b({
     css: function css(theme) {
       return label(theme, {
         size: size
@@ -33083,10 +33066,10 @@ var selectContainer = function selectContainer(_ref, _ref2) {
     /*#__PURE__*/
     css(inputContainerBaseStyles({
       block: true
-    }), " label{margin:0 0 0.5rem 0.5rem;}&.error{.select-input-wrapper select{border-color:", formElements.errors.errorBorderColor, ";}}&.disabled{&:hover{.select-input-wrapper{.carret-wrapper{cursor:not-allowed;z-index:-1;}}}}&:focus-within,&:hover{.select-input-wrapper{.carret-wrapper{z-index:1;}}}select{", inputBaseStyles(formElements, {
+    }), " label{margin:0 0 0.5rem 0.5rem;}&.error{.select-input-wrapper select{border-color:", formElements.errors.errorBorderColor, ";}}select{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;padding-right:2.5rem;appearance:none;&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";}}.select-input-wrapper{position:relative;width:100%;background-color:", formElements.input.background, ";border-radius:5px;z-index:1;.carret-wrapper{position:absolute;right:0.75rem;height:100%;display:inline-flex;align-items:center;z-index:-1;svg{color:#000;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IHNlbGVjdENvbnRhaW5lciA9IChcbiAgeyBmb3JtRWxlbWVudHMgfTogVGhlbWUsXG4gIHsgc2l6ZSB9OiB7IHNpemU6IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9XG5cbiAgbGFiZWwge1xuICAgIG1hcmdpbjogMCAwIDAuNXJlbSAwLjVyZW07XG4gIH1cblxuICAmLmVycm9yIHtcbiAgICAuc2VsZWN0LWlucHV0LXdyYXBwZXIgc2VsZWN0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICAgIH1cbiAgfVxuXG4gICYuZGlzYWJsZWQge1xuICAgICY6aG92ZXIge1xuICAgICAgLnNlbGVjdC1pbnB1dC13cmFwcGVyIHtcbiAgICAgICAgLmNhcnJldC13cmFwcGVyIHtcbiAgICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICAgIHotaW5kZXg6IC0xO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJjpmb2N1cy13aXRoaW4sXG4gICY6aG92ZXIge1xuICAgIC5zZWxlY3QtaW5wdXQtd3JhcHBlciB7XG4gICAgICAuY2FycmV0LXdyYXBwZXIge1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHNlbGVjdCB7XG4gICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAyLjVyZW07XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC5ib3JkZXJIb3ZlckNvbG9yfTtcbiAgICB9XG4gIH1cblxuICAuc2VsZWN0LWlucHV0LXdyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgei1pbmRleDogMTtcblxuICAgIC5jYXJyZXQtd3JhcHBlciB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICByaWdodDogMC43NXJlbTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHotaW5kZXg6IC0xO1xuXG4gICAgICBzdmcge1xuICAgICAgICBjb2xvcjogIzAwMDtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
+    }), ";background-color:transparent;padding-right:2.5rem;-moz-appearance:none;-webkit-appearance:none;appearance:none;&,&:hover,&:focus{border:1px solid ", formElements.input.borderHoverColor, ";background-position:right center;background-repeat:no-repeat;background-size:1.5rem;background-position-x:96%;background-image:url(\"https://talentlms-prod-frontend-static.s3.amazonaws.com/svgs/caret_down.svg\");}}.select-input-wrapper{position:relative;width:100%;background-color:", formElements.input.background, ";border-radius:5px;z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IHNlbGVjdENvbnRhaW5lciA9IChcbiAgeyBmb3JtRWxlbWVudHMgfTogVGhlbWUsXG4gIHsgc2l6ZSB9OiB7IHNpemU6IElucHV0U2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9XG5cbiAgbGFiZWwge1xuICAgIG1hcmdpbjogMCAwIDAuNXJlbSAwLjVyZW07XG4gIH1cblxuICAmLmVycm9yIHtcbiAgICAuc2VsZWN0LWlucHV0LXdyYXBwZXIgc2VsZWN0IHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICAgIH1cbiAgfVxuXG4gIHNlbGVjdCB7XG4gICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAyLjVyZW07XG4gICAgLW1vei1hcHBlYXJhbmNlOiBub25lO1xuICAgIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuXG4gICAgJixcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtmb3JtRWxlbWVudHMuaW5wdXQuYm9yZGVySG92ZXJDb2xvcn07XG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiByaWdodCBjZW50ZXI7XG4gICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgYmFja2dyb3VuZC1zaXplOiAxLjVyZW07XG4gICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IDk2JTtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybChcImh0dHBzOi8vdGFsZW50bG1zLXByb2QtZnJvbnRlbmQtc3RhdGljLnMzLmFtYXpvbmF3cy5jb20vc3Zncy9jYXJldF9kb3duLnN2Z1wiKTtcbiAgICB9XG4gIH1cblxuICAuc2VsZWN0LWlucHV0LXdyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgei1pbmRleDogMTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
   );
 };
 
@@ -33116,7 +33099,7 @@ var Select = function Select(props, forwardedRef) {
     inline: hasLabel && inline,
     disabled: Boolean(rest === null || rest === void 0 ? void 0 : rest.disabled)
   }, (_containerAttrs$class = containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className) !== null && _containerAttrs$class !== void 0 ? _containerAttrs$class : "", Boolean(containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className)));
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: function css(theme) {
       return selectContainer(theme, {
         size: size
@@ -33129,17 +33112,13 @@ var Select = function Select(props, forwardedRef) {
     "aria-labelledby": id
   }, label), jsx("div", {
     className: "select-input-wrapper"
-  }, jsx("select", _extends$c({
+  }, jsx("select", _extends$b({
     ref: forwardedRef,
     onChange: onChange && function (e) {
       return onChange(e.target.value);
     },
     id: id
-  }, rest), children), jsx("span", {
-    className: "carret-wrapper"
-  }, jsx(SvgCaretDown, {
-    height: 24
-  }))));
+  }, rest), children)));
 };
 
 var Select$1 = /*#__PURE__*/React$n.forwardRef(Select);
@@ -33259,7 +33238,7 @@ var Tabs = function Tabs(_ref) {
   };
 
   var displayResponsiveHeader = (tabTitles === null || tabTitles === void 0 ? void 0 : tabTitles.length) && responsiveHeader;
-  return jsx("section", _extends$c({
+  return jsx("section", _extends$b({
     css: container$3
   }, rest), jsx("nav", {
     css: function css(theme) {
@@ -33330,7 +33309,7 @@ var Text = function Text(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded$g);
 
   var Tag = as;
-  return jsx(Tag, _extends$c({
+  return jsx(Tag, _extends$b({
     "data-testid": "text-component",
     css: function css(theme) {
       return textContainer(theme, weight, fontSize);
@@ -33373,7 +33352,7 @@ var Result = function Result(_ref) {
 
   var Icon = icon;
   var iconSize = getIconSize(md);
-  return jsx("article", _extends$c({
+  return jsx("article", _extends$b({
     "data-testid": "empty-state-container",
     css: function css(theme) {
       return container$2(theme, {
@@ -33424,7 +33403,7 @@ var Breadcrumb = function Breadcrumb(_ref2) {
       separator = _ref2$separator === void 0 ? "/" : _ref2$separator,
       rest = _objectWithoutProperties(_ref2, _excluded$e);
 
-  var breadcrumb = jsx("nav", _extends$c({
+  var breadcrumb = jsx("nav", _extends$b({
     css: function css(theme) {
       return container$1(theme, {
         separator: separator
@@ -33604,7 +33583,7 @@ var Drawer$1 = function Drawer(props) {
 
   var drawer = jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$c({
+  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$b({
     css: drawerContainer$1(width),
     "data-testid": "drawer"
   }, rest), showMask && jsx(Mask, {
@@ -33800,7 +33779,7 @@ var Sidebar = function Sidebar(_ref) {
 
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(m.nav, _extends$c({
+  }, jsx(m.nav, _extends$b({
     css: mainNavContainer,
     initial: false,
     animate: animate,
@@ -33895,7 +33874,7 @@ var CardHeader = function CardHeader(_ref) {
 };
 
 var Thumbnail = function Thumbnail(props) {
-  return jsx("img", _extends$c({
+  return jsx("img", _extends$b({
     css: thumbnailContainer
   }, props));
 };
@@ -34020,7 +33999,7 @@ var Card = function Card(_ref) {
 
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, jsx(m.article, _extends$c({
+  }, jsx(AnimatePresence, null, jsx(m.article, _extends$b({
     initial: "rest",
     whileHover: "hover",
     css: cardContainer,
@@ -34137,7 +34116,7 @@ var Grid = function Grid(props) {
 
   var templateColumnAttrs = generateGridValues(templateColumns);
   var Component = as;
-  return jsx(Component, _extends$c({
+  return jsx(Component, _extends$b({
     css: gridContainer({
       templateColumns: templateColumnAttrs,
       gap: gap,
@@ -34166,7 +34145,7 @@ var Item = function Item(props) {
   var rowStartAttrs = generateGridValues(rowStart);
   var rowEndAttrs = generateGridValues(rowEnd);
   var Component = as;
-  return jsx(Component, _extends$c({
+  return jsx(Component, _extends$b({
     css: gridItem({
       colSpan: colSpanAttrs,
       colStart: colStartAttrs,
@@ -34223,7 +34202,7 @@ var Input = function Input(_ref, forwardedRef) {
     inline: hasLabel && inline,
     disabled: Boolean(rest === null || rest === void 0 ? void 0 : rest.disabled)
   });
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: function css(theme) {
       return inputContainer(theme, {
         size: size
@@ -34239,7 +34218,7 @@ var Input = function Input(_ref, forwardedRef) {
     "data-testid": "input-icon-before"
   }, jsx(IconBefore, {
     height: 32
-  })), jsx("input", _extends$c({
+  })), jsx("input", _extends$b({
     ref: forwardedRef,
     id: id
   }, rest)), IconAfter && jsx("span", {
@@ -34269,7 +34248,7 @@ var FormError = function FormError(_ref) {
   var children = _ref.children,
       rest = _objectWithoutProperties(_ref, _excluded$8);
 
-  return jsx("article", _extends$c({
+  return jsx("article", _extends$b({
     css: errorContainer
   }, rest), children);
 };
@@ -34293,7 +34272,7 @@ var InputError = function InputError(_ref) {
       rest = _objectWithoutProperties(_ref, _excluded$7);
 
   var InputErrorTag = as;
-  return jsx(InputErrorTag, _extends$c({
+  return jsx(InputErrorTag, _extends$b({
     css: inputError
   }, rest), children);
 };
@@ -34474,7 +34453,7 @@ var Checkbox = function Checkbox(props, ref) {
       isPartiallySelected = props.isPartiallySelected,
       rest = _objectWithoutProperties(props, _excluded$6);
 
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     ref: ref,
     css: function css(theme) {
       return checkboxContainer(theme, {
@@ -34485,7 +34464,7 @@ var Checkbox = function Checkbox(props, ref) {
   }, containerAttrs), isPartiallySelected && jsx("span", {
     "data-testid": "is-partially-selected",
     className: "dash"
-  }), jsx("input", _extends$c({
+  }), jsx("input", _extends$b({
     id: id,
     type: "checkbox"
   }, rest)), jsx("label", {
@@ -34548,7 +34527,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   React$n.useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);
-  return jsx("fieldset", _extends$c({
+  return jsx("fieldset", _extends$b({
     css: checkboxGroupContainer(inline)
   }, rest), jsx("legend", null, isPartiallySelected && jsx("span", {
     className: "dash"
@@ -34565,7 +34544,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   })), jsx("ul", null, options.map(function (option) {
     return jsx("li", {
       key: option.name
-    }, jsx(Checkbox$1, _extends$c({
+    }, jsx(Checkbox$1, _extends$b({
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
       checked: selectedValues.includes(option.value),
@@ -34615,7 +34594,7 @@ var RadioButton = function RadioButton(_ref) {
     "is-selected": value === selectedValue
   });
   var propHTMLClass = rest !== null && rest !== void 0 && rest.className ? rest === null || rest === void 0 ? void 0 : rest.className : "";
-  return jsx("button", _extends$c({
+  return jsx("button", _extends$b({
     id: "radio-".concat(index),
     className: "".concat(cssClasses).concat(propHTMLClass),
     onClick: handleClick,
@@ -34640,7 +34619,7 @@ var RadioButtonGroup = function RadioButtonGroup(props) {
       rest = _objectWithoutProperties(props, _excluded$3);
 
   return jsx("div", rest, options.map(function (option, index) {
-    return jsx(RadioButton, _extends$c({
+    return jsx(RadioButton, _extends$b({
       key: option.value,
       index: index,
       size: size,
@@ -34687,14 +34666,14 @@ var Radio = function Radio(_ref) {
       containerAttrs = _ref.containerAttrs,
       rest = _objectWithoutProperties(_ref, _excluded$2);
 
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: function css(theme) {
       return radioButtonContainer(theme, {
         size: size,
         inline: inline
       });
     }
-  }, containerAttrs), jsx("input", _extends$c({
+  }, containerAttrs), jsx("input", _extends$b({
     id: id,
     type: "radio"
   }, rest)), jsx("label", {
@@ -34730,11 +34709,11 @@ var RadioGroup = function RadioGroup(_ref) {
   React$n.useEffect(function () {
     onChange && onChange(selectedValue);
   }, [selectedValue, onChange]);
-  return jsx("fieldset", _extends$c({
+  return jsx("fieldset", _extends$b({
     css: container(inline),
     id: (_rest$id = rest === null || rest === void 0 ? void 0 : rest.id) !== null && _rest$id !== void 0 ? _rest$id : groupname
   }, rest), options.map(function (option) {
-    return jsx(Radio, _extends$c({
+    return jsx(Radio, _extends$b({
       key: option.value,
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
@@ -34783,7 +34762,7 @@ var Textarea = function Textarea(props, forwardedRef) {
     valid: status === "valid",
     error: status === "error"
   }, (_containerAttrs$class = containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className) !== null && _containerAttrs$class !== void 0 ? _containerAttrs$class : "", Boolean(containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className)));
-  return jsx("div", _extends$c({
+  return jsx("div", _extends$b({
     css: function css(theme) {
       return textareaContainer(theme, {
         resize: resize
@@ -34793,7 +34772,7 @@ var Textarea = function Textarea(props, forwardedRef) {
     className: containerClassNames
   }), hasLabel && jsx(Label, {
     htmlFor: id
-  }, label), jsx("textarea", _extends$c({
+  }, label), jsx("textarea", _extends$b({
     id: id,
     ref: forwardedRef
   }, rest)));
@@ -34837,4 +34816,4 @@ exports.Tooltip = Tooltip;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.patterns = patterns;
 exports.utils = utils;
-//# sourceMappingURL=index-df99b192.js.map
+//# sourceMappingURL=index-2dc5db20.js.map